@po-ui/ng-components 19.32.0 → 19.34.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 (97) 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/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-dropdown/po-dropdown-action.interface.d.ts +10 -0
  6. package/lib/components/po-dropdown/po-dropdown.component.d.ts +5 -0
  7. package/lib/components/po-dynamic/po-dynamic-form/interfaces/po-dynamic-form-field.interface.d.ts +10 -5
  8. package/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form.component.d.ts +2 -2
  9. package/lib/components/po-dynamic/po-dynamic-view/po-dynamic-view-base.component.d.ts +16 -1
  10. package/lib/components/po-field/po-checkbox/po-checkbox-base.component.d.ts +6 -8
  11. package/lib/components/po-field/po-checkbox/po-checkbox.component.d.ts +3 -12
  12. package/lib/components/po-field/po-checkbox-group/po-checkbox-group-base.component.d.ts +6 -8
  13. package/lib/components/po-field/po-checkbox-group/po-checkbox-group.component.d.ts +7 -12
  14. package/lib/components/po-field/po-checkbox-group/po-checkbox-group.module.d.ts +2 -1
  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/po-datepicker.module.d.ts +2 -1
  20. package/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.d.ts +5 -7
  21. package/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.d.ts +4 -12
  22. package/lib/components/po-field/po-decimal/po-decimal.component.d.ts +3 -4
  23. package/lib/components/po-field/po-email/po-email.component.d.ts +3 -3
  24. package/lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.d.ts +3 -1
  25. package/lib/components/po-field/po-field-container/po-field-container.component.d.ts +3 -1
  26. package/lib/components/po-field/po-field.model.d.ts +7 -16
  27. package/lib/components/po-field/po-input/po-input-base.component.d.ts +12 -19
  28. package/lib/components/po-field/po-input/po-input.component.d.ts +3 -3
  29. package/lib/components/po-field/po-input-generic/po-input-generic.d.ts +0 -2
  30. package/lib/components/po-field/po-login/po-login.component.d.ts +3 -1
  31. package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts +6 -8
  32. package/lib/components/po-field/po-lookup/po-lookup-modal/po-lookup-modal.component.d.ts +1 -1
  33. package/lib/components/po-field/po-lookup/po-lookup.component.d.ts +8 -14
  34. package/lib/components/po-field/po-multiselect/po-multiselect-base.component.d.ts +6 -8
  35. package/lib/components/po-field/po-multiselect/po-multiselect.component.d.ts +4 -12
  36. package/lib/components/po-field/po-number/po-number.component.d.ts +3 -2
  37. package/lib/components/po-field/po-password/po-password.component.d.ts +3 -1
  38. package/lib/components/po-field/po-radio/po-radio.component.d.ts +11 -1
  39. package/lib/components/po-field/po-radio-group/po-radio-group-base.component.d.ts +6 -8
  40. package/lib/components/po-field/po-radio-group/po-radio-group.component.d.ts +7 -12
  41. package/lib/components/po-field/po-radio-group/po-radio-group.module.d.ts +2 -1
  42. package/lib/components/po-field/po-rich-text/po-rich-text-base.component.d.ts +6 -8
  43. package/lib/components/po-field/po-rich-text/po-rich-text-body/po-rich-text-body.component.d.ts +1 -2
  44. package/lib/components/po-field/po-rich-text/po-rich-text.component.d.ts +4 -10
  45. package/lib/components/po-field/po-select/po-select.component.d.ts +7 -14
  46. package/lib/components/po-field/po-switch/po-switch.component.d.ts +33 -6
  47. package/lib/components/po-field/po-textarea/po-textarea-base.component.d.ts +6 -8
  48. package/lib/components/po-field/po-textarea/po-textarea.component.d.ts +7 -12
  49. package/lib/components/po-field/po-upload/po-upload-base.component.d.ts +6 -8
  50. package/lib/components/po-field/po-upload/po-upload.component.d.ts +5 -11
  51. package/lib/components/po-field/po-url/po-url.component.d.ts +3 -2
  52. package/lib/components/po-helper/po-helper-base.component.d.ts +12 -1
  53. package/lib/components/po-helper/po-helper.component.d.ts +1 -0
  54. package/lib/components/po-info/po-info-base.component.d.ts +16 -1
  55. package/lib/components/po-listbox/interfaces/po-listbox-literals.interface.d.ts +2 -0
  56. package/lib/components/po-listbox/po-item-list/po-item-list-base.component.d.ts +2 -1
  57. package/lib/components/po-listbox/po-listbox-base.component.d.ts +9 -8
  58. package/lib/components/po-listbox/po-listbox.component.d.ts +14 -3
  59. package/lib/components/po-listbox/po-listbox.module.d.ts +3 -2
  60. package/lib/components/po-loading/po-loading-base.component.d.ts +7 -4
  61. package/lib/components/po-page/interfaces/po-page-action.interface.d.ts +6 -5
  62. package/lib/components/po-page/po-page-default/po-page-default-base.component.d.ts +9 -8
  63. package/lib/components/po-page/po-page-detail/po-page-detail-base.component.d.ts +14 -0
  64. package/lib/components/po-page/po-page-edit/po-page-edit-base.component.d.ts +14 -0
  65. package/lib/components/po-page/po-page-header/po-page-header-base.component.d.ts +3 -1
  66. package/lib/components/po-page/po-page-list/po-page-list-base.component.d.ts +14 -0
  67. package/lib/components/po-popover/po-popover-base.component.d.ts +13 -1
  68. package/lib/components/po-popover/po-popover.component.d.ts +11 -0
  69. package/lib/components/po-popup/po-popup-action.interface.d.ts +36 -4
  70. package/lib/components/po-popup/po-popup-base.component.d.ts +2 -1
  71. package/lib/components/po-search/po-search-base.component.d.ts +17 -1
  72. package/lib/components/po-search/po-search.component.d.ts +1 -1
  73. package/lib/components/po-table/enums/po-table-spacing.enum.d.ts +1 -1
  74. package/lib/components/po-tag/po-tag-base.component.d.ts +1 -0
  75. package/lib/enums/po-density-mode.enum.d.ts +14 -0
  76. package/lib/enums/po-field-size.enum.d.ts +5 -3
  77. package/lib/services/po-theme/helpers/accessibilities/po-theme-density.constant.d.ts +12 -0
  78. package/lib/services/po-theme/helpers/types/po-theme-dark-defaults-AA.constant.d.ts +4 -0
  79. package/lib/services/po-theme/helpers/types/po-theme-dark-defaults.constant.d.ts +5 -0
  80. package/lib/services/po-theme/po-theme.module.d.ts +1 -1
  81. package/lib/services/po-theme/po-theme.service.d.ts +39 -11
  82. package/lib/utils/util.d.ts +9 -2
  83. package/package.json +4 -4
  84. package/po-ui-ng-components-19.34.0.tgz +0 -0
  85. package/schematics/ng-add/index.js +1 -1
  86. package/schematics/ng-update/v14/index.js +1 -1
  87. package/schematics/ng-update/v15/index.js +1 -1
  88. package/schematics/ng-update/v16/index.js +1 -1
  89. package/schematics/ng-update/v17/index.js +1 -1
  90. package/schematics/ng-update/v18/index.js +2 -2
  91. package/schematics/ng-update/v19/index.js +2 -2
  92. package/schematics/ng-update/v2/index.js +1 -1
  93. package/schematics/ng-update/v3/index.js +1 -1
  94. package/schematics/ng-update/v4/index.js +1 -1
  95. package/schematics/ng-update/v5/index.js +1 -1
  96. package/schematics/ng-update/v6/index.js +1 -1
  97. package/po-ui-ng-components-19.32.0.tgz +0 -0
