@eui/components 14.0.20 → 14.0.21-snapshot-1679661437425

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.
@@ -53,12 +53,19 @@
53
53
  <h3>File</h3>
54
54
  </p>
55
55
  <p class="comment">
56
- <code>packages/eui/packages/components/layout/eui-notifications-old/eui-notifications.component.ts</code>
56
+ <code>packages/eui/packages/components/layout/eui-notifications/eui-notifications.component.ts</code>
57
57
  </p>
58
58
 
59
59
 
60
60
 
61
61
 
62
+ <p class="comment">
63
+ <h3>Implements</h3>
64
+ </p>
65
+ <p class="comment">
66
+ <code><a href="https://angular.io/api/core/OnInit" target="_blank" >OnInit</a></code>
67
+ <code><a href="https://angular.io/api/core/OnChanges" target="_blank" >OnChanges</a></code>
68
+ </p>
62
69
 
63
70
 
64
71
  <section>
@@ -124,12 +131,24 @@
124
131
  <tr>
125
132
  <td class="col-md-4">
126
133
  <ul class="index-list">
134
+ <li>
135
+ <a href="#currentDayNotifications" >currentDayNotifications</a>
136
+ </li>
127
137
  <li>
128
138
  <a href="#isOverlayActive" >isOverlayActive</a>
129
139
  </li>
140
+ <li>
141
+ <a href="#oldestNotifications" >oldestNotifications</a>
142
+ </li>
130
143
  <li>
131
144
  <a href="#string" >string</a>
132
145
  </li>
146
+ <li>
147
+ <a href="#today" >today</a>
148
+ </li>
149
+ <li>
150
+ <a href="#unreadNotifications" >unreadNotifications</a>
151
+ </li>
133
152
  </ul>
134
153
  </td>
135
154
  </tr>
@@ -143,10 +162,34 @@
143
162
  <td class="col-md-4">
144
163
  <ul class="index-list">
145
164
  <li>
146
- <a href="#closeProfileDropdown" >closeProfileDropdown</a>
165
+ <a href="#onClicked" >onClicked</a>
147
166
  </li>
148
167
  <li>
149
- <a href="#onClicked" >onClicked</a>
168
+ <a href="#onHide" >onHide</a>
169
+ </li>
170
+ <li>
171
+ <a href="#onItemClick" >onItemClick</a>
172
+ </li>
173
+ <li>
174
+ <a href="#onItemMarkAsRead" >onItemMarkAsRead</a>
175
+ </li>
176
+ <li>
177
+ <a href="#onMarkAllAsRead" >onMarkAllAsRead</a>
178
+ </li>
179
+ <li>
180
+ <a href="#onNoNotificationFoundClick" >onNoNotificationFoundClick</a>
181
+ </li>
182
+ <li>
183
+ <a href="#onRefresh" >onRefresh</a>
184
+ </li>
185
+ <li>
186
+ <a href="#onSettings" >onSettings</a>
187
+ </li>
188
+ <li>
189
+ <a href="#onViewAllClick" >onViewAllClick</a>
190
+ </li>
191
+ <li>
192
+ <a href="#trackByFn" >trackByFn</a>
150
193
  </li>
151
194
  </ul>
152
195
  </td>
@@ -163,13 +206,108 @@
163
206
  <li>
164
207
  <a href="#count" >count</a>
165
208
  </li>
209
+ <li>
210
+ <a href="#customUnreadCount" >customUnreadCount</a>
211
+ </li>
212
+ <li>
213
+ <a href="#dateFormat" >dateFormat</a>
214
+ </li>
215
+ <li>
216
+ <a href="#headerTitleLabel" >headerTitleLabel</a>
217
+ </li>
218
+ <li>
219
+ <a href="#isHidePanelOnViewAllAction" >isHidePanelOnViewAllAction</a>
220
+ </li>
221
+ <li>
222
+ <a href="#isShowMarkAllAsReadButton" >isShowMarkAllAsReadButton</a>
223
+ </li>
224
+ <li>
225
+ <a href="#isShowMarkAsRead" >isShowMarkAsRead</a>
226
+ </li>
227
+ <li>
228
+ <a href="#isShowRefreshButton" >isShowRefreshButton</a>
229
+ </li>
230
+ <li>
231
+ <a href="#isShowSettingsButton" >isShowSettingsButton</a>
232
+ </li>
233
+ <li>
234
+ <a href="#isShowViewAllAction" >isShowViewAllAction</a>
235
+ </li>
166
236
  <li>
167
237
  <a href="#items" >items</a>
168
238
  </li>
239
+ <li>
240
+ <a href="#markAllAsReadLabel" >markAllAsReadLabel</a>
241
+ </li>
242
+ <li>
243
+ <a href="#markAsReadLabel" >markAsReadLabel</a>
244
+ </li>
245
+ <li>
246
+ <a href="#markAsUnReadLabel" >markAsUnReadLabel</a>
247
+ </li>
248
+ <li>
249
+ <a href="#nbUnreadCount" >nbUnreadCount</a>
250
+ </li>
251
+ <li>
252
+ <a href="#noNotificationFoundLabel" >noNotificationFoundLabel</a>
253
+ </li>
254
+ <li>
255
+ <a href="#noNotificationFoundLink" >noNotificationFoundLink</a>
256
+ </li>
257
+ <li>
258
+ <a href="#refreshLabel" >refreshLabel</a>
259
+ </li>
260
+ <li>
261
+ <a href="#settingsLabel" >settingsLabel</a>
262
+ </li>
263
+ <li>
264
+ <a href="#totalLabel" >totalLabel</a>
265
+ </li>
266
+ <li>
267
+ <a href="#unreadLabel" >unreadLabel</a>
268
+ </li>
269
+ <li>
270
+ <a href="#viewAllNotificationsLabel" >viewAllNotificationsLabel</a>
271
+ </li>
169
272
  </ul>
170
273
  </td>
171
274
  </tr>
172
275
 
276
+ <tr>
277
+ <td class="col-md-4">
278
+ <h6><b>Outputs</b></h6>
279
+ </td>
280
+ </tr>
281
+ <tr>
282
+ <td class="col-md-4">
283
+ <ul class="index-list">
284
+ <li>
285
+ <a href="#itemClick" >itemClick</a>
286
+ </li>
287
+ <li>
288
+ <a href="#itemMarkAsReadClick" >itemMarkAsReadClick</a>
289
+ </li>
290
+ <li>
291
+ <a href="#markAllAsReadClick" >markAllAsReadClick</a>
292
+ </li>
293
+ <li>
294
+ <a href="#noNotificationFoundClick" >noNotificationFoundClick</a>
295
+ </li>
296
+ <li>
297
+ <a href="#notificationsClick" >notificationsClick</a>
298
+ </li>
299
+ <li>
300
+ <a href="#refreshClick" >refreshClick</a>
301
+ </li>
302
+ <li>
303
+ <a href="#settingsClick" >settingsClick</a>
304
+ </li>
305
+ <li>
306
+ <a href="#viewAllClick" >viewAllClick</a>
307
+ </li>
308
+ </ul>
309
+ </td>
310
+ </tr>
173
311
 
174
312
  <tr>
175
313
  <td class="col-md-4">
@@ -201,6 +339,41 @@
201
339
  </td>
202
340
  </tr>
203
341
 
342
+ <tr>
343
+ <td class="col-md-4">
344
+ <h6><b>Accessors</b></h6>
345
+ </td>
346
+ </tr>
347
+ <tr>
348
+ <td class="col-md-4">
349
+ <ul class="index-list">
350
+ <li>
351
+ <a href="#noNotificationFoundLink" >noNotificationFoundLink</a>
352
+ </li>
353
+ <li>
354
+ <a href="#isShowMarkAsRead" >isShowMarkAsRead</a>
355
+ </li>
356
+ <li>
357
+ <a href="#isShowViewAllAction" >isShowViewAllAction</a>
358
+ </li>
359
+ <li>
360
+ <a href="#isHidePanelOnViewAllAction" >isHidePanelOnViewAllAction</a>
361
+ </li>
362
+ <li>
363
+ <a href="#customUnreadCount" >customUnreadCount</a>
364
+ </li>
365
+ <li>
366
+ <a href="#isShowMarkAllAsReadButton" >isShowMarkAllAsReadButton</a>
367
+ </li>
368
+ <li>
369
+ <a href="#isShowSettingsButton" >isShowSettingsButton</a>
370
+ </li>
371
+ <li>
372
+ <a href="#isShowRefreshButton" >isShowRefreshButton</a>
373
+ </li>
374
+ </ul>
375
+ </td>
376
+ </tr>
204
377
  </tbody>
205
378
  </table>
206
379
  </section>
@@ -246,37 +419,47 @@
246
419
  <tbody>
247
420
  <tr>
248
421
  <td class="col-md-4">
249
- <a name="items"></a>
250
- <b>items</b>
422
+ <a name="customUnreadCount"></a>
423
+ <b>customUnreadCount</b>
251
424
  </td>
252
425
  </tr>
253
426
  <tr>
254
427
  <td class="col-md-4">
255
- <i>Type : </i> <code>{}</code>
428
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
429
+
430
+ </td>
431
+ </tr>
432
+ </tbody>
433
+ </table>
434
+ <table class="table table-sm table-bordered">
435
+ <tbody>
436
+ <tr>
437
+ <td class="col-md-4">
438
+ <a name="dateFormat"></a>
439
+ <b>dateFormat</b>
440
+ </td>
441
+ </tr>
442
+ <tr>
443
+ <td class="col-md-4">
444
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
256
445
 
257
446
  </td>
258
447
  </tr>
259
448
  <tr>
260
449
  <td class="col-md-4">
261
- <i>Default value : </i><code>[]</code>
450
+ <i>Default value : </i><code>&#x27;DD/MM/YYYY&#x27;</code>
262
451
  </td>
263
452
  </tr>
264
453
  </tbody>
265
454
  </table>
266
- </section>
267
-
268
- <section>
269
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
270
- <tbody>
271
- <tr>
272
- <td class="col-md-4">
273
- <a name="class"></a>
274
- <span class="name">
275
- <span ><b>class</b></span>
276
- <a href="#class"><span class="icon ion-ios-link"></span></a>
277
- </span>
278
- </td>
279
- </tr>
455
+ <table class="table table-sm table-bordered">
456
+ <tbody>
457
+ <tr>
458
+ <td class="col-md-4">
459
+ <a name="headerTitleLabel"></a>
460
+ <b>headerTitleLabel</b>
461
+ </td>
462
+ </tr>
280
463
  <tr>
281
464
  <td class="col-md-4">
282
465
  <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
@@ -285,77 +468,1073 @@
285
468
  </tr>
286
469
  <tr>
287
470
  <td class="col-md-4">
288
- <i>Default value : </i><code>&#x27;eui-notifications&#x27;</code>
471
+ <i>Default value : </i><code>null</code>
472
+ </td>
473
+ </tr>
474
+ </tbody>
475
+ </table>
476
+ <table class="table table-sm table-bordered">
477
+ <tbody>
478
+ <tr>
479
+ <td class="col-md-4">
480
+ <a name="isHidePanelOnViewAllAction"></a>
481
+ <b>isHidePanelOnViewAllAction</b>
289
482
  </td>
290
483
  </tr>
484
+ <tr>
485
+ <td class="col-md-4">
486
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
291
487
 
