@eui/components 18.2.0-snapshot-1726189861918 → 18.2.0-snapshot-1726671866540

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.
Files changed (32) hide show
  1. package/docs/components/EuiDatepickerComponent.html +37 -0
  2. package/docs/components/EuiFilePreviewComponent.html +112 -448
  3. package/docs/components/EuiFileUploadComponent.html +157 -1
  4. package/docs/dependencies.html +2 -2
  5. package/docs/injectables/EuiFileUploadUtilsService.html +70 -0
  6. package/docs/js/menu-wc.js +9 -9
  7. package/docs/js/menu-wc_es5.js +1 -1
  8. package/docs/js/search/search_index.js +2 -2
  9. package/docs/modules/EuiFileUploadModule.html +9 -0
  10. package/esm2022/eui-datepicker/eui-datepicker.component.mjs +6 -3
  11. package/esm2022/eui-file-upload/eui-file-upload.component.mjs +39 -5
  12. package/esm2022/eui-file-upload/eui-file-upload.module.mjs +6 -5
  13. package/esm2022/eui-file-upload/file-preview/file-preview.component.mjs +42 -63
  14. package/esm2022/eui-file-upload/index.mjs +2 -1
  15. package/esm2022/eui-file-upload/utils/eui-file-upload.utils.mjs +34 -1
  16. package/eui-datepicker/eui-datepicker.component.d.ts +2 -1
  17. package/eui-datepicker/eui-datepicker.component.d.ts.map +1 -1
  18. package/eui-file-upload/eui-file-upload.component.d.ts +31 -3
  19. package/eui-file-upload/eui-file-upload.component.d.ts.map +1 -1
  20. package/eui-file-upload/eui-file-upload.module.d.ts +2 -1
  21. package/eui-file-upload/eui-file-upload.module.d.ts.map +1 -1
  22. package/eui-file-upload/file-preview/file-preview.component.d.ts +29 -25
  23. package/eui-file-upload/file-preview/file-preview.component.d.ts.map +1 -1
  24. package/eui-file-upload/index.d.ts +1 -0
  25. package/eui-file-upload/index.d.ts.map +1 -1
  26. package/eui-file-upload/utils/eui-file-upload.utils.d.ts +6 -0
  27. package/eui-file-upload/utils/eui-file-upload.utils.d.ts.map +1 -1
  28. package/fesm2022/eui-components-eui-datepicker.mjs +5 -2
  29. package/fesm2022/eui-components-eui-datepicker.mjs.map +1 -1
  30. package/fesm2022/eui-components-eui-file-upload.mjs +116 -71
  31. package/fesm2022/eui-components-eui-file-upload.mjs.map +1 -1
  32. package/package.json +3 -3
@@ -114,6 +114,7 @@
114
114
  </p>
115
115
  <p class="comment">
116
116
  <code>OnInit</code>
117
+ <code>AfterViewInit</code>
117
118
  </p>
118
119
 
119
120
 
@@ -195,6 +196,10 @@
195
196
  <span class="modifier">Public</span>
196
197
  <a href="#previewData" >previewData</a>
197
198
  </li>
199
+ <li>
200
+ <span class="modifier"></span>
201
+ <a href="#templates" >templates</a>
202
+ </li>
198
203
  <li>
199
204
  <span class="modifier">Public</span>
200
205
  <a href="#url" >url</a>
@@ -249,6 +254,9 @@
249
254
  <li>
250
255
  <a href="#isFilenameDisplayed" >isFilenameDisplayed</a>
251
256
  </li>
257
+ <li>
258
+ <a href="#isFileObject" >isFileObject</a>
259
+ </li>
252
260
  <li>
253
261
  <a href="#isFilesizeDisplayed" >isFilesizeDisplayed</a>
254
262
  </li>
@@ -261,6 +269,9 @@
261
269
  <li>
262
270
  <a href="#previewAsIconConfig" >previewAsIconConfig</a>
263
271
  </li>
272
+ <li>
273
+ <a href="#uploadedFileTemplate" >uploadedFileTemplate</a>
274
+ </li>
264
275
  </ul>
265
276
  </td>
266
277
  </tr>
@@ -285,38 +296,6 @@
285
296
 
286
297
 
287
298
 
288
- <tr>
289
- <td class="col-md-4">
290
- <h6><b>Accessors</b></h6>
291
- </td>
292
- </tr>
293
- <tr>
294
- <td class="col-md-4">
295
- <ul class="index-list">
296
- <li>
297
- <a href="#hasPreview" >hasPreview</a>
298
- </li>
299
- <li>
300
- <a href="#isFilenameDisplayed" >isFilenameDisplayed</a>
301
- </li>
302
- <li>
303
- <a href="#isFilesizeDisplayed" >isFilesizeDisplayed</a>
304
- </li>
305
- <li>
306
- <a href="#isFiletypeDisplayed" >isFiletypeDisplayed</a>
307
- </li>
308
- <li>
309
- <a href="#hasPreviewAsImage" >hasPreviewAsImage</a>
310
- </li>
311
- <li>
312
- <a href="#hasPreviewAsIcon" >hasPreviewAsIcon</a>
313
- </li>
314
- <li>
315
- <a href="#isItemsClickable" >isItemsClickable</a>
316
- </li>
317
- </ul>
318
- </td>
319
- </tr>
320
299
  </tbody>
