@sankhyalabs/ezui 7.1.2 → 7.2.0-dev.10

package/dist/collection/components/ez-split-button/ez-split-button.js

@@ -60,7 +60,11 @@ export class EzSplitButton {
         const spaceLeft = rightButtonRect.left;
         const shouldOpenUpward = spaceBelow < dropdownRect.height && spaceAbove > dropdownRect.height;
         const shouldOpenLeftward = spaceRight < dropdownRect.width && spaceLeft > dropdownRect.width;
-        const styles = this.calculateDropdownPosition(rightButtonRect, dropdownRect, shouldOpenUpward, shouldOpenLeftward);
+        const styles = {
+          position: 'fixed',
+          top: shouldOpenUpward ? `${rightButtonRect.top - dropdownRect.height}px` : `${rightButtonRect.bottom}px`,
+          left: shouldOpenLeftward ? `${rightButtonRect.right - dropdownRect.width}px` : `${rightButtonRect.left}px`,
+        };
         Object.assign(dropdownParent.style, styles);
       });
     };
@@ -197,6 +201,9 @@ export class EzSplitButton {
       return;
     }
   }
+  onItemActionExecuted() {
+    this.closeDropdown();
+  }
   clickListener(evt) {
     const isDisabled = !this.enabled ||
       this.isDisabled === true ||
@@ -227,26 +234,18 @@ export class EzSplitButton {
     this.buttonClick.emit();
   }
   handleDropdownItemClick(evt) {
+    var _a;
     this.dropdownItemClick.emit(evt.detail);
     evt.stopPropagation();
-    this.closeDropdown();
+    if (!((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.disableCloseOnSelect)) {
+      this.closeDropdown();
+    }
   }
   handleDropdownSubActionClick(evt) {
     this.dropdownSubActionClick.emit(evt.detail);
     evt.stopPropagation();
     this.closeDropdown();
   }
-  calculateDropdownPosition(buttonRect, dropdownRect, openUpward, openLeftward) {
-    const baseOffset = this.offsetParentRect || { top: 0, left: 0 };
-    return {
-      top: openUpward ? 'auto' : `${buttonRect.bottom - baseOffset.top + window.scrollY}px`,
-      bottom: openUpward ? `${window.innerHeight - buttonRect.top - window.scrollY}px` : 'auto',
-      left: openLeftward
-        ? `${buttonRect.right - dropdownRect.width - baseOffset.left + window.scrollX}px`
-        : `${buttonRect.left - baseOffset.left + window.scrollX}px`,
-      maxHeight: openUpward ? `${buttonRect.top - baseOffset.top}px` : 'none'
-    };
-  }
   setupEventListeners() {
     const controller = new AbortController();
     const { signal } = controller;
@@ -303,7 +302,7 @@ export class EzSplitButton {
     return (h(Host, { class: this.variant ? `ez-split-button--${this.variant}` : '' }, h("div", { class: `ez-split-button ${this.size} ${this.mode}` }, this.renderLeftButton(hasIconButton, hasLabelButton, iconSize), this.renderDivider(), this.renderDropdownSection(iconSize))));
   }
   renderLeftButton(hasIconButton, hasLabelButton, iconSize) {
-    return (h("button", { class: `ez-split-button__left-button ${iconSize} ${this.mode} ${this.isLeftPressed ? 'pressed' : ''}`, title: this.leftTitle || this.label, type: "button", disabled: this.isButtonDisabled, "aria-disabled": this.isButtonAriaDisabled, onClick: () => this.handleButtonClick(), ref: el => (this.leftButton = el) }, hasIconButton && this.renderLeftIcon(iconSize), hasLabelButton && this.renderLabel(), !this.suppressAnimation && this.renderRipples(this.leftRipples)));
+    return (h("ez-tooltip", { message: this.leftTitle || this.label }, h("button", { class: `ez-split-button__left-button ${iconSize} ${this.mode} ${this.isLeftPressed ? 'pressed' : ''}`, type: "button", disabled: this.isButtonDisabled, "aria-disabled": this.isButtonAriaDisabled, onClick: () => this.handleButtonClick(), ref: el => (this.leftButton = el) }, hasIconButton && this.renderLeftIcon(iconSize), hasLabelButton && this.renderLabel(), !this.suppressAnimation && this.renderRipples(this.leftRipples))));
   }
   renderDivider() {
     return h("div", { class: `ez-split-button__divider ${this.mode} ez-split-button__divider--${this.size} ${this.isButtonDisabled ? 'disabled' : ''}`, "aria-disabled": this.isButtonAriaDisabled });
@@ -312,7 +311,7 @@ export class EzSplitButton {
     return (h("div", { class: "dropdown" }, this.renderRightButton(iconSize), this.renderDropdownContent()));
   }
   renderRightButton(iconSize) {
-    return (h("button", { class: `ez-split-button__right-button ${iconSize} ez-split-button__right-button--${iconSize} ${this.isRightPressed ? 'pressed' : ''}`, title: this.rightTitle || this.i18n("ez-split-button.moreOptions"), type: "button", disabled: this.isButtonDisabled, "aria-disabled": this.isButtonAriaDisabled, onClick: () => this.toggleDropdown(), ref: el => (this.rightButton = el) }, this.renderRightIcon(iconSize), !this.suppressAnimation && this.renderRipples(this.rightRipples)));
+    return (h("ez-tooltip", { message: this.rightTitle || this.i18n("ez-split-button.moreOptions") }, h("button", { class: `ez-split-button__right-button ${iconSize} ez-split-button__right-button--${iconSize} ${this.isRightPressed ? 'pressed' : ''}`, type: "button", disabled: this.isButtonDisabled, "aria-disabled": this.isButtonAriaDisabled, onClick: () => this.toggleDropdown(), ref: el => (this.rightButton = el) }, this.renderRightIcon(iconSize), !this.suppressAnimation && this.renderRipples(this.rightRipples))));
   }
   renderDropdownContent() {
     return (h("div", { class: `dropdown-content dropdown-content--${this.size}`, ref: (ref) => (this.dropdownParent = ref) }, this.show && this.renderDropdown()));
@@ -835,6 +834,12 @@ export class EzSplitButton {
         "target": undefined,
         "capture": false,
         "passive": true
+      }, {
+        "name": "ezCloseSplitButtonDropdown",
+        "method": "onItemActionExecuted",
+        "target": "window",
+        "capture": false,
+        "passive": false
       }, {
         "name": "click",
         "method": "clickListener",

package/dist/collection/components/ez-text-input/ez-text-input.js

@@ -1,5 +1,5 @@
 import { h, Host } from "@stencil/core";
-import { ElementIDUtils, MaskFormatter } from "@sankhyalabs/core";
+import { ElementIDUtils, MaskFormatter as CoreMaskFormatter, MaskFormatter } from '@sankhyalabs/core';
 export class EzTextInput {
   constructor() {
     this._isOverflowing = false;
@@ -113,6 +113,42 @@ export class EzTextInput {
       this._inputElem.classList.add("input__slim--noborder");
     }
   }
+  buildMaskFormatter() {
+    if (this.mask) {
+      const maskToBuilder = this.getMaskToBuilder();
+      this._maskFormatter = maskToBuilder ? new MaskFormatter(maskToBuilder) : undefined;
+    }
+  }
+  getMaskToBuilder() {
+    if (this.mask === 'cgc_cpf') {
+      return this.getCGCCpfMask();
+    }
+    if (this.mask === 'phone') {
+      return this.getPhoneMask();
+    }
+    if (this.mask in CoreMaskFormatter.DEFAULT_MASKS) {
+      return CoreMaskFormatter.DEFAULT_MASKS[this.mask];
+    }
+    return this.mask;
+  }
+  getPhoneMask() {
+    if (this.value && this.value.length === 10) {
+      return MaskFormatter.DEFAULT_MASKS ? MaskFormatter.DEFAULT_MASKS.phone : undefined;
+    }
+    if (this.value && this.value.length === 11) {
+      return MaskFormatter.DEFAULT_MASKS ? MaskFormatter.DEFAULT_MASKS.phone_mobile : undefined;
+    }
+    return undefined;
+  }
+  getCGCCpfMask() {
+    if (this.value && this.value.length === 11) {
+      return MaskFormatter.DEFAULT_MASKS ? MaskFormatter.DEFAULT_MASKS.cpf : undefined;
+    }
+    if (this.value && this.value.length === 14) {
+      return MaskFormatter.DEFAULT_MASKS ? MaskFormatter.DEFAULT_MASKS.cnpj : undefined;
+    }
+    return undefined;
+  }
   //---------------------------------------------
   // Public methods
   //---------------------------------------------
@@ -336,6 +372,7 @@ export class EzTextInput {
   }
   componentDidRender() {
     this.adjustFloatingLabel();
+    this.buildMaskFormatter();
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._hostElement, 'input');

package/dist/collection/utils/form/DataBinder.js

@@ -250,8 +250,8 @@ export default class DataBinder {
     }
   }
   bindSearchOptionsLoader(fieldName, field) {
-    if ((field.nodeName === "EZ-SEARCH" || field.nodeName === "EZ-SEARCH-PLUS") && field["optionLoader"] == undefined) {
-      const isSearchPlus = field.nodeName === "EZ-SEARCH-PLUS";
+    if ((field.nodeName === "EZ-SEARCH" || field.nodeName === "EZ-CLASSIC-SEARCH" || field.nodeName === "EZ-SEARCH-PLUS" || field.nodeName === "EZ-CLASSIC-SEARCH-PLUS") && field["optionLoader"] == undefined) {
+      const isSearchPlus = (field.nodeName === "EZ-SEARCH-PLUS" || field.nodeName === "EZ-CLASSIC-SEARCH-PLUS");
       const loader = isSearchPlus ? ApplicationContext.getContextValue("__EZUI__SEARCH__PLUS__OPTION__LOADER__") : ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
       if (loader) {
         field["optionLoader"] = (arg, ctxOptions) => {

package/dist/collection/utils/form/FormMetadata.js

@@ -72,25 +72,56 @@ export const buildFormConfigFromDataUnit = (dataUnit) => {
       .filter(descriptor => descriptor.visible !== false)
       .map(descriptor => { return { name: descriptor.name, defaultValue: descriptor.defaultValue }; });
   }
-  const config = { emptyConfig: false, fields };
-  return config;
+  return { emptyConfig: false, fields };
 };
-export const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
-  var _a, _b;
-  if (config == undefined || (config === null || config === void 0 ? void 0 : config.emptyConfig) === true) {
-    config = buildFormConfigFromDataUnit(dataUnit);
-  }
-  const sheets = new Map();
-  const hiddenTabs = new Map();
-  const requiredFields = [];
-  const cleanOnCopyFields = [];
-  const defaultValues = {};
-  (_a = config === null || config === void 0 ? void 0 : config.tabs) === null || _a === void 0 ? void 0 : _a.forEach((tab) => {
-    if (!hiddenTabs.has(tab.label) && tab.visible === false) {
-      hiddenTabs.set(tab.label, tab);
+function handleDetailTabs(dataUnit, config, sheets) {
+  const unitMD = dataUnit.metadata;
+  if (unitMD === undefined || unitMD.children === undefined)
+    return;
+  unitMD.children.forEach((child) => {
+    const tabConfig = getTabFromConfig(child.label, config);
+    if (tabConfig) {
+      sheets.set(Object.assign(tabConfig, { name: buildChildName(child), isDetail: true }), []);
+      return;
+    }
+    const { label, name, fields } = buildDetailSheet(child);
+    sheets.set({ name, label, isDetail: true }, fields);
+  });
+}
+function handleCustomTabs(customGuides, config, sheets) {
+  customGuides.forEach((guide) => {
+    const tabConfig = getTabFromConfig(guide.label, config);
+    const ctxProps = {};
+    Object.entries(guide).forEach(([key, value]) => {
+      if (!isReservedKey(key)) {
+        ctxProps[key] = value;
+      }
+    });
+    if (tabConfig) {
+      sheets.set(Object.assign(tabConfig, { name: guide.id, isCustom: true, ctxProps }), []);
+      return;
     }
+    const sheet = { label: guide.label, name: guide.id, isCustom: true, visible: true, ctxProps };
+    sheets.set(sheet, []);
   });
-  (_b = config === null || config === void 0 ? void 0 : config.fields) === null || _b === void 0 ? void 0 : _b.forEach((field) => {
+}
+function isReservedKey(key) {
+  return ['id', 'label'].includes(key);
+}
+function parseTabToFormSheet(key, fields) {
+  const i18n = getI18n();
+  return {
+    label: (key.label === "__main") ? i18n("ez-form.mainTab") : key.label,
+    name: key.name || key.label,
+    isCustom: key.isCustom,
+    isDetail: key.isDetail,
+    ctxProps: key.ctxProps,
+    fields
+  };
+}
+function handleFields(config, sheets, hiddenTabs, dataUnit, requiredFields, cleanOnCopyFields, defaultValues) {
+  var _a;
+  (_a = config === null || config === void 0 ? void 0 : config.fields) === null || _a === void 0 ? void 0 : _a.forEach((field) => {
     var _a, _b, _c;
     if (field.visible !== false) {
       const tabConfig = getTabConfig(field.tab || "__main", sheets, config);
@@ -129,7 +160,8 @@ export const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
                   defaultValue = value;
                 }
               }
-              catch (_d) { }
+              catch (_d) {
+              }
             }
           }
           defaultValues[field.name] = defaultValue;
@@ -137,34 +169,38 @@ export const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
       }
     }
   });
+}
+export const buildFormMetadata = (config, dataUnit, includeDetails = false, customGuides) => {
+  var _a;
+  if (config == undefined || (config === null || config === void 0 ? void 0 : config.emptyConfig) === true) {
+    config = buildFormConfigFromDataUnit(dataUnit);
+  }
+  const sheets = new Map();
+  const hiddenTabs = new Map();
+  const requiredFields = [];
+  const cleanOnCopyFields = [];
+  const defaultValues = {};
+  const tabs = (_a = config === null || config === void 0 ? void 0 : config.tabs) !== null && _a !== void 0 ? _a : [];
+  tabs.forEach((tab) => {
+    if (!hiddenTabs.has(tab.label) && tab.visible === false) {
+      hiddenTabs.set(tab.label, tab);
+    }
+  });
+  handleFields(config, sheets, hiddenTabs, dataUnit, requiredFields, cleanOnCopyFields, defaultValues);
   const metadata = new FormMetadata();
   metadata.setDefaultVars(config.defaultVars);
   if (includeDetails) {
-    const unitMD = dataUnit.metadata;
-    if (unitMD != undefined && unitMD.children != undefined) {
-      unitMD.children.forEach((child) => {
-        if (hiddenTabs.has(child.label)) {
-          return;
-        }
-        const tabConfig = getTabFromConfig(child.label, config);
-        if (tabConfig) {
-          sheets.set(Object.assign(tabConfig, { name: buildChildName(child) }), []);
-          return;
-        }
-        const { label, name, fields } = buildDetailSheet(child);
-        sheets.set({ name, label }, fields);
-      });
-    }
+    handleDetailTabs(dataUnit, config, sheets);
+  }
+  if (customGuides) {
+    handleCustomTabs(customGuides, config, sheets);
   }
-  const i18n = getI18n();
   Array.from(sheets.entries())
     .sort(sortTabs)
-    .forEach(([key, fields]) => {
-    metadata.addSheet({
-      label: (key.label === "__main") ? i18n("ez-form.mainTab") : key.label,
-      name: key.name || key.label,
-      fields
-    });
+    .forEach(([tab, fields]) => {
+    if (!hiddenTabs.has(tab.label)) {
+      metadata.addSheet(parseTabToFormSheet(tab, fields));
+    }
   });
   metadata.addRequiredFields(requiredFields);
   metadata.addCleanOnCopyFields(cleanOnCopyFields);

package/dist/collection/utils/form/interfaces/FormLayout.js

@@ -1,5 +1,7 @@
 export var FormLayout;
 (function (FormLayout) {
   FormLayout[FormLayout["CASCADE"] = 0] = "CASCADE";
-  FormLayout[FormLayout["SIDE_BY_SIDE"] = 1] = "SIDE_BY_SIDE";
+  FormLayout[FormLayout["CLASSIC_CASCADE"] = 1] = "CLASSIC_CASCADE";
+  FormLayout[FormLayout["SIDE_BY_SIDE"] = 2] = "SIDE_BY_SIDE";
+  FormLayout[FormLayout["CLASSIC_SIDE_BY_SIDE"] = 3] = "CLASSIC_SIDE_BY_SIDE";
 })(FormLayout || (FormLayout = {}));

package/dist/collection/utils/i18n/locales/en-us.js

@@ -30,6 +30,15 @@ export default {
       uploadErrorTitle: "Uploading file",
       uploadingMessage: "Files are being uploaded. Please wait for completion or cancel the upload."
     },
+    "ez-image-input": {
+      defaultLabel: "Upload Image",
+      imageAlt: "Uploaded image",
+      removeImage: "Remove image",
+      editImage: "Edit image",
+      invalidFileType: "The selected file is not a valid image.",
+      fileTooLarge: "The image must be less than {{maxSize}}.",
+      imagePreview: "Image Preview",
+    },
     "ez-calendar": {
       month: {
         0: "January",
@@ -73,6 +82,9 @@ export default {
     "ez-date-input": {
       invalidDate: "The entered value is not a valid date"
     },
+    "ez-classic-date-input": {
+      invalidDate: "The entered value is not a valid date"
+    },
     "ez-dialog": {
       confirmButton: "Confirm or OK button",
       closeButton: "Close or X button"
@@ -90,16 +102,27 @@ export default {
     "ez-file-item": {
       invalidProgress: "The upload progress must be a number between 0 and 100."
     },
+    "ez-record-navigation": {
+      previousRecord: "Previous record",
+      nextRecord: "Next record",
+    },
+    "ez-grid-pagination": {
+      cancelPagination: "Cancel pagination",
+      firstPage: 'First page',
+      lastPage: 'Last page',
+      previousPage: "Previous page",
+      nextPage: "Next page",
+      remainingPageLabel: " from {{count}} or more",
+      remainingTotalLabel: " from {{total}}",
+      pageCounter: "Page {{currentPage}} from {{totalPages}}",
+    },
     "ez-grid": {
       filterAppliedSuccess: "Column filter applied successfully!",
-      cancelPagination: "Cancel pagination",
       pageLabel: "Page {{currentPage}}",
       previousPage: "Previous page",
       nextPage: "Next page",
       returnToPreviousPage: "Return to the previous page.",
       goToNextPage: "Move to the next page.",
-      remainingPageLabel: " from {{count}} or more",
-      remainingTotalLabel: " from {{total}}",
       nextRecord: "Move to the next record.",
       previousRecord: "Return to the previous record.",
       searchColumn: "Search by column.",
@@ -119,7 +142,7 @@ export default {
       last: "Last",
       first: "First",
       previous: "Previous",
-      loadingOoo: "Loading",
+      loadingOoo: "",
       selectAll: "Select all",
       searchOoo: "Search",
       blanks: "Blanks",
@@ -245,12 +268,24 @@ export default {
     "ez-search": {
       emptyList: "No results found",
       emptySearch: "No results for {{field}} found",
+      showMore: "Show more"
     },
     "ez-search-plus": {
       emptyList: "No results found",
       optionLoaderNotDefined: "optionLoader not defined",
       defaultCodeLabel: "Code",
     },
+    "ez-classic-search": {
+      emptyList: "No results found",
+      emptySearch: "No results for {{field}} found",
+      showMore: "Show more"
+    },
+    "ez-classic-search-plus": {
+      emptyList: "No results found",
+      optionLoaderNotDefined: "optionLoader not defined",
+      defaultCodeLabel: "Code",
+      clearValue: "Clear value",
+    },
     "ez-sortable-list": {
       emptyMessage: "No items in the list",
       entityLabel: "item",
@@ -267,6 +302,9 @@ export default {
     "ez-time-input": {
       invalidTime: "Please enter a valid time.",
     },
+    "ez-classic-time-input": {
+      invalidTime: "Please enter a valid time.",
+    },
     "ez-sidebar": {
       unPinMenu: "Unpin menu",
       pushPinMenu: "Pin menu",
@@ -288,6 +326,10 @@ export default {
     },
     spinner: {
       loading: "Loading..."
+    },
+    "ez-scroller": {
+      previousButton: "Previous",
+      nextButton: "Next"
     }
   }
 };

package/dist/collection/utils/i18n/locales/es-es.js

@@ -30,6 +30,15 @@ export default {
       uploadErrorTitle: "Subiendo archivo",
       uploadingMessage: "Se están subiendo archivos. Por favor, espere a que se complete o cancele la subida.",
     },
+    "ez-image-input": {
+      defaultLabel: "Subir Imagen",
+      imageAlt: "Imagen cargada",
+      removeImage: "Eliminar imagen",
+      editImage: "Editar imagen",
+      invalidFileType: "El archivo seleccionado no es una imagen válida.",
+      fileTooLarge: "La imagen debe tener menos de {{maxSize}}.",
+      imagePreview: "Vista Previa de Imagen",
+    },
     "ez-calendar": {
       month: {
         0: "Enero",
@@ -73,6 +82,9 @@ export default {
     "ez-date-input": {
       invalidDate: "El valor ingresado no es una fecha válida"
     },
+    "ez-classic-date-input": {
+      invalidDate: "El valor ingresado no es una fecha válida"
+    },
     "ez-dialog": {
       confirmButton: "Botón de confirmación o OK",
       closeButton: "Botón de cerrar o X"
@@ -90,16 +102,27 @@ export default {
     "ez-file-item": {
       invalidProgress: "El progreso de carga debe ser un número entre 0 y 100."
     },
+    "ez-record-navigation": {
+      previousRecord: "Registro anterior",
+      nextRecord: "Siguiente registro",
+    },
+    "ez-grid-pagination": {
+      cancelPagination: "Cancelar paginación",
+      firstPage: 'Primeira página',
+      lastPage: 'Última página',
+      previousPage: "Página anterior",
+      nextPage: "Página siguiente",
+      remainingPageLabel: " de {{count}} o más",
+      remainingTotalLabel: " de {{total}}",
+      pageCounter: "Página {{currentPage}} de {{totalPages}}",
+    },
     "ez-grid": {
       filterAppliedSuccess: "¡Filtro de columna aplicado con éxito!",
-      cancelPagination: "Cancelar paginación",
       pageLabel: "Página {{currentPage}}",
       previousPage: "Página anterior",
       nextPage: "Página siguiente",
       returnToPreviousPage: "Volver a la página anterior.",
       goToNextPage: "Avanzar a la página siguiente.",
-      remainingPageLabel: " de {{count}} o más",
-      remainingTotalLabel: " de {{total}}",
       nextRecord: "Avanzar al siguiente registro.",
       previousRecord: "Volver al registro anterior.",
       searchColumn: "Buscar por columna.",
@@ -119,7 +142,7 @@ export default {
       last: "Último",
       first: "Primero",
       previous: "Anterior",
-      loadingOoo: "Cargando",
+      loadingOoo: "",
       selectAll: "Seleccionar todo",
       searchOoo: "Buscar",
       blanks: "Vacío",
@@ -245,12 +268,24 @@ export default {
     "ez-search": {
       emptyList: "No se encontraron resultados",
       emptySearch: "No se encontraron resultados de {{field}}",
+      showMore: "Mostrar más"
     },
     "ez-search-plus": {
       emptyList: "No se encontraron resultados",
       optionLoaderNotDefined: "optionLoader no definido",
       defaultCodeLabel: "Cód.",
     },
+    "ez-classic-search": {
+      emptyList: "No se encontraron resultados",
+      emptySearch: "No se encontraron resultados de {{field}}",
+      showMore: "Mostrar más"
+    },
+    "ez-classic-search-plus": {
+      emptyList: "No se encontraron resultados",
+      optionLoaderNotDefined: "optionLoader no definido",
+      defaultCodeLabel: "Cód.",
+      clearValue: "Limpiar valor",
+    },
     "ez-sortable-list": {
       emptyMessage: "No hay elementos en la lista",
       entityLabel: "elemento",
@@ -267,6 +302,9 @@ export default {
     "ez-time-input": {
       invalidTime: "Por favor, ingrese una hora válida.",
     },
+    "ez-classic-time-input": {
+      invalidTime: "Por favor, ingrese una hora válida.",
+    },
     "ez-sidebar": {
       unPinMenu: "Desanclar menú",
       pushPinMenu: "Anclar menú",
@@ -288,6 +326,10 @@ export default {
     },
     spinner: {
       loading: "Cargando...",
+    },
+    "ez-scroller": {
+      previousButton: "Anterior",
+      nextButton: "Siguiente"
     }
   }
 };

package/dist/collection/utils/i18n/locales/pt-br.js

@@ -30,6 +30,15 @@ export default {
       uploadErrorTitle: "Enviando arquivo",
       uploadingMessage: "Há arquivos sendo enviados. Por favor aguarde a conclusão ou cancele o envio.",
     },
+    "ez-image-input": {
+      defaultLabel: "Enviar Imagem",
+      imageAlt: "Imagem carregada",
+      removeImage: "Remover imagem",
+      editImage: "Editar imagem",
+      invalidFileType: "O arquivo selecionado não é uma imagem válida.",
+      fileTooLarge: "A imagem deve ter menos de {{maxSize}}.",
+      imagePreview: "Visualizar Imagem",
+    },
     "ez-calendar": {
       month: {
         0: "Janeiro",
@@ -73,6 +82,9 @@ export default {
     "ez-date-input": {
       invalidDate: "O valor digitado não é uma data válida"
     },
+    "ez-classic-date-input": {
+      invalidDate: "O valor digitado não é uma data válida"
+    },
     "ez-dialog": {
       confirmButton: "Botão de confirmação ou OK",
       closeButton: "Botão de fechar ou X"
@@ -90,16 +102,27 @@ export default {
     "ez-file-item": {
       invalidProgress: "O progresso de upload deve ser um número entre 0 e 100."
     },
+    "ez-record-navigation": {
+      previousRecord: "Registro anterior",
+      nextRecord: "Próximo registro",
+    },
+    "ez-grid-pagination": {
+      cancelPagination: "Cancelar paginação",
+      firstPage: 'Primeira página',
+      lastPage: 'Última página',
+      previousPage: "Página anterior",
+      nextPage: "Próxima página",
+      remainingPageLabel: " de {{count}} ou mais",
+      remainingTotalLabel: " de {{total}}",
+      pageCounter: "Página {{currentPage}} de {{totalPages}}",
+    },
     "ez-grid": {
       filterAppliedSuccess: "Filtro de coluna aplicado com sucesso!",
-      cancelPagination: "Cancelar paginação",
       pageLabel: "Página {{currentPage}}",
       previousPage: "Página anterior",
       nextPage: "Próxima página",
       returnToPreviousPage: "Retorna à página anterior.",
       goToNextPage: "Avança para a próxima página.",
-      remainingPageLabel: " de {{count}} ou mais",
-      remainingTotalLabel: " de {{total}}",
       nextRecord: "Avança para o próximo registro.",
       previousRecord: "Retorna ao registro anterior.",
       searchColumn: "Busca por coluna.",
@@ -119,7 +142,7 @@ export default {
       last: "Último",
       first: "Primeiro",
       previous: "Anterior",
-      loadingOoo: "Carregar",
+      loadingOoo: "",
       selectAll: "Selecionar tudo",
       searchOoo: "Procurar",
       blanks: "Vazio",
@@ -245,12 +268,24 @@ export default {
     "ez-search": {
       emptyList: "Nenhum resultado encontrado",
       emptySearch: "Nenhum resultado de {{field}} encontrado",
+      showMore: "Mostrar mais"
     },
     "ez-search-plus": {
       emptyList: "Nenhum resultado encontrado",
       optionLoaderNotDefined: "optionLoader não definido",
       defaultCodeLabel: "Cód.",
     },
+    "ez-classic-search": {
+      emptyList: "Nenhum resultado encontrado",
+      emptySearch: "Nenhum resultado de {{field}} encontrado",
+      showMore: "Mostrar mais"
+    },
+    "ez-classic-search-plus": {
+      emptyList: "Nenhum resultado encontrado",
+      optionLoaderNotDefined: "optionLoader não definido",
+      defaultCodeLabel: "Cód.",
+      clearValue: "Limpar valor",
+    },
     "ez-sortable-list": {
       emptyMessage: "Nenhum item na lista",
       entityLabel: "item",
@@ -267,6 +302,9 @@ export default {
     "ez-time-input": {
       invalidTime: "Favor inserir um horário válido.",
     },
+    "ez-classic-time-input": {
+      invalidTime: "Favor inserir um horário válido.",
+    },
     "ez-sidebar": {
       unPinMenu: "Desafixar menu",
       pushPinMenu: "Fixar menu",
@@ -288,6 +326,10 @@ export default {
     },
     spinner: {
       loading: "Carregando..."
+    },
+    "ez-scroller": {
+      previousButton: "Anterior",
+      nextButton: "Próximo"
     }
   }
 };

package/dist/collection/utils/searchColumn/search-column.js

@@ -1,13 +1,15 @@
 import { h } from '@stencil/core';
 export const SHORTCUT_SEARCH_FIELD = "ctrl+f";
 export const SEARCH_FIELD_FULL_WIDTH = 240;
-const SEARCH_FIELD_MARGIN_BOTTOM = "0px";
-const SEARCH_FIELD_WIDTH = String(SEARCH_FIELD_FULL_WIDTH - 30) + "px";
 export const buildFieldSearch = (action, optionLoader, onSelectField) => {
-  return h("ez-search", { class: 'ez-padding--small ez-margin--none', style: {
-      "--ez-text-input__margin-bottom": SEARCH_FIELD_MARGIN_BOTTOM,
-      "--ez-search--width": SEARCH_FIELD_WIDTH
-    }, canShowError: false, showSelectedValue: false, showOptionValue: false, suppressEmptyOption: true, label: action.label, value: null, optionLoader: optionLoader, onEzChange: (evt) => onSelectField(evt.detail), ignoreLimitCharsToSearch: true });
+  return h("ez-search", { class: 'ez-padding--medium', style: {
+      "--ez-search--min-width": `${SEARCH_FIELD_FULL_WIDTH}px`
+    }, canShowError: false, showSelectedValue: false, showOptionValue: false, suppressEmptyOption: true, label: action.label, value: null, optionLoader: optionLoader, onEzChange: (evt) => {
+      window.dispatchEvent(new CustomEvent('ezCloseSplitButtonDropdown', { detail: { action, value: evt.detail } }));
+      requestAnimationFrame(() => {
+        onSelectField(evt.detail);
+      });
+    }, ignoreLimitCharsToSearch: true });
 };
 export const openFieldSearch = async (splitButton, field) => {
   if (!splitButton) {