@po-ui/ng-components 19.0.0 → 19.1.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.
Files changed (49) hide show
  1. package/fesm2022/po-ui-ng-components.mjs +1512 -574
  2. package/fesm2022/po-ui-ng-components.mjs.map +1 -1
  3. package/lib/components/po-chart/enums/po-chart-label-format.enum.d.ts +32 -0
  4. package/lib/components/po-chart/index.d.ts +1 -0
  5. package/lib/components/po-chart/interfaces/po-chart-axis-options.interface.d.ts +9 -0
  6. package/lib/components/po-chart/po-chart-container/po-chart-axis/po-chart-axis-label/po-chart-axis-label.component.d.ts +8 -2
  7. package/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-field.interface.d.ts +42 -1
  8. package/lib/components/po-field/po-checkbox/po-checkbox-base.component.d.ts +41 -1
  9. package/lib/components/po-field/po-checkbox/po-checkbox.component.d.ts +4 -0
  10. package/lib/components/po-field/po-checkbox/po-checkbox.module.d.ts +2 -1
  11. package/lib/components/po-field/po-checkbox-group/po-checkbox-group-base.component.d.ts +35 -1
  12. package/lib/components/po-field/po-checkbox-group/po-checkbox-group.component.d.ts +4 -0
  13. package/lib/components/po-field/po-combo/po-combo-base.component.d.ts +25 -6
  14. package/lib/components/po-field/po-combo/po-combo.component.d.ts +5 -0
  15. package/lib/components/po-field/po-datepicker/po-datepicker-base.component.d.ts +24 -7
  16. package/lib/components/po-field/po-datepicker/po-datepicker.component.d.ts +4 -0
  17. package/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.d.ts +35 -1
  18. package/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.d.ts +4 -0
  19. package/lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.d.ts +11 -3
  20. package/lib/components/po-field/po-field-validate.model.d.ts +1 -3
  21. package/lib/components/po-field/po-field.model.d.ts +39 -1
  22. package/lib/components/po-field/po-input/po-input-base.component.d.ts +39 -3
  23. package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts +35 -3
  24. package/lib/components/po-field/po-lookup/po-lookup.component.d.ts +4 -0
  25. package/lib/components/po-field/po-multiselect/po-multiselect-base.component.d.ts +25 -6
  26. package/lib/components/po-field/po-multiselect/po-multiselect.component.d.ts +4 -0
  27. package/lib/components/po-field/po-radio-group/po-radio-group-base.component.d.ts +35 -1
  28. package/lib/components/po-field/po-radio-group/po-radio-group.component.d.ts +4 -0
  29. package/lib/components/po-field/po-rich-text/po-rich-text-base.component.d.ts +34 -1
  30. package/lib/components/po-field/po-textarea/po-textarea-base.component.d.ts +35 -1
  31. package/lib/components/po-field/po-textarea/po-textarea.component.d.ts +4 -0
  32. package/lib/components/po-field/po-upload/po-upload-base.component.d.ts +35 -1
  33. package/lib/components/po-field/po-upload/po-upload.component.d.ts +4 -0
  34. package/lib/components/po-listbox/po-item-list/po-item-list.component.d.ts +1 -0
  35. package/package.json +4 -4
  36. package/po-ui-ng-components-19.1.0.tgz +0 -0
  37. package/schematics/ng-add/index.js +1 -1
  38. package/schematics/ng-update/v14/index.js +1 -1
  39. package/schematics/ng-update/v15/index.js +1 -1
  40. package/schematics/ng-update/v16/index.js +1 -1
  41. package/schematics/ng-update/v17/index.js +1 -1
  42. package/schematics/ng-update/v18/index.js +2 -2
  43. package/schematics/ng-update/v19/index.js +2 -2
  44. package/schematics/ng-update/v2/index.js +1 -1
  45. package/schematics/ng-update/v3/index.js +1 -1
  46. package/schematics/ng-update/v4/index.js +1 -1
  47. package/schematics/ng-update/v5/index.js +1 -1
  48. package/schematics/ng-update/v6/index.js +1 -1
  49. 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
- appendBox?: boolean;
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, { "errorPattern": { "alias": "p-error-pattern"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; }, {}, never, never, false, 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; }; "errorAppendBox": { "alias": "p-error-append-in-body"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; }, {}, never, never, true, never>;
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, { "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; }; "errorAppendBox": { "alias": "p-error-append-in-body"; "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; }; }, { "blur": "p-blur"; "enter": "p-enter"; "change": "p-change"; "changeModel": "p-change-model"; }, never, never, true, 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; }; "errorAppendBox": { "alias": "p-error-append-in-body"; "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; }; }, { "onError": "p-error"; "selected": "p-selected"; "change": "p-change"; "changeVisibleColumns": "p-change-visible-columns"; "columnRestoreManager": "p-restore-column-manager"; }, never, never, true, never>;
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 dropdown do multiselect será incluido no body da página e não suspenso com a caixa de texto do componente.
168
- * Opção necessária para o caso de uso do componente em páginas que necessitam renderizar o multiselect fora do conteúdo principal.
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
- * > Obs: O uso dessa propriedade pode acarretar na perda sequencial da tabulação da página
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; }; "errorAppendBox": { "alias": "p-error-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; }; }, { "change": "p-change"; }, never, never, true, never>;
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
  }