@sankhyalabs/ezui 1.1.104 → 1.1.107

package/dist/custom-elements/index.js

@@ -117,1580 +117,1580 @@ let EzButton$1 = class extends HTMLElement$1 {
   static get style() { return ezButtonCss; }
 };
 
-/**
- * Classe com utiliários comuns para Strings.
- */
-class StringUtils {
-    /**
-     * Verifica se a string está vazia.
-     * Valores null e undefined são considerados como vazio.
-     *
-     * @param value  String para ser validada.
-    */
-    static isEmpty(value) {
-        if (value == undefined || value === null) {
-            return true;
-        }
-        value = value.toString();
-        value = value.trim();
-        if (value.length === 0) {
-            return true;
-        }
-        return false;
-    }
-    /**
-     * Remove acentos de vogais, substitui Ç por c e retorna a string em caixa alta.
-     *
-     * @param value  String para ser transformada.
-    */
-    static replaceAccentuatedChars(text) {
-        text = text.toUpperCase();
-        text = text.replace(/[À]/, "A");
-        text = text.replace(/[Á]/, "A");
-        text = text.replace(/[Â]/, "A");
-        text = text.replace(/[Ã]/, "A");
-        text = text.replace(/[Ä]/, "A");
-        text = text.replace(/[È]/, "E");
-        text = text.replace(/[É]/, "E");
-        text = text.replace(/[Ê]/, "E");
-        text = text.replace(/[Ë]/, "E");
-        text = text.replace(/[Ì]/, "I");
-        text = text.replace(/[Í]/, "I");
-        text = text.replace(/[Î]/, "I");
-        text = text.replace(/[Ï]/, "I");
-        text = text.replace(/[Ò]/, "O");
-        text = text.replace(/[Ó]/, "O");
-        text = text.replace(/[Ô]/, "O");
-        text = text.replace(/[Ö]/, "O");
-        text = text.replace(/[Ù]/, "U");
-        text = text.replace(/[Ú]/, "U");
-        text = text.replace(/[Û]/, "U");
-        text = text.replace(/[Ü]/, "U");
-        text = text.replace(/[Ç]/, "C");
-        return text.replace(/[^a-z0-9]/gi, '');
-    }
-}
-
-const NUMBERINPUTS_REGEX_SCIENTIFIC_PARTS = /^([+-])?(\d+).?(\d*)[eE]([-+]?\d+)$/;
-/**
- * `NumberUtils` é uma biblioteca para manipulação de números
- *
- * `Métodos`:
- *
- * @stringToNumber: converte um número em formato de string em um valor numérico nativo do javascript
- * @format: arredonda um número em formato de string baseado nos parâmetros "presision" e "prettyPrecision";
- */
-class NumberUtils {
-}
-/**
-* @stringToNumber: converte um numero em formato de string em numero
-*
-* @param value numero em formato de string a ser convertido (Importante: formato PT-BR ou já em formato numérico: ######.##)
-*
-* @returns string based number
-*
-* @Exemples
-* @"100,12"     |       100.12
-* @"100.12"     |       100.12
-* @"-100,12"    |       -100.12
-* @"R$100,12"   |       100.12
-* @"-R$100,12"  |       -100.12
-* @"string"     |       NaN
-*/
-NumberUtils.stringToNumber = (value) => {
-    if (value === '' || value === null || value === undefined) {
-        return NaN;
-    }
-    if (value) {
-        value = value.toString();
-        var negative = (value.charAt(0) === '-');
-        if (!NUMBERINPUTS_REGEX_SCIENTIFIC_PARTS.test(value)) {
-            value = value.replace(/[^\d.,]/g, '');
-        }
-        else {
-            value = value.replace(/^-/g, '');
-        }
-        //In case of simple string such as: "@@@@@@@"
-        if (value === '') {
-            return Number(NaN);
-        }
-        var indexV = value.indexOf(',');
-        var indexP = value.indexOf('.');
-        if (indexP > indexV) {
-            value = value.replace(',', '');
-        }
-        else if (indexP < indexV) {
-            value = value.replace(/\./g, '@').replace(',', '.').replace(/@/g, '');
-        }
-        if (negative) {
-            value = '-' + value;
-        }
-    }
-    return Number(value);
-};
-/**
-* @format: converte um numero em formato de string em um numero em formato de string formatado de acordo com os parametros de "precision" e "prettyPrecision"
-*
-* @param value numero em formato de string a ser convertido (Importante: formato PT-BR ou já em formato numérico<sem separadors de milhares>: ######.##)
-* @param precision (numero de decimais)
-* @param prettyPrecision (numero de zeros nos decimais)
-*
-* @returns numero em formato de string formatado em PT-BR
-*/
-NumberUtils.format = (value, precision, prettyPrecision = NaN) => {
-    if (value === '' || value === undefined || value === "NaN") {
-        return NaN.toString();
-    }
-    let newValue = NumberUtils.stringToNumber(value);
-    if (newValue === NaN) {
-        return NaN.toString();
-    }
-    //Validation "precision":
-    // Case1: precision < 0 => does not use precision
-    // Case2: presicion not int => does not use precision
-    if (precision < 0 || Math.abs(Math.round(precision * 1) / 1) !== precision) {
-        //Once stringToNumber returns number format, we need to change to pt-br
-        return NumberUtils.changeFormat(newValue.toString());
-    }
-    //Validation "prettyPrecision"
-    let prettyPrecisionInternal = 0;
-    // Case1: prettyPrecision < 0 => prettyPrecision does not change de format that means: prettyPrecisionInternal = precision;
-    // Case2: prettyPrecision not int => prettyPrecision does not change de format that means: prettyPrecisionInternal = precision;
-    if (prettyPrecision === NaN || Math.abs(Math.round(prettyPrecision * 1) / 1) !== prettyPrecision) {
-        prettyPrecisionInternal = precision;
-    }
-    else {
-        prettyPrecisionInternal = prettyPrecision;
-    }
-    let newValueStr;
-    newValueStr = (Math.round(newValue * Math.pow(10, precision)) / Math.pow(10, precision)).toLocaleString('pt-br', { minimumFractionDigits: precision });
-    //prettyPrecision
-    const varSettingPP = precision - prettyPrecisionInternal;
-    if (varSettingPP > 0) {
-        for (let i = 0; i < varSettingPP; i++) {
-            if (newValueStr.substring(newValueStr.length - 1) == "0" && precision > 0) {
-                newValueStr = newValueStr.substring(0, newValueStr.length - 1);
-            }
-        }
-    }
-    //in Case "." or "," in the end of the string
-    if (newValueStr.substring(newValueStr.length - 1) == "." || newValueStr.substring(newValueStr.length - 1) == ",") {
-        newValueStr = newValueStr.substring(0, newValueStr.length - 1);
-    }
-    return newValueStr;
-};
-/**
-* @keepOnlyDecimalSeparator: retira os separadores de milhar de um número em formato de string
-*
-* @param value numero em formato de string a ser convertido
-* @param formatnumber (formatação de ENTRADA e SAÍDA do utilitário: pt-BR="###.###,##" en-US="###,###.##"; Default: "pt-BR")
-*
-* @returns numero em formato de string formatado apenas com separador decimal
-*/
-NumberUtils.keepOnlyDecimalSeparator = (value, formatnumber = 'pt-BR') => {
-    //Formatting formatnumber to be able to get lowercases
-    formatnumber = formatnumber.toUpperCase();
-    //Formatting value following formatnumber parameter
-    //keep only decimal character in order to correct format the string
-    //This transformation is due the "stringtoNumber" method is a general method that tries to convert all formated strings
-    if (formatnumber === 'EN-US') {
-        value = value.replace(/\,/g, '');
-    }
-    else {
-        value = value.replace(/\./g, '');
-    }
-    return value;
-};
-/**
-* @changeFormat: troca o formato do numero string de "PT-BR" para "EN-US" e vice-versa
-*
-* @param value numero em formato de string a ser convertido
-*
-* @returns numero em formato de string formatado de "PT-BR" para "EN-US" e vice-versa
-*/
-NumberUtils.changeFormat = (value) => {
-    //Formatting output following formatnumber
-    return value.replace(/\./g, '_').replace(/\,/g, '.').replace(/\_/g, ',');
-};
-
-/**
- * `MaskFormatter` é usado para formatar strings. Seu comportamento
- * é controlado pela formato do atributo `mask` que especifica quais
- * caracteres são válidos e onde devem estar posicionados, intercalando-os
- * com eventuais caracteres literais expressados no padrão informado.
- * Sua implementação é inspirada pela implementação em Java do [MaskFormatter](https://docs.oracle.com/javase/7/docs/api/javax/swing/text/MaskFormatter.html).
- *
- * Para o padrão da máscara podem ser usados os seguintes caracteres especiais:
- *
- * | Caractere | Comportamento                                                                                               |
- * |:---------:|-------------------------------------------------------------------------------------------------------------|
- * | #         | Qualquer número                                                                                             |
- * | '         | "Escapa" o caractere que vem na sequência. Útil quando desejamos converter um caractere especial em literal.|
- * | U         | Qualquer letra. Transforma letras maiúsculas em maiúsculas.                                                 |
- * | L         | Qualquer letra. Transforma letras maiúsculas em minúsculas.                                                 |
- * | A         | Qualquer letra ou número.                                                                                   |
- * | ?         | Qualquer letra. Preserva maiúsculas e minúsculas.                                                           |
- * | *         | Qualquer caractere.                                                                                         |
- *
- * Os demais caracteres presentes no padrão serão tratados como literais, isto é,
- * serão apenas inseridos naquela posição.
- *
- * Quando o o valor a ser formatado é menor que a máscara um 'placeHolder'
- * será inserido em cada posição ausente, completando a formatação.
- * Por padrão será usado um espaço em branco como 'placeHolder' mas
- * esse valor pode ser alterado.
- *
- * For por exemplo:
- * '''
- *    const formatter: MaskFormatter = new MaskFormatter("###-####");
- *    formatter.placeholder = '_';
- *    console.log(formatter.format("123"));
- * '''
- * resultaria na string '123-____'.
- *
- * ##Veja mais alguns exemplos:
- * |Padrão          |Máscara           |Entrada       |Saída             |
- * |----------------|------------------|--------------|------------------|
- * |Telefone        |(##) ####-####    |3432192515    |(34) 3219-2515    |
- * |CPF             |###.###.###-##    |12345678901   |123.456.789-01    |
- * |CNPJ            |##.###.###/####-##|12345678901234|12.345.678/9012-34|
- * |CEP             |##.###-###        |12345678      |12.345-678        |
- * |PLACA (veículo) |UUU-####          |abc1234       |ABC-1234          |
- * |Cor RGB         |'#AAAAAA          |00000F0       |#0000F0           |
- *
- */
-class MaskFormatter {
-    constructor(mask) {
-        this._mask = '';
-        this._maskChars = new Array();
-        /**
-         * Determina qual caractere será usado dos caracteres não presentes no valor
-         * ou seja, aqueles que o usuário ainda não informou. Por padrão usamos um espaço
-         */
-        this.placeholder = ' ';
-        this.mask = mask;
-    }
-    /**
-     * Setter para mask. Trata-se do padrão que se espera ao formatar o texto.
-     */
-    set mask(mask) {
-        this._mask = mask;
-        this.updateInternalMask();
-    }
-    /**
-     * Getter para mask
-     *
-     * @return A última máscara informada.
-     */
-    get mask() {
-        return this._mask;
-    }
-    /**
-     * Formata a string passada baseada na máscara definda pelo atributo mask.
-     *
-     * @param value Valor a ser formatado
-     * @return O valor processado de acordo com o padrão
-     */
-    format(value) {
-        let result = '';
-        const index = [0];
-        let counter = 0;
-        const maxCounter = this._maskChars.length;
-        while (counter < maxCounter) {
-            result = this._maskChars[counter].append(result, value, index);
-            counter++;
-        }
-        return result;
-    }
-    /**
-     * Preparamos a formatação internamente de acordo com o padrão.
-     */
-    updateInternalMask() {
-        this._maskChars.length = 0;
-        if (this.mask != null) {
-            let counter = 0;
-            const maxCounter = this.mask.length;
-            while (counter < maxCounter) {
-                let maskChar = this.mask.charAt(counter);
-                switch (maskChar) {
-                    case MaskFormatter.DIGIT_KEY:
-                        this._maskChars.push(new MaskFormatter.DigitMaskCharacter(this, maskChar));
-                        break;
-                    case MaskFormatter.LITERAL_KEY:
-                        if (++counter < maxCounter) {
-                            maskChar = this.mask.charAt(counter);
-                            this._maskChars.push(new MaskFormatter.LiteralCharacter(this, maskChar));
-                        }
-                        break;
-                    case MaskFormatter.UPPERCASE_KEY:
-                        this._maskChars.push(new MaskFormatter.UpperCaseCharacter(this, maskChar));
-                        break;
-                    case MaskFormatter.LOWERCASE_KEY:
-                        this._maskChars.push(new MaskFormatter.LowerCaseCharacter(this, maskChar));
-                        break;
-                    case MaskFormatter.ALPHA_NUMERIC_KEY:
-                        this._maskChars.push(new MaskFormatter.AlphaNumericCharacter(this, maskChar));
-                        break;
-                    case MaskFormatter.CHARACTER_KEY:
-                        this._maskChars.push(new MaskFormatter.CharCharacter(this, maskChar));
-                        break;
-                    case MaskFormatter.ANYTHING_KEY:
-                        this._maskChars.push(new MaskFormatter.MaskCharacter(this, maskChar));
-                        break;
-                    default:
-                        this._maskChars.push(new MaskFormatter.LiteralCharacter(this, maskChar));
-                        break;
-                }
-                counter++;
-            }
-        }
-    }
-}
-MaskFormatter.DIGIT_KEY = "#";
-MaskFormatter.LITERAL_KEY = "'";
-MaskFormatter.UPPERCASE_KEY = "U";
-MaskFormatter.LOWERCASE_KEY = "L";
-MaskFormatter.ALPHA_NUMERIC_KEY = "A";
-MaskFormatter.CHARACTER_KEY = "?";
-MaskFormatter.ANYTHING_KEY = "*";
-//
-// Classes internas usadas para representar a máscara.
-//
-MaskFormatter.MaskCharacter = class {
-    constructor(maskFormatter, type) {
-        this.maskFormatter = maskFormatter;
-        this.type = type;
-    }
-    /**
-     * Cada subclasse deve sobrescrever o retornando true, caso represente
-     * um caractere literal. Por padrão o retorno é false.
-     */
-    isLiteral() {
-        return false;
-    }
-    /**
-     * Returns true if <code>aChar</code> is a valid reprensentation of
-     * the receiver. The default implementation returns true if the
-     * receiver represents a literal character and <code>getChar</code>
-     * == aChar. Otherwise, this will return true is <code>aChar</code>
-     * is contained in the valid characters and not contained
-     * in the invalid characters.
-     */
-    isValidCharacter(aChar) {
-        if (this.isLiteral()) {
-            return (this.getChar(aChar) == aChar);
-        }
-        aChar = this.getChar(aChar);
-        return true;
-    }
-    /**
-     * Returns the character to insert for <code>aChar</code>. The
-     * default implementation returns <code>aChar</code>. Subclasses
-     * that wish to do some sort of mapping, perhaps lower case to upper
-     * case should override this and do the necessary mapping.
-     */
-    getChar(aChar) {
-        return aChar;
-    }
-    /**
-     * Appends the necessary character in <code>formatting</code> at
-     * <code>index</code> to <code>buff</code>.
-     */
-    append(result, formatting, index) {
-        const inString = index[0] < formatting.length;
-        const aChar = inString ? formatting.charAt(index[0]) : '';
-        if (this.isLiteral()) {
-            const literal = this.getChar(aChar);
-            result += literal;
-            if (literal === aChar) {
-                index[0] = index[0] + 1;
-            }
-        }
-        else if (index[0] >= formatting.length) {
-            result += this.maskFormatter.placeholder;
-            index[0] = index[0] + 1;
-        }
-        else if (this.isValidCharacter(aChar)) {
-            result += this.getChar(aChar);
-            index[0] = index[0] + 1;
-        }
-        else {
-            throw new Error(`Valor inválido: "${aChar}". Na posição ${index[0] + 1} espera-se ${this.getFormatMessage()}.`);
-        }
-        return result;
-    }
-    getFormatMessage() {
-        let message;
-        switch (this.type) {
-            case MaskFormatter.UPPERCASE_KEY:
-            case MaskFormatter.LOWERCASE_KEY:
-            case MaskFormatter.CHARACTER_KEY:
-                message = 'uma letra';
-                break;
-            case MaskFormatter.DIGIT_KEY:
-                message = 'um número';
-                break;
-            case MaskFormatter.ALPHA_NUMERIC_KEY:
-                message = 'uma letra ou um número';
-                break;
-            default:
-                message = '';
-        }
-        return message;
-    }
-};
-MaskFormatter.LiteralCharacter = class extends MaskFormatter.MaskCharacter {
-    constructor(maskFormatter, fixedChar) {
-        super(maskFormatter, fixedChar);
-        this._fixedChar = fixedChar;
-    }
-    isLiteral() {
-        return true;
-    }
-    getChar(aChar) {
-        return this._fixedChar;
-    }
-};
-MaskFormatter.DigitMaskCharacter = class extends MaskFormatter.MaskCharacter {
-    isValidCharacter(aChar) {
-        return (this.isDigit(aChar) && super.isValidCharacter(aChar));
-    }
-    isDigit(char) {
-        return char >= '0' && char <= '9';
-    }
-};
-MaskFormatter.UpperCaseCharacter = class extends MaskFormatter.MaskCharacter {
-    isValidCharacter(aChar) {
-        return (/[a-z]/i.test(aChar) && super.isValidCharacter(aChar));
-    }
-    getChar(aChar) {
-        return aChar.toUpperCase();
-    }
-};
-MaskFormatter.LowerCaseCharacter = class extends MaskFormatter.MaskCharacter {
-    isValidCharacter(aChar) {
-        return (/[a-z]/i.test(aChar) && super.isValidCharacter(aChar));
-    }
-    getChar(aChar) {
-        return aChar.toLocaleLowerCase();
-    }
-};
-MaskFormatter.AlphaNumericCharacter = class extends MaskFormatter.MaskCharacter {
-    isValidCharacter(aChar) {
-        //FIXME: talvez seja problema usar regex aqui... avaliar se existe forma mais barata
-        return (/[a-z0-9]/i.test(aChar)) && super.isValidCharacter(aChar);
-    }
-};
-MaskFormatter.CharCharacter = class extends MaskFormatter.MaskCharacter {
-    isValidCharacter(aChar) {
-        //FIXME: talvez seja problema usar regex aqui... avaliar se existe forma mais barata
-        return (/[a-z]/i.test(aChar) && super.isValidCharacter(aChar));
-    }
-};
-
-class FloatingEntry {
-    constructor(parent, content, opts) {
-        try {
-            this.weakRefParent = new WeakRef(parent);
-            this.weakRefContent = new WeakRef(content);
-        }
-        catch (error) {
-            this.strongRefParent = parent;
-            this.strongRefContent = content;
-        }
-        this.options = opts;
-    }
-    get parent() {
-        if (this.weakRefParent) {
-            return this.weakRefParent.deref();
-        }
-        return this.strongRefParent;
-    }
-    get content() {
-        if (this.weakRefContent) {
-            return this.weakRefContent.deref();
-        }
-        return this.strongRefContent;
-    }
-}
-class FloatingManager {
-    static init() {
-        FloatingManager.entries = [];
-        document.addEventListener('mousedown', FloatingManager.handleDocumentEvent);
-        document.addEventListener('keydown', FloatingManager.handleKeyboardEvent);
-        FloatingManager.initialized = true;
-    }
-    static innerClick(container, node) {
-        if (container.contains(node)) {
-            return true;
-        }
-        if (container.shadowRoot && container.shadowRoot.contains(node)) {
-            return true;
-        }
-        return false;
-    }
-    static doClose(id, entry, target) {
-        if (!target || entry.options.autoClose) {
-            const parent = entry.parent;
-            const content = entry.content;
-            if (parent && content) {
-                const innerClickFunction = entry.options.innerClickTest ? entry.options.innerClickTest : FloatingManager.innerClick;
-                if (!target || !innerClickFunction(content, target)) {
-                    content.remove();
-                    delete FloatingManager.entries[id];
-                }
-            }
-            else {
-                delete FloatingManager.entries[id];
-            }
-        }
-    }
-    static handleDocumentEvent(event) {
-        FloatingManager.entries.forEach((entry, index) => {
-            FloatingManager.doClose(index, entry, event.composedPath()[0]);
-        });
-    }
-    static handleKeyboardEvent(event) {
-        if (event.key === 'Escape') {
-            for (let index = FloatingManager.entries.length; index >= 0; index--) {
-                const entry = FloatingManager.entries[index];
-                if (entry) {
-                    FloatingManager.close(index);
-                    break;
-                }
-            }
-        }
-    }
-    static applyStyle(element, propertyName, value) {
-        if (value) {
-            element.style.setProperty(propertyName, value);
-        }
-    }
-    static getFloatIndex(content, parent) {
-        for (let index = 0; index < FloatingManager.entries.length; index++) {
-            const entry = FloatingManager.entries[index];
-            if (entry && content === entry.content && parent === entry.parent) {
-                return index;
-            }
-        }
-        return -1;
-    }
-    static isFloating(id) {
-        return FloatingManager.entries[id] !== undefined;
-    }
-    static float(content, parent, options = { autoClose: true }) {
-        if (!FloatingManager.initialized) {
-            FloatingManager.init();
-        }
-        const alreadyFloatingIndex = FloatingManager.getFloatIndex(content, parent);
-        if (alreadyFloatingIndex > -1) {
-            return alreadyFloatingIndex;
-        }
-        content.style.position = 'absolute';
-        FloatingManager.applyStyle(content, "top", options.top);
-        FloatingManager.applyStyle(content, "left", options.left);
-        FloatingManager.applyStyle(content, "right", options.right);
-        FloatingManager.applyStyle(content, "bottom", options.bottom);
-        parent.appendChild(content);
-        FloatingManager.entries.push(new FloatingEntry(parent, content, options));
-        return FloatingManager.entries.length - 1;
-    }
-    static updateFloatPosition(content, parent, options = { autoClose: true }) {
-        const alreadyFloatingIndex = FloatingManager.getFloatIndex(content, parent);
-        if (alreadyFloatingIndex > -1) {
-            FloatingManager.applyStyle(content, "top", options.top);
-            FloatingManager.applyStyle(content, "left", options.left);
-            FloatingManager.applyStyle(content, "right", options.right);
-            FloatingManager.applyStyle(content, "bottom", options.bottom);
-        }
-    }
-    static close(id) {
-        if (FloatingManager.entries[id]) {
-            FloatingManager.doClose(id, FloatingManager.entries[id], undefined);
-        }
-    }
-}
-
-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;
-    }
-}
-
-/**
- * `TimeFormatter` é um utilitário para formatação de strings desformatadas em strings válidas de horários
- */
-class TimeFormatter {
-    /**
-    * @prepareValue: converts an unformated time string into a formatted time.
-    *
-    * @param value unformated time string to convert
-    *
-    * @returns formatted time string
-    *
-    * @Exemples
-    * @"1012"       |       "10:12"
-    * @"10:12"      |       "10:12:00"
-    * @"100112"     |       "10:01:12"
-    */
-    static prepareValue(value, showSeconds) {
-        if (value && value.length > 0 && value != "NaN") {
-            let validationValue = value.replace(/:/g, "");
-            if (showSeconds) {
-                this._maskFormatter.mask = "##:##:##";
-                if (validationValue.length < 6) {
-                    while (validationValue.length < 6) {
-                        validationValue = "0".concat(validationValue);
-                    }
-                }
-            }
-            else {
-                this._maskFormatter.mask = "##:##";
-                if (validationValue.length < 4) {
-                    while (validationValue.length < 4) {
-                        validationValue = "0".concat(validationValue);
-                    }
-                }
-            }
-            if (this._maskFormatter) {
-                try {
-                    value = this._maskFormatter.format(validationValue);
-                    return value;
-                }
-                catch (e) {
-                    throw new Error(e.message);
-                }
-            }
-        }
-        return '';
-    }
-    /**
-    * @validateTime: validates if an input string has the corect time format.
-    *
-    * @param value input string to validate
-    *
-    * @returns true or false
-    *
-    * @Exemples
-    * @"1012"       |       true
-    * @"14e4"       |       false
-    * @"2624"       |       false
-    */
-    static validateTime(value, showSeconds) {
-        let isValid = true;
-        if (value) {
-            let validationValue = value.replace(/:/g, "");
-            if (showSeconds) {
-                if (!["1", "2", "0"].includes(validationValue[0])) {
-                    isValid = false;
-                }
-                if (!["0", "1", "2", "3", "4", "5"].includes(validationValue[2])) {
-                    isValid = false;
-                }
-                if (!["0", "1", "2", "3", "4", "5"].includes(validationValue[4])) {
-                    isValid = false;
-                }
-                if (validationValue[0] == "2" && !["0", "1", "2", "3"].includes(validationValue[1])) {
-                    isValid = false;
-                }
-            }
-            else {
-                if (!["1", "2", "0"].includes(validationValue[0])) {
-                    isValid = false;
-                }
-                if (!["0", "1", "2", "3", "4", "5"].includes(validationValue[2])) {
-                    isValid = false;
-                }
-                if (validationValue[0] == "2" && !["0", "1", "2", "3"].includes(validationValue[1])) {
-                    isValid = false;
-                }
-            }
-        }
-        else {
-            isValid = false;
-        }
-        return isValid;
-    }
-}
+/**
+ * Classe com utiliários comuns para Strings.
+ */
+class StringUtils {
+    /**
+     * Verifica se a string está vazia.
+     * Valores null e undefined são considerados como vazio.
+     *
+     * @param value  String para ser validada.
+    */
+    static isEmpty(value) {
+        if (value == undefined || value === null) {
+            return true;
+        }
+        value = value.toString();
+        value = value.trim();
+        if (value.length === 0) {
+            return true;
+        }
+        return false;
+    }
+    /**
+     * Remove acentos de vogais, substitui Ç por c e retorna a string em caixa alta.
+     *
+     * @param value  String para ser transformada.
+    */
+    static replaceAccentuatedChars(text) {
+        text = text.toUpperCase();
+        text = text.replace(/[À]/, "A");
+        text = text.replace(/[Á]/, "A");
+        text = text.replace(/[Â]/, "A");
+        text = text.replace(/[Ã]/, "A");
+        text = text.replace(/[Ä]/, "A");
+        text = text.replace(/[È]/, "E");
+        text = text.replace(/[É]/, "E");
+        text = text.replace(/[Ê]/, "E");
+        text = text.replace(/[Ë]/, "E");
+        text = text.replace(/[Ì]/, "I");
+        text = text.replace(/[Í]/, "I");
+        text = text.replace(/[Î]/, "I");
+        text = text.replace(/[Ï]/, "I");
+        text = text.replace(/[Ò]/, "O");
+        text = text.replace(/[Ó]/, "O");
+        text = text.replace(/[Ô]/, "O");
+        text = text.replace(/[Ö]/, "O");
+        text = text.replace(/[Ù]/, "U");
+        text = text.replace(/[Ú]/, "U");
+        text = text.replace(/[Û]/, "U");
+        text = text.replace(/[Ü]/, "U");
+        text = text.replace(/[Ç]/, "C");
+        return text.replace(/[^a-z0-9]/gi, '');
+    }
+}
+
+const NUMBERINPUTS_REGEX_SCIENTIFIC_PARTS = /^([+-])?(\d+).?(\d*)[eE]([-+]?\d+)$/;
+/**
+ * `NumberUtils` é uma biblioteca para manipulação de números
+ *
+ * `Métodos`:
+ *
+ * @stringToNumber: converte um número em formato de string em um valor numérico nativo do javascript
+ * @format: arredonda um número em formato de string baseado nos parâmetros "presision" e "prettyPrecision";
+ */
+class NumberUtils {
+}
+/**
+* @stringToNumber: converte um numero em formato de string em numero
+*
+* @param value numero em formato de string a ser convertido (Importante: formato PT-BR ou já em formato numérico: ######.##)
+*
+* @returns string based number
+*
+* @Exemples
+* @"100,12"     |       100.12
+* @"100.12"     |       100.12
+* @"-100,12"    |       -100.12
+* @"R$100,12"   |       100.12
+* @"-R$100,12"  |       -100.12
+* @"string"     |       NaN
+*/
+NumberUtils.stringToNumber = (value) => {
+    if (value === '' || value === null || value === undefined) {
+        return NaN;
+    }
+    if (value) {
+        value = value.toString();
+        const negative = (value.charAt(0) === '-');
+        if (!NUMBERINPUTS_REGEX_SCIENTIFIC_PARTS.test(value)) {
+            value = value.replace(/[^\d.,]/g, '');
+        }
+        else {
+            value = value.replace(/^-/g, '');
+        }
+        //In case of simple string such as: "@@@@@@@"
+        if (value === '') {
+            return Number(NaN);
+        }
+        const indexV = value.indexOf(',');
+        const indexP = value.indexOf('.');
+        if (indexP > indexV) {
+            value = value.replace(',', '');
+        }
+        else if (indexP < indexV) {
+            value = value.replace(/\./g, '@').replace(',', '.').replace(/@/g, '');
+        }
+        if (negative) {
+            value = '-' + value;
+        }
+    }
+    return Number(value);
+};
+/**
+* @format: converte um numero em formato de string em um numero em formato de string formatado de acordo com os parametros de "precision" e "prettyPrecision"
+*
+* @param value numero em formato de string a ser convertido (Importante: formato PT-BR ou já em formato numérico<sem separadors de milhares>: ######.##)
+* @param precision (numero de decimais)
+* @param prettyPrecision (numero de zeros nos decimais)
+*
+* @returns numero em formato de string formatado em PT-BR
+*/
+NumberUtils.format = (value, precision, prettyPrecision = NaN) => {
+    if (value === '' || value === undefined || value === "NaN") {
+        return NaN.toString();
+    }
+    const newValue = NumberUtils.stringToNumber(value);
+    if (isNaN(newValue)) {
+        return NaN.toString();
+    }
+    //Validation "precision":
+    // Case1: precision < 0 => does not use precision
+    // Case2: presicion not int => does not use precision
+    if (precision < 0 || Math.abs(Math.round(precision * 1) / 1) !== precision) {
+        //Once stringToNumber returns number format, we need to change to pt-br
+        return NumberUtils.changeFormat(newValue.toString());
+    }
+    //Validation "prettyPrecision"
+    let prettyPrecisionInternal = 0;
+    // Case1: prettyPrecision < 0 => prettyPrecision does not change de format that means: prettyPrecisionInternal = precision;
+    // Case2: prettyPrecision not int => prettyPrecision does not change de format that means: prettyPrecisionInternal = precision;
+    if (isNaN(prettyPrecision) || Math.abs(Math.round(prettyPrecision * 1) / 1) !== prettyPrecision) {
+        prettyPrecisionInternal = precision;
+    }
+    else {
+        prettyPrecisionInternal = prettyPrecision;
+    }
+    let newValueStr;
+    newValueStr = (Math.round(newValue * Math.pow(10, precision)) / Math.pow(10, precision)).toLocaleString('pt-br', { minimumFractionDigits: precision });
+    //prettyPrecision
+    const varSettingPP = precision - prettyPrecisionInternal;
+    if (varSettingPP > 0) {
+        for (let i = 0; i < varSettingPP; i++) {
+            if (newValueStr.substring(newValueStr.length - 1) == "0" && precision > 0) {
+                newValueStr = newValueStr.substring(0, newValueStr.length - 1);
+            }
+        }
+    }
+    //in Case "." or "," in the end of the string
+    if (newValueStr.substring(newValueStr.length - 1) == "." || newValueStr.substring(newValueStr.length - 1) == ",") {
+        newValueStr = newValueStr.substring(0, newValueStr.length - 1);
+    }
+    return newValueStr;
+};
+/**
+* @keepOnlyDecimalSeparator: retira os separadores de milhar de um número em formato de string
+*
+* @param value numero em formato de string a ser convertido
+* @param formatnumber (formatação de ENTRADA e SAÍDA do utilitário: pt-BR="###.###,##" en-US="###,###.##"; Default: "pt-BR")
+*
+* @returns numero em formato de string formatado apenas com separador decimal
+*/
+NumberUtils.keepOnlyDecimalSeparator = (value, formatnumber = 'pt-BR') => {
+    //Formatting formatnumber to be able to get lowercases
+    formatnumber = formatnumber.toUpperCase();
+    //Formatting value following formatnumber parameter
+    //keep only decimal character in order to correct format the string
+    //This transformation is due the "stringtoNumber" method is a general method that tries to convert all formated strings
+    if (formatnumber === 'EN-US') {
+        value = value.replace(/\,/g, '');
+    }
+    else {
+        value = value.replace(/\./g, '');
+    }
+    return value;
+};
+/**
+* @changeFormat: troca o formato do numero string de "PT-BR" para "EN-US" e vice-versa
+*
+* @param value numero em formato de string a ser convertido
+*
+* @returns numero em formato de string formatado de "PT-BR" para "EN-US" e vice-versa
+*/
+NumberUtils.changeFormat = (value) => {
+    //Formatting output following formatnumber
+    return value.replace(/\./g, '_').replace(/\,/g, '.').replace(/\_/g, ',');
+};
+
+/**
+ * `MaskFormatter` é usado para formatar strings. Seu comportamento
+ * é controlado pela formato do atributo `mask` que especifica quais
+ * caracteres são válidos e onde devem estar posicionados, intercalando-os
+ * com eventuais caracteres literais expressados no padrão informado.
+ * Sua implementação é inspirada pela implementação em Java do [MaskFormatter](https://docs.oracle.com/javase/7/docs/api/javax/swing/text/MaskFormatter.html).
+ *
+ * Para o padrão da máscara podem ser usados os seguintes caracteres especiais:
+ *
+ * | Caractere | Comportamento                                                                                               |
+ * |:---------:|-------------------------------------------------------------------------------------------------------------|
+ * | #         | Qualquer número                                                                                             |
+ * | '         | "Escapa" o caractere que vem na sequência. Útil quando desejamos converter um caractere especial em literal.|
+ * | U         | Qualquer letra. Transforma letras maiúsculas em maiúsculas.                                                 |
+ * | L         | Qualquer letra. Transforma letras maiúsculas em minúsculas.                                                 |
+ * | A         | Qualquer letra ou número.                                                                                   |
+ * | ?         | Qualquer letra. Preserva maiúsculas e minúsculas.                                                           |
+ * | *         | Qualquer caractere.                                                                                         |
+ *
+ * Os demais caracteres presentes no padrão serão tratados como literais, isto é,
+ * serão apenas inseridos naquela posição.
+ *
+ * Quando o o valor a ser formatado é menor que a máscara um 'placeHolder'
+ * será inserido em cada posição ausente, completando a formatação.
+ * Por padrão será usado um espaço em branco como 'placeHolder' mas
+ * esse valor pode ser alterado.
+ *
+ * For por exemplo:
+ * '''
+ *    const formatter: MaskFormatter = new MaskFormatter("###-####");
+ *    formatter.placeholder = '_';
+ *    console.log(formatter.format("123"));
+ * '''
+ * resultaria na string '123-____'.
+ *
+ * ##Veja mais alguns exemplos:
+ * |Padrão          |Máscara           |Entrada       |Saída             |
+ * |----------------|------------------|--------------|------------------|
+ * |Telefone        |(##) ####-####    |3432192515    |(34) 3219-2515    |
+ * |CPF             |###.###.###-##    |12345678901   |123.456.789-01    |
+ * |CNPJ            |##.###.###/####-##|12345678901234|12.345.678/9012-34|
+ * |CEP             |##.###-###        |12345678      |12.345-678        |
+ * |PLACA (veículo) |UUU-####          |abc1234       |ABC-1234          |
+ * |Cor RGB         |'#AAAAAA          |00000F0       |#0000F0           |
+ *
+ */
+class MaskFormatter {
+    constructor(mask) {
+        this._mask = '';
+        this._maskChars = new Array();
+        /**
+         * Determina qual caractere será usado dos caracteres não presentes no valor
+         * ou seja, aqueles que o usuário ainda não informou. Por padrão usamos um espaço
+         */
+        this.placeholder = ' ';
+        this.mask = mask;
+    }
+    /**
+     * Setter para mask. Trata-se do padrão que se espera ao formatar o texto.
+     */
+    set mask(mask) {
+        this._mask = mask;
+        this.updateInternalMask();
+    }
+    /**
+     * Getter para mask
+     *
+     * @return A última máscara informada.
+     */
+    get mask() {
+        return this._mask;
+    }
+    /**
+     * Formata a string passada baseada na máscara definda pelo atributo mask.
+     *
+     * @param value Valor a ser formatado
+     * @return O valor processado de acordo com o padrão
+     */
+    format(value) {
+        let result = '';
+        const index = [0];
+        let counter = 0;
+        const maxCounter = this._maskChars.length;
+        while (counter < maxCounter) {
+            result = this._maskChars[counter].append(result, value, index);
+            counter++;
+        }
+        return result;
+    }
+    /**
+     * Preparamos a formatação internamente de acordo com o padrão.
+     */
+    updateInternalMask() {
+        this._maskChars.length = 0;
+        if (this.mask != null) {
+            let counter = 0;
+            const maxCounter = this.mask.length;
+            while (counter < maxCounter) {
+                let maskChar = this.mask.charAt(counter);
+                switch (maskChar) {
+                    case MaskFormatter.DIGIT_KEY:
+                        this._maskChars.push(new MaskFormatter.DigitMaskCharacter(this, maskChar));
+                        break;
+                    case MaskFormatter.LITERAL_KEY:
+                        if (++counter < maxCounter) {
+                            maskChar = this.mask.charAt(counter);
+                            this._maskChars.push(new MaskFormatter.LiteralCharacter(this, maskChar));
+                        }
+                        break;
+                    case MaskFormatter.UPPERCASE_KEY:
+                        this._maskChars.push(new MaskFormatter.UpperCaseCharacter(this, maskChar));
+                        break;
+                    case MaskFormatter.LOWERCASE_KEY:
+                        this._maskChars.push(new MaskFormatter.LowerCaseCharacter(this, maskChar));
+                        break;
+                    case MaskFormatter.ALPHA_NUMERIC_KEY:
+                        this._maskChars.push(new MaskFormatter.AlphaNumericCharacter(this, maskChar));
+                        break;
+                    case MaskFormatter.CHARACTER_KEY:
+                        this._maskChars.push(new MaskFormatter.CharCharacter(this, maskChar));
+                        break;
+                    case MaskFormatter.ANYTHING_KEY:
+                        this._maskChars.push(new MaskFormatter.MaskCharacter(this, maskChar));
+                        break;
+                    default:
+                        this._maskChars.push(new MaskFormatter.LiteralCharacter(this, maskChar));
+                        break;
+                }
+                counter++;
+            }
+        }
+    }
+}
+MaskFormatter.DIGIT_KEY = "#";
+MaskFormatter.LITERAL_KEY = "'";
+MaskFormatter.UPPERCASE_KEY = "U";
+MaskFormatter.LOWERCASE_KEY = "L";
+MaskFormatter.ALPHA_NUMERIC_KEY = "A";
+MaskFormatter.CHARACTER_KEY = "?";
+MaskFormatter.ANYTHING_KEY = "*";
+//
+// Classes internas usadas para representar a máscara.
+//
+MaskFormatter.MaskCharacter = class {
+    constructor(maskFormatter, type) {
+        this.maskFormatter = maskFormatter;
+        this.type = type;
+    }
+    /**
+     * Cada subclasse deve sobrescrever o retornando true, caso represente
+     * um caractere literal. Por padrão o retorno é false.
+     */
+    isLiteral() {
+        return false;
+    }
+    /**
+     * Returns true if <code>aChar</code> is a valid reprensentation of
+     * the receiver. The default implementation returns true if the
+     * receiver represents a literal character and <code>getChar</code>
+     * == aChar. Otherwise, this will return true is <code>aChar</code>
+     * is contained in the valid characters and not contained
+     * in the invalid characters.
+     */
+    isValidCharacter(aChar) {
+        if (this.isLiteral()) {
+            return (this.getChar(aChar) == aChar);
+        }
+        aChar = this.getChar(aChar);
+        return true;
+    }
+    /**
+     * Returns the character to insert for <code>aChar</code>. The
+     * default implementation returns <code>aChar</code>. Subclasses
+     * that wish to do some sort of mapping, perhaps lower case to upper
+     * case should override this and do the necessary mapping.
+     */
+    getChar(aChar) {
+        return aChar;
+    }
+    /**
+     * Appends the necessary character in <code>formatting</code> at
+     * <code>index</code> to <code>buff</code>.
+     */
+    append(result, formatting, index) {
+        const inString = index[0] < formatting.length;
+        const aChar = inString ? formatting.charAt(index[0]) : '';
+        if (this.isLiteral()) {
+            const literal = this.getChar(aChar);
+            result += literal;
+            if (literal === aChar) {
+                index[0] = index[0] + 1;
+            }
+        }
+        else if (index[0] >= formatting.length) {
+            result += this.maskFormatter.placeholder;
+            index[0] = index[0] + 1;
+        }
+        else if (this.isValidCharacter(aChar)) {
+            result += this.getChar(aChar);
+            index[0] = index[0] + 1;
+        }
+        else {
+            throw new Error(`Valor inválido: "${aChar}". Na posição ${index[0] + 1} espera-se ${this.getFormatMessage()}.`);
+        }
+        return result;
+    }
+    getFormatMessage() {
+        let message;
+        switch (this.type) {
+            case MaskFormatter.UPPERCASE_KEY:
+            case MaskFormatter.LOWERCASE_KEY:
+            case MaskFormatter.CHARACTER_KEY:
+                message = 'uma letra';
+                break;
+            case MaskFormatter.DIGIT_KEY:
+                message = 'um número';
+                break;
+            case MaskFormatter.ALPHA_NUMERIC_KEY:
+                message = 'uma letra ou um número';
+                break;
+            default:
+                message = '';
+        }
+        return message;
+    }
+};
+MaskFormatter.LiteralCharacter = class extends MaskFormatter.MaskCharacter {
+    constructor(maskFormatter, fixedChar) {
+        super(maskFormatter, fixedChar);
+        this._fixedChar = fixedChar;
+    }
+    isLiteral() {
+        return true;
+    }
+    getChar(aChar) {
+        return this._fixedChar;
+    }
+};
+MaskFormatter.DigitMaskCharacter = class extends MaskFormatter.MaskCharacter {
+    isValidCharacter(aChar) {
+        return (this.isDigit(aChar) && super.isValidCharacter(aChar));
+    }
+    isDigit(char) {
+        return char >= '0' && char <= '9';
+    }
+};
+MaskFormatter.UpperCaseCharacter = class extends MaskFormatter.MaskCharacter {
+    isValidCharacter(aChar) {
+        return (/[a-z]/i.test(aChar) && super.isValidCharacter(aChar));
+    }
+    getChar(aChar) {
+        return aChar.toUpperCase();
+    }
+};
+MaskFormatter.LowerCaseCharacter = class extends MaskFormatter.MaskCharacter {
+    isValidCharacter(aChar) {
+        return (/[a-z]/i.test(aChar) && super.isValidCharacter(aChar));
+    }
+    getChar(aChar) {
+        return aChar.toLocaleLowerCase();
+    }
+};
+MaskFormatter.AlphaNumericCharacter = class extends MaskFormatter.MaskCharacter {
+    isValidCharacter(aChar) {
+        //FIXME: talvez seja problema usar regex aqui... avaliar se existe forma mais barata
+        return (/[a-z0-9]/i.test(aChar)) && super.isValidCharacter(aChar);
+    }
+};
+MaskFormatter.CharCharacter = class extends MaskFormatter.MaskCharacter {
+    isValidCharacter(aChar) {
+        //FIXME: talvez seja problema usar regex aqui... avaliar se existe forma mais barata
+        return (/[a-z]/i.test(aChar) && super.isValidCharacter(aChar));
+    }
+};
+
+class FloatingEntry {
+    constructor(parent, content, opts) {
+        try {
+            this.weakRefParent = new WeakRef(parent);
+            this.weakRefContent = new WeakRef(content);
+        }
+        catch (error) {
+            this.strongRefParent = parent;
+            this.strongRefContent = content;
+        }
+        this.options = opts;
+    }
+    get parent() {
+        if (this.weakRefParent) {
+            return this.weakRefParent.deref();
+        }
+        return this.strongRefParent;
+    }
+    get content() {
+        if (this.weakRefContent) {
+            return this.weakRefContent.deref();
+        }
+        return this.strongRefContent;
+    }
+}
+class FloatingManager {
+    static init() {
+        FloatingManager.entries = [];
+        document.addEventListener('mousedown', FloatingManager.handleDocumentEvent);
+        document.addEventListener('keydown', FloatingManager.handleKeyboardEvent);
+        FloatingManager.initialized = true;
+    }
+    static innerClick(container, node) {
+        if (container.contains(node)) {
+            return true;
+        }
+        if (container.shadowRoot && container.shadowRoot.contains(node)) {
+            return true;
+        }
+        return false;
+    }
+    static doClose(id, entry, target) {
+        if (!target || entry.options.autoClose) {
+            const parent = entry.parent;
+            const content = entry.content;
+            if (parent && content) {
+                const innerClickFunction = entry.options.innerClickTest ? entry.options.innerClickTest : FloatingManager.innerClick;
+                if (!target || !innerClickFunction(content, target)) {
+                    content.remove();
+                    delete FloatingManager.entries[id];
+                }
+            }
+            else {
+                delete FloatingManager.entries[id];
+            }
+        }
+    }
+    static handleDocumentEvent(event) {
+        FloatingManager.entries.forEach((entry, index) => {
+            FloatingManager.doClose(index, entry, event.composedPath()[0]);
+        });
+    }
+    static handleKeyboardEvent(event) {
+        if (event.key === 'Escape') {
+            for (let index = FloatingManager.entries.length; index >= 0; index--) {
+                const entry = FloatingManager.entries[index];
+                if (entry) {
+                    FloatingManager.close(index);
+                    break;
+                }
+            }
+        }
+    }
+    static applyStyle(element, propertyName, value) {
+        if (value) {
+            element.style.setProperty(propertyName, value);
+        }
+    }
+    static getFloatIndex(content, parent) {
+        for (let index = 0; index < FloatingManager.entries.length; index++) {
+            const entry = FloatingManager.entries[index];
+            if (entry && content === entry.content && parent === entry.parent) {
+                return index;
+            }
+        }
+        return -1;
+    }
+    static isFloating(id) {
+        return FloatingManager.entries[id] !== undefined;
+    }
+    static float(content, parent, options = { autoClose: true }) {
+        if (!FloatingManager.initialized) {
+            FloatingManager.init();
+        }
+        const alreadyFloatingIndex = FloatingManager.getFloatIndex(content, parent);
+        if (alreadyFloatingIndex > -1) {
+            return alreadyFloatingIndex;
+        }
+        content.style.position = 'absolute';
+        FloatingManager.applyStyle(content, "top", options.top);
+        FloatingManager.applyStyle(content, "left", options.left);
+        FloatingManager.applyStyle(content, "right", options.right);
+        FloatingManager.applyStyle(content, "bottom", options.bottom);
+        parent.appendChild(content);
+        FloatingManager.entries.push(new FloatingEntry(parent, content, options));
+        return FloatingManager.entries.length - 1;
+    }
+    static updateFloatPosition(content, parent, options = { autoClose: true }) {
+        const alreadyFloatingIndex = FloatingManager.getFloatIndex(content, parent);
+        if (alreadyFloatingIndex > -1) {
+            FloatingManager.applyStyle(content, "top", options.top);
+            FloatingManager.applyStyle(content, "left", options.left);
+            FloatingManager.applyStyle(content, "right", options.right);
+            FloatingManager.applyStyle(content, "bottom", options.bottom);
+        }
+    }
+    static close(id) {
+        if (FloatingManager.entries[id]) {
+            FloatingManager.doClose(id, FloatingManager.entries[id], undefined);
+        }
+    }
+}
+
+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;
+        }
+        const day = monthYearMode ? 1 : Number(parts[1]);
+        const month = Number(parts[(monthYearMode ? 1 : 2)]);
+        let year = Number(parts[(monthYearMode ? 2 : 3)]);
+        const hour = Number(parts[(monthYearMode ? 3 : 4)] || 0);
+        const min = Number(parts[(monthYearMode ? 4 : 5)] || 0);
+        const 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;
+    }
+}
+
+/**
+ * `TimeFormatter` é um utilitário para formatação de strings desformatadas em strings válidas de horários
+ */
+class TimeFormatter {
+    /**
+    * @prepareValue: converts an unformated time string into a formatted time.
+    *
+    * @param value unformated time string to convert
+    *
+    * @returns formatted time string
+    *
+    * @Exemples
+    * @"1012"       |       "10:12"
+    * @"10:12"      |       "10:12:00"
+    * @"100112"     |       "10:01:12"
+    */
+    static prepareValue(value, showSeconds) {
+        if (value && value.length > 0 && value != "NaN") {
+            let validationValue = value.replace(/:/g, "");
+            if (showSeconds) {
+                this._maskFormatter.mask = "##:##:##";
+                if (validationValue.length < 6) {
+                    while (validationValue.length < 6) {
+                        validationValue = "0".concat(validationValue);
+                    }
+                }
+            }
+            else {
+                this._maskFormatter.mask = "##:##";
+                if (validationValue.length < 4) {
+                    while (validationValue.length < 4) {
+                        validationValue = "0".concat(validationValue);
+                    }
+                }
+            }
+            if (this._maskFormatter) {
+                try {
+                    value = this._maskFormatter.format(validationValue);
+                    return value;
+                }
+                catch (e) {
+                    throw new Error(e.message);
+                }
+            }
+        }
+        return '';
+    }
+    /**
+    * @validateTime: validates if an input string has the corect time format.
+    *
+    * @param value input string to validate
+    *
+    * @returns true or false
+    *
+    * @Exemples
+    * @"1012"       |       true
+    * @"14e4"       |       false
+    * @"2624"       |       false
+    */
+    static validateTime(value, showSeconds) {
+        let isValid = true;
+        if (value) {
+            let validationValue = value.replace(/:/g, "");
+            if (showSeconds) {
+                if (!["1", "2", "0"].includes(validationValue[0])) {
+                    isValid = false;
+                }
+                if (!["0", "1", "2", "3", "4", "5"].includes(validationValue[2])) {
+                    isValid = false;
+                }
+                if (!["0", "1", "2", "3", "4", "5"].includes(validationValue[4])) {
+                    isValid = false;
+                }
+                if (validationValue[0] == "2" && !["0", "1", "2", "3"].includes(validationValue[1])) {
+                    isValid = false;
+                }
+            }
+            else {
+                if (!["1", "2", "0"].includes(validationValue[0])) {
+                    isValid = false;
+                }
+                if (!["0", "1", "2", "3", "4", "5"].includes(validationValue[2])) {
+                    isValid = false;
+                }
+                if (validationValue[0] == "2" && !["0", "1", "2", "3"].includes(validationValue[1])) {
+                    isValid = false;
+                }
+            }
+        }
+        else {
+            isValid = false;
+        }
+        return isValid;
+    }
+}
 TimeFormatter._maskFormatter = new MaskFormatter("##:##");
 
