@eui/components 19.1.2-snapshot-1741681025211 → 19.1.2-snapshot-1741955106555

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 (105) hide show
  1. package/docs/components/EuiAutocompleteComponent.html +377 -0
  2. package/docs/components/EuiAutocompleteOptionComponent.html +50 -0
  3. package/docs/components/EuiAutocompleteOptionGroupComponent.html +38 -0
  4. package/docs/components/EuiBlockDocumentComponent.html +64 -0
  5. package/docs/components/EuiDropdownComponent.html +25 -1
  6. package/docs/components/EuiProgressBarComponent.html +115 -109
  7. package/docs/components/EuiTableV2Component.html +228 -63
  8. package/docs/components/EuiTableV2FilterComponent.html +39 -0
  9. package/docs/components/EuiTableV2SelectableHeaderComponent.html +33 -0
  10. package/docs/components/EuiTableV2SelectableRowComponent.html +45 -0
  11. package/docs/components/EuiTableV2SortableColComponent.html +47 -0
  12. package/docs/dependencies.html +2 -2
  13. package/docs/directives/EuiDropdownContentDirective.html +69 -0
  14. package/docs/directives/EuiTableV2ExpandableRowDirective.html +7 -0
  15. package/docs/directives/EuiTableV2StickyColDirective.html +7 -0
  16. package/docs/injectables/EuiTableV2SelectableRowService.html +106 -0
  17. package/docs/injectables/EuiTableV2SortService.html +47 -0
  18. package/docs/js/menu-wc.js +33 -16
  19. package/docs/js/menu-wc_es5.js +1 -1
  20. package/docs/js/search/search_index.js +2 -2
  21. package/docs/modules/EuiAutocompleteModule.html +11 -0
  22. package/docs/modules/EuiBlockDocumentModule.html +22 -4
  23. package/docs/modules/EuiProgressBarModule.html +2 -14
  24. package/docs/modules/EuiTableV2Module.html +11 -0
  25. package/docs/pipes/EuiTableV2HighlightPipe.html +26 -0
  26. package/eui-autocomplete/eui-autocomplete-option/eui-autocomplete-option.component.d.ts +29 -0
  27. package/eui-autocomplete/eui-autocomplete-option/eui-autocomplete-option.component.d.ts.map +1 -1
  28. package/eui-autocomplete/eui-autocomplete-option-group/eui-autocomplete-option-group.component.d.ts +17 -0
  29. package/eui-autocomplete/eui-autocomplete-option-group/eui-autocomplete-option-group.component.d.ts.map +1 -1
  30. package/eui-autocomplete/eui-autocomplete.component.d.ts +311 -1
  31. package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
  32. package/eui-autocomplete/eui-autocomplete.module.d.ts +12 -0
  33. package/eui-autocomplete/eui-autocomplete.module.d.ts.map +1 -1
  34. package/eui-autocomplete/validators/force-selection-from-data.validator.d.ts +1 -1
  35. package/eui-block-document/eui-block-document.component.d.ts +41 -1
  36. package/eui-block-document/eui-block-document.component.d.ts.map +1 -1
  37. package/eui-block-document/eui-block-document.module.d.ts +12 -2
  38. package/eui-block-document/eui-block-document.module.d.ts.map +1 -1
  39. package/eui-date-range-selector/eui-date-range-selector.component.d.ts +10 -1
  40. package/eui-date-range-selector/eui-date-range-selector.component.d.ts.map +1 -1
  41. package/eui-datepicker/eui-datepicker.component.d.ts +10 -1
  42. package/eui-datepicker/eui-datepicker.component.d.ts.map +1 -1
  43. package/eui-dropdown/directives/eui-dropdown-content.directive.d.ts +1 -0
  44. package/eui-dropdown/directives/eui-dropdown-content.directive.d.ts.map +1 -1
  45. package/eui-dropdown/eui-dropdown.component.d.ts +2 -1
  46. package/eui-dropdown/eui-dropdown.component.d.ts.map +1 -1
  47. package/eui-progress-bar/eui-progress-bar.component.d.ts +16 -9
  48. package/eui-progress-bar/eui-progress-bar.component.d.ts.map +1 -1
  49. package/eui-progress-bar/eui-progress-bar.module.d.ts +5 -17
  50. package/eui-progress-bar/eui-progress-bar.module.d.ts.map +1 -1
  51. package/eui-table-v2/directives/eui-table-v2-expandable-row.directive.d.ts +4 -0
  52. package/eui-table-v2/directives/eui-table-v2-expandable-row.directive.d.ts.map +1 -1
  53. package/eui-table-v2/directives/eui-table-v2-sticky-col.directive.d.ts +4 -0
  54. package/eui-table-v2/directives/eui-table-v2-sticky-col.directive.d.ts.map +1 -1
  55. package/eui-table-v2/eui-table-v2.component.d.ts +273 -1
  56. package/eui-table-v2/eui-table-v2.component.d.ts.map +1 -1
  57. package/eui-table-v2/eui-table-v2.module.d.ts +12 -0
  58. package/eui-table-v2/eui-table-v2.module.d.ts.map +1 -1
  59. package/eui-table-v2/filter/eui-table-v2-filter.component.d.ts +21 -0
  60. package/eui-table-v2/filter/eui-table-v2-filter.component.d.ts.map +1 -1
  61. package/eui-table-v2/pipes/eui-table-v2-highlight.pipe.d.ts +19 -0
  62. package/eui-table-v2/pipes/eui-table-v2-highlight.pipe.d.ts.map +1 -1
  63. package/eui-table-v2/selectable-header/eui-table-v2-selectable-header.component.d.ts +19 -0
  64. package/eui-table-v2/selectable-header/eui-table-v2-selectable-header.component.d.ts.map +1 -1
  65. package/eui-table-v2/selectable-row/eui-table-v2-selectable-row.component.d.ts +28 -0
  66. package/eui-table-v2/selectable-row/eui-table-v2-selectable-row.component.d.ts.map +1 -1
  67. package/eui-table-v2/services/eui-table-v2-selectable-row.service.d.ts +71 -0
  68. package/eui-table-v2/services/eui-table-v2-selectable-row.service.d.ts.map +1 -1
  69. package/eui-table-v2/services/eui-table-v2-sort.service.d.ts +22 -0
  70. package/eui-table-v2/services/eui-table-v2-sort.service.d.ts.map +1 -1
  71. package/eui-table-v2/sortable-col/eui-table-v2-sortable-col.component.d.ts +32 -0
  72. package/eui-table-v2/sortable-col/eui-table-v2-sortable-col.component.d.ts.map +1 -1
  73. package/fesm2022/eui-components-eui-autocomplete.mjs +354 -4
  74. package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
  75. package/fesm2022/eui-components-eui-block-document.mjs +56 -7
  76. package/fesm2022/eui-components-eui-block-document.mjs.map +1 -1
  77. package/fesm2022/eui-components-eui-card.mjs +1 -1
  78. package/fesm2022/eui-components-eui-card.mjs.map +1 -1
  79. package/fesm2022/eui-components-eui-date-range-selector.mjs +7 -3
  80. package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
  81. package/fesm2022/eui-components-eui-datepicker.mjs +7 -3
  82. package/fesm2022/eui-components-eui-datepicker.mjs.map +1 -1
  83. package/fesm2022/eui-components-eui-dropdown.mjs +12 -5
  84. package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
  85. package/fesm2022/eui-components-eui-input-group.mjs +2 -2
  86. package/fesm2022/eui-components-eui-input-group.mjs.map +1 -1
  87. package/fesm2022/eui-components-eui-language-selector.mjs +1 -1
  88. package/fesm2022/eui-components-eui-language-selector.mjs.map +1 -1
  89. package/fesm2022/eui-components-eui-navbar.mjs +1 -1
  90. package/fesm2022/eui-components-eui-navbar.mjs.map +1 -1
  91. package/fesm2022/eui-components-eui-popover.mjs +2 -2
  92. package/fesm2022/eui-components-eui-popover.mjs.map +1 -1
  93. package/fesm2022/eui-components-eui-progress-bar.mjs +37 -31
  94. package/fesm2022/eui-components-eui-progress-bar.mjs.map +1 -1
  95. package/fesm2022/eui-components-eui-table-v2.mjs +482 -5
  96. package/fesm2022/eui-components-eui-table-v2.mjs.map +1 -1
  97. package/fesm2022/eui-components-eui-table.mjs +1 -1
  98. package/fesm2022/eui-components-eui-table.mjs.map +1 -1
  99. package/fesm2022/eui-components-eui-tree.mjs +2 -2
  100. package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
  101. package/fesm2022/eui-components-eui-user-profile.mjs +1 -1
  102. package/fesm2022/eui-components-eui-user-profile.mjs.map +1 -1
  103. package/fesm2022/eui-components-layout.mjs +1 -1
  104. package/fesm2022/eui-components-layout.mjs.map +1 -1
  105. package/package.json +7 -7
