@po-ui/ng-components 21.7.0 → 21.8.0

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

@@ -8,10 +8,10 @@ import { PoNavbarItemsComponent } from './po-navbar-items/po-navbar-items.compon
  * @docsExtends PoNavbarBaseComponent
  */
 export declare class PoNavbarComponent extends PoNavbarBaseComponent implements AfterViewInit, OnDestroy, OnInit {
-    private renderer;
-    private builder;
-    private changeDetector;
-    private menuGlobalService;
+    private readonly renderer;
+    private readonly builder;
+    private readonly changeDetector;
+    private readonly menuGlobalService;
     navbarItemsElement: ElementRef;
     navbarItems: PoNavbarItemsComponent;
     disableRight: boolean;
@@ -19,11 +19,11 @@ export declare class PoNavbarComponent extends PoNavbarBaseComponent implements
     protected windowResizeListener: () => void;
     private _menuComponent;
     private isNavbarUpdateMenu;
-    private id;
+    private readonly id;
     private mediaQuery;
     private offset;
     private player;
-    private menuItems;
+    private readonly menuItems;
     private previousMenuComponentId;
     private previousMenusItems;
     private applicationMenuSubscription;
@@ -50,7 +50,7 @@ export declare class PoNavbarComponent extends PoNavbarBaseComponent implements
     private navbarItemsWidth;
     private navigateLeft;
     private navigateRight;
-    private onMediaQueryChange;
+    private readonly onMediaQueryChange;
     private setOffsetToZero;
     private validateMaxOffset;
 }

package/lib/components/po-page/po-page-default/po-page-default.component.d.ts

