@sankhyalabs/ezui 7.2.0-dev.2 → 7.2.0-dev.20

package/dist/collection/components/ez-scroller/ez-scroller.js

@@ -1,25 +1,64 @@
 import { JSUtils } from '@sankhyalabs/core';
 import { h, Host } from '@stencil/core';
+import initI18n from '../../utils/i18n';
 import { EzScrollDirection } from './EzScrollDirection';
+import { EzScrollNavigationMode } from './EzScrollNavigationMode';
 export class EzScroller {
   constructor() {
     this._shadowStart = "ez-scroller__wrapper--shadow-start";
     this._shadowEnd = "ez-scroller__wrapper--shadow-end";
+    this._startHidden = undefined;
+    this._endHidden = undefined;
     this.isActive = false;
     this.direction = undefined;
     this.locked = false;
     this.activeShadow = false;
+    this.navigationMode = EzScrollNavigationMode.SCROLLBAR;
+    this.scrollAmount = 200;
   }
   //---------------------------------------------
   // Private methods
   //---------------------------------------------
+  scrollToPrevious() {
+    if (!this._container)
+      return;
+    const scrollOptions = {
+      behavior: 'smooth'
+    };
+    if (this.direction === EzScrollDirection.HORIZONTAL) {
+      scrollOptions.left = Math.max(0, this._container.scrollLeft - this.scrollAmount);
+    }
+    else if (this.direction === EzScrollDirection.VERTICAL) {
+      scrollOptions.top = Math.max(0, this._container.scrollTop - this.scrollAmount);
+    }
+    this._container.scrollTo(scrollOptions);
+  }
+  scrollToNext() {
+    if (!this._container)
+      return;
+    const scrollOptions = {
+      behavior: 'smooth'
+    };
+    if (this.direction === EzScrollDirection.HORIZONTAL) {
+      scrollOptions.left = this._container.scrollLeft + this.scrollAmount;
+    }
+    else if (this.direction === EzScrollDirection.VERTICAL) {
+      scrollOptions.top = this._container.scrollTop + this.scrollAmount;
+    }
+    this._container.scrollTo(scrollOptions);
+  }
   getContainerClass() {
+    const isButtonMode = this.navigationMode === EzScrollNavigationMode.BUTTONS;
     return `ez-scroller__container ez-scroller__container--${this.direction}
       ${this.locked || !this.isActive ? " ez-scroller__container--locked" : ""}
+      ${isButtonMode ? " ez-scroller__container--buttons-mode" : ""}
     `;
   }
   getWrapperClass() {
-    return `ez-scroller__wrapper ez-scroller__wrapper--${this.direction}`;
+    const isButtonMode = this.navigationMode === EzScrollNavigationMode.BUTTONS;
+    return `ez-scroller__wrapper ez-scroller__wrapper--${this.direction}
+      ${isButtonMode ? " ez-scroller__wrapper--buttons-mode" : ""}
+    `;
   }
   finishDrag() {
     if (this._controller) {
@@ -47,27 +86,33 @@ export class EzScroller {
     this.updateShadow();
   }
   updateShadow() {
-    const wrapper = this._wrapper;
-    if (!this.activeShadow || wrapper == undefined) {
+    if (!this.activeShadow) {
+      return;
+    }
+    // Apply shadow classes to container when in buttons mode, otherwise to wrapper
+    const targetElement = this.navigationMode === EzScrollNavigationMode.BUTTONS
+      ? this._container
+      : this._wrapper;
+    if (targetElement == undefined) {
       return;
     }
     const shadowPositions = ["", "start", "end", "middle"];
     const currentPosition = shadowPositions[Number(this._startHidden) | Number(this._endHidden) << 1];
     if (currentPosition === "start") {
-      wrapper.classList.add(this._shadowStart);
-      wrapper.classList.remove(this._shadowEnd);
+      targetElement.classList.add(this._shadowStart);
+      targetElement.classList.remove(this._shadowEnd);
     }
     else if (currentPosition === "end") {
-      wrapper.classList.remove(this._shadowStart);
-      wrapper.classList.add(this._shadowEnd);
+      targetElement.classList.remove(this._shadowStart);
+      targetElement.classList.add(this._shadowEnd);
     }
     else if (currentPosition === "middle") {
-      wrapper.classList.add(this._shadowStart);
-      wrapper.classList.add(this._shadowEnd);
+      targetElement.classList.add(this._shadowStart);
+      targetElement.classList.add(this._shadowEnd);
     }
     else {
-      wrapper.classList.remove(this._shadowStart);
-      wrapper.classList.remove(this._shadowEnd);
+      targetElement.classList.remove(this._shadowStart);
+      targetElement.classList.remove(this._shadowEnd);
     }
   }
   configResize() {
@@ -91,6 +136,17 @@ export class EzScroller {
     return this._container.scrollWidth > this._container.clientWidth
       || this._container.scrollHeight > this._container.clientHeight;
   }
+  renderNavigationButtons() {
+    if (this.navigationMode !== EzScrollNavigationMode.BUTTONS || this.direction === EzScrollDirection.BOTH) {
+      return null;
+    }
+    const isHorizontal = this.direction === EzScrollDirection.HORIZONTAL;
+    const previousIconName = isHorizontal ? "arrow_back" : "arrow-up";
+    const nextIconName = isHorizontal ? "arrow-forward" : "arrow-down";
+    const previousButton = this._startHidden ? (h("ez-button", { class: "ez-scroller__nav-button ez-scroller__nav-button--previous", onClick: () => this.scrollToPrevious(), title: this.i18n('ez-scroller.previousButton'), "aria-label": this.i18n('ez-scroller.previousButton'), type: "button", variant: "tertiary", mode: 'icon', suppressAnimation: true, iconName: previousIconName }, h("ez-icon", { iconName: previousIconName }))) : null;
+    const nextButton = this._endHidden ? (h("ez-button", { class: "ez-scroller__nav-button ez-scroller__nav-button--next", onClick: () => this.scrollToNext(), title: this.i18n('ez-scroller.nextButton'), "aria-label": this.i18n('ez-scroller.nextButton'), type: "button", variant: "tertiary", mode: 'icon', suppressAnimation: true, iconName: nextIconName }, h("ez-icon", { iconName: nextIconName }))) : null;
+    return { previousButton, nextButton };
+  }
   //---------------------------------------------
   // Event handlers
   //---------------------------------------------
@@ -129,6 +185,9 @@ export class EzScroller {
       }
     }
   }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
+  }
   componentDidRender() {
     var _a, _b;
     if (this._container == undefined) {
@@ -145,8 +204,11 @@ export class EzScroller {
     this.updateScroller();
   }
   render() {
-    return (h(Host, null, this.activeShadow
-      ? h("div", { ref: ref => this._wrapper = ref, class: this.getWrapperClass() }, this.getContainerElement())
+    const buttons = this.navigationMode === EzScrollNavigationMode.BUTTONS ? this.renderNavigationButtons() : null;
+    return (h(Host, null, this.activeShadow || this.navigationMode === EzScrollNavigationMode.BUTTONS
+      ? h("div", { ref: ref => this._wrapper = ref, class: this.getWrapperClass() }, buttons === null || buttons === void 0 ? void 0 :
+        buttons.previousButton, this.getContainerElement(), buttons === null || buttons === void 0 ? void 0 :
+        buttons.nextButton)
       : this.getContainerElement()));
   }
   static get is() { return "ez-scroller"; }
@@ -220,11 +282,54 @@ export class EzScroller {
         "attribute": "active-shadow",
         "reflect": false,
         "defaultValue": "false"
+      },
+      "navigationMode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "EzScrollNavigationMode",
+          "resolved": "EzScrollNavigationMode.BUTTONS | EzScrollNavigationMode.SCROLLBAR",
+          "references": {
+            "EzScrollNavigationMode": {
+              "location": "import",
+              "path": "./EzScrollNavigationMode"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o modo de navega\u00E7\u00E3o: 'scrollbar' (padr\u00E3o) ou 'buttons' (bot\u00F5es de carrossel)."
+        },
+        "attribute": "navigation-mode",
+        "reflect": false,
+        "defaultValue": "EzScrollNavigationMode.SCROLLBAR"
+      },
+      "scrollAmount": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a quantidade de pixels que ser\u00E1 rolado ao clicar nos bot\u00F5es de navega\u00E7\u00E3o."
+        },
+        "attribute": "scroll-amount",
+        "reflect": false,
+        "defaultValue": "200"
       }
     };
   }
   static get states() {
     return {
+      "_startHidden": {},
+      "_endHidden": {},
       "isActive": {}
     };
   }

package/dist/collection/components/ez-search/ez-search.css

@@ -4,6 +4,9 @@
   --ez-search--height: 42px;
   /*@doc Define largura do input.*/
   --ez-search--width: 100%;
+  /*@doc Define largura mínima do input.*/
+  --ez-search--min-width: 0;
+
   /*@doc Define largura do slot do ícone do input.*/
   --ez-search__icon--width: 48px;
 
@@ -72,6 +75,7 @@
 
   /*public*/
   width: var(--ez-search--width);
+  min-width: var(--ez-search--min-width);
 }
 
 ez-icon {

package/dist/collection/components/ez-search-plus/ez-search-plus.js

@@ -52,6 +52,7 @@ export class EzSearchPlus {
     if (newNormalizedValue === undefined) {
       this.codeValue = undefined;
       this.descriptionValue = undefined;
+      this.cleanFieldsRef();
       this.ezChange.emit(undefined);
       return;
     }
@@ -86,7 +87,7 @@ export class EzSearchPlus {
    * Aplica o foco no campo.
    */
   async setFocus(options) {
-    var _a;
+    var _a, _b;
     if (this.disableCodeInput) {
       (_a = this._textInputDescriptionValue) === null || _a === void 0 ? void 0 : _a.setFocus(options);
       return;
@@ -95,7 +96,7 @@ export class EzSearchPlus {
       this._latestFocusedInputElement.setFocus(options);
       return;
     }
-    this._textInputCodeValue.setFocus(options);
+    (_b = this._textInputCodeValue) === null || _b === void 0 ? void 0 : _b.setFocus(options);
   }
   /**
   * Obtém o valor do componente só após a compo de apresentação
@@ -382,6 +383,14 @@ export class EzSearchPlus {
   handleDescriptionInputFocus() {
     this.setLatestFocusedInputElement(this._textInputDescriptionValue);
   }
+  cleanFieldsRef() {
+    if (this._textInputCodeValue) {
+      this._textInputCodeValue.value = null;
+    }
+    if (this._textInputDescriptionValue) {
+      this._textInputDescriptionValue.value = null;
+    }
+  }
   getRightIconElement() {
     var _a, _b;
     if (!this.ensureClearButtonVisible && (!this.value && !((_a = this._textInputCodeValue) === null || _a === void 0 ? void 0 : _a.value) && !((_b = this._textInputDescriptionValue) === null || _b === void 0 ? void 0 : _b.value))) {

package/dist/collection/components/ez-sortable-list/ez-sortable-list.css

@@ -198,7 +198,7 @@
 
 @media (max-height: 630px) {
     .sortable-content{
-        height: 290px;
+        height: 270px;
     }
 }
 

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

@@ -343,7 +343,7 @@
     position: absolute;
     background-color: #f1f1f1;
     min-width: 160px;
-    z-index:  var(--ez-elevation--8);
+    z-index:  var(--elevation--8);
     border-radius: var(--ez-split-button--border-radius);
   }
 

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

@@ -302,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 });
@@ -311,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()));

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

@@ -41,6 +41,7 @@ export class EzTextInput {
       if (newValue != oldValue) {
         this._inputElem.value = this.value || "";
         this.handleChange();
+        this.applyMask(newValue);
         this.adjustFloatingLabel();
         this.checkIsOverflowing();
         if (!this.isSlaveMode()) {
@@ -185,12 +186,9 @@ export class EzTextInput {
     const value = this._inputElem.value;
     if (value && this._maskFormatter) {
       try {
-        if (this.cleanValueMask) {
-          this.applyMask(value);
-        }
-        else {
-          this._inputElem.value = this._maskFormatter.format(value);
-        }
+        const newMask = this.handleDefaultMask(value);
+        this._maskFormatter.mask = newMask;
+        this._inputElem.value = this._maskFormatter.format(this._maskFormatter.removeMask(value));
       }
       catch (e) {
         this.errorMessage = e.message;
@@ -216,20 +214,33 @@ export class EzTextInput {
       }
     }
   }
+  handleDefaultMask(value = this.value) {
+    if (this.mask === "cgc_cpf") {
+      if (value && value.length <= 11) {
+        this.mask = MaskFormatter.DEFAULT_MASKS["cpf"];
+      }
+      else {
+        this.mask = MaskFormatter.DEFAULT_MASKS["cnpj"];
+      }
+    }
+    return this.mask;
+  }
   applyMask(value) {
     if (!value || value === "")
       return value;
     if (this._maskFormatter) {
       try {
+        const newMask = this.handleDefaultMask(value);
+        this._maskFormatter.mask = newMask;
         const formattedValue = this._maskFormatter.applyMask(this._maskFormatter.removeMask(value));
         if (this._inputElem) {
           this._inputElem.value = formattedValue;
           return this._inputElem.value;
         }
-        else {
+        if (!this.cleanValueMask) {
           this.value = formattedValue;
-          return this.value;
         }
+        return this.value;
       }
       catch (e) {
         this.errorMessage = e.message;
@@ -296,7 +307,7 @@ export class EzTextInput {
     this.adjustColorContentSlot("var(--ez-text-input__input--focus--icon-color)");
   }
   getValue() {
-    return this.mask && this.cleanValueMask ? this.applyMask(this.value) : this.value;
+    return this.mask ? this.applyMask(this.value) : this.value;
   }
   buildLabelClass() {
     let classList = this.enabled ? 'input__label' : 'input__label input__label--disabled';
@@ -327,12 +338,7 @@ export class EzTextInput {
     if (this.value) {
       if (this._maskFormatter) {
         try {
-          if (this.cleanValueMask) {
-            this.applyMask(this.value);
-          }
-          else {
-            this.value = this._maskFormatter.format(this.value);
-          }
+          this.applyMask(this.value);
         }
         catch (e) {
           this.errorMessage = e.message;

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

@@ -34,6 +34,7 @@ export default {
       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",
@@ -81,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"
@@ -98,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.",
@@ -127,7 +142,7 @@ export default {
       last: "Last",
       first: "First",
       previous: "Previous",
-      loadingOoo: "Loading",
+      loadingOoo: "",
       selectAll: "Select all",
       searchOoo: "Search",
       blanks: "Blanks",
@@ -269,6 +284,7 @@ export default {
       emptyList: "No results found",
       optionLoaderNotDefined: "optionLoader not defined",
       defaultCodeLabel: "Code",
+      clearValue: "Clear value",
     },
     "ez-sortable-list": {
       emptyMessage: "No items in the list",
@@ -286,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",
@@ -307,6 +326,10 @@ export default {
     },
     spinner: {
       loading: "Loading..."
+    },
+    "ez-scroller": {
+      previousButton: "Previous",
+      nextButton: "Next"
     }
   }
 };

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

@@ -34,6 +34,7 @@ export default {
       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",
@@ -81,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"
@@ -98,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.",
@@ -127,7 +142,7 @@ export default {
       last: "Último",
       first: "Primero",
       previous: "Anterior",
-      loadingOoo: "Cargando",
+      loadingOoo: "",
       selectAll: "Seleccionar todo",
       searchOoo: "Buscar",
       blanks: "Vacío",
@@ -269,6 +284,7 @@ export default {
       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",
@@ -286,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ú",
@@ -307,6 +326,10 @@ export default {
     },
     spinner: {
       loading: "Cargando...",
+    },
+    "ez-scroller": {
+      previousButton: "Anterior",
+      nextButton: "Siguiente"
     }
   }
 };

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

@@ -34,6 +34,7 @@ export default {
       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",
@@ -81,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"
@@ -98,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.",
@@ -127,7 +142,7 @@ export default {
       last: "Último",
       first: "Primeiro",
       previous: "Anterior",
-      loadingOoo: "Carregar",
+      loadingOoo: "",
       selectAll: "Selecionar tudo",
       searchOoo: "Procurar",
       blanks: "Vazio",
@@ -269,6 +284,7 @@ export default {
       emptyList: "Nenhum resultado encontrado",
       optionLoaderNotDefined: "optionLoader não definido",
       defaultCodeLabel: "Cód.",
+      clearValue: "Limpar valor",
     },
     "ez-sortable-list": {
       emptyMessage: "Nenhum item na lista",
@@ -286,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",
@@ -307,6 +326,10 @@ export default {
     },
     spinner: {
       loading: "Carregando..."
+    },
+    "ez-scroller": {
+      previousButton: "Anterior",
+      nextButton: "Próximo"
     }
   }
 };

package/dist/collection/utils/interfaces/AbstractFieldMetadata.js

@@ -1,4 +1,12 @@
 import { UserInterface } from "@sankhyalabs/core";
+const isSystemRequired = (descriptor) => {
+  var _a;
+  return (descriptor === null || descriptor === void 0 ? void 0 : descriptor.required) === true || ((_a = descriptor === null || descriptor === void 0 ? void 0 : descriptor.properties) === null || _a === void 0 ? void 0 : _a.systemRequired) === 'S';
+};
+const isSystemReadOnly = (descriptor) => {
+  var _a;
+  return (descriptor === null || descriptor === void 0 ? void 0 : descriptor.readOnly) === true || ((_a = descriptor === null || descriptor === void 0 ? void 0 : descriptor.properties) === null || _a === void 0 ? void 0 : _a.systemReadOnly) === 'S';
+};
 export const buildFieldMetadata = (descriptor, config) => {
   var _a, _b;
   let { name, label, group } = Object.assign({}, config);
@@ -8,8 +16,12 @@ export const buildFieldMetadata = (descriptor, config) => {
   if (descriptor) {
     label = label || descriptor.label;
     name = name || descriptor.name;
-    required = (_a = descriptor.required) !== null && _a !== void 0 ? _a : config === null || config === void 0 ? void 0 : config.required;
-    readOnly = (_b = descriptor.readOnly) !== null && _b !== void 0 ? _b : config === null || config === void 0 ? void 0 : config.readOnly;
+    required = isSystemRequired(descriptor)
+      ? true
+      : ((_a = config === null || config === void 0 ? void 0 : config.required) !== null && _a !== void 0 ? _a : descriptor.required);
+    readOnly = isSystemReadOnly(descriptor)
+      ? true
+      : ((_b = config === null || config === void 0 ? void 0 : config.readOnly) !== null && _b !== void 0 ? _b : descriptor.readOnly);
     props = descriptor.properties;
     userInterface = descriptor.userInterface;
   }