321
300
  </table>
322
301
  </section>
@@ -397,6 +376,11 @@
397
376
 
398
377
  </td>
399
378
  </tr>
379
+ <tr>
380
+ <td class="col-md-4">
381
+ <i>Default value : </i><code>true</code>
382
+ </td>
383
+ </tr>
400
384
  </tbody>
401
385
  </table>
402
386
  <table class="table table-sm table-bordered">
@@ -413,6 +397,11 @@
413
397
 
414
398
  </td>
415
399
  </tr>
400
+ <tr>
401
+ <td class="col-md-4">
402
+ <i>Default value : </i><code>false</code>
403
+ </td>
404
+ </tr>
416
405
  </tbody>
417
406
  </table>
418
407
  <table class="table table-sm table-bordered">
@@ -429,6 +418,11 @@
429
418
 
430
419
  </td>
431
420
  </tr>
421
+ <tr>
422
+ <td class="col-md-4">
423
+ <i>Default value : </i><code>true</code>
424
+ </td>
425
+ </tr>
432
426
  </tbody>
433
427
  </table>
434
428
  <table class="table table-sm table-bordered">
@@ -461,6 +455,32 @@
461
455
 
462
456
  </td>
463
457
  </tr>
458
+ <tr>
459
+ <td class="col-md-4">
460
+ <i>Default value : </i><code>true</code>
461
+ </td>
462
+ </tr>
463
+ </tbody>
464
+ </table>
465
+ <table class="table table-sm table-bordered">
466
+ <tbody>
467
+ <tr>
468
+ <td class="col-md-4">
469
+ <a name="isFileObject"></a>
470
+ <b>isFileObject</b>
471
+ </td>
472
+ </tr>
473
+ <tr>
474
+ <td class="col-md-4">
475
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
476
+
477
+ </td>
478
+ </tr>
479
+ <tr>
480
+ <td class="col-md-4">
481
+ <i>Default value : </i><code>false</code>
482
+ </td>
483
+ </tr>
464
484
  </tbody>
465
485
  </table>
466
486
  <table class="table table-sm table-bordered">
@@ -477,6 +497,11 @@
477
497
 
478
498
  </td>
479
499
  </tr>
500
+ <tr>
501
+ <td class="col-md-4">
502
+ <i>Default value : </i><code>true</code>
503
+ </td>
504
+ </tr>
480
505
  </tbody>
481
506
  </table>
482
507
  <table class="table table-sm table-bordered">
@@ -493,6 +518,11 @@
493
518
 
494
519
  </td>
495
520
  </tr>
521
+ <tr>
522
+ <td class="col-md-4">
523
+ <i>Default value : </i><code>true</code>
524
+ </td>
525
+ </tr>
496
526
  </tbody>
497
527
  </table>
498
528
  <table class="table table-sm table-bordered">
@@ -509,6 +539,11 @@
509
539
 
510
540
  </td>
511
541
  </tr>
542
+ <tr>
543
+ <td class="col-md-4">
544
+ <i>Default value : </i><code>false</code>
545
+ </td>
546
+ </tr>
512
547
  </tbody>
513
548
  </table>
514
549
  <table class="table table-sm table-bordered">
@@ -555,6 +590,22 @@
555
590
  </tr>
556
591
  </tbody>
557
592
  </table>
593
+ <table class="table table-sm table-bordered">
594
+ <tbody>
595
+ <tr>
596
+ <td class="col-md-4">
597
+ <a name="uploadedFileTemplate"></a>
598
+ <b>uploadedFileTemplate</b>
599
+ </td>
600
+ </tr>
601
+ <tr>
602
+ <td class="col-md-4">
603
+ <i>Type : </i> <code>TemplateRef&lt;literal type&gt;</code>
604
+
605
+ </td>
606
+ </tr>
607
+ </tbody>
608
+ </table>
558
609
  </section>
559
610
  <section data-compodoc="block-outputs">
560
611
  <h3 id="outputs">Outputs</h3>
@@ -791,444 +842,57 @@
791
842
  <tbody>
792
843
  <tr>
793
844
  <td class="col-md-4">
794
- <a name="url"></a>
845
+ <a name="templates"></a>
795
846
  <span class="name">
796
- <span class="modifier">Public</span>
797
- <span ><b>url</b></span>
798
- <a href="#url"><span class="icon ion-ios-link"></span></a>
847
+ <span class="modifier"></span>
848
+ <span ><b>templates</b></span>
849
+ <a href="#templates"><span class="icon ion-ios-link"></span></a>
799
850
  </span>
800
851
  </td>
801
852
  </tr>
802
853
  <tr>
803
854
  <td class="col-md-4">
