@sankhyalabs/ezui 1.1.106 → 1.1.109

package/dist/custom-elements/index.js

@@ -1,5 +1,7 @@
 import { HTMLElement as HTMLElement$1, createEvent, h, forceUpdate, Host, getAssetPath, setAssetPath, proxyCustomElement } from '@stencil/core/internal/client';
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
+import { FloatingManager, DateUtils, TimeFormatter, UserInterface, ApplicationContext, Action, DataUnitAction, DataUnit, DataType, StringUtils, NumberUtils, MaskFormatter } from '@sankhyalabs/core';
+import { UserInterface as UserInterface$1, SortMode } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 
 const ezActionChipCss = ":host{--ez-action-chip--height:36px;--ez-action-chip--border-radius:var(--border--radius-large, 24px);--ez-action-chip__border:1px solid;--ez-action-chip__border-color-strokes:var(--color--strokes, #DCE0E8);--ez-action-chip--font-size:var(--text--medium, 14px);--ez-action-chip--font-family:var(--font-pattern, Arial);--ez-action-chip--font-weight:var(--text-weight--large, 500);--ez-action-chip__label--title--primary:var(--title--primary, #919191);--ez-action-chip__label-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ez-action-chip__label__default--background-color--hover:var(--color--primary-200, #f2faf8);--ez-action-chip__label__default--border-color--hover:var(--color--primary-600, #007a5a)}.label__container{width:fit-content;display:flex;flex-wrap:wrap;position:relative;background-color:#FFFFFF;align-items:center;align-self:center;cursor:pointer;color:var(--ez-action-chip__label--title--primary);fill:var(--ez-action-chip__label--title--primary);border:var(--ez-action-chip__border);border-radius:var(--ez-action-chip--border-radius);border-color:var(--ez-action-chip__border-color-strokes);padding-right:var(--space--medium, 12px);padding-left:var(--space--medium, 12px)}.label__container:hover{border-color:var(--ez-action-chip__label__default--border-color--hover);background-color:var(--ez-action-chip__label__default--background-color--hover)}label{display:flex;align-items:center;font-weight:var(--text-weight--large, 600);cursor:pointer;height:var(--ez-action-chip--height);font-family:var(--ez-action-chip--font-family);font-size:var(--ez-action-chip--font-size)}";
 
@@ -117,1582 +119,6 @@ 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;
-    }
-}
-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 = {}));
-
-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";
-})(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;
-    }
-}
-
 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}";
 
 let EzCalendar$1 = class extends HTMLElement$1 {
@@ -2543,7 +969,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) {
@@ -3347,6 +1773,9 @@ let EzForm$1 = class extends HTMLElement$1 {
       accept();
     });
   }
+  configChanged() {
+    this.processMetadata();
+  }
   validateRequired(requiredFields, record) {
     const invalidFields = [];
     requiredFields.forEach(field => {
@@ -3431,6 +1860,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; }
 };
 
@@ -113714,7 +112146,7 @@ class AgGridController {
         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 ((source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface$1.DATE || (source === null || source === void 0 ? void 0 : source.userInterface) === UserInterface$1.DATETIME) {
       if (params.value !== undefined) {
         return params.value.toLocaleDateString();
       }