@po-ui/ng-components 19.35.0 → 19.37.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 (36) 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/lib/components/po-button/po-button-base.component.d.ts +3 -2
  4. package/lib/components/po-dynamic/po-dynamic-form/interfaces/po-dynamic-form-field.interface.d.ts +33 -6
  5. package/lib/components/po-field/po-checkbox/po-checkbox.component.d.ts +0 -1
  6. package/lib/components/po-field/po-checkbox-group/po-checkbox-group.component.d.ts +0 -1
  7. package/lib/components/po-field/po-combo/po-combo.component.d.ts +0 -1
  8. package/lib/components/po-field/po-datepicker/po-datepicker.component.d.ts +0 -1
  9. package/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.d.ts +0 -1
  10. package/lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.d.ts +9 -16
  11. package/lib/components/po-field/po-field.model.d.ts +0 -1
  12. package/lib/components/po-field/po-input/po-input-base.component.d.ts +2 -3
  13. package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts +4 -1
  14. package/lib/components/po-field/po-lookup/po-lookup.component.d.ts +1 -3
  15. package/lib/components/po-field/po-multiselect/po-multiselect-base.component.d.ts +4 -1
  16. package/lib/components/po-field/po-multiselect/po-multiselect.component.d.ts +0 -2
  17. package/lib/components/po-field/po-number/po-number.component.d.ts +11 -0
  18. package/lib/components/po-field/po-radio-group/po-radio-group.component.d.ts +0 -1
  19. package/lib/components/po-field/po-textarea/po-textarea.component.d.ts +0 -1
  20. package/lib/components/po-field/po-upload/po-upload.component.d.ts +0 -1
  21. package/lib/components/po-modal/po-modal-action.interface.d.ts +44 -0
  22. package/package.json +4 -4
  23. package/po-ui-ng-components-19.37.0.tgz +0 -0
  24. package/schematics/ng-add/index.js +1 -1
  25. package/schematics/ng-update/v14/index.js +1 -1
  26. package/schematics/ng-update/v15/index.js +1 -1
  27. package/schematics/ng-update/v16/index.js +1 -1
  28. package/schematics/ng-update/v17/index.js +1 -1
  29. package/schematics/ng-update/v18/index.js +2 -2
  30. package/schematics/ng-update/v19/index.js +2 -2
  31. package/schematics/ng-update/v2/index.js +1 -1
  32. package/schematics/ng-update/v3/index.js +1 -1
  33. package/schematics/ng-update/v4/index.js +1 -1
  34. package/schematics/ng-update/v5/index.js +1 -1
  35. package/schematics/ng-update/v6/index.js +1 -1
  36. package/po-ui-ng-components-19.35.0.tgz +0 -0
@@ -85,11 +85,12 @@ export declare class PoButtonBaseComponent {
85
85
  * @description
86
86
  * Ícone exibido ao lado esquerdo do label do botão.
87
87
  *
88
- * É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons). conforme exemplo abaixo:
88
+ * É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons), conforme exemplo:
89
89
  * ```
90
90
  * <po-button p-icon="an an-user" p-label="PO button"></po-button>
91
91
  * ```
92
- * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, da seguinte forma:
92
+ * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, desde que a biblioteca
93
+ * esteja carregada no projeto:
93
94
  * ```
94
95
  * <po-button p-icon="fa fa-podcast" p-label="PO button"></po-button>
95
96
  * ```
@@ -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
  /**
@@ -83,7 +83,6 @@ export declare class PoCheckboxComponent extends PoCheckboxBaseComponent impleme
83
83
  * ```
84
84
  */
85
85
  showAdditionalHelp(): boolean;
