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

package/dist/types/components.d.ts

@@ -42,6 +42,7 @@ import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, I
 import { ICustomFormatter, IGridMode, ISelection, ISelectionToastConfig } from "./components/ez-grid/interfaces";
 import { IMultiSelectionListDataSource } from "./components/ez-multi-selection-list/interfaces/IMultiSelectionListDataSource";
 import { ICustomRender } from "./utils/customRender/interfaces/ICustomRender";
+import { PageChangeDirection } from "./components/ez-grid-pagination/ez-grid-pagination";
 import { ColumnConfig } from "./components/ez-grid-view/ez-grid-view";
 import { IGuideItem } from "./components/ez-guide-navigator/interfaces";
 import { RichToolbarCommand } from "./components/ez-rich-text/ez-rich-toolbar/RichToolbarHelper";
@@ -54,6 +55,7 @@ import { IEzPopoverAnchorOptions as IEzPopoverAnchorOptions2 } from "./component
 import { EzButtonProps } from "./components/ez-popup/interfaces/EzButtonProps";
 import { Radio } from "./components/ez-radio-button/ez-radio-button";
 import { EzScrollDirection } from "./components/ez-scroller/EzScrollDirection";
+import { EzScrollNavigationMode } from "./components/ez-scroller/EzScrollNavigationMode";
 import { IOption as IOption7, ISearchArgument as ISearchArgument2 } from "./components/ez-search/ez-search";
 import { IOption as IOption8, OptionLoaderFunction as OptionLoaderFunction1 } from "./components/ez-search-plus/ez-search-plus";
 import { IOption as IOption9 } from "./components/ez-search-plus/ez-search-plus";
