@sankhyalabs/ezui 1.1.96 → 1.1.97

package/dist/cjs/UnitMetadata-2e11c5d3.js

@@ -0,0 +1,1310 @@
+'use strict';
+
+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));
+    }
+};
+
+/**
+ * `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";
+})(Method || (Method = {}));
+
+exports.DataType = void 0;
+(function (DataType) {
+    DataType["NUMBER"] = "NUMBER";
+    DataType["DATE"] = "DATE";
+    DataType["TEXT"] = "TEXT";
+    DataType["BOOLEAN"] = "BOOLEAN";
+    DataType["OBJECT"] = "OBJECT";
+})(exports.DataType || (exports.DataType = {}));
+const convertType = (dataType, value) => {
+    if (value === undefined || value === null) {
+        return value;
+    }
+    switch (dataType) {
+        case exports.DataType.NUMBER:
+            return value === "" || isNaN(value) ? null : Number(value);
+        case exports.DataType.OBJECT:
+            return typeof value === "string" ? JSON.parse(value) : value;
+        case exports.DataType.BOOLEAN:
+            return Boolean(value);
+        case exports.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;
+    }
+}
+exports.Action = void 0;
+(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["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";
+})(exports.Action || (exports.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 exports.Action.DATA_SAVED:
+            case exports.Action.EDITION_CANCELED:
+                stateManager.clearUndo();
+                break;
+            case exports.Action.CHANGE_UNDONE:
+                stateManager.undo();
+                break;
+            case exports.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 === exports.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 exports.Action.RECORDS_REMOVED:
+                return (currentState || []).concat(action.payload);
+            case exports.Action.EDITION_CANCELED:
+            case exports.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 exports.Action.DATA_LOADED:
+                return action.payload;
+            case exports.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 exports.Action.RECORDS_ADDED:
+            case exports.Action.RECORDS_COPIED:
+                return (currentState || []).concat(action.payload);
+            case exports.Action.DATA_SAVED:
+            case exports.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 exports.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 exports.Action.DATA_SAVED:
+            case exports.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 exports.Action.RECORDS_ADDED:
+            case exports.Action.RECORDS_COPIED:
+                return action.payload.map((r) => r.__record__id__);
+            case exports.Action.DATA_SAVED:
+                return updateSavedIds(stateManager, action.payload.records);
+            case exports.Action.RECORDS_REMOVED:
+                const removed = action.payload;
+                if (currentState && removed) {
+                    return currentState.filter(recordId => !removed.includes(recordId));
+                }
+                return currentState;
+            case exports.Action.NEXT_SELECTED:
+            case exports.Action.PREVIOUS_SELECTED:
+                const currentRecords = getCurrentRecords(stateManager);
+                if (currentRecords && currentRecords.size > 0) {
+                    let index;
+                    if (!currentState || currentState.length === 0) {
+                        index = action.type === exports.Action.PREVIOUS_SELECTED ? 0 : Math.min(1, currentRecords.size);
+                    }
+                    else {
+                        index = getItemIndex(currentState[0], currentRecords) + (action.type === exports.Action.PREVIOUS_SELECTED ? -1 : 1);
+                    }
+                    if (index < currentRecords.size && index >= 0) {
+                        return [Array.from(currentRecords.values())[index].__record__id__];
+                    }
+                }
+                return undefined;
+            case exports.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(exports.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(exports.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(exports.Action.SAVING_DATA);
+                return new Promise((resolve, fail) => {
+                    if (this.saveLoader) {
+                        this.saveLoader(this, changes).then(records => this.dispatchAction(exports.Action.DATA_SAVED, { changes, records })).catch(error => fail(error));
+                    }
+                });
+            }
+            return Promise.resolve();
+        });
+    }
+    // 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(exports.Action.METADATA_LOADED, md);
+    }
+    get metadata() {
+        return getMetadata(this._stateManager);
+    }
+    set records(r) {
+        this.dispatchAction(exports.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(exports.Action.RECORDS_ADDED, prepareAddedRecordId(this._stateManager, [{}]));
+    }
+    copySelected() {
+        const selectedRecords = this.getSelectedRecords();
+        if (selectedRecords) {
+            this.dispatchAction(exports.Action.RECORDS_COPIED, prepareAddedRecordId(this._stateManager, selectedRecords));
+        }
+    }
+    removeSelectedRecords() {
+        const selection = getSelection(this._stateManager);
+        if (selection) {
+            this.dispatchAction(exports.Action.RECORDS_REMOVED, selection);
+        }
+    }
+    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(exports.Action.DATA_CHANGED, { [fieldName]: typedValue, records });
+        }
+    }
+    getSelection() {
+        return getSelection(this._stateManager);
+    }
+    setSelection(selection) {
+        this.dispatchAction(exports.Action.SELECTION_CHANGED, { type: "id", selection });
+    }
+    setSelectionByIndex(selection) {
+        this.dispatchAction(exports.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(exports.Action.NEXT_SELECTED);
+    }
+    previousRecord() {
+        this.dispatchAction(exports.Action.PREVIOUS_SELECTED);
+    }
+    cancelEdition() {
+        this.dispatchAction(exports.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(exports.Action.CHANGE_UNDONE);
+    }
+    redo() {
+        this.dispatchAction(exports.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;
+    }
+}
+
+exports.SortMode = void 0;
+(function (SortMode) {
+    SortMode["ASC"] = "ASC";
+    SortMode["DESC"] = "DESC";
+})(exports.SortMode || (exports.SortMode = {}));
+var DependencyType;
+(function (DependencyType) {
+    DependencyType["SEARCHING"] = "SEARCHING";
+    DependencyType["REQUIREMENT"] = "REQUIREMENT";
+    DependencyType["VISIBILITY"] = "REQUIREMENT";
+})(DependencyType || (DependencyType = {}));
+exports.UserInterface = void 0;
+(function (UserInterface) {
+    UserInterface["FILE"] = "FILE";
+    UserInterface["IMAGE"] = "IMAGE";
+    UserInterface["DATE"] = "DATE";
+    UserInterface["DATETIME"] = "DATETIME";
+    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";
+})(exports.UserInterface || (exports.UserInterface = {}));
+
+exports.DataUnit = DataUnit;
+exports.DataUnitAction = DataUnitAction;
+exports.MaskFormatter = MaskFormatter;
+exports.NumberUtils = NumberUtils;
+exports.TimeFormatter = TimeFormatter;