@@ -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
  }
@@ -60,8 +60,7 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
60
60
  * @optional
61
61
  *
62
62
  * @description
63
- * Exibe um ícone de ajuda adicional ao `p-help`, com o texto desta propriedade no tooltip.
64
- * Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
63
+ * Exibe um ícone de ajuda adicional, com o texto desta propriedade sendo passado para o popover do componente `po-helper`.
65
64
  * **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
66
65
  * > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
67
66
  *
@@ -73,11 +72,11 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
73
72
  *
74
73
  * @description
75
74
  *
76
- * Define que o tooltip (`p-additional-help-tooltip` e/ou `p-error-limit`) será incluído no body da página e não
75
+ * Define que o popover (`p-helper` e/ou `p-error-limit`) será incluído no body da página e não
77
76
  * dentro do componente. Essa opção pode ser necessária em cenários com containers que possuem scroll ou overflow
78
77
  * escondido, garantindo o posicionamento correto do tooltip próximo ao elemento.
79
78
  *
80
- * > Quando utilizado com `p-additional-help-tooltip`, leitores de tela como o NVDA podem não ler o conteúdo do tooltip.
79
+ * > Quando utilizado com `p-helper`, leitores de tela como o NVDA podem não ler o conteúdo do popover.
81
80
  *
82
81
  * @default `false`
