@seniorsistemas/angular-components 17.27.1-fix-interactive-content-46e38731 → 17.27.1-fix-interactive-content-22e06381
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/button/lib/button/button.component.d.ts +3 -3
- package/button/lib/button/button.module.d.ts +1 -6
- package/confirm-dialog/README.md +226 -0
- package/confirm-dialog/index.d.ts +5 -0
- package/confirm-dialog/lib/confirm-dialog.model.d.ts +8 -0
- package/confirm-dialog/lib/confirm-dialog.service.d.ts +8 -0
- package/confirm-dialog/lib/popup-confirm-dialog/popup-confirm-dialog.component.d.ts +7 -0
- package/confirm-dialog/package.json +3 -0
- package/confirm-dialog/public-api.d.ts +2 -0
- package/dialog/index.d.ts +5 -0
- package/dialog/lib/src/dialog/dialog.component.d.ts +29 -0
- package/dialog/lib/src/dialog/models/active-dialog.d.ts +11 -0
- package/dialog/lib/src/dialog/models/dialog-models.d.ts +18 -0
- package/dialog/lib/src/dialog/services/dialog.service.d.ts +24 -0
- package/dialog/lib/src/dialog/services/internal-dialog.service.d.ts +10 -0
- package/dialog/package.json +3 -0
- package/dialog/public-api.d.ts +4 -0
- package/dynamic-form/lib/dynamic-form/components/lookup/lookup.component.d.ts +2 -2
- package/dynamic-form/lib/dynamic-form/dynamic-form.module.d.ts +2 -2
- package/fesm2022/seniorsistemas-angular-components-button.mjs +16 -25
- package/fesm2022/seniorsistemas-angular-components-button.mjs.map +1 -1
- package/fesm2022/seniorsistemas-angular-components-confirm-dialog.mjs +54 -0
- package/fesm2022/seniorsistemas-angular-components-confirm-dialog.mjs.map +1 -0
- package/fesm2022/seniorsistemas-angular-components-dialog.mjs +221 -0
- package/fesm2022/seniorsistemas-angular-components-dialog.mjs.map +1 -0
- package/fesm2022/seniorsistemas-angular-components-dynamic-form.mjs +72 -67
- package/fesm2022/seniorsistemas-angular-components-dynamic-form.mjs.map +1 -1
- package/fesm2022/seniorsistemas-angular-components-fieldset.mjs +11 -7
- package/fesm2022/seniorsistemas-angular-components-fieldset.mjs.map +1 -1
- package/fesm2022/seniorsistemas-angular-components-image-cropper.mjs +15 -10
- package/fesm2022/seniorsistemas-angular-components-image-cropper.mjs.map +1 -1
- package/fesm2022/seniorsistemas-angular-components-interactive-content.mjs +1 -0
- package/fesm2022/seniorsistemas-angular-components-interactive-content.mjs.map +1 -1
- package/fesm2022/seniorsistemas-angular-components-select.mjs +2 -2
- package/fesm2022/seniorsistemas-angular-components-select.mjs.map +1 -1
- package/fesm2022/seniorsistemas-angular-components-structure.mjs +4 -14
- package/fesm2022/seniorsistemas-angular-components-structure.mjs.map +1 -1
- package/fesm2022/seniorsistemas-angular-components-text-area-ia.mjs +22 -15
- package/fesm2022/seniorsistemas-angular-components-text-area-ia.mjs.map +1 -1
- package/fieldset/lib/fieldset/fieldset.component.d.ts +7 -5
- package/image-cropper/lib/image-cropper/image-cropper.component.d.ts +2 -0
- package/image-cropper/lib/image-cropper/image-cropper.module.d.ts +6 -5
- package/package.json +16 -2
- package/structure/lib/structure/header.component.d.ts +0 -2
- package/tailwind.css +65 -2
- package/text-area-ia/lib/text-area-ia/text-area-ia.module.d.ts +7 -6
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { TieredMenuItemData } from '@seniorsistemas/angular-components/tiered-menu';
|
|
3
|
+
import { TooltipPositions } from '@seniorsistemas/angular-components/tooltip';
|
|
2
4
|
import { ButtonAnimations } from './models/button-animations';
|
|
3
5
|
import { ButtonBadgeConfig } from './models/button-badge-config';
|
|
4
6
|
import { ButtonPriority } from './models/button-priority';
|
|
5
|
-
import { TooltipPositions } from '@seniorsistemas/angular-components/tooltip';
|
|
6
|
-
import { TieredMenuItemData } from '@seniorsistemas/angular-components/tiered-menu';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export declare class ButtonComponent implements OnChanges {
|
|
9
9
|
minWidth: string;
|
|
@@ -31,5 +31,5 @@ export declare class ButtonComponent implements OnChanges {
|
|
|
31
31
|
ngOnChanges(_: SimpleChanges): void;
|
|
32
32
|
isRotateAnimation(): boolean;
|
|
33
33
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
34
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "s-button", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "rightIconClass": { "alias": "rightIconClass"; "required": false; }; "caret": { "alias": "caret"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "auxiliary": { "alias": "auxiliary"; "required": false; }; "type": { "alias": "type"; "required": false; }; "priority": { "alias": "priority"; "required": false; }; "menuOptions": { "alias": "menuOptions"; "required": false; }; "size": { "alias": "size"; "required": false; }; "slide": { "alias": "slide"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; }, { "clicked": "clicked"; }, never, ["*"],
|
|
34
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "s-button", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "rightIconClass": { "alias": "rightIconClass"; "required": false; }; "caret": { "alias": "caret"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "auxiliary": { "alias": "auxiliary"; "required": false; }; "type": { "alias": "type"; "required": false; }; "priority": { "alias": "priority"; "required": false; }; "menuOptions": { "alias": "menuOptions"; "required": false; }; "size": { "alias": "size"; "required": false; }; "slide": { "alias": "slide"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
|
|
35
35
|
}
|
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./button.component";
|
|
3
|
-
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "@angular/router";
|
|
5
|
-
import * as i4 from "@seniorsistemas/angular-components/badge";
|
|
6
|
-
import * as i5 from "@seniorsistemas/angular-components/tiered-menu";
|
|
7
|
-
import * as i6 from "@seniorsistemas/angular-components/tooltip";
|
|
8
3
|
export declare class ButtonModule {
|
|
9
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonModule, never>;
|
|
10
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonModule, [typeof i1.ButtonComponent], [typeof
|
|
5
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonModule, never, [typeof i1.ButtonComponent], [typeof i1.ButtonComponent]>;
|
|
11
6
|
static ɵinj: i0.ɵɵInjectorDeclaration<ButtonModule>;
|
|
12
7
|
}
|
|
@@ -0,0 +1,226 @@
|
|
|
1
|
+
# Confirm Dialog
|
|
2
|
+
|
|
3
|
+
Um serviço para exibir dialogs de confirmação padronizados com ações de aceitar/rejeitar.
|
|
4
|
+
|
|
5
|
+
## Features
|
|
6
|
+
|
|
7
|
+
- Dialog de confirmação pré-configurado com layout padronizado
|
|
8
|
+
- Suporte a botões de aceitar e rejeitar (opcional)
|
|
9
|
+
- Callbacks personalizáveis para ações de confirmação e cancelamento
|
|
10
|
+
- Interface simplificada através do `ConfirmDialogService`
|
|
11
|
+
- Integração automática com o sistema de dialogs base
|
|
12
|
+
|
|
13
|
+
## Utilização
|
|
14
|
+
|
|
15
|
+
- **Serviço**: `ConfirmDialogService`
|
|
16
|
+
|
|
17
|
+
### Import
|
|
18
|
+
|
|
19
|
+
```typescript
|
|
20
|
+
import { ConfirmDialogService, ConfirmDialog } from '@seniorsistemas/angular-components/confirm-dialog';
|
|
21
|
+
|
|
22
|
+
@Component({
|
|
23
|
+
/* ... */
|
|
24
|
+
})
|
|
25
|
+
export class MyComponent {
|
|
26
|
+
constructor(private confirmDialogService: ConfirmDialogService) {}
|
|
27
|
+
/* ... */
|
|
28
|
+
}
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
## Exemplo de utilização
|
|
32
|
+
|
|
33
|
+
### Uso básico
|
|
34
|
+
|
|
35
|
+
```typescript
|
|
36
|
+
export class MyComponent {
|
|
37
|
+
constructor(private confirmDialogService: ConfirmDialogService) {}
|
|
38
|
+
|
|
39
|
+
deleteItem() {
|
|
40
|
+
const confirmDialog: ConfirmDialog = {
|
|
41
|
+
header: 'Confirmar Exclusão',
|
|
42
|
+
message: 'Tem certeza que deseja excluir este item? Esta ação não pode ser desfeita.',
|
|
43
|
+
acceptLabel: 'Excluir',
|
|
44
|
+
rejectLabel: 'Cancelar',
|
|
45
|
+
accept: () => {
|
|
46
|
+
// Lógica de exclusão
|
|
47
|
+
console.log('Item excluído!');
|
|
48
|
+
this.performDelete();
|
|
49
|
+
},
|
|
50
|
+
reject: () => {
|
|
51
|
+
// Lógica de cancelamento (opcional)
|
|
52
|
+
console.log('Exclusão cancelada');
|
|
53
|
+
},
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
this.confirmDialogService.confirm(confirmDialog);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
private performDelete() {
|
|
60
|
+
// Implementação da exclusão
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
### Sem botão de rejeição
|
|
66
|
+
|
|
67
|
+
```typescript
|
|
68
|
+
export class MyComponent {
|
|
69
|
+
constructor(private confirmDialogService: ConfirmDialogService) {}
|
|
70
|
+
|
|
71
|
+
showInfo() {
|
|
72
|
+
const confirmDialog: ConfirmDialog = {
|
|
73
|
+
header: 'Informação',
|
|
74
|
+
message: 'Operação realizada com sucesso!',
|
|
75
|
+
acceptLabel: 'OK',
|
|
76
|
+
accept: () => {
|
|
77
|
+
console.log('Usuário confirmou a informação');
|
|
78
|
+
},
|
|
79
|
+
// rejectLabel e reject são opcionais
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
this.confirmDialogService.confirm(confirmDialog);
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
```
|
|
86
|
+
|
|
87
|
+
### Exemplo com ações assíncronas
|
|
88
|
+
|
|
89
|
+
```typescript
|
|
90
|
+
export class MyComponent {
|
|
91
|
+
constructor(
|
|
92
|
+
private confirmDialogService: ConfirmDialogService,
|
|
93
|
+
private dataService: DataService,
|
|
94
|
+
) {}
|
|
95
|
+
|
|
96
|
+
async saveChanges() {
|
|
97
|
+
const confirmDialog: ConfirmDialog = {
|
|
98
|
+
header: 'Salvar Alterações',
|
|
99
|
+
message: 'Deseja salvar as alterações realizadas?',
|
|
100
|
+
acceptLabel: 'Salvar',
|
|
101
|
+
rejectLabel: 'Descartar',
|
|
102
|
+
accept: async () => {
|
|
103
|
+
try {
|
|
104
|
+
await this.dataService.save();
|
|
105
|
+
this.showSuccessMessage();
|
|
106
|
+
} catch (error) {
|
|
107
|
+
this.showErrorMessage();
|
|
108
|
+
}
|
|
109
|
+
},
|
|
110
|
+
reject: () => {
|
|
111
|
+
this.discardChanges();
|
|
112
|
+
},
|
|
113
|
+
};
|
|
114
|
+
|
|
115
|
+
this.confirmDialogService.confirm(confirmDialog);
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
```
|
|
119
|
+
|
|
120
|
+
## API
|
|
121
|
+
|
|
122
|
+
### ConfirmDialogService
|
|
123
|
+
|
|
124
|
+
#### confirm(confirmDialog: ConfirmDialog): void
|
|
125
|
+
|
|
126
|
+
Exibe um dialog de confirmação com as configurações especificadas.
|
|
127
|
+
|
|
128
|
+
**Parâmetros:**
|
|
129
|
+
|
|
130
|
+
- `confirmDialog`: Objeto com as configurações do dialog
|
|
131
|
+
|
|
132
|
+
### ConfirmDialog
|
|
133
|
+
|
|
134
|
+
| Nome | Tipo | Obrigatório | Descrição |
|
|
135
|
+
| :-------------- | :----------- | :---------- | :----------------------------------------------------------------------------- |
|
|
136
|
+
| **header** | string | Sim | Título do dialog exibido no cabeçalho |
|
|
137
|
+
| **message** | string | Sim | Mensagem principal do dialog |
|
|
138
|
+
| **acceptLabel** | string | Sim | Texto do botão de confirmação |
|
|
139
|
+
| **rejectLabel** | string | Não | Texto do botão de cancelamento (se não informado, só exibe o botão de aceitar) |
|
|
140
|
+
| **accept** | VoidFunction | Sim | Função executada quando o usuário confirma |
|
|
141
|
+
| **reject** | VoidFunction | Não | Função executada quando o usuário cancela ou fecha o dialog |
|
|
142
|
+
|
|
143
|
+
## Comportamento
|
|
144
|
+
|
|
145
|
+
### Fluxo de execução
|
|
146
|
+
|
|
147
|
+
1. **Confirmação**: Quando o usuário clica no botão de aceitar, a função `accept()` é executada
|
|
148
|
+
2. **Cancelamento**: Quando o usuário:
|
|
149
|
+
- Clica no botão de rejeitar (se presente)
|
|
150
|
+
- Clica fora do dialog
|
|
151
|
+
- Pressiona a tecla ESC
|
|
152
|
+
- Clica no X para fechar
|
|
153
|
+
|
|
154
|
+
A função `reject()` é executada (se fornecida)
|
|
155
|
+
|
|
156
|
+
### Estados do dialog
|
|
157
|
+
|
|
158
|
+
- **Aceito**: `accept()` é chamada e o dialog é fechado
|
|
159
|
+
- **Rejeitado**: `reject()` é chamada (se fornecida) e o dialog é fechado
|
|
160
|
+
- **Fechado sem ação**: Se apenas `accept()` for fornecida e o usuário fechar o dialog sem confirmar, nenhuma função é executada
|
|
161
|
+
|
|
162
|
+
## Exemplos de casos de uso
|
|
163
|
+
|
|
164
|
+
### Confirmação de exclusão
|
|
165
|
+
|
|
166
|
+
```typescript
|
|
167
|
+
confirmDelete(itemId: string) {
|
|
168
|
+
this.confirmDialogService.confirm({
|
|
169
|
+
header: 'Confirmar Exclusão',
|
|
170
|
+
message: `Tem certeza que deseja excluir o item ${itemId}?`,
|
|
171
|
+
acceptLabel: 'Sim, excluir',
|
|
172
|
+
rejectLabel: 'Cancelar',
|
|
173
|
+
accept: () => this.deleteItem(itemId),
|
|
174
|
+
reject: () => console.log('Exclusão cancelada')
|
|
175
|
+
});
|
|
176
|
+
}
|
|
177
|
+
```
|
|
178
|
+
|
|
179
|
+
### Confirmação de navegação
|
|
180
|
+
|
|
181
|
+
```typescript
|
|
182
|
+
confirmNavigation() {
|
|
183
|
+
this.confirmDialogService.confirm({
|
|
184
|
+
header: 'Alterações não salvas',
|
|
185
|
+
message: 'Você tem alterações não salvas. Deseja sair mesmo assim?',
|
|
186
|
+
acceptLabel: 'Sair sem salvar',
|
|
187
|
+
rejectLabel: 'Continuar editando',
|
|
188
|
+
accept: () => this.router.navigate(['/home']),
|
|
189
|
+
reject: () => console.log('Permanecendo na página')
|
|
190
|
+
});
|
|
191
|
+
}
|
|
192
|
+
```
|
|
193
|
+
|
|
194
|
+
### Notificação simples
|
|
195
|
+
|
|
196
|
+
```typescript
|
|
197
|
+
showSuccessNotification() {
|
|
198
|
+
this.confirmDialogService.confirm({
|
|
199
|
+
header: 'Sucesso',
|
|
200
|
+
message: 'Operação realizada com sucesso!',
|
|
201
|
+
acceptLabel: 'OK',
|
|
202
|
+
accept: () => console.log('Notificação confirmada')
|
|
203
|
+
});
|
|
204
|
+
}
|
|
205
|
+
```
|
|
206
|
+
|
|
207
|
+
### Confirmação com validação
|
|
208
|
+
|
|
209
|
+
```typescript
|
|
210
|
+
confirmSubmission() {
|
|
211
|
+
this.confirmDialogService.confirm({
|
|
212
|
+
header: 'Enviar Formulário',
|
|
213
|
+
message: 'Deseja enviar o formulário? Verifique se todos os dados estão corretos.',
|
|
214
|
+
acceptLabel: 'Enviar',
|
|
215
|
+
rejectLabel: 'Revisar',
|
|
216
|
+
accept: () => {
|
|
217
|
+
if (this.validateForm()) {
|
|
218
|
+
this.submitForm();
|
|
219
|
+
} else {
|
|
220
|
+
this.showValidationErrors();
|
|
221
|
+
}
|
|
222
|
+
},
|
|
223
|
+
reject: () => this.focusFirstInvalidField()
|
|
224
|
+
});
|
|
225
|
+
}
|
|
226
|
+
```
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ConfirmDialog } from './confirm-dialog.model';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class ConfirmDialogService {
|
|
4
|
+
private readonly dialogService;
|
|
5
|
+
confirm(confirmDialog: ConfirmDialog): void;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogService, never>;
|
|
7
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ConfirmDialogService>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ConfirmDialog } from '../confirm-dialog.model';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class PopupConfirmDialogComponent {
|
|
4
|
+
confirmDialog: ConfirmDialog;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PopupConfirmDialogComponent, never>;
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PopupConfirmDialogComponent, "ng-component", never, {}, {}, never, never, true, never>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { AfterViewInit, OnDestroy, TemplateRef } from '@angular/core';
|
|
2
|
+
import { ActiveDialog } from './models/active-dialog';
|
|
3
|
+
import { DialogSize } from './models/dialog-models';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class DialogComponent implements AfterViewInit, OnDestroy {
|
|
6
|
+
header: import("@angular/core").InputSignal<unknown>;
|
|
7
|
+
visible: import("@angular/core").ModelSignal<boolean | undefined>;
|
|
8
|
+
activeDialog: ActiveDialog | null;
|
|
9
|
+
size: import("@angular/core").InputSignal<DialogSize>;
|
|
10
|
+
contentClassName: import("@angular/core").InputSignal<string>;
|
|
11
|
+
escapeOnEsc: import("@angular/core").InputSignal<boolean>;
|
|
12
|
+
destroyClickOutside: import("@angular/core").InputSignal<boolean>;
|
|
13
|
+
private readonly viewContainerRef;
|
|
14
|
+
private readonly dialogService;
|
|
15
|
+
private readonly template;
|
|
16
|
+
private readonly templateDiretives;
|
|
17
|
+
private readonly onDestroy$;
|
|
18
|
+
protected headerTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
|
|
19
|
+
protected bodyTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
|
|
20
|
+
protected footerTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
|
|
21
|
+
constructor();
|
|
22
|
+
ngAfterViewInit(): void;
|
|
23
|
+
ngOnDestroy(): void;
|
|
24
|
+
protected onDismiss(): void;
|
|
25
|
+
private getTemplate;
|
|
26
|
+
private openDialog;
|
|
27
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, never>;
|
|
28
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "s-dialog", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "contentClassName": { "alias": "contentClassName"; "required": false; "isSignal": true; }; "escapeOnEsc": { "alias": "escapeOnEsc"; "required": false; "isSignal": true; }; "destroyClickOutside": { "alias": "destroyClickOutside"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; }, ["templateDiretives"], ["*"], true, never>;
|
|
29
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { DialogSize } from "./dialog-models";
|
|
2
|
+
export declare class ActiveDialog {
|
|
3
|
+
dialogSize: DialogSize;
|
|
4
|
+
escapeOnEsc: boolean;
|
|
5
|
+
private _close;
|
|
6
|
+
private _dismiss;
|
|
7
|
+
close<T>(result?: T): void;
|
|
8
|
+
dismiss<T>(reason?: T): void;
|
|
9
|
+
onClose$: import("rxjs").Observable<any>;
|
|
10
|
+
onDismiss$: import("rxjs").Observable<any>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Observable } from "rxjs";
|
|
2
|
+
export type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';
|
|
3
|
+
export type DialogOptions = {
|
|
4
|
+
/**
|
|
5
|
+
* When active, on click outside, the dialog is dismissed
|
|
6
|
+
*/
|
|
7
|
+
destroyClickOutside?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* When active on click 'esc' dialog is dismissed.
|
|
10
|
+
*/
|
|
11
|
+
escapeOnEsc?: boolean;
|
|
12
|
+
size?: DialogSize;
|
|
13
|
+
};
|
|
14
|
+
export type DialogRef<T> = {
|
|
15
|
+
componentInstance: T;
|
|
16
|
+
closed: Observable<any>;
|
|
17
|
+
dismissed: Observable<any>;
|
|
18
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Overlay, OverlayRef } from "@angular/cdk/overlay";
|
|
2
|
+
import { Injector, Type } from '@angular/core';
|
|
3
|
+
import { ActiveDialog } from "../models/active-dialog";
|
|
4
|
+
import { DialogOptions, DialogRef } from '../models/dialog-models';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class DialogService {
|
|
7
|
+
protected readonly activeDialogInstances: ActiveDialog[];
|
|
8
|
+
protected readonly overlay: Overlay;
|
|
9
|
+
protected readonly injector: Injector;
|
|
10
|
+
constructor();
|
|
11
|
+
open<T>(componentRef: Type<T>, options?: DialogOptions): DialogRef<T>;
|
|
12
|
+
protected createComponent<T>(componentRef: Type<T>, dialogOptions?: DialogOptions): {
|
|
13
|
+
componentInstance?: T;
|
|
14
|
+
activeDialog: ActiveDialog;
|
|
15
|
+
};
|
|
16
|
+
protected handleDialogDestroyEvents(injector: Injector, overlayRef: OverlayRef, dialogOptions?: DialogOptions): void;
|
|
17
|
+
protected applyDialogOptionsIntoActiveDialog(activeDialog: ActiveDialog, dialogOptions: DialogOptions | undefined): void;
|
|
18
|
+
protected getOverlayRef(): OverlayRef;
|
|
19
|
+
protected getActiveDialog(injector: Injector): ActiveDialog;
|
|
20
|
+
protected get dialogInjector(): Injector;
|
|
21
|
+
protected checkEscapeEvent(): void;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DialogService, never>;
|
|
23
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<DialogService>;
|
|
24
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { TemplateRef, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import { DialogOptions } from '../models/dialog-models';
|
|
3
|
+
import { DialogService } from "./dialog.service";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class InternalDialogService extends DialogService {
|
|
6
|
+
constructor();
|
|
7
|
+
openByTemplate(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef, dialogOptions?: DialogOptions): import("@seniorsistemas/angular-components/dialog").ActiveDialog;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<InternalDialogService, never>;
|
|
9
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<InternalDialogService>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { DialogComponent } from "./lib/src/dialog/dialog.component";
|
|
2
|
+
export { DialogService } from "./lib/src/dialog/services/dialog.service";
|
|
3
|
+
export type { DialogOptions, DialogRef } from "./lib/src/dialog/models/dialog-models";
|
|
4
|
+
export { ActiveDialog } from "./lib/src/dialog/models/active-dialog";
|
|
@@ -5,7 +5,6 @@ import { MaskConfig } from '@seniorsistemas/ng2-currency-mask';
|
|
|
5
5
|
import { HotkeysService } from 'angular2-hotkeys';
|
|
6
6
|
import { SortMeta } from 'primeng/api';
|
|
7
7
|
import { AutoComplete } from 'primeng/autocomplete';
|
|
8
|
-
import { Dialog } from 'primeng/dialog';
|
|
9
8
|
import { Table } from 'primeng/table';
|
|
10
9
|
import { DefaultFilter } from './types/default-filter';
|
|
11
10
|
import { LabelOptions } from './types/label-options';
|
|
@@ -17,6 +16,7 @@ export declare class LookupComponent implements ControlValueAccessor, OnChanges,
|
|
|
17
16
|
private readonly hotkeysService;
|
|
18
17
|
protected readonly translateService: TranslateService;
|
|
19
18
|
protected readonly changeDetectorRef: ChangeDetectorRef;
|
|
19
|
+
private readonly lookupDialogContainer;
|
|
20
20
|
protected rowType: string;
|
|
21
21
|
indicatorLogo: LoadingStateIndicators;
|
|
22
22
|
static nextId: number;
|
|
@@ -58,7 +58,6 @@ export declare class LookupComponent implements ControlValueAccessor, OnChanges,
|
|
|
58
58
|
onEdit: EventEmitter<unknown>;
|
|
59
59
|
onRemove: EventEmitter<unknown[]>;
|
|
60
60
|
table: Table | null;
|
|
61
|
-
dialog: Dialog | null;
|
|
62
61
|
autocomplete: AutoComplete | null;
|
|
63
62
|
labelOptions?: Partial<LabelOptions>;
|
|
64
63
|
value: any;
|
|
@@ -88,6 +87,7 @@ export declare class LookupComponent implements ControlValueAccessor, OnChanges,
|
|
|
88
87
|
setDefaultFilters(): void;
|
|
89
88
|
showDialog(): Promise<void>;
|
|
90
89
|
setInputs(componentRef: any, configs: any, form: any): void;
|
|
90
|
+
onVisibleChange(visibilityState: boolean): void;
|
|
91
91
|
hideDialog(): void;
|
|
92
92
|
search(): void;
|
|
93
93
|
clear(): void;
|
|
@@ -39,7 +39,7 @@ import * as i36 from "@seniorsistemas/angular-components/chips";
|
|
|
39
39
|
import * as i37 from "@angular/common";
|
|
40
40
|
import * as i38 from "@seniorsistemas/angular-components/control-errors";
|
|
41
41
|
import * as i39 from "@seniorsistemas/angular-components/country-phone-picker";
|
|
42
|
-
import * as i40 from "
|
|
42
|
+
import * as i40 from "@seniorsistemas/angular-components/dialog";
|
|
43
43
|
import * as i41 from "@seniorsistemas/angular-components/empty-state";
|
|
44
44
|
import * as i42 from "@angular/forms";
|
|
45
45
|
import * as i43 from "angular2-hotkeys";
|
|
@@ -77,6 +77,6 @@ import * as i74 from "@seniorsistemas/angular-components/select";
|
|
|
77
77
|
export declare class DynamicFormModule {
|
|
78
78
|
constructor(dynamicFormCache: DynamicFormCacheService);
|
|
79
79
|
static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormModule, never>;
|
|
80
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DynamicFormModule, [typeof i1.FieldLabelComponent, typeof i2.FileUploadFieldComponent, typeof i3.AutocompleteFieldComponent, typeof i4.BooleanFieldComponent, typeof i5.BooleanSwitchFieldComponent, typeof i6.CalendarFieldComponent, typeof i7.ChipsFieldComponent, typeof i8.CountryPhonePickerFieldComponent, typeof i9.DynamicFormComponent, typeof i10.DynamicFormDirective, typeof i11.FieldsetComponent, typeof i12.LookupComponent, typeof i13.LookupFieldComponent, typeof i14.RadioButtonComponent, typeof i15.RowComponent, typeof i16.SectionComponent, typeof i17.SelectFieldComponent, typeof i18.SliderFieldComponent, typeof i19.TextAreaFieldComponent, typeof i20.TextAreaIAFieldComponent, typeof i21.ButtonFieldComponent, typeof i22.TextFieldComponent, typeof i23.BignumberFieldComponent, typeof i24.ProfilePictureFieldComponent, typeof i25.PasswordFieldComponent, typeof i26.NumberFieldComponent, typeof i27.CurrencyFieldComponent, typeof i28.EditorFieldComponent, typeof i29.CheckboxFieldComponent, typeof i30.StarRatingFieldComponent], [typeof i31.AutoCompleteModule, typeof i32.BadgeModule, typeof i33.BignumberInputModule, typeof i34.ButtonModule, typeof i35.CalendarMaskModule, typeof i36.ChipsModule, typeof i37.CommonModule, typeof i38.ControlErrorsModule, typeof i39.CountryPhonePickerModule, typeof i40.
|
|
80
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DynamicFormModule, [typeof i1.FieldLabelComponent, typeof i2.FileUploadFieldComponent, typeof i3.AutocompleteFieldComponent, typeof i4.BooleanFieldComponent, typeof i5.BooleanSwitchFieldComponent, typeof i6.CalendarFieldComponent, typeof i7.ChipsFieldComponent, typeof i8.CountryPhonePickerFieldComponent, typeof i9.DynamicFormComponent, typeof i10.DynamicFormDirective, typeof i11.FieldsetComponent, typeof i12.LookupComponent, typeof i13.LookupFieldComponent, typeof i14.RadioButtonComponent, typeof i15.RowComponent, typeof i16.SectionComponent, typeof i17.SelectFieldComponent, typeof i18.SliderFieldComponent, typeof i19.TextAreaFieldComponent, typeof i20.TextAreaIAFieldComponent, typeof i21.ButtonFieldComponent, typeof i22.TextFieldComponent, typeof i23.BignumberFieldComponent, typeof i24.ProfilePictureFieldComponent, typeof i25.PasswordFieldComponent, typeof i26.NumberFieldComponent, typeof i27.CurrencyFieldComponent, typeof i28.EditorFieldComponent, typeof i29.CheckboxFieldComponent, typeof i30.StarRatingFieldComponent], [typeof i31.AutoCompleteModule, typeof i32.BadgeModule, typeof i33.BignumberInputModule, typeof i34.ButtonModule, typeof i35.CalendarMaskModule, typeof i36.ChipsModule, typeof i37.CommonModule, typeof i38.ControlErrorsModule, typeof i39.CountryPhonePickerModule, typeof i40.DialogComponent, typeof i41.EmptyStateModule, typeof i42.FormsModule, typeof i43.HotkeyModule, typeof i44.InputMaskModule, typeof i45.InputTextModule, typeof i46.KeyFilterModule, typeof i47.LoadingStateModule, typeof i48.LocaleModule, typeof i49.LocalizedNumberInputModule, typeof i50.PanelModule, typeof i51.ButtonModule, typeof i52.TableModule, typeof i53.RadioButtonModule, typeof i42.ReactiveFormsModule, typeof i54.TooltipModule, typeof i55.FieldsetModule, typeof i56.TableHeaderCheckboxModule, typeof i57.FileUploadModule, typeof i58.InfoSignModule, typeof i59.MaskFormatterModule, typeof i43.HotkeyModule, typeof i60.MouseEventsModule, typeof i61.SwitchModule, typeof i62.PasswordStrengthModule, typeof i63.SliderModule, typeof i64.DatePickerModule, typeof i65.TranslateModule, typeof i66.MultiSelectModule, typeof i67.ProfilePicturePickerModule, typeof i68.NumberInputModule, typeof i69.EditorModule, typeof i70.CheckboxListModule, typeof i71.TextAreaIAModule, typeof i72.TextAreaModule, typeof i73.StarRatingComponent, typeof i74.SelectComponent], [typeof i9.DynamicFormComponent, typeof i10.DynamicFormDirective, typeof i12.LookupComponent]>;
|
|
81
81
|
static ɵinj: i0.ɵɵInjectorDeclaration<DynamicFormModule>;
|
|
82
82
|
}
|