@@ -1717,11 +1719,11 @@ export namespace Components {
         /**
           * Define o tamanho do componente, sobrescrevendo o padrão da propriedade size.
          */
-        "height"?: number;
+        "height"?: number | string;
         /**
           * Define a largura do componente, sobrescrevendo o padrão da propriedade size.
          */
-        "width"?: number;
+        "width"?: number | string;
     }
     interface EzFileItem {
         /**
@@ -1966,6 +1968,14 @@ export namespace Components {
           * Obtém as linhas selecionadas.
          */
         "getSelection": () => Promise<Array<any>>;
+        /**
+          * Manipula a mudança de página da grid.
+         */
+        "handlePageChange": () => Promise<void>;
+        /**
+          * Esconder paginação.
+         */
+        "hidePagination": boolean;
         /**
           * Localiza determinada coluna tornando-a visível.
          */
@@ -1983,7 +1993,7 @@ export namespace Components {
          */
         "outlineMode"?: boolean;
         /**
-          * Define se a grid será focada ao ser carregada.
+          * Define a forma como a paginação irá se comportar.
          */
         "paginationCounterMode"?: 'show' | 'hidden' | 'auto';
         /**
@@ -2056,6 +2066,41 @@ export namespace Components {
          */
         "useSearchColumn": boolean;
     }
+    interface EzGridPagination {
+        /**
+          * Define o modo de visualização atual da grid.
+         */
+        "buttonsSize": 'x-small' | 'small' | 'medium' | 'large';
+        /**
+          * DataUnit associada à grid.
+         */
+        "dataUnit": DataUnit;
+        /**
+          * Navega para a primeira página.
+         */
+        "firstPage": () => Promise<void>;
+        /**
+          * Navega para a primeira página.
+         */
+        "lastPage": () => Promise<void>;
+        /**
+          * Navega para a próxima página.
+         */
+        "nextPage": () => Promise<void>;
+        /**
+          * Define a visibilidade do contador de paginação. - `show`: Sempre exibe o contador (ex: "1-10 de 100") - `hidden`: Oculta o contador (exibe apenas os botões) - `auto`: Exibe/oculta baseado no espaço disponível (responsivo)
+          * @default 'auto'
+         */
+        "paginationCounterMode"?: 'show' | 'hidden' | 'auto';
+        /**
+          * Define o texto da paginação à esquerda ou à direita.
+         */
+        "paginationTextPosition": 'left' | 'right';
+        /**
+          * Navega para a página anterior.
+         */
+        "previousPage": () => Promise<void>;
+    }
     interface EzGridView {
         /**
           * Adiciona item de menu nas colunas.
@@ -2761,6 +2806,29 @@ export namespace Components {
          */
         "value": any;
     }
+    interface EzRecordNavigation {
+        /**
+          * DataUnit.
+         */
+        "dataUnit": DataUnit;
+        /**
+          * Desabilita a navegação entre os registros.
+         */
+        "disabled": boolean;
+        /**
+          * Navega para a próxima página.
+         */
+        "nextRecord": () => Promise<void>;
+        /**
+          * Navega para a página anterior.
+         */
+        "previousRecord": () => Promise<void>;
+        /**
+          * Chaves primárias dos registros, usadas para visualizar o registro atual.
+         */
+        "primaryKeys": string[];
+        "textPosition": 'left' | 'right';
+    }
     interface EzRichText {
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
@@ -2866,6 +2934,14 @@ export namespace Components {
           * Define se o `scroll` estará bloqueado.
          */
         "locked": boolean;
+        /**
+          * Define o modo de navegação: 'scrollbar' (padrão) ou 'buttons' (botões de carrossel).
+         */
+        "navigationMode": EzScrollNavigationMode;
+        /**
+          * Define a quantidade de pixels que será rolado ao clicar nos botões de navegação.
+         */
+        "scrollAmount": number;
     }
     interface EzSearch {
         /**
@@ -4256,6 +4332,10 @@ export interface EzGridCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzGridElement;
 }
+export interface EzGridPaginationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzGridPaginationElement;
+}
 export interface EzGuideNavigatorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzGuideNavigatorElement;
@@ -4639,6 +4719,12 @@ declare global {
         prototype: HTMLEzGridElement;
         new (): HTMLEzGridElement;
     };
+    interface HTMLEzGridPaginationElement extends Components.EzGridPagination, HTMLStencilElement {
+    }
+    var HTMLEzGridPaginationElement: {
+        prototype: HTMLEzGridPaginationElement;
+        new (): HTMLEzGridPaginationElement;
+    };
     interface HTMLEzGridViewElement extends Components.EzGridView, HTMLStencilElement {
     }
     var HTMLEzGridViewElement: {
@@ -4753,6 +4839,12 @@ declare global {
         prototype: HTMLEzRadioButtonElement;
         new (): HTMLEzRadioButtonElement;
     };
+    interface HTMLEzRecordNavigationElement extends Components.EzRecordNavigation, HTMLStencilElement {
+    }
+    var HTMLEzRecordNavigationElement: {
+        prototype: HTMLEzRecordNavigationElement;
+        new (): HTMLEzRecordNavigationElement;
+    };
     interface HTMLEzRichTextElement extends Components.EzRichText, HTMLStencilElement {
     }
     var HTMLEzRichTextElement: {
@@ -5030,6 +5122,7 @@ declare global {
         "ez-form": HTMLEzFormElement;
         "ez-form-view": HTMLEzFormViewElement;
         "ez-grid": HTMLEzGridElement;
+        "ez-grid-pagination": HTMLEzGridPaginationElement;
         "ez-grid-view": HTMLEzGridViewElement;
         "ez-guide-navigator": HTMLEzGuideNavigatorElement;
         "ez-icon": HTMLEzIconElement;
@@ -5049,6 +5142,7 @@ declare global {
         "ez-popup": HTMLEzPopupElement;
         "ez-progress-bar": HTMLEzProgressBarElement;
         "ez-radio-button": HTMLEzRadioButtonElement;
+        "ez-record-navigation": HTMLEzRecordNavigationElement;
         "ez-rich-text": HTMLEzRichTextElement;
         "ez-rich-toolbar": HTMLEzRichToolbarElement;
         "ez-rich-toolbar-arrows": HTMLEzRichToolbarArrowsElement;
@@ -6718,11 +6812,11 @@ declare namespace LocalJSX {
         /**
           * Define o tamanho do componente, sobrescrevendo o padrão da propriedade size.
          */
-        "height"?: number;
+        "height"?: number | string;
         /**
           * Define a largura do componente, sobrescrevendo o padrão da propriedade size.
          */
-        "width"?: number;
+        "width"?: number | string;
     }
     interface EzFileItem {
         /**
@@ -6929,6 +7023,10 @@ declare namespace LocalJSX {
           * Ativa modo de linhas com cores alternadas.
          */
         "enableRowTableStriped"?: boolean;
+        /**
+          * Esconder paginação.
+         */
+        "hidePagination"?: boolean;
         /**
           * Define o modo de uso da grade
          */
@@ -6970,7 +7068,7 @@ declare namespace LocalJSX {
          */
         "outlineMode"?: boolean;
         /**
-          * Define se a grid será focada ao ser carregada.
+          * Define a forma como a paginação irá se comportar.
          */
         "paginationCounterMode"?: 'show' | 'hidden' | 'auto';
         /**
@@ -7010,6 +7108,29 @@ declare namespace LocalJSX {
          */
         "useSearchColumn"?: boolean;
     }
+    interface EzGridPagination {
+        /**
+          * Define o modo de visualização atual da grid.
+         */
+        "buttonsSize"?: 'x-small' | 'small' | 'medium' | 'large';
+        /**
+          * DataUnit associada à grid.
+         */
+        "dataUnit"?: DataUnit;
+        /**
+          * Evento disparado quando a página é alterada.
+         */
+        "onPageChange"?: (event: EzGridPaginationCustomEvent<PageChangeDirection>) => void;
+        /**
+          * Define a visibilidade do contador de paginação. - `show`: Sempre exibe o contador (ex: "1-10 de 100") - `hidden`: Oculta o contador (exibe apenas os botões) - `auto`: Exibe/oculta baseado no espaço disponível (responsivo)
+          * @default 'auto'
+         */
+        "paginationCounterMode"?: 'show' | 'hidden' | 'auto';
+        /**
+          * Define o texto da paginação à esquerda ou à direita.
+         */
+        "paginationTextPosition"?: 'left' | 'right';
+    }
     interface EzGridView {
         /**
           * Define se a grid será focada ao ser carregada.
@@ -7622,6 +7743,21 @@ declare namespace LocalJSX {
          */
         "value"?: any;
     }
+    interface EzRecordNavigation {
+        /**
+          * DataUnit.
+         */
+        "dataUnit"?: DataUnit;
+        /**
+          * Desabilita a navegação entre os registros.
+         */
+        "disabled"?: boolean;
+        /**
+          * Chaves primárias dos registros, usadas para visualizar o registro atual.
+         */
+        "primaryKeys"?: string[];
+        "textPosition"?: 'left' | 'right';
+    }
     interface EzRichText {
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
@@ -7721,6 +7857,14 @@ declare namespace LocalJSX {
           * Define se o `scroll` estará bloqueado.
          */
         "locked"?: boolean;
+        /**
+          * Define o modo de navegação: 'scrollbar' (padrão) ou 'buttons' (botões de carrossel).
+         */
+        "navigationMode"?: EzScrollNavigationMode;
+        /**
+          * Define a quantidade de pixels que será rolado ao clicar nos botões de navegação.
+         */
+        "scrollAmount"?: number;
     }
     interface EzSearch {
         /**
@@ -8923,6 +9067,7 @@ declare namespace LocalJSX {
         "ez-form": EzForm;
         "ez-form-view": EzFormView;
         "ez-grid": EzGrid;
+        "ez-grid-pagination": EzGridPagination;
         "ez-grid-view": EzGridView;
         "ez-guide-navigator": EzGuideNavigator;
         "ez-icon": EzIcon;
@@ -8942,6 +9087,7 @@ declare namespace LocalJSX {
         "ez-popup": EzPopup;
         "ez-progress-bar": EzProgressBar;
         "ez-radio-button": EzRadioButton;
+        "ez-record-navigation": EzRecordNavigation;
         "ez-rich-text": EzRichText;
         "ez-rich-toolbar": EzRichToolbar;
         "ez-rich-toolbar-arrows": EzRichToolbarArrows;
@@ -9024,6 +9170,7 @@ declare module "@stencil/core" {
             "ez-form": LocalJSX.EzForm & JSXBase.HTMLAttributes<HTMLEzFormElement>;
             "ez-form-view": LocalJSX.EzFormView & JSXBase.HTMLAttributes<HTMLEzFormViewElement>;
             "ez-grid": LocalJSX.EzGrid & JSXBase.HTMLAttributes<HTMLEzGridElement>;
+            "ez-grid-pagination": LocalJSX.EzGridPagination & JSXBase.HTMLAttributes<HTMLEzGridPaginationElement>;
             "ez-grid-view": LocalJSX.EzGridView & JSXBase.HTMLAttributes<HTMLEzGridViewElement>;
             "ez-guide-navigator": LocalJSX.EzGuideNavigator & JSXBase.HTMLAttributes<HTMLEzGuideNavigatorElement>;
             "ez-icon": LocalJSX.EzIcon & JSXBase.HTMLAttributes<HTMLEzIconElement>;
@@ -9043,6 +9190,7 @@ declare module "@stencil/core" {
             "ez-popup": LocalJSX.EzPopup & JSXBase.HTMLAttributes<HTMLEzPopupElement>;
             "ez-progress-bar": LocalJSX.EzProgressBar & JSXBase.HTMLAttributes<HTMLEzProgressBarElement>;
             "ez-radio-button": LocalJSX.EzRadioButton & JSXBase.HTMLAttributes<HTMLEzRadioButtonElement>;
+            "ez-record-navigation": LocalJSX.EzRecordNavigation & JSXBase.HTMLAttributes<HTMLEzRecordNavigationElement>;
             "ez-rich-text": LocalJSX.EzRichText & JSXBase.HTMLAttributes<HTMLEzRichTextElement>;
             "ez-rich-toolbar": LocalJSX.EzRichToolbar & JSXBase.HTMLAttributes<HTMLEzRichToolbarElement>;
             "ez-rich-toolbar-arrows": LocalJSX.EzRichToolbarArrows & JSXBase.HTMLAttributes<HTMLEzRichToolbarArrowsElement>;

package/dist/types/utils/i18n/locales/en-us.d.ts

@@ -81,6 +81,9 @@ declare const _default: {
     "ez-date-input": {
       invalidDate: string;
     };
+    "ez-classic-date-input": {
+      invalidDate: string;
+    };
     "ez-dialog": {
       confirmButton: string;
       closeButton: string;
@@ -98,16 +101,27 @@ declare const _default: {
     "ez-file-item": {
       invalidProgress: string;
     };
+    "ez-record-navigation": {
+      previousRecord: string;
+      nextRecord: string;
+    };
+    "ez-grid-pagination": {
+      cancelPagination: string;
+      firstPage: string;
+      lastPage: string;
+      previousPage: string;
+      nextPage: string;
+      remainingPageLabel: string;
+      remainingTotalLabel: string;
+      pageCounter: string;
+    };
     "ez-grid": {
       filterAppliedSuccess: string;
-      cancelPagination: string;
       pageLabel: string;
       previousPage: string;
       nextPage: string;
       returnToPreviousPage: string;
       goToNextPage: string;
-      remainingPageLabel: string;
-      remainingTotalLabel: string;
       nextRecord: string;
       previousRecord: string;
       searchColumn: string;
@@ -286,6 +300,9 @@ declare const _default: {
     "ez-time-input": {
       invalidTime: string;
     };
+    "ez-classic-time-input": {
+      invalidTime: string;
+    };
     "ez-sidebar": {
       unPinMenu: string;
       pushPinMenu: string;
@@ -308,6 +325,10 @@ declare const _default: {
     spinner: {
       loading: string;
     };
+    "ez-scroller": {
+      previousButton: string;
+      nextButton: string;
+    };
   };
 };
 export default _default;

package/dist/types/utils/i18n/locales/es-es.d.ts

@@ -81,6 +81,9 @@ declare const _default: {
     "ez-date-input": {
       invalidDate: string;
     };
+    "ez-classic-date-input": {
+      invalidDate: string;
+    };
     "ez-dialog": {
       confirmButton: string;
       closeButton: string;
@@ -98,16 +101,27 @@ declare const _default: {
     "ez-file-item": {
       invalidProgress: string;
     };
+    "ez-record-navigation": {
+      previousRecord: string;
+      nextRecord: string;
+    };
+    "ez-grid-pagination": {
+      cancelPagination: string;
+      firstPage: string;
+      lastPage: string;
+      previousPage: string;
+      nextPage: string;
+      remainingPageLabel: string;
+      remainingTotalLabel: string;
+      pageCounter: string;
+    };
     "ez-grid": {
       filterAppliedSuccess: string;
-      cancelPagination: string;
       pageLabel: string;
       previousPage: string;
       nextPage: string;
       returnToPreviousPage: string;
       goToNextPage: string;
-      remainingPageLabel: string;
-      remainingTotalLabel: string;
       nextRecord: string;
       previousRecord: string;
       searchColumn: string;
@@ -286,6 +300,9 @@ declare const _default: {
     "ez-time-input": {
       invalidTime: string;
     };
+    "ez-classic-time-input": {
+      invalidTime: string;
+    };
     "ez-sidebar": {
       unPinMenu: string;
       pushPinMenu: string;
@@ -308,6 +325,10 @@ declare const _default: {
     spinner: {
       loading: string;
     };
+    "ez-scroller": {
+      previousButton: string;
+      nextButton: string;
+    };
   };
 };
 export default _default;

package/dist/types/utils/i18n/locales/pt-br.d.ts

@@ -81,6 +81,9 @@ declare const _default: {
     "ez-date-input": {
       invalidDate: string;
     };
+    "ez-classic-date-input": {
+      invalidDate: string;
+    };
     "ez-dialog": {
       confirmButton: string;
       closeButton: string;
@@ -98,16 +101,27 @@ declare const _default: {
     "ez-file-item": {
       invalidProgress: string;
     };
+    "ez-record-navigation": {
+      previousRecord: string;
+      nextRecord: string;
+    };
+    "ez-grid-pagination": {
+      cancelPagination: string;
+      firstPage: string;
+      lastPage: string;
+      previousPage: string;
+      nextPage: string;
+      remainingPageLabel: string;
+      remainingTotalLabel: string;
+      pageCounter: string;
+    };
     "ez-grid": {
       filterAppliedSuccess: string;
-      cancelPagination: string;
       pageLabel: string;
       previousPage: string;
       nextPage: string;
       returnToPreviousPage: string;
       goToNextPage: string;
-      remainingPageLabel: string;
-      remainingTotalLabel: string;
       nextRecord: string;
       previousRecord: string;
       searchColumn: string;
@@ -286,6 +300,9 @@ declare const _default: {
     "ez-time-input": {
       invalidTime: string;
     };
+    "ez-classic-time-input": {
+      invalidTime: string;
+    };
     "ez-sidebar": {
       unPinMenu: string;
       pushPinMenu: string;
@@ -308,6 +325,10 @@ declare const _default: {
     spinner: {
       loading: string;
     };
+    "ez-scroller": {
+      previousButton: string;
+      nextButton: string;
+    };
   };
 };
 export default _default;

package/dist/types/utils/i18n/translations.d.ts

@@ -82,6 +82,9 @@ declare const _default: {
       "ez-date-input": {
         invalidDate: string;
       };
+      "ez-classic-date-input": {
+        invalidDate: string;
+      };
       "ez-dialog": {
         confirmButton: string;
         closeButton: string;
@@ -99,16 +102,27 @@ declare const _default: {
       "ez-file-item": {
         invalidProgress: string;
       };
+      "ez-record-navigation": {
+        previousRecord: string;
+        nextRecord: string;
+      };
+      "ez-grid-pagination": {
+        cancelPagination: string;
+        firstPage: string;
+        lastPage: string;
+        previousPage: string;
+        nextPage: string;
+        remainingPageLabel: string;
+        remainingTotalLabel: string;
+        pageCounter: string;
+      };
       "ez-grid": {
         filterAppliedSuccess: string;
-        cancelPagination: string;
         pageLabel: string;
         previousPage: string;
         nextPage: string;
         returnToPreviousPage: string;
         goToNextPage: string;
-        remainingPageLabel: string;
-        remainingTotalLabel: string;
         nextRecord: string;
         previousRecord: string;
         searchColumn: string;
@@ -287,6 +301,9 @@ declare const _default: {
       "ez-time-input": {
         invalidTime: string;
       };
+      "ez-classic-time-input": {
+        invalidTime: string;
+      };
       "ez-sidebar": {
         unPinMenu: string;
         pushPinMenu: string;
@@ -309,6 +326,10 @@ declare const _default: {
       spinner: {
         loading: string;
       };
+      "ez-scroller": {
+        previousButton: string;
+        nextButton: string;
+      };
     };
   };
   en_US: {
@@ -394,6 +415,9 @@ declare const _default: {
       "ez-date-input": {
         invalidDate: string;
       };
+      "ez-classic-date-input": {
+        invalidDate: string;
+      };
       "ez-dialog": {
         confirmButton: string;
         closeButton: string;
@@ -411,16 +435,27 @@ declare const _default: {
       "ez-file-item": {
         invalidProgress: string;
       };
+      "ez-record-navigation": {
+        previousRecord: string;
+        nextRecord: string;
+      };
+      "ez-grid-pagination": {
+        cancelPagination: string;
+        firstPage: string;
+        lastPage: string;
+        previousPage: string;
+        nextPage: string;
+        remainingPageLabel: string;
+        remainingTotalLabel: string;
+        pageCounter: string;
+      };
       "ez-grid": {
         filterAppliedSuccess: string;
-        cancelPagination: string;
         pageLabel: string;
         previousPage: string;
         nextPage: string;
         returnToPreviousPage: string;
         goToNextPage: string;
-        remainingPageLabel: string;
-        remainingTotalLabel: string;
         nextRecord: string;
         previousRecord: string;
         searchColumn: string;
@@ -599,6 +634,9 @@ declare const _default: {
       "ez-time-input": {
         invalidTime: string;
       };
+      "ez-classic-time-input": {
+        invalidTime: string;
+      };
       "ez-sidebar": {
         unPinMenu: string;
         pushPinMenu: string;
@@ -621,6 +659,10 @@ declare const _default: {
       spinner: {
         loading: string;
       };
+      "ez-scroller": {
+        previousButton: string;
+        nextButton: string;
+      };
     };
   };
   es_ES: {
@@ -706,6 +748,9 @@ declare const _default: {
       "ez-date-input": {
         invalidDate: string;
       };
+      "ez-classic-date-input": {
+        invalidDate: string;
+      };
       "ez-dialog": {
         confirmButton: string;
         closeButton: string;
@@ -723,16 +768,27 @@ declare const _default: {
       "ez-file-item": {
         invalidProgress: string;
       };
+      "ez-record-navigation": {
+        previousRecord: string;
+        nextRecord: string;
+      };
+      "ez-grid-pagination": {
+        cancelPagination: string;
+        firstPage: string;
+        lastPage: string;
+        previousPage: string;
+        nextPage: string;
+        remainingPageLabel: string;
+        remainingTotalLabel: string;
+        pageCounter: string;
+      };
       "ez-grid": {
         filterAppliedSuccess: string;
-        cancelPagination: string;
         pageLabel: string;
         previousPage: string;
         nextPage: string;
         returnToPreviousPage: string;
         goToNextPage: string;
-        remainingPageLabel: string;
-        remainingTotalLabel: string;
         nextRecord: string;
         previousRecord: string;
         searchColumn: string;
@@ -911,6 +967,9 @@ declare const _default: {
       "ez-time-input": {
         invalidTime: string;
       };
+      "ez-classic-time-input": {
+        invalidTime: string;
+      };
       "ez-sidebar": {
         unPinMenu: string;
         pushPinMenu: string;
@@ -933,6 +992,10 @@ declare const _default: {
       spinner: {
         loading: string;
       };
+      "ez-scroller": {
+        previousButton: string;
+        nextButton: string;
+      };
     };
   };
 };