83
82
  */
@@ -141,10 +140,10 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
141
140
  *
142
141
  * @description
143
142
  *
144
- * Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label.
143
+ * 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`.
144
+ * > Para mais informações acesse: https://po-ui.io/documentation/po-helper.
145
145
  *
146
- * > Caso o `p-label` não esteja definido, o componente po-helper não será exibido.
147
- * Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
146
+ * > Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
148
147
  */
149
148
  poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
150
149
  /**
@@ -169,7 +168,6 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
169
168
  *
170
169
  * @description
171
170
  * Evento disparado ao clicar no ícone de ajuda adicional.
172
- * Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
173
171
  *
174
172
  * > 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.
175
173
  */
@@ -1,6 +1,7 @@
1
- import { AfterViewInit, DoCheck, ElementRef, QueryList } from '@angular/core';
1
+ import { AfterViewInit, DoCheck, ElementRef, QueryList, OnChanges, SimpleChanges } from '@angular/core';
2
2
  import { PoRadioComponent } from '../po-radio/po-radio.component';
3
3
  import { PoRadioGroupBaseComponent } from './po-radio-group-base.component';
4
+ import { PoHelperComponent } from '../../po-helper';
4
5
  import * as i0 from "@angular/core";
5
6
  /**
6
7
  * @docsExtends PoRadioGroupBaseComponent
@@ -28,7 +29,7 @@ import * as i0 from "@angular/core";
28
29
  * </example>
29
30
  *
30
31
  */
31
- export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent implements AfterViewInit, DoCheck {
32
+ export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent implements AfterViewInit, DoCheck, OnChanges {
32
33
  private el;
33
34
  private cd;
34
35
  /** Label do campo. */
@@ -37,10 +38,12 @@ export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent imp
37
38
  help?: string;
38
39
  inputEl: ElementRef;
39
40
  radioLabels: QueryList<PoRadioComponent>;
41
+ helperEl?: PoHelperComponent;
40
42
  differ: any;
41
43
  constructor();
42
44
  ngAfterViewInit(): void;
43
45
  ngDoCheck(): void;
46
+ ngOnChanges(changes: SimpleChanges): void;
44
47
  emitAdditionalHelp(): void;
45
48
  eventClick(value: any, disabled: any): void;
46
49
  /**
@@ -70,20 +73,12 @@ export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent imp
70
73
  onKeyUp(event: KeyboardEvent, value: any): void;
71
74
  /**
72
75
  *
73
- * Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
76
+ * Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
74
77
  * Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
75
78
  *
76
- * > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco e com label visível.
79
+ * > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco.
77
80
  *
78
81
  * ```
79
- * <po-radio-group
80
- * #radioGroup
81
- * ...
82
- * p-additional-help-tooltip="Mensagem de ajuda complementar"
83
- * (p-keydown)="onKeyDown($event, radioGroup)"
84
- * ></po-radio-group>
85
- * ```
86
- * ```
87
82
  * // Exemplo com p-label e p-helper
88
83
  * <po-radio-group
89
84
  * #radioGroup
@@ -4,6 +4,7 @@ import * as i2 from "@angular/common";
4
4
  import * as i3 from "@angular/forms";
5
5
  import * as i4 from "../po-field-container/po-field-container.module";
6
6
  import * as i5 from "../po-radio/po-radio.module";
7
+ import * as i6 from "../../po-helper/po-helper.module";
7
8
  /**
8
9
  * @description
9
10
  *
@@ -11,6 +12,6 @@ import * as i5 from "../po-radio/po-radio.module";
11
12
  */
12
13
  export declare class PoRadioGroupModule {
13
14
  static ɵfac: i0.ɵɵFactoryDeclaration<PoRadioGroupModule, never>;
14
- static ɵmod: i0.ɵɵNgModuleDeclaration<PoRadioGroupModule, [typeof i1.PoRadioGroupComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.PoFieldContainerModule, typeof i5.PoRadioModule], [typeof i1.PoRadioGroupComponent]>;
15
+ static ɵmod: i0.ɵɵNgModuleDeclaration<PoRadioGroupModule, [typeof i1.PoRadioGroupComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.PoFieldContainerModule, typeof i5.PoRadioModule, typeof i6.PoHelperModule], [typeof i1.PoRadioGroupComponent]>;
15
16
  static ɵinj: i0.ɵɵInjectorDeclaration<PoRadioGroupModule>;
16
17
  }
