@sankhyalabs/ezui 1.1.76 → 1.1.77

package/dist/esm/ez-button_16.entry.js

@@ -1,4060 +0,0 @@
-import { r as registerInstance, h, c as createEvent, f as forceUpdate, H as Host, g as getElement } from './index-fd3c8023.js';
-import { N as NumberUtils, M as MaskFormatter } from './RequestMetadata-c265c9d5.js';
-import { F as FloatingManager } from './FloatingManager-bb90ef41.js';
-import { C as CSSVarsUtils } from './CSSVarsUtils-e0128b01.js';
-
-const ezButtonCss = ":host{--ez-button--min-width:100px;--ez-button--height:42px;--ez-button__icon--width:18px;--ez-button__inline__icon--padding:12px;--ez-button--padding-top:var(--space--medium, 12px);--ez-button--padding-bottom:var(--space--medium, 12px);--ez-button--padding-right:var(--space--large, 24px);--ez-button--padding-left:var(--space--large, 24px);--ez-button--color:var(--text--primary, #FFF);--ez-button--font-size:var(--text--medium, 14px);--ez-button--font-family:var(--font-pattern, Arial);--ez-button--font-weight:var(--text-weight--large);--ez-button--background-color:var(--background--medium, #c0c0c0);--ez-button--border-radius:var(--border--radius-large, 12px);--ez-button--border:none;--ez-button--hover--background-color:var(--background--strong, var(--ez-button--background-color));--ez-button--disabled-color:var(--text--disable);--ez-button--disabled--background-color:var(--color--disable-secondary);--ez-button--focus--border:var(--ez-button--border);--ez-button--focus--box-shadow:none;--ez-button--link-color:var(--title--primary, '#C0C0C0')}ez-icon{--ez-icon--color:inherit}button{display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer;transition:background-color 0.2s linear;min-width:var(--ez-button--min-width);height:var(--ez-button--height);font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight);padding:var(--ez-button--padding-top) var(--ez-button--padding-right) var(--ez-button--padding-bottom) var(--ez-button--padding-left);border-radius:var(--ez-button--border-radius);background-color:var(--ez-button--background-color);color:var(--ez-button--color);fill:var(--ez-button--color);border:var(--ez-button--border)}button:hover{background-color:var(--ez-button--hover--background-color)}button:focus{outline:none;border:var(--ez-button--focus--border);box-shadow:var(--ez-button--focus--box-shadow)}button:disabled{background-color:var(--ez-button--disabled--background-color);color:var(--ez-button--disabled-color);fill:var(--ez-button--disabled-color);border:none;cursor:no-drop}button.icon{width:42px;min-width:42px;height:42px;padding:0px}.label-icon{display:flex;flex-direction:column;align-items:center;color:var(--ez-button--color)}.label-icon label{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight)}a{font-family:var(--ez-button--font-family);font-size:var(--ez-button--font-size);font-weight:var(--ez-button--font-weight);color:var(--ez-button--link-color);cursor:pointer;display:flex;align-items:center;justify-content:center;}";
-
-let EzButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Deixa o botão disponível ou não para interação com o usuário.
-     */
-    this.enabled = true;
-    /**
-       * Define o modo de uso do botão; opções: icon, link e regular
-       */
-    this.mode = "regular";
-  }
-  handleSlotChange(ev) {
-    const slot = ev.target;
-    const content = slot.assignedElements()[0];
-    if (this.mode == "link") {
-      content.style.display = "inline";
-      if (slot.name == "leftIcon") {
-        content.style.paddingRight = "var(--ez-button__inline__icon--padding)";
-      }
-      else if (slot.name == "rightIcon") {
-        content.style.paddingLeft = "var(--ez-button__inline__icon--padding)";
-      }
-    }
-    else {
-      content.style.setProperty('--ez-icon--color', 'var(--ez-icon--color)');
-    }
-  }
-  render() {
-    if (this.mode == "icon") {
-      return (h("button", { class: "icon", type: "button", disabled: !this.enabled }, h("ez-icon", { class: "icon", href: this.image, size: "large", onClick: evt => {
-          if (!this.enabled)
-            evt.stopPropagation();
-        } })));
-    }
-    else if (this.mode == "label-icon") {
-      return (h("div", { class: "label-icon" }, h("button", { class: "icon", type: "button", disabled: !this.enabled }, h("ez-icon", { class: "icon", href: this.image, size: "large", onClick: evt => {
-          if (!this.enabled)
-            evt.stopPropagation();
-        } })), h("label", { title: this.label }, this.label)));
-    }
-    else if (this.mode == "link") {
-      return (h("a", null, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
-    }
-    else {
-      return (h("button", { type: "button", disabled: !this.enabled }, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label, h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
-    }
-  }
-};
-EzButton.style = ezButtonCss;
-
-class DateUtils {
-    static clearTime(date, adjustDayLightSavingTime = true) {
-        const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0, 0);
-        return adjustDayLightSavingTime ? DateUtils.adjustDLST(newDate) : newDate;
-    }
-    static strToDate(strValue, adjustDayLightSavingTime = true, monthYearMode = false) {
-        /** monthYearMode é um booleano para usar o formato MM/YYYY.
-         * Quando ativado, é retornado o primeiro dia do mês apenas para construir a data.
-         * Não há necessidade de verificar o horário de verão quando utilizado esse modo. */
-        let parts;
-        if (monthYearMode) {
-            parts = /^(1[0-2]|0[1-9]|[1-9])[^\d]?(\d{2}|\d{4})(?:\s(\d{1,2}):(\d{1,2}):?(\d{0,2}))?$/.exec(strValue);
-        }
-        else {
-            parts = /^(3[01]|[1-2]\d|0[1-9]|[1-9])[^\d]?(1[0-2]|0[1-9]|[1-9])[^\d]?(\d{2}|\d{4})(?:\s(\d{1,2}):(\d{1,2}):?(\d{0,2}))?$/.exec(strValue);
-        }
-        if (!parts) {
-            return undefined;
-        }
-        var day = monthYearMode ? 1 : Number(parts[1]);
-        var month = Number(parts[(monthYearMode ? 1 : 2)]);
-        var year = Number(parts[(monthYearMode ? 2 : 3)]);
-        var hour = Number(parts[(monthYearMode ? 3 : 4)] || 0);
-        var min = Number(parts[(monthYearMode ? 4 : 5)] || 0);
-        var sec = Number(parts[(monthYearMode ? 5 : 6)] || 0);
-        if (year < 100) {
-            year += year < 30 ? 2000 : 1900;
-        }
-        let date = new Date(year, month - 1, day, hour, min, sec, 0);
-        if (adjustDayLightSavingTime === true && !monthYearMode && hour == 0) {
-            date = DateUtils.adjustDLST(date);
-        }
-        return date;
-    }
-    static adjustDLST(date) {
-        //Work around para corrigir o Bug do horário de verão.
-        if (date.getHours() == 23) {
-            return new Date(date.getFullYear(), date.getMonth(), date.getDate() + 1, 1, 0, 0, 0);
-        }
-        return date;
-    }
-}
-
-const ezCalendarCss = ":host{--ez-calendar--font-family:var(--font-pattern, Arial);--ez-calendar--color:var(--title--primary, #626e82);--ez-calendar--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--ez-calendar__body--background-color:var(--background--xlight, #FFF);--ez-calendar__body--padding:var(--space--medium, 12px);--ez-calendar__body--border-radius:var(--border--radius-medium, 12px);--ez-calendar__body--shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-calendar__header-line--stroke:2px;--ez-calendar__header-line--color:var(--color--strokes, #C0C0C0);--ez-calendar__nav-btn--fill:var(--text--primary, #008561);--ez-calendar__nav-btn--hover--fill:var(--color--primary, #350404);--ez-calendar__nav-btn--width:10px;--ez-calendar__nav-btn--height:16px;--ez-calendar__nav-btn--previous-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z\"/></svg>');--ez-calendar__nav-btn--next-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z\"/></svg>');--ez-calendar__cell--margin:0px var(--space--small, 12px);--ez-calendar__cell--width:var(--space--large, 24px);--ez-calendar__cell--padding:var(--space--extra-small, 3px) 0px;--ez-calendar__cell--border-radius:var(--border--radius-small, 6px);--ez-calendar__cell--over--background-color:var(--color--strokes, #C0C0C0);--ez-calendar__cell--outset--color:var(--color--strokes, #C0C0C0);--ez-calendar__cell--selected--background-color:var(--color--primary, #008561);--ez-calendar__cell--selected--color:var(--color--inverted, #FFF);--ez-calendar__btn-today--color:var(--color--primary);--ez-calendar__btn-today--hover--background-color:var(--color--strokes, #C0C0C0);--ez-calendar__btn-today--border-radius:var(--border--radius-small, 6px);position:relative;display:flex;user-select:none}.calendar{z-index:var(--more-visible, 2);display:flex;flex-direction:column;background-color:var(--ez-calendar__body--background-color);padding:var(--ez-calendar__body--padding);border-radius:var(--ez-calendar__body--border-radius);box-shadow:var(--ez-calendar__body--shadow)}.calendar__header{display:flex;justify-content:space-between;padding-bottom:var(--space--medium, 12px);margin:var(--space--small, 6px) var(--space--, 12px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);border-bottom:solid var(--ez-calendar__header-line--stroke) var(--ez-calendar__header-line--color)}.calendar__btn-next,.calendar__btn-previous{outline:none;border:none;background-color:unset;cursor:pointer;padding:0px}.calendar__btn-next::after,.calendar__btn-previous::after{content:'';display:flex;background-color:var(--ez-calendar__nav-btn--fill);width:var(--ez-calendar__nav-btn--width);height:var(--ez-calendar__nav-btn--height)}.calendar__btn-previous::after{-webkit-mask-image:var(--ez-calendar__nav-btn--previous-image);mask-image:var(--ez-calendar__nav-btn--previous-image)}.calendar__btn-next::after{-webkit-mask-image:var(--ez-calendar__nav-btn--next-image);mask-image:var(--ez-calendar__nav-btn--next-image)}.calendar__btn-next:hover::after,.calendar__btn-previous:hover::after{background-color:var(--ez-calendar__nav-btn--hover--fill)}.calendar__lbl-month{font-weight:var(--text-weight--large, 600);font-size:var(--title--medium, 16px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.calendar__line{display:flex;padding:0px;margin:0px}.calendar__cell{display:flex;justify-content:center;align-content:center;cursor:pointer;font-size:var(--text--small, 12px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);padding:var(--ez-calendar__cell--padding);margin:var(--ez-calendar__cell--margin);min-width:var(--ez-calendar__cell--width);border-radius:var(--ez-calendar__cell--border-radius)}.calendar__cell:hover{background-color:var(--ez-calendar__cell--over--background-color)}.calendar__cell--secondary{color:var(--ez-calendar__cell--outset--color)}.calendar__cell--unselectable:hover{background-color:unset;border-radius:unset;cursor:unset}.calendar__cell--unselectable{font-weight:var(--text-weight--large, 600);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.calendar__cell--selected,.calendar__cell--selected:hover{background-color:var(--ez-calendar__cell--selected--background-color);color:var(--ez-calendar__cell--selected--color)}.calendar__body{padding:var(--space--small, 6px) 0px}.calendar__footer{display:flex;flex-direction:column}.calendar__btn-today{border:none;background-color:unset;cursor:pointer;font-weight:var(--text-weight--large, 600);font-size:var(--title--small);padding:var(--space--extra-small, 6px);font-family:var(--ez-calendar--font-family);text-shadow:var(--ez-calendar--text-shadow);color:var(--ez-calendar__btn-today--color);border-radius:var(--ez-calendar__btn-today--border-radius)}.calendar__btn-today:hover{background-color:var(--ez-calendar__btn-today--hover--background-color)}";
-
-let EzCalendar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ezChange = createEvent(this, "ezChange", 7);
-    this._firstRender = true;
-    this._todayLabel = "Hoje";
-    this._weekDayLabels = ["D", "S", "T", "Q", "Q", "S", "S"];
-    this._monthLabels = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"];
-    /**
-     * A data selecionada no calendário
-     */
-    this.value = new Date();
-    /**
-     * No modo floating o calendário só se tornará visível
-     * quando o método show() for acionado.
-     */
-    this.floating = false;
-  }
-  /**
-   * Usado no modo floating. Faz com que o componente seja exibido.
-   * É possível determinar ajustes de posicionamento através dos parâmetros
-   * top, left, bottom e right. Esses parâmetros devem ser informados como
-   * strings no formato css.
-   */
-  async show(top, left, bottom, right) {
-    if (this.floating) {
-      this._floatingID = FloatingManager.float(this._box, this._container, { autoClose: true, top, left, bottom, right });
-      window.requestAnimationFrame(() => {
-        this._box.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
-      });
-    }
-  }
-  /**
-  * Método necessário para ajustar o posicionamento do calendar acima ou abaixo do ez-date-input conforme a disponibilidade de espaço.
-  */
-  async fitVertical(topOffset, bottomOffset) {
-    const neededHeight = this._container.getBoundingClientRect().bottom + this._calendarHeight;
-    const availableBottom = (window.innerHeight || document.documentElement.clientHeight) > neededHeight;
-    if (availableBottom) {
-      this.show(topOffset + "px", undefined, "unset");
-    }
-    else {
-      this.show("unset", undefined, bottomOffset + "px");
-    }
-  }
-  /**
-   * Usado no modo floating. Faz com que o componente seja ocultado.
-   */
-  async hide() {
-    if (this._floatingID !== undefined) {
-      FloatingManager.close(this._floatingID);
-      this._floatingID = undefined;
-    }
-  }
-  valueChanged() {
-    if (this.value) {
-      this._currentPosition.setTime(this.value.getTime());
-      this._currentPosition.setDate(1);
-    }
-  }
-  getMonthLabel() {
-    return this._monthLabels[this._currentPosition.getMonth()] + " " + this._currentPosition.getFullYear();
-  }
-  isSelectedDate(d) {
-    if (this.value) {
-      return this.value.getDate() == d.getDate() && this.value.getMonth() == d.getMonth() && this.value.getFullYear() == d.getFullYear();
-    }
-    return false;
-  }
-  changeMonth(offset) {
-    this._currentPosition.setMonth(this._currentPosition.getMonth() + offset);
-    forceUpdate(this);
-  }
-  selectDate(d) {
-    this.value = d;
-    this.ezChange.emit();
-  }
-  componentDidRender() {
-    if (this.floating && this._firstRender) {
-      this._calendarHeight = this._box.clientHeight;
-      this._box.remove();
-      this._firstRender = false;
-    }
-  }
-  render() {
-    if (this._currentPosition == null) {
-      this._currentPosition = new Date();
-      this._currentPosition.setTime(this.value.getTime());
-      this._currentPosition.setDate(1);
-    }
-    const firstDate = new Date();
-    firstDate.setTime(this._currentPosition.getTime());
-    firstDate.setDate(1 - firstDate.getDay());
-    return (h("section", { ref: elem => this._container = elem }, h("div", { class: "calendar", ref: elem => this._box = elem }, h("div", { class: "calendar__header" }, h("button", { class: "calendar__btn-previous", onClick: () => this.changeMonth(-1) }), h("label", { class: "calendar__lbl-month" }, this.getMonthLabel()), h("button", { class: "calendar__btn-next", onClick: () => this.changeMonth(1) })), h("div", { class: "calendar__body" }, h("div", { class: "calendar__line" }, this._weekDayLabels.map(day => h("div", { class: "calendar__cell calendar__cell--unselectable" }, day))), [0, 7, 14, 21, 28, 35].map(offset => h("div", { class: "calendar__line" }, [0, 1, 2, 3, 4, 5, 6].map(index => {
-      const date = new Date();
-      date.setTime(firstDate.getTime());
-      date.setDate(date.getDate() + offset + index);
-      let classNames = "calendar__cell";
-      if (this._currentPosition.getMonth() != date.getMonth()) {
-        classNames += " calendar__cell--secondary";
-      }
-      else if (this.isSelectedDate(date)) {
-        classNames += " calendar__cell--selected";
-      }
-      return h("div", { class: classNames, onClick: () => this.selectDate(date) }, date.getDate());
-    })))), h("div", { class: "calendar__footer" }, h("button", { class: "calendar__btn-today", onClick: () => this.selectDate(new Date()) }, this._todayLabel)))));
-  }
-  static get watchers() { return {
-    "value": ["valueChanged"]
-  }; }
-};
-EzCalendar.style = ezCalendarCss;
-
-const ezCheckCss = ":host{--check--box--width:18px;--check--box--height:18px;--check--width:calc(var(--check--box--width) + 14px);--check--height:calc(var(--check--box--width) + 14px);--check--border-radius:var(--border--radius-small);--check--checked--background-color:var(--color--primary-200);--check--focus--background-color:var(--color--strokes, #FFFFFF);--check--hover--background-color:var(--background--medium);--check--checked--disabled--background-color:var(--color--disable-secondary);--check--border:var(--border--medium) var(--title--primary);--check--disabled--border:var(--border--medium) var(--color--strokes);--check--checked--border:var(--border--medium) var(--color--primary);--check--checked--hover--background-color:var(--color--primary-200);--check--checked--focus--background-color:var(--color--primary-300, #FFFFFF);--check--check--image:url('data:image/svg+xml;utf8,<svg width=\"8\" height=\"7\" viewBox=\"0 0 8 7\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.70002 0.398999L7.48502 0.207997C7.31524 0.0598858 7.09376 -0.0150438 6.86894 -0.000430025C6.64411 0.0141838 6.43419 0.117153 6.28502 0.285997L2.70002 4.332L1.61802 3.384C1.44837 3.23576 1.22697 3.16067 1.00214 3.17509C0.77732 3.18952 0.567332 3.2923 0.418019 3.461L0.229019 3.674C0.0752361 3.84797 -0.00437434 4.07521 0.00721192 4.30713C0.0187982 4.53904 0.120661 4.75722 0.291019 4.915L2.27402 6.762C2.35832 6.8432 2.45842 6.90618 2.56811 6.94702C2.67779 6.98787 2.79471 7.00571 2.91159 6.99942C3.02846 6.99314 3.14279 6.96287 3.24747 6.91049C3.35214 6.85812 3.44492 6.78477 3.52002 6.695L7.79102 1.638C7.94063 1.46048 8.01486 1.23149 7.99786 0.999963C7.98085 0.768436 7.87396 0.552749 7.70002 0.398999Z\"/></svg>');--check--check--background-color:var(--color--primary);--check--check--disabled--background-color:var(--color--strokes);--switch--slider--width:34px;--switch--slider--height:14px;--switch--pin--width:20px;--switch--pin--height:20px;--switch--focus--width:32px;--switch--focus--height:32px;--switch--background-color:var(--color--strokes);--switch--disabled--background-color:var(--color--disable-secondary);--switch--checked--background-color:var(--color--primary-300);--switch--pin--background-color:var(--background--xlight);--switch--pin--disabled--background-color:var(--color--disable-secondary);--switch--pin--checked--background-color:var(--color--primary);--switch--pin--checked--disabled--background-color:#E8F7F4;--switch--pin--focus--background-color:var(--text--disable);--switch--pin--checked--focus--background-color:var(--color--primary);--check--label--font-size:var(--text--medium, 14px);--check--label--font-family:var(--font-pattern, Arial);--check--label--color:var(--title--primary, #000);--check--label--disabled--color:var(--text--disable, #AFB6C0);display:flex;width:100%;align-items:center;margin:0}input.regularMode{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;box-sizing:border-box;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:50%;position:relative;width:var(--check--width);height:var(--check--height)}input.regularMode:enabled:hover{background-color:var(--check--hover--background-color)}input.regularMode:enabled:focus{outline:none;background-color:var(--check--focus--background-color)}input.regularMode:disabled{cursor:auto;background:none}input.regularMode::before{box-sizing:border-box;content:\"\";display:block;width:var(--check--box--width);height:var(--check--box--height);border-radius:var(--check--border-radius);border:var(--check--border)}input.regularMode:disabled::before{border:var(--check--disabled--border)}input.regularMode:checked:enabled:hover{background-color:var(--check--checked--hover--background-color)}input.regularMode:checked:enabled:focus{background-color:var(--check--checked--focus--background-color)}input.regularMode:checked::before{border:var(--check--checked--border);background-color:var(--check--checked--background-color)}input.regularMode:checked:disabled:before{border:var(--check--disabled--border);background-color:var(--check--checked--disabled--background-color)}input.regularMode:checked::after{display:flex;position:absolute;content:\"\";background-color:var(--check--check--background-color);width:8px;height:7px;-webkit-mask-image:var(--check--check--image);mask-image:var(--check--check--image)}input.regularMode:checked:disabled::after{background-color:var(--check--check--disabled--background-color)}input.switchMode{flex-shrink:0;-webkit-appearance:none;appearance:none;position:relative;outline:none;cursor:pointer;border-radius:20px;border:none;transition:background-color var(--transition);width:var(--switch--slider--width);height:var(--switch--slider--height);background-color:var(--switch--background-color)}input.switchMode:disabled{background-color:var(--switch--disabled--background-color)}input.switchMode::after{content:\"\";display:block;position:absolute;box-shadow:var(--shadow);transition:transform var(--transition);transition:background-color var(--transition);transform:translateY(-3px);border-radius:50%;width:var(--switch--pin--width);height:var(--switch--pin--height);background-color:var(--switch--pin--background-color)}input.switchMode:disabled::after{background-color:var(--switch--pin--disabled--background-color)}input.switchMode:checked{transition:background-color var(--transition);background-color:var(--switch--checked--background-color)}input.switchMode::before{display:block;content:\"\";display:block;position:absolute;border-radius:50%;opacity:0;width:var(--switch--focus--width);height:var(--switch--focus--height);top:calc((var(--switch--slider--height) - var(--switch--focus--height)) / 2);left:calc((var(--switch--pin--width) - var(--switch--focus--width))/2);background-color:var(--switch--pin--focus--background-color)}input.switchMode:focus::before{opacity:0.24;transition:opacity var(--transition)}input.switchMode:checked:focus::before{background-color:var(--switch--pin--checked--focus--background-color);transform:translateX(calc(var(--switch--slider--width) - var(--switch--pin--width)))}input.switchMode:checked::after{transition:transform var(--transition);transition:background-color var(--transition);transform:translateX(calc(var(--switch--slider--width) - var(--switch--pin--width))) translateY(-3px);box-shadow:var(--shadow);background-color:var(--switch--pin--checked--background-color)}input.switchMode:checked:disabled::after{background-color:var(--switch--pin--checked--disabled--background-color)}.label{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--check--label--color);text-shadow:var(--text-shadow);font-size:var(--check--label--font-size);font-family:var(--check--label--font-family);cursor:default;padding-left:var(--space--small)}.label--disabled{color:var(--check--label--disabled--color)}";
-
-let EzCheck = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ezChange = createEvent(this, "ezChange", 7);
-    /**
-     * Deixa o campo disponível ou não para interação com o usuário.
-     */
-    this.enabled = true;
-    /**
-     * Existem dois modos de visualização: regular e switch.
-     * Se esta propriedade for omitida, o componete assume o formato "regular".
-     * No modo "regular" a visualização é a tradicional de uma caixinha marcada/desmarcada.
-     * No modo "switch" o campo tem uma interface em formato de um pino liga/desliga.
-     */
-    this.mode = "regular";
-  }
-  adjustMode() {
-    if (this.mode === "switch") {
-      this._inputElem.classList.remove("regularMode");
-      this._inputElem.classList.add("switchMode");
-    }
-    else {
-      this._inputElem.classList.remove("switchMode");
-      this._inputElem.classList.add("regularMode");
-    }
-  }
-  //---------------------------------------------
-  // Public methods
-  //---------------------------------------------
-  /**
-   * Devolve o modo escolhido para o componente
-   */
-  async getMode() {
-    return this.mode;
-  }
-  /**
-   * Faz o foco no componente de input
-   */
-  async setFocus() {
-    this._inputElem.focus();
-  }
-  componentDidLoad() {
-    this.adjustMode();
-  }
-  changeValue() {
-    this.value = !this.value;
-    this.ezChange.emit();
-  }
-  getLabelClasses() {
-    let classes = "label";
-    if (!this.enabled) {
-      classes += " label--disabled";
-    }
-    return classes;
-  }
-  render() {
-    return (h(Host, null, h("input", { type: "checkbox", class: "regularMode", checked: this.value === true, onChange: () => { this.changeValue(); }, disabled: !this.enabled, ref: (el) => this._inputElem = el }), this.label ? h("label", { class: this.getLabelClasses(), onClick: () => { this.changeValue(); }, title: this.label }, this.label) : undefined));
-  }
-  static get watchers() { return {
-    "mode": ["adjustMode"]
-  }; }
-};
-EzCheck.style = ezCheckCss;
-
-const ezCollapsibleBoxCss = ":host{--ez-collapsible-box--height:42px;--ez-collapsible-box--font-size:var(--title--medium, 14px);--ez-collapsible-box--font-family:var(--font-pattern, Arial);--ez-collapsible-box--font-weight:var(--text-weight--large, 600);--ez-collapsible-box--color:var(--title--primary);--ez-collapsible-box__btn--image--xsmall:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"12px\" width=\"7.5px\"><path d=\"M 0,10.56 4.5967752,6.0000006 0,1.3800006 1.4516132,0 7.5,6.0000006 1.4516132,12 Z\"/></svg>');--ez-collapsible-box__btn--image--small:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"14px\" width=\"8.68px\"><path d=\"M 0,12.32 5.3200012,7.0000007 0,1.6100007 1.6800004,0 8.68,7.0000007 1.6800004,14 Z\"/></svg>');--ez-collapsible-box__btn--image--medium:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z\"/></svg>');--ez-collapsible-box__btn--image--large:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"18px\" width=\"11.25px\"><path d=\"M 0,15.84 6.8951628,9.0000009 0,2.0700009 2.1774198,0 11.25,9.0000009 2.1774198,18 Z\"/></svg>');--ez-collapsible-box__btn--image--xlarge:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"20px\" width=\"12.5px\"><path d=\"M 0,17.6 7.661292,10.000001 0,2.300001 2.4193553,0 12.5,10.000001 2.4193553,20 Z\"/></svg>');--ez-collapsible-box__btn--fill:var(--ez-collapsible-box--color);--ez-collapsible-box__btn--width:10px;--ez-collapsible-box__btn--height:16px;display:flex;flex-wrap:wrap;width:100%}.collapsible-box__title{width:100%;align-self:center;display:flex;box-sizing:border-box}.collapsible-box__label{white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;width:100%;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight);color:var(--ez-collapsible-box--color)}.collapsible-box__label--icon-right{white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight);color:var(--ez-collapsible-box--color)}.collapsible-box__btn{outline:none;border:none;background-color:unset;cursor:pointer;padding:1px 6px}.collapsible-box__btn::after{content:'';display:flex;background-color:var(--ez-collapsible-box__btn--fill);width:var(--ez-collapsible-box__btn--width);height:var(--ez-collapsible-box__btn--height);transition:transform var(--transition);transform:rotate(90deg)}.collapsible-box__btn--xsmall::after{width:7.5px;height:12px;-webkit-mask-image:var(--ez-collapsible-box__btn--image--xsmall);mask-image:var(--ez-collapsible-box__btn--image--xsmall)}.collapsible-box__btn--small::after{width:8.68px;height:14px;-webkit-mask-image:var(--ez-collapsible-box__btn--image--small);mask-image:var(--ez-collapsible-box__btn--image--small)}.collapsible-box__btn--medium::after{width:10px;height:16px;-webkit-mask-image:var(--ez-collapsible-box__btn--image--medium);mask-image:var(--ez-collapsible-box__btn--image--medium)}.collapsible-box__btn--large::after{width:11.25px;height:18px;-webkit-mask-image:var(--ez-collapsible-box__btn--image--large);mask-image:var(--ez-collapsible-box__btn--image--large)}.collapsible-box__btn--xlarge::after{width:12.5px;height:20px;-webkit-mask-image:var(--ez-collapsible-box__btn--image--xlarge);mask-image:var(--ez-collapsible-box__btn--image--xlarge)}.collapsible-box__btn--collapsed::after{transform:rotate(0deg)}.font--xsmall{font-size:10px}.font--small{font-size:12px}.font--medium{font-size:14px}.font--large{font-size:16px}.font--xlarge{font-size:20px}";
-
-let EzCollapsibleBox = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ezChange = createEvent(this, "ezChange", 7);
-    /**
-     * Valor externalizado que garante a exibição ou não do componente
-     */
-    this.value = false;
-    /**
-    * Define o tamanho do texto e do ícone do componente.
-    */
-    this.headerSize = "small";
-    /**
-    * Define o local onde o ícone será renderizado.
-    */
-    this.iconPlacement = "left";
-  }
-  observeValue() {
-    this.ezChange.emit();
-  }
-  /**
-   * Esconde ou revela o conteúdo do componente
-   */
-  async showHide() {
-    this.value = !this.value;
-  }
-  render() {
-    return (h(Host, null, this.iconPlacement == "right" ?
-      h("div", { class: "collapsible-box__title" }, h("label", { class: (this.iconPlacement == "right" ? "collapsible-box__label--icon-right " : "collapsible-box__label ") + (this.headerSize ? "font--" + this.headerSize : ""), onClick: () => this.showHide(), title: this.label }, this.label), h("button", { class: this.value ? "collapsible-box__btn collapsible-box__btn--collapsed " + "collapsible-box__btn--" + this.headerSize : "collapsible-box__btn " + "collapsible-box__btn--" + this.headerSize, onClick: () => this.showHide() }))
-      :
-        h("div", { class: "collapsible-box__title" }, h("button", { class: this.value ? "collapsible-box__btn collapsible-box__btn--collapsed " + "collapsible-box__btn--" + this.headerSize : "collapsible-box__btn " + "collapsible-box__btn--" + this.headerSize, onClick: () => this.showHide() }), h("label", { class: (this.iconPlacement == "right" ? "collapsible-box__label--icon-right " : "collapsible-box__label ") + (this.headerSize ? "font--" + this.headerSize : ""), onClick: () => this.showHide(), title: this.label }, this.label)), !this.value ? h("slot", null) : null));
-  }
-  static get watchers() { return {
-    "value": ["observeValue"]
-  }; }
-};
-EzCollapsibleBox.style = ezCollapsibleBoxCss;
-
-const ezComboBoxCss = ":host{--combo-box--height:42px;--combo-box--width:100%;--combo-box__icon--width:48px;--combo-box--border-radius:var(--border--radius-medium, 12px);--combo-box--border-radius-small:var(--border--radius-small, 6px);--combo-box--font-size:var(--text--medium, 14px);--combo-box--font-family:var(--font-pattern, Arial);--combo-box--font-weight--large:var(--text-weight--large, 500);--combo-box--font-weight--medium:var(--text-weight--medium, 400);--combo-box--background-color--xlight:var(--background--xlight, #fff);--combo-box__input--background-color:var(--background--medium, #e0e0e0);--combo-box__input--border:var(--border--medium, 2px solid);--combo-box__input--border-color:var(--combo-box__input--background-color);--combo-box__input--focus--border-color:var(--color--primary, #008561);--combo-box__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--combo-box__input--disabled--color:var(--text--disable, #AFB6C0);--combo-box__input--error--border-color:#CC2936;--combo-box__label--color:var(--title--primary, #919191);--combo-box__list-text--primary:var(--text--primary, #626e82);--combo-box__list-height:calc(var(--combo-box--font-size) + var(--combo-box--space--medium));--combo-box--drop-down__image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"16px\"><path d=\"M 1.8585859,3.0707069 7.9999998,9.2121212 14.141414,3.0707069 16,5.0101006 7.9999998,12.929293 0,4.9292932 Z\"/></svg>');--combo-box--search__image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"22px\" width=\"22px\"><path d=\"m 9.4,2.3 c 4.1,0 7.4,3.2 7.4,7.2 0,1.8 -0.7,3.4 -1.8,4.7 l 0.3,0.3 h 0.9 l 5.7,5.6 -1.7,1.7 -5.7,-5.6 V 15.3 L 14.3,15 C 13,16.1 11.3,16.7 9.5,16.7 5.3,16.7 2,13.5 2,9.5 2,5.5 5.3,2.3 9.4,2.3 m 0,2.2 c -2.9,0 -5.1,2.2 -5.1,5 0,2.8 2.3,5 5.1,5 2.8,0 5.1,-2.2 5.1,-5 0,-2.8 -2.2,-5 -5.1,-5 z\"/></svg>');--combo-box--space--medium:var(--space--medium, 12px);--combo-box--space--small:var(--space--small, 6px);display:flex;flex-wrap:wrap;position:relative;width:var(--combo-box--width)}ez-text-input{--ez-text-input__input--background-color:var(--combo-box__input--background-color, #FFFFFF);--ez-text-input__input--border-color:var(--combo-box__input--border-color, #DCE0E8)}.list-container{position:relative;width:100%}.options-list{box-sizing:border-box;width:100%;z-index:var(--more-visible, 2);display:flex;flex-direction:column;background-color:var(--combo-box--background-color--xlight);padding:var(--combo-box--space--small);border-radius:var(--combo-box--border-radius);box-shadow:var(--shadow, 0px 0px 16px 0px #000);scroll-behavior:smooth;max-height:calc(4*var(--combo-box__list-height) + 2*var(--combo-box--space--small));overflow:auto}.item{text-align:left;display:flex;justify-content:space-between;align-items:center;border-radius:var(--combo-box--border-radius-small);padding:0 var(--combo-box--space--small);list-style-type:none;min-height:var(--combo-box__list-height)}.item--label{text-align:left;flex-basis:85%;flex-grow:1;color:var(--combo-box__list-text--primary);font-weight:var(--combo-box--font-weight--large);font-family:var(--combo-box--font-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item--value{text-align:right;flex-basis:15%;flex-grow:0;color:var(--combo-box__list-text--primary);font-weight:var(--combo-box--font-weight--large);font-family:var(--combo-box--font-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}li:hover{background-color:var(--background--medium)}.preselected{background-color:var(--background--medium)}.btn-open-options{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-options:disabled{cursor:unset}.btn-open-options::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:16px;height:16px;-webkit-mask-image:var(--combo-box--drop-down__image);mask-image:var(--combo-box--drop-down__image)}.btn-open-options:disabled:after{background-color:var(--text--disable, #AFB6C0)}.btn-open-options:enabled:hover::after{background-color:var(--color--primary, #4e4e4e)}.btn-open-search{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-search:disabled{cursor:unset}.btn-open-search::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:22px;height:22px;-webkit-mask-image:var(--combo-box--search__image);mask-image:var(--combo-box--search__image)}.btn-open-search:disabled:after{background-color:var(--text--disable, #AFB6C0)}.btn-open-search:enabled:hover::after{background-color:var(--color--primary, #4e4e4e)}";
-
-let EzComboBox = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ezChange = createEvent(this, "ezChange", 7);
-    /**
-     * Deixa o campo disponível ou não para interação com usuário.
-     */
-    this.enabled = true;
-    /**
-     * Ajusta a opção de mostrar o "value" ao selecionar uma opção. Por padrão não mostra.
-     */
-    this.showSelectedValue = false;
-    /**
-     * Ajusta a opção de mostrar o "value" para cada opção. Por padrão não mostra
-     */
-    this.showOptionValue = false;
-  }
-  internalUpdate() {
-    if (this._inputElement) {
-      this._inputElement.value = this.getText();
-    }
-    this.hideOptions();
-    this._criteria = undefined;
-    this._preSelection = undefined;
-    this.updateVisibleOptions();
-  }
-  getText() {
-    let text = "";
-    const selected = this.getSelectedOption();
-    if (selected) {
-      text = this.showSelectedValue ? `${selected.value} - ${selected.label}` : selected.label;
-    }
-    return text;
-  }
-  getSelectedOption() {
-    if (typeof this.value === "string" || this.value instanceof String) {
-      return this._visibleOptions.find(o => o.value === this.value);
-    }
-    return this.value;
-  }
-  updateVisibleOptions() {
-    let opts = this._source || [];
-    if (!this.searchMode && this._criteria) {
-      const upperCriteria = this._criteria.toUpperCase();
-      opts = opts.filter(opt => opt.label.toLocaleUpperCase().indexOf(upperCriteria) > -1);
-    }
-    this._visibleOptions = [{ value: undefined, label: "" }].concat(opts);
-  }
-  buildItem(opt, index) {
-    return h("li", { class: index === this._preSelection ? "item preselected" : "item", id: `item_${opt.value}`, onMouseDown: () => this.selectOption(opt), onMouseOver: () => this._preSelection = undefined }, h("span", { class: "item--label", title: opt.label }, opt.label), this.showOptionValue ? h("span", { class: "item--value", title: opt.value }, opt.value) : undefined);
-  }
-  showOptions() {
-    if (!this.enabled) {
-      return;
-    }
-    //FIXME: Provavelmente isso fará com que o popup abra em uma 
-    //posição errada no futuro. Preferi fazer simples no começo,
-    //porque não quis onerar o text input com essa funcionalidade...
-    const top = this.errorMessage ? "0px" : "-17px";
-    this._floatingID = FloatingManager.float(this._optionsList, this._listContainer, { autoClose: true, top });
-    window.requestAnimationFrame(() => {
-      this._optionsList.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
-    });
-  }
-  hideOptions() {
-    if (this._floatingID !== undefined) {
-      FloatingManager.close(this._floatingID);
-    }
-    this._floatingID = undefined;
-  }
-  isOptionsVisible() {
-    return this._floatingID !== undefined && FloatingManager.isFloating(this._floatingID);
-  }
-  nextOption() {
-    if (this.searchMode && !this.isOptionsVisible()) {
-      return;
-    }
-    this.showOptions();
-    this._preSelection = this._preSelection === undefined ? 0 : Math.min(this._preSelection + 1, this._visibleOptions.length - 1);
-    this.scrollToOption(this._visibleOptions[this._preSelection], true);
-  }
-  previousOption() {
-    this._preSelection = this._preSelection === undefined ? 0 : Math.max(this._preSelection - 1, 0);
-    this.scrollToOption(this._visibleOptions[this._preSelection], false);
-  }
-  scrollToOption(opt, down) {
-    window.requestAnimationFrame(() => {
-      const liElem = this._optionsList.querySelector(`li#item_${opt.value}`);
-      if (liElem) {
-        const parent = liElem.parentElement;
-        const parentRect = parent.getBoundingClientRect();
-        const itemRect = liElem.getBoundingClientRect();
-        if (down && itemRect.bottom > parentRect.bottom) {
-          parent.scrollTop = itemRect.top;
-        }
-        else if (!down && itemRect.top < parentRect.top) {
-          parent.scrollTop = 0;
-        }
-      }
-    });
-  }
-  selectCurrentOption() {
-    if (this._preSelection !== undefined) {
-      this.selectOption(this._visibleOptions[this._preSelection]);
-      this._preSelection = undefined;
-    }
-  }
-  selectOption(opt) {
-    const currentOpt = this.getSelectedOption();
-    if (currentOpt !== opt) {
-      const adjustedOpt = !(opt === null || opt === void 0 ? void 0 : opt.value) ? undefined : opt;
-      this.value = adjustedOpt;
-      this.ezChange.emit(adjustedOpt);
-    }
-    else {
-      this.internalUpdate();
-    }
-  }
-  updateSource(source) {
-    if (source instanceof Promise) {
-      source.then(result => this.updateSource(result));
-      this.updateVisibleOptions();
-    }
-    else {
-      this._source = source;
-      this.updateVisibleOptions();
-    }
-  }
-  loadOptions(mode, argument = "") {
-    this._criteria = argument;
-    if (this.optionLoader) {
-      this.updateSource(this.optionLoader({ mode, argument }));
-    }
-    else {
-      this.updateSource(this.options);
-    }
-  }
-  cancelPreselection() {
-    if (!this._inputElement.value && this.value) {
-      this.selectOption(undefined);
-    }
-    else {
-      this.internalUpdate();
-    }
-  }
-  //---------------------------------------------
-  // Lifecycle web component
-  //---------------------------------------------
-  componentWillLoad() {
-    if (this.options === undefined) {
-      this.options = [];
-      const optionsTags = this.el.querySelectorAll("option");
-      if (optionsTags) {
-        optionsTags.forEach(e => {
-          let label = e.innerText;
-          let value = e.getAttribute("value");
-          if (!value) {
-            value = label;
-          }
-          this.options.push({ label, value });
-          e.hidden = true;
-        });
-      }
-    }
-    if (this.searchMode) {
-      this.updateSource([]);
-    }
-    else {
-      this.loadOptions("PRELOAD");
-    }
-  }
-  componentDidRender() {
-    if (this._floatingID === undefined) {
-      this._optionsList.remove();
-    }
-  }
-  //---------------------------------------------
-  // Event handlers
-  //---------------------------------------------
-  onTextInputChangeHandler(event) {
-    if (!this._criteria) {
-      this._inputElement.value = event.data;
-    }
-    const argument = event.target.value;
-    this._criteria = argument;
-    if (this._criteria) {
-      if (this.searchMode) {
-        if (this._changeDeboucingTimeout) {
-          window.clearTimeout(this._changeDeboucingTimeout);
-        }
-        this._changeDeboucingTimeout = window.setTimeout(() => {
-          this.loadOptions("PREDICTIVE", argument);
-        }, 200);
-      }
-      else {
-        this.updateVisibleOptions();
-      }
-      this.showOptions();
-    }
-  }
-  onTextInputClickHandler() {
-    if (!this.searchMode) {
-      this.showOptions();
-    }
-  }
-  keyDownHandler(event) {
-    switch (event.key) {
-      case "ArrowDown":
-        this.nextOption();
-        break;
-      case "ArrowUp":
-        this.previousOption();
-        break;
-      case "Enter":
-        this.selectCurrentOption();
-        break;
-      case "Escape":
-        this.cancelPreselection();
-        break;
-    }
-    event.stopPropagation();
-  }
-  onTextInputFocusOutHandler() {
-    this.cancelPreselection();
-  }
-  render() {
-    return (h(Host, null, h("ez-text-input", { ref: elem => this._inputElement = elem, enabled: this.enabled, onInput: evt => this.onTextInputChangeHandler(evt), onClick: () => this.onTextInputClickHandler(), onFocusout: () => this.onTextInputFocusOutHandler(), onEzChange: event => event.stopPropagation(), onKeyDown: event => this.keyDownHandler(event), label: this.label, value: this.getText(), errorMessage: this.errorMessage }, this.searchMode ?
-      h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-search", onClick: () => { this.loadOptions("ADVANCED"); }, slot: "leftIcon" })
-      :
-        h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-options", slot: "rightIcon", onClick: () => this.showOptions() })), h("section", { class: "list-container", ref: elem => this._listContainer = elem }, h("div", { class: "options-list", ref: elem => this._optionsList = elem }, this._visibleOptions.map((opt, index) => this.buildItem(opt, index))))));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "value": ["internalUpdate"]
-  }; }
-};
-EzComboBox.style = ezComboBoxCss;
-
-const ezDateInputCss = ":host{display:block;width:100%;--ez-date-input__input--background-color:var(--background--medium, #e0e0e0);--ez-date-input__input--border-color:var(--ez-date-input__input--background-color);--ez-date-input__calendar-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"15px\"><path d=\"M 3.171875,5.25 C 2.6485088,5.25 2.21875,5.6797588 2.21875,6.203125 2.21875,6.7264912 2.6485088,7.15625 3.171875,7.15625 3.6952412,7.15625 4.125,6.7264912 4.125,6.203125 4.125,5.6797588 3.6952412,5.25 3.171875,5.25 Z m 2.875,0 C 5.5235088,5.25 5.09375,5.6797588 5.09375,6.203125 5.09375,6.7264912 5.5235088,7.15625 6.046875,7.15625 6.5702412,7.15625 7,6.7264912 7,6.203125 7,5.6797588 6.5702412,5.25 6.046875,5.25 Z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.9511719,-0.4297588 0.9511719,-0.953125 C 9.8730469,5.6797588 9.4452412,5.25 8.921875,5.25 Z m 2.873047,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.953125 0.953125,0.953125 0.523366,0 0.953125,-0.4297588 0.953125,-0.953125 C 12.748047,5.6797588 12.318288,5.25 11.794922,5.25 Z M 3.171875,8.1230469 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 0.5233662,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 C 6.5702412,10.029297 7,9.5995381 7,9.0761719 7,8.5528057 6.5702412,8.1230469 6.046875,8.1230469 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297587,0.9531251 0.953125,0.9531251 0.5233661,0 0.9531249,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.9531251 0.953125,0.9531251 0.523367,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.171875,10.998047 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 C 6.5702412,12.904297 7,12.474538 7,11.951172 7,11.427806 6.5702412,10.998047 6.046875,10.998047 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297587,0.953125 0.953125,0.953125 0.5233661,0 0.9531249,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.429759,0.953125 0.953125,0.953125 0.523367,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.5,0 c -0.554,0 -1,0.446 -1,1 v 0.050781 C 1.0853217,1.2909766 0,2.5186658 0,4 v 9 c 0,1.652487 1.3475134,3 3,3 h 9 c 1.652487,0 3,-1.347513 3,-3 V 4 C 15,2.5186658 13.914678,1.2909766 12.5,1.0507812 V 1 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 C 4.5,0.446 4.054,0 3.5,0 Z m 1,2.0996094 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 v -0.640625 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 V 2.1738281 C 13.311725,2.3905225 13.900391,3.11278 13.900391,4 v 9 c 0,1.062113 -0.838278,1.900391 -1.900391,1.900391 H 3 C 1.9378864,14.900391 1.0996094,14.062113 1.0996094,13 V 4 C 1.0996094,3.11278 1.6882747,2.3905225 2.5,2.1738281 v 0.5664063 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 z\"/></svg>')}.text-input{--ez-text-input__input--background-color:inherit;--ez-text-input__input--border-color:inherit}.btn-open-cal{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-cal:disabled{cursor:unset}.btn-open-cal::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:15px;height:16px;-webkit-mask-image:var(--ez-date-input__calendar-image);mask-image:var(--ez-date-input__calendar-image)}.btn-open-cal:disabled:after{background-color:var(--text--disable, #AFB6C0)}.btn-open-cal:enabled:hover::after{background-color:var(--color--primary, #4e4e4e)}ez-text-input{--text-input__input--background-color:var(--ez-date-input__input--background-color, #FFFFFF);--text-input__input--border-color:var(--ez-date-input__input--border-color, #DCE0E8)}";
-
-let EzDateInput = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ezChange = createEvent(this, "ezChange", 7);
-    /**
-     * Deixa o campo disponível ou não para uso.
-     */
-    this.enabled = true;
-  }
-  setLabel() {
-    this._textInput.label = this.label;
-  }
-  setErrorMessage() {
-    this._textInput.errorMessage = this.errorMessage;
-  }
-  applyValueToInput() {
-    if (this._textInput) {
-      this._textInput.value = this.getTextValue(this.value);
-    }
-  }
-  changeValue(newValue) {
-    newValue = newValue == null ? null : DateUtils.clearTime(newValue);
-    this._textInput.errorMessage = "";
-    if (this.getTextValue(newValue) !== this.getTextValue(this.value)) {
-      this.value = newValue;
-      this.ezChange.emit();
-    }
-  }
-  showCalendar() {
-    this.parseDate();
-    this._calendar.value = this.value;
-    //FIXME: Provavelmente isso fará com que o popup abra em uma 
-    //posição errada no futuro. Preferi fazer simples no começo,
-    //porque não quis onerar o text input com essa funcionalidade...
-    const top = this._textInput.errorMessage ? 0 : -17;
-    this._calendar.fitVertical(top, this._elem.clientHeight);
-  }
-  hideCalendar() {
-    this.changeValue(this._calendar.value);
-    this._calendar.hide();
-  }
-  parseDate() {
-    const strValue = this._textInput.value;
-    const parsedDate = DateUtils.strToDate(strValue);
-    if (parsedDate || !strValue) {
-      if (this.value === parsedDate) {
-        this.changeValue(this.value);
-      }
-      else {
-        this.changeValue(parsedDate);
-      }
-    }
-    else {
-      this._textInput.errorMessage = "O valor digitado não é uma data válida";
-    }
-  }
-  getTextValue(d) {
-    return d ? new Intl.DateTimeFormat("pt-BR").format(d) : null;
-  }
-  componentDidLoad() {
-    CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
-  }
-  render() {
-    return (h(Host, null, h("ez-text-input", { ref: elem => this._textInput = elem, onBlur: () => this.parseDate(), onKeyDown: event => {
-        if (event.key === "H" || event.key === "h")
-          this.changeValue(new Date());
-      }, label: this.label, onEzChange: event => event.stopPropagation(), value: this.getTextValue(this.value), restrict: "0123456789/", enabled: this.enabled, errorMessage: this.errorMessage }, h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-cal", onClick: () => this.showCalendar(), slot: "leftIcon" })), h("ez-calendar", { onEzChange: (event) => { this.hideCalendar(); event.stopPropagation(); }, floating: true, ref: elem => this._calendar = elem })));
-  }
-  get _elem() { return getElement(this); }
-  static get watchers() { return {
-    "label": ["setLabel"],
-    "errorMessage": ["setErrorMessage"],
-    "value": ["applyValueToInput"]
-  }; }
-};
-EzDateInput.style = ezDateInputCss;
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
-  }
-
-  return keys;
-}
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-  }
-
-  return target;
-}
-
-/**
- * Adapted from React: https://github.com/facebook/react/blob/master/packages/shared/formatProdErrorMessage.js
- *
- * Do not require this module directly! Use normal throw error calls. These messages will be replaced with error codes
- * during build.
- * @param {number} code
- */
-function formatProdErrorMessage(code) {
-  return "Minified Redux error #" + code + "; visit https://redux.js.org/Errors?code=" + code + " for the full message or " + 'use the non-minified dev environment for full errors. ';
-}
-
-// Inlined version of the `symbol-observable` polyfill
-var $$observable = (function () {
-  return typeof Symbol === 'function' && Symbol.observable || '@@observable';
-})();
-
-/**
- * These are private action types reserved by Redux.
- * For any unknown actions, you must return the current state.
- * If the current state is undefined, you must return the initial state.
- * Do not reference these action types directly in your code.
- */
-var randomString = function randomString() {
-  return Math.random().toString(36).substring(7).split('').join('.');
-};
-
-var ActionTypes = {
-  INIT: "@@redux/INIT" + randomString(),
-  REPLACE: "@@redux/REPLACE" + randomString(),
-  PROBE_UNKNOWN_ACTION: function PROBE_UNKNOWN_ACTION() {
-    return "@@redux/PROBE_UNKNOWN_ACTION" + randomString();
-  }
-};
-
-/**
- * @param {any} obj The object to inspect.
- * @returns {boolean} True if the argument appears to be a plain object.
- */
-function isPlainObject(obj) {
-  if (typeof obj !== 'object' || obj === null) return false;
-  var proto = obj;
-
-  while (Object.getPrototypeOf(proto) !== null) {
-    proto = Object.getPrototypeOf(proto);
-  }
-
-  return Object.getPrototypeOf(obj) === proto;
-}
-
-/**
- * Creates a Redux store that holds the state tree.
- * The only way to change the data in the store is to call `dispatch()` on it.
- *
- * There should only be a single store in your app. To specify how different
- * parts of the state tree respond to actions, you may combine several reducers
- * into a single reducer function by using `combineReducers`.
- *
- * @param {Function} reducer A function that returns the next state tree, given
- * the current state tree and the action to handle.
- *
- * @param {any} [preloadedState] The initial state. You may optionally specify it
- * to hydrate the state from the server in universal apps, or to restore a
- * previously serialized user session.
- * If you use `combineReducers` to produce the root reducer function, this must be
- * an object with the same shape as `combineReducers` keys.
- *
- * @param {Function} [enhancer] The store enhancer. You may optionally specify it
- * to enhance the store with third-party capabilities such as middleware,
- * time travel, persistence, etc. The only store enhancer that ships with Redux
- * is `applyMiddleware()`.
- *
- * @returns {Store} A Redux store that lets you read the state, dispatch actions
- * and subscribe to changes.
- */
-
-function createStore(reducer, preloadedState, enhancer) {
-  var _ref2;
-
-  if (typeof preloadedState === 'function' && typeof enhancer === 'function' || typeof enhancer === 'function' && typeof arguments[3] === 'function') {
-    throw new Error(formatProdErrorMessage(0) );
-  }
-
-  if (typeof preloadedState === 'function' && typeof enhancer === 'undefined') {
-    enhancer = preloadedState;
-    preloadedState = undefined;
-  }
-
-  if (typeof enhancer !== 'undefined') {
-    if (typeof enhancer !== 'function') {
-      throw new Error(formatProdErrorMessage(1) );
-    }
-
-    return enhancer(createStore)(reducer, preloadedState);
-  }
-
-  if (typeof reducer !== 'function') {
-    throw new Error(formatProdErrorMessage(2) );
-  }
-
-  var currentReducer = reducer;
-  var currentState = preloadedState;
-  var currentListeners = [];
-  var nextListeners = currentListeners;
-  var isDispatching = false;
-  /**
-   * This makes a shallow copy of currentListeners so we can use
-   * nextListeners as a temporary list while dispatching.
-   *
-   * This prevents any bugs around consumers calling
-   * subscribe/unsubscribe in the middle of a dispatch.
-   */
-
-  function ensureCanMutateNextListeners() {
-    if (nextListeners === currentListeners) {
-      nextListeners = currentListeners.slice();
-    }
-  }
-  /**
-   * Reads the state tree managed by the store.
-   *
-   * @returns {any} The current state tree of your application.
-   */
-
-
-  function getState() {
-    if (isDispatching) {
-      throw new Error(formatProdErrorMessage(3) );
-    }
-
-    return currentState;
-  }
-  /**
-   * Adds a change listener. It will be called any time an action is dispatched,
-   * and some part of the state tree may potentially have changed. You may then
-   * call `getState()` to read the current state tree inside the callback.
-   *
-   * You may call `dispatch()` from a change listener, with the following
-   * caveats:
-   *
-   * 1. The subscriptions are snapshotted just before every `dispatch()` call.
-   * If you subscribe or unsubscribe while the listeners are being invoked, this
-   * will not have any effect on the `dispatch()` that is currently in progress.
-   * However, the next `dispatch()` call, whether nested or not, will use a more
-   * recent snapshot of the subscription list.
-   *
-   * 2. The listener should not expect to see all state changes, as the state
-   * might have been updated multiple times during a nested `dispatch()` before
-   * the listener is called. It is, however, guaranteed that all subscribers
-   * registered before the `dispatch()` started will be called with the latest
-   * state by the time it exits.
-   *
-   * @param {Function} listener A callback to be invoked on every dispatch.
-   * @returns {Function} A function to remove this change listener.
-   */
-
-
-  function subscribe(listener) {
-    if (typeof listener !== 'function') {
-      throw new Error(formatProdErrorMessage(4) );
-    }
-
-    if (isDispatching) {
-      throw new Error(formatProdErrorMessage(5) );
-    }
-
-    var isSubscribed = true;
-    ensureCanMutateNextListeners();
-    nextListeners.push(listener);
-    return function unsubscribe() {
-      if (!isSubscribed) {
-        return;
-      }
-
-      if (isDispatching) {
-        throw new Error(formatProdErrorMessage(6) );
-      }
-
-      isSubscribed = false;
-      ensureCanMutateNextListeners();
-      var index = nextListeners.indexOf(listener);
-      nextListeners.splice(index, 1);
-      currentListeners = null;
-    };
-  }
-  /**
-   * Dispatches an action. It is the only way to trigger a state change.
-   *
-   * The `reducer` function, used to create the store, will be called with the
-   * current state tree and the given `action`. Its return value will
-   * be considered the **next** state of the tree, and the change listeners
-   * will be notified.
-   *
-   * The base implementation only supports plain object actions. If you want to
-   * dispatch a Promise, an Observable, a thunk, or something else, you need to
-   * wrap your store creating function into the corresponding middleware. For
-   * example, see the documentation for the `redux-thunk` package. Even the
-   * middleware will eventually dispatch plain object actions using this method.
-   *
-   * @param {Object} action A plain object representing “what changed”. It is
-   * a good idea to keep actions serializable so you can record and replay user
-   * sessions, or use the time travelling `redux-devtools`. An action must have
-   * a `type` property which may not be `undefined`. It is a good idea to use
-   * string constants for action types.
-   *
-   * @returns {Object} For convenience, the same action object you dispatched.
-   *
-   * Note that, if you use a custom middleware, it may wrap `dispatch()` to
-   * return something else (for example, a Promise you can await).
-   */
-
-
-  function dispatch(action) {
-    if (!isPlainObject(action)) {
-      throw new Error(formatProdErrorMessage(7) );
-    }
-
-    if (typeof action.type === 'undefined') {
-      throw new Error(formatProdErrorMessage(8) );
-    }
-
-    if (isDispatching) {
-      throw new Error(formatProdErrorMessage(9) );
-    }
-
-    try {
-      isDispatching = true;
-      currentState = currentReducer(currentState, action);
-    } finally {
-      isDispatching = false;
-    }
-
-    var listeners = currentListeners = nextListeners;
-
-    for (var i = 0; i < listeners.length; i++) {
-      var listener = listeners[i];
-      listener();
-    }
-
-    return action;
-  }
-  /**
-   * Replaces the reducer currently used by the store to calculate the state.
-   *
-   * You might need this if your app implements code splitting and you want to
-   * load some of the reducers dynamically. You might also need this if you
-   * implement a hot reloading mechanism for Redux.
-   *
-   * @param {Function} nextReducer The reducer for the store to use instead.
-   * @returns {void}
-   */
-
-
-  function replaceReducer(nextReducer) {
-    if (typeof nextReducer !== 'function') {
-      throw new Error(formatProdErrorMessage(10) );
-    }
-
-    currentReducer = nextReducer; // This action has a similiar effect to ActionTypes.INIT.
-    // Any reducers that existed in both the new and old rootReducer
-    // will receive the previous state. This effectively populates
-    // the new state tree with any relevant data from the old one.
-
-    dispatch({
-      type: ActionTypes.REPLACE
-    });
-  }
-  /**
-   * Interoperability point for observable/reactive libraries.
-   * @returns {observable} A minimal observable of state changes.
-   * For more information, see the observable proposal:
-   * https://github.com/tc39/proposal-observable
-   */
-
-
-  function observable() {
-    var _ref;
-
-    var outerSubscribe = subscribe;
-    return _ref = {
-      /**
-       * The minimal observable subscription method.
-       * @param {Object} observer Any object that can be used as an observer.
-       * The observer object should have a `next` method.
-       * @returns {subscription} An object with an `unsubscribe` method that can
-       * be used to unsubscribe the observable from the store, and prevent further
-       * emission of values from the observable.
-       */
-      subscribe: function subscribe(observer) {
-        if (typeof observer !== 'object' || observer === null) {
-          throw new Error(formatProdErrorMessage(11) );
-        }
-
-        function observeState() {
-          if (observer.next) {
-            observer.next(getState());
-          }
-        }
-
-        observeState();
-        var unsubscribe = outerSubscribe(observeState);
-        return {
-          unsubscribe: unsubscribe
-        };
-      }
-    }, _ref[$$observable] = function () {
-      return this;
-    }, _ref;
-  } // When a store is created, an "INIT" action is dispatched so that every
-  // reducer returns their initial state. This effectively populates
-  // the initial state tree.
-
-
-  dispatch({
-    type: ActionTypes.INIT
-  });
-  return _ref2 = {
-    dispatch: dispatch,
-    subscribe: subscribe,
-    getState: getState,
-    replaceReducer: replaceReducer
-  }, _ref2[$$observable] = observable, _ref2;
-}
-
-function assertReducerShape(reducers) {
-  Object.keys(reducers).forEach(function (key) {
-    var reducer = reducers[key];
-    var initialState = reducer(undefined, {
-      type: ActionTypes.INIT
-    });
-
-    if (typeof initialState === 'undefined') {
-      throw new Error(formatProdErrorMessage(12) );
-    }
-
-    if (typeof reducer(undefined, {
-      type: ActionTypes.PROBE_UNKNOWN_ACTION()
-    }) === 'undefined') {
-      throw new Error(formatProdErrorMessage(13) );
-    }
-  });
-}
-/**
- * Turns an object whose values are different reducer functions, into a single
- * reducer function. It will call every child reducer, and gather their results
- * into a single state object, whose keys correspond to the keys of the passed
- * reducer functions.
- *
- * @param {Object} reducers An object whose values correspond to different
- * reducer functions that need to be combined into one. One handy way to obtain
- * it is to use ES6 `import * as reducers` syntax. The reducers may never return
- * undefined for any action. Instead, they should return their initial state
- * if the state passed to them was undefined, and the current state for any
- * unrecognized action.
- *
- * @returns {Function} A reducer function that invokes every reducer inside the
- * passed object, and builds a state object with the same shape.
- */
-
-
-function combineReducers(reducers) {
-  var reducerKeys = Object.keys(reducers);
-  var finalReducers = {};
-
-  for (var i = 0; i < reducerKeys.length; i++) {
-    var key = reducerKeys[i];
-
-    if (typeof reducers[key] === 'function') {
-      finalReducers[key] = reducers[key];
-    }
-  }
-
-  var finalReducerKeys = Object.keys(finalReducers); // This is used to make sure we don't warn about the same
-
-  var shapeAssertionError;
-
-  try {
-    assertReducerShape(finalReducers);
-  } catch (e) {
-    shapeAssertionError = e;
-  }
-
-  return function combination(state, action) {
-    if (state === void 0) {
-      state = {};
-    }
-
-    if (shapeAssertionError) {
-      throw shapeAssertionError;
-    }
-
-    var hasChanged = false;
-    var nextState = {};
-
-    for (var _i = 0; _i < finalReducerKeys.length; _i++) {
-      var _key = finalReducerKeys[_i];
-      var reducer = finalReducers[_key];
-      var previousStateForKey = state[_key];
-      var nextStateForKey = reducer(previousStateForKey, action);
-
-      if (typeof nextStateForKey === 'undefined') {
-        throw new Error(formatProdErrorMessage(14) );
-      }
-
-      nextState[_key] = nextStateForKey;
-      hasChanged = hasChanged || nextStateForKey !== previousStateForKey;
-    }
-
-    hasChanged = hasChanged || finalReducerKeys.length !== Object.keys(state).length;
-    return hasChanged ? nextState : state;
-  };
-}
-
-/**
- * Composes single-argument functions from right to left. The rightmost
- * function can take multiple arguments as it provides the signature for
- * the resulting composite function.
- *
- * @param {...Function} funcs The functions to compose.
- * @returns {Function} A function obtained by composing the argument functions
- * from right to left. For example, compose(f, g, h) is identical to doing
- * (...args) => f(g(h(...args))).
- */
-function compose() {
-  for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
-    funcs[_key] = arguments[_key];
-  }
-
-  if (funcs.length === 0) {
-    return function (arg) {
-      return arg;
-    };
-  }
-
-  if (funcs.length === 1) {
-    return funcs[0];
-  }
-
-  return funcs.reduce(function (a, b) {
-    return function () {
-      return a(b.apply(void 0, arguments));
-    };
-  });
-}
-
-/**
- * Creates a store enhancer that applies middleware to the dispatch method
- * of the Redux store. This is handy for a variety of tasks, such as expressing
- * asynchronous actions in a concise manner, or logging every action payload.
- *
- * See `redux-thunk` package as an example of the Redux middleware.
- *
- * Because middleware is potentially asynchronous, this should be the first
- * store enhancer in the composition chain.
- *
- * Note that each middleware will be given the `dispatch` and `getState` functions
- * as named arguments.
- *
- * @param {...Function} middlewares The middleware chain to be applied.
- * @returns {Function} A store enhancer applying the middleware.
- */
-
-function applyMiddleware() {
-  for (var _len = arguments.length, middlewares = new Array(_len), _key = 0; _key < _len; _key++) {
-    middlewares[_key] = arguments[_key];
-  }
-
-  return function (createStore) {
-    return function () {
-      var store = createStore.apply(void 0, arguments);
-
-      var _dispatch = function dispatch() {
-        throw new Error(formatProdErrorMessage(15) );
-      };
-
-      var middlewareAPI = {
-        getState: store.getState,
-        dispatch: function dispatch() {
-          return _dispatch.apply(void 0, arguments);
-        }
-      };
-      var chain = middlewares.map(function (middleware) {
-        return middleware(middlewareAPI);
-      });
-      _dispatch = compose.apply(void 0, chain)(store.dispatch);
-      return _objectSpread2(_objectSpread2({}, store), {}, {
-        dispatch: _dispatch
-      });
-    };
-  };
-}
-
-/** A function that accepts a potential "extra argument" value to be injected later,
- * and returns an instance of the thunk middleware that uses that value
- */
-function createThunkMiddleware(extraArgument) {
-  // Standard Redux middleware definition pattern:
-  // See: https://redux.js.org/tutorials/fundamentals/part-4-store#writing-custom-middleware
-  var middleware = function middleware(_ref) {
-    var dispatch = _ref.dispatch,
-        getState = _ref.getState;
-    return function (next) {
-      return function (action) {
-        // The thunk middleware looks for any functions that were passed to `store.dispatch`.
-        // If this "action" is really a function, call it and return the result.
-        if (typeof action === 'function') {
-          // Inject the store's `dispatch` and `getState` methods, as well as any "extra arg"
-          return action(dispatch, getState, extraArgument);
-        } // Otherwise, pass the action down the middleware chain as usual
-
-
-        return next(action);
-      };
-    };
-  };
-
-  return middleware;
-}
-
-var thunk = createThunkMiddleware(); // Attach the factory function so users can create a customized version
-// with whatever "extra arg" they want to inject into their thunks
-
-thunk.withExtraArgument = createThunkMiddleware;
-
-function changeFieldValue$1(dataUnit, recordId, fieldName, value) {
-  return {
-    type: "FORM/CHANGEFIELD",
-    payload: { dataUnit, recordId, fieldName, value }
-  };
-}
-function changeTab$1(formId, index) {
-  return {
-    type: "FORM/CHANGETAB",
-    payload: { formId, index }
-  };
-}
-function clearEdition$1(dataUnit, recordsLimit) {
-  return {
-    type: "FORM/CLEAREDITION",
-    payload: {
-      dataUnit,
-      recordsLimit
-    }
-  };
-}
-function collapseExpandGroup(collapseId, collapsed) {
-  return {
-    type: "FORM/COLLAPSEGROUP",
-    payload: { collapseId, collapsed }
-  };
-}
-function previousRecord(dataUnit) {
-  return {
-    type: "FORM/NAVIGATE",
-    payload: {
-      dataUnit,
-      limit: 0,
-      backward: true
-    }
-  };
-}
-function nextRecord(dataUnit, limit) {
-  return {
-    type: "FORM/NAVIGATE",
-    payload: {
-      dataUnit,
-      limit,
-      backward: false
-    }
-  };
-}
-function insertRecord$1(dataUnit, insertionIndex) {
-  return {
-    type: "FORM/INSERT",
-    payload: {
-      dataUnit,
-      insertionIndex
-    }
-  };
-}
-function formLoad() {
-  return {
-    type: "FORM/LOAD"
-  };
-}
-function dataLoading$1(dataUnit) {
-  return {
-    type: "FORM/DATALOADING",
-    payload: {
-      dataUnit
-    }
-  };
-}
-function savingChanges$1(dataUnit) {
-  return {
-    type: "FORM/SAVINGCHANGES",
-    payload: {
-      dataUnit
-    }
-  };
-}
-function dataLoaded$1(dataUnit) {
-  return {
-    type: "FORM/DATALOADED",
-    payload: {
-      dataUnit
-    }
-  };
-}
-function changesSaved$1(dataUnit) {
-  return {
-    type: "FORM/CHANGESSAVED",
-    payload: {
-      dataUnit
-    }
-  };
-}
-function removingRecord$1(dataUnit) {
-  return {
-    type: "FORM/REMOVINGRECORD",
-    payload: {
-      dataUnit
-    }
-  };
-}
-function recordRemoved$1(dataUnit) {
-  return {
-    type: "FORM/RECORDREMOVED",
-    payload: {
-      dataUnit
-    }
-  };
-}
-function invalidField$1(tabController, tabIndex, dataUnit, recordIndex, recordId, fieldName, errorMessage) {
-  return {
-    type: "FORM/INVALIDFIELD",
-    payload: {
-      tabController,
-      tabIndex,
-      dataUnit,
-      recordId,
-      recordIndex,
-      fieldName,
-      errorMessage
-    }
-  };
-}
-function showHideNavigationButtons(buttonName, status) {
-  return {
-    type: "FORM/SHOWHIDENAVBTN",
-    payload: {
-      buttonName,
-      status
-    }
-  };
-}
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire();
-		}
-	}, fn(module, module.exports), module.exports;
-}
-
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
-
-var actions = createCommonjsModule(function (module, exports) {
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ActionCreators = exports.ActionTypes = void 0;
-var ActionTypes = {
-  UNDO: '@@redux-undo/UNDO',
-  REDO: '@@redux-undo/REDO',
-  JUMP_TO_FUTURE: '@@redux-undo/JUMP_TO_FUTURE',
-  JUMP_TO_PAST: '@@redux-undo/JUMP_TO_PAST',
-  JUMP: '@@redux-undo/JUMP',
-  CLEAR_HISTORY: '@@redux-undo/CLEAR_HISTORY'
-};
-exports.ActionTypes = ActionTypes;
-var ActionCreators = {
-  undo: function undo() {
-    return {
-      type: ActionTypes.UNDO
-    };
-  },
-  redo: function redo() {
-    return {
-      type: ActionTypes.REDO
-    };
-  },
-  jumpToFuture: function jumpToFuture(index) {
-    return {
-      type: ActionTypes.JUMP_TO_FUTURE,
-      index: index
-    };
-  },
-  jumpToPast: function jumpToPast(index) {
-    return {
-      type: ActionTypes.JUMP_TO_PAST,
-      index: index
-    };
-  },
-  jump: function jump(index) {
-    return {
-      type: ActionTypes.JUMP,
-      index: index
-    };
-  },
-  clearHistory: function clearHistory() {
-    return {
-      type: ActionTypes.CLEAR_HISTORY
-    };
-  }
-};
-exports.ActionCreators = ActionCreators;
-});
-
-var helpers = createCommonjsModule(function (module, exports) {
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.parseActions = parseActions;
-exports.isHistory = isHistory;
-exports.includeAction = includeAction;
-exports.excludeAction = excludeAction;
-exports.combineFilters = combineFilters;
-exports.groupByActionTypes = groupByActionTypes;
-exports.newHistory = newHistory;
-
-// parseActions helper: takes a string (or array)
-//                      and makes it an array if it isn't yet
-function parseActions(rawActions) {
-  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
-  if (Array.isArray(rawActions)) {
-    return rawActions;
-  } else if (typeof rawActions === 'string') {
-    return [rawActions];
-  }
-
-  return defaultValue;
-} // isHistory helper: check for a valid history object
-
-
-function isHistory(history) {
-  return typeof history.present !== 'undefined' && typeof history.future !== 'undefined' && typeof history.past !== 'undefined' && Array.isArray(history.future) && Array.isArray(history.past);
-} // includeAction helper: whitelist actions to be added to the history
-
-
-function includeAction(rawActions) {
-  var actions = parseActions(rawActions);
-  return function (action) {
-    return actions.indexOf(action.type) >= 0;
-  };
-} // excludeAction helper: blacklist actions from being added to the history
-
-
-function excludeAction(rawActions) {
-  var actions = parseActions(rawActions);
-  return function (action) {
-    return actions.indexOf(action.type) < 0;
-  };
-} // combineFilters helper: combine multiple filters to one
-
-
-function combineFilters() {
-  for (var _len = arguments.length, filters = new Array(_len), _key = 0; _key < _len; _key++) {
-    filters[_key] = arguments[_key];
-  }
-
-  return filters.reduce(function (prev, curr) {
-    return function (action, currentState, previousHistory) {
-      return prev(action, currentState, previousHistory) && curr(action, currentState, previousHistory);
-    };
-  }, function () {
-    return true;
-  });
-}
-
-function groupByActionTypes(rawActions) {
-  var actions = parseActions(rawActions);
-  return function (action) {
-    return actions.indexOf(action.type) >= 0 ? action.type : null;
-  };
-}
-
-function newHistory(past, present, future) {
-  var group = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-  return {
-    past: past,
-    present: present,
-    future: future,
-    group: group,
-    _latestUnfiltered: present,
-    index: past.length,
-    limit: past.length + future.length + 1
-  };
-}
-});
-
-var debug = createCommonjsModule(function (module, exports) {
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.set = set;
-exports.start = start;
-exports.end = end;
-exports.log = log;
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
-
-function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
-
-var __DEBUG__;
-
-var displayBuffer;
-var colors = {
-  prevState: '#9E9E9E',
-  action: '#03A9F4',
-  nextState: '#4CAF50'
-};
-/* istanbul ignore next: debug messaging is not tested */
-
-function initBuffer() {
-  displayBuffer = {
-    header: [],
-    prev: [],
-    action: [],
-    next: [],
-    msgs: []
-  };
-}
-/* istanbul ignore next: debug messaging is not tested */
-
-
-function printBuffer() {
-  var _displayBuffer = displayBuffer,
-      header = _displayBuffer.header,
-      prev = _displayBuffer.prev,
-      next = _displayBuffer.next,
-      action = _displayBuffer.action,
-      msgs = _displayBuffer.msgs;
-
-  if (console.group) {
-    var _console, _console2, _console3, _console4, _console5;
-
-    (_console = console).groupCollapsed.apply(_console, _toConsumableArray(header));
-
-    (_console2 = console).log.apply(_console2, _toConsumableArray(prev));
-
-    (_console3 = console).log.apply(_console3, _toConsumableArray(action));
-
-    (_console4 = console).log.apply(_console4, _toConsumableArray(next));
-
-    (_console5 = console).log.apply(_console5, _toConsumableArray(msgs));
-
-    console.groupEnd();
-  } else {
-    var _console6, _console7, _console8, _console9, _console10;
-
-    (_console6 = console).log.apply(_console6, _toConsumableArray(header));
-
-    (_console7 = console).log.apply(_console7, _toConsumableArray(prev));
-
-    (_console8 = console).log.apply(_console8, _toConsumableArray(action));
-
-    (_console9 = console).log.apply(_console9, _toConsumableArray(next));
-
-    (_console10 = console).log.apply(_console10, _toConsumableArray(msgs));
-  }
-}
-/* istanbul ignore next: debug messaging is not tested */
-
-
-function colorFormat(text, color, obj) {
-  return ["%c".concat(text), "color: ".concat(color, "; font-weight: bold"), obj];
-}
-/* istanbul ignore next: debug messaging is not tested */
-
-
-function start(action, state) {
-  initBuffer();
-
-  if (__DEBUG__) {
-    if (console.group) {
-      displayBuffer.header = ['%credux-undo', 'font-style: italic', 'action', action.type];
-      displayBuffer.action = colorFormat('action', colors.action, action);
-      displayBuffer.prev = colorFormat('prev history', colors.prevState, state);
-    } else {
-      displayBuffer.header = ['redux-undo action', action.type];
-      displayBuffer.action = ['action', action];
-      displayBuffer.prev = ['prev history', state];
-    }
-  }
-}
-/* istanbul ignore next: debug messaging is not tested */
-
-
-function end(nextState) {
-  if (__DEBUG__) {
-    if (console.group) {
-      displayBuffer.next = colorFormat('next history', colors.nextState, nextState);
-    } else {
-      displayBuffer.next = ['next history', nextState];
-    }
-
-    printBuffer();
-  }
-}
-/* istanbul ignore next: debug messaging is not tested */
-
-
-function log() {
-  if (__DEBUG__) {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    displayBuffer.msgs = displayBuffer.msgs.concat([].concat(args, ['\n']));
-  }
-}
-/* istanbul ignore next: debug messaging is not tested */
-
-
-function set(debug) {
-  __DEBUG__ = debug;
-}
-});
-
-var reducer = createCommonjsModule(function (module, exports) {
-
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = undoable;
-
-var debug$1 = _interopRequireWildcard(debug);
-
-
-
-
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
-
-function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
-
-function createHistory(state, ignoreInitialState) {
-  // ignoreInitialState essentially prevents the user from undoing to the
-  // beginning, in the case that the undoable reducer handles initialization
-  // in a way that can't be redone simply
-  var history = (0, helpers.newHistory)([], state, []);
-
-  if (ignoreInitialState) {
-    history._latestUnfiltered = null;
-  }
-
-  return history;
-} // insert: insert `state` into history, which means adding the current state
-//         into `past`, setting the new `state` as `present` and erasing
-//         the `future`.
-
-
-function insert(history, state, limit, group) {
-  var lengthWithoutFuture = history.past.length + 1;
-  debug$1.log('inserting', state);
-  debug$1.log('new free: ', limit - lengthWithoutFuture);
-  var past = history.past,
-      _latestUnfiltered = history._latestUnfiltered;
-  var isHistoryOverflow = limit && limit <= lengthWithoutFuture;
-  var pastSliced = past.slice(isHistoryOverflow ? 1 : 0);
-  var newPast = _latestUnfiltered != null ? [].concat(_toConsumableArray(pastSliced), [_latestUnfiltered]) : pastSliced;
-  return (0, helpers.newHistory)(newPast, state, [], group);
-} // jumpToFuture: jump to requested index in future history
-
-
-function jumpToFuture(history, index) {
-  if (index < 0 || index >= history.future.length) return history;
-  var past = history.past,
-      future = history.future,
-      _latestUnfiltered = history._latestUnfiltered;
-  var newPast = [].concat(_toConsumableArray(past), [_latestUnfiltered], _toConsumableArray(future.slice(0, index)));
-  var newPresent = future[index];
-  var newFuture = future.slice(index + 1);
-  return (0, helpers.newHistory)(newPast, newPresent, newFuture);
-} // jumpToPast: jump to requested index in past history
-
-
-function jumpToPast(history, index) {
-  if (index < 0 || index >= history.past.length) return history;
-  var past = history.past,
-      future = history.future,
-      _latestUnfiltered = history._latestUnfiltered;
-  var newPast = past.slice(0, index);
-  var newFuture = [].concat(_toConsumableArray(past.slice(index + 1)), [_latestUnfiltered], _toConsumableArray(future));
-  var newPresent = past[index];
-  return (0, helpers.newHistory)(newPast, newPresent, newFuture);
-} // jump: jump n steps in the past or forward
-
-
-function jump(history, n) {
-  if (n > 0) return jumpToFuture(history, n - 1);
-  if (n < 0) return jumpToPast(history, history.past.length + n);
-  return history;
-} // helper to dynamically match in the reducer's switch-case
-
-
-function actionTypeAmongClearHistoryType(actionType, clearHistoryType) {
-  return clearHistoryType.indexOf(actionType) > -1 ? actionType : !actionType;
-} // redux-undo higher order reducer
-
-
-function undoable(reducer) {
-  var rawConfig = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  debug$1.set(rawConfig.debug);
-
-  var config = _objectSpread({
-    limit: undefined,
-    filter: function filter() {
-      return true;
-    },
-    groupBy: function groupBy() {
-      return null;
-    },
-    undoType: actions.ActionTypes.UNDO,
-    redoType: actions.ActionTypes.REDO,
-    jumpToPastType: actions.ActionTypes.JUMP_TO_PAST,
-    jumpToFutureType: actions.ActionTypes.JUMP_TO_FUTURE,
-    jumpType: actions.ActionTypes.JUMP,
-    neverSkipReducer: false,
-    ignoreInitialState: false,
-    syncFilter: false
-  }, rawConfig, {
-    initTypes: (0, helpers.parseActions)(rawConfig.initTypes, ['@@redux-undo/INIT']),
-    clearHistoryType: (0, helpers.parseActions)(rawConfig.clearHistoryType, [actions.ActionTypes.CLEAR_HISTORY])
-  }); // Allows the user to call the reducer with redux-undo specific actions
-
-
-  var skipReducer = config.neverSkipReducer ? function (res, action) {
-    for (var _len = arguments.length, slices = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-      slices[_key - 2] = arguments[_key];
-    }
-
-    return _objectSpread({}, res, {
-      present: reducer.apply(void 0, [res.present, action].concat(slices))
-    });
-  } : function (res) {
-    return res;
-  };
-  var initialState;
-  return function () {
-    var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
-    var action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    debug$1.start(action, state);
-    var history = state;
-
-    for (var _len2 = arguments.length, slices = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
-      slices[_key2 - 2] = arguments[_key2];
-    }
-
-    if (!initialState) {
-      debug$1.log('history is uninitialized');
-
-      if (state === undefined) {
-        var createHistoryAction = {
-          type: '@@redux-undo/CREATE_HISTORY'
-        };
-        var start = reducer.apply(void 0, [state, createHistoryAction].concat(slices));
-        history = createHistory(start, config.ignoreInitialState);
-        debug$1.log('do not set initialState on probe actions');
-        debug$1.end(history);
-        return history;
-      } else if ((0, helpers.isHistory)(state)) {
-        history = initialState = config.ignoreInitialState ? state : (0, helpers.newHistory)(state.past, state.present, state.future);
-        debug$1.log('initialHistory initialized: initialState is a history', initialState);
-      } else {
-        history = initialState = createHistory(state, config.ignoreInitialState);
-        debug$1.log('initialHistory initialized: initialState is not a history', initialState);
-      }
-    }
-
-    var res;
-
-    switch (action.type) {
-      case undefined:
-        return history;
-
-      case config.undoType:
-        res = jump(history, -1);
-        debug$1.log('perform undo');
-        debug$1.end(res);
-        return skipReducer.apply(void 0, [res, action].concat(slices));
-
-      case config.redoType:
-        res = jump(history, 1);
-        debug$1.log('perform redo');
-        debug$1.end(res);
-        return skipReducer.apply(void 0, [res, action].concat(slices));
-
-      case config.jumpToPastType:
-        res = jumpToPast(history, action.index);
-        debug$1.log("perform jumpToPast to ".concat(action.index));
-        debug$1.end(res);
-        return skipReducer.apply(void 0, [res, action].concat(slices));
-
-      case config.jumpToFutureType:
-        res = jumpToFuture(history, action.index);
-        debug$1.log("perform jumpToFuture to ".concat(action.index));
-        debug$1.end(res);
-        return skipReducer.apply(void 0, [res, action].concat(slices));
-
-      case config.jumpType:
-        res = jump(history, action.index);
-        debug$1.log("perform jump to ".concat(action.index));
-        debug$1.end(res);
-        return skipReducer.apply(void 0, [res, action].concat(slices));
-
-      case actionTypeAmongClearHistoryType(action.type, config.clearHistoryType):
-        res = createHistory(history.present, config.ignoreInitialState);
-        debug$1.log('perform clearHistory');
-        debug$1.end(res);
-        return skipReducer.apply(void 0, [res, action].concat(slices));
-
-      default:
-        res = reducer.apply(void 0, [history.present, action].concat(slices));
-
-        if (config.initTypes.some(function (actionType) {
-          return actionType === action.type;
-        })) {
-          debug$1.log('reset history due to init action');
-          debug$1.end(initialState);
-          return initialState;
-        }
-
-        if (history._latestUnfiltered === res) {
-          // Don't handle this action. Do not call debug.end here,
-          // because this action should not produce side effects to the console
-          return history;
-        }
-        /* eslint-disable-next-line no-case-declarations */
-
-
-        var filtered = typeof config.filter === 'function' && !config.filter(action, res, history);
-
-        if (filtered) {
-          // if filtering an action, merely update the present
-          var filteredState = (0, helpers.newHistory)(history.past, res, history.future, history.group);
-
-          if (!config.syncFilter) {
-            filteredState._latestUnfiltered = history._latestUnfiltered;
-          }
-
-          debug$1.log('filter ignored action, not storing it in past');
-          debug$1.end(filteredState);
-          return filteredState;
-        }
-        /* eslint-disable-next-line no-case-declarations */
-
-
-        var group = config.groupBy(action, res, history);
-
-        if (group != null && group === history.group) {
-          // if grouping with the previous action, only update the present
-          var groupedState = (0, helpers.newHistory)(history.past, res, history.future, history.group);
-          debug$1.log('groupBy grouped the action with the previous action');
-          debug$1.end(groupedState);
-          return groupedState;
-        } // If the action wasn't filtered or grouped, insert normally
-
-
-        history = insert(history, res, config.limit, group);
-        debug$1.log('inserted new state into history');
-        debug$1.end(history);
-        return history;
-    }
-  };
-}
-});
-
-var lib = createCommonjsModule(function (module, exports) {
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ActionTypes", {
-  enumerable: true,
-  get: function get() {
-    return actions.ActionTypes;
-  }
-});
-Object.defineProperty(exports, "ActionCreators", {
-  enumerable: true,
-  get: function get() {
-    return actions.ActionCreators;
-  }
-});
-Object.defineProperty(exports, "parseActions", {
-  enumerable: true,
-  get: function get() {
-    return helpers.parseActions;
-  }
-});
-Object.defineProperty(exports, "isHistory", {
-  enumerable: true,
-  get: function get() {
-    return helpers.isHistory;
-  }
-});
-Object.defineProperty(exports, "includeAction", {
-  enumerable: true,
-  get: function get() {
-    return helpers.includeAction;
-  }
-});
-Object.defineProperty(exports, "excludeAction", {
-  enumerable: true,
-  get: function get() {
-    return helpers.excludeAction;
-  }
-});
-Object.defineProperty(exports, "combineFilters", {
-  enumerable: true,
-  get: function get() {
-    return helpers.combineFilters;
-  }
-});
-Object.defineProperty(exports, "groupByActionTypes", {
-  enumerable: true,
-  get: function get() {
-    return helpers.groupByActionTypes;
-  }
-});
-Object.defineProperty(exports, "newHistory", {
-  enumerable: true,
-  get: function get() {
-    return helpers.newHistory;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _reducer["default"];
-  }
-});
-
-
-
-
-
-var _reducer = _interopRequireDefault(reducer);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-});
-
-const undoable = /*@__PURE__*/getDefaultExportFromCjs(lib);
-
-const inicialHistState = {
-  currentTabIndex: {},
-  currentRecordIndex: {},
-  changes: {},
-  collapsedGroups: {},
-  newRecordIndex: {}
-};
-const inicialNonHistState = {
-  dataLoading: {},
-  invalidFields: {},
-  visibleButtons: {
-    previousVisible: true,
-    nextVisible: true,
-    addVisible: true,
-    removeVisible: true,
-    saveVisible: true,
-    cancelVisible: true,
-    reloadVisible: false
-  }
-};
-function formReducer(state = inicialHistState, action) {
-  switch (action.type) {
-    case "FORM/COLLAPSEGROUP":
-      return collapseGroup(state, action.payload);
-    case "FORM/CHANGETAB":
-      return changeTab(state, action.payload.formId, action.payload.index);
-    case "FORM/NAVIGATE":
-      return navigate(state, action.payload);
-    case "FORM/INSERT":
-      return insertRecord(state, action.payload);
-    case "FORM/CHANGEFIELD":
-      return changeFieldValue(state, action.payload);
-    case "FORM/CLEAREDITION":
-      return clearEdition(state, action.payload);
-    case "FORM/INVALIDFIELD":
-      return navigateToInvalid(state, action.payload);
-    default:
-      return state;
-  }
-}
-function formNonHistoricReducer(state = inicialNonHistState, action) {
-  switch (action.type) {
-    case "FORM/DATALOADING":
-      return dataLoading(state, action.payload);
-    case "FORM/DATALOADED":
-      return dataLoaded(state, action.payload);
-    case "FORM/SAVINGCHANGES":
-      return savingChanges(state, action.payload);
-    case "FORM/CHANGESSAVED":
-      return changesSaved(state, action.payload);
-    case "FORM/REMOVINGRECORD":
-      return removingRecord(state, action.payload);
-    case "FORM/RECORDREMOVED":
-      return recordRemoved(state, action.payload);
-    case "FORM/INVALIDFIELD":
-      return invalidField(state, action.payload);
-    case "FORM/CLEAREDITION":
-      return clearAllInvalidFields(state, action.payload);
-    case "FORM/CHANGEFIELD":
-      return clearInvalidField(state, action.payload);
-    case "FORM/SHOWHIDENAVBTN":
-      return showHideNavBtn(state, action.payload);
-    default:
-      return state;
-  }
-}
-function collapseGroup(state, { collapseId, collapsed }) {
-  const currentCollapsed = Object.assign({}, state.collapsedGroups);
-  if (collapsed) {
-    currentCollapsed[collapseId] = true;
-  }
-  else {
-    delete currentCollapsed[collapseId];
-  }
-  return Object.assign(Object.assign({}, state), { collapsedGroups: currentCollapsed });
-}
-function changeTab(state, formId, index) {
-  const currentTabIndex = Object.assign({}, state.currentTabIndex);
-  currentTabIndex[formId] = index;
-  return Object.assign(Object.assign({}, state), { currentTabIndex });
-}
-function navigate(state, { dataUnit, limit, backward }) {
-  const currentRecordIndex = Object.assign({}, state.currentRecordIndex);
-  const recIndex = currentRecordIndex[dataUnit] || 0;
-  return gotoIndex(state, dataUnit, backward ? Math.max(limit, recIndex - 1) : Math.min(limit, recIndex + 1));
-}
-function gotoIndex(state, dataUnit, index) {
-  const currentRecordIndex = Object.assign({}, state.currentRecordIndex);
-  currentRecordIndex[dataUnit] = index;
-  return Object.assign(Object.assign({}, state), { currentRecordIndex });
-}
-function insertRecord(state, { dataUnit, insertionIndex }) {
-  const currentRecordIndex = Object.assign({}, state.currentRecordIndex);
-  const newRecordIndex = Object.assign({}, state.newRecordIndex);
-  currentRecordIndex[dataUnit] = insertionIndex;
-  newRecordIndex[dataUnit] = (state.newRecordIndex[dataUnit] || 0) + 1;
-  return Object.assign(Object.assign({}, state), { currentRecordIndex,
-    newRecordIndex });
-}
-function changeFieldValue(state, { dataUnit, recordId, fieldName, value }) {
-  const changes = Object.assign({}, state.changes);
-  const dataUnitChanges = Object.assign({}, changes[dataUnit]);
-  const recordChanges = Object.assign({}, dataUnitChanges[recordId]);
-  recordChanges[fieldName] = value;
-  dataUnitChanges[recordId] = recordChanges;
-  changes[dataUnit] = dataUnitChanges;
-  const invalidFields = Object.assign({}, state.invalidFields);
-  const dataUnitInvalidRecords = Object.assign({}, invalidFields[dataUnit]);
-  const errorMessages = Object.assign({}, dataUnitInvalidRecords[recordId]);
-  delete errorMessages[fieldName];
-  dataUnitInvalidRecords[recordId] = errorMessages;
-  invalidFields[dataUnit] = dataUnitInvalidRecords;
-  return Object.assign(Object.assign({}, state), { changes,
-    invalidFields, invalidFieldSelected: undefined });
-}
-function clearEdition(state, { dataUnit, recordsLimit }) {
-  const changes = Object.assign({}, state.changes);
-  const newRecordIndex = Object.assign({}, state.newRecordIndex);
-  const currentRecordIndex = Object.assign({}, state.currentRecordIndex);
-  delete changes[dataUnit];
-  delete newRecordIndex[dataUnit];
-  const recIndex = currentRecordIndex[dataUnit] || 0;
-  currentRecordIndex[dataUnit] = Math.min(recordsLimit, recIndex);
-  return Object.assign(Object.assign({}, state), { changes,
-    newRecordIndex,
-    currentRecordIndex });
-}
-function navigateToInvalid(state, payload) {
-  let newState = Object.assign({}, state);
-  if (newState.invalidFieldSelected === undefined) {
-    newState.invalidFieldSelected = true;
-    newState = gotoIndex(newState, payload.dataUnit, payload.recordIndex);
-    newState = changeTab(newState, payload.tabController, payload.tabIndex);
-  }
-  return newState;
-}
-function dataLoading(state, { dataUnit }) {
-  const dataLoading = Object.assign({}, state.dataLoading);
-  dataLoading[dataUnit] = true;
-  return Object.assign(Object.assign({}, state), { dataLoading });
-}
-function dataLoaded(state, { dataUnit }) {
-  const dataLoading = Object.assign({}, state.dataLoading);
-  delete dataLoading[dataUnit];
-  return Object.assign(Object.assign({}, state), { dataLoading });
-}
-function savingChanges(state, { dataUnit }) {
-  const dataLoading = Object.assign({}, state.dataLoading);
-  dataLoading[dataUnit] = true;
-  return Object.assign(Object.assign({}, state), { dataLoading });
-}
-function changesSaved(state, { dataUnit }) {
-  const dataLoading = Object.assign({}, state.dataLoading);
-  delete dataLoading[dataUnit];
-  return Object.assign(Object.assign({}, state), { dataLoading });
-}
-function removingRecord(state, { dataUnit }) {
-  const dataLoading = Object.assign({}, state.dataLoading);
-  dataLoading[dataUnit] = true;
-  return Object.assign(Object.assign({}, state), { dataLoading });
-}
-function recordRemoved(state, { dataUnit }) {
-  const dataLoading = Object.assign({}, state.dataLoading);
-  delete dataLoading[dataUnit];
-  return Object.assign(Object.assign({}, state), { dataLoading });
-}
-function invalidField(state, { dataUnit, recordId, fieldName, errorMessage }) {
-  const invalidFields = Object.assign({}, state.invalidFields);
-  const dataUnitInvalidRecords = Object.assign({}, invalidFields[dataUnit]);
-  const errorMessages = Object.assign({}, dataUnitInvalidRecords[recordId]);
-  errorMessages[fieldName] = errorMessage;
-  dataUnitInvalidRecords[recordId] = errorMessages;
-  invalidFields[dataUnit] = dataUnitInvalidRecords;
-  return Object.assign(Object.assign({}, state), { invalidFields });
-}
-function clearAllInvalidFields(state, { dataUnit }) {
-  const invalidFields = Object.assign({}, state.invalidFields);
-  delete invalidFields[dataUnit];
-  return Object.assign(Object.assign({}, state), { invalidFields });
-}
-function clearInvalidField(state, { dataUnit, recordId, fieldName }) {
-  const invalidFields = Object.assign({}, state.invalidFields);
-  const dataUnitInvalidRecords = Object.assign({}, invalidFields[dataUnit]);
-  const errorMessages = Object.assign({}, dataUnitInvalidRecords[recordId]);
-  delete errorMessages[fieldName];
-  dataUnitInvalidRecords[recordId] = errorMessages;
-  invalidFields[dataUnit] = dataUnitInvalidRecords;
-  return Object.assign(Object.assign({}, state), { invalidFields });
-}
-function showHideNavBtn(state, { buttonName, status }) {
-  const visibleButtons = Object.assign({}, state.visibleButtons);
-  visibleButtons[buttonName] = status;
-  return Object.assign(Object.assign({}, state), { visibleButtons });
-}
-
-class Application {
-  static async showDialog(title, message, icon = null, confirm, critical = false) {
-    return new Promise(resolve => {
-      let dialog = document.querySelector("ez-dialog");
-      if (!dialog) {
-        dialog = document.createElement("ez-dialog");
-        window.document.body.appendChild(dialog);
-      }
-      dialog.show(title, message, critical, confirm, icon).then(ok => resolve(ok));
-    });
-  }
-  static async alert(title, message, icon = null) {
-    return Application.showDialog(title, message, icon, false, false);
-  }
-  static async error(title, message, icon = null) {
-    return Application.showDialog(title, message, icon, false, true);
-  }
-  static async confirm(title, message, icon = null, critical = false) {
-    return Application.showDialog(title, message, icon, true, critical);
-  }
-  static async info(message) {
-    let toast = document.querySelector("ez-toast");
-    if (!toast) {
-      toast = document.createElement("ez-toast");
-      window.document.body.appendChild(toast);
-    }
-    toast.message = message;
-    toast.fadeTime = 4000;
-    toast.show();
-  }
-}
-
-function removeHandler(dataUnit) {
-  Application.confirm("Exclusão de registro", "Tem certeza que deseja Remover?", null, true).then(ok => {
-    if (ok) {
-      dataUnit.remove();
-    }
-  });
-}
-function saveHandler(dataUnit) {
-  setTimeout(() => {
-    //Esse debouncing é necessário quando o usuário clica no botão de salvar 
-    //sem ter tirado o foco o último campo alterado.
-    dataUnit.save();
-  }, 50);
-}
-const NavigationBar = ({ dataUnit: du, buttonProps, enabled }) => {
-  if (buttonProps.previousVisible
-    || buttonProps.nextVisible
-    || buttonProps.addVisible
-    || buttonProps.removeVisible
-    || buttonProps.saveVisible
-    || buttonProps.cancelVisible
-    || buttonProps.reloadVisible) {
-    return h("div", { class: "col col--sd-12 align--right" },
-      buttonProps.previousVisible ? h("ez-button", { key: du.name + "_previous", title: "Registro anterior", mode: "icon", enabled: enabled && du.hasPrevious(), onClick: () => du.previous(), image: "/themes/default/images/icons/actions-sprite.svg#previous-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.nextVisible ? h("ez-button", { key: du.name + "_next", title: "Pr\u00F3ximo registro", mode: "icon", enabled: enabled && du.hasNext(), onClick: () => du.next(), image: "/themes/default/images/icons/actions-sprite.svg#next-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.removeVisible ? h("ez-button", { key: du.name + "_remove", label: "Remover", enabled: enabled && du.hasCurrentRecord(), onClick: () => removeHandler(du), image: "/themes/default/images/icons/actions-sprite.svg#minus-circle-inverted", class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.addVisible ? h("ez-button", { key: du.name + "_add", label: "Adicionar", enabled: enabled, onClick: () => du.insert(), class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.reloadVisible ? h("ez-button", { key: du.name + "_reload", title: "Recarregar", enabled: enabled, mode: "icon", onClick: () => du.load(), image: "/themes/default/images/icons/actions-sprite.svg#rotate", class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.cancelVisible ? h("ez-button", { key: du.name + "_cancel", label: "Cancelar", enabled: enabled && du.hasChanges(), onClick: () => du.cancel(), class: "button--secondary margin-right--medium" }) : null,
-      buttonProps.saveVisible ? h("ez-button", { key: du.name + "_save", label: "Salvar", enabled: enabled && du.hasChanges(), onClick: () => saveHandler(du), class: "button--primary margin-right--medium" }) : null);
-  }
-  else {
-    return null;
-  }
-};
-
-//histórico
-const selectCurrentTab = (state, formName) => {
-  const data = state.hist.present.currentTabIndex;
-  return data[formName] || 0;
-};
-const selectIsCollapsedFieldSet = (state, fieldSetName) => {
-  const data = state.hist.present.collapsedGroups;
-  return data[fieldSetName];
-};
-const selectRecordChanges = (state, dataUnit, recordId) => {
-  const data = selectDataUnitChanges(state, dataUnit);
-  return data ? data[recordId] : undefined;
-};
-const selectDataUnitChanges = (state, dataUnit) => {
-  const data = state.hist.present.changes;
-  return data[dataUnit];
-};
-const selectCurrentRecordIndex = (state, dataUnit) => {
-  const data = state.hist.present.currentRecordIndex;
-  return data[dataUnit] || 0;
-};
-const selectNewRecordIndex = (state, dataUnit) => {
-  const data = state.hist.present.newRecordIndex;
-  return data[dataUnit] || 0;
-};
-//não histórico
-const selectLoadingData = (state, dataUnit) => {
-  const data = state.nonhist.dataLoading;
-  return data[dataUnit];
-};
-const selectErrorMessage = (state, dataUnit, recordId, fieldName) => {
-  const data = state.nonhist.invalidFields;
-  const dataUnitMessages = data[dataUnit] || {};
-  const recordMessages = dataUnitMessages[recordId] || {};
-  return recordMessages[fieldName] || "";
-};
-const selectVisibleButtons = state => state.nonhist.visibleButtons;
-
-class DataUnit {
-  constructor(name, unitLabel, cardinality = "1", parentDU = null) {
-    this.name = name;
-    this.unitLabel = unitLabel;
-    this.cardinality = cardinality;
-    this._children = [];
-    this._fields = new Map();
-    this._requiredFields = [];
-    if (parentDU != null) {
-      parentDU._children.push(this);
-      this.parentDU = parentDU;
-      this.parentDUName = parentDU.name;
-    }
-  }
-  set store(store) {
-    this._store = store;
-  }
-  set fields(value) {
-    if (value) {
-      value.forEach(f => this.addFieldMetadata(f));
-    }
-  }
-  addFieldMetadata(field) {
-    this._fields.set(field.name, field);
-    if (field.required) {
-      this._requiredFields.push(field);
-    }
-  }
-  getFieldMetadata(name) {
-    if (this._fields) {
-      return this._fields.get(name);
-    }
-    return undefined;
-  }
-  get requiredFields() {
-    return this._requiredFields;
-  }
-  isLoading() {
-    return selectLoadingData(this._store.getState(), this.name);
-  }
-  hasChanges() {
-    const state = this._store.getState();
-    return selectDataUnitChanges(state, this.name) !== undefined || selectNewRecordIndex(state, this.name) > 0;
-  }
-  hasNext() {
-    return selectCurrentRecordIndex(this._store.getState(), this.name) < (this.records.length - 1);
-  }
-  hasPrevious() {
-    return selectCurrentRecordIndex(this._store.getState(), this.name) > 0;
-  }
-  hasCurrentRecord() {
-    return this.getCurrentRecord() != undefined;
-  }
-  previous() {
-    this._store.dispatch(previousRecord(this.name));
-  }
-  next() {
-    this._store.dispatch(nextRecord(this.name, this.records.length));
-  }
-  getValue(fieldName) {
-    const currentRecord = this.getCurrentRecord();
-    if (!currentRecord) {
-      return undefined;
-    }
-    const changes = this.getRecordChanges(currentRecord);
-    return changes && changes[fieldName] !== undefined ? changes[fieldName] : currentRecord[fieldName] || null;
-  }
-  getErrorMessage(fieldName) {
-    const currentRecord = this.getCurrentRecord();
-    return selectErrorMessage(this._store.getState(), this.name, currentRecord === null || currentRecord === void 0 ? void 0 : currentRecord.record__id, fieldName);
-  }
-  changeValue(fieldName, newValue) {
-    if (this.records.length == 0) {
-      this.insert();
-    }
-    if (this._changeDeboucing) {
-      window.clearTimeout(this._changeDeboucing);
-    }
-    this._changeDeboucing = window.setTimeout(() => {
-      const currentRecord = this.getCurrentRecord();
-      this._store.dispatch(changeFieldValue$1(this.name, currentRecord.record__id, fieldName, newValue));
-    }, 100);
-  }
-  cancel() {
-    this.records = this.records.filter(r => !r.record__id.startsWith("NEW_"));
-    this._store.dispatch(clearEdition$1(this.name, this.records.length - 1));
-  }
-  insert() {
-    const insertionIndex = this.records.length;
-    const newRecordIndex = selectNewRecordIndex(this._store.getState(), this.name);
-    const newRecord = { record__id: "NEW_" + (newRecordIndex + 1) };
-    this.bindToParent(newRecord);
-    this.records.push(newRecord);
-    this._store.dispatch(insertRecord$1(this.name, insertionIndex));
-  }
-  buildChange(r) {
-    const duChanges = selectDataUnitChanges(this._store.getState(), this.name);
-    let recordChanges;
-    if (duChanges) {
-      recordChanges = duChanges[r.record__id];
-    }
-    let subChanges = [];
-    this._children.forEach(duChild => {
-      subChanges = subChanges.concat(duChild.getSubChanges(r.record__id));
-    });
-    if (recordChanges || subChanges.length > 0) {
-      const change = {
-        "__data__unit": this.name,
-        "__record__id": r.record__id,
-        "__sub__changes": subChanges
-      };
-      if (recordChanges) {
-        Object.keys(recordChanges).forEach(fieldName => { change[fieldName] = recordChanges[fieldName]; });
-      }
-      return change;
-    }
-    return undefined;
-  }
-  getSubChanges(id) {
-    const result = [];
-    if (this._records) {
-      this._records.filter(r => r.parent__record__id === id).forEach(r => {
-        const c = this.buildChange(r);
-        if (c) {
-          result.push(c);
-        }
-      });
-    }
-    return result;
-  }
-  getChangesToSave() {
-    let result = [];
-    if (this._records) {
-      this._records.forEach(r => {
-        const change = this.buildChange(r);
-        if (change) {
-          result.push(change);
-        }
-      });
-    }
-    return result;
-  }
-  save() {
-    if (!this.validateRecords("SAVE")) {
-      return;
-    }
-    this._store.dispatch(savingChanges$1(this.name));
-    let saveResult;
-    if (this.saveExecutor) {
-      saveResult = this.saveExecutor(this.getChangesToSave());
-    }
-    if (saveResult instanceof Promise) {
-      saveResult
-        .then(r => this.processSaveResult(r))
-        .catch(e => {
-        this._store.dispatch(dataLoaded$1(this.name));
-        Application.error("Falha ao tentar salvar", e);
-      });
-    }
-    else {
-      this.processSaveResult(saveResult);
-    }
-  }
-  load() {
-    this._store.dispatch(dataLoading$1(this.name));
-    let result;
-    if (this.loadExecutor) {
-      result = this.loadExecutor({ dataUnit: this.name });
-    }
-    if (result instanceof Promise) {
-      result.then(r => this.processLoadResult(r));
-    }
-    else {
-      this.processLoadResult(result);
-    }
-  }
-  remove() {
-    const currentIndex = selectCurrentRecordIndex(this._store.getState(), this.name);
-    this._store.dispatch(removingRecord$1(this.name));
-    let removeResult;
-    if (this.removeExecutor) {
-      const record = this.getCurrentRecord();
-      removeResult = this.removeExecutor({ dataUnit: this.name, recordId: record.record__id, record });
-    }
-    else {
-      removeResult = true;
-    }
-    if (removeResult) {
-      if (removeResult instanceof Promise) {
-        removeResult.then(r => this.processRemoveResult(r, currentIndex));
-      }
-      else {
-        this.processRemoveResult(removeResult, currentIndex);
-      }
-    }
-  }
-  processSaveResult(result) {
-    if (result) {
-      if (result instanceof Array) {
-        result.forEach(item => this.processSaveResult(item));
-      }
-      else {
-        if (result.__data__unit === this.name) {
-          if (this.cardinality === "1") {
-            this.records = [this.buildRecordFromSaveResult(this.records[0], result)];
-          }
-        }
-      }
-    }
-    //FIXME: Isso está errado! tem que limpar todas as edições
-    this._store.dispatch(clearEdition$1(this.name, this.records.length - 1));
-    this._store.dispatch(changesSaved$1(this.name));
-  }
-  buildRecordFromSaveResult(baseRecord, saveResult) {
-    const newRecord = baseRecord ? Object.assign({}, baseRecord) : { record__id: "" };
-    Object.keys(saveResult).forEach(attrib => {
-      if (!attrib.startsWith("__")) {
-        newRecord[attrib] = saveResult[attrib];
-      }
-    });
-    return newRecord;
-  }
-  processLoadResult(records) {
-    this.records = records;
-    this._store.dispatch(clearEdition$1(this.name, this.records.length - 1));
-    this._store.dispatch(dataLoaded$1(this.name));
-  }
-  processRemoveResult(removed, recordIndex) {
-    if (removed) {
-      this.records.splice(recordIndex, 1);
-      this._store.dispatch(clearEdition$1(this.name, this.records.length - 1));
-    }
-    this._store.dispatch(recordRemoved$1(this.name));
-  }
-  set records(records) {
-    this._records = records;
-    if (this.parentDU) {
-      this._records.forEach(r => this.bindToParent(r));
-    }
-  }
-  bindToParent(r) {
-    if (this.parentDU) {
-      const parentRecord = this.parentDU.getCurrentRecord();
-      if (parentRecord) {
-        r.parent__record__id = parentRecord.record__id;
-      }
-    }
-  }
-  get records() {
-    if (!this._records) {
-      this._records = [];
-    }
-    return this._records;
-  }
-  getCurrentRecord() {
-    const currentIndex = selectCurrentRecordIndex(this._store.getState(), this.name);
-    return this.records[currentIndex];
-  }
-  getRecordChanges(currentRecord = undefined) {
-    if (currentRecord === undefined) {
-      currentRecord = this.getCurrentRecord();
-    }
-    return currentRecord ? selectRecordChanges(this._store.getState(), this.name, currentRecord.record__id) : undefined;
-  }
-  validateRecords(triggedBy = "UNKNOWN") {
-    if (!this.recordsValidator) {
-      return true;
-    }
-    const duChanges = selectDataUnitChanges(this._store.getState(), this.name);
-    const recordsToValidate = [];
-    this.records.forEach((record, i) => {
-      const changes = duChanges ? duChanges[record.record__id] : undefined;
-      if (changes) {
-        recordsToValidate.push(Object.assign(Object.assign(Object.assign({}, record), changes), { record__index: i, record__changedfields: Object.keys(changes) }));
-      }
-    });
-    const result = this.recordsValidator.validateRecords(this, recordsToValidate, triggedBy);
-    if (result.message) {
-      Application.info(result.message);
-    }
-    return result.isValid;
-  }
-}
-var DependencyType;
-(function (DependencyType) {
-  DependencyType["SEARCHING"] = "SEARCHING";
-  DependencyType["REQUIREMENT"] = "REQUIREMENT";
-  DependencyType["VISIBILITY"] = "REQUIREMENT";
-})(DependencyType || (DependencyType = {}));
-
-function scrollToView(forceScroll, elem) {
-  if (forceScroll) {
-    window.requestAnimationFrame(() => elem.scrollIntoView());
-  }
-}
-const Field = ({ dataUnit, field, forceScroll, enabled }) => {
-  const { name, form } = field;
-  const { label, userInterface, properties, required, dependencies, readOnly } = dataUnit.getFieldMetadata(name);
-  const value = dataUnit.getValue(name) || null;
-  const loadingData = dataUnit.isLoading();
-  const formattedLabel = required ? `* ${label} (obrigatório)` : label;
-  const errorMessage = dataUnit.getErrorMessage(name);
-  const key = `${dataUnit.name}-${name}`;
-  const isEnabled = enabled && !readOnly;
-  const changeFieldHandler = (newValue) => {
-    dataUnit.changeValue(name, newValue);
-  };
-  switch (userInterface) {
-    case "LONGTEXT":
-      return h("div", { class: "col col--sd-12 padding--small" }, loadingData ? h("place-holder", null) :
-        h("ez-text-area", { value: value || "", label: formattedLabel, onEzChange: evt => changeFieldHandler(evt.target["value"]), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key, enabled: isEnabled }));
-    case "CHECKBOX":
-    case "SWITCH":
-      return h("div", { class: "col col--sd-12 col--tb-3 padding--small align--middle padding-bottom--large" }, loadingData ? h("place-holder", null) :
-        h("ez-check", { value: value, label: label, enabled: isEnabled, mode: userInterface === "CHECKBOX" ? "regular" : "switch", onEzChange: (event) => changeFieldHandler(event.target["value"]), ref: elem => scrollToView(forceScroll, elem), key: key }));
-    case "OPTIONSELECTOR":
-      const optsObj = properties ? JSON.parse(getProp(properties, "options")) : {};
-      const normalized = Object.keys(optsObj).map(key => { return { value: key, label: optsObj[key] }; });
-      return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? h("place-holder", null) :
-        h("ez-combo-box", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key, options: normalized }));
-    case "SEARCH":
-      const context = {
-        __MAIN_FORM: form,
-        __DATA_UNIT: dataUnit.name,
-        __FIELD_NAME: name
-      };
-      properties.forEach(({ name, value }) => {
-        context[name] = value;
-      });
-      let criteriaList = [];
-      dependencies === null || dependencies === void 0 ? void 0 : dependencies.forEach(dependency => {
-        var _a;
-        if (dependency.type === DependencyType.SEARCHING) {
-          if (((_a = dependency.masterFields) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            let criteria = {
-              expression: dependency.expression,
-              paramNames: [...dependency.masterFields],
-              paramResolver: name => dataUnit.getValue(name)
-            };
-            criteriaList.push(criteria);
-          }
-        }
-      });
-      if (criteriaList.length > 0) {
-        context["CRITERIA"] = criteriaList;
-      }
-      return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? h("place-holder", null) :
-        h("ez-search", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, optionLoader: (argument) => {
-            if (form) {
-              return form.loadSearch(argument, context);
-            }
-          }, ref: elem => scrollToView(forceScroll, elem), key: key }));
-    case "FILE":
-      const target = getProp(properties, "URL");
-      const strHeaders = getProp(properties, "HEADERS");
-      const headers = strHeaders ? JSON.parse(strHeaders) : {};
-      const maxfiles = Number(getProp(properties, "maxfiles") || 0);
-      return (h("div", { class: "col col--sd-12 padding--small" }, loadingData ? h("place-holder", null) :
-        h("ez-upload", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.detail), urlUpload: target, requestHeaders: headers, maxFiles: maxfiles })));
-    case "DATE":
-      return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? h("place-holder", null) :
-        h("ez-date-input", { value: !value ? null : DateUtils.clearTime(value), label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key }));
-    case "DECIMALNUMBER":
-    case "INTEGERNUMBER":
-      let precision = 0;
-      let prettyPrecision = 0;
-      if (userInterface === "DECIMALNUMBER") {
-        precision = Number(getProp(properties, "precision") || 2);
-        prettyPrecision = Number(getProp(properties, "prettyprecision") || precision);
-      }
-      return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? h("place-holder", null) :
-        h("ez-numeric-input", { value: !value ? null : value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, precision: precision, prettyprecision: prettyPrecision, ref: elem => scrollToView(forceScroll, elem), key: key }));
-    //IMAGE, DATETIME, ELAPSEDTIME, PASSWORD, MASKEDTEXT, HTML
-    default:
-      return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? h("place-holder", null) :
-        h("ez-text-input", { value: value, label: formattedLabel, enabled: isEnabled, loading: loadingData, onInput: (event) => changeFieldHandler(event.target["value"]), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key }));
-  }
-};
-function getProp(properties, name) {
-  var _a;
-  return properties ? (_a = properties.find(prop => prop.name === name)) === null || _a === void 0 ? void 0 : _a.value : null;
-}
-
-const FieldSet = ({ store, formName, source, dataUnit, enabled }) => {
-  const { label, fields } = source;
-  const fieldSetName = formName + label;
-  let isCollapsed = selectIsCollapsedFieldSet(store.getState(), formName + label);
-  let fieldToScroll;
-  source.fields.forEach((field) => {
-    if (fieldToScroll === undefined) {
-      const fieldError = dataUnit.getErrorMessage(field.name);
-      if (fieldError !== undefined && fieldError !== null && fieldError !== "") {
-        fieldToScroll = field.name;
-      }
-    }
-  });
-  if (fieldToScroll) {
-    isCollapsed = false;
-  }
-  return h("div", { class: "col col--sd-12 padding--small" },
-    h("div", { class: "row margin-top--large" },
-      h("div", { class: "col col--sd-12 align--middle padding-horizontal--medium" },
-        h("ez-collapsible-box", { value: isCollapsed, label: label, onEzChange: () => store.dispatch(collapseExpandGroup(fieldSetName, !isCollapsed)) }),
-        isCollapsed ? null :
-          h("div", { class: "col col--sd-12" }, fields.map(field => h(Field, { enabled: enabled, field: field, dataUnit: dataUnit, forceScroll: fieldToScroll === field.name }))))));
-};
-
-function buildFormItem(source, formName, store, dataUnit, enabled) {
-  if ("fields" in source) {
-    return h(FieldSet, { enabled: enabled, source: source, store: store, formName: formName, dataUnit: dataUnit });
-  }
-  const fieldName = source.name;
-  const errorMsg = dataUnit.getErrorMessage(fieldName);
-  const forceScroll = errorMsg === undefined || errorMsg === null || errorMsg === "" ? false : true;
-  return h(Field, { enabled: enabled, field: source, dataUnit: dataUnit, forceScroll: forceScroll });
-}
-const FormSheet = ({ store, parentName, source, parentDataUnit, dataUnitBuilder, enabled }) => {
-  const selectedTab = selectCurrentTab(store.getState(), parentName);
-  const tabs = source.length > 1 ? source.map(form => h("ez-tab", { label: form.label, tabKey: form.name })) : null;
-  const { subForms, items, name } = source[selectedTab];
-  const dataUnit = dataUnitBuilder(source[selectedTab].dataUnit, parentDataUnit);
-  source[selectedTab].dataUnit = dataUnit;
-  const hasSubForms = subForms && subForms.length > 0;
-  const changeTabHandler = (index) => {
-    store.dispatch(changeTab$1(parentName, index));
-  };
-  //todos os campos e subformulários precisam estar ligados a um DU
-  const currentDU = dataUnit || parentDataUnit;
-  let buttons = selectVisibleButtons(store.getState());
-  if (currentDU.cardinality === "1") {
-    buttons.addVisible = false;
-    buttons.removeVisible = false;
-    buttons.nextVisible = false;
-    buttons.previousVisible = false;
-  }
-  return h("div", { class: "form-sheet" },
-    tabs ? h("ez-tabselector", { selectedIndex: selectedTab, selectedTab: name, onChange: (evt) => changeTabHandler(evt.target.selectedindex) }, tabs) : null,
-    dataUnit ? h(NavigationBar, { enabled: enabled, dataUnit: dataUnit, buttonProps: buttons }) : null,
-    h("div", { class: "tab__container" },
-      items ? items.map(item => buildFormItem(item, name, store, currentDU, enabled)) : null,
-      hasSubForms ? h(FormSheet, { enabled: enabled, store: store, source: subForms, parentName: name, parentDataUnit: currentDU, dataUnitBuilder: dataUnitBuilder }) : null));
-};
-
-const ezFormCss = "ez-form{display:flex;flex-direction:column;width:100%}.form-sheet{display:flex;width:100%;flex-wrap:wrap;position:relative}.tab__container{display:flex;width:100%;flex-wrap:wrap;position:relative}";
-
-let EzForm = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.enabled = true;
-    this.loading = false;
-    this._dataUnits = new Map();
-    this._duSources = new Map();
-    this._tabPositionByField = new Map();
-    this._duToLoad = [];
-  }
-  cleanPreparedMetadata() {
-    this._preparedMetadata = undefined;
-  }
-  async validate() {
-    const duSourcesNames = Array.from(this._duSources.keys());
-    for (let i = 0; i < this._duSources.size; i++) {
-      const duName = duSourcesNames[i];
-      let du = this._dataUnits.get(duName);
-      if (du === undefined) {
-        const source = this._duSources.get(duName);
-        du = this.buildDataUnit(source, source.parentDUName);
-      }
-      if (!du.validateRecords()) {
-        return false;
-      }
-    }
-    return true;
-  }
-  async getChanges() {
-    let allChanges = [];
-    const dataUnits = Array.from(this._dataUnits.values());
-    for (let i = 0; i < this._dataUnits.size; i++) {
-      const du = dataUnits[i];
-      //Só devemos buscar as alterações de DU raiz, pois os sub DUs serão enviados junto.
-      if (!du.parentDU) {
-        const duChanges = du.getChangesToSave();
-        if (duChanges) {
-          allChanges = allChanges.concat(duChanges);
-        }
-      }
-    }
-    return allChanges;
-  }
-  async changeFieldValue(dataUnit, fieldName, value) {
-    const du = this._dataUnits.get(dataUnit);
-    if (du) {
-      du.changeValue(fieldName, value);
-    }
-  }
-  validateRecords(dataUnit, records, triggedBy) {
-    const result = { isValid: true, message: "" };
-    if (this.ignoreSaveValidation && triggedBy === "SAVE") {
-      return result;
-    }
-    const validateField = (field) => {
-      if (field.readOnly) {
-        return false;
-      }
-      if (field.userInterface === "SWITCH" || field.userInterface === "CHECKBOX") {
-        return false;
-      }
-      return true;
-    };
-    const recordValidator = record => {
-      dataUnit.requiredFields.forEach(field => {
-        if (validateField(field)) {
-          const recordIndex = record["record__index"];
-          const fieldName = field.name;
-          const fieldValue = record[fieldName];
-          if (fieldValue === null || fieldValue === undefined || fieldValue === "") {
-            const tabPosition = this._tabPositionByField.get(dataUnit.name + field.name);
-            this._store.dispatch(invalidField$1(tabPosition.tabName, tabPosition.index, dataUnit.name, recordIndex, record.record__id, field.name, "Essa informação é obrigatória"));
-            result.isValid = false;
-            result.message = "Há pelo menos um campo obrigatório não preenchido.";
-          }
-        }
-      });
-    };
-    if (dataUnit.records.length === 0) {
-      recordValidator({});
-    }
-    else {
-      let validatedRecords = {};
-      records.forEach(r => {
-        recordValidator(r);
-        validatedRecords[r.record__id] = true;
-      });
-      dataUnit.records.forEach(r => {
-        if (!validatedRecords[r.record__id]) {
-          recordValidator(r);
-        }
-      });
-    }
-    return result;
-  }
-  loadMDFromExecutor(callBack) {
-    const loadMetadataFunction = this.parseExecutor(this.metadataExecutor);
-    if (loadMetadataFunction) {
-      const result = loadMetadataFunction();
-      if (result) {
-        if (result instanceof Promise) {
-          result.then(md => {
-            callBack(md);
-          });
-        }
-        else {
-          callBack(result);
-        }
-      }
-    }
-  }
-  loadMDFromElement(callBack) {
-    const metadata = [];
-    Array.from(this._host.children).forEach(elem => {
-      if (elem.tagName === "FORM-METADATA") {
-        const formMetadata = elem;
-        metadata.push(formMetadata.metadata);
-      }
-    });
-    callBack(metadata.length > 0 ? metadata : null);
-  }
-  updateMetadata(metadata) {
-    if (metadata) {
-      const processFields = (duName, form, tabController, tabIndex) => {
-        var _a;
-        form.items.forEach(item => {
-          if ("fields" in item) {
-            const fSet = item;
-            fSet.fields.forEach(f => {
-              f.form = this;
-              this._tabPositionByField.set(duName + f.name, { tabName: tabController, index: tabIndex });
-            });
-          }
-          else {
-            const f = item;
-            f.form = this;
-            this._tabPositionByField.set(duName + f.name, { tabName: tabController, index: tabIndex });
-          }
-        });
-        (_a = form.subForms) === null || _a === void 0 ? void 0 : _a.forEach((subForm, index) => {
-          const subDu = subForm.dataUnit;
-          if (subDu) {
-            this._duSources.set(subDu.name, subDu);
-            subDu.parentDUName = duName;
-          }
-          processFields(subDu ? subDu.name : duName, subForm, form.name, index);
-        });
-      };
-      this._preparedMetadata = metadata.map((form, index) => {
-        const du = form.dataUnit;
-        if (form.autoLoad) {
-          this._duToLoad.push(du);
-        }
-        this.decorateDU(du);
-        const duName = du.name;
-        this._duSources.set(duName, du);
-        processFields(duName, form, "__MAIN__FORM__", index);
-        return form;
-      });
-      this._store.dispatch(formLoad());
-    }
-  }
-  parseExecutor(executor) {
-    if (executor) {
-      return executor instanceof Function ? executor : eval(executor);
-    }
-    return null;
-  }
-  componentWillRender() {
-    if (this._store === undefined) {
-      const rootReducer = combineReducers({
-        "hist": undoable(formReducer),
-        "nonhist": formNonHistoricReducer
-      });
-      this._store = createStore(rootReducer, applyMiddleware(thunk));
-      this._store.subscribe(() => { forceUpdate(this); });
-      if (this.slaveMode) {
-        this._store.dispatch(showHideNavigationButtons("saveVisible", false));
-        this._store.dispatch(showHideNavigationButtons("cancelVisible", false));
-        this._store.dispatch(showHideNavigationButtons("reloadVisible", false));
-      }
-    }
-    if (this._preparedMetadata === undefined) {
-      if (this.metadata) {
-        this.updateMetadata(this.metadata);
-      }
-      else {
-        this.loadMDFromElement((md) => this.updateMetadata(md));
-        if (!this._preparedMetadata) {
-          this.loadMDFromExecutor((md) => this.updateMetadata(md));
-        }
-      }
-    }
-  }
-  componentDidRender() {
-    this._duToLoad.forEach(du => du.load());
-    this._duToLoad = [];
-  }
-  loadSearch(argument, context) {
-    const fieldSearchExecutor = this.parseExecutor(this.fieldSearchExecutor);
-    if (fieldSearchExecutor) {
-      return fieldSearchExecutor(argument, context);
-    }
-    else {
-      return [{ value: 0, label: "Sem resultados" }];
-    }
-  }
-  buildDataUnit(dataUnit, parentDataUnit) {
-    if (dataUnit) {
-      const { name, unitLabel, records, cardinality, fields } = dataUnit;
-      if (!(dataUnit instanceof DataUnit)) {
-        let parent;
-        if (parentDataUnit instanceof DataUnit) {
-          parent = parentDataUnit;
-        }
-        else {
-          parent = this._dataUnits.get(parentDataUnit);
-        }
-        dataUnit = new DataUnit(name, unitLabel, cardinality, parent);
-        dataUnit.fields = fields;
-        this._dataUnits.set(dataUnit.name, dataUnit);
-        if (records) {
-          dataUnit.records = records;
-        }
-      }
-      this.decorateDU(dataUnit);
-    }
-    return dataUnit;
-  }
-  decorateDU(dataUnit) {
-    dataUnit.store = this._store;
-    dataUnit.loadExecutor = this.parseExecutor(this.loadExecutor);
-    dataUnit.saveExecutor = this.parseExecutor(this.saveExecutor);
-    dataUnit.removeExecutor = this.parseExecutor(this.removeExecutor);
-    dataUnit.recordsValidator = this;
-  }
-  render() {
-    if (this.loading) {
-      return h("place-holder", null);
-    }
-    else {
-      return this._preparedMetadata ? h(FormSheet, { enabled: this.enabled, store: this._store, source: this._preparedMetadata, parentName: "__MAIN__FORM__", dataUnitBuilder: (du, parentDataUnit) => this.buildDataUnit(du, parentDataUnit) }) : null;
-    }
-  }
-  static get assetsDirs() { return ["assets"]; }
-  get _host() { return getElement(this); }
-  static get watchers() { return {
-    "metadata": ["cleanPreparedMetadata"]
-  }; }
-};
-EzForm.style = ezFormCss;
-
-const ezIconCss = ":host{display:block;overflow:hidden;position:relative;--ez-icon--color:var(--icon--color, #ffffff)}svg{display:flex;justify-content:center;align-items:center;fill:var(--ez-icon--color)}.x-small{width:12px;height:12px}.small{width:16px;height:16px}.medium{width:20px;height:20px}.large{width:24px;height:24px}.x-large{width:30px;height:30px}";
-
-let EzIcon = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Tamanho do ícone
-     */
-    this.size = 'medium';
-  }
-  isSprite() {
-    return this.href && this.href.indexOf('#') > -1;
-  }
-  render() {
-    return (h(Host, null, this.isSprite()
-      ?
-        h("svg", { class: this.size, role: "img" }, h("use", { xlinkHref: this.href }))
-      :
-        h("img", { class: this.size, src: this.href })));
-  }
-};
-EzIcon.style = ezIconCss;
-
-const ezNumericInputCss = ":host{display:block;width:100%;--ez-text-input__input--background-color:var(--background--medium, #e0e0e0);--ez-text-input__input--border-color:var(--ez-text-input__input--background-color)}.text-input{--ez-text-input__input--background-color:inherit;--ez-text-input__input--border-color:inherit}";
-
-let EzNumericInput = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ezChange = createEvent(this, "ezChange", 7);
-    /**
-     * Deixa o campo disponível ou não para uso.
-     */
-    this.enabled = true;
-  }
-  setLabel() {
-    this._textInput.label = this.label;
-  }
-  setErrorMessage() {
-    this._textInput.errorMessage = this.errorMessage;
-  }
-  applyValueToInput() {
-    if (this._textInput) {
-      this._textInput.value = this.getTextValue(this.value);
-    }
-  }
-  changeValue(newValue) {
-    this._textInput.errorMessage = "";
-    if (newValue !== this.value) {
-      this.value = newValue;
-      this.ezChange.emit();
-    }
-  }
-  parseNumber() {
-    const parsedNumber = this._textInput.value ? NumberUtils.stringToNumber(this._textInput.value) : null;
-    if (parsedNumber != null && isNaN(parsedNumber)) {
-      this._textInput.errorMessage = "O valor digitado não é um número válido";
-    }
-    else {
-      this.changeValue(parsedNumber);
-    }
-  }
-  getTextValue(value) {
-    if (value) {
-      return this.precision > 0 ? NumberUtils.format(value.toString(), Number(this.precision), Number(this.prettyprecision)) : value.toString();
-    }
-    return null;
-  }
-  render() {
-    return (h("ez-text-input", { class: "text-input", ref: elem => this._textInput = elem, onBlur: () => this.parseNumber(), label: this.label, onEzChange: event => event.stopPropagation(), value: this.getTextValue(this.value), restrict: this.precision > 0 ? "0123456789-,." : "0123456789-", enabled: this.enabled, errorMessage: this.errorMessage }));
-  }
-  static get watchers() { return {
-    "label": ["setLabel"],
-    "errorMessage": ["setErrorMessage"],
-    "value": ["applyValueToInput"]
-  }; }
-};
-EzNumericInput.style = ezNumericInputCss;
-
-const ezSearchCss = ":host{width:100%}";
-
-let EzSearch = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ezChange = createEvent(this, "ezChange", 7);
-    this.showPopup = createEvent(this, "showPopup", 7);
-    /**
-     * Deixa o campo disponível ou não.
-     */
-    this.enabled = true;
-    /**
-   * Ajusta a opção de mostrar o "value" ao selecionar uma opção.
-   */
-    this.showSelectedValue = true;
-    /**
-     * Ajusta a opção de mostrar o "value" para cada opção.
-     */
-    this.showOptionValue = true;
-  }
-  updateValue() {
-    if (this._comboElement) {
-      this._comboElement.value = this.value;
-    }
-  }
-  onComboChange(evt) {
-    evt.stopPropagation();
-    this.value = evt.detail;
-    this.ezChange.emit(evt.detail);
-  }
-  render() {
-    return (h("ez-combo-box", { ref: elem => this._comboElement = elem, value: this.value, label: this.label, enabled: this.enabled, errorMessage: this.errorMessage, optionLoader: this.optionLoader, searchMode: true, onEzChange: evt => this.onComboChange(evt), showSelectedValue: this.showSelectedValue, showOptionValue: this.showOptionValue }));
-  }
-  ;
-  static get watchers() { return {
-    "value": ["updateValue"]
-  }; }
-};
-EzSearch.style = ezSearchCss;
-
-const ezTabselectorCss = "@keyframes activate{0%{clip-path:inset(calc(100% - 3px) 50% 0px 50%)}100%{clip-path:inset(calc(100% - 3px) 0px 0px 0px)}}:host{display:flex;position:relative;width:100%;overflow:hidden;margin-bottom:var(--space--large, 24px);--tabselector--backward-icon:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z\"/></svg>');--tabselector--forward-icon:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z\"/></svg>')}.scroll{display:flex;width:100%;scroll-behavior:smooth;overflow-x:auto;scrollbar-width:none}.scroll.startHidden{-webkit-mask-image:linear-gradient(90deg, transparent 20px, #000 48px)}.scroll.midle{-webkit-mask-image:linear-gradient(90deg, transparent 20px, #000 48px, #000 calc(100% - 48px), transparent calc(100% - 20px))}.scroll.endHidden{-webkit-mask-image:linear-gradient(90deg, #000 calc(100% - 48px), transparent calc(100% - 20px))}.tab{display:flex;border:none;min-width:100px;background-color:unset;cursor:pointer;padding:6px 12px;align-items:center;justify-content:center;color:var(--text--primary, #626e82);font-family:var(--font-pattern, \"Sora, Algerian\");font-size:var(--title--small, 14px)}.tab:focus,.forward-button,.backward-button{outline:none}.is-active{position:relative;color:var(--color--primary, #008561)}.is-active::after{content:\"\";position:absolute;width:100%;height:100%;background-color:var(--color--primary, #008561);clip-path:inset(calc(100% - 3px) 0px 0px 0px);animation:activate 0.25s ease-in-out}.is-focused{border:1px dashed var(--color--primary, #000000c5)}.tab-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:var(--text-shadow);margin-bottom:var(--space--extra-small, 3px)}.forward-button,.backward-button{position:absolute;z-index:1;display:flex;box-sizing:border-box;padding:0px;top:0px;right:0px;width:16px;height:100%;border:none;background-color:unset;cursor:pointer;justify-content:center;align-items:center}.backward-button{left:0px}.forward-button::after,.backward-button::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:10px;height:16px}.forward-button::after{-webkit-mask-image:var(--tabselector--forward-icon);mask-image:var(--tabselector--forward-icon)}.backward-button::after{-webkit-mask-image:var(--tabselector--backward-icon);mask-image:var(--tabselector--backward-icon)}.forward-button:hover::after,.backward-button:hover::after{background-color:var(--color--primary, #4e4e4e)}.hidden{display:none}.scroll::-webkit-scrollbar{display:none}";
-
-let EzTabselector = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ezChange = createEvent(this, "ezChange", 7);
-    this.setFocusedParam = (ev) => {
-      if (ev.key === "Enter") {
-        this.selectedIndex = this.focusedIndex;
-        this.focusedIndex = undefined;
-        this.selectedTab = this._processedTabs[this.selectedIndex]["tabKey"];
-        this.handleTabClick(this.selectedTab, parseInt(this.selectedIndex));
-        ev.preventDefault();
-        this.setFocusedTab(this.selectedIndex);
-      }
-      else if (ev.key === "ArrowLeft" || ev.key === "ArrowRight") {
-        let operator = undefined;
-        if (ev.key === "ArrowLeft") {
-          operator = false;
-        }
-        else if (ev.key === "ArrowRight") {
-          operator = true;
-        }
-        else {
-          return;
-        }
-        if (this.focusedIndex === undefined) {
-          if (operator === false) {
-            this.focusedIndex = this.selectedIndex !== undefined ? (parseInt(this.selectedIndex) - 1).toString() : undefined;
-          }
-          else {
-            this.focusedIndex = this.selectedIndex !== undefined ? (parseInt(this.selectedIndex) + 1).toString() : undefined;
-          }
-        }
-        else {
-          if (operator === false) {
-            this.focusedIndex = (parseInt(this.focusedIndex) - 1).toString();
-          }
-          else {
-            this.focusedIndex = (parseInt(this.focusedIndex) + 1).toString();
-          }
-        }
-        if (parseInt(this.focusedIndex) < 0) {
-          this.focusedIndex = "0";
-        }
-        else if (parseInt(this.focusedIndex) > this._processedTabs.length - 1) {
-          this.focusedIndex = (this._processedTabs.length - 1).toString();
-        }
-        this.setFocusedBtn(true, this.focusedIndex);
-        this.setFocusedTab(this.focusedIndex);
-        this.ezChange.emit();
-      }
-      else if (ev.key === "Tab" || ev.key === "Escape") {
-        this.focusedIndex = undefined;
-        this.selectedTab = this._processedTabs[this.selectedIndex]["tabKey"];
-        this.handleTabClick(this.selectedTab, parseInt(this.selectedIndex));
-        ev.preventDefault();
-        this.setFocusedTab(this.selectedIndex);
-      }
-      // this.setFocusedTab();
-    };
-  }
-  handleTabClick(tab, index) {
-    this.selectedIndex = index.toString();
-    this.focusedIndex = undefined;
-    this.selectedTab = tab;
-    this.ezChange.emit();
-    this.setFocusedBtn(false, this.selectedIndex);
-  }
-  componentWillRender() {
-    if (!this._processedTabs) {
-      this._processedTabs = [];
-      if (this.tabs) {
-        this.tabs.split(",").forEach((label) => {
-          label = label.trim();
-          this._processedTabs.push(new Tab(label, label));
-        });
-      }
-      this._hostElem.querySelectorAll("ez-tab").forEach((elem) => {
-        const tabKey = elem.getAttribute("tabKey");
-        const label = elem.getAttribute("label");
-        const t = new Tab(label, tabKey);
-        const content = elem.firstChild;
-        if (content) {
-          content.setAttribute("slot", "tab" + this._processedTabs.length);
-          this._hostElem.appendChild(content);
-        }
-        this._processedTabs.push(t);
-      });
-    }
-  }
-  handleSlotChange(ev) {
-    const slot = ev.target;
-    const content = slot.assignedElements()[0];
-    if (content) {
-      content.style.marginLeft = "6px";
-    }
-  }
-  scrollBackward() {
-    const container = this._scrollContainer;
-    if (container) {
-      container.scrollLeft -= container.clientWidth;
-    }
-  }
-  scrollFoward() {
-    const container = this._scrollContainer;
-    if (container) {
-      let lastTab = null;
-      container.querySelectorAll(".tab").forEach((tab) => {
-        if (tab.getBoundingClientRect().right < container.clientWidth) {
-          lastTab = tab;
-        }
-      });
-      container.scrollLeft = lastTab.offsetLeft + lastTab.offsetWidth;
-    }
-  }
-  componentDidRender() {
-    this.updateScroll();
-  }
-  updateScroll() {
-    const container = this._scrollContainer;
-    if (container) {
-      const { scrollWidth, clientWidth, scrollLeft } = container;
-      const remainingScroll = scrollWidth - clientWidth - Math.ceil(scrollLeft);
-      this._startHidden = container.scrollLeft > 0;
-      this._endHidden = remainingScroll > 0;
-      if (this._startHidden) {
-        this._backwardButton.classList.remove("hidden");
-      }
-      else {
-        this._backwardButton.classList.add("hidden");
-      }
-      if (this._endHidden) {
-        this._forwardButton.classList.remove("hidden");
-      }
-      else {
-        this._forwardButton.classList.add("hidden");
-      }
-      const classNames = ["", "startHidden", "endHidden", "midle"];
-      const currentClass = classNames[Number(this._startHidden) | Number(this._endHidden) << 1];
-      classNames.forEach((name) => {
-        if (name !== currentClass && container.classList.contains(name)) {
-          container.classList.remove(name);
-        }
-      });
-      if (currentClass && !container.classList.contains(currentClass)) {
-        container.classList.add(currentClass);
-      }
-    }
-  }
-  domScrollHandler() {
-    window.clearTimeout(this._scrollCallBack);
-    this._scrollCallBack = window.setTimeout(() => { this.updateScroll(); }, 200);
-  }
-  setFocusedTab(index) {
-    window.clearTimeout(this._scrollCallBackTest);
-    this._scrollCallBackTest = window.setTimeout(() => {
-      const tabtoscroll = this._scrollContainer.querySelector(`#tab${index}`);
-      tabtoscroll.scrollIntoView();
-    }, 200);
-  }
-  getTextWidth(text) {
-    if (this._textMesurement === undefined) {
-      this._textMesurement = this._hostElem.shadowRoot.ownerDocument.createElement("canvas");
-    }
-    const context = this._textMesurement.getContext("2d");
-    context.font = "14px Sora, Algerian";
-    return Math.min(220, 24 + context.measureText(text).width) + "px";
-  }
-  ;
-  setFocusedBtn(visible, parameter) {
-    const tabsButtons = this._scrollContainer.querySelectorAll(".tab");
-    tabsButtons.forEach((el) => {
-      el.classList.remove("is-focused");
-      if (el.id === "tab" + parameter && visible) {
-        el.classList.add("is-focused");
-      }
-    });
-  }
-  render() {
-    return (h(Host, null, h("button", { class: "backward-button", ref: (el) => this._backwardButton = el, onClick: () => this.scrollBackward() }), h("div", { class: "scroll", ref: (el) => this._scrollContainer = el, onScroll: () => this.domScrollHandler(), onKeyDown: (ev) => this.setFocusedParam(ev) }, this._processedTabs.map((tab, index) => {
-      const labelStyle = { "min-width": this.getTextWidth(tab.label) };
-      const tabId = "tab" + index;
-      const isSelected = index === parseInt(this.selectedIndex) || (this.selectedTab && tab.tabKey === this.selectedTab);
-      if (isSelected) {
-        this.selectedTab = tab.tabKey;
-        this.selectedIndex = index.toString();
-      }
-      return h("button", { id: tabId, class: `tab${isSelected ? " is-active" : ""}`, onClick: () => this.handleTabClick(tab.tabKey, index), style: labelStyle }, h("span", { class: "tab-label", title: tab.label }, tab.label), h("slot", { name: tabId, onSlotchange: (ev) => { this.handleSlotChange(ev); } }));
-    })), h("button", { class: "forward-button", ref: (el) => this._forwardButton = el, onClick: () => this.scrollFoward() })));
-  }
-  get _hostElem() { return getElement(this); }
-};
-class Tab {
-  constructor(label, tabKey) {
-    this.label = label;
-    this.tabKey = tabKey;
-  }
-}
-EzTabselector.style = ezTabselectorCss;
-
-const ezTextAreaCss = ":host{--text-area--width:100%;--text-area--border-radius:var(--border--radius-medium, 12px);--text-area--font-size:var(--text--medium, 14px);--text-area--font-family:var(--font-pattern, Arial);--text-area--font-weight:var(--text-weight--large, 500);--text-area--color:var(--title--primary, #000);--text-area__input--background-color:var(--background--medium, #e0e0e0);--text-area__input--border:var(--border--medium, 2px solid);--text-area__input--border-color:var(--text-area__input--background-color);--text-area__input--focus--border-color:var(--color--primary, #008561);--text-area__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--text-area__input--disabled--color:var(--text--disable, #AFB6C0);--text-area__input--error--border-color:#CC2936;--text-area__message_box--font-size:var(--text--small, 12px);--text-area__message_box--info--color:var(--color--success, #22085d);--text-area__message_box--error--color:var(--color--error, #FF0000);--text-area__label--floating--top:6px;--text-area__label--padding-top:12px;--text-area__label--padding-left:14px;--text-area__label--padding-right:12px;display:flex;flex-wrap:wrap;position:relative;width:var(--text-area--width)}textarea{box-sizing:border-box;border:none;resize:none;margin-top:calc(var(--space--medium, 12px) + 4px);width:100%;font-weight:var(--text-weight--large, 600);font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);color:var(--text-area--color);padding:0;background:none}textarea:focus{outline:none}textarea:disabled{background-color:transparent;color:var(--text-area__input--disabled--color)}.textarea{width:100%;box-sizing:border-box;padding-left:var(--space--medium);padding-right:var(--space--extra-small);border-radius:var(--text-area--border-radius);border:var(--text-area__input--border);border-color:var(--text-area__input--border-color);background-color:var(--text-area__input--background-color)}.textarea--focus{border-color:var(--text-area__input--focus--border-color)}.textarea.hasError{color:var(--text-area--color);border-color:var(--text-area__input--error--border-color)}.message-box{min-height:16px;min-width:100%;margin-top:2px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--text-area--font-family);font-size:var(--text-area__message_box--font-size);color:var(--text-area__message_box--info--color)}.hasError{color:var(--text-area__message_box--error--color)}.textarea__label{box-sizing:border-box;position:absolute;z-index:var(--visible);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;width:calc(100% - var(--text-area__label--padding-right));left:var(--text-area--space--medium);font-family:var(--text-area--font-family);font-size:var(--text-area--font-size);font-weight:var(--text-area--font-weight);color:var(--text-area--color);top:var(--text-area__label--padding-top);left:var(--text-area__label--padding-left);padding-right:var(--text-area__label--padding-right)}.textarea__label--floated{font-family:var(--text-area--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--text-area__label--floating--top)}.textarea__label--disabled{color:var(--text-area__input--disabled--color)}";
-
-let EzTextArea = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ezChange = createEvent(this, "ezChange", 7);
-    /**
-     * Deixa o campo disponível ou não para digitação.
-     */
-    this.enabled = true;
-    /**
-     * Ajusta o número de linhas e consequentemente o height do textarea. Valor default: 4
-     */
-    this.rows = 4;
-  }
-  showError() {
-    const hasError = typeof this.errorMessage === 'string' && this.errorMessage !== '';
-    if (hasError) {
-      this._container.classList.add('hasError');
-      this._messageBoxElem.classList.add('hasError');
-    }
-    else {
-      this._container.classList.remove('hasError');
-      this._messageBoxElem.classList.remove('hasError');
-    }
-  }
-  updateInputValue() {
-    this._inputElem.value = this.value;
-    this.handleChange();
-    this.adjustFloatingLabel();
-    this.ezChange.emit(this.value);
-  }
-  adjustFloatingLabel() {
-    if (this.label) {
-      const hasValue = this.value && this.value.toString().length > 0;
-      const containsFloatedClass = this._labelElem.classList.contains("textarea__label--floated");
-      if (hasValue || this.isFocused()) {
-        if (!containsFloatedClass) {
-          this._labelElem.classList.add("textarea__label--floated");
-        }
-      }
-      else {
-        if (containsFloatedClass) {
-          this._labelElem.classList.remove("textarea__label--floated");
-        }
-      }
-    }
-  }
-  isFocused() {
-    return this._hostElement.shadowRoot.activeElement !== null;
-  }
-  //---------------------------------------------
-  // Public methods
-  //---------------------------------------------
-  /**
-   * Faz o foco no componente de input
-   */
-  async setFocus() {
-    this._inputElem.focus();
-  }
-  /**
-   * Remove o foco no componente de input
-   */
-  async setBlur() {
-    this._inputElem.blur();
-  }
-  //---------------------------------------------
-  // Event handlers
-  //---------------------------------------------
-  handleFocusout() {
-    this.adjustFloatingLabel();
-    if (this._container && this._container.classList.contains("textarea--focus")) {
-      this._container.classList.remove("textarea--focus");
-    }
-  }
-  handleChange() {
-    this.value = this._inputElem.value;
-  }
-  handleFocus() {
-    if (this.label && this._labelElem && !this._labelElem.classList.contains("textarea__label--floated")) {
-      this._labelElem.classList.add("textarea__label--floated");
-    }
-    if (this._container && !this._container.classList.contains("textarea--focus")) {
-      this._container.classList.add("textarea--focus");
-    }
-  }
-  //---------------------------------------------
-  // Lifecycle web component
-  //---------------------------------------------
-  componentDidLoad() {
-    this.showError();
-    this.adjustFloatingLabel();
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "textarea", ref: (el) => this._container = el }, this.label ?
-      h("label", { ref: (el) => this._labelElem = el, class: this.enabled ? "textarea__label" : "textarea__label textarea__label--disabled", onClick: () => this._inputElem.focus(), title: this.label }, this.label)
-      : null, h("textarea", { onFocus: () => this.handleFocus(), ref: (el) => this._inputElem = el, value: this.value, disabled: !this.enabled, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); }, onKeyDown: event => event.stopPropagation(), rows: this.rows })), h("span", { class: "message-box", ref: (el) => this._messageBoxElem = el, title: this.errorMessage }, this.errorMessage)));
-  }
-  get _hostElement() { return getElement(this); }
-  static get watchers() { return {
-    "errorMessage": ["showError"],
-    "value": ["updateInputValue"]
-  }; }
-};
-EzTextArea.style = ezTextAreaCss;
-
-const ezTextInputCss = ":host{--ez-text-input--height:42px;--ez-text-input--width:100%;--ez-text-input__icon--width:48px;--ez-text-input--border-radius:var(--border--radius-medium, 12px);--ez-text-input--font-size:var(--text--medium, 14px);--ez-text-input--font-family:var(--font-pattern, Arial);--ez-text-input--font-weight:var(--text-weight--large, 500);--ez-text-input--color:var(--title--primary, #000);--ez-text-input__input--background-color:var(--background--medium, #e0e0e0);--ez-text-input__input--border:var(--border--medium, 2px solid);--ez-text-input__input--border-color:var(--ez-text-input__input--background-color);--ez-text-input__input--focus--border-color:var(--color--alert-cold-800, #042EFF);--ez-text-input__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-text-input__input--disabled--color:var(--text--disable, #AFB6C0);--ez-text-input__input--error--border-color:#CC2936;--ez-text-input__message_box--font-size:var(--text--small, 12px);--ez-text-input__message_box--info--color:var(--color--success, #22085d);--ez-text-input__message_box--error--color:var(--color--error, #FF0000);--ez-text-input__label--floating--top:6px;--ez-text-input__label--padding-top:12px;--ez-text-input__label--padding-left:14px;--ez-text-input__label--padding-right:12px;display:flex;flex-wrap:wrap;position:relative;width:var(--ez-text-input--width)}input{width:100%;box-sizing:border-box;padding:var(--space--medium, 6px);font-weight:var(--text-weight--large, 600);height:var(--ez-text-input--height);border-radius:var(--ez-text-input--border-radius);font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);border:var(--ez-text-input__input--border);border-color:var(--ez-text-input__input--border-color);background-color:var(--ez-text-input__input--background-color);color:var(--ez-text-input--color)}input:disabled{background-color:var(--ez-text-input__input--disabled--background-color);color:var(--ez-text-input__input--disabled--color)}input:focus{outline:none;border-color:var(--ez-text-input__input--focus--border-color)}input.icon--left{padding-left:var(--ez-text-input__icon--width)}input.icon--right{padding-right:var(--ez-text-input__icon--width)}input.hasError{color:var(--ez-text-input--color);border-color:var(--ez-text-input__input--error--border-color)}input.text--right{text-align:right}.message-box{display:flex;min-height:16px;min-width:100%;margin-top:2px;line-height:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input__message_box--font-size);color:var(--ez-text-input__message_box--info--color)}.hasError{color:var(--ez-text-input__message_box--error--color)}.input__label{box-sizing:border-box;position:absolute;z-index:var(--visible);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;width:calc(100% - var(--ez-text-input__label--padding-right));left:var(--ez-text-input--space--medium);font-family:var(--ez-text-input--font-family);font-size:var(--ez-text-input--font-size);font-weight:var(--ez-text-input--font-weight);color:var(--ez-text-input--color);top:var(--ez-text-input__label--padding-top);left:var(--ez-text-input__label--padding-left);padding-right:var(--ez-text-input__label--padding-right)}.input__label--floated{font-family:var(--ez-text-input--font-family);font-size:var(--text--extra-small);color:var(--text--primary);top:var(--ez-text-input__label--floating--top)}.input__label--disabled{color:var(--ez-text-input__input--disabled--color)}.input__label--left{text-align:left;left:calc(var(--ez-text-input__icon--width) + 2px);width:calc(100% - var(--ez-text-input__icon--width))}.input__label--right{right:var(--ez-text-input__icon--width);width:calc(100% - var(--ez-text-input__icon--width))}.input__label--left.input__label--right{left:calc(var(--ez-text-input__icon--width) + 2px);width:calc(100% - var(--ez-text-input__icon--width) * 2)}.input--with--label{padding-bottom:0}";
-
-let EzTextInput = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ezChange = createEvent(this, "ezChange", 7);
-    /**
-     * Deixa o campo disponível ou não para digitação.
-     */
-    this.enabled = true;
-  }
-  showError() {
-    const hasError = typeof this.errorMessage === "string" && this.errorMessage !== "";
-    if (hasError) {
-      this._inputElem.classList.add("hasError");
-      this._messageBoxElem.classList.add("hasError");
-    }
-    else {
-      this._inputElem.classList.remove("hasError");
-      this._messageBoxElem.classList.remove("hasError");
-    }
-  }
-  prepareMask() {
-    if (this.mask) {
-      if (this._maskFormatter == undefined) {
-        this._maskFormatter = new MaskFormatter(this.mask);
-      }
-      else {
-        this._maskFormatter.mask = this.mask;
-      }
-    }
-  }
-  updateInputValue() {
-    if (this._inputElem) {
-      this._inputElem.value = this.value;
-    }
-    this.handleChange();
-    this.ezChange.emit(this.value);
-    this.adjustFloatingLabel();
-  }
-  adjustFloatingLabel() {
-    if (this.label && this._labelElem) {
-      if (this._inputElem && !this._inputElem.classList.contains("input--with--label")) {
-        this._inputElem.classList.add("input--with--label");
-      }
-      const hasValue = this.value && this.value.toString().length > 0;
-      const containsFloatedClass = this._labelElem.classList.contains("input__label--floated");
-      if (hasValue || this.isFocused()) {
-        if (!containsFloatedClass) {
-          this._labelElem.classList.add("input__label--floated");
-        }
-      }
-      else {
-        if (containsFloatedClass) {
-          this._labelElem.classList.remove("input__label--floated");
-        }
-      }
-    }
-  }
-  isFocused() {
-    return this._hostElement.shadowRoot.activeElement !== null;
-  }
-  //---------------------------------------------
-  // Public methods
-  //---------------------------------------------
-  /**
-   * Faz o foco no componente de input
-   */
-  async setFocus() {
-    this._inputElem.focus();
-  }
-  /**
-   * Remove o foco no componente de input
-   */
-  async setBlur() {
-    this._inputElem.blur();
-  }
-  //---------------------------------------------
-  // Event handlers
-  //---------------------------------------------
-  handleFocusout() {
-    const value = this._inputElem.value;
-    if (value && this._maskFormatter) {
-      try {
-        this._inputElem.value = this._maskFormatter.format(value);
-      }
-      catch (e) {
-        this.errorMessage = e.message;
-      }
-    }
-    this.value = this._inputElem.value;
-    this.adjustFloatingLabel();
-  }
-  isValidValue(value) {
-    if (this.restrict) {
-      return Array.from(value).reduce((valid, c) => valid && this.restrict.indexOf(c) > -1, true);
-    }
-    return true;
-  }
-  handleChange() {
-    if (!this._inputElem) {
-      return;
-    }
-    const value = this._inputElem.value;
-    if (this.isValidValue(value)) {
-      this._lastValidValue = value;
-    }
-    else {
-      this._inputElem.value = this._lastValidValue === undefined ? "" : this._lastValidValue;
-    }
-    this.value = this._inputElem.value;
-  }
-  handleSlotChange(ev) {
-    const slot = ev.target;
-    const content = slot.assignedElements()[0];
-    if (content) {
-      content.style.position = "absolute";
-      content.style.display = "flex";
-      content.style.alignItems = "center";
-      content.style.justifyContent = "center";
-      content.style.overflow = "hidden";
-      content.style.top = "0px";
-      content.style.width = "var(--ez-text-input__icon--width)";
-      content.style.height = "var(--ez-text-input--height)";
-      if (slot.name == "leftIcon") {
-        content.style.left = "0px";
-        content.style.borderRadius = "var(--ez-text-input--border-radius) 0 0 var(--ez-text-input--border-radius)";
-        this._inputElem.classList.add("icon--left");
-        if (this._labelElem) {
-          this._labelElem.classList.add("input__label--left");
-        }
-      }
-      else if (slot.name == "rightIcon") {
-        content.style.right = "0px";
-        content.style.borderRadius = "0 var(--ez-text-input--border-radius) var(--ez-text-input--border-radius) 0";
-        this._inputElem.classList.add("icon--right");
-        if (this._labelElem) {
-          this._labelElem.classList.add("input__label--right");
-        }
-      }
-    }
-    this.showError();
-  }
-  doFocus() {
-    if (this.label && this._labelElem && !this._labelElem.classList.contains("input__label--floated")) {
-      this._labelElem.classList.add("input__label--floated");
-    }
-  }
-  //---------------------------------------------
-  // Lifecycle web component
-  //---------------------------------------------
-  componentDidLoad() {
-    this.showError();
-    this.prepareMask();
-    this.adjustFloatingLabel();
-  }
-  componentWillLoad() {
-    this.prepareMask();
-    if (this.value) {
-      if (this._maskFormatter) {
-        try {
-          this.value = this._maskFormatter.format(this.value);
-        }
-        catch (e) {
-          this.errorMessage = e.message;
-        }
-      }
-      if (!this.isValidValue(this.value)) {
-        this._lastValidValue = "";
-        this.value = "";
-      }
-    }
-  }
-  render() {
-    return (h(Host, null, h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), this.label ?
-      h("label", { ref: (el) => this._labelElem = el, class: this.enabled ? "input__label" : "input__label input__label--disabled", onClick: () => this._inputElem.focus(), title: this.label }, this.label)
-      : null, h("input", { onFocus: () => this.doFocus(), ref: (el) => this._inputElem = el, type: "text", value: this.value, disabled: !this.enabled, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); } }), h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }), h("span", { class: "message-box", ref: (el) => this._messageBoxElem = el, title: this.errorMessage }, this.errorMessage)));
-  }
-  get _hostElement() { return getElement(this); }
-  static get watchers() { return {
-    "errorMessage": ["showError"],
-    "mask": ["prepareMask"],
-    "value": ["updateInputValue"]
-  }; }
-};
-EzTextInput.style = ezTextInputCss;
-
-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));
-    });
-  }
-}
-
-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;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}.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._filePointers = new Map();
-    /**
-    * Deixa o campo disponível ou não para digitação.
-    */
-    this.enabled = true;
-  }
-  changeValue(newValue) {
-    if (newValue !== this._updatingValue) {
-      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));
-    }
-  }
-  normalizeRequestHeaders() {
-    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));
-  }
-  async addFile(file) {
-    const oldFile = this._filePointers.get(file.name);
-    if (oldFile) {
-      Application.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) {
-    if (this.validateFile(file)) {
-      const uploadingFile = new RemoteFile(file);
-      this._filePointers.set(file.name, uploadingFile);
-      uploadingFile.upload(this.urlUpload, this._requestHeaders, (file) => this.updateFeedback(file))
-        .then((files) => files.forEach(ezFile => this.finishUpload(ezFile)))
-        .catch(msg => this.showError(msg));
-      forceUpdate(this);
-    }
-  }
-  finishUpload(ezFile) {
-    this._filePointers.set(ezFile.name, ezFile);
-    this.updateValue();
-  }
-  updateValue() {
-    this._updatingValue = [];
-    this._filePointers.forEach(f => {
-      if (!this.isRemoteFile(f)) {
-        this._updatingValue.push(f);
-      }
-    });
-    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) {
-    Application.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, hidden: true })));
-  }
-  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": ["changeValue"],
-    "requestHeaders": ["normalizeRequestHeaders"]
-  }; }
-};
-EzUpload.style = ezUploadCss;
-
-let FormMetadata = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  buildField(element) {
-    let label = element.getAttribute("label");
-    let name = element.getAttribute("name") || label;
-    let userInterface = element.getAttribute("ui") || "SHORTTEXT";
-    let properties = [];
-    if (userInterface === "OPTIONSELECTOR") {
-      if (!label) {
-        label = "Selecione uma das opções:";
-      }
-      const objOpts = {};
-      Array.from(element.getElementsByTagName("OPTION")).forEach((optElem, index) => {
-        const optValue = optElem.getAttribute("value") || index;
-        const optLabel = optElem.textContent;
-        objOpts[optValue] = optLabel;
-      });
-      properties.push({ name: "options", value: JSON.stringify(objOpts) });
-    }
-    else if (userInterface === "FILE") {
-      const urlElement = element.querySelector("URL");
-      const headersElement = element.querySelectorAll("HEADERS>HEADER");
-      if (urlElement) {
-        properties.push({ name: "URL", value: urlElement.textContent });
-      }
-      if (headersElement && headersElement.length > 0) {
-        const headers = {};
-        headersElement.forEach(header => {
-          headers[header.getAttribute("name")] = header.textContent;
-        });
-        properties.push({ name: "HEADERS", value: JSON.stringify(headers) });
-      }
-      this.addPropertyIfExists(properties, element, "maxfiles");
-    }
-    else {
-      if (!label) {
-        label = element.textContent;
-      }
-      this.addPropertyIfExists(properties, element, "precision");
-      this.addPropertyIfExists(properties, element, "prettyprecision");
-    }
-    const defaultValue = element.getAttribute("defaultValue");
-    const required = element.getAttribute("required") === "true";
-    const readOnly = element.getAttribute("readonly") === "true";
-    return { name, userInterface, label, defaultValue, required, readOnly, properties };
-  }
-  addPropertyIfExists(properties, element, name) {
-    const value = element.getAttribute(name);
-    if (value) {
-      properties.push({ name, value });
-    }
-  }
-  buildFieldSet(dataUnit, element) {
-    const label = element.getAttribute("label");
-    const fields = Array.from(element.getElementsByTagName("FIELD")).map(f => {
-      const field = this.buildField(f);
-      dataUnit.addFieldMetadata(field);
-      return { name: field.name };
-    });
-    return { label, fields };
-  }
-  fromElements(elements, label, name, dataUnit, autoLoad) {
-    const form = {
-      name: name || label,
-      dataUnit,
-      label,
-      autoLoad
-    };
-    Array.from(elements).forEach(child => {
-      const tagName = child.tagName.toUpperCase();
-      switch (tagName) {
-        case "FIELD":
-          if (!form.items) {
-            form.items = [];
-          }
-          const f = this.buildField(child);
-          dataUnit.addFieldMetadata(f);
-          form.items.push({ name: f.name });
-          break;
-        case "FIELD-SET":
-          if (!form.items) {
-            form.items = [];
-          }
-          form.items.push(this.buildFieldSet(dataUnit, child));
-          break;
-        case "SUB-FORM":
-          if (!form.subForms) {
-            form.subForms = [];
-          }
-          const label = child.getAttribute("label") || "Subform " + (form.subForms.length + 1);
-          const name = child.getAttribute("name") || label;
-          const subDuName = child.getAttribute("dataunit");
-          let subDu;
-          if (subDuName) {
-            subDu = new DataUnit(subDuName, "noname", child.hasAttribute("many") ? "N" : "1");
-          }
-          else {
-            subDu = dataUnit;
-          }
-          form.subForms.push(this.fromElements(child.children, label, name, subDu, child.getAttribute("autoload") === "true"));
-          break;
-      }
-    });
-    return form;
-  }
-  connectedCallback() {
-    if (!this.dataunit) {
-      this.dataunit = "dataunit_" + (this.name || this.label || new Date().getTime());
-    }
-    const du = new DataUnit(this.dataunit, "noname", this.many ? "N" : "1");
-    this.metadata = this.fromElements(this._host.children, this.label, this.name, du, this.autoload);
-  }
-  render() {
-    return h(Host, null);
-  }
-  get _host() { return getElement(this); }
-};
-
-const placeHolderCss = ":host{display:flex;width:100%;height:42px;border-radius:12px;background:var(--background--medium);background-image:linear-gradient(to right, var(--background--medium) 0%, var(--background--strong) 20%, var(--background--medium) 40%, var(--background--medium) 100%);background-repeat:no-repeat;background-size:800px 1000px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeholderShimmer;animation-timing-function:linear}@keyframes placeholderShimmer{0%{background-position:-800px 0}100%{background-position:800px 0}}";
-
-let PlaceHolder = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return h(Host, null);
-  }
-};
-PlaceHolder.style = placeHolderCss;
-
-export { EzButton as ez_button, EzCalendar as ez_calendar, EzCheck as ez_check, EzCollapsibleBox as ez_collapsible_box, EzComboBox as ez_combo_box, EzDateInput as ez_date_input, EzForm as ez_form, EzIcon as ez_icon, EzNumericInput as ez_numeric_input, EzSearch as ez_search, EzTabselector as ez_tabselector, EzTextArea as ez_text_area, EzTextInput as ez_text_input, EzUpload as ez_upload, FormMetadata as form_metadata, PlaceHolder as place_holder };