@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.
- package/fesm2022/po-ui-ng-components.mjs +132 -139
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/lib/components/po-button/po-button-base.component.d.ts +3 -2
- package/lib/components/po-dynamic/po-dynamic-form/interfaces/po-dynamic-form-field.interface.d.ts +33 -6
- package/lib/components/po-field/po-checkbox/po-checkbox.component.d.ts +0 -1
- package/lib/components/po-field/po-checkbox-group/po-checkbox-group.component.d.ts +0 -1
- package/lib/components/po-field/po-combo/po-combo.component.d.ts +0 -1
- package/lib/components/po-field/po-datepicker/po-datepicker.component.d.ts +0 -1
- package/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.d.ts +0 -1
- package/lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.d.ts +9 -16
- package/lib/components/po-field/po-field.model.d.ts +0 -1
- package/lib/components/po-field/po-input/po-input-base.component.d.ts +2 -3
- package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts +4 -1
- package/lib/components/po-field/po-lookup/po-lookup.component.d.ts +1 -3
- package/lib/components/po-field/po-multiselect/po-multiselect-base.component.d.ts +4 -1
- package/lib/components/po-field/po-multiselect/po-multiselect.component.d.ts +0 -2
- package/lib/components/po-field/po-number/po-number.component.d.ts +11 -0
- package/lib/components/po-field/po-radio-group/po-radio-group.component.d.ts +0 -1
- package/lib/components/po-field/po-textarea/po-textarea.component.d.ts +0 -1
- package/lib/components/po-field/po-upload/po-upload.component.d.ts +0 -1
- package/lib/components/po-modal/po-modal-action.interface.d.ts +44 -0
- package/package.json +4 -4
- package/po-ui-ng-components-19.37.0.tgz +0 -0
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-update/v14/index.js +1 -1
- package/schematics/ng-update/v15/index.js +1 -1
- package/schematics/ng-update/v16/index.js +1 -1
- package/schematics/ng-update/v17/index.js +1 -1
- package/schematics/ng-update/v18/index.js +2 -2
- package/schematics/ng-update/v19/index.js +2 -2
- package/schematics/ng-update/v2/index.js +1 -1
- package/schematics/ng-update/v3/index.js +1 -1
- package/schematics/ng-update/v4/index.js +1 -1
- package/schematics/ng-update/v5/index.js +1 -1
- package/schematics/ng-update/v6/index.js +1 -1
- 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)
|
|
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*,
|
|
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
|
* ```
|
package/lib/components/po-dynamic/po-dynamic-form/interfaces/po-dynamic-form-field.interface.d.ts
CHANGED
|
@@ -104,17 +104,44 @@ export interface PoDynamicFormField extends PoDynamicField {
|
|
|
104
104
|
/**
|
|
105
105
|
* Máscara para o campo.
|
|
106
106
|
*
|
|
107
|
-
* **
|
|
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
|
-
* **
|
|
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
|
-
* **
|
|
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
|
-
* **
|
|
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
|
-
* **
|
|
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
|
-
* **
|
|
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 {
|
|
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
|
-
|
|
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
|
-
/**
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
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, { "
|
|
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
|
-
*
|
|
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
|
-
* >
|
|
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,
|
|
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.
|
|
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.
|
|
26
|
-
"@po-ui/ng-schematics": "19.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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
|