@po-ui/ng-components 19.32.0 → 19.33.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/po-ui-ng-components.mjs +3395 -2696
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/lib/components/po-breadcrumb/po-breadcrumb-base.component.d.ts +16 -1
- package/lib/components/po-chart/interfaces/po-chart-serie.interface.d.ts +3 -2
- package/lib/components/po-dynamic/po-dynamic-form/interfaces/po-dynamic-form-field.interface.d.ts +10 -5
- package/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form.component.d.ts +2 -2
- package/lib/components/po-dynamic/po-dynamic-view/po-dynamic-view-base.component.d.ts +16 -1
- package/lib/components/po-field/po-checkbox/po-checkbox-base.component.d.ts +6 -8
- package/lib/components/po-field/po-checkbox/po-checkbox.component.d.ts +3 -12
- package/lib/components/po-field/po-checkbox-group/po-checkbox-group-base.component.d.ts +6 -8
- package/lib/components/po-field/po-checkbox-group/po-checkbox-group.component.d.ts +7 -12
- package/lib/components/po-field/po-checkbox-group/po-checkbox-group.module.d.ts +2 -1
- package/lib/components/po-field/po-combo/po-combo-base.component.d.ts +6 -8
- package/lib/components/po-field/po-combo/po-combo.component.d.ts +5 -12
- package/lib/components/po-field/po-datepicker/po-datepicker-base.component.d.ts +5 -7
- package/lib/components/po-field/po-datepicker/po-datepicker.component.d.ts +7 -14
- package/lib/components/po-field/po-datepicker/po-datepicker.module.d.ts +2 -1
- package/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.d.ts +5 -7
- package/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.d.ts +4 -12
- package/lib/components/po-field/po-decimal/po-decimal.component.d.ts +3 -4
- package/lib/components/po-field/po-email/po-email.component.d.ts +3 -3
- package/lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.d.ts +3 -1
- package/lib/components/po-field/po-field-container/po-field-container.component.d.ts +3 -1
- package/lib/components/po-field/po-field.model.d.ts +7 -16
- package/lib/components/po-field/po-input/po-input-base.component.d.ts +12 -19
- package/lib/components/po-field/po-input/po-input.component.d.ts +3 -3
- package/lib/components/po-field/po-input-generic/po-input-generic.d.ts +0 -2
- package/lib/components/po-field/po-login/po-login.component.d.ts +3 -1
- package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts +6 -8
- package/lib/components/po-field/po-lookup/po-lookup-modal/po-lookup-modal.component.d.ts +1 -1
- package/lib/components/po-field/po-lookup/po-lookup.component.d.ts +8 -14
- package/lib/components/po-field/po-multiselect/po-multiselect-base.component.d.ts +6 -8
- package/lib/components/po-field/po-multiselect/po-multiselect.component.d.ts +4 -12
- package/lib/components/po-field/po-number/po-number.component.d.ts +3 -2
- package/lib/components/po-field/po-password/po-password.component.d.ts +3 -1
- package/lib/components/po-field/po-radio/po-radio.component.d.ts +11 -1
- package/lib/components/po-field/po-radio-group/po-radio-group-base.component.d.ts +6 -8
- package/lib/components/po-field/po-radio-group/po-radio-group.component.d.ts +7 -12
- package/lib/components/po-field/po-radio-group/po-radio-group.module.d.ts +2 -1
- package/lib/components/po-field/po-rich-text/po-rich-text-base.component.d.ts +6 -8
- package/lib/components/po-field/po-rich-text/po-rich-text-body/po-rich-text-body.component.d.ts +1 -2
- package/lib/components/po-field/po-rich-text/po-rich-text.component.d.ts +4 -10
- package/lib/components/po-field/po-select/po-select.component.d.ts +7 -14
- package/lib/components/po-field/po-switch/po-switch.component.d.ts +33 -6
- package/lib/components/po-field/po-textarea/po-textarea-base.component.d.ts +6 -8
- package/lib/components/po-field/po-textarea/po-textarea.component.d.ts +7 -12
- package/lib/components/po-field/po-upload/po-upload-base.component.d.ts +6 -8
- package/lib/components/po-field/po-upload/po-upload.component.d.ts +5 -11
- package/lib/components/po-field/po-url/po-url.component.d.ts +3 -2
- package/lib/components/po-helper/po-helper-base.component.d.ts +12 -1
- package/lib/components/po-helper/po-helper.component.d.ts +1 -0
- package/lib/components/po-info/po-info-base.component.d.ts +16 -1
- package/lib/components/po-loading/po-loading-base.component.d.ts +7 -4
- package/lib/components/po-page/po-page-default/po-page-default-base.component.d.ts +9 -8
- package/lib/components/po-page/po-page-detail/po-page-detail-base.component.d.ts +14 -0
- package/lib/components/po-page/po-page-edit/po-page-edit-base.component.d.ts +14 -0
- package/lib/components/po-page/po-page-header/po-page-header-base.component.d.ts +3 -1
- package/lib/components/po-page/po-page-list/po-page-list-base.component.d.ts +14 -0
- package/lib/components/po-popover/po-popover-base.component.d.ts +13 -1
- package/lib/components/po-popover/po-popover.component.d.ts +11 -0
- package/lib/components/po-search/po-search-base.component.d.ts +17 -1
- package/lib/components/po-search/po-search.component.d.ts +1 -1
- package/lib/components/po-table/enums/po-table-spacing.enum.d.ts +1 -1
- package/lib/components/po-tag/po-tag-base.component.d.ts +1 -0
- package/lib/enums/po-density-mode.enum.d.ts +14 -0
- package/lib/enums/po-field-size.enum.d.ts +5 -3
- package/lib/services/po-theme/helpers/accessibilities/po-theme-density.constant.d.ts +12 -0
- package/lib/services/po-theme/po-theme.module.d.ts +1 -1
- package/lib/services/po-theme/po-theme.service.d.ts +39 -11
- package/lib/utils/util.d.ts +9 -2
- package/package.json +4 -4
- package/po-ui-ng-components-19.33.0.tgz +0 -0
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-update/v14/index.js +1 -1
- package/schematics/ng-update/v15/index.js +1 -1
- package/schematics/ng-update/v16/index.js +1 -1
- package/schematics/ng-update/v17/index.js +1 -1
- package/schematics/ng-update/v18/index.js +2 -2
- package/schematics/ng-update/v19/index.js +2 -2
- package/schematics/ng-update/v2/index.js +1 -1
- package/schematics/ng-update/v3/index.js +1 -1
- package/schematics/ng-update/v4/index.js +1 -1
- package/schematics/ng-update/v5/index.js +1 -1
- package/schematics/ng-update/v6/index.js +1 -1
- package/po-ui-ng-components-19.32.0.tgz +0 -0
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, ElementRef, OnDestroy, OnInit, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { AbstractControl } from '@angular/forms';
|
|
3
3
|
import { PoInputBaseComponent } from '../po-input/po-input-base.component';
|
|
4
|
-
import { PoHelperOptions } from '../../po-helper';
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
6
5
|
/**
|
|
7
6
|
*
|
|
@@ -42,7 +41,7 @@ import * as i0 from "@angular/core";
|
|
|
42
41
|
* <file name="sample-po-decimal-hourly-wage-reactive-form/sample-po-decimal-hourly-wage-reactive-form.component.ts"> </file>
|
|
43
42
|
* </example>
|
|
44
43
|
*/
|
|
45
|
-
export declare class PoDecimalComponent extends PoInputBaseComponent implements AfterViewInit, OnInit, OnDestroy {
|
|
44
|
+
export declare class PoDecimalComponent extends PoInputBaseComponent implements AfterViewInit, OnInit, OnDestroy, OnChanges {
|
|
46
45
|
private el;
|
|
47
46
|
private poLanguageService;
|
|
48
47
|
inputEl: ElementRef;
|
|
@@ -60,7 +59,6 @@ export declare class PoDecimalComponent extends PoInputBaseComponent implements
|
|
|
60
59
|
private thousandSeparator;
|
|
61
60
|
private valueBeforeChange;
|
|
62
61
|
private subscriptionValidator;
|
|
63
|
-
helperSettings: PoHelperOptions;
|
|
64
62
|
private regex;
|
|
65
63
|
get autocomplete(): "on" | "off";
|
|
66
64
|
/**
|
|
@@ -128,6 +126,7 @@ export declare class PoDecimalComponent extends PoInputBaseComponent implements
|
|
|
128
126
|
get max(): number;
|
|
129
127
|
constructor();
|
|
130
128
|
ngOnInit(): void;
|
|
129
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
131
130
|
setNumbersSeparators(): void;
|
|
132
131
|
ngAfterViewInit(): void;
|
|
133
132
|
ngOnDestroy(): void;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AfterViewInit, OnDestroy,
|
|
1
|
+
import { AfterViewInit, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { AbstractControl } from '@angular/forms';
|
|
3
3
|
import { PoInputGeneric } from '../po-input-generic/po-input-generic';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -26,7 +26,7 @@ import * as i0 from "@angular/core";
|
|
|
26
26
|
* <file name="sample-po-email-newsletter/sample-po-email-newsletter.component.ts"> </file>
|
|
27
27
|
* </example>
|
|
28
28
|
*/
|
|
29
|
-
export declare class PoEmailComponent extends PoInputGeneric implements AfterViewInit, OnDestroy,
|
|
29
|
+
export declare class PoEmailComponent extends PoInputGeneric implements AfterViewInit, OnDestroy, OnChanges {
|
|
30
30
|
id: string;
|
|
31
31
|
icon: string;
|
|
32
32
|
type: string;
|
|
@@ -34,7 +34,7 @@ export declare class PoEmailComponent extends PoInputGeneric implements AfterVie
|
|
|
34
34
|
mask: string;
|
|
35
35
|
private listener;
|
|
36
36
|
constructor();
|
|
37
|
-
|
|
37
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
38
38
|
ngAfterViewInit(): void;
|
|
39
39
|
ngOnDestroy(): void;
|
|
40
40
|
extraValidation(c: AbstractControl): {
|
|
@@ -31,6 +31,8 @@ export declare class PoFieldContainerBottomComponent implements OnChanges {
|
|
|
31
31
|
showAdditionalHelp: boolean;
|
|
32
32
|
/** Exibe o ícone de ajuda adicional. */
|
|
33
33
|
showAdditionalHelpIcon: boolean;
|
|
34
|
+
/** Define o tamanho do componente. */
|
|
35
|
+
size?: string;
|
|
34
36
|
/** Evento disparado ao clicar no ícone de ajuda adicional. */
|
|
35
37
|
/** @deprecated v23.x.x */
|
|
36
38
|
additionalHelp: EventEmitter<any>;
|
|
@@ -41,6 +43,6 @@ export declare class PoFieldContainerBottomComponent implements OnChanges {
|
|
|
41
43
|
private isInitialChange;
|
|
42
44
|
ngOnChanges(changes: SimpleChanges): void;
|
|
43
45
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoFieldContainerBottomComponent, never>;
|
|
44
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoFieldContainerBottomComponent, "po-field-container-bottom", never, { "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "errorPattern": { "alias": "p-error-pattern"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "showAdditionalHelp": { "alias": "p-show-additional-help"; "required": false; }; "showAdditionalHelpIcon": { "alias": "p-show-additional-help-icon"; "required": false; }; "hideAdditionalHelpByLabel": { "alias": "p-hide-additional-help-by-label"; "required": false; "isSignal": true; }; }, { "additionalHelp": "p-additional-help"; }, never, never, false, never>;
|
|
46
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoFieldContainerBottomComponent, "po-field-container-bottom", never, { "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "errorPattern": { "alias": "p-error-pattern"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "showAdditionalHelp": { "alias": "p-show-additional-help"; "required": false; }; "showAdditionalHelpIcon": { "alias": "p-show-additional-help-icon"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "hideAdditionalHelpByLabel": { "alias": "p-hide-additional-help-by-label"; "required": false; "isSignal": true; }; }, { "additionalHelp": "p-additional-help"; }, never, never, false, never>;
|
|
45
47
|
static ngAcceptInputType_appendBox: any;
|
|
46
48
|
}
|
|
@@ -45,11 +45,13 @@ export declare class PoFieldContainerComponent implements OnInit, OnChanges {
|
|
|
45
45
|
get required(): boolean;
|
|
46
46
|
/** Define se a indicação de campo obrigatório será exibida. */
|
|
47
47
|
showRequired: boolean;
|
|
48
|
+
/** Define o tamanho do componente. */
|
|
49
|
+
size?: string;
|
|
48
50
|
constructor(cdr: ChangeDetectorRef);
|
|
49
51
|
ngOnInit(): void;
|
|
50
52
|
ngOnChanges(changes: SimpleChanges): void;
|
|
51
53
|
private setRequirement;
|
|
52
54
|
handleLabelTooltip(): void;
|
|
53
55
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoFieldContainerComponent, never>;
|
|
54
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoFieldContainerComponent, "po-field-container", never, { "disabled": { "alias": "p-disabled"; "required": false; }; "id": { "alias": "p-id"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "showHelperComponent": { "alias": "p-show-helper"; "required": false; "isSignal": true; }; "textWrap": { "alias": "p-text-wrap"; "required": false; "isSignal": true; }; "optional": { "alias": "p-optional"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
56
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoFieldContainerComponent, "po-field-container", never, { "disabled": { "alias": "p-disabled"; "required": false; }; "id": { "alias": "p-id"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "showHelperComponent": { "alias": "p-show-helper"; "required": false; "isSignal": true; }; "textWrap": { "alias": "p-text-wrap"; "required": false; "isSignal": true; }; "optional": { "alias": "p-optional"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
55
57
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ChangeDetectorRef, EventEmitter } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { PoHelperComponent, PoHelperOptions } from '../po-helper';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export declare abstract class PoFieldModel<T> implements ControlValueAccessor {
|
|
5
6
|
private readonly cd;
|
|
@@ -11,8 +12,7 @@ export declare abstract class PoFieldModel<T> implements ControlValueAccessor {
|
|
|
11
12
|
* @optional
|
|
12
13
|
*
|
|
13
14
|
* @description
|
|
14
|
-
* Exibe um ícone de ajuda adicional
|
|
15
|
-
* Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
|
|
15
|
+
* Exibe um ícone de ajuda adicional, com o texto desta propriedade sendo passado para o popover do componente `po-helper`.
|
|
16
16
|
* **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
|
|
17
17
|
* > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
|
|
18
18
|
*
|
|
@@ -24,11 +24,11 @@ export declare abstract class PoFieldModel<T> implements ControlValueAccessor {
|
|
|
24
24
|
*
|
|
25
25
|
* @description
|
|
26
26
|
*
|
|
27
|
-
* Define que o
|
|
27
|
+
* Define que o popover (`p-helper` e/ou `p-error-limit`) será incluído no body da página e não
|
|
28
28
|
* dentro do componente. Essa opção pode ser necessária em cenários com containers que possuem scroll ou overflow
|
|
29
29
|
* escondido, garantindo o posicionamento correto do tooltip próximo ao elemento.
|
|
30
30
|
*
|
|
31
|
-
* > Quando utilizado com `p-
|
|
31
|
+
* > Quando utilizado com `p-helper`, leitores de tela como o NVDA podem não ler o conteúdo do popover.
|
|
32
32
|
*
|
|
33
33
|
* @default `false`
|
|
34
34
|
*/
|
|
@@ -57,7 +57,6 @@ export declare abstract class PoFieldModel<T> implements ControlValueAccessor {
|
|
|
57
57
|
*
|
|
58
58
|
* @description
|
|
59
59
|
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
60
|
-
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
61
60
|
*
|
|
62
61
|
* > Essa propriedade está **depreciada** e será removida na versão `23.x.x`. Recomendamos utilizar a propriedade `p-helper` que oferece mais recursos e flexibilidade.
|
|
63
62
|
*/
|
|
@@ -91,20 +90,12 @@ export declare abstract class PoFieldModel<T> implements ControlValueAccessor {
|
|
|
91
90
|
emitChange(value: any): void;
|
|
92
91
|
getAdditionalHelpTooltip(): string;
|
|
93
92
|
/**
|
|
94
|
-
* Método que exibe `p-
|
|
93
|
+
* Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
|
|
95
94
|
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
96
95
|
*
|
|
97
|
-
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco
|
|
96
|
+
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco.
|
|
98
97
|
*
|
|
99
98
|
* ```
|
|
100
|
-
* <po-nome-component
|
|
101
|
-
* #component
|
|
102
|
-
* ...
|
|
103
|
-
* p-additional-help-tooltip="Mensagem de ajuda complementar"
|
|
104
|
-
* (p-keydown)="onKeyDown($event, component)"
|
|
105
|
-
* ></po-nome-component>
|
|
106
|
-
* ```
|
|
107
|
-
* ```
|
|
108
99
|
* // Exemplo com p-label e p-helper
|
|
109
100
|
* <po-nome-component
|
|
110
101
|
* #component
|
|
@@ -123,7 +114,7 @@ export declare abstract class PoFieldModel<T> implements ControlValueAccessor {
|
|
|
123
114
|
* }
|
|
124
115
|
* ```
|
|
125
116
|
*/
|
|
126
|
-
showAdditionalHelp(): boolean;
|
|
117
|
+
showAdditionalHelp(helperHtmlElement?: PoHelperComponent, poHelperComponent?: string | PoHelperOptions): boolean;
|
|
127
118
|
showAdditionalHelpIcon(): boolean;
|
|
128
119
|
protected isAdditionalHelpEventTriggered(): boolean;
|
|
129
120
|
protected updateModel(value: T): void;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ChangeDetectorRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
|
|
2
2
|
import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
|
|
3
3
|
import { ErrorAsyncProperties } from '../shared/interfaces/error-async-properties.interface';
|
|
4
|
-
import { PoHelperOptions } from '../../po-helper';
|
|
4
|
+
import { PoHelperComponent, PoHelperOptions } from '../../po-helper';
|
|
5
5
|
import { PoFieldContainerComponent } from '../po-field-container';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
@@ -54,6 +54,7 @@ import * as i0 from "@angular/core";
|
|
|
54
54
|
export declare abstract class PoInputBaseComponent implements ControlValueAccessor, Validator, OnDestroy {
|
|
55
55
|
protected cd?: ChangeDetectorRef;
|
|
56
56
|
fieldContainer?: PoFieldContainerComponent;
|
|
57
|
+
helperEl?: PoHelperComponent;
|
|
57
58
|
additionalHelpEventTrigger: string | undefined;
|
|
58
59
|
/**
|
|
59
60
|
*
|
|
@@ -62,8 +63,7 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
|
|
|
62
63
|
* @optional
|
|
63
64
|
*
|
|
64
65
|
* @description
|
|
65
|
-
* Exibe um ícone de ajuda adicional
|
|
66
|
-
* Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
|
|
66
|
+
* Exibe um ícone de ajuda adicional, com o texto desta propriedade sendo passado para o popover do componente `po-helper`.
|
|
67
67
|
* **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
|
|
68
68
|
* > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
|
|
69
69
|
*
|
|
@@ -75,11 +75,11 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
|
|
|
75
75
|
*
|
|
76
76
|
* @description
|
|
77
77
|
*
|
|
78
|
-
* Define que o
|
|
78
|
+
* Define que o popover (`p-helper` e/ou `p-error-limit`) será incluído no body da página e não
|
|
79
79
|
* dentro do componente. Essa opção pode ser necessária em cenários com containers que possuem scroll ou overflow
|
|
80
80
|
* escondido, garantindo o posicionamento correto do tooltip próximo ao elemento.
|
|
81
81
|
*
|
|
82
|
-
* > Quando utilizado com `p-
|
|
82
|
+
* > Quando utilizado com `p-helper`, leitores de tela como o NVDA podem não ler o conteúdo do popover.
|
|
83
83
|
*
|
|
84
84
|
* @default `false`
|
|
85
85
|
*/
|
|
@@ -237,7 +237,6 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
|
|
|
237
237
|
*
|
|
238
238
|
* @description
|
|
239
239
|
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
240
|
-
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
241
240
|
*
|
|
242
241
|
* > Essa propriedade está **depreciada** e será removida na versão `23.x.x`. Recomendamos utilizar a propriedade `p-helper` que oferece mais recursos e flexibilidade.
|
|
243
242
|
*/
|
|
@@ -428,10 +427,10 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
|
|
|
428
427
|
*
|
|
429
428
|
* @description
|
|
430
429
|
*
|
|
431
|
-
* Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label
|
|
430
|
+
* Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label quando a propriedade `p-label` for definida, ou, ao lado do componente na ausência da propriedade `p-label`.
|
|
431
|
+
* > Para mais informações acesse: https://po-ui.io/documentation/po-helper.
|
|
432
432
|
*
|
|
433
|
-
* >
|
|
434
|
-
* Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
|
|
433
|
+
* > Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
|
|
435
434
|
*/
|
|
436
435
|
poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
|
|
437
436
|
/**
|
|
@@ -461,18 +460,11 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
|
|
|
461
460
|
registerOnValidatorChange(fn: () => void): void;
|
|
462
461
|
showAdditionalHelpIcon(): boolean;
|
|
463
462
|
/**
|
|
464
|
-
* Método que exibe `p-
|
|
463
|
+
* Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
|
|
465
464
|
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
466
465
|
*
|
|
467
|
-
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco
|
|
468
|
-
*
|
|
469
|
-
* <po-nome-component
|
|
470
|
-
* #component
|
|
471
|
-
* ...
|
|
472
|
-
* p-additional-help-tooltip="Mensagem de ajuda complementar"
|
|
473
|
-
* (p-keydown)="onKeyDown($event, component)"
|
|
474
|
-
* ></po-nome-component>
|
|
475
|
-
* ```
|
|
466
|
+
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco.
|
|
467
|
+
*
|
|
476
468
|
* ```
|
|
477
469
|
* // Exemplo com p-label e p-helper
|
|
478
470
|
* <po-nome-component
|
|
@@ -483,6 +475,7 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
|
|
|
483
475
|
* (p-keydown)="onKeyDown($event, component)"
|
|
484
476
|
* ></po-nome-component>
|
|
485
477
|
* ```
|
|
478
|
+
*
|
|
486
479
|
* ```
|
|
487
480
|
* ...
|
|
488
481
|
* onKeyDown(event: KeyboardEvent, inp: PoNomeDoComponente): void {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ElementRef,
|
|
1
|
+
import { ElementRef, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { AbstractControl } from '@angular/forms';
|
|
3
3
|
import { PoInputGeneric } from '../po-input-generic/po-input-generic';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -22,11 +22,11 @@ import * as i0 from "@angular/core";
|
|
|
22
22
|
* <file name="sample-po-input-reactive-form/sample-po-input-reactive-form.component.ts"> </file>
|
|
23
23
|
* </example>
|
|
24
24
|
*/
|
|
25
|
-
export declare class PoInputComponent extends PoInputGeneric implements
|
|
25
|
+
export declare class PoInputComponent extends PoInputGeneric implements OnChanges {
|
|
26
26
|
inp: ElementRef;
|
|
27
27
|
id: string;
|
|
28
28
|
constructor();
|
|
29
|
-
|
|
29
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
30
30
|
extraValidation(c: AbstractControl): {
|
|
31
31
|
[key: string]: any;
|
|
32
32
|
};
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy } from '@angular/core';
|
|
2
2
|
import { AbstractControl } from '@angular/forms';
|
|
3
3
|
import { PoInputBaseComponent } from '../po-input/po-input-base.component';
|
|
4
|
-
import { PoHelperOptions } from '../../po-helper';
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
6
5
|
export declare abstract class PoInputGeneric extends PoInputBaseComponent implements AfterViewInit, OnDestroy {
|
|
7
6
|
inputEl: ElementRef;
|
|
@@ -9,7 +8,6 @@ export declare abstract class PoInputGeneric extends PoInputBaseComponent implem
|
|
|
9
8
|
el: ElementRef;
|
|
10
9
|
valueBeforeChange: any;
|
|
11
10
|
timeoutChange: any;
|
|
12
|
-
helperSettings: PoHelperOptions;
|
|
13
11
|
private subscriptionValidator;
|
|
14
12
|
get autocomplete(): string;
|
|
15
13
|
constructor(el: ElementRef, cd?: ChangeDetectorRef);
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { OnChanges, SimpleChanges } from '@angular/core';
|
|
1
2
|
import { AbstractControl } from '@angular/forms';
|
|
2
3
|
import { PoInputGeneric } from '../po-input-generic/po-input-generic';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
@@ -25,7 +26,7 @@ import * as i0 from "@angular/core";
|
|
|
25
26
|
* </example>
|
|
26
27
|
*
|
|
27
28
|
*/
|
|
28
|
-
export declare class PoLoginComponent extends PoInputGeneric {
|
|
29
|
+
export declare class PoLoginComponent extends PoInputGeneric implements OnChanges {
|
|
29
30
|
id: string;
|
|
30
31
|
type: string;
|
|
31
32
|
private _noAutocompleteLogin?;
|
|
@@ -33,6 +34,7 @@ export declare class PoLoginComponent extends PoInputGeneric {
|
|
|
33
34
|
get noAutocomplete(): boolean;
|
|
34
35
|
get autocomplete(): string;
|
|
35
36
|
constructor();
|
|
37
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
36
38
|
extraValidation(c: AbstractControl): {
|
|
37
39
|
[key: string]: any;
|
|
38
40
|
};
|
|
@@ -48,8 +48,7 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
48
48
|
* @optional
|
|
49
49
|
*
|
|
50
50
|
* @description
|
|
51
|
-
* Exibe um ícone de ajuda adicional
|
|
52
|
-
* Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
|
|
51
|
+
* Exibe um ícone de ajuda adicional, com o texto desta propriedade sendo passado para o popover do componente `po-helper`.
|
|
53
52
|
* **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
|
|
54
53
|
* > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
|
|
55
54
|
*
|
|
@@ -61,11 +60,11 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
61
60
|
*
|
|
62
61
|
* @description
|
|
63
62
|
*
|
|
64
|
-
* Define que o
|
|
63
|
+
* Define que o popover (`p-helper` e/ou `p-error-limit`) será incluído no body da página e não
|
|
65
64
|
* dentro do componente. Essa opção pode ser necessária em cenários com containers que possuem scroll ou overflow
|
|
66
65
|
* escondido, garantindo o posicionamento correto do tooltip próximo ao elemento.
|
|
67
66
|
*
|
|
68
|
-
* > Quando utilizado com `p-
|
|
67
|
+
* > Quando utilizado com `p-helper`, leitores de tela como o NVDA podem não ler o conteúdo do popover.
|
|
69
68
|
*
|
|
70
69
|
* @default `false`
|
|
71
70
|
*/
|
|
@@ -374,10 +373,10 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
374
373
|
*
|
|
375
374
|
* @description
|
|
376
375
|
*
|
|
377
|
-
* Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label
|
|
376
|
+
* Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label quando a propriedade `p-label` for definida, ou, ao lado do componente na ausência da propriedade `p-label`.
|
|
377
|
+
* > Para mais informações acesse: https://po-ui.io/documentation/po-helper.
|
|
378
378
|
*
|
|
379
|
-
* >
|
|
380
|
-
* Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
|
|
379
|
+
* > Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
|
|
381
380
|
*/
|
|
382
381
|
poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
|
|
383
382
|
/**
|
|
@@ -402,7 +401,6 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
402
401
|
*
|
|
403
402
|
* @description
|
|
404
403
|
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
405
|
-
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
406
404
|
*
|
|
407
405
|
* > Essa propriedade está **depreciada** e será removida na versão `23.x.x`. Recomendamos utilizar a propriedade `p-helper` que oferece mais recursos e flexibilidade.
|
|
408
406
|
*/
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ComponentRef, ElementRef, OnInit, ViewContainerRef } from '@angular/core';
|
|
2
2
|
import { NgForm } from '@angular/forms';
|
|
3
3
|
import { Observable } from 'rxjs';
|
|
4
|
-
import { PoLookupModalBaseComponent } from '../po-lookup-modal/po-lookup-modal-base.component';
|
|
5
4
|
import { PoTableColumnSort } from '../../../po-table/interfaces/po-table-column-sort.interface';
|
|
5
|
+
import { PoLookupModalBaseComponent } from '../po-lookup-modal/po-lookup-modal-base.component';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
8
|
* @docsPrivate
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { AfterViewInit, DoCheck, ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, DoCheck, ElementRef, OnDestroy, OnInit, SimpleChanges, OnChanges } from '@angular/core';
|
|
2
2
|
import { PoTableColumnSpacing } from '../../po-table';
|
|
3
3
|
import { PoLookupBaseComponent } from './po-lookup-base.component';
|
|
4
|
-
import {
|
|
4
|
+
import { PoHelperComponent } from '../../po-helper';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
/**
|
|
7
7
|
* @docsExtends PoLookupBaseComponent
|
|
@@ -92,11 +92,12 @@ import * as i0 from "@angular/core";
|
|
|
92
92
|
* <file name="sample-po-lookup-multiple/sample-po-lookup-multiple.service.ts"> </file>
|
|
93
93
|
* </example>
|
|
94
94
|
*/
|
|
95
|
-
export declare class PoLookupComponent extends PoLookupBaseComponent implements AfterViewInit, OnDestroy, OnInit, DoCheck {
|
|
95
|
+
export declare class PoLookupComponent extends PoLookupBaseComponent implements AfterViewInit, OnDestroy, OnInit, DoCheck, OnChanges {
|
|
96
96
|
private renderer;
|
|
97
97
|
private cd;
|
|
98
98
|
private el;
|
|
99
99
|
inputEl: ElementRef;
|
|
100
|
+
helperEl?: PoHelperComponent;
|
|
100
101
|
initialized: boolean;
|
|
101
102
|
timeoutResize: any;
|
|
102
103
|
visibleElement: boolean;
|
|
@@ -104,7 +105,6 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
|
|
|
104
105
|
disclaimers: any[];
|
|
105
106
|
visibleDisclaimers: any[];
|
|
106
107
|
id: string;
|
|
107
|
-
helperSettings: PoHelperOptions;
|
|
108
108
|
private modalSubscription;
|
|
109
109
|
private isCalculateVisibleItems;
|
|
110
110
|
get autocomplete(): "on" | "off";
|
|
@@ -113,6 +113,7 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
|
|
|
113
113
|
ngDoCheck(): void;
|
|
114
114
|
ngOnDestroy(): void;
|
|
115
115
|
ngOnInit(): void;
|
|
116
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
116
117
|
/**
|
|
117
118
|
* Função que atribui foco ao componente.
|
|
118
119
|
*
|
|
@@ -152,18 +153,11 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
|
|
|
152
153
|
onKeyDown(event: KeyboardEvent): void;
|
|
153
154
|
/**
|
|
154
155
|
*
|
|
155
|
-
* Método que exibe `p-
|
|
156
|
+
* Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
|
|
156
157
|
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
157
158
|
*
|
|
158
|
-
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco
|
|
159
|
-
*
|
|
160
|
-
* <po-lookup
|
|
161
|
-
* #lookup
|
|
162
|
-
* ...
|
|
163
|
-
* p-additional-help-tooltip="Mensagem de ajuda complementar"
|
|
164
|
-
* (p-keydown)="onKeyDown($event, lookup)"
|
|
165
|
-
* ></po-lookup>
|
|
166
|
-
* ```
|
|
159
|
+
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco.
|
|
160
|
+
*
|
|
167
161
|
* ```
|
|
168
162
|
* // Exemplo com p-label e p-helper
|
|
169
163
|
* <po-lookup
|
|
@@ -81,8 +81,7 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
81
81
|
* @optional
|
|
82
82
|
*
|
|
83
83
|
* @description
|
|
84
|
-
* Exibe um ícone de ajuda adicional
|
|
85
|
-
* Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
|
|
84
|
+
* Exibe um ícone de ajuda adicional, com o texto desta propriedade sendo passado para o popover do componente `po-helper`.
|
|
86
85
|
* **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
|
|
87
86
|
* > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
|
|
88
87
|
*
|
|
@@ -183,7 +182,6 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
183
182
|
*
|
|
184
183
|
* @description
|
|
185
184
|
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
186
|
-
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
187
185
|
*
|
|
188
186
|
* > Essa propriedade está **depreciada** e será removida na versão `23.x.x`. Recomendamos utilizar a propriedade `p-helper` que oferece mais recursos e flexibilidade.
|
|
189
187
|
*/
|
|
@@ -209,11 +207,11 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
209
207
|
*
|
|
210
208
|
* @description
|
|
211
209
|
*
|
|
212
|
-
* Define que o `listbox` e/ou
|
|
210
|
+
* Define que o `listbox` e/ou popover (`p-helper` e/ou `p-error-limit`) serão incluídos no body da
|
|
213
211
|
* página e não dentro do componente. Essa opção pode ser necessária em cenários com containers que possuem scroll ou
|
|
214
212
|
* overflow escondido, garantindo o posicionamento correto de ambos próximo ao elemento.
|
|
215
213
|
*
|
|
216
|
-
* > Quando utilizado com `p-
|
|
214
|
+
* > Quando utilizado com `p-helper`, leitores de tela como o NVDA podem não ler o conteúdo do popover.
|
|
217
215
|
*
|
|
218
216
|
* @default `false`
|
|
219
217
|
*/
|
|
@@ -244,10 +242,10 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
244
242
|
*
|
|
245
243
|
* @description
|
|
246
244
|
*
|
|
247
|
-
* Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label
|
|
245
|
+
* Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label quando a propriedade `p-label` for definida, ou, ao lado do componente na ausência da propriedade `p-label`.
|
|
246
|
+
* > Para mais informações acesse: https://po-ui.io/documentation/po-helper.
|
|
248
247
|
*
|
|
249
|
-
* >
|
|
250
|
-
* Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
|
|
248
|
+
* > Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
|
|
251
249
|
*/
|
|
252
250
|
poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
|
|
253
251
|
/**
|
|
@@ -4,7 +4,7 @@ import { PoMultiselectOption } from './interfaces/po-multiselect-option.interfac
|
|
|
4
4
|
import { PoMultiselectBaseComponent } from './po-multiselect-base.component';
|
|
5
5
|
import { PoMultiselectFilterService } from './po-multiselect-filter.service';
|
|
6
6
|
import { PoMultiselectOptionTemplateDirective } from './po-multiselect-option-template/po-multiselect-option-template.directive';
|
|
7
|
-
import {
|
|
7
|
+
import { PoHelperComponent } from '../../po-helper';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
10
10
|
* @docsExtends PoMultiselectBaseComponent
|
|
@@ -60,6 +60,7 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
|
|
|
60
60
|
iconElement: ElementRef;
|
|
61
61
|
inputElement: ElementRef;
|
|
62
62
|
outerContainer: ElementRef;
|
|
63
|
+
helperEl?: PoHelperComponent;
|
|
63
64
|
literalsTag: any;
|
|
64
65
|
dropdownIcon: string;
|
|
65
66
|
dropdownOpen: boolean;
|
|
@@ -68,7 +69,6 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
|
|
|
68
69
|
timeoutResize: any;
|
|
69
70
|
visibleElement: boolean;
|
|
70
71
|
containerWidth: number;
|
|
71
|
-
helperSettings: PoHelperOptions;
|
|
72
72
|
private subscription;
|
|
73
73
|
private enterCloseTag;
|
|
74
74
|
private initCalculateItems;
|
|
@@ -120,20 +120,12 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
|
|
|
120
120
|
focusOnFirstItem(): void;
|
|
121
121
|
closeTag(value: any, event: any): void;
|
|
122
122
|
/**
|
|
123
|
-
* Método que exibe `p-
|
|
123
|
+
* Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
|
|
124
124
|
* Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
|
|
125
125
|
*
|
|
126
|
-
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco
|
|
126
|
+
* > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco.
|
|
127
127
|
*
|
|
128
128
|
* ```
|
|
129
|
-
* <po-multiselect
|
|
130
|
-
* #multiselect
|
|
131
|
-
* ...
|
|
132
|
-
* p-additional-help-tooltip="Mensagem de ajuda complementar"
|
|
133
|
-
* (p-keydown)="onKeyDown($event, multiselect)"
|
|
134
|
-
* ></po-multiselect>
|
|
135
|
-
* ```
|
|
136
|
-
* ```
|
|
137
129
|
* // Exemplo com p-label e p-helper
|
|
138
130
|
* <po-multiselect
|
|
139
131
|
* #multiselect
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AfterViewInit } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { AbstractControl } from '@angular/forms';
|
|
3
3
|
import { PoNumberBaseComponent } from './po-number-base.component';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -28,7 +28,7 @@ import * as i0 from "@angular/core";
|
|
|
28
28
|
* <file name="sample-po-number-calculate/sample-po-number-calculate.component.ts"> </file>
|
|
29
29
|
* </example>
|
|
30
30
|
*/
|
|
31
|
-
export declare class PoNumberComponent extends PoNumberBaseComponent implements AfterViewInit {
|
|
31
|
+
export declare class PoNumberComponent extends PoNumberBaseComponent implements AfterViewInit, OnChanges {
|
|
32
32
|
/**
|
|
33
33
|
* @optional
|
|
34
34
|
*
|
|
@@ -55,6 +55,7 @@ export declare class PoNumberComponent extends PoNumberBaseComponent implements
|
|
|
55
55
|
constructor();
|
|
56
56
|
onWheel(event: Event): void;
|
|
57
57
|
ngAfterViewInit(): void;
|
|
58
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
58
59
|
extraValidation(abstractControl: AbstractControl): {
|
|
59
60
|
[key: string]: any;
|
|
60
61
|
};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { OnChanges, SimpleChanges } from '@angular/core';
|
|
1
2
|
import { AbstractControl } from '@angular/forms';
|
|
2
3
|
import { PoInputGeneric } from '../po-input-generic/po-input-generic';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
@@ -24,7 +25,7 @@ import * as i0 from "@angular/core";
|
|
|
24
25
|
* <file name="sample-po-password-reset/sample-po-password-reset.component.ts"> </file>
|
|
25
26
|
* </example>
|
|
26
27
|
*/
|
|
27
|
-
export declare class PoPasswordComponent extends PoInputGeneric {
|
|
28
|
+
export declare class PoPasswordComponent extends PoInputGeneric implements OnChanges {
|
|
28
29
|
id: string;
|
|
29
30
|
type: string;
|
|
30
31
|
visiblePassword: boolean;
|
|
@@ -45,6 +46,7 @@ export declare class PoPasswordComponent extends PoInputGeneric {
|
|
|
45
46
|
get hidePasswordPeek(): boolean;
|
|
46
47
|
get autocomplete(): string;
|
|
47
48
|
constructor();
|
|
49
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
48
50
|
extraValidation(c: AbstractControl): {
|
|
49
51
|
[key: string]: any;
|
|
50
52
|
};
|
|
@@ -14,6 +14,15 @@ export declare class PoRadioComponent extends PoFieldModel<boolean> {
|
|
|
14
14
|
set size(value: string);
|
|
15
15
|
get size(): string;
|
|
16
16
|
required?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
*
|
|
19
|
+
* Habilita a quebra automática do texto da propriedade `p-label`. Quando `p-label-text-wrap` for verdadeiro, o texto que excede
|
|
20
|
+
* o espaço disponível é transferido para a próxima linha em pontos apropriados para uma
|
|
21
|
+
* leitura clara.
|
|
22
|
+
*
|
|
23
|
+
* @default `false`
|
|
24
|
+
*/
|
|
25
|
+
labelTextWrap?: boolean;
|
|
17
26
|
/** Define o status do *radio* */
|
|
18
27
|
checked: boolean;
|
|
19
28
|
blur: EventEmitter<any>;
|
|
@@ -48,6 +57,7 @@ export declare class PoRadioComponent extends PoFieldModel<boolean> {
|
|
|
48
57
|
onKeyup(): void;
|
|
49
58
|
onKeydown(): void;
|
|
50
59
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoRadioComponent, never>;
|
|
51
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoRadioComponent, "po-radio", never, { "radioValue": { "alias": "p-value"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "checked": { "alias": "p-checked"; "required": false; }; }, { "blur": "p-blur"; "changeSelected": "p-change-selected"; }, never, never, false, never>;
|
|
60
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoRadioComponent, "po-radio", never, { "radioValue": { "alias": "p-value"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; }; "checked": { "alias": "p-checked"; "required": false; }; }, { "blur": "p-blur"; "changeSelected": "p-change-selected"; }, never, never, false, never>;
|
|
52
61
|
static ngAcceptInputType_required: any;
|
|
62
|
+
static ngAcceptInputType_labelTextWrap: any;
|
|
53
63
|
}
|