@po-ui/ng-components 19.32.0 → 19.33.0

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