@po-ui/ng-components 18.21.0 → 18.23.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/esm2022/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-field.interface.mjs +1 -1
- package/esm2022/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-fields/po-dynamic-form-fields.component.mjs +19 -19
- package/esm2022/lib/components/po-field/po-checkbox-group/po-checkbox-group-base.component.mjs +18 -2
- package/esm2022/lib/components/po-field/po-checkbox-group/po-checkbox-group.component.mjs +4 -4
- package/esm2022/lib/components/po-field/po-combo/po-combo-base.component.mjs +22 -2
- package/esm2022/lib/components/po-field/po-combo/po-combo.component.mjs +4 -4
- package/esm2022/lib/components/po-field/po-datepicker/po-datepicker-base.component.mjs +22 -2
- package/esm2022/lib/components/po-field/po-datepicker/po-datepicker.component.mjs +4 -4
- package/esm2022/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.mjs +18 -2
- package/esm2022/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.mjs +4 -4
- package/esm2022/lib/components/po-field/po-decimal/po-decimal.component.mjs +4 -4
- package/esm2022/lib/components/po-field/po-email/po-email.component.mjs +4 -4
- package/esm2022/lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.mjs +27 -10
- package/esm2022/lib/components/po-field/po-field-container/po-field-container.module.mjs +5 -4
- package/esm2022/lib/components/po-field/po-field-validate.model.mjs +22 -2
- package/esm2022/lib/components/po-field/po-input/po-input-base.component.mjs +22 -2
- package/esm2022/lib/components/po-field/po-input/po-input.component.mjs +4 -4
- package/esm2022/lib/components/po-field/po-login/po-login.component.mjs +4 -4
- package/esm2022/lib/components/po-field/po-lookup/po-lookup-base.component.mjs +22 -2
- package/esm2022/lib/components/po-field/po-lookup/po-lookup.component.mjs +4 -4
- package/esm2022/lib/components/po-field/po-multiselect/po-multiselect-base.component.mjs +22 -2
- package/esm2022/lib/components/po-field/po-multiselect/po-multiselect.component.mjs +4 -4
- package/esm2022/lib/components/po-field/po-number/po-number.component.mjs +4 -4
- package/esm2022/lib/components/po-field/po-password/po-password.component.mjs +4 -4
- package/esm2022/lib/components/po-field/po-radio-group/po-radio-group-base.component.mjs +18 -2
- package/esm2022/lib/components/po-field/po-radio-group/po-radio-group.component.mjs +4 -4
- package/esm2022/lib/components/po-field/po-rich-text/po-rich-text-base.component.mjs +18 -2
- package/esm2022/lib/components/po-field/po-rich-text/po-rich-text.component.mjs +4 -4
- package/esm2022/lib/components/po-field/po-select/po-select.component.mjs +4 -4
- package/esm2022/lib/components/po-field/po-textarea/po-textarea-base.component.mjs +18 -2
- package/esm2022/lib/components/po-field/po-textarea/po-textarea.component.mjs +4 -4
- package/esm2022/lib/components/po-field/po-upload/po-upload-base.component.mjs +86 -2
- package/esm2022/lib/components/po-field/po-upload/po-upload.component.mjs +17 -7
- package/esm2022/lib/components/po-field/po-url/po-url.component.mjs +4 -4
- package/esm2022/lib/components/po-progress/index.mjs +2 -1
- package/esm2022/lib/components/po-progress/interfaces/index.mjs +2 -0
- package/esm2022/lib/components/po-progress/interfaces/po-progress-actions.interface.mjs +2 -0
- package/esm2022/lib/components/po-progress/po-progress-base.component.mjs +87 -2
- package/esm2022/lib/components/po-progress/po-progress.component.mjs +44 -15
- package/fesm2022/po-ui-ng-components.mjs +553 -132
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-field.interface.d.ts +57 -1
- package/lib/components/po-field/po-checkbox-group/po-checkbox-group-base.component.d.ts +14 -1
- package/lib/components/po-field/po-combo/po-combo-base.component.d.ts +16 -1
- package/lib/components/po-field/po-datepicker/po-datepicker-base.component.d.ts +16 -1
- package/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.d.ts +14 -1
- package/lib/components/po-field/po-field-container/po-field-container-bottom/po-field-container-bottom.component.d.ts +7 -1
- package/lib/components/po-field/po-field-container/po-field-container.module.d.ts +2 -1
- package/lib/components/po-field/po-field-validate.model.d.ts +16 -1
- package/lib/components/po-field/po-input/po-input-base.component.d.ts +16 -1
- package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts +16 -1
- package/lib/components/po-field/po-multiselect/po-multiselect-base.component.d.ts +16 -1
- package/lib/components/po-field/po-radio-group/po-radio-group-base.component.d.ts +14 -1
- package/lib/components/po-field/po-rich-text/po-rich-text-base.component.d.ts +14 -1
- package/lib/components/po-field/po-textarea/po-textarea-base.component.d.ts +14 -1
- package/lib/components/po-field/po-upload/po-upload-base.component.d.ts +80 -1
- package/lib/components/po-field/po-upload/po-upload.component.d.ts +6 -0
- package/lib/components/po-progress/index.d.ts +1 -0
- package/lib/components/po-progress/interfaces/index.d.ts +1 -0
- package/lib/components/po-progress/interfaces/po-progress-actions.interface.d.ts +83 -0
- package/lib/components/po-progress/po-progress-base.component.d.ts +81 -1
- package/lib/components/po-progress/po-progress.component.d.ts +4 -0
- package/package.json +4 -4
- package/po-ui-ng-components-18.23.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/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-18.21.0.tgz +0 -0
|
@@ -5,6 +5,7 @@ import { PoUploadFileRestrictions } from './interfaces/po-upload-file-restrictio
|
|
|
5
5
|
import { PoUploadLiterals } from './interfaces/po-upload-literals.interface';
|
|
6
6
|
import { PoUploadFile } from './po-upload-file';
|
|
7
7
|
import { PoUploadService } from './po-upload.service';
|
|
8
|
+
import { PoProgressAction } from '../../po-progress';
|
|
8
9
|
import * as i0 from "@angular/core";
|
|
9
10
|
export declare const poUploadLiteralsDefault: {
|
|
10
11
|
en: PoUploadLiterals;
|
|
@@ -116,6 +117,84 @@ export declare abstract class PoUploadBaseComponent implements ControlValueAcces
|
|
|
116
117
|
* @default `true`
|
|
117
118
|
*/
|
|
118
119
|
requiredUrl: boolean;
|
|
120
|
+
/**
|
|
121
|
+
* @optional
|
|
122
|
+
*
|
|
123
|
+
* @description
|
|
124
|
+
*
|
|
125
|
+
* Define uma ação personalizada no componente `po-upload`, adicionando um botão no canto inferior direito
|
|
126
|
+
* de cada barra de progresso associada aos arquivos enviados ou em envio.
|
|
127
|
+
*
|
|
128
|
+
* A ação deve implementar a interface **PoProgressAction**, permitindo configurar propriedades como:
|
|
129
|
+
* - `label`: Texto do botão.
|
|
130
|
+
* - `icon`: Ícone a ser exibido no botão.
|
|
131
|
+
* - `type`: Tipo de botão (ex.: `danger` ou `default`).
|
|
132
|
+
* - `disabled`: Indica se o botão deve estar desabilitado.
|
|
133
|
+
* - `visible`: Indica se o botão deve estar visível.
|
|
134
|
+
*
|
|
135
|
+
* **Exemplo de uso:**
|
|
136
|
+
*
|
|
137
|
+
* ```html
|
|
138
|
+
* <po-upload
|
|
139
|
+
* [p-custom-action]="customAction"
|
|
140
|
+
* (p-custom-action-click)="onCustomActionClick($event)">
|
|
141
|
+
* </po-upload>
|
|
142
|
+
* ```
|
|
143
|
+
*
|
|
144
|
+
* ```typescript
|
|
145
|
+
* customAction: PoProgressAction = {
|
|
146
|
+
* label: 'Baixar',
|
|
147
|
+
* icon: 'ph ph-download',
|
|
148
|
+
* type: 'default',
|
|
149
|
+
* visible: true
|
|
150
|
+
* };
|
|
151
|
+
*
|
|
152
|
+
* onCustomActionClick(file: PoUploadFile) {
|
|
153
|
+
* console.log(`Ação personalizada clicada para o arquivo: ${file.name}`);
|
|
154
|
+
* }
|
|
155
|
+
* ```
|
|
156
|
+
*/
|
|
157
|
+
customAction?: PoProgressAction;
|
|
158
|
+
/**
|
|
159
|
+
* @optional
|
|
160
|
+
*
|
|
161
|
+
* @description
|
|
162
|
+
*
|
|
163
|
+
* Evento emitido ao clicar na ação personalizada configurada no `p-custom-action`.
|
|
164
|
+
*
|
|
165
|
+
* O evento retorna o arquivo associado à barra de progresso onde a ação foi clicada,
|
|
166
|
+
* permitindo executar operações específicas para aquele arquivo.
|
|
167
|
+
*
|
|
168
|
+
* **Exemplo de uso:**
|
|
169
|
+
*
|
|
170
|
+
* ```html
|
|
171
|
+
* <po-upload
|
|
172
|
+
* [p-custom-action]="customAction"
|
|
173
|
+
* (p-custom-action-click)="onCustomActionClick($event)">
|
|
174
|
+
* </po-upload>
|
|
175
|
+
* ```
|
|
176
|
+
*
|
|
177
|
+
* ```typescript
|
|
178
|
+
* customAction: PoProgressAction = {
|
|
179
|
+
* label: 'Baixar',
|
|
180
|
+
* icon: 'ph ph-download',
|
|
181
|
+
* type: 'default',
|
|
182
|
+
* visible: true
|
|
183
|
+
* };
|
|
184
|
+
*
|
|
185
|
+
* onCustomActionClick(file: PoUploadFile) {
|
|
186
|
+
* console.log(`Ação personalizada clicada para o arquivo: ${file.name}`);
|
|
187
|
+
* // Lógica para download do arquivo
|
|
188
|
+
* this.downloadFile(file);
|
|
189
|
+
* }
|
|
190
|
+
*
|
|
191
|
+
* downloadFile(file: PoUploadFile) {
|
|
192
|
+
* // Exemplo de download
|
|
193
|
+
* console.log(`Iniciando o download do arquivo: ${file.name}`);
|
|
194
|
+
* }
|
|
195
|
+
* ```
|
|
196
|
+
*/
|
|
197
|
+
customActionClick: EventEmitter<any>;
|
|
119
198
|
/**
|
|
120
199
|
* @optional
|
|
121
200
|
*
|
|
@@ -374,7 +453,7 @@ export declare abstract class PoUploadBaseComponent implements ControlValueAcces
|
|
|
374
453
|
abstract sendFeedback(): void;
|
|
375
454
|
abstract setDirectoryAttribute(value: boolean): any;
|
|
376
455
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoUploadBaseComponent, never>;
|
|
377
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoUploadBaseComponent, never, never, { "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "dragDropHeight": { "alias": "p-drag-drop-height"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "url": { "alias": "p-url"; "required": false; }; "name": { "alias": "name"; "required": false; }; "autoUpload": { "alias": "p-auto-upload"; "required": false; }; "disabledRemoveFile": { "alias": "p-disabled-remove-file"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "headers": { "alias": "p-headers"; "required": false; }; "requiredUrl": { "alias": "p-required-url"; "required": false; }; "directory": { "alias": "p-directory"; "required": false; }; "dragDrop": { "alias": "p-drag-drop"; "required": false; }; "hideRestrictionsInfo": { "alias": "p-hide-restrictions-info"; "required": false; }; "hideSelectButton": { "alias": "p-hide-select-button"; "required": false; }; "hideSendButton": { "alias": "p-hide-send-button"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "fileRestrictions": { "alias": "p-restrictions"; "required": false; }; "formField": { "alias": "p-form-field"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "isMultiple": { "alias": "p-multiple"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; }, { "onUpload": "p-upload"; "onError": "p-error"; "onSuccess": "p-success"; "ngModelChange": "ngModelChange"; }, never, never, false, never>;
|
|
456
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoUploadBaseComponent, never, never, { "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "dragDropHeight": { "alias": "p-drag-drop-height"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "url": { "alias": "p-url"; "required": false; }; "name": { "alias": "name"; "required": false; }; "autoUpload": { "alias": "p-auto-upload"; "required": false; }; "disabledRemoveFile": { "alias": "p-disabled-remove-file"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "headers": { "alias": "p-headers"; "required": false; }; "requiredUrl": { "alias": "p-required-url"; "required": false; }; "customAction": { "alias": "p-custom-action"; "required": false; }; "directory": { "alias": "p-directory"; "required": false; }; "dragDrop": { "alias": "p-drag-drop"; "required": false; }; "hideRestrictionsInfo": { "alias": "p-hide-restrictions-info"; "required": false; }; "hideSelectButton": { "alias": "p-hide-select-button"; "required": false; }; "hideSendButton": { "alias": "p-hide-send-button"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "fileRestrictions": { "alias": "p-restrictions"; "required": false; }; "formField": { "alias": "p-form-field"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "isMultiple": { "alias": "p-multiple"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; }, { "customActionClick": "p-custom-action-click"; "onUpload": "p-upload"; "onError": "p-error"; "onSuccess": "p-success"; "ngModelChange": "ngModelChange"; }, never, never, false, never>;
|
|
378
457
|
static ngAcceptInputType_autoFocus: any;
|
|
379
458
|
static ngAcceptInputType_disabledRemoveFile: any;
|
|
380
459
|
static ngAcceptInputType_requiredUrl: any;
|
|
@@ -32,6 +32,11 @@ import * as i0 from "@angular/core";
|
|
|
32
32
|
* <file name="sample-po-upload-rs/sample-po-upload-rs.component.html"> </file>
|
|
33
33
|
* <file name="sample-po-upload-rs/sample-po-upload-rs.component.ts"> </file>
|
|
34
34
|
* </example>
|
|
35
|
+
*
|
|
36
|
+
* <example name="po-upload-download" title="PO Upload - with Download Button">
|
|
37
|
+
* <file name="sample-po-upload-download/sample-po-upload-download.component.html"> </file>
|
|
38
|
+
* <file name="sample-po-upload-download/sample-po-upload-download.component.ts"> </file>
|
|
39
|
+
* </example>
|
|
35
40
|
*/
|
|
36
41
|
export declare class PoUploadComponent extends PoUploadBaseComponent implements AfterViewInit {
|
|
37
42
|
renderer: Renderer2;
|
|
@@ -98,6 +103,7 @@ export declare class PoUploadComponent extends PoUploadBaseComponent implements
|
|
|
98
103
|
stopUpload(file: PoUploadFile): void;
|
|
99
104
|
trackByFn(index: any, file: PoUploadFile): string;
|
|
100
105
|
uploadFiles(files: Array<PoUploadFile>): void;
|
|
106
|
+
customClick(file: PoUploadFile): void;
|
|
101
107
|
private cleanInputValue;
|
|
102
108
|
private responseHandler;
|
|
103
109
|
private setPipeArguments;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './po-progress-actions.interface';
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
/**
|
|
3
|
+
* @description
|
|
4
|
+
* Interface para as ações dos componentes po-progress e po-upload.
|
|
5
|
+
*
|
|
6
|
+
* @usedBy PoProgressComponent, PoUploadComponent
|
|
7
|
+
*/
|
|
8
|
+
export interface PoProgressAction {
|
|
9
|
+
/** Rótulo da ação. */
|
|
10
|
+
label?: string;
|
|
11
|
+
/**
|
|
12
|
+
* @description
|
|
13
|
+
*
|
|
14
|
+
* Define um ícone que será exibido ao lado esquerdo do rótulo.
|
|
15
|
+
*
|
|
16
|
+
* É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons). conforme exemplo abaixo:
|
|
17
|
+
* ```
|
|
18
|
+
* <po-component
|
|
19
|
+
* [p-property]="[{ label: 'PHOSPHOR ICON', icon: 'ph ph-newspaper' }]">
|
|
20
|
+
* </po-component>
|
|
21
|
+
* ```
|
|
22
|
+
*
|
|
23
|
+
* Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca Font Awesome, da seguinte forma:
|
|
24
|
+
* ```
|
|
25
|
+
* <po-component
|
|
26
|
+
* [p-property]="[{ label: 'FA ICON', icon: 'fa fa-icon-podcast' }]">
|
|
27
|
+
* </po-component>
|
|
28
|
+
* ```
|
|
29
|
+
*
|
|
30
|
+
* Outra opção seria a customização do ícone através do `TemplateRef`, conforme exemplo abaixo:
|
|
31
|
+
* component.html:
|
|
32
|
+
* ```
|
|
33
|
+
* <ng-template #iconTemplate>
|
|
34
|
+
* <ion-icon name="heart"></ion-icon>
|
|
35
|
+
* </ng-template>
|
|
36
|
+
*
|
|
37
|
+
* <po-component [p-property]="myProperty"></po-component>
|
|
38
|
+
* ```
|
|
39
|
+
* component.ts:
|
|
40
|
+
* ```
|
|
41
|
+
* @ViewChild('iconTemplate', { static: true } ) iconTemplate : TemplateRef<void>;
|
|
42
|
+
*
|
|
43
|
+
* myProperty = [
|
|
44
|
+
* {
|
|
45
|
+
* label: 'FA ICON',
|
|
46
|
+
* icon: this.iconTemplate
|
|
47
|
+
* }
|
|
48
|
+
* ];
|
|
49
|
+
* ```
|
|
50
|
+
*/
|
|
51
|
+
icon?: string | TemplateRef<void>;
|
|
52
|
+
/**
|
|
53
|
+
* Função que deve retornar um booleano para habilitar ou desabilitar a ação para o registro selecionado.
|
|
54
|
+
*
|
|
55
|
+
* Também é possível informar diretamente um valor booleano que vai habilitar ou desabilitar a ação para todos os registros.
|
|
56
|
+
*/
|
|
57
|
+
disabled?: boolean | Function;
|
|
58
|
+
/**
|
|
59
|
+
* @description
|
|
60
|
+
*
|
|
61
|
+
* Define a cor do item, sendo `default` o padrão.
|
|
62
|
+
*
|
|
63
|
+
* Valores válidos:
|
|
64
|
+
* - `default`
|
|
65
|
+
* - `danger` - indicado para ações exclusivas (excluir, sair).
|
|
66
|
+
*/
|
|
67
|
+
type?: string;
|
|
68
|
+
/**
|
|
69
|
+
* @description
|
|
70
|
+
*
|
|
71
|
+
* Define se a ação será visível.
|
|
72
|
+
*
|
|
73
|
+
* > Caso o valor não seja especificado a ação será visível.
|
|
74
|
+
*
|
|
75
|
+
* Opções para tornar a ação visível ou não:
|
|
76
|
+
*
|
|
77
|
+
* - Função que deve retornar um booleano.
|
|
78
|
+
*
|
|
79
|
+
* - Informar diretamente um valor booleano.
|
|
80
|
+
*
|
|
81
|
+
*/
|
|
82
|
+
visible?: boolean | Function;
|
|
83
|
+
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { EventEmitter, TemplateRef } from '@angular/core';
|
|
2
2
|
import { PoProgressStatus } from './enums/po-progress-status.enum';
|
|
3
|
+
import { PoProgressAction } from './interfaces';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
/**
|
|
5
6
|
* @description
|
|
@@ -78,6 +79,85 @@ export declare class PoProgressBaseComponent {
|
|
|
78
79
|
* Texto principal que aparecerá abaixo da barra de progresso no lado esquerdo.
|
|
79
80
|
*/
|
|
80
81
|
text?: string;
|
|
82
|
+
/**
|
|
83
|
+
* @optional
|
|
84
|
+
*
|
|
85
|
+
* @description
|
|
86
|
+
*
|
|
87
|
+
* Permite definir uma ação personalizada no componente `po-progress`, exibindo um botão no canto inferior direito
|
|
88
|
+
* da barra de progresso. A ação deve implementar a interface **PoProgressAction**, possibilitando configurar:
|
|
89
|
+
*
|
|
90
|
+
* - **`label`**: Texto exibido no botão (opcional).
|
|
91
|
+
* - **`icon`**: Ícone exibido no botão (opcional).
|
|
92
|
+
* - **`type`**: Tipo do botão (`default` ou `danger`) para indicar a intenção da ação (opcional).
|
|
93
|
+
* - **`disabled`**: Indica se o botão deve estar desabilitado (opcional).
|
|
94
|
+
* - **`visible`**: Determina se o botão será exibido. Pode ser um valor booleano ou uma função que retorna um booleano (opcional).
|
|
95
|
+
*
|
|
96
|
+
* @example
|
|
97
|
+
* **Exemplo de uso:**
|
|
98
|
+
* ```html
|
|
99
|
+
* <po-progress
|
|
100
|
+
* [p-value]="50"
|
|
101
|
+
* [p-custom-action]="customAction"
|
|
102
|
+
* (p-custom-action-click)="onCustomActionClick()"
|
|
103
|
+
* ></po-progress>
|
|
104
|
+
* ```
|
|
105
|
+
*
|
|
106
|
+
* ```typescript
|
|
107
|
+
* customAction: PoProgressAction = {
|
|
108
|
+
* label: 'Baixar',
|
|
109
|
+
* icon: 'ph ph-download',
|
|
110
|
+
* type: 'default',
|
|
111
|
+
* visible: () => true
|
|
112
|
+
* };
|
|
113
|
+
*
|
|
114
|
+
* onCustomActionClick() {
|
|
115
|
+
* console.log('Custom action triggered!');
|
|
116
|
+
* }
|
|
117
|
+
* ```
|
|
118
|
+
*
|
|
119
|
+
* **Cenários comuns:**
|
|
120
|
+
* 1. **Download de Arquivos**: Exibir um botão para realizar o download de um arquivo associado à barra de progresso.
|
|
121
|
+
* 2. **Cancelamento Personalizado**: Adicionar uma ação para interromper ou reverter uma operação em andamento.
|
|
122
|
+
*/
|
|
123
|
+
customAction?: PoProgressAction;
|
|
124
|
+
/**
|
|
125
|
+
* @optional
|
|
126
|
+
*
|
|
127
|
+
* @description
|
|
128
|
+
*
|
|
129
|
+
* Evento emitido quando o botão definido em `p-custom-action` é clicado. Este evento retorna informações
|
|
130
|
+
* relacionadas à barra de progresso ou ao arquivo/processo associado, permitindo executar ações específicas.
|
|
131
|
+
*
|
|
132
|
+
* @example
|
|
133
|
+
* **Exemplo de uso:**
|
|
134
|
+
*
|
|
135
|
+
* ```html
|
|
136
|
+
* <po-progress
|
|
137
|
+
* [p-value]="50"
|
|
138
|
+
* [p-custom-action]="customAction"
|
|
139
|
+
* (p-custom-action-click)="onCustomActionClick()"
|
|
140
|
+
* ></po-progress>
|
|
141
|
+
* ```
|
|
142
|
+
*
|
|
143
|
+
* ```typescript
|
|
144
|
+
* customAction: PoProgressAction = {
|
|
145
|
+
* label: 'Cancelar',
|
|
146
|
+
* icon: 'ph ph-x',
|
|
147
|
+
* type: 'danger',
|
|
148
|
+
* visible: true
|
|
149
|
+
* };
|
|
150
|
+
*
|
|
151
|
+
* onCustomActionClick() {
|
|
152
|
+
* console.log('Custom action triggered!');
|
|
153
|
+
* }
|
|
154
|
+
* ```
|
|
155
|
+
*
|
|
156
|
+
* **Cenários comuns:**
|
|
157
|
+
* 1. **Botão de Download**: Disparar o download do arquivo associado à barra de progresso.
|
|
158
|
+
* 2. **Ação Condicional**: Realizar uma validação ou chamada de API antes de prosseguir com a ação.
|
|
159
|
+
*/
|
|
160
|
+
customActionClick: EventEmitter<any>;
|
|
81
161
|
/**
|
|
82
162
|
* @optional
|
|
83
163
|
*
|
|
@@ -160,7 +240,7 @@ export declare class PoProgressBaseComponent {
|
|
|
160
240
|
showPercentage: boolean;
|
|
161
241
|
private isProgressRangeValue;
|
|
162
242
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoProgressBaseComponent, never>;
|
|
163
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoProgressBaseComponent, never, never, { "disabledCancel": { "alias": "p-disabled-cancel"; "required": false; }; "info": { "alias": "p-info"; "required": false; }; "infoIcon": { "alias": "p-info-icon"; "required": false; }; "status": { "alias": "p-status"; "required": false; }; "text": { "alias": "p-text"; "required": false; }; "indeterminate": { "alias": "p-indeterminate"; "required": false; }; "value": { "alias": "p-value"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "showPercentage": { "alias": "p-show-percentage"; "required": false; }; }, { "cancel": "p-cancel"; "retry": "p-retry"; }, never, never, false, never>;
|
|
243
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoProgressBaseComponent, never, never, { "disabledCancel": { "alias": "p-disabled-cancel"; "required": false; }; "info": { "alias": "p-info"; "required": false; }; "infoIcon": { "alias": "p-info-icon"; "required": false; }; "status": { "alias": "p-status"; "required": false; }; "text": { "alias": "p-text"; "required": false; }; "customAction": { "alias": "p-custom-action"; "required": false; }; "indeterminate": { "alias": "p-indeterminate"; "required": false; }; "value": { "alias": "p-value"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "showPercentage": { "alias": "p-show-percentage"; "required": false; }; }, { "customActionClick": "p-custom-action-click"; "cancel": "p-cancel"; "retry": "p-retry"; }, never, never, false, never>;
|
|
164
244
|
static ngAcceptInputType_disabledCancel: any;
|
|
165
245
|
static ngAcceptInputType_showPercentage: any;
|
|
166
246
|
}
|
|
@@ -28,9 +28,13 @@ export declare class PoProgressComponent extends PoProgressBaseComponent impleme
|
|
|
28
28
|
get isAllowRetry(): boolean;
|
|
29
29
|
get statusClass(): string;
|
|
30
30
|
private poLanguageService;
|
|
31
|
+
private router;
|
|
31
32
|
ngOnInit(): void;
|
|
32
33
|
emitCancellation(): void;
|
|
33
34
|
emitRetry(): void;
|
|
35
|
+
actionIsDisabled(action: any): any;
|
|
36
|
+
callAction(): void;
|
|
37
|
+
isActionVisible(action: any): any;
|
|
34
38
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoProgressComponent, never>;
|
|
35
39
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoProgressComponent, "po-progress", never, {}, {}, never, never, false, never>;
|
|
36
40
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@po-ui/ng-components",
|
|
3
|
-
"version": "18.
|
|
3
|
+
"version": "18.23.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": "~18.0.1",
|
|
25
|
-
"@po-ui/style": "18.
|
|
26
|
-
"@po-ui/ng-schematics": "18.
|
|
25
|
+
"@po-ui/style": "18.23.0",
|
|
26
|
+
"@po-ui/ng-schematics": "18.23.0",
|
|
27
27
|
"tslib": "^2.6.2"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"@angular/platform-browser-dynamic": "^18",
|
|
38
38
|
"@angular/router": "^18",
|
|
39
39
|
"@angular-devkit/schematics": "^18",
|
|
40
|
-
"@po-ui/style": "18.
|
|
40
|
+
"@po-ui/style": "18.23.0",
|
|
41
41
|
"rxjs": "~7.8.1",
|
|
42
42
|
"zone.js": "~0.14.4"
|
|
43
43
|
},
|
|
Binary file
|
|
@@ -18,7 +18,7 @@ function default_1(options) {
|
|
|
18
18
|
exports.default = default_1;
|
|
19
19
|
function addPoPackageAndInstall() {
|
|
20
20
|
return (tree, context) => {
|
|
21
|
-
(0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '18.
|
|
21
|
+
(0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '18.23.0');
|
|
22
22
|
// install packages
|
|
23
23
|
context.addTask(new tasks_1.NodePackageInstallTask());
|
|
24
24
|
};
|
|
@@ -5,7 +5,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
|
5
5
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
6
6
|
const changes_1 = require("./changes");
|
|
7
7
|
function default_1() {
|
|
8
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.
|
|
8
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.23.0', changes_1.updateDepedenciesVersion), postUpdate()]);
|
|
9
9
|
}
|
|
10
10
|
exports.default = default_1;
|
|
11
11
|
function postUpdate() {
|
|
@@ -10,7 +10,7 @@ const changes_1 = require("./changes");
|
|
|
10
10
|
const httpClientModuleName = 'HttpClientModule';
|
|
11
11
|
const httpClientModuleSourcePath = '@angular/common/http';
|
|
12
12
|
function default_1() {
|
|
13
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.
|
|
13
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.23.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
14
14
|
}
|
|
15
15
|
exports.default = default_1;
|
|
16
16
|
function postUpdate() {
|
|
@@ -5,7 +5,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
|
5
5
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
6
6
|
const changes_1 = require("./changes");
|
|
7
7
|
function default_1() {
|
|
8
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.
|
|
8
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.23.0', changes_1.updateDepedenciesVersion), postUpdate()]);
|
|
9
9
|
}
|
|
10
10
|
exports.default = default_1;
|
|
11
11
|
function postUpdate() {
|
|
@@ -5,7 +5,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
|
5
5
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
6
6
|
const changes_1 = require("./changes");
|
|
7
7
|
function default_1() {
|
|
8
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.
|
|
8
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.23.0', changes_1.updateDepedenciesVersion), postUpdate()]);
|
|
9
9
|
}
|
|
10
10
|
exports.default = default_1;
|
|
11
11
|
function postUpdate() {
|
|
@@ -36,11 +36,11 @@ function main(options) {
|
|
|
36
36
|
configureNewIcon.toLowerCase() === 'y' ||
|
|
37
37
|
configureNewIcon.toLowerCase() === 'sim' ||
|
|
38
38
|
configureNewIcon.toLowerCase() === '') {
|
|
39
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.
|
|
39
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.23.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
40
40
|
}
|
|
41
41
|
else {
|
|
42
42
|
return (0, schematics_1.chain)([
|
|
43
|
-
(0, package_config_1.updatePackageJson)('18.
|
|
43
|
+
(0, package_config_1.updatePackageJson)('18.23.0', changes_1.updateDepedenciesVersion),
|
|
44
44
|
addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
|
|
45
45
|
addProviderToAppModule(options, newProviderDictionary),
|
|
46
46
|
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('18.
|
|
13
|
+
updatePackageJson('18.23.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)('18.
|
|
10
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.23.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
11
11
|
}
|
|
12
12
|
exports.updateToV3 = updateToV3;
|
|
13
13
|
function postUpdate() {
|
|
@@ -6,7 +6,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
|
|
|
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)('18.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.23.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
10
10
|
}
|
|
11
11
|
exports.default = default_1;
|
|
12
12
|
function postUpdate() {
|
|
@@ -6,7 +6,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
|
|
|
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)('18.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.23.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
10
10
|
}
|
|
11
11
|
exports.default = default_1;
|
|
12
12
|
function postUpdate() {
|
|
@@ -5,7 +5,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
|
5
5
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
6
6
|
const changes_1 = require("./changes");
|
|
7
7
|
function default_1() {
|
|
8
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.
|
|
8
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('18.23.0', changes_1.updateDepedenciesVersion), postUpdate()]);
|
|
9
9
|
}
|
|
10
10
|
exports.default = default_1;
|
|
11
11
|
function postUpdate() {
|
|
Binary file
|