@po-ui/ng-components 19.0.0 → 19.2.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 +1596 -607
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/lib/components/po-chart/enums/po-chart-label-format.enum.d.ts +32 -0
- package/lib/components/po-chart/index.d.ts +1 -0
- package/lib/components/po-chart/interfaces/po-chart-axis-options.interface.d.ts +9 -0
- package/lib/components/po-chart/po-chart-container/po-chart-axis/po-chart-axis-label/po-chart-axis-label.component.d.ts +8 -2
- package/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-field.interface.d.ts +42 -1
- package/lib/components/po-field/po-checkbox/po-checkbox-base.component.d.ts +41 -1
- package/lib/components/po-field/po-checkbox/po-checkbox.component.d.ts +4 -0
- package/lib/components/po-field/po-checkbox/po-checkbox.module.d.ts +2 -1
- package/lib/components/po-field/po-checkbox-group/po-checkbox-group-base.component.d.ts +35 -1
- package/lib/components/po-field/po-checkbox-group/po-checkbox-group.component.d.ts +4 -0
- package/lib/components/po-field/po-combo/po-combo-base.component.d.ts +25 -6
- package/lib/components/po-field/po-combo/po-combo.component.d.ts +5 -0
- package/lib/components/po-field/po-datepicker/po-datepicker-base.component.d.ts +24 -7
- package/lib/components/po-field/po-datepicker/po-datepicker.component.d.ts +4 -0
- package/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.d.ts +35 -1
- package/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.d.ts +4 -0
- package/lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.d.ts +11 -3
- package/lib/components/po-field/po-field-validate.model.d.ts +1 -3
- package/lib/components/po-field/po-field.model.d.ts +39 -1
- package/lib/components/po-field/po-input/po-input-base.component.d.ts +39 -3
- package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts +35 -3
- package/lib/components/po-field/po-lookup/po-lookup.component.d.ts +4 -0
- package/lib/components/po-field/po-multiselect/po-multiselect-base.component.d.ts +25 -6
- package/lib/components/po-field/po-multiselect/po-multiselect.component.d.ts +4 -0
- package/lib/components/po-field/po-radio-group/po-radio-group-base.component.d.ts +35 -1
- package/lib/components/po-field/po-radio-group/po-radio-group.component.d.ts +4 -0
- package/lib/components/po-field/po-rich-text/po-rich-text-base.component.d.ts +34 -1
- package/lib/components/po-field/po-textarea/po-textarea-base.component.d.ts +35 -1
- package/lib/components/po-field/po-textarea/po-textarea.component.d.ts +4 -0
- package/lib/components/po-field/po-upload/po-upload-base.component.d.ts +35 -1
- package/lib/components/po-field/po-upload/po-upload.component.d.ts +4 -0
- package/lib/components/po-listbox/po-item-list/po-item-list.component.d.ts +1 -0
- package/lib/components/po-modal/po-modal-base.component.d.ts +0 -1
- package/lib/components/po-popover/po-popover-base.component.d.ts +14 -1
- package/lib/components/po-popover/po-popover.module.d.ts +2 -1
- package/package.json +4 -4
- package/po-ui-ng-components-19.2.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.0.0.tgz +0 -0
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
1
2
|
import * as i0 from "@angular/core";
|
|
2
3
|
/**
|
|
3
4
|
* @docsPrivate
|
|
@@ -8,6 +9,11 @@ import * as i0 from "@angular/core";
|
|
|
8
9
|
* Essa margem inferior pode conter uma mensagem de erro.
|
|
9
10
|
*/
|
|
10
11
|
export declare class PoFieldContainerBottomComponent {
|
|
12
|
+
/** Texto exibido no tooltip do ícone de ajuda adicional. */
|
|
13
|
+
additionalHelpTooltip?: string;
|
|
14
|
+
/** Define se o tooltip será inserido no `body` em vez do componente. */
|
|
15
|
+
appendBox: boolean;
|
|
16
|
+
disabled: boolean;
|
|
11
17
|
/**
|
|
12
18
|
* Mensagem que será apresentada quando o pattern ou a máscara não for satisfeita.
|
|
13
19
|
* Obs: Esta mensagem não é apresentada quando o campo estiver vazio, mesmo que ele seja requerido.
|
|
@@ -17,10 +23,12 @@ export declare class PoFieldContainerBottomComponent {
|
|
|
17
23
|
* Limita a exibição da mensagem de erro a duas linhas e exibe um tooltip com o texto completo.
|
|
18
24
|
*/
|
|
19
25
|
errorLimit: boolean;
|
|
20
|
-
disabled: boolean;
|
|
21
26
|
help?: string;
|
|
22
|
-
|
|
27
|
+
/** Exibe o ícone de ajuda adicional. */
|
|
28
|
+
showAdditionalHelpIcon: boolean;
|
|
29
|
+
/** Evento disparado ao clicar no ícone de ajuda adicional. */
|
|
30
|
+
additionalHelp: EventEmitter<any>;
|
|
23
31
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoFieldContainerBottomComponent, never>;
|
|
24
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoFieldContainerBottomComponent, "po-field-container-bottom", never, { "
|
|
32
|
+
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; }; "showAdditionalHelpIcon": { "alias": "p-show-additional-help-icon"; "required": false; }; }, { "additionalHelp": "p-additional-help"; }, never, never, false, never>;
|
|
25
33
|
static ngAcceptInputType_appendBox: any;
|
|
26
34
|
}
|
|
@@ -42,7 +42,6 @@ export declare abstract class PoFieldValidateModel<T> extends PoFieldModel<T> im
|
|
|
42
42
|
*
|
|
43
43
|
*/
|
|
44
44
|
fieldErrorMessage: string;
|
|
45
|
-
errorAppendBox?: boolean;
|
|
46
45
|
/**
|
|
47
46
|
* @optional
|
|
48
47
|
*
|
|
@@ -73,8 +72,7 @@ export declare abstract class PoFieldValidateModel<T> extends PoFieldModel<T> im
|
|
|
73
72
|
[key: string]: any;
|
|
74
73
|
};
|
|
75
74
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoFieldValidateModel<any>, never>;
|
|
76
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoFieldValidateModel<any>, never, never, { "optional": { "alias": "p-optional"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "
|
|
75
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoFieldValidateModel<any>, never, never, { "optional": { "alias": "p-optional"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; }, {}, never, never, true, never>;
|
|
77
76
|
static ngAcceptInputType_optional: any;
|
|
78
77
|
static ngAcceptInputType_required: any;
|
|
79
|
-
static ngAcceptInputType_errorAppendBox: any;
|
|
80
78
|
}
|
|
@@ -2,6 +2,31 @@ import { EventEmitter } from '@angular/core';
|
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare abstract class PoFieldModel<T> implements ControlValueAccessor {
|
|
5
|
+
additionalHelpEventTrigger: string | undefined;
|
|
6
|
+
/**
|
|
7
|
+
* @optional
|
|
8
|
+
*
|
|
9
|
+
* @description
|
|
10
|
+
* Exibe um ícone de ajuda adicional ao `p-help`, com o texto desta propriedade no tooltip.
|
|
11
|
+
* Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
|
|
12
|
+
* **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
|
|
13
|
+
* > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
|
|
14
|
+
*/
|
|
15
|
+
additionalHelpTooltip?: string;
|
|
16
|
+
/**
|
|
17
|
+
* @optional
|
|
18
|
+
*
|
|
19
|
+
* @description
|
|
20
|
+
*
|
|
21
|
+
* Define que o tooltip (`p-additional-help-tooltip` e/ou `p-error-limit`) será incluído no body da página e não
|
|
22
|
+
* dentro do componente. Essa opção pode ser necessária em cenários com containers que possuem scroll ou overflow
|
|
23
|
+
* escondido, garantindo o posicionamento correto do tooltip próximo ao elemento.
|
|
24
|
+
*
|
|
25
|
+
* > Quando utilizado com `p-additional-help-tooltip`, leitores de tela como o NVDA podem não ler o conteúdo do tooltip.
|
|
26
|
+
*
|
|
27
|
+
* @default `false`
|
|
28
|
+
*/
|
|
29
|
+
appendBox: boolean;
|
|
5
30
|
/** Rótulo exibido pelo componente. */
|
|
6
31
|
label: string;
|
|
7
32
|
/** Nome do componente. */
|
|
@@ -18,6 +43,14 @@ export declare abstract class PoFieldModel<T> implements ControlValueAccessor {
|
|
|
18
43
|
* @default `false`
|
|
19
44
|
*/
|
|
20
45
|
disabled: boolean;
|
|
46
|
+
/**
|
|
47
|
+
* @optional
|
|
48
|
+
*
|
|
49
|
+
* @description
|
|
50
|
+
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
51
|
+
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
52
|
+
*/
|
|
53
|
+
additionalHelp: EventEmitter<any>;
|
|
21
54
|
/**
|
|
22
55
|
* @optional
|
|
23
56
|
*
|
|
@@ -34,10 +67,15 @@ export declare abstract class PoFieldModel<T> implements ControlValueAccessor {
|
|
|
34
67
|
registerOnChange(fn: any): void;
|
|
35
68
|
registerOnTouched(fn: any): void;
|
|
36
69
|
writeValue(value: T): void;
|
|
70
|
+
emitAdditionalHelp(): void;
|
|
37
71
|
emitChange(value: any): void;
|
|
72
|
+
getAdditionalHelpTooltip(): string;
|
|
73
|
+
showAdditionalHelpIcon(): boolean;
|
|
74
|
+
private isAdditionalHelpEventTriggered;
|
|
38
75
|
protected updateModel(value: T): void;
|
|
39
76
|
abstract onWriteValue(value: T): void;
|
|
40
77
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoFieldModel<any>, never>;
|
|
41
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoFieldModel<any>, never, never, { "label": { "alias": "p-label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; }, { "change": "p-change"; }, never, never, true, never>;
|
|
78
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoFieldModel<any>, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; }, never, never, true, never>;
|
|
79
|
+
static ngAcceptInputType_appendBox: any;
|
|
42
80
|
static ngAcceptInputType_disabled: any;
|
|
43
81
|
}
|
|
@@ -51,6 +51,31 @@ import * as i0 from "@angular/core";
|
|
|
51
51
|
*/
|
|
52
52
|
export declare abstract class PoInputBaseComponent implements ControlValueAccessor, Validator, OnDestroy {
|
|
53
53
|
protected cd?: ChangeDetectorRef;
|
|
54
|
+
additionalHelpEventTrigger: string | undefined;
|
|
55
|
+
/**
|
|
56
|
+
* @optional
|
|
57
|
+
*
|
|
58
|
+
* @description
|
|
59
|
+
* Exibe um ícone de ajuda adicional ao `p-help`, com o texto desta propriedade no tooltip.
|
|
60
|
+
* Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
|
|
61
|
+
* **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
|
|
62
|
+
* > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
|
|
63
|
+
*/
|
|
64
|
+
additionalHelpTooltip?: string;
|
|
65
|
+
/**
|
|
66
|
+
* @optional
|
|
67
|
+
*
|
|
68
|
+
* @description
|
|
69
|
+
*
|
|
70
|
+
* Define que o tooltip (`p-additional-help-tooltip` e/ou `p-error-limit`) será incluído no body da página e não
|
|
71
|
+
* dentro do componente. Essa opção pode ser necessária em cenários com containers que possuem scroll ou overflow
|
|
72
|
+
* escondido, garantindo o posicionamento correto do tooltip próximo ao elemento.
|
|
73
|
+
*
|
|
74
|
+
* > Quando utilizado com `p-additional-help-tooltip`, leitores de tela como o NVDA podem não ler o conteúdo do tooltip.
|
|
75
|
+
*
|
|
76
|
+
* @default `false`
|
|
77
|
+
*/
|
|
78
|
+
appendBox: boolean;
|
|
54
79
|
/**
|
|
55
80
|
* @optional
|
|
56
81
|
*
|
|
@@ -137,7 +162,6 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
|
|
|
137
162
|
* @default `false`
|
|
138
163
|
*/
|
|
139
164
|
errorLimit: boolean;
|
|
140
|
-
errorAppendBox?: boolean;
|
|
141
165
|
/**
|
|
142
166
|
* @optional
|
|
143
167
|
*
|
|
@@ -197,6 +221,14 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
|
|
|
197
221
|
*/
|
|
198
222
|
set maskNoLengthValidation(value: boolean);
|
|
199
223
|
get maskNoLengthValidation(): boolean;
|
|
224
|
+
/**
|
|
225
|
+
* @optional
|
|
226
|
+
*
|
|
227
|
+
* @description
|
|
228
|
+
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
229
|
+
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
230
|
+
*/
|
|
231
|
+
additionalHelp: EventEmitter<any>;
|
|
200
232
|
/**
|
|
201
233
|
* @optional
|
|
202
234
|
*
|
|
@@ -355,16 +387,20 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
|
|
|
355
387
|
callOnChange(value: any): void;
|
|
356
388
|
callUpdateModelWithTimeout(value: any): void;
|
|
357
389
|
controlChangeModelEmitter(value: any): void;
|
|
390
|
+
emitAdditionalHelp(): void;
|
|
391
|
+
getAdditionalHelpTooltip(): string;
|
|
358
392
|
setDisabledState(isDisabled: boolean): void;
|
|
359
393
|
registerOnChange(func: any): void;
|
|
360
394
|
registerOnTouched(func: any): void;
|
|
361
395
|
registerOnValidatorChange(fn: () => void): void;
|
|
396
|
+
showAdditionalHelpIcon(): boolean;
|
|
362
397
|
updateModel(value: any): void;
|
|
363
398
|
validate(c: AbstractControl): {
|
|
364
399
|
[key: string]: any;
|
|
365
400
|
};
|
|
366
401
|
writeValue(value: any): void;
|
|
367
402
|
protected validateModel(): void;
|
|
403
|
+
private isAdditionalHelpEventTriggered;
|
|
368
404
|
private validatePatternOnWriteValue;
|
|
369
405
|
/**
|
|
370
406
|
* Função que atribui foco ao componente.
|
|
@@ -390,9 +426,9 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
|
|
|
390
426
|
};
|
|
391
427
|
abstract getScreenValue(): string;
|
|
392
428
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoInputBaseComponent, never>;
|
|
393
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoInputBaseComponent, never, never, { "
|
|
429
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoInputBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "icon": { "alias": "p-icon"; "required": false; }; "emitAllChanges": { "alias": "p-emit-all-changes"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "errorAsyncProperties": { "alias": "p-error-async-properties"; "required": false; }; "errorPattern": { "alias": "p-error-pattern"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "showErrorMessageRequired": { "alias": "p-required-field-error-message"; "required": false; }; "upperCase": { "alias": "p-upper-case"; "required": false; }; "maskNoLengthValidation": { "alias": "p-mask-no-length-validation"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "setDisabled": { "alias": "p-disabled"; "required": false; }; "setReadonly": { "alias": "p-readonly"; "required": false; }; "setRequired": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "setClean": { "alias": "p-clean"; "required": false; }; "setPattern": { "alias": "p-pattern"; "required": false; }; "maxlength": { "alias": "p-maxlength"; "required": false; }; "minlength": { "alias": "p-minlength"; "required": false; }; "setMask": { "alias": "p-mask"; "required": false; }; "setMaskFormatModel": { "alias": "p-mask-format-model"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "blur": "p-blur"; "enter": "p-enter"; "change": "p-change"; "changeModel": "p-change-model"; }, never, never, true, never>;
|
|
430
|
+
static ngAcceptInputType_appendBox: any;
|
|
394
431
|
static ngAcceptInputType_autoFocus: any;
|
|
395
432
|
static ngAcceptInputType_emitAllChanges: any;
|
|
396
|
-
static ngAcceptInputType_errorAppendBox: any;
|
|
397
433
|
static ngAcceptInputType_upperCase: any;
|
|
398
434
|
}
|
|
@@ -38,6 +38,31 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
38
38
|
poLookupModalService: PoLookupModalService;
|
|
39
39
|
private _literals?;
|
|
40
40
|
private language;
|
|
41
|
+
additionalHelpEventTrigger: string | undefined;
|
|
42
|
+
/**
|
|
43
|
+
* @optional
|
|
44
|
+
*
|
|
45
|
+
* @description
|
|
46
|
+
* Exibe um ícone de ajuda adicional ao `p-help`, com o texto desta propriedade no tooltip.
|
|
47
|
+
* Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
|
|
48
|
+
* **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
|
|
49
|
+
* > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
|
|
50
|
+
*/
|
|
51
|
+
additionalHelpTooltip?: string;
|
|
52
|
+
/**
|
|
53
|
+
* @optional
|
|
54
|
+
*
|
|
55
|
+
* @description
|
|
56
|
+
*
|
|
57
|
+
* Define que o tooltip (`p-additional-help-tooltip` e/ou `p-error-limit`) será incluído no body da página e não
|
|
58
|
+
* dentro do componente. Essa opção pode ser necessária em cenários com containers que possuem scroll ou overflow
|
|
59
|
+
* escondido, garantindo o posicionamento correto do tooltip próximo ao elemento.
|
|
60
|
+
*
|
|
61
|
+
* > Quando utilizado com `p-additional-help-tooltip`, leitores de tela como o NVDA podem não ler o conteúdo do tooltip.
|
|
62
|
+
*
|
|
63
|
+
* @default `false`
|
|
64
|
+
*/
|
|
65
|
+
appendBox?: boolean;
|
|
41
66
|
/**
|
|
42
67
|
* @optional
|
|
43
68
|
*
|
|
@@ -272,7 +297,6 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
272
297
|
* @default `false`
|
|
273
298
|
*/
|
|
274
299
|
errorLimit: boolean;
|
|
275
|
-
errorAppendBox?: boolean;
|
|
276
300
|
/**
|
|
277
301
|
* @optional
|
|
278
302
|
*
|
|
@@ -314,6 +338,14 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
314
338
|
* @default `true`
|
|
315
339
|
*/
|
|
316
340
|
virtualScroll?: boolean;
|
|
341
|
+
/**
|
|
342
|
+
* @optional
|
|
343
|
+
*
|
|
344
|
+
* @description
|
|
345
|
+
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
346
|
+
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
347
|
+
*/
|
|
348
|
+
additionalHelp: EventEmitter<any>;
|
|
317
349
|
/**
|
|
318
350
|
* Evento será disparado quando ocorrer algum erro na requisição de busca do item.
|
|
319
351
|
* Será passado por parâmetro o objeto de erro retornado.
|
|
@@ -506,14 +538,14 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
506
538
|
abstract setDisclaimers(a: any): any;
|
|
507
539
|
abstract updateVisibleItems(): any;
|
|
508
540
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoLookupBaseComponent, never>;
|
|
509
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoLookupBaseComponent, never, never, { "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "filterParams": { "alias": "p-filter-params"; "required": false; }; "fieldFormat": { "alias": "p-field-format"; "required": false; }; "columns": { "alias": "p-columns"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "advancedFilters": { "alias": "p-advanced-filters"; "required": false; }; "hideColumnsManager": { "alias": "p-hide-columns-manager"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "clean": { "alias": "p-clean"; "required": false; }; "multiple": { "alias": "p-multiple"; "required": false; }; "autoHeight": { "alias": "p-auto-height"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "
|
|
541
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoLookupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "filterParams": { "alias": "p-filter-params"; "required": false; }; "fieldFormat": { "alias": "p-field-format"; "required": false; }; "columns": { "alias": "p-columns"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "advancedFilters": { "alias": "p-advanced-filters"; "required": false; }; "hideColumnsManager": { "alias": "p-hide-columns-manager"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "clean": { "alias": "p-clean"; "required": false; }; "multiple": { "alias": "p-multiple"; "required": false; }; "autoHeight": { "alias": "p-auto-height"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "spacing": { "alias": "p-spacing"; "required": false; }; "textWrap": { "alias": "p-text-wrap"; "required": false; }; "virtualScroll": { "alias": "p-virtual-scroll"; "required": false; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onError": "p-error"; "selected": "p-selected"; "change": "p-change"; "changeVisibleColumns": "p-change-visible-columns"; "columnRestoreManager": "p-restore-column-manager"; }, never, never, true, never>;
|
|
542
|
+
static ngAcceptInputType_appendBox: any;
|
|
510
543
|
static ngAcceptInputType_autoFocus: any;
|
|
511
544
|
static ngAcceptInputType_hideColumnsManager: any;
|
|
512
545
|
static ngAcceptInputType_infiniteScroll: any;
|
|
513
546
|
static ngAcceptInputType_clean: any;
|
|
514
547
|
static ngAcceptInputType_multiple: any;
|
|
515
548
|
static ngAcceptInputType_autoHeight: any;
|
|
516
|
-
static ngAcceptInputType_errorAppendBox: any;
|
|
517
549
|
static ngAcceptInputType_textWrap: any;
|
|
518
550
|
static ngAcceptInputType_virtualScroll: any;
|
|
519
551
|
}
|
|
@@ -131,6 +131,8 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
|
|
|
131
131
|
* ```
|
|
132
132
|
*/
|
|
133
133
|
focus(): void;
|
|
134
|
+
emitAdditionalHelp(): void;
|
|
135
|
+
getAdditionalHelpTooltip(): string;
|
|
134
136
|
openLookup(): void;
|
|
135
137
|
checkSelectedItems(): any;
|
|
136
138
|
setDisclaimers(selectedOptions: Array<any>): void;
|
|
@@ -146,6 +148,8 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
|
|
|
146
148
|
getInputWidth(): number;
|
|
147
149
|
getDisclaimersWidth(): any[];
|
|
148
150
|
calculateVisibleItems(): void;
|
|
151
|
+
showAdditionalHelpIcon(): boolean;
|
|
152
|
+
private isAdditionalHelpEventTriggered;
|
|
149
153
|
private isAllowedOpenModal;
|
|
150
154
|
private formatFields;
|
|
151
155
|
private setInputValueWipoieldFormat;
|
|
@@ -73,6 +73,17 @@ export declare const poMultiselectLiteralsDefault: {
|
|
|
73
73
|
*
|
|
74
74
|
*/
|
|
75
75
|
export declare abstract class PoMultiselectBaseComponent implements ControlValueAccessor, OnInit, Validator {
|
|
76
|
+
additionalHelpEventTrigger: string | undefined;
|
|
77
|
+
/**
|
|
78
|
+
* @optional
|
|
79
|
+
*
|
|
80
|
+
* @description
|
|
81
|
+
* Exibe um ícone de ajuda adicional ao `p-help`, com o texto desta propriedade no tooltip.
|
|
82
|
+
* Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
|
|
83
|
+
* **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
|
|
84
|
+
* > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
|
|
85
|
+
*/
|
|
86
|
+
additionalHelpTooltip?: string;
|
|
76
87
|
/**
|
|
77
88
|
* @optional
|
|
78
89
|
*
|
|
@@ -138,6 +149,14 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
138
149
|
*
|
|
139
150
|
*/
|
|
140
151
|
fieldErrorMessage: string;
|
|
152
|
+
/**
|
|
153
|
+
* @optional
|
|
154
|
+
*
|
|
155
|
+
* @description
|
|
156
|
+
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
157
|
+
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
158
|
+
*/
|
|
159
|
+
additionalHelp: EventEmitter<any>;
|
|
141
160
|
/**
|
|
142
161
|
* @optional
|
|
143
162
|
*
|
|
@@ -164,15 +183,16 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
164
183
|
*
|
|
165
184
|
* @description
|
|
166
185
|
*
|
|
167
|
-
* Define que o
|
|
168
|
-
*
|
|
186
|
+
* Define que o `listbox` e/ou tooltip (`p-additional-help-tooltip` e/ou `p-error-limit`) serão incluídos no body da
|
|
187
|
+
* página e não dentro do componente. Essa opção pode ser necessária em cenários com containers que possuem scroll ou
|
|
188
|
+
* overflow escondido, garantindo o posicionamento correto de ambos próximo ao elemento.
|
|
169
189
|
*
|
|
170
|
-
* >
|
|
190
|
+
* > O uso dessa propriedade pode interferir na sequência de tabulação da página. Quando utilizado com
|
|
191
|
+
* `p-additional-help-tooltip`, leitores de tela como o NVDA podem não ler o conteúdo do tooltip.
|
|
171
192
|
*
|
|
172
193
|
* @default `false`
|
|
173
194
|
*/
|
|
174
195
|
appendBox?: boolean;
|
|
175
|
-
errorAppendBox?: boolean;
|
|
176
196
|
selectedOptions: Array<PoMultiselectOption | any>;
|
|
177
197
|
visibleOptionsDropdown: Array<PoMultiselectOption | any>;
|
|
178
198
|
visibleTags: any[];
|
|
@@ -449,10 +469,9 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
449
469
|
abstract applyFilter(value?: string): Observable<Array<PoMultiselectOption | any>>;
|
|
450
470
|
abstract updateVisibleItems(): void;
|
|
451
471
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoMultiselectBaseComponent, never>;
|
|
452
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoMultiselectBaseComponent, never, never, { "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "placeholderSearch": { "alias": "p-placeholder-search"; "required": false; }; "name": { "alias": "name"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "
|
|
472
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoMultiselectBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "placeholderSearch": { "alias": "p-placeholder-search"; "required": false; }; "name": { "alias": "name"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "autoHeight": { "alias": "p-auto-height"; "required": false; }; "debounceTime": { "alias": "p-debounce-time"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "hideSearch": { "alias": "p-hide-search"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; }, never, never, true, never>;
|
|
453
473
|
static ngAcceptInputType_autoFocus: any;
|
|
454
474
|
static ngAcceptInputType_hideSelectAll: any;
|
|
455
475
|
static ngAcceptInputType_appendBox: any;
|
|
456
|
-
static ngAcceptInputType_errorAppendBox: any;
|
|
457
476
|
static ngAcceptInputType_autoHeight: any;
|
|
458
477
|
}
|
|
@@ -80,6 +80,7 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
|
|
|
80
80
|
ngOnChanges(changes: SimpleChanges): void;
|
|
81
81
|
ngDoCheck(): void;
|
|
82
82
|
ngOnDestroy(): void;
|
|
83
|
+
emitAdditionalHelp(): void;
|
|
83
84
|
/**
|
|
84
85
|
* Função que atribui foco ao componente.
|
|
85
86
|
*
|
|
@@ -98,6 +99,7 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
|
|
|
98
99
|
* ```
|
|
99
100
|
*/
|
|
100
101
|
focus(): void;
|
|
102
|
+
getAdditionalHelpTooltip(): string;
|
|
101
103
|
getInputWidth(): number;
|
|
102
104
|
getTagsWidth(): any[];
|
|
103
105
|
getErrorPattern(): string;
|
|
@@ -116,6 +118,7 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
|
|
|
116
118
|
setVisibleOptionsDropdown(options: any): void;
|
|
117
119
|
changeSearch(event: any): void;
|
|
118
120
|
closeTag(value: any, event: any): void;
|
|
121
|
+
showAdditionalHelpIcon(): boolean;
|
|
119
122
|
wasClickedOnToggle(event: MouseEvent): void;
|
|
120
123
|
applyFilter(value?: string): Observable<Array<PoMultiselectOption | any>>;
|
|
121
124
|
private applyFilterInFirstClick;
|
|
@@ -131,6 +134,7 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
|
|
|
131
134
|
private handleKeyDown;
|
|
132
135
|
private initializeTagRemoveElements;
|
|
133
136
|
private initializeListeners;
|
|
137
|
+
private isAdditionalHelpEventTriggered;
|
|
134
138
|
private onScroll;
|
|
135
139
|
private open;
|
|
136
140
|
private removeListeners;
|
|
@@ -51,6 +51,31 @@ import * as i0 from "@angular/core";
|
|
|
51
51
|
*
|
|
52
52
|
*/
|
|
53
53
|
export declare abstract class PoRadioGroupBaseComponent implements ControlValueAccessor, Validator {
|
|
54
|
+
additionalHelpEventTrigger: string | undefined;
|
|
55
|
+
/**
|
|
56
|
+
* @optional
|
|
57
|
+
*
|
|
58
|
+
* @description
|
|
59
|
+
* Exibe um ícone de ajuda adicional ao `p-help`, com o texto desta propriedade no tooltip.
|
|
60
|
+
* Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
|
|
61
|
+
* **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
|
|
62
|
+
* > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
|
|
63
|
+
*/
|
|
64
|
+
additionalHelpTooltip?: string;
|
|
65
|
+
/**
|
|
66
|
+
* @optional
|
|
67
|
+
*
|
|
68
|
+
* @description
|
|
69
|
+
*
|
|
70
|
+
* Define que o tooltip (`p-additional-help-tooltip` e/ou `p-error-limit`) será incluído no body da página e não
|
|
71
|
+
* dentro do componente. Essa opção pode ser necessária em cenários com containers que possuem scroll ou overflow
|
|
72
|
+
* escondido, garantindo o posicionamento correto do tooltip próximo ao elemento.
|
|
73
|
+
*
|
|
74
|
+
* > Quando utilizado com `p-additional-help-tooltip`, leitores de tela como o NVDA podem não ler o conteúdo do tooltip.
|
|
75
|
+
*
|
|
76
|
+
* @default `false`
|
|
77
|
+
*/
|
|
78
|
+
appendBox?: boolean;
|
|
54
79
|
/**
|
|
55
80
|
* @optional
|
|
56
81
|
*
|
|
@@ -90,6 +115,14 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
|
|
|
90
115
|
*
|
|
91
116
|
*/
|
|
92
117
|
fieldErrorMessage: string;
|
|
118
|
+
/**
|
|
119
|
+
* @optional
|
|
120
|
+
*
|
|
121
|
+
* @description
|
|
122
|
+
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
123
|
+
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
124
|
+
*/
|
|
125
|
+
additionalHelp: EventEmitter<any>;
|
|
93
126
|
/**
|
|
94
127
|
* @optional
|
|
95
128
|
*
|
|
@@ -195,6 +228,7 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
|
|
|
195
228
|
private validateModel;
|
|
196
229
|
abstract getElementByValue(value: any): any;
|
|
197
230
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoRadioGroupBaseComponent, never>;
|
|
198
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoRadioGroupBaseComponent, never, never, { "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "columns": { "alias": "p-columns"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "change": "p-change"; }, never, never, true, never>;
|
|
231
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoRadioGroupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "columns": { "alias": "p-columns"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; }, never, never, true, never>;
|
|
232
|
+
static ngAcceptInputType_appendBox: any;
|
|
199
233
|
static ngAcceptInputType_autoFocus: any;
|
|
200
234
|
}
|
|
@@ -43,6 +43,7 @@ export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent imp
|
|
|
43
43
|
constructor(differs: IterableDiffers, el: ElementRef, cd: ChangeDetectorRef);
|
|
44
44
|
ngAfterViewInit(): void;
|
|
45
45
|
ngDoCheck(): void;
|
|
46
|
+
emitAdditionalHelp(): void;
|
|
46
47
|
eventClick(value: any, disabled: any): void;
|
|
47
48
|
/**
|
|
48
49
|
* Função que atribui foco ao componente.
|
|
@@ -62,10 +63,13 @@ export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent imp
|
|
|
62
63
|
* ```
|
|
63
64
|
*/
|
|
64
65
|
focus(): void;
|
|
66
|
+
getAdditionalHelpTooltip(): string;
|
|
65
67
|
getElementByValue(value: any): any;
|
|
66
68
|
getErrorPattern(): string;
|
|
67
69
|
hasInvalidClass(): any;
|
|
68
70
|
onKeyUp(event: KeyboardEvent, value: any): void;
|
|
71
|
+
showAdditionalHelpIcon(): boolean;
|
|
72
|
+
private isAdditionalHelpEventTriggered;
|
|
69
73
|
private isArrowKey;
|
|
70
74
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoRadioGroupComponent, never>;
|
|
71
75
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoRadioGroupComponent, "po-radio-group", never, { "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; }, {}, never, never, false, never>;
|
|
@@ -14,6 +14,30 @@ import * as i0 from "@angular/core";
|
|
|
14
14
|
*/
|
|
15
15
|
export declare abstract class PoRichTextBaseComponent implements ControlValueAccessor, Validator {
|
|
16
16
|
private richTextService;
|
|
17
|
+
/**
|
|
18
|
+
* @optional
|
|
19
|
+
*
|
|
20
|
+
* @description
|
|
21
|
+
* Exibe um ícone de ajuda adicional ao `p-help`, com o texto desta propriedade no tooltip.
|
|
22
|
+
* Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
|
|
23
|
+
* **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
|
|
24
|
+
* > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
|
|
25
|
+
*/
|
|
26
|
+
additionalHelpTooltip?: string;
|
|
27
|
+
/**
|
|
28
|
+
* @optional
|
|
29
|
+
*
|
|
30
|
+
* @description
|
|
31
|
+
*
|
|
32
|
+
* Define que o tooltip (`p-additional-help-tooltip` e/ou `p-error-limit`) será incluído no body da página e não
|
|
33
|
+
* dentro do componente. Essa opção pode ser necessária em cenários com containers que possuem scroll ou overflow
|
|
34
|
+
* escondido, garantindo o posicionamento correto do tooltip próximo ao elemento.
|
|
35
|
+
*
|
|
36
|
+
* > Quando utilizado com `p-additional-help-tooltip`, leitores de tela como o NVDA podem não ler o conteúdo do tooltip.
|
|
37
|
+
*
|
|
38
|
+
* @default `false`
|
|
39
|
+
*/
|
|
40
|
+
appendBox?: boolean;
|
|
17
41
|
/**
|
|
18
42
|
* @optional
|
|
19
43
|
*
|
|
@@ -111,6 +135,14 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
|
|
|
111
135
|
*/
|
|
112
136
|
set hideToolbarActions(actions: Array<PoRichTextToolbarActions> | PoRichTextToolbarActions);
|
|
113
137
|
get hideToolbarActions(): Array<PoRichTextToolbarActions>;
|
|
138
|
+
/**
|
|
139
|
+
* @optional
|
|
140
|
+
*
|
|
141
|
+
* @description
|
|
142
|
+
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
143
|
+
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
144
|
+
*/
|
|
145
|
+
additionalHelp: EventEmitter<any>;
|
|
114
146
|
/**
|
|
115
147
|
* @optional
|
|
116
148
|
*
|
|
@@ -198,7 +230,8 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
|
|
|
198
230
|
protected updateModel(value: any): void;
|
|
199
231
|
protected validateModel(value: any): void;
|
|
200
232
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoRichTextBaseComponent, never>;
|
|
201
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoRichTextBaseComponent, never, never, { "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "disabledTextAlign": { "alias": "p-disabled-text-align"; "required": false; }; "errorMessage": { "alias": "p-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "hideToolbarActions": { "alias": "p-hide-toolbar-actions"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; }, { "change": "p-change"; "changeModel": "p-change-model"; }, never, never, true, never>;
|
|
233
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoRichTextBaseComponent, never, never, { "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "disabledTextAlign": { "alias": "p-disabled-text-align"; "required": false; }; "errorMessage": { "alias": "p-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "hideToolbarActions": { "alias": "p-hide-toolbar-actions"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "changeModel": "p-change-model"; }, never, never, true, never>;
|
|
234
|
+
static ngAcceptInputType_appendBox: any;
|
|
202
235
|
static ngAcceptInputType_autoFocus: any;
|
|
203
236
|
static ngAcceptInputType_disabledTextAlign: any;
|
|
204
237
|
}
|
|
@@ -31,6 +31,31 @@ import * as i0 from "@angular/core";
|
|
|
31
31
|
*/
|
|
32
32
|
export declare abstract class PoTextareaBaseComponent implements ControlValueAccessor, Validator {
|
|
33
33
|
cd: ChangeDetectorRef;
|
|
34
|
+
additionalHelpEventTrigger: string | undefined;
|
|
35
|
+
/**
|
|
36
|
+
* @optional
|
|
37
|
+
*
|
|
38
|
+
* @description
|
|
39
|
+
* Exibe um ícone de ajuda adicional ao `p-help`, com o texto desta propriedade no tooltip.
|
|
40
|
+
* Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
|
|
41
|
+
* **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
|
|
42
|
+
* > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
|
|
43
|
+
*/
|
|
44
|
+
additionalHelpTooltip?: string;
|
|
45
|
+
/**
|
|
46
|
+
* @optional
|
|
47
|
+
*
|
|
48
|
+
* @description
|
|
49
|
+
*
|
|
50
|
+
* Define que o tooltip (`p-additional-help-tooltip` e/ou `p-error-limit`) será incluído no body da página e não
|
|
51
|
+
* dentro do componente. Essa opção pode ser necessária em cenários com containers que possuem scroll ou overflow
|
|
52
|
+
* escondido, garantindo o posicionamento correto do tooltip próximo ao elemento.
|
|
53
|
+
*
|
|
54
|
+
* > Quando utilizado com `p-additional-help-tooltip`, leitores de tela como o NVDA podem não ler o conteúdo do tooltip.
|
|
55
|
+
*
|
|
56
|
+
* @default `false`
|
|
57
|
+
*/
|
|
58
|
+
appendBox?: boolean;
|
|
34
59
|
/**
|
|
35
60
|
* @optional
|
|
36
61
|
*
|
|
@@ -74,6 +99,14 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
|
|
|
74
99
|
*
|
|
75
100
|
*/
|
|
76
101
|
fieldErrorMessage: string;
|
|
102
|
+
/**
|
|
103
|
+
* @optional
|
|
104
|
+
*
|
|
105
|
+
* @description
|
|
106
|
+
* Evento disparado ao clicar no ícone de ajuda adicional.
|
|
107
|
+
* Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
|
|
108
|
+
*/
|
|
109
|
+
additionalHelp: EventEmitter<any>;
|
|
77
110
|
/**
|
|
78
111
|
* @optional
|
|
79
112
|
*
|
|
@@ -218,6 +251,7 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
|
|
|
218
251
|
protected validateModel(): void;
|
|
219
252
|
abstract writeValueModel(value: any): void;
|
|
220
253
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoTextareaBaseComponent, never>;
|
|
221
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoTextareaBaseComponent, never, never, { "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "minlength": { "alias": "p-minlength"; "required": false; }; "maxlength": { "alias": "p-maxlength"; "required": false; }; "rows": { "alias": "p-rows"; "required": false; }; }, { "blur": "p-blur"; "enter": "p-enter"; "change": "p-change"; "changeModel": "p-change-model"; }, never, never, true, never>;
|
|
254
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoTextareaBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "minlength": { "alias": "p-minlength"; "required": false; }; "maxlength": { "alias": "p-maxlength"; "required": false; }; "rows": { "alias": "p-rows"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "blur": "p-blur"; "enter": "p-enter"; "change": "p-change"; "changeModel": "p-change-model"; }, never, never, true, never>;
|
|
255
|
+
static ngAcceptInputType_appendBox: any;
|
|
222
256
|
static ngAcceptInputType_autoFocus: any;
|
|
223
257
|
}
|