@sankhyalabs/ezui 1.1.74 → 1.1.77

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

@@ -0,0 +1,78 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import EzGridController, { EzGridColumn, EzGridColumStateEvent } from "./controller/EzGridController";
+import { DataUnit } from "@sankhyalabs/core";
+import DataUnitBridge from "./controller/DataUnitBridge";
+export declare class EzGrid {
+  _gridConfig: HTMLGridConfigElement;
+  _container: HTMLElement;
+  _gridController: EzGridController;
+  _dataUnitBridge: DataUnitBridge;
+  private _navigationHasPrevious;
+  private _navigationHasNext;
+  private _navigationFirstRow;
+  private _navigationLastRow;
+  private _navigationTotalRows;
+  private _popUpVisible;
+  /**
+  * Evento disparado ao mudar o estado das colunas do grid. Ordenação, largura, etc.
+  */
+  ezColumnStateChange: EventEmitter<EzGridColumStateEvent>;
+  /**
+  * Evento disparado ao selecionar linhas da grade.
+  */
+  ezSelectionChange: EventEmitter<Array<any>>;
+  /**
+  * Habilita a seleção de várias linhas
+  */
+  multipleSelection: boolean;
+  /**
+  * Determina o número de linhas de cada página. Caso informado o valor -1
+  * não haverá paginação.
+  */
+  pageSize: number;
+  /**
+   * Endereço do servidor. Se informado, o próprio datagrid controlará a obtenção
+   * dos dados, anulando a necessidade de acionar o método "setData(data)"
+   */
+  serverUrl: string;
+  /**
+   *
+   */
+  dataUnit: DataUnit;
+  /**
+  * Método responsável por receber a definição das colunas
+  */
+  setColumnsDef(cols: Array<EzGridColumn>): Promise<any>;
+  /**
+  * Adiciona item de menu nas colunas.
+  */
+  addColumnMenuItem(label: string, name: string, action: Function): Promise<any>;
+  /**
+  * Método responsável por aplicar estado pré-existente nas colunas do grid.
+  */
+  setColumnsState(state: Array<EzGridColumn>): Promise<any>;
+  /**
+  * Método de carga dos registros. Os objetos deste array devem conter atributos
+  * para as colunas desejadas.
+  */
+  setData(data: Array<any>): Promise<any>;
+  /**
+  * Retorna as linhas selecionadas na grade.
+  */
+  getSelection(): Promise<Array<any>>;
+  /**
+  * Método retornar o estado atual das colunas do grid.
+  */
+  getColumnsState(): Promise<Array<EzGridColumn>>;
+  /**
+  * Método retornar o estado atual das colunas do grid.
+  */
+  getColumns(): Promise<Array<EzGridColumn>>;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  getPaginationControl(): Array<HTMLElement>;
+  applyConfig(cols: Array<EzGridColumn>): void;
+  closeConfig(): void;
+  openConfig(): void;
+  render(): any;
+}

package/dist/types/components/ez-grid/subcomponents/gridconfig/grid-config.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { EzGridColumn } from '../../controller/EzGridController';
+export declare class GridConfig {
+  private _columnList;
+  private _orderList;
+  private _searchElement;
+  private _columnListHistory;
+  private _orderListItems;
+  private _columListItems;
+  selectedTab: string;
+  private _selectedIndex;
+  columns: Array<EzGridColumn>;
+  configFinish: EventEmitter<Array<EzGridColumn>>;
+  configCancel: EventEmitter<void>;
+  private createOrderList;
+  private createColumnList;
+  private buildColumnListSlot;
+  private buildOrderListSlot;
+  private updateOrder;
+  switchColumnGroup(ev: any, switchedItem: any): void;
+  finish(): void;
+  locateColumn(evt: KeyboardEvent, searchingText?: string): Promise<void>;
+  private compareWords;
+  closeConfig(): void;
+  handleTabChange(ev: any): void;
+  handleColumnListChange(ev: any): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  render(): any;
+}

package/dist/types/components/ez-grid/subcomponents/select-box/select-box.d.ts

@@ -0,0 +1,9 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+export declare class SelectBox {
+  private _selectElem;
+  ezChange: EventEmitter<string>;
+  selectedOption: string;
+  changeSelection(): void;
+  componentDidRender(): void;
+  render(): any;
+}

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

