@po-ui/ng-components 19.28.1 → 19.30.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 (66) hide show
  1. package/fesm2022/po-ui-ng-components.mjs +3736 -2468
  2. package/fesm2022/po-ui-ng-components.mjs.map +1 -1
  3. package/lib/components/components.module.d.ts +3 -2
  4. package/lib/components/index.d.ts +1 -0
  5. package/lib/components/po-field/po-checkbox/po-checkbox-base.component.d.ts +43 -3
  6. package/lib/components/po-field/po-checkbox/po-checkbox.component.d.ts +27 -3
  7. package/lib/components/po-field/po-checkbox/po-checkbox.module.d.ts +3 -1
  8. package/lib/components/po-field/po-checkbox-group/po-checkbox-group-base.component.d.ts +37 -1
  9. package/lib/components/po-field/po-checkbox-group/po-checkbox-group.component.d.ts +16 -0
  10. package/lib/components/po-field/po-combo/po-combo-base.component.d.ts +39 -1
  11. package/lib/components/po-field/po-combo/po-combo.component.d.ts +17 -0
  12. package/lib/components/po-field/po-datepicker/po-datepicker-base.component.d.ts +39 -1
  13. package/lib/components/po-field/po-datepicker/po-datepicker.component.d.ts +18 -0
  14. package/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.d.ts +39 -1
  15. package/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.d.ts +18 -0
  16. package/lib/components/po-field/po-decimal/po-decimal.component.d.ts +6 -0
  17. package/lib/components/po-field/po-email/po-email.component.d.ts +3 -2
  18. package/lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.d.ts +7 -1
  19. package/lib/components/po-field/po-field-container/po-field-container.component.d.ts +23 -3
  20. package/lib/components/po-field/po-field-container/po-field-container.module.d.ts +2 -1
  21. package/lib/components/po-field/po-field.model.d.ts +26 -3
  22. package/lib/components/po-field/po-field.module.d.ts +2 -1
  23. package/lib/components/po-field/po-input/po-input-base.component.d.ts +53 -2
  24. package/lib/components/po-field/po-input/po-input.component.d.ts +3 -2
  25. package/lib/components/po-field/po-input-generic/po-input-generic.d.ts +6 -0
  26. package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts +39 -1
  27. package/lib/components/po-field/po-lookup/po-lookup.component.d.ts +18 -0
  28. package/lib/components/po-field/po-multiselect/po-multiselect-base.component.d.ts +39 -1
  29. package/lib/components/po-field/po-multiselect/po-multiselect.component.d.ts +18 -0
  30. package/lib/components/po-field/po-number/po-number.component.d.ts +3 -1
  31. package/lib/components/po-field/po-radio-group/po-radio-group-base.component.d.ts +39 -1
  32. package/lib/components/po-field/po-radio-group/po-radio-group.component.d.ts +17 -0
  33. package/lib/components/po-field/po-rich-text/po-rich-text-base.component.d.ts +39 -1
  34. package/lib/components/po-field/po-rich-text/po-rich-text.component.d.ts +16 -0
  35. package/lib/components/po-field/po-select/po-select.component.d.ts +48 -3
  36. package/lib/components/po-field/po-switch/po-switch.component.d.ts +32 -1
  37. package/lib/components/po-field/po-switch/po-switch.module.d.ts +2 -1
  38. package/lib/components/po-field/po-textarea/po-textarea-base.component.d.ts +39 -1
  39. package/lib/components/po-field/po-textarea/po-textarea.component.d.ts +16 -0
  40. package/lib/components/po-field/po-upload/po-upload-base.component.d.ts +42 -3
  41. package/lib/components/po-field/po-upload/po-upload.component.d.ts +15 -1
  42. package/lib/components/po-helper/index.d.ts +3 -0
  43. package/lib/components/po-helper/interfaces/po-helper.interface.d.ts +87 -0
  44. package/lib/components/po-helper/po-helper-base.component.d.ts +112 -0
  45. package/lib/components/po-helper/po-helper.component.d.ts +52 -0
  46. package/lib/components/po-helper/po-helper.module.d.ts +16 -0
  47. package/lib/components/po-label/po-label.component.d.ts +14 -1
  48. package/lib/components/po-label/po-label.module.d.ts +2 -1
  49. package/lib/components/po-popover/po-popover.component.d.ts +5 -3
  50. package/lib/services/po-theme/po-theme.service.d.ts +1 -0
  51. package/lib/utils/util.d.ts +23 -0
  52. package/package.json +4 -4
  53. package/po-ui-ng-components-19.30.0.tgz +0 -0
  54. package/schematics/ng-add/index.js +1 -1
  55. package/schematics/ng-update/v14/index.js +1 -1
  56. package/schematics/ng-update/v15/index.js +1 -1
  57. package/schematics/ng-update/v16/index.js +1 -1
  58. package/schematics/ng-update/v17/index.js +1 -1
  59. package/schematics/ng-update/v18/index.js +2 -2
  60. package/schematics/ng-update/v19/index.js +2 -2
  61. package/schematics/ng-update/v2/index.js +1 -1
  62. package/schematics/ng-update/v3/index.js +1 -1
  63. package/schematics/ng-update/v4/index.js +1 -1
  64. package/schematics/ng-update/v5/index.js +1 -1
  65. package/schematics/ng-update/v6/index.js +1 -1
  66. package/po-ui-ng-components-19.28.1.tgz +0 -0
