wacom 18.2.3 → 18.2.5
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/README.md +155 -130
- package/esm2022/lib/components/alert/alert.component.mjs +3 -3
- package/esm2022/lib/components/alert/wrapper/wrapper.component.mjs +3 -3
- package/esm2022/lib/components/files/files.component.mjs +3 -3
- package/esm2022/lib/components/loader/loader.component.mjs +3 -3
- package/esm2022/lib/components/modal/modal.component.mjs +3 -3
- package/esm2022/lib/directives/click-outside.directive.mjs +3 -3
- package/esm2022/lib/guard/meta.guard.mjs +3 -3
- package/esm2022/lib/pipes/arr.pipe.mjs +3 -3
- package/esm2022/lib/pipes/mongodate.pipe.mjs +3 -3
- package/esm2022/lib/pipes/pagination.pipe.mjs +3 -3
- package/esm2022/lib/pipes/safe.pipe.mjs +3 -3
- package/esm2022/lib/pipes/search.pipe.mjs +3 -3
- package/esm2022/lib/pipes/splice.pipe.mjs +3 -3
- package/esm2022/lib/services/alert.service.mjs +3 -3
- package/esm2022/lib/services/base.service.mjs +7 -8
- package/esm2022/lib/services/core.service.mjs +3 -3
- package/esm2022/lib/services/crud.service.mjs +335 -172
- package/esm2022/lib/services/dom.service.mjs +3 -3
- package/esm2022/lib/services/file.service.mjs +3 -3
- package/esm2022/lib/services/hash.service.mjs +3 -3
- package/esm2022/lib/services/http.service.mjs +3 -3
- package/esm2022/lib/services/loader.service.mjs +3 -3
- package/esm2022/lib/services/meta.service.mjs +3 -3
- package/esm2022/lib/services/modal.service.mjs +3 -3
- package/esm2022/lib/services/mongo.service.mjs +3 -3
- package/esm2022/lib/services/render.service.mjs +3 -3
- package/esm2022/lib/services/socket.service.mjs +3 -3
- package/esm2022/lib/services/store.service.mjs +3 -3
- package/esm2022/lib/services/time.service.mjs +38 -4
- package/esm2022/lib/services/ui.service.mjs +3 -3
- package/esm2022/lib/wacom.module.mjs +4 -4
- package/fesm2022/wacom.mjs +461 -266
- package/fesm2022/wacom.mjs.map +1 -1
- package/lib/services/base.service.d.ts +1 -2
- package/lib/services/crud.service.d.ts +96 -55
- package/lib/services/time.service.d.ts +15 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1085,21 +1085,28 @@ Generates a random text string.
|
|
|
1085
1085
|
const randomText = uiService.text(15);
|
|
1086
1086
|
```
|
|
1087
1087
|
|
|
1088
|
-
|
|
1089
1088
|
## [Crud Service](#crud-service)
|
|
1090
1089
|
The `CrudService` is designed to manage CRUD (Create, Read, Update, Delete) operations in an Angular application. It interacts with an API, stores documents locally, and provides methods for handling various CRUD operations. It should be extended by specific services that manage different document types.
|
|
1090
|
+
|
|
1091
1091
|
### Methods
|
|
1092
|
-
|
|
1093
|
-
|
|
1092
|
+
|
|
1093
|
+
***
|
|
1094
|
+
#### `new(doc: Document = {}): Document`
|
|
1095
|
+
Creates a new document with a temporary ID and status flags.
|
|
1096
|
+
|
|
1097
|
+
**Parameters**:
|
|
1098
|
+
- `doc` (Document, optional): A base document to initialize.
|
|
1099
|
+
|
|
1094
1100
|
**Returns**:
|
|
1095
|
-
- `Document`: A new document instance.
|
|
1101
|
+
- `Document`: A new document instance with default properties.
|
|
1096
1102
|
|
|
1097
1103
|
**Example**:
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1104
|
+
const newDoc = workService.new();
|
|
1105
|
+
|
|
1106
|
+
***
|
|
1101
1107
|
#### `doc(_id: string): Document`
|
|
1102
|
-
Retrieves a document by its ID.
|
|
1108
|
+
Retrieves a document by its ID. If the document doesn't exist, a new one is created.
|
|
1109
|
+
|
|
1103
1110
|
**Parameters**:
|
|
1104
1111
|
- `_id` (string): The document ID.
|
|
1105
1112
|
|
|
@@ -1107,156 +1114,153 @@ Retrieves a document by its ID.
|
|
|
1107
1114
|
- `Document`: The document instance.
|
|
1108
1115
|
|
|
1109
1116
|
**Example**:
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
|
|
1117
|
+
const doc = workService.doc('12345');
|
|
1118
|
+
|
|
1119
|
+
***
|
|
1113
1120
|
#### `addDoc(doc: Document): void`
|
|
1114
|
-
Adds or updates
|
|
1121
|
+
Adds a new document or updates an existing document in the local store. It will attempt to update the document if it already exists in the collection.
|
|
1115
1122
|
|
|
1116
1123
|
**Parameters**:
|
|
1117
1124
|
- `doc` (Document): The document to add or update.
|
|
1118
1125
|
|
|
1119
1126
|
**Example**:
|
|
1120
|
-
|
|
1121
|
-
workService.addDoc(doc);
|
|
1122
|
-
```
|
|
1123
|
-
#### `setDocs(): void`
|
|
1124
|
-
Saves the current state of documents to local storage.
|
|
1127
|
+
workService.addDoc(doc);
|
|
1125
1128
|
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
```
|
|
1130
|
-
#### `configDocs(name: string, config: (doc: Document, container: unknown) => void, reset: () => unknown): unknown`
|
|
1131
|
-
Configures documents for a specific name.
|
|
1129
|
+
***
|
|
1130
|
+
#### `addDocs(docs: Document[]): void`
|
|
1131
|
+
Adds multiple documents to the service. Each document will either be added or updated depending on whether it already exists.
|
|
1132
1132
|
|
|
1133
1133
|
**Parameters**:
|
|
1134
|
-
- `
|
|
1135
|
-
- `config` (function): The configuration function.
|
|
1136
|
-
- `reset` (function): The reset function.
|
|
1134
|
+
- `docs` (Document[]): The array of documents to add.
|
|
1137
1135
|
|
|
1138
|
-
**
|
|
1139
|
-
|
|
1136
|
+
**Example**:
|
|
1137
|
+
workService.addDocs(docs);
|
|
1138
|
+
|
|
1139
|
+
***
|
|
1140
|
+
#### `setDocs(): void`
|
|
1141
|
+
Saves the current state of documents to local storage.
|
|
1140
1142
|
|
|
1141
1143
|
**Example**:
|
|
1142
|
-
|
|
1143
|
-
workService.configDocs('myConfig', (doc, container) => { /* config logic */ }, () => { /* reset logic */ });
|
|
1144
|
-
```
|
|
1145
|
-
#### `getConfigedDocs(name: string): unknown`
|
|
1146
|
-
Retrieves the configured documents for a specific name.
|
|
1144
|
+
workService.setDocs();
|
|
1147
1145
|
|
|
1148
|
-
|
|
1149
|
-
|
|
1146
|
+
***
|
|
1147
|
+
#### `getDocs(): Document[]`
|
|
1148
|
+
Retrieves the current list of documents stored locally.
|
|
1150
1149
|
|
|
1151
1150
|
**Returns**:
|
|
1152
|
-
- `
|
|
1151
|
+
- `Document[]`: The list of documents.
|
|
1153
1152
|
|
|
1154
1153
|
**Example**:
|
|
1155
|
-
|
|
1156
|
-
const configedDocs = workService.getConfigedDocs('myConfig');
|
|
1157
|
-
```
|
|
1158
|
-
#### `reconfigureDocs(name: string = ''): void`
|
|
1159
|
-
Reconfigures documents for a specific name or all names.
|
|
1160
|
-
|
|
1161
|
-
**Parameters**:
|
|
1162
|
-
- `name` (string): The configuration name (optional).
|
|
1154
|
+
const docs = workService.getDocs();
|
|
1163
1155
|
|
|
1164
|
-
|
|
1165
|
-
```Typescript
|
|
1166
|
-
workService.reconfigureDocs('myConfig');
|
|
1167
|
-
```
|
|
1156
|
+
***
|
|
1168
1157
|
#### `setPerPage(_perPage: number): void`
|
|
1169
|
-
Sets the number of documents per page.
|
|
1158
|
+
Sets the number of documents to display per page for pagination.
|
|
1170
1159
|
|
|
1171
1160
|
**Parameters**:
|
|
1172
1161
|
- `_perPage` (number): The number of documents per page.
|
|
1173
1162
|
|
|
1174
1163
|
**Example**:
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
1164
|
+
workService.setPerPage(10);
|
|
1165
|
+
|
|
1166
|
+
***
|
|
1178
1167
|
#### `get(config: GetConfig = {}, options: CrudOptions<Document> = {}): Observable<Document[]>`
|
|
1179
|
-
|
|
1168
|
+
Fetches a list of documents from the API with optional pagination and other settings.
|
|
1180
1169
|
|
|
1181
1170
|
**Parameters**:
|
|
1182
|
-
- `config` (object): The
|
|
1183
|
-
- `options` (
|
|
1171
|
+
- `config` (object, optional): The configuration for pagination (`page` and `perPage`).
|
|
1172
|
+
- `options` (CrudOptions<Document>, optional): Options for callbacks and error handling.
|
|
1184
1173
|
|
|
1185
1174
|
**Returns**:
|
|
1186
1175
|
- `Observable<Document[]>`: An observable of the retrieved documents.
|
|
1187
1176
|
|
|
1188
1177
|
**Example**:
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1178
|
+
workService.get({ page: 1 }, { callback: (docs) => console.log(docs) });
|
|
1179
|
+
|
|
1180
|
+
***
|
|
1192
1181
|
#### `create(doc: Document, options: CrudOptions<Document> = {}): Observable<Document> | void`
|
|
1193
|
-
Creates a new document in the API.
|
|
1182
|
+
Creates a new document in the API and adds it to the local store. The document is only created once.
|
|
1194
1183
|
|
|
1195
1184
|
**Parameters**:
|
|
1196
1185
|
- `doc` (Document): The document to create.
|
|
1197
|
-
- `options` (
|
|
1186
|
+
- `options` (CrudOptions<Document>, optional): Options for callbacks and error handling.
|
|
1198
1187
|
|
|
1199
1188
|
**Returns**:
|
|
1200
1189
|
- `Observable<Document> | void`: An observable of the created document or void if the document was already created.
|
|
1201
1190
|
|
|
1202
1191
|
**Example**:
|
|
1203
|
-
|
|
1204
|
-
|
|
1205
|
-
|
|
1192
|
+
workService.create(newDoc, { callback: (doc) => console.log(doc) });
|
|
1193
|
+
|
|
1194
|
+
***
|
|
1206
1195
|
#### `fetch(query: object = {}, options: CrudOptions<Document> = {}): Observable<Document>`
|
|
1207
|
-
Fetches a document from the API based on a query.
|
|
1196
|
+
Fetches a document from the API based on a query object and adds it to the local store.
|
|
1208
1197
|
|
|
1209
1198
|
**Parameters**:
|
|
1210
|
-
- `query` (object): The query object.
|
|
1211
|
-
- `options` (
|
|
1199
|
+
- `query` (object, optional): The query object to filter the documents.
|
|
1200
|
+
- `options` (CrudOptions<Document>, optional): Options for callbacks and error handling.
|
|
1212
1201
|
|
|
1213
1202
|
**Returns**:
|
|
1214
1203
|
- `Observable<Document>`: An observable of the fetched document.
|
|
1215
1204
|
|
|
1216
1205
|
**Example**:
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
|
|
1206
|
+
workService.fetch({ name: 'example' }, { callback: (doc) => console.log(doc) });
|
|
1207
|
+
|
|
1208
|
+
***
|
|
1220
1209
|
#### `updateAfterWhile(doc: Document, options: CrudOptions<Document> = {}): void`
|
|
1221
|
-
Updates a document after a specified delay.
|
|
1210
|
+
Updates a document after a specified delay using a core service function to handle the delay.
|
|
1222
1211
|
|
|
1223
1212
|
**Parameters**:
|
|
1224
1213
|
- `doc` (Document): The document to update.
|
|
1225
|
-
- `options` (
|
|
1214
|
+
- `options` (CrudOptions<Document>, optional): Options for callbacks and error handling.
|
|
1226
1215
|
|
|
1227
1216
|
**Example**:
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1217
|
+
workService.updateAfterWhile(doc, { callback: (doc) => console.log(doc) });
|
|
1218
|
+
|
|
1219
|
+
***
|
|
1231
1220
|
#### `update(doc: Document, options: CrudOptions<Document> = {}): Observable<Document>`
|
|
1232
|
-
Updates a document in the API.
|
|
1221
|
+
Updates a document in the API and reflects the changes locally.
|
|
1233
1222
|
|
|
1234
1223
|
**Parameters**:
|
|
1235
1224
|
- `doc` (Document): The document to update.
|
|
1236
|
-
- `options` (
|
|
1225
|
+
- `options` (CrudOptions<Document>, optional): Options for callbacks and error handling.
|
|
1237
1226
|
|
|
1238
1227
|
**Returns**:
|
|
1239
1228
|
- `Observable<Document>`: An observable of the updated document.
|
|
1240
1229
|
|
|
1241
1230
|
**Example**:
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
-
|
|
1231
|
+
workService.update(doc, { callback: (doc) => console.log(doc) });
|
|
1232
|
+
|
|
1233
|
+
***
|
|
1234
|
+
#### `unique(doc: Document, options: CrudOptions<Document> = {}): Observable<Document>`
|
|
1235
|
+
Unique update a document field in the API.
|
|
1236
|
+
|
|
1237
|
+
**Parameters**:
|
|
1238
|
+
- `doc` (Document): The document to update.
|
|
1239
|
+
- `options` (CrudOptions<Document>, optional): Optional callback and error handling configuration.
|
|
1240
|
+
|
|
1241
|
+
**Returns**:
|
|
1242
|
+
- `Observable<Document>`: An observable that resolves with the updated document.
|
|
1243
|
+
|
|
1244
|
+
**Example**:
|
|
1245
|
+
workService.unique(doc, { callback: (doc) => console.log('Document updated', doc) });
|
|
1246
|
+
|
|
1247
|
+
***
|
|
1245
1248
|
#### `delete(doc: Document, options: CrudOptions<Document> = {}): Observable<Document>`
|
|
1246
|
-
Deletes a document from the API.
|
|
1249
|
+
Deletes a document from the API and updates the local store.
|
|
1247
1250
|
|
|
1248
1251
|
**Parameters**:
|
|
1249
1252
|
- `doc` (Document): The document to delete.
|
|
1250
|
-
- `options` (
|
|
1253
|
+
- `options` (CrudOptions<Document>, optional): Options for callbacks and error handling.
|
|
1251
1254
|
|
|
1252
1255
|
**Returns**:
|
|
1253
1256
|
- `Observable<Document>`: An observable of the deleted document.
|
|
1254
1257
|
|
|
1255
1258
|
**Example**:
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
```
|
|
1259
|
+
workService.delete(doc, { callback: (doc) => console.log(doc) });
|
|
1260
|
+
***
|
|
1259
1261
|
### Interfaces
|
|
1262
|
+
|
|
1263
|
+
***
|
|
1260
1264
|
#### `CrudDocument`
|
|
1261
1265
|
Represents a CRUD document.
|
|
1262
1266
|
|
|
@@ -1266,63 +1270,53 @@ Represents a CRUD document.
|
|
|
1266
1270
|
- `__modified` (boolean): Indicates if the document is modified.
|
|
1267
1271
|
|
|
1268
1272
|
**Example**:
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
```
|
|
1273
|
+
interface CrudDocument {
|
|
1274
|
+
_id: string;
|
|
1275
|
+
__created: boolean;
|
|
1276
|
+
__modified: boolean;
|
|
1277
|
+
}
|
|
1278
|
+
***
|
|
1276
1279
|
### Code sample use
|
|
1277
|
-
```
|
|
1280
|
+
```typescript
|
|
1278
1281
|
import { Injectable } from '@angular/core';
|
|
1279
1282
|
import {
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
|
|
1283
|
+
AlertService,
|
|
1284
|
+
CoreService,
|
|
1285
|
+
HttpService,
|
|
1286
|
+
StoreService,
|
|
1287
|
+
CrudService,
|
|
1288
|
+
CrudDocument
|
|
1286
1289
|
} from 'wacom';
|
|
1287
1290
|
|
|
1288
1291
|
export interface Work extends CrudDocument {
|
|
1289
|
-
|
|
1290
|
-
|
|
1292
|
+
name: string;
|
|
1293
|
+
description: string;
|
|
1291
1294
|
}
|
|
1292
1295
|
|
|
1293
1296
|
@Injectable({
|
|
1294
|
-
|
|
1297
|
+
providedIn: 'root'
|
|
1295
1298
|
})
|
|
1296
1299
|
export class WorkService extends CrudService<Work> {
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
this.works.push(work);
|
|
1318
|
-
});
|
|
1319
|
-
_core.on('work_delete', (work: Work) => {
|
|
1320
|
-
this.works.splice(
|
|
1321
|
-
this.works.findIndex((o) => o._id === work._id),
|
|
1322
|
-
1
|
|
1323
|
-
);
|
|
1324
|
-
});
|
|
1325
|
-
}
|
|
1300
|
+
works: Work[] = this.getDocs();
|
|
1301
|
+
|
|
1302
|
+
constructor(
|
|
1303
|
+
_http: HttpService,
|
|
1304
|
+
_store: StoreService,
|
|
1305
|
+
_alert: AlertService,
|
|
1306
|
+
_core: CoreService
|
|
1307
|
+
) {
|
|
1308
|
+
super(
|
|
1309
|
+
{
|
|
1310
|
+
name: 'work'
|
|
1311
|
+
},
|
|
1312
|
+
_http,
|
|
1313
|
+
_store,
|
|
1314
|
+
_alert,
|
|
1315
|
+
_core
|
|
1316
|
+
);
|
|
1317
|
+
|
|
1318
|
+
this.get();
|
|
1319
|
+
}
|
|
1326
1320
|
}
|
|
1327
1321
|
```
|
|
1328
1322
|
|
|
@@ -1716,6 +1710,37 @@ const sameDay = timeService.isSameDay(new Date(), new Date());
|
|
|
1716
1710
|
console.log(sameDay); // Output: true
|
|
1717
1711
|
```
|
|
1718
1712
|
|
|
1713
|
+
#### `getWeekNumber(date: Date): number`
|
|
1714
|
+
Returns the ISO week number for a given date.
|
|
1715
|
+
|
|
1716
|
+
**Parameters**:
|
|
1717
|
+
- `date` (Date): The date for which to get the week number.
|
|
1718
|
+
|
|
1719
|
+
**Returns**:
|
|
1720
|
+
- The ISO week number (1-53).
|
|
1721
|
+
|
|
1722
|
+
**Example**:
|
|
1723
|
+
```Typescript
|
|
1724
|
+
const weekNumber = timeService.getWeekNumber(new Date());
|
|
1725
|
+
console.log(weekNumber); // Output: 35 (example)
|
|
1726
|
+
```
|
|
1727
|
+
|
|
1728
|
+
#### `getWeeksInMonth(month: number, year: number): number`
|
|
1729
|
+
Returns the number of weeks in a month for a given month and year.
|
|
1730
|
+
|
|
1731
|
+
**Parameters**:
|
|
1732
|
+
- `month` (number): The month (0-11).
|
|
1733
|
+
- `year` (number): The year.
|
|
1734
|
+
|
|
1735
|
+
**Returns**:
|
|
1736
|
+
- The number of weeks in the month.
|
|
1737
|
+
|
|
1738
|
+
**Example**:
|
|
1739
|
+
```Typescript
|
|
1740
|
+
const weeksInMonth = timeService.getWeeksInMonth(2, 2025);
|
|
1741
|
+
console.log(weeksInMonth); // Output: 6 (example for March 2025)
|
|
1742
|
+
```
|
|
1743
|
+
|
|
1719
1744
|
|
|
1720
1745
|
## [Dom Service](#dom-service)
|
|
1721
1746
|
The `DomService` facilitates DOM manipulation and dynamic component loading in Angular applications.
|
|
@@ -47,10 +47,10 @@ export class AlertComponent {
|
|
|
47
47
|
this.delete_animation = false;
|
|
48
48
|
}, 350);
|
|
49
49
|
}
|
|
50
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
51
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: AlertComponent, selector: "alert", viewQueries: [{ propertyName: "alert", first: true, predicate: ["alert"], descendants: true }], ngImport: i0, template: "<div\r\n *ngIf=\"text\"\r\n [ngClass]=\"class\"\r\n class=\"waw-alert-container height\"\r\n [class._close]=\"delete_animation\"\r\n>\r\n <div\r\n [class.waw-alert-color-blue]=\"type == 'info'\"\r\n [class.waw-alert-color-red]=\"type == 'error'\"\r\n [class.waw-alert-color-green]=\"type == 'success'\"\r\n [class.waw-alert-color-orange]=\"type == 'warning'\"\r\n [class.waw-alert-color-yellow]=\"type == 'question'\"\r\n class=\"waw-alert bounceInUp waw-alert-theme-light waw-alert-animateInside waw-alert-opened\"\r\n #alert\r\n >\r\n <div class=\"waw-alert__progress\" *ngIf=\"progress\">\r\n <span\r\n [ngStyle]=\"{ 'animation-duration': (timeout + 350) / 1000 + 's' }\"\r\n ></span>\r\n </div>\r\n <div class=\"waw-alert-body\">\r\n <div *ngIf=\"!component\" class=\"waw-alert-texts\">\r\n <div *ngIf=\"icon\" class=\"{{ icon }}\"></div>\r\n <div class=\"waw-alert-message slideIn\">{{ text }}</div>\r\n </div>\r\n <div *ngIf=\"!component && type == 'question'\">\r\n <button\r\n class=\"alert-btn\"\r\n *ngFor=\"let b of buttons\"\r\n (click)=\"remove(); b.callback && b.callback()\"\r\n >\r\n {{ b.text }}\r\n </button>\r\n </div>\r\n <div class=\"waw-alert__close\" *ngIf=\"closable\" (click)=\"remove()\"></div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-bounceInLeft{0%{opacity:0;transform:translate(280px)}50%{opacity:1;transform:translate(-20px)}70%{transform:translate(10px)}to{transform:translate(0)}}@keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}.alert-wrapper{position:fixed;bottom:50px;left:0;width:100%;height:60px;overflow:hidden}.alert{display:flex;-webkit-box-align:center;align-items:center;width:auto;background:#3aed92;color:#fff;max-width:700px;margin:0 auto;transform:translateY(300px) scale(0);transition:.3s all ease-in-out}.alert._show{transform:translateY(0) scale(1);transition:.3s all ease-in-out}.alert-icon{min-width:60px;min-height:60px;position:relative;display:flex;justify-content:center;align-items:center;background-color:#2bd17d}.alert-icon:before{content:\"\";position:absolute;width:25px;height:25px;border-radius:50%;border:2px solid #fff}.alert-icon:after{content:\"\";position:absolute;top:22px;width:7px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.alert-text{padding:0 20px;word-break:break-all;overflow:auto;height:60px}.alert-text .text-block{width:99%}.alert-text .text-block__text{text-overflow:ellipsis;overflow:hidden;white-space:pre}.alert-close{min-width:50px;margin-left:auto;font-size:25px;display:flex;justify-content:center;align-items:center}.font-bold{font-weight:700}.waw-alert__progress{bottom:0;position:absolute;width:100%;margin-bottom:0;border-radius:50px}.waw-alert__progress:hover span{animation-play-state:paused}.waw-alert__progress span{display:block;width:100%;height:2px;background-color:#a5a5a5ed;animation-name:waw-alert-progress;animation-duration:10s;border-radius:50px}.waw-alert__progress span._red{background-color:#ffafb4}.waw-alert__progress span._green{background-color:#a6efb8}.waw-alert__progress span._yellow{background-color:#fff9b2}.waw-alert__progress span._orange,.waw-alert__progress span._blue{background-color:#ffcfa5}.waw-alert__progress span._white{background-color:#fff}.waw-alert__progress span._black{background-color:#000}.waw-alert:hover .waw-alert__progress>span{animation-play-state:paused}.waw-alert__close{width:15px;height:15px;opacity:.3;position:relative;order:2}.waw-alert__close:hover{opacity:1}.waw-alert__close:before,.waw-alert__close:after{cursor:pointer;position:absolute;left:15px;content:\" \";height:12px;width:2px;background-color:#47525d}.waw-alert__close:before{transform:rotate(45deg)}.waw-alert__close:after{transform:rotate(-45deg)}@keyframes waw-alert-progress{0%{width:100%}to{width:0%}}.waw-alert-container{font-size:0;height:100px;width:100%;transform:translateZ(0);backface-visibility:hidden;transition:.3s all ease-in-out;opacity:1}.waw-alert-container._close{opacity:0;transition:.3s all ease-in-out}.waw-alert{display:inline-block;clear:both;position:relative;font-family:Lato,Tahoma,Arial;font-size:14px;padding:8px 25px 9px 0;background:#eeeeeee6;border-color:#eeeeeee6;width:100%;pointer-events:all;cursor:default;transform:translate(0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:54px}.waw-alert>.waw-alert-progressbar{position:absolute;left:0;bottom:0;width:100%;z-index:1;background:#fff3}.waw-alert>.waw-alert-progressbar>div{height:2px;width:100%;background:#0000004d;border-radius:0 0 3px 3px}.waw-alert>.waw-alert-close{position:absolute;right:0;top:0;border:0;padding:0;opacity:.6;width:42px;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:8px;cursor:pointer;outline:none}.waw-alert>.waw-alert-close:hover{opacity:1}.waw-alert>.waw-alert-body{position:relative;padding:0 0 0 10px;height:auto;min-height:36px;margin:0 0 0 15px;text-align:left;display:flex;justify-content:space-between;align-items:center}.waw-alert>.waw-alert-body:after{content:\"\";display:table;clear:both}.waw-alert>.waw-alert-body .waw-alert-texts{margin:10px 0 0;padding-right:2px;display:inline-block;float:left;display:flex;justify-content:space-between;align-items:center}.waw-alert>.waw-alert-body .waw-alert-icon{height:100%;position:absolute;left:0;top:50%;display:table;font-size:23px;line-height:24px;margin-top:-12px;color:#000;width:24px;height:24px}.waw-alert>.waw-alert-body .waw-alert-title{padding:0;margin:0 10px 0 0;line-height:16px;font-size:14px;text-align:left;float:left;color:#000;white-space:normal;font-weight:700}.waw-alert>.waw-alert-body .waw-alert-message{padding:0;font-size:14px;line-height:16px;text-align:left;float:left;color:#0009;white-space:normal}@media only screen and (min-width: 568px){.waw-alert-wrapper{padding:10px 15px}.waw-alert{margin:5px;border-radius:3px;width:auto}.waw-alert:after{content:\"\";z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:3px;box-shadow:inset 0 -10px 20px -10px #0003,inset 0 0 5px #0000001a,0 8px 8px -5px #00000040}.waw-alert:not(.waw-alert-rtl) .waw-alert-cover{border-radius:3px 0 0 3px}.waw-alert.waw-alert-rtl .waw-alert-cover{border-radius:0 3px 3px 0}.waw-alert.waw-alert-color-dark:after{box-shadow:inset 0 -10px 20px -10px #ffffff4d,0 10px 10px -5px #00000040}.waw-alert.waw-alert-balloon .waw-alert-progressbar{background:transparent}.waw-alert.waw-alert-balloon:after{box-shadow:0 10px 10px -5px #00000040,inset 0 10px 20px -5px #00000040}.waw-alert-target .waw-alert:after{box-shadow:inset 0 -10px 20px -10px #0003,inset 0 0 5px #0000001a}}.waw-alert.waw-alert-theme-dark{background:#565c70;border-color:#565c70}.waw-alert.waw-alert-theme-dark .waw-alert-title{color:#fff}.waw-alert.waw-alert-theme-dark .waw-alert-message{color:#ffffffb3;font-weight:300}.waw-alert.waw-alert-theme-dark .waw-alert-icon{color:#fff}.waw-alert.waw-alert-color-red{background:#ffafb4e6;border-color:#ffafb4e6}.waw-alert.waw-alert-color-orange{background:#ffcfa5e6;border-color:#ffcfa5e6}.waw-alert.waw-alert-color-yellow{background:#fff9b2e6;border-color:#fff9b2e6}.waw-alert.waw-alert-color-blue{background:#9ddeffe6;border-color:#9ddeffe6}.waw-alert.waw-alert-color-green{background:#a6efb8e6;border-color:#a6efb8e6}.waw-alert.slideIn,.waw-alert .slideIn{-webkit-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;-moz-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both}.waw-alert.bounceInLeft{-webkit-animation:iziT-bounceInLeft .7s ease-in-out both;animation:iziT-bounceInLeft .7s ease-in-out both}.waw-alert.bounceInRight{-webkit-animation:iziT-bounceInRight .85s ease-in-out both;animation:iziT-bounceInRight .85s ease-in-out both}.waw-alert.bounceInDown{-webkit-animation:iziT-bounceInDown .7s ease-in-out both;animation:iziT-bounceInDown .7s ease-in-out both}.waw-alert.bounceInUp{-webkit-animation:iziT-bounceInUp .7s ease-in-out both;animation:iziT-bounceInUp .7s ease-in-out both}.height{height:auto!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
50
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AlertComponent, deps: [{ token: i1.CoreService }], target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: AlertComponent, selector: "alert", viewQueries: [{ propertyName: "alert", first: true, predicate: ["alert"], descendants: true }], ngImport: i0, template: "<div\r\n *ngIf=\"text\"\r\n [ngClass]=\"class\"\r\n class=\"waw-alert-container height\"\r\n [class._close]=\"delete_animation\"\r\n>\r\n <div\r\n [class.waw-alert-color-blue]=\"type == 'info'\"\r\n [class.waw-alert-color-red]=\"type == 'error'\"\r\n [class.waw-alert-color-green]=\"type == 'success'\"\r\n [class.waw-alert-color-orange]=\"type == 'warning'\"\r\n [class.waw-alert-color-yellow]=\"type == 'question'\"\r\n class=\"waw-alert bounceInUp waw-alert-theme-light waw-alert-animateInside waw-alert-opened\"\r\n #alert\r\n >\r\n <div class=\"waw-alert__progress\" *ngIf=\"progress\">\r\n <span\r\n [ngStyle]=\"{ 'animation-duration': (timeout + 350) / 1000 + 's' }\"\r\n ></span>\r\n </div>\r\n <div class=\"waw-alert-body\">\r\n <div *ngIf=\"!component\" class=\"waw-alert-texts\">\r\n <div *ngIf=\"icon\" class=\"{{ icon }}\"></div>\r\n <div class=\"waw-alert-message slideIn\">{{ text }}</div>\r\n </div>\r\n <div *ngIf=\"!component && type == 'question'\">\r\n <button\r\n class=\"alert-btn\"\r\n *ngFor=\"let b of buttons\"\r\n (click)=\"remove(); b.callback && b.callback()\"\r\n >\r\n {{ b.text }}\r\n </button>\r\n </div>\r\n <div class=\"waw-alert__close\" *ngIf=\"closable\" (click)=\"remove()\"></div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-bounceInLeft{0%{opacity:0;transform:translate(280px)}50%{opacity:1;transform:translate(-20px)}70%{transform:translate(10px)}to{transform:translate(0)}}@keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}.alert-wrapper{position:fixed;bottom:50px;left:0;width:100%;height:60px;overflow:hidden}.alert{display:flex;-webkit-box-align:center;align-items:center;width:auto;background:#3aed92;color:#fff;max-width:700px;margin:0 auto;transform:translateY(300px) scale(0);transition:.3s all ease-in-out}.alert._show{transform:translateY(0) scale(1);transition:.3s all ease-in-out}.alert-icon{min-width:60px;min-height:60px;position:relative;display:flex;justify-content:center;align-items:center;background-color:#2bd17d}.alert-icon:before{content:\"\";position:absolute;width:25px;height:25px;border-radius:50%;border:2px solid #fff}.alert-icon:after{content:\"\";position:absolute;top:22px;width:7px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.alert-text{padding:0 20px;word-break:break-all;overflow:auto;height:60px}.alert-text .text-block{width:99%}.alert-text .text-block__text{text-overflow:ellipsis;overflow:hidden;white-space:pre}.alert-close{min-width:50px;margin-left:auto;font-size:25px;display:flex;justify-content:center;align-items:center}.font-bold{font-weight:700}.waw-alert__progress{bottom:0;position:absolute;width:100%;margin-bottom:0;border-radius:50px}.waw-alert__progress:hover span{animation-play-state:paused}.waw-alert__progress span{display:block;width:100%;height:2px;background-color:#a5a5a5ed;animation-name:waw-alert-progress;animation-duration:10s;border-radius:50px}.waw-alert__progress span._red{background-color:#ffafb4}.waw-alert__progress span._green{background-color:#a6efb8}.waw-alert__progress span._yellow{background-color:#fff9b2}.waw-alert__progress span._orange,.waw-alert__progress span._blue{background-color:#ffcfa5}.waw-alert__progress span._white{background-color:#fff}.waw-alert__progress span._black{background-color:#000}.waw-alert:hover .waw-alert__progress>span{animation-play-state:paused}.waw-alert__close{width:15px;height:15px;opacity:.3;position:relative;order:2}.waw-alert__close:hover{opacity:1}.waw-alert__close:before,.waw-alert__close:after{cursor:pointer;position:absolute;left:15px;content:\" \";height:12px;width:2px;background-color:#47525d}.waw-alert__close:before{transform:rotate(45deg)}.waw-alert__close:after{transform:rotate(-45deg)}@keyframes waw-alert-progress{0%{width:100%}to{width:0%}}.waw-alert-container{font-size:0;height:100px;width:100%;transform:translateZ(0);backface-visibility:hidden;transition:.3s all ease-in-out;opacity:1}.waw-alert-container._close{opacity:0;transition:.3s all ease-in-out}.waw-alert{display:inline-block;clear:both;position:relative;font-family:Lato,Tahoma,Arial;font-size:14px;padding:8px 25px 9px 0;background:#eeeeeee6;border-color:#eeeeeee6;width:100%;pointer-events:all;cursor:default;transform:translate(0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:54px}.waw-alert>.waw-alert-progressbar{position:absolute;left:0;bottom:0;width:100%;z-index:1;background:#fff3}.waw-alert>.waw-alert-progressbar>div{height:2px;width:100%;background:#0000004d;border-radius:0 0 3px 3px}.waw-alert>.waw-alert-close{position:absolute;right:0;top:0;border:0;padding:0;opacity:.6;width:42px;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:8px;cursor:pointer;outline:none}.waw-alert>.waw-alert-close:hover{opacity:1}.waw-alert>.waw-alert-body{position:relative;padding:0 0 0 10px;height:auto;min-height:36px;margin:0 0 0 15px;text-align:left;display:flex;justify-content:space-between;align-items:center}.waw-alert>.waw-alert-body:after{content:\"\";display:table;clear:both}.waw-alert>.waw-alert-body .waw-alert-texts{margin:10px 0 0;padding-right:2px;display:inline-block;float:left;display:flex;justify-content:space-between;align-items:center}.waw-alert>.waw-alert-body .waw-alert-icon{height:100%;position:absolute;left:0;top:50%;display:table;font-size:23px;line-height:24px;margin-top:-12px;color:#000;width:24px;height:24px}.waw-alert>.waw-alert-body .waw-alert-title{padding:0;margin:0 10px 0 0;line-height:16px;font-size:14px;text-align:left;float:left;color:#000;white-space:normal;font-weight:700}.waw-alert>.waw-alert-body .waw-alert-message{padding:0;font-size:14px;line-height:16px;text-align:left;float:left;color:#0009;white-space:normal}@media only screen and (min-width: 568px){.waw-alert-wrapper{padding:10px 15px}.waw-alert{margin:5px;border-radius:3px;width:auto}.waw-alert:after{content:\"\";z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:3px;box-shadow:inset 0 -10px 20px -10px #0003,inset 0 0 5px #0000001a,0 8px 8px -5px #00000040}.waw-alert:not(.waw-alert-rtl) .waw-alert-cover{border-radius:3px 0 0 3px}.waw-alert.waw-alert-rtl .waw-alert-cover{border-radius:0 3px 3px 0}.waw-alert.waw-alert-color-dark:after{box-shadow:inset 0 -10px 20px -10px #ffffff4d,0 10px 10px -5px #00000040}.waw-alert.waw-alert-balloon .waw-alert-progressbar{background:transparent}.waw-alert.waw-alert-balloon:after{box-shadow:0 10px 10px -5px #00000040,inset 0 10px 20px -5px #00000040}.waw-alert-target .waw-alert:after{box-shadow:inset 0 -10px 20px -10px #0003,inset 0 0 5px #0000001a}}.waw-alert.waw-alert-theme-dark{background:#565c70;border-color:#565c70}.waw-alert.waw-alert-theme-dark .waw-alert-title{color:#fff}.waw-alert.waw-alert-theme-dark .waw-alert-message{color:#ffffffb3;font-weight:300}.waw-alert.waw-alert-theme-dark .waw-alert-icon{color:#fff}.waw-alert.waw-alert-color-red{background:#ffafb4e6;border-color:#ffafb4e6}.waw-alert.waw-alert-color-orange{background:#ffcfa5e6;border-color:#ffcfa5e6}.waw-alert.waw-alert-color-yellow{background:#fff9b2e6;border-color:#fff9b2e6}.waw-alert.waw-alert-color-blue{background:#9ddeffe6;border-color:#9ddeffe6}.waw-alert.waw-alert-color-green{background:#a6efb8e6;border-color:#a6efb8e6}.waw-alert.slideIn,.waw-alert .slideIn{-webkit-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;-moz-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both}.waw-alert.bounceInLeft{-webkit-animation:iziT-bounceInLeft .7s ease-in-out both;animation:iziT-bounceInLeft .7s ease-in-out both}.waw-alert.bounceInRight{-webkit-animation:iziT-bounceInRight .85s ease-in-out both;animation:iziT-bounceInRight .85s ease-in-out both}.waw-alert.bounceInDown{-webkit-animation:iziT-bounceInDown .7s ease-in-out both;animation:iziT-bounceInDown .7s ease-in-out both}.waw-alert.bounceInUp{-webkit-animation:iziT-bounceInUp .7s ease-in-out both;animation:iziT-bounceInUp .7s ease-in-out both}.height{height:auto!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
52
52
|
}
|
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
53
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AlertComponent, decorators: [{
|
|
54
54
|
type: Component,
|
|
55
55
|
args: [{ selector: 'alert', template: "<div\r\n *ngIf=\"text\"\r\n [ngClass]=\"class\"\r\n class=\"waw-alert-container height\"\r\n [class._close]=\"delete_animation\"\r\n>\r\n <div\r\n [class.waw-alert-color-blue]=\"type == 'info'\"\r\n [class.waw-alert-color-red]=\"type == 'error'\"\r\n [class.waw-alert-color-green]=\"type == 'success'\"\r\n [class.waw-alert-color-orange]=\"type == 'warning'\"\r\n [class.waw-alert-color-yellow]=\"type == 'question'\"\r\n class=\"waw-alert bounceInUp waw-alert-theme-light waw-alert-animateInside waw-alert-opened\"\r\n #alert\r\n >\r\n <div class=\"waw-alert__progress\" *ngIf=\"progress\">\r\n <span\r\n [ngStyle]=\"{ 'animation-duration': (timeout + 350) / 1000 + 's' }\"\r\n ></span>\r\n </div>\r\n <div class=\"waw-alert-body\">\r\n <div *ngIf=\"!component\" class=\"waw-alert-texts\">\r\n <div *ngIf=\"icon\" class=\"{{ icon }}\"></div>\r\n <div class=\"waw-alert-message slideIn\">{{ text }}</div>\r\n </div>\r\n <div *ngIf=\"!component && type == 'question'\">\r\n <button\r\n class=\"alert-btn\"\r\n *ngFor=\"let b of buttons\"\r\n (click)=\"remove(); b.callback && b.callback()\"\r\n >\r\n {{ b.text }}\r\n </button>\r\n </div>\r\n <div class=\"waw-alert__close\" *ngIf=\"closable\" (click)=\"remove()\"></div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-bounceInLeft{0%{opacity:0;transform:translate(280px)}50%{opacity:1;transform:translate(-20px)}70%{transform:translate(10px)}to{transform:translate(0)}}@keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}.alert-wrapper{position:fixed;bottom:50px;left:0;width:100%;height:60px;overflow:hidden}.alert{display:flex;-webkit-box-align:center;align-items:center;width:auto;background:#3aed92;color:#fff;max-width:700px;margin:0 auto;transform:translateY(300px) scale(0);transition:.3s all ease-in-out}.alert._show{transform:translateY(0) scale(1);transition:.3s all ease-in-out}.alert-icon{min-width:60px;min-height:60px;position:relative;display:flex;justify-content:center;align-items:center;background-color:#2bd17d}.alert-icon:before{content:\"\";position:absolute;width:25px;height:25px;border-radius:50%;border:2px solid #fff}.alert-icon:after{content:\"\";position:absolute;top:22px;width:7px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.alert-text{padding:0 20px;word-break:break-all;overflow:auto;height:60px}.alert-text .text-block{width:99%}.alert-text .text-block__text{text-overflow:ellipsis;overflow:hidden;white-space:pre}.alert-close{min-width:50px;margin-left:auto;font-size:25px;display:flex;justify-content:center;align-items:center}.font-bold{font-weight:700}.waw-alert__progress{bottom:0;position:absolute;width:100%;margin-bottom:0;border-radius:50px}.waw-alert__progress:hover span{animation-play-state:paused}.waw-alert__progress span{display:block;width:100%;height:2px;background-color:#a5a5a5ed;animation-name:waw-alert-progress;animation-duration:10s;border-radius:50px}.waw-alert__progress span._red{background-color:#ffafb4}.waw-alert__progress span._green{background-color:#a6efb8}.waw-alert__progress span._yellow{background-color:#fff9b2}.waw-alert__progress span._orange,.waw-alert__progress span._blue{background-color:#ffcfa5}.waw-alert__progress span._white{background-color:#fff}.waw-alert__progress span._black{background-color:#000}.waw-alert:hover .waw-alert__progress>span{animation-play-state:paused}.waw-alert__close{width:15px;height:15px;opacity:.3;position:relative;order:2}.waw-alert__close:hover{opacity:1}.waw-alert__close:before,.waw-alert__close:after{cursor:pointer;position:absolute;left:15px;content:\" \";height:12px;width:2px;background-color:#47525d}.waw-alert__close:before{transform:rotate(45deg)}.waw-alert__close:after{transform:rotate(-45deg)}@keyframes waw-alert-progress{0%{width:100%}to{width:0%}}.waw-alert-container{font-size:0;height:100px;width:100%;transform:translateZ(0);backface-visibility:hidden;transition:.3s all ease-in-out;opacity:1}.waw-alert-container._close{opacity:0;transition:.3s all ease-in-out}.waw-alert{display:inline-block;clear:both;position:relative;font-family:Lato,Tahoma,Arial;font-size:14px;padding:8px 25px 9px 0;background:#eeeeeee6;border-color:#eeeeeee6;width:100%;pointer-events:all;cursor:default;transform:translate(0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:54px}.waw-alert>.waw-alert-progressbar{position:absolute;left:0;bottom:0;width:100%;z-index:1;background:#fff3}.waw-alert>.waw-alert-progressbar>div{height:2px;width:100%;background:#0000004d;border-radius:0 0 3px 3px}.waw-alert>.waw-alert-close{position:absolute;right:0;top:0;border:0;padding:0;opacity:.6;width:42px;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:8px;cursor:pointer;outline:none}.waw-alert>.waw-alert-close:hover{opacity:1}.waw-alert>.waw-alert-body{position:relative;padding:0 0 0 10px;height:auto;min-height:36px;margin:0 0 0 15px;text-align:left;display:flex;justify-content:space-between;align-items:center}.waw-alert>.waw-alert-body:after{content:\"\";display:table;clear:both}.waw-alert>.waw-alert-body .waw-alert-texts{margin:10px 0 0;padding-right:2px;display:inline-block;float:left;display:flex;justify-content:space-between;align-items:center}.waw-alert>.waw-alert-body .waw-alert-icon{height:100%;position:absolute;left:0;top:50%;display:table;font-size:23px;line-height:24px;margin-top:-12px;color:#000;width:24px;height:24px}.waw-alert>.waw-alert-body .waw-alert-title{padding:0;margin:0 10px 0 0;line-height:16px;font-size:14px;text-align:left;float:left;color:#000;white-space:normal;font-weight:700}.waw-alert>.waw-alert-body .waw-alert-message{padding:0;font-size:14px;line-height:16px;text-align:left;float:left;color:#0009;white-space:normal}@media only screen and (min-width: 568px){.waw-alert-wrapper{padding:10px 15px}.waw-alert{margin:5px;border-radius:3px;width:auto}.waw-alert:after{content:\"\";z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:3px;box-shadow:inset 0 -10px 20px -10px #0003,inset 0 0 5px #0000001a,0 8px 8px -5px #00000040}.waw-alert:not(.waw-alert-rtl) .waw-alert-cover{border-radius:3px 0 0 3px}.waw-alert.waw-alert-rtl .waw-alert-cover{border-radius:0 3px 3px 0}.waw-alert.waw-alert-color-dark:after{box-shadow:inset 0 -10px 20px -10px #ffffff4d,0 10px 10px -5px #00000040}.waw-alert.waw-alert-balloon .waw-alert-progressbar{background:transparent}.waw-alert.waw-alert-balloon:after{box-shadow:0 10px 10px -5px #00000040,inset 0 10px 20px -5px #00000040}.waw-alert-target .waw-alert:after{box-shadow:inset 0 -10px 20px -10px #0003,inset 0 0 5px #0000001a}}.waw-alert.waw-alert-theme-dark{background:#565c70;border-color:#565c70}.waw-alert.waw-alert-theme-dark .waw-alert-title{color:#fff}.waw-alert.waw-alert-theme-dark .waw-alert-message{color:#ffffffb3;font-weight:300}.waw-alert.waw-alert-theme-dark .waw-alert-icon{color:#fff}.waw-alert.waw-alert-color-red{background:#ffafb4e6;border-color:#ffafb4e6}.waw-alert.waw-alert-color-orange{background:#ffcfa5e6;border-color:#ffcfa5e6}.waw-alert.waw-alert-color-yellow{background:#fff9b2e6;border-color:#fff9b2e6}.waw-alert.waw-alert-color-blue{background:#9ddeffe6;border-color:#9ddeffe6}.waw-alert.waw-alert-color-green{background:#a6efb8e6;border-color:#a6efb8e6}.waw-alert.slideIn,.waw-alert .slideIn{-webkit-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;-moz-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both}.waw-alert.bounceInLeft{-webkit-animation:iziT-bounceInLeft .7s ease-in-out both;animation:iziT-bounceInLeft .7s ease-in-out both}.waw-alert.bounceInRight{-webkit-animation:iziT-bounceInRight .85s ease-in-out both;animation:iziT-bounceInRight .85s ease-in-out both}.waw-alert.bounceInDown{-webkit-animation:iziT-bounceInDown .7s ease-in-out both;animation:iziT-bounceInDown .7s ease-in-out both}.waw-alert.bounceInUp{-webkit-animation:iziT-bounceInUp .7s ease-in-out both;animation:iziT-bounceInUp .7s ease-in-out both}.height{height:auto!important}\n"] }]
|
|
56
56
|
}], ctorParameters: () => [{ type: i1.CoreService }], propDecorators: { alert: [{
|
|
@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class WrapperComponent {
|
|
4
4
|
constructor() { }
|
|
5
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
6
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
5
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: WrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: WrapperComponent, selector: "lib-wrapper", ngImport: i0, template: "<div>\r\n\t<div class=\"waw-alert-wrapper waw-alert-wrapper-bottomRight\" id=\"bottomRight\"></div>\r\n\t<div class=\"waw-alert-wrapper waw-alert-wrapper-bottomLeft\" id=\"bottomLeft\"></div>\r\n\t<div class=\"waw-alert-wrapper waw-alert-wrapper-topRight\" id=\"topRight\"></div>\r\n\t<div class=\"waw-alert-wrapper waw-alert-wrapper-topLeft\" id=\"topLeft\"></div>\r\n\t<div class=\"waw-alert-wrapper waw-alert-wrapper-topCenter\" id=\"topCenter\"></div>\r\n\t<div class=\"waw-alert-wrapper waw-alert-wrapper-bottomCenter\" id=\"bottomCenter\"></div>\r\n\t<div class=\"waw-alert-wrapper waw-alert-wrapper-center\" id=\"center\"></div>\r\n</div>\r\n", styles: [".waw-alert-wrapper{z-index:99999;position:fixed;width:100%;pointer-events:none;display:flex;flex-direction:column}.waw-alert-wrapper-bottomLeft{left:0;bottom:0;text-align:left}.waw-alert-wrapper-bottomRight{right:0;bottom:0;text-align:right}.waw-alert-wrapper-topLeft{left:0;top:0;text-align:left}.waw-alert-wrapper-topRight{top:0;right:0;text-align:right}.waw-alert-wrapper-topCenter{top:0;left:0;right:0;text-align:center}.waw-alert-wrapper-bottomCenter{bottom:0;left:0;right:0;text-align:center}.waw-alert-wrapper-center{inset:0;text-align:center;justify-content:center;flex-flow:column;align-items:center}\n"] });
|
|
7
7
|
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: WrapperComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{ selector: 'lib-wrapper', template: "<div>\r\n\t<div class=\"waw-alert-wrapper waw-alert-wrapper-bottomRight\" id=\"bottomRight\"></div>\r\n\t<div class=\"waw-alert-wrapper waw-alert-wrapper-bottomLeft\" id=\"bottomLeft\"></div>\r\n\t<div class=\"waw-alert-wrapper waw-alert-wrapper-topRight\" id=\"topRight\"></div>\r\n\t<div class=\"waw-alert-wrapper waw-alert-wrapper-topLeft\" id=\"topLeft\"></div>\r\n\t<div class=\"waw-alert-wrapper waw-alert-wrapper-topCenter\" id=\"topCenter\"></div>\r\n\t<div class=\"waw-alert-wrapper waw-alert-wrapper-bottomCenter\" id=\"bottomCenter\"></div>\r\n\t<div class=\"waw-alert-wrapper waw-alert-wrapper-center\" id=\"center\"></div>\r\n</div>\r\n", styles: [".waw-alert-wrapper{z-index:99999;position:fixed;width:100%;pointer-events:none;display:flex;flex-direction:column}.waw-alert-wrapper-bottomLeft{left:0;bottom:0;text-align:left}.waw-alert-wrapper-bottomRight{right:0;bottom:0;text-align:right}.waw-alert-wrapper-topLeft{left:0;top:0;text-align:left}.waw-alert-wrapper-topRight{top:0;right:0;text-align:right}.waw-alert-wrapper-topCenter{top:0;left:0;right:0;text-align:center}.waw-alert-wrapper-bottomCenter{bottom:0;left:0;right:0;text-align:center}.waw-alert-wrapper-center{inset:0;text-align:center;justify-content:center;flex-flow:column;align-items:center}\n"] }]
|
|
11
11
|
}], ctorParameters: () => [] });
|
|
@@ -4,10 +4,10 @@ import * as i1 from "@angular/common";
|
|
|
4
4
|
export class FilesComponent {
|
|
5
5
|
fs;
|
|
6
6
|
constructor() { }
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: FilesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: FilesComponent, selector: "lib-files", ngImport: i0, template: "<ng-container *ngFor=\"let file of fs.files\">\r\n\t<input [id]=\"file.id\" type=\"file\" name=\"file\" (change)=\"fs.change($event, file); input.value='';\" #input [hidden]=\"true\" [accept]=\"(file.accept) || (file.part && 'image/*') || ''\" [multiple]=\"file.multiple && true || ''\">\r\n</ng-container>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: FilesComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ selector: 'lib-files', template: "<ng-container *ngFor=\"let file of fs.files\">\r\n\t<input [id]=\"file.id\" type=\"file\" name=\"file\" (change)=\"fs.change($event, file); input.value='';\" #input [hidden]=\"true\" [accept]=\"(file.accept) || (file.part && 'image/*') || ''\" [multiple]=\"file.multiple && true || ''\">\r\n</ng-container>" }]
|
|
13
13
|
}], ctorParameters: () => [] });
|
|
@@ -17,10 +17,10 @@ export class LoaderComponent {
|
|
|
17
17
|
}, this.timeout);
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
21
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
20
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: LoaderComponent, selector: "lib-loader", viewQueries: [{ propertyName: "loader", first: true, predicate: ["loader"], descendants: true }], ngImport: i0, template: "<div style=\"position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #334d6e; display: flex; justify-content: center; align-items: center; z-index: 999999;\" #loader>\r\n\t<span class=\"close\" (click)=\"close()\" *ngIf=\"closable\">×</span>\r\n\t<span style=\"font-size: 30px; color: white;\">\r\n\t\t{{text}}\r\n\t</span>\r\n</div>", styles: [".close{color:#aaa;position:absolute;right:20px;top:20px;font-size:32px;line-height:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
22
22
|
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
25
|
args: [{ selector: 'lib-loader', template: "<div style=\"position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #334d6e; display: flex; justify-content: center; align-items: center; z-index: 999999;\" #loader>\r\n\t<span class=\"close\" (click)=\"close()\" *ngIf=\"closable\">×</span>\r\n\t<span style=\"font-size: 30px; color: white;\">\r\n\t\t{{text}}\r\n\t</span>\r\n</div>", styles: [".close{color:#aaa;position:absolute;right:20px;top:20px;font-size:32px;line-height:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}\n"] }]
|
|
26
26
|
}], ctorParameters: () => [], propDecorators: { loader: [{
|
|
@@ -37,10 +37,10 @@ export class ModalComponent {
|
|
|
37
37
|
popStateListener(e) {
|
|
38
38
|
this.close();
|
|
39
39
|
}
|
|
40
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
41
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
40
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
41
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: ModalComponent, selector: "lib-modal", ngImport: i0, template: "<div [hidden]=\"!showModal\" class=\"modal\" [ngClass]=\"class + ' ' + size\" (click)=\"onClickOutside()\">\r\n\t<!-- (click)=\"$event.stopPropagation()\" -->\r\n\t<!-- <div class=\"modal-content\" (mousedown)=\"allowClose = false\"> -->\r\n\t<div class=\"modal-content\" (click)=\"$event.stopPropagation();\">\r\n\t\t<div><!-- Content Will Drop Here --></div>\r\n\t\t<span class=\"close\" (click)=\"close()\" *ngIf=\"closable\">×</span>\r\n\t</div>\r\n</div>\r\n", styles: [".modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:#000;background-color:#00000080}.modal-content{position:relative;background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;min-width:20%;max-width:80%}.close{color:#aaa;position:absolute;right:10px;top:3px;font-size:32px;line-height:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
42
42
|
}
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ModalComponent, decorators: [{
|
|
44
44
|
type: Component,
|
|
45
45
|
args: [{ selector: 'lib-modal', template: "<div [hidden]=\"!showModal\" class=\"modal\" [ngClass]=\"class + ' ' + size\" (click)=\"onClickOutside()\">\r\n\t<!-- (click)=\"$event.stopPropagation()\" -->\r\n\t<!-- <div class=\"modal-content\" (mousedown)=\"allowClose = false\"> -->\r\n\t<div class=\"modal-content\" (click)=\"$event.stopPropagation();\">\r\n\t\t<div><!-- Content Will Drop Here --></div>\r\n\t\t<span class=\"close\" (click)=\"close()\" *ngIf=\"closable\">×</span>\r\n\t</div>\r\n</div>\r\n", styles: [".modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:#000;background-color:#00000080}.modal-content{position:relative;background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;min-width:20%;max-width:80%}.close{color:#aaa;position:absolute;right:10px;top:3px;font-size:32px;line-height:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}\n"] }]
|
|
46
46
|
}] });
|
|
@@ -12,10 +12,10 @@ export class ClickOutsideDirective {
|
|
|
12
12
|
this.clickOutside.emit(event);
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
16
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
15
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
16
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:click": "onClick($event)" } }, ngImport: i0 });
|
|
17
17
|
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ClickOutsideDirective, decorators: [{
|
|
19
19
|
type: Directive,
|
|
20
20
|
args: [{
|
|
21
21
|
selector: '[clickOutside]'
|
|
@@ -57,10 +57,10 @@ export class MetaGuard {
|
|
|
57
57
|
this.metaService.setTag(key, this._meta.defaults[key]);
|
|
58
58
|
});
|
|
59
59
|
}
|
|
60
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
61
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.
|
|
60
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: MetaGuard, deps: [{ token: i1.MetaService }, { token: CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
61
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: MetaGuard });
|
|
62
62
|
}
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
63
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: MetaGuard, decorators: [{
|
|
64
64
|
type: Injectable
|
|
65
65
|
}], ctorParameters: () => [{ type: i1.MetaService }, { type: undefined, decorators: [{
|
|
66
66
|
type: Inject,
|
|
@@ -32,10 +32,10 @@ export class ArrPipe {
|
|
|
32
32
|
}
|
|
33
33
|
return arr;
|
|
34
34
|
}
|
|
35
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
36
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.
|
|
35
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ArrPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
36
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: ArrPipe, name: "arr" });
|
|
37
37
|
}
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ArrPipe, decorators: [{
|
|
39
39
|
type: Pipe,
|
|
40
40
|
args: [{
|
|
41
41
|
name: 'arr'
|
|
@@ -7,10 +7,10 @@ export class MongodatePipe {
|
|
|
7
7
|
let timestamp = _id.toString().substring(0, 8);
|
|
8
8
|
return new Date(parseInt(timestamp, 16) * 1000);
|
|
9
9
|
}
|
|
10
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
11
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.
|
|
10
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: MongodatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
11
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: MongodatePipe, name: "mongodate" });
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: MongodatePipe, decorators: [{
|
|
14
14
|
type: Pipe,
|
|
15
15
|
args: [{
|
|
16
16
|
name: 'mongodate'
|