@po-ui/ng-components 20.9.0 → 20.11.0-beta.1

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 (38) hide show
  1. package/fesm2022/po-ui-ng-components.mjs +132 -139
  2. package/fesm2022/po-ui-ng-components.mjs.map +1 -1
  3. package/index.d.ts +105 -39
  4. package/lib/components/po-button/po-button-base.component.d.ts +3 -2
  5. package/lib/components/po-dynamic/po-dynamic-form/interfaces/po-dynamic-form-field.interface.d.ts +33 -6
  6. package/lib/components/po-field/po-checkbox/po-checkbox.component.d.ts +0 -1
  7. package/lib/components/po-field/po-checkbox-group/po-checkbox-group.component.d.ts +0 -1
  8. package/lib/components/po-field/po-combo/po-combo.component.d.ts +0 -1
  9. package/lib/components/po-field/po-datepicker/po-datepicker.component.d.ts +0 -1
  10. package/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.d.ts +0 -1
  11. package/lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.d.ts +8 -15
  12. package/lib/components/po-field/po-field.model.d.ts +0 -1
  13. package/lib/components/po-field/po-input/po-input-base.component.d.ts +2 -3
  14. package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts +4 -1
  15. package/lib/components/po-field/po-lookup/po-lookup.component.d.ts +1 -3
  16. package/lib/components/po-field/po-multiselect/po-multiselect-base.component.d.ts +4 -1
  17. package/lib/components/po-field/po-multiselect/po-multiselect.component.d.ts +0 -2
  18. package/lib/components/po-field/po-number/po-number.component.d.ts +11 -0
  19. package/lib/components/po-field/po-radio-group/po-radio-group.component.d.ts +0 -1
  20. package/lib/components/po-field/po-textarea/po-textarea.component.d.ts +0 -1
  21. package/lib/components/po-field/po-upload/po-upload.component.d.ts +0 -1
  22. package/lib/components/po-modal/po-modal-action.interface.d.ts +44 -0
  23. package/package.json +4 -4
  24. package/po-ui-ng-components-20.11.0-beta.1.tgz +0 -0
  25. package/schematics/ng-add/index.js +1 -1
  26. package/schematics/ng-update/v14/index.js +1 -1
  27. package/schematics/ng-update/v15/index.js +1 -1
  28. package/schematics/ng-update/v16/index.js +1 -1
  29. package/schematics/ng-update/v17/index.js +1 -1
  30. package/schematics/ng-update/v18/index.js +2 -2
  31. package/schematics/ng-update/v19/index.js +2 -2
  32. package/schematics/ng-update/v2/index.js +1 -1
  33. package/schematics/ng-update/v20/index.js +2 -2
  34. package/schematics/ng-update/v3/index.js +1 -1
  35. package/schematics/ng-update/v4/index.js +1 -1
  36. package/schematics/ng-update/v5/index.js +1 -1
  37. package/schematics/ng-update/v6/index.js +1 -1
  38. package/po-ui-ng-components-20.9.0.tgz +0 -0
package/index.d.ts CHANGED
@@ -2751,11 +2751,12 @@ declare class PoButtonBaseComponent {
2751
2751
  * @description
2752
2752
  * Ícone exibido ao lado esquerdo do label do botão.
2753
2753
  *
2754
- * É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons). conforme exemplo abaixo:
2754
+ * É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons), conforme exemplo:
2755
2755
  * ```
2756
2756
  * <po-button p-icon="an an-user" p-label="PO button"></po-button>
2757
2757
  * ```
2758
- * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, da seguinte forma:
2758
+ * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, desde que a biblioteca
2759
+ * esteja carregada no projeto:
2759
2760
  * ```
2760
2761
  * <po-button p-icon="fa fa-podcast" p-label="PO button"></po-button>
2761
2762
  * ```
