cat-documents-ng 0.0.20 → 0.0.21

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.
@@ -35,6 +35,218 @@ import * as i9 from 'ng2-pdf-viewer';
35
35
  import { PdfViewerModule } from 'ng2-pdf-viewer';
36
36
  import { BadgeModule } from 'primeng/badge';
37
37
 
38
+ /**
39
+ * The `SHARED` class contains shared constants used across the application.
40
+ * These constants are related to document statuses and other shared data.
41
+ */
42
+ class SHARED {
43
+ /**
44
+ * Represents the count of missing files.
45
+ */
46
+ static MISSINGCOUNT = 2;
47
+ /**
48
+ * Represents the count of pending files.
49
+ */
50
+ static PENDINGCOUNT = 3;
51
+ /**
52
+ * Represents an empty string.
53
+ */
54
+ static EMPTY = "";
55
+ /**
56
+ * Represents an true.
57
+ * @static
58
+ * @type {boolean}
59
+ */
60
+ static TRUE = true;
61
+ /**
62
+ * Represents an false.
63
+ * @static
64
+ * @type {boolean}
65
+ */
66
+ static FALSE = false;
67
+ /**
68
+ * Represents an INITIAL_COUNT.
69
+ */
70
+ static INITIAL_COUNT = 0;
71
+ /**
72
+ * Represents an INITIAL_VALUE.
73
+ */
74
+ static INITIAL_VALUE = 0;
75
+ /**
76
+ * Represents the constant value for one (1).
77
+ * @static
78
+ * @type {number}
79
+ */
80
+ static ONE = 1;
81
+ /**
82
+ * Represents the constant value for two (2).
83
+ * @static
84
+ * @type {number}
85
+ */
86
+ static TWO = 2;
87
+ /**
88
+ * Represents the constant value for ten (10).
89
+ * @static
90
+ * @type {number}
91
+ */
92
+ static TEN = 10;
93
+ /**
94
+ * Represents the constant string value 'files' used for file-related operations.
95
+ * @static
96
+ * @type {string}
97
+ */
98
+ static FILE = 'file';
99
+ /**
100
+ * Represents the array of file size units ('B', 'KB', 'MB') used for file size formatting.
101
+ * @static
102
+ * @type {string[]}
103
+ */
104
+ static FILE_SIZE_UNITS = ['B', 'KB', 'MB'];
105
+ /**
106
+ * Show SEVERITY value.
107
+ * @static
108
+ * @type {'error'}
109
+ */
110
+ static SEVERITY = 'error';
111
+ /**
112
+ * Show upload summery if it's failed.
113
+ * @static
114
+ * @type {'Upload Failed'}
115
+ */
116
+ static UPLOAD_SUMMERY = 'Upload Failed';
117
+ /**
118
+ * Represent empty array.
119
+ * @static
120
+ * @type {{}}
121
+ */
122
+ static EMPTY_ARRAY = [];
123
+ /**
124
+ * Represent contextId.
125
+ * @static
126
+ * @type {string}
127
+ */
128
+ static CONTEXT_ID = 'contextId';
129
+ /**
130
+ * Represent fileSize.
131
+ * @static
132
+ * @type {string}
133
+ */
134
+ static FILE_SIZE = 'fileSize';
135
+ }
136
+ /**
137
+ * `DUMMYDOCUMENTLIST` is a mock list of document objects used for testing and development purposes.
138
+ * Each document includes an ID, file name, status, and document URL.
139
+ */
140
+ const DUMMYDOCUMENTLIST = [
141
+ {
142
+ _id: 1,
143
+ fileName: 'Document 1',
144
+ status: 'pending',
145
+ documentUrl: 'https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test.pdf',
146
+ },
147
+ {
148
+ _id: 2,
149
+ fileName: 'Document 2',
150
+ status: 'verified',
151
+ documentUrl: 'https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test.pdf',
152
+ },
153
+ {
154
+ _id: 3,
155
+ fileName: 'Document 3',
156
+ status: 'sentReminder',
157
+ documentUrl: 'https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test.pdf',
158
+ },
159
+ {
160
+ _id: 4,
161
+ fileName: 'Document 4',
162
+ status: 'pending',
163
+ documentUrl: 'https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test.pdf',
164
+ },
165
+ ];
166
+ /**
167
+ * `FOLDERPANEL` is a mock list of folder data representing various folders in the application.
168
+ * Each folder contains an ID, file count, text description, missing files count, and pending files count.
169
+ */
170
+ const FOLDERPANEL = [
171
+ {
172
+ _id: 'folder1',
173
+ fileCount: 10,
174
+ text: 'Documents',
175
+ missingFiles: 3,
176
+ pendingFiles: 2,
177
+ },
178
+ {
179
+ _id: 'folder2',
180
+ fileCount: 5,
181
+ text: 'Images',
182
+ missingFiles: 0,
183
+ pendingFiles: 1,
184
+ },
185
+ {
186
+ _id: 'folder3',
187
+ fileCount: 20,
188
+ text: 'Reports',
189
+ missingFiles: 5,
190
+ pendingFiles: 0,
191
+ },
192
+ {
193
+ _id: 'folder4',
194
+ fileCount: 8,
195
+ text: 'Videos',
196
+ missingFiles: 0,
197
+ pendingFiles: 0,
198
+ },
199
+ {
200
+ _id: 'folder5',
201
+ fileCount: 15,
202
+ text: 'Archives',
203
+ missingFiles: 1,
204
+ pendingFiles: 3,
205
+ }
206
+ ];
207
+ /**
208
+ * Dummy data for sumaery.
209
+ * @type {{}}
210
+ */
211
+ const DUMMYSUMMARY = [
212
+ {
213
+ status: 'Valuation report requested on 10th Oct 2024',
214
+ date: '15/10/2020 10:30',
215
+ icon: 'pi pi-shopping-cart',
216
+ color: '#9C27B0',
217
+ image: 'game-controller.jpg',
218
+ },
219
+ {
220
+ status: 'Valuation report received on 13th Oct 2024',
221
+ date: '15/10/2020 14:00',
222
+ icon: 'pi pi-cog',
223
+ color: '#673AB7',
224
+ },
225
+ {
226
+ status: 'Waiting for Valuation Report to be accepted',
227
+ date: '15/10/2020 16:15',
228
+ icon: 'pi pi-shopping-cart',
229
+ color: '#FF9800',
230
+ },
231
+ ];
232
+ /**
233
+ * Dummy data for list box.
234
+ * @type {{}}
235
+ */
236
+ const COUNTRIES = [
237
+ { name: 'Any Word', code: 'NY', checked: false },
238
+ { name: 'Case Sensitive', code: 'RM', checked: false },
239
+ { name: 'Wildcard Search', code: 'LDN', checked: false },
240
+ { name: 'Whole Word Only', code: 'IST', checked: false },
241
+ ];
242
+ /**
243
+ * Default supported image types.
244
+ * @type {{}}
245
+ */
246
+ const SUPPORTED_IMAGE_TYPES = [
247
+ 'image/png'
248
+ ];
249
+
38
250
  /**
39
251
  * Class that holds the URLs used throughout the application.
40
252
  * These URLs are typically used for making API requests and accessing various resources.
@@ -48,7 +260,7 @@ class URLS {
48
260
  * @static
49
261
  * @type {string}
50
262
  */