804
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
805
-
806
- </td>
807
- </tr>
808
-
809
-
810
- </tbody>
811
- </table>
812
- </section>
813
-
814
- <section data-compodoc="block-accessors">
815
- <h3 id="accessors">
816
- Accessors
817
- </h3>
818
- <table class="table table-sm table-bordered">
819
- <tbody>
820
- <tr>
821
- <td class="col-md-4">
822
- <a name="hasPreview"></a>
823
- <span class="name"><b>hasPreview</b><a href="#hasPreview"><span class="icon ion-ios-link"></span></a></span>
824
- </td>
825
- </tr>
855
+ <i>Type : </i> <code><a href="../directives/EuiTemplateDirective.html" target="_self" >QueryList&lt;EuiTemplateDirective&gt;</a></code>
826
856
 
827
- <tr>
828
- <td class="col-md-4">
829
- <span class="accessor"><b>get</b><code>hasPreview()</code></span>
830
857
  </td>
831
858
  </tr>
832
-
833
859
  <tr>
834
860
  <td class="col-md-4">
835
- <span class="accessor"><b>set</b><code>hasPreview(value: BooleanInput)</code></span>
861
+ <b>Decorators : </b>
862
+ <br />
863
+ <code>
864
+ @ContentChildren(EuiTemplateDirective)<br />
865
+ </code>
836
866
  </td>
837
867
  </tr>
838
- <tr>
839
- <td class="col-md-4">
840
868
 
841
- <div class="io-description">
842
- <b>Parameters :</b>
843
- <table class="params">
844
- <thead>
845
- <tr>
846
- <td>Name</td>
847
- <td>Type</td>
848
- <td>Optional</td>
849
- </tr>
850
- </thead>
851
- <tbody>
852
- <tr>
853
- <td>value</td>
854
-
855
- <td>
856
- <code>BooleanInput</code>
857
- </td>
858
-
859
- <td>
860
- No
861
- </td>
862
-
863
- </tr>
864
- </tbody>
865
- </table>
866
- </div>
867
- <div>
868
- </div>
869
- <div class="io-description">
870
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
871
-
872
- </div>
873
- </td>
874
- </tr>
875
- </tbody>
876
- </table>
877
- <table class="table table-sm table-bordered">
878
- <tbody>
879
- <tr>
880
- <td class="col-md-4">
881
- <a name="isFilenameDisplayed"></a>
882
- <span class="name"><b>isFilenameDisplayed</b><a href="#isFilenameDisplayed"><span class="icon ion-ios-link"></span></a></span>
883
- </td>
884
- </tr>
885
-
886
- <tr>
887
- <td class="col-md-4">
888
- <span class="accessor"><b>get</b><code>isFilenameDisplayed()</code></span>
889
- </td>
890
- </tr>
891
-
892
- <tr>
893
- <td class="col-md-4">
894
- <span class="accessor"><b>set</b><code>isFilenameDisplayed(value: BooleanInput)</code></span>
895
- </td>
896
- </tr>
897
- <tr>
898
- <td class="col-md-4">
899
-
900
- <div class="io-description">
901
- <b>Parameters :</b>
902
- <table class="params">
903
- <thead>
904
- <tr>
905
- <td>Name</td>
906
- <td>Type</td>
907
- <td>Optional</td>
908
- </tr>
909
- </thead>
910
- <tbody>
911
- <tr>
912
- <td>value</td>
913
-
914
- <td>
915
- <code>BooleanInput</code>
916
- </td>
917
-
918
- <td>
919
- No
920
- </td>
921
-
922
- </tr>
923
- </tbody>
924
- </table>
925
- </div>
926
- <div>
927
- </div>
928
- <div class="io-description">
929
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
930
-
931
- </div>
932
- </td>
933
- </tr>
934
- </tbody>
935
- </table>
936
- <table class="table table-sm table-bordered">
937
- <tbody>
938
- <tr>
939
- <td class="col-md-4">
940
- <a name="isFilesizeDisplayed"></a>
941
- <span class="name"><b>isFilesizeDisplayed</b><a href="#isFilesizeDisplayed"><span class="icon ion-ios-link"></span></a></span>
942
- </td>
943
- </tr>
944
869
 
870
+ </tbody>
871
+ </table>
872
+ <table class="table table-sm table-bordered">
873
+ <tbody>
874
+ <tr>
875
+ <td class="col-md-4">
876
+ <a name="url"></a>
877
+ <span class="name">
878
+ <span class="modifier">Public</span>
879
+ <span ><b>url</b></span>
880
+ <a href="#url"><span class="icon ion-ios-link"></span></a>
881
+ </span>
882
+ </td>
883
+ </tr>
945
884
  <tr>
946
885
  <td class="col-md-4">