@@ -3704,7 +3705,6 @@ declare class PoCheckboxComponent extends PoCheckboxBaseComponent implements Aft
3704
3705
  * ```
3705
3706
  */
3706
3707
  showAdditionalHelp(): boolean;
3707
- showAdditionalHelpIcon(): boolean;
3708
3708
  setHelper(label?: string, additionalHelpTooltip?: string): {
3709
3709
  hideAdditionalHelp: boolean;
3710
3710
  helperSettings?: any;
@@ -3792,9 +3792,7 @@ declare class PoDirectivesModule {
3792
3792
  */
3793
3793
  declare class PoFieldContainerBottomComponent implements OnChanges {
3794
3794
  poTooltip: PoTooltipDirective;
3795
- /** Texto exibido no tooltip do ícone de ajuda adicional. */
3796
- /** @deprecated v23.x.x */
3797
- additionalHelpTooltip?: string;
3795
+ helperEl?: PoHelperComponent;
3798
3796
  /** Define se o tooltip será inserido no `body` em vez do componente. */
3799
3797
  appendBox: boolean;
3800
3798
  disabled: boolean;
@@ -3807,24 +3805,18 @@ declare class PoFieldContainerBottomComponent implements OnChanges {
3807
3805
  * Limita a exibição da mensagem de erro a duas linhas e exibe um tooltip com o texto completo.
3808
3806
  */
3809
3807
  errorLimit: boolean;
3808
+ /** Texto de apoio do campo. */
3810
3809
  help?: string;
3811
- /** Ativa a exibição da ajuda adicional. */
3812
- showAdditionalHelp: boolean;
3813
- /** Exibe o ícone de ajuda adicional. */
3814
- showAdditionalHelpIcon: boolean;
3815
3810
  /** Define o tamanho do componente. */
3816
3811
  size?: string;
3817
- /** Evento disparado ao clicar no ícone de ajuda adicional. */
3818
- /** @deprecated v23.x.x */
3819
- additionalHelp: EventEmitter<any>;
3820
- /** Propriedade para controlar a visibilidade do additionalHelp de acordo com a visibilidade do p-label do field.
3821
- * Caso o p-label esteja visível, o additionalHelp não será exibido.
3822
- **/
3823
- hideAdditionalHelpByLabel: i0.InputSignalWithTransform<boolean, unknown>;
3812
+ /** Configurações do ícone de ajuda adicional vínculado ao label. */
3813
+ poHelperComponent: i0.InputSignal<PoHelperOptions>;
3814
+ /** Define se o componente helper estará visível através das ações customizadas */
3815
+ showHelperComponent: i0.InputSignal<boolean>;
3824
3816
  private isInitialChange;
3825
3817
  ngOnChanges(changes: SimpleChanges): void;
3826
3818
  static ɵfac: i0.ɵɵFactoryDeclaration<PoFieldContainerBottomComponent, never>;
3827
- 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>;
3819
+ static ɵcmp: i0.ɵɵComponentDeclaration<PoFieldContainerBottomComponent, "po-field-container-bottom", never, { "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; }; "size": { "alias": "p-size"; "required": false; }; "poHelperComponent": { "alias": "p-helper"; "required": false; "isSignal": true; }; "showHelperComponent": { "alias": "p-show-helper"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
3828
3820
  static ngAcceptInputType_appendBox: any;
3829
3821
  }
3830
3822
 
@@ -4915,6 +4907,49 @@ interface PoModalAction {
4915
4907
  danger?: boolean;
4916
4908
  /** Desabilita o botão impossibilitando que sua ação seja executada. */
4917
4909
  disabled?: boolean;
4910
+ /**
4911
+ * Ícone exibido ao lado esquerdo do label do botão.
4912
+ *
4913
+ * É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons), conforme exemplo:
4914
+ * ```
4915
+ * modalAction: PoModalAction = {
4916
+ * action: () => {},
4917
+ * label: 'Botão com ícone PO',
4918
+ * icon: 'an an-user'
4919
+ * };
4920
+ * ```
4921
+ * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, desde que a biblioteca
4922
+ * esteja carregada no projeto:
4923
+ * ```
4924
+ * modalAction: PoModalAction = {
4925
+ * action: () => {},
4926
+ * label: 'Botão com ícone Font Awesome',
4927
+ * icon: 'fa fa-user'
4928
+ * };
4929
+ * ```
4930
+ * Outra opção seria a customização do ícone através do `TemplateRef`, conforme exemplo abaixo:
4931
+ * ```
4932
+ * // Template HTML
4933
+ * <ng-template #customIcon>
4934
+ * <span class="fa fa-user"></span>
4935
+ * </ng-template>
4936
+ *
4937
+ * // Componente TypeScript
4938
+ * @ViewChild('customIcon', { static: true }) customIcon: TemplateRef<void>;
4939
+ *
4940
+ * modalAction: PoModalAction = {
4941
+ * action: () => {},
4942
+ * label: 'Botão com ícone customizado',
4943
+ * };
4944
+ *
4945
+ * // Atribuição do TemplateRef à propriedade icon após a inicialização da view
4946
+ * ngAfterViewInit() {
4947
+ * this.modalAction.icon = this.customIcon;
4948
+ * }
4949
+ * ```
4950
+ * > Para o ícone enquadrar corretamente, deve-se utilizar `font-size: inherit` caso o ícone utilizado não aplique-o.
4951
+ */
4952
+ icon?: string | TemplateRef<void>;
4918
4953
  /** Rótulo do botão. */
4919
4954
  label: string;
4920
4955
  /** Habilita um estado de carregamento ao botão, desabilitando-o e exibindo um ícone de carregamento à esquerda de seu rótulo. */
@@ -8692,7 +8727,6 @@ declare class PoCheckboxGroupComponent extends PoCheckboxGroupBaseComponent impl
8692
8727
  * ```
8693
8728
  */
