@sankhyalabs/ezui 7.2.0-dev.1 → 7.2.0-dev.11

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/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/searchColumn/search-column.js

@@ -1,12 +1,9 @@
 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
+  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(() => {

package/dist/custom-elements/index.d.ts

@@ -236,6 +236,12 @@ export const EzGrid: {
   new (): EzGrid;
 };
 
+interface EzGridPagination extends Components.EzGridPagination, HTMLElement {}
+export const EzGridPagination: {
+  prototype: EzGridPagination;
+  new (): EzGridPagination;
+};
+
 interface EzGridView extends Components.EzGridView, HTMLElement {}
 export const EzGridView: {
   prototype: EzGridView;
@@ -350,6 +356,12 @@ export const EzRadioButton: {
   new (): EzRadioButton;
 };
 
+interface EzRecordNavigation extends Components.EzRecordNavigation, HTMLElement {}
+export const EzRecordNavigation: {
+  prototype: EzRecordNavigation;
+  new (): EzRecordNavigation;
+};
+
 interface EzRichText extends Components.EzRichText, HTMLElement {}
 export const EzRichText: {
   prototype: EzRichText;