488
+ </td>
489
+ </tr>
490
+ </tbody>
491
+ </table>
492
+ <table class="table table-sm table-bordered">
493
+ <tbody>
494
+ <tr>
495
+ <td class="col-md-4">
496
+ <a name="isShowMarkAllAsReadButton"></a>
497
+ <b>isShowMarkAllAsReadButton</b>
498
+ </td>
499
+ </tr>
500
+ <tr>
501
+ <td class="col-md-4">
502
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
292
503
 
293
- </tbody>
294
- </table>
295
- </section>
504
+ </td>
505
+ </tr>
506
+ </tbody>
507
+ </table>
508
+ <table class="table table-sm table-bordered">
509
+ <tbody>
510
+ <tr>
511
+ <td class="col-md-4">
512
+ <a name="isShowMarkAsRead"></a>
513
+ <b>isShowMarkAsRead</b>
514
+ </td>
515
+ </tr>
516
+ <tr>
517
+ <td class="col-md-4">
518
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
296
519
 
297
- <section>
298
- <h3>HostListeners</h3> <table class="table table-sm table-bordered">
299
- <tbody>
300
- <tr>
301
- <td class="col-md-4">
302
- <a name="body:click"></a>
303
- <span class="name">
304
- <span ><b>body:click</b></span>
305
- <a href="#body:click"><span class="icon ion-ios-link"></span></a>
306
- </span>
307
- </td>
308
- </tr>
309
- <tr>
310
- <td class="col-md-4">
311
- <code>body:click()</code>
312
- </td>
313
- </tr>
520
+ </td>
521
+ </tr>
522
+ </tbody>
523
+ </table>
524
+ <table class="table table-sm table-bordered">
525
+ <tbody>
526
+ <tr>
527
+ <td class="col-md-4">
528
+ <a name="isShowRefreshButton"></a>
529
+ <b>isShowRefreshButton</b>
530
+ </td>
531
+ </tr>
532
+ <tr>
533
+ <td class="col-md-4">
534
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
314
535
 
536
+ </td>
537
+ </tr>
538
+ </tbody>
539
+ </table>
540
+ <table class="table table-sm table-bordered">
541
+ <tbody>
542
+ <tr>
543
+ <td class="col-md-4">
544
+ <a name="isShowSettingsButton"></a>
545
+ <b>isShowSettingsButton</b>
546
+ </td>
547
+ </tr>
548
+ <tr>
549
+ <td class="col-md-4">
550
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
315
551
 
552
+ </td>
553
+ </tr>
554
+ </tbody>
555
+ </table>
556
+ <table class="table table-sm table-bordered">
557
+ <tbody>
558
+ <tr>
559
+ <td class="col-md-4">
560
+ <a name="isShowViewAllAction"></a>
561
+ <b>isShowViewAllAction</b>
562
+ </td>
563
+ </tr>
564
+ <tr>
565
+ <td class="col-md-4">
566
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
316
567
 
568
+ </td>
569
+ </tr>
570
+ </tbody>
571
+ </table>
572
+ <table class="table table-sm table-bordered">
573
+ <tbody>
574
+ <tr>
575
+ <td class="col-md-4">
576
+ <a name="items"></a>
577
+ <b>items</b>
578
+ </td>
579
+ </tr>
580
+ <tr>
581
+ <td class="col-md-4">
582
+ <i>Type : </i> <code>{}</code>
317
583
 