86
- showAdditionalHelpIcon(): boolean;
87
86
  setHelper(label?: string, additionalHelpTooltip?: string): {
88
87
  hideAdditionalHelp: boolean;
89
88
  helperSettings?: any;
@@ -82,7 +82,6 @@ export declare class PoCheckboxGroupComponent extends PoCheckboxGroupBaseCompone
82
82
  * ```
83
83
  */
84
84
  showAdditionalHelp(): boolean;
85
- showAdditionalHelpIcon(): boolean;
86
85
  trackByFn(index: any): any;
87
86
  setHelper(label?: string, additionalHelpTooltip?: string): {
88
87
  hideAdditionalHelp: boolean;
@@ -160,7 +160,6 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
160
160
  wasClickedOnToggle(event: MouseEvent): void;
161
161
  isValidCharacterToSearch(keyCode: any): boolean;
162
162
  searchOnEnterOrArrow(event: any, value: string): void;
163
- showAdditionalHelpIcon(): boolean;
164
163
  showMoreInfiniteScroll(): void;
165
164
  clearAndFocus(): void;
166
165
  updateCacheOptions(): void;
@@ -124,7 +124,6 @@ export declare class PoDatepickerComponent extends PoDatepickerBaseComponent imp
124
124
  isValidDateIso(value: string): boolean;
125
125
  isValidExtendedIso(value: any): boolean;
126
126
  hasOverlayClass(element: any): any;
127
- showAdditionalHelpIcon(): boolean;
128
127
  verifyErrorAsync(value: any): void;
129
128
  verifyMobile(): RegExpMatchArray;
130
129
  private closeCalendar;
@@ -93,7 +93,6 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
93
93
  onKeydown(event?: any): void;
94
94
  onKeyup(event: any): void;
95
95
  resetDateRangeInputValidation(): void;
96
- showAdditionalHelpIcon(): boolean;
97
96
  /**
98
97
  * Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
99
98
  * 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
  import * as i0 from "@angular/core";
4
5
  /**
5
6
  * @docsPrivate
@@ -11,9 +12,7 @@ import * as i0 from "@angular/core";
11
12
  */
12
13
  export declare class PoFieldContainerBottomComponent implements OnChanges {
13
14
  poTooltip: PoTooltipDirective;
14
- /** Texto exibido no tooltip do ícone de ajuda adicional. */
15
- /** @deprecated v23.x.x */
16
- additionalHelpTooltip?: string;
15
+ helperEl?: PoHelperComponent;
17
16
  /** Define se o tooltip será inserido no `body` em vez do componente. */
18
17
  appendBox: boolean;
19
18
  disabled: boolean;
@@ -26,23 +25,17 @@ export declare class PoFieldContainerBottomComponent implements OnChanges {
26
25
  * Limita a exibição da mensagem de erro a duas linhas e exibe um tooltip com o texto completo.
27
26
  */
28
27
  errorLimit: boolean;
28
+ /** Texto de apoio do campo. */
29
29
  help?: string;
30
- /** Ativa a exibição da ajuda adicional. */
31
- showAdditionalHelp: boolean;
32
- /** Exibe o ícone de ajuda adicional. */
33
- showAdditionalHelpIcon: boolean;
34
30
  /** Define o tamanho do componente. */
35
31
  size?: string;
36
- /** Evento disparado ao clicar no ícone de ajuda adicional. */
37
- /** @deprecated v23.x.x */
38
- additionalHelp: EventEmitter<any>;
39
- /** Propriedade para controlar a visibilidade do additionalHelp de acordo com a visibilidade do p-label do field.
40
- * Caso o p-label esteja visível, o additionalHelp não será exibido.
41
- **/
42
- hideAdditionalHelpByLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
32
+ /** Configurações do ícone de ajuda adicional vínculado ao label. */
33
+ poHelperComponent: import("@angular/core").InputSignal<PoHelperOptions>;
34
+ /** Define se o componente helper estará visível através das ações customizadas */
35
+ showHelperComponent: import("@angular/core").InputSignal<boolean>;
43
36
  private isInitialChange;
44
37
  ngOnChanges(changes: SimpleChanges): void;
45
38
  static ɵfac: i0.ɵɵFactoryDeclaration<PoFieldContainerBottomComponent, never>;
46
- static ɵcmp: i0.ɵɵComponentDeclaration<PoFieldContainerBottomComponent, "po-field-container-bottom", never, { "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "errorPattern": { "alias": "p-error-pattern"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "showAdditionalHelp": { "alias": "p-show-additional-help"; "required": false; }; "showAdditionalHelpIcon": { "alias": "p-show-additional-help-icon"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "hideAdditionalHelpByLabel": { "alias": "p-hide-additional-help-by-label"; "required": false; "isSignal": true; }; }, { "additionalHelp": "p-additional-help"; }, never, never, false, never>;
39
+ 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>;
47
40
  static ngAcceptInputType_appendBox: any;
48
41
  }
@@ -115,7 +115,6 @@ export declare abstract class PoFieldModel<T> implements ControlValueAccessor {
115
115
  * ```
116
116
  */
117
117
  showAdditionalHelp(helperHtmlElement?: PoHelperComponent, poHelperComponent?: string | PoHelperOptions): boolean;
118
- showAdditionalHelpIcon(): boolean;
119
118
  protected isAdditionalHelpEventTriggered(): boolean;
120
119
  protected updateModel(value: T): void;
121
120
  abstract onWriteValue(value: T): void;
@@ -207,12 +207,12 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
207
207
  /**
208
208
  * @description
209
209
  *
210
- * Define se os caracteres especiais da máscara devem ser ignorados ao validar os comprimentos mínimo (`minLength`) e máximo (`maxLength`) do campo.
210
+ * 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.
211
211
  *
212
212
  * - Quando `true`, apenas os caracteres alfanuméricos serão contabilizados para a validação dos comprimentos.
213
213
  * - Quando `false`, todos os caracteres, incluindo os especiais da máscara, serão considerados na validação.
214
214
  *
215
- * > Será ignorado essa propriedade , caso esteja utilizando junto com a propriedade `p-mask-format-model`.
215
+ * > Esta propriedade é ignorada quando utilizada em conjunto com `p-mask-format-model`.
216
216
  *
217
217
  * Exemplo:
218
218
  * ```
@@ -458,7 +458,6 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
458
458
  registerOnChange(func: any): void;
459
459
  registerOnTouched(func: any): void;
460
460
  registerOnValidatorChange(fn: () => void): void;
461
- showAdditionalHelpIcon(): boolean;
462
461
  /**
463
462
  * Método que exibe `p-helper` ou executa a ação definida em `p-helper{eventOnClick}` ou em `p-additionalHelp`.
464
463
  * Para isso, será necessário configurar uma tecla de atalho utilizando o evento `p-keydown`.
@@ -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';
@@ -40,6 +40,7 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
40
40
  private readonly language;
41
41
  private _size?;
42
42
  private _spacing;
43
+ inputEl: ElementRef;
43
44
  additionalHelpEventTrigger: string | undefined;
44
45
  /**
45
46
  *
@@ -466,6 +467,7 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
466
467
  protected oldValueToModel: any;
467
468
  protected onTouched: any;
468
469
  protected resizeListener: () => void;
470
+ protected isExpandedHeight: boolean;
469
471
  private _disabled?;
470
472
  private _fieldLabel;
471
473
  private _filterService;
@@ -601,6 +603,7 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
601
603
  private setService;
602
604
  private setControl;
603
605
  private initializeColumn;
606
+ private updateLookupInputHeight;
604
607
  abstract setViewValue(value: any, object: any): void;
605
608
  abstract openLookup(): void;
606
609
  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';
@@ -96,7 +96,6 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
96
96
  private renderer;
97
97
  private cd;
98
98
  private el;
99
- inputEl: ElementRef;
100
99
  helperEl?: PoHelperComponent;
101
100
  initialized: boolean;
102
101
  timeoutResize: any;
@@ -178,7 +177,6 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
178
177
  * ```
179
178
  */
180
179
  showAdditionalHelp(): boolean;
181
- showAdditionalHelpIcon(): boolean;
182
180
  setHelper(label?: string, additionalHelpTooltip?: string): {
183
181
  hideAdditionalHelp: boolean;
184
182
  helperSettings?: any;
@@ -1,4 +1,4 @@
1
- import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
1
+ import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
2
2
  import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
3
3
  import { Observable, Subject, Subscription } from 'rxjs';
4
4
  import { PoLanguageService } from '../../../services/po-language/po-language.service';
@@ -73,6 +73,7 @@ export declare const poMultiselectLiteralsDefault: {
73
73
  */
74
74
  export declare abstract class PoMultiselectBaseComponent implements ControlValueAccessor, OnInit, Validator {
75
75
  protected cd?: ChangeDetectorRef;
76
+ inputElement: ElementRef;
76
77
  additionalHelpEventTrigger: string | undefined;
77
78
  /**
78
79
  *
@@ -275,6 +276,7 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
275
276
  protected clickOutListener: () => void;
276
277
  protected resizeListener: () => void;
277
278
  protected getObjectsByValuesSubscription: Subscription;
279
+ protected isExpandedHeight: boolean;
278
280
  private _filterService?;
279
281
  private _debounceTime?;
280
282
  private _disabled?;
@@ -555,6 +557,7 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
555
557
  private getValueWrite;
556
558
  private setLabelsAndValuesOptions;
557
559
  private validateModel;
560
+ private updateInputHeight;
558
561
  abstract applyFilter(value?: string): Observable<Array<PoMultiselectOption | any>>;
559
562
  abstract updateVisibleItems(): void;
560
563
  static ɵfac: i0.ɵɵFactoryDeclaration<PoMultiselectBaseComponent, never>;
@@ -58,7 +58,6 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
58
58
  dropdownElement: ElementRef;
59
59
  dropdown: any;
60
60
  iconElement: ElementRef;
61
- inputElement: ElementRef;
62
61
  outerContainer: ElementRef;
63
62
  helperEl?: PoHelperComponent;
64
63
  literalsTag: any;
@@ -145,7 +144,6 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
145
144
  * ```
146
145
  */
147
146
  showAdditionalHelp(): boolean;
148
- showAdditionalHelpIcon(): boolean;
149
147
  wasClickedOnToggle(event: MouseEvent): void;
150
148
  applyFilter(value?: string): Observable<Array<PoMultiselectOption | any>>;
151
149
  setHelper(label?: string, additionalHelpTooltip?: string): {
@@ -29,6 +29,17 @@ import * as i0 from "@angular/core";
29
29
  * </example>
30
30
  */
31
31
  export declare class PoNumberComponent extends PoNumberBaseComponent implements AfterViewInit, OnChanges {
32
+ /**
33
+ * @optional
34
+ *
35
+ * @description
36
+ *
37
+ * Indica uma máscara para o campo, porém é incompatível com o `po-number`.
38
+ * > **Componentes compatíveis:** `po-input`,`po-decimal`.
39
+ *
40
+ * @override
41
+ */
42
+ mask?: string;
32
43
  /**
33
44
  * @optional
34
45
  *
@@ -98,7 +98,6 @@ export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent imp
98
98
  * ```
99
99
  */
100
100
  showAdditionalHelp(): boolean;
101
- showAdditionalHelpIcon(): boolean;
102
101
  setHelper(label?: string, additionalHelpTooltip?: string): {
103
102
  hideAdditionalHelp: boolean;
104
103
  helperSettings?: any;
@@ -93,7 +93,6 @@ export declare class PoTextareaComponent extends PoTextareaBaseComponent impleme
93
93
  * ```
94
94
  */
95
95
  showAdditionalHelp(): boolean;
96
- showAdditionalHelpIcon(): boolean;
97
96
  private isAdditionalHelpEventTriggered;
98
97
  setHelper(label?: string, additionalHelpTooltip?: string): {
99
98
  hideAdditionalHelp: boolean;
@@ -146,7 +146,6 @@ export declare class PoUploadComponent extends PoUploadBaseComponent implements
146
146
  * ```
147
147
  */
148
148
  showAdditionalHelp(): boolean;
149
- showAdditionalHelpIcon(): boolean;
150
149
  stopUpload(file: PoUploadFile): void;
151
150
  trackByFn(index: any, file: PoUploadFile): string;
152
151
  uploadFiles(files: Array<PoUploadFile>): void;
@@ -1,3 +1,4 @@
1
+ import { TemplateRef } from '@angular/core';
1
2
  /**
2
3
  * @usedBy PoModalComponent
3
4
  *
@@ -16,6 +17,49 @@ export interface PoModalAction {
16
17
  danger?: boolean;
17
18
  /** Desabilita o botão impossibilitando que sua ação seja executada. */
18
19
  disabled?: boolean;
20
+ /**
21
+ * Ícone exibido ao lado esquerdo do label do botão.
22
+ *
23
+ * É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons), conforme exemplo:
24
+ * ```
25
+ * modalAction: PoModalAction = {
26
+ * action: () => {},
27
+ * label: 'Botão com ícone PO',
28
+ * icon: 'an an-user'
29
+ * };
30
+ * ```
31
+ * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, desde que a biblioteca
32
+ * esteja carregada no projeto:
33
+ * ```
34
+ * modalAction: PoModalAction = {
35
+ * action: () => {},
36
+ * label: 'Botão com ícone Font Awesome',
37
+ * icon: 'fa fa-user'
38
+ * };
39
+ * ```
40
+ * Outra opção seria a customização do ícone através do `TemplateRef`, conforme exemplo abaixo:
41
+ * ```
42
+ * // Template HTML
43
+ * <ng-template #customIcon>
44
+ * <span class="fa fa-user"></span>
45
+ * </ng-template>
46
+ *
47
+ * // Componente TypeScript
48
+ * @ViewChild('customIcon', { static: true }) customIcon: TemplateRef<void>;
49
+ *
50
+ * modalAction: PoModalAction = {
51
+ * action: () => {},
52
+ * label: 'Botão com ícone customizado',
53
+ * };
54
+ *
55
+ * // Atribuição do TemplateRef à propriedade icon após a inicialização da view
56
+ * ngAfterViewInit() {
57
+ * this.modalAction.icon = this.customIcon;
58
+ * }
59
+ * ```
60
+ * > Para o ícone enquadrar corretamente, deve-se utilizar `font-size: inherit` caso o ícone utilizado não aplique-o.
61
+ */
62
+ icon?: string | TemplateRef<void>;
19
63
  /** Rótulo do botão. */
20
64
  label: string;
21
65
  /** Habilita um estado de carregamento ao botão, desabilitando-o e exibindo um ícone de carregamento à esquerda de seu rótulo. */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@po-ui/ng-components",
3
- "version": "19.35.0",
3
+ "version": "19.37.0",
4
4
  "description": "PO UI - Components",
5
5
  "author": "PO UI",
6
6
  "license": "MIT",
@@ -22,8 +22,8 @@
22
22
  },
23
23
  "dependencies": {
24
24
  "@angular/cdk": "~19.0.3",
25
- "@po-ui/style": "19.35.0",
26
- "@po-ui/ng-schematics": "19.35.0",
25
+ "@po-ui/style": "19.37.0",
26
+ "@po-ui/ng-schematics": "19.37.0",
27
27
  "echarts": "^5.6.0",
28
28
  "tslib": "^2.6.2"
29
29
  },
@@ -38,7 +38,7 @@
38
38
  "@angular/platform-browser-dynamic": "^19",
39
39
  "@angular/router": "^19",
40
40
  "@angular-devkit/schematics": "^19",
41
- "@po-ui/style": "19.35.0",
41
+ "@po-ui/style": "19.37.0",
42
42
  "rxjs": "~7.8.1",
43
43
  "zone.js": "~0.15.0"
44
44
  },
Binary file
@@ -18,7 +18,7 @@ function default_1(options) {
18
18
  }
19
19
  function addPoPackageAndInstall() {
20
20
  return (tree, context) => {
21
- (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '19.35.0');
21
+ (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '19.37.0');
22
22
  // install packages
23
23
  context.addTask(new tasks_1.NodePackageInstallTask());
24
24
  };
@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
6
6
  const package_config_1 = require("@po-ui/ng-schematics/package-config");
7
7
  const changes_1 = require("./changes");
8
8
  function default_1() {
9
- return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.35.0', changes_1.updateDepedenciesVersion), postUpdate()]);
9
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.37.0', changes_1.updateDepedenciesVersion), postUpdate()]);
10
10
  }
11
11
  function postUpdate() {
12
12
  return (_, context) => {
@@ -11,7 +11,7 @@ const changes_1 = require("./changes");
11
11
  const httpClientModuleName = 'HttpClientModule';
12
12
  const httpClientModuleSourcePath = '@angular/common/http';
13
13
  function default_1() {
14
- return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.35.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
14
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.37.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
15
15
  }
16
16
  function postUpdate() {
17
17
  return (_, context) => {
@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
6
6
  const package_config_1 = require("@po-ui/ng-schematics/package-config");
7
7
  const changes_1 = require("./changes");
8
8
  function default_1() {
9
- return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.35.0', changes_1.updateDepedenciesVersion), postUpdate()]);
9
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.37.0', changes_1.updateDepedenciesVersion), postUpdate()]);
10
10
  }
11
11
  function postUpdate() {
12
12
  return (_, context) => {
@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
6
6
  const package_config_1 = require("@po-ui/ng-schematics/package-config");
7
7
  const changes_1 = require("./changes");
8
8
  function default_1() {
9
- return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.35.0', changes_1.updateDepedenciesVersion), postUpdate()]);
9
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.37.0', changes_1.updateDepedenciesVersion), postUpdate()]);
10
10
  }
11
11
  function postUpdate() {
12
12
  return (_, context) => {
@@ -40,11 +40,11 @@ function main(options) {
40
40
  configureNewIcon.toLowerCase() === 'y' ||
41
41
  configureNewIcon.toLowerCase() === 'sim' ||
42
42
  configureNewIcon.toLowerCase() === '') {
43
- return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.35.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
43
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.37.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
44
44
  }
45
45
  else {
46
46
  return (0, schematics_1.chain)([
47
- (0, package_config_1.updatePackageJson)('19.35.0', changes_1.updateDepedenciesVersion),
47
+ (0, package_config_1.updatePackageJson)('19.37.0', changes_1.updateDepedenciesVersion),
48
48
  addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
49
49
  addProviderToAppModule(options, newProviderDictionary),
50
50
  updateAppConfigFileRule(),
@@ -40,11 +40,11 @@ function main(options) {
40
40
  configureNewIcon.toLowerCase() === 'y' ||
41
41
  configureNewIcon.toLowerCase() === 'sim' ||
42
42
  configureNewIcon.toLowerCase() === '') {
43
- return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.35.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
43
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.37.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
44
44
  }
45
45
  else {
46
46
  return (0, schematics_1.chain)([
47
- (0, package_config_1.updatePackageJson)('19.35.0', changes_1.updateDepedenciesVersion),
47
+ (0, package_config_1.updatePackageJson)('19.37.0', changes_1.updateDepedenciesVersion),
48
48
  addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
49
49
  addProviderToAppModule(options, newProviderDictionary),
50
50
  updateAppConfigFileRule(),
@@ -10,7 +10,7 @@ const package_config_1 = require("@po-ui/ng-schematics/package-config");
10
10
  const changes_1 = require("./changes");
11
11
  function updateToV2() {
12
12
  return (0, schematics_1.chain)([
13
- updatePackageJson('19.35.0', changes_1.dependeciesChanges),
13
+ updatePackageJson('19.37.0', changes_1.dependeciesChanges),
14
14
  (0, replace_1.replaceInFile)('tslint.json', changes_1.tsLintReplaces),
15
15
  (0, replace_1.replaceInFile)('angular.json', changes_1.angularJsonReplaces),
16
16
  createUpgradeRule(),
@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
7
7
  const package_config_1 = require("@po-ui/ng-schematics/package-config");
8
8
  const changes_1 = require("./changes");
9
9
  function updateToV3() {
10
- return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.35.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
10
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.37.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
11
11
  }
12
12
  function postUpdate() {
13
13
  return (_, context) => {
@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
7
7
  const package_config_1 = require("@po-ui/ng-schematics/package-config");
8
8
  const changes_1 = require("./changes");
9
9
  function default_1() {
10
- return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.35.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
10
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.37.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
11
11
  }
12
12
  function postUpdate() {
13
13
  return (_, context) => {
@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
7
7
  const package_config_1 = require("@po-ui/ng-schematics/package-config");
8
8
  const changes_1 = require("./changes");
9
9
  function default_1() {
10
- return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.35.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
10
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.37.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
11
11
  }
12
12
  function postUpdate() {
13
13
  return (_, context) => {
@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
6
6
  const package_config_1 = require("@po-ui/ng-schematics/package-config");
7
7
  const changes_1 = require("./changes");
8
8
  function default_1() {
9
- return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.35.0', changes_1.updateDepedenciesVersion), postUpdate()]);
9
+ return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.37.0', changes_1.updateDepedenciesVersion), postUpdate()]);
10
10
  }
11
11
  function postUpdate() {
12
12
  return (_, context) => {
Binary file