@po-ui/ng-components 5.22.0 → 5.22.4

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

@@ -1,223 +1,223 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
-import { PoMask } from '../po-input/po-mask';
-import { PoDatepickerIsoFormat } from './enums/po-datepicker-iso-format.enum';
-import { PoLanguageService } from '../../../services/po-language/po-language.service';
-/**
- * @description
- *
- * O `po-datepicker` é um componente específico para manipulação de datas permitindo a digitação e / ou seleção.
- *
- * O formato de exibição da data, ou seja, o formato que é apresentado ao usuário é o dd/mm/yyyy,
- * mas podem ser definidos outros padrões (veja mais na propriedade `p-format`).
- *
- * O idioma padrão do calendário será exibido de acordo com o navegador, caso tenha necessidade de alterar
- * use a propriedade `p-locale`.
- *
- * O datepicker aceita três formatos de data: o E8601DZw (yyyy-mm-ddThh:mm:ss+|-hh:mm), o E8601DAw (yyyy-mm-dd) e o
- * Date padrão do Javascript.
- *
- * > Por padrão, o formato de saída do *model* se ajustará conforme o formato de entrada. Se por acaso precisar controlar o valor de saída,
- * a propriedade `p-iso-format` provê esse controle independentemente do formato de entrada. Veja abaixo os formatos disponíveis:
- *
- * - Formato de entrada e saída (E8601DZw) - `'2017-11-28T00:00:00-02:00'`;
- *
- * - Formato de entrada e saída (E8601DAw) - `'2017-11-28'`;
- *
- * - Formato de entrada (Date) - `new Date(2017, 10, 28)` e saída (E8601DAw) - `'2017-11-28'`;
- *
- * **Importante:**
- *
- * - Para utilizar datas com ano inferior a 100, verificar o comportamento do [`new Date`](https://www.w3schools.com/js/js_dates.asp)
- * e utilizar o método [`setFullYear`](https://www.w3schools.com/jsref/jsref_setfullyear.asp).
- * - Caso a data esteja inválida, o `model` receberá **'Data inválida'**.
- * - Caso o `input` esteja passando um `[(ngModel)]`, mas não tenha um `name`, então irá ocorrer um erro
- * do próprio Angular (`[ngModelOptions]="{standalone: true}"`).
- *
- * Exemplo:
- *
- * ```
- * <po-datepicker
- *   [(ngModel)]="pessoa.nome"
- *   [ngModelOptions]="{standalone: true}"
- * </po-datepicker>
- * ```
- *
- * > Não esqueça de importar o `FormsModule` em seu módulo, tal como para utilizar o `input default`.
- */
-export declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor, OnInit, Validator {
-    private languageService;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Aplica foco no elemento ao ser iniciado.
-     *
-     * > Caso mais de um elemento seja configurado com essa propriedade, apenas o último elemento declarado com ela terá o foco.
-     *
-     * @default `false`
-     */
-    autoFocus: boolean;
-    name: string;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Define se a indicação de campo opcional será exibida.
-     *
-     * > Não será exibida a indicação se:
-     * - O campo conter `p-required`;
-     * - Não possuir `p-help` e/ou `p-label`.
-     *
-     * @default `false`
-     */
-    optional: boolean;
-    /**
-     * Mensagem apresentada quando a data for inválida ou fora do período.
-     *
-     * > Esta mensagem não é apresentada quando o campo estiver vazio, mesmo que ele seja obrigatório.
-     */
-    errorPattern?: string;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Evento disparado ao sair do campo.
-     */
-    onblur: EventEmitter<any>;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Evento disparado ao alterar valor do campo.
-     */
-    onchange: EventEmitter<any>;
-    protected firstStart: boolean;
-    protected hour: string;
-    protected isExtendedISO: boolean;
-    protected objMask: any;
-    protected onChangeModel: any;
-    protected validatorChange: any;
-    protected onTouchedModel: any;
-    private _format?;
-    private _isoFormat;
-    private _maxDate;
-    private _minDate;
-    private _noAutocomplete?;
-    private _placeholder?;
-    private shortLanguage;
-    private previousValue;
-    private _date;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Define a propriedade nativa `autocomplete` do campo como `off`.
-     *
-     * @default `false`
-     */
-    set noAutocomplete(value: boolean);
-    get noAutocomplete(): boolean;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Mensagem que aparecerá enquanto o campo não estiver preenchido.
-     */
-    set placeholder(placeholder: string);
-    get placeholder(): string;
-    /** Desabilita o campo. */
-    disabled?: boolean;
-    set setDisabled(disabled: string);
-    /** Torna o elemento somente leitura. */
-    readonly?: boolean;
-    set setReadonly(readonly: string);
-    /** Faz com que o campo seja obrigatório. */
-    required?: boolean;
-    set setRequired(required: string);
-    /** Habilita ação para limpar o campo. */
-    clean?: boolean;
-    set setClean(clean: string);
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Define uma data mínima para o `po-datepicker`.
-     */
-    set minDate(value: string | Date);
-    get minDate(): string | Date;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Define uma data máxima para o `po-datepicker`.
-     */
-    set maxDate(value: string | Date);
-    get maxDate(): string | Date;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Formato de exibição da data.
-     *
-     * Valores válidos:
-     *  - `dd/mm/yyyy`
-     *  - `mm/dd/yyyy`
-     *  - `yyyy/mm/dd`
-     *
-     * @default `dd/mm/yyyy`
-     */
-    set format(value: string);
-    get format(): string;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Padrão de formatação para saída do *model*, independentemente do formato de entrada.
-     *
-     * > Veja os valores válidos no *enum* `PoDatepickerIsoFormat`.
-     */
-    set isoFormat(value: PoDatepickerIsoFormat);
-    get isoFormat(): PoDatepickerIsoFormat;
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Idioma do Datepicker.
-     *
-     * > O locale padrão sera recuperado com base no [`PoI18nService`](/documentation/po-i18n) ou *browser*.
-     */
-    _locale?: string;
-    set locale(value: string);
-    get locale(): string;
-    constructor(languageService: PoLanguageService);
-    set date(value: any);
-    get date(): any;
-    ngOnInit(): void;
-    getDateFromString(dateString: string): Date;
-    formatToDate(value: Date): string;
-    controlModel(date: Date): void;
-    callOnChange(value: any, retry?: boolean): void;
-    setDisabledState(isDisabled: boolean): void;
-    registerOnChange(func: any): void;
-    registerOnTouched(func: any): void;
-    registerOnValidatorChange(fn: () => void): void;
-    validate(c: AbstractControl): {
-        [key: string]: any;
-    };
-    protected validateModel(model: any): void;
-    protected buildMask(): PoMask;
-    abstract writeValue(value: any): void;
-    abstract refreshValue(value: Date): void;
-}
+import { EventEmitter, OnInit } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
+import { PoMask } from '../po-input/po-mask';
+import { PoDatepickerIsoFormat } from './enums/po-datepicker-iso-format.enum';
+import { PoLanguageService } from '../../../services/po-language/po-language.service';
+/**
+ * @description
+ *
+ * O `po-datepicker` é um componente específico para manipulação de datas permitindo a digitação e / ou seleção.
+ *
+ * O formato de exibição da data, ou seja, o formato que é apresentado ao usuário é o dd/mm/yyyy,
+ * mas podem ser definidos outros padrões (veja mais na propriedade `p-format`).
+ *
+ * O idioma padrão do calendário será exibido de acordo com o navegador, caso tenha necessidade de alterar
+ * use a propriedade `p-locale`.
+ *
+ * O datepicker aceita três formatos de data: o E8601DZw (yyyy-mm-ddThh:mm:ss+|-hh:mm), o E8601DAw (yyyy-mm-dd) e o
+ * Date padrão do Javascript.
+ *
+ * > Por padrão, o formato de saída do *model* se ajustará conforme o formato de entrada. Se por acaso precisar controlar o valor de saída,
+ * a propriedade `p-iso-format` provê esse controle independentemente do formato de entrada. Veja abaixo os formatos disponíveis:
+ *
+ * - Formato de entrada e saída (E8601DZw) - `'2017-11-28T00:00:00-02:00'`;
+ *
+ * - Formato de entrada e saída (E8601DAw) - `'2017-11-28'`;
+ *
+ * - Formato de entrada (Date) - `new Date(2017, 10, 28)` e saída (E8601DAw) - `'2017-11-28'`;
+ *
+ * **Importante:**
+ *
+ * - Para utilizar datas com ano inferior a 100, verificar o comportamento do [`new Date`](https://www.w3schools.com/js/js_dates.asp)
+ * e utilizar o método [`setFullYear`](https://www.w3schools.com/jsref/jsref_setfullyear.asp).
+ * - Caso a data esteja inválida, o `model` receberá **'Data inválida'**.
+ * - Caso o `input` esteja passando um `[(ngModel)]`, mas não tenha um `name`, então irá ocorrer um erro
+ * do próprio Angular (`[ngModelOptions]="{standalone: true}"`).
+ *
+ * Exemplo:
+ *
+ * ```
+ * <po-datepicker
+ *   [(ngModel)]="pessoa.nome"
+ *   [ngModelOptions]="{standalone: true}"
+ * </po-datepicker>
+ * ```
+ *
+ * > Não esqueça de importar o `FormsModule` em seu módulo, tal como para utilizar o `input default`.
+ */
+export declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor, OnInit, Validator {
+    private languageService;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Aplica foco no elemento ao ser iniciado.
+     *
+     * > Caso mais de um elemento seja configurado com essa propriedade, apenas o último elemento declarado com ela terá o foco.
+     *
+     * @default `false`
+     */
+    autoFocus: boolean;
+    name: string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define se a indicação de campo opcional será exibida.
+     *
+     * > Não será exibida a indicação se:
+     * - O campo conter `p-required`;
+     * - Não possuir `p-help` e/ou `p-label`.
+     *
+     * @default `false`
+     */
+    optional: boolean;
+    /**
+     * Mensagem apresentada quando a data for inválida ou fora do período.
+     *
+     * > Esta mensagem não é apresentada quando o campo estiver vazio, mesmo que ele seja obrigatório.
+     */
+    errorPattern?: string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado ao sair do campo.
+     */
+    onblur: EventEmitter<any>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado ao alterar valor do campo.
+     */
+    onchange: EventEmitter<any>;
+    protected firstStart: boolean;
+    protected hour: string;
+    protected isExtendedISO: boolean;
+    protected objMask: any;
+    protected onChangeModel: any;
+    protected validatorChange: any;
+    protected onTouchedModel: any;
+    private _format?;
+    private _isoFormat;
+    private _maxDate;
+    private _minDate;
+    private _noAutocomplete?;
+    private _placeholder?;
+    private shortLanguage;
+    private previousValue;
+    private _date;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define a propriedade nativa `autocomplete` do campo como `off`.
+     *
+     * @default `false`
+     */
+    set noAutocomplete(value: boolean);
+    get noAutocomplete(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Mensagem que aparecerá enquanto o campo não estiver preenchido.
+     */
+    set placeholder(placeholder: string);
+    get placeholder(): string;
+    /** Desabilita o campo. */
+    disabled?: boolean;
+    set setDisabled(disabled: string);
+    /** Torna o elemento somente leitura. */
+    readonly?: boolean;
+    set setReadonly(readonly: string);
+    /** Faz com que o campo seja obrigatório. */
+    required?: boolean;
+    set setRequired(required: string);
+    /** Habilita ação para limpar o campo. */
+    clean?: boolean;
+    set setClean(clean: string);
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define uma data mínima para o `po-datepicker`.
+     */
+    set minDate(value: string | Date);
+    get minDate(): string | Date;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define uma data máxima para o `po-datepicker`.
+     */
+    set maxDate(value: string | Date);
+    get maxDate(): string | Date;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Formato de exibição da data.
+     *
+     * Valores válidos:
+     *  - `dd/mm/yyyy`
+     *  - `mm/dd/yyyy`
+     *  - `yyyy/mm/dd`
+     *
+     * @default `dd/mm/yyyy`
+     */
+    set format(value: string);
+    get format(): string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Padrão de formatação para saída do *model*, independentemente do formato de entrada.
+     *
+     * > Veja os valores válidos no *enum* `PoDatepickerIsoFormat`.
+     */
+    set isoFormat(value: PoDatepickerIsoFormat);
+    get isoFormat(): PoDatepickerIsoFormat;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Idioma do Datepicker.
+     *
+     * > O locale padrão sera recuperado com base no [`PoI18nService`](/documentation/po-i18n) ou *browser*.
+     */
+    _locale?: string;
+    set locale(value: string);
+    get locale(): string;
+    constructor(languageService: PoLanguageService);
+    set date(value: any);
+    get date(): any;
+    ngOnInit(): void;
+    getDateFromString(dateString: string): Date;
+    formatToDate(value: Date): string;
+    controlModel(date: Date): void;
+    callOnChange(value: any, retry?: boolean): void;
+    setDisabledState(isDisabled: boolean): void;
+    registerOnChange(func: any): void;
+    registerOnTouched(func: any): void;
+    registerOnValidatorChange(fn: () => void): void;
+    validate(c: AbstractControl): {
+        [key: string]: any;
+    };
+    protected validateModel(model: any): void;
+    protected buildMask(): PoMask;
+    abstract writeValue(value: any): void;
+    abstract refreshValue(value: Date): void;
+}

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

@@ -1,101 +1,101 @@
-import { AfterViewInit, ElementRef, OnDestroy, Renderer2 } from '@angular/core';
-import { PoControlPositionService } from './../../../services/po-control-position/po-control-position.service';
-import { PoCalendarComponent } from '../../po-calendar/po-calendar.component';
-import { PoDatepickerBaseComponent } from './po-datepicker-base.component';
-import { PoLanguageService } from '../../../services/po-language/po-language.service';
-/**
- * @docsExtends PoDatepickerBaseComponent
- *
- * @example
- *
- * <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">
- *  <file name="sample-po-datepicker-labs/sample-po-datepicker-labs.component.html"> </file>
- *  <file name="sample-po-datepicker-labs/sample-po-datepicker-labs.component.ts"> </file>
- * </example>
- *
- * <example name="po-datepicker-airfare" title="PO Datepicker - Airfare">
- *  <file name="sample-po-datepicker-airfare/sample-po-datepicker-airfare.component.html"> </file>
- *  <file name="sample-po-datepicker-airfare/sample-po-datepicker-airfare.component.ts"> </file>
- * </example>
- *
- * <example name="po-datepicker-airfare-reactive-form" title="PO Datepicker - Airfare Reactive Form">
- *  <file name="sample-po-datepicker-airfare-reactive-form/sample-po-datepicker-airfare-reactive-form.component.html"> </file>
- *  <file name="sample-po-datepicker-airfare-reactive-form/sample-po-datepicker-airfare-reactive-form.component.ts"> </file>
- * </example>
- */
-export declare class PoDatepickerComponent extends PoDatepickerBaseComponent implements AfterViewInit, OnDestroy {
-    private controlPosition;
-    private renderer;
-    calendar: PoCalendarComponent;
-    dialogPicker: ElementRef;
-    iconDatepicker: ElementRef;
-    inputEl: ElementRef;
-    /** Rótulo do campo. */
-    label?: string;
-    /** Texto de apoio do campo. */
-    help?: string;
-    el: ElementRef;
-    hour: string;
-    visible: boolean;
-    eventListenerFunction: () => void;
-    eventResizeListener: () => void;
-    private clickListener;
-    private readonly dateRegex;
-    private readonly isoRegex;
-    private timeoutChange;
-    private valueBeforeChange;
-    get autocomplete(): "on" | "off";
-    constructor(controlPosition: PoControlPositionService, languageService: PoLanguageService, renderer: Renderer2, el: ElementRef);
-    onKeyup($event: any): void;
-    onKeydown($event?: any): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    /**
-     * Função que atribui foco ao componente.
-     *
-     * Para utilizá-la é necessário ter a instância do componente no DOM, podendo ser utilizado o ViewChild da seguinte forma:
-     *
-     * ```
-     * import { PoDatepickerComponent } from '@po-ui/ng-components';
-     *
-     * ...
-     *
-     * @ViewChild(PoDatepickerComponent, { static: true }) datepicker: PoDatepickerComponent;
-     *
-     * focusDatepicker() {
-     *   this.datepicker.focus();
-     * }
-     * ```
-     */
-    focus(): void;
-    togglePicker(): void;
-    dateSelected(): void;
-    wasClickedOnPicker(event: any): void;
-    hasInvalidClass(): boolean;
-    getErrorPattern(): string;
-    clear(): void;
-    eventOnBlur($event: any): void;
-    eventOnClick($event: any): void;
-    formatToDate(value: Date): string;
-    refreshValue(value: Date): void;
-    writeValue(value: any): void;
-    isValidDateIso(value: string): boolean;
-    isValidExtendedIso(value: any): boolean;
-    hasOverlayClass(element: any): any;
-    verifyMobile(): RegExpMatchArray;
-    private closeCalendar;
-    private controlChangeEmitter;
-    private hasAttrCalendar;
-    private initializeListeners;
-    private onScroll;
-    private removeListeners;
-    private setDialogPickerStyleDisplay;
-    private setCalendarPosition;
-}
+import { AfterViewInit, ElementRef, OnDestroy, Renderer2 } from '@angular/core';
+import { PoControlPositionService } from './../../../services/po-control-position/po-control-position.service';
+import { PoCalendarComponent } from '../../po-calendar/po-calendar.component';
+import { PoDatepickerBaseComponent } from './po-datepicker-base.component';
+import { PoLanguageService } from '../../../services/po-language/po-language.service';
+/**
+ * @docsExtends PoDatepickerBaseComponent
+ *
+ * @example
+ *
+ * <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">
+ *  <file name="sample-po-datepicker-labs/sample-po-datepicker-labs.component.html"> </file>
+ *  <file name="sample-po-datepicker-labs/sample-po-datepicker-labs.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-datepicker-airfare" title="PO Datepicker - Airfare">
+ *  <file name="sample-po-datepicker-airfare/sample-po-datepicker-airfare.component.html"> </file>
+ *  <file name="sample-po-datepicker-airfare/sample-po-datepicker-airfare.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-datepicker-airfare-reactive-form" title="PO Datepicker - Airfare Reactive Form">
+ *  <file name="sample-po-datepicker-airfare-reactive-form/sample-po-datepicker-airfare-reactive-form.component.html"> </file>
+ *  <file name="sample-po-datepicker-airfare-reactive-form/sample-po-datepicker-airfare-reactive-form.component.ts"> </file>
+ * </example>
+ */
+export declare class PoDatepickerComponent extends PoDatepickerBaseComponent implements AfterViewInit, OnDestroy {
+    private controlPosition;
+    private renderer;
+    calendar: PoCalendarComponent;
+    dialogPicker: ElementRef;
+    iconDatepicker: ElementRef;
+    inputEl: ElementRef;
+    /** Rótulo do campo. */
+    label?: string;
+    /** Texto de apoio do campo. */
+    help?: string;
+    el: ElementRef;
+    hour: string;
+    visible: boolean;
+    eventListenerFunction: () => void;
+    eventResizeListener: () => void;
+    private clickListener;
+    private readonly dateRegex;
+    private readonly isoRegex;
+    private timeoutChange;
+    private valueBeforeChange;
+    get autocomplete(): "on" | "off";
+    constructor(controlPosition: PoControlPositionService, languageService: PoLanguageService, renderer: Renderer2, el: ElementRef);
+    onKeyup($event: any): void;
+    onKeydown($event?: any): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Função que atribui foco ao componente.
+     *
+     * Para utilizá-la é necessário ter a instância do componente no DOM, podendo ser utilizado o ViewChild da seguinte forma:
+     *
+     * ```
+     * import { PoDatepickerComponent } from '@po-ui/ng-components';
+     *
+     * ...
+     *
+     * @ViewChild(PoDatepickerComponent, { static: true }) datepicker: PoDatepickerComponent;
+     *
+     * focusDatepicker() {
+     *   this.datepicker.focus();
+     * }
+     * ```
+     */
+    focus(): void;
+    togglePicker(): void;
+    dateSelected(): void;
+    wasClickedOnPicker(event: any): void;
+    hasInvalidClass(): boolean;
+    getErrorPattern(): string;
+    clear(): void;
+    eventOnBlur($event: any): void;
+    eventOnClick($event: any): void;
+    formatToDate(value: Date): string;
+    refreshValue(value: Date): void;
+    writeValue(value: any): void;
+    isValidDateIso(value: string): boolean;
+    isValidExtendedIso(value: any): boolean;
+    hasOverlayClass(element: any): any;
+    verifyMobile(): RegExpMatchArray;
+    private closeCalendar;
+    private controlChangeEmitter;
+    private hasAttrCalendar;
+    private initializeListeners;
+    private onScroll;
+    private removeListeners;
+    private setDialogPickerStyleDisplay;
+    private setCalendarPosition;
+}

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

@@ -1,7 +1,7 @@
-/**
- * @description
- *
- * Módulo do componente `po-datepicker`.
- */
-export declare class PoDatepickerModule {
-}
+/**
+ * @description
+ *
+ * Módulo do componente `po-datepicker`.
+ */
+export declare class PoDatepickerModule {
+}