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

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

@@ -81,6 +81,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 +101,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 +141,7 @@ export default {
       last: "Last",
       first: "First",
       previous: "Previous",
-      loadingOoo: "Loading",
+      loadingOoo: "",
       selectAll: "Select all",
       searchOoo: "Search",
       blanks: "Blanks",
@@ -286,6 +300,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 +324,10 @@ export default {
     },
     spinner: {
       loading: "Loading..."
+    },
+    "ez-scroller": {
+      previousButton: "Previous",
+      nextButton: "Next"
     }
   }
 };

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

@@ -81,6 +81,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 +101,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 +141,7 @@ export default {
       last: "Último",
       first: "Primero",
       previous: "Anterior",
-      loadingOoo: "Cargando",
+      loadingOoo: "",
       selectAll: "Seleccionar todo",
       searchOoo: "Buscar",
       blanks: "Vacío",
@@ -286,6 +300,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 +324,10 @@ export default {
     },
     spinner: {
       loading: "Cargando...",
+    },
+    "ez-scroller": {
+      previousButton: "Anterior",
+      nextButton: "Siguiente"
     }
   }
 };

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

@@ -81,6 +81,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 +101,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 +141,7 @@ export default {
       last: "Último",
       first: "Primeiro",
       previous: "Anterior",
-      loadingOoo: "Carregar",
+      loadingOoo: "",
       selectAll: "Selecionar tudo",
       searchOoo: "Procurar",
       blanks: "Vazio",
@@ -286,6 +300,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 +324,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;