angular-matecu 3.0.1 → 4.0.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/CHANGELOG.md +11 -2
- package/README.md +137 -87
- package/angular-matecu-4.0.0.tgz +0 -0
- package/esm2022/lib/components/matecu-alert-box/matecu-alert-box.component.mjs +67 -0
- package/{esm2020 → esm2022}/lib/components/matecu-alert-dialog/matecu-alert-dialog.component.mjs +4 -4
- package/esm2022/lib/components/matecu-alert-snack-bar/matecu-alert-snack-bar.component.mjs +43 -0
- package/esm2022/lib/components/matecu-spinner/matecu-spinner.component.mjs +58 -0
- package/esm2022/lib/components/matecu-topbar-action/matecu-topbar-action.component.mjs +18 -0
- package/esm2022/lib/components/matecu-topbar-body/matecu-topbar-body.component.mjs +17 -0
- package/esm2022/lib/components/matecu-topbar-fab/matecu-topbar-fab.component.mjs +43 -0
- package/esm2022/lib/components/matecu-topbar-header-column/matecu-topbar-header-column.component.mjs +12 -0
- package/esm2022/lib/components/matecu-topbar-header-row/matecu-topbar-header-row.component.mjs +29 -0
- package/esm2022/lib/components/matecu-topbar-layout/matecu-topbar-layout.component.mjs +112 -0
- package/esm2022/lib/components/matecu-topbar-search/matecu-topbar-search.component.mjs +93 -0
- package/esm2022/lib/components/matecu-topbar-title/matecu-topbar-title.component.mjs +18 -0
- package/{esm2020 → esm2022}/lib/modules/matecu-alert-box/matecu-alert-box.module.mjs +5 -5
- package/{esm2020 → esm2022}/lib/modules/matecu-spinner/matecu-spinner.module.mjs +5 -5
- package/esm2022/lib/modules/matecu-topbar-layout/matecu-topbar-layout.module.mjs +83 -0
- package/{esm2020 → esm2022}/lib/services/matecu-snack-bar.service.mjs +4 -4
- package/{esm2020 → esm2022}/lib/services/matecu-spinner.service.mjs +4 -4
- package/esm2022/public-api.mjs +32 -0
- package/fesm2022/angular-matecu.mjs +735 -0
- package/fesm2022/angular-matecu.mjs.map +1 -0
- package/lib/components/matecu-alert-box/matecu-alert-box.component.d.ts +1 -1
- package/lib/components/matecu-spinner/matecu-spinner.component.d.ts +1 -1
- package/lib/components/matecu-topbar-action/matecu-topbar-action.component.d.ts +1 -0
- package/lib/components/matecu-topbar-body/matecu-topbar-body.component.d.ts +1 -6
- package/lib/components/matecu-topbar-fab/matecu-topbar-fab.component.d.ts +8 -9
- package/lib/components/matecu-topbar-header-column/matecu-topbar-header-column.component.d.ts +5 -0
- package/lib/components/matecu-topbar-header-row/matecu-topbar-header-row.component.d.ts +4 -1
- package/lib/components/matecu-topbar-layout/matecu-topbar-layout.component.d.ts +20 -22
- package/lib/components/matecu-topbar-search/matecu-topbar-search.component.d.ts +19 -18
- package/lib/modules/matecu-topbar-layout/matecu-topbar-layout.module.d.ts +2 -1
- package/package.json +8 -14
- package/public-api.d.ts +1 -0
- package/esm2020/lib/components/matecu-alert-box/matecu-alert-box.component.mjs +0 -67
- package/esm2020/lib/components/matecu-alert-snack-bar/matecu-alert-snack-bar.component.mjs +0 -43
- package/esm2020/lib/components/matecu-spinner/matecu-spinner.component.mjs +0 -58
- package/esm2020/lib/components/matecu-topbar-action/matecu-topbar-action.component.mjs +0 -13
- package/esm2020/lib/components/matecu-topbar-body/matecu-topbar-body.component.mjs +0 -28
- package/esm2020/lib/components/matecu-topbar-fab/matecu-topbar-fab.component.mjs +0 -34
- package/esm2020/lib/components/matecu-topbar-header-row/matecu-topbar-header-row.component.mjs +0 -13
- package/esm2020/lib/components/matecu-topbar-layout/matecu-topbar-layout.component.mjs +0 -101
- package/esm2020/lib/components/matecu-topbar-search/matecu-topbar-search.component.mjs +0 -84
- package/esm2020/lib/components/matecu-topbar-title/matecu-topbar-title.component.mjs +0 -19
- package/esm2020/lib/modules/matecu-topbar-layout/matecu-topbar-layout.module.mjs +0 -80
- package/esm2020/public-api.mjs +0 -31
- package/fesm2015/angular-matecu.mjs +0 -684
- package/fesm2015/angular-matecu.mjs.map +0 -1
- package/fesm2020/angular-matecu.mjs +0 -680
- package/fesm2020/angular-matecu.mjs.map +0 -1
- /package/{esm2020 → esm2022}/angular-matecu.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/types/matecu-alert-dialog.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/types/matecu-alert-snackbar.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/types/matecu-altert-box-type.mjs +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,4 +1,13 @@
|
|
|
1
|
-
Versión
|
|
1
|
+
Versión 4.0
|
|
2
|
+
|
|
3
|
+
- Se cambio la estructura de los componentes relacionados con MatecuTopbarLayout
|
|
4
|
+
- El color de la barra de MatecuTopbarLayout ya no se obtiene del tema de material design se puede asignar con la variable css --mtb-primary-color
|
|
5
|
+
- Se cambio el selector para identifcar la primera y segunda fila MatecuTopbarHeaderRow se usan los atributos first-row y second-row según corresponda
|
|
6
|
+
- Se agrego MatecuTopbarHeaderColumn para agregar elementos a la barra puede ser con atributo left-column o right-column
|
|
7
|
+
- El output e input de MatecuTopbarSearch es valueChange y value respectivamente.
|
|
8
|
+
- MatecuTopbarFab ya no incluye el botón ni su respectiva acción, se deben agregar como contenido.
|
|
9
|
+
- Se quitaron los estilos para dispositivos móviles ahora se ajusta con la propiedad mobileStyle de algunos componentes
|
|
10
|
+
Versión 3.0
|
|
2
11
|
|
|
3
12
|
## Standalone components
|
|
4
13
|
|
|
@@ -10,4 +19,4 @@ Versión 3.0
|
|
|
10
19
|
- Se quito el boton de navegación pricipal, input actionMenu y output clickActionMenu fueron removidos
|
|
11
20
|
- Se elimino componente matecu-topbar-actions queda en su lugar matecu-topbar-action que se puede utilizar en multiple ocaciones
|
|
12
21
|
- Es obligatorio agrupar todos los elementos del topbar excepto matecu-topbar-body dentro del elemento matecu-topbar-header-row
|
|
13
|
-
- Es obligatorio importar MatSnackBarModule para usar el componente matecu-alert-snack-bar
|
|
22
|
+
- Es obligatorio importar MatSnackBarModule para usar el componente matecu-alert-snack-bar
|
package/README.md
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
# Angular-Matecu
|
|
2
2
|
|
|
3
|
-
Libreria con complementos y utilidades
|
|
4
|
-
|
|
3
|
+
Libreria con complementos y utilidades para el desarrollo de aps
|
|
5
4
|
|
|
6
5
|
# Instalar
|
|
7
6
|
|
|
@@ -12,8 +11,8 @@ Para versiones de angular menores a 15 utilizar la versión ^2.0
|
|
|
12
11
|
npm install angular-matecu@^2.0
|
|
13
12
|
|
|
14
13
|
ver [CHANGELOG](CHANGELOG.md)
|
|
14
|
+
|
|
15
15
|
## matecu-spinner (Componente)
|
|
16
|
-
|
|
17
16
|
|
|
18
17
|
Componente que genera un spinner que se puede utilizar para indicar que la app esta realizando algún proceso
|
|
19
18
|
|
|
@@ -23,7 +22,7 @@ Importar componente o módulo
|
|
|
23
22
|
|
|
24
23
|
import { MatecuSpinnerComponent } from 'angular-matecu';
|
|
25
24
|
|
|
26
|
-
Agregar a la plantilla de algún componente
|
|
25
|
+
Agregar a la plantilla de algún componente
|
|
27
26
|
|
|
28
27
|
<matecu-spinner active="true" color="'red'" size="'30px'" ></matecu-spinner>
|
|
29
28
|
<matecu-spinner global="true" color="'orange'"></matecu-spinner>
|
|
@@ -41,49 +40,41 @@ Uso:
|
|
|
41
40
|
|
|
42
41
|
// import { MatecuSpinnerService } from 'angular-matecu';
|
|
43
42
|
....
|
|
44
|
-
key: string; //
|
|
43
|
+
key: string; //
|
|
45
44
|
construct( private spinnerService: MatecuSpinnerService) {}
|
|
46
45
|
....
|
|
47
46
|
// mostrar el spinner
|
|
48
47
|
show() {
|
|
49
48
|
this.key = this.spinnerService.add();
|
|
50
|
-
}
|
|
49
|
+
}
|
|
51
50
|
// ocultar el spinner
|
|
52
51
|
hide() {
|
|
53
52
|
this.spinnerService.remove(this.key);
|
|
54
53
|
}
|
|
55
|
-
|
|
54
|
+
|
|
56
55
|
Métodos:
|
|
57
56
|
|
|
58
57
|
- watch: Retorna un observable boolean indicando si el spinner esta activo. El espinner se mantendrá activo mientras haya elementos en la lista de claves del servico. No es necesario usar este método, el componente spinner lo usa de forma transparente.
|
|
59
58
|
|
|
60
59
|
- add: Crea y agrega una clave en la lista del servico. Se puede pasar como parámetro una clave personalizada.
|
|
61
60
|
|
|
62
|
-
- remove: Elimina de la lista del servicio las claves que sean igual a la clave pasada como parámetro
|
|
61
|
+
- remove: Elimina de la lista del servicio las claves que sean igual a la clave pasada como parámetro
|
|
63
62
|
|
|
64
63
|
- clear: Elimina todas las claves forzando a que el spinner pase al estado inactivo.
|
|
65
64
|
|
|
66
|
-
|
|
67
|
-
|
|
68
65
|
## matecu-alert-box (Componente)
|
|
69
66
|
|
|
70
|
-
|
|
71
|
-
|
|
72
67
|
### Uso:
|
|
73
68
|
|
|
74
69
|
Importar componente o módulo
|
|
75
70
|
|
|
76
71
|
import { MatecuAlertBoxComponent } from 'angular-matecu';
|
|
77
72
|
|
|
78
|
-
Agregar a la plantilla de algún componente
|
|
73
|
+
Agregar a la plantilla de algún componente
|
|
79
74
|
|
|
80
75
|
<matecu-alert-box color="success"> Alerta Success </matecu-alert-box>
|
|
81
76
|
|
|
82
|
-
Colores:
|
|
83
|
-
- warning
|
|
84
|
-
- danger
|
|
85
|
-
- success
|
|
86
|
-
- info
|
|
77
|
+
Colores: - warning - danger - success - info
|
|
87
78
|
|
|
88
79
|
## matecu-alert-dialog (Componente)
|
|
89
80
|
|
|
@@ -93,14 +84,13 @@ Dialogo de alerta o confirmación
|
|
|
93
84
|
|
|
94
85
|
Importar módulo
|
|
95
86
|
|
|
96
|
-
|
|
97
87
|
En el componente
|
|
98
88
|
|
|
99
89
|
import { MatDialog } from '@angular/material/dialog';
|
|
100
90
|
import { MatecuAlertDialogComponent, MatecuAlertBoxType } from 'angular-matecu';
|
|
101
91
|
import { filter } from 'rxjs/operators';
|
|
102
92
|
|
|
103
|
-
// ....
|
|
93
|
+
// ....
|
|
104
94
|
constructor(private dialog: MatDialog) {}
|
|
105
95
|
|
|
106
96
|
openBasicDialog(): void {
|
|
@@ -118,10 +108,9 @@ En el componente
|
|
|
118
108
|
filter(execAction => !!execAction)
|
|
119
109
|
).subscribe();
|
|
120
110
|
|
|
121
|
-
|
|
122
|
-
|
|
111
|
+
}
|
|
123
112
|
|
|
124
|
-
## MatecuSnackBarService
|
|
113
|
+
## MatecuSnackBarService
|
|
125
114
|
|
|
126
115
|
Servicio para abrir dialogos snackBar con titulos con colores para Error, Success, Warning, Info
|
|
127
116
|
|
|
@@ -138,13 +127,13 @@ Importar en el módulo MatecuAlertBoxModule en app.module
|
|
|
138
127
|
],
|
|
139
128
|
...
|
|
140
129
|
})
|
|
141
|
-
export class AppModule { }
|
|
130
|
+
export class AppModule { }
|
|
142
131
|
|
|
143
132
|
En el componente
|
|
144
133
|
|
|
145
134
|
import { MatecuSnackBarService } from 'angular-matecu';
|
|
146
135
|
|
|
147
|
-
// ....
|
|
136
|
+
// ....
|
|
148
137
|
constructor(private snackBar: MatecuSnackBarService) { }
|
|
149
138
|
|
|
150
139
|
openError(): void {
|
|
@@ -159,99 +148,160 @@ En el componente
|
|
|
159
148
|
- openSuccess()
|
|
160
149
|
- open()
|
|
161
150
|
- dismiss()
|
|
162
|
-
# matecu-topbar-layout (Componente)
|
|
163
151
|
|
|
164
|
-
|
|
152
|
+
## MatecuTopbarLayout
|
|
153
|
+
|
|
154
|
+
Crea la estructura para una página que contiene un topbar en posición fija a la que se le pueden agregar botones de acciones, titulo y buscador.
|
|
155
|
+
|
|
156
|
+
El contenido de la página tiene una función que se puede llamar para realizar un desplazamiento hacia arriba.
|
|
157
|
+
|
|
158
|
+
## Ejemplo básico
|
|
165
159
|
|
|
166
160
|
Importar módulo o componentes
|
|
167
161
|
|
|
168
162
|
import { MatecuTopbarLayoutModule } from 'angular-matecu';
|
|
169
163
|
// o
|
|
170
164
|
import {MatecuTopbarLayoutComponent} from 'angular-matecu';
|
|
165
|
+
import {MatecuTopbarHeaderRowComponent} from 'angular-matecu';
|
|
166
|
+
import {MatecuTopbarHeaderColumnComponent} from 'angular-matecu';
|
|
167
|
+
import {MatecuTopbarActionComponent} from 'angular-matecu';
|
|
171
168
|
import {MatecuTopbarSearchComponent} from 'angular-matecu';
|
|
172
|
-
import {
|
|
173
|
-
|
|
169
|
+
import {MatecuTopbarFabComponent} from 'angular-matecu';
|
|
170
|
+
import {MatecuTopbarTitleComponent} from 'angular-matecu';
|
|
171
|
+
import {MatecuTopbarBodyComponent} from 'angular-matecu';
|
|
174
172
|
|
|
175
173
|
Agregar a la plantilla de algún componente:
|
|
176
174
|
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
<matecu-topbar-action position="left">
|
|
189
|
-
<mat-icon>menu</mat-icon>
|
|
190
|
-
</matecu-topbar-action>
|
|
191
|
-
<matecu-topbar-search (whenSearchChanges)="searching($event)">
|
|
192
|
-
</matecu-topbar-search>
|
|
193
|
-
<matecu-topbar-body #tobarBody>
|
|
194
|
-
Contenido de la página
|
|
195
|
-
.....
|
|
196
|
-
<button (click)="tobarBody.scrollTop()">
|
|
197
|
-
Regresar al inicio
|
|
198
|
-
</button>
|
|
199
|
-
</matecu-topbar-body>
|
|
200
|
-
</matecu-topbar-header-row>
|
|
201
|
-
</matecu-topbar-layout>
|
|
175
|
+
```
|
|
176
|
+
<matecu-topbar-layout #topbar>
|
|
177
|
+
<matecu-topbar-header-row first-row>
|
|
178
|
+
<matecu-topbar-header-column left-column>
|
|
179
|
+
<matecu-topbar-action>
|
|
180
|
+
<button mat-icon-button><mat-icon>menu</mat-icon></button>
|
|
181
|
+
</matecu-topbar-action>
|
|
182
|
+
<matecu-topbar-fab>
|
|
183
|
+
<button mat-fab><mat-icon>add</mat-icon></button>
|
|
184
|
+
</matecu-topbar-fab>
|
|
185
|
+
<matecu-topbar-title>Topbar Layout</matecu-topbar-title>
|
|
202
186
|
|
|
203
|
-
|
|
187
|
+
</matecu-topbar-header-column>
|
|
188
|
+
<matecu-topbar-header-column right-column>
|
|
189
|
+
<matecu-topbar-search (valueChange)="searchFunction($event)"></matecu-topbar-search>
|
|
190
|
+
<matecu-topbar-action>
|
|
191
|
+
<button><mat-icon>more_vert</mat-icon></button>
|
|
192
|
+
</matecu-topbar-action>
|
|
193
|
+
</matecu-topbar-header-column>
|
|
194
|
+
</matecu-topbar-header-row>
|
|
195
|
+
<matecu-topbar-body >
|
|
196
|
+
Contenido de la página
|
|
197
|
+
.....
|
|
198
|
+
<button (click)="topbar.scrollTop()">
|
|
199
|
+
Regresar al inicio
|
|
200
|
+
</button>
|
|
201
|
+
</matecu-topbar-body>
|
|
202
|
+
|
|
203
|
+
</matecu-topbar-layout>
|
|
204
|
+
```
|
|
205
|
+
|
|
206
|
+
## Componentes
|
|
207
|
+
|
|
208
|
+
### MatecuTopbarLayout:
|
|
209
|
+
|
|
210
|
+
Componente principal
|
|
211
|
+
|
|
212
|
+
#### Variables de estilos
|
|
213
|
+
|
|
214
|
+
- --mtb-border : Borde
|
|
215
|
+
- --mtb-margin : Margen
|
|
216
|
+
- --mtb-width : Ancho
|
|
217
|
+
- --mtb-height : Alto
|
|
218
|
+
- --mtb-primary-color : Color principal (Color de la barra)
|
|
219
|
+
- --mtb-bar-height : Alto de la barra
|
|
220
|
+
- --mtb-bar-prominent-height : Alto de la barra en modo prominente
|
|
221
|
+
|
|
222
|
+
### Inputs
|
|
223
|
+
|
|
224
|
+
- prominent : Valor boolean que indica si la barra es prominente
|
|
225
|
+
- mobileWidth: Valor numérico que indica el ancho máximo que debe considerarse para aplicar estilos para dispositivos móviles
|
|
226
|
+
- mobileStyle: Indica si se deben aplicar estilos para dispositivos móviles
|
|
227
|
+
|
|
228
|
+
### Outputs
|
|
229
|
+
|
|
230
|
+
- mobileStyleChange: Propiedad que se actualiza cuando se redimenciona el componente y se calcula utilizando el valor de mobileWidth. Indica si se deben aplicar estilos para dispositivos móviles
|
|
231
|
+
- whenResize: Evento que se emite cuando se redimenciona el componente y retorna el nuevo valor del ancho.
|
|
232
|
+
|
|
233
|
+
### Metodos
|
|
234
|
+
|
|
235
|
+
- scrollTop : Funcion que se puede llamar desde el componente padre y hace scroll del contenido hacia la parte superior
|
|
236
|
+
|
|
237
|
+
### MatecuTopbarHeaderRow
|
|
238
|
+
|
|
239
|
+
Crea una fila para agregar contenido en el encabezado, pueden agregarse hasta 2 filas y es necesario agregar alguno de los siguientes atributos first-row, second-row
|
|
240
|
+
|
|
241
|
+
#### Variables de estilos
|
|
242
|
+
|
|
243
|
+
- --mtb-row-padding
|
|
244
|
+
- --mtb-row-margin
|
|
245
|
+
- --mtb-row-width
|
|
246
|
+
|
|
247
|
+
### MatecuTopbarHeaderColumn
|
|
248
|
+
|
|
249
|
+
Crea una columna para agregar contenido a una fila del encabezado es necesario agregar alguno de los siguientes atributos left-column,right-column
|
|
250
|
+
|
|
251
|
+
### MatecuTopbarAction
|
|
252
|
+
|
|
253
|
+
Crea un contenedor para agregar acciones como links o botones preferentemente en formato de iconos
|
|
254
|
+
|
|
255
|
+
#### Variables de estilos
|
|
204
256
|
|
|
205
|
-
-
|
|
257
|
+
- --mtb-action-padding
|
|
258
|
+
- --mtb-action-margin
|
|
206
259
|
|
|
260
|
+
### MatecuTopbarFab
|
|
207
261
|
|
|
208
|
-
|
|
262
|
+
Crea un contenedor para agregar un boton (FAB)
|
|
209
263
|
|
|
210
|
-
|
|
264
|
+
#### Variables de estilos
|
|
211
265
|
|
|
212
|
-
|
|
266
|
+
- --mtb-fab-mobile-bottom-position : Posición relativa a la parte inferior del componente pricipal que se aplica cuando estan activos los estilos para dispositivos móviles.
|
|
213
267
|
|
|
214
|
-
|
|
268
|
+
- --mtb-fab-mobile-right-position: Posición relativa a la parte inferior del componente MatecuTopbarLayout
|
|
215
269
|
|
|
216
|
-
|
|
217
|
-
<matecu-topbar-header-row position="second"><matecu-topbar-header-row>
|
|
270
|
+
#### Inputs
|
|
218
271
|
|
|
272
|
+
- mobileStyle: Valor boolaneo que indica si se ajustan los estilos para dispositivos móviles
|
|
273
|
+
- display: Valor boolean que indica si se debe mostrar el componente
|
|
219
274
|
|
|
220
|
-
###
|
|
275
|
+
### MatecuTopbarSearch
|
|
221
276
|
|
|
222
|
-
|
|
223
|
-
### matecu-topbar-fab:
|
|
224
|
-
Componente para agregar el contenido del botón pricipal (opcional)
|
|
225
|
-
Solo debe haber uno de estos componentes, si hay dos encabezados colocarlo en la segunda fila
|
|
277
|
+
Crea un campo de texto para hacer búsquedas
|
|
226
278
|
|
|
227
|
-
|
|
279
|
+
#### Inputs
|
|
228
280
|
|
|
229
|
-
-
|
|
230
|
-
-
|
|
281
|
+
- value: Especifica el valor de la búsqueda
|
|
282
|
+
- mobileStyle: Valor boolaneo que indica si se ajustan los estilos para dispositivos móviles
|
|
283
|
+
- placeholder: Valor del Placeholder del campo de búsqueda
|
|
284
|
+
- display: Valor boolean que indica si se debe mostrar el componente
|
|
231
285
|
|
|
232
|
-
|
|
233
|
-
Componente para agregar otras acciones en la barra (opcional)
|
|
234
|
-
Pueden agregárse multiples elementos de este tipo.
|
|
235
|
-
Utilizar el atributo position para cambiar ubicación, valores permitidos right|left|after-fab|before-search valor predeterminado right
|
|
286
|
+
#### Outputs
|
|
236
287
|
|
|
237
|
-
|
|
238
|
-
Componente para agregar un campo de búsqueda
|
|
288
|
+
- valueChanges: Emite un evento con el valor del texto ingresado en el campo de búsqueda
|
|
239
289
|
|
|
240
|
-
|
|
290
|
+
### MatecuTopbarTitle
|
|
241
291
|
|
|
242
|
-
|
|
243
|
-
- Input() debounceTime: (number) El tiempo en milisegundos de espera antes de emitir el evento de que el valor del input a cambiado (default 500)
|
|
244
|
-
- Output() cleanWhenClose: (boolean) Determina si se quita el valor del input cuando se cierra en módo mobil (default true)
|
|
245
|
-
- Input() inputType: ('text'|'search') El tipo de input que se va a utilizar (default 'text')
|
|
246
|
-
- Input() value : Valor inicial para el input puede utilizarse dos vías [(value)]=value
|
|
247
|
-
- Output() whenSearchChanges: (function) Acción que se ejecuta cuando el valor del input cambia requiere una función con un parametro tipo string (valor del input)
|
|
292
|
+
Crea un contenedor para agregar un título a la página.
|
|
248
293
|
|
|
294
|
+
#### Variables de estilos
|
|
249
295
|
|
|
250
|
-
|
|
251
|
-
|
|
296
|
+
- --mtb-title-padding
|
|
297
|
+
- --mtb-title-margin
|
|
252
298
|
|
|
253
|
-
|
|
299
|
+
### MatecuTopbarBody
|
|
254
300
|
|
|
255
|
-
|
|
301
|
+
Crea un contenedor para agregar el contenido de la página
|
|
256
302
|
|
|
303
|
+
#### Variables de estilos
|
|
257
304
|
|
|
305
|
+
--mtb-body-padding: Padding para el contenido
|
|
306
|
+
--mtb-body-background: Fondo del contenido;
|
|
307
|
+
--mtb-body-padding-button: Padding inferior (Es utilizado para asignar un espacio al Botón principal (FAB) cuando tiene asignados los estilos para dispositivos móviles)
|
|
Binary file
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, HostBinding, Input } from '@angular/core';
|
|
3
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
4
|
+
import { MatecuAlertBoxType } from '../../types/matecu-altert-box-type';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
import * as i2 from "@angular/material/icon";
|
|
8
|
+
export class MatecuAlertBoxComponent {
|
|
9
|
+
get color() {
|
|
10
|
+
return this.alertColor;
|
|
11
|
+
}
|
|
12
|
+
set color(value) {
|
|
13
|
+
this.alertColor = value;
|
|
14
|
+
if (!!value) {
|
|
15
|
+
this.className = `${this.classNameBase} ${this.classNameBase}--${value}`;
|
|
16
|
+
}
|
|
17
|
+
else {
|
|
18
|
+
this.className = this.classNameBase;
|
|
19
|
+
}
|
|
20
|
+
this.updateIcon();
|
|
21
|
+
}
|
|
22
|
+
get icon() {
|
|
23
|
+
return this.alertIcon;
|
|
24
|
+
}
|
|
25
|
+
set icon(value) {
|
|
26
|
+
this.alertIcon = value;
|
|
27
|
+
}
|
|
28
|
+
constructor() {
|
|
29
|
+
this.classNameBase = 'matecu-alert-box';
|
|
30
|
+
this.alertIcon = false;
|
|
31
|
+
this.className = this.classNameBase;
|
|
32
|
+
}
|
|
33
|
+
ngOnInit() { }
|
|
34
|
+
updateIcon() {
|
|
35
|
+
switch (this.color) {
|
|
36
|
+
case MatecuAlertBoxType.danger:
|
|
37
|
+
this.iconValue = 'dangerous';
|
|
38
|
+
break;
|
|
39
|
+
case MatecuAlertBoxType.warning:
|
|
40
|
+
this.iconValue = 'warning';
|
|
41
|
+
break;
|
|
42
|
+
case MatecuAlertBoxType.success:
|
|
43
|
+
this.iconValue = 'check_circle';
|
|
44
|
+
break;
|
|
45
|
+
case MatecuAlertBoxType.info:
|
|
46
|
+
this.iconValue = 'info';
|
|
47
|
+
break;
|
|
48
|
+
default:
|
|
49
|
+
this.iconValue = null;
|
|
50
|
+
break;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuAlertBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
54
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: MatecuAlertBoxComponent, isStandalone: true, selector: "matecu-alert-box", inputs: { color: "color", icon: "icon" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-container *ngIf=\"icon && iconValue\">\n <div class=\"matecu-alert-box__icon\">\n <mat-icon>{{iconValue}}</mat-icon>\n </div>\n</ng-container>\n<div class=\"matecu-alert-box__content\">\n <ng-content>\n\n\n </ng-content>\n</div>\n", styles: [":host.matecu-alert-box{display:flex;padding:1rem;border-radius:.25rem;position:relative;border:1px solid rgb(224,224,224);box-sizing:border-box;margin:1rem 0}:host.matecu-alert-box--success{color:#0f5032;background-color:#d2e6dc;border-color:#badccd}:host.matecu-alert-box--danger{color:#821e28;background-color:#f8d7da;border-color:#f5c2c7}:host.matecu-alert-box--warning{color:#644d03;background-color:#fff3cd;border-color:#ffecb4}:host.matecu-alert-box--info{color:#055160;background-color:#cff4fc;border-color:#b6effb}:host.matecu-alert-box .matecu-alert-box__icon{display:flex;margin-right:1rem}:host.matecu-alert-box .matecu-alert-box__content{align-self:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
|
|
55
|
+
}
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuAlertBoxComponent, decorators: [{
|
|
57
|
+
type: Component,
|
|
58
|
+
args: [{ selector: 'matecu-alert-box', standalone: true, imports: [CommonModule, MatIconModule], template: "<ng-container *ngIf=\"icon && iconValue\">\n <div class=\"matecu-alert-box__icon\">\n <mat-icon>{{iconValue}}</mat-icon>\n </div>\n</ng-container>\n<div class=\"matecu-alert-box__content\">\n <ng-content>\n\n\n </ng-content>\n</div>\n", styles: [":host.matecu-alert-box{display:flex;padding:1rem;border-radius:.25rem;position:relative;border:1px solid rgb(224,224,224);box-sizing:border-box;margin:1rem 0}:host.matecu-alert-box--success{color:#0f5032;background-color:#d2e6dc;border-color:#badccd}:host.matecu-alert-box--danger{color:#821e28;background-color:#f8d7da;border-color:#f5c2c7}:host.matecu-alert-box--warning{color:#644d03;background-color:#fff3cd;border-color:#ffecb4}:host.matecu-alert-box--info{color:#055160;background-color:#cff4fc;border-color:#b6effb}:host.matecu-alert-box .matecu-alert-box__icon{display:flex;margin-right:1rem}:host.matecu-alert-box .matecu-alert-box__content{align-self:center}\n"] }]
|
|
59
|
+
}], ctorParameters: function () { return []; }, propDecorators: { color: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], icon: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], className: [{
|
|
64
|
+
type: HostBinding,
|
|
65
|
+
args: ['class']
|
|
66
|
+
}] } });
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LWFsZXJ0LWJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLW1hdGVjdS9zcmMvbGliL2NvbXBvbmVudHMvbWF0ZWN1LWFsZXJ0LWJveC9tYXRlY3UtYWxlcnQtYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtYWxlcnQtYm94L21hdGVjdS1hbGVydC1ib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN0RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7Ozs7QUFTeEUsTUFBTSxPQUFPLHVCQUF1QjtJQUtsQyxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQUNELElBQWEsS0FBSyxDQUFDLEtBQXFEO1FBQ3RFLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxDQUFDLEtBQUssRUFBRTtZQUNYLElBQUksQ0FBQyxTQUFTLEdBQUcsR0FBRyxJQUFJLENBQUMsYUFBYSxJQUFJLElBQUksQ0FBQyxhQUFhLEtBQUssS0FBSyxFQUFFLENBQUM7U0FDMUU7YUFBTTtZQUNMLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztTQUNyQztRQUNELElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBQ0QsSUFBSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFDRCxJQUFhLElBQUksQ0FBQyxLQUFjO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQ3pCLENBQUM7SUFFRDtRQXZCQSxrQkFBYSxHQUFHLGtCQUFrQixDQUFDO1FBRzNCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFtQkosY0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDckMsQ0FBQztJQUVqQixRQUFRLEtBQVcsQ0FBQztJQUVaLFVBQVU7UUFDaEIsUUFBUSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2xCLEtBQUssa0JBQWtCLENBQUMsTUFBTTtnQkFDNUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxXQUFXLENBQUM7Z0JBQzdCLE1BQU07WUFDUixLQUFLLGtCQUFrQixDQUFDLE9BQU87Z0JBQzdCLElBQUksQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDO2dCQUMzQixNQUFNO1lBQ1IsS0FBSyxrQkFBa0IsQ0FBQyxPQUFPO2dCQUM3QixJQUFJLENBQUMsU0FBUyxHQUFHLGNBQWMsQ0FBQztnQkFDaEMsTUFBTTtZQUNSLEtBQUssa0JBQWtCLENBQUMsSUFBSTtnQkFDMUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxNQUFNLENBQUM7Z0JBQ3hCLE1BQU07WUFDUjtnQkFDRSxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztnQkFDdEIsTUFBTTtTQUNUO0lBQ0gsQ0FBQzs4R0E5Q1UsdUJBQXVCO2tHQUF2Qix1QkFBdUIsMktDWnBDLG1QQVdBLHV0QkREWSxZQUFZLGtJQUFFLGFBQWE7OzJGQUUxQix1QkFBdUI7a0JBUG5DLFNBQVM7K0JBQ0Usa0JBQWtCLGNBR2hCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxhQUFhLENBQUM7MEVBVXpCLEtBQUs7c0JBQWpCLEtBQUs7Z0JBWU8sSUFBSTtzQkFBaEIsS0FBSztnQkFHZ0IsU0FBUztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdGVjdUFsZXJ0Qm94VHlwZSB9IGZyb20gJy4uLy4uL3R5cGVzL21hdGVjdS1hbHRlcnQtYm94LXR5cGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYXRlY3UtYWxlcnQtYm94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL21hdGVjdS1hbGVydC1ib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tYXRlY3UtYWxlcnQtYm94LmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE1hdEljb25Nb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVjdUFsZXJ0Qm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgY2xhc3NOYW1lQmFzZSA9ICdtYXRlY3UtYWxlcnQtYm94JztcbiAgYWxlcnRDb2xvcj86IE1hdGVjdUFsZXJ0Qm94VHlwZSB8IHVuZGVmaW5lZCB8IHN0cmluZyB8IG51bGw7XG4gIGljb25WYWx1ZT86IHN0cmluZyB8IG51bGwgfCB1bmRlZmluZWQ7XG4gIHByaXZhdGUgYWxlcnRJY29uID0gZmFsc2U7XG4gIGdldCBjb2xvcigpOiBNYXRlY3VBbGVydEJveFR5cGUgfCB1bmRlZmluZWQgfCBzdHJpbmcgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5hbGVydENvbG9yO1xuICB9XG4gIEBJbnB1dCgpIHNldCBjb2xvcih2YWx1ZTogTWF0ZWN1QWxlcnRCb3hUeXBlIHwgdW5kZWZpbmVkIHwgc3RyaW5nIHwgbnVsbCkge1xuICAgIHRoaXMuYWxlcnRDb2xvciA9IHZhbHVlO1xuICAgIGlmICghIXZhbHVlKSB7XG4gICAgICB0aGlzLmNsYXNzTmFtZSA9IGAke3RoaXMuY2xhc3NOYW1lQmFzZX0gJHt0aGlzLmNsYXNzTmFtZUJhc2V9LS0ke3ZhbHVlfWA7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuY2xhc3NOYW1lID0gdGhpcy5jbGFzc05hbWVCYXNlO1xuICAgIH1cbiAgICB0aGlzLnVwZGF0ZUljb24oKTtcbiAgfVxuICBnZXQgaWNvbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5hbGVydEljb247XG4gIH1cbiAgQElucHV0KCkgc2V0IGljb24odmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLmFsZXJ0SWNvbiA9IHZhbHVlO1xuICB9XG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzc05hbWUgPSB0aGlzLmNsYXNzTmFtZUJhc2U7XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7IH1cblxuICBwcml2YXRlIHVwZGF0ZUljb24oKTogdm9pZCB7XG4gICAgc3dpdGNoICh0aGlzLmNvbG9yKSB7XG4gICAgICBjYXNlIE1hdGVjdUFsZXJ0Qm94VHlwZS5kYW5nZXI6XG4gICAgICAgIHRoaXMuaWNvblZhbHVlID0gJ2Rhbmdlcm91cyc7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBNYXRlY3VBbGVydEJveFR5cGUud2FybmluZzpcbiAgICAgICAgdGhpcy5pY29uVmFsdWUgPSAnd2FybmluZyc7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBNYXRlY3VBbGVydEJveFR5cGUuc3VjY2VzczpcbiAgICAgICAgdGhpcy5pY29uVmFsdWUgPSAnY2hlY2tfY2lyY2xlJztcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIE1hdGVjdUFsZXJ0Qm94VHlwZS5pbmZvOlxuICAgICAgICB0aGlzLmljb25WYWx1ZSA9ICdpbmZvJztcbiAgICAgICAgYnJlYWs7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICB0aGlzLmljb25WYWx1ZSA9IG51bGw7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cImljb24gJiYgaWNvblZhbHVlXCI+XG4gIDxkaXYgY2xhc3M9XCJtYXRlY3UtYWxlcnQtYm94X19pY29uXCI+XG4gICAgPG1hdC1pY29uPnt7aWNvblZhbHVlfX08L21hdC1pY29uPlxuICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuPGRpdiBjbGFzcz1cIm1hdGVjdS1hbGVydC1ib3hfX2NvbnRlbnRcIj5cbiAgPG5nLWNvbnRlbnQ+XG5cblxuICA8L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|
package/{esm2020 → esm2022}/lib/components/matecu-alert-dialog/matecu-alert-dialog.component.mjs
RENAMED
|
@@ -41,14 +41,14 @@ export class MatecuAlertDialogComponent {
|
|
|
41
41
|
const isValid = typeof str === 'string' && str.trim().length > 0;
|
|
42
42
|
return isValid;
|
|
43
43
|
}
|
|
44
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuAlertDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: MatecuAlertDialogComponent, isStandalone: true, selector: "matecu-alert-dialog", ngImport: i0, template: "<h2 mat-dialog-title *ngIf=\"hasTitle\">{{dialogData.title}}</h2>\n<mat-dialog-content>\n\n <matecu-alert-box [color]=\"dialogData.type\" [icon]=\"!!dialogData.icon\">\n {{dialogData.message}}\n </matecu-alert-box>\n\n</mat-dialog-content>\n<mat-dialog-actions *ngIf=\"showActions\" align=\"end\">\n <button mat-button color=\"primary\" tabindex=\"-1\" mat-dialog-close\n *ngIf=\"hasDismissBtn\">{{dialogData.dismissText}}</button>\n <button mat-button color=\"primary\" tabindex=\"-2\" (click)=\"activateAction()\"\n *ngIf=\"hasActionBtn\">{{dialogData.action}}</button>\n</mat-dialog-actions>\n", styles: [":host matecu-alert-box{max-width:900px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: MatecuAlertBoxComponent, selector: "matecu-alert-box", inputs: ["color", "icon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] }); }
|
|
44
46
|
}
|
|
45
|
-
|
|
46
|
-
MatecuAlertDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: MatecuAlertDialogComponent, isStandalone: true, selector: "matecu-alert-dialog", ngImport: i0, template: "<h2 mat-dialog-title *ngIf=\"hasTitle\">{{dialogData.title}}</h2>\n<mat-dialog-content>\n\n <matecu-alert-box [color]=\"dialogData.type\" [icon]=\"!!dialogData.icon\">\n {{dialogData.message}}\n </matecu-alert-box>\n\n</mat-dialog-content>\n<mat-dialog-actions *ngIf=\"showActions\" align=\"end\">\n <button mat-button color=\"primary\" tabindex=\"-1\" mat-dialog-close\n *ngIf=\"hasDismissBtn\">{{dialogData.dismissText}}</button>\n <button mat-button color=\"primary\" tabindex=\"-2\" (click)=\"activateAction()\"\n *ngIf=\"hasActionBtn\">{{dialogData.action}}</button>\n</mat-dialog-actions>\n", styles: [":host matecu-alert-box{max-width:900px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: MatecuAlertBoxComponent, selector: "matecu-alert-box", inputs: ["color", "icon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: MatecuAlertDialogComponent, decorators: [{
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuAlertDialogComponent, decorators: [{
|
|
48
48
|
type: Component,
|
|
49
49
|
args: [{ selector: 'matecu-alert-dialog', standalone: true, imports: [CommonModule, MatDialogModule, MatIconModule, MatecuAlertBoxComponent, MatButtonModule], template: "<h2 mat-dialog-title *ngIf=\"hasTitle\">{{dialogData.title}}</h2>\n<mat-dialog-content>\n\n <matecu-alert-box [color]=\"dialogData.type\" [icon]=\"!!dialogData.icon\">\n {{dialogData.message}}\n </matecu-alert-box>\n\n</mat-dialog-content>\n<mat-dialog-actions *ngIf=\"showActions\" align=\"end\">\n <button mat-button color=\"primary\" tabindex=\"-1\" mat-dialog-close\n *ngIf=\"hasDismissBtn\">{{dialogData.dismissText}}</button>\n <button mat-button color=\"primary\" tabindex=\"-2\" (click)=\"activateAction()\"\n *ngIf=\"hasActionBtn\">{{dialogData.action}}</button>\n</mat-dialog-actions>\n", styles: [":host matecu-alert-box{max-width:900px}\n"] }]
|
|
50
50
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
51
51
|
type: Inject,
|
|
52
52
|
args: [MAT_DIALOG_DATA]
|
|
53
53
|
}] }, { type: i1.MatDialogRef }]; } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LWFsZXJ0LWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLW1hdGVjdS9zcmMvbGliL2NvbXBvbmVudHMvbWF0ZWN1LWFsZXJ0LWRpYWxvZy9tYXRlY3UtYWxlcnQtZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtYWxlcnQtZGlhbG9nL21hdGVjdS1hbGVydC1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZUFBZSxFQUFnQixlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdkQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7Ozs7O0FBUXpGLE1BQU0sT0FBTywwQkFBMEI7SUFLckMsWUFDa0MsVUFBaUMsRUFDMUQsU0FBbUQ7UUFEMUIsZUFBVSxHQUFWLFVBQVUsQ0FBdUI7UUFDMUQsY0FBUyxHQUFULFNBQVMsQ0FBMEM7UUFONUQsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUN0QixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUtsQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsUUFBUSxLQUFXLENBQUM7SUFFcEIsY0FBYztRQUNaLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFTyxXQUFXO1FBQ2pCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVELENBQUM7SUFDTyxnQkFBZ0I7UUFDdEIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDdkUsQ0FBQztJQUVPLGVBQWU7UUFDckIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDakUsQ0FBQztJQUNPLGNBQWM7UUFDcEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDN0QsQ0FBQztJQUNPLGFBQWEsQ0FBQyxHQUE4QjtRQUNsRCxNQUFNLE9BQU8sR0FBRyxPQUFPLEdBQUcsS0FBSyxRQUFRLElBQUksR0FBRyxDQUFDLElBQUksRUFBRSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFDakUsT0FBTyxPQUFPLENBQUM7SUFDakIsQ0FBQzs4R0FyQ1UsMEJBQTBCLGtCQU0zQixlQUFlO2tHQU5kLDBCQUEwQiwrRUNkdkMsbW1CQWNBLGtHREZZLFlBQVksa0lBQUUsZUFBZSwrbkJBQUUsYUFBYSwrQkFBRSx1QkFBdUIsdUZBQUUsZUFBZTs7MkZBRXJGLDBCQUEwQjtrQkFQdEMsU0FBUzsrQkFDRSxxQkFBcUIsY0FHbkIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsdUJBQXVCLEVBQUUsZUFBZSxDQUFDOzswQkFROUYsTUFBTTsyQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBNQVRfRElBTE9HX0RBVEEsIE1hdERpYWxvZ1JlZiwgTWF0RGlhbG9nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdGVjdUFsZXJ0RGlhbG9nRGF0YSB9IGZyb20gJy4uLy4uL3R5cGVzL21hdGVjdS1hbGVydC1kaWFsb2cnO1xuaW1wb3J0IHsgTWF0ZWN1QWxlcnRCb3hDb21wb25lbnQgfSBmcm9tICcuLi9tYXRlY3UtYWxlcnQtYm94L21hdGVjdS1hbGVydC1ib3guY29tcG9uZW50JztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hdGVjdS1hbGVydC1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZWN1LWFsZXJ0LWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21hdGVjdS1hbGVydC1kaWFsb2cuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0RGlhbG9nTW9kdWxlLCBNYXRJY29uTW9kdWxlLCBNYXRlY3VBbGVydEJveENvbXBvbmVudCwgTWF0QnV0dG9uTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBNYXRlY3VBbGVydERpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGhhc1RpdGxlID0gZmFsc2U7XG4gIGhhc0Rpc21pc3NCdG4gPSBmYWxzZTtcbiAgaGFzQWN0aW9uQnRuID0gZmFsc2U7XG4gIHNob3dBY3Rpb25zID0gZmFsc2U7XG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGlhbG9nRGF0YTogTWF0ZWN1QWxlcnREaWFsb2dEYXRhLFxuICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxNYXRlY3VBbGVydERpYWxvZ0NvbXBvbmVudD5cbiAgKSB7XG4gICAgdGhpcy5zZXRIYXNUaXRsZSgpO1xuICAgIHRoaXMuc2V0SGFzRGlzbWlzc0J0bigpO1xuICAgIHRoaXMuc2V0SGFzQWN0aW9uQnRuKCk7XG4gICAgdGhpcy5zZXRTaG93QWN0aW9ucygpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7IH1cblxuICBhY3RpdmF0ZUFjdGlvbigpOiB2b2lkIHtcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSh0cnVlKTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0SGFzVGl0bGUoKTogdm9pZCB7XG4gICAgdGhpcy5oYXNUaXRsZSA9IHRoaXMuaXNWYWxpZFN0cmluZyh0aGlzLmRpYWxvZ0RhdGEudGl0bGUpO1xuICB9XG4gIHByaXZhdGUgc2V0SGFzRGlzbWlzc0J0bigpOiB2b2lkIHtcbiAgICB0aGlzLmhhc0Rpc21pc3NCdG4gPSB0aGlzLmlzVmFsaWRTdHJpbmcodGhpcy5kaWFsb2dEYXRhLmRpc21pc3NUZXh0KTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0SGFzQWN0aW9uQnRuKCk6IHZvaWQge1xuICAgIHRoaXMuaGFzQWN0aW9uQnRuID0gdGhpcy5pc1ZhbGlkU3RyaW5nKHRoaXMuZGlhbG9nRGF0YS5hY3Rpb24pO1xuICB9XG4gIHByaXZhdGUgc2V0U2hvd0FjdGlvbnMoKTogdm9pZCB7XG4gICAgdGhpcy5zaG93QWN0aW9ucyA9IHRoaXMuaGFzQWN0aW9uQnRuIHx8IHRoaXMuaGFzRGlzbWlzc0J0bjtcbiAgfVxuICBwcml2YXRlIGlzVmFsaWRTdHJpbmcoc3RyOiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkKTogYm9vbGVhbiB7XG4gICAgY29uc3QgaXNWYWxpZCA9IHR5cGVvZiBzdHIgPT09ICdzdHJpbmcnICYmIHN0ci50cmltKCkubGVuZ3RoID4gMDtcbiAgICByZXR1cm4gaXNWYWxpZDtcbiAgfVxufVxuIiwiPGgyIG1hdC1kaWFsb2ctdGl0bGUgKm5nSWY9XCJoYXNUaXRsZVwiPnt7ZGlhbG9nRGF0YS50aXRsZX19PC9oMj5cbjxtYXQtZGlhbG9nLWNvbnRlbnQ+XG5cbiAgPG1hdGVjdS1hbGVydC1ib3ggW2NvbG9yXT1cImRpYWxvZ0RhdGEudHlwZVwiIFtpY29uXT1cIiEhZGlhbG9nRGF0YS5pY29uXCI+XG4gICAge3tkaWFsb2dEYXRhLm1lc3NhZ2V9fVxuICA8L21hdGVjdS1hbGVydC1ib3g+XG5cbjwvbWF0LWRpYWxvZy1jb250ZW50PlxuPG1hdC1kaWFsb2ctYWN0aW9ucyAqbmdJZj1cInNob3dBY3Rpb25zXCIgYWxpZ249XCJlbmRcIj5cbiAgPGJ1dHRvbiBtYXQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIHRhYmluZGV4PVwiLTFcIiBtYXQtZGlhbG9nLWNsb3NlXG4gICAgKm5nSWY9XCJoYXNEaXNtaXNzQnRuXCI+e3tkaWFsb2dEYXRhLmRpc21pc3NUZXh0fX08L2J1dHRvbj5cbiAgPGJ1dHRvbiBtYXQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIHRhYmluZGV4PVwiLTJcIiAoY2xpY2spPVwiYWN0aXZhdGVBY3Rpb24oKVwiXG4gICAgKm5nSWY9XCJoYXNBY3Rpb25CdG5cIj57e2RpYWxvZ0RhdGEuYWN0aW9ufX08L2J1dHRvbj5cbjwvbWF0LWRpYWxvZy1hY3Rpb25zPlxuIl19
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, HostBinding, Inject } from '@angular/core';
|
|
3
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
4
|
+
import { MatSnackBarModule, MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/material/snack-bar";
|
|
7
|
+
import * as i2 from "@angular/common";
|
|
8
|
+
import * as i3 from "@angular/material/button";
|
|
9
|
+
export class MatecuAlertSnackBarComponent {
|
|
10
|
+
get color() {
|
|
11
|
+
return this.alertColor;
|
|
12
|
+
}
|
|
13
|
+
set color(value) {
|
|
14
|
+
this.alertColor = value;
|
|
15
|
+
this.className = `${this.classNameBase} ${this.classNameBase}--${value}`;
|
|
16
|
+
}
|
|
17
|
+
constructor(data, snackBarRef) {
|
|
18
|
+
this.data = data;
|
|
19
|
+
this.snackBarRef = snackBarRef;
|
|
20
|
+
this.classNameBase = 'matecu-alert-snackbar';
|
|
21
|
+
this.className = this.classNameBase;
|
|
22
|
+
this.title = data.title;
|
|
23
|
+
this.message = data.message;
|
|
24
|
+
this.action = data.action;
|
|
25
|
+
this.color = data.type;
|
|
26
|
+
}
|
|
27
|
+
dismiss() {
|
|
28
|
+
this.snackBarRef.dismissWithAction();
|
|
29
|
+
}
|
|
30
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuAlertSnackBarComponent, deps: [{ token: MAT_SNACK_BAR_DATA }, { token: i1.MatSnackBarRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
31
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: MatecuAlertSnackBarComponent, isStandalone: true, selector: "matecu-alert-snack-bar", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<div>\n <strong>{{title}}</strong> \n <span>{{message}}</span>\n</div>\n<div *ngIf=\"!!action?.length\">\n\n <button mat-button color=\"accent\" (click)=\"dismiss()\">{{action}}</button>\n</div>", styles: [":host.matecu-alert-snackbar{display:flex;align-items:center}:host.matecu-alert-snackbar>*:not(:first-child){margin-left:10px}:host.matecu-alert-snackbar--success strong{color:#20db20}:host.matecu-alert-snackbar--danger strong{color:red}:host.matecu-alert-snackbar--warning strong{color:orange}:host.matecu-alert-snackbar--info strong{color:#07a0ed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatSnackBarModule }] }); }
|
|
32
|
+
}
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuAlertSnackBarComponent, decorators: [{
|
|
34
|
+
type: Component,
|
|
35
|
+
args: [{ selector: 'matecu-alert-snack-bar', standalone: true, imports: [CommonModule, MatButtonModule, MatSnackBarModule], template: "<div>\n <strong>{{title}}</strong> \n <span>{{message}}</span>\n</div>\n<div *ngIf=\"!!action?.length\">\n\n <button mat-button color=\"accent\" (click)=\"dismiss()\">{{action}}</button>\n</div>", styles: [":host.matecu-alert-snackbar{display:flex;align-items:center}:host.matecu-alert-snackbar>*:not(:first-child){margin-left:10px}:host.matecu-alert-snackbar--success strong{color:#20db20}:host.matecu-alert-snackbar--danger strong{color:red}:host.matecu-alert-snackbar--warning strong{color:orange}:host.matecu-alert-snackbar--info strong{color:#07a0ed}\n"] }]
|
|
36
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
37
|
+
type: Inject,
|
|
38
|
+
args: [MAT_SNACK_BAR_DATA]
|
|
39
|
+
}] }, { type: i1.MatSnackBarRef }]; }, propDecorators: { className: [{
|
|
40
|
+
type: HostBinding,
|
|
41
|
+
args: ['class']
|
|
42
|
+
}] } });
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LWFsZXJ0LXNuYWNrLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLW1hdGVjdS9zcmMvbGliL2NvbXBvbmVudHMvbWF0ZWN1LWFsZXJ0LXNuYWNrLWJhci9tYXRlY3UtYWxlcnQtc25hY2stYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtYWxlcnQtc25hY2stYmFyL21hdGVjdS1hbGVydC1zbmFjay1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGlCQUFpQixFQUFrQixrQkFBa0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7OztBQVdwRyxNQUFNLE9BQU8sNEJBQTRCO0lBT3ZDLElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBQ0QsSUFBSSxLQUFLLENBQUMsS0FBeUI7UUFDakMsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDeEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxHQUFHLElBQUksQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxLQUFLLEVBQUUsQ0FBQztJQUMzRSxDQUFDO0lBRUQsWUFDcUMsSUFBNkIsRUFDeEQsV0FBeUQ7UUFEOUIsU0FBSSxHQUFKLElBQUksQ0FBeUI7UUFDeEQsZ0JBQVcsR0FBWCxXQUFXLENBQThDO1FBWm5FLGtCQUFhLEdBQUcsdUJBQXVCLENBQUM7UUFTbEIsY0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUM7UUFJbkQsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUM1QixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDMUIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBRXpCLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLFdBQVcsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQ3ZDLENBQUM7OEdBM0JVLDRCQUE0QixrQkFnQjdCLGtCQUFrQjtrR0FoQmpCLDRCQUE0Qix1SUNkekMsbU5BT00sdVpES00sWUFBWSxrSUFBRSxlQUFlLDJRQUFFLGlCQUFpQjs7MkZBRS9DLDRCQUE0QjtrQkFQeEMsU0FBUzsrQkFDRSx3QkFBd0IsY0FHdEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSxpQkFBaUIsQ0FBQzs7MEJBa0J4RCxNQUFNOzJCQUFDLGtCQUFrQjt5RUFGTixTQUFTO3NCQUE5QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5qZWN0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBNYXRTbmFja0Jhck1vZHVsZSwgTWF0U25hY2tCYXJSZWYsIE1BVF9TTkFDS19CQVJfREFUQSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NuYWNrLWJhcic7XG5pbXBvcnQgeyBNYXRlY3VBbGVydFNuYWNrQmFyRGF0YSB9IGZyb20gJy4uLy4uL3R5cGVzL21hdGVjdS1hbGVydC1zbmFja2Jhcic7XG5pbXBvcnQgeyBNYXRlY3VBbGVydEJveFR5cGUgfSBmcm9tICcuLi8uLi90eXBlcy9tYXRlY3UtYWx0ZXJ0LWJveC10eXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWF0ZWN1LWFsZXJ0LXNuYWNrLWJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9tYXRlY3UtYWxlcnQtc25hY2stYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWF0ZWN1LWFsZXJ0LXNuYWNrLWJhci5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBNYXRCdXR0b25Nb2R1bGUsIE1hdFNuYWNrQmFyTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBNYXRlY3VBbGVydFNuYWNrQmFyQ29tcG9uZW50IHtcblxuICB0aXRsZTogc3RyaW5nO1xuICBtZXNzYWdlOiBzdHJpbmc7XG4gIGFjdGlvbj86IHN0cmluZztcbiAgY2xhc3NOYW1lQmFzZSA9ICdtYXRlY3UtYWxlcnQtc25hY2tiYXInO1xuICBhbGVydENvbG9yITogTWF0ZWN1QWxlcnRCb3hUeXBlO1xuICBnZXQgY29sb3IoKTogTWF0ZWN1QWxlcnRCb3hUeXBlIHtcbiAgICByZXR1cm4gdGhpcy5hbGVydENvbG9yO1xuICB9XG4gIHNldCBjb2xvcih2YWx1ZTogTWF0ZWN1QWxlcnRCb3hUeXBlKSB7XG4gICAgdGhpcy5hbGVydENvbG9yID0gdmFsdWU7XG4gICAgdGhpcy5jbGFzc05hbWUgPSBgJHt0aGlzLmNsYXNzTmFtZUJhc2V9ICR7dGhpcy5jbGFzc05hbWVCYXNlfS0tJHt2YWx1ZX1gO1xuICB9XG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzc05hbWUgPSB0aGlzLmNsYXNzTmFtZUJhc2U7XG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoTUFUX1NOQUNLX0JBUl9EQVRBKSBwdWJsaWMgZGF0YTogTWF0ZWN1QWxlcnRTbmFja0JhckRhdGEsXG4gICAgcHJpdmF0ZSBzbmFja0JhclJlZjogTWF0U25hY2tCYXJSZWY8TWF0ZWN1QWxlcnRTbmFja0JhckNvbXBvbmVudD4pIHtcbiAgICB0aGlzLnRpdGxlID0gZGF0YS50aXRsZTtcbiAgICB0aGlzLm1lc3NhZ2UgPSBkYXRhLm1lc3NhZ2U7XG4gICAgdGhpcy5hY3Rpb24gPSBkYXRhLmFjdGlvbjtcbiAgICB0aGlzLmNvbG9yID0gZGF0YS50eXBlO1xuXG4gIH1cblxuICBkaXNtaXNzKCk6IHZvaWQge1xuICAgIHRoaXMuc25hY2tCYXJSZWYuZGlzbWlzc1dpdGhBY3Rpb24oKTtcbiAgfVxuXG5cbn1cbiIsIjxkaXY+XG4gICAgPHN0cm9uZz57e3RpdGxlfX08L3N0cm9uZz4gJm5ic3A7XG4gICAgPHNwYW4+e3ttZXNzYWdlfX08L3NwYW4+XG48L2Rpdj5cbjxkaXYgKm5nSWY9XCIhIWFjdGlvbj8ubGVuZ3RoXCI+XG5cbiAgICA8YnV0dG9uIG1hdC1idXR0b24gY29sb3I9XCJhY2NlbnRcIiAoY2xpY2spPVwiZGlzbWlzcygpXCI+e3thY3Rpb259fTwvYnV0dG9uPlxuPC9kaXY+Il19
|