@@ -1,34 +1,87 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export interface ListItem {
-  value: string;
-  checked?: boolean;
+  label: string;
+  selected?: boolean;
+}
+export interface ListGroup {
+  group: string;
+  items: ListItem[];
+  sort?: string;
+}
+export interface ListItemGroup {
+  item: ListItem;
+  groupName?: string;
+  index?: number;
 }
 export declare class EzList {
-  private _draggableList;
-  private _hostElement;
-  private _selectedItem;
-  private _listItems;
+  _listItems: ListItem[];
+  _listGroupItems: ListGroup[];
+  private _dragStartItem;
+  private _listItemsHistory;
+  private _groupContainer;
+  private _element;
+  private _itemContainer;
+  private _draggingElement;
   /**
   * Define a lista inicial do componente.
   */
-  initialList: ListItem[];
+  dataSource: any[];
+  /**
+  * Define se o componente renderizará os itens separados em grupos..
+  */
+  useGroups: boolean;
   /**
   * Define se o componente terá o comportamento de arrasto de linhas.
   */
-  draggable: boolean;
+  ezDraggable: boolean;
+  /**
+  * Define se os items da lista serão selecionáveis.
+  */
+  ezSelectable: boolean;
   /**
   * Define se é possível selecionar mais de um registro.
   */
-  isMultipleSelection: boolean;
+  /**
+ * Função responsável por renderizar um conteúdo dentro do item da lista.
+ */
+  itemSlotBuilder: (item: any, group?: any) => HTMLElement;
   createList(): void;
-  selectLine(e: any): void;
-  handleEventListeners(listItems: any, dragableList: any, hostElement: any, removeEvents: any): void;
   /**
-  *  Retorna      uma promessa com o estado da atual lista composta por objetos do tipo {value: string, checked: boolean}.
+ * Evento disparado ao modificar ordenação nas linhas da grade.
+ */
+  ezChange: EventEmitter<ListItem[] | ListGroup[]>;
+  private sortGroup;
+  /**
+  * Recebe   como argumento um ListItem {label: string} e um booleano que define se o componente deve fazer scroll para exibir o item específico (opcional).
   */
-  getState(): Promise<ListItem[]>;
-  getChecked(item: any): any;
-  getValueItem(item: any): any;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
+  setSelection(selectedItem: ListItem, scrollToOption?: boolean): Promise<void>;
+  removeSelection(): void;
+  /**
+   * Retorna   o item selecionado.
+  */
+  getSelection(): Promise<any>;
+  /**
+   * Retorna   a lista de items conforme o modo de uso.
+   */
+  getList(): Promise<ListItem[] | ListGroup[]>;
+  componentWillLoad(): void;
+  componentWillRender(): void;
+  onDrop(ev: any, dragEndItem: ListItemGroup): void;
+  onDropGroup(groupSelected: any): void;
+  onDragEnd(): void;
+  addOverClass(ev: any): void;
+  addOverGroupClass(ev: any, group: ListGroup): void;
+  removeOverClass(ev: any): void;
+  removeOverGroupClass(ev: any, group: any): void;
+  onDragStart(event: any, item: any, group?: any, index?: any): void;
+  onDrag(event: any): void;
+  selectFirstItem(): void;
+  nextOption(selectedItem: ListItem): void;
+  previousOption(selectedItem: ListItem): void;
+  private keyDownHandler;
+  getItemId(itemLabel: String): string;
+  getDivGroupId(groupName: String): string;
+  onDragOverGroup(event: DragEvent, group: ListGroup): void;
+  onDragOverItem(event: DragEvent, group?: ListGroup): void;
   render(): any;
 }

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