947
- <span class="accessor"><b>get</b><code>isFilesizeDisplayed()</code></span>
948
- </td>
949
- </tr>
950
-
951
- <tr>
952
- <td class="col-md-4">
953
- <span class="accessor"><b>set</b><code>isFilesizeDisplayed(value: BooleanInput)</code></span>
954
- </td>
955
- </tr>
956
- <tr>
957
- <td class="col-md-4">
958
-
959
- <div class="io-description">
960
- <b>Parameters :</b>
961
- <table class="params">
962
- <thead>
963
- <tr>
964
- <td>Name</td>
965
- <td>Type</td>
966
- <td>Optional</td>
967
- </tr>
968
- </thead>
969
- <tbody>
970
- <tr>
971
- <td>value</td>
972
-
973
- <td>
974
- <code>BooleanInput</code>
975
- </td>
976
-
977
- <td>
978
- No
979
- </td>
980
-
981
- </tr>
982
- </tbody>
983
- </table>
984
- </div>
985
- <div>
986
- </div>
987
- <div class="io-description">
988
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
989
-
990
- </div>
991
- </td>
992
- </tr>
993
- </tbody>
994
- </table>
995
- <table class="table table-sm table-bordered">
996
- <tbody>
997
- <tr>
998
- <td class="col-md-4">
999
- <a name="isFiletypeDisplayed"></a>
1000
- <span class="name"><b>isFiletypeDisplayed</b><a href="#isFiletypeDisplayed"><span class="icon ion-ios-link"></span></a></span>
1001
- </td>
1002
- </tr>
1003
-
1004
- <tr>
1005
- <td class="col-md-4">
1006
- <span class="accessor"><b>get</b><code>isFiletypeDisplayed()</code></span>
1007
- </td>
1008
- </tr>
1009
-
1010
- <tr>
1011
- <td class="col-md-4">
1012
- <span class="accessor"><b>set</b><code>isFiletypeDisplayed(value: BooleanInput)</code></span>
1013
- </td>
1014
- </tr>
1015
- <tr>
1016
- <td class="col-md-4">
1017
-
1018
- <div class="io-description">
1019
- <b>Parameters :</b>
1020
- <table class="params">
1021
- <thead>
1022
- <tr>
1023
- <td>Name</td>
1024
- <td>Type</td>
1025
- <td>Optional</td>
1026
- </tr>
1027
- </thead>
1028
- <tbody>
1029
- <tr>
1030
- <td>value</td>
1031
-
1032
- <td>
1033
- <code>BooleanInput</code>
1034
- </td>
1035
-
1036
- <td>
1037
- No
1038
- </td>
1039
-
1040
- </tr>
1041
- </tbody>
1042
- </table>
1043
- </div>
1044
- <div>
1045
- </div>
1046
- <div class="io-description">
1047
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1048
-
1049
- </div>
1050
- </td>
1051
- </tr>
1052
- </tbody>
1053
- </table>
1054
- <table class="table table-sm table-bordered">
1055
- <tbody>
1056
- <tr>
1057
- <td class="col-md-4">
1058
- <a name="hasPreviewAsImage"></a>
1059
- <span class="name"><b>hasPreviewAsImage</b><a href="#hasPreviewAsImage"><span class="icon ion-ios-link"></span></a></span>
1060
- </td>
1061
- </tr>
1062
-
1063
- <tr>
1064
- <td class="col-md-4">
1065
- <span class="accessor"><b>get</b><code>hasPreviewAsImage()</code></span>
1066
- </td>
1067
- </tr>
1068
-
1069
- <tr>
1070
- <td class="col-md-4">
1071
- <span class="accessor"><b>set</b><code>hasPreviewAsImage(value: BooleanInput)</code></span>
1072
- </td>
1073
- </tr>
1074
- <tr>
1075
- <td class="col-md-4">
1076
-
1077
- <div class="io-description">
1078
- <b>Parameters :</b>
1079
- <table class="params">
1080
- <thead>
1081
- <tr>
1082
- <td>Name</td>
1083
- <td>Type</td>
1084
- <td>Optional</td>
1085
- </tr>
1086
- </thead>
1087
- <tbody>
1088
- <tr>
1089
- <td>value</td>
1090
-
1091
- <td>
1092
- <code>BooleanInput</code>
1093
- </td>
1094
-
1095
- <td>
1096
- No
1097
- </td>
1098
-
1099
- </tr>
1100
- </tbody>
1101
- </table>
1102
- </div>
1103
- <div>
1104
- </div>
1105
- <div class="io-description">
1106
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1107
-
1108
- </div>
1109
- </td>
1110
- </tr>
1111
- </tbody>
1112
- </table>
1113
- <table class="table table-sm table-bordered">
1114
- <tbody>
1115
- <tr>
1116
- <td class="col-md-4">
1117
- <a name="hasPreviewAsIcon"></a>
1118
- <span class="name"><b>hasPreviewAsIcon</b><a href="#hasPreviewAsIcon"><span class="icon ion-ios-link"></span></a></span>
1119
- </td>
1120
- </tr>
1121
-
1122
- <tr>
1123
- <td class="col-md-4">
1124
- <span class="accessor"><b>get</b><code>hasPreviewAsIcon()</code></span>
1125
- </td>
1126
- </tr>
1127
-
1128
- <tr>
1129
- <td class="col-md-4">
1130
- <span class="accessor"><b>set</b><code>hasPreviewAsIcon(value: BooleanInput)</code></span>
1131
- </td>
1132
- </tr>
1133
- <tr>
1134
- <td class="col-md-4">
1135
-
1136
- <div class="io-description">
1137
- <b>Parameters :</b>
1138
- <table class="params">
1139
- <thead>
1140
- <tr>
1141
- <td>Name</td>
1142
- <td>Type</td>
1143
- <td>Optional</td>
1144
- </tr>
1145
- </thead>
1146
- <tbody>
1147
- <tr>
1148
- <td>value</td>
1149
-
1150
- <td>
1151
- <code>BooleanInput</code>
1152
- </td>
1153
-
1154
- <td>
1155
- No
1156
- </td>
1157
-
1158
- </tr>
1159
- </tbody>
1160
- </table>
1161
- </div>
1162
- <div>
1163
- </div>
1164
- <div class="io-description">
1165
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1166
-
1167
- </div>
1168
- </td>
1169
- </tr>
1170
- </tbody>
1171
- </table>
1172
- <table class="table table-sm table-bordered">
1173
- <tbody>
1174
- <tr>
1175
- <td class="col-md-4">
1176
- <a name="isItemsClickable"></a>
1177
- <span class="name"><b>isItemsClickable</b><a href="#isItemsClickable"><span class="icon ion-ios-link"></span></a></span>
1178
- </td>
1179
- </tr>
886
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1180
887
 
