@po-ui/ng-components 21.7.0 → 21.8.0

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

@@ -58,7 +58,7 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
     differs: IterableDiffers;
     defaultService: PoComboFilterService;
     renderer: Renderer2;
-    private controlPosition;
+    private readonly controlPosition;
     comboOptionTemplate: PoComboOptionTemplateDirective;
     outerContainer: ElementRef;
     containerElement: ElementRef;
@@ -82,7 +82,7 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
     private eventResizeListener;
     private filterSubscription;
     private getSubscription;
-    private subscriptionScrollEvent;
+    private readonly subscriptionScrollEvent;
     constructor();
     set isServerSearching(value: boolean);
     get isServerSearching(): boolean;
@@ -170,7 +170,7 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
     private initializeListeners;
     private isAdditionalHelpEventTriggered;
     private onErrorGetObjectByValue;
-    private onScroll;
+    private readonly onScroll;
     private onErrorFilteredData;
     private open;
     private removeListeners;

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

@@ -110,8 +110,6 @@ export declare abstract class PoDatepickerBaseComponent implements ControlValueA
      */
     autoFocus: boolean;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -244,8 +242,6 @@ export declare abstract class PoDatepickerBaseComponent implements ControlValueA
      */
     keydown: EventEmitter<KeyboardEvent>;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -257,8 +253,6 @@ export declare abstract class PoDatepickerBaseComponent implements ControlValueA
      */
     poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description

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

