@po-ui/ng-components 19.12.0 → 19.14.0

package/lib/components/po-chart-new/po-chart-new-base.component.d.ts

@@ -0,0 +1,210 @@
+import { EventEmitter } from '@angular/core';
+import { PoLanguageService } from '../../services/po-language/po-language.service';
+import { PoChartType } from '../po-chart/enums/po-chart-type.enum';
+import { PoChartLiterals } from '../po-chart/interfaces/po-chart-literals.interface';
+import { PoChartOptions } from '../po-chart/interfaces/po-chart-options.interface';
+import { PoChartDataLabel } from '../po-chart/interfaces/po-chart-serie-data-label.interface';
+import { PoChartSerie } from '../po-chart/interfaces/po-chart-serie.interface';
+import { PoPopupAction } from '../po-popup';
+import * as i0 from "@angular/core";
+/**
+ * @description
+ *
+ * O `po-chart` é um componente para renderização de dados através de gráficos, com isso facilitando a compreensão e tornando a
+ * visualização destes dados mais agradável.
+ *
+ * Através de suas principais propriedades é possível definir atributos, tais como tipo de gráfico, altura, título, cores customizadas, opções para os eixos, entre outros.
+ *
+ * O componente permite utilizar em conjunto séries do tipo linha e coluna.
+ *
+ * Além disso, também é possível definir uma ação que será executada ao clicar em determinado elemento do gráfico
+ * e outra que será executada ao passar o *mouse* sobre o elemento.
+ *
+ * #### Guia de uso para Gráficos
+ *
+ * > Veja nosso [guia de uso para gráficos](/guides/guide-charts) para auxiliar na construção do seu gráfico,
+ * informando em qual caso utilizar, o que devemos evitar e boas práticas relacionada a cores.
+ *
+ * #### Tokens customizáveis
+ *
+ * É possível alterar o estilo do componente usando os seguintes tokens (CSS):
+ *
+ * > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
+ *
+ * | Propriedade                              | Descrição                                             | Valor Padrão                                      |
+ * |------------------------------------------|-------------------------------------------------------|---------------------------------------------------|
+ * | **Header (.po-chart-header )**           |                                                       |                                                   |
+ * | `--background-color`                     | Cor de background do cabeçalho                        | `var(--color-neutral-light-00)`                   |
+ * | `--color`                                | Cor da fonte do cabeçalho                             | `var(--color-neutral-dark-70)`                    |
+ * | `--font-family`                          | Família tipográfica usada                             | `var(--font-family-theme)`                        |
+ * | `--font-size-title`                      | Tamanho da fonte                                      | `var(--font-size-default)`                        |
+ * | `--font-size-icons`                      | Tamanho dos ícones                                    | `var(--font-size-md)`                             |
+ * | `--font-weight`                          | Peso da fonte                                         | `var(--font-weight-bold)`                         |
+ * | **Chart (.po-chart)**                    |                                                       |                                                   |
+ * | `--background-color-grid`                | Cor de background                                     | `var(--color-neutral-light-00)`                   |
+ * | `--color-grid`                           | Cor da fonte                                          | `var(--color-neutral-light-20)`                   |
+ * | `--font-family-grid`                     | Família tipográfica usada                             | `var(--font-family-theme)`                        |
+ * | `--font-size-grid`                       | Tamanho da fonte                                      | `var(--font-size-xs)`                             |
+ * | `--font-weight-grid`                     | Peso da fonte                                         | `var(--font-weight-normal)`                       |
+ * | `--color-legend`                         | Cor da fonte da legenda                               | `var(--color-neutral-dark-70)`                    |
+ * | `--border-radius-bar`                    | Contém o valor do raio dos cantos do elemento         | `var(--border-radius-none)`                       |
+ * | `--color-grid-hover`                     | Cor no estado hover                                   | `var(--color-neutral-mid-60)`                     |
+ */
+export declare abstract class PoChartNewBaseComponent {
+    private _literals?;
+    private readonly language;
+    id: string;
+    /** Define o título do gráfico. */
+    title?: string;
+    /**
+     * @description
+     *
+     * Define os elementos do gráfico que serão criados dinamicamente.
+     */
+    series: Array<PoChartSerie>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define os nomes das categorias que serão plotadas no eixo X do gráfico caso seja do tipo `bar`, ou então nos eixos Y do grid de gráficos dos tipos `area`, `columnn` e `line`.
+     *
+     * > Gráficos do tipo `bar` dimensionam a área do gráfico de acordo com a largura do maior texto de categorias. No entanto, é uma boa prática optar por palavras curtas para que a leitura do gráfico não seja prejudicada.
+     *
+     * > Caso não seja especificado um valor para a categoria, será plotado um hífen na categoria referente a cada série.
+     */
+    categories?: Array<string>;
+    customActions?: Array<PoPopupAction>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Objeto com as configurações usadas no `po-chart`.
+     *
+     * É possível, por exemplo, definir as configurações de exibição das legendas,
+     * configurar os eixos(*axis*) para os gráficos dos tipos `area`, `line`, `column` e `bar` da seguinte forma:
+     *
+     * ```
+     *  chartOptions: PoChartOptions = {
+     *    legend: true,
+     *    axis: {
+     *      minRange: 0,
+     *      maxRange: 100,
+     *      gridLines: 5,
+     *    },
+     *  };
+     * ```
+     */
+    options?: PoChartOptions;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Permite configurar as propriedades de exibição dos rótulos das séries no gráfico.
+     *
+     * Essa configuração possibilita fixar os valores das séries diretamente no gráfico, alterando o comportamento visual:
+     * - Os valores das séries permanecem visíveis, sem a necessidade de hover.
+     * - O *tooltip* não será exibido.
+     * - Os marcadores (*bullets*) terão seu estilo ajustado.
+     * - As outras séries ficarão com opacidade reduzida ao passar o mouse sobre a série ativa.
+     *
+     * > Disponível apenas para gráficos do tipo `line`.
+     *
+     * #### Exemplo de utilização:
+     * ```typescript
+     * dataLabel: PoChartDataLabel = {
+     *   fixed: true,
+     * };
+     * ```
+     */
+    dataLabel?: PoChartDataLabel;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define a altura do gráfico em px.
+     *
+     * > O valor mínimo aceito nesta propriedade é 200.
+     *
+     * @default `400`
+     */
+    set height(value: number);
+    get height(): number;
+    private _height;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tipo de gráfico.
+     *
+     * É possível também combinar gráficos dos tipos linha e coluna. Para isso, opte pela declaração de `type` conforme a interface `PoChartSerie`.
+     *
+     * > Note que, se houver declaração de tipo de gráfico tanto em `p-type` quanto em `PochartSerie.type`, o valor `{ type }` da primeira série anulará o valor definido em `p-type`.
+     *
+     * Se não passado valor, o padrão será relativo à primeira série passada em `p-series`:
+     * - Se `p-series = [{ data: [1,2,3] }]`: será `PoChartType.Column`.
+     * - Se `p-series = [{ data: 1 }]`: será `PoChartType.Pie`.
+     *
+     * > Veja os valores válidos no *enum* `PoChartType`.
+     */
+    type: PoChartType;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Objeto com as literais usadas no `po-chart`.
+     *
+     * Para utilizar basta passar a literal que deseja customizar:
+     *
+     * ```
+     *  const customLiterals: PoChartLiterals = {
+     *    downloadCSV: 'Obter CSV',
+     *  };
+     * ```
+     *
+     * E para carregar a literal customizada, basta apenas passar o objeto para o componente.
+     *
+     * ```
+     * <po-chart
+     *   [p-literals]="customLiterals">
+     * </po-chart>
+     * ```
+     *
+     * > O objeto padrão de literais será traduzido de acordo com o idioma do
+     * [`PoI18nService`](/documentation/po-i18n) ou do browser.
+     */
+    set literals(value: PoChartLiterals);
+    get literals(): PoChartLiterals;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento executado quando o usuário clicar sobre um elemento do gráfico.
+     *
+     * O evento emitirá o seguinte parâmetro:
+     * - *donut* e *pie*: um objeto contendo a categoria e valor da série.
+     * - *area*, *line*, *column* e *bar*: um objeto contendo o nome da série, valor e categoria do eixo do gráfico.
+     */
+    seriesClick: EventEmitter<any>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento executado quando o usuário passar o *mouse* sobre um elemento do gráfico.
+     *
+     * O evento emitirá o seguinte parâmetro de acordo com o tipo de gráfico:
+     * - *donut* e *pie*: um objeto contendo a categoria e valor da série.
+     * - *area*, *line*, *column* e *bar*: um objeto contendo a categoria, valor da série e categoria do eixo do gráfico.
+     */
+    seriesHover: EventEmitter<any>;
+    constructor(languageService: PoLanguageService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoChartNewBaseComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoChartNewBaseComponent, never, never, { "id": { "alias": "t-id"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; "series": { "alias": "p-series"; "required": false; }; "categories": { "alias": "p-categories"; "required": false; }; "customActions": { "alias": "p-custom-actions"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "dataLabel": { "alias": "p-data-label"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "type": { "alias": "p-type"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; }, { "seriesClick": "p-series-click"; "seriesHover": "p-series-hover"; }, never, never, true, never>;
+}

package/lib/components/po-chart-new/po-chart-new.component.d.ts

@@ -0,0 +1,86 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
+import { CurrencyPipe, DecimalPipe } from '@angular/common';
+import { PoTooltipDirective } from '../../directives';
+import { PoColorService } from '../../services/po-color';
+import { PoLanguageService } from '../../services/po-language/po-language.service';
+import { PoModalAction, PoModalComponent } from '../po-modal';
+import { PoPopupAction } from '../po-popup';
+import { PoTableColumn } from '../po-table';
+import { PoChartNewBaseComponent } from './po-chart-new-base.component';
+import { PoChartGridUtils } from './po-chart-grid-utils';
+import * as i0 from "@angular/core";
+/**
+ * @docsPrivate
+ *
+ * Componente de uso interno.
+ */
+export declare class PoChartNewComponent extends PoChartNewBaseComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy {
+    private readonly el;
+    private readonly currencyPipe;
+    private readonly decimalPipe;
+    private readonly colorService;
+    private readonly cdr;
+    poTooltip: QueryList<PoTooltipDirective>;
+    targetRef: ElementRef;
+    modal: PoModalComponent;
+    tooltipText: string;
+    originalHeight: number;
+    chartMarginTop: string;
+    isTypeBar: boolean;
+    boundaryGap: boolean;
+    listTypePieDonut: Array<any>;
+    itemsTypeDonut: Array<any>;
+    protected actionModal: PoModalAction;
+    showPopup: boolean;
+    protected itemsTable: any[];
+    protected columnsTable: Array<PoTableColumn>;
+    protected isExpanded: boolean;
+    protected legendData: Array<{
+        name: string;
+        color: string;
+    }>;
+    protected headerHeight: number;
+    protected positionTooltip: string;
+    protected tooltipTitle: any;
+    protected chartGridUtils: PoChartGridUtils;
+    protected popupActions: Array<PoPopupAction>;
+    private chartInstance;
+    private currentRenderer;
+    private intersectionObserver;
+    private hideDomEchartsDiv;
+    get showHeader(): string | boolean;
+    constructor(el: ElementRef, currencyPipe: CurrencyPipe, decimalPipe: DecimalPipe, colorService: PoColorService, cdr: ChangeDetectorRef, languageService: PoLanguageService);
+    onResize: () => void;
+    changeTheme: (event: any) => void;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    showTooltipTitle(e: MouseEvent): void;
+    getCSSVariable(variable: string, selector?: string): string;
+    openModal(): void;
+    toggleExpand(): void;
+    private checkShowCEcharts;
+    private setInitialPopupActions;
+    private initECharts;
+    private initEChartsEvents;
+    private setTooltipProperties;
+    private setChartsProperties;
+    private setOptions;
+    private formatLabelOption;
+    private setOptionLegend;
+    private setSeries;
+    private setSerieEmphasis;
+    private setTypeSerie;
+    private setTableProperties;
+    private setTablePropertiesTypeBar;
+    private setTableColumns;
+    private downloadCsv;
+    private exportImage;
+    private exportSvgAsImage;
+    private configureImageCanvas;
+    private setHeaderProperties;
+    private setPopupActions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoChartNewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoChartNewComponent, "po-chart-new", never, {}, {}, never, never, false, never>;
+}

package/lib/components/po-chart-new/po-chart-new.module.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./po-chart-new.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../directives/po-tooltip/po-tooltip.module";
+import * as i4 from "../po-button/po-button.module";
+import * as i5 from "../po-modal/po-modal.module";
+import * as i6 from "../po-table/po-table.module";
+import * as i7 from "../po-popup/po-popup.module";
+/**
+ * @description
+ *
+ * Módulo do componente `po-chart`.
+ */
+export declare class PoChartNewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoChartNewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PoChartNewModule, [typeof i1.PoChartNewComponent], [typeof i2.CommonModule, typeof i3.PoTooltipModule, typeof i4.PoButtonModule, typeof i5.PoModalModule, typeof i6.PoTableModule, typeof i7.PoPopupModule], [typeof i1.PoChartNewComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PoChartNewModule>;
+}

package/lib/components/po-container/po-container-base.component.d.ts

@@ -16,13 +16,13 @@ import * as i0 from "@angular/core";
  *
  * | Propriedade                                    | Descrição                                              | Valor Padrão                                     |
  * |------------------------------------------------|--------------------------------------------------------|--------------------------------------------------|
- * | **Default Values - CONTENT **                  |                                                        |                                                  |
+ * | **Default Values - CONTENT**                  |                                                        |                                                  |
  * | `--padding`                               | Preenchimento                                          | `var(--spacing-sm)`                              |
  * | `--border-radius`                         | Contém o valor do raio dos cantos do elemento     | `var(--border-radius-md)`                        |
  * | `--border-width`                          | Contém o valor da largura dos cantos do elemento  | `var(--border-width-sm)`                         |
  * | `--border-color`                          | Cor da borda                                           | `var(--color-neutral-light-20)`                  |
  * | `--background`                            | Cor de background                                      | `var(--color-neutral-light-00)`                  |
- * | **Default Values - TITLE **                    |                                                        |                                                  |
+ * | **Default Values - TITLE**                    |                                                        |                                                  |
  * | `--font-family`                           | Font aplicado ao titulo                                | `var(--font-family-theme)`                       |
  * | `--line-weight`                           | Espessura da Fonte a ser aplicada do titulo            | `var(--font-weight-semibold)`                    |
  * | `--line-height`                           | tamanho da linha do titulo                             | `var(--line-height-md)`                          |

package/lib/components/po-dropdown/po-dropdown-base.component.d.ts

@@ -1,4 +1,4 @@
-import { PoThemeService } from '../../services';
+import { PoThemeService } from '../../services/po-theme/po-theme.service';
 import { PoDropdownAction } from './po-dropdown-action.interface';
 import * as i0 from "@angular/core";
 /**

package/lib/components/po-dropdown/po-dropdown.component.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, Renderer2 } from '@angular/core';
-import { PoThemeService } from '../../services';
+import { PoThemeService } from '../../services/po-theme/po-theme.service';
 import { PoDropdownBaseComponent } from './po-dropdown-base.component';
 import * as i0 from "@angular/core";
 /**
@@ -10,8 +10,6 @@ import * as i0 from "@angular/core";
  * <example name="po-dropdown-basic" title="PO Dropdown Basic" >
  *  <file name="sample-po-dropdown-basic/sample-po-dropdown-basic.component.html"> </file>
  *  <file name="sample-po-dropdown-basic/sample-po-dropdown-basic.component.ts"> </file>
- *  <file name="sample-po-dropdown-basic/sample-po-dropdown-basic.component.e2e-spec.ts"> </file>
- *  <file name="sample-po-dropdown-basic/sample-po-dropdown-basic.component.po.ts"> </file>
  * </example>
  *
  * <example name="po-dropdown-labs" title="PO Dropdown Labs" >

package/lib/components/po-dynamic/po-dynamic-field.interface.d.ts

@@ -159,15 +159,15 @@ export interface PoDynamicField {
      * - `currency`: Valores monetários.
      * - `decimal`: Valores decimais.
      * - `date`: Valores de datas.
-     *  + Aceita os tipos **string** e **Date** padrão do Javascript,
-     *  por exemplo: `'2017-11-28'` ou `new Date(2017, 10, 28)`.
+     *   + Aceita os tipos **string** e **Date** padrão do Javascript,
+     *   por exemplo: `'2017-11-28'` ou `new Date(2017, 10, 28)`.
      * - `dateTime`: Valor de data com horário.
-     *  + Aceita o tipo _string_ no formato **ISO-8601** extendido **'yyyy-mm-ddThh:mm:ss+|-hh:mm'**
+     *   + Aceita o tipo _string_ no formato **ISO-8601** extendido **'yyyy-mm-ddThh:mm:ss+|-hh:mm'**
      * e o tipo **Date** padrão do Javascript, por exemplo: `'2017-11-28T00:00:00-02:00'` ou `new Date(2017, 10, 28)`.
      * - `number`: Valores numéricos.
      * - `string`: Textos.
      * - `time`: Valor do horário.
-     *  + Aceita o tipo **string** nos formatos **'HH:mm:ss'** ou **'HH:mm:ss.ffffff'**, por exemplo: `'23:12:45'`.
+     *   + Aceita o tipo **string** nos formatos **'HH:mm:ss'** ou **'HH:mm:ss.ffffff'**, por exemplo: `'23:12:45'`.
      *
      * @default `string`
      */

package/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-fields/po-dynamic-form-fields.component.d.ts

@@ -15,9 +15,9 @@ import * as i0 from "@angular/core";
  */
 export declare class PoDynamicFormFieldsComponent extends PoDynamicFormFieldsBaseComponent implements OnChanges {
     protected poThemeService: PoThemeService;
-    private validationService;
-    private changes;
-    private form;
+    private readonly validationService;
+    private readonly changes;
+    private readonly form;
     components: QueryList<{
         name: string;
         focus: () => void;
@@ -32,7 +32,7 @@ export declare class PoDynamicFormFieldsComponent extends PoDynamicFormFieldsBas
     onChangeFieldModel(visibleField: PoDynamicFormField): void;
     showAdditionalHelp(property: string): void;
     updatePreviousValue(): void;
-    trackBy(index: any): any;
+    trackBy(index: number, field: PoDynamicFormField): string;
     private applyFieldValidation;
     private getField;
     private triggerValidationOnForm;

package/lib/components/po-dynamic/po-dynamic-view/po-dynamic-view-field.interface.d.ts

@@ -24,18 +24,18 @@ export interface PoDynamicViewField extends PoDynamicField {
      * - O nome da cor, por exemplo `blue`;
      * - Usando uma das cores do tema do PO:
      * - Valores válidos:
-     *  - <span class="dot po-color-01"></span> `color-01`
-     *  - <span class="dot po-color-02"></span> `color-02`
-     *  - <span class="dot po-color-03"></span> `color-03`
-     *  - <span class="dot po-color-04"></span> `color-04`
-     *  - <span class="dot po-color-05"></span> `color-05`
-     *  - <span class="dot po-color-06"></span> `color-06`
-     *  - <span class="dot po-color-07"></span> `color-07`
-     *  - <span class="dot po-color-08"></span> `color-08`
-     *  - <span class="dot po-color-09"></span> `color-09`
-     *  - <span class="dot po-color-10"></span> `color-10`
-     *  - <span class="dot po-color-11"></span> `color-11`
-     *  - <span class="dot po-color-12"></span> `color-12`
+     *   - <span class="dot po-color-01"></span> `color-01`
+     *   - <span class="dot po-color-02"></span> `color-02`
+     *   - <span class="dot po-color-03"></span> `color-03`
+     *   - <span class="dot po-color-04"></span> `color-04`
+     *   - <span class="dot po-color-05"></span> `color-05`
+     *   - <span class="dot po-color-06"></span> `color-06`
+     *   - <span class="dot po-color-07"></span> `color-07`
+     *   - <span class="dot po-color-08"></span> `color-08`
+     *   - <span class="dot po-color-09"></span> `color-09`
+     *   - <span class="dot po-color-10"></span> `color-10`
+     *   - <span class="dot po-color-11"></span> `color-11`
+     *   - <span class="dot po-color-12"></span> `color-12`
      */
     color?: string;
     /**

package/lib/components/po-field/po-combo/po-combo-base.component.d.ts

@@ -78,6 +78,14 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
      * > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
      */
     additionalHelpTooltip?: string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado ao sair do campo.
+     */
+    blur: EventEmitter<any>;
     /**
      * @optional
      *
@@ -625,7 +633,7 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
     abstract getInputValue(): string;
     abstract initInputObservable(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoComboBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoComboBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "infiniteScrollDistance": { "alias": "p-infinite-scroll-distance"; "required": false; }; "icon": { "alias": "p-icon"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "clean": { "alias": "p-clean"; "required": false; }; "emitObjectValue": { "alias": "p-emit-object-value"; "required": false; }; "disabledTabFilter": { "alias": "p-disabled-tab-filter"; "required": false; }; "removeInitialFilter": { "alias": "p-remove-initial-filter"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "listboxControlPosition": { "alias": "p-listbox-control-position"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "debounceTime": { "alias": "p-debounce-time"; "required": false; }; "disabledInitFilter": { "alias": "p-disabled-init-filter"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "filterMinlength": { "alias": "p-filter-minlength"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "changeOnEnter": { "alias": "p-change-on-enter"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "filterParams": { "alias": "p-filter-params"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "cache": { "alias": "p-cache"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; "ngModelChange": "ngModelChange"; "inputChange": "p-input-change"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoComboBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "infiniteScrollDistance": { "alias": "p-infinite-scroll-distance"; "required": false; }; "icon": { "alias": "p-icon"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "clean": { "alias": "p-clean"; "required": false; }; "emitObjectValue": { "alias": "p-emit-object-value"; "required": false; }; "disabledTabFilter": { "alias": "p-disabled-tab-filter"; "required": false; }; "removeInitialFilter": { "alias": "p-remove-initial-filter"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "listboxControlPosition": { "alias": "p-listbox-control-position"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "debounceTime": { "alias": "p-debounce-time"; "required": false; }; "disabledInitFilter": { "alias": "p-disabled-init-filter"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "filterMinlength": { "alias": "p-filter-minlength"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "changeOnEnter": { "alias": "p-change-on-enter"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "filterParams": { "alias": "p-filter-params"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "cache": { "alias": "p-cache"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; }, { "blur": "p-blur"; "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; "ngModelChange": "ngModelChange"; "inputChange": "p-input-change"; }, never, never, true, never>;
     static ngAcceptInputType_autoFocus: any;
     static ngAcceptInputType_clean: any;
     static ngAcceptInputType_emitObjectValue: any;

package/lib/components/po-field/po-combo/po-combo.component.d.ts

@@ -113,7 +113,7 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
      */
     focus(): void;
     getAdditionalHelpTooltip(): string;
-    onBlur(): void;
+    onBlur(event: any): void;
     onKeyDown(event?: any): void;
     onKeyUp(event?: any): void;
     initInputObservable(): void;

package/lib/components/po-field/po-datepicker/po-datepicker.component.d.ts

@@ -14,8 +14,6 @@ import * as i0 from "@angular/core";
  * <example name="po-datepicker-basic" title="PO Datepicker Basic">
  *  <file name="sample-po-datepicker-basic/sample-po-datepicker-basic.component.html"> </file>
  *  <file name="sample-po-datepicker-basic/sample-po-datepicker-basic.component.ts"> </file>
- *  <file name="sample-po-datepicker-basic/sample-po-datepicker-basic.component.po.ts"> </file>
- *  <file name="sample-po-datepicker-basic/sample-po-datepicker-basic.component.e2e-spec.ts"> </file>
  * </example>
  *
  * <example name="po-datepicker-labs" title="PO Datepicker Labs">

package/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.d.ts

@@ -23,19 +23,19 @@ import * as i0 from "@angular/core";
  * Este componente pode receber os seguintes formatos de data:
  *
  * - **Data e hora combinados (E8601DZw): yyyy-mm-ddThh:mm:ss+|-hh:mm**
- * ```
- * '2017-11-28T00:00:00-02:00';
- * ```
+ *   ```
+ *   '2017-11-28T00:00:00-02:00';
+ *   ```
  *
  * - **Data (E8601DAw.): yyyy-mm-dd**
- * ```
- * '2017-11-28';
- * ```
+ *   ```
+ *   '2017-11-28';
+ *   ```
  *
  * - **JavaScript Date Object:**
- * ```
- * new Date(2017, 10, 28);
- * ```
+ *   ```
+ *   new Date(2017, 10, 28);
+ *   ```
  *
  * > O componente respeitará o formato passado para o *model* via codificação. Porém, caso seja feita alteração em algum
  * dos valores de data em tela, o componente atribuirá o formato **Data (E8601DAw.): yyyy-mm-dd** ao model.

package/lib/components/po-field/po-email/po-email.component.d.ts

@@ -15,8 +15,6 @@ import * as i0 from "@angular/core";
  * <example name="po-email-basic" title="PO Email Basic">
  *  <file name="sample-po-email-basic/sample-po-email-basic.component.html"> </file>
  *  <file name="sample-po-email-basic/sample-po-email-basic.component.ts"> </file>
- *  <file name="sample-po-email-basic/sample-po-email-basic.component.e2e-spec.ts"> </file>
- *  <file name="sample-po-email-basic/sample-po-email-basic.component.po.ts"> </file>
  * </example>
  *
  * <example name="po-email-labs" title="PO Email Labs">

package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts

@@ -3,7 +3,6 @@ import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms
 import { Subscription } from 'rxjs';
 import { PoLanguageService } from '../../../services/po-language/po-language.service';
 import { PoThemeService } from '../../../services';
-import { PoTableColumnSpacing } from '../../po-table/enums/po-table-spacing.enum';
 import { PoLookupAdvancedFilter } from './interfaces/po-lookup-advanced-filter.interface';
 import { PoLookupColumn } from './interfaces/po-lookup-column.interface';
 import { PoLookupFilter } from './interfaces/po-lookup-filter.interface';
@@ -34,13 +33,14 @@ export declare const poLookupLiteralsDefault: {
  * `po-select` ou o `po-combo`.
  */
 export declare abstract class PoLookupBaseComponent implements ControlValueAccessor, OnDestroy, OnInit, Validator, AfterViewInit, OnChanges {
-    private defaultService;
-    private injector;
+    private readonly defaultService;
+    private readonly injector;
     poLookupModalService: PoLookupModalService;
     protected poThemeService: PoThemeService;
     private _literals?;
-    private language;
+    private readonly language;
     private _size?;
+    private _spacing;
     additionalHelpEventTrigger: string | undefined;
     /**
      * @optional
@@ -321,13 +321,19 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
      *
      * @description
      *
-     * Responsável por aplicar espaçamento nas colunas da tabela contida no lookup.
+     * Define o espaçamento interno das células, impactando diretamente na altura das linhas do table dentro do modal. Os
+     * valores permitidos são definidos pelo enum **PoTableColumnSpacing**.
      *
-     * Deve receber um dos valores do enum `PoTableColumnSpacing`.
+     * > Em nível de acessibilidade **AA**, caso o valor de `p-spacing` não seja definido, o valor padrão será `extraSmall`
+     * > nos seguintes cenários:
+     * > - Quando o valor de `p-size` for `small`;
+     * > - Quando o valor padrão dos componentes for configurado como `small` no
+     * > [serviço de tema](https://po-ui.io/documentation/po-theme).
      *
      * @default `medium`
      */
-    spacing: PoTableColumnSpacing;
+    set spacing(value: string);
+    get spacing(): string;
     /**
      * @optional
      *
@@ -432,12 +438,12 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
     private _noAutocomplete;
     private _placeholder;
     private _required?;
-    private _autoHeight;
-    private autoHeightInitialValue;
+    private readonly _autoHeight;
+    private readonly autoHeightInitialValue;
     private onChangePropagate;
     private validatorChange;
     private control;
-    private injectOptions;
+    private readonly injectOptions;
     /**
      * Serviço responsável por buscar os dados da tabela na janela. Pode ser informado um serviço que implemente a interface
      * `PoLookupFilter` ou uma URL.
@@ -450,14 +456,14 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
      *
      * Caso utilizar ordenação, a coluna ordenada será enviada através do parâmetro `order`, por exemplo:
      * - Coluna decrescente:
-     * ```
-     *  url + ?page=1&pageSize=20&filter=Peter&order=-name
-     * ```
+     *   ```
+     *    url + ?page=1&pageSize=20&filter=Peter&order=-name
+     *   ```
      *
      * - Coluna ascendente:
-     * ```
-     *  url + ?page=1&pageSize=20&filter=Peter&order=name
-     * ```
+     *   ```
+     *    url + ?page=1&pageSize=20&filter=Peter&order=name
+     *   ```
      *
      * Se for definido a propriedade `p-filter-params`, o mesmo também será concatenado. Por exemplo, para o
      * parâmetro `{ age: 23 }` a URL ficaria:
@@ -565,6 +571,7 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
     abstract openLookup(): void;
     abstract setDisclaimers(a: any): any;
     abstract updateVisibleItems(): any;
+    protected abstract getDefaultSpacing(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoLookupBaseComponent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<PoLookupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "filterParams": { "alias": "p-filter-params"; "required": false; }; "fieldFormat": { "alias": "p-field-format"; "required": false; }; "columns": { "alias": "p-columns"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "advancedFilters": { "alias": "p-advanced-filters"; "required": false; }; "hideColumnsManager": { "alias": "p-hide-columns-manager"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "clean": { "alias": "p-clean"; "required": false; }; "multiple": { "alias": "p-multiple"; "required": false; }; "autoHeight": { "alias": "p-auto-height"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "spacing": { "alias": "p-spacing"; "required": false; }; "textWrap": { "alias": "p-text-wrap"; "required": false; }; "virtualScroll": { "alias": "p-virtual-scroll"; "required": false; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onError": "p-error"; "keydown": "p-keydown"; "selected": "p-selected"; "change": "p-change"; "changeVisibleColumns": "p-change-visible-columns"; "columnRestoreManager": "p-restore-column-manager"; }, never, never, true, never>;
     static ngAcceptInputType_appendBox: any;