@sankhyalabs/ezui 5.22.0-dev.14 → 5.22.0-dev.140

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

@@ -8,18 +8,21 @@ import { ICustomEditor } from '../../utils/customEditor/interfaces/ICustomEditor
 import { ICustomRender } from '../../utils/customRender/interfaces/ICustomRender';
 export declare class EzGrid {
   private _container;
+  private _ezPopoverSearchColumn;
+  private _cancelPaginationPopoverElement;
   private _refPaginationControl;
   private _gridController;
   private _gridSelectionCounter;
   private _resizeObserver;
   private _messageFilterAppliedSuccess;
-  private _gridApi;
   private _filterColumn;
   private _refPaginationLabel;
   private _refPaginationLabelTooltip;
   private _headerOverflowWatcher;
   private _customEditor;
   private _customRenders;
+  private _keyboardManager;
+  private _columnSearch;
   _element: HTMLElement;
   private _paginationInfo;
   private _paginationChangedByKeyboard;
@@ -49,6 +52,14 @@ export declare class EzGrid {
    * Emitido quando o componente estiver completamente carregado.
    */
   componentReady: EventEmitter<void>;
+  /**
+   * Define se o componente deve usar o LockManager para controle de carregamento da aplicação
+   */
+  enableLockManagerLoadingComp?: boolean;
+  /**
+   * Ativa inserção de registros no modo grade pela Taskbar.
+   */
+  enableLockManagerTaskbarClick?: boolean;
   /**
    * Habilita a seleção de várias linhas.
    */
@@ -94,6 +105,45 @@ export declare class EzGrid {
    * Define se a grid será focada ao ser carregada.
    */
   autoFocus?: boolean;
+  /**
+  * Define se a grid será focada ao ser carregada.
+  */
+  paginationCounterMode?: 'show' | 'hidden' | 'auto';
+  /**
+   * Ativa inserção de registros no modo grade.
+   */
+  enableGridInsert?: boolean;
+  /**
+   * Ativa/desativa a inserção continua na grade
+   * Só funciona quando a prop enableGridInsert está ativa
+   */
+  enableContinuousInsert?: boolean;
+  /**
+   * Informa se a coluna de chechbox deve ser suprimida
+   */
+  suppressCheckboxColumn?: boolean;
+  /**
+   * Altera visualmente as sombras e bordas do componente
+   * Quando false, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout)
+   * Quando true, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up)
+   */
+  outlineMode?: boolean;
+  /**
+   * Ativa modo de linhas com cores alternadas.
+   */
+  enableRowTableStriped?: boolean;
+  /**
+   * Define se a grade deve ser exibida em modo compacto
+   */
+  compact?: boolean;
+  /**
+   * Define se a grade deve exibir um buscador de coluna com uso do Ctrl+F
+   */
+  useSearchColumn: boolean;
+  /**
+   * Define se a grade deve suprimir o scroll horizontal.
+   */
+  suppressHorizontalScroll: boolean;
   /**
    * Aplica a definição de colunas.
    */
@@ -162,9 +212,16 @@ export declare class EzGrid {
    * Atribui o foco para a grade.
    */
   setFocus(): Promise<void>;
+  /**
+   * Para a edição da grade.
+   */
+  stopEdit(): Promise<void>;
+  checkStopEditOutsideClick(event: MouseEvent): Promise<void>;
   observeConfig(config: IGridConfig): void;
   updatePaginationTooltip(): void;
+  observePaginationCounterMode(newValue: any): void;
   onSelectionChange(evt: CustomEvent): void;
+  handleClick(event: MouseEvent): Promise<void>;
   private setSelection;
   private onSelectAllRecords;
   private onSelectPageRecords;
@@ -177,26 +234,42 @@ 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;
   componentDidRender(): void;
   componentWillLoad(): void;
   componentDidUpdate(): void;
   private getDataSource;
   private hideHeader;
+  private resolveLeftHeaderClass;
+  private initKeyboardManager;
+  private removeShortcuts;
+  private renderFieldSearchColumn;
   render(): any;
 }

package/dist/types/components/ez-grid/subcomponents/filter-column.d.ts

@@ -3,13 +3,6 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 import { IMultiSelectionListDataSource } from '../../ez-multi-selection-list/interfaces/IMultiSelectionListDataSource';
 import { IMultiSelectionOption } from '../../ez-multi-selection-list/interfaces/IMultiSelectionOption';
 export declare class FilterColumn {
-  private readonly TOP_POSITION;
-  private readonly TOP_POSITION_HEADER_HIDDEN;
-  private readonly TOP_POSITION_NO_TASKBAR;
-  private readonly TOP_POSITION_NO_TASKBAR_HEADER_HIDDEN;
-  private readonly DEFAULT_HEIGHT;
-  private readonly FIX_MARGIN;
-  private readonly FILTER_COLUMN_WIDTH;
   private ezPopoverElement;
   private ezMultiSelectionList;
   applyFilterColumnOptions: EventEmitter<IAppliedFilterColumnOptions>;
@@ -31,11 +24,7 @@ export declare class FilterColumn {
    * @Params IFilterColumnConfigs informações para configurar o filtro
    */
   show(configs: IFilterColumnConfigs): Promise<void>;
-  private calculateLeftPosition;
-  private calcFilterColumnLeftPosition;
   private buildIsTextSearch;
-  private calcTopPosition;
-  private buildReferenceTopPosition;
   private clearConfigs;
   private canShow;
   private submit;
@@ -53,6 +42,7 @@ export interface IFilterColumnConfigs {
   leftPosition: number;
   filteredOptions?: IMultiSelectionOption[];
   fromIcon?: boolean;
+  fieldDescriptor?: FieldDescriptor;
 }
 export interface IAppliedFilterColumnOptions {
   field: string;

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

@@ -4,6 +4,6 @@ import { IMultiSelectionOption } from "../../ez-multi-selection-list/interfaces/
 export declare class ColumnFilterManager {
   static getColumnFilters(filters: Array<Filter>, fieldName: string): Map<string, IColumnFilter>;
   static getFilterFunction(dataUnit: DataUnit, filters?: Array<IColumnFilter>): (record: Record) => boolean;
-  private static recordMatchesFilter;
   static compileDistinct(fieldName: string, dataUnit: DataUnit): Array<IMultiSelectionOption>;
+  static compileDistinctFromArray(fieldName: string, dataUnit: DataUnit, records: Array<Record>): Array<IMultiSelectionOption>;
 }

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

@@ -4,8 +4,11 @@ import { DataUnit } from '@sankhyalabs/core';
 export default class InMemoryFilterColumnDataSource implements IMultiSelectionListDataSource {
   private dataUnit;
   private originalRecords;
+  private lastAppliedFilters;
+  private readonly FILTER_COLUMN_TERM;
   constructor(dataUnit: DataUnit);
   onDataUnitAction: (action: any) => void;
+  private getAppliedFilterNames;
   getStaticOptions(fieldName: string): Promise<Array<IMultiSelectionOption>>;
   fetchData(filterTerm: string, fieldName: string): Promise<Array<IMultiSelectionOption>>;
   sortItems(fieldName: string, items: IMultiSelectionOption[]): IMultiSelectionOption[];

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

@@ -4,6 +4,10 @@ export declare class EzIcon {
    * Define o tamanho do ícone.
    */
   size: "x-small" | "small" | "medium" | "large" | "x-large";
+  /**
+   * Define o tamanho da fonte.
+   */
+  fontSize?: number | string;
   /**
    * Define o endereço da imagem quando não contempladas na biblioteca de ícones.
    */
@@ -15,6 +19,7 @@ export declare class EzIcon {
   isSprite(): boolean;
   getIconClassName(): string;
   getIconContent(): any;
+  private getStyle;
   componentDidLoad(): void;
   render(): any;
 }

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

@@ -29,7 +29,6 @@ export declare class EzList {
   private _groupContainer;
   private _element;
   private _itemContainer;
-  private _draggingElement;
   private _changeDeboucingTimeout;
   /**
    * Define a lista inicial do componente.
@@ -65,6 +64,10 @@ export declare class EzList {
    * Quando verdadeiro, ativa o feedback visual ao efetuar houver nos itens da lista.
    */
   hoverFeedback: boolean;
+  /**
+   * Habilita seleção de múltiplos items.
+   */
+  enableMultipleSelection: boolean;
   /**
    * Emitido quando acontece a alteração de estado da lista.
    */
@@ -73,6 +76,10 @@ export declare class EzList {
    * Emitido sempre que um item da lista for selecionado.
    */
   ezSelectItem: EventEmitter<ListItem>;
+  /**
+   * Emitido sempre que um ou vários item da lista for selecionado.
+   */
+  ezSelectMultipleItems: EventEmitter<ListItem[]>;
   /**
    * Emitido quando acontece a alteração de um item do checkbox.
    */
@@ -92,7 +99,12 @@ export declare class EzList {
   /**
    * Aplica seleção nas linhas da lista.
    */
-  setSelection(selectedItem: ListItem, scrollToOption?: boolean): Promise<void>;
+  setSelection(selectedItem: ListItem, scrollToOption?: boolean, shitkey?: boolean, ctrlKey?: boolean): Promise<void>;
+  private emitSelectedItems;
+  private setSelectionRange;
+  private setSelectionMultiple;
+  private setSelectionSingleItem;
+  private setSelectionWithGroups;
   /**
    * Obtém o item selecionado.
    */
@@ -113,7 +125,10 @@ export declare class EzList {
   componentWillRender(): void;
   componentDidLoad(): void;
   onDrop(ev: any, dragEndItem: ListItemGroup): void;
+  private buildDragHandlerConfig;
+  private onDropWithGroups;
   onDropLastIndex(ev: any, groupDropped?: any): void;
+  private onDropLastItemWithGroups;
   onDropGroup(groupSelected: any): void;
   onDragEnd(): void;
   addOverClass(element: any): void;
@@ -121,9 +136,12 @@ export declare class EzList {
   removeOverClass(): void;
   removeOverGroupClass(ev: any, group: any): void;
   onDragStart(item: any, group?: any, index?: any): void;
+  private onDragStartWithGroups;
   selectFirstItem(): void;
   nextOption(selectedItem: ListItem): void;
+  private nextOptionWithGroups;
   previousOption(selectedItem: ListItem): void;
+  private previousOptionWithGroups;
   private keyDownHandler;
   getDivGroupId(groupName: String): string;
   getGroupOverlayId(groupName: string): string;
@@ -134,5 +152,8 @@ export declare class EzList {
   hideOverlays(): void;
   getContainerItemBuilder(slotPosition: 'left' | 'right', item: ListItem, group?: ListGroup, className?: string): HTMLElement;
   doubleClickItem(item: ListItem): void;
+  private buildItem;
+  private renderListWithGroups;
+  private renderList;
   render(): any;
 }

package/dist/types/components/ez-list/ezListHelper.d.ts

@@ -0,0 +1,20 @@
+import { ListItem, ListItemGroup } from './ez-list';
+/**
+ * O dragElement é posicionado ANTERIORMENTE ao targetIndex.
+ * Ex: no array: ["A", "B", "C", "D", "E"]
+ * se o dragItem for "B" e o targetIndex 3 (referente à "D"),
+ * "B" será posicionado logo antes de "D".
+ * O resultado será: ["A", "C", "B", "D", "E"]
+ *
+ * @param configs
+ */
+export declare function processListOnDrop(configs: DragHandlerConfig): ListItem[];
+export declare function isContinuousSequence(numbers: number[]): boolean;
+export interface DragHandlerConfig {
+  listItems: ListItem[];
+  dragItem: ListItemGroup;
+  enableMultipleSelection: boolean;
+  targetIndex: number;
+  moveToFinal: boolean;
+  clearSelection: Function;
+}

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

@@ -7,6 +7,7 @@ export declare class EzModal {
   private _overlay;
   private _modalRef;
   private _overlayId;
+  private _keyboardManager;
   /**
    * Define o tamanho do ez-modal. Devem ser definidas seguindo grid-layout. Exemplo: `col-sd-3`.
    */
@@ -38,7 +39,7 @@ export declare class EzModal {
   /**
    * Define o tipo de scrim a ser aplicado no overlay do modal
    */
-  scrim: "medium" | "light";
+  scrim: "medium" | "light" | "none";
   private _element;
   /**
    * Emitido quando o modal é fechado.
@@ -60,6 +61,8 @@ export declare class EzModal {
   closeModal(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
+  disconnectedCallback(): void;
+  private modalFocus;
   onMouseDownHandler(event: any): void;
   onMouseLeaveHandler(): void;
   render(): any;

package/dist/types/components/ez-modal-container/ez-modal-container.d.ts

@@ -3,6 +3,7 @@ export declare class EzModalContainer {
   _closeButton: HTMLElement;
   _okButton: HTMLEzButtonElement;
   private _modalRef;
+  private _keyboardManager;
   private _element;
   /**
    * Texto a ser apresentado como título do modal.
@@ -48,6 +49,7 @@ export declare class EzModalContainer {
   private cancelIsVisible;
   private okIsVisible;
   componentDidLoad(): void;
+  disconnectedCallback(): void;
   private closeModal;
   focusLast(): void;
   focusFirst(): void;

package/dist/types/components/ez-multi-selection-list/interfaces/IMultiSelectionListDataSource.d.ts

@@ -1,6 +1,7 @@
 import { IMultiSelectionOption } from './IMultiSelectionOption';
+import { IStaticOptionsFetchConfig } from './IStaticOptionsFetchConfig';
 export interface IMultiSelectionListDataSource {
-  getStaticOptions: (fieldName: string) => Promise<IMultiSelectionOption[] | undefined>;
+  getStaticOptions: (fieldName: string, options?: IStaticOptionsFetchConfig) => Promise<IMultiSelectionOption[] | undefined>;
   fetchData: (filterTerm: string, fieldName: string) => Promise<IMultiSelectionOption[]>;
   sortItems: (fieldName: string, items: IMultiSelectionOption[]) => IMultiSelectionOption[];
 }

package/dist/types/components/ez-multi-selection-list/interfaces/IStaticOptionsFetchConfig.d.ts

@@ -0,0 +1,3 @@
+export interface IStaticOptionsFetchConfig {
+  onlyLabel?: boolean;
+}

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

@@ -40,6 +40,10 @@ export declare class EzNumberInput {
    * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
    */
   errorMessage: string;
+  /**
+   * Se false, o input não aceitará números negativos.
+   */
+  allowNegative: boolean;
   /**
    * Define quantas casas decimais serão exibidas. Caso haja mais casas haverá arredondamento.
    */
@@ -53,6 +57,14 @@ export declare class EzNumberInput {
    * Define o tamanho do campo.
    */
   mode: "slim" | "regular";
+  /**
+  * Se true o campo de texto receberá o foco ao ser renderizado.
+  */
+  autoFocus: boolean;
+  /**
+   * Texto alternativo a ser apresentado como título do campo.
+   */
+  alternativePlaceholder: string;
   /**
    * Aplica o foco no campo.
    */

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

@@ -0,0 +1,74 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class EzPopoverPlus {
+  private _popOverCore;
+  _host: HTMLElement;
+  /**
+   * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
+   */
+  autoClose: boolean;
+  /**
+   * Ajusta o comportamento da largura do popover.
+   */
+  boxWidth: "full-width" | "fit-content";
+  /**
+   * Define se o ez-popover está aberto.
+   */
+  opened: boolean;
+  /**
+   * Define o tipo de overlay do popover.
+   */
+  overlayType: "medium" | "light" | "none";
+  /**
+   * Define o elemento de ancoragem.
+   */
+  anchorElement: Array<HTMLElement | string> | HTMLElement | string;
+  /**
+   * Define as opções do elemento.
+   */
+  options: IEzPopoverAnchorOptions;
+  /**
+   * Define se o elemento manterá o mesmo tamanho do componente de ancora.
+   */
+  useAnchorSize: boolean;
+  /**
+   * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
+   */
+  minWidth: number;
+  /**
+   * Emitido quando acontece a alteração de estado do componente.
+   */
+  ezVisibilityChange: EventEmitter<boolean>;
+  observeOpened(newValue: boolean): Promise<void>;
+  /**
+   * Atualiza a posição do popover.
+   */
+  updatePosition(top?: string, left?: string): Promise<void>;
+  /**
+   * Exibe o ez-popover.
+   */
+  show(top?: string | number, left?: string | number): Promise<void>;
+  /**
+   * Ancora a exibição do popOver a um elemento HTML.
+   */
+  showUnder(element: HTMLElement | string, options?: IEzPopoverAnchorOptions): Promise<void>;
+  /**
+   * Oculta o ez-popover.
+   */
+  hide(): Promise<void>;
+  /**
+   * Altera as opções.
+  */
+  setOptions(options: IEzPopoverAnchorOptions): Promise<void>;
+  /**
+   * Altera o elemento de ancoragem.
+  */
+  setAnchorElement(anchor: HTMLElement | string): Promise<void>;
+  private getFirstElement;
+  private renderPopoverCore;
+  render(): any;
+}
+export interface IEzPopoverAnchorOptions {
+  horizontalGap?: number;
+  verticalGap?: number;
+  fromRight?: boolean;
+}

package/dist/types/components/ez-popover-plus/subcomponent/ez-popover-core.d.ts

@@ -0,0 +1,89 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class EzPopoverCore {
+  private _box;
+  private _overlay;
+  private _overlayIsActive;
+  private _resizeObserver;
+  _host: HTMLElement;
+  /**
+   * Define se será fechado automaticamente quando o usuário clicar fora do conteúdo.
+   */
+  autoClose: boolean;
+  /**
+   * Ajusta o comportamento da largura do popover.
+   */
+  boxWidth: "full-width" | "fit-content";
+  /**
+   * Define se o ez-popover está aberto.
+   */
+  opened: boolean;
+  /**
+   * Define o tipo de overlay do popover.
+   */
+  overlayType: "medium" | "light" | "none";
+  /**
+   * Define o elemento de ancoragem.
+   */
+  anchorElement: Array<HTMLElement | string> | HTMLElement | string;
+  /**
+   * Define as opções do elemento.
+   */
+  options: IEzPopoverAnchorOptions;
+  /**
+   * Define se o elemento manterá o mesmo tamanho do componente de ancora.
+   */
+  useAnchorSize: boolean;
+  /**
+   * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
+   */
+  minWidth: number;
+  /**
+   * Emitido quando acontece a alteração de estado do componente.
+   */
+  ezVisibilityChange: EventEmitter<boolean>;
+  observeOpened(newValue: boolean, oldValue: boolean): void;
+  /**
+   * Atualiza a posição do popover.
+   */
+  updatePosition(top?: string, left?: string): Promise<void>;
+  /**
+   * Exibe o ez-popover.
+   */
+  show(top?: string | number, left?: string | number): Promise<void>;
+  /**
+   * Ancora a exibição do popOver a um elemento HTML.
+   */
+  showUnder(element: HTMLElement | string, options?: IEzPopoverAnchorOptions): Promise<void>;
+  /**
+   * Oculta o ez-popover.
+   */
+  hide(): Promise<void>;
+  /**
+   * Altera as opções.
+  */
+  setOptions(options: IEzPopoverAnchorOptions): Promise<void>;
+  /**
+   * Altera o elemento de ancoragem.
+  */
+  setAnchorElement(anchor: HTMLElement | string): Promise<void>;
+  private parseSizePixel;
+  private updateOptionPosition;
+  private getElement;
+  private getAnchorElement;
+  private updatePositionPopover;
+  private hidePopover;
+  private openPopover;
+  private openOverlay;
+  private hideOverlay;
+  private checkStatusOverlay;
+  private handlePositionUpdate;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}
+export interface IEzPopoverAnchorOptions {
+  horizontalGap?: number;
+  verticalGap?: number;
+  fromRight?: boolean;
+}

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 export declare class EzPopup {
+  private _keyboardManager;
   private _popupRef;
   private _overlayId;
   private _sizeClasses;
@@ -7,7 +8,7 @@ export declare class EzPopup {
   /**
    * Define a largura do ez-popup.
    */
-  size: "x-small" | "small" | "medium" | "large" | "x-large";
+  size: "x-small" | "small" | "medium" | "large" | "x-large" | "auto";
   /**
    * Define se o ez-popover está aberto.
    */
@@ -24,6 +25,10 @@ export declare class EzPopup {
    * Texto a ser apresentado como título do componente.
    */
   ezTitle: string;
+  /**
+   * Possibilita scroll vertical no conteúdo interno do componente
+   */
+  enabledScroll: boolean;
   /**
    * Evento emitido ao clicar no botão de fechar (onEzClosePopup).
    */
@@ -34,10 +39,14 @@ export declare class EzPopup {
   ezPopupAction: EventEmitter<string>;
   observeConfig(): void;
   componentDidLoad(): void;
+  disconnectedCallback(): void;
   private closePopup;
   private manageOverflow;
   private manageOverlay;
+  private popUpFocus;
   getGridSize(): string;
+  private handlePopupHeight;
+  private handlePopupOverflowY;
   componentDidRender(): void;
   render(): any;
 }