1181
- <tr>
1182
- <td class="col-md-4">
1183
- <span class="accessor"><b>get</b><code>isItemsClickable()</code></span>
1184
888
  </td>
1185
889
  </tr>
1186
890
 
1187
- <tr>
1188
- <td class="col-md-4">
1189
- <span class="accessor"><b>set</b><code>isItemsClickable(value: BooleanInput)</code></span>
1190
- </td>
1191
- </tr>
1192
- <tr>
1193
- <td class="col-md-4">
1194
891
 
1195
- <div class="io-description">
1196
- <b>Parameters :</b>
1197
- <table class="params">
1198
- <thead>
1199
- <tr>
1200
- <td>Name</td>
1201
- <td>Type</td>
1202
- <td>Optional</td>
1203
- </tr>
1204
- </thead>
1205
- <tbody>
1206
- <tr>
1207
- <td>value</td>
1208
-
1209
- <td>
1210
- <code>BooleanInput</code>
1211
- </td>
1212
-
1213
- <td>
1214
- No
1215
- </td>
1216
-
1217
- </tr>
1218
- </tbody>
1219
- </table>
1220
- </div>
1221
- <div>
1222
- </div>
1223
- <div class="io-description">
1224
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1225
-
1226
- </div>
1227
- </td>
1228
- </tr>
1229
- </tbody>
1230
- </table>
892
+ </tbody>
893
+ </table>
1231
894
  </section>
895
+
1232
896
  </div>
1233
897
 
1234
898
 
@@ -1243,7 +907,7 @@
1243
907
  <script src="../js/libs/htmlparser.js"></script>
1244
908
  <script src="../js/libs/deep-iterator.js"></script>
1245
909
  <script>
