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