@@ -22,8 +22,7 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
22
22
  * @optional
23
23
  *
24
24
  * @description
25
- * Exibe um ícone de ajuda adicional ao `p-help`, com o texto desta propriedade no tooltip.
26
- * Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
25
+ * Exibe um ícone de ajuda adicional, com o texto desta propriedade sendo passado para o popover do componente `po-helper`.
27
26
  * **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
28
27
  * > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
29
28
  *
@@ -35,11 +34,11 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
35
34
  *
36
35
  * @description
37
36
  *
38
- * Define que o tooltip (`p-additional-help-tooltip` e/ou `p-error-limit`) será incluído no body da página e não
37
+ * Define que o popover (`p-helper` e/ou `p-error-limit`) será incluído no body da página e não
39
38
  * dentro do componente. Essa opção pode ser necessária em cenários com containers que possuem scroll ou overflow
40
39
  * escondido, garantindo o posicionamento correto do tooltip próximo ao elemento.
41
40
  *
42
- * > Quando utilizado com `p-additional-help-tooltip`, leitores de tela como o NVDA podem não ler o conteúdo do tooltip.
41
+ * > Quando utilizado com `p-helper`, leitores de tela como o NVDA podem não ler o conteúdo do popover.
43
42
  *
44
43
  * @default `false`
45
44
  */
@@ -148,10 +147,10 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
148
147
  *
149
148
  * @description
150
149
  *
151
- * Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label.
150
+ * 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`.
151
+ * > Para mais informações acesse: https://po-ui.io/documentation/po-helper.
152
152
  *
153
- * > Caso o `p-label` não esteja definido, o componente po-helper não será exibido.
154
- * Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
153
+ * > Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
155
154
  */
156
155
  poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
157
156
  /**
@@ -176,7 +175,6 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
176
175
  *
177
176
  * @description
178
177
  * Evento disparado ao clicar no ícone de ajuda adicional.
179
- * Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
180
178
  *
181
179
  * > 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.
182
180
  */
@@ -8,12 +8,11 @@ export declare class PoRichTextBodyComponent implements OnInit, OnDestroy {
8
8
  modelValue?: string;
9
9
  placeholder?: string;
10
10
  readonly?: string;
11
- /** Tamanho do fonte */
12
- size?: string;
13
11
  change: EventEmitter<any>;
14
12
  commands: EventEmitter<any>;
15
13
  keydown: EventEmitter<KeyboardEvent>;
16
14
  selectedLink: EventEmitter<any>;
15
+ size: string;
17
16
  shortcutCommand: EventEmitter<any>;
18
17
  value: EventEmitter<any>;
19
18
  blur: EventEmitter<any>;
@@ -3,6 +3,7 @@ import { PoRichTextToolbarActions } from './enum/po-rich-text-toolbar-actions.en
3
3
  import { PoRichTextBaseComponent } from './po-rich-text-base.component';
4
4
  import { PoRichTextBodyComponent } from './po-rich-text-body/po-rich-text-body.component';
5
5
  import { PoRichTextToolbarComponent } from './po-rich-text-toolbar/po-rich-text-toolbar.component';
6
+ import { PoHelperComponent } from '../../po-helper';
6
7
  import * as i0 from "@angular/core";
7
8
  /**
8
9
  * @docsExtends PoRichTextBaseComponent
@@ -29,6 +30,7 @@ export declare class PoRichTextComponent extends PoRichTextBaseComponent impleme
29
30
  private element;
30
31
  bodyElement: PoRichTextBodyComponent;
31
32
  richTextToolbar: PoRichTextToolbarComponent;
33
+ helperEl?: PoHelperComponent;
32
34
  private listener;
33
35
  private modelLastUpdate;
34
36
  toolbarActions: Array<PoRichTextToolbarActions>;
@@ -60,20 +62,12 @@ export declare class PoRichTextComponent extends PoRichTextBaseComponent impleme
60
62
  onChangeValue(value: any): void;
61
63
  onKeyDown(event: KeyboardEvent): void;
62
64
  /**
63
- * Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
65
+ * Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
64
66
  * Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
65
67
  *
66
- * > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco e com label visível.
68
+ * > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco.
67
69
  *
68
70
  * ```