1246
- var COMPONENT_TEMPLATE = '<div><div class="eui-file-upload__preview"> <div class="eui-file-upload__preview--left"> <div class="eui-file-upload__preview--left__image" *ngIf="hasPreview && hasPreviewAsImage"> <img [src]="previewData.display" *ngIf="url && previewData.image" /> <eui-icon-svg *ngIf="previewData && !previewData.image" icon="{{ previewData.display }}" size="l" fillColor="info-100" class="eui-u-mr-s"></eui-icon-svg> <div *ngIf="isLoading" class="loading-container"> <eui-icon-svg isLoading size="2xl"></eui-icon-svg> </div> </div> <div *ngIf="hasPreview && hasPreviewAsIcon"> <eui-icon-svg icon="{{ icon }}" size="l" fillColor="info-100" class="eui-u-mr-s"></eui-icon-svg> </div> <div class="eui-file-upload__preview--left__filename eui-u-text-truncate" *ngIf="isFilenameDisplayed"> <ng-container *ngIf="!isItemsClickable"> {{ file.name }} </ng-container> <ng-container *ngIf="isItemsClickable"> <a href="#" (click)="onItemClick($event)" class="eui-u-text-link eui-u-text-truncate">{{ file.name }}</a> </ng-container> </div> </div> <div class="eui-file-upload__preview--right"> <div class="eui-u-text-no-wrap eui-u-ml-m" *ngIf="isFilesizeDisplayed">{{ file.size | filesize }}</div> <div class="eui-u-ml-m" *ngIf="isFiletypeDisplayed"><span euiLabel>{{ file.type }}</span></div> <div class="eui-u-ml-m"> <button euiButton euiDanger euiRounded euiIconButton euiBasicButton type="button" (click)="onRemoveFromList()"> <eui-icon-svg icon="eui-ecl-trash"></eui-icon-svg> </button> </div> </div></div></div>'
910
+ var COMPONENT_TEMPLATE = '<div>@if (uploadedFileTemplate) { <ng-template [ngTemplateOutlet]="uploadedFileTemplate" [ngTemplateOutletContext]="{ $implicit: { file: { id: file.id, name: file.name, url: file.url || previewData?.display, size: file.size, type: file.type }, index, isFileObject } }"> </ng-template>} @else { <div class="eui-file-upload__preview"> <div class="eui-file-upload__preview--left"> <div class="eui-file-upload__preview--left__image" *ngIf="hasPreview && hasPreviewAsImage"> <img [src]="previewData.display" *ngIf="url && previewData.image" /> <eui-icon-svg *ngIf="previewData && !previewData.image" icon="{{ previewData.display }}" size="l" fillColor="info-100" class="eui-u-mr-s"></eui-icon-svg> <div *ngIf="isLoading" class="loading-container"> <eui-icon-svg isLoading size="2xl"></eui-icon-svg> </div> </div> <div *ngIf="hasPreview && hasPreviewAsIcon"> <eui-icon-svg icon="{{ icon }}" size="l" fillColor="info-100" class="eui-u-mr-s"></eui-icon-svg> </div> <div class="eui-file-upload__preview--left__filename eui-u-text-truncate" *ngIf="isFilenameDisplayed"> <ng-container *ngIf="!isItemsClickable"> {{ file.name }} </ng-container> <ng-container *ngIf="isItemsClickable"> <a href="#" (click)="onItemClick($event)" class="eui-u-text-link eui-u-text-truncate">{{ file.name }}</a> </ng-container> </div> </div> <div class="eui-file-upload__preview--right"> <div class="eui-u-text-no-wrap eui-u-ml-m" *ngIf="isFilesizeDisplayed">{{ file.size | filesize }}</div> <div class="eui-u-ml-m" *ngIf="isFiletypeDisplayed"><span euiLabel>{{ file.type }}</span></div> <div class="eui-u-ml-m"> <button euiButton euiDanger euiRounded euiIconButton euiBasicButton type="button" (click)="onRemoveFromList()"> <eui-icon-svg icon="eui-ecl-trash"></eui-icon-svg> </button> </div> </div> </div>}</div>'
1247
911
  var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'DefaultComponent', 'selector': ''},{'name': 'DefaultComponent', 'selector': ''},{'name': 'EuiAccordionComponent', 'selector': 'eui-accordion'},{'name': 'EuiAccordionItemComponent', 'selector': 'eui-accordion-item'},{'name': 'EuiAlertComponent', 'selector': 'div[euiAlert], eui-alert'},{'name': 'EuiAlertTitleComponent', 'selector': 'eui-alert-title'},{'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': 'EuiAutocompleteOptionComponent', 'selector': 'eui-autocomplete-option'},{'name': 'EuiAutocompleteOptionGroupComponent', 'selector': 'eui-autocomplete-option-group'},{'name': 'EuiAutocompleteTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAvatarBadgeComponent', 'selector': 'eui-avatar-badge'},{'name': 'EuiAvatarComponent', 'selector': 'div[euiAvatar], span[euiAvatar], eui-avatar'},{'name': 'EuiAvatarIconComponent', 'selector': 'eui-avatar-icon'},{'name': 'EuiAvatarImageComponent', 'selector': 'eui-avatar-image'},{'name': 'EuiAvatarListComponent', 'selector': 'eui-avatar-list'},{'name': 'EuiAvatarTextComponent', 'selector': 'eui-avatar-text'},{'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': 'EuiButtonGroupComponent', 'selector': 'eui-button-group'},{'name': 'EuiButtonV2Component', 'selector': 'eui-button-v2'},{'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': 'EuiCardFooterMenuComponent', 'selector': 'eui-card-footer-menu'},{'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': 'EuiDashboardButtonComponent', 'selector': 'eui-dashboard-button'},{'name': 'EuiDashboardCardComponent', 'selector': 'eui-dashboard-card'},{'name': 'EuiDashboardCardContentComponent', 'selector': 'eui-dashboard-card-content'},{'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': 'EuiDisableContentComponent', 'selector': 'eui-disable-content'},{'name': 'EuiDiscussionThreadComponent', 'selector': 'eui-discussion-thread'},{'name': 'EuiDiscussionThreadItemComponent', 'selector': 'eui-discussion-thread-item'},{'name': 'EuiDropdownComponent', 'selector': 'eui-dropdown'},{'name': 'EuiDropdownItemComponent', 'selector': 'eui-dropdown-item, [euiDropdownItem]'},{'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': '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': 'EuiHeaderAppNameLogoComponent', 'selector': 'eui-header-app-name-logo'},{'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': 'EuiHeaderRightContentComponent', 'selector': 'eui-header-right-content'},{'name': 'EuiHeaderSearchComponent', 'selector': 'eui-header-search'},{'name': 'EuiHeaderUserProfileComponent', 'selector': 'eui-header-user-profile'},{'name': 'EuiIconButtonComponent', 'selector': 'eui-icon-button'},{'name': 'EuiIconButtonExpanderComponent', 'selector': 'eui-icon-button-expander'},{'name': 'EuiIconColorComponent', 'selector': 'eui-icon-colored, span[euiIconColored], [euiIconColored]'},{'name': 'EuiIconInputComponent', 'selector': 'eui-icon-input'},{'name': 'EuiIconStateComponent', 'selector': 'eui-icon-state'},{'name': 'EuiIconSvgComponent', 'selector': 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]'},{'name': 'EuiIconToggleComponent', 'selector': 'eui-icon-toggle'},{'name': 'EuiInputCheckboxComponent', 'selector': 'input[euiInputCheckBox]'},{'name': 'EuiInputGroupComponent', 'selector': 'div[euiInputGroup]'},{'name': 'EuiInputNumberComponent', 'selector': 'input[euiInputNumber]'},{'name': 'EuiInputRadioComponent', 'selector': 'input[euiInputRadio]'},{'name': 'EuiInputTextComponent', 'selector': 'input[euiInputText]'},{'name': 'EuiLabelComponent', 'selector': 'label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,