@@ -109,6 +109,21 @@
109
109
  </p>
110
110
 
111
111
 
112
+ <p class="comment">
113
+ <h3>Description</h3>
114
+ </p>
115
+ <p class="comment">
116
+ <p><code>eui-autocomplete</code> is a text input showing some suggestions when the user types letters. It can be enhanced with chips to allow user to select multiple values.</p>
117
+ <b>Example :</b><div><pre class="line-numbers"><code class="language-html"></code></pre></div><p>&lt;eui-autocomplete [autocompleteData]=&quot;autocompleteData&quot;&gt;</eui-autocomplete></p>
118
+ <b>Example :</b><div><pre class="line-numbers"><code class="language-none"></code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-none">public autocompleteData: EuiAutoCompleteItem[] = [
119
+ { id: 1, label: &#39;Ananas&#39; },
120
+ { id: 2, label: &#39;Apple&#39; },
121
+ { id: 3, label: &#39;Banana&#39; },
122
+ { id: 4, label: &#39;Blackberry&#39; },
123
+ { id: 5, label: &#39;Coconut&#39; },
124
+ ];</code></pre></div><p>See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-autocomplete">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-autocomplete</a>.</p>
125
+
126
+ </p>
112
127
 
113
128
 
114
129
  <p class="comment">
@@ -711,6 +726,12 @@
711
726
  <i>Default value : </i><code>[]</code>
712
727
  </td>
713
728
  </tr>
729
+ <tr>
730
+ <td class="col-md-4">
731
+ <div class="io-description"><p>Datas to be used in the autocomplete.</p>
732
+ </div>
733
+ </td>
734
+ </tr>
714
735
  </tbody>
715
736
  </table>
716
737
  <table class="table table-sm table-bordered">
@@ -732,6 +753,12 @@
732
753
  <i>Default value : </i><code>[]</code>
733
754
  </td>
734
755
  </tr>
756
+ <tr>
757
+ <td class="col-md-4">
758
+ <div class="io-description"><p>Sets the options that will be selected selected by default.</p>
759
+ </div>
760
+ </td>
761
+ </tr>
735
762
  </tbody>
736
763
  </table>
737
764
  <table class="table table-sm table-bordered">
@@ -753,6 +780,12 @@
753
780
  <i>Default value : </i><code>null</code>
754
781
  </td>
755
782
  </tr>
783
+ <tr>
784
+ <td class="col-md-4">
785
+ <div class="io-description"><p>Wheter the chips label length are limitated by the value of this option.</p>
786
+ </div>
787
+ </td>
788
+ </tr>
756
789
  </tbody>
757
790
  </table>
758
791
  <table class="table table-sm table-bordered">
@@ -774,6 +807,12 @@
774
807
  <i>Default value : </i><code>&#x27;top&#x27;</code>
775
808
  </td>
776
809
  </tr>
810
+ <tr>
811
+ <td class="col-md-4">
812
+ <div class="io-description"><p>In Combination with <code>isItemsSorted</code>. Sets the position of the chips relative to the text input.</p>
813
+ </div>
814
+ </td>
815
+ </tr>
777
816
  </tbody>
778
817
  </table>
779
818
  <table class="table table-sm table-bordered">
@@ -795,6 +834,12 @@
795
834
  <i>Default value : </i><code>&#x27;ASC&#x27;</code>
796
835
  </td>
797
836
  </tr>
837
+ <tr>
838
+ <td class="col-md-4">
839
+ <div class="io-description"><p>Sets the sort criteria of the chips.</p>
840
+ </div>
841
+ </td>
842
+ </tr>
798
843
  </tbody>
799
844
  </table>
800
845
  <table class="table table-sm table-bordered">
@@ -816,6 +861,12 @@
816
861
  <i>Default value : </i><code>null</code>
817
862
  </td>
818
863
  </tr>
864
+ <tr>
865
+ <td class="col-md-4">
866
+ <div class="io-description"><p>Sets a CSS class to be added on the options panel container.</p>
867
+ </div>
868
+ </td>
869
+ </tr>
819
870
  </tbody>
820
871
  </table>
821
872
  <table class="table table-sm table-bordered">
@@ -837,6 +888,12 @@
837
888
  <i>Default value : </i><code>[]</code>
838
889
  </td>
839
890
  </tr>
891
+ <tr>
892
+ <td class="col-md-4">
893
+ <div class="io-description"><p>In combination with <code>isChipsDragAndDrop</code>, sets the name to the chips source with which a drag and drop will be done.</p>
894
+ </div>
895
+ </td>
896
+ </tr>
840
897
  </tbody>
841
898
  </table>
842
899
  <table class="table table-sm table-bordered">
@@ -853,6 +910,12 @@
853
910
 
854
911
  </td>
855
912
  </tr>
913
+ <tr>
914
+ <td class="col-md-4">
915
+ <div class="io-description"><p>In combination with <code>isChipsDragAndDrop</code>, sets the name to the chips source.</p>
916
+ </div>
917
+ </td>
918
+ </tr>
856
919
  </tbody>
857
920
  </table>
858
921
  <table class="table table-sm table-bordered">
@@ -869,6 +932,12 @@
869
932
 
870
933
  </td>
871
934
  </tr>
935
+ <tr>
936
+ <td class="col-md-4">
937
+ <div class="io-description"><p>Sets a grouping among the options.</p>
938
+ </div>
939
+ </td>
940
+ </tr>
872
941
  </tbody>
873
942
  </table>
874
943
  <table class="table table-sm table-bordered">
@@ -890,6 +959,12 @@
890
959
  <i>Default value : </i><code>false</code>
891
960
  </td>
892
961
  </tr>
962
+ <tr>
963
+ <td class="col-md-4">
964
+ <div class="io-description"><p>Wheter autocomplete will display the selected values with chips.</p>
965
+ </div>
966
+ </td>
967
+ </tr>
893
968
  </tbody>
894
969
  </table>
895
970
  <table class="table table-sm table-bordered">
@@ -906,6 +981,12 @@
906
981
 
907
982
  </td>
908
983
  </tr>
984
+ <tr>
985
+ <td class="col-md-4">
986
+ <div class="io-description"><p>Sets the id on the text input.</p>
987
+ </div>
988
+ </td>
989
+ </tr>
909
990
  </tbody>
910
991
  </table>
911
992
  <table class="table table-sm table-bordered">
@@ -927,6 +1008,12 @@
927
1008
  <i>Default value : </i><code>false</code>
928
1009
  </td>
929
1010
  </tr>
1011
+ <tr>
1012
+ <td class="col-md-4">
1013
+ <div class="io-description"><p>In combination with <code>hasChips</code>. Wheter the chip is added when the text input is blurred.</p>
1014
+ </div>
1015
+ </td>
1016
+ </tr>
930
1017
  </tbody>
931
1018
  </table>
932
1019
  <table class="table table-sm table-bordered">
@@ -948,6 +1035,12 @@
948
1035
  <i>Default value : </i><code>false</code>
949
1036
  </td>
950
1037
  </tr>
1038
+ <tr>
1039
+ <td class="col-md-4">
1040
+ <div class="io-description"><p>Wheter autocomplete will get the data in an asynchronous way.</p>
1041
+ </div>
1042
+ </td>
1043
+ </tr>
951
1044
  </tbody>
952
1045
  </table>
953
1046
  <table class="table table-sm table-bordered">
@@ -969,6 +1062,12 @@
969
1062
  <i>Default value : </i><code>false</code>
970
1063
  </td>
971
1064
  </tr>
1065
+ <tr>
1066
+ <td class="col-md-4">
1067
+ <div class="io-description"><p>Wheter the chips can be drag and dropped.</p>
1068
+ </div>
1069
+ </td>
1070
+ </tr>
972
1071
  </tbody>
973
1072
  </table>
974
1073
  <table class="table table-sm table-bordered">
@@ -990,6 +1089,13 @@
990
1089
  <i>Default value : </i><code>true</code>
991
1090
  </td>
992
1091
  </tr>
1092
+ <tr>
1093
+ <td class="col-md-4">
1094
+ <div class="io-description"><p>Wheter the chip can be removed from the selection.
1095
+ When a chip is removed, its value goes back in the panel.</p>
1096
+ </div>
1097
+ </td>
1098
+ </tr>
993
1099
  </tbody>
994
1100
  </table>
995
1101
  <table class="table table-sm table-bordered">
@@ -1011,6 +1117,12 @@
1011
1117
  <i>Default value : </i><code>false</code>
1012
1118
  </td>
1013
1119
  </tr>
1120
+ <tr>
1121
+ <td class="col-md-4">
1122
+ <div class="io-description"><p>Wheter this chips are sorted on their label.</p>
1123
+ </div>
1124
+ </td>
1125
+ </tr>
1014
1126
  </tbody>
1015
1127
  </table>
1016
1128
  <table class="table table-sm table-bordered">
@@ -1032,6 +1144,13 @@
1032
1144
  <i>Default value : </i><code>false</code>
1033
1145
  </td>
1034
1146
  </tr>
1147
+ <tr>
1148
+ <td class="col-md-4">
1149
+ <div class="io-description"><p>Wheter the chips can have multiple times the same value.
1150
+ With this option, the value is not removed from the panel when choosen.</p>
1151
+ </div>
1152
+ </td>
1153
+ </tr>
1035
1154
  </tbody>
1036
1155
  </table>
1037
1156
  <table class="table table-sm table-bordered">
@@ -1053,6 +1172,12 @@
1053
1172
  <i>Default value : </i><code>false</code>
1054
1173
  </td>
1055
1174
  </tr>
1175
+ <tr>
1176
+ <td class="col-md-4">
1177
+ <div class="io-description"><p>In combination with <code>hasChips</code> and <code>isFreeValueAllowed=false</code>. Wheter the text input is empty after blurring when no value has been selected in the panel.</p>
1178
+ </div>
1179
+ </td>
1180
+ </tr>
1056
1181
  </tbody>
1057
1182
  </table>
1058
1183
  <table class="table table-sm table-bordered">
@@ -1074,6 +1199,12 @@
1074
1199
  <i>Default value : </i><code>true</code>
1075
1200
  </td>
1076
1201
  </tr>
1202
+ <tr>
1203
+ <td class="col-md-4">
1204
+ <div class="io-description"><p>In combination with <code>hasChips</code>. Wheter the user can add a value, which is not part of the options, to craete a chip.</p>
1205
+ </div>
1206
+ </td>
1207
+ </tr>
1077
1208
  </tbody>
1078
1209
  </table>
1079
1210
  <table class="table table-sm table-bordered">
@@ -1095,6 +1226,12 @@
1095
1226
  <i>Default value : </i><code>false</code>
1096
1227
  </td>
1097
1228
  </tr>
1229
+ <tr>
1230
+ <td class="col-md-4">
1231
+ <div class="io-description"><p>Wheter this items in the panel are sorted on their label.</p>
1232
+ </div>
1233
+ </td>
1234
+ </tr>
1098
1235
  </tbody>
1099
1236
  </table>
1100
1237
  <table class="table table-sm table-bordered">
@@ -1116,6 +1253,12 @@
1116
1253
  <i>Default value : </i><code>false</code>
1117
1254
  </td>
1118
1255
  </tr>
1256
+ <tr>
1257
+ <td class="col-md-4">
1258
+ <div class="io-description"><p>Wheter loading spinner is displayed in text input.</p>
1259
+ </div>
1260
+ </td>
1261
+ </tr>
1119
1262
  </tbody>
1120
1263
  </table>
1121
1264
  <table class="table table-sm table-bordered">
@@ -1137,6 +1280,12 @@
1137
1280
  <i>Default value : </i><code>false</code>
1138
1281
  </td>
1139
1282
  </tr>
1283
+ <tr>
1284
+ <td class="col-md-4">
1285
+ <div class="io-description"><p>In combination with <code>maxVisibleChipsCount</code>. Wheter all chips are shown by default.</p>
1286
+ </div>
1287
+ </td>
1288
+ </tr>
1140
1289
  </tbody>
1141
1290
  </table>
1142
1291
  <table class="table table-sm table-bordered">
@@ -1158,6 +1307,12 @@
1158
1307
  <i>Default value : </i><code>false</code>
1159
1308
  </td>
1160
1309
  </tr>
1310
+ <tr>
1311
+ <td class="col-md-4">
1312
+ <div class="io-description"><p>Wheter autocomplete is in readonly mode.</p>
1313
+ </div>
1314
+ </td>
1315
+ </tr>
1161
1316
  </tbody>
1162
1317
  </table>
1163
1318
  <table class="table table-sm table-bordered">
@@ -1179,6 +1334,12 @@
1179
1334
  <i>Default value : </i><code>&#x27;ASC&#x27;</code>
1180
1335
  </td>
1181
1336
  </tr>
1337
+ <tr>
1338
+ <td class="col-md-4">
1339
+ <div class="io-description"><p>In combination with <code>isChipsSorted</code>. Sets the sort criteria of the options in the panel.</p>
1340
+ </div>
1341
+ </td>
1342
+ </tr>
1182
1343
  </tbody>
1183
1344
  </table>
1184
1345
  <table class="table table-sm table-bordered">
@@ -1200,6 +1361,12 @@
1200
1361
  <i>Default value : </i><code>&#x27;contains&#x27;</code>
1201
1362
  </td>
1202
1363
  </tr>
1364
+ <tr>
1365
+ <td class="col-md-4">
1366
+ <div class="io-description"><p>Sets the way the options should be retrieved.</p>
1367
+ </div>
1368
+ </td>
1369
+ </tr>
1203
1370
  </tbody>
1204
1371
  </table>
1205
1372
  <table class="table table-sm table-bordered">
@@ -1221,6 +1388,12 @@
1221
1388
  <i>Default value : </i><code>null</code>
1222
1389
  </td>
1223
1390
  </tr>
1391
+ <tr>
1392
+ <td class="col-md-4">
1393
+ <div class="io-description"><p>Wheter a limitated amount, defined by this option, is used to diplay the chips.</p>
1394
+ </div>
1395
+ </td>
1396
+ </tr>
1224
1397
  </tbody>
1225
1398
  </table>
1226
1399
  <table class="table table-sm table-bordered">
@@ -1237,6 +1410,12 @@
1237
1410
 
1238
1411
  </td>
1239
1412
  </tr>
1413
+ <tr>
1414
+ <td class="col-md-4">
1415
+ <div class="io-description"><p>Sets the width of the options panel.</p>
1416
+ </div>
1417
+ </td>
1418
+ </tr>
1240
1419
  </tbody>
1241
1420
  </table>
1242
1421
  <table class="table table-sm table-bordered">
@@ -1258,6 +1437,12 @@
1258
1437
  <i>Default value : </i><code>&#x27;&#x27;</code>
1259
1438
  </td>
1260
1439
  </tr>
1440
+ <tr>
1441
+ <td class="col-md-4">
1442
+ <div class="io-description"><p>Sets the placeholder of the text input.</p>
1443
+ </div>
1444
+ </td>
1445
+ </tr>
1261
1446
  </tbody>
1262
1447
  </table>
1263
1448
  <table class="table table-sm table-bordered">
@@ -1279,6 +1464,12 @@
1279
1464
  <i>Default value : </i><code>null</code>
1280
1465
  </td>
1281
1466
  </tr>
1467
+ <tr>
1468
+ <td class="col-md-4">
1469
+ <div class="io-description"><p>In combination with <code>maxVisibleChipsCount</code>, sets the label of the &#39;less label&#39; button, if not provided an arrow left icon will be displayed only.</p>
1470
+ </div>
1471
+ </td>
1472
+ </tr>
1282
1473
  </tbody>
1283
1474
  </table>
1284
1475
  <table class="table table-sm table-bordered">
@@ -1300,6 +1491,12 @@
1300
1491
  <i>Default value : </i><code>null</code>
1301
1492
  </td>
1302
1493
  </tr>
1494
+ <tr>
1495
+ <td class="col-md-4">
1496
+ <div class="io-description"><p>In combination with <code>maxVisibleChipsCount</code>, sets the label of the &#39;more label&#39; button, if not provided an arrow right icon will be displayed only.</p>
1497
+ </div>
1498
+ </td>
1499
+ </tr>
1303
1500
  </tbody>
1304
1501
  </table>
1305
1502
  <table class="table table-sm table-bordered">
@@ -1321,6 +1518,12 @@
1321
1518
  <i>Default value : </i><code>5</code>
1322
1519
  </td>
1323
1520
  </tr>
1521
+ <tr>
1522
+ <td class="col-md-4">
1523
+ <div class="io-description"><p>Sets the maximum number of options that will be visible in the autocomplete panel.</p>
1524
+ </div>
1525
+ </td>
1526
+ </tr>
1324
1527
  </tbody>
1325
1528
  </table>
1326
1529
  </section>
@@ -1340,6 +1543,12 @@
1340
1543
 
1341
1544
  </td>
1342
1545
  </tr>
1546
+ <tr>
1547
+ <td class="col-md-4">
1548
+ <div class="io-description"><p>Event emitted when a chip drag is released.</p>
1549
+ </div>
1550
+ </td>
1551
+ </tr>
1343
1552
  </tbody>
1344
1553
  </table>
1345
1554
  <table class="table table-sm table-bordered">
@@ -1356,6 +1565,12 @@
1356
1565
 
1357
1566
  </td>
1358
1567
  </tr>
1568
+ <tr>
1569
+ <td class="col-md-4">
1570
+ <div class="io-description"><p>Event emitted when a chip drag starts.</p>
1571
+ </div>
1572
+ </td>
1573
+ </tr>
1359
1574
  </tbody>
1360
1575
  </table>
1361
1576
  <table class="table table-sm table-bordered">
@@ -1372,6 +1587,12 @@
1372
1587
 
1373
1588
  </td>
1374
1589
  </tr>
1590
+ <tr>
1591
+ <td class="col-md-4">
1592
+ <div class="io-description"><p>Event emitted when a chip is dropped.</p>
1593
+ </div>
1594
+ </td>
1595
+ </tr>
1375
1596
  </tbody>
1376
1597
  </table>
1377
1598
  <table class="table table-sm table-bordered">
@@ -1388,6 +1609,12 @@
1388
1609
 
1389
1610
  </td>
1390
1611
  </tr>
1612
+ <tr>
1613
+ <td class="col-md-4">
1614
+ <div class="io-description"><p>Event emitted when the text input is cleared.</p>
1615
+ </div>
1616
+ </td>
1617
+ </tr>
1391
1618
  </tbody>
1392
1619
  </table>
1393
1620
  <table class="table table-sm table-bordered">
@@ -1404,6 +1631,12 @@
1404
1631
 
1405
1632
  </td>
1406
1633
  </tr>
1634
+ <tr>
1635
+ <td class="col-md-4">
1636
+ <div class="io-description"><p>Event emitted when the text input is blurred.</p>
1637
+ </div>
1638
+ </td>
1639
+ </tr>
1407
1640
  </tbody>
1408
1641
  </table>
1409
1642
  <table class="table table-sm table-bordered">
@@ -1420,6 +1653,12 @@
1420
1653
 
1421
1654
  </td>
1422
1655
  </tr>
1656
+ <tr>
1657
+ <td class="col-md-4">
1658
+ <div class="io-description"><p>Event emitted when the value of the text input changes.</p>
1659
+ </div>
1660
+ </td>
1661
+ </tr>
1423
1662
  </tbody>
1424
1663
  </table>
1425
1664
  <table class="table table-sm table-bordered">
@@ -1436,6 +1675,12 @@
1436
1675
 
1437
1676
  </td>
1438
1677
  </tr>
1678
+ <tr>
1679
+ <td class="col-md-4">
1680
+ <div class="io-description"><p>Event emitted when the text input gets the focus.</p>
1681
+ </div>
1682
+ </td>
1683
+ </tr>
1439
1684
  </tbody>
1440
1685
  </table>
1441
1686
  <table class="table table-sm table-bordered">
@@ -1452,6 +1697,12 @@
1452
1697
 
1453
1698
  </td>
1454
1699
  </tr>
1700
+ <tr>
1701
+ <td class="col-md-4">
1702
+ <div class="io-description"><p>Event emitted when an option is selected.</p>
1703
+ </div>
1704
+ </td>
1705
+ </tr>
1455
1706
  </tbody>
1456
1707
  </table>
1457
1708
  <table class="table table-sm table-bordered">
@@ -1468,6 +1719,12 @@
1468
1719
 
1469
1720
  </td>
1470
1721
  </tr>
1722
+ <tr>
1723
+ <td class="col-md-4">
1724
+ <div class="io-description"><p>Event emitted when an option is removed.</p>
1725
+ </div>
1726
+ </td>
1727
+ </tr>
1471
1728
  </tbody>
1472
1729
  </table>
1473
1730
  <table class="table table-sm table-bordered">
@@ -1484,6 +1741,12 @@
1484
1741
 
1485
1742
  </td>
1486
1743
  </tr>
1744
+ <tr>
1745
+ <td class="col-md-4">
1746
+ <div class="io-description"><p>Event emitted when the panel is closed.</p>
1747
+ </div>
1748
+ </td>
1749
+ </tr>
1487
1750
  </tbody>
1488
1751
  </table>
1489
1752
  <table class="table table-sm table-bordered">
@@ -1500,6 +1763,12 @@
1500
1763
 
1501
1764
  </td>
1502
1765
  </tr>
1766
+ <tr>
1767
+ <td class="col-md-4">
1768
+ <div class="io-description"><p>Event emitted when the panel is opened.</p>
1769
+ </div>
1770
+ </td>
1771
+ </tr>
1503
1772
  </tbody>
1504
1773
  </table>
1505
1774
  <table class="table table-sm table-bordered">
@@ -1516,6 +1785,12 @@
1516
1785
 
1517
1786
  </td>
1518
1787
  </tr>
1788
+ <tr>
1789
+ <td class="col-md-4">
1790
+ <div class="io-description"><p>Event emitted when an option is selected or when the selection is modified.</p>
1791
+ </div>
1792
+ </td>
1793
+ </tr>
1519
1794
  </tbody>
1520
1795
  </table>
1521
1796
  </section>
@@ -1573,6 +1848,8 @@
1573
1848
 
1574
1849
  <tr>
1575
1850
  <td class="col-md-4">
1851
+ <div class="io-description"><p>Method called when an option is added through the text input.</p>
1852
+ </div>
1576
1853
 
1577
1854
  <div class="io-description">
1578
1855
  <b>Parameters :</b>
@@ -1583,6 +1860,7 @@
1583
1860
  <td>Name</td>
1584
1861
  <td>Type</td>
1585
1862
  <td>Optional</td>
1863
+ <td>Description</td>
1586
1864
  </tr>
1587
1865
  </thead>
1588
1866
  <tbody>
@@ -1597,6 +1875,10 @@
1597
1875
  </td>
1598
1876
 
1599
1877
 
1878
+ <td>
1879
+ <p>Value to add</p>
1880
+
1881
+ </td>
1600
1882
  </tr>
1601
1883
  </tbody>
1602
1884
  </table>
@@ -1636,6 +1918,8 @@
1636
1918
 
1637
1919
  <tr>
1638
1920
  <td class="col-md-4">
1921
+ <div class="io-description"><p>Closes the autocomplete panel.</p>
1922
+ </div>
1639
1923
 
1640
1924
  <div class="io-description">
1641
1925
  <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
@@ -1669,6 +1953,8 @@
1669
1953
 
1670
1954
  <tr>
1671
1955
  <td class="col-md-4">
1956
+ <div class="io-description"><p>Text input blur handler.</p>
1957
+ </div>
1672
1958
 
1673
1959
  <div class="io-description">
1674
1960
  <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
@@ -1702,6 +1988,8 @@
1702
1988
 
1703
1989
  <tr>
1704
1990
  <td class="col-md-4">
1991
+ <div class="io-description"><p>Called when a chip is released for reordering or from a source to another.</p>
1992
+ </div>
1705
1993
 
1706
1994
  <div class="io-description">
1707
1995
  <b>Parameters :</b>
@@ -1712,6 +2000,7 @@
1712
2000
  <td>Name</td>
1713
2001
  <td>Type</td>
1714
2002
  <td>Optional</td>
2003
+ <td>Description</td>
1715
2004
  </tr>
1716
2005
  </thead>
1717
2006
  <tbody>
@@ -1726,6 +2015,10 @@
1726
2015
  </td>
1727
2016
 
1728
2017
 
2018
+ <td>
2019
+ <p>Object containing the chip released.</p>
2020
+
2021
+ </td>
1729
2022
  </tr>
1730
2023
  </tbody>
1731
2024
  </table>
@@ -1765,6 +2058,8 @@
1765
2058
 
1766
2059
  <tr>
1767
2060
  <td class="col-md-4">
2061
+ <div class="io-description"><p>Called when a chip is dragged for reordering or from a source to another.</p>
2062
+ </div>
1768
2063
 
1769
2064
  <div class="io-description">
1770
2065
  <b>Parameters :</b>
@@ -1775,6 +2070,7 @@
1775
2070
  <td>Name</td>
1776
2071
  <td>Type</td>
1777
2072
  <td>Optional</td>
2073
+ <td>Description</td>
1778
2074
  </tr>
1779
2075
  </thead>
1780
2076
  <tbody>
@@ -1789,6 +2085,10 @@
1789
2085
  </td>
1790
2086
 
1791
2087
 
2088
+ <td>
2089
+ <p>Object containing the chip dragged.</p>
2090
+
2091
+ </td>
1792
2092
  </tr>
1793
2093
  </tbody>
1794
2094
  </table>
@@ -1828,6 +2128,8 @@
1828
2128
 
1829
2129
  <tr>
1830
2130
  <td class="col-md-4">
2131
+ <div class="io-description"><p>Called when a chip is dropped for reordering or from a source to another.</p>
2132
+ </div>
1831
2133
 
1832
2134
  <div class="io-description">
1833
2135
  <b>Parameters :</b>
@@ -1838,6 +2140,7 @@
1838
2140
  <td>Name</td>
1839
2141
  <td>Type</td>
1840
2142
  <td>Optional</td>
2143
+ <td>Description</td>
1841
2144
  </tr>
1842
2145
  </thead>
1843
2146
  <tbody>
@@ -1852,6 +2155,10 @@
1852
2155
  </td>
1853
2156
 
1854
2157
 
2158
+ <td>
2159
+ <p>Object containing the chip dropped.</p>
2160
+
2161
+ </td>
1855
2162
  </tr>
1856
2163
  </tbody>
1857
2164
  </table>
@@ -1891,6 +2198,8 @@
1891
2198
 
1892
2199
  <tr>
1893
2200
  <td class="col-md-4">
2201
+ <div class="io-description"><p>Called when a chip is removed.</p>
2202
+ </div>
1894
2203
 
1895
2204
  <div class="io-description">
1896
2205
  <b>Parameters :</b>
@@ -1901,6 +2210,7 @@
1901
2210
  <td>Name</td>
1902
2211
  <td>Type</td>
1903
2212
  <td>Optional</td>
2213
+ <td>Description</td>
1904
2214
  </tr>
1905
2215
  </thead>
1906
2216
  <tbody>
@@ -1915,6 +2225,10 @@
1915
2225
  </td>
1916
2226
 
1917
2227
 
2228
+ <td>
2229
+ <p>Object containing the chip to remove.</p>
2230
+
2231
+ </td>
1918
2232
  </tr>
1919
2233
  </tbody>
1920
2234
  </table>
@@ -1987,6 +2301,8 @@
1987
2301
 
1988
2302
  <tr>
1989
2303
  <td class="col-md-4">
2304
+ <div class="io-description"><p>Text input focus handler.</p>
2305
+ </div>
1990
2306
 
1991
2307
  <div class="io-description">
1992
2308
  <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
@@ -2020,6 +2336,8 @@
2020
2336
 
2021
2337
  <tr>
2022
2338
  <td class="col-md-4">
2339
+ <div class="io-description"><p>Method called when an option is selected.</p>
2340
+ </div>
2023
2341
 
2024
2342
  <div class="io-description">
2025
2343
  <b>Parameters :</b>
@@ -2030,6 +2348,7 @@
2030
2348
  <td>Name</td>
2031
2349
  <td>Type</td>
2032
2350
  <td>Optional</td>
2351
+ <td>Description</td>
2033
2352
  </tr>
2034
2353
  </thead>
2035
2354
  <tbody>
@@ -2044,6 +2363,10 @@
2044
2363
  </td>
2045
2364
 
2046
2365
 
2366
+ <td>
2367
+ <p>Selected option</p>
2368
+
2369
+ </td>
2047
2370
  </tr>
2048
2371
  </tbody>
2049
2372
  </table>
@@ -2083,6 +2406,8 @@
2083
2406
 
2084
2407
  <tr>
2085
2408
  <td class="col-md-4">
2409
+ <div class="io-description"><p>Method that creates and opens the panel containing autocomplete options.</p>
2410
+ </div>
2086
2411
 
2087
2412
  <div class="io-description">
2088
2413
  <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
@@ -2858,6 +3183,19 @@
2858
3183
  <span class="accessor"><b>get</b><code>cssClasses()</code></span>
2859
3184
  </td>
2860
3185
  </tr>
3186
+ <tr>
3187
+ <td class="col-md-4">
3188
+ <div class="io-description"><p>Computes and returns the CSS classes for the component based on its current state.</p>
3189
+ </div>
3190
+
3191
+ <div>
3192
+ </div>
3193
+ <div class="io-description">
3194
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
3195
+
3196
+ </div>
3197
+ </td>
3198
+ </tr>
2861
3199
 
2862
3200
  </tbody>
2863
3201
  </table>
@@ -2875,6 +3213,19 @@
2875
3213
  <span class="accessor"><b>get</b><code>cdkVirtualScrollViewport()</code></span>
2876
3214
  </td>
2877
3215
  </tr>
3216
+ <tr>
3217
+ <td class="col-md-4">
3218
+ <div class="io-description"><p>Calculates the height that the virtual scroll need to have.</p>
3219
+ </div>
3220
+
3221
+ <div>
3222
+ </div>
3223
+ <div class="io-description">
3224
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
3225
+
3226
+ </div>
3227
+ </td>
3228
+ </tr>
2878
3229
 
2879
3230
  </tbody>
2880
3231
  </table>
@@ -2892,6 +3243,19 @@
2892
3243
  <span class="accessor"><b>get</b><code>isOpen()</code></span>
2893
3244
  </td>
2894
3245
  </tr>
3246
+ <tr>
3247
+ <td class="col-md-4">
3248
+ <div class="io-description"><p>Returns the opening state of the panel.</p>
3249
+ </div>
3250
+
3251
+ <div>
3252
+ </div>
3253
+ <div class="io-description">
3254
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
3255
+
3256
+ </div>
3257
+ </td>
3258
+ </tr>
2895
3259
 
2896
3260
  </tbody>
2897
3261
  </table>
@@ -2909,6 +3273,19 @@
2909
3273
  <span class="accessor"><b>get</b><code>hasOptionsResult()</code></span>
2910
3274
  </td>
2911
3275
  </tr>
3276
+ <tr>
3277
+ <td class="col-md-4">
3278
+ <div class="io-description"><p>Checks if autocomplete options are available.</p>
3279
+ </div>
3280
+
3281
+ <div>
3282
+ </div>
3283
+ <div class="io-description">
3284
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
3285
+
3286
+ </div>
3287
+ </td>
3288
+ </tr>
2912
3289
 
2913
3290
  </tbody>
2914
3291
  </table>