8694
8729
  showAdditionalHelp(): boolean;
8695
- showAdditionalHelpIcon(): boolean;
8696
8730
  trackByFn(index: any): any;
8697
8731
  setHelper(label?: string, additionalHelpTooltip?: string): {
8698
8732
  hideAdditionalHelp: boolean;
@@ -9192,7 +9226,6 @@ declare abstract class PoFieldModel<T> implements ControlValueAccessor {
9192
9226
  * ```
9193
9227
  */
9194
9228
  showAdditionalHelp(helperHtmlElement?: PoHelperComponent, poHelperComponent?: string | PoHelperOptions): boolean;
9195
- showAdditionalHelpIcon(): boolean;
9196
9229
  protected isAdditionalHelpEventTriggered(): boolean;
9197
9230
  protected updateModel(value: T): void;
9198
9231
  abstract onWriteValue(value: T): void;
@@ -12878,7 +12911,6 @@ declare class PoComboComponent extends PoComboBaseComponent implements AfterView
12878
12911
  wasClickedOnToggle(event: MouseEvent): void;
12879
12912
  isValidCharacterToSearch(keyCode: any): boolean;
12880
12913
  searchOnEnterOrArrow(event: any, value: string): void;
12881
- showAdditionalHelpIcon(): boolean;
12882
12914
  showMoreInfiniteScroll(): void;
12883
12915
  clearAndFocus(): void;
12884
12916
  updateCacheOptions(): void;
@@ -13503,7 +13535,6 @@ declare class PoDatepickerComponent extends PoDatepickerBaseComponent implements
13503
13535
  isValidDateIso(value: string): boolean;
13504
13536
  isValidExtendedIso(value: any): boolean;
13505
13537
  hasOverlayClass(element: any): any;
13506
- showAdditionalHelpIcon(): boolean;
13507
13538
  verifyErrorAsync(value: any): void;
13508
13539
  verifyMobile(): RegExpMatchArray;
13509
13540
  private closeCalendar;
@@ -14065,7 +14096,6 @@ declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseComponent
14065
14096
  onKeydown(event?: any): void;
14066
14097
  onKeyup(event: any): void;
14067
14098
  resetDateRangeInputValidation(): void;
14068
- showAdditionalHelpIcon(): boolean;
14069
14099
  /**
14070
14100
  * Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
14071
14101
  * Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
@@ -14364,12 +14394,12 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
14364
14394
  /**
14365
14395
  * @description
14366
14396
  *
14367
- * Define se os caracteres especiais da máscara devem ser ignorados ao validar os comprimentos mínimo (`minLength`) e máximo (`maxLength`) do campo.
14397
+ * Controla como o componente aplica as validações de comprimento mínimo (`minLength`) e máximo (`maxLength`) quando há uma máscara (`p-mask`) definida.
14368
14398
  *
14369
14399
  * - Quando `true`, apenas os caracteres alfanuméricos serão contabilizados para a validação dos comprimentos.
14370
14400
  * - Quando `false`, todos os caracteres, incluindo os especiais da máscara, serão considerados na validação.
14371
14401
  *
14372
- * > Será ignorado essa propriedade , caso esteja utilizando junto com a propriedade `p-mask-format-model`.
14402
+ * > Esta propriedade é ignorada quando utilizada em conjunto com `p-mask-format-model`.
14373
14403
  *
14374
14404
  * Exemplo:
14375
14405
  * ```
@@ -14615,7 +14645,6 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
14615
14645
  registerOnChange(func: any): void;
14616
14646
  registerOnTouched(func: any): void;
14617
14647
  registerOnValidatorChange(fn: () => void): void;
14618
- showAdditionalHelpIcon(): boolean;
14619
14648
  /**
14620
14649
  * Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
14621
14650
  * Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
@@ -15575,6 +15604,7 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
15575
15604
  private readonly language;
15576
15605
  private _size?;
15577
15606
  private _spacing;
15607
+ inputEl: ElementRef;
15578
15608
  additionalHelpEventTrigger: string | undefined;
15579
15609
  /**
15580
15610
  *
@@ -16001,6 +16031,7 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
16001
16031
  protected oldValueToModel: any;
16002
16032
  protected onTouched: any;
16003
16033
  protected resizeListener: () => void;
16034
+ protected isExpandedHeight: boolean;
16004
16035
  private _disabled?;
16005
16036
  private _fieldLabel;
16006
16037
  private _filterService;
@@ -16136,6 +16167,7 @@ declare abstract class PoLookupBaseComponent implements ControlValueAccessor, On
16136
16167
  private setService;
16137
16168
  private setControl;
16138
16169
  private initializeColumn;
16170
+ private updateLookupInputHeight;
16139
16171
  abstract setViewValue(value: any, object: any): void;
16140
16172
  abstract openLookup(): void;
16141
16173
  abstract setDisclaimers(a: any): any;
@@ -16247,7 +16279,6 @@ declare class PoLookupComponent extends PoLookupBaseComponent implements AfterVi
16247
16279
  private renderer;
16248
16280
  private cd;
16249
16281
  private el;
16250
- inputEl: ElementRef;
16251
16282
  helperEl?: PoHelperComponent;
16252
16283
  initialized: boolean;
16253
16284
  timeoutResize: any;
@@ -16329,7 +16360,6 @@ declare class PoLookupComponent extends PoLookupBaseComponent implements AfterVi
16329
16360
  * ```
16330
16361
  */
16331
16362
  showAdditionalHelp(): boolean;
16332
- showAdditionalHelpIcon(): boolean;
16333
16363
  setHelper(label?: string, additionalHelpTooltip?: string): {
16334
16364
  hideAdditionalHelp: boolean;
16335
16365
  helperSettings?: any;
@@ -16531,6 +16561,7 @@ declare class PoMultiselectFilterService implements PoMultiselectFilter {
16531
16561
  */
16532
16562
  declare abstract class PoMultiselectBaseComponent implements ControlValueAccessor, OnInit, Validator {
16533
16563
  protected cd?: ChangeDetectorRef;
16564
+ inputElement: ElementRef;
16534
16565
  additionalHelpEventTrigger: string | undefined;
16535
16566
  /**
16536
16567
  *
@@ -16733,6 +16764,7 @@ declare abstract class PoMultiselectBaseComponent implements ControlValueAccesso
16733
16764
  protected clickOutListener: () => void;
16734
16765
  protected resizeListener: () => void;
16735
16766
  protected getObjectsByValuesSubscription: Subscription;
16767
+ protected isExpandedHeight: boolean;
16736
16768
  private _filterService?;
16737
16769
  private _debounceTime?;
16738
16770
  private _disabled?;
@@ -17013,6 +17045,7 @@ declare abstract class PoMultiselectBaseComponent implements ControlValueAccesso
17013
17045
  private getValueWrite;
17014
17046
  private setLabelsAndValuesOptions;
17015
17047
  private validateModel;
17048
+ private updateInputHeight;
17016
17049
  abstract applyFilter(value?: string): Observable<Array<PoMultiselectOption | any>>;
17017
17050
  abstract updateVisibleItems(): void;
17018
17051
  static ɵfac: i0.ɵɵFactoryDeclaration<PoMultiselectBaseComponent, never>;
@@ -17076,7 +17109,6 @@ declare class PoMultiselectComponent extends PoMultiselectBaseComponent implemen
17076
17109
  dropdownElement: ElementRef;
17077
17110
  dropdown: any;
17078
17111
  iconElement: ElementRef;
17079
- inputElement: ElementRef;
17080
17112
  outerContainer: ElementRef;
17081
17113
  helperEl?: PoHelperComponent;
17082
17114
  literalsTag: any;
@@ -17163,7 +17195,6 @@ declare class PoMultiselectComponent extends PoMultiselectBaseComponent implemen
17163
17195
  * ```
17164
17196
  */
17165
17197
  showAdditionalHelp(): boolean;
17166
- showAdditionalHelpIcon(): boolean;
17167
17198
  wasClickedOnToggle(event: MouseEvent): void;
17168
17199
  applyFilter(value?: string): Observable<Array<PoMultiselectOption | any>>;
17169
17200
  setHelper(label?: string, additionalHelpTooltip?: string): {
@@ -17239,6 +17270,17 @@ declare abstract class PoNumberBaseComponent extends PoInputGeneric {
17239
17270
  * </example>
17240
17271
  */
17241
17272
  declare class PoNumberComponent extends PoNumberBaseComponent implements AfterViewInit, OnChanges {
17273
+ /**
17274
+ * @optional
17275
+ *
17276
+ * @description
17277
+ *
17278
+ * Indica uma máscara para o campo, porém é incompatível com o `po-number`.
17279
+ * > **Componentes compatíveis:** `po-input`,`po-decimal`.
17280
+ *
17281
+ * @override
17282
+ */
17283
+ mask?: string;
17242
17284
  /**
17243
17285
  * @optional
17244
17286
  *
@@ -17723,7 +17765,6 @@ declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent implements
17723
17765
  * ```
17724
17766
  */
17725
17767
  showAdditionalHelp(): boolean;
17726
- showAdditionalHelpIcon(): boolean;
17727
17768
  setHelper(label?: string, additionalHelpTooltip?: string): {
17728
17769
  hideAdditionalHelp: boolean;
17729
17770
  helperSettings?: any;
@@ -19529,7 +19570,6 @@ declare class PoUploadComponent extends PoUploadBaseComponent implements AfterVi
19529
19570
  * ```
19530
19571
  */
19531
19572
  showAdditionalHelp(): boolean;
19532
- showAdditionalHelpIcon(): boolean;
19533
19573
  stopUpload(file: PoUploadFile): void;
19534
19574
  trackByFn(index: any, file: PoUploadFile): string;
19535
19575
  uploadFiles(files: Array<PoUploadFile>): void;
@@ -20637,7 +20677,6 @@ declare class PoTextareaComponent extends PoTextareaBaseComponent implements Aft
20637
20677
  * ```
20638
20678
  */
20639
20679
  showAdditionalHelp(): boolean;
20640
- showAdditionalHelpIcon(): boolean;
20641
20680
  private isAdditionalHelpEventTriggered;
20642
20681
  setHelper(label?: string, additionalHelpTooltip?: string): {
20643
20682
  hideAdditionalHelp: boolean;
@@ -21507,17 +21546,44 @@ interface PoDynamicFormField extends PoDynamicField {
21507
21546
  /**
21508
21547
  * Máscara para o campo.
21509
21548
  *
21510
- * **Componentes compatíveis:** `po-input`.
21549
+ * **Componente compatível:** `po-input`.
21511
21550
  * > também é atribuído ao utilizar a propriedade `type: time`.
21512
21551
  */
21513
21552
  mask?: string;
21514
21553
  /**
21515
21554
  * Define que o valor do componente será conforme especificado na mascára. O valor padrão é `false`.
21516
21555
  *
21517
- * **Componentes compatíveis:** `po-input`.
21556
+ * **Componente compatível:** `po-input`.
21518
21557
  * > também é atribuído ao utilizar a propriedade `type: time`.
21519
21558
  * */
21520
21559
  maskFormatModel?: boolean;
21560
+ /**
21561
+ * Controla como o componente aplica as validações de comprimento mínimo (`minLength`) e máximo (`maxLength`) quando há uma máscara (`p-mask`) definida.
21562
+ *
21563
+ * - Quando `true`, apenas os caracteres alfanuméricos serão contabilizados para a validação dos comprimentos.
21564
+ * - Quando `false`, todos os caracteres, incluindo os especiais da máscara, serão considerados na validação.
21565
+ *
21566
+ * **Componentes compatíveis:** `po-input`, `po-decimal`.
21567
+ *
21568
+ * > Esta propriedade é ignorada quando utilizada em conjunto com `p-mask-format-model`.
21569
+ *
21570
+ * Exemplo:
21571
+ * ```
21572
+ * fields:Array<PoDynamicFormField> = [
21573
+ * {
21574
+ * property: 'CNPJ maskNoLengthValidation TRUE',
21575
+ * required: true,
21576
+ * showRequired: true,
21577
+ * mask: '99.999.999/9999-99',
21578
+ * pattern: '([0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9])',
21579
+ * maskNoLengthValidation: true,
21580
+ * maxLength: 14,
21581
+ * minLength: 0
21582
+ * }
21583
+ * ```
21584
+ * - Entrada: `11.111.111/1111-11` → Validação será aplicada somente aos números, ignorando os caracteres especiais.
21585
+ */
21586
+ maskNoLengthValidation?: boolean;
21521
21587
  /** Define o ícone que será exibido no início do campo.
21522
21588
  * > Esta propriedade só pode ser utilizado nos campos:
21523
21589
  * - Input;
@@ -21800,7 +21866,7 @@ interface PoDynamicFormField extends PoDynamicField {
21800
21866
  /**
21801
21867
  * Permite a seleção de múltiplos itens.
21802
21868
  *
21803
- * **Componente compatível:** `po-lookup`, `po-upload`
21869
+ * **Componentes compatíveis:** `po-lookup`, `po-upload`
21804
21870
  */
21805
21871
  multiple?: boolean;
21806
21872
  /** Se verdadeiro, o campo receberá um botão para ser limpo.
@@ -21867,7 +21933,7 @@ interface PoDynamicFormField extends PoDynamicField {
21867
21933
  * Define o modo de pesquisa utilizado no filtro da lista de seleção: `startsWith`, `contains` ou `endsWith`.
21868
21934
  * > Quando utilizar a propriedade p-filter-service esta propriedade será ignorada.
21869
21935
  *
21870
- * **Componentes compatíveis:** `po-multiselect`.
21936
+ * **Componente compatível:** `po-multiselect`.
21871
21937
  */
21872
21938
  filterMode?: PoMultiselectFilterMode;
21873
21939
  /**
@@ -21949,7 +22015,7 @@ interface PoDynamicFormField extends PoDynamicField {
21949
22015
  * O componente envia como parâmetro um array de string com as colunas visíveis atualizadas.
21950
22016
  * Por exemplo: ["idCard", "name", "hireStatus", "age"].
21951
22017
  *
21952
- * **Componentes compatíveis**: `po-lookup`
22018
+ * **Componente compatível**: `po-lookup`
21953
22019
  */
21954
22020
  changeVisibleColumns?: Function;
21955
22021
  /**
@@ -21958,7 +22024,7 @@ interface PoDynamicFormField extends PoDynamicField {
21958
22024
  * O componente envia como parâmetro um array de string com as colunas configuradas inicialmente.
21959
22025
  * Por exemplo: ["idCard", "name", "hireStatus", "age"].
21960
22026
  *
21961
- * **Componentes compatíveis**: `po-lookup`
22027
+ * **Componente compatível**: `po-lookup`
21962
22028
  */
21963
22029
  columnRestoreManager?: Function;
21964
22030
  /**
@@ -84,11 +84,12 @@ export declare class PoButtonBaseComponent {
84
84
  * @description
85
85
  * Ícone exibido ao lado esquerdo do label do botão.
86
86
  *
87
- * É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons). conforme exemplo abaixo:
87
+ * É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons), conforme exemplo:
88
88
  * ```
89
89
  * <po-button p-icon="an an-user" p-label="PO button"></po-button>
90
90
  * ```
91
- * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, da seguinte forma:
91
+ * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, desde que a biblioteca
92
+ * esteja carregada no projeto:
92
93
  * ```
93
94
  * <po-button p-icon="fa fa-podcast" p-label="PO button"></po-button>
94
95
  * ```
@@ -104,17 +104,44 @@ export interface PoDynamicFormField extends PoDynamicField {
104
104
  /**
105
105
  * Máscara para o campo.
106
106
  *
107
- * **Componentes compatíveis:** `po-input`.
107
+ * **Componente compatível:** `po-input`.
108
108
  * > também é atribuído ao utilizar a propriedade `type: time`.
109
109
  */
110
110
  mask?: string;
111
111
  /**
112
112
  * Define que o valor do componente será conforme especificado na mascára. O valor padrão é `false`.
113
113
  *
114
- * **Componentes compatíveis:** `po-input`.
114
+ * **Componente compatível:** `po-input`.
115
115
  * > também é atribuído ao utilizar a propriedade `type: time`.
116
116
  * */
117
117
  maskFormatModel?: boolean;
118
+ /**
119
+ * Controla como o componente aplica as validações de comprimento mínimo (`minLength`) e máximo (`maxLength`) quando há uma máscara (`p-mask`) definida.
120
+ *
121
+ * - Quando `true`, apenas os caracteres alfanuméricos serão contabilizados para a validação dos comprimentos.
122
+ * - Quando `false`, todos os caracteres, incluindo os especiais da máscara, serão considerados na validação.
123
+ *
124
+ * **Componentes compatíveis:** `po-input`, `po-decimal`.
125
+ *
126
+ * > Esta propriedade é ignorada quando utilizada em conjunto com `p-mask-format-model`.
127
+ *
128
+ * Exemplo:
129
+ * ```
130
+ * fields:Array<PoDynamicFormField> = [
131
+ * {
132
+ * property: 'CNPJ maskNoLengthValidation TRUE',
133
+ * required: true,
134
+ * showRequired: true,
135
+ * mask: '99.999.999/9999-99',
136
+ * pattern: '([0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9])',
137
+ * maskNoLengthValidation: true,
138
+ * maxLength: 14,
139
+ * minLength: 0
140
+ * }
141
+ * ```
142
+ * - Entrada: `11.111.111/1111-11` → Validação será aplicada somente aos números, ignorando os caracteres especiais.
143
+ */
144
+ maskNoLengthValidation?: boolean;
118
145
  /** Define o ícone que será exibido no início do campo.
119
146
  * > Esta propriedade só pode ser utilizado nos campos:
120
147
  * - Input;
@@ -397,7 +424,7 @@ export interface PoDynamicFormField extends PoDynamicField {
397
424
  /**
398
425
  * Permite a seleção de múltiplos itens.
399
426
  *
400
- * **Componente compatível:** `po-lookup`, `po-upload`
427
+ * **Componentes compatíveis:** `po-lookup`, `po-upload`
401
428
  */
402
429
  multiple?: boolean;
403
430
  /** Se verdadeiro, o campo receberá um botão para ser limpo.
@@ -464,7 +491,7 @@ export interface PoDynamicFormField extends PoDynamicField {
464
491
  * Define o modo de pesquisa utilizado no filtro da lista de seleção: `startsWith`, `contains` ou `endsWith`.
465
492
  * > Quando utilizar a propriedade p-filter-service esta propriedade será ignorada.
466
493
  *
467
- * **Componentes compatíveis:** `po-multiselect`.
494
+ * **Componente compatível:** `po-multiselect`.
468
495
  */
469
496
  filterMode?: PoMultiselectFilterMode;
470
497
  /**
@@ -546,7 +573,7 @@ export interface PoDynamicFormField extends PoDynamicField {
546
573
  * O componente envia como parâmetro um array de string com as colunas visíveis atualizadas.
547
574
  * Por exemplo: ["idCard", "name", "hireStatus", "age"].
548
575
  *
549
- * **Componentes compatíveis**: `po-lookup`
576
+ * **Componente compatível**: `po-lookup`
550
577
  */
551
578
  changeVisibleColumns?: Function;
552
579
  /**
@@ -555,7 +582,7 @@ export interface PoDynamicFormField extends PoDynamicField {
555
582
  * O componente envia como parâmetro um array de string com as colunas configuradas inicialmente.
556
583
  * Por exemplo: ["idCard", "name", "hireStatus", "age"].
557
584
  *
558
- * **Componentes compatíveis**: `po-lookup`
585
+ * **Componente compatível**: `po-lookup`
559
586
  */
560
587
  columnRestoreManager?: Function;
561
588
  /**
@@ -82,7 +82,6 @@ export declare class PoCheckboxComponent extends PoCheckboxBaseComponent impleme
82
82
  * ```
83
83
  */
84
84
  showAdditionalHelp(): boolean;
85
- showAdditionalHelpIcon(): boolean;
86
85
  setHelper(label?: string, additionalHelpTooltip?: string): {
87
86
  hideAdditionalHelp: boolean;
88
87
  helperSettings?: any;
@@ -81,7 +81,6 @@ export declare class PoCheckboxGroupComponent extends PoCheckboxGroupBaseCompone
81
81
  * ```
82
82
  */
83
83
  showAdditionalHelp(): boolean;
84
- showAdditionalHelpIcon(): boolean;
85
84
  trackByFn(index: any): any;
86
85
  setHelper(label?: string, additionalHelpTooltip?: string): {
87
86
  hideAdditionalHelp: boolean;
@@ -159,7 +159,6 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
159
159
  wasClickedOnToggle(event: MouseEvent): void;
160
160
  isValidCharacterToSearch(keyCode: any): boolean;
161
161
  searchOnEnterOrArrow(event: any, value: string): void;
162
- showAdditionalHelpIcon(): boolean;
163
162
  showMoreInfiniteScroll(): void;
164
163
  clearAndFocus(): void;
165
164
  updateCacheOptions(): void;
@@ -123,7 +123,6 @@ export declare class PoDatepickerComponent extends PoDatepickerBaseComponent imp
123
123
  isValidDateIso(value: string): boolean;
124
124
  isValidExtendedIso(value: any): boolean;
125
125
  hasOverlayClass(element: any): any;
126
- showAdditionalHelpIcon(): boolean;
127
126
  verifyErrorAsync(value: any): void;
128
127
  verifyMobile(): RegExpMatchArray;
129
128
  private closeCalendar;
@@ -92,7 +92,6 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
92
92
  onKeydown(event?: any): void;
93
93
  onKeyup(event: any): void;
94
94
  resetDateRangeInputValidation(): void;
95
- showAdditionalHelpIcon(): boolean;
96
95
  /**
97
96
  * Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
98
97
  * Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
@@ -1,5 +1,6 @@
1
- import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
1
+ import { OnChanges, SimpleChanges } from '@angular/core';
2
2
  import { PoTooltipDirective } from '../../../../directives';
3
+ import { PoHelperComponent, PoHelperOptions } from '../../../po-helper';
3
4
  /**
4
5
  * @docsPrivate
5
6
  *
@@ -10,9 +11,7 @@ import { PoTooltipDirective } from '../../../../directives';
10
11
  */
11
12
  export declare class PoFieldContainerBottomComponent implements OnChanges {
12
13
  poTooltip: PoTooltipDirective;
13
- /** Texto exibido no tooltip do ícone de ajuda adicional. */
14
- /** @deprecated v23.x.x */
15
- additionalHelpTooltip?: string;
14
+ helperEl?: PoHelperComponent;
16
15
  /** Define se o tooltip será inserido no `body` em vez do componente. */
17
16
  appendBox: boolean;
18
17
  disabled: boolean;
@@ -25,20 +24,14 @@ export declare class PoFieldContainerBottomComponent implements OnChanges {
25
24
  * Limita a exibição da mensagem de erro a duas linhas e exibe um tooltip com o texto completo.
26
25
  */
27
26
  errorLimit: boolean;
27
+ /** Texto de apoio do campo. */
28
28
  help?: string;
29
- /** Ativa a exibição da ajuda adicional. */
30
- showAdditionalHelp: boolean;
31
- /** Exibe o ícone de ajuda adicional. */
32
- showAdditionalHelpIcon: boolean;
33
29
  /** Define o tamanho do componente. */
34
30
  size?: string;
35
- /** Evento disparado ao clicar no ícone de ajuda adicional. */
36
- /** @deprecated v23.x.x */
37
- additionalHelp: EventEmitter<any>;
38
- /** Propriedade para controlar a visibilidade do additionalHelp de acordo com a visibilidade do p-label do field.
39
- * Caso o p-label esteja visível, o additionalHelp não será exibido.
40
- **/
41
- hideAdditionalHelpByLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
31
+ /** Configurações do ícone de ajuda adicional vínculado ao label. */
32
+ poHelperComponent: import("@angular/core").InputSignal<PoHelperOptions>;
33
+ /** Define se o componente helper estará visível através das ações customizadas */
34
+ showHelperComponent: import("@angular/core").InputSignal<boolean>;
42
35
  private isInitialChange;
43
36
  ngOnChanges(changes: SimpleChanges): void;
44
37
  }
@@ -114,7 +114,6 @@ export declare abstract class PoFieldModel<T> implements ControlValueAccessor {
114
114
  * ```
115
115
  */
116
116
  showAdditionalHelp(helperHtmlElement?: PoHelperComponent, poHelperComponent?: string | PoHelperOptions): boolean;
117
- showAdditionalHelpIcon(): boolean;
118
117
  protected isAdditionalHelpEventTriggered(): boolean;
119
118
  protected updateModel(value: T): void;
120
119
  abstract onWriteValue(value: T): void;
@@ -206,12 +206,12 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
206
206
  /**
207
207
  * @description
208
208
  *
209
- * Define se os caracteres especiais da máscara devem ser ignorados ao validar os comprimentos mínimo (`minLength`) e máximo (`maxLength`) do campo.
209
+ * Controla como o componente aplica as validações de comprimento mínimo (`minLength`) e máximo (`maxLength`) quando há uma máscara (`p-mask`) definida.
210
210
  *
211
211
  * - Quando `true`, apenas os caracteres alfanuméricos serão contabilizados para a validação dos comprimentos.
212
212
  * - Quando `false`, todos os caracteres, incluindo os especiais da máscara, serão considerados na validação.
213
213
  *
214
- * > Será ignorado essa propriedade , caso esteja utilizando junto com a propriedade `p-mask-format-model`.
214
+ * > Esta propriedade é ignorada quando utilizada em conjunto com `p-mask-format-model`.
215
215
  *
216
216
  * Exemplo:
217
217
  * ```
@@ -457,7 +457,6 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
457
457
  registerOnChange(func: any): void;
458
458
  registerOnTouched(func: any): void;
459
459
  registerOnValidatorChange(fn: () => void): void;
460
- showAdditionalHelpIcon(): boolean;
461
460
  /**
462
461
  * Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
463
462
  * Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
@@ -1,4 +1,4 @@
1
- import { AfterViewInit, EventEmitter, Injector, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
1
+ import { AfterViewInit, ElementRef, EventEmitter, Injector, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
2
2
  import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
3
3
  import { Subscription } from 'rxjs';
4
4
  import { PoLanguageService } from '../../../services/po-language/po-language.service';
@@ -39,6 +39,7 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
39
39
  private readonly language;
40
40
  private _size?;
41
41
  private _spacing;
42
+ inputEl: ElementRef;
42
43
  additionalHelpEventTrigger: string | undefined;
43
44
  /**
44
45
  *
@@ -465,6 +466,7 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
465
466
  protected oldValueToModel: any;
466
467
  protected onTouched: any;
467
468
  protected resizeListener: () => void;
469
+ protected isExpandedHeight: boolean;
468
470
  private _disabled?;
469
471
  private _fieldLabel;
470
472
  private _filterService;
@@ -600,6 +602,7 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
600
602
  private setService;
601
603
  private setControl;
602
604
  private initializeColumn;
605
+ private updateLookupInputHeight;
603
606
  abstract setViewValue(value: any, object: any): void;
604
607
  abstract openLookup(): void;
605
608
  abstract setDisclaimers(a: any): any;
@@ -1,4 +1,4 @@
1
- import { AfterViewInit, DoCheck, ElementRef, OnDestroy, OnInit, SimpleChanges, OnChanges } from '@angular/core';
1
+ import { AfterViewInit, DoCheck, OnDestroy, OnInit, SimpleChanges, OnChanges } from '@angular/core';
2
2
  import { PoTableColumnSpacing } from '../../po-table';
3
3
  import { PoLookupBaseComponent } from './po-lookup-base.component';
4
4
  import { PoHelperComponent } from '../../po-helper';
@@ -95,7 +95,6 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
95
95
  private renderer;
96
96
  private cd;
97
97
  private el;
98
- inputEl: ElementRef;
99
98
  helperEl?: PoHelperComponent;
100
99
  initialized: boolean;
101
100
  timeoutResize: any;
@@ -177,7 +176,6 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
177
176
  * ```
178
177
  */
179
178
  showAdditionalHelp(): boolean;
180
- showAdditionalHelpIcon(): boolean;
181
179
  setHelper(label?: string, additionalHelpTooltip?: string): {
182
180
  hideAdditionalHelp: boolean;
183
181
  helperSettings?: any;