1248
912
  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': 'EuiModalSelectorComponent', 'selector': 'eui-modal-selector'},{'name': 'EuiNavbarComponent', 'selector': 'eui-navbar'},{'name': 'EuiNavbarItemComponent', 'selector': 'eui-navbar-item'},{'name': 'EuiNotificationItemComponent', 'selector': 'eui-notification-item'},{'name': 'EuiNotificationItemV2Component', 'selector': 'eui-notification-item-v2'},{'name': 'EuiNotificationsComponent', 'selector': 'eui-notifications'},{'name': 'EuiNotificationsV2Component', 'selector': 'eui-notifications-v2'},{'name': 'EuiOverlayBodyComponent', 'selector': 'eui-overlay-body'},{'name': 'EuiOverlayComponent', 'selector': 'eui-overlay'},{'name': 'EuiOverlayFooterComponent', 'selector': 'eui-overlay-footer'},{'name': 'EuiOverlayHeaderComponent', 'selector': 'eui-overlay-header'},{'name': 'EuiOverlayHeaderTitleComponent', 'selector': 'eui-overlay-header-title'},{'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': 'EuiPageHeaderActionItemsComponent', 'selector': 'eui-page-header-action-items'},{'name': 'EuiPageHeaderBodyComponent', 'selector': 'eui-page-header-body'},{'name': 'EuiPageHeaderComponent', 'selector': 'eui-page-header'},{'name': 'EuiPageHeaderSubLabelComponent', 'selector': 'eui-page-header-sub-label'},{'name': 'EuiPageHeroHeaderComponent', 'selector': 'eui-page-hero-header'},{'name': 'EuiPageTopContentComponent', 'selector': 'eui-page-top-content'},{'name': 'EuiPaginatorComponent', 'selector': 'eui-paginator'},{'name': 'EuiPopoverComponent', 'selector': 'eui-popover'},{'name': 'EuiProgressBarComponent', 'selector': 'eui-progress-bar'},{'name': 'EuiProgressCircleComponent', 'selector': 'eui-progress-circle'},{'name': 'EuiResizableComponent', 'selector': 'eui-resizable'},{'name': 'EuiSelectComponent', 'selector': 'select[euiSelect]'},{'name': 'EuiSidebarMenuComponent', 'selector': 'eui-sidebar-menu'},{'name': 'EuiSidebarToggleComponent', 'selector': 'eui-sidebar-toggle'},{'name': 'EuiSkeletonComponent', 'selector': 'eui-skeleton'},{'name': 'EuiSlideToggleComponent', 'selector': 'eui-slide-toggle'},{'name': 'EuiSlideToggleTestComponent', 'selector': 'eui-slide-toggle-test-component'},{'name': 'EuiSplitButtonComponent', 'selector': 'eui-split-button'},{'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': 'EuiTableSelectableHeaderComponent', 'selector': 'tr[isSelectableHeader]'},{'name': 'EuiTableSelectableRowComponent', 'selector': 'tr[isSelectable]'},{'name': 'EuiTableSortableColComponent', 'selector': 'th[sortable]'},{'name': 'EuiTableV2Component', 'selector': 'eui-table-v2, table[euiTableV2]'},{'name': 'EuiTableV2FilterComponent', 'selector': 'eui-table-v2-filter'},{'name': 'EuiTableV2SelectableHeaderComponent', 'selector': 'tr[isHeaderSelectable]'},{'name': 'EuiTableV2SelectableRowComponent', 'selector': 'tr[isDataSelectable]'},{'name': 'EuiTableV2SortableColComponent', 'selector': 'th[isSortable]'},{'name': 'EuiTabsComponent', 'selector': 'eui-tabs'},{'name': 'EuiTextareaComponent', 'selector': 'textarea[euiTextArea]'},{'name': 'EuiTimebarComponent', 'selector': 'eui-timebar'},{'name': 'EuiTimelineComponent', 'selector': 'eui-timeline'},{'name': 'EuiTimelineItemComponent', 'selector': 'eui-timeline-item'},{'name': 'EuiTimepickerComponent', 'selector': 'eui-timepicker'},{'name': 'EuiTimeRangepickerComponent', 'selector': 'eui-time-range-picker'},{'name': 'EuiToolbarAppComponent', 'selector': 'eui-toolbar-app'},{'name': 'EuiToolbarCenterComponent', 'selector': 'eui-toolbar-center'},{'name': 'EuiToolbarComponent', 'selector': 'eui-toolbar'},{'name': 'EuiToolbarEnvironmentComponent', 'selector': 'eui-toolbar-environment'},{'name': 'EuiToolbarItemComponent', 'selector': 'eui-toolbar-item'},{'name': 'EuiToolbarItemsComponent', 'selector': 'eui-toolbar-items'},{'name': 'EuiToolbarLogoComponent', 'selector': 'eui-toolbar-logo'},{'name': 'EuiToolbarMenuComponent', 'selector': 'eui-toolbar-menu'},{'name': 'EuiToolbarNavbarComponent', 'selector': 'eui-toolbar-navbar'},{'name': 'EuiToolbarNavbarItemComponent', 'selector': 'eui-toolbar-navbar-item'},{'name': 'EuiToolbarSearchComponent', 'selector': 'eui-toolbar-search'},{'name': 'EuiToolbarSelectorComponent', 'selector': 'eui-toolbar-selector'},{'name': 'EuiTooltipContainerComponent', 'selector': 'eui-tooltip-container.component'},{'name': 'EuiTreeComponent', 'selector': 'eui-tree'},{'name': 'EuiTreeListComponent', 'selector': 'eui-tree-list'},{'name': 'EuiTreeListItemComponent', 'selector': 'eui-tree-list-item'},{'name': 'EuiTreeListItemContentComponent', 'selector': 'eui-tree-list-item-content'},{'name': 'EuiTreeListToolbarComponent', 'selector': 'eui-tree-list-toolbar'},{'name': 'EuiUserProfileCardComponent', 'selector': 'eui-user-profile-card'},{'name': 'EuiUserProfileComponent', 'selector': 'eui-user-profile'},{'name': 'EuiUserProfileMenuComponent', 'selector': 'eui-user-profile-menu'},{'name': 'EuiUserProfileMenuItemComponent', 'selector': 'eui-user-profile-menu-item'},{'name': 'EuiWizardComponent', 'selector': 'eui-wizard'},{'name': 'EuiWizardStepComponent', 'selector': 'eui-wizard-step'},{'name': 'PaginationComponent', 'selector': ''},{'name': 'PlaygroundComponent', 'selector': ''},{'name': 'PlaygroundComponent', 'selector': ''},{'name': 'PlaygroundStickyLastColumnComponent', 'selector': ''},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'},{'name': 'VirtualScrollAsyncComponent', 'selector': ''},{'name': 'VirtualScrollComponent', 'selector': ''}];