318
- </tbody>
319
- </table>
320
- </section>
321
- <section>
322
-
323
- <h3 id="methods">
324
- Methods
325
- </h3>
326
- <table class="table table-sm table-bordered">
327
- <tbody>
328
- <tr>
329
- <td class="col-md-4">
330
- <a name="closeProfileDropdown"></a>
331
- <span class="name">
332
- <span ><b>closeProfileDropdown</b></span>
333
- <a href="#closeProfileDropdown"><span class="icon ion-ios-link"></span></a>
334
- </span>
335
- </td>
336
- </tr>
337
- <tr>
338
- <td class="col-md-4">
339
- <code>closeProfileDropdown()</code>
340
- </td>
584
+ </td>
585
+ </tr>
586
+ <tr>
587
+ <td class="col-md-4">
588
+ <i>Default value : </i><code>[]</code>
589
+ </td>
590
+ </tr>
591
+ </tbody>
592
+ </table>
593
+ <table class="table table-sm table-bordered">
594
+ <tbody>
595
+ <tr>
596
+ <td class="col-md-4">
597
+ <a name="markAllAsReadLabel"></a>
598
+ <b>markAllAsReadLabel</b>
599
+ </td>
600
+ </tr>
601
+ <tr>
602
+ <td class="col-md-4">
603
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
604
+
605
+ </td>
606
+ </tr>
607
+ <tr>
608
+ <td class="col-md-4">
609
+ <i>Default value : </i><code>null</code>
610
+ </td>
611
+ </tr>
612
+ </tbody>
613
+ </table>
614
+ <table class="table table-sm table-bordered">
615
+ <tbody>
616
+ <tr>
617
+ <td class="col-md-4">
618
+ <a name="markAsReadLabel"></a>
619
+ <b>markAsReadLabel</b>
620
+ </td>
621
+ </tr>
622
+ <tr>
623
+ <td class="col-md-4">
624
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
625
+
626
+ </td>
627
+ </tr>
628
+ <tr>
629
+ <td class="col-md-4">
630
+ <i>Default value : </i><code>null</code>
631
+ </td>
632
+ </tr>
633
+ </tbody>
634
+ </table>
635
+ <table class="table table-sm table-bordered">
636
+ <tbody>
637
+ <tr>
638
+ <td class="col-md-4">
639
+ <a name="markAsUnReadLabel"></a>
640
+ <b>markAsUnReadLabel</b>
641
+ </td>
642
+ </tr>
643
+ <tr>
644
+ <td class="col-md-4">
645
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
646
+
647
+ </td>
648
+ </tr>
649
+ <tr>
650
+ <td class="col-md-4">
651
+ <i>Default value : </i><code>null</code>
652
+ </td>
653
+ </tr>
654
+ </tbody>
655
+ </table>
656
+ <table class="table table-sm table-bordered">
657
+ <tbody>
658
+ <tr>
659
+ <td class="col-md-4">
660
+ <a name="nbUnreadCount"></a>
661
+ <b>nbUnreadCount</b>
662
+ </td>
663
+ </tr>
664
+ <tr>
665
+ <td class="col-md-4">
666
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
667
+
668
+ </td>
669
+ </tr>
670
+ <tr>
671
+ <td class="col-md-4">
672
+ <i>Default value : </i><code>null</code>
673
+ </td>
674
+ </tr>
675
+ </tbody>
676
+ </table>
677
+ <table class="table table-sm table-bordered">
678
+ <tbody>
679
+ <tr>
680
+ <td class="col-md-4">
681
+ <a name="noNotificationFoundLabel"></a>
682
+ <b>noNotificationFoundLabel</b>
683
+ </td>
684
+ </tr>
685
+ <tr>
686
+ <td class="col-md-4">
687
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
688
+
689
+ </td>
690
+ </tr>
691
+ <tr>
692
+ <td class="col-md-4">
693
+ <i>Default value : </i><code>null</code>
694
+ </td>
695
+ </tr>
696
+ </tbody>
697
+ </table>
698
+ <table class="table table-sm table-bordered">
699
+ <tbody>
700
+ <tr>
701
+ <td class="col-md-4">
702
+ <a name="noNotificationFoundLink"></a>
703
+ <b>noNotificationFoundLink</b>
704
+ </td>
705
+ </tr>
706
+ <tr>
707
+ <td class="col-md-4">
708
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
709
+
710
+ </td>
711
+ </tr>
712
+ </tbody>
713
+ </table>
714
+ <table class="table table-sm table-bordered">
715
+ <tbody>
716
+ <tr>
717
+ <td class="col-md-4">
718
+ <a name="refreshLabel"></a>
719
+ <b>refreshLabel</b>
720
+ </td>
721
+ </tr>
722
+ <tr>
723
+ <td class="col-md-4">
724
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
725
+
726
+ </td>
727
+ </tr>
728
+ <tr>
729
+ <td class="col-md-4">
730
+ <i>Default value : </i><code>null</code>
731
+ </td>
732
+ </tr>
733
+ </tbody>
734
+ </table>
735
+ <table class="table table-sm table-bordered">
736
+ <tbody>
737
+ <tr>
738
+ <td class="col-md-4">
739
+ <a name="settingsLabel"></a>
740
+ <b>settingsLabel</b>
741
+ </td>
742
+ </tr>
743
+ <tr>
744
+ <td class="col-md-4">
745
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
746
+
747
+ </td>
748
+ </tr>
749
+ <tr>
750
+ <td class="col-md-4">
751
+ <i>Default value : </i><code>null</code>
752
+ </td>
753
+ </tr>
754
+ </tbody>
755
+ </table>
756
+ <table class="table table-sm table-bordered">
757
+ <tbody>
758
+ <tr>
759
+ <td class="col-md-4">
760
+ <a name="totalLabel"></a>
761
+ <b>totalLabel</b>
762
+ </td>
763
+ </tr>
764
+ <tr>
765
+ <td class="col-md-4">
766
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
767
+
768
+ </td>
769
+ </tr>
770
+ <tr>
771
+ <td class="col-md-4">
772
+ <i>Default value : </i><code>null</code>
773
+ </td>
774
+ </tr>
775
+ </tbody>
776
+ </table>
777
+ <table class="table table-sm table-bordered">
778
+ <tbody>
779
+ <tr>
780
+ <td class="col-md-4">
781
+ <a name="unreadLabel"></a>
782
+ <b>unreadLabel</b>
783
+ </td>
784
+ </tr>
785
+ <tr>
786
+ <td class="col-md-4">
787
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
788
+
789
+ </td>
790
+ </tr>
791
+ <tr>
792
+ <td class="col-md-4">
793
+ <i>Default value : </i><code>null</code>
794
+ </td>
795
+ </tr>
796
+ </tbody>
797
+ </table>
798
+ <table class="table table-sm table-bordered">
799
+ <tbody>
800
+ <tr>
801
+ <td class="col-md-4">
802
+ <a name="viewAllNotificationsLabel"></a>
803
+ <b>viewAllNotificationsLabel</b>
804
+ </td>
805
+ </tr>
806
+ <tr>
807
+ <td class="col-md-4">
808
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
809
+
810
+ </td>
811
+ </tr>
812
+ <tr>
813
+ <td class="col-md-4">
814
+ <i>Default value : </i><code>null</code>
815
+ </td>
816
+ </tr>
817
+ </tbody>
818
+ </table>
819
+ </section>
820
+ <section>
821
+ <h3 id="outputs">Outputs</h3>
822
+ <table class="table table-sm table-bordered">
823
+ <tbody>
824
+ <tr>
825
+ <td class="col-md-4">
826
+ <a name="itemClick"></a>
827
+ <b>itemClick</b>
828
+ </td>
829
+ </tr>
830
+ <tr>
831
+ <td class="col-md-4">
832
+ <i>Type : </i> <code>EventEmitter&lt;any&gt;</code>
833
+
834
+ </td>
835
+ </tr>
836
+ </tbody>
837
+ </table>
838
+ <table class="table table-sm table-bordered">
839
+ <tbody>
840
+ <tr>
841
+ <td class="col-md-4">
842
+ <a name="itemMarkAsReadClick"></a>
843
+ <b>itemMarkAsReadClick</b>
844
+ </td>
845
+ </tr>
846
+ <tr>
847
+ <td class="col-md-4">
848
+ <i>Type : </i> <code>EventEmitter&lt;any&gt;</code>
849
+
850
+ </td>
851
+ </tr>
852
+ </tbody>
853
+ </table>
854
+ <table class="table table-sm table-bordered">
855
+ <tbody>
856
+ <tr>
857
+ <td class="col-md-4">
858
+ <a name="markAllAsReadClick"></a>
859
+ <b>markAllAsReadClick</b>
860
+ </td>
861
+ </tr>
862
+ <tr>
863
+ <td class="col-md-4">
864
+ <i>Type : </i> <code>EventEmitter&lt;any&gt;</code>
865
+
866
+ </td>
867
+ </tr>
868
+ </tbody>
869
+ </table>
870
+ <table class="table table-sm table-bordered">
871
+ <tbody>
872
+ <tr>
873
+ <td class="col-md-4">
874
+ <a name="noNotificationFoundClick"></a>
875
+ <b>noNotificationFoundClick</b>
876
+ </td>
877
+ </tr>
878
+ <tr>
879
+ <td class="col-md-4">
880
+ <i>Type : </i> <code>EventEmitter&lt;any&gt;</code>
881
+
882
+ </td>
883
+ </tr>
884
+ </tbody>
885
+ </table>
886
+ <table class="table table-sm table-bordered">
887
+ <tbody>
888
+ <tr>
889
+ <td class="col-md-4">
890
+ <a name="notificationsClick"></a>
891
+ <b>notificationsClick</b>
892
+ </td>
893
+ </tr>
894
+ <tr>
895
+ <td class="col-md-4">
896
+ <i>Type : </i> <code>EventEmitter&lt;any&gt;</code>
897
+
898
+ </td>
899
+ </tr>
900
+ </tbody>
901
+ </table>
902
+ <table class="table table-sm table-bordered">
903
+ <tbody>
904
+ <tr>
905
+ <td class="col-md-4">
906
+ <a name="refreshClick"></a>
907
+ <b>refreshClick</b>
908
+ </td>
909
+ </tr>
910
+ <tr>
911
+ <td class="col-md-4">
912
+ <i>Type : </i> <code>EventEmitter&lt;any&gt;</code>
913
+
914
+ </td>
915
+ </tr>
916
+ </tbody>
917
+ </table>
918
+ <table class="table table-sm table-bordered">
919
+ <tbody>
920
+ <tr>
921
+ <td class="col-md-4">
922
+ <a name="settingsClick"></a>
923
+ <b>settingsClick</b>
924
+ </td>
925
+ </tr>
926
+ <tr>
927
+ <td class="col-md-4">
928
+ <i>Type : </i> <code>EventEmitter&lt;any&gt;</code>
929
+
930
+ </td>
931
+ </tr>
932
+ </tbody>
933
+ </table>
934
+ <table class="table table-sm table-bordered">
935
+ <tbody>
936
+ <tr>
937
+ <td class="col-md-4">
938
+ <a name="viewAllClick"></a>
939
+ <b>viewAllClick</b>
940
+ </td>
941
+ </tr>
942
+ <tr>
943
+ <td class="col-md-4">
944
+ <i>Type : </i> <code>EventEmitter&lt;any&gt;</code>
945
+
946
+ </td>
947
+ </tr>
948
+ </tbody>
949
+ </table>
950
+ </section>
951
+ <section>
952
+ <h3>HostBindings</h3> <table class="table table-sm table-bordered">
953
+ <tbody>
954
+ <tr>
955
+ <td class="col-md-4">
956
+ <a name="class"></a>
957
+ <span class="name">
958
+ <span ><b>class</b></span>
959
+ <a href="#class"><span class="icon ion-ios-link"></span></a>
960
+ </span>
961
+ </td>
962
+ </tr>
963
+ <tr>
964
+ <td class="col-md-4">
965
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
966
+
967
+ </td>
968
+ </tr>
969
+ <tr>
970
+ <td class="col-md-4">
971
+ <i>Default value : </i><code>&#x27;eui-notifications&#x27;</code>
972
+ </td>
973
+ </tr>
974
+
975
+
976
+ </tbody>
977
+ </table>
978
+ </section>
979
+
980
+ <section>
981
+ <h3>HostListeners</h3> <table class="table table-sm table-bordered">
982
+ <tbody>
983
+ <tr>
984
+ <td class="col-md-4">
985
+ <a name="body:click"></a>
986
+ <span class="name">
987
+ <span ><b>body:click</b></span>
988
+ <a href="#body:click"><span class="icon ion-ios-link"></span></a>
989
+ </span>
990
+ </td>
991
+ </tr>
992
+ <tr>
993
+ <td class="col-md-4">
994
+ <code>body:click()</code>
995
+ </td>
996
+ </tr>
997
+
998
+
999
+
1000
+
1001
+ </tbody>
1002
+ </table>
1003
+ </section>
1004
+ <section>
1005
+
1006
+ <h3 id="methods">
1007
+ Methods
1008
+ </h3>
1009
+ <table class="table table-sm table-bordered">
1010
+ <tbody>
1011
+ <tr>
1012
+ <td class="col-md-4">
1013
+ <a name="onClicked"></a>
1014
+ <span class="name">
1015
+ <span ><b>onClicked</b></span>
1016
+ <a href="#onClicked"><span class="icon ion-ios-link"></span></a>
1017
+ </span>
1018
+ </td>
1019
+ </tr>
1020
+ <tr>
1021
+ <td class="col-md-4">
1022
+ <code>onClicked(event: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
1023
+ </td>
1024
+ </tr>
1025
+
1026
+
1027
+
1028
+
1029
+ <tr>
1030
+ <td class="col-md-4">
1031
+
1032
+ <div class="io-description">
1033
+ <b>Parameters :</b>
1034
+
1035
+ <table class="params">
1036
+ <thead>
1037
+ <tr>
1038
+ <td>Name</td>
1039
+ <td>Type</td>
1040
+ <td>Optional</td>
1041
+ </tr>
1042
+ </thead>
1043
+ <tbody>
1044
+ <tr>
1045
+ <td>event</td>
1046
+ <td>
1047
+ <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
1048
+ </td>
1049
+
1050
+ <td>
1051
+ No
1052
+ </td>
1053
+
1054
+
1055
+ </tr>
1056
+ </tbody>
1057
+ </table>
1058
+ </div>
1059
+ <div>
1060
+ </div>
1061
+ <div class="io-description">
1062
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1063
+
1064
+ </div>
1065
+ <div class="io-description">
1066
+
1067
+ </div>
1068
+ </td>
1069
+ </tr>
1070
+ </tbody>
1071
+ </table>
1072
+ <table class="table table-sm table-bordered">
1073
+ <tbody>
1074
+ <tr>
1075
+ <td class="col-md-4">
1076
+ <a name="onHide"></a>
1077
+ <span class="name">
1078
+ <span ><b>onHide</b></span>
1079
+ <a href="#onHide"><span class="icon ion-ios-link"></span></a>
1080
+ </span>
1081
+ </td>
1082
+ </tr>
1083
+ <tr>
1084
+ <td class="col-md-4">
1085
+ <code>onHide()</code>
1086
+ </td>
1087
+ </tr>
1088
+
1089
+ <tr>
1090
+ <td class="col-md-4">
1091
+ <b>Decorators : </b>
1092
+ <br />
1093
+ <code>@HostListener(&#x27;body:click&#x27;)<br /></code>
1094
+ </td>
1095
+ </tr>
1096
+
1097
+
1098
+
1099
+ <tr>
1100
+ <td class="col-md-4">
1101
+
1102
+ <div class="io-description">
1103
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1104
+
1105
+ </div>
1106
+ </td>
1107
+ </tr>
1108
+ </tbody>
1109
+ </table>
1110
+ <table class="table table-sm table-bordered">
1111
+ <tbody>
1112
+ <tr>
1113
+ <td class="col-md-4">
1114
+ <a name="onItemClick"></a>
1115
+ <span class="name">
1116
+ <span ><b>onItemClick</b></span>
1117
+ <a href="#onItemClick"><span class="icon ion-ios-link"></span></a>
1118
+ </span>
1119
+ </td>
1120
+ </tr>
1121
+ <tr>
1122
+ <td class="col-md-4">
1123
+ <code>onItemClick(link: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
1124
+ </td>
1125
+ </tr>
1126
+
1127
+
1128
+
1129
+
1130
+ <tr>
1131
+ <td class="col-md-4">
1132
+
1133
+ <div class="io-description">
1134
+ <b>Parameters :</b>
1135
+
1136
+ <table class="params">
1137
+ <thead>
1138
+ <tr>
1139
+ <td>Name</td>
1140
+ <td>Type</td>
1141
+ <td>Optional</td>
1142
+ </tr>
1143
+ </thead>
1144
+ <tbody>
1145
+ <tr>
1146
+ <td>link</td>
1147
+ <td>
1148
+ <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
1149
+ </td>
1150
+
1151
+ <td>
1152
+ No
1153
+ </td>
1154
+
1155
+
1156
+ </tr>
1157
+ </tbody>
1158
+ </table>
1159
+ </div>
1160
+ <div>
1161
+ </div>
1162
+ <div class="io-description">
1163
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1164
+
1165
+ </div>
1166
+ <div class="io-description">
1167
+
1168
+ </div>
1169
+ </td>
1170
+ </tr>
1171
+ </tbody>
1172
+ </table>
1173
+ <table class="table table-sm table-bordered">
1174
+ <tbody>
1175
+ <tr>
1176
+ <td class="col-md-4">
1177
+ <a name="onItemMarkAsRead"></a>
1178
+ <span class="name">
1179
+ <span ><b>onItemMarkAsRead</b></span>
1180
+ <a href="#onItemMarkAsRead"><span class="icon ion-ios-link"></span></a>
1181
+ </span>
1182
+ </td>
1183
+ </tr>
1184
+ <tr>
1185
+ <td class="col-md-4">
1186
+ <code>onItemMarkAsRead(link: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
1187
+ </td>
1188
+ </tr>
1189
+
1190
+
1191
+
1192
+
1193
+ <tr>
1194
+ <td class="col-md-4">
1195
+
1196
+ <div class="io-description">
1197
+ <b>Parameters :</b>
1198
+
1199
+ <table class="params">
1200
+ <thead>
1201
+ <tr>
1202
+ <td>Name</td>
1203
+ <td>Type</td>
1204
+ <td>Optional</td>
1205
+ </tr>
1206
+ </thead>
1207
+ <tbody>
1208
+ <tr>
1209
+ <td>link</td>
1210
+ <td>
1211
+ <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
1212
+ </td>
1213
+
1214
+ <td>
1215
+ No
1216
+ </td>
1217
+
1218
+
1219
+ </tr>
1220
+ </tbody>
1221
+ </table>
1222
+ </div>
1223
+ <div>
1224
+ </div>
1225
+ <div class="io-description">
1226
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1227
+
1228
+ </div>
1229
+ <div class="io-description">
1230
+
1231
+ </div>
1232
+ </td>
1233
+ </tr>
1234
+ </tbody>
1235
+ </table>
1236
+ <table class="table table-sm table-bordered">
1237
+ <tbody>
1238
+ <tr>
1239
+ <td class="col-md-4">
1240
+ <a name="onMarkAllAsRead"></a>
1241
+ <span class="name">
1242
+ <span ><b>onMarkAllAsRead</b></span>
1243
+ <a href="#onMarkAllAsRead"><span class="icon ion-ios-link"></span></a>
1244
+ </span>
1245
+ </td>
1246
+ </tr>
1247
+ <tr>
1248
+ <td class="col-md-4">
1249
+ <code>onMarkAllAsRead(e)</code>
1250
+ </td>
341
1251
  </tr>
342
1252
 
1253
+
1254
+
1255
+
343
1256
  <tr>
344
1257
  <td class="col-md-4">
345
- <b>Decorators : </b>
346
- <br />
347
- <code>@HostListener(&#x27;body:click&#x27;)<br /></code>
1258
+
1259
+ <div class="io-description">
1260
+ <b>Parameters :</b>
1261
+
1262
+ <table class="params">
1263
+ <thead>
1264
+ <tr>
1265
+ <td>Name</td>
1266
+ <td>Optional</td>
1267
+ </tr>
1268
+ </thead>
1269
+ <tbody>
1270
+ <tr>
1271
+ <td>e</td>
1272
+
1273
+ <td>
1274
+ No
1275
+ </td>
1276
+
1277
+
1278
+ </tr>
1279
+ </tbody>
1280
+ </table>
1281
+ </div>
1282
+ <div>
1283
+ </div>
1284
+ <div class="io-description">
1285
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1286
+
1287
+ </div>
1288
+ <div class="io-description">
1289
+
1290
+ </div>
1291
+ </td>
1292
+ </tr>
1293
+ </tbody>
1294
+ </table>
1295
+ <table class="table table-sm table-bordered">
1296
+ <tbody>
1297
+ <tr>
1298
+ <td class="col-md-4">
1299
+ <a name="onNoNotificationFoundClick"></a>
1300
+ <span class="name">
1301
+ <span ><b>onNoNotificationFoundClick</b></span>
1302
+ <a href="#onNoNotificationFoundClick"><span class="icon ion-ios-link"></span></a>
1303
+ </span>
1304
+ </td>
1305
+ </tr>
1306
+ <tr>
1307
+ <td class="col-md-4">
1308
+ <code>onNoNotificationFoundClick(event: <a href="https://angular.io/api/router/Event" target="_blank">Event</a>)</code>
1309
+ </td>
1310
+ </tr>
1311
+
1312
+
1313
+
1314
+
1315
+ <tr>
1316
+ <td class="col-md-4">
1317
+
1318
+ <div class="io-description">
1319
+ <b>Parameters :</b>
1320
+
1321
+ <table class="params">
1322
+ <thead>
1323
+ <tr>
1324
+ <td>Name</td>
1325
+ <td>Type</td>
1326
+ <td>Optional</td>
1327
+ </tr>
1328
+ </thead>
1329
+ <tbody>
1330
+ <tr>
1331
+ <td>event</td>
1332
+ <td>
1333
+ <code><a href="https://angular.io/api/router/Event" target="_blank" >Event</a></code>
1334
+ </td>
1335
+
1336
+ <td>
1337
+ No
1338
+ </td>
1339
+
1340
+
1341
+ </tr>
1342
+ </tbody>
1343
+ </table>
1344
+ </div>
1345
+ <div>
1346
+ </div>
1347
+ <div class="io-description">
1348
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1349
+
1350
+ </div>
1351
+ <div class="io-description">
1352
+
1353
+ </div>
1354
+ </td>
1355
+ </tr>
1356
+ </tbody>
1357
+ </table>
1358
+ <table class="table table-sm table-bordered">
1359
+ <tbody>
1360
+ <tr>
1361
+ <td class="col-md-4">
1362
+ <a name="onRefresh"></a>
1363
+ <span class="name">
1364
+ <span ><b>onRefresh</b></span>
1365
+ <a href="#onRefresh"><span class="icon ion-ios-link"></span></a>
1366
+ </span>
1367
+ </td>
1368
+ </tr>
1369
+ <tr>
1370
+ <td class="col-md-4">
1371
+ <code>onRefresh(event: <a href="https://angular.io/api/router/Event" target="_blank">Event</a>)</code>
1372
+ </td>
1373
+ </tr>
1374
+
1375
+
1376
+
1377
+
1378
+ <tr>
1379
+ <td class="col-md-4">
1380
+
1381
+ <div class="io-description">
1382
+ <b>Parameters :</b>
1383
+
1384
+ <table class="params">
1385
+ <thead>
1386
+ <tr>
1387
+ <td>Name</td>
1388
+ <td>Type</td>
1389
+ <td>Optional</td>
1390
+ </tr>
1391
+ </thead>
1392
+ <tbody>
1393
+ <tr>
1394
+ <td>event</td>
1395
+ <td>
1396
+ <code><a href="https://angular.io/api/router/Event" target="_blank" >Event</a></code>
1397
+ </td>
1398
+
1399
+ <td>
1400
+ No
1401
+ </td>
1402
+
1403
+
1404
+ </tr>
1405
+ </tbody>
1406
+ </table>
1407
+ </div>
1408
+ <div>
1409
+ </div>
1410
+ <div class="io-description">
1411
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1412
+
1413
+ </div>
1414
+ <div class="io-description">
1415
+
1416
+ </div>
1417
+ </td>
1418
+ </tr>
1419
+ </tbody>
1420
+ </table>
1421
+ <table class="table table-sm table-bordered">
1422
+ <tbody>
1423
+ <tr>
1424
+ <td class="col-md-4">
1425
+ <a name="onSettings"></a>
1426
+ <span class="name">
1427
+ <span ><b>onSettings</b></span>
1428
+ <a href="#onSettings"><span class="icon ion-ios-link"></span></a>
1429
+ </span>
1430
+ </td>
1431
+ </tr>
1432
+ <tr>
1433
+ <td class="col-md-4">
1434
+ <code>onSettings(e)</code>
1435
+ </td>
1436
+ </tr>
1437
+
1438
+
1439
+
1440
+
1441
+ <tr>
1442
+ <td class="col-md-4">
1443
+
1444
+ <div class="io-description">
1445
+ <b>Parameters :</b>
1446
+
1447
+ <table class="params">
1448
+ <thead>
1449
+ <tr>
1450
+ <td>Name</td>
1451
+ <td>Optional</td>
1452
+ </tr>
1453
+ </thead>
1454
+ <tbody>
1455
+ <tr>
1456
+ <td>e</td>
1457
+
1458
+ <td>
1459
+ No
1460
+ </td>
1461
+
1462
+
1463
+ </tr>
1464
+ </tbody>
1465
+ </table>
1466
+ </div>
1467
+ <div>
1468
+ </div>
1469
+ <div class="io-description">
1470
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1471
+
1472
+ </div>
1473
+ <div class="io-description">
1474
+
1475
+ </div>
1476
+ </td>
1477
+ </tr>
1478
+ </tbody>
1479
+ </table>
1480
+ <table class="table table-sm table-bordered">
1481
+ <tbody>
1482
+ <tr>
1483
+ <td class="col-md-4">
1484
+ <a name="onViewAllClick"></a>
1485
+ <span class="name">
1486
+ <span ><b>onViewAllClick</b></span>
1487
+ <a href="#onViewAllClick"><span class="icon ion-ios-link"></span></a>
1488
+ </span>
1489
+ </td>
1490
+ </tr>
1491
+ <tr>
1492
+ <td class="col-md-4">
1493
+ <code>onViewAllClick(event: <a href="https://angular.io/api/router/Event" target="_blank">Event</a>)</code>
348
1494
  </td>
349
1495
  </tr>
350
1496
 
351
1497
 
352
1498
 
1499
+
353
1500
  <tr>
354
1501
  <td class="col-md-4">
355
1502
 
1503
+ <div class="io-description">
1504
+ <b>Parameters :</b>
1505
+
1506
+ <table class="params">
1507
+ <thead>
1508
+ <tr>
1509
+ <td>Name</td>
1510
+ <td>Type</td>
1511
+ <td>Optional</td>
1512
+ </tr>
1513
+ </thead>
1514
+ <tbody>
1515
+ <tr>
1516
+ <td>event</td>
1517
+ <td>
1518
+ <code><a href="https://angular.io/api/router/Event" target="_blank" >Event</a></code>
1519
+ </td>
1520
+
1521
+ <td>
1522
+ No
1523
+ </td>
1524
+
1525
+
1526
+ </tr>
1527
+ </tbody>
1528
+ </table>
1529
+ </div>
1530
+ <div>
1531
+ </div>
356
1532
  <div class="io-description">
357
1533
  <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
358
1534
 
1535
+ </div>
1536
+ <div class="io-description">
1537
+
359
1538
  </div>
360
1539
  </td>
361
1540
  </tr>
@@ -365,16 +1544,16 @@
365
1544
  <tbody>
366
1545
  <tr>
367
1546
  <td class="col-md-4">
368
- <a name="onClicked"></a>
1547
+ <a name="trackByFn"></a>
369
1548
  <span class="name">
370
- <span ><b>onClicked</b></span>
371
- <a href="#onClicked"><span class="icon ion-ios-link"></span></a>
1549
+ <span ><b>trackByFn</b></span>
1550
+ <a href="#trackByFn"><span class="icon ion-ios-link"></span></a>
372
1551
  </span>
373
1552
  </td>
374
1553
  </tr>
375
1554
  <tr>
376
1555
  <td class="col-md-4">
377
- <code>onClicked(event: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
1556
+ <code>trackByFn(index: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>, item: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
378
1557
  </td>
379
1558
  </tr>
380
1559
 
@@ -397,7 +1576,19 @@
397
1576
  </thead>
398
1577
  <tbody>
399
1578
  <tr>
400
- <td>event</td>
1579
+ <td>index</td>
1580
+ <td>
1581
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
1582
+ </td>
1583
+
1584
+ <td>
1585
+ No
1586
+ </td>
1587
+
1588
+
1589
+ </tr>
1590
+ <tr>
1591
+ <td>item</td>
401
1592
  <td>
402
1593
  <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
403
1594
  </td>
@@ -414,7 +1605,7 @@
414
1605
  <div>
415
1606
  </div>
416
1607
  <div class="io-description">
417
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1608
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
418
1609
 
419
1610
  </div>
420
1611
  <div class="io-description">
@@ -430,6 +1621,32 @@
430
1621
  <h3 id="inputs">
431
1622
  Properties
432
1623
  </h3>
1624
+ <table class="table table-sm table-bordered">
1625
+ <tbody>
1626
+ <tr>
1627
+ <td class="col-md-4">
1628
+ <a name="currentDayNotifications"></a>
1629
+ <span class="name">
1630
+ <span ><b>currentDayNotifications</b></span>
1631
+ <a href="#currentDayNotifications"><span class="icon ion-ios-link"></span></a>
1632
+ </span>
1633
+ </td>
1634
+ </tr>
1635
+ <tr>
1636
+ <td class="col-md-4">
1637
+ <i>Type : </i> <code>[]</code>
1638
+
1639
+ </td>
1640
+ </tr>
1641
+ <tr>
1642
+ <td class="col-md-4">
1643
+ <i>Default value : </i><code>[]</code>
1644
+ </td>
1645
+ </tr>
1646
+
1647
+
1648
+ </tbody>
1649
+ </table>
433
1650
  <table class="table table-sm table-bordered">
434
1651
  <tbody>
435
1652
  <tr>
@@ -448,6 +1665,32 @@
448
1665
  </tr>
449
1666
 
450
1667
 
1668
+ </tbody>
1669
+ </table>
1670
+ <table class="table table-sm table-bordered">
1671
+ <tbody>
1672
+ <tr>
1673
+ <td class="col-md-4">
1674
+ <a name="oldestNotifications"></a>
1675
+ <span class="name">
1676
+ <span ><b>oldestNotifications</b></span>
1677
+ <a href="#oldestNotifications"><span class="icon ion-ios-link"></span></a>
1678
+ </span>
1679
+ </td>
1680
+ </tr>
1681
+ <tr>
1682
+ <td class="col-md-4">
1683
+ <i>Type : </i> <code>[]</code>
1684
+
1685
+ </td>
1686
+ </tr>
1687
+ <tr>
1688
+ <td class="col-md-4">
1689
+ <i>Default value : </i><code>[]</code>
1690
+ </td>
1691
+ </tr>
1692
+
1693
+
451
1694
  </tbody>
452
1695
  </table>
453
1696
  <table class="table table-sm table-bordered">
@@ -483,10 +1726,539 @@
483
1726
  </tr>
484
1727
 
485
1728
 
1729
+ </tbody>
1730
+ </table>
1731
+ <table class="table table-sm table-bordered">
1732
+ <tbody>
1733
+ <tr>
1734
+ <td class="col-md-4">
1735
+ <a name="today"></a>
1736
+ <span class="name">
1737
+ <span ><b>today</b></span>
1738
+ <a href="#today"><span class="icon ion-ios-link"></span></a>
1739
+ </span>
1740
+ </td>
1741
+ </tr>
1742
+ <tr>
1743
+ <td class="col-md-4">
1744
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date" target="_blank" >Date</a></code>
1745
+
1746
+ </td>
1747
+ </tr>
1748
+ <tr>
1749
+ <td class="col-md-4">
1750
+ <i>Default value : </i><code>new Date()</code>
1751
+ </td>
1752
+ </tr>
1753
+
1754
+
1755
+ </tbody>
1756
+ </table>
1757
+ <table class="table table-sm table-bordered">
1758
+ <tbody>
1759
+ <tr>
1760
+ <td class="col-md-4">
1761
+ <a name="unreadNotifications"></a>
1762
+ <span class="name">
1763
+ <span ><b>unreadNotifications</b></span>
1764
+ <a href="#unreadNotifications"><span class="icon ion-ios-link"></span></a>
1765
+ </span>
1766
+ </td>
1767
+ </tr>
1768
+ <tr>
1769
+ <td class="col-md-4">
1770
+ <i>Type : </i> <code>[]</code>
1771
+
1772
+ </td>
1773
+ </tr>
1774
+ <tr>
1775
+ <td class="col-md-4">
1776
+ <i>Default value : </i><code>[]</code>
1777
+ </td>
1778
+ </tr>
1779
+
1780
+
486
1781
  </tbody>
487
1782
  </table>
488
1783
  </section>
489
1784
 
1785
+ <section>
1786
+ <h3 id="accessors">
1787
+ Accessors
1788
+ </h3>
1789
+ <table class="table table-sm table-bordered">
1790
+ <tbody>
1791
+ <tr>
1792
+ <td class="col-md-4">
1793
+ <a name="noNotificationFoundLink"></a>
1794
+ <span class="name"><b>noNotificationFoundLink</b><a href="#noNotificationFoundLink"><span class="icon ion-ios-link"></span></a></span>
1795
+ </td>
1796
+ </tr>
1797
+
1798
+ <tr>
1799
+ <td class="col-md-4">
1800
+ <span class="accessor"><b>get</b><code>noNotificationFoundLink()</code></span>
1801
+ </td>
1802
+ </tr>
1803
+
1804
+ <tr>
1805
+ <td class="col-md-4">
1806
+ <span class="accessor"><b>set</b><code>noNotificationFoundLink(value: BooleanInput)</code></span>
1807
+ </td>
1808
+ </tr>
1809
+ <tr>
1810
+ <td class="col-md-4">
1811
+
1812
+ <div class="io-description">
1813
+ <b>Parameters :</b>
1814
+ <table class="params">
1815
+ <thead>
1816
+ <tr>
1817
+ <td>Name</td>
1818
+ <td>Type</td>
1819
+ <td>Optional</td>
1820
+ </tr>
1821
+ </thead>
1822
+ <tbody>
1823
+ <tr>
1824
+ <td>value</td>
1825
+
1826
+ <td>
1827
+ <code>BooleanInput</code>
1828
+ </td>
1829
+
1830
+ <td>
1831
+ No
1832
+ </td>
1833
+
1834
+ </tr>
1835
+ </tbody>
1836
+ </table>
1837
+ </div>
1838
+ <div>
1839
+ </div>
1840
+ <div class="io-description">
1841
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1842
+
1843
+ </div>
1844
+ </td>
1845
+ </tr>
1846
+ </tbody>
1847
+ </table>
1848
+ <table class="table table-sm table-bordered">
1849
+ <tbody>
1850
+ <tr>
1851
+ <td class="col-md-4">
1852
+ <a name="isShowMarkAsRead"></a>
1853
+ <span class="name"><b>isShowMarkAsRead</b><a href="#isShowMarkAsRead"><span class="icon ion-ios-link"></span></a></span>
1854
+ </td>
1855
+ </tr>
1856
+
1857
+ <tr>
1858
+ <td class="col-md-4">
1859
+ <span class="accessor"><b>get</b><code>isShowMarkAsRead()</code></span>
1860
+ </td>
1861
+ </tr>
1862
+
1863
+ <tr>
1864
+ <td class="col-md-4">
1865
+ <span class="accessor"><b>set</b><code>isShowMarkAsRead(value: BooleanInput)</code></span>
1866
+ </td>
1867
+ </tr>
1868
+ <tr>
1869
+ <td class="col-md-4">
1870
+
1871
+ <div class="io-description">
1872
+ <b>Parameters :</b>
1873
+ <table class="params">
1874
+ <thead>
1875
+ <tr>
1876
+ <td>Name</td>
1877
+ <td>Type</td>
1878
+ <td>Optional</td>
1879
+ </tr>
1880
+ </thead>
1881
+ <tbody>
1882
+ <tr>
1883
+ <td>value</td>
1884
+
1885
+ <td>
1886
+ <code>BooleanInput</code>
1887
+ </td>
1888
+
1889
+ <td>
1890
+ No
1891
+ </td>
1892
+
1893
+ </tr>
1894
+ </tbody>
1895
+ </table>
1896
+ </div>
1897
+ <div>
1898
+ </div>
1899
+ <div class="io-description">
1900
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1901
+
1902
+ </div>
1903
+ </td>
1904
+ </tr>
1905
+ </tbody>
1906
+ </table>
1907
+ <table class="table table-sm table-bordered">
1908
+ <tbody>
1909
+ <tr>
1910
+ <td class="col-md-4">
1911
+ <a name="isShowViewAllAction"></a>
1912
+ <span class="name"><b>isShowViewAllAction</b><a href="#isShowViewAllAction"><span class="icon ion-ios-link"></span></a></span>
1913
+ </td>
1914
+ </tr>
1915
+
1916
+ <tr>
1917
+ <td class="col-md-4">
1918
+ <span class="accessor"><b>get</b><code>isShowViewAllAction()</code></span>
1919
+ </td>
1920
+ </tr>
1921
+
1922
+ <tr>
1923
+ <td class="col-md-4">
1924
+ <span class="accessor"><b>set</b><code>isShowViewAllAction(value: BooleanInput)</code></span>
1925
+ </td>
1926
+ </tr>
1927
+ <tr>
1928
+ <td class="col-md-4">
1929
+
1930
+ <div class="io-description">
1931
+ <b>Parameters :</b>
1932
+ <table class="params">
1933
+ <thead>
1934
+ <tr>
1935
+ <td>Name</td>
1936
+ <td>Type</td>
1937
+ <td>Optional</td>
1938
+ </tr>
1939
+ </thead>
1940
+ <tbody>
1941
+ <tr>
1942
+ <td>value</td>
1943
+
1944
+ <td>
1945
+ <code>BooleanInput</code>
1946
+ </td>
1947
+
1948
+ <td>
1949
+ No
1950
+ </td>
1951
+
1952
+ </tr>
1953
+ </tbody>
1954
+ </table>
1955
+ </div>
1956
+ <div>
1957
+ </div>
1958
+ <div class="io-description">
1959
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1960
+
1961
+ </div>
1962
+ </td>
1963
+ </tr>
1964
+ </tbody>
1965
+ </table>
1966
+ <table class="table table-sm table-bordered">
1967
+ <tbody>
1968
+ <tr>
1969
+ <td class="col-md-4">
1970
+ <a name="isHidePanelOnViewAllAction"></a>
1971
+ <span class="name"><b>isHidePanelOnViewAllAction</b><a href="#isHidePanelOnViewAllAction"><span class="icon ion-ios-link"></span></a></span>
1972
+ </td>
1973
+ </tr>
1974
+
1975
+ <tr>
1976
+ <td class="col-md-4">
1977
+ <span class="accessor"><b>get</b><code>isHidePanelOnViewAllAction()</code></span>
1978
+ </td>
1979
+ </tr>
1980
+
1981
+ <tr>
1982
+ <td class="col-md-4">
1983
+ <span class="accessor"><b>set</b><code>isHidePanelOnViewAllAction(value: BooleanInput)</code></span>
1984
+ </td>
1985
+ </tr>
1986
+ <tr>
1987
+ <td class="col-md-4">
1988
+
1989
+ <div class="io-description">
1990
+ <b>Parameters :</b>
1991
+ <table class="params">
1992
+ <thead>
1993
+ <tr>
1994
+ <td>Name</td>
1995
+ <td>Type</td>
1996
+ <td>Optional</td>
1997
+ </tr>
1998
+ </thead>
1999
+ <tbody>
2000
+ <tr>
2001
+ <td>value</td>
2002
+
2003
+ <td>
2004
+ <code>BooleanInput</code>
2005
+ </td>
2006
+
2007
+ <td>
2008
+ No
2009
+ </td>
2010
+
2011
+ </tr>
2012
+ </tbody>
2013
+ </table>
2014
+ </div>
2015
+ <div>
2016
+ </div>
2017
+ <div class="io-description">
2018
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
2019
+
2020
+ </div>
2021
+ </td>
2022
+ </tr>
2023
+ </tbody>
2024
+ </table>
2025
+ <table class="table table-sm table-bordered">
2026
+ <tbody>
2027
+ <tr>
2028
+ <td class="col-md-4">
2029
+ <a name="customUnreadCount"></a>
2030
+ <span class="name"><b>customUnreadCount</b><a href="#customUnreadCount"><span class="icon ion-ios-link"></span></a></span>
2031
+ </td>
2032
+ </tr>
2033
+
2034
+ <tr>
2035
+ <td class="col-md-4">
2036
+ <span class="accessor"><b>get</b><code>customUnreadCount()</code></span>
2037
+ </td>
2038
+ </tr>
2039
+
2040
+ <tr>
2041
+ <td class="col-md-4">
2042
+ <span class="accessor"><b>set</b><code>customUnreadCount(value: BooleanInput)</code></span>
2043
+ </td>
2044
+ </tr>
2045
+ <tr>
2046
+ <td class="col-md-4">
2047
+
2048
+ <div class="io-description">
2049
+ <b>Parameters :</b>
2050
+ <table class="params">
2051
+ <thead>
2052
+ <tr>
2053
+ <td>Name</td>
2054
+ <td>Type</td>
2055
+ <td>Optional</td>
2056
+ </tr>
2057
+ </thead>
2058
+ <tbody>
2059
+ <tr>
2060
+ <td>value</td>
2061
+
2062
+ <td>
2063
+ <code>BooleanInput</code>
2064
+ </td>
2065
+
2066
+ <td>
2067
+ No
2068
+ </td>
2069
+
2070
+ </tr>
2071
+ </tbody>
2072
+ </table>
2073
+ </div>
2074
+ <div>
2075
+ </div>
2076
+ <div class="io-description">
2077
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
2078
+
2079
+ </div>
2080
+ </td>
2081
+ </tr>
2082
+ </tbody>
2083
+ </table>
2084
+ <table class="table table-sm table-bordered">
2085
+ <tbody>
2086
+ <tr>
2087
+ <td class="col-md-4">
2088
+ <a name="isShowMarkAllAsReadButton"></a>
2089
+ <span class="name"><b>isShowMarkAllAsReadButton</b><a href="#isShowMarkAllAsReadButton"><span class="icon ion-ios-link"></span></a></span>
2090
+ </td>
2091
+ </tr>
2092
+
2093
+ <tr>
2094
+ <td class="col-md-4">
2095
+ <span class="accessor"><b>get</b><code>isShowMarkAllAsReadButton()</code></span>
2096
+ </td>
2097
+ </tr>
2098
+
2099
+ <tr>
2100
+ <td class="col-md-4">
2101
+ <span class="accessor"><b>set</b><code>isShowMarkAllAsReadButton(value: BooleanInput)</code></span>
2102
+ </td>
2103
+ </tr>
2104
+ <tr>
2105
+ <td class="col-md-4">
2106
+
2107
+ <div class="io-description">
2108
+ <b>Parameters :</b>
2109
+ <table class="params">
2110
+ <thead>
2111
+ <tr>
2112
+ <td>Name</td>
2113
+ <td>Type</td>
2114
+ <td>Optional</td>
2115
+ </tr>
2116
+ </thead>
2117
+ <tbody>
2118
+ <tr>
2119
+ <td>value</td>
2120
+
2121
+ <td>
2122
+ <code>BooleanInput</code>
2123
+ </td>
2124
+
2125
+ <td>
2126
+ No
2127
+ </td>
2128
+
2129
+ </tr>
2130
+ </tbody>
2131
+ </table>
2132
+ </div>
2133
+ <div>
2134
+ </div>
2135
+ <div class="io-description">
2136
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
2137
+
2138
+ </div>
2139
+ </td>
2140
+ </tr>
2141
+ </tbody>
2142
+ </table>
2143
+ <table class="table table-sm table-bordered">
2144
+ <tbody>
2145
+ <tr>
2146
+ <td class="col-md-4">
2147
+ <a name="isShowSettingsButton"></a>
2148
+ <span class="name"><b>isShowSettingsButton</b><a href="#isShowSettingsButton"><span class="icon ion-ios-link"></span></a></span>
2149
+ </td>
2150
+ </tr>
2151
+
2152
+ <tr>
2153
+ <td class="col-md-4">
2154
+ <span class="accessor"><b>get</b><code>isShowSettingsButton()</code></span>
2155
+ </td>
2156
+ </tr>
2157
+
2158
+ <tr>
2159
+ <td class="col-md-4">
2160
+ <span class="accessor"><b>set</b><code>isShowSettingsButton(value: BooleanInput)</code></span>
2161
+ </td>
2162
+ </tr>
2163
+ <tr>
2164
+ <td class="col-md-4">
2165
+
2166
+ <div class="io-description">
2167
+ <b>Parameters :</b>
2168
+ <table class="params">
2169
+ <thead>
2170
+ <tr>
2171
+ <td>Name</td>
2172
+ <td>Type</td>
2173
+ <td>Optional</td>
2174
+ </tr>
2175
+ </thead>
2176
+ <tbody>
2177
+ <tr>
2178
+ <td>value</td>
2179
+
2180
+ <td>
2181
+ <code>BooleanInput</code>
2182
+ </td>
2183
+
2184
+ <td>
2185
+ No
2186
+ </td>
2187
+
2188
+ </tr>
2189
+ </tbody>
2190
+ </table>
2191
+ </div>
2192
+ <div>
2193
+ </div>
2194
+ <div class="io-description">
2195
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
2196
+
2197
+ </div>
2198
+ </td>
2199
+ </tr>
2200
+ </tbody>
2201
+ </table>
2202
+ <table class="table table-sm table-bordered">
2203
+ <tbody>
2204
+ <tr>
2205
+ <td class="col-md-4">
2206
+ <a name="isShowRefreshButton"></a>
2207
+ <span class="name"><b>isShowRefreshButton</b><a href="#isShowRefreshButton"><span class="icon ion-ios-link"></span></a></span>
2208
+ </td>
2209
+ </tr>
2210
+
2211
+ <tr>
2212
+ <td class="col-md-4">
2213
+ <span class="accessor"><b>get</b><code>isShowRefreshButton()</code></span>
2214
+ </td>
2215
+ </tr>
2216
+
2217
+ <tr>
2218
+ <td class="col-md-4">
2219
+ <span class="accessor"><b>set</b><code>isShowRefreshButton(value: BooleanInput)</code></span>
2220
+ </td>
2221
+ </tr>
2222
+ <tr>
2223
+ <td class="col-md-4">
2224
+
2225
+ <div class="io-description">
2226
+ <b>Parameters :</b>
2227
+ <table class="params">
2228
+ <thead>
2229
+ <tr>
2230
+ <td>Name</td>
2231
+ <td>Type</td>
2232
+ <td>Optional</td>
2233
+ </tr>
2234
+ </thead>
2235
+ <tbody>
2236
+ <tr>
2237
+ <td>value</td>
2238
+
2239
+ <td>
2240
+ <code>BooleanInput</code>
2241
+ </td>
2242
+
2243
+ <td>
2244
+ No
2245
+ </td>
2246
+
2247
+ </tr>
2248
+ </tbody>
2249
+ </table>
2250
+ </div>
2251
+ <div>
2252
+ </div>
2253
+ <div class="io-description">
2254
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
2255
+
2256
+ </div>
2257
+ </td>
2258
+ </tr>
2259
+ </tbody>
2260
+ </table>
2261
+ </section>
490
2262
  </div>
491
2263
 
492
2264
 
@@ -501,7 +2273,7 @@
501
2273
  <script src="../js/libs/htmlparser.js"></script>
502
2274
  <script src="../js/libs/deep-iterator.js"></script>
503
2275
  <script>
504
- var COMPONENT_TEMPLATE = '<div><eui-icon role="button" euiSizeL iconClass="eui-icon-bell" styleClass="eui-u-cursor-pointer" (click)="onClicked($event)"> <eui-badge *ngIf="count" euiSizeS euiDanger>{{count}}</eui-badge></eui-icon><eui-overlay [isActive]="isOverlayActive"> <eui-overlay-header euiPrimary> <h4 class="eui-u-text-center">Notifications</h4> <div class="eui-overlay-header-toolbar"> <eui-icon iconClass="eui-icon-close-m eui-u-color-grey eui-u-cursor-pointer"></eui-icon> </div> </eui-overlay-header> <eui-overlay-body> <ul class="eui-notifications-items" *ngIf="items"> <li *ngFor="let item of items" class="eui-notification-item"> <div class="label-wrapper"> <div class="label">{{item.label}}</div> <div class="sub-label">{{item.subLabel}}</div> </div> <div class="date-wrapper"> <div class="date">{{item.date}}</div> <div class="days-from"> x days ago </div> </div> </li> </ul> </eui-overlay-body> <eui-overlay-footer> <div class="eui-u-text-center"><a>View all notifications</a></div> </eui-overlay-footer></eui-overlay></div>'
2276
+ var COMPONENT_TEMPLATE = '<div><eui-icon role="button" euiSizeL iconClass="eui-icon-bell" styleClass="eui-u-cursor-pointer" (click)="onClicked($event)"> <eui-badge *ngIf="count" euiSizeS euiDanger>{{count}}</eui-badge></eui-icon><eui-overlay [isActive]="isOverlayActive"> <eui-overlay-header> <div class="eui-notifications__header-title"> <div class="eui-notifications__header-title-label"> {{headerTitleLabel ? headerTitleLabel : (\'eui.MYNOTIFICATIONS\'| translate)}} <span *ngIf="items" class="eui-u-cursor-help eui-u-ml-s" attr.aria-label="{{unreadLabel ? unreadLabel : (\'eui.NOTIFICATIONSUNREAD\'| translate)}}" title="{{unreadLabel ? unreadLabel : (\'eui.NOTIFICATIONSUNREAD\'| translate)}}"> </span> <eui-badge euiSizeL *ngIf="count">{{ count }}</eui-badge> <eui-badge euiSizeL *ngIf="!count">{{ items.length }}</eui-badge> </div> </div> <div *ngIf="items" class="eui-notifications__header-actions"> <button type="button" euiButton euiPrimary euiRounded euiIconButton euiBasicButton euiSizeS *ngIf="isShowMarkAllAsReadButton" [attr.aria-label]="markAllAsReadLabel ? markAllAsReadLabel : (\'eui.NOTIFICATIONMARKALLASREAD\' | translate)" title="{{ markAllAsReadLabel ? markAllAsReadLabel : (\'eui.NOTIFICATIONMARKALLASREAD\' | translate) }}" (click)="onMarkAllAsRead($event)"> <!-- <span class="eui-icon eui-icon-check"></span> --> <eui-icon-svg icon="checkmark-done" set="sharp" size="s" fillColor="primary-100"></eui-icon-svg> </button> <button type="button" euiButton euiPrimary euiRounded euiIconButton euiBasicButton euiSizeS *ngIf="isShowSettingsButton" [attr.aria-label]="settingsLabel ? settingsLabel : (\'eui.SETTINGS\' | translate)" title="{{ settingsLabel ? settingsLabel : (\'eui.SETTINGS\' | translate) }}" (click)="onSettings($event)"> <span class="eui-icon eui-icon-ecl-gear"></span> <!-- <eui-icon-svg icon="cog" set="sharp" size="s" fillColor="primary-100"></eui-icon-svg> --> </button> <button type="button" euiButton euiPrimary euiRounded euiIconButton euiBasicButton euiSizeS *ngIf="isShowRefreshButton" [attr.aria-label]="refreshLabel ? refreshLabel : (\'eui.REFRESH\' | translate)" title="{{ refreshLabel ? refreshLabel : (\'eui.REFRESH\' | translate) }}" (click)="onRefresh($event)"> <span class="eui-icon eui-icon-refresh"></span> <!-- <eui-icon-svg icon="refresh" set="sharp" size="s" fillColor="primary-100"></eui-icon-svg> --> </button> </div> </eui-overlay-header> <eui-overlay-body> <ul class="eui-notifications-items" *ngIf="items"> <eui-notification-item *ngFor="let item of items; trackBy: trackByFn" [item]="item" [dateFormat]="dateFormat" [markAsReadLabel]="markAsReadLabel" [isShowMarkAsRead]="isShowMarkAsRead" (itemClick)="onItemClick($event)" (itemMarkAsRead)="onItemMarkAsRead($event)"> </eui-notification-item> </ul> </eui-overlay-body> <eui-overlay-footer> <ng-template [ngIf]="items?.length > 0"> <strong><a (click)="onViewAllClick($event)">{{viewAllNotificationsLabel ? viewAllNotificationsLabel : (\'eui.VIEWALLNOTIFICATIONS\'| translate)}}</a></strong> </ng-template> <ng-template [ngIf]="items?.length === 0"> <div class="ux-notification__item-content" *ngIf="!noNotificationFoundLink">{{noNotificationFoundLabel ? noNotificationFoundLabel : (\'eui.NONOTIFICATIONFOUND\'| translate)}}</div> <div class="ux-notification__item-content" *ngIf="noNotificationFoundLink"> <strong><a (click)="onNoNotificationFoundClick($event)">{{noNotificationFoundLabel ? noNotificationFoundLabel : (\'eui.NONOTIFICATIONFOUND\'| translate)}}</a></strong> </div> </ng-template> </eui-overlay-footer></eui-overlay></div>'
505
2277
  var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'CollapsedBreadcrumbComponent', 'selector': 'eui-collapsed-breadcrumb'},{'name': 'EuiAlertComponent', 'selector': 'div[euiAlert], eui-alert'},{'name': 'EuiAppBreadcrumbComponent', 'selector': 'eui-app-breadcrumb'},{'name': 'EuiAppComponent', 'selector': 'eui-app'},{'name': 'EuiAppFooterComponent', 'selector': 'eui-app-footer'},{'name': 'EuiAppHeaderComponent', 'selector': 'eui-app-header'},{'name': 'EuiAppSidebarBodyComponent', 'selector': 'eui-app-sidebar-body'},{'name': 'EuiAppSidebarComponent', 'selector': 'eui-app-sidebar'},{'name': 'EuiAppSidebarDrawerComponent', 'selector': 'eui-app-sidebar-drawer'},{'name': 'EuiAppSidebarFooterComponent', 'selector': 'eui-app-sidebar-footer'},{'name': 'EuiAppSidebarHeaderComponent', 'selector': 'eui-app-sidebar-header'},{'name': 'EuiAppSidebarHeaderUserProfileComponent', 'selector': 'eui-app-sidebar-header-user-profile'},{'name': 'EuiAppSidebarMenuComponent', 'selector': 'eui-app-sidebar-menu'},{'name': 'EuiAppToolbarComponent', 'selector': 'eui-app-toolbar'},{'name': 'EuiAppTopMessageComponent', 'selector': 'eui-app-top-message'},{'name': 'EuiAutocompleteAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteComponent', 'selector': 'eui-autocomplete, input[euiAutocomplete]'},{'name': 'EuiAutocompleteTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiBadgeComponent', 'selector': 'div[euiBadge], span[euiBadge], eui-badge'},{'name': 'EuiBlockContentComponent', 'selector': 'eui-block-content'},{'name': 'EuiBlockDocumentComponent', 'selector': 'eui-block-document'},{'name': 'EuiBreadcrumbComponent', 'selector': 'eui-breadcrumb'},{'name': 'EuiBreadcrumbItemComponent', 'selector': 'eui-breadcrumb-item'},{'name': 'EuiButtonComponent', 'selector': 'button[euiButton], a[euiButton]'},{'name': 'EuiButtonsComponent', 'selector': 'eui-buttons'},{'name': 'EuiCardComponent', 'selector': 'eui-card'},{'name': 'EuiCardContentComponent', 'selector': 'eui-card-content'},{'name': 'EuiCardFooterActionButtonsComponent', 'selector': 'eui-card-footer-action-buttons'},{'name': 'EuiCardFooterActionIconsComponent', 'selector': 'eui-card-footer-action-icons'},{'name': 'EuiCardFooterComponent', 'selector': 'eui-card-footer'},{'name': 'EuiCardFooterMenuContentComponent', 'selector': 'eui-card-footer-menu-content'},{'name': 'EuiCardHeaderBodyComponent', 'selector': 'eui-card-header-body'},{'name': 'EuiCardHeaderComponent', 'selector': 'eui-card-header'},{'name': 'EuiCardHeaderLeftContentComponent', 'selector': 'eui-card-header-left-content'},{'name': 'EuiCardHeaderRightContentComponent', 'selector': 'eui-card-header-right-content'},{'name': 'EuiCardHeaderSubtitleComponent', 'selector': 'eui-card-header-subtitle'},{'name': 'EuiCardHeaderTitleComponent', 'selector': 'eui-card-header-title'},{'name': 'EuiCardMediaComponent', 'selector': 'eui-card-media'},{'name': 'EuiChipComponent', 'selector': 'eui-chip, span[euiChip], li[euiChip]'},{'name': 'EuiChipListComponent', 'selector': 'eui-chip-list, div[euiChipList], ul[euiChipList]'},{'name': 'EuiCommonHeaderComponent', 'selector': 'eui-common-header'},{'name': 'EuiDashboardButtonComponent', 'selector': 'eui-dashboard-button'},{'name': 'EuiDashboardCardComponent', 'selector': 'eui-dashboard-card'},{'name': 'EuiDatepickerComponent', 'selector': 'eui-datepicker'},{'name': 'EuiDateRangeSelectorComponent', 'selector': 'eui-date-range-selector'},{'name': 'EuiDialogComponent', 'selector': 'eui-dialog'},{'name': 'EuiDialogContainerComponent', 'selector': 'eui-dialog-container'},{'name': 'EuiDimmerComponent', 'selector': 'eui-dimmer'},{'name': 'EuiDropdownButtonChildMenuComponent', 'selector': 'eui-dropdown-button-child-menu'},{'name': 'EuiDropdownButtonMenuComponent', 'selector': 'eui-dropdown-button-menu'},{'name': 'EuiDropdownComponent', 'selector': 'eui-dropdown'},{'name': 'EuiDropdownContentComponent', 'selector': 'eui-dropdown-content'},{'name': 'EuiEditorComponent', 'selector': 'eui-editor'},{'name': 'EuiEditorCountersComponent', 'selector': 'eui-editor-counters'},{'name': 'EuiEditorHtmlViewComponent', 'selector': 'eui-editor-html-view'},{'name': 'EuiEditorImageDialogComponent', 'selector': ''},{'name': 'EuiEditorJsonViewComponent', 'selector': 'eui-editor-json-view'},{'name': 'EuiExpandContentComponent', 'selector': 'eui-expand-content'},{'name': 'EuiFeedbackMessageComponent', 'selector': 'eui-feedback-message'},{'name': 'EuiFieldsetComponent', 'selector': 'eui-fieldset'},{'name': 'EuiFilePreviewComponent', 'selector': 'eui-file-preview'},{'name': 'EuiFileUploadComponent', 'selector': 'eui-file-upload'},{'name': 'EuiFileUploadProgressComponent', 'selector': 'eui-file-upload-progress'},{'name': 'EuiFooterComponent', 'selector': 'eui-footer'},{'name': 'EuiGrowlComponent', 'selector': 'eui-growl'},{'name': 'EuiHeaderAppComponent', 'selector': 'eui-header-app'},{'name': 'EuiHeaderAppNameComponent', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppSubtitleComponent', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiHeaderComponent', 'selector': 'eui-header'},{'name': 'EuiHeaderEnvironmentComponent', 'selector': 'eui-header-environment'},{'name': 'EuiHeaderLogoComponent', 'selector': 'eui-header-logo'},{'name': 'EuiHeaderUserProfileComponent', 'selector': 'eui-header-user-profile'},{'name': 'EuiIconColorComponent', 'selector': 'eui-icon-colored, span[euiIconColored], [euiIconColored]'},{'name': 'EuiIconComponent', 'selector': 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon'},{'name': 'EuiIconSvgComponent', 'selector': 'span[euiIconSvg], i[euiIconSvg], eui-icon-svg'},{'name': 'EuiIconToggleComponent', 'selector': 'eui-icon-toggle'},{'name': 'EuiInputCheckboxComponent', 'selector': 'input[euiInputCheckBox]'},{'name': 'EuiInputGroupComponent', 'selector': 'div[euiInputGroup]'},{'name': 'EuiInputNumberComponent', 'selector': 'input[euiInputNumber]:not([euiInputCheckBox])'},{'name': 'EuiInputRadioComponent', 'selector': 'input[euiInputRadio]'},{'name': 'EuiInputTextComponent', 'selector': 'input[euiInputText]'},{'name': 'EuiLabelComponent', 'selector': 'label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,
506
2278
  label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel'},{'name': 'EuiLanguageSelectorComponent', 'selector': 'eui-language-selector'},{'name': 'EuiListComponent', 'selector': '[euiList], eui-list'},{'name': 'EuiListItemComponent', 'selector': '[euiListItem], eui-list-item'},{'name': 'EuiMenuComponent', 'selector': 'eui-menu'},{'name': 'EuiMenuItemComponent', 'selector': 'eui-menu-item'},{'name': 'EuiMessageBoxComponent', 'selector': 'eui-message-box'},{'name': 'EuiModalPickerComponent', 'selector': ''},{'name': 'EuiModalSelectorComponent', 'selector': 'eui-modal-selector'},{'name': 'EuiNotificationItemComponent', 'selector': 'eui-notification-item'},{'name': 'EuiNotificationsComponent', 'selector': 'eui-notifications'},{'name': 'EuiNotificationsComponent', 'selector': 'eui-notifications'},{'name': 'EuiOverlayBodyComponent', 'selector': 'eui-overlay-body'},{'name': 'EuiOverlayComponent', 'selector': 'eui-overlay'},{'name': 'EuiOverlayFooterComponent', 'selector': 'eui-overlay-footer'},{'name': 'EuiOverlayHeaderComponent', 'selector': 'eui-overlay-header'},{'name': 'EuiPageBreadcrumbComponent', 'selector': 'eui-page-breadcrumb'},{'name': 'EuiPageColumnComponent', 'selector': 'eui-page-column'},{'name': 'EuiPageColumnsComponent', 'selector': 'eui-page-columns'},{'name': 'EuiPageComponent', 'selector': 'eui-page'},{'name': 'EuiPageContentComponent', 'selector': 'eui-page-content'},{'name': 'EuiPageFooterComponent', 'selector': 'eui-page-footer'},{'name': 'EuiPageHeaderComponent', 'selector': 'eui-page-header'},{'name': 'EuiPageHeroHeaderComponent', 'selector': 'eui-page-hero-header'},{'name': 'EuiPaginatorComponent', 'selector': 'eui-paginator'},{'name': 'EuiPickerComponent', 'selector': 'eui-picker'},{'name': 'EuiPopoverComponent', 'selector': 'eui-popover'},{'name': 'EuiSearchComponent', 'selector': 'eui-search'},{'name': 'EuiSelectComponent', 'selector': 'select[euiSelect]'},{'name': 'EuiSidebarMenuComponent', 'selector': 'eui-sidebar-menu'},{'name': 'EuiSidebarToggleComponent', 'selector': 'eui-sidebar-toggle'},{'name': 'EuiSlideToggleComponent', 'selector': 'eui-slide-toggle'},{'name': 'EuiTabComponent', 'selector': 'eui-tab'},{'name': 'EuiTabContentComponent', 'selector': 'eui-tab-content, euiTabContent'},{'name': 'EuiTabLabelComponent', 'selector': 'eui-tab-label, euiTabLabel'},{'name': 'EuiTableComponent', 'selector': 'eui-table, table[euiTable]'},{'name': 'EuiTableExpandableRowComponent', 'selector': 'tr[euiTableExpandableRow]'},{'name': 'EuiTableFilterComponent', 'selector': 'eui-table-filter'},{'name': 'EuiTablePaginatorComponent', 'selector': 'eui-table-paginator'},{'name': 'EuiTableSelectableHeaderComponent', 'selector': 'tr[isSelectableHeader]'},{'name': 'EuiTableSelectableRowComponent', 'selector': 'tr[isSelectable]'},{'name': 'EuiTableSortableColComponent', 'selector': 'th[sortable]'},{'name': 'EuiTabsComponent', 'selector': 'eui-tabs'},{'name': 'EuiTextareaComponent', 'selector': 'textarea[euiTextArea]'},{'name': 'EuiTimepickerComponent', 'selector': 'eui-timepicker'},{'name': 'EuiToolbarAppComponent', 'selector': 'eui-toolbar-app'},{'name': 'EuiToolbarComponent', 'selector': 'eui-toolbar'},{'name': 'EuiToolbarEnvironmentComponent', 'selector': 'eui-toolbar-environment'},{'name': 'EuiToolbarItemComponent', 'selector': 'eui-toolbar-item'},{'name': 'EuiToolbarItemNotificationsComponent', 'selector': 'eui-toolbar-item-notifications'},{'name': 'EuiToolbarItemsComponent', 'selector': 'eui-toolbar-items'},{'name': 'EuiToolbarItemSearchComponent', 'selector': 'eui-toolbar-item-search'},{'name': 'EuiToolbarItemUserProfileComponent', 'selector': 'eui-toolbar-item-user-profile'},{'name': 'EuiToolbarLogoComponent', 'selector': 'eui-toolbar-logo'},{'name': 'EuiToolbarMenuComponent', 'selector': 'eui-toolbar-menu'},{'name': 'EuiUploadedFileComponent', 'selector': 'eui-uploaded-file'},{'name': 'EuiUserProfileComponent', 'selector': 'eui-user-profile'},{'name': 'EuiUserProfileMenuComponent', 'selector': 'eui-user-profile-menu'},{'name': 'EuiUserProfileMenuItemComponent', 'selector': 'eui-user-profile-menu-item'},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'},{'name': 'UxActionBoxComponent', 'selector': 'ux-action-box'},{'name': 'UxAlertComponent', 'selector': 'ux-alert'},{'name': 'UxAutoCompleteComponent', 'selector': 'ux-autocomplete'},{'name': 'UxAutoCompleteTagComponent', 'selector': 'ux-autocomplete-tag'},{'name': 'UxAutocompleteTagDroppableAreaComponent', 'selector': 'ux-autocomplete-tag-droppable-area'},{'name': 'UxBadgeComponent', 'selector': 'ux-badge'},{'name': 'UxBadgeGroupComponent', 'selector': 'ux-badge-group'},{'name': 'UxBlockContentComponent', 'selector': 'ux-block-content'},{'name': 'UxBlockDocumentComponent', 'selector': 'ux-block-document'},{'name': 'UxButtonComponent', 'selector': 'ux-button'},{'name': 'UxButtonGroupComponent', 'selector': 'ux-button-group'},{'name': 'UxButtonGroupItemComponent', 'selector': 'ux-button-group-item'},{'name': 'UxCardComponent', 'selector': 'ux-card'},{'name': 'UxCarouselItemComponent', 'selector': 'ux-carousel-item'},{'name': 'UxCarouselItemsComponent', 'selector': 'ux-carousel-items'},{'name': 'UxChipComponent', 'selector': 'ux-chip'},{'name': 'UxChipsListComponent', 'selector': 'ux-chips-list'},{'name': 'UxChipsListDroppableAreaComponent', 'selector': 'ux-chips-list-droppable-area'},{'name': 'UxControlFeedbackComponent', 'selector': 'ux-control-feedback'},{'name': 'UxDashboardButtonComponent', 'selector': 'ux-dashboard-button'},{'name': 'UxDashboardButtonsComponent', 'selector': 'ux-dashboard-buttons'},{'name': 'UxDashboardCardComponent', 'selector': 'ux-dashboard-card'},{'name': 'UxDatepickerComponent', 'selector': 'ux-datepicker'},{'name': 'UxDateRangeSelectorComponent', 'selector': 'ux-date-range-selector'},{'name': 'UxDateTagComponent', 'selector': 'ux-a-date-tag'},{'name': 'UxDisableContentComponent', 'selector': 'ux-disable-content'},{'name': 'UxDiscussionThreadComponent', 'selector': 'ux-discussion-thread'},{'name': 'UxDiscussionThreadItemComponent', 'selector': 'ux-discussion-thread-item'},{'name': 'UxDocumentViewerComponent', 'selector': 'ux-document-viewer'},{'name': 'UxDropdownButtonComponent', 'selector': 'ux-dropdown-button'},{'name': 'UxDropdownButtonItemComponent', 'selector': 'ux-dropdown-button-item'},{'name': 'UxDropdownComponent', 'selector': 'ux-dropdown'},{'name': 'UxDropdownTreeComponent', 'selector': 'ux-dropdown-tree'},{'name': 'UxDynamicMessageBoxComponent', 'selector': 'ux-dynamic-message-box'},{'name': 'UxDynamicModalComponent', 'selector': 'ux-dynamic-modal'},{'name': 'UxDynamicPopoverComponent', 'selector': 'ux-dynamic-popover'},{'name': 'UxEditorComponent', 'selector': 'ux-editor'},{'name': 'UxEditorCountersComponent', 'selector': 'ux-editor-counters'},{'name': 'UxEditorViewComponent', 'selector': 'ux-editor-view'},{'name': 'UxEditorViewHTMLComponent', 'selector': 'ux-editor-view-html'},{'name': 'UxErrorGroupItemComponent', 'selector': 'ux-error-group-item'},{'name': 'UxErrorGroupOutputComponent', 'selector': 'ux-error-group-output'},{'name': 'UxErrorOutputComponent', 'selector': 'ux-error-output'},{'name': 'UxFieldSearchComponent', 'selector': 'ux-field-search'},{'name': 'UxFieldsetComponent', 'selector': 'ux-fieldset'},{'name': 'UxFileUploadComponent', 'selector': 'ux-file-upload'},{'name': 'UxFilterComponent', 'selector': 'ux-filter'},{'name': 'UxFormControlComponent', 'selector': 'ux-form-control'},{'name': 'UxFormGroupComponent', 'selector': 'ux-form-group'},{'name': 'UxGrowlComponent', 'selector': 'ux-growl'},{'name': 'UxIconBoxComponent', 'selector': 'ux-a-icon-box'},{'name': 'UxIconComponent', 'selector': 'ux-a-icon'},{'name': 'UxIconToggleComponent', 'selector': 'ux-a-icon-toggle'},{'name': 'UxLabelComponent', 'selector': 'ux-a-label'},{'name': 'UxLanguageSelectorComponent', 'selector': 'ux-language-selector'},{'name': 'UxLayoutHorizontalComponent', 'selector': 'ux-layout-horizontal'},{'name': 'UxLayoutOverlayPanelComponent', 'selector': 'ux-layout-overlay-panel'},{'name': 'UxListItemComponent', 'selector': 'ux-list-item'},{'name': 'UxListItemsComponent', 'selector': 'ux-list-items'},{'name': 'UxLoadingIndicatorComponent', 'selector': 'ux-loading-indicator'},{'name': 'UxMarkerComponent', 'selector': 'ux-a-marker'},{'name': 'UxMessageBoxComponent', 'selector': 'ux-message-box'},{'name': 'UxMFileUploadComponent', 'selector': 'ux-m-file-upload'},{'name': 'UxMFileUploadQueueComponent', 'selector': 'ux-m-file-upload-queue'},{'name': 'UxModalComponent', 'selector': 'ux-modal'},{'name': 'UxOverlayComponent', 'selector': 'ux-overlay'},{'name': 'UxPanelComponent', 'selector': 'ux-panel'},{'name': 'UxPanelsComponent', 'selector': 'ux-panels'},{'name': 'UxPopoverComponent', 'selector': 'ux-popover'},{'name': 'UxProgressCircleComponent', 'selector': 'ux-progress-circle'},{'name': 'UxSplitButtonComponent', 'selector': 'ux-split-button'},{'name': 'UxStaticTabsComponent', 'selector': 'ux-static-tabs'},{'name': 'UxStickyComponent', 'selector': 'ux-sticky'},{'name': 'UxSwitchComponent', 'selector': 'ux-switch'},{'name': 'UxTabComponent', 'selector': 'ux-tab'},{'name': 'UxTableComponent', 'selector': 'ux-table'},{'name': 'UxTabsBarComponent', 'selector': 'ux-tabs-bar'},{'name': 'UxTabsComponent', 'selector': 'ux-tabs'},{'name': 'UxTagComponent', 'selector': 'ux-a-tag'},{'name': 'UxTimebarComponent', 'selector': 'ux-timebar'},{'name': 'UxTimelineItemComponent', 'selector': 'ux-timeline-item'},{'name': 'UxTimelineItemsComponent', 'selector': 'ux-timeline-items'},{'name': 'UxTimepickerComponent', 'selector': 'ux-timepicker'},{'name': 'UxToolbarFilterComponent', 'selector': 'ux-a-toolbar-filter'},{'name': 'UxTreeComponent', 'selector': 'ux-tree'},{'name': 'UxTreeListComponent', 'selector': 'ux-tree-list'},{'name': 'UxTreeListItemComponent', 'selector': 'ux-tree-list-item'},{'name': 'UxTreeNodeComponent', 'selector': 'ux-tree-node'},{'name': 'UxWizardStepComponent', 'selector': 'ux-wizard-step'},{'name': 'UxWizardStepsComponent', 'selector': 'ux-wizard-steps'}];
507
2279
  var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseDirective', 'selector': '[euiBase]'},{'name': 'CollapsedButtonDirective', 'selector': 'collapsed-button'},{'name': 'EuiAppPageWrapperDirective', 'selector': 'eui-app-page-wrapper'},{'name': 'EuiButtonsActionsContentTagDirective', 'selector': 'euiButtonsActionsContent'},{'name': 'EuiButtonsLocalMenuContentTagDirective', 'selector': 'euiButtonsLocalMenuContent'},{'name': 'EuiChipListAppendContentDirective', 'selector': 'euiChipListAppendContent'},{'name': 'EuiDialogFooterDirective', 'selector': 'eui-dialog-footer'},{'name': 'EuiDialogHeaderDirective', 'selector': 'eui-dialog-header'},{'name': 'EuiEditorCustomToolbarTagDirective', 'selector': 'euiEditorCustomToolbar'},{'name': 'EuiEditorMaxlengthDirective', 'selector': '[formControlName][euiEditorMaxlength]'},{'name': 'EuiFieldsetLabelExtraContentTagDirective', 'selector': 'euiFieldsetLabelExtraContent'},{'name': 'EuiFieldsetLabelRightContentTagDirective', 'selector': 'euiFieldsetLabelRightContent'},{'name': 'EuiHeaderAppNameDirective', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppSubtitleDirective', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiMaxLengthDirective', 'selector': '