69
- * <po-rich-text
70
- * #richtext
71
- * ...
72
- * p-additional-help-tooltip="Mensagem de ajuda complementar"
73
- * (p-keydown)="onKeyDown($event, richtext)"
74
- * ></po-rich-text>
75
- * ```
76
- * ```
77
71
  * // Exemplo com p-label e p-helper
78
72
  * <po-rich-text
79
73
  * #richtext
@@ -3,7 +3,7 @@ import { AbstractControl } from '@angular/forms';
3
3
  import { PoFieldValidateModel } from '../po-field-validate.model';
4
4
  import { PoSelectOptionGroup } from './po-select-option-group.interface';
5
5
  import { PoSelectOption } from './po-select-option.interface';
6
- import { PoHelperOptions } from '../../po-helper';
6
+ import { PoHelperComponent, PoHelperOptions } from '../../po-helper';
7
7
  import * as i0 from "@angular/core";
8
8
  /**
9
9
  * @docsExtends PoFieldValidateModel
@@ -78,6 +78,7 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
78
78
  renderer: Renderer2;
79
79
  private _iconToken;
80
80
  selectElement: ElementRef;
81
+ helperEl?: PoHelperComponent;
81
82
  /**
82
83
  * @optional
83
84
  *
@@ -214,10 +215,10 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
214
215
  *
215
216
  * @description
216
217
  *
217
- * Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label.
218
+ * 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`.
219
+ * > Para mais informações acesse: https://po-ui.io/documentation/po-helper.
218
220
  *
219
- * > Caso o `p-label` não esteja definido, o componente po-helper não será exibido.
220
- * Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
221
+ * > Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
221
222
  */
222
223
  poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
223
224
  /**
@@ -269,19 +270,11 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
269
270
  onKeyDown(event: KeyboardEvent): void;
270
271
  registerOnTouched(fn: any): void;
271
272
  /**
272
- * Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
273
+ * Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
273
274
  * Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
274
275
  *
275
- * > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco e com label visível.
276
+ * > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco.
276
277
  *
277
- * ```html
278
- * <po-select
279
- * #select
280
- * ...
281
- * p-additional-help-tooltip="Mensagem de ajuda complementar"
282
- * (p-keydown)="onKeyDown($event, select)"
283
- * ></po-select>
284
- * ```
285
278
  * ```
286
279
  * //Exemplo com p-label e p-helper
287
280
  * <po-select
@@ -1,8 +1,8 @@
1
- import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
1
+ import { AfterViewInit, ElementRef, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
2
2
  import { AbstractControl, ValidationErrors, Validator } from '@angular/forms';
3
3
  import { PoFieldModel } from '../po-field.model';
4
4
  import { PoSwitchLabelPosition } from './po-switch-label-position.enum';
5
- import { PoHelperOptions } from '../../po-helper';
5
+ import { PoHelperComponent, PoHelperOptions } from '../../po-helper';
6
6
  import * as i0 from "@angular/core";
7
7
  /**
8
8
  * @docsExtends PoFieldModel
@@ -77,10 +77,11 @@ import * as i0 from "@angular/core";
77
77
  * <file name="sample-po-switch-order-reactive-form/sample-po-switch-order-reactive-form.component.ts"> </file>
78
78
  * </example>
79
79
  */