@@ -1,24 +1,22 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class NumberInput {
-  private _inputElem;
-  private _labelElem;
-  private _messageBoxElem;
-  el: HTMLElement;
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class EzNumberInput {
+  private _textInput;
+  private _hostElement;
+  private slotElement;
   /**
-   * Valor digitado pelo usuário. Este valor é o que fica visível no campo.
-   */
-  strvalue: string;
+  * Evento disparado quando o estado do componente é alterado (onEzChange).
+  */
+  ezChange: EventEmitter<string>;
   /**
-   * Valor guardado pelo componente. Este valor é o que ira ser utilizado para alimentar o backend.
-   * Esta variável pode ser setada para alimentar o componente.
-   */
-  value: number;
+  * Título do campo
+  */
+  label: string;
   /**
-   * Label é o título do campo
+   * O valor informado pelo usuário
    */
-  label: string;
+  value: string | number;
   /**
-   * Deixa o campo disponível ou não para digitação.
+   * Deixa o campo disponível ou não para uso.
    */
   enabled: boolean;
   /**
@@ -26,15 +24,21 @@ export declare class NumberInput {
    */
   errorMessage: string;
   /**
-   * Precisão de arredondamento do número
+   * Precisão decimal, ou seja, quantas casas decimais podem ser exibidas. Caso a
+   * quantidade de casas decimais do valor seja maior que precision, haverá arredondamento
    */
   precision: number;
   /**
-   * Números de zeros retirados após arredondamento
+   * Esse atributo determina qual é o número mínimo de casas depois da vírgula.
+   * Exemplo: Digamos que a precision seja igual a 4, assim qualquer número será
+   * representado com 4 casas decimais mesmo que iguais a zero: 1,0100.
+   * Se prettiprecision igual a 2, como não há necessidade de mais de duas casas decimais
+   * o valor exibido será 1,01. Por outro lado, até a quarta casa não haverá arredondamento
+   * (1,1234 = 1,1234) mas a partir da quinta casa sim (1,12345 = 1,1235).
    */
-  prettyprecision: number;
+  prettyPrecision: number;
   /**
-   * Deixa o campo disponível ou não para digitação.
+   * Configura o alinhamento do texto.
    */
   textleft: boolean;
   /**
@@ -43,38 +47,17 @@ export declare class NumberInput {
    * Qualquer outro valor que não seja "en-US", adotará a formatação "pt-BR"
    * Não é case sensitive
    */
-  formatnumber: string;
-  /**
-  * Um evento disparado quando o estado do componente é alterado (onEzChange).
-  */
-  ezChange: EventEmitter<{
-    strValue: string;
-    value: number;
-  }>;
-  showError(): void;
+  formatNumber: string;
+  _leftSlotItem: any;
+  _rightSlotItem: any;
+  setLabel(): void;
+  setErrorMessage(): void;
+  applyValueToInput(): void;
   onPrecisionChanged(newPrecision: number): void;
   onPrettyPrecisionChanged(newPrettyPrecision: number): void;
-  onValueChanged(newValue: number): void;
-  adjustFloatingLabel(): void;
-  /**
-   * Faz o foco no componente de input
-   */
-  setFocus(): Promise<void>;
-  /**
-   * Remove o foco no componente de input
-   */
-  setBlur(): Promise<void>;
-  /**
-   * Promove a atualização do componente
-   */
-  handleFocusout(): Promise<void>;
-  handleChange(): void;
-  handleSlotChange(ev: Event): void;
-  doFocus(): void;
-  settingComponent(): void;
-  settingStrValueIntNumber: (strvalue: string) => string;
-  checkNumberValidation: (valuePtBRorNumber: string) => boolean;
-  settingValue(): void;
+  changeValue(newValue: number): void;
+  private parseNumber;
+  private getTextValue;
   componentDidLoad(): void;
   componentWillLoad(): void;
   render(): any;

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

@@ -22,7 +22,7 @@ export declare class EzTabselector {
    */
   tabs: string;
   /**
-  * Evento emitido ao clicar para abrir o popup (onChange).
+  * Evento emitido ao clicar para abrir o popup (ezChange).
   */
   ezChange: EventEmitter<string>;
   handleTabClick(tab: string, index: number): void;

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from "../../stencil-public-runtime";
 export declare class EzTextInput {
   private _inputElem;
   private _labelElem;

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

@@ -1,5 +1,5 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import RemoteFile from './RemoteFile';
+import { EventEmitter } from "../../stencil-public-runtime";
+import RemoteFile from "./RemoteFile";
 export interface EzFile {
   name: string;
   size: number;
@@ -25,23 +25,23 @@ export declare class EzUpload {
   /**
   *  Define o tamanho máximo (em bytes) de cada arquivo que pode ser transferido
   */
-  maxfilesize: number;
+  maxFileSize: number;
   /**
   *  Define um limite para a quantidade de arquivos
   */
-  maxfiles: number;
+  maxFiles: number;
   /**
   *  Headers para a requisição Http
   */
-  requestheaders: any;
+  requestHeaders: any;
   /**
    *  Define a URL de upload
    */
-  urlupload: string;
+  urlUpload: string;
   /**
    *  Define a URL de deleção
    */
-  urldelete: string;
+  urlDelete: string;
   /**
    *  Lista de arquivos que será trafegada entre cliente e servidor
    */
@@ -53,6 +53,9 @@ export declare class EzUpload {
   changeValue(newValue: Array<EzFile>): void;
   updateFilePointers(): void;
   normalizeRequestHeaders(): void;
+  /**
+  * Método responsável por adicionar um ou mais arquivos ao componente.
+  */
   addFiles(files: Array<File>): Promise<void>;
   addFile(file: File): Promise<void>;
   doAddFile(file: File): Promise<void>;

package/dist/types/components/test-du/test-du.d.ts

@@ -0,0 +1,6 @@
+import { DataUnit } from '@sankhyalabs/core';
+export declare class TestDu {
+  _dataUnit: DataUnit;
+  componentDidLoad(): void;
+  render(): any;
+}