@@ -23,12 +23,12 @@ import { PoPageDefaultBaseComponent } from './po-page-default-base.component';
  * </example>
  */
 export declare class PoPageDefaultComponent extends PoPageDefaultBaseComponent implements AfterContentInit, OnChanges {
-    private renderer;
-    private router;
+    private readonly renderer;
+    private readonly router;
     limitPrimaryActions: number;
     dropdownActions: Array<PoPageAction>;
     isMobile: boolean;
-    private maxWidthMobile;
+    private readonly maxWidthMobile;
     constructor();
     ngAfterContentInit(): void;
     ngOnChanges(changes: {

package/lib/components/po-page/po-page-detail/po-page-detail-base.component.d.ts

@@ -70,7 +70,7 @@ export declare class PoPageDetailBaseComponent {
     private _initialComponentsSize?;
     private _literals;
     private _title;
-    private language;
+    private readonly language;
     /**
      * @optional
      *

package/lib/components/po-page/po-page-edit/po-page-edit-base.component.d.ts

@@ -76,7 +76,7 @@ export declare class PoPageEditBaseComponent {
     private _initialComponentsSize?;
     private _literals;
     private _title;
-    private language;
+    private readonly language;
     /**
      * @optional
      *

package/lib/components/po-page/po-page-list/po-page-list.component.d.ts

@@ -27,8 +27,8 @@ import { PoPageListBaseComponent } from './po-page-list-base.component';
  */
 export declare class PoPageListComponent extends PoPageListBaseComponent implements AfterContentInit, OnChanges, OnDestroy, OnInit {
     renderer: Renderer2;
-    private router;
-    private changeDetector;
+    private readonly router;
+    private readonly changeDetector;
     filterInput: ElementRef;
     advancedSearch: string;
     dropdownActions: Array<PoPageAction>;
@@ -36,7 +36,7 @@ export declare class PoPageListComponent extends PoPageListBaseComponent impleme
     limitPrimaryActions: number;
     callFunction: typeof callFunction;
     private isRecalculate;
-    private maxWidthMobile;
+    private readonly maxWidthMobile;
     constructor();
     ngOnInit(): void;
     ngAfterContentInit(): void;

package/lib/components/po-page/po-page-slide/po-page-slide.component.d.ts

@@ -29,12 +29,12 @@ export declare const poPageSlideLiteralsDefault: {
  * </example>
  */
 export declare class PoPageSlideComponent extends PoPageSlideBaseComponent {
-    private poActiveOverlayService;
-    private languageService;
+    private readonly poActiveOverlayService;
+    private readonly languageService;
     private _pageContent;
     private firstElement;
-    private id;
-    private loadingCompleted;
+    private readonly id;
+    private readonly loadingCompleted;
     private sourceElement;
     buttonAriaLabel: string;
     duration: string;

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

@@ -146,8 +146,6 @@ export declare class PoPopoverBaseComponent {
     set trigger(value: string);
     get trigger(): string;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description

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

@@ -23,7 +23,7 @@ import { PoPopoverBaseComponent } from './po-popover-base.component';
  * </example>
  */
 export declare class PoPopoverComponent extends PoPopoverBaseComponent implements AfterViewInit, OnDestroy, OnChanges {
-    private renderer;
+    private readonly renderer;
     private readonly poControlPosition;
     private readonly cd;
     popoverElement: ElementRef;
@@ -38,6 +38,7 @@ export declare class PoPopoverComponent extends PoPopoverBaseComponent implement
     eventListenerFunction: () => void;
     private readonly tabbableSelector;
     constructor(renderer: Renderer2, poControlPosition: PoControlPositionService, cd: ChangeDetectorRef);
+    protected onThemeChange(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     initEvents(): void;

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

@@ -26,9 +26,9 @@ import { PoPopupBaseComponent } from './po-popup-base.component';
  */
 export declare class PoPopupComponent extends PoPopupBaseComponent implements AfterViewInit {
     id: string;
-    private renderer;
-    private router;
-    private poControlPosition;
+    private readonly renderer;
+    private readonly router;
+    private readonly poControlPosition;
     changeDetector: ChangeDetectorRef;
     popupRef: ElementRef;
     listbox: ElementRef;
@@ -65,7 +65,7 @@ export declare class PoPopupComponent extends PoPopupBaseComponent implements Af
     private elementContains;
     private hasContentToShow;
     private initializeListeners;
-    private onScroll;
+    private readonly onScroll;
     private openUrl;
     private removeListeners;
     private setPosition;

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

@@ -26,8 +26,8 @@ export declare class PoProgressComponent extends PoProgressBaseComponent impleme
     get isAllowInfoError(): boolean;
     get isAllowRetry(): boolean;
     get statusClass(): string;
-    private poLanguageService;
-    private router;
+    private readonly poLanguageService;
+    private readonly router;
     ngOnInit(): void;
     emitCancellation(): void;
     emitRetry(): void;

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

@@ -44,9 +44,6 @@ import { PoSkeletonVariant } from './enums/po-skeleton-variant.enum';
  */
 export declare class PoSkeletonBaseComponent {
     /**
-     *
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -63,9 +60,6 @@ export declare class PoSkeletonBaseComponent {
      */
     variant: import("@angular/core").InputSignal<PoSkeletonVariant>;
     /**
-     *
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -81,9 +75,6 @@ export declare class PoSkeletonBaseComponent {
      */
     type: import("@angular/core").InputSignal<PoSkeletonType>;
     /**
-     *
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -99,9 +90,6 @@ export declare class PoSkeletonBaseComponent {
      */
     animation: import("@angular/core").InputSignal<PoSkeletonAnimation>;
     /**
-     *
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -122,9 +110,6 @@ export declare class PoSkeletonBaseComponent {
      */
     size: import("@angular/core").InputSignal<PoSkeletonSize>;
     /**
-     *
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -138,8 +123,6 @@ export declare class PoSkeletonBaseComponent {
      */
     width: import("@angular/core").InputSignal<string>;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -151,9 +134,6 @@ export declare class PoSkeletonBaseComponent {
      */
     height: import("@angular/core").InputSignal<string>;
     /**
-     *
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -165,9 +145,6 @@ export declare class PoSkeletonBaseComponent {
      */
     borderRadius: import("@angular/core").InputSignal<string>;
     /**
-     *
-     * @Input
-     *
      * @optional
      *
      * @description

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

@@ -32,10 +32,10 @@ import { PoSlideItem } from './interfaces/po-slide-item.interface';
  * </example>
  */
 export declare class PoSlideComponent extends PoSlideBaseComponent implements OnInit, DoCheck, OnChanges, OnDestroy {
-    private builder;
+    private readonly builder;
     slideContentTemplate: PoSlideContentTemplateDirective;
-    private slide;
-    private itemsElements;
+    private readonly slide;
+    private readonly itemsElements;
     currentSlideIndex: number;
     imageHeight: number;
     slideItems: Array<PoSlideItem | any>;
@@ -43,7 +43,7 @@ export declare class PoSlideComponent extends PoSlideBaseComponent implements On
     private isLoaded;
     private player;
     private setInterval;
-    private resize$;
+    private readonly resize$;
     private resizeSubscription;
     private get hasElements();
     private get isImageSlide();

package/lib/components/po-stepper/po-step/po-step.component.d.ts

@@ -39,7 +39,7 @@ import { PoStepperStatus } from '../enums/po-stepper-status.enum';
  * e exemplos de uso.
  */
 export declare class PoStepComponent implements AfterContentInit {
-    private elementRef;
+    private readonly elementRef;
     /**
      * @optional
      *

package/lib/components/po-stepper/po-stepper-label/po-stepper-label.component.d.ts

@@ -7,8 +7,8 @@ import { AfterViewInit, ElementRef, OnChanges, SimpleChanges } from '@angular/co
  * Componente responsável por exibir as legendas dos *steps*.
  */
 export declare class PoStepperLabelComponent implements AfterViewInit, OnChanges {
-    private renderer;
-    private changeDetectorRef;
+    private readonly renderer;
+    private readonly changeDetectorRef;
     alignCenter: boolean;
     content: string;
     status: string;
@@ -17,7 +17,7 @@ export declare class PoStepperLabelComponent implements AfterViewInit, OnChanges
     disabledClick: boolean;
     displayedContent: string;
     tooltipContent: string;
-    private maxLabelLength;
+    private readonly maxLabelLength;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     onMouseOver(): void;

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

@@ -34,7 +34,7 @@ import { PoStepperItem } from './po-stepper-item.interface';
  * </example>
  */
 export declare class PoStepperComponent extends PoStepperBaseComponent implements AfterContentInit {
-    private changeDetector;
+    private readonly changeDetector;
     poSteps: QueryList<PoStepComponent>;
     private currentActiveStep;
     private previousActiveStepIndex;

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

@@ -71,8 +71,8 @@ export declare const poTableLiteralsDefault: {
  *
  */
 export declare abstract class PoTableBaseComponent implements OnChanges, OnDestroy {
-    private poDate;
-    private poTableService;
+    private readonly poDate;
+    private readonly poTableService;
     /**
      * @optional
      *
@@ -389,7 +389,7 @@ export declare abstract class PoTableBaseComponent implements OnChanges, OnDestr
     private _literals;
     private _loading?;
     private _selectable?;
-    private language;
+    private readonly language;
     private _serviceApi;
     private _serviceDeleteApi;
     private poTableServiceSubscription;

package/lib/components/po-table/po-table-column-frozen/po-table-column-frozen.directive.d.ts

@@ -1,7 +1,7 @@
 import { AfterViewInit, ElementRef, Renderer2, OnChanges, SimpleChanges } from '@angular/core';
 export declare class PoTableColumnFrozenDirective implements AfterViewInit, OnChanges {
-    private el;
-    private renderer;
+    private readonly el;
+    private readonly renderer;
     _frozen: boolean;
     get frozen(): boolean;
     set frozen(val: boolean);

package/lib/components/po-table/po-table-column-manager/po-table-column-manager.component.d.ts

@@ -23,7 +23,7 @@ export declare const poTableColumnManagerLiteralsDefault: {
     };
 };
 export declare class PoTableColumnManagerComponent implements OnChanges, OnDestroy {
-    private renderer;
+    private readonly renderer;
     popover: PoPopoverComponent;
     pageSlideColumnsManager: PoPageSlideComponent;
     columns: Array<PoTableColumn>;
@@ -43,7 +43,7 @@ export declare class PoTableColumnManagerComponent implements OnChanges, OnDestr
     private resizeListener;
     private restoreDefaultEvent;
     private lastEmittedValue;
-    private minColumns;
+    private readonly minColumns;
     private _componentsSize?;
     /**
      * @optional

package/lib/components/po-table/po-table-detail/po-table-detail.component.d.ts

@@ -10,7 +10,7 @@ import { PoTableDetail } from './po-table-detail.interface';
  * Componente responsável por apresentar o detalhe de cada linha da tabela.
  */
 export declare class PoTableDetailComponent {
-    private decimalPipe;
+    private readonly decimalPipe;
     private _componentsSize?;
     /**
      * @optional

package/lib/components/po-table/po-table-list-manager/po-table-list-manager.component.d.ts

@@ -31,8 +31,8 @@ export declare const poTableListManagerLiterals: {
 type Direction = 'up' | 'down';
 export declare class PoTableListManagerComponent extends PoCheckboxGroupComponent {
     private _componentsSize?;
-    private changePosition;
-    private changeColumnFixed;
+    private readonly changePosition;
+    private readonly changeColumnFixed;
     columnsManager: Array<PoTableColumn>;
     /**
      * @optional

package/lib/components/po-table/po-table-subtitle-circle/po-table-subtitle-circle.component.d.ts

@@ -8,7 +8,7 @@ import { PoTableSubtitleColumn } from './../po-table-subtitle-footer/po-table-su
  * Componente para a criação da representação da legenda, em formato de círculo.
  */
 export declare class PoTableSubtitleCircleComponent {
-    private poColorPaletteService;
+    private readonly poColorPaletteService;
     /** Esconde a tooltip. */
     hideTitle: boolean;
     private _subtitle;

package/lib/components/po-table/po-table-subtitle-footer/po-table-subtitle-footer.component.d.ts

@@ -8,7 +8,7 @@ import { PoTableSubtitleColumn } from './po-table-subtitle-column.interface';
  * Componente para a criação de um conjunto de legendas.
  */
 export declare class PoTableSubtitleFooterComponent implements AfterViewInit, DoCheck, OnDestroy {
-    private element;
+    private readonly element;
     renderer: Renderer2;
     /** Define o tamanho dos elementos que possuem `p-size` dentro do componente. */
     componentsSize: string;

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

@@ -70,8 +70,8 @@ import { PoTableColumnSpacing } from './enums/po-table-spacing.enum';
  * </example>
  */
 export declare class PoTableComponent extends PoTableBaseComponent implements AfterViewInit, DoCheck, OnDestroy, OnInit {
-    private changeDetector;
-    private decimalPipe;
+    private readonly changeDetector;
+    private readonly decimalPipe;
     private readonly defaultService;
     tableRowTemplate: PoTableRowTemplateDirective;
     tableCellTemplate: PoTableCellTemplateDirective;
@@ -111,15 +111,15 @@ export declare class PoTableComponent extends PoTableBaseComponent implements Af
     confirm: PoModalAction;
     private _columnManagerTarget;
     private _columnManagerTargetFixed;
-    private differ;
+    private readonly differ;
     private footerHeight;
     private timeoutResize;
     private visibleElement;
     private scrollEvent$;
     private subscriptionScrollEvent;
-    private subscriptionService;
-    private clickListener;
-    private resizeListener;
+    private readonly subscriptionService;
+    private readonly clickListener;
+    private readonly resizeListener;
     set columnManagerTarget(value: ElementRef);
     get columnManagerTarget(): ElementRef;
     set columnManagerTargetFixed(value: ElementRef);

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

@@ -3,7 +3,7 @@ import { Observable } from 'rxjs';
 import { PoTableFilter } from '../interfaces/po-table-filter.interface';
 import { PoTableFilteredItemsParams } from '../interfaces/po-table-filtered-items-params.interface';
 export declare class PoTableService implements PoTableFilter {
-    private http;
+    private readonly http;
     readonly headers: HttpHeaders;
     private url;
     private urlDelete;

package/lib/components/po-tabs/po-tab/po-tab-base.component.d.ts

@@ -24,6 +24,8 @@ export declare abstract class PoTabBaseComponent {
      * @default `false`
      */
     hideClose: boolean;
+    /** ID da Tab */
+    id: string;
     /** Método disparado ao clicar na aba. */
     click: EventEmitter<any>;
     /**
@@ -37,7 +39,15 @@ export declare abstract class PoTabBaseComponent {
      *
      */
     closeTab: EventEmitter<any>;
-    id?: string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento emitido quando a aba é ativada.
+     * Emite a instância do componente da aba que foi ativada.
+     */
+    activatedTab: import("@angular/core").OutputEmitterRef<PoTabBaseComponent>;
     private _active?;
     private _disabled?;
     private _hide?;

package/lib/components/po-tabs/po-tab/po-tab.component.d.ts

@@ -5,7 +5,7 @@ import { PoTabBaseComponent } from './po-tab-base.component';
  */
 export declare class PoTabComponent extends PoTabBaseComponent implements AfterContentInit, OnChanges {
     elementRef: ElementRef<any>;
-    private tabsService;
+    private readonly tabsService;
     removed: boolean;
     showTooltip: boolean;
     ngAfterContentInit(): void;

package/lib/components/po-tabs/po-tab-button/po-tab-button.component.d.ts

@@ -8,7 +8,7 @@ import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges,
  */
 export declare class PoTabButtonComponent implements OnChanges, AfterViewInit {
     changeDetector: ChangeDetectorRef;
-    private elementRef;
+    private readonly elementRef;
     tabButtom: ElementRef;
     disabled: boolean;
     id: string;

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

@@ -11,7 +11,7 @@ import { PoTabComponent } from '../po-tab/po-tab.component';
  * no formato de lista.
  */
 export declare class PoTabDropdownComponent implements AfterViewInit {
-    private elementRef;
+    private readonly elementRef;
     popover: PoPopoverComponent;
     button: PoButtonComponent;
     label: string;

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

@@ -49,8 +49,8 @@ export declare const poTabsLiterals: object;
  */
 export declare class PoTabsComponent extends PoTabsBaseComponent implements OnInit, AfterViewInit, OnDestroy, AfterContentInit {
     changeDetector: ChangeDetectorRef;
-    private languageService;
-    private tabsService;
+    private readonly languageService;
+    private readonly tabsService;
     tabsChildren: QueryList<PoTabComponent>;
     tabButton: QueryList<any>;
     tabDropdown: PoTabDropdownComponent;
@@ -118,4 +118,24 @@ export declare class PoTabsComponent extends PoTabsBaseComponent implements OnIn
     private handleHomeKey;
     private handleEndKey;
     private handleArrowRight;
+    /**
+     * Ativa a aba correspondente ao `id` informado.
+     *
+     * Para utilizá-la é necessário ter a instância do componente no DOM, podendo ser utilizado o ViewChild da seguinte forma:
+     *
+     * ```
+     * import { PoTabsComponent } from '@po-ui/ng-components';
+     *
+     * ...
+     *
+     * @ViewChild('poTab', { static: true }) poTab: PoTabsComponent;
+     *
+     * focusOnTab() {
+     *   this.poTab.activateTab('meu-id-da-aba');
+     * }
+     * ```
+     *
+     * @param id Identificador único da aba a ser ativada.
+     */
+    activateTab(id: string): void;
 }

package/lib/components/po-tabs/po-tabs.service.d.ts

@@ -1,7 +1,7 @@
 import { PoTabComponent } from './po-tab/po-tab.component';
 export declare class PoTabsService {
-    private onChangesTriggeredSource;
-    private onChangesTriggeredActiveSource;
+    private readonly onChangesTriggeredSource;
+    private readonly onChangesTriggeredActiveSource;
     onChangesTriggered$: import("rxjs").Observable<any>;
     triggerActiveOnChanges$: import("rxjs").Observable<any>;
     triggerOnChanges(tab?: PoTabComponent): void;

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

@@ -132,7 +132,7 @@ export declare class PoTagBaseComponent {
     private _orientation?;
     private _type?;
     private _literals;
-    private language;
+    private readonly language;
     /**
      * @optional
      *

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

@@ -22,7 +22,7 @@ import { PoTagBaseComponent } from './po-tag-base.component';
  * </example>
  */
 export declare class PoTagComponent extends PoTagBaseComponent implements OnInit {
-    private el;
+    private readonly el;
     tagContainer: ElementRef;
     tagClose: ElementRef;
     poTag: ElementRef;
@@ -40,7 +40,7 @@ export declare class PoTagComponent extends PoTagBaseComponent implements OnInit
     } | {
         'background-color'?: undefined;
     };
-    private applyTextColorByContrast;
+    private readonly applyTextColorByContrast;
     getWidthTag(): boolean;
     setAriaLabel(): string;
     private onRemove;

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

@@ -51,7 +51,7 @@ import { PoToaster } from './interface/po-toaster.interface';
  *
  */
 export declare abstract class PoToasterBaseComponent {
-    private _isHide;
+    private readonly _isHide;
     private _sizeActions;
     private _initialSizeActions;
     /**

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

@@ -20,7 +20,7 @@ import { PoToasterBaseComponent } from './po-toaster-base.component';
  */
 export declare class PoToasterComponent extends PoToasterBaseComponent implements AfterViewInit, OnDestroy, OnChanges {
     changeDetector: ChangeDetectorRef;
-    private renderer;
+    private readonly renderer;
     toaster: ElementRef;
     buttonClose: PoButtonComponent;
     alive: boolean;

package/lib/components/po-toolbar/po-toolbar-notification/po-toolbar-notification.component.d.ts

@@ -14,7 +14,7 @@ import { PoToolbarAction } from '../po-toolbar-action.interface';
  * ícone de notificações.
  */
 export declare class PoToolbarNotificationComponent implements AfterViewInit {
-    private cdr;
+    private readonly cdr;
     notificationRef: ElementRef;
     notificationActions?: Array<PoToolbarAction>;
     private _notificationNumber?;

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

@@ -21,7 +21,7 @@ import { PoToolbarBaseComponent } from './po-toolbar-base.component';
  * </example>
  */
 export declare class PoToolbarComponent extends PoToolbarBaseComponent implements OnInit {
-    private titleService;
+    private readonly titleService;
     ngOnInit(): void;
     private setTitle;
 }

package/lib/components/po-tree-view/po-tree-view-item/po-tree-view-item.component.d.ts

@@ -1,6 +1,6 @@
 import { PoTreeViewItem } from './po-tree-view-item.interface';
 export declare class PoTreeViewItemComponent {
-    private treeViewService;
+    private readonly treeViewService;
     componentsSize: string;
     item: PoTreeViewItem;
     selectable: boolean;

package/lib/components/po-tree-view/po-tree-view.component.d.ts

@@ -26,7 +26,7 @@ import { PoTreeViewBaseComponent } from './po-tree-view-base.component';
  * </example>
  */
 export declare class PoTreeViewComponent extends PoTreeViewBaseComponent implements OnInit, OnChanges {
-    private treeViewService;
+    private readonly treeViewService;
     get hasItems(): boolean;
     ngOnInit(): void;
     ngOnChanges(changes?: SimpleChanges): void;