@@ -8,6 +8,7 @@ import { PoLookupFilter } from './interfaces/po-lookup-filter.interface';
8
8
  import { PoLookupLiterals } from './interfaces/po-lookup-literals.interface';
9
9
  import { PoLookupFilterService } from './services/po-lookup-filter.service';
10
10
  import { PoLookupModalService } from './services/po-lookup-modal.service';
11
+ import { PoHelperOptions } from '../../po-helper';
11
12
  import * as i0 from "@angular/core";
12
13
  export declare const poLookupLiteralsDefault: {
13
14
  en: PoLookupLiterals;
@@ -41,6 +42,9 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
41
42
  private _spacing;
42
43
  additionalHelpEventTrigger: string | undefined;
43
44
  /**
45
+ *
46
+ * @deprecated v23.x.x use `p-helper`
47
+ *
44
48
  * @optional
45
49
  *
46
50
  * @description
@@ -48,6 +52,8 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
48
52
  * Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
49
53
  * **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
50
54
  * > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
55
+ *
56
+ * > 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.
51
57
  */
52
58
  additionalHelpTooltip?: string;
53
59
  /**
@@ -362,11 +368,43 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
362
368
  */
363
369
  virtualScroll?: boolean;
364
370
  /**
371
+ * @Input
372
+ *
373
+ * @optional
374
+ *
375
+ * @description
376
+ *
377
+ * Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label.
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.
381
+ */
382
+ poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
383
+ /**
384
+ * @Input
385
+ *
386
+ * @optional
387
+ *
388
+ * @description
389
+ *
390
+ * Habilita a quebra automática do texto da propriedade `p-label`. Quando `p-label-text-wrap` for verdadeiro, o texto que excede
391
+ * o espaço disponível é transferido para a próxima linha em pontos apropriados para uma
392
+ * leitura clara.
393
+ *
394
+ * @default `false`
395
+ */
396
+ labelTextWrap: import("@angular/core").InputSignal<boolean>;
397
+ /**
398
+ *
399
+ * @deprecated v23.x.x use `p-helper`
400
+ *
365
401
  * @optional
366
402
  *
367
403
  * @description
368
404
  * Evento disparado ao clicar no ícone de ajuda adicional.
369
405
  * Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
406
+ *
407
+ * > 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.
370
408
  */
371
409
  additionalHelp: EventEmitter<any>;
372
410
  /**
@@ -571,7 +609,7 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
571
609
  abstract updateVisibleItems(): any;
572
610
  protected abstract getDefaultSpacing(): any;
573
611
  static ɵfac: i0.ɵɵFactoryDeclaration<PoLookupBaseComponent, never>;
574
- static ɵdir: i0.ɵɵDirectiveDeclaration<PoLookupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "filterParams": { "alias": "p-filter-params"; "required": false; }; "fieldFormat": { "alias": "p-field-format"; "required": false; }; "columns": { "alias": "p-columns"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "advancedFilters": { "alias": "p-advanced-filters"; "required": false; }; "hideColumnsManager": { "alias": "p-hide-columns-manager"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "clean": { "alias": "p-clean"; "required": false; }; "multiple": { "alias": "p-multiple"; "required": false; }; "autoHeight": { "alias": "p-auto-height"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "spacing": { "alias": "p-spacing"; "required": false; }; "textWrap": { "alias": "p-text-wrap"; "required": false; }; "virtualScroll": { "alias": "p-virtual-scroll"; "required": false; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onError": "p-error"; "keydown": "p-keydown"; "selected": "p-selected"; "change": "p-change"; "changeVisibleColumns": "p-change-visible-columns"; "columnRestoreManager": "p-restore-column-manager"; }, never, never, true, never>;
612
+ static ɵdir: i0.ɵɵDirectiveDeclaration<PoLookupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "name": { "alias": "name"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "filterParams": { "alias": "p-filter-params"; "required": false; }; "fieldFormat": { "alias": "p-field-format"; "required": false; }; "columns": { "alias": "p-columns"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "advancedFilters": { "alias": "p-advanced-filters"; "required": false; }; "hideColumnsManager": { "alias": "p-hide-columns-manager"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "clean": { "alias": "p-clean"; "required": false; }; "multiple": { "alias": "p-multiple"; "required": false; }; "autoHeight": { "alias": "p-auto-height"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "spacing": { "alias": "p-spacing"; "required": false; }; "textWrap": { "alias": "p-text-wrap"; "required": false; }; "virtualScroll": { "alias": "p-virtual-scroll"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onError": "p-error"; "keydown": "p-keydown"; "selected": "p-selected"; "change": "p-change"; "changeVisibleColumns": "p-change-visible-columns"; "columnRestoreManager": "p-restore-column-manager"; }, never, never, true, never>;
575
613
  static ngAcceptInputType_appendBox: any;
576
614
  static ngAcceptInputType_autoFocus: any;
577
615
  static ngAcceptInputType_hideColumnsManager: any;
@@ -1,6 +1,7 @@
1
1
  import { AfterViewInit, DoCheck, ElementRef, OnDestroy, OnInit } 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
5
  import * as i0 from "@angular/core";
5
6
  /**
6
7
  * @docsExtends PoLookupBaseComponent
@@ -103,6 +104,7 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
103
104
  disclaimers: any[];
104
105
  visibleDisclaimers: any[];
105
106
  id: string;
107
+ helperSettings: PoHelperOptions;
106
108
  private modalSubscription;
107
109
  private isCalculateVisibleItems;
108
110
  get autocomplete(): "on" | "off";
@@ -149,9 +151,11 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
149
151
  calculateVisibleItems(): void;
150
152
  onKeyDown(event: KeyboardEvent): void;
151
153
  /**
154
+ *
152
155
  * Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
153
156
  * Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
154
157
  *
158
+ * > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco e com label visível.
155
159
  * ```
156
160
  * <po-lookup
157
161
  * #lookup
@@ -161,6 +165,16 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
161
165
  * ></po-lookup>
162
166
  * ```
163
167
  * ```
168
+ * // Exemplo com p-label e p-helper
169
+ * <po-lookup
170
+ * #lookup
171
+ * ...
172
+ * p-label="Label do lookup"
173
+ * [p-helper]="helperOptions"
174
+ * (p-keydown)="onKeyDown($event, lookup)"
175
+ * ></po-lookup>
176
+ * ```
177
+ * ```
164
178
  * ...
165
179
  * onKeyDown(event: KeyboardEvent, inp: PoLookupComponent): void {
166
180
  * if (event.code === 'F9') {
@@ -171,6 +185,10 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
171
185
  */
172
186
  showAdditionalHelp(): boolean;
173
187
  showAdditionalHelpIcon(): boolean;
188
+ setHelper(label?: string, additionalHelpTooltip?: string): {
189
+ hideAdditionalHelp: boolean;
190
+ helperSettings?: any;
191
+ };
174
192
  protected getDefaultSpacing(): PoTableColumnSpacing;
175
193
  private isAdditionalHelpEventTriggered;
176
194
  private isAllowedOpenModal;
@@ -7,6 +7,7 @@ import { PoMultiselectFilter } from './interfaces/po-multiselect-filter.interfac
7
7
  import { PoMultiselectLiterals } from './interfaces/po-multiselect-literals.interface';
8
8
  import { PoMultiselectOption } from './interfaces/po-multiselect-option.interface';
9
9
  import { PoMultiselectFilterService } from './po-multiselect-filter.service';
10
+ import { PoHelperOptions } from '../../po-helper';
10
11
  import * as i0 from "@angular/core";
11
12
  export declare const poMultiselectLiteralsDefault: {
12
13
  en: PoMultiselectLiterals;
@@ -74,6 +75,9 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
74
75
  protected cd?: ChangeDetectorRef;
75
76
  additionalHelpEventTrigger: string | undefined;
76
77
  /**
78
+ *
79
+ * @deprecated v23.x.x use `p-helper`
80
+ *
77
81
  * @optional
78
82
  *
79
83
  * @description
@@ -81,6 +85,8 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
81
85
  * Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
82
86
  * **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
83
87
  * > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
88
+ *
89
+ * > 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.
84
90
  */
85
91
  additionalHelpTooltip?: string;
86
92
  /**
@@ -170,11 +176,16 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
170
176
  */
171
177
  errorLimit: boolean;
172
178
  /**
179
+ *
180
+ * @deprecated v23.x.x use `p-helper`
181
+ *
173
182
  * @optional
174
183
  *
175
184
  * @description
176
185
  * Evento disparado ao clicar no ícone de ajuda adicional.
177
186
  * Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
187
+ *
188
+ * > 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.
178
189
  */
179
190
  additionalHelp: EventEmitter<any>;
180
191
  /**
@@ -226,6 +237,33 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
226
237
  * @default `bottom`
227
238
  */
228
239
  listboxControlPosition: 'top' | 'bottom';
240
+ /**
241
+ * @Input
242
+ *
243
+ * @optional
244
+ *
245
+ * @description
246
+ *
247
+ * Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label.
248
+ *
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.
251
+ */
252
+ poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
253
+ /**
254
+ * @Input
255
+ *
256
+ * @optional
257
+ *
258
+ * @description
259
+ *
260
+ * Habilita a quebra automática do texto da propriedade `p-label`. Quando `p-label-text-wrap` for verdadeiro, o texto que excede
261
+ * o espaço disponível é transferido para a próxima linha em pontos apropriados para uma
262
+ * leitura clara.
263
+ *
264
+ * @default `false`
265
+ */
266
+ labelTextWrap: import("@angular/core").InputSignal<boolean>;
229
267
  selectedOptions: Array<PoMultiselectOption | any>;
230
268
  visibleOptionsDropdown: Array<PoMultiselectOption | any>;
231
269
  visibleTags: any[];
@@ -522,7 +560,7 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
522
560
  abstract applyFilter(value?: string): Observable<Array<PoMultiselectOption | any>>;
523
561
  abstract updateVisibleItems(): void;
524
562
  static ɵfac: i0.ɵɵFactoryDeclaration<PoMultiselectBaseComponent, never>;
525
- static ɵdir: i0.ɵɵDirectiveDeclaration<PoMultiselectBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "placeholderSearch": { "alias": "p-placeholder-search"; "required": false; }; "name": { "alias": "name"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "listboxControlPosition": { "alias": "p-listbox-control-position"; "required": false; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "autoHeight": { "alias": "p-auto-height"; "required": false; }; "debounceTime": { "alias": "p-debounce-time"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "hideSearch": { "alias": "p-hide-search"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; }, { "blur": "p-blur"; "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
563
+ static ɵdir: i0.ɵɵDirectiveDeclaration<PoMultiselectBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "placeholderSearch": { "alias": "p-placeholder-search"; "required": false; }; "name": { "alias": "name"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "listboxControlPosition": { "alias": "p-listbox-control-position"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "autoHeight": { "alias": "p-auto-height"; "required": false; }; "debounceTime": { "alias": "p-debounce-time"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "hideSearch": { "alias": "p-hide-search"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; }, { "blur": "p-blur"; "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
526
564
  static ngAcceptInputType_autoFocus: any;
527
565
  static ngAcceptInputType_hideSelectAll: any;
528
566
  static ngAcceptInputType_appendBox: any;
@@ -4,6 +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
8
  import * as i0 from "@angular/core";
8
9
  /**
9
10
  * @docsExtends PoMultiselectBaseComponent
@@ -67,6 +68,7 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
67
68
  timeoutResize: any;
68
69
  visibleElement: boolean;
69
70
  containerWidth: number;
71
+ helperSettings: PoHelperOptions;
70
72
  private subscription;
71
73
  private enterCloseTag;
72
74
  private initCalculateItems;
@@ -121,6 +123,8 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
121
123
  * Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
122
124
  * Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
123
125
  *
126
+ * > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco e com label visível.
127
+ *
124
128
  * ```
125
129
  * <po-multiselect
126
130
  * #multiselect
@@ -130,6 +134,16 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
130
134
  * ></po-multiselect>
131
135
  * ```
132
136
  * ```
137
+ * // Exemplo com p-label e p-helper
138
+ * <po-multiselect
139
+ * #multiselect
140
+ * ...
141
+ * p-label="Label do multiselect"
142
+ * [p-helper]="helperOptions"
143
+ * (p-keydown)="onKeyDown($event, multiselect)"
144
+ * ></po-multiselect>
145
+ * ```
146
+ * ```
133
147
  * ...
134
148
  * onKeyDown(event: KeyboardEvent, inp: PoMultiselectComponent): void {
135
149
  * if (event.code === 'F9') {
@@ -142,6 +156,10 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
142
156
  showAdditionalHelpIcon(): boolean;
143
157
  wasClickedOnToggle(event: MouseEvent): void;
144
158
  applyFilter(value?: string): Observable<Array<PoMultiselectOption | any>>;
159
+ setHelper(label?: string, additionalHelpTooltip?: string): {
160
+ hideAdditionalHelp: boolean;
161
+ helperSettings?: any;
162
+ };
145
163
  private applyFilterInFirstClick;
146
164
  private setOptionsByApplyFilter;
147
165
  private adjustContainerPosition;
@@ -1,3 +1,4 @@
1
+ import { AfterViewInit } from '@angular/core';
1
2
  import { AbstractControl } from '@angular/forms';
2
3
  import { PoNumberBaseComponent } from './po-number-base.component';
3
4
  import * as i0 from "@angular/core";
@@ -27,7 +28,7 @@ import * as i0 from "@angular/core";
27
28
  * <file name="sample-po-number-calculate/sample-po-number-calculate.component.ts"> </file>
28
29
  * </example>
29
30
  */
30
- export declare class PoNumberComponent extends PoNumberBaseComponent {
31
+ export declare class PoNumberComponent extends PoNumberBaseComponent implements AfterViewInit {
31
32
  /**
32
33
  * @optional
33
34
  *
@@ -53,6 +54,7 @@ export declare class PoNumberComponent extends PoNumberBaseComponent {
53
54
  id: string;
54
55
  constructor();
55
56
  onWheel(event: Event): void;
57
+ ngAfterViewInit(): void;
56
58
  extraValidation(abstractControl: AbstractControl): {
57
59
  [key: string]: any;
58
60
  };
@@ -1,6 +1,7 @@
1
1
  import { EventEmitter } from '@angular/core';
2
2
  import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
3
3
  import { PoRadioGroupOption } from './po-radio-group-option.interface';
4
+ import { PoHelperOptions } from '../../po-helper';
4
5
  import * as i0 from "@angular/core";
5
6
  /**
6
7
  * @description
@@ -53,6 +54,9 @@ import * as i0 from "@angular/core";
53
54
  export declare abstract class PoRadioGroupBaseComponent implements ControlValueAccessor, Validator {
54
55
  additionalHelpEventTrigger: string | undefined;
55
56
  /**
57
+ *
58
+ * @deprecated v23.x.x use `p-helper`
59
+ *
56
60
  * @optional
57
61
  *
58
62
  * @description
@@ -60,6 +64,8 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
60
64
  * Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
61
65
  * **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
62
66
  * > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
67
+ *
68
+ * > 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
69
  */
64
70
  additionalHelpTooltip?: string;
65
71
  /**
@@ -129,11 +135,43 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
129
135
  */
130
136
  errorLimit: boolean;
131
137
  /**
138
+ * @Input
139
+ *
140
+ * @optional
141
+ *
142
+ * @description
143
+ *
144
+ * Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label.
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.
148
+ */
149
+ poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
150
+ /**
151
+ * @Input
152
+ *
153
+ * @optional
154
+ *
155
+ * @description
156
+ *
157
+ * Habilita a quebra automática do texto da propriedade `p-label`. Quando `p-label-text-wrap` for verdadeiro, o texto que excede
158
+ * o espaço disponível é transferido para a próxima linha em pontos apropriados para uma
159
+ * leitura clara.
160
+ *
161
+ * @default `false`
162
+ */
163
+ labelTextWrap: import("@angular/core").InputSignal<boolean>;
164
+ /**
165
+ *
166
+ * @deprecated v23.x.x use `p-helper`
167
+ *
132
168
  * @optional
133
169
  *
134
170
  * @description
135
171
  * Evento disparado ao clicar no ícone de ajuda adicional.
136
172
  * Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
173
+ *
174
+ * > 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.
137
175
  */
138
176
  additionalHelp: EventEmitter<any>;
139
177
  /**
@@ -246,7 +284,7 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
246
284
  private validateModel;
247
285
  abstract getElementByValue(value: any): any;
248
286
  static ɵfac: i0.ɵɵFactoryDeclaration<PoRadioGroupBaseComponent, never>;
249
- static ɵdir: i0.ɵɵDirectiveDeclaration<PoRadioGroupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "columns": { "alias": "p-columns"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
287
+ static ɵdir: i0.ɵɵDirectiveDeclaration<PoRadioGroupBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "columns": { "alias": "p-columns"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
250
288
  static ngAcceptInputType_appendBox: any;
251
289
  static ngAcceptInputType_autoFocus: any;
252
290
  }
@@ -69,9 +69,12 @@ export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent imp
69
69
  onKeyDown(event: KeyboardEvent, radio?: PoRadioComponent): void;
70
70
  onKeyUp(event: KeyboardEvent, value: any): void;
71
71
  /**
72
+ *
72
73
  * Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
73
74
  * Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
74
75
  *
76
+ * > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco e com label visível.
77
+ *
75
78
  * ```
76
79
  * <po-radio-group
77
80
  * #radioGroup
@@ -81,6 +84,16 @@ export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent imp
81
84
  * ></po-radio-group>
82
85
  * ```
83
86
  * ```
87
+ * // Exemplo com p-label e p-helper
88
+ * <po-radio-group
89
+ * #radioGroup
90
+ * ...
91
+ * p-label="Label do radioGroup"
92
+ * [p-helper]="helperOptions"
93
+ * (p-keydown)="onKeyDown($event, radioGroup)"
94
+ * ></po-radio-group>
95
+ * ```
96
+ * ```
84
97
  * ...
85
98
  * onKeyDown(event: KeyboardEvent, inp: PoRadioGroupComponent): void {
86
99
  * if (event.code === 'F9') {
@@ -91,6 +104,10 @@ export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent imp
91
104
  */
92
105
  showAdditionalHelp(): boolean;
93
106
  showAdditionalHelpIcon(): boolean;
107
+ setHelper(label?: string, additionalHelpTooltip?: string): {
108
+ hideAdditionalHelp: boolean;
109
+ helperSettings?: any;
110
+ };
94
111
  private isAdditionalHelpEventTriggered;
95
112
  private isArrowKey;
96
113
  private isRadioOptionFocused;
@@ -2,6 +2,7 @@ import { EventEmitter } from '@angular/core';
2
2
  import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
3
3
  import { PoRichTextToolbarActions } from './enum/po-rich-text-toolbar-actions.enum';
4
4
  import { PoRichTextService } from './po-rich-text.service';
5
+ import { PoHelperOptions } from '../../po-helper';
5
6
  import * as i0 from "@angular/core";
6
7
  /**
7
8
  * @description
@@ -15,6 +16,9 @@ import * as i0 from "@angular/core";
15
16
  export declare abstract class PoRichTextBaseComponent implements ControlValueAccessor, Validator {
16
17
  private richTextService;
17
18
  /**
19
+ *
20
+ * @deprecated v23.x.x use `p-helper`
21
+ *
18
22
  * @optional
19
23
  *
20
24
  * @description
@@ -22,6 +26,8 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
22
26
  * Se o evento `p-additional-help` estiver definido, o tooltip não será exibido.
23
27
  * **Como boa prática, indica-se utilizar um texto com até 140 caracteres.**
24
28
  * > Requer um recuo mínimo de 8px se o componente estiver próximo à lateral da tela.
29
+ *
30
+ * > 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.
25
31
  */
26
32
  additionalHelpTooltip?: string;
27
33
  /**
@@ -136,11 +142,43 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
136
142
  set hideToolbarActions(actions: Array<PoRichTextToolbarActions> | PoRichTextToolbarActions);
137
143
  get hideToolbarActions(): Array<PoRichTextToolbarActions>;
138
144
  /**
145
+ * @Input
146
+ *
147
+ * @optional
148
+ *
149
+ * @description
150
+ *
151
+ * Define as opções do componente de ajuda (po-helper) que será exibido ao lado do label.
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.
155
+ */
156
+ poHelperComponent: import("@angular/core").InputSignal<string | PoHelperOptions>;
157
+ /**
158
+ * @Input
159
+ *
160
+ * @optional
161
+ *
162
+ * @description
163
+ *
164
+ * Habilita a quebra automática do texto da propriedade `p-label`. Quando `p-label-text-wrap` for verdadeiro, o texto que excede
165
+ * o espaço disponível é transferido para a próxima linha em pontos apropriados para uma
166
+ * leitura clara.
167
+ *
168
+ * @default `false`
169
+ */
170
+ labelTextWrap: import("@angular/core").InputSignal<boolean>;
171
+ /**
172
+ *
173
+ * @deprecated v23.x.x use `p-helper`
174
+ *
139
175
  * @optional
140
176
  *
141
177
  * @description
142
178
  * Evento disparado ao clicar no ícone de ajuda adicional.
143
179
  * Este evento ativa automaticamente a exibição do ícone de ajuda adicional ao `p-help`.
180
+ *
181
+ * > 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.
144
182
  */
145
183
  additionalHelp: EventEmitter<any>;
146
184
  /**
@@ -256,7 +294,7 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
256
294
  protected updateModel(value: any): void;
257
295
  protected validateModel(value: any): void;
258
296
  static ɵfac: i0.ɵɵFactoryDeclaration<PoRichTextBaseComponent, never>;
259
- static ɵdir: i0.ɵɵDirectiveDeclaration<PoRichTextBaseComponent, never, never, { "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "disabledTextAlign": { "alias": "p-disabled-text-align"; "required": false; }; "errorMessage": { "alias": "p-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "hideToolbarActions": { "alias": "p-hide-toolbar-actions"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "changeModel": "p-change-model"; "keydown": "p-keydown"; }, never, never, true, never>;
297
+ static ɵdir: i0.ɵɵDirectiveDeclaration<PoRichTextBaseComponent, never, never, { "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "disabledTextAlign": { "alias": "p-disabled-text-align"; "required": false; }; "errorMessage": { "alias": "p-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "hideToolbarActions": { "alias": "p-hide-toolbar-actions"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "labelTextWrap": { "alias": "p-label-text-wrap"; "required": false; "isSignal": true; }; "height": { "alias": "p-height"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "changeModel": "p-change-model"; "keydown": "p-keydown"; }, never, never, true, never>;
260
298
  static ngAcceptInputType_appendBox: any;
261
299
  static ngAcceptInputType_autoFocus: any;
262
300
  static ngAcceptInputType_disabledTextAlign: any;
@@ -63,6 +63,8 @@ export declare class PoRichTextComponent extends PoRichTextBaseComponent impleme
63
63
  * Método que exibe `p-additionalHelpTooltip` ou executa a ação definida em `p-additionalHelp`.
64
64
  * Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
65
65
  *
66
+ * > Exibe ou oculta o conteúdo do componente `po-helper` quando o componente estiver com foco e com label visível.
67
+ *
66
68
  * ```
67
69
  * <po-rich-text
68
70
  * #richtext
@@ -72,6 +74,16 @@ export declare class PoRichTextComponent extends PoRichTextBaseComponent impleme
72
74
  * ></po-rich-text>
73
75
  * ```
74
76
  * ```
77
+ * // Exemplo com p-label e p-helper
78
+ * <po-rich-text
79
+ * #richtext
80
+ * ...
81
+ * p-label="Label do richtext"
82
+ * [p-helper]="helperOptions"
83
+ * (p-keydown)="onKeyDown($event, richtext)"
84
+ * ></po-rich-text>
85
+ * ```
86
+ * ```
75
87
  * ...
76
88
  * onKeyDown(event: KeyboardEvent, inp: PoRichTextComponent): void {
77
89
  * if (event.code === 'F9') {
@@ -88,6 +100,10 @@ export declare class PoRichTextComponent extends PoRichTextBaseComponent impleme
88
100
  private validateClassesForRequired;
89
101
  isAllActionsHidden(): boolean;
90
102
  updateAlignOnHideToolbarActionsList(): void;
103
+ setHelper(label?: string, additionalHelpTooltip?: string): {
104
+ hideAdditionalHelp: boolean;
105
+ helperSettings?: any;
106
+ };
91
107
  static ɵfac: i0.ɵɵFactoryDeclaration<PoRichTextComponent, never>;
92
108
  static ɵcmp: i0.ɵɵComponentDeclaration<PoRichTextComponent, "po-rich-text", never, {}, {}, never, never, false, never>;
93
109
  }