@sankhyalabs/ezui 7.3.0 → 7.3.1-rc.1

package/dist/types/components/ez-classic-search-plus/subcomponent/ez-search-result-list/ez-classic-search-result-list.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { IOption } from '../../ez-classic-search-plus';
+export declare class EzClassicSearchResultList {
+  private readonly _startHighlightTag;
+  private readonly _endHighlightTag;
+  private _optionsList;
+  private i18n;
+  showLoading: boolean;
+  visibleOptions: Array<IOption>;
+  value: IOption | string;
+  showOptionValue: boolean;
+  changeValue: EventEmitter<IOption>;
+  _preSelection: number;
+  observerVisivleOptions(newValue: Array<IOption>): void;
+  nextOption(): Promise<void>;
+  previousOption(): Promise<void>;
+  private preSelectItemByIndex;
+  private selectOption;
+  private removeHighLight;
+  private createAndSelectOption;
+  private scrollToOption;
+  private buildItem;
+  selectCurrentItem(): Promise<void>;
+  cancelSelection(): Promise<void>;
+  private cancelPreselection;
+  private canShowListOptions;
+  componentWillLoad(): Promise<void>;
+  render(): any;
+}

package/dist/types/components/ez-classic-text-area/ez-classic-text-area.d.ts

@@ -13,6 +13,8 @@ export declare class EzClassicTextArea {
   value?: string;
   /** Texto de ajuda exibido abaixo da textarea */
   helpText?: string;
+  /** Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido */
+  errorMessage?: string;
   /** Estado visual da textarea: default, error, success ou warning */
   state?: "default" | "error" | "success" | "warning";
   /** Define se a textarea está habilitada */
@@ -52,6 +54,7 @@ export declare class EzClassicTextArea {
   setFocus(option?: OptionsSetFocus): Promise<void>;
   /** Remove o foco do campo. */
   setBlur(): Promise<void>;
+  observeErrorMessage(newValue: string): Promise<void>;
   private onBlur;
   private handleInput;
   private handleIconClick;

package/dist/types/components/ez-empty-card/ez-empty-card.d.ts

@@ -8,11 +8,11 @@ export declare class EzEmptyCard {
   /**
    * 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;
   componentDidRender(): void;
   render(): any;
 }

package/dist/types/components/ez-form/ez-form.d.ts

@@ -4,6 +4,7 @@ import { ICustomEditor } from "../../utils/customEditor/interfaces/ICustomEditor
 import { IFieldConfig, IFormConfig, IRecordValidator } from '../../utils/form/interfaces';
 import { FormItems } from "../ez-form-view/structure";
 import { Tab } from "../ez-tabselector/ez-tabselector";
+import { UiFieldBuilders } from "../ez-form-view/fieldbuilder/FieldBuilder";
 export declare class EzForm {
   private _element;
   private _formView;
@@ -19,6 +20,7 @@ export declare class EzForm {
   private _i18n;
   private _fieldsProps;
   private _singleColumn;
+  private _formLayout;
   /**
    * Unidade de dados. Responsável pelo controle de edição de registros e
    * informações pertinentes aos campos.
@@ -48,6 +50,10 @@ export declare class EzForm {
    * Define uma ancoragem
    */
   elementFocusSearchField: HTMLElement;
+  /**
+   * Define construtores customizados para tipos de campos específicos
+   */
+  customUiBuilders: UiFieldBuilders;
   /**
    * Emitido quando o campo recebe foco
    */

package/dist/types/components/ez-form-view/ez-form-view.d.ts

@@ -1,10 +1,13 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { IFormViewField } from './interfaces/IFormViewField';
+import { UiFieldBuilders } from './fieldbuilder/FieldBuilder';
 import { Record, UserInterface } from '@sankhyalabs/core';
 import { FormItems } from './structure';
 import { ICustomEditor } from '../../utils/customEditor/interfaces/ICustomEditor';
+import { FormLayout } from '../../utils/form/interfaces/FormLayout';
 export declare class EzFormView {
   private _formElements;
+  private MAIN_GROUP_NAME;
   private _customEditors;
   _element: HTMLEzFormViewElement;
   /**
@@ -27,6 +30,13 @@ export declare class EzFormView {
    * Define se o formulario deve possuir apenas 1 coluna.
    */
   singleColumn: boolean;
+  /**
+   * Define o layout do formulário.
+   */
+  formLayout?: FormLayout;
+  /** Define construtores customizados para tipos de campos específicos
+   */
+  customUiBuilders: UiFieldBuilders;
   showUp(): Promise<void>;
   /**
    * Registra um editor customizado para campos da grade e formulário.
@@ -36,6 +46,7 @@ export declare class EzFormView {
    * Altera/adiciona uma propriedade nos metados do campo.
    */
   setFieldProp(fieldName: string, propName: string, value: any): Promise<void>;
+  private getGroupByField;
   private groupFields;
   componentDidRender(): void;
   isItemFullWidth(userInterface: UserInterface): boolean;

package/dist/types/components/ez-form-view/fieldbuilder/FieldBuilder.d.ts

@@ -0,0 +1,9 @@
+import { UserInterface } from "@sankhyalabs/core";
+import { IFormViewField } from "../interfaces/IFormViewField";
+import { FormLayout } from "../../../utils/form/interfaces/FormLayout";
+export interface IFieldBuilderContext {
+  formLayout?: FormLayout;
+  size?: "default" | "small" | "xsmall";
+}
+export type UiFieldBuilders = Map<UserInterface, (field: IFormViewField, context?: IFieldBuilderContext) => HTMLElement>;
+export declare const fieldBuilder: (field: IFormViewField, customUiBuilders?: UiFieldBuilders, context?: IFieldBuilderContext) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/CheckBox.tpl.d.ts

@@ -1,3 +1,4 @@
 import { IFormViewField } from "../../interfaces/IFormViewField";
-export declare const buildSwitch: (field: IFormViewField) => HTMLElement;
-export declare const buildCheckBox: (field: IFormViewField) => HTMLElement;
+import { IFieldBuilderContext } from "../FieldBuilder";
+export declare const buildSwitch: (field: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;
+export declare const buildCheckBox: (field: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/ComboBox.tpl.d.ts

@@ -1,2 +1,3 @@
 import { IFormViewField } from "../../interfaces/IFormViewField";
-export declare const buildComboBox: ({ name, label, readOnly, required, props, contextName, canShowError }: IFormViewField) => HTMLElement;
+import { IFieldBuilderContext } from "../FieldBuilder";
+export declare const buildComboBox: ({ name, label, readOnly, required, props, contextName, canShowError }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/DateInput.tpl.d.ts

@@ -1,5 +1,6 @@
 import { IFormViewField } from "../../interfaces/IFormViewField";
-export declare const buildDate: ({ name, label, readOnly, canShowError }: IFormViewField) => HTMLElement;
-export declare const buildTime: ({ name, label, readOnly, canShowError, props }: IFormViewField) => HTMLElement;
-export declare const buildTimeSeconds: ({ name, label, readOnly, canShowError }: IFormViewField) => HTMLElement;
-export declare const buildDateTime: ({ name, label, readOnly, contextName, canShowError }: IFormViewField) => HTMLElement;
+import { IFieldBuilderContext } from "../FieldBuilder";
+export declare const buildDate: ({ name, label, readOnly, canShowError, props, required }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;
+export declare const buildTime: ({ name, label, readOnly, canShowError, props, required }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;
+export declare const buildTimeSeconds: ({ name, label, readOnly, canShowError, props, required }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;
+export declare const buildDateTime: ({ name, label, readOnly, contextName, canShowError, props, required }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/FileInput.tpl.d.ts

@@ -1,2 +1,3 @@
 import { IFormViewField } from "../../interfaces/IFormViewField";
-export declare const buildFile: ({ name, label, readOnly, contextName, props }: IFormViewField) => HTMLElement;
+import { IFieldBuilderContext } from "../FieldBuilder";
+export declare const buildFile: ({ name, label, readOnly, contextName, props }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/ImageInput.tpl.d.ts

@@ -0,0 +1,2 @@
+import { IFormViewField } from "../../interfaces/IFormViewField";
+export declare const buildImage: ({ name, label, readOnly, contextName, props }: IFormViewField) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/NumberInput.tpl.d.ts

@@ -1,3 +1,4 @@
 import { IFormViewField } from "../../interfaces/IFormViewField";
-export declare const buildDecimal: ({ name, label, readOnly, props, contextName, canShowError }: IFormViewField) => HTMLElement;
-export declare const buildInteger: ({ name, label, readOnly, contextName, canShowError }: IFormViewField) => HTMLElement;
+import { IFieldBuilderContext } from "../FieldBuilder";
+export declare const buildDecimal: ({ name, label, readOnly, props, contextName, canShowError, required }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;
+export declare const buildInteger: ({ name, label, readOnly, contextName, canShowError, props, required }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/RichText.tpl.d.ts

@@ -1,2 +1,3 @@
 import { IFormViewField } from "../../interfaces/IFormViewField";
-export declare const buildRichText: ({ name, label, readOnly, contextName, rows, canShowError }: IFormViewField) => HTMLElement;
+import { IFieldBuilderContext } from "../FieldBuilder";
+export declare const buildRichText: ({ name, label, readOnly, contextName, rows, canShowError }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/SearchInput.tpl.d.ts

@@ -1,2 +1,3 @@
 import { IFormViewField } from "../../interfaces/IFormViewField";
-export declare const buildSearch: ({ name, label, readOnly, required, contextName, canShowError, optionLoader, props }: IFormViewField) => HTMLElement;
+import { IFieldBuilderContext } from "../FieldBuilder";
+export declare const buildSearch: ({ name, label, readOnly, required, contextName, canShowError, optionLoader, props }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/SearchInputPlus.tpl.d.ts

@@ -1,2 +1,3 @@
 import { IFormViewField } from "../../interfaces/IFormViewField";
-export declare const buildSearchPlus: ({ name, label, readOnly, contextName, canShowError, optionLoader, props }: IFormViewField) => HTMLElement;
+import { IFieldBuilderContext } from "../FieldBuilder";
+export declare const buildSearchPlus: ({ name, label, readOnly, contextName, canShowError, optionLoader, props, required }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/TextArea.tpl.d.ts

@@ -1,2 +1,3 @@
 import { IFormViewField } from "../../interfaces/IFormViewField";
-export declare const buildTextArea: ({ name, label, readOnly, contextName, rows, canShowError }: IFormViewField) => HTMLElement;
+import { IFieldBuilderContext } from "../FieldBuilder";
+export declare const buildTextArea: ({ name, label, readOnly, rows, contextName, canShowError, props, required }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;

package/dist/types/components/ez-form-view/fieldbuilder/templates/TextInput.tpl.d.ts

@@ -1,2 +1,3 @@
 import { IFormViewField } from "../../interfaces/IFormViewField";
-export declare const buildTextInput: ({ name, label, readOnly, contextName, canShowError, props }: IFormViewField) => HTMLElement;
+import { IFieldBuilderContext } from "../FieldBuilder";
+export declare const buildTextInput: ({ name, label, readOnly, contextName, canShowError, props, required }: IFormViewField, context?: IFieldBuilderContext) => HTMLElement;

package/dist/types/components/ez-grid/controller/EzGridController.d.ts

@@ -6,6 +6,7 @@ import { ICustomRenderInfo } from '../../../utils/customRender/interfaces/ICusto
 import { ICustomFormatter } from '../interfaces';
 import FilterCollumn = Components.FilterColumn;
 import { TFunction } from 'i18next';
+import { AggFunc } from '../interfaces/IAggegationFunc';
 /**
  * O intuito desta abstração, é isolar o componente EzGrid de uma implementação
  * específica, permitindo que usemos componentes de terceiros sem um acoplamento
@@ -341,6 +342,7 @@ export interface EzGridColumn {
    * [Opcional] Define propriedades especiais da coluna
    */
   props?: Map<string, any>;
+  aggFunc?: string | AggFunc;
 }
 /**
  * Interface utilizada para se inserir menus personalizados no cabeçalho das colunas.

package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts

@@ -10,6 +10,7 @@ export default class AgGridController implements EzGridController, SortingProvid
   private readonly DEFAULT_HEADER_ROW_HEIGHT;
   private readonly CHECK_BOX_COL_ID;
   private readonly STATUS_COL_ID;
+  private readonly COLUMN_FOOTER_OPER;
   private readonly RECORD_ARCHIVE_COL_ID;
   private readonly BLOCK_LOAD_DEBOUNCE;
   private readonly DEFAULT_FONT_SIZE;
@@ -45,6 +46,10 @@ export default class AgGridController implements EzGridController, SortingProvid
   private peddingExecutionsOnGridShow;
   private _lastColsConfig;
   private _i18n;
+  private _bottomPinnedRowSubscriber;
+  private _pinnedBottomDebounceTimer?;
+  private _pinnedBottomDebounceDelay;
+  private _pinnedBottomPendingArgs?;
   configFilterColumn(filterColumn: HTMLFilterColumnElement): void;
   private handleFilteredColumnsChanged;
   clearFilter(): void;
@@ -58,6 +63,10 @@ export default class AgGridController implements EzGridController, SortingProvid
   private getExpression;
   private resolveColumnFilterValues;
   initDatagrid(container: HTMLElement, options: EzGridOptions): void;
+  private onGridReady;
+  private scheduleSetPinnedBottomRow;
+  private setPinnedBottomRow;
+  private getAllRecordsToAggregate;
   private processFormatterCellCallback;
   private setFilterColumnLeftPosition;
   private buildMenuItemOptions;
@@ -116,6 +125,7 @@ export default class AgGridController implements EzGridController, SortingProvid
   setSelectedIndex(index: number): void;
   hasFilterColumn(columnName: string): boolean;
   private buildColDef;
+  private getAggFunc;
   private setHTMLRender;
   setCustomFormatters(customFormatters: Map<string, ICustomFormatter>): void;
   refreshSelectedRows(): void;
@@ -139,10 +149,14 @@ export default class AgGridController implements EzGridController, SortingProvid
   clearInvalidCells(stopEdition?: boolean): void;
   processContinuousInsert(): void;
   destroy(): void;
+  private handleDestroyBottomPinnedRowSubscriber;
+  private handleDestroySetBottomPinnedRowDebounce;
   registryListeners(): void;
   resetPaginationState(): void;
   stopEdit(): void;
   private getColumnWidth;
+  private getInitialColumnWidth;
+  private getDefaultWidthByUserInterface;
   private getColumnWidthByLabel;
   private getCodeColFromDescriptionCol;
 }

package/dist/types/components/ez-grid/controller/ag-grid/gridColumnDefaultWidths.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Larguras padrão das colunas do grid por tipo de UserInterface
+ */
+export declare const GRID_COLUMN_DEFAULT_WIDTHS: Record<string, number>;

package/dist/types/components/ez-grid/controller/ag-grid/utils/AggFunctionResolver.d.ts

@@ -0,0 +1,2 @@
+import { AggregationFunction } from '../../../interfaces/IAggegationFunc';
+export declare function resolveAggFunc(aggFunc: string | AggregationFunction): Function;

package/dist/types/components/ez-grid/ez-grid.d.ts

@@ -10,19 +10,16 @@ export declare class EzGrid {
   private i18n;
   private _container;
   private _ezPopoverSearchColumn;
-  private _cancelPaginationPopoverElement;
   private _refPaginationControl;
   private _gridController;
   private _gridSelectionCounter;
   private _resizeObserver;
   private _filterColumn;
-  private _refPaginationLabel;
-  private _refPaginationLabelTooltip;
-  private _headerOverflowWatcher;
   private _customEditor;
   private _customRenders;
   private _keyboardManager;
   private _columnSearch;
+  private _refGridPagination;
   _element: HTMLElement;
   private _paginationInfo;
   private _paginationChangedByKeyboard;
@@ -114,7 +111,7 @@ export declare class EzGrid {
    */
   autoFocus?: boolean;
   /**
-  * Define se a grid será focada ao ser carregada.
+  * Define a forma como a paginação irá se comportar.
   */
   paginationCounterMode?: 'show' | 'hidden' | 'auto';
   /**
@@ -160,6 +157,10 @@ export declare class EzGrid {
    * Define o modo de uso da grade
    */
   mode: IGridMode;
+  /**
+   * Esconder paginação.
+   */
+  hidePagination: boolean;
   /**
    * Aplica a definição de colunas.
    */
@@ -238,9 +239,11 @@ export declare class EzGrid {
    */
   stopEdit(): Promise<void>;
   checkStopEditOutsideClick(event: MouseEvent): Promise<void>;
+  /**
+   * Manipula a mudança de página da grid.
+   */
+  handlePageChange(): Promise<void>;
   observeConfig(config: IGridConfig): void;
-  updatePaginationTooltip(): void;
-  observePaginationCounterMode(newValue: any): void;
   observeModeChange(newMode?: IGridMode): Promise<void>;
   handleApplyFilterColumn(): Promise<void>;
   onSelectionChange(evt: CustomEvent): void;
@@ -257,31 +260,11 @@ export declare class EzGrid {
   private configSelectionCounter;
   private onColumnStateChange;
   private buildDataElementId;
-  private handlePageChange;
-  private previousPage;
-  private nextPage;
   private nextRecord;
   private previousRecord;
   private resetPaginationState;
-  private resolvePaginationClassMode;
-  private handleCancelPagination;
-  private renderCancelPagination;
-  private handleShowCancelPagination;
-  private getPaginationControl;
-  private shouldPresentPaginationLabel;
   componentDidLoad(): void;
   private handlePaginationChange;
-  private _getActualPageLabel;
-  private _getRemainingPageLabel;
-  private _hasToShowCancelPagination;
-  private _getPaginationTooltip;
-  private _initHeaderOverflowWatcher;
-  private buildOverFlowWatcherParams;
-  private handleOverFlow;
-  private _getPaginationDescriptionWidth;
-  private _getElementMargins;
-  private _hidePaginationDescription;
-  private _showPaginationDescription;
   disconnectedCallback(): void;
   connectedCallback(): void;
   componentWillRender(): void;

package/dist/types/components/ez-grid/interfaces/IAggegationFunc.d.ts

@@ -0,0 +1,3 @@
+export type AggregationFunction = 'sum' | 'avg' | 'min' | 'max' | 'count';
+export type CustomAggregation = (values: any[]) => any;
+export type AggFunc = AggregationFunction | CustomAggregation;

package/dist/types/components/ez-grid/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './ColumnFilterManager';
+export * from '../controller/ag-grid/gridColumnDefaultWidths';

package/dist/types/components/ez-grid-pagination/ez-grid-pagination.d.ts

@@ -0,0 +1,91 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { DataUnit } from '@sankhyalabs/core';
+import { PageChangeDirection } from './ez-grid-pagination.model';
+export declare class EzGridPagination {
+  private i18n;
+  private _cancelPaginationPopoverElement;
+  private _dataUnitInitialized;
+  private _dataUnitObserverBound;
+  private _askCancelListenerBound;
+  private _pendingResolve;
+  private _collapseTimeout;
+  private _suppressedUntilNextAsk;
+  private _hoverEnabled;
+  _element: HTMLElement;
+  private paginationInfo;
+  private leftButtonDisabled;
+  private rightButtonDisabled;
+  private expanded;
+  private loadAll;
+  /**
+   * 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';
+  /**
+   * DataUnit associada à grid.
+   */
+  dataUnit: DataUnit;
+  /**
+   * Define o texto da paginação à esquerda ou à direita.
+   */
+  paginationTextPosition: 'left' | 'right';
+  /**
+   * Define o modo de visualização atual da grid.
+   */
+  buttonsSize: 'x-small' | 'small' | 'medium' | 'large';
+  /**
+   * Evento disparado quando a página é alterada.
+   */
+  pageChange: EventEmitter<PageChangeDirection>;
+  /**
+   * Navega para a página anterior.
+   */
+  previousPage(): Promise<void>;
+  /**
+   * Navega para a próxima página.
+   */
+  nextPage(): Promise<void>;
+  /**
+   * Navega para a primeira página.
+   */
+  firstPage(): Promise<void>;
+  /**
+   * Navega para a primeira página.
+   */
+  lastPage(): Promise<void>;
+  onDataUnitChange(): void;
+  private shouldPresentPaginationLabel;
+  private getRemainingPageLabel;
+  private getActualPageLabel;
+  private getPaginationCount;
+  private getTotalPages;
+  private handlePageChange;
+  private resolvePending;
+  private handleCancelAction;
+  private handleContinueAction;
+  private handleLoadAllChange;
+  private handleShowCancelPagination;
+  private hasToShowCancelPagination;
+  private expand;
+  private collapse;
+  private scheduleCollapse;
+  private handleAskCancelPagination;
+  private setPaginationInfo;
+  private dataUnitObserver;
+  private getLeftButtonDisabledStatus;
+  private getRightButtonDisabledStatus;
+  private setStatusButtonPagination;
+  private initializeDataUnit;
+  private addInfoId;
+  private renderCollapsedTrigger;
+  private renderExpandedContent;
+  private renderCancelPagination;
+  connectedCallback(): Promise<void>;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/ez-grid-pagination/ez-grid-pagination.model.d.ts

@@ -0,0 +1,7 @@
+export declare const ASK_CANCEL_PAGINATION_EVENT = "ez-grid-pagination:ask-cancel";
+export type AskCancelPaginationResponse = 'CANCEL' | 'CONTINUE' | 'LOAD_ALL';
+export interface AskCancelPaginationEventDetail {
+  dataUnitName: string;
+  resolve: (response: AskCancelPaginationResponse) => void;
+}
+export type PageChangeDirection = 'next' | 'previous';

package/dist/types/components/ez-image-input/ez-image-input.d.ts

@@ -0,0 +1,43 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class EzImageInput {
+  _element: HTMLElement;
+  private _inputElem?;
+  private i18n;
+  /** Define se o componente está habilitado */
+  enabled?: boolean;
+  /** Label exibido na área de upload */
+  label?: string;
+  /** Nome do componente */
+  name?: string;
+  /** Valor da imagem em base64 */
+  value?: string;
+  /** Define o tamanho máximo do arquivo em bytes (padrão: 20MB) */
+  maxFileSize?: number;
+  /** Tipos de arquivo aceitos */
+  accept?: string;
+  /** Define se o componente está em estado de carregamento */
+  loading?: boolean;
+  /** Evento disparado quando uma imagem é selecionada */
+  ezChange: EventEmitter<string>;
+  /** Evento disparado quando ocorre um erro */
+  ezError: EventEmitter<string>;
+  private _hasImage;
+  private _isDragging;
+  private _showImagePopup;
+  onValueChange(newValue: string, oldValue: string): void;
+  private addInfoId;
+  private handleFileSelect;
+  private handleDrop;
+  private handleDragOver;
+  private handleDragLeave;
+  private processFile;
+  private handleRemoveImage;
+  private handleEditImage;
+  private handleClickDropZone;
+  private handleImageClick;
+  private handlePopupAction;
+  private handleClosePopup;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  render(): any;
+}

package/dist/types/components/ez-popover/ez-popover.d.ts

@@ -40,6 +40,15 @@ export declare class EzPopover {
    * Exibe o ez-popover.
    */
   show(top?: string, left?: string): Promise<void>;
+  /**
+   * Exibe o ez-popover ancorado acima da posição de origem (usa `bottom` em vez de `top`).
+   * Aceita opcionalmente `left` ou `right` para alinhamento horizontal.
+   */
+  showAbove(offsets?: {
+    bottom?: string;
+    left?: string;
+    right?: string;
+  }): Promise<void>;
   /**
    * Ancora a exibição do popOver a um elemento HTML.
    */

package/dist/types/components/ez-record-navigation/ez-record-navigation.d.ts

@@ -0,0 +1,43 @@
+import { DataUnit } from '@sankhyalabs/core';
+export declare class EzRecordNavigation {
+  private i18n;
+  private _dataUnitInitialized;
+  private _dataUnitObserverBound;
+  _element: HTMLElement;
+  private leftButtonDisabled;
+  private rightButtonDisabled;
+  /**
+  * DataUnit.
+  */
+  dataUnit: DataUnit;
+  /**
+  * Chaves primárias dos registros, usadas para visualizar o registro atual.
+  */
+  primaryKeys: string[];
+  textPosition: 'left' | 'right';
+  /**
+   * Desabilita a navegação entre os registros.
+   */
+  disabled: boolean;
+  /**
+   * Navega para a página anterior.
+   */
+  previousRecord(): Promise<void>;
+  /**
+   * Navega para a próxima página.
+   */
+  nextRecord(): Promise<void>;
+  onDataUnitChange(): void;
+  onDisabledChange(): void;
+  private renderPageTitle;
+  private dataUnitObserver;
+  private getLeftButtonDisabledStatus;
+  private getRightButtonDisabledStatus;
+  private setStatusButtonPagination;
+  private initializeDataUnit;
+  private addInfoId;
+  connectedCallback(): Promise<void>;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/ez-scroller/EzScrollNavigationMode.d.ts

@@ -0,0 +1,4 @@
+export declare enum EzScrollNavigationMode {
+  SCROLLBAR = "scrollbar",
+  BUTTONS = "buttons"
+}

package/dist/types/components/ez-scroller/ez-scroller.d.ts

@@ -1,13 +1,15 @@
 import { EzScrollDirection } from './EzScrollDirection';
+import { EzScrollNavigationMode } from './EzScrollNavigationMode';
 export declare class EzScroller {
   private _container;
   private _wrapper;
   private _controller;
-  private _startHidden;
-  private _endHidden;
   private _resizeObserver;
   private _shadowStart;
   private _shadowEnd;
+  private i18n;
+  private _startHidden;
+  private _endHidden;
   isActive: boolean;
   /**
    * Define a direção em que haverá scroll.
@@ -21,6 +23,16 @@ export declare class EzScroller {
    * Define se haverá efeito de sombreado.
    */
   activeShadow: 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;
+  private scrollToPrevious;
+  private scrollToNext;
   private getContainerClass;
   private getWrapperClass;
   private finishDrag;
@@ -29,10 +41,12 @@ export declare class EzScroller {
   private configResize;
   private getContainerElement;
   private isActiveScroller;
+  private renderNavigationButtons;
   clickListener(evt: MouseEvent): void;
   mouseDownHandler(evt: MouseEvent): void;
   mouseUpHandler(): void;
   mouseMoveHandler(evt: MouseEvent): void;
+  componentWillLoad(): Promise<void>;
   componentDidRender(): void;
   render(): any;
 }