51
- static CONFIGFILEURL = "document-assets/config/api.config.json";
263
+ static CONFIGFILEURL = "assets/config/api.config.json";
52
264
  /**
53
265
  * The URL endpoint for document uploads.
54
266
  * Used to send documents to the server for storage or processing.
@@ -259,218 +471,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
259
471
  args: [{ providedIn: 'root' }]
260
472
  }], ctorParameters: () => [{ type: DocumentStore }, { type: i1.HttpClient }, { type: AppConfigService }] });
261
473
 
262
- /**
263
- * The `SHARED` class contains shared constants used across the application.
264
- * These constants are related to document statuses and other shared data.
265
- */
266
- class SHARED {
267
- /**
268
- * Represents the count of missing files.
269
- */
270
- static MISSINGCOUNT = 2;
271
- /**
272
- * Represents the count of pending files.
273
- */
274
- static PENDINGCOUNT = 3;
275
- /**
276
- * Represents an empty string.
277
- */
278
- static EMPTY = "";
279
- /**
280
- * Represents an true.
281
- * @static
282
- * @type {boolean}
283
- */
284
- static TRUE = true;
285
- /**
286
- * Represents an false.
287
- * @static
288
- * @type {boolean}
289
- */
290
- static FALSE = false;
291
- /**
292
- * Represents an INITIAL_COUNT.
293
- */
294
- static INITIAL_COUNT = 0;
295
- /**
296
- * Represents an INITIAL_VALUE.
297
- */
298
- static INITIAL_VALUE = 0;
299
- /**
300
- * Represents the constant value for one (1).
301
- * @static
302
- * @type {number}
303
- */
304
- static ONE = 1;
305
- /**
306
- * Represents the constant value for two (2).
307
- * @static
308
- * @type {number}
309
- */
310
- static TWO = 2;
311
- /**
312
- * Represents the constant value for ten (10).
313
- * @static
314
- * @type {number}
315
- */
316
- static TEN = 10;
317
- /**
318
- * Represents the constant string value 'files' used for file-related operations.
319
- * @static
320
- * @type {string}
321
- */
322
- static FILE = 'file';
323
- /**
324
- * Represents the array of file size units ('B', 'KB', 'MB') used for file size formatting.
325
- * @static
326
- * @type {string[]}
327
- */
328
- static FILE_SIZE_UNITS = ['B', 'KB', 'MB'];
329
- /**
330
- * Show SEVERITY value.
331
- * @static
332
- * @type {'error'}
333
- */
334
- static SEVERITY = 'error';
335
- /**
336
- * Show upload summery if it's failed.
337
- * @static
338
- * @type {'Upload Failed'}
339
- */
340
- static UPLOAD_SUMMERY = 'Upload Failed';
341
- /**
342
- * Represent empty array.
343
- * @static
344
- * @type {{}}
345
- */
346
- static EMPTY_ARRAY = [];
347
- /**
348
- * Represent contextId.
349
- * @static
350
- * @type {string}
351
- */
352
- static CONTEXT_ID = 'contextId';
353
- /**
354
- * Represent fileSize.
355
- * @static
356
- * @type {string}
357
- */
358
- static FILE_SIZE = 'fileSize';
359
- }
360
- /**
361
- * `DUMMYDOCUMENTLIST` is a mock list of document objects used for testing and development purposes.
362
- * Each document includes an ID, file name, status, and document URL.
363
- */
364
- const DUMMYDOCUMENTLIST = [
365
- {
366
- _id: 1,
367
- fileName: 'Document 1',
368
- status: 'pending',
369
- documentUrl: 'https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test.pdf',
370
- },
371
- {
372
- _id: 2,
373
- fileName: 'Document 2',
374
- status: 'verified',
375
- documentUrl: 'https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test.pdf',
376
- },
377
- {
378
- _id: 3,
379
- fileName: 'Document 3',
380
- status: 'sentReminder',
381
- documentUrl: 'https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test.pdf',
382
- },
383
- {
384
- _id: 4,
385
- fileName: 'Document 4',
386
- status: 'pending',
387
- documentUrl: 'https://vadimdez.github.io/ng2-pdf-viewer/assets/pdf-test.pdf',
388
- },
389
- ];
390
- /**
391
- * `FOLDERPANEL` is a mock list of folder data representing various folders in the application.
392
- * Each folder contains an ID, file count, text description, missing files count, and pending files count.
393
- */
394
- const FOLDERPANEL = [
395
- {
396
- _id: 'folder1',
397
- fileCount: 10,
398
- text: 'Documents',
399
- missingFiles: 3,
400
- pendingFiles: 2,
401
- },
402
- {
403
- _id: 'folder2',
404
- fileCount: 5,
405
- text: 'Images',
406
- missingFiles: 0,
407
- pendingFiles: 1,
408
- },
409
- {
410
- _id: 'folder3',
411
- fileCount: 20,
412
- text: 'Reports',
413
- missingFiles: 5,
414
- pendingFiles: 0,
415
- },
416
- {
417
- _id: 'folder4',
418
- fileCount: 8,
419
- text: 'Videos',
420
- missingFiles: 0,
421
- pendingFiles: 0,
422
- },
423
- {
424
- _id: 'folder5',
425
- fileCount: 15,
426
- text: 'Archives',
427
- missingFiles: 1,
428
- pendingFiles: 3,
429
- }
430
- ];
431
- /**
432
- * Dummy data for sumaery.
433
- * @type {{}}
434
- */
435
- const DUMMYSUMMARY = [
436
- {
437
- status: 'Valuation report requested on 10th Oct 2024',
438
- date: '15/10/2020 10:30',
439
- icon: 'pi pi-shopping-cart',
440
- color: '#9C27B0',
441
- image: 'game-controller.jpg',
442
- },
443
- {
444
- status: 'Valuation report received on 13th Oct 2024',
445
- date: '15/10/2020 14:00',
446
- icon: 'pi pi-cog',
447
- color: '#673AB7',
448
- },
449
- {
450
- status: 'Waiting for Valuation Report to be accepted',
451
- date: '15/10/2020 16:15',
452
- icon: 'pi pi-shopping-cart',
453
- color: '#FF9800',
454
- },
455
- ];
456
- /**
457
- * Dummy data for list box.
458
- * @type {{}}
459
- */
460
- const COUNTRIES = [
461
- { name: 'Any Word', code: 'NY', checked: false },
462
- { name: 'Case Sensitive', code: 'RM', checked: false },
463
- { name: 'Wildcard Search', code: 'LDN', checked: false },
464
- { name: 'Whole Word Only', code: 'IST', checked: false },
465
- ];
466
- /**
467
- * Default supported image types.
468
- * @type {{}}
469
- */
470
- const SUPPORTED_IMAGE_TYPES = [
471
- 'image/png'
472
- ];
473
-
474
474
  /**
475
475
  * The `FolderBlockComponent` is responsible for displaying a block of folders and
476
476
  * providing filtering functionality based on folder IDs.
@@ -510,11 +510,11 @@ class FolderBlockComponent {
510
510
  return folderBlockId;
511
511
  }
512
512
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: FolderBlockComponent, deps: [{ token: DocumentStore }], target: i0.ɵɵFactoryTarget.Component });
513
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: FolderBlockComponent, isStandalone: false, selector: "lib-folder-block", inputs: { folderBlocks: "folderBlocks" }, ngImport: i0, template: "<div class=\"card folder-info my-4\">\r\n <div class=\"text-900 text-xl font-semibold mb-3\">Folders</div>\r\n <div class=\"grid\">\r\n <div *ngFor=\"let folder of folderBlocks\" class=\"col-12 md:col-6 xl:col-4\">\r\n <div\r\n class=\"p-3 border-1 h-full surface-border flex flex-column justify-content-between surface-100 hover:surface-100 cursor-pointer border-round\"\r\n (click)=\"handleClickForFilter(folder._id)\"\r\n >\r\n <div class=\"icon\">\r\n <img src=\"document-assets/images/FolderImg.png\" alt=\"\" />\r\n </div>\r\n <div class=\"flex flex-column\">\r\n <span class=\"text-600 mt-2\"> {{ folder.fileCount }} Files </span>\r\n <span class=\"text-900 text-lg mt-2 mb-2 font-semibold font-medium\">\r\n {{ folder.text }}\r\n </span>\r\n </div>\r\n <hr />\r\n <div class=\"flex justify-content-between\">\r\n <div class=\"flex flex-column\">\r\n <span>Missing</span>\r\n <span\r\n [ngClass]=\"{\r\n 'text-pink-500': missingFileCount > 0,\r\n 'text-green-500': missingFileCount === 0\r\n }\"\r\n >\r\n {{ missingFileCount }}\r\n </span>\r\n </div>\r\n <div class=\"flex flex-column\">\r\n <span>Pending</span>\r\n <span\r\n [ngClass]=\"{\r\n 'text-yellow-500': pendingFileCount > 0,\r\n 'text-green-500': pendingFileCount === 0\r\n }\"\r\n >\r\n {{ pendingFileCount }}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
513
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: FolderBlockComponent, isStandalone: false, selector: "lib-folder-block", inputs: { folderBlocks: "folderBlocks" }, ngImport: i0, template: "<div class=\"card folder-info my-4\">\r\n <div class=\"text-900 text-xl font-semibold mb-3\">Folders</div>\r\n <div class=\"grid\">\r\n <div *ngFor=\"let folder of folderBlocks\" class=\"col-12 md:col-6 xl:col-4\">\r\n <div\r\n class=\"p-3 border-1 h-full surface-border flex flex-column justify-content-between surface-100 hover:surface-100 cursor-pointer border-round\"\r\n (click)=\"handleClickForFilter(folder._id)\"\r\n >\r\n <div class=\"icon\">\r\n <img src=\"../../../../assets/images/FolderImg.png\" alt=\"\" />\r\n </div>\r\n <div class=\"flex flex-column\">\r\n <span class=\"text-600 mt-2\"> {{ folder.fileCount }} Files </span>\r\n <span class=\"text-900 text-lg mt-2 mb-2 font-semibold font-medium\">\r\n {{ folder.text }}\r\n </span>\r\n </div>\r\n <hr />\r\n <div class=\"flex justify-content-between\">\r\n <div class=\"flex flex-column\">\r\n <span>Missing</span>\r\n <span\r\n [ngClass]=\"{\r\n 'text-pink-500': missingFileCount > 0,\r\n 'text-green-500': missingFileCount === 0\r\n }\"\r\n >\r\n {{ missingFileCount }}\r\n </span>\r\n </div>\r\n <div class=\"flex flex-column\">\r\n <span>Pending</span>\r\n <span\r\n [ngClass]=\"{\r\n 'text-yellow-500': pendingFileCount > 0,\r\n 'text-green-500': pendingFileCount === 0\r\n }\"\r\n >\r\n {{ pendingFileCount }}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
514
514
  }
515
515
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: FolderBlockComponent, decorators: [{
516
516
  type: Component,
517
- args: [{ selector: 'lib-folder-block', standalone: false, template: "<div class=\"card folder-info my-4\">\r\n <div class=\"text-900 text-xl font-semibold mb-3\">Folders</div>\r\n <div class=\"grid\">\r\n <div *ngFor=\"let folder of folderBlocks\" class=\"col-12 md:col-6 xl:col-4\">\r\n <div\r\n class=\"p-3 border-1 h-full surface-border flex flex-column justify-content-between surface-100 hover:surface-100 cursor-pointer border-round\"\r\n (click)=\"handleClickForFilter(folder._id)\"\r\n >\r\n <div class=\"icon\">\r\n <img src=\"document-assets/images/FolderImg.png\" alt=\"\" />\r\n </div>\r\n <div class=\"flex flex-column\">\r\n <span class=\"text-600 mt-2\"> {{ folder.fileCount }} Files </span>\r\n <span class=\"text-900 text-lg mt-2 mb-2 font-semibold font-medium\">\r\n {{ folder.text }}\r\n </span>\r\n </div>\r\n <hr />\r\n <div class=\"flex justify-content-between\">\r\n <div class=\"flex flex-column\">\r\n <span>Missing</span>\r\n <span\r\n [ngClass]=\"{\r\n 'text-pink-500': missingFileCount > 0,\r\n 'text-green-500': missingFileCount === 0\r\n }\"\r\n >\r\n {{ missingFileCount }}\r\n </span>\r\n </div>\r\n <div class=\"flex flex-column\">\r\n <span>Pending</span>\r\n <span\r\n [ngClass]=\"{\r\n 'text-yellow-500': pendingFileCount > 0,\r\n 'text-green-500': pendingFileCount === 0\r\n }\"\r\n >\r\n {{ pendingFileCount }}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n" }]
517
+ args: [{ selector: 'lib-folder-block', standalone: false, template: "<div class=\"card folder-info my-4\">\r\n <div class=\"text-900 text-xl font-semibold mb-3\">Folders</div>\r\n <div class=\"grid\">\r\n <div *ngFor=\"let folder of folderBlocks\" class=\"col-12 md:col-6 xl:col-4\">\r\n <div\r\n class=\"p-3 border-1 h-full surface-border flex flex-column justify-content-between surface-100 hover:surface-100 cursor-pointer border-round\"\r\n (click)=\"handleClickForFilter(folder._id)\"\r\n >\r\n <div class=\"icon\">\r\n <img src=\"../../../../assets/images/FolderImg.png\" alt=\"\" />\r\n </div>\r\n <div class=\"flex flex-column\">\r\n <span class=\"text-600 mt-2\"> {{ folder.fileCount }} Files </span>\r\n <span class=\"text-900 text-lg mt-2 mb-2 font-semibold font-medium\">\r\n {{ folder.text }}\r\n </span>\r\n </div>\r\n <hr />\r\n <div class=\"flex justify-content-between\">\r\n <div class=\"flex flex-column\">\r\n <span>Missing</span>\r\n <span\r\n [ngClass]=\"{\r\n 'text-pink-500': missingFileCount > 0,\r\n 'text-green-500': missingFileCount === 0\r\n }\"\r\n >\r\n {{ missingFileCount }}\r\n </span>\r\n </div>\r\n <div class=\"flex flex-column\">\r\n <span>Pending</span>\r\n <span\r\n [ngClass]=\"{\r\n 'text-yellow-500': pendingFileCount > 0,\r\n 'text-green-500': pendingFileCount === 0\r\n }\"\r\n >\r\n {{ pendingFileCount }}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n" }]
518
518
  }], ctorParameters: () => [{ type: DocumentStore }], propDecorators: { folderBlocks: [{
519
519
  type: Input
520
520
  }] } });
@@ -575,11 +575,11 @@ class DocumentListItemComponent {
575
575
  this.documentClick.emit(document);
576
576
  }
577
577
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DocumentListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
578
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: DocumentListItemComponent, isStandalone: false, selector: "lib-document-list-item", inputs: { document: "document" }, outputs: { documentClick: "documentClick" }, ngImport: i0, template: "<div class=\"grid\">\r\n <div\r\n class=\"col-12 flex align-items-center justify-content-between md:col-6 xl:col-12\"\r\n >\r\n <div\r\n class=\"col-5 flex cursor-pointer align-items-center pl-0\"\r\n (click)=\"handleOpenDocument(document)\"\r\n >\r\n <img src=\"document-assets/images/Frame.png\" alt=\"\" />\r\n <span class=\"ml-4\">{{ document.fileName }}</span>\r\n </div>\r\n <div class=\"col-4 flex align-items-center justify-content-center\">\r\n <span\r\n [class]=\"'product-badge status-' + document.status?.toLowerCase()\"\r\n class=\"flex align-items-center justify-content-center pl-2 pr-2 pt-1 pb-1 \"\r\n >\r\n <ng-container *ngIf=\"document.status?.toLowerCase() === 'pending'\">\r\n <i class=\"pi pi-clock pr-1\" style=\"font-size: 12px;\"></i>\r\n Pending\r\n </ng-container>\r\n <ng-container *ngIf=\"document.status?.toLowerCase() === 'verified'\">\r\n <i class=\"pi pi-check-circle pr-1\" style=\"font-size: 12px;\"></i>\r\n Verified\r\n </ng-container>\r\n <ng-container *ngIf=\"document.status?.toLowerCase() === 'sentreminder'\">\r\n <i class=\"pi pi-bell pr-1\" style=\"font-size: 12px;\"></i>\r\n Sent Reminder \r\n </ng-container>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n ", styles: [".product-badge.status-pending{background:#e9b127;color:#fff;border-radius:4px}.product-badge.status-verified{background:#4caf50;color:#fff;border-radius:4px}.product-badge.status-sentreminder{background:#f57c00;color:#fff;border-radius:4px}.product-badge{text-transform:none;font-weight:500;font-size:12px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
578
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: DocumentListItemComponent, isStandalone: false, selector: "lib-document-list-item", inputs: { document: "document" }, outputs: { documentClick: "documentClick" }, ngImport: i0, template: "<div class=\"grid\">\r\n <div\r\n class=\"col-12 flex align-items-center justify-content-between md:col-6 xl:col-12\"\r\n >\r\n <div\r\n class=\"col-5 flex cursor-pointer align-items-center pl-0\"\r\n (click)=\"handleOpenDocument(document)\"\r\n >\r\n <img src=\"../../../../assets/images/Frame.png\" alt=\"\" />\r\n <span class=\"ml-4\">{{ document.fileName }}</span>\r\n </div>\r\n <div class=\"col-4 flex align-items-center justify-content-center\">\r\n <span\r\n [class]=\"'product-badge status-' + document.status?.toLowerCase()\"\r\n class=\"flex align-items-center justify-content-center pl-2 pr-2 pt-1 pb-1 \"\r\n >\r\n <ng-container *ngIf=\"document.status?.toLowerCase() === 'pending'\">\r\n <i class=\"pi pi-clock pr-1\" style=\"font-size: 12px;\"></i>\r\n Pending\r\n </ng-container>\r\n <ng-container *ngIf=\"document.status?.toLowerCase() === 'verified'\">\r\n <i class=\"pi pi-check-circle pr-1\" style=\"font-size: 12px;\"></i>\r\n Verified\r\n </ng-container>\r\n <ng-container *ngIf=\"document.status?.toLowerCase() === 'sentreminder'\">\r\n <i class=\"pi pi-bell pr-1\" style=\"font-size: 12px;\"></i>\r\n Sent Reminder \r\n </ng-container>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n ", styles: [".product-badge.status-pending{background:#e9b127;color:#fff;border-radius:4px}.product-badge.status-verified{background:#4caf50;color:#fff;border-radius:4px}.product-badge.status-sentreminder{background:#f57c00;color:#fff;border-radius:4px}.product-badge{text-transform:none;font-weight:500;font-size:12px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
579
579
  }
580
580
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: DocumentListItemComponent, decorators: [{
581
581
  type: Component,
582
- args: [{ selector: 'lib-document-list-item', standalone: false, template: "<div class=\"grid\">\r\n <div\r\n class=\"col-12 flex align-items-center justify-content-between md:col-6 xl:col-12\"\r\n >\r\n <div\r\n class=\"col-5 flex cursor-pointer align-items-center pl-0\"\r\n (click)=\"handleOpenDocument(document)\"\r\n >\r\n <img src=\"document-assets/images/Frame.png\" alt=\"\" />\r\n <span class=\"ml-4\">{{ document.fileName }}</span>\r\n </div>\r\n <div class=\"col-4 flex align-items-center justify-content-center\">\r\n <span\r\n [class]=\"'product-badge status-' + document.status?.toLowerCase()\"\r\n class=\"flex align-items-center justify-content-center pl-2 pr-2 pt-1 pb-1 \"\r\n >\r\n <ng-container *ngIf=\"document.status?.toLowerCase() === 'pending'\">\r\n <i class=\"pi pi-clock pr-1\" style=\"font-size: 12px;\"></i>\r\n Pending\r\n </ng-container>\r\n <ng-container *ngIf=\"document.status?.toLowerCase() === 'verified'\">\r\n <i class=\"pi pi-check-circle pr-1\" style=\"font-size: 12px;\"></i>\r\n Verified\r\n </ng-container>\r\n <ng-container *ngIf=\"document.status?.toLowerCase() === 'sentreminder'\">\r\n <i class=\"pi pi-bell pr-1\" style=\"font-size: 12px;\"></i>\r\n Sent Reminder \r\n </ng-container>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n ", styles: [".product-badge.status-pending{background:#e9b127;color:#fff;border-radius:4px}.product-badge.status-verified{background:#4caf50;color:#fff;border-radius:4px}.product-badge.status-sentreminder{background:#f57c00;color:#fff;border-radius:4px}.product-badge{text-transform:none;font-weight:500;font-size:12px}\n"] }]
582
+ args: [{ selector: 'lib-document-list-item', standalone: false, template: "<div class=\"grid\">\r\n <div\r\n class=\"col-12 flex align-items-center justify-content-between md:col-6 xl:col-12\"\r\n >\r\n <div\r\n class=\"col-5 flex cursor-pointer align-items-center pl-0\"\r\n (click)=\"handleOpenDocument(document)\"\r\n >\r\n <img src=\"../../../../assets/images/Frame.png\" alt=\"\" />\r\n <span class=\"ml-4\">{{ document.fileName }}</span>\r\n </div>\r\n <div class=\"col-4 flex align-items-center justify-content-center\">\r\n <span\r\n [class]=\"'product-badge status-' + document.status?.toLowerCase()\"\r\n class=\"flex align-items-center justify-content-center pl-2 pr-2 pt-1 pb-1 \"\r\n >\r\n <ng-container *ngIf=\"document.status?.toLowerCase() === 'pending'\">\r\n <i class=\"pi pi-clock pr-1\" style=\"font-size: 12px;\"></i>\r\n Pending\r\n </ng-container>\r\n <ng-container *ngIf=\"document.status?.toLowerCase() === 'verified'\">\r\n <i class=\"pi pi-check-circle pr-1\" style=\"font-size: 12px;\"></i>\r\n Verified\r\n </ng-container>\r\n <ng-container *ngIf=\"document.status?.toLowerCase() === 'sentreminder'\">\r\n <i class=\"pi pi-bell pr-1\" style=\"font-size: 12px;\"></i>\r\n Sent Reminder \r\n </ng-container>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n ", styles: [".product-badge.status-pending{background:#e9b127;color:#fff;border-radius:4px}.product-badge.status-verified{background:#4caf50;color:#fff;border-radius:4px}.product-badge.status-sentreminder{background:#f57c00;color:#fff;border-radius:4px}.product-badge{text-transform:none;font-weight:500;font-size:12px}\n"] }]
583
583
  }], propDecorators: { documentClick: [{
584
584
  type: Output
585
585
  }], document: [{
@@ -970,7 +970,7 @@ class DocumentContainerComponent {
970
970
  * Get contextId in input.
971
971
  * @type {string}
972
972
  */
973
- contextId = "786755";
973
+ contextId = SHARED.EMPTY;
974
974
  /**
975
975
  * The list of dummy documents.
976
976
  * @type {Array}