-/**
- * Representa as propriedades necessárias para se executar uma requisição.
- */
-/** Representa os verbos HTTP suportados */
-var Method;
-(function (Method) {
-    Method[Method["GET"] = 0] = "GET";
-    Method[Method["PUT"] = 1] = "PUT";
-    Method[Method["POST"] = 2] = "POST";
-    Method[Method["DELETE"] = 3] = "DELETE";
+/**
+ * Representa as propriedades necessárias para se executar uma requisição.
+ */
+/** Representa os verbos HTTP suportados */
+var Method;
+(function (Method) {
+    Method[Method["GET"] = 0] = "GET";
+    Method[Method["PUT"] = 1] = "PUT";
+    Method[Method["POST"] = 2] = "POST";
+    Method[Method["DELETE"] = 3] = "DELETE";
 })(Method || (Method = {}));
 
-var DataType;
-(function (DataType) {
-    DataType["NUMBER"] = "NUMBER";
-    DataType["DATE"] = "DATE";
-    DataType["TEXT"] = "TEXT";
-    DataType["BOOLEAN"] = "BOOLEAN";
-    DataType["OBJECT"] = "OBJECT";
-})(DataType || (DataType = {}));
-const convertType = (dataType, value) => {
-    if (value === undefined || value === null) {
-        return value;
-    }
-    switch (dataType) {
-        case DataType.NUMBER:
-            return value === "" || isNaN(value) ? null : Number(value);
-        case DataType.OBJECT:
-            return typeof value === "string" ? JSON.parse(value) : value;
-        case DataType.BOOLEAN:
-            return Boolean(value);
-        case DataType.DATE:
-            return new Date(value.toString());
-        default:
-            return value;
-    }
-};
-
-class DataUnitAction {
-    constructor(type, payload) {
-        this._type = type;
-        this._payload = payload;
-    }
-    get type() {
-        return this._type;
-    }
-    get payload() {
-        return this._payload;
-    }
-}
-var Action;
-(function (Action) {
-    Action["LOADING_METADATA"] = "loadingMetadata";
-    Action["METADATA_LOADED"] = "metadataLoaded";
-    Action["LOADING_DATA"] = "loadingData";
-    Action["DATA_LOADED"] = "dataLoaded";
-    Action["SAVING_DATA"] = "savingData";
-    Action["DATA_SAVED"] = "dataSaved";
-    Action["REMOVING_RECORDS"] = "removingRecords";
-    Action["RECORDS_REMOVED"] = "recordsRemoved";
-    Action["RECORDS_ADDED"] = "recordsAdded";
-    Action["RECORDS_COPIED"] = "recordsCopied";
-    Action["DATA_CHANGED"] = "dataChanged";
-    Action["EDITION_CANCELED"] = "editionCanceled";
-    Action["CHANGE_UNDONE"] = "changeUndone";
-    Action["CHANGE_REDONE"] = "changeRedone";
-    Action["SELECTION_CHANGED"] = "selectionChanged";
-    Action["NEXT_SELECTED"] = "nextSelected";
-    Action["PREVIOUS_SELECTED"] = "previousSelected";
-    Action["STATE_CHANGED"] = "stateChanged";
+var DataType;
+(function (DataType) {
+    DataType["NUMBER"] = "NUMBER";
+    DataType["DATE"] = "DATE";
+    DataType["TEXT"] = "TEXT";
+    DataType["BOOLEAN"] = "BOOLEAN";
+    DataType["OBJECT"] = "OBJECT";
+})(DataType || (DataType = {}));
+const convertType = (dataType, value) => {
+    if (value === undefined || value === null) {
+        return value;
+    }
+    switch (dataType) {
+        case DataType.NUMBER:
+            return value === "" || isNaN(value) ? null : Number(value);
+        case DataType.OBJECT:
+            return typeof value === "string" ? JSON.parse(value) : value;
+        case DataType.BOOLEAN:
+            return Boolean(value);
+        case DataType.DATE:
+            return new Date(value.toString());
+        default:
+            return value;
+    }
+};
+
+class DataUnitAction {
+    constructor(type, payload) {
+        this._type = type;
+        this._payload = payload;
+    }
+    get type() {
+        return this._type;
+    }
+    get payload() {
+        return this._payload;
+    }
+}
+var Action;
+(function (Action) {
+    Action["LOADING_METADATA"] = "loadingMetadata";
+    Action["METADATA_LOADED"] = "metadataLoaded";
+    Action["LOADING_DATA"] = "loadingData";
+    Action["DATA_LOADED"] = "dataLoaded";
+    Action["SAVING_DATA"] = "savingData";
+    Action["DATA_SAVED"] = "dataSaved";
+    Action["REMOVING_RECORDS"] = "removingRecords";
+    Action["RECORDS_REMOVED"] = "recordsRemoved";
+    Action["RECORDS_ADDED"] = "recordsAdded";
+    Action["RECORDS_COPIED"] = "recordsCopied";
+    Action["DATA_CHANGED"] = "dataChanged";
+    Action["EDITION_CANCELED"] = "editionCanceled";
+    Action["CHANGE_UNDONE"] = "changeUndone";
+    Action["CHANGE_REDONE"] = "changeRedone";
+    Action["SELECTION_CHANGED"] = "selectionChanged";
+    Action["NEXT_SELECTED"] = "nextSelected";
+    Action["PREVIOUS_SELECTED"] = "previousSelected";
+    Action["STATE_CHANGED"] = "stateChanged";
 })(Action || (Action = {}));
 
-/**
- * Essa classe representa uma interpretação do padrão de projetos Flux.
- * No padrão Flux os dados da aplicação são chamados de "estado" e existem
- * algumas regras para gerenciamento/manipulação desse estado:
- *
- *  1 - O estado é imutável.
- *  2 - Toda modificação de estado é representada por uma "ação".
- *  3 - Quando "ações" acontecem a "store" cria um novo estado e notifica a todos interessados.
- *
- * Nessa interpretação desse design pattern, o StateManager faz o papel da store,
- * notificando os manipuladores de estado (handlers), que são responsáveis por pedaços
- * do estado (slices).
- *
- * O StateManager mantém dois tipos de estados: "Histórico" e "Não Histórico". No estado
- * "Histórico", sempre que uma alteração de estado acontece, o estado anterior é guardado em
- * uma pilha, o que permite que possamos voltar no tempo, desfazendo algumas ações
- */
-class StateManager {
-    constructor(reducers) {
-        this._past = [];
-        this._future = [];
-        this._present = {};
-        this._nonHist = {};
-        this._histClean = false;
-        this._reducers = reducers;
-    }
-    process(action) {
-        const oldPresent = this._present;
-        let hasHistChange = false;
-        this._histClean = false;
-        this._reducers.forEach(reducer => {
-            const sliceName = reducer.sliceName;
-            const isHistoric = this.isHistoric(sliceName);
-            const oldSlice = this.getSlice(sliceName, isHistoric);
-            const newSlice = reducer.reduce(this, oldSlice, action);
-            if (newSlice !== oldSlice) {
-                this.updateSlice(sliceName, newSlice, isHistoric);
-                hasHistChange || (hasHistChange = isHistoric);
-            }
-        });
-        if (hasHistChange && !this._histClean) {
-            this._past.push(oldPresent);
-            this._future = [];
-            document.dispatchEvent(new CustomEvent("undoableAction", { detail: this }));
-        }
-    }
-    select(sliceName, selector) {
-        const isHistoric = this.isHistoric(sliceName);
-        return selector(this.getSlice(sliceName, isHistoric));
-    }
-    isHistoric(slice) {
-        return slice.startsWith("hist::");
-    }
-    updateSlice(name, slice, isHistoric) {
-        if (isHistoric) {
-            this._present = Object.assign(Object.assign({}, this._present), { [name]: slice });
-            if (slice === undefined) {
-                delete this._present[name];
-            }
-        }
-        else {
-            this._nonHist = Object.assign(Object.assign({}, this._nonHist), { [name]: slice });
-            if (slice === undefined) {
-                delete this._nonHist[name];
-            }
-        }
-    }
-    getSlice(name, isHistoric) {
-        return isHistoric ? this._present[name] : this._nonHist[name];
-    }
-    canUndo() {
-        return this._past.length > 0;
-    }
-    canRedo() {
-        return this._future.length > 0;
-    }
-    undo() {
-        if (this.canUndo()) {
-            this._future.push(this._present);
-            this._present = this._past.pop();
-        }
-    }
-    redo() {
-        if (this.canRedo()) {
-            this._past.push(this._present);
-            this._present = this._future.pop();
-        }
-    }
-    clearUndo() {
-        this._histClean = true;
-        this._past = [];
-        this._future = [];
-    }
-    persist() {
-    }
-}
-
-class HistReducerImpl {
-    constructor() {
-        this.sliceName = "";
-    }
-    reduce(stateManager, _currentState, action) {
-        switch (action.type) {
-            case Action.DATA_SAVED:
-            case Action.EDITION_CANCELED:
-                stateManager.clearUndo();
-                break;
-            case Action.CHANGE_UNDONE:
-                stateManager.undo();
-                break;
-            case Action.CHANGE_REDONE:
-                stateManager.redo();
-                break;
-        }
-    }
-}
-const HistReducer = new HistReducerImpl();
-const canUndo = (stateManager) => {
-    return stateManager.canUndo();
-};
-const canRedo = (stateManager) => {
-    return stateManager.canRedo();
-};
-
-class UnitMetadataReducerImpl {
-    constructor() {
-        this.sliceName = "unitMetadata";
-    }
-    reduce(_stateManager, currentState, action) {
-        if (action.type === Action.METADATA_LOADED) {
-            return action.payload;
-        }
-        return currentState;
-    }
-}
-const UnitMetadataReducer = new UnitMetadataReducerImpl();
-const getMetadata = (stateManager) => {
-    return stateManager.select(UnitMetadataReducer.sliceName, (state) => state);
-};
-const getField = (stateManager, fieldName) => {
-    const md = getMetadata(stateManager);
-    return md ? md.fields.find(fmd => fmd.name === fieldName) : undefined;
-};
-
-class RemovedRecordsReducerImpl {
-    constructor() {
-        this.sliceName = "hist::removedRecords";
-    }
-    reduce(_stateManager, currentState, action) {
-        switch (action.type) {
-            case Action.RECORDS_REMOVED:
-                const { records, buffered } = action.payload;
-                if (buffered) {
-                    return (currentState || []).concat(records);
-                }
-                return currentState;
-            case Action.EDITION_CANCELED:
-            case Action.DATA_SAVED:
-                return undefined;
-        }
-        return currentState;
-    }
-}
-const RemovedRecordsReducer = new RemovedRecordsReducerImpl();
-const getRemovedRecords = (stateManager) => {
-    return stateManager.select(RemovedRecordsReducer.sliceName, (state) => state);
-};
-
-class RecordsReducerImpl {
-    constructor() {
-        this.sliceName = "records";
-    }
-    reduce(stateManager, currentState, action) {
-        switch (action.type) {
-            case Action.DATA_LOADED:
-                return action.payload;
-            case Action.RECORDS_REMOVED:
-                const { records, buffered } = action.payload;
-                if (!buffered) {
-                    return currentState.filter(r => !records.includes(r.__record__id__));
-                }
-                return currentState;
-            case Action.DATA_SAVED:
-                const recordsMap = new Map();
-                const currentRecords = getRecords(stateManager);
-                if (currentRecords) {
-                    const removed = getRemovedRecords(stateManager) || [];
-                    currentRecords.forEach(r => {
-                        if (!removed.includes(r.__record__id__)) {
-                            recordsMap.set(r.__record__id__, r);
-                        }
-                    });
-                }
-                const savedRecords = action.payload.records;
-                savedRecords.forEach(sr => {
-                    const recordId = sr.__old__id__ || sr.__record__id__;
-                    const newRecord = Object.assign({}, sr);
-                    delete newRecord["__old__id__"];
-                    recordsMap.set(recordId, newRecord);
-                });
-                return Array.from(recordsMap.values());
-        }
-        return currentState;
-    }
-}
-const RecordsReducer = new RecordsReducerImpl();
-const getRecords = (stateManager) => {
-    return stateManager.select(RecordsReducer.sliceName, (state) => state);
-};
-
-class AddedRecordsReducerImpl {
-    constructor() {
-        this.sliceName = "hist::addedRecords";
-    }
-    reduce(_stateManager, currentState, action) {
-        switch (action.type) {
-            case Action.RECORDS_ADDED:
-            case Action.RECORDS_COPIED:
-                return (currentState || []).concat(action.payload);
-            case Action.DATA_SAVED:
-            case Action.EDITION_CANCELED:
-                return undefined;
-        }
-        return currentState;
-    }
-}
-const AddedRecordsReducer = new AddedRecordsReducerImpl();
-const getAddedRecords = (stateManager) => {
-    return stateManager.select(AddedRecordsReducer.sliceName, (state) => state);
-};
-const prepareAddedRecordId = (stateManager, source) => {
-    let index = (getAddedRecords(stateManager) || []).length;
-    return source.map(item => { return Object.assign(Object.assign({}, item), { __record__id__: "NEW_" + (index++) }); });
-};
-
-class ChangesReducerImpl {
-    constructor() {
-        this.sliceName = "hist::changes";
-    }
-    reduce(stateManager, currentState, action) {
-        switch (action.type) {
-            case Action.DATA_CHANGED:
-                const selection = action.payload.records || getSelection(stateManager);
-                if (selection) {
-                    const newState = new Map(currentState);
-                    selection.forEach(recordId => {
-                        const newChanges = Object.assign(Object.assign({}, newState.get(recordId)), action.payload);
-                        delete newChanges.records;
-                        newState.set(recordId, newChanges);
-                    });
-                    return newState;
-                }
-                return currentState;
-            case Action.DATA_SAVED:
-            case Action.EDITION_CANCELED:
-                return undefined;
-        }
-        return currentState;
-    }
-}
-const ChangesReducer = new ChangesReducerImpl();
-const getChanges = (stateManager) => {
-    return stateManager.select(ChangesReducer.sliceName, (state) => state);
-};
-const isDirty = (stateManager) => {
-    if (getAddedRecords(stateManager) !== undefined) {
-        return true;
-    }
-    if (getRemovedRecords(stateManager) !== undefined) {
-        return true;
-    }
-    return getChanges(stateManager) !== undefined;
-};
-const getChangesToSave = (dataUnit, stateManager) => {
-    const result = [];
-    const changes = getChanges(stateManager);
-    const records = getRecords(stateManager);
-    records === null || records === void 0 ? void 0 : records.forEach(r => {
-        if (changes) {
-            const c = changes.get(r.__record__id__);
-            if (c) {
-                result.push(new Change(dataUnit, r, c, ChangeOperation.UPDATE));
-            }
-        }
-    });
-    const addedRecords = getAddedRecords(stateManager);
-    if (addedRecords) {
-        addedRecords.forEach(r => {
-            result.push(new Change(dataUnit, r, changes === null || changes === void 0 ? void 0 : changes.get(r.__record__id__), ChangeOperation.INSERT));
-        });
-    }
-    const removedRecords = getRemovedRecords(stateManager);
-    const recordsById = {};
-    records === null || records === void 0 ? void 0 : records.forEach(r => recordsById[r.__record__id__] = r);
-    if (removedRecords) {
-        removedRecords.forEach(id => {
-            result.push(new Change(dataUnit, recordsById[id], undefined, ChangeOperation.DELETE));
-        });
-    }
-    return result;
-};
-
-class CurrentRecordsReducerImpl {
-    constructor() {
-        this.sliceName = "currentRecords";
-    }
-    reduce(stateManager, _currentState, _action) {
-        let records = getRecords(stateManager);
-        const added = getAddedRecords(stateManager);
-        if (!records && !added) {
-            return undefined;
-        }
-        if (added) {
-            records = (records || []).concat(added);
-        }
-        const removedRecords = getRemovedRecords(stateManager);
-        if (removedRecords) {
-            records = records.filter(r => !removedRecords.includes(r.__record__id__));
-        }
-        const changes = getChanges(stateManager);
-        return new Map(records.map(r => {
-            const recordId = r.__record__id__;
-            const record = Object.assign(Object.assign({}, r), changes === null || changes === void 0 ? void 0 : changes.get(recordId));
-            return [recordId, record];
-        }));
-    }
-}
-const CurrentRecordsReducer = new CurrentRecordsReducerImpl();
-const getCurrentRecords = (stateManager) => {
-    return stateManager.select(CurrentRecordsReducer.sliceName, (state) => state);
-};
-const getFieldValue = (stateManager, fieldName) => {
-    const selection = getSelection(stateManager);
-    if (selection && selection.length > 0) {
-        const currentRecords = getCurrentRecords(stateManager);
-        if (currentRecords) {
-            const record = currentRecords.get(selection[0]);
-            return record ? record[fieldName] : undefined;
-        }
-    }
-    return undefined;
-};
-
-class SelectionReducerImpl {
-    constructor() {
-        this.sliceName = "hist::selection";
-    }
-    reduce(stateManager, currentState, action) {
-        switch (action.type) {
-            case Action.RECORDS_ADDED:
-            case Action.RECORDS_COPIED:
-                return action.payload.map((r) => r.__record__id__);
-            case Action.DATA_SAVED:
-                return updateSavedIds(stateManager, action.payload.records);
-            case Action.RECORDS_REMOVED:
-                const removed = action.payload.records;
-                if (currentState && removed) {
-                    return currentState.filter(recordId => !removed.includes(recordId));
-                }
-                return currentState;
-            case Action.NEXT_SELECTED:
-            case Action.PREVIOUS_SELECTED:
-                const currentRecords = getCurrentRecords(stateManager);
-                if (currentRecords && currentRecords.size > 0) {
-                    let index;
-                    if (!currentState || currentState.length === 0) {
-                        index = action.type === Action.PREVIOUS_SELECTED ? 0 : Math.min(1, currentRecords.size);
-                    }
-                    else {
-                        index = getItemIndex(currentState[0], currentRecords) + (action.type === Action.PREVIOUS_SELECTED ? -1 : 1);
-                    }
-                    if (index < currentRecords.size && index >= 0) {
-                        return [Array.from(currentRecords.values())[index].__record__id__];
-                    }
-                }
-                return undefined;
-            case Action.SELECTION_CHANGED:
-                const { type, selection: selectionSource } = action.payload;
-                if (selectionSource && type === "index") {
-                    const currentRecords = getCurrentRecords(stateManager);
-                    if (currentRecords) {
-                        const records = Array.from(currentRecords.values());
-                        const selectionById = [];
-                        selectionSource.forEach((i) => {
-                            if (i > 0 && i < currentRecords.size) {
-                                selectionById.push(records[i].__record__id__);
-                            }
-                        });
-                        return selectionById;
-                    }
-                }
-                return selectionSource;
-        }
-        return currentState;
-    }
-}
-const SelectionReducer = new SelectionReducerImpl();
-const getSelection = (stateManager) => {
-    let selection = stateManager.select(SelectionReducer.sliceName, (state) => state);
-    const currentRecords = Array.from((getCurrentRecords(stateManager) || new Map()).keys());
-    if (selection) {
-        selection = selection.filter(id => currentRecords.includes(id));
-    }
-    if (!selection || selection.length === 0) {
-        if (currentRecords && currentRecords.length > 0) {
-            return [currentRecords[0]];
-        }
-    }
-    return selection;
-};
-const hasNext = (stateManager) => {
-    const records = getCurrentRecords(stateManager);
-    if (records) {
-        const selection = stateManager.select(SelectionReducer.sliceName, (state) => state);
-        if (!selection || selection.length === 0) {
-            return records.size > 0;
-        }
-        return records.size > (getItemIndex(selection[0], records) + 1);
-    }
-    return false;
-};
-const hasPrevious = (stateManager) => {
-    const records = getCurrentRecords(stateManager);
-    if (records) {
-        const selection = stateManager.select(SelectionReducer.sliceName, (state) => state);
-        if (!selection || selection.length === 0) {
-            return false;
-        }
-        return getItemIndex(selection[0], records) > 0;
-    }
-    return false;
-};
-function getItemIndex(key, map) {
-    return Array.from(map.keys()).indexOf(key);
-}
-function updateSavedIds(stateManager, savedRecords) {
-    const currentSelection = getSelection(stateManager);
-    if (currentSelection) {
-        const newSelection = [];
-        currentSelection.forEach(id => {
-            const record = savedRecords.find(r => r.__old__id__ === id);
-            if (record) {
-                newSelection.push(record.__record__id__);
-            }
-            else {
-                newSelection.push(id);
-            }
-        });
-        return newSelection;
-    }
-    return currentSelection;
-}
-
-var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-class DataUnit {
-    constructor(name) {
-        this._name = name;
-        this._stateManager = new StateManager([
-            HistReducer,
-            UnitMetadataReducer,
-            RecordsReducer,
-            RemovedRecordsReducer,
-            AddedRecordsReducer,
-            SelectionReducer,
-            ChangesReducer,
-            CurrentRecordsReducer
-        ]);
-        this._observers = [];
-        this._filterProviders = [];
-        this._sortingProvider = undefined;
-        this._interceptors = [];
-    }
-    get name() {
-        return this._name;
-    }
-    // Métodos privados
-    validateAndTypeValue(fieldName, newValue) {
-        //FIXME: Validações devem ser feitas aqui
-        const descriptor = this.getField(fieldName);
-        return descriptor ? convertType(descriptor.dataType, newValue) : newValue;
-    }
-    getFilters() {
-        let filters = undefined;
-        this._filterProviders.forEach(p => {
-            const f = p.getFilter(this.name);
-            if (f) {
-                filters = (filters || []).concat(f);
-            }
-        });
-        return filters;
-    }
-    getSort() {
-        return this._sortingProvider ? this._sortingProvider.getSort(this._name) : undefined;
-    }
-    // Loaders
-    loadMetadata() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.dispatchAction(Action.LOADING_METADATA);
-            return new Promise((resolve, fail) => {
-                if (this.metadataLoader) {
-                    this.metadataLoader(this).then(metadata => {
-                        this.metadata = metadata;
-                        resolve(this.metadata);
-                    }).catch(error => fail(error));
-                }
-            });
-        });
-    }
-    loadData() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.dispatchAction(Action.LOADING_DATA);
-            return new Promise((resolve, fail) => {
-                if (this.dataLoader) {
-                    const sort = this.getSort();
-                    const filters = this.getFilters();
-                    this.dataLoader(this, sort, filters).then(records => {
-                        this.records = records;
-                        resolve(this.records);
-                    }).catch(error => fail(error));
-                }
-            });
-        });
-    }
-    saveData() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const changes = getChangesToSave(this._name, this._stateManager);
-            if (changes.length > 0) {
-                this.dispatchAction(Action.SAVING_DATA);
-                return new Promise((resolve, fail) => {
-                    if (this.saveLoader) {
-                        this.saveLoader(this, changes).then(records => this.dispatchAction(Action.DATA_SAVED, { changes, records })).catch(error => fail(error));
-                    }
-                });
-            }
-            return Promise.resolve();
-        });
-    }
-    removeSelectedRecords(buffered = false) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const selection = getSelection(this._stateManager);
-            if (selection) {
-                return this.removeRecords(selection, buffered);
-            }
-            return Promise.resolve(selection);
-        });
-    }
-    removeRecords(records, buffered = false) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (records) {
-                if (buffered || !this.removeLoader) {
-                    this.dispatchAction(Action.RECORDS_REMOVED, { records, buffered: true });
-                }
-                else {
-                    this.dispatchAction(Action.REMOVING_RECORDS);
-                    return new Promise((resolve, fail) => {
-                        if (this.removeLoader) {
-                            this.removeLoader(this, records).then(records => {
-                                this.dispatchAction(Action.RECORDS_REMOVED, { records, buffered: false });
-                                resolve(records);
-                            }).catch(error => fail(error));
-                        }
-                    });
-                }
-            }
-            return Promise.resolve(records);
-        });
-    }
-    // API
-    valueFromString(fieldName, value) {
-        const descriptor = this.getField(fieldName);
-        return descriptor ? convertType(descriptor.dataType, value) : value;
-    }
-    addInterceptor(interceptor) {
-        this._interceptors.push(interceptor);
-    }
-    addFilterProvider(provider) {
-        this._filterProviders.push(provider);
-    }
-    set sortingProvider(provider) {
-        this._sortingProvider = provider;
-    }
-    set metadata(md) {
-        this.dispatchAction(Action.METADATA_LOADED, md);
-    }
-    get metadata() {
-        return getMetadata(this._stateManager);
-    }
-    set records(r) {
-        this.dispatchAction(Action.DATA_LOADED, r);
-    }
-    get records() {
-        const records = getCurrentRecords(this._stateManager);
-        return records ? Array.from(records.values()) : [];
-    }
-    getField(fieldName) {
-        return getField(this._stateManager, fieldName);
-    }
-    addRecord() {
-        this.dispatchAction(Action.RECORDS_ADDED, prepareAddedRecordId(this._stateManager, [{}]));
-    }
-    copySelected() {
-        const selectedRecords = this.getSelectedRecords();
-        if (selectedRecords) {
-            this.dispatchAction(Action.RECORDS_COPIED, prepareAddedRecordId(this._stateManager, selectedRecords));
-        }
-    }
-    getFieldValue(fieldName) {
-        return getFieldValue(this._stateManager, fieldName);
-    }
-    setFieldValue(fieldName, newValue, records) {
-        const typedValue = this.validateAndTypeValue(fieldName, newValue);
-        const currentValue = this.getFieldValue(fieldName);
-        if (currentValue !== typedValue) {
-            this.dispatchAction(Action.DATA_CHANGED, { [fieldName]: typedValue, records });
-        }
-    }
-    getSelection() {
-        return getSelection(this._stateManager);
-    }
-    setSelection(selection) {
-        this.dispatchAction(Action.SELECTION_CHANGED, { type: "id", selection });
-    }
-    setSelectionByIndex(selection) {
-        this.dispatchAction(Action.SELECTION_CHANGED, { type: "index", selection });
-    }
-    getSelectedRecords() {
-        const selection = this.getSelection();
-        if (selection) {
-            const currentRecords = this.records;
-            return currentRecords === null || currentRecords === void 0 ? void 0 : currentRecords.filter(r => selection.includes(r.__record__id__));
-        }
-    }
-    nextRecord() {
-        this.dispatchAction(Action.NEXT_SELECTED);
-    }
-    previousRecord() {
-        this.dispatchAction(Action.PREVIOUS_SELECTED);
-    }
-    cancelEdition() {
-        this.dispatchAction(Action.EDITION_CANCELED);
-    }
-    isDirty() {
-        return isDirty(this._stateManager);
-    }
-    hasNext() {
-        return hasNext(this._stateManager);
-    }
-    hasPrevious() {
-        return hasPrevious(this._stateManager);
-    }
-    canUndo() {
-        return canUndo(this._stateManager);
-    }
-    canRedo() {
-        return canRedo(this._stateManager);
-    }
-    undo() {
-        this.dispatchAction(Action.CHANGE_UNDONE);
-    }
-    redo() {
-        this.dispatchAction(Action.CHANGE_REDONE);
-    }
-    toString() {
-        return this.name;
-    }
-    // Actions / State manager
-    dispatchAction(actionType, payload) {
-        var _a;
-        let action = new DataUnitAction(actionType, payload);
-        (_a = this._interceptors) === null || _a === void 0 ? void 0 : _a.forEach(interceptor => {
-            if (action) {
-                action = interceptor.interceptAction(action);
-            }
-        });
-        if (action) {
-            this._stateManager.process(action);
-            this._observers.forEach(f => f(action));
-        }
-    }
-    subscribe(observer) {
-        this._observers.push(observer);
-    }
-    unsubscribe(observer) {
-        this._observers = this._observers.filter(f => f !== observer);
-    }
-}
-var ChangeOperation;
-(function (ChangeOperation) {
-    ChangeOperation["INSERT"] = "INSERT";
-    ChangeOperation["UPDATE"] = "UPDATE";
-    ChangeOperation["DELETE"] = "DELETE";
-})(ChangeOperation || (ChangeOperation = {}));
-class Change {
-    constructor(dataUnit, record, updates, operation) {
-        this.dataUnit = dataUnit;
-        this.record = record;
-        this.updatingFields = updates;
-        this._operation = operation;
-    }
-    get operation() {
-        return this._operation.toString();
-    }
-    isInsert() {
-        return this._operation === ChangeOperation.INSERT;
-    }
-    isDelete() {
-        return this._operation === ChangeOperation.DELETE;
-    }
-    isUpdate() {
-        return this._operation === ChangeOperation.UPDATE;
-    }
-}
-
-var SortMode;
-(function (SortMode) {
-    SortMode["ASC"] = "ASC";
-    SortMode["DESC"] = "DESC";
-})(SortMode || (SortMode = {}));
-var DependencyType;
-(function (DependencyType) {
-    DependencyType["SEARCHING"] = "SEARCHING";
-    DependencyType["REQUIREMENT"] = "REQUIREMENT";
-    DependencyType["VISIBILITY"] = "REQUIREMENT";
-})(DependencyType || (DependencyType = {}));
-var UserInterface;
-(function (UserInterface) {
-    UserInterface["FILE"] = "FILE";
-    UserInterface["IMAGE"] = "IMAGE";
-    UserInterface["DATE"] = "DATE";
-    UserInterface["DATETIME"] = "DATETIME";
-    UserInterface["TIME"] = "TIME";
-    UserInterface["ELAPSEDTIME"] = "ELAPSEDTIME";
-    UserInterface["CHECKBOX"] = "CHECKBOX";
-    UserInterface["SWITCH"] = "SWITCH";
-    UserInterface["OPTIONSELECTOR"] = "OPTIONSELECTOR";
-    UserInterface["DECIMALNUMBER"] = "DECIMALNUMBER";
-    UserInterface["INTEGERNUMBER"] = "INTEGERNUMBER";
-    UserInterface["SEARCH"] = "SEARCH";
-    UserInterface["SHORTTEXT"] = "SHORTTEXT";
-    UserInterface["PASSWORD"] = "PASSWORD";
-    UserInterface["MASKEDTEXT"] = "MASKEDTEXT";
-    UserInterface["LONGTEXT"] = "LONGTEXT";
-    UserInterface["HTML"] = "HTML";
+/**
+ * Essa classe representa uma interpretação do padrão de projetos Flux.
+ * No padrão Flux os dados da aplicação são chamados de "estado" e existem
+ * algumas regras para gerenciamento/manipulação desse estado:
+ *
+ *  1 - O estado é imutável.
+ *  2 - Toda modificação de estado é representada por uma "ação".
+ *  3 - Quando "ações" acontecem a "store" cria um novo estado e notifica a todos interessados.
+ *
+ * Nessa interpretação desse design pattern, o StateManager faz o papel da store,
+ * notificando os manipuladores de estado (handlers), que são responsáveis por pedaços
+ * do estado (slices).
+ *
+ * O StateManager mantém dois tipos de estados: "Histórico" e "Não Histórico". No estado
+ * "Histórico", sempre que uma alteração de estado acontece, o estado anterior é guardado em
+ * uma pilha, o que permite que possamos voltar no tempo, desfazendo algumas ações
+ */
+class StateManager {
+    constructor(reducers) {
+        this._past = [];
+        this._future = [];
+        this._present = {};
+        this._nonHist = {};
+        this._histClean = false;
+        this._reducers = reducers;
+    }
+    process(action) {
+        const oldPresent = this._present;
+        let hasHistChange = false;
+        this._histClean = false;
+        this._reducers.forEach(reducer => {
+            const sliceName = reducer.sliceName;
+            const isHistoric = this.isHistoric(sliceName);
+            const oldSlice = this.getSlice(sliceName, isHistoric);
+            const newSlice = reducer.reduce(this, oldSlice, action);
+            if (newSlice !== oldSlice) {
+                this.updateSlice(sliceName, newSlice, isHistoric);
+                hasHistChange || (hasHistChange = isHistoric);
+            }
+        });
+        if (hasHistChange && !this._histClean) {
+            this._past.push(oldPresent);
+            this._future = [];
+            document.dispatchEvent(new CustomEvent("undoableAction", { detail: this }));
+        }
+    }
+    select(sliceName, selector) {
+        const isHistoric = this.isHistoric(sliceName);
+        return selector(this.getSlice(sliceName, isHistoric));
+    }
+    isHistoric(slice) {
+        return slice.startsWith("hist::");
+    }
+    updateSlice(name, slice, isHistoric) {
+        if (isHistoric) {
+            this._present = Object.assign(Object.assign({}, this._present), { [name]: slice });
+            if (slice === undefined) {
+                delete this._present[name];
+            }
+        }
+        else {
+            this._nonHist = Object.assign(Object.assign({}, this._nonHist), { [name]: slice });
+            if (slice === undefined) {
+                delete this._nonHist[name];
+            }
+        }
+    }
+    getSlice(name, isHistoric) {
+        return isHistoric ? this._present[name] : this._nonHist[name];
+    }
+    canUndo() {
+        return this._past.length > 0;
+    }
+    canRedo() {
+        return this._future.length > 0;
+    }
+    undo() {
+        if (this.canUndo()) {
+            this._future.push(this._present);
+            this._present = this._past.pop();
+        }
+    }
+    redo() {
+        if (this.canRedo()) {
+            this._past.push(this._present);
+            this._present = this._future.pop();
+        }
+    }
+    clearUndo() {
+        this._histClean = true;
+        this._past = [];
+        this._future = [];
+    }
+    persist() {
+    }
+}
+
+class HistReducerImpl {
+    constructor() {
+        this.sliceName = "";
+    }
+    reduce(stateManager, _currentState, action) {
+        switch (action.type) {
+            case Action.DATA_SAVED:
+            case Action.EDITION_CANCELED:
+                stateManager.clearUndo();
+                break;
+            case Action.CHANGE_UNDONE:
+                stateManager.undo();
+                break;
+            case Action.CHANGE_REDONE:
+                stateManager.redo();
+                break;
+        }
+    }
+}
+const HistReducer = new HistReducerImpl();
+const canUndo = (stateManager) => {
+    return stateManager.canUndo();
+};
+const canRedo = (stateManager) => {
+    return stateManager.canRedo();
+};
+
+class UnitMetadataReducerImpl {
+    constructor() {
+        this.sliceName = "unitMetadata";
+    }
+    reduce(_stateManager, currentState, action) {
+        if (action.type === Action.METADATA_LOADED) {
+            return action.payload;
+        }
+        return currentState;
+    }
+}
+const UnitMetadataReducer = new UnitMetadataReducerImpl();
+const getMetadata = (stateManager) => {
+    return stateManager.select(UnitMetadataReducer.sliceName, (state) => state);
+};
+const getField = (stateManager, fieldName) => {
+    const md = getMetadata(stateManager);
+    return md ? md.fields.find(fmd => fmd.name === fieldName) : undefined;
+};
+
+class RemovedRecordsReducerImpl {
+    constructor() {
+        this.sliceName = "hist::removedRecords";
+    }
+    reduce(_stateManager, currentState, action) {
+        switch (action.type) {
+            case Action.RECORDS_REMOVED:
+                const { records, buffered } = action.payload;
+                if (buffered) {
+                    return (currentState || []).concat(records);
+                }
+                return currentState;
+            case Action.EDITION_CANCELED:
+            case Action.DATA_SAVED:
+                return undefined;
+        }
+        return currentState;
+    }
+}
+const RemovedRecordsReducer = new RemovedRecordsReducerImpl();
+const getRemovedRecords = (stateManager) => {
+    return stateManager.select(RemovedRecordsReducer.sliceName, (state) => state);
+};
+
+class RecordsReducerImpl {
+    constructor() {
+        this.sliceName = "records";
+    }
+    reduce(stateManager, currentState, action) {
+        switch (action.type) {
+            case Action.DATA_LOADED:
+                return action.payload;
+            case Action.RECORDS_REMOVED:
+                const { records, buffered } = action.payload;
+                if (!buffered) {
+                    return currentState.filter(r => !records.includes(r.__record__id__));
+                }
+                return currentState;
+            case Action.DATA_SAVED:
+                const recordsMap = new Map();
+                const currentRecords = getRecords(stateManager);
+                if (currentRecords) {
+                    const removed = getRemovedRecords(stateManager) || [];
+                    currentRecords.forEach(r => {
+                        if (!removed.includes(r.__record__id__)) {
+                            recordsMap.set(r.__record__id__, r);
+                        }
+                    });
+                }
+                const savedRecords = action.payload.records;
+                savedRecords.forEach(sr => {
+                    const recordId = sr.__old__id__ || sr.__record__id__;
+                    const newRecord = Object.assign({}, sr);
+                    delete newRecord["__old__id__"];
+                    recordsMap.set(recordId, newRecord);
+                });
+                return Array.from(recordsMap.values());
+        }
+        return currentState;
+    }
+}
+const RecordsReducer = new RecordsReducerImpl();
+const getRecords = (stateManager) => {
+    return stateManager.select(RecordsReducer.sliceName, (state) => state);
+};
+
+class AddedRecordsReducerImpl {
+    constructor() {
+        this.sliceName = "hist::addedRecords";
+    }
+    reduce(_stateManager, currentState, action) {
+        switch (action.type) {
+            case Action.RECORDS_ADDED:
+            case Action.RECORDS_COPIED:
+                return (currentState || []).concat(action.payload);
+            case Action.DATA_SAVED:
+            case Action.EDITION_CANCELED:
+                return undefined;
+        }
+        return currentState;
+    }
+}
+const AddedRecordsReducer = new AddedRecordsReducerImpl();
+const getAddedRecords = (stateManager) => {
+    return stateManager.select(AddedRecordsReducer.sliceName, (state) => state);
+};
+const prepareAddedRecordId = (stateManager, source) => {
+    let index = (getAddedRecords(stateManager) || []).length;
+    return source.map(item => { return Object.assign(Object.assign({}, item), { __record__id__: "NEW_" + (index++) }); });
+};
+
+class ChangesReducerImpl {
+    constructor() {
+        this.sliceName = "hist::changes";
+    }
+    reduce(stateManager, currentState, action) {
+        switch (action.type) {
+            case Action.DATA_CHANGED:
+                const selection = action.payload.records || getSelection(stateManager);
+                if (selection) {
+                    const newState = new Map(currentState);
+                    selection.forEach(recordId => {
+                        const newChanges = Object.assign(Object.assign({}, newState.get(recordId)), action.payload);
+                        delete newChanges.records;
+                        newState.set(recordId, newChanges);
+                    });
+                    return newState;
+                }
+                return currentState;
+            case Action.DATA_SAVED:
+            case Action.EDITION_CANCELED:
+                return undefined;
+        }
+        return currentState;
+    }
+}
+const ChangesReducer = new ChangesReducerImpl();
+const getChanges = (stateManager) => {
+    return stateManager.select(ChangesReducer.sliceName, (state) => state);
+};
+const isDirty = (stateManager) => {
+    if (getAddedRecords(stateManager) !== undefined) {
+        return true;
+    }
+    if (getRemovedRecords(stateManager) !== undefined) {
+        return true;
+    }
+    return getChanges(stateManager) !== undefined;
+};
+const getChangesToSave = (dataUnit, stateManager) => {
+    const result = [];
+    const changes = getChanges(stateManager);
+    const records = getRecords(stateManager);
+    records === null || records === void 0 ? void 0 : records.forEach(r => {
+        if (changes) {
+            const c = changes.get(r.__record__id__);
+            if (c) {
+                result.push(new Change(dataUnit, r, c, ChangeOperation.UPDATE));
+            }
+        }
+    });
+    const addedRecords = getAddedRecords(stateManager);
+    if (addedRecords) {
+        addedRecords.forEach(r => {
+            result.push(new Change(dataUnit, r, changes === null || changes === void 0 ? void 0 : changes.get(r.__record__id__), ChangeOperation.INSERT));
+        });
+    }
+    const removedRecords = getRemovedRecords(stateManager);
+    const recordsById = {};
+    records === null || records === void 0 ? void 0 : records.forEach(r => recordsById[r.__record__id__] = r);
+    if (removedRecords) {
+        removedRecords.forEach(id => {
+            result.push(new Change(dataUnit, recordsById[id], undefined, ChangeOperation.DELETE));
+        });
+    }
+    return result;
+};
+
+class CurrentRecordsReducerImpl {
+    constructor() {
+        this.sliceName = "currentRecords";
+    }
+    reduce(stateManager) {
+        let records = getRecords(stateManager);
+        const added = getAddedRecords(stateManager);
+        if (!records && !added) {
+            return undefined;
+        }
+        if (added) {
+            records = (records || []).concat(added);
+        }
+        const removedRecords = getRemovedRecords(stateManager);
+        if (removedRecords) {
+            records = records.filter(r => !removedRecords.includes(r.__record__id__));
+        }
+        const changes = getChanges(stateManager);
+        return new Map(records.map(r => {
+            const recordId = r.__record__id__;
+            const record = Object.assign(Object.assign({}, r), changes === null || changes === void 0 ? void 0 : changes.get(recordId));
+            return [recordId, record];
+        }));
+    }
+}
+const CurrentRecordsReducer = new CurrentRecordsReducerImpl();
+const getCurrentRecords = (stateManager) => {
+    return stateManager.select(CurrentRecordsReducer.sliceName, (state) => state);
+};
+const getFieldValue = (stateManager, fieldName) => {
+    const selection = getSelection(stateManager);
+    if (selection && selection.length > 0) {
+        const currentRecords = getCurrentRecords(stateManager);
+        if (currentRecords) {
+            const record = currentRecords.get(selection[0]);
+            return record ? record[fieldName] : undefined;
+        }
+    }
+    return undefined;
+};
+
+class SelectionReducerImpl {
+    constructor() {
+        this.sliceName = "hist::selection";
+    }
+    reduce(stateManager, currentState, action) {
+        switch (action.type) {
+            case Action.RECORDS_ADDED:
+            case Action.RECORDS_COPIED:
+                return action.payload.map((r) => r.__record__id__);
+            case Action.DATA_SAVED:
+                return updateSavedIds(stateManager, action.payload.records);
+            case Action.RECORDS_REMOVED:
+                const removed = action.payload.records;
+                if (currentState && removed) {
+                    return currentState.filter(recordId => !removed.includes(recordId));
+                }
+                return currentState;
+            case Action.NEXT_SELECTED:
+            case Action.PREVIOUS_SELECTED:
+                const currentRecords = getCurrentRecords(stateManager);
+                if (currentRecords && currentRecords.size > 0) {
+                    let index;
+                    if (!currentState || currentState.length === 0) {
+                        index = action.type === Action.PREVIOUS_SELECTED ? 0 : Math.min(1, currentRecords.size);
+                    }
+                    else {
+                        index = getItemIndex(currentState[0], currentRecords) + (action.type === Action.PREVIOUS_SELECTED ? -1 : 1);
+                    }
+                    if (index < currentRecords.size && index >= 0) {
+                        return [Array.from(currentRecords.values())[index].__record__id__];
+                    }
+                }
+                return undefined;
+            case Action.SELECTION_CHANGED:
+                const { type, selection: selectionSource } = action.payload;
+                if (selectionSource && type === "index") {
+                    const currentRecords = getCurrentRecords(stateManager);
+                    if (currentRecords) {
+                        const records = Array.from(currentRecords.values());
+                        const selectionById = [];
+                        selectionSource.forEach((i) => {
+                            if (i > 0 && i < currentRecords.size) {
+                                selectionById.push(records[i].__record__id__);
+                            }
+                        });
+                        return selectionById;
+                    }
+                }
+                return selectionSource;
+        }
+        return currentState;
+    }
+}
+const SelectionReducer = new SelectionReducerImpl();
+const getSelection = (stateManager) => {
+    let selection = stateManager.select(SelectionReducer.sliceName, (state) => state);
+    const currentRecords = Array.from((getCurrentRecords(stateManager) || new Map()).keys());
+    if (selection) {
+        selection = selection.filter(id => currentRecords.includes(id));
+    }
+    if (!selection || selection.length === 0) {
+        if (currentRecords && currentRecords.length > 0) {
+            return [currentRecords[0]];
+        }
+    }
+    return selection;
+};
+const hasNext = (stateManager) => {
+    const records = getCurrentRecords(stateManager);
+    if (records) {
+        const selection = stateManager.select(SelectionReducer.sliceName, (state) => state);
+        if (!selection || selection.length === 0) {
+            return records.size > 0;
+        }
+        return records.size > (getItemIndex(selection[0], records) + 1);
+    }
+    return false;
+};
+const hasPrevious = (stateManager) => {
+    const records = getCurrentRecords(stateManager);
+    if (records) {
+        const selection = stateManager.select(SelectionReducer.sliceName, (state) => state);
+        if (!selection || selection.length === 0) {
+            return false;
+        }
+        return getItemIndex(selection[0], records) > 0;
+    }
+    return false;
+};
+function getItemIndex(key, map) {
+    return Array.from(map.keys()).indexOf(key);
+}
+function updateSavedIds(stateManager, savedRecords) {
+    const currentSelection = getSelection(stateManager);
+    if (currentSelection) {
+        const newSelection = [];
+        currentSelection.forEach(id => {
+            const record = savedRecords.find(r => r.__old__id__ === id);
+            if (record) {
+                newSelection.push(record.__record__id__);
+            }
+            else {
+                newSelection.push(id);
+            }
+        });
+        return newSelection;
+    }
+    return currentSelection;
+}
+
+var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+class DataUnit {
+    constructor(name) {
+        this._name = name;
+        this._stateManager = new StateManager([
+            HistReducer,
+            UnitMetadataReducer,
+            RecordsReducer,
+            RemovedRecordsReducer,
+            AddedRecordsReducer,
+            SelectionReducer,
+            ChangesReducer,
+            CurrentRecordsReducer
+        ]);
+        this._observers = [];
+        this._filterProviders = [];
+        this._sortingProvider = undefined;
+        this._interceptors = [];
+    }
+    get name() {
+        return this._name;
+    }
+    // Métodos privados
+    validateAndTypeValue(fieldName, newValue) {
+        //FIXME: Validações devem ser feitas aqui
+        const descriptor = this.getField(fieldName);
+        return descriptor ? convertType(descriptor.dataType, newValue) : newValue;
+    }
+    getFilters() {
+        let filters = undefined;
+        this._filterProviders.forEach(p => {
+            const f = p.getFilter(this.name);
+            if (f) {
+                filters = (filters || []).concat(f);
+            }
+        });
+        return filters;
+    }
+    getSort() {
+        return this._sortingProvider ? this._sortingProvider.getSort(this._name) : undefined;
+    }
+    // Loaders
+    loadMetadata() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.dispatchAction(Action.LOADING_METADATA);
+            return new Promise((resolve, fail) => {
+                if (this.metadataLoader) {
+                    this.metadataLoader(this).then(metadata => {
+                        this.metadata = metadata;
+                        resolve(this.metadata);
+                    }).catch(error => fail(error));
+                }
+            });
+        });
+    }
+    loadData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.dispatchAction(Action.LOADING_DATA);
+            return new Promise((resolve, fail) => {
+                if (this.dataLoader) {
+                    const sort = this.getSort();
+                    const filters = this.getFilters();
+                    this.dataLoader(this, sort, filters).then(records => {
+                        this.records = records;
+                        resolve(this.records);
+                    }).catch(error => fail(error));
+                }
+            });
+        });
+    }
+    saveData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const changes = getChangesToSave(this._name, this._stateManager);
+            if (changes.length > 0) {
+                this.dispatchAction(Action.SAVING_DATA);
+                return new Promise((resolve, fail) => {
+                    if (this.saveLoader) {
+                        this.saveLoader(this, changes).then(records => this.dispatchAction(Action.DATA_SAVED, { changes, records })).catch(error => fail(error));
+                    }
+                });
+            }
+            return Promise.resolve();
+        });
+    }
+    removeSelectedRecords(buffered = false) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const selection = getSelection(this._stateManager);
+            if (selection) {
+                return this.removeRecords(selection, buffered);
+            }
+            return Promise.resolve(selection);
+        });
+    }
+    removeRecords(records, buffered = false) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (records) {
+                if (buffered || !this.removeLoader) {
+                    this.dispatchAction(Action.RECORDS_REMOVED, { records, buffered: true });
+                }
+                else {
+                    this.dispatchAction(Action.REMOVING_RECORDS);
+                    return new Promise((resolve, fail) => {
+                        if (this.removeLoader) {
+                            this.removeLoader(this, records).then(records => {
+                                this.dispatchAction(Action.RECORDS_REMOVED, { records, buffered: false });
+                                resolve(records);
+                            }).catch(error => fail(error));
+                        }
+                    });
+                }
+            }
+            return Promise.resolve(records);
+        });
+    }
+    // API
+    valueFromString(fieldName, value) {
+        const descriptor = this.getField(fieldName);
+        return descriptor ? convertType(descriptor.dataType, value) : value;
+    }
+    addInterceptor(interceptor) {
+        this._interceptors.push(interceptor);
+    }
+    addFilterProvider(provider) {
+        this._filterProviders.push(provider);
+    }
+    set sortingProvider(provider) {
+        this._sortingProvider = provider;
+    }
+    set metadata(md) {
+        this.dispatchAction(Action.METADATA_LOADED, md);
+    }
+    get metadata() {
+        return getMetadata(this._stateManager);
+    }
+    set records(r) {
+        this.dispatchAction(Action.DATA_LOADED, r);
+    }
+    get records() {
+        const records = getCurrentRecords(this._stateManager);
+        return records ? Array.from(records.values()) : [];
+    }
+    getField(fieldName) {
+        return getField(this._stateManager, fieldName);
+    }
+    addRecord() {
+        this.dispatchAction(Action.RECORDS_ADDED, prepareAddedRecordId(this._stateManager, [{}]));
+    }
+    copySelected() {
+        const selectedRecords = this.getSelectedRecords();
+        if (selectedRecords) {
+            this.dispatchAction(Action.RECORDS_COPIED, prepareAddedRecordId(this._stateManager, selectedRecords));
+        }
+    }
+    getFieldValue(fieldName) {
+        return getFieldValue(this._stateManager, fieldName);
+    }
+    setFieldValue(fieldName, newValue, records) {
+        const typedValue = this.validateAndTypeValue(fieldName, newValue);
+        const currentValue = this.getFieldValue(fieldName);
+        if (currentValue !== typedValue) {
+            this.dispatchAction(Action.DATA_CHANGED, { [fieldName]: typedValue, records });
+        }
+    }
+    getSelection() {
+        return getSelection(this._stateManager);
+    }
+    setSelection(selection) {
+        this.dispatchAction(Action.SELECTION_CHANGED, { type: "id", selection });
+    }
+    setSelectionByIndex(selection) {
+        this.dispatchAction(Action.SELECTION_CHANGED, { type: "index", selection });
+    }
+    getSelectedRecords() {
+        const selection = this.getSelection();
+        if (selection) {
+            const currentRecords = this.records;
+            return currentRecords === null || currentRecords === void 0 ? void 0 : currentRecords.filter(r => selection.includes(r.__record__id__));
+        }
+    }
+    nextRecord() {
+        this.dispatchAction(Action.NEXT_SELECTED);
+    }
+    previousRecord() {
+        this.dispatchAction(Action.PREVIOUS_SELECTED);
+    }
+    cancelEdition() {
+        this.dispatchAction(Action.EDITION_CANCELED);
+    }
+    isDirty() {
+        return isDirty(this._stateManager);
+    }
+    hasNext() {
+        return hasNext(this._stateManager);
+    }
+    hasPrevious() {
+        return hasPrevious(this._stateManager);
+    }
+    canUndo() {
+        return canUndo(this._stateManager);
+    }
+    canRedo() {
+        return canRedo(this._stateManager);
+    }
+    undo() {
+        this.dispatchAction(Action.CHANGE_UNDONE);
+    }
+    redo() {
+        this.dispatchAction(Action.CHANGE_REDONE);
+    }
+    toString() {
+        return this.name;
+    }
+    // Actions / State manager
+    dispatchAction(actionType, payload) {
+        var _a;
+        let action = new DataUnitAction(actionType, payload);
+        (_a = this._interceptors) === null || _a === void 0 ? void 0 : _a.forEach(interceptor => {
+            if (action) {
+                action = interceptor.interceptAction(action);
+            }
+        });
+        if (action) {
+            this._stateManager.process(action);
+            this._observers.forEach(f => f(action));
+        }
+    }
+    subscribe(observer) {
+        this._observers.push(observer);
+    }
+    unsubscribe(observer) {
+        this._observers = this._observers.filter(f => f !== observer);
+    }
+}
+var ChangeOperation;
+(function (ChangeOperation) {
+    ChangeOperation["INSERT"] = "INSERT";
+    ChangeOperation["UPDATE"] = "UPDATE";
+    ChangeOperation["DELETE"] = "DELETE";
+})(ChangeOperation || (ChangeOperation = {}));
+class Change {
+    constructor(dataUnit, record, updates, operation) {
+        this.dataUnit = dataUnit;
+        this.record = record;
+        this.updatingFields = updates;
+        this._operation = operation;
+    }
+    get operation() {
+        return this._operation.toString();
+    }
+    isInsert() {
+        return this._operation === ChangeOperation.INSERT;
+    }
+    isDelete() {
+        return this._operation === ChangeOperation.DELETE;
+    }
+    isUpdate() {
+        return this._operation === ChangeOperation.UPDATE;
+    }
+}
+
+var SortMode;
+(function (SortMode) {
+    SortMode["ASC"] = "ASC";
+    SortMode["DESC"] = "DESC";
+})(SortMode || (SortMode = {}));
+var DependencyType;
+(function (DependencyType) {
+    DependencyType["SEARCHING"] = "SEARCHING";
+    DependencyType["REQUIREMENT"] = "REQUIREMENT";
+    DependencyType["VISIBILITY"] = "REQUIREMENT";
+})(DependencyType || (DependencyType = {}));
+var UserInterface;
+(function (UserInterface) {
+    UserInterface["FILE"] = "FILE";
+    UserInterface["IMAGE"] = "IMAGE";
+    UserInterface["DATE"] = "DATE";
+    UserInterface["DATETIME"] = "DATETIME";
+    UserInterface["TIME"] = "TIME";
+    UserInterface["ELAPSEDTIME"] = "ELAPSEDTIME";
+    UserInterface["CHECKBOX"] = "CHECKBOX";
+    UserInterface["SWITCH"] = "SWITCH";
+    UserInterface["OPTIONSELECTOR"] = "OPTIONSELECTOR";
+    UserInterface["DECIMALNUMBER"] = "DECIMALNUMBER";
+    UserInterface["INTEGERNUMBER"] = "INTEGERNUMBER";
+    UserInterface["SEARCH"] = "SEARCH";
+    UserInterface["SHORTTEXT"] = "SHORTTEXT";
+    UserInterface["PASSWORD"] = "PASSWORD";
+    UserInterface["MASKEDTEXT"] = "MASKEDTEXT";
+    UserInterface["LONGTEXT"] = "LONGTEXT";
+    UserInterface["HTML"] = "HTML";
 })(UserInterface || (UserInterface = {}));
 