@@ -29,8 +29,8 @@ import { PoHelperComponent } from '../../po-helper';
  * </example>
  */
 export declare class PoDatepickerComponent extends PoDatepickerBaseComponent implements AfterViewInit, OnDestroy, OnChanges {
-    private controlPosition;
-    private renderer;
+    private readonly controlPosition;
+    private readonly renderer;
     calendar: PoCalendarComponent;
     dialogPicker: ElementRef;
     iconDatepicker: PoButtonComponent;
@@ -135,7 +135,7 @@ export declare class PoDatepickerComponent extends PoDatepickerBaseComponent imp
     private isAdditionalHelpEventTriggered;
     private isFocusOnFirstCombo;
     private isFocusOnLastCombo;
-    private onScroll;
+    private readonly onScroll;
     private removeListeners;
     private setDialogPickerStyleDisplay;
     private setCalendarPosition;

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

@@ -50,7 +50,7 @@ import { PoHelperOptions } from '../../po-helper';
 export declare abstract class PoDatepickerRangeBaseComponent implements ControlValueAccessor, Validator, OnDestroy {
     protected changeDetector: ChangeDetectorRef;
     protected poDateService: PoDateService;
-    private languageService;
+    private readonly languageService;
     additionalHelpEventTrigger: string | undefined;
     name: string;
     /**
@@ -94,8 +94,6 @@ export declare abstract class PoDatepickerRangeBaseComponent implements ControlV
      */
     autoFocus: boolean;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -208,8 +206,6 @@ export declare abstract class PoDatepickerRangeBaseComponent implements ControlV
      */
     errorLimit: boolean;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -221,8 +217,6 @@ export declare abstract class PoDatepickerRangeBaseComponent implements ControlV
      */
     poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -274,7 +268,7 @@ export declare abstract class PoDatepickerRangeBaseComponent implements ControlV
     private _size?;
     private _initialSize?;
     private _placeholder;
-    private language;
+    private readonly language;
     private onChangeModel;
     private validatorChange;
     private subscription;

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

@@ -31,10 +31,10 @@ import { PoButtonComponent } from '../../po-button';
  * </example>
  */
 export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseComponent implements AfterViewInit, OnInit, OnDestroy, OnChanges {
-    private controlPosition;
-    private renderer;
-    private cd;
-    private poLanguageService;
+    private readonly controlPosition;
+    private readonly renderer;
+    private readonly cd;
+    private readonly poLanguageService;
     dateRangeField: ElementRef;
     endDateInput: ElementRef;
     startDateInput: ElementRef;
@@ -46,7 +46,7 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
     isCalendarVisible: boolean;
     private clickListener;
     private eventResizeListener;
-    private poDatepickerRangeElement;
+    private readonly poDatepickerRangeElement;
     get autocomplete(): "off" | "on";
     get enableCleaner(): boolean;
     get endDateInputName(): string;
@@ -145,7 +145,7 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
     private isEqualBeforeValue;
     private isFocusOnFirstCombo;
     private isSetFocusOnBackspace;
-    private onScroll;
+    private readonly onScroll;
     private removeFocusFromDatePickerRangeField;
     private setDateRangeInputValidation;
     private setFocus;

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

@@ -41,8 +41,8 @@ import { PoInputBaseComponent } from '../po-input/po-input-base.component';
  * </example>
  */
 export declare class PoDecimalComponent extends PoInputBaseComponent implements AfterViewInit, OnInit, OnDestroy, OnChanges {
-    private el;
-    private poLanguageService;
+    private readonly el;
+    private readonly poLanguageService;
     inputEl: ElementRef;
     id: string;
     private _decimalsLength?;
@@ -52,8 +52,8 @@ export declare class PoDecimalComponent extends PoInputBaseComponent implements
     private _max?;
     private decimalSeparator;
     private fireChange;
-    private isKeyboardAndroid;
-    private minusSign;
+    private readonly isKeyboardAndroid;
+    private readonly minusSign;
     private oldDotsLength;
     private thousandSeparator;
     private valueBeforeChange;

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

@@ -31,7 +31,7 @@ export declare class PoEmailComponent extends PoInputGeneric implements AfterVie
     type: string;
     pattern: string;
     mask: string;
-    private listener;
+    private readonly listener;
     constructor();
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;

package/lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.d.ts

@@ -32,6 +32,6 @@ export declare class PoFieldContainerBottomComponent implements OnChanges {
     poHelperComponent: import("@angular/core").InputSignal<PoHelperOptions>;
     /** Define se o componente helper estará visível através das ações customizadas */
     showHelperComponent: import("@angular/core").InputSignal<boolean>;
-    private isInitialChange;
+    private readonly isInitialChange;
     ngOnChanges(changes: SimpleChanges): void;
 }

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

@@ -47,8 +47,6 @@ export declare class PoFieldContainerComponent implements OnInit, OnChanges {
     /** Define o tamanho do componente. */
     size?: string;
     /**
-     * @Input
-     *
      * Define se o título do campo será exibido de forma compacta.
      *
      * Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:

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

@@ -98,8 +98,6 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
      */
     autoFocus: boolean;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -474,8 +472,6 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
     maskFormatModel?: boolean;
     set setMaskFormatModel(maskFormatModel: string);
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -487,8 +483,6 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
      */
     poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description

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

@@ -368,8 +368,6 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
      */
     virtualScroll?: boolean;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -381,8 +379,6 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
      */
     poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -395,8 +391,6 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
      */
     labelTextWrap: import("@angular/core").InputSignal<boolean>;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description

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

@@ -140,7 +140,7 @@ export declare abstract class PoLookupModalBaseComponent implements OnDestroy, O
     private disclaimerLabel;
     private _literals;
     private _title;
-    private language;
+    private readonly language;
     primaryAction: PoModalAction;
     secondaryAction: PoModalAction;
     /** Objeto com as literais usadas no `po-lookup-modal`. */

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

@@ -92,9 +92,9 @@ import { PoHelperComponent } from '../../po-helper';
  * </example>
  */
 export declare class PoLookupComponent extends PoLookupBaseComponent implements AfterViewInit, OnDestroy, OnInit, DoCheck, OnChanges {
-    private renderer;
-    private cd;
-    private el;
+    private readonly renderer;
+    private readonly cd;
+    private readonly el;
     helperEl?: PoHelperComponent;
     initialized: boolean;
     timeoutResize: any;

package/lib/components/po-field/po-lookup/services/po-lookup-filter.service.d.ts

@@ -10,7 +10,7 @@ import { PoLookupFilteredItemsParams } from '../interfaces/po-lookup-filtered-it
  * Serviço padrão utilizado para filtrar os dados do componente po-lookup.
  */
 export declare class PoLookupFilterService implements PoLookupFilter {
-    private httpClient;
+    private readonly httpClient;
     readonly headers: HttpHeaders;
     private url;
     private fieldValue;

package/lib/components/po-field/po-lookup/services/po-lookup-modal.service.d.ts

@@ -9,7 +9,7 @@ import { PoLookupLiterals } from '../interfaces/po-lookup-literals.interface';
  * Serviço responsável por controlar a abertura do componente Po Lookup Modal.
  */
 export declare class PoLookupModalService {
-    private poComponentInjector;
+    private readonly poComponentInjector;
     selectValueEvent: EventEmitter<any>;
     private componentRef;
     /**

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

@@ -103,8 +103,6 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
      */
     autoFocus: boolean;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -277,8 +275,6 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
      */
     listboxControlPosition: 'top' | 'bottom';
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -290,8 +286,6 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
      */
     poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -332,7 +326,7 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
     private _fieldValue?;
     private _size?;
     private _initialSize?;
-    private language;
+    private readonly language;
     private lastLengthModel;
     private onModelChange;
     private validatorChange;

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

@@ -10,7 +10,7 @@ import { PoListBoxComponent } from './../../../po-listbox/po-listbox.component';
  * Componente que construíra o dropdown, contendo o campo de pesquisa e os itens para seleção.
  */
 export declare class PoMultiselectDropdownComponent {
-    private cd;
+    private readonly cd;
     /** Propriedade que indica se deve exibir o loading. */
     isServerSearching?: boolean;
     /** Propriedade que indica se o campo de pesquisa deverá ser escondido. */

package/lib/components/po-field/po-multiselect/po-multiselect-filter.service.d.ts

@@ -2,11 +2,11 @@ import { Observable } from 'rxjs';
 import { PoMultiselectFilter } from './interfaces/po-multiselect-filter.interface';
 import { PoMultiselectOption } from './interfaces/po-multiselect-option.interface';
 export declare class PoMultiselectFilterService implements PoMultiselectFilter {
-    private http;
+    private readonly http;
     fieldLabel: string;
     fieldValue: string;
     private _url;
-    private messages;
+    private readonly messages;
     get url(): string;
     getFilteredData({ value }: any): Observable<Array<PoMultiselectOption | any>>;
     getObjectsByValues(value: Array<string | number>): Observable<Array<PoMultiselectOption | any>>;

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

@@ -48,10 +48,10 @@ import { PoHelperComponent } from '../../po-helper';
  *
  */
 export declare class PoMultiselectComponent extends PoMultiselectBaseComponent implements AfterViewInit, DoCheck, OnDestroy, OnChanges {
-    private renderer;
-    private changeDetector;
-    private el;
-    private controlPosition;
+    private readonly renderer;
+    private readonly changeDetector;
+    private readonly el;
+    private readonly controlPosition;
     defaultService: PoMultiselectFilterService;
     multiselectOptionTemplate: PoMultiselectOptionTemplateDirective;
     dropdownElement: ElementRef;
@@ -163,7 +163,7 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
     private initializeTagRemoveElements;
     private initializeListeners;
     private isAdditionalHelpEventTriggered;
-    private onScroll;
+    private readonly onScroll;
     private open;
     private removeListeners;
     private setContainerWidth;

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

@@ -1,8 +1,8 @@
 import { ElementRef, EventEmitter } from '@angular/core';
 import { PoFieldModel } from '../po-field.model';
 export declare class PoRadioComponent extends PoFieldModel<boolean> {
-    private changeDetector;
-    private renderer;
+    private readonly changeDetector;
+    private readonly renderer;
     radio: ElementRef;
     radioInput: ElementRef;
     value: boolean;

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

@@ -95,8 +95,6 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
      */
     autoFocus: boolean;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -174,8 +172,6 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
      */
     errorLimit: boolean;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -187,8 +183,6 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
      */
     poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -231,7 +225,7 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
     displayAdditionalHelp: boolean;
     mdColumns: number;
     value: any;
-    protected cd: ChangeDetectorRef;
+    protected readonly cd: ChangeDetectorRef;
     protected onTouched: any;
     private _columns;
     private _disabled?;

package/lib/components/po-field/po-radio-group/po-radio-group.component.d.ts

@@ -29,7 +29,7 @@ import { PoHelperComponent } from '../../po-helper';
  *
  */
 export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent implements AfterViewInit, DoCheck, OnChanges {
-    private el;
+    private readonly el;
     /** Label do campo. */
     label?: string;
     /** Texto de apoio do campo. */

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

@@ -122,8 +122,6 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
      */
     label?: string;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -201,8 +199,6 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
     set hideToolbarActions(actions: Array<PoRichTextToolbarActions> | PoRichTextToolbarActions);
     get hideToolbarActions(): Array<PoRichTextToolbarActions>;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -214,8 +210,6 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
      */
     poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description

package/lib/components/po-field/po-rich-text/po-rich-text-body/po-rich-text-body.component.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef, EventEmitter, OnDestroy, OnInit, OnChanges, SimpleChanges } from '@angular/core';
 export declare class PoRichTextBodyComponent implements OnInit, OnDestroy, OnChanges {
-    private richTextService;
+    private readonly richTextService;
     private readonly cd;
     bodyElement: ElementRef;
     height?: string;
@@ -52,7 +52,7 @@ export declare class PoRichTextBodyComponent implements OnInit, OnDestroy, OnCha
     private isCursorPositionedInALink;
     private isParentNodeAnchor;
     private makeLinkTag;
-    private onAnchorClick;
+    private readonly onAnchorClick;
     private removeBrElement;
     private rgbToHex;
     private toggleCursorOnLink;

package/lib/components/po-field/po-rich-text/po-rich-text-image-modal/po-rich-text-image-modal.component.d.ts

@@ -4,7 +4,7 @@ import { PoModalAction, PoModalComponent } from '../../../po-modal';
 import { PoUploadFileRestrictions } from '../../po-upload/interfaces/po-upload-file-restriction.interface';
 import { PoUploadComponent } from '../../po-upload/po-upload.component';
 export declare class PoRichTextImageModalComponent {
-    private languageService;
+    private readonly languageService;
     modal: PoModalComponent;
     modalImageForm: NgForm;
     upload: PoUploadComponent;

package/lib/components/po-field/po-rich-text/po-rich-text-link-modal/po-rich-text-link-modal.component.d.ts

@@ -2,7 +2,7 @@ import { ElementRef, EventEmitter, OnInit } from '@angular/core';
 import { NgForm } from '@angular/forms';
 import { PoModalAction, PoModalComponent } from '../../../po-modal';
 export declare class PoRichTextLinkModalComponent implements OnInit {
-    private languageService;
+    private readonly languageService;
     modal: PoModalComponent;
     modalLinkForm: NgForm;
     size: string;

package/lib/components/po-field/po-rich-text/po-rich-text-toolbar/po-rich-text-toolbar.component.d.ts

@@ -5,7 +5,7 @@ import { PoRichTextToolbarButtonGroupItem } from '../interfaces/po-rich-text-too
 import { PoRichTextImageModalComponent } from '../po-rich-text-image-modal/po-rich-text-image-modal.component';
 import { PoRichTextLinkModalComponent } from '../po-rich-text-link-modal/po-rich-text-link-modal.component';
 export declare class PoRichTextToolbarComponent implements AfterViewInit {
-    private languageService;
+    private readonly languageService;
     colorPickerInput: ElementRef;
     toolbarElement: ElementRef;
     richTextImageModal: PoRichTextImageModalComponent;

package/lib/components/po-field/po-rich-text/po-rich-text.component.d.ts

@@ -26,11 +26,11 @@ import { PoHelperComponent } from '../../po-helper';
  * </example>
  */
 export declare class PoRichTextComponent extends PoRichTextBaseComponent implements AfterViewInit, OnDestroy, OnInit, OnChanges {
-    private element;
+    private readonly element;
     bodyElement: PoRichTextBodyComponent;
     richTextToolbar: PoRichTextToolbarComponent;
     helperEl?: PoHelperComponent;
-    private listener;
+    private readonly listener;
     private modelLastUpdate;
     toolbarActions: Array<PoRichTextToolbarActions>;
     get errorMsg(): string;

package/lib/components/po-field/po-rich-text/po-rich-text.service.d.ts

@@ -1,5 +1,5 @@
 export declare class PoRichTextService {
-    private model;
+    private readonly model;
     emitModel(value: string): void;
     getModel(): import("rxjs").Observable<string>;
 }

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

@@ -75,7 +75,7 @@ import { PoHelperComponent, PoHelperOptions } from '../../po-helper';
  *
  */
 export declare class PoSelectComponent extends PoFieldValidateModel<any> implements OnChanges {
-    private el;
+    private readonly el;
     renderer: Renderer2;
     selectElement: ElementRef;
     helperEl?: PoHelperComponent;
@@ -113,8 +113,6 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
      */
     readonly: boolean;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -260,8 +258,6 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
     set size(value: string);
     get size(): string;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -273,8 +269,6 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
      */
     poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description

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

@@ -92,9 +92,6 @@ export declare class PoSwitchComponent extends PoFieldModel<any> implements Vali
     private _initialSize?;
     private statusChangesSubscription;
     /**
-     *
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -244,8 +241,6 @@ export declare class PoSwitchComponent extends PoFieldModel<any> implements Vali
     set size(value: string);
     get size(): string;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -257,8 +252,6 @@ export declare class PoSwitchComponent extends PoFieldModel<any> implements Vali
      */
     poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description

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

@@ -91,8 +91,6 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
      */
     autoFocus: boolean;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -174,8 +172,6 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
      */
     errorLimit: boolean;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description
@@ -187,8 +183,6 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
      */
     poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
     /**
-     * @Input
-     *
      * @optional
      *
      * @description

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

@@ -28,7 +28,7 @@ import { PoHelperComponent } from '../../po-helper';
  *
  */
 export declare class PoTextareaComponent extends PoTextareaBaseComponent implements AfterViewInit, OnChanges, OnDestroy {
-    private el;
+    private readonly el;
     inputEl: ElementRef;
     helperEl?: PoHelperComponent;
     id: string;