1249
913
  var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseStatesDirective', 'selector': '[euiBase]'},{'name': 'EuiAccordionItemHeaderDirective', 'selector': 'eui-accordion-item-header'},{'name': 'EuiActionButtonsDirective', 'selector': 'eui-action-buttons'},{'name': 'EuiAppPageWrapperDirective', 'selector': 'eui-app-page-wrapper'},{'name': 'EuiArrowKeyNavigableDirective', 'selector': '[euiArrowKeyNavigable]'},{'name': 'EuiChipListAppendContentDirective', 'selector': 'euiChipListAppendContent'},{'name': 'EuiClearableDirective', 'selector': 'input[euiClearable]'},{'name': 'EuiDashboardButtonIconDirective', 'selector': 'eui-dashboard-button-icon'},{'name': 'EuiDashboardButtonLabelDirective', 'selector': 'eui-dashboard-button-label'},{'name': 'EuiDialogFooterDirective', 'selector': 'eui-dialog-footer'},{'name': 'EuiDialogHeaderDirective', 'selector': 'eui-dialog-header'},{'name': 'EuiDropdownContentDirective', 'selector': 'eui-dropdown-content'},{'name': 'EuiDropdownTreeDirective', 'selector': 'eui-dropdown[euiDropdownTree]'},{'name': 'EuiEditorCustomToolbarTagDirective', 'selector': 'euiEditorCustomToolbar'},{'name': 'EuiEditorMaxlengthDirective', 'selector': '[formControlName][euiEditorMaxlength]'},{'name': 'EuiFieldsetLabelExtraContentTagDirective', 'selector': 'euiFieldsetLabelExtraContent'},{'name': 'EuiFieldsetLabelRightContentTagDirective', 'selector': 'euiFieldsetLabelRightContent'},{'name': 'EuiHasPermissionDirective', 'selector': '[euiHasPermission]'},{'name': 'EuiInputNumberDirective', 'selector': 'input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiLoadingDirective', 'selector': '[euiLoading]'},{'name': 'EuiMaxLengthDirective', 'selector': '