-class ApplicationContext {
-    static getContextValue(key) {
-        return ApplicationContext.getCtx()[key];
-    }
-    static setContextValue(key, value) {
-        ApplicationContext.getCtx()[key] = value;
-    }
-    static getCtx() {
-        let ctx = window.___snkcore___ctx___;
-        if (!ctx) {
-            ctx = {};
-            window.___snkcore___ctx___ = ctx;
-        }
-        return ctx;
-    }
+class ApplicationContext {
+    static getContextValue(key) {
+        return ApplicationContext.getCtx()[key];
+    }
+    static setContextValue(key, value) {
+        ApplicationContext.getCtx()[key] = value;
+    }
+    static getCtx() {
+        let ctx = window.___snkcore___ctx___;
+        if (!ctx) {
+            ctx = {};
+            window.___snkcore___ctx___ = ctx;
+        }
+        return ctx;
+    }
 }
 
 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__time--background-color:var(--background--xlight, #FAFAFA);--ez-calendar__body--padding:var(--space--medium, 12px) var(--space--small, 6px);--ez-calendar__body--border-radius:var(--border--radius-medium, 12px);--ez-calendar__body--shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-container--z-index:var(--more-visible, 2);--ez-calendar__header-line--stroke:1px;--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 1.5px;--ez-calendar__cell--width:var(--space--large, 24px);--ez-calendar__cell--padding:1.5px 0px;--ez-calendar__cell--border-radius:var(--border--radius-small, 6px);--ez-calendar__cell--over--background-color:var(--color--primary, #E2F4EF);--ez-calendar__cell--over--color:var(--color--primary-300, #008561);--ez-calendar__cell--outset--color:var(--color--disable-primary, #E5EAF0);--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--primary-300, #E2F4EF);--ez-calendar__btn-today--border-radius:var(--border--radius-small, 6px);position:relative;display:flex;user-select:none}.calendar__container{display:flex;z-index:var(--more-visible, 2)}.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--small, 6px);margin:0px var(--space--, 12px) 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--extra-large, 700);font-size:var(--title--small, 14px);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--extra-small, 10px);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);color:var(--ez-calendar__cell--over--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__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--extra-small, 12px);padding:0px;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)}section{display:flex}.calendar-time{margin-left:-10px;display:flex;flex-direction:column;padding:12px 0px 0px 10px;background-color:var(--ez-calendar__time--background-color);border-top-right-radius:var(--ez-calendar__body--border-radius);border-bottom-right-radius:var(--ez-calendar__body--border-radius);box-shadow:var(--ez-calendar__body--shadow)}.calendar__column{height:136px;padding:0px;margin:0px;overflow:auto}.calendar__column::-webkit-scrollbar{width:0px;max-width:0px;min-width:0px}.calendar-time__header{padding-left:var(--space--small, 6px);padding-right:var(--space--small, 6px);display:flex;justify-content:space-between;padding-bottom:var(--space--small, 6px);margin:0px var(--space--, 12px) var(--space--small, 6px) var(--space--, 12px);font-weight:var(--text-weight--extra-large, 700);font-size:var(--title--small, 14px);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);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.separatorTime{color:#A2ABB9;padding:0px 1px;line-height:16px;font-size:17px;font-weight:normal}.endHidden{-webkit-mask-image:linear-gradient(180deg, #000 calc(100% - 48px), transparent 100%)}.calendar__column .calendar__cell{margin:0px;padding:1.5px 1.5px}";
@@ -1959,6 +1959,9 @@ let EzCheck$1 = class extends HTMLElement$1 {
     this.adjustMode();
   }
   changeValue() {
+    if (!this.enabled) {
+      return;
+    }
     this.value = !this.value;
     this.ezChange.emit(this.value);
   }
@@ -2540,7 +2543,7 @@ let EzDateTimeInput$1 = class extends HTMLElement$1 {
   static get style() { return ezDateTimeInputCss; }
 };
 
-const ezDialogCss = ":host{--dialog__container-padding:var(--space--large, 24px);--dialog__btn__close--background-color:var(--title--primary, #2b3a54);--dialog__btn__no--padding-right:var(--space--large, 24px);--dialog__btn__close__image:url('data:image/svg+xml;utf8,<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg%22%3E<path d=\"M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z\"/></svg>');--dialog__title--font-pattern:var(--font-pattern, \"'Sora', 'Algerian'\");--dialog__title--padding-left:var(--space--small, 6px);--dialog__title__container--padding-bottom:var(--space--medium, 12px);--dialog__title--weight--large:var(--text-weight--large, 600);--dialog__body--font-pattern:var(--font-pattern, \"'Sora', 'Algerian'\");--dialog__body--text-shadow:var(--text-shadow, \"0 0 0 #353535, 0 0 1px transparent\");--dialog__body--text-weight--medium:var(--text-weight--medium, 400);--dialog__body--padding-bottom:var(--space--large, 24px);--dialog__body--font-size:var(--text--medium, 14px);--dialog__body--color:var(--text--primary, #626e82);--dialog__icon--color:var(--text--inverted, #fff);--dialog__critical--background-color:var(--color--alert-error-800, #BD0025);--dialog__warning--background-color:var(--color--alert-warning-500, #EFB103);--dialog-z-index:var(--most-visible, 3);--dialog--warning__image:url('data: image/svg+xml;utf8,<svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 7.5,0 0,13 h 15 z m 0,2.73684 5.1341,8.89476 H 2.36591 Z M 6.81818,5.47368 V 8.21053 H 8.18182 V 5.47368 Z m 0,4.10527 V 10.9474 H 8.18182 V 9.57895\"/></svg>');--dialog--critical__image:url('data: image/svg+xml;utf8,<svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 7.6534493,6.4948538 12.762051,1.3864299 C 12.914368,1.2341297 13,1.027552 13,0.81215179 13,0.59676225 12.914369,0.39018443 12.762051,0.23787352 12.609733,0.08557341 12.40318,0 12.187747,0 11.972425,0 11.765762,0.08557341 11.613445,0.23787352 L 6.5048431,5.3462975 1.3961977,0.23787352 C 1.2438802,0.08557341 1.0373043,0 0.82189458,0 0.60649572,0 0.39990901,0.08557341 0.24759147,0.23787352 0.09527396,0.39018443 0.00970766,0.59676225 0.00970766,0.81215179 c 0,0.21540021 0.0855663,0.42197791 0.23788381,0.57427811 L 5.3562369,6.4948538 0.24759147,11.604381 c -0.0775121,0.07492 -0.13931586,0.164543 -0.18182835,0.263595 -0.04250169,0.09905 -0.064850182,0.205678 -0.0657357237,0.313391 -8.8554258e-4,0.107813 0.0197049337,0.214771 0.0605827337,0.314472 0.04086693,0.0998 0.10119858,0.190415 0.17746563,0.266625 0.0762779,0.07622 0.16695386,0.136398 0.26675594,0.177208 0.099802,0.04082 0.20672745,0.06127 0.31452961,0.06029 0.1078025,-9.53e-4 0.21433799,-0.0235 0.31337139,-0.06604 0.099045,-0.04265 0.1886052,-0.104571 0.263465,-0.182081 L 6.5048431,7.6434102 11.613445,12.751855 c 0.152317,0.152312 0.35898,0.237831 0.574302,0.237831 0.215433,0 0.421986,-0.08552 0.574304,-0.237831 C 12.914368,12.599545 13,12.393 13,12.177578 13,11.962157 12.91437,11.75561 12.762051,11.603299 Z\"/></svg>')}h2{margin-block-start:0;margin-block-end:0;margin-inline-start:0px;margin-inline-end:0px}.overlay{position:fixed;display:flex;top:0px;z-index:var(--dialog-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.dialog{display:flex;width:80%;position:absolute;top:50%;left:50%;margin-right:-50%;box-sizing:border-box;transform:translate(-50%, -50%);box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122)}@media screen and (min-width: 768px){.dialog{width:50%}}@media screen and (min-width: 992px){.dialog{width:33.33333%}}.dialog__container{width:100%;background:#FFFF;border-radius:0px 6px 6px 0px;box-sizing:border-box;padding:var(--dialog__container-padding)}.dialog__critical--indicator{box-sizing:border-box;width:12px;border-radius:6px 0px 0px 6px;background-color:var(--dialog__critical--background-color)}.dialog__warning--indicator{width:12px;border-radius:6px 0px 0px 6px;box-sizing:border-box;background-color:var(--dialog__warning--background-color)}.message{font-size:var(--dialog__body--font-size);font-weight:var(--dialog__body--text-weight--medium);font-family:var(--dialog__body--font-pattern);text-shadow:var(--dialog__body--text-shadow);padding-bottom:var(--dialog__body--padding-bottom);color:var(--dialog__body--color);max-height:30vh;content-visibility:auto;margin-bottom:24px;overflow-y:auto}.changeable__icon{background:var(--dialog__warning--background-color);color:var(--dialog__icon--color);display:grid;place-items:center;width:26px;height:26px;border-radius:50%}.changeable__icon.critical{background:var(--dialog__critical--background-color)}.title{display:flex;font-family:var(--dialog__title--font-pattern);margin:0;font-weight:var(--dialog__title--weight--large);line-height:1.3}.title__container{display:flex;padding-bottom:var(--dialog__title__container--padding-bottom)}.title__box{display:flex;width:100%;align-items:center;align-self:center}.title--label{padding-left:var(--dialog__title--padding-left)}.title-icon{outline:none;border:none;background-color:var(--dialog__warning--background-color);width:26px;height:26px;border-radius:100%;padding:0;display:flex;justify-content:center;align-items:center}.title-icon--critical{background-color:var(--dialog__critical--background-color)}.btn-close{justify-content:flex-end;align-self:flex-start;align-items:flex-start;display:flex;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:var(--dialog__btn__close--background-color);width:12px;height:12px;-webkit-mask-image:var(--dialog__btn__close__image);mask-image:var(--dialog__btn__close__image)}.title-icon::after{content:'';display:flex;background-color:#FFFF;width:15px;height:15px;-webkit-mask-image:var(--dialog--warning__image);mask-image:var(--dialog--warning__image)}.title-icon--critical::after{content:'';display:flex;background-color:#FFFF;width:13px;height:13px;-webkit-mask-image:var(--dialog--critical__image);mask-image:var(--dialog--critical__image)}.button-yes-no__container{display:flex;box-sizing:border-box;align-self:center;align-items:center;justify-content:flex-end}.button__no{padding-right:var(--dialog__btn__no--padding-right)}.button__ok--container{display:flex;justify-content:flex-end}.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%}}";
+const ezDialogCss = ":host{--dialog__container-padding:var(--space--large, 24px);--dialog__btn__close--background-color:var(--title--primary, #2b3a54);--dialog__btn__no--padding-right:var(--space--large, 24px);--dialog__btn__close__image:url('data:image/svg+xml;utf8,<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg%22%3E<path d=\"M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z\"/></svg>');--dialog__title--font-pattern:var(--font-pattern, \"'Sora', 'Algerian'\");--dialog__title--padding-left:var(--space--small, 6px);--dialog__title__container--padding-bottom:var(--space--medium, 12px);--dialog__title--weight--large:var(--text-weight--large, 600);--dialog__body--font-pattern:var(--font-pattern, \"'Sora', 'Algerian'\");--dialog__body--text-shadow:var(--text-shadow, \"0 0 0 #353535, 0 0 1px transparent\");--dialog__body--text-weight--medium:var(--text-weight--medium, 400);--dialog__body--padding-bottom:var(--space--large, 24px);--dialog__body--font-size:var(--text--medium, 14px);--dialog__body--color:var(--text--primary, #626e82);--dialog__icon--color:var(--text--inverted, #fff);--dialog__critical--background-color:var(--color--alert-error-800, #BD0025);--dialog__warning--background-color:var(--color--alert-warning-500, #EFB103);--dialog-z-index:var(--most-visible, 3);--dialog--warning__image:url('data: image/svg+xml;utf8,<svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 7.5,0 0,13 h 15 z m 0,2.73684 5.1341,8.89476 H 2.36591 Z M 6.81818,5.47368 V 8.21053 H 8.18182 V 5.47368 Z m 0,4.10527 V 10.9474 H 8.18182 V 9.57895\"/></svg>');--dialog--critical__image:url('data: image/svg+xml;utf8,<svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 7.6534493,6.4948538 12.762051,1.3864299 C 12.914368,1.2341297 13,1.027552 13,0.81215179 13,0.59676225 12.914369,0.39018443 12.762051,0.23787352 12.609733,0.08557341 12.40318,0 12.187747,0 11.972425,0 11.765762,0.08557341 11.613445,0.23787352 L 6.5048431,5.3462975 1.3961977,0.23787352 C 1.2438802,0.08557341 1.0373043,0 0.82189458,0 0.60649572,0 0.39990901,0.08557341 0.24759147,0.23787352 0.09527396,0.39018443 0.00970766,0.59676225 0.00970766,0.81215179 c 0,0.21540021 0.0855663,0.42197791 0.23788381,0.57427811 L 5.3562369,6.4948538 0.24759147,11.604381 c -0.0775121,0.07492 -0.13931586,0.164543 -0.18182835,0.263595 -0.04250169,0.09905 -0.064850182,0.205678 -0.0657357237,0.313391 -8.8554258e-4,0.107813 0.0197049337,0.214771 0.0605827337,0.314472 0.04086693,0.0998 0.10119858,0.190415 0.17746563,0.266625 0.0762779,0.07622 0.16695386,0.136398 0.26675594,0.177208 0.099802,0.04082 0.20672745,0.06127 0.31452961,0.06029 0.1078025,-9.53e-4 0.21433799,-0.0235 0.31337139,-0.06604 0.099045,-0.04265 0.1886052,-0.104571 0.263465,-0.182081 L 6.5048431,7.6434102 11.613445,12.751855 c 0.152317,0.152312 0.35898,0.237831 0.574302,0.237831 0.215433,0 0.421986,-0.08552 0.574304,-0.237831 C 12.914368,12.599545 13,12.393 13,12.177578 13,11.962157 12.91437,11.75561 12.762051,11.603299 Z\"/></svg>')}h2{margin-block-start:0;margin-block-end:0;margin-inline-start:0px;margin-inline-end:0px}.overlay{position:fixed;display:flex;top:0px;z-index:var(--dialog-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.dialog{display:flex;width:80%;position:absolute;top:50%;left:50%;margin-right:-50%;box-sizing:border-box;transform:translate(-50%, -50%);box-shadow:0px 0px 16px rgba(0, 38, 111, 0.122)}@media screen and (min-width: 768px){.dialog{width:50%}}@media screen and (min-width: 992px){.dialog{width:33.33333%}}.dialog__container{width:100%;background:#FFFF;border-radius:0px 6px 6px 0px;box-sizing:border-box;padding:var(--dialog__container-padding)}.dialog__critical--indicator{box-sizing:border-box;width:12px;border-radius:6px 0px 0px 6px;background-color:var(--dialog__critical--background-color)}.dialog__warning--indicator{width:12px;border-radius:6px 0px 0px 6px;box-sizing:border-box;background-color:var(--dialog__warning--background-color)}.message{font-size:var(--dialog__body--font-size);font-weight:var(--dialog__body--text-weight--medium);font-family:var(--dialog__body--font-pattern);text-shadow:var(--dialog__body--text-shadow);padding-bottom:var(--dialog__body--padding-bottom);color:var(--dialog__body--color);max-height:30vh;content-visibility:auto;margin-bottom:24px;overflow-y:auto}.changeable__icon{background:var(--dialog__warning--background-color);--ez-icon--color:var(--dialog__icon--color);display:grid;place-items:center;width:26px;height:26px;border-radius:50%}.changeable__icon.critical{background:var(--dialog__critical--background-color)}.title{display:flex;font-family:var(--dialog__title--font-pattern);margin:0;font-weight:var(--dialog__title--weight--large);line-height:1.3}.title__container{display:flex;padding-bottom:var(--dialog__title__container--padding-bottom)}.title__box{display:flex;width:100%;align-items:center;align-self:center}.title--label{padding-left:var(--dialog__title--padding-left)}.title-icon{outline:none;border:none;background-color:var(--dialog__warning--background-color);width:26px;height:26px;border-radius:100%;padding:0;display:flex;justify-content:center;align-items:center}.title-icon--critical{background-color:var(--dialog__critical--background-color)}.btn-close{justify-content:flex-end;align-self:flex-start;align-items:flex-start;display:flex;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:var(--dialog__btn__close--background-color);width:12px;height:12px;-webkit-mask-image:var(--dialog__btn__close__image);mask-image:var(--dialog__btn__close__image)}.title-icon::after{content:'';display:flex;background-color:#FFFF;width:15px;height:15px;-webkit-mask-image:var(--dialog--warning__image);mask-image:var(--dialog--warning__image)}.title-icon--critical::after{content:'';display:flex;background-color:#FFFF;width:13px;height:13px;-webkit-mask-image:var(--dialog--critical__image);mask-image:var(--dialog--critical__image)}.button-yes-no__container{display:flex;box-sizing:border-box;align-self:center;align-items:center;justify-content:flex-end}.button__no{padding-right:var(--dialog__btn__no--padding-right)}.button__ok--container{display:flex;justify-content:flex-end}.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%}}";
 
 class Message {
   constructor(title, message, critical, confirm, icon, callBack) {
@@ -2625,12 +2628,12 @@ let EzDialog$1 = class extends HTMLElement$1 {
 };
 
 const buildTextArea = ({ name, label, readOnly }) => {
-  return (h("div", { class: "col col--sd-12 padding--small", key: name },
+  return (h("div", { class: "col col--sd-12 padding-horizontal--small", key: name },
     h("ez-text-area", { enabled: !readOnly, label: label, "data-field-name": name })));
 };
 
 const buildTextInput = ({ name, label }) => {
-  return (h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
+  return (h("div", { class: "col col--sd-12 col--tb-3 padding-horizontal--small" },
     h("ez-text-input", { label: label, "data-field-name": name, key: name })));
 };
 
@@ -2641,7 +2644,7 @@ const buildCheckBox = (fieldConfig) => {
   return buildField$1(fieldConfig.name, fieldConfig.label, fieldConfig.readOnly, false);
 };
 function buildField$1(fieldName, fieldLabel, readOnly, switchMode = false) {
-  return (h("div", { class: "col col--sd-12 col--tb-3 padding--small align--middle padding-bottom--large" },
+  return (h("div", { class: "col col--sd-12 col--tb-3 align--middle padding-horizontal--small padding-bottom--large" },
     h("ez-check", { enabled: !readOnly, label: fieldLabel, mode: switchMode ? "switch" : "regular", "data-field-name": fieldName, key: fieldName })));
 }
 
@@ -2655,30 +2658,30 @@ const buildComboBox = ({ name, label, readOnly }, properties) => {
   else {
     options = prop;
   }
-  return (h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
+  return (h("div", { class: "col col--sd-12 col--tb-3 padding-horizontal--small" },
     h("ez-combo-box", { enabled: !readOnly, label: label, "data-field-name": name, key: name, options: options })));
 };
 
 const buildSearch = ({ name, label, readOnly }) => {
-  return (h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
+  return (h("div", { class: "col col--sd-12 col--tb-3 padding-horizontal--small" },
     h("ez-search", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
 };
 
 const buildFile = ({ name, label, readOnly }) => {
-  return (h("div", { class: "col col--sd-12 padding--small" },
+  return (h("div", { class: "col col--sd-12 padding-horizontal--small" },
     h("ez-upload", { enabled: !readOnly, label: label, urlUpload: "", requestHeaders: "", maxFiles: 10, "data-field-name": name, key: name })));
 };
 
 const buildDate = ({ name, label, readOnly }) => {
-  return (h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
+  return (h("div", { class: "col col--sd-12 col--tb-3 padding-horizontal--small" },
     h("ez-date-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
 };
 const buildTime = ({ name, label }) => {
-  return (h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
+  return (h("div", { class: "col col--sd-12 col--tb-3 padding-horizontal--small" },
     h("ez-time-input", { label: label, "data-field-name": name, key: name })));
 };
 const buildTimeDate = ({ name, label }) => {
-  return (h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
+  return (h("div", { class: "col col--sd-12 col--tb-3 padding-horizontal--small" },
     h("ez-date-time-input", { label: label, "data-field-name": name, key: name })));
 };
 
@@ -2691,7 +2694,7 @@ const buildInteger = ({ name, label, readOnly }) => {
   return buildNumeric(name, label, readOnly, 0, 0);
 };
 function buildNumeric(fieldName, fieldLabel, readOnly, precision, prettyPrecision) {
-  return (h("div", { class: "col col--sd-12 col--tb-3 padding--small" },
+  return (h("div", { class: "col col--sd-12 col--tb-3 padding-horizontal--small" },
     h("ez-number-input", { enabled: !readOnly, label: fieldLabel, precision: precision, prettyPrecision: prettyPrecision, "data-field-name": fieldName, key: fieldName })));
 }
 
@@ -2748,7 +2751,8 @@ const FormItem = ({ source }) => {
 };
 
 const FormSheet = ({ store, source }) => {
-  return (h("div", { class: "box__container" }, source.items.map(item => h(FormItem, { store: store, source: item }))));
+  return (h("div", { class: "box__container" },
+    h("div", { class: "row padding-vertical--small" }, source.items.map(item => h(FormItem, { store: store, source: item })))));
 };
 
 class FormMetadata {
@@ -3297,17 +3301,21 @@ class ApplicationUtils {
   static async confirm(title, message, icon = null, critical = false) {
     return ApplicationUtils.showDialog(title, message, icon, true, critical);
   }
-  static async info(message) {
+  static async info(message, options = ApplicationUtils.defaultMessageOptions) {
     let toast = document.querySelector("ez-toast");
     if (!toast) {
       toast = document.createElement("ez-toast");
       window.document.body.appendChild(toast);
     }
+    toast.canClose = options.canClose;
     toast.message = message;
     toast.fadeTime = 4000;
     toast.show();
   }
 }
+ApplicationUtils.defaultMessageOptions = {
+  canClose: true
+};
 
 const ezFormCss = "ez-form{display:flex;flex-direction:column;width:100%}";
 
@@ -3339,6 +3347,9 @@ let EzForm$1 = class extends HTMLElement$1 {
       accept();
     });
   }
+  configChanged() {
+    this.processMetadata();
+  }
   validateRequired(requiredFields, record) {
     const invalidFields = [];
     requiredFields.forEach(field => {
@@ -3423,6 +3434,9 @@ let EzForm$1 = class extends HTMLElement$1 {
     return (h(Host, null, this.isStatic() ? null : this.getDynamicContent()));
   }
   get _element() { return this; }
+  static get watchers() { return {
+    "config": ["configChanged"]
+  }; }
   static get style() { return ezFormCss; }
 };
 
@@ -113513,6 +113527,7 @@ class AgGridController {
         serverSideStoreType: "partial",
         rowSelection: this._multipleSelection ? "multiple" : "single",
         serverSideDatasource: new DataSource(this._dataUnit, this._serverURL),
+        getRowNodeId: (params) => params.__record__id__,
         getMainMenuItems: (params) => {
           const column = params.column;
           const items = [column.isPinned() ? "clearPinned" : "pinLeft", "separator"];
@@ -113521,6 +113536,16 @@ class AgGridController {
             action: () => m.action(column.getColId(), m.name)
           }));
           return items;
+        },
+        onViewportChanged: (evt) => {
+          if (this._gridOptions && this._gridOptions.api && evt && evt.api) {
+            if (this._dataUnit.getSelection()) {
+              this._dataUnit.getSelection().forEach(id => {
+                let node = evt.api.getRowNode(id);
+                node.setSelected(true);
+              });
+            }
+          }
         }
       };
       this.setOptionsEvents(this._gridOptions);
@@ -113691,7 +113716,14 @@ class AgGridController {
       }
     }
     if ((source === null || source === void 0 ? void 0 : source.userInterface) === "SEARCH") {
-      return ((_a = params === null || params === void 0 ? void 0 : params.value) === null || _a === void 0 ? void 0 : _a.value) + " - " + ((_b = params === null || params === void 0 ? void 0 : params.value) === null || _b === void 0 ? void 0 : _b.label);
+      if (params.value !== undefined) {
+        return ((_a = params === null || params === void 0 ? void 0 : params.value) === null || _a === void 0 ? void 0 : _a.value) + " - " + ((_b = params === null || params === void 0 ? void 0 : params.value) === null || _b === void 0 ? void 0 : _b.label);
+      }
+    }
+    if ((source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface.DATE || (source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface.DATETIME) {
+      if (params.value !== undefined) {
+        return params.value.toLocaleDateString();
+      }
     }
   }
   buildColState(source) {
@@ -115077,7 +115109,7 @@ let EzTabselector$1 = class extends HTMLElement$1 {
   static get style() { return 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)}";
+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:3px;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$1 = class extends HTMLElement$1 {
   constructor() {
@@ -115106,7 +115138,7 @@ let EzTextArea$1 = class extends HTMLElement$1 {
     }
   }
   updateInputValue() {
-    this._inputElem.value = this.value;
+    this._inputElem.value = this.value === undefined ? "" : this.value;
     this.handleChange();
     this.adjustFloatingLabel();
     this.ezChange.emit(this.value);
@@ -115186,7 +115218,7 @@ let EzTextArea$1 = class extends HTMLElement$1 {
   static get style() { return 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--medium, 400);--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--primary, #008561);--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}";
+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--medium, 400);--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--primary, #008561);--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{min-height:16px;min-width:100%;margin-top:3px;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$1 = class extends HTMLElement$1 {
   constructor() {
@@ -115510,7 +115542,7 @@ let EzTimeInput$1 = class extends HTMLElement$1 {
   static get style() { return ezTimeInputCss; }
 };
 
-const ezToastCss = ":host{--ez-toast__btn__close__image:url('data:image/svg+xml;utf8,<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg%22%3E<path d=\"M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z\"/></svg>');--ez-toast__container-z-index:var(--more-visible, 2);--ez-toast__container--background-color:var(--color--secondary, #383c45);--ez-toast__icon--padding-left:var(--space--small, 6px)}.toast__container{position:fixed;display:flex;bottom:100px;z-index:var(--ez-toast__container-z-index);left:100px;width:30%;box-sizing:border-box;background-color:var(--ez-toast__container--background-color);border-radius:6px;align-items:center;padding:12px;visibility:hidden}.message__container{font-family:\"Sora\", \"Algerian\";text-shadow:0 0 0 #353535, 0 0 1px transparent;color:#FFFFFF;font-size:14px;width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.message__conteiner--icon{padding-left:var(--ez-toast__icon--padding-left);width:80%}.btn-close{display:flex;justify-content:flex-end;padding:0;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:#FFFFFF;width:12px;height:12px;-webkit-mask-image:var(--ez-toast__btn__close__image);mask-image:var(--ez-toast__btn__close__image)}.toast__container--oppened{animation:fadein 0.5s, fadeout 0.5s 3s;visibility:visible}@-webkit-keyframes fadein{from{left:-100px;opacity:0}to{left:100px;opacity:1}}@keyframes fadein{from{left:-100px;opacity:0}to{left:100px;opacity:1}}@-webkit-keyframes fadeout{from{left:100px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{left:100px;opacity:1}to{bottom:0;opacity:0}}";
+const ezToastCss = ":host{--ez-toast__btn__close__image:url('data:image/svg+xml;utf8,<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg%22%3E<path d=\"M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z\"/></svg>');--ez-toast__container-z-index:var(--more-visible, 2);--ez-toast__container--background-color:var(--color--secondary, #383c45);--ez-toast__icon--padding-left:var(--space--small, 6px)}.toast__container{position:fixed;display:flex;bottom:100px;z-index:var(--ez-toast__container-z-index);left:100px;width:280px;box-sizing:border-box;background-color:var(--ez-toast__container--background-color);border-radius:6px;align-items:center;padding:12px;visibility:hidden}.message__container{font-family:\"Sora\", \"Algerian\";text-shadow:0 0 0 #353535, 0 0 1px transparent;color:#FFFFFF;font-size:14px;width:90%;overflow:hidden;word-break:break-all;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;text-overflow:ellipsis}.message__conteiner--icon{padding-left:var(--ez-toast__icon--padding-left);width:80%}.btn-close{margin-top:3px;display:flex;justify-content:flex-end;align-self:flex-start;padding:0;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:#FFFFFF;width:12px;height:12px;-webkit-mask-image:var(--ez-toast__btn__close__image);mask-image:var(--ez-toast__btn__close__image)}.toast__container--oppened{animation:fadein 0.5s, fadeout 0.5s 3s;visibility:visible}@-webkit-keyframes fadein{from{left:-100px;opacity:0}to{left:100px;opacity:1}}@keyframes fadein{from{left:-100px;opacity:0}to{left:100px;opacity:1}}@-webkit-keyframes fadeout{from{left:100px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{left:100px;opacity:1}to{bottom:0;opacity:0}}";
 
 let EzToast$1 = class extends HTMLElement$1 {
   constructor() {
@@ -115525,6 +115557,10 @@ let EzToast$1 = class extends HTMLElement$1 {
     * Adiciona ícone de check no componente.
     */
     this.useIcon = false;
+    /**
+    * Controla o uso do icone de fechar o toast.
+    */
+    this.canClose = true;
   }
   /**
   * Exibe o componente na tela.
@@ -115538,9 +115574,9 @@ let EzToast$1 = class extends HTMLElement$1 {
     }, this.fadeTime + 400);
   }
   render() {
-    return (h("div", { ref: (el) => this.container = el, class: "toast__container" }, this.useIcon ?
-      h("slot", { name: "icon" })
-      : undefined, h("div", { class: this.useIcon ? "message__container message__conteiner--icon" : "message__container", title: this.message }, " ", this.message, " "), h("button", { class: "btn-close", onClick: () => { this.container.classList.remove("toast__container--oppened"); this.container.style.animation = `none`; } })));
+    return (h("div", { ref: (el) => this.container = el, class: "toast__container" }, this.useIcon &&
+      h("slot", { name: "icon" }), h("div", { class: this.useIcon ? "message__container message__conteiner--icon" : "message__container", title: this.message, innerHTML: this.message }), this.canClose &&
+      h("button", { class: "btn-close", onClick: () => { this.container.classList.remove("toast__container--oppened"); this.container.style.animation = `none`; } })));
   }
   static get style() { return ezToastCss; }
 };
@@ -116254,7 +116290,7 @@ const EzTabselector = /*@__PURE__*/proxyCustomElement(EzTabselector$1, [1,"ez-ta
 const EzTextArea = /*@__PURE__*/proxyCustomElement(EzTextArea$1, [1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538]}]);
 const EzTextInput = /*@__PURE__*/proxyCustomElement(EzTextInput$1, [1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1]}]);
 const EzTimeInput = /*@__PURE__*/proxyCustomElement(EzTimeInput$1, [1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"]}]);
-const EzToast = /*@__PURE__*/proxyCustomElement(EzToast$1, [1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"]}]);
+const EzToast = /*@__PURE__*/proxyCustomElement(EzToast$1, [1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"]}]);
 const EzUpload = /*@__PURE__*/proxyCustomElement(EzUpload$1, [1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040]}]);
 const GridConfig = /*@__PURE__*/proxyCustomElement(GridConfig$1, [2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}]);
 const SelectBox = /*@__PURE__*/proxyCustomElement(SelectBox$1, [1,"select-box",{"selectedOption":[1,"selected-option"]}]);