80
- export declare class PoSwitchComponent extends PoFieldModel<any> implements Validator, AfterViewInit, OnDestroy {
80
+ export declare class PoSwitchComponent extends PoFieldModel<any> implements Validator, AfterViewInit, OnDestroy, OnChanges {
81
81
  private readonly changeDetector;
82
82
  private readonly injector;
83
83
  switchContainer: ElementRef;
84
+ helperEl?: PoHelperComponent;
84
85
  id: string;
85
86
  value: boolean;
86
87
  private _labelOff;
@@ -197,10 +198,10 @@ export declare class PoSwitchComponent extends PoFieldModel<any> implements Vali
197
198
  *
198
199
  * @description
199
200
  *
200
- * Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label.
201
+ * 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`.
202
+ * > Para mais informações acesse: https://po-ui.io/documentation/po-helper.
201
203
  *
202
- * > Caso o `p-label` não esteja definido, o componente po-helper não será exibido.
203
- * Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
204
+ * > Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
204
205
  */
205
206
  poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
206
207
  /**
@@ -219,6 +220,7 @@ export declare class PoSwitchComponent extends PoFieldModel<any> implements Vali
219
220
  private readonly el;
220
221
  private readonly injectOptions;
221
222
  private control;
223
+ ngOnChanges(changes: SimpleChanges): void;
222
224
  ngOnDestroy(): void;
223
225
  /**
224
226
  * Função que atribui foco ao componente.
@@ -253,6 +255,31 @@ export declare class PoSwitchComponent extends PoFieldModel<any> implements Vali
253
255
  hideAdditionalHelp: boolean;
254
256
  helperSettings?: any;
255
257
  };
258
+ /**
259
+ * Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
260
+ * Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
261
+ *
262
+ * > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco.
263
+ *
264
+ * ```
265
+ * //Exemplo com p-label e p-helper
266
+ * <po-switch
267
+ * #switch
268
+ * ...
269
+ * p-label="Label do switch"
270
+ * [p-helper]="helperOptions"
271
+ * (p-keydown)="onKeyDown($event, switch)"
272
+ * ></po-switch>
273
+ * ```
274
+ * ```typescript
275
+ * onKeyDown(event: KeyboardEvent, inp: PoSwitchComponent): void {
276
+ * if (event.code === 'F9') {
277
+ * inp.showAdditionalHelp();
278
+ * }
279
+ * }
280
+ * ```
281
+ */
282
+ showAdditionalHelp(): boolean;
256
283
  static ɵfac: i0.ɵɵFactoryDeclaration<PoSwitchComponent, never>;
257
284
  static ɵcmp: i0.ɵɵComponentDeclaration<PoSwitchComponent, "po-switch", never, { "value": { "alias": "p-value"; "required": false; }; "formatModel": { "alias": "p-format-model"; "required": false; }; "hideLabelStatus": { "alias": "p-hide-label-status"; "required": false; }; "labelPosition": { "alias": "p-label-position"; "required": false; }; "labelOff": { "alias": "p-label-off"; "required": false; }; "labelOn": { "alias": "p-label-on"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "invalidValue": { "alias": "p-invalid-value"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
258
285
  static ngAcceptInputType_value: any;
@@ -56,8 +56,7 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
56
56
  * @optional
57
57
  *
58
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.
59
+ * Exibe um ícone de ajuda adicional, com o texto desta propriedade sendo passado para o popover do componente `po-helper`.
61
60
  * **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
62
61
  * > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
63
62
  *
@@ -69,11 +68,11 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
69
68
  *
70
69
  * @description
71
70
  *
72
- * 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
+ * Define que o popover (`p-helper` e/ou `p-error-limit`) será incluído no body da página e não
73
72
  * dentro do componente. Essa opção pode ser necessária em cenários com containers que possuem scroll ou overflow
74
73
  * escondido, garantindo o posicionamento correto do tooltip próximo ao elemento.
75
74
  *
76
- * > Quando utilizado com `p-additional-help-tooltip`, leitores de tela como o NVDA podem não ler o conteúdo do tooltip.
75
+ * > Quando utilizado com `p-helper`, leitores de tela como o NVDA podem não ler o conteúdo do popover.
77
76
  *
78
77
  * @default `false`
79
78
  */
@@ -141,10 +140,10 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
141
140
  *
142
141
  * @description
143
142
  *
144
- * Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label.
143
+ * 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`.
144
+ * > Para mais informações acesse: https://po-ui.io/documentation/po-helper.
145
145
  *
146
- * > Caso o `p-label` não esteja definido, o componente po-helper não será exibido.
147
- * Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
146
+ * > Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
148
147
  */
149
148
  poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
150
149
  /**
@@ -169,7 +168,6 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
169
168
  *
170
169
  * @description
171
170
  * Evento disparado ao clicar no ícone de ajuda adicional.
172
- * Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
173
171
  *
174
172
  * > 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.
175
173
  */
@@ -1,5 +1,6 @@
1
- import { AfterViewInit, ElementRef } from '@angular/core';
1
+ import { AfterViewInit, ElementRef, OnChanges, SimpleChanges } from '@angular/core';
2
2
  import { PoTextareaBaseComponent } from './po-textarea-base.component';
3
+ import { PoHelperComponent } from '../../po-helper';
3
4
  import * as i0 from "@angular/core";
4
5
  /**
5
6
  * @docsExtends PoTextareaBaseComponent
@@ -27,9 +28,10 @@ import * as i0 from "@angular/core";
27
28
  * </example>
28
29
  *
29
30
  */
30
- export declare class PoTextareaComponent extends PoTextareaBaseComponent implements AfterViewInit {
31
+ export declare class PoTextareaComponent extends PoTextareaBaseComponent implements AfterViewInit, OnChanges {
31
32
  private el;
32
33
  inputEl: ElementRef;
34
+ helperEl?: PoHelperComponent;
33
35
  id: string;
34
36
  valueBeforeChange: any;
35
37
  fireChange: boolean;
@@ -54,6 +56,7 @@ export declare class PoTextareaComponent extends PoTextareaBaseComponent impleme
54
56
  */
55
57
  focus(): void;
56
58
  ngAfterViewInit(): void;
59
+ ngOnChanges(changes: SimpleChanges): void;
57
60
  getAdditionalHelpTooltip(): string;
58
61
  getErrorPattern(): string;
59
62
  hasInvalidClass(): boolean;
@@ -65,20 +68,12 @@ export declare class PoTextareaComponent extends PoTextareaBaseComponent impleme
65
68
  controlChangeEmitter(): void;
66
69
  onKeyDown(event: KeyboardEvent): void;
67
70
  /**
68
- * Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
71
+ * Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
69
72
  * Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
70
73
  *
71
- * > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco e com label visível.
74
+ * > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco.
72
75
  *
73
76
  * ```
74
- * <po-textarea
75
- * #textarea
76
- * ...
77
- * p-additional-help-tooltip="Mensagem de ajuda complementar"
78
- * (p-keydown)="onKeyDown($event, textarea)"
79
- * ></po-textarea>
80
- * ```
81
- * ```
82
77
  * //Exemplo com p-label e p-helper
83
78
  * <po-textarea
84
79
  * #textarea
@@ -78,8 +78,7 @@ export declare abstract class PoUploadBaseComponent implements ControlValueAcces
78
78
  * @optional
79
79
  *
80
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.
81
+ * Exibe um ícone de ajuda adicional, com o texto desta propriedade sendo passado para o popover do componente `po-helper`.
83
82
  * **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
84
83
  * > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
85
84
  *
@@ -91,11 +90,11 @@ export declare abstract class PoUploadBaseComponent implements ControlValueAcces
91
90
  *
92
91
  * @description
93
92
  *
94
- * Define que o tooltip (`p-additional-help-tooltip`) será incluído no body da página e não dentro do componente. Essa
93
+ * Define que o popover (`p-helper`) será incluído no body da página e não dentro do componente. Essa
95
94
  * opção pode ser necessária em cenários com containers que possuem scroll ou overflow escondido, garantindo o
96
95
  * posicionamento correto do tooltip próximo ao elemento.
97
96
  *
98
- * > Quando utilizado com `p-additional-help-tooltip`, leitores de tela como o NVDA podem não ler o conteúdo do tooltip.
97
+ * > Quando utilizado com `p-helper`, leitores de tela como o NVDA podem não ler o conteúdo do popover.
99
98
  *
100
99
  * @default `false`
101
100
  */
@@ -208,10 +207,10 @@ export declare abstract class PoUploadBaseComponent implements ControlValueAcces
208
207
  *
209
208
  * @description
210
209
  *
211
- * Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label.
210
+ * 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`.
211
+ * > Para mais informações acesse: https://po-ui.io/documentation/po-helper.
212
212
  *
213
- * > Caso o `p-label` não esteja definido, o componente po-helper não será exibido.
214
- * Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
213
+ * > Ao configurar esta propriedade, o antigo ícone de ajuda adicional (`p-additional-help-tooltip` e `p-additional-help`) será ignorado.
215
214
  */
216
215
  poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
217
216
  /**
@@ -236,7 +235,6 @@ export declare abstract class PoUploadBaseComponent implements ControlValueAcces
236
235
  *
237
236
  * @description
238
237
  * 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
238
  *
241
239
  * > 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
240
  */
@@ -5,6 +5,7 @@ import { PoModalAction, PoModalComponent } from '../../po-modal';
5
5
  import { PoUploadBaseComponent } from './po-upload-base.component';
6
6
  import { PoUploadFile } from './po-upload-file';
7
7
  import { PoUploadStatus } from './po-upload-status.enum';
8
+ import { PoHelperComponent } from '../../po-helper';
8
9
  import * as i0 from "@angular/core";
9
10
  /**
10
11
  * @docsExtends PoUploadBaseComponent
@@ -49,6 +50,7 @@ export declare class PoUploadComponent extends PoUploadBaseComponent implements
49
50
  private poUploadDragDropComponent;
50
51
  uploadButton: PoButtonComponent;
51
52
  modalComponent: PoModalComponent;
53
+ helperEl?: PoHelperComponent;
52
54
  id: string;
53
55
  infoByUploadStatus: {
54
56
  [key: string]: {
@@ -103,7 +105,6 @@ export declare class PoUploadComponent extends PoUploadBaseComponent implements
103
105
  getAdditionalHelpTooltip(): string;
104
106
  hasAnyFileUploading(files: Array<PoUploadFile>): boolean;
105
107
  isAllowCancelEvent(status: PoUploadStatus): status is PoUploadStatus.Uploading | PoUploadStatus.Error | PoUploadStatus.None;
106
- onBlur(): void;
107
108
  onFileChange(event: any): void;
108
109
  onFileChangeDragDrop(files: any): void;
109
110
  onKeyDown(event: KeyboardEvent): void;
@@ -120,18 +121,11 @@ export declare class PoUploadComponent extends PoUploadBaseComponent implements
120
121
  sendFiles(): void;
121
122
  setDirectoryAttribute(canHandleDirectory: boolean): void;
122
123
  /**
123
- * Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
124
+ * Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
124
125
  * Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
125
126
  *
126
- * > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco e com label visível.
127
- * ```
128
- * <po-upload
129
- * #upload
130
- * ...
131
- * p-additional-help-tooltip="Mensagem de ajuda complementar"
132
- * (p-keydown)="onKeyDown($event, upload)"
133
- * ></po-upload>
134
- * ```
127
+ * > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco.
128
+ *
135
129
  * ```
136
130
  * //Exemplo com p-label e p-helper
137
131
  * <po-upload
@@ -1,4 +1,4 @@
1
- import { AfterViewInit, OnDestroy } 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";
@@ -27,7 +27,7 @@ import * as i0 from "@angular/core";
27
27
  * </example>
28
28
  *
29
29
  */
30
- export declare class PoUrlComponent extends PoInputGeneric implements AfterViewInit, OnDestroy {
30
+ export declare class PoUrlComponent extends PoInputGeneric implements AfterViewInit, OnDestroy, OnChanges {
31
31
  id: string;
32
32
  icon: string;
33
33
  type: string;
@@ -37,6 +37,7 @@ export declare class PoUrlComponent extends PoInputGeneric implements AfterViewI
37
37
  constructor();
38
38
  ngAfterViewInit(): void;
39
39
  ngOnDestroy(): void;
40
+ ngOnChanges(changes: SimpleChanges): void;
40
41
  extraValidation(c: AbstractControl): {
41
42
  [key: string]: any;
42
43
  };
@@ -106,7 +106,18 @@ export declare class PoHelperBaseComponent {
106
106
  * @default `false`
107
107
  */
108
108
  disabled: import("@angular/core").InputSignal<boolean>;
109
+ /**
110
+ * @Input
111
+ *
112
+ * @optional
113
+ *
114
+ * @description
115
+ * Define que o popover será inserido no body da página em vez do elemento definido em `p-target`. Essa opção pode
116
+ * ser necessária em cenários com containers que possuem scroll ou overflow escondido, garantindo o posicionamento
117
+ * correto do conteúdo próximo ao elemento.
118
+ */
119
+ appendBox: import("@angular/core").InputSignal<boolean>;
109
120
  private transformHelper;
110
121
  static ɵfac: i0.ɵɵFactoryDeclaration<PoHelperBaseComponent, never>;
111
- static ɵcmp: i0.ɵɵComponentDeclaration<PoHelperBaseComponent, "po-helper-base", never, { "helper": { "alias": "p-helper"; "required": false; "isSignal": true; }; "size": { "alias": "p-size"; "required": false; "isSignal": true; }; "disabled": { "alias": "p-disabled"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
122
+ static ɵcmp: i0.ɵɵComponentDeclaration<PoHelperBaseComponent, "po-helper-base", never, { "helper": { "alias": "p-helper"; "required": false; "isSignal": true; }; "size": { "alias": "p-size"; "required": false; "isSignal": true; }; "disabled": { "alias": "p-disabled"; "required": false; "isSignal": true; }; "appendBox": { "alias": "p-append-in-body"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
112
123
  }
@@ -41,6 +41,7 @@ export declare class PoHelperComponent extends PoHelperBaseComponent implements
41
41
  ngOnChanges(changes: SimpleChanges): void;
42
42
  ngOnDestroy(): void;
43
43
  openHelperPopover(): void;
44
+ helperIsVisible(): boolean;
44
45
  closeHelperPopover(): void;
45
46
  emitClick(event: MouseEvent): void;
46
47
  onKeyDown(event: KeyboardEvent): void;