@po-ui/ng-components 21.2.0 → 21.4.0

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from '@angular/core';
+export declare const validateAvatarSize: (value: string) => string;
 /**
  * @description
  *

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

@@ -1,47 +1,122 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, TemplateRef } from '@angular/core';
 import { PoDateService } from '../../services/po-date';
 import { PoLanguageService } from '../../services/po-language/po-language.service';
 import { PoCalendarMode } from './po-calendar-mode.enum';
 /**
  * @description
  *
- * O `po-calendar` é um componente para seleção de datas. Ele permite uma fácil navegação clicando nas setas
- * de direcionamento e nos *labels* do ano ou mês.
+ * O `po-calendar` é um componente para seleção de datas que permite a navegação entre meses por meio das setas direcionais
+ * e dos seletores de mês e ano exibidos no cabeçalho.
+ *
+ * O componente é recomendado para casos de seleção de datas próximas ao tempo presente. Por padrão, apresenta os dados do
+ * mês atual e apenas um mês por vez, podendo exibir uma data pré-estabelecida conforme o contexto.
  *
  * Este componente pode receber os seguintes formatos de data:
  *
- * - **Data e hora combinados (E8601DZw): yyyy-mm-ddThh:mm:ss+|-hh:mm**
- *   ```
- *   this.date = '2017-11-28T00:00:00-02:00';
- *   ```
+ * | Formato                  | Exemplo                     |
+ * |--------------------------|-----------------------------|
+ * | `ISO 8601 (Data/Hora)`   | `2017-11-28T00:00:00-02:00` |
+ * | `ISO 8601 (Data)`        | `2017-11-28`                |
+ * | `JavaScript Date Object` | `new Date(2017, 10, 28)`    |
+ * > O valor é tratado internamente como **yyyy-mm-dd**.
+ *
+ * **Importante:**
+ * - Datas fora do intervalo (`p-min-date` / `p-max-date`) aparecem desabilitadas sem alterar o *model*.
+ *
+ * #### Boas práticas
+ *
+ * - Evite datas distantes: O uso do calendário não é recomendado para datas muito distantes (como data de nascimento), pois
+ * exige excesso de cliques. Nesses casos, prefira um campo de texto para digitação.
+ * - Impeça seleções ilógicas: Utilize as propriedades de limite para impedir que o usuário selecione períodos inválidos (ex:
+ * data de retorno anterior à de partida).
+ * - Sinalize a disponibilidade: Para datas que não podem ser selecionadas devido a um contexto específico, mantenha-as
+ * inativas por meio de opacidade e desabilite a opção de clique.
+ * - Contexto claro: Certifique-se de que o mês e o ano estejam sempre visíveis no cabeçalho para orientar a pessoa usuária
+ * durante a navegação.
  *
- * - **Data (E8601DAw.): yyyy-mm-dd**
- *   ```
- *   this.date = '2017-11-28';
- *   ```
+ * #### Acessibilidade tratada no componente
  *
- * - **JavaScript Date Object:**
- *   ```
- *   this.date = new Date(2017, 10, 28);
- *   ```
+ * Algumas diretrizes de acessibilidade já são tratadas no componente, internamente, e não podem ser alteradas pelo
+ * proprietário do conteúdo. São elas:
  *
- * > Independentemente do formato utilizado, o componente trata o valor do *model* internamente com o
- * formato **Data (E8601DAw.): yyyy-mm-dd**.
+ * - Navegação por teclado: O componente permite interação via tecla Tab entre os controles do cabeçalho e navegação no grid
+ * de dias por meio das setas direcionais.
+ * - Foco visual: A área de foco possui espessura de pelo menos 2 pixels CSS e não é sobreposta por outros elementos da tela,
+ * garantindo visibilidade para usuários que utilizam teclado. [WCAG 2.4.12: Focus Appearance](https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance-enhanced)
  *
- * Importante:
+ * #### Tokens customizáveis
  *
- * - Caso seja definida uma data fora do range da data mínima e data máxima via *ngModel* o componente mostrará
- * a data desabilitada porém o *model* não será alterado.
- * - Caso seja definida uma data inválida a mesma não será atribuída ao calendário porém o *model* manterá a data inválida.
+ * É 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                      |
+ * |----------------------------------|------------------------------------------------------|-----------------------------------|
+ * | **Default Values**               |                                                      |                                   |
+ * | `--background`                   | Cor de fundo                                         | `var(--color-neutral-light-00)`   |
+ * | `--border-color`                 | Cor da borda                                         | `var(--color-neutral-light-20)`   |
+ * | `--border-radius`                | Raio da borda                                        | `var(--border-radius-md)`         |
+ * | `--border-width`                 | Largura da borda                                     | `var(--border-width-sm)`          |
+ * | `--shadow`                       | Contém o valor da sombra do elemento                 | `var(--shadow-md)`                |
+ * | **Weekly cells**                 |                                                      |                                   |
+ * | `--text-color-weekly`            | Cor da fonte utilizada nas células semanais          | `var(--color-neutral-dark-90)`    |
+ * | `--font-family`                  | Fonte utilizada nas células semanais                 | `var(--font-family-text)`         |
+ * | `--font-size`                    | Tamanho da fonte utilizada nas células semanais      | `var(--font-size-sm)`             |
+ * | `--font-weight-weekly`           | Peso da fonte utilizada nas células semanais         | `var(--font-weight-bold)`         |
+ * | **Days cells**                   |                                                      |                                   |
+ * | `--font-weight-days`             | Peso da fonte utilizada nas células de dias          | `var(--font-weight-normal)`       |
+ * | `--text-color`                   | Cor da fonte utilizada nas células de dias           | `var(--color-neutral-dark-90)`    |
+ * | `--border-radius-days`           | Raio da borda                                        | `var(--border-radius-md)`         |
+ * | `--border-width-days`            | Largura da borda                                     | `var(--border-width-sm)`          |
+ * | `--day-cell-transition-duration` | Duração da transição                                 | `var(--duration-extra-fast)`      |
+ * | `--day-cell-transition-property` | Atributo da transição                                | `all`                             |
+ * | `--day-cell-transition-timing`   | Duração da transição com o tipo de transição         | `var(--timing-standart)`          |
+ * | **Today**                        |                                                      |                                   |
+ * | `--font-weight-today`            | Peso da fonte utilizada na célula de hoje            | `var(--font-weight-bold)`         |
+ * | `--text-color-today`             | Cor da fonte utilizada na célula de hoje             | `var(--color-action-default)`     |
+ * | **Focused**                      |                                                      |                                   |
+ * | `--outline-color-focused`        | Cor do outline do estado de focus                    | `var(--color-action-focus)`       |
+ * | **Hover**                        |                                                      |                                   |
+ * | `--color-hover`                  | Cor de fundo das células ao passar o mouse           | `var(--color-neutral-light-00)`   |
+ * | `--text-color-hover`             | Cor da fonte utilizada nas células ao passar o mouse | `var(--color-action-hover)`       |
+ * | **Interval**                     |                                                      |                                   |
+ * | `--color-interval`               | Cor de fundo das células de intervalo                | `var(--color-brand-01-lighter)`   |
+ * | `--text-color-interval`          | Cor da fonte utilizada nas células de intervalo      | `var(--color-action-default)`     |
+ * | **Next Month**                   |                                                      |                                   |
+ * | `--text-color-next`              | Cor da fonte utilizada nas células do próximo mês    | `var(--color-action-default)`     |
+ * | **Disabled**                     |                                                      |                                   |
+ * | `--border-disabled`              | Cor da borda das células desabilitadas               | `var(--color-action-disabled)`    |
+ * | `--text-color-disabled`          | Cor da fonte utilizada nas células desabilitadas     | `var(--color-action-disabled)`    |
+ * | **Selected**                     |                                                      |                                   |
+ * | `--color-selected`               | Cor de fundo das células selecionadas                | `var(--color-neutral-light-00)`   |
+ * | `--text-color-selected`          | Cor da fonte utilizada nas células selecionadas      | `var(--color-action-default)`     |
  */
 export declare class PoCalendarBaseComponent {
     poDate: PoDateService;
     private languageService;
-    /** Evento disparado ao selecionar um dia do calendário. */
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado ao alterar o valor do model.
+     * Em modo padrão, retorna uma `string` no formato ISO 8601 (`yyyy-mm-dd`).
+     * Em modo *range*, retorna um objeto contendo as datas de início (`start`) e fim (`end`).
+     */
     change: EventEmitter<string | {
         start: any;
         end: any;
     }>;
+    /**
+     * @description
+     *
+     * Evento disparado ao alterar o mês ou o ano no cabeçalho do calendário.
+     * Retorna um objeto contendo os valores numéricos:
+     * - `month`: Mês selecionado (variando de 1 a 12).
+     * - `year`: Ano selecionado.
+     */
+    changeMonthYear: EventEmitter<any>;
+    close: EventEmitter<void>;
     activateDate: any;
     value: any;
     protected onTouched: any;
@@ -52,14 +127,15 @@ export declare class PoCalendarBaseComponent {
     private _maxDate;
     private _minDate;
     private _mode;
+    private _size?;
     /**
      * @optional
      *
      * @description
      *
-     * Idioma do calendário.
+     * Idioma do componente.
      *
-     * > O locale padrão sera recuperado com base no [`PoI18nService`](/documentation/po-i18n) ou *browser*.
+     * > O locale padrão será recuperado com base no [`PoI18nService`](/documentation/po-i18n) ou *browser*.
      */
     set locale(locale: string);
     get locale(): string;
@@ -68,9 +144,10 @@ export declare class PoCalendarBaseComponent {
      *
      * @description
      *
-     * Define a data máxima possível de ser selecionada.
+     * Define a data máxima permitida para seleção. As datas posteriores ao limite definido permanecem visíveis, mas ficam
+     * desabilitadas para clique.
      *
-     * Pode receber os seguintes formatos de data:
+     * Aceita os seguintes formatos:
      *
      * - **Data e hora combinados (E8601DZw): yyyy-mm-ddThh:mm:ss+|-hh:mm**
      *   ```
@@ -94,9 +171,9 @@ export declare class PoCalendarBaseComponent {
      *
      * @description
      *
-     * Define a data mínima possível de ser selecionada.
+     * Define a data mínima para seleção. As datas anteriores ao limite permanecem visíveis, mas desabilitadas para clique.
      *
-     * Pode receber os seguintes formatos de data:
+     * Aceita os seguintes formatos:
      *
      * - **Data e hora combinados (E8601DZw): yyyy-mm-ddThh:mm:ss+|-hh:mm**
      *   ```
@@ -116,13 +193,32 @@ export declare class PoCalendarBaseComponent {
     set minDate(minDate: any);
     get minDate(): any;
     /**
-     * Propriedade que permite informar o modo de exibição do calendar.
+     * @optional
      *
-     * Implementa o enum `PoCalendarMode`.
+     * @description
+     *
+     * Define o modo de exibição do calendário.
+     * Caso não seja informado, o componente operará no modo padrão de seleção única.
+     * Para permitir a seleção de um intervalo de datas, deve ser utilizado o valor `PoCalendarMode.Range`.
      */
     set mode(value: PoCalendarMode);
     get mode(): PoCalendarMode;
     get isRange(): boolean;
+    headerTemplate?: TemplateRef<any>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho do componente.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     */
+    set size(value: string);
+    get size(): string;
     constructor(poDate: PoDateService, languageService: PoLanguageService);
     protected setActivateDate(date?: Date | string): void;
     private verifyActivateDate;

package/lib/components/po-calendar/po-calendar-header/po-calendar-header.component.d.ts

@@ -1,8 +1,29 @@
-import { EventEmitter } from '@angular/core';
-export declare class PoCalendarHeaderComponent {
+import { EventEmitter, TemplateRef, OnChanges, SimpleChanges, ChangeDetectorRef, OnInit } from '@angular/core';
+import { PoComboOption } from '../../po-field/po-combo/interfaces/po-combo-option.interface';
+import { PoCalendarLangService } from '../services/po-calendar.lang.service';
+export declare class PoCalendarHeaderComponent implements OnInit, OnChanges {
+    readonly cdr: ChangeDetectorRef;
+    readonly poCalendarLangService: PoCalendarLangService;
     hidePrevious: boolean;
     hideNext: boolean;
+    displayMonth: number;
+    displayYear: number;
+    displayMonthLabel: string;
+    monthOptions?: Array<PoComboOption>;
+    headerTemplate?: TemplateRef<any>;
+    templateContext: any;
+    size: string;
+    private _locale;
+    set locale(value: string);
+    get locale(): string;
     previous: EventEmitter<void>;
     next: EventEmitter<void>;
-    constructor();
+    selectMonth: EventEmitter<number>;
+    selectYear: EventEmitter<number>;
+    previousMonthLabel: string;
+    nextMonthLabel: string;
+    private labelsInitialized;
+    ngOnInit(): void;
+    private setupLabels;
+    ngOnChanges(changes: SimpleChanges): void;
 }

package/lib/components/po-calendar/po-calendar-mode.enum.d.ts

@@ -3,9 +3,9 @@
  *
  * @description
  *
- * *Enum* `PoCalendarMode` para especificar os modos de visualização do calendário.
+ * Define os modos de exibição do `po-calendar`.
  */
 export declare enum PoCalendarMode {
-    /** Define que o calendário será exibido em modo faixa de seleção. */
+    /** Modo de seleção de intervalo (data inicial e final). */
     Range = "range"
 }

package/lib/components/po-calendar/po-calendar-wrapper/po-calendar-wrapper.component.d.ts

@@ -1,8 +1,11 @@
-import { OnChanges, OnInit, EventEmitter } from '@angular/core';
+import { OnChanges, OnInit, EventEmitter, TemplateRef, ChangeDetectorRef, SimpleChanges, ElementRef } from '@angular/core';
+import { Subject } from 'rxjs';
 export declare class PoCalendarWrapperComponent implements OnInit, OnChanges {
     private poCalendarService;
     private poCalendarLangService;
     private poDate;
+    readonly cdr: ChangeDetectorRef;
+    readonly elementRef: ElementRef<any>;
     value: any;
     mode: 'day' | 'month' | 'year';
     responsive: boolean;
@@ -13,27 +16,42 @@ export declare class PoCalendarWrapperComponent implements OnInit, OnChanges {
     minDate: any;
     maxDate: any;
     hoverValue: Date;
+    size: string;
+    headerTemplate?: TemplateRef<any>;
+    private _locale;
+    set locale(value: string);
+    get locale(): string;
     headerChange: EventEmitter<any>;
     selectDate: EventEmitter<any>;
+    readonly hoverDateSource: Subject<Date>;
     hoverDate: import("rxjs").Observable<Date>;
+    closeCalendar: EventEmitter<void>;
     currentYear: number;
-    displayDays: Array<number>;
-    displayDecade: Array<number>;
-    displayFinalDecade: number;
-    displayMonth: any;
+    displayYear: number;
     displayMonthNumber: number;
-    displayMonths: Array<any>;
+    displayMonth: string;
+    displayDays: Array<Date>;
+    displayWeekDays: Array<string>;
+    displayMonths: Array<string>;
+    displayDecade: Array<number>;
     displayStartDecade: number;
-    displayWeekDays: Array<any>;
-    displayYear: number;
+    displayFinalDecade: number;
     displayToday: string;
+    displayToClean: string;
     today: Date;
+    comboMonthsOptions: Array<{
+        label: string;
+        value: number;
+    }>;
+    comboYearsOptions: Array<{
+        label: string;
+        value: number;
+    }>;
+    comboKey: number;
+    focusedDayIndex: number;
+    templateContext: any;
     protected currentMonthNumber: number;
-    protected date: Date;
     protected lastDisplay: string;
-    private _locale;
-    set locale(value: string);
-    get locale(): string;
     get monthLabel(): any;
     get yearLabel(): any;
     get isDayVisible(): boolean;
@@ -41,33 +59,75 @@ export declare class PoCalendarWrapperComponent implements OnInit, OnChanges {
     get isYearVisible(): boolean;
     get isStartPart(): boolean;
     get isEndPart(): boolean;
+    private get date();
     ngOnInit(): void;
-    ngOnChanges(changes: any): void;
-    getBackgroundColor(displayValue: number, propertyValue: number): "po-calendar-box-background-selected" | "po-calendar-box-background";
-    getDayBackgroundColor(date: Date): string;
-    getDayForegroundColor(date: Date): string;
-    getForegroundColor(displayValue: number, propertyValue: number): "po-calendar-box-foreground-selected" | "po-calendar-box-foreground";
-    isTodayUnavailable(): boolean;
+    ngOnChanges(changes: SimpleChanges): void;
+    private getDateToUse;
+    private initializeData;
+    private setupOptions;
+    onHeaderDateChange(event: {
+        year: number;
+        month: number;
+    }): void;
+    private updateTemplateContext;
+    updateDate(year: number, month: number, comboComponent?: any): void;
+    onComboBlur(comboComponent?: any): void;
+    private updateDisplay;
+    private setInitialFocusedDay;
+    private ensureValidFocusedDay;
+    getDayTabIndex(day: Date, index: number): number;
     onNextMonth(): void;
     onPreviousMonth(): void;
-    onMouseEnter(day: any): void;
-    onMouseLeave(): void;
-    onSelectDate(date: Date): void;
+    updateYear(value: number): void;
     onSelectMonth(year: number, month: number): void;
     onSelectYear(year: number, month: number): void;
     selectDisplayMode(mode: 'month' | 'day' | 'year'): void;
-    updateYear(value: number): void;
-    private addAllYearsInDecade;
+    onSelectDate(date: Date): void;
+    onMouseEnter(day: any): void;
+    onMouseLeave(): void;
+    onSelectToday(): void;
+    onTodayKeydown(event: KeyboardEvent): void;
+    onHostKeydown(event: KeyboardEvent): void;
+    private restoreOriginalDisplay;
+    onTodayKeydownEnter(event: KeyboardEvent): void;
+    onTodayKeydownSpace(event: KeyboardEvent): void;
+    onDayKeydown(event: KeyboardEvent, day: Date, index: number): void;
+    private isSelectionKey;
+    private handleSelectKey;
+    private handleNavigationKey;
+    private getNextNavigationIndex;
+    private getFirstAvailableDayInWeek;
+    private getLastAvailableDayInWeek;
+    private getNavigationDirection;
+    private findNextAvailableDay;
+    private handlePageNavigation;
+    private hasAvailableDaysInMonth;
+    private applyPageNavigation;
+    private focusElement;
+    private focusOnSameDayAndWeek;
+    private queryDayElement;
+    private findTargetDayIndex;
+    private isValidCalendarDate;
+    onClear(): void;
+    getDayBackgroundColor(date: Date): string;
+    getDayForegroundColor(date: Date): string;
+    getBackgroundColor(displayValue: number, propertyValue: number): "po-calendar-box-background-selected" | "po-calendar-box-background";
+    getForegroundColor(displayValue: number, propertyValue: number): "po-calendar-box-foreground-selected" | "po-calendar-box-foreground";
+    isTodayUnavailable(): boolean;
+    isDayDisabled(date: Date): boolean;
+    private getDayColor;
+    private getRangeColor;
+    getColorForDate(date: Date, type: 'background' | 'foreground'): string;
+    getColorForDefaultDate(date: Date, type: 'background' | 'foreground'): string;
+    getColorForToday(date: Date, type: 'background' | 'foreground'): string;
+    getColorForDateRange(date: Date, type: 'background' | 'foreground'): string;
+    getColorState(date: Date, prefix: string, state: string): string;
     private equalsDate;
     private getDecadeArray;
-    private getColorForDate;
-    private getColorForDefaultDate;
-    private getColorForToday;
-    private getColorForDateRange;
-    private getDayColor;
-    private init;
-    private initializeLanguage;
-    private updateDate;
     private updateDecade;
-    private updateDisplay;
+    private addAllYearsInDecade;
+    trackByYear(index: number, year: number): number;
+    trackByMonth(index: number, month: string): number;
+    trackByDay(index: number, day: Date): string;
+    trackByWeekDay(index: number, weekDay: string): string;
 }

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

@@ -36,6 +36,7 @@ export declare class PoCalendarComponent extends PoCalendarBaseComponent impleme
         month: any;
         year: any;
     }, partType: any): void;
+    onCloseCalendar(): void;
     registerOnChange(fn: any): void;
     registerOnTouched(func: any): void;
     validate(c: AbstractControl): {
@@ -44,6 +45,8 @@ export declare class PoCalendarComponent extends PoCalendarBaseComponent impleme
     writeValue(value: any): void;
     private getValidateStartDate;
     private getValueFromSelectedDate;
+    private updateActivateDateFromHeaderChange;
+    private buildDateWithMonthYear;
     private convertDateToISO;
     private convertDateFromIso;
     private updateModel;

package/lib/components/po-calendar/services/po-calendar.lang.service.d.ts

@@ -5,6 +5,14 @@ export declare class PoCalendarLangService {
     private monthLabel;
     private yearLabel;
     private todayLabel;
+    private previousMonthLabel;
+    private nextMonthLabel;
+    readonly toCleanLabel: {
+        pt: string;
+        en: string;
+        es: string;
+        ru: string;
+    };
     getMonth(month: number): any;
     getMonthLabel(): any;
     getMonthsArray(): any[];
@@ -12,5 +20,8 @@ export declare class PoCalendarLangService {
     getWeekDaysArray(): any[];
     getYearLabel(): any;
     getTodayLabel(): any;
+    getPreviousMonthLabel(): any;
+    getNextMonthLabel(): any;
+    getToCleanLabel(): any;
     setLanguage(language: string): void;
 }

package/lib/components/po-calendar/services/po-calendar.service.d.ts

@@ -1,4 +1,9 @@
 export declare class PoCalendarService {
+    private parseDate;
+    getYearOptions(minDate?: Date | string, maxDate?: Date | string): Array<{
+        label: string;
+        value: number;
+    }>;
     monthDates(year: any, month: any, dayFormatter?: any, weekFormatter?: any): any[];
     monthDays(year: any, month: any): any[];
     weekStartDate(date: any): Date;

package/lib/components/po-field/index.d.ts

@@ -58,6 +58,7 @@ export * from './po-datepicker/po-datepicker.module';
 export * from './po-checkbox/po-checkbox.module';
 export * from './po-radio-group/po-radio-group.module';
 export * from './po-radio/po-radio.module';
+export * from './po-combo/po-combo.module';
 export * from './po-field.module';
 export * from './po-switch/index';
 export * from './po-field-container/index';

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

@@ -13,6 +13,7 @@ export declare abstract class PoCleanBaseComponent {
     inputRef: ElementRef;
     /** Valor que será atribuído ao campo quando for clicado no po-clean. */
     defaultValue?: string;
+    icon?: string;
     set size(value: string);
     get size(): string;
     /**

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

@@ -220,14 +220,15 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
      *
      * @description
      *
-     * Define que o filtro no primeiro clique será removido.
+     * Define se o filtro inicial será removido no primeiro clique do campo.
      *
-     * > Caso o combo tenha um valor padrão de inicialização, o primeiro clique
-     * no componente retornará todos os itens da lista e não apenas o item inicialiazado.
+     * Quando habilitado e o combo possui um valor padrão, o primeiro clique
+     * exibirá todos os itens da lista ao invés de apenas o item inicializado.
      *
      * @default `false`
      */
-    removeInitialFilter: boolean;
+    set removeInitialFilter(value: boolean);
+    get removeInitialFilter(): boolean;
     /**
      * @optional
      *
@@ -368,7 +369,6 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
     visibleOptions: Array<any>;
     page: number;
     pageSize: number;
-    loading: boolean;
     displayAdditionalHelp: boolean;
     dynamicLabel: string;
     dynamicValue: string;
@@ -387,6 +387,7 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
     private _filterMode?;
     private _filterParams?;
     private _literals?;
+    private _loading;
     private _options;
     private _placeholder;
     private _required?;
@@ -395,6 +396,8 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
     private language;
     private _infiniteScrollDistance?;
     private _infiniteScroll?;
+    private _removeInitialFilter;
+    private isRemoveInitialFilterSetByInput;
     private fromWriteValue;
     private validatorChange;
     /** Mensagem apresentada enquanto o campo estiver vazio. */
@@ -513,6 +516,17 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
      */
     set disabled(disabled: boolean);
     get disabled(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     * Exibe um ícone de carregamento no lado direito do campo para sinalizar que uma operação está em andamento.
+     *
+     * @default `false`
+     */
+    set loading(value: boolean);
+    get loading(): boolean;
+    get isDisabled(): boolean;
     /** Indica que a lista definida na propriedade p-options será ordenada pela descrição. */
     set sort(sort: boolean);
     get sort(): boolean;
@@ -625,6 +639,7 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
     updateSelectedValue(option: any, isUpdateModel?: boolean): void;
     callModelChange(value: any): any;
     isEqual(value: any, inputValue: any): boolean;
+    mapSizeToIcon(size: string): string;
     searchForLabel(search: string, options: Array<any>, filterMode: PoComboFilterMode): void;
     updateComboList(options?: Array<any>): void;
     getNextOption(value: any, options: Array<any>, reverse?: boolean): any;

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

@@ -0,0 +1,2 @@
+export declare class PoComboModule {
+}

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

@@ -246,6 +246,7 @@ export declare abstract class PoDatepickerBaseComponent implements ControlValueA
     private _minDate;
     private _noAutocomplete?;
     private _placeholder?;
+    private _loading?;
     private previousValue;
     private _size?;
     private subscription;
@@ -370,6 +371,17 @@ export declare abstract class PoDatepickerBaseComponent implements ControlValueA
     _locale?: string;
     set locale(value: string);
     get locale(): string;
+    /**
+     * @optional
+     *
+     * @description
+     * Exibe um ícone de carregamento no lado direito do campo para sinalizar que uma operação está em andamento.
+     *
+     * @default `false`
+     */
+    set loading(value: boolean);
+    get loading(): boolean;
+    get isDisabled(): boolean;
     /**
      * @optional
      *
@@ -393,6 +405,7 @@ export declare abstract class PoDatepickerBaseComponent implements ControlValueA
     formatToDate(value: Date): string;
     controlModel(date: Date): void;
     callOnChange(value: any, retry?: boolean): void;
+    mapSizeToIcon(size: string): string;
     setDisabledState(isDisabled: boolean): void;
     registerOnChange(func: any): void;
     registerOnTouched(func: any): void;