@eui/components 17.0.0-next.24 → 17.0.0-next.25

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 (224) hide show
  1. package/docs/classes/EuiAutoCompleteItem.html +1 -1
  2. package/docs/components/ChartComponent.html +1 -1
  3. package/docs/components/CollapsedBreadcrumbComponent.html +1 -1
  4. package/docs/components/EclMessageWcComponent.html +1 -1
  5. package/docs/components/EuiAccessibleButtonIconComponent.html +2 -2
  6. package/docs/components/EuiAlertComponent.html +1 -1
  7. package/docs/components/EuiAppBreadcrumbComponent.html +1 -1
  8. package/docs/components/EuiAppComponent.html +1 -1
  9. package/docs/components/EuiAppFooterComponent.html +1 -1
  10. package/docs/components/EuiAppHeaderComponent.html +1 -1
  11. package/docs/components/EuiAppSidebarBodyComponent.html +1 -1
  12. package/docs/components/EuiAppSidebarComponent.html +1 -1
  13. package/docs/components/EuiAppSidebarDrawerComponent.html +1 -1
  14. package/docs/components/EuiAppSidebarFooterComponent.html +1 -1
  15. package/docs/components/EuiAppSidebarHeaderComponent.html +1 -1
  16. package/docs/components/EuiAppSidebarHeaderUserProfileComponent.html +1 -1
  17. package/docs/components/EuiAppSidebarMenuComponent.html +1 -1
  18. package/docs/components/EuiAppToolbarComponent.html +1 -1
  19. package/docs/components/EuiAppTopMessageComponent.html +1 -1
  20. package/docs/components/EuiAutocompleteAsyncTestComponent.html +5 -4
  21. package/docs/components/EuiAutocompleteChipsAsyncTestComponent.html +3 -3
  22. package/docs/components/EuiAutocompleteChipsTestComponent.html +3 -4
  23. package/docs/components/EuiAutocompleteComponent.html +621 -2340
  24. package/docs/components/EuiAutocompleteOptionComponent.html +531 -0
  25. package/docs/components/EuiAutocompleteOptionGroupComponent.html +427 -0
  26. package/docs/components/EuiAutocompleteTestComponent.html +10 -9
  27. package/docs/components/EuiAvatarBadgeComponent.html +1 -1
  28. package/docs/components/EuiAvatarComponent.html +1 -1
  29. package/docs/components/EuiAvatarIconComponent.html +1 -1
  30. package/docs/components/EuiAvatarImageComponent.html +1 -1
  31. package/docs/components/EuiAvatarListComponent.html +1 -1
  32. package/docs/components/EuiAvatarTextComponent.html +1 -1
  33. package/docs/components/EuiBadgeComponent.html +1 -1
  34. package/docs/components/EuiBlockContentComponent.html +1 -1
  35. package/docs/components/EuiBlockDocumentComponent.html +1 -1
  36. package/docs/components/EuiBreadcrumbComponent.html +1 -1
  37. package/docs/components/EuiBreadcrumbItemComponent.html +1 -1
  38. package/docs/components/EuiButtonComponent.html +1 -1
  39. package/docs/components/EuiButtonGroupComponent.html +1 -1
  40. package/docs/components/EuiButtonsComponent.html +1 -1
  41. package/docs/components/EuiCardComponent.html +1 -1
  42. package/docs/components/EuiCardContentComponent.html +1 -1
  43. package/docs/components/EuiCardFooterActionButtonsComponent.html +1 -1
  44. package/docs/components/EuiCardFooterActionIconsComponent.html +1 -1
  45. package/docs/components/EuiCardFooterComponent.html +1 -1
  46. package/docs/components/EuiCardFooterMenuContentComponent.html +1 -1
  47. package/docs/components/EuiCardHeaderBodyComponent.html +1 -1
  48. package/docs/components/EuiCardHeaderComponent.html +1 -1
  49. package/docs/components/EuiCardHeaderLeftContentComponent.html +1 -1
  50. package/docs/components/EuiCardHeaderRightContentComponent.html +1 -1
  51. package/docs/components/EuiCardHeaderSubtitleComponent.html +1 -1
  52. package/docs/components/EuiCardHeaderTitleComponent.html +1 -1
  53. package/docs/components/EuiCardMediaComponent.html +1 -1
  54. package/docs/components/EuiChipComponent.html +1 -1
  55. package/docs/components/EuiChipListComponent.html +1 -1
  56. package/docs/components/EuiCommonHeaderComponent.html +1 -1
  57. package/docs/components/EuiDashboardButtonComponent.html +1 -1
  58. package/docs/components/EuiDashboardCardComponent.html +1 -1
  59. package/docs/components/EuiDateRangeSelectorComponent.html +1 -1
  60. package/docs/components/EuiDatepickerComponent.html +1 -1
  61. package/docs/components/EuiDialogComponent.html +1 -1
  62. package/docs/components/EuiDialogContainerComponent.html +1 -1
  63. package/docs/components/EuiDimmerComponent.html +1 -1
  64. package/docs/components/EuiDisableContentComponent.html +1 -1
  65. package/docs/components/EuiDiscussionThreadComponent.html +1 -1
  66. package/docs/components/EuiDiscussionThreadItemComponent.html +1 -1
  67. package/docs/components/EuiDropdownComponent.html +1 -1
  68. package/docs/components/EuiDropdownItemComponent.html +1 -1
  69. package/docs/components/EuiEclBannerComponent.html +1 -1
  70. package/docs/components/EuiEclButtonComponent.html +1 -1
  71. package/docs/components/EuiEclCarouselComponent.html +1 -1
  72. package/docs/components/EuiEclCarouselItemComponent.html +1 -1
  73. package/docs/components/EuiEclIconComponent.html +1 -1
  74. package/docs/components/EuiEclMessageComponent.html +1 -1
  75. package/docs/components/EuiEditorComponent.html +1 -1
  76. package/docs/components/EuiEditorCountersComponent.html +1 -1
  77. package/docs/components/EuiEditorHtmlViewComponent.html +1 -1
  78. package/docs/components/EuiEditorImageDialogComponent.html +1 -1
  79. package/docs/components/EuiEditorJsonViewComponent.html +1 -1
  80. package/docs/components/EuiExpandContentComponent.html +1 -1
  81. package/docs/components/EuiFeedbackMessageComponent.html +1 -1
  82. package/docs/components/EuiFieldsetComponent.html +1 -1
  83. package/docs/components/EuiFilePreviewComponent.html +1 -1
  84. package/docs/components/EuiFileUploadComponent.html +1 -1
  85. package/docs/components/EuiFileUploadProgressComponent.html +1 -1
  86. package/docs/components/EuiFooterComponent.html +1 -1
  87. package/docs/components/EuiGrowlComponent.html +1 -1
  88. package/docs/components/EuiHeaderAppComponent.html +1 -1
  89. package/docs/components/EuiHeaderAppNameComponent.html +1 -1
  90. package/docs/components/EuiHeaderAppNameLogoComponent.html +1 -1
  91. package/docs/components/EuiHeaderAppSubtitleComponent.html +1 -1
  92. package/docs/components/EuiHeaderComponent.html +1 -1
  93. package/docs/components/EuiHeaderEnvironmentComponent.html +1 -1
  94. package/docs/components/EuiHeaderLogoComponent.html +1 -1
  95. package/docs/components/EuiHeaderUserProfileComponent.html +1 -1
  96. package/docs/components/EuiIconColorComponent.html +1 -1
  97. package/docs/components/EuiIconComponent.html +1 -1
  98. package/docs/components/EuiIconSvgComponent.html +1 -1
  99. package/docs/components/EuiIconToggleComponent.html +1 -1
  100. package/docs/components/EuiInputCheckboxComponent.html +1 -1
  101. package/docs/components/EuiInputGroupComponent.html +1 -1
  102. package/docs/components/EuiInputNumberComponent.html +1 -1
  103. package/docs/components/EuiInputRadioComponent.html +1 -1
  104. package/docs/components/EuiInputTextComponent.html +1 -1
  105. package/docs/components/EuiLabelComponent.html +1 -1
  106. package/docs/components/EuiLanguageSelectorComponent.html +1 -1
  107. package/docs/components/EuiListComponent.html +1 -1
  108. package/docs/components/EuiListItemComponent.html +1 -1
  109. package/docs/components/EuiMenuComponent.html +1 -1
  110. package/docs/components/EuiMenuItemComponent.html +1 -1
  111. package/docs/components/EuiMessageBoxComponent.html +1 -1
  112. package/docs/components/EuiModalSelectorComponent.html +1 -1
  113. package/docs/components/EuiNotificationItemComponent.html +1 -1
  114. package/docs/components/EuiNotificationItemV2Component.html +1 -1
  115. package/docs/components/EuiNotificationsComponent.html +1 -1
  116. package/docs/components/EuiNotificationsV2Component.html +1 -1
  117. package/docs/components/EuiOverlayBodyComponent.html +1 -1
  118. package/docs/components/EuiOverlayComponent.html +1 -1
  119. package/docs/components/EuiOverlayFooterComponent.html +1 -1
  120. package/docs/components/EuiOverlayHeaderComponent.html +1 -1
  121. package/docs/components/EuiOverlayHeaderTitleComponent.html +1 -1
  122. package/docs/components/EuiPageBreadcrumbComponent.html +1 -1
  123. package/docs/components/EuiPageColumnComponent.html +1 -1
  124. package/docs/components/EuiPageColumnsComponent.html +1 -1
  125. package/docs/components/EuiPageComponent.html +1 -1
  126. package/docs/components/EuiPageContentComponent.html +1 -1
  127. package/docs/components/EuiPageFooterComponent.html +1 -1
  128. package/docs/components/EuiPageHeaderComponent.html +1 -1
  129. package/docs/components/EuiPageHeroHeaderComponent.html +1 -1
  130. package/docs/components/EuiPageTopContentComponent.html +1 -1
  131. package/docs/components/EuiPaginatorComponent.html +1 -1
  132. package/docs/components/EuiPopoverComponent.html +1 -1
  133. package/docs/components/EuiProgressBarComponent.html +1 -1
  134. package/docs/components/EuiProgressCircleComponent.html +1 -1
  135. package/docs/components/EuiResizableComponent.html +1 -1
  136. package/docs/components/EuiSearchComponent.html +1 -1
  137. package/docs/components/EuiSelectComponent.html +1 -1
  138. package/docs/components/EuiSidebarMenuComponent.html +1 -1
  139. package/docs/components/EuiSidebarToggleComponent.html +1 -1
  140. package/docs/components/EuiSlideToggleComponent.html +1 -1
  141. package/docs/components/EuiSlideToggleTestComponent.html +1 -1
  142. package/docs/components/EuiTabComponent.html +1 -1
  143. package/docs/components/EuiTabContentComponent.html +1 -1
  144. package/docs/components/EuiTabLabelComponent.html +1 -1
  145. package/docs/components/EuiTableComponent.html +1 -1
  146. package/docs/components/EuiTableExpandableRowComponent.html +1 -1
  147. package/docs/components/EuiTableFilterComponent.html +1 -1
  148. package/docs/components/EuiTableSelectableHeaderComponent.html +1 -1
  149. package/docs/components/EuiTableSelectableRowComponent.html +1 -1
  150. package/docs/components/EuiTableSortableColComponent.html +1 -1
  151. package/docs/components/EuiTabsComponent.html +1 -1
  152. package/docs/components/EuiTextareaComponent.html +1 -1
  153. package/docs/components/EuiTimebarComponent.html +1 -1
  154. package/docs/components/EuiTimelineComponent.html +1 -1
  155. package/docs/components/EuiTimelineItemComponent.html +1 -1
  156. package/docs/components/EuiTimepickerComponent.html +1 -1
  157. package/docs/components/EuiToolbarAppComponent.html +1 -1
  158. package/docs/components/EuiToolbarCenterComponent.html +1 -1
  159. package/docs/components/EuiToolbarComponent.html +1 -1
  160. package/docs/components/EuiToolbarEnvironmentComponent.html +1 -1
  161. package/docs/components/EuiToolbarItemComponent.html +1 -1
  162. package/docs/components/EuiToolbarItemNotificationsComponent.html +1 -1
  163. package/docs/components/EuiToolbarItemSearchComponent.html +1 -1
  164. package/docs/components/EuiToolbarItemUserProfileComponent.html +1 -1
  165. package/docs/components/EuiToolbarItemsComponent.html +1 -1
  166. package/docs/components/EuiToolbarLogoComponent.html +1 -1
  167. package/docs/components/EuiToolbarMenuComponent.html +1 -1
  168. package/docs/components/EuiTooltipContainerComponent.html +1 -1
  169. package/docs/components/EuiTreeComponent.html +1 -1
  170. package/docs/components/EuiTreeListComponent.html +1 -1
  171. package/docs/components/EuiTreeListItemComponent.html +1 -1
  172. package/docs/components/EuiTreeListItemContentComponent.html +1 -1
  173. package/docs/components/EuiTreeListToolbarComponent.html +1 -1
  174. package/docs/components/EuiUserProfileCardComponent.html +1 -1
  175. package/docs/components/EuiUserProfileComponent.html +1 -1
  176. package/docs/components/EuiUserProfileMenuComponent.html +1 -1
  177. package/docs/components/EuiUserProfileMenuItemComponent.html +1 -1
  178. package/docs/components/EuiUxTreeComponent.html +1 -1
  179. package/docs/components/EuiUxTreeNodeComponent.html +1 -1
  180. package/docs/components/EuiUxTreeToolbarComponent.html +1 -1
  181. package/docs/components/EuiWizardComponent.html +1 -1
  182. package/docs/components/EuiWizardStepComponent.html +1 -1
  183. package/docs/components/QuillEditorComponent.html +1 -1
  184. package/docs/dependencies.html +2 -2
  185. package/docs/index.html +1 -1
  186. package/docs/js/menu-wc.js +9 -3
  187. package/docs/js/menu-wc_es5.js +1 -1
  188. package/docs/js/search/search_index.js +2 -2
  189. package/docs/miscellaneous/variables.html +83 -0
  190. package/docs/modules/EuiAutocompleteModule.html +6 -3
  191. package/esm2022/eui-autocomplete/animations/animations.mjs +15 -0
  192. package/esm2022/eui-autocomplete/eui-autocomplete-option/eui-autocomplete-option.component.mjs +60 -0
  193. package/esm2022/eui-autocomplete/eui-autocomplete-option-group/eui-autocomplete-option-group.component.mjs +25 -0
  194. package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +627 -560
  195. package/esm2022/eui-autocomplete/eui-autocomplete.module.mjs +29 -21
  196. package/esm2022/eui-autocomplete/index.mjs +2 -1
  197. package/esm2022/eui-autocomplete/models/eui-autocomplete-item.model.mjs +1 -3
  198. package/esm2022/eui-autocomplete/validators/force-selection-from-data.validator.mjs +27 -0
  199. package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +2 -2
  200. package/esm2022/eui-dropdown/eui-dropdown.component.mjs +3 -3
  201. package/esm2022/shared/eui-accessible-button-icon/eui-accessible-button-icon.component.mjs +3 -3
  202. package/eui-autocomplete/animations/animations.d.ts +3 -0
  203. package/eui-autocomplete/animations/animations.d.ts.map +1 -0
  204. package/eui-autocomplete/eui-autocomplete-option/eui-autocomplete-option.component.d.ts +16 -0
  205. package/eui-autocomplete/eui-autocomplete-option/eui-autocomplete-option.component.d.ts.map +1 -0
  206. package/eui-autocomplete/eui-autocomplete-option-group/eui-autocomplete-option-group.component.d.ts +9 -0
  207. package/eui-autocomplete/eui-autocomplete-option-group/eui-autocomplete-option-group.component.d.ts.map +1 -0
  208. package/eui-autocomplete/eui-autocomplete.component.d.ts +111 -137
  209. package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
  210. package/eui-autocomplete/eui-autocomplete.module.d.ts +11 -9
  211. package/eui-autocomplete/eui-autocomplete.module.d.ts.map +1 -1
  212. package/eui-autocomplete/index.d.ts +1 -0
  213. package/eui-autocomplete/index.d.ts.map +1 -1
  214. package/eui-autocomplete/models/eui-autocomplete-item.model.d.ts +2 -2
  215. package/eui-autocomplete/models/eui-autocomplete-item.model.d.ts.map +1 -1
  216. package/eui-autocomplete/validators/force-selection-from-data.validator.d.ts +27 -0
  217. package/eui-autocomplete/validators/force-selection-from-data.validator.d.ts.map +1 -0
  218. package/fesm2022/eui-components-eui-autocomplete.mjs +765 -578
  219. package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
  220. package/fesm2022/eui-components-eui-dropdown.mjs +4 -4
  221. package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
  222. package/fesm2022/eui-components-shared.mjs +2 -2
  223. package/fesm2022/eui-components-shared.mjs.map +1 -1
  224. package/package.json +1 -1
package/docs/components/EuiAutocompleteComponent.html CHANGED
@@ -59,12 +59,6 @@
59
59
 
60
60
 
61
61
 
62
- <p class="comment">
63
- <h3>Extends</h3>
64
- </p>
65
- <p class="comment">
66
- <code><a href="../directives/BaseDirective.html" target="_self" >BaseDirective</a></code>
67
- </p>
68
62
 
69
63
  <p class="comment">
70
64
  <h3>Implements</h3>
@@ -75,7 +69,6 @@
75
69
  <code>ControlValueAccessor</code>
76
70
  <code>OnChanges</code>
77
71
  <code>AfterViewInit</code>
78
- <code>DoCheck</code>
79
72
  </p>
80
73
 
81
74
 
@@ -94,6 +87,14 @@
94
87
  <td class="col-md-9"><code>ViewEncapsulation.None</code></td>
95
88
  </tr>
96
89
 
90
+ <tr>
91
+ <td class="col-md-3">HostDirectives</td>
92
+ <td class="col-md-9">
93
+ <code><a href="../directives/BaseStatesDirective.html" target="_self" >BaseStatesDirective</a></code>
94
+ <br/>
95
+ <div><i>&nbsp;Inputs</i> : euiSecondary&nbsp;euiSuccess&nbsp;euiInfo&nbsp;euiWarning&nbsp;euiDanger&nbsp;euiAccent&nbsp;</div>
96
+ </td>
97
+ </tr>
97
98
 
98
99
 
99
100
 
@@ -149,18 +150,6 @@
149
150
  <span class="modifier">Public</span>
150
151
  <a href="#autocompleteControl" >autocompleteControl</a>
151
152
  </li>
152
- <li>
153
- <span class="modifier">Public</span>
154
- <a href="#autocompleteId" >autocompleteId</a>
155
- </li>
156
- <li>
157
- <span class="modifier"></span>
158
- <a href="#autocompleteInput" >autocompleteInput</a>
159
- </li>
160
- <li>
161
- <span class="modifier"></span>
162
- <a href="#autocompleteInputTrigger" >autocompleteInputTrigger</a>
163
- </li>
164
153
  <li>
165
154
  <span class="modifier">Public</span>
166
155
  <a href="#autocompleteOptGroupTemplate" >autocompleteOptGroupTemplate</a>
@@ -173,10 +162,6 @@
173
162
  <span class="modifier">Public</span>
174
163
  <a href="#autocompleteOptionTemplate" >autocompleteOptionTemplate</a>
175
164
  </li>
176
- <li>
177
- <span class="modifier"></span>
178
- <a href="#chipList" >chipList</a>
179
- </li>
180
165
  <li>
181
166
  <span class="modifier">Public</span>
182
167
  <a href="#chips" >chips</a>
@@ -187,27 +172,35 @@
187
172
  </li>
188
173
  <li>
189
174
  <span class="modifier">Public</span>
190
- <a href="#groupedItems" >groupedItems</a>
175
+ <a href="#globalOptionIndex" >globalOptionIndex</a>
191
176
  </li>
192
177
  <li>
193
178
  <span class="modifier">Public</span>
194
- <a href="#isDisabled" >isDisabled</a>
179
+ <a href="#groupedOptions" >groupedOptions</a>
195
180
  </li>
196
181
  <li>
197
- <span class="modifier">Public</span>
198
- <a href="#itemSize" >itemSize</a>
182
+ <span class="modifier"></span>
183
+ <a href="#input" >input</a>
199
184
  </li>
200
185
  <li>
201
186
  <span class="modifier"></span>
202
- <a href="#matAutocomplete" >matAutocomplete</a>
187
+ <a href="#inputContainerRef" >inputContainerRef</a>
203
188
  </li>
204
189
  <li>
205
190
  <span class="modifier">Public</span>
206
- <a href="#selectedOptionIndex" >selectedOptionIndex</a>
191
+ <a href="#isDisabled" >isDisabled</a>
192
+ </li>
193
+ <li>
194
+ <span class="modifier">Public</span>
195
+ <a href="#itemSize" >itemSize</a>
207
196
  </li>
208
197
  <li>
209
198
  <span class="modifier">Public</span>
210
- <a href="#separatorKeysCodes" >separatorKeysCodes</a>
199
+ <a href="#selectedOptionIndex" >selectedOptionIndex</a>
200
+ </li>
201
+ <li>
202
+ <span class="modifier"></span>
203
+ <a href="#templatePortalContent" >templatePortalContent</a>
211
204
  </li>
212
205
  <li>
213
206
  <span class="modifier"></span>
@@ -235,27 +228,27 @@
235
228
  </li>
236
229
  <li>
237
230
  <span class="modifier">Public</span>
238
- <a href="#addOnBlurHandler" >addOnBlurHandler</a>
231
+ <a href="#closePanel" >closePanel</a>
239
232
  </li>
240
233
  <li>
241
234
  <span class="modifier">Public</span>
242
- <a href="#addOnEnterHandler" >addOnEnterHandler</a>
235
+ <a href="#groupsTrackByFn" >groupsTrackByFn</a>
243
236
  </li>
244
237
  <li>
245
238
  <span class="modifier">Public</span>
246
- <a href="#onChipDragReleased" >onChipDragReleased</a>
239
+ <a href="#onBlur" >onBlur</a>
247
240
  </li>
248
241
  <li>
249
242
  <span class="modifier">Public</span>
250
- <a href="#onChipDragStarted" >onChipDragStarted</a>
243
+ <a href="#onChipDragReleased" >onChipDragReleased</a>
251
244
  </li>
252
245
  <li>
253
246
  <span class="modifier">Public</span>
254
- <a href="#onChipDropped" >onChipDropped</a>
247
+ <a href="#onChipDragStarted" >onChipDragStarted</a>
255
248
  </li>
256
249
  <li>
257
250
  <span class="modifier">Public</span>
258
- <a href="#onChipListFocus" >onChipListFocus</a>
251
+ <a href="#onChipDropped" >onChipDropped</a>
259
252
  </li>
260
253
  <li>
261
254
  <span class="modifier">Public</span>
@@ -265,29 +258,21 @@
265
258
  <span class="modifier">Public</span>
266
259
  <a href="#onClear" >onClear</a>
267
260
  </li>
268
- <li>
269
- <span class="modifier">Public</span>
270
- <a href="#onClose" >onClose</a>
271
- </li>
272
261
  <li>
273
262
  <span class="modifier">Public</span>
274
263
  <a href="#onFocus" >onFocus</a>
275
264
  </li>
276
265
  <li>
277
266
  <span class="modifier">Public</span>
278
- <a href="#onFocusOut" >onFocusOut</a>
279
- </li>
280
- <li>
281
- <span class="modifier">Public</span>
282
- <a href="#onKeyDownBackspace" >onKeyDownBackspace</a>
267
+ <a href="#onOptionSelected" >onOptionSelected</a>
283
268
  </li>
284
269
  <li>
285
270
  <span class="modifier">Public</span>
286
- <a href="#onOpen" >onOpen</a>
271
+ <a href="#openPanel" >openPanel</a>
287
272
  </li>
288
273
  <li>
289
274
  <span class="modifier">Public</span>
290
- <a href="#onOptionSelected" >onOptionSelected</a>
275
+ <a href="#optionsTrackByFn" >optionsTrackByFn</a>
291
276
  </li>
292
277
  <li>
293
278
  <span class="modifier">Public</span>
@@ -301,17 +286,10 @@
301
286
  <span class="modifier">Public</span>
302
287
  <a href="#setDisabledState" >setDisabledState</a>
303
288
  </li>
304
- <li>
305
- <span class="modifier">Public</span>
306
- <a href="#trackByFn" >trackByFn</a>
307
- </li>
308
289
  <li>
309
290
  <span class="modifier">Public</span>
310
291
  <a href="#writeValue" >writeValue</a>
311
292
  </li>
312
- <li>
313
- <a href="#getCssClasses" >getCssClasses</a>
314
- </li>
315
293
  </ul>
316
294
  </td>
317
295
  </tr>
@@ -324,15 +302,6 @@
324
302
  <tr>
325
303
  <td class="col-md-4">
326
304
  <ul class="index-list">
327
- <li>
328
- <a href="#addOnBlur" >addOnBlur</a>
329
- </li>
330
- <li>
331
- <a href="#async" >async</a>
332
- </li>
333
- <li>
334
- <a href="#autoActiveFirstOption" >autoActiveFirstOption</a>
335
- </li>
336
305
  <li>
337
306
  <a href="#autocompleteData" >autocompleteData</a>
338
307
  </li>
@@ -363,6 +332,12 @@
363
332
  <li>
364
333
  <a href="#hasChips" >hasChips</a>
365
334
  </li>
335
+ <li>
336
+ <a href="#isAddOnBlur" >isAddOnBlur</a>
337
+ </li>
338
+ <li>
339
+ <a href="#isAsync" >isAsync</a>
340
+ </li>
366
341
  <li>
367
342
  <a href="#isChipsDragAndDrop" >isChipsDragAndDrop</a>
368
343
  </li>
@@ -381,9 +356,6 @@
381
356
  <li>
382
357
  <a href="#isFreeValueAllowed" >isFreeValueAllowed</a>
383
358
  </li>
384
- <li>
385
- <a href="#isGrid" >isGrid</a>
386
- </li>
387
359
  <li>
388
360
  <a href="#isItemsSorted" >isItemsSorted</a>
389
361
  </li>
@@ -393,6 +365,9 @@
393
365
  <li>
394
366
  <a href="#isMaxVisibleChipsOpened" >isMaxVisibleChipsOpened</a>
395
367
  </li>
368
+ <li>
369
+ <a href="#isReadonly" >isReadonly</a>
370
+ </li>
396
371
  <li>
397
372
  <a href="#itemsSortOrder" >itemsSortOrder</a>
398
373
  </li>
@@ -408,9 +383,6 @@
408
383
  <li>
409
384
  <a href="#placeholder" >placeholder</a>
410
385
  </li>
411
- <li>
412
- <a href="#readonly" >readonly</a>
413
- </li>
414
386
  <li>
415
387
  <a href="#toggleLinkLessLabel" >toggleLinkLessLabel</a>
416
388
  </li>
@@ -420,93 +392,6 @@
420
392
  <li>
421
393
  <a href="#visibleOptions" >visibleOptions</a>
422
394
  </li>
423
- <li>
424
- <a href="#e2eAttr" >e2eAttr</a>
425
- </li>
426
- <li>
427
- <a href="#euiAccent" >euiAccent</a>
428
- </li>
429
- <li>
430
- <a href="#euiClearable" >euiClearable</a>
431
- </li>
432
- <li>
433
- <a href="#euiCompact" >euiCompact</a>
434
- </li>
435
- <li>
436
- <a href="#euiDanger" >euiDanger</a>
437
- </li>
438
- <li>
439
- <a href="#euiDisabled" >euiDisabled</a>
440
- </li>
441
- <li>
442
- <a href="#euiHighlighted" >euiHighlighted</a>
443
- </li>
444
- <li>
445
- <a href="#euiInfo" >euiInfo</a>
446
- </li>
447
- <li>
448
- <a href="#euiLoading" >euiLoading</a>
449
- </li>
450
- <li>
451
- <a href="#euiOutline" >euiOutline</a>
452
- </li>
453
- <li>
454
- <a href="#euiPrimary" >euiPrimary</a>
455
- </li>
456
- <li>
457
- <a href="#euiResponsive" >euiResponsive</a>
458
- </li>
459
- <li>
460
- <a href="#euiRounded" >euiRounded</a>
461
- </li>
462
- <li>
463
- <a href="#euiSecondary" >euiSecondary</a>
464
- </li>
465
- <li>
466
- <a href="#euiSize2XL" >euiSize2XL</a>
467
- </li>
468
- <li>
469
- <a href="#euiSize2XS" >euiSize2XS</a>
470
- </li>
471
- <li>
472
- <a href="#euiSize3XL" >euiSize3XL</a>
473
- </li>
474
- <li>
475
- <a href="#euiSize4XL" >euiSize4XL</a>
476
- </li>
477
- <li>
478
- <a href="#euiSize5XL" >euiSize5XL</a>
479
- </li>
480
- <li>
481
- <a href="#euiSizeL" >euiSizeL</a>
482
- </li>
483
- <li>
484
- <a href="#euiSizeM" >euiSizeM</a>
485
- </li>
486
- <li>
487
- <a href="#euiSizeS" >euiSizeS</a>
488
- </li>
489
- <li>
490
- <a href="#euiSizeVariant" >euiSizeVariant</a>
491
- </li>
492
- <li>
493
- <a href="#euiSizeXL" >euiSizeXL</a>
494
- </li>
495
- <li>
496
- <a href="#euiSizeXS" >euiSizeXS</a>
497
- </li>
498
- <li>
499
- <a href="#euiSuccess" >euiSuccess</a>
500
- </li>
501
- <li>
502
- <a href="#euiVariant" >euiVariant</a>
503
- </li>
504
- <li>
505
- <a href="#euiWarning" >euiWarning</a>
506
- </li>
507
- <li>
508
- <a href="#styleClass" >styleClass</a>
509
- </li>
510
395
  </ul>
511
396
  </td>
512
397
  </tr>
@@ -537,6 +422,9 @@
537
422
  <li>
538
423
  <a href="#inputChange" >inputChange</a>
539
424
  </li>
425
+ <li>
426
+ <a href="#inputFocus" >inputFocus</a>
427
+ </li>
540
428
  <li>
541
429
  <a href="#itemAdd" >itemAdd</a>
542
430
  </li>
@@ -584,64 +472,13 @@
584
472
  <a href="#cssClasses" >cssClasses</a>
585
473
  </li>
586
474
  <li>
587
- <a href="#hasChips" >hasChips</a>
588
- </li>
589
- <li>
590
- <a href="#isGrid" >isGrid</a>
591
- </li>
592
- <li>
593
- <a href="#async" >async</a>
594
- </li>
595
- <li>
596
- <a href="#addOnBlur" >addOnBlur</a>
597
- </li>
598
- <li>
599
- <a href="#isFreeValueAllowed" >isFreeValueAllowed</a>
600
- </li>
601
- <li>
602
- <a href="#isDuplicateValueAllowed" >isDuplicateValueAllowed</a>
603
- </li>
604
- <li>
605
- <a href="#isLoading" >isLoading</a>
606
- </li>
607
- <li>
608
- <a href="#isChipsRemovable" >isChipsRemovable</a>
609
- </li>
610
- <li>
611
- <a href="#maxVisibleChipsCount" >maxVisibleChipsCount</a>
612
- </li>
613
- <li>
614
- <a href="#chipsLabelTruncateCount" >chipsLabelTruncateCount</a>
615
- </li>
616
- <li>
617
- <a href="#isMaxVisibleChipsOpened" >isMaxVisibleChipsOpened</a>
618
- </li>
619
- <li>
620
- <a href="#readonly" >readonly</a>
621
- </li>
622
- <li>
623
- <a href="#isChipsSorted" >isChipsSorted</a>
624
- </li>
625
- <li>
626
- <a href="#isItemsSorted" >isItemsSorted</a>
627
- </li>
628
- <li>
629
- <a href="#isChipsDragAndDrop" >isChipsDragAndDrop</a>
630
- </li>
631
- <li>
632
- <a href="#isForceSelection" >isForceSelection</a>
633
- </li>
634
- <li>
635
- <a href="#autoActiveFirstOption" >autoActiveFirstOption</a>
636
- </li>
637
- <li>
638
- <a href="#isChipsGrid" >isChipsGrid</a>
475
+ <a href="#cdkVirtualScrollViewport" >cdkVirtualScrollViewport</a>
639
476
  </li>
640
477
  <li>
641
- <a href="#nbOptionsVisible" >nbOptionsVisible</a>
478
+ <a href="#isOpen" >isOpen</a>
642
479
  </li>
643
480
  <li>
644
- <a href="#cdkVirtualScrollViewport" >cdkVirtualScrollViewport</a>
481
+ <a href="#hasOptionsResult" >hasOptionsResult</a>
645
482
  </li>
646
483
  </ul>
647
484
  </td>
@@ -656,7 +493,7 @@
656
493
  <tbody>
657
494
  <tr>
658
495
  <td class="col-md-4">
659
- <code>constructor(cd: ChangeDetectorRef, control: NgControl, scrollDispatcher: ScrollDispatcher, elementRef: ElementRef)</code>
496
+ <code>constructor(overlay: Overlay, cd: ChangeDetectorRef, viewContainerRef: ViewContainerRef, elementRef: ElementRef, liveAnnouncer: LiveAnnouncer, scrollDispatcher: ScrollDispatcher, control: NgControl)</code>
660
497
  </td>
661
498
  </tr>
662
499
 
@@ -673,6 +510,18 @@
673
510
  </tr>
674
511
  </thead>
675
512
  <tbody>
513
+ <tr>
514
+ <td>overlay</td>
515
+
516
+ <td>
517
+ <code>Overlay</code>
518
+ </td>
519
+
520
+ <td>
521
+ No
522
+ </td>
523
+
524
+ </tr>
676
525
  <tr>
677
526
  <td>cd</td>
678
527
 
@@ -686,10 +535,34 @@
686
535
 
687
536
  </tr>
688
537
  <tr>
689
- <td>control</td>
538
+ <td>viewContainerRef</td>
690
539
 
691
540
  <td>
692
- <code>NgControl</code>
541
+ <code>ViewContainerRef</code>
542
+ </td>
543
+
544
+ <td>
545
+ No
546
+ </td>
547
+
548
+ </tr>
549
+ <tr>
550
+ <td>elementRef</td>
551
+
552
+ <td>
553
+ <code>ElementRef</code>
554
+ </td>
555
+
556
+ <td>
557
+ No
558
+ </td>
559
+
560
+ </tr>
561
+ <tr>
562
+ <td>liveAnnouncer</td>
563
+
564
+ <td>
565
+ <code>LiveAnnouncer</code>
693
566
  </td>
694
567
 
695
568
  <td>
@@ -710,10 +583,10 @@
710
583
 
711
584
  </tr>
712
585
  <tr>
713
- <td>elementRef</td>
586
+ <td>control</td>
714
587
 
715
588
  <td>
716
- <code>ElementRef</code>
589
+ <code>NgControl</code>
717
590
  </td>
718
591
 
719
592
  <td>
@@ -732,54 +605,6 @@
732
605
 
733
606
  <section data-compodoc="block-inputs">
734
607
  <h3 id="inputs">Inputs</h3>
735
- <table class="table table-sm table-bordered">
736
- <tbody>
737
- <tr>
738
- <td class="col-md-4">
739
- <a name="addOnBlur"></a>
740
- <b>addOnBlur</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/boolean" target="_blank" >boolean</a></code>
746
-
747
- </td>
748
- </tr>
749
- </tbody>
750
- </table>
751
- <table class="table table-sm table-bordered">
752
- <tbody>
753
- <tr>
754
- <td class="col-md-4">
755
- <a name="async"></a>
756
- <b>async</b>
757
- </td>
758
- </tr>
759
- <tr>
760
- <td class="col-md-4">
761
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
762
-
763
- </td>
764
- </tr>
765
- </tbody>
766
- </table>
767
- <table class="table table-sm table-bordered">
768
- <tbody>
769
- <tr>
770
- <td class="col-md-4">
771
- <a name="autoActiveFirstOption"></a>
772
- <b>autoActiveFirstOption</b>
773
- </td>
774
- </tr>
775
- <tr>
776
- <td class="col-md-4">
777
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
778
-
779
- </td>
780
- </tr>
781
- </tbody>
782
- </table>
783
608
  <table class="table table-sm table-bordered">
784
609
  <tbody>
785
610
  <tr>
@@ -832,10 +657,15 @@
832
657
  </tr>
833
658
  <tr>
834
659
  <td class="col-md-4">
835
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
660
+ <i>Type : </i> <code>NumberInput</code>
836
661
 
837
662
  </td>
838
663
  </tr>
664
+ <tr>
665
+ <td class="col-md-4">
666
+ <i>Default value : </i><code>null</code>
667
+ </td>
668
+ </tr>
839
669
  </tbody>
840
670
  </table>
841
671
  <table class="table table-sm table-bordered">
@@ -894,6 +724,11 @@
894
724
 
895
725
  </td>
896
726
  </tr>
727
+ <tr>
728
+ <td class="col-md-4">
729
+ <i>Default value : </i><code>null</code>
730
+ </td>
731
+ </tr>
897
732
  </tbody>
898
733
  </table>
899
734
  <table class="table table-sm table-bordered">
@@ -959,24 +794,13 @@
959
794
  </tr>
960
795
  <tr>
961
796
  <td class="col-md-4">
962
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
797
+ <i>Type : </i> <code>BooleanInput</code>
963
798
 
964
799
  </td>
965
800
  </tr>
966
- </tbody>
967
- </table>
968
- <table class="table table-sm table-bordered">
969
- <tbody>
970
801
  <tr>
971
802
  <td class="col-md-4">
972
- <a name="isChipsDragAndDrop"></a>
973
- <b>isChipsDragAndDrop</b>
974
- </td>
975
- </tr>
976
- <tr>
977
- <td class="col-md-4">
978
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
979
-
803
+ <i>Default value : </i><code>false</code>
980
804
  </td>
981
805
  </tr>
982
806
  </tbody>
@@ -985,30 +809,19 @@
985
809
  <tbody>
986
810
  <tr>
987
811
  <td class="col-md-4">
988
- <a name="isChipsRemovable"></a>
989
- <b>isChipsRemovable</b>
812
+ <a name="isAddOnBlur"></a>
813
+ <b>isAddOnBlur</b>
990
814
  </td>
991
815
  </tr>
992
816
  <tr>
993
817
  <td class="col-md-4">
994
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
818
+ <i>Type : </i> <code>BooleanInput</code>
995
819
 
996
820
  </td>
997
821
  </tr>
998
- </tbody>
999
- </table>
1000
- <table class="table table-sm table-bordered">
1001
- <tbody>
1002
- <tr>
1003
- <td class="col-md-4">
1004
- <a name="isChipsSorted"></a>
1005
- <b>isChipsSorted</b>
1006
- </td>
1007
- </tr>
1008
822
  <tr>
1009
823
  <td class="col-md-4">
1010
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1011
-
824
+ <i>Default value : </i><code>false</code>
1012
825
  </td>
1013
826
  </tr>
1014
827
  </tbody>
@@ -1017,30 +830,19 @@
1017
830
  <tbody>
1018
831
  <tr>
1019
832
  <td class="col-md-4">
1020
- <a name="isDuplicateValueAllowed"></a>
1021
- <b>isDuplicateValueAllowed</b>
833
+ <a name="isAsync"></a>
834
+ <b>isAsync</b>
1022
835
  </td>
1023
836
  </tr>
1024
837
  <tr>
1025
838
  <td class="col-md-4">
1026
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
839
+ <i>Type : </i> <code>BooleanInput</code>
1027
840
 
1028
841
  </td>
1029
842
  </tr>
1030
- </tbody>
1031
- </table>
1032
- <table class="table table-sm table-bordered">
1033
- <tbody>
1034
- <tr>
1035
- <td class="col-md-4">
1036
- <a name="isForceSelection"></a>
1037
- <b>isForceSelection</b>
1038
- </td>
1039
- </tr>
1040
843
  <tr>
1041
844
  <td class="col-md-4">
1042
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1043
-
845
+ <i>Default value : </i><code>false</code>
1044
846
  </td>
1045
847
  </tr>
1046
848
  </tbody>
@@ -1049,30 +851,19 @@
1049
851
  <tbody>
1050
852
  <tr>
1051
853
  <td class="col-md-4">
1052
- <a name="isFreeValueAllowed"></a>
1053
- <b>isFreeValueAllowed</b>
854
+ <a name="isChipsDragAndDrop"></a>
855
+ <b>isChipsDragAndDrop</b>
1054
856
  </td>
1055
857
  </tr>
1056
858
  <tr>
1057
859
  <td class="col-md-4">
1058
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
860
+ <i>Type : </i> <code>BooleanInput</code>
1059
861
 
1060
862
  </td>
1061
863
  </tr>
1062
- </tbody>
1063
- </table>
1064
- <table class="table table-sm table-bordered">
1065
- <tbody>
1066
- <tr>
1067
- <td class="col-md-4">
1068
- <a name="isGrid"></a>
1069
- <b>isGrid</b>
1070
- </td>
1071
- </tr>
1072
864
  <tr>
1073
865
  <td class="col-md-4">
1074
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1075
-
866
+ <i>Default value : </i><code>false</code>
1076
867
  </td>
1077
868
  </tr>
1078
869
  </tbody>
@@ -1081,30 +872,19 @@
1081
872
  <tbody>
1082
873
  <tr>
1083
874
  <td class="col-md-4">
1084
- <a name="isItemsSorted"></a>
1085
- <b>isItemsSorted</b>
875
+ <a name="isChipsRemovable"></a>
876
+ <b>isChipsRemovable</b>
1086
877
  </td>
1087
878
  </tr>
1088
879
  <tr>
1089
880
  <td class="col-md-4">
1090
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
881
+ <i>Type : </i> <code>BooleanInput</code>
1091
882
 
1092
883
  </td>
1093
884
  </tr>
1094
- </tbody>
1095
- </table>
1096
- <table class="table table-sm table-bordered">
1097
- <tbody>
1098
- <tr>
1099
- <td class="col-md-4">
1100
- <a name="isLoading"></a>
1101
- <b>isLoading</b>
1102
- </td>
1103
- </tr>
1104
885
  <tr>
1105
886
  <td class="col-md-4">
1106
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1107
-
887
+ <i>Default value : </i><code>true</code>
1108
888
  </td>
1109
889
  </tr>
1110
890
  </tbody>
@@ -1113,35 +893,40 @@
1113
893
  <tbody>
1114
894
  <tr>
1115
895
  <td class="col-md-4">
1116
- <a name="isMaxVisibleChipsOpened"></a>
1117
- <b>isMaxVisibleChipsOpened</b>
896
+ <a name="isChipsSorted"></a>
897
+ <b>isChipsSorted</b>
1118
898
  </td>
1119
899
  </tr>
1120
900
  <tr>
1121
901
  <td class="col-md-4">
1122
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
902
+ <i>Type : </i> <code>BooleanInput</code>
1123
903
 
1124
904
  </td>
1125
905
  </tr>
906
+ <tr>
907
+ <td class="col-md-4">
908
+ <i>Default value : </i><code>false</code>
909
+ </td>
910
+ </tr>
1126
911
  </tbody>
1127
912
  </table>
1128
913
  <table class="table table-sm table-bordered">
1129
914
  <tbody>
1130
915
  <tr>
1131
916
  <td class="col-md-4">
1132
- <a name="itemsSortOrder"></a>
1133
- <b>itemsSortOrder</b>
917
+ <a name="isDuplicateValueAllowed"></a>
918
+ <b>isDuplicateValueAllowed</b>
1134
919
  </td>
1135
920
  </tr>
1136
921
  <tr>
1137
922
  <td class="col-md-4">
1138
- <i>Type : </i> <code>&quot;ASC&quot; | &quot;DESC&quot;</code>
923
+ <i>Type : </i> <code>BooleanInput</code>
1139
924
 
1140
925
  </td>
1141
926
  </tr>
1142
927
  <tr>
1143
928
  <td class="col-md-4">
1144
- <i>Default value : </i><code>&#x27;ASC&#x27;</code>
929
+ <i>Default value : </i><code>false</code>
1145
930
  </td>
1146
931
  </tr>
1147
932
  </tbody>
@@ -1150,19 +935,19 @@
1150
935
  <tbody>
1151
936
  <tr>
1152
937
  <td class="col-md-4">
1153
- <a name="matching"></a>
1154
- <b>matching</b>
938
+ <a name="isForceSelection"></a>
939
+ <b>isForceSelection</b>
1155
940
  </td>
1156
941
  </tr>
1157
942
  <tr>
1158
943
  <td class="col-md-4">
1159
- <i>Type : </i> <code>&quot;startWith&quot; | &quot;contains&quot;</code>
944
+ <i>Type : </i> <code>BooleanInput</code>
1160
945
 
1161
946
  </td>
1162
947
  </tr>
1163
948
  <tr>
1164
949
  <td class="col-md-4">
1165
- <i>Default value : </i><code>&#x27;contains&#x27;</code>
950
+ <i>Default value : </i><code>false</code>
1166
951
  </td>
1167
952
  </tr>
1168
953
  </tbody>
@@ -1171,30 +956,19 @@
1171
956
  <tbody>
1172
957
  <tr>
1173
958
  <td class="col-md-4">
1174
- <a name="maxVisibleChipsCount"></a>
1175
- <b>maxVisibleChipsCount</b>
959
+ <a name="isFreeValueAllowed"></a>
960
+ <b>isFreeValueAllowed</b>
1176
961
  </td>
1177
962
  </tr>
1178
963
  <tr>
1179
964
  <td class="col-md-4">
1180
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
965
+ <i>Type : </i> <code>BooleanInput</code>
1181
966
 
1182
967
  </td>
1183
968
  </tr>
1184
- </tbody>
1185
- </table>
1186
- <table class="table table-sm table-bordered">
1187
- <tbody>
1188
- <tr>
1189
- <td class="col-md-4">
1190
- <a name="panelWidth"></a>
1191
- <b>panelWidth</b>
1192
- </td>
1193
- </tr>
1194
969
  <tr>
1195
970
  <td class="col-md-4">
1196
- <i>Type : </i> <code>string | number</code>
1197
-
971
+ <i>Default value : </i><code>true</code>
1198
972
  </td>
1199
973
  </tr>
1200
974
  </tbody>
@@ -1203,19 +977,19 @@
1203
977
  <tbody>
1204
978
  <tr>
1205
979
  <td class="col-md-4">
1206
- <a name="placeholder"></a>
1207
- <b>placeholder</b>
980
+ <a name="isItemsSorted"></a>
981
+ <b>isItemsSorted</b>
1208
982
  </td>
1209
983
  </tr>
1210
984
  <tr>
1211
985
  <td class="col-md-4">
1212
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
986
+ <i>Type : </i> <code>BooleanInput</code>
1213
987
 
1214
988
  </td>
1215
989
  </tr>
1216
990
  <tr>
1217
991
  <td class="col-md-4">
1218
- <i>Default value : </i><code>&#x27;&#x27;</code>
992
+ <i>Default value : </i><code>false</code>
1219
993
  </td>
1220
994
  </tr>
1221
995
  </tbody>
@@ -1224,35 +998,40 @@
1224
998
  <tbody>
1225
999
  <tr>
1226
1000
  <td class="col-md-4">
1227
- <a name="readonly"></a>
1228
- <b>readonly</b>
1001
+ <a name="isLoading"></a>
1002
+ <b>isLoading</b>
1229
1003
  </td>
1230
1004
  </tr>
1231
1005
  <tr>
1232
1006
  <td class="col-md-4">
1233
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1007
+ <i>Type : </i> <code>BooleanInput</code>
1234
1008
 
1235
1009
  </td>
1236
1010
  </tr>
1011
+ <tr>
1012
+ <td class="col-md-4">
1013
+ <i>Default value : </i><code>false</code>
1014
+ </td>
1015
+ </tr>
1237
1016
  </tbody>
1238
1017
  </table>
1239
1018
  <table class="table table-sm table-bordered">
1240
1019
  <tbody>
1241
1020
  <tr>
1242
1021
  <td class="col-md-4">
1243
- <a name="toggleLinkLessLabel"></a>
1244
- <b>toggleLinkLessLabel</b>
1022
+ <a name="isMaxVisibleChipsOpened"></a>
1023
+ <b>isMaxVisibleChipsOpened</b>
1245
1024
  </td>
1246
1025
  </tr>
1247
1026
  <tr>
1248
1027
  <td class="col-md-4">
1249
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1028
+ <i>Type : </i> <code>BooleanInput</code>
1250
1029
 
1251
1030
  </td>
1252
1031
  </tr>
1253
1032
  <tr>
1254
1033
  <td class="col-md-4">
1255
- <i>Default value : </i><code>null</code>
1034
+ <i>Default value : </i><code>false</code>
1256
1035
  </td>
1257
1036
  </tr>
1258
1037
  </tbody>
@@ -1261,19 +1040,19 @@
1261
1040
  <tbody>
1262
1041
  <tr>
1263
1042
  <td class="col-md-4">
1264
- <a name="toggleLinkMoreLabel"></a>
1265
- <b>toggleLinkMoreLabel</b>
1043
+ <a name="isReadonly"></a>
1044
+ <b>isReadonly</b>
1266
1045
  </td>
1267
1046
  </tr>
1268
1047
  <tr>
1269
1048
  <td class="col-md-4">
1270
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1049
+ <i>Type : </i> <code>BooleanInput</code>
1271
1050
 
1272
1051
  </td>
1273
1052
  </tr>
1274
1053
  <tr>
1275
1054
  <td class="col-md-4">
1276
- <i>Default value : </i><code>null</code>
1055
+ <i>Default value : </i><code>false</code>
1277
1056
  </td>
1278
1057
  </tr>
1279
1058
  </tbody>
@@ -1282,19 +1061,19 @@
1282
1061
  <tbody>
1283
1062
  <tr>
1284
1063
  <td class="col-md-4">
1285
- <a name="visibleOptions"></a>
1286
- <b>visibleOptions</b>
1064
+ <a name="itemsSortOrder"></a>
1065
+ <b>itemsSortOrder</b>
1287
1066
  </td>
1288
1067
  </tr>
1289
1068
  <tr>
1290
1069
  <td class="col-md-4">
1291
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
1070
+ <i>Type : </i> <code>&quot;ASC&quot; | &quot;DESC&quot;</code>
1292
1071
 
1293
1072
  </td>
1294
1073
  </tr>
1295
1074
  <tr>
1296
1075
  <td class="col-md-4">
1297
- <i>Default value : </i><code>5</code>
1076
+ <i>Default value : </i><code>&#x27;ASC&#x27;</code>
1298
1077
  </td>
1299
1078
  </tr>
1300
1079
  </tbody>
@@ -1303,30 +1082,19 @@
1303
1082
  <tbody>
1304
1083
  <tr>
1305
1084
  <td class="col-md-4">
1306
- <a name="e2eAttr"></a>
1307
- <b>e2eAttr</b>
1085
+ <a name="matching"></a>
1086
+ <b>matching</b>
1308
1087
  </td>
1309
1088
  </tr>
1310
1089
  <tr>
1311
1090
  <td class="col-md-4">
1312
- <i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
1091
+ <i>Type : </i> <code>&quot;startWith&quot; | &quot;contains&quot;</code>
1313
1092
 
1314
1093
  </td>
1315
1094
  </tr>
1316
- </tbody>
1317
- </table>
1318
- <table class="table table-sm table-bordered">
1319
- <tbody>
1320
- <tr>
1321
- <td class="col-md-4">
1322
- <a name="euiAccent"></a>
1323
- <b>euiAccent</b>
1324
- </td>
1325
- </tr>
1326
1095
  <tr>
1327
1096
  <td class="col-md-4">
1328
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1329
-
1097
+ <i>Default value : </i><code>&#x27;contains&#x27;</code>
1330
1098
  </td>
1331
1099
  </tr>
1332
1100
  </tbody>
@@ -1335,30 +1103,19 @@
1335
1103
  <tbody>
1336
1104
  <tr>
1337
1105
  <td class="col-md-4">
1338
- <a name="euiClearable"></a>
1339
- <b>euiClearable</b>
1106
+ <a name="maxVisibleChipsCount"></a>
1107
+ <b>maxVisibleChipsCount</b>
1340
1108
  </td>
1341
1109
  </tr>
1342
1110
  <tr>
1343
1111
  <td class="col-md-4">
1344
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1112
+ <i>Type : </i> <code>NumberInput</code>
1345
1113
 
1346
1114
  </td>
1347
1115
  </tr>
1348
- </tbody>
1349
- </table>
1350
- <table class="table table-sm table-bordered">
1351
- <tbody>
1352
- <tr>
1353
- <td class="col-md-4">
1354
- <a name="euiCompact"></a>
1355
- <b>euiCompact</b>
1356
- </td>
1357
- </tr>
1358
1116
  <tr>
1359
1117
  <td class="col-md-4">
1360
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1361
-
1118
+ <i>Default value : </i><code>null</code>
1362
1119
  </td>
1363
1120
  </tr>
1364
1121
  </tbody>
@@ -1367,13 +1124,13 @@
1367
1124
  <tbody>
1368
1125
  <tr>
1369
1126
  <td class="col-md-4">
1370
- <a name="euiDanger"></a>
1371
- <b>euiDanger</b>
1127
+ <a name="panelWidth"></a>
1128
+ <b>panelWidth</b>
1372
1129
  </td>
1373
1130
  </tr>
1374
1131
  <tr>
1375
1132
  <td class="col-md-4">
1376
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1133
+ <i>Type : </i> <code>string | number</code>
1377
1134
 
1378
1135
  </td>
1379
1136
  </tr>
@@ -1383,30 +1140,19 @@
1383
1140
  <tbody>
1384
1141
  <tr>
1385
1142
  <td class="col-md-4">
1386
- <a name="euiDisabled"></a>
1387
- <b>euiDisabled</b>
1143
+ <a name="placeholder"></a>
1144
+ <b>placeholder</b>
1388
1145
  </td>
1389
1146
  </tr>
1390
1147
  <tr>
1391
1148
  <td class="col-md-4">
1392
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1149
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1393
1150
 
1394
1151
  </td>
1395
1152
  </tr>
1396
- </tbody>
1397
- </table>
1398
- <table class="table table-sm table-bordered">
1399
- <tbody>
1400
- <tr>
1401
- <td class="col-md-4">
1402
- <a name="euiHighlighted"></a>
1403
- <b>euiHighlighted</b>
1404
- </td>
1405
- </tr>
1406
1153
  <tr>
1407
1154
  <td class="col-md-4">
1408
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1409
-
1155
+ <i>Default value : </i><code>&#x27;&#x27;</code>
1410
1156
  </td>
1411
1157
  </tr>
1412
1158
  </tbody>
@@ -1415,30 +1161,19 @@
1415
1161
  <tbody>
1416
1162
  <tr>
1417
1163
  <td class="col-md-4">
1418
- <a name="euiInfo"></a>
1419
- <b>euiInfo</b>
1164
+ <a name="toggleLinkLessLabel"></a>
1165
+ <b>toggleLinkLessLabel</b>
1420
1166
  </td>
1421
1167
  </tr>
1422
1168
  <tr>
1423
1169
  <td class="col-md-4">
1424
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1170
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1425
1171
 
1426
1172
  </td>
1427
1173
  </tr>
1428
- </tbody>
1429
- </table>
1430
- <table class="table table-sm table-bordered">
1431
- <tbody>
1432
- <tr>
1433
- <td class="col-md-4">
1434
- <a name="euiLoading"></a>
1435
- <b>euiLoading</b>
1436
- </td>
1437
- </tr>
1438
1174
  <tr>
1439
1175
  <td class="col-md-4">
1440
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1441
-
1176
+ <i>Default value : </i><code>null</code>
1442
1177
  </td>
1443
1178
  </tr>
1444
1179
  </tbody>
@@ -1447,30 +1182,19 @@
1447
1182
  <tbody>
1448
1183
  <tr>
1449
1184
  <td class="col-md-4">
1450
- <a name="euiOutline"></a>
1451
- <b>euiOutline</b>
1185
+ <a name="toggleLinkMoreLabel"></a>
1186
+ <b>toggleLinkMoreLabel</b>
1452
1187
  </td>
1453
1188
  </tr>
1454
1189
  <tr>
1455
1190
  <td class="col-md-4">
1456
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1191
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1457
1192
 
1458
1193
  </td>
1459
1194
  </tr>
1460
- </tbody>
1461
- </table>
1462
- <table class="table table-sm table-bordered">
1463
- <tbody>
1464
- <tr>
1465
- <td class="col-md-4">
1466
- <a name="euiPrimary"></a>
1467
- <b>euiPrimary</b>
1468
- </td>
1469
- </tr>
1470
1195
  <tr>
1471
1196
  <td class="col-md-4">
1472
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1473
-
1197
+ <i>Default value : </i><code>null</code>
1474
1198
  </td>
1475
1199
  </tr>
1476
1200
  </tbody>
@@ -1479,29 +1203,37 @@
1479
1203
  <tbody>
1480
1204
  <tr>
1481
1205
  <td class="col-md-4">
1482
- <a name="euiResponsive"></a>
1483
- <b>euiResponsive</b>
1206
+ <a name="visibleOptions"></a>
1207
+ <b>visibleOptions</b>
1484
1208
  </td>
1485
1209
  </tr>
1486
1210
  <tr>
1487
1211
  <td class="col-md-4">
1488
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1212
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
1489
1213
 
1490
1214
  </td>
1491
1215
  </tr>
1216
+ <tr>
1217
+ <td class="col-md-4">
1218
+ <i>Default value : </i><code>5</code>
1219
+ </td>
1220
+ </tr>
1492
1221
  </tbody>
1493
1222
  </table>
1223
+ </section>
1224
+ <section data-compodoc="block-outputs">
1225
+ <h3 id="outputs">Outputs</h3>
1494
1226
  <table class="table table-sm table-bordered">
1495
1227
  <tbody>
1496
1228
  <tr>
1497
1229
  <td class="col-md-4">
1498
- <a name="euiRounded"></a>
1499
- <b>euiRounded</b>
1230
+ <a name="chipDragRelease"></a>
1231
+ <b>chipDragRelease</b>
1500
1232
  </td>
1501
1233
  </tr>
1502
1234
  <tr>
1503
1235
  <td class="col-md-4">
1504
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1236
+ <i>Type : </i> <code>EventEmitter</code>
1505
1237
 
1506
1238
  </td>
1507
1239
  </tr>
@@ -1511,13 +1243,13 @@
1511
1243
  <tbody>
1512
1244
  <tr>
1513
1245
  <td class="col-md-4">
1514
- <a name="euiSecondary"></a>
1515
- <b>euiSecondary</b>
1246
+ <a name="chipDragStart"></a>
1247
+ <b>chipDragStart</b>
1516
1248
  </td>
1517
1249
  </tr>
1518
1250
  <tr>
1519
1251
  <td class="col-md-4">
1520
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1252
+ <i>Type : </i> <code>EventEmitter</code>
1521
1253
 
1522
1254
  </td>
1523
1255
  </tr>
@@ -1527,13 +1259,13 @@
1527
1259
  <tbody>
1528
1260
  <tr>
1529
1261
  <td class="col-md-4">
1530
- <a name="euiSize2XL"></a>
1531
- <b>euiSize2XL</b>
1262
+ <a name="chipDrop"></a>
1263
+ <b>chipDrop</b>
1532
1264
  </td>
1533
1265
  </tr>
1534
1266
  <tr>
1535
1267
  <td class="col-md-4">
1536
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1268
+ <i>Type : </i> <code>EventEmitter</code>
1537
1269
 
1538
1270
  </td>
1539
1271
  </tr>
@@ -1543,13 +1275,13 @@
1543
1275
  <tbody>
1544
1276
  <tr>
1545
1277
  <td class="col-md-4">
1546
- <a name="euiSize2XS"></a>
1547
- <b>euiSize2XS</b>
1278
+ <a name="clear"></a>
1279
+ <b>clear</b>
1548
1280
  </td>
1549
1281
  </tr>
1550
1282
  <tr>
1551
1283
  <td class="col-md-4">
1552
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1284
+ <i>Type : </i> <code>EventEmitter</code>
1553
1285
 
1554
1286
  </td>
1555
1287
  </tr>
@@ -1559,13 +1291,13 @@
1559
1291
  <tbody>
1560
1292
  <tr>
1561
1293
  <td class="col-md-4">
1562
- <a name="euiSize3XL"></a>
1563
- <b>euiSize3XL</b>
1294
+ <a name="inputBlur"></a>
1295
+ <b>inputBlur</b>
1564
1296
  </td>
1565
1297
  </tr>
1566
1298
  <tr>
1567
1299
  <td class="col-md-4">
1568
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1300
+ <i>Type : </i> <code>EventEmitter</code>
1569
1301
 
1570
1302
  </td>
1571
1303
  </tr>
@@ -1575,13 +1307,13 @@
1575
1307
  <tbody>
1576
1308
  <tr>
1577
1309
  <td class="col-md-4">
1578
- <a name="euiSize4XL"></a>
1579
- <b>euiSize4XL</b>
1310
+ <a name="inputChange"></a>
1311
+ <b>inputChange</b>
1580
1312
  </td>
1581
1313
  </tr>
1582
1314
  <tr>
1583
1315
  <td class="col-md-4">
1584
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1316
+ <i>Type : </i> <code>EventEmitter</code>
1585
1317
 
1586
1318
  </td>
1587
1319
  </tr>
@@ -1591,13 +1323,13 @@
1591
1323
  <tbody>
1592
1324
  <tr>
1593
1325
  <td class="col-md-4">
1594
- <a name="euiSize5XL"></a>
1595
- <b>euiSize5XL</b>
1326
+ <a name="inputFocus"></a>
1327
+ <b>inputFocus</b>
1596
1328
  </td>
1597
1329
  </tr>
1598
1330
  <tr>
1599
1331
  <td class="col-md-4">
1600
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1332
+ <i>Type : </i> <code>EventEmitter</code>
1601
1333
 
1602
1334
  </td>
1603
1335
  </tr>
@@ -1607,13 +1339,13 @@
1607
1339
  <tbody>
1608
1340
  <tr>
1609
1341
  <td class="col-md-4">
1610
- <a name="euiSizeL"></a>
1611
- <b>euiSizeL</b>
1342
+ <a name="itemAdd"></a>
1343
+ <b>itemAdd</b>
1612
1344
  </td>
1613
1345
  </tr>
1614
1346
  <tr>
1615
1347
  <td class="col-md-4">
1616
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1348
+ <i>Type : </i> <code>EventEmitter</code>
1617
1349
 
1618
1350
  </td>
1619
1351
  </tr>
@@ -1623,13 +1355,13 @@
1623
1355
  <tbody>
1624
1356
  <tr>
1625
1357
  <td class="col-md-4">
1626
- <a name="euiSizeM"></a>
1627
- <b>euiSizeM</b>
1358
+ <a name="itemRemove"></a>
1359
+ <b>itemRemove</b>
1628
1360
  </td>
1629
1361
  </tr>
1630
1362
  <tr>
1631
1363
  <td class="col-md-4">
1632
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1364
+ <i>Type : </i> <code>EventEmitter</code>
1633
1365
 
1634
1366
  </td>
1635
1367
  </tr>
@@ -1639,13 +1371,13 @@
1639
1371
  <tbody>
1640
1372
  <tr>
1641
1373
  <td class="col-md-4">
1642
- <a name="euiSizeS"></a>
1643
- <b>euiSizeS</b>
1374
+ <a name="panelClose"></a>
1375
+ <b>panelClose</b>
1644
1376
  </td>
1645
1377
  </tr>
1646
1378
  <tr>
1647
1379
  <td class="col-md-4">
1648
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1380
+ <i>Type : </i> <code>EventEmitter</code>
1649
1381
 
1650
1382
  </td>
1651
1383
  </tr>
@@ -1655,13 +1387,13 @@
1655
1387
  <tbody>
1656
1388
  <tr>
1657
1389
  <td class="col-md-4">
1658
- <a name="euiSizeVariant"></a>
1659
- <b>euiSizeVariant</b>
1390
+ <a name="panelOpen"></a>
1391
+ <b>panelOpen</b>
1660
1392
  </td>
1661
1393
  </tr>
1662
1394
  <tr>
1663
1395
  <td class="col-md-4">
1664
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1396
+ <i>Type : </i> <code>EventEmitter</code>
1665
1397
 
1666
1398
  </td>
1667
1399
  </tr>
@@ -1671,272 +1403,13 @@
1671
1403
  <tbody>
1672
1404
  <tr>
1673
1405
  <td class="col-md-4">
1674
- <a name="euiSizeXL"></a>
1675
- <b>euiSizeXL</b>
1406
+ <a name="selectionChange"></a>
1407
+ <b>selectionChange</b>
1676
1408
  </td>
1677
1409
  </tr>
1678
1410
  <tr>
1679
1411
  <td class="col-md-4">
1680
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1681
-
1682
- </td>
1683
- </tr>
1684
- </tbody>
1685
- </table>
1686
- <table class="table table-sm table-bordered">
1687
- <tbody>
1688
- <tr>
1689
- <td class="col-md-4">
1690
- <a name="euiSizeXS"></a>
1691
- <b>euiSizeXS</b>
1692
- </td>
1693
- </tr>
1694
- <tr>
1695
- <td class="col-md-4">
1696
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1697
-
1698
- </td>
1699
- </tr>
1700
- </tbody>
1701
- </table>
1702
- <table class="table table-sm table-bordered">
1703
- <tbody>
1704
- <tr>
1705
- <td class="col-md-4">
1706
- <a name="euiSuccess"></a>
1707
- <b>euiSuccess</b>
1708
- </td>
1709
- </tr>
1710
- <tr>
1711
- <td class="col-md-4">
1712
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
1713
-
1714
- </td>
1715
- </tr>
1716
- </tbody>
1717
- </table>
1718
- <table class="table table-sm table-bordered">
1719
- <tbody>
1720
- <tr>
1721
- <td class="col-md-4">
1722
- <a name="euiVariant"></a>
1723
- <b>euiVariant</b>
1724
- </td>
1725
- </tr>
1726
- <tr>
1727
- <td class="col-md-4">
1728
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1729
-
1730
- </td>
1731
- </tr>
1732
- </tbody>
1733
- </table>
1734
- <table class="table table-sm table-bordered">
1735
- <tbody>
1736
- <tr>
1737
- <td class="col-md-4">
1738
- <a name="euiWarning"></a>
1739
- <b>euiWarning</b>
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/boolean" target="_blank" >boolean</a></code>
1745
-
1746
- </td>
1747
- </tr>
1748
- </tbody>
1749
- </table>
1750
- <table class="table table-sm table-bordered">
1751
- <tbody>
1752
- <tr>
1753
- <td class="col-md-4">
1754
- <a name="styleClass"></a>
1755
- <b>styleClass</b>
1756
- </td>
1757
- </tr>
1758
- <tr>
1759
- <td class="col-md-4">
1760
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1761
-
1762
- </td>
1763
- </tr>
1764
- </tbody>
1765
- </table>
1766
- </section>
1767
- <section data-compodoc="block-outputs">
1768
- <h3 id="outputs">Outputs</h3>
1769
- <table class="table table-sm table-bordered">
1770
- <tbody>
1771
- <tr>
1772
- <td class="col-md-4">
1773
- <a name="chipDragRelease"></a>
1774
- <b>chipDragRelease</b>
1775
- </td>
1776
- </tr>
1777
- <tr>
1778
- <td class="col-md-4">
1779
- <i>Type : </i> <code>EventEmitter</code>
1780
-
1781
- </td>
1782
- </tr>
1783
- </tbody>
1784
- </table>
1785
- <table class="table table-sm table-bordered">
1786
- <tbody>
1787
- <tr>
1788
- <td class="col-md-4">
1789
- <a name="chipDragStart"></a>
1790
- <b>chipDragStart</b>
1791
- </td>
1792
- </tr>
1793
- <tr>
1794
- <td class="col-md-4">
1795
- <i>Type : </i> <code>EventEmitter</code>
1796
-
1797
- </td>
1798
- </tr>
1799
- </tbody>
1800
- </table>
1801
- <table class="table table-sm table-bordered">
1802
- <tbody>
1803
- <tr>
1804
- <td class="col-md-4">
1805
- <a name="chipDrop"></a>
1806
- <b>chipDrop</b>
1807
- </td>
1808
- </tr>
1809
- <tr>
1810
- <td class="col-md-4">
1811
- <i>Type : </i> <code>EventEmitter</code>
1812
-
1813
- </td>
1814
- </tr>
1815
- </tbody>
1816
- </table>
1817
- <table class="table table-sm table-bordered">
1818
- <tbody>
1819
- <tr>
1820
- <td class="col-md-4">
1821
- <a name="clear"></a>
1822
- <b>clear</b>
1823
- </td>
1824
- </tr>
1825
- <tr>
1826
- <td class="col-md-4">
1827
- <i>Type : </i> <code>EventEmitter</code>
1828
-
1829
- </td>
1830
- </tr>
1831
- </tbody>
1832
- </table>
1833
- <table class="table table-sm table-bordered">
1834
- <tbody>
1835
- <tr>
1836
- <td class="col-md-4">
1837
- <a name="inputBlur"></a>
1838
- <b>inputBlur</b>
1839
- </td>
1840
- </tr>
1841
- <tr>
1842
- <td class="col-md-4">
1843
- <i>Type : </i> <code>EventEmitter</code>
1844
-
1845
- </td>
1846
- </tr>
1847
- </tbody>
1848
- </table>
1849
- <table class="table table-sm table-bordered">
1850
- <tbody>
1851
- <tr>
1852
- <td class="col-md-4">
1853
- <a name="inputChange"></a>
1854
- <b>inputChange</b>
1855
- </td>
1856
- </tr>
1857
- <tr>
1858
- <td class="col-md-4">
1859
- <i>Type : </i> <code>EventEmitter</code>
1860
-
1861
- </td>
1862
- </tr>
1863
- </tbody>
1864
- </table>
1865
- <table class="table table-sm table-bordered">
1866
- <tbody>
1867
- <tr>
1868
- <td class="col-md-4">
1869
- <a name="itemAdd"></a>
1870
- <b>itemAdd</b>
1871
- </td>
1872
- </tr>
1873
- <tr>
1874
- <td class="col-md-4">
1875
- <i>Type : </i> <code>EventEmitter</code>
1876
-
1877
- </td>
1878
- </tr>
1879
- </tbody>
1880
- </table>
1881
- <table class="table table-sm table-bordered">
1882
- <tbody>
1883
- <tr>
1884
- <td class="col-md-4">
1885
- <a name="itemRemove"></a>
1886
- <b>itemRemove</b>
1887
- </td>
1888
- </tr>
1889
- <tr>
1890
- <td class="col-md-4">
1891
- <i>Type : </i> <code>EventEmitter</code>
1892
-
1893
- </td>
1894
- </tr>
1895
- </tbody>
1896
- </table>
1897
- <table class="table table-sm table-bordered">
1898
- <tbody>
1899
- <tr>
1900
- <td class="col-md-4">
1901
- <a name="panelClose"></a>
1902
- <b>panelClose</b>
1903
- </td>
1904
- </tr>
1905
- <tr>
1906
- <td class="col-md-4">
1907
- <i>Type : </i> <code>EventEmitter</code>
1908
-
1909
- </td>
1910
- </tr>
1911
- </tbody>
1912
- </table>
1913
- <table class="table table-sm table-bordered">
1914
- <tbody>
1915
- <tr>
1916
- <td class="col-md-4">
1917
- <a name="panelOpen"></a>
1918
- <b>panelOpen</b>
1919
- </td>
1920
- </tr>
1921
- <tr>
1922
- <td class="col-md-4">
1923
- <i>Type : </i> <code>EventEmitter</code>
1924
-
1925
- </td>
1926
- </tr>
1927
- </tbody>
1928
- </table>
1929
- <table class="table table-sm table-bordered">
1930
- <tbody>
1931
- <tr>
1932
- <td class="col-md-4">
1933
- <a name="selectionChange"></a>
1934
- <b>selectionChange</b>
1935
- </td>
1936
- </tr>
1937
- <tr>
1938
- <td class="col-md-4">
1939
- <i>Type : </i> <code>EventEmitter</code>
1412
+ <i>Type : </i> <code>EventEmitter</code>
1940
1413
 
1941
1414
  </td>
1942
1415
  </tr>
@@ -1988,7 +1461,7 @@
1988
1461
  <tr>
1989
1462
  <td class="col-md-4">
1990
1463
  <span class="modifier-icon icon ion-ios-reset"></span>
1991
- <code>add(newValue: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
1464
+ <code>add(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
1992
1465
  </td>
1993
1466
  </tr>
1994
1467
 
@@ -2011,7 +1484,7 @@
2011
1484
  </thead>
2012
1485
  <tbody>
2013
1486
  <tr>
2014
- <td>newValue</td>
1487
+ <td>value</td>
2015
1488
  <td>
2016
1489
  <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
2017
1490
  </td>
@@ -2040,18 +1513,18 @@
2040
1513
  <tbody>
2041
1514
  <tr>
2042
1515
  <td class="col-md-4">
2043
- <a name="addOnBlurHandler"></a>
1516
+ <a name="closePanel"></a>
2044
1517
  <span class="name">
2045
1518
  <span class="modifier">Public</span>
2046
- <span ><b>addOnBlurHandler</b></span>
2047
- <a href="#addOnBlurHandler"><span class="icon ion-ios-link"></span></a>
1519
+ <span ><b>closePanel</b></span>
1520
+ <a href="#closePanel"><span class="icon ion-ios-link"></span></a>
2048
1521
  </span>
2049
1522
  </td>
2050
1523
  </tr>
2051
1524
  <tr>
2052
1525
  <td class="col-md-4">
2053
1526
  <span class="modifier-icon icon ion-ios-reset"></span>
2054
- <code>addOnBlurHandler(event: <a href="../interfaces/Focus.html" target="_self">FocusEvent</a>)</code>
1527
+ <code>closePanel()</code>
2055
1528
  </td>
2056
1529
  </tr>
2057
1530
 
@@ -2061,22 +1534,67 @@
2061
1534
  <tr>
2062
1535
  <td class="col-md-4">
2063
1536
 
2064
- <div class="io-description">
2065
- <b>Parameters :</b>
2066
-
2067
- <table class="params">
2068
- <thead>
2069
- <tr>
2070
- <td>Name</td>
2071
- <td>Type</td>
2072
- <td>Optional</td>
2073
- </tr>
2074
- </thead>
2075
- <tbody>
2076
- <tr>
2077
- <td>event</td>
1537
+ <div class="io-description">
1538
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1539
+
1540
+ </div>
1541
+ </td>
1542
+ </tr>
1543
+ </tbody>
1544
+ </table>
1545
+ <table class="table table-sm table-bordered">
1546
+ <tbody>
1547
+ <tr>
1548
+ <td class="col-md-4">
1549
+ <a name="groupsTrackByFn"></a>
1550
+ <span class="name">
1551
+ <span class="modifier">Public</span>
1552
+ <span ><b>groupsTrackByFn</b></span>
1553
+ <a href="#groupsTrackByFn"><span class="icon ion-ios-link"></span></a>
1554
+ </span>
1555
+ </td>
1556
+ </tr>
1557
+ <tr>
1558
+ <td class="col-md-4">
1559
+ <span class="modifier-icon icon ion-ios-reset"></span>
1560
+ <code>groupsTrackByFn(index: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>, group: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
1561
+ </td>
1562
+ </tr>
1563
+
1564
+
1565
+
1566
+
1567
+ <tr>
1568
+ <td class="col-md-4">
1569
+
1570
+ <div class="io-description">
1571
+ <b>Parameters :</b>
1572
+
1573
+ <table class="params">
1574
+ <thead>
1575
+ <tr>
1576
+ <td>Name</td>
1577
+ <td>Type</td>
1578
+ <td>Optional</td>
1579
+ </tr>
1580
+ </thead>
1581
+ <tbody>
1582
+ <tr>
1583
+ <td>index</td>
1584
+ <td>
1585
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
1586
+ </td>
1587
+
1588
+ <td>
1589
+ No
1590
+ </td>
1591
+
1592
+
1593
+ </tr>
1594
+ <tr>
1595
+ <td>group</td>
2078
1596
  <td>
2079
- <code><a href="../interfaces/Focus.html" target="_self" >FocusEvent</a></code>
1597
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
2080
1598
  </td>
2081
1599
 
2082
1600
  <td>
@@ -2089,7 +1607,7 @@
2089
1607
  </table>
2090
1608
  </div>
2091
1609
  <div class="io-description">
2092
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1610
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
2093
1611
 
2094
1612
  </div>
2095
1613
  <div class="io-description">
@@ -2103,18 +1621,18 @@
2103
1621
  <tbody>
2104
1622
  <tr>
2105
1623
  <td class="col-md-4">
2106
- <a name="addOnEnterHandler"></a>
1624
+ <a name="onBlur"></a>
2107
1625
  <span class="name">
2108
1626
  <span class="modifier">Public</span>
2109
- <span ><b>addOnEnterHandler</b></span>
2110
- <a href="#addOnEnterHandler"><span class="icon ion-ios-link"></span></a>
1627
+ <span ><b>onBlur</b></span>
1628
+ <a href="#onBlur"><span class="icon ion-ios-link"></span></a>
2111
1629
  </span>
2112
1630
  </td>
2113
1631
  </tr>
2114
1632
  <tr>
2115
1633
  <td class="col-md-4">
2116
1634
  <span class="modifier-icon icon ion-ios-reset"></span>
2117
- <code>addOnEnterHandler()</code>
1635
+ <code>onBlur()</code>
2118
1636
  </td>
2119
1637
  </tr>
2120
1638
 
@@ -2147,7 +1665,7 @@
2147
1665
  <tr>
2148
1666
  <td class="col-md-4">
2149
1667
  <span class="modifier-icon icon ion-ios-reset"></span>
2150
- <code>onChipDragReleased(e: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
1668
+ <code>onChipDragReleased(e: <a href="../interfaces/EuiChipDragDrop.html" target="_self">EuiChipDragDrop</a>)</code>
2151
1669
  </td>
2152
1670
  </tr>
2153
1671
 
@@ -2172,7 +1690,7 @@
2172
1690
  <tr>
2173
1691
  <td>e</td>
2174
1692
  <td>
2175
- <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
1693
+ <code><a href="../interfaces/EuiChipDragDrop.html" target="_self" >EuiChipDragDrop</a></code>
2176
1694
  </td>
2177
1695
 
2178
1696
  <td>
@@ -2210,7 +1728,7 @@
2210
1728
  <tr>
2211
1729
  <td class="col-md-4">
2212
1730
  <span class="modifier-icon icon ion-ios-reset"></span>
2213
- <code>onChipDragStarted(e: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
1731
+ <code>onChipDragStarted(e: <a href="../interfaces/EuiChipDragDrop.html" target="_self">EuiChipDragDrop</a>)</code>
2214
1732
  </td>
2215
1733
  </tr>
2216
1734
 
@@ -2235,7 +1753,7 @@
2235
1753
  <tr>
2236
1754
  <td>e</td>
2237
1755
  <td>
2238
- <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
1756
+ <code><a href="../interfaces/EuiChipDragDrop.html" target="_self" >EuiChipDragDrop</a></code>
2239
1757
  </td>
2240
1758
 
2241
1759
  <td>
@@ -2273,7 +1791,7 @@
2273
1791
  <tr>
2274
1792
  <td class="col-md-4">
2275
1793
  <span class="modifier-icon icon ion-ios-reset"></span>
2276
- <code>onChipDropped(e: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
1794
+ <code>onChipDropped(e: <a href="../interfaces/EuiChipDragDrop.html" target="_self">EuiChipDragDrop</a>)</code>
2277
1795
  </td>
2278
1796
  </tr>
2279
1797
 
@@ -2298,7 +1816,7 @@
2298
1816
  <tr>
2299
1817
  <td>e</td>
2300
1818
  <td>
2301
- <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
1819
+ <code><a href="../interfaces/EuiChipDragDrop.html" target="_self" >EuiChipDragDrop</a></code>
2302
1820
  </td>
2303
1821
 
2304
1822
  <td>
@@ -2321,39 +1839,6 @@
2321
1839
  </tr>
2322
1840
  </tbody>
2323
1841
  </table>
2324
- <table class="table table-sm table-bordered">
2325
- <tbody>
2326
- <tr>
2327
- <td class="col-md-4">
2328
- <a name="onChipListFocus"></a>
2329
- <span class="name">
2330
- <span class="modifier">Public</span>
2331
- <span ><b>onChipListFocus</b></span>
2332
- <a href="#onChipListFocus"><span class="icon ion-ios-link"></span></a>
2333
- </span>
2334
- </td>
2335
- </tr>
2336
- <tr>
2337
- <td class="col-md-4">
2338
- <span class="modifier-icon icon ion-ios-reset"></span>
2339
- <code>onChipListFocus()</code>
2340
- </td>
2341
- </tr>
2342
-
2343
-
2344
-
2345
-
2346
- <tr>
2347
- <td class="col-md-4">
2348
-
2349
- <div class="io-description">
2350
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
2351
-
2352
- </div>
2353
- </td>
2354
- </tr>
2355
- </tbody>
2356
- </table>
2357
1842
  <table class="table table-sm table-bordered">
2358
1843
  <tbody>
2359
1844
  <tr>
@@ -2439,39 +1924,6 @@
2439
1924
 
2440
1925
 
2441
1926
 
2442
- <tr>
2443
- <td class="col-md-4">
2444
-
2445
- <div class="io-description">
2446
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
2447
-
2448
- </div>
2449
- </td>
2450
- </tr>
2451
- </tbody>
2452
- </table>
2453
- <table class="table table-sm table-bordered">
2454
- <tbody>
2455
- <tr>
2456
- <td class="col-md-4">
2457
- <a name="onClose"></a>
2458
- <span class="name">
2459
- <span class="modifier">Public</span>
2460
- <span ><b>onClose</b></span>
2461
- <a href="#onClose"><span class="icon ion-ios-link"></span></a>
2462
- </span>
2463
- </td>
2464
- </tr>
2465
- <tr>
2466
- <td class="col-md-4">
2467
- <span class="modifier-icon icon ion-ios-reset"></span>
2468
- <code>onClose()</code>
2469
- </td>
2470
- </tr>
2471
-
2472
-
2473
-
2474
-
2475
1927
  <tr>
2476
1928
  <td class="col-md-4">
2477
1929
 
@@ -2520,18 +1972,18 @@
2520
1972
  <tbody>
2521
1973
  <tr>
2522
1974
  <td class="col-md-4">
2523
- <a name="onFocusOut"></a>
1975
+ <a name="onOptionSelected"></a>
2524
1976
  <span class="name">
2525
1977
  <span class="modifier">Public</span>
2526
- <span ><b>onFocusOut</b></span>
2527
- <a href="#onFocusOut"><span class="icon ion-ios-link"></span></a>
1978
+ <span ><b>onOptionSelected</b></span>
1979
+ <a href="#onOptionSelected"><span class="icon ion-ios-link"></span></a>
2528
1980
  </span>
2529
1981
  </td>
2530
1982
  </tr>
2531
1983
  <tr>
2532
1984
  <td class="col-md-4">
2533
1985
  <span class="modifier-icon icon ion-ios-reset"></span>
2534
- <code>onFocusOut()</code>
1986
+ <code>onOptionSelected(e: <a href="../classes/EuiAutoCompleteItem.html" target="_self">EuiAutoCompleteItem</a>)</code>
2535
1987
  </td>
2536
1988
  </tr>
2537
1989
 
@@ -2541,43 +1993,40 @@
2541
1993
  <tr>
2542
1994
  <td class="col-md-4">
2543
1995
 
2544
- <div class="io-description">
2545
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
2546
-
2547
- </div>
2548
- </td>
2549
- </tr>
2550
- </tbody>
2551
- </table>
2552
- <table class="table table-sm table-bordered">
2553
- <tbody>
2554
- <tr>
2555
- <td class="col-md-4">
2556
- <a name="onKeyDownBackspace"></a>
2557
- <span class="name">
2558
- <span class="modifier">Public</span>
2559
- <span ><b>onKeyDownBackspace</b></span>
2560
- <a href="#onKeyDownBackspace"><span class="icon ion-ios-link"></span></a>
2561
- </span>
2562
- </td>
2563
- </tr>
2564
- <tr>
2565
- <td class="col-md-4">
2566
- <span class="modifier-icon icon ion-ios-reset"></span>
2567
- <code>onKeyDownBackspace()</code>
2568
- </td>
2569
- </tr>
2570
-
2571
-
1996
+ <div class="io-description">
1997
+ <b>Parameters :</b>
1998
+
1999
+ <table class="params">
2000
+ <thead>
2001
+ <tr>
2002
+ <td>Name</td>
2003
+ <td>Type</td>
2004
+ <td>Optional</td>
2005
+ </tr>
2006
+ </thead>
2007
+ <tbody>
2008
+ <tr>
2009
+ <td>e</td>
2010
+ <td>
2011
+ <code><a href="../classes/EuiAutoCompleteItem.html" target="_self" >EuiAutoCompleteItem</a></code>
2012
+ </td>
2572
2013
 
2014
+ <td>
2015
+ No
2016
+ </td>
2573
2017
 
2574
- <tr>
2575
- <td class="col-md-4">
2576
2018
 
2019
+ </tr>
2020
+ </tbody>
2021
+ </table>
2022
+ </div>
2577
2023
  <div class="io-description">
2578
2024
  <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
2579
2025
 
2580
2026
  </div>
2027
+ <div class="io-description">
2028
+
2029
+ </div>
2581
2030
  </td>
2582
2031
  </tr>
2583
2032
  </tbody>
@@ -2586,18 +2035,18 @@
2586
2035
  <tbody>
2587
2036
  <tr>
2588
2037
  <td class="col-md-4">
2589
- <a name="onOpen"></a>
2038
+ <a name="openPanel"></a>
2590
2039
  <span class="name">
2591
2040
  <span class="modifier">Public</span>
2592
- <span ><b>onOpen</b></span>
2593
- <a href="#onOpen"><span class="icon ion-ios-link"></span></a>
2041
+ <span ><b>openPanel</b></span>
2042
+ <a href="#openPanel"><span class="icon ion-ios-link"></span></a>
2594
2043
  </span>
2595
2044
  </td>
2596
2045
  </tr>
2597
2046
  <tr>
2598
2047
  <td class="col-md-4">
2599
2048
  <span class="modifier-icon icon ion-ios-reset"></span>
2600
- <code>onOpen()</code>
2049
+ <code>openPanel()</code>
2601
2050
  </td>
2602
2051
  </tr>
2603
2052
 
@@ -2619,18 +2068,18 @@
2619
2068
  <tbody>
2620
2069
  <tr>
2621
2070
  <td class="col-md-4">
2622
- <a name="onOptionSelected"></a>
2071
+ <a name="optionsTrackByFn"></a>
2623
2072
  <span class="name">
2624
2073
  <span class="modifier">Public</span>
2625
- <span ><b>onOptionSelected</b></span>
2626
- <a href="#onOptionSelected"><span class="icon ion-ios-link"></span></a>
2074
+ <span ><b>optionsTrackByFn</b></span>
2075
+ <a href="#optionsTrackByFn"><span class="icon ion-ios-link"></span></a>
2627
2076
  </span>
2628
2077
  </td>
2629
2078
  </tr>
2630
2079
  <tr>
2631
2080
  <td class="col-md-4">
2632
2081
  <span class="modifier-icon icon ion-ios-reset"></span>
2633
- <code>onOptionSelected(event: MatAutocompleteSelectedEvent)</code>
2082
+ <code>optionsTrackByFn(index: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>, item: <a href="../classes/EuiAutoCompleteItem.html" target="_self">EuiAutoCompleteItem</a>)</code>
2634
2083
  </td>
2635
2084
  </tr>
2636
2085
 
@@ -2653,9 +2102,21 @@
2653
2102
  </thead>
2654
2103
  <tbody>
2655
2104
  <tr>
2656
- <td>event</td>
2105
+ <td>index</td>
2106
+ <td>
2107
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
2108
+ </td>
2109
+
2110
+ <td>
2111
+ No
2112
+ </td>
2113
+
2114
+
2115
+ </tr>
2116
+ <tr>
2117
+ <td>item</td>
2657
2118
  <td>
2658
- <code>MatAutocompleteSelectedEvent</code>
2119
+ <code><a href="../classes/EuiAutoCompleteItem.html" target="_self" >EuiAutoCompleteItem</a></code>
2659
2120
  </td>
2660
2121
 
2661
2122
  <td>
@@ -2668,7 +2129,7 @@
2668
2129
  </table>
2669
2130
  </div>
2670
2131
  <div class="io-description">
2671
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
2132
+ <b>Returns : </b> <code>string | number</code>
2672
2133
 
2673
2134
  </div>
2674
2135
  <div class="io-description">
@@ -2871,18 +2332,18 @@
2871
2332
  <tbody>
2872
2333
  <tr>
2873
2334
  <td class="col-md-4">
2874
- <a name="trackByFn"></a>
2335
+ <a name="writeValue"></a>
2875
2336
  <span class="name">
2876
2337
  <span class="modifier">Public</span>
2877
- <span ><b>trackByFn</b></span>
2878
- <a href="#trackByFn"><span class="icon ion-ios-link"></span></a>
2338
+ <span ><b>writeValue</b></span>
2339
+ <a href="#writeValue"><span class="icon ion-ios-link"></span></a>
2879
2340
  </span>
2880
2341
  </td>
2881
2342
  </tr>
2882
2343
  <tr>
2883
2344
  <td class="col-md-4">
2884
2345
  <span class="modifier-icon icon ion-ios-reset"></span>
2885
- <code>trackByFn(index: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank">number</a>)</code>
2346
+ <code>writeValue(value: <a href="../classes/EuiAutoCompleteItem.html" target="_self">EuiAutoCompleteItem | EuiAutoCompleteItem[]</a>)</code>
2886
2347
  </td>
2887
2348
  </tr>
2888
2349
 
@@ -2905,9 +2366,9 @@
2905
2366
  </thead>
2906
2367
  <tbody>
2907
2368
  <tr>
2908
- <td>index</td>
2369
+ <td>value</td>
2909
2370
  <td>
2910
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
2371
+ <code><a href="../classes/EuiAutoCompleteItem.html" target="_self" >EuiAutoCompleteItem | EuiAutoCompleteItem[]</a></code>
2911
2372
  </td>
2912
2373
 
2913
2374
  <td>
@@ -2920,7 +2381,7 @@
2920
2381
  </table>
2921
2382
  </div>
2922
2383
  <div class="io-description">
2923
- <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
2384
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
2924
2385
 
2925
2386
  </div>
2926
2387
  <div class="io-description">
@@ -2930,236 +2391,72 @@
2930
2391
  </tr>
2931
2392
  </tbody>
2932
2393
  </table>
2394
+ </section>
2395
+ <section data-compodoc="block-properties">
2396
+
2397
+ <h3 id="inputs">
2398
+ Properties
2399
+ </h3>
2933
2400
  <table class="table table-sm table-bordered">
2934
2401
  <tbody>
2935
2402
  <tr>
2936
2403
  <td class="col-md-4">
2937
- <a name="writeValue"></a>
2404
+ <a name="autocompleteControl"></a>
2938
2405
  <span class="name">
2939
2406
  <span class="modifier">Public</span>
2940
- <span ><b>writeValue</b></span>
2941
- <a href="#writeValue"><span class="icon ion-ios-link"></span></a>
2407
+ <span ><b>autocompleteControl</b></span>
2408
+ <a href="#autocompleteControl"><span class="icon ion-ios-link"></span></a>
2942
2409
  </span>
2943
2410
  </td>
2944
2411
  </tr>
2412
+ <tr>
2413
+ <td class="col-md-4">
2414
+ <i>Default value : </i><code>new FormControl&lt;string&gt;(&#x27;&#x27;)</code>
2415
+ </td>
2416
+ </tr>
2417
+
2418
+
2419
+ </tbody>
2420
+ </table>
2421
+ <table class="table table-sm table-bordered">
2422
+ <tbody>
2945
2423
  <tr>
2946
2424
  <td class="col-md-4">
2947
- <span class="modifier-icon icon ion-ios-reset"></span>
2948
- <code>writeValue(value: <a href="../classes/EuiAutoCompleteItem.html" target="_self">EuiAutoCompleteItem | EuiAutoCompleteItem[]</a>)</code>
2425
+ <a name="autocompleteOptGroupTemplate"></a>
2426
+ <span class="name">
2427
+ <span class="modifier">Public</span>
2428
+ <span ><b>autocompleteOptGroupTemplate</b></span>
2429
+ <a href="#autocompleteOptGroupTemplate"><span class="icon ion-ios-link"></span></a>
2430
+ </span>
2949
2431
  </td>
2950
2432
  </tr>
2433
+ <tr>
2434
+ <td class="col-md-4">
2435
+ <i>Type : </i> <code>TemplateRef&lt;literal type&gt;</code>
2951
2436
 
2437
+ </td>
2438
+ </tr>
2952
2439
 
2953
2440
 
2954
-
2441
+ </tbody>
2442
+ </table>
2443
+ <table class="table table-sm table-bordered">
2444
+ <tbody>
2955
2445
  <tr>
2956
2446
  <td class="col-md-4">
2957
-
2958
- <div class="io-description">
2959
- <b>Parameters :</b>
2960
-
2961
- <table class="params">
2962
- <thead>
2963
- <tr>
2964
- <td>Name</td>
2965
- <td>Type</td>
2966
- <td>Optional</td>
2967
- </tr>
2968
- </thead>
2969
- <tbody>
2970
- <tr>
2971
- <td>value</td>
2972
- <td>
2973
- <code><a href="../classes/EuiAutoCompleteItem.html" target="_self" >EuiAutoCompleteItem | EuiAutoCompleteItem[]</a></code>
2974
- </td>
2975
-
2976
- <td>
2977
- No
2978
- </td>
2979
-
2980
-
2981
- </tr>
2982
- </tbody>
2983
- </table>
2984
- </div>
2985
- <div class="io-description">
2986
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
2987
-
2988
- </div>
2989
- <div class="io-description">
2990
-
2991
- </div>
2992
- </td>
2993
- </tr>
2994
- </tbody>
2995
- </table>
2996
- <table class="table table-sm table-bordered">
2997
- <tbody>
2998
- <tr>
2999
- <td class="col-md-4">
3000
- <a name="getCssClasses"></a>
3001
- <span class="name">
3002
- <span ><b>getCssClasses</b></span>
3003
- <a href="#getCssClasses"><span class="icon ion-ios-link"></span></a>
3004
- </span>
3005
- </td>
3006
- </tr>
3007
- <tr>
3008
- <td class="col-md-4">
3009
- <code>getCssClasses(rootClass: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
3010
- </td>
3011
- </tr>
3012
-
3013
-
3014
-
3015
-
3016
- <tr>
3017
- <td class="col-md-4">
3018
-
3019
- <div class="io-description">
3020
- <b>Parameters :</b>
3021
-
3022
- <table class="params">
3023
- <thead>
3024
- <tr>
3025
- <td>Name</td>
3026
- <td>Type</td>
3027
- <td>Optional</td>
3028
- </tr>
3029
- </thead>
3030
- <tbody>
3031
- <tr>
3032
- <td>rootClass</td>
3033
- <td>
3034
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
3035
- </td>
3036
-
3037
- <td>
3038
- No
3039
- </td>
3040
-
3041
-
3042
- </tr>
3043
- </tbody>
3044
- </table>
3045
- </div>
3046
- <div class="io-description">
3047
- <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
3048
-
3049
- </div>
3050
- <div class="io-description">
3051
-
3052
- </div>
3053
- </td>
3054
- </tr>
3055
- </tbody>
3056
- </table>
3057
- </section>
3058
- <section data-compodoc="block-properties">
3059
-
3060
- <h3 id="inputs">
3061
- Properties
3062
- </h3>
3063
- <table class="table table-sm table-bordered">
3064
- <tbody>
3065
- <tr>
3066
- <td class="col-md-4">
3067
- <a name="autocompleteControl"></a>
3068
- <span class="name">
3069
- <span class="modifier">Public</span>
3070
- <span ><b>autocompleteControl</b></span>
3071
- <a href="#autocompleteControl"><span class="icon ion-ios-link"></span></a>
3072
- </span>
3073
- </td>
3074
- </tr>
3075
- <tr>
3076
- <td class="col-md-4">
3077
- <i>Default value : </i><code>new FormControl()</code>
3078
- </td>
3079
- </tr>
3080
-
3081
-
3082
- </tbody>
3083
- </table>
3084
- <table class="table table-sm table-bordered">
3085
- <tbody>
3086
- <tr>
3087
- <td class="col-md-4">
3088
- <a name="autocompleteId"></a>
3089
- <span class="name">
3090
- <span class="modifier">Public</span>
3091
- <span ><b>autocompleteId</b></span>
3092
- <a href="#autocompleteId"><span class="icon ion-ios-link"></span></a>
3093
- </span>
3094
- </td>
3095
- </tr>
3096
- <tr>
3097
- <td class="col-md-4">
3098
- <i>Default value : </i><code>&#x60;eui-autocomplete-${uniqueId()}&#x60;</code>
3099
- </td>
3100
- </tr>
3101
-
3102
-
3103
- </tbody>
3104
- </table>
3105
- <table class="table table-sm table-bordered">
3106
- <tbody>
3107
- <tr>
3108
- <td class="col-md-4">
3109
- <a name="autocompleteInput"></a>
3110
- <span class="name">
3111
- <span class="modifier"></span>
3112
- <span ><b>autocompleteInput</b></span>
3113
- <a href="#autocompleteInput"><span class="icon ion-ios-link"></span></a>
3114
- </span>
3115
- </td>
3116
- </tr>
3117
- <tr>
3118
- <td class="col-md-4">
3119
- <i>Type : </i> <code>ElementRef&lt;HTMLInputElement&gt;</code>
3120
-
3121
- </td>
3122
- </tr>
3123
- <tr>
3124
- <td class="col-md-4">
3125
- <b>Decorators : </b>
3126
- <br />
3127
- <code>
3128
- @ViewChild(&#x27;autocompleteInput&#x27;, {read: ElementRef})<br />
3129
- </code>
3130
- </td>
3131
- </tr>
3132
-
3133
-
3134
- </tbody>
3135
- </table>
3136
- <table class="table table-sm table-bordered">
3137
- <tbody>
3138
- <tr>
3139
- <td class="col-md-4">
3140
- <a name="autocompleteInputTrigger"></a>
3141
- <span class="name">
3142
- <span class="modifier"></span>
3143
- <span ><b>autocompleteInputTrigger</b></span>
3144
- <a href="#autocompleteInputTrigger"><span class="icon ion-ios-link"></span></a>
3145
- </span>
3146
- </td>
3147
- </tr>
3148
- <tr>
3149
- <td class="col-md-4">
3150
- <i>Type : </i> <code>MatAutocompleteTrigger</code>
3151
-
3152
- </td>
3153
- </tr>
3154
- <tr>
3155
- <td class="col-md-4">
3156
- <b>Decorators : </b>
3157
- <br />
3158
- <code>
3159
- @ViewChild(&#x27;autocompleteInputTrigger&#x27;, {read: MatAutocompleteTrigger})<br />
3160
- </code>
3161
- </td>
3162
- </tr>
2447
+ <a name="autocompleteOptions"></a>
2448
+ <span class="name">
2449
+ <span class="modifier">Public</span>
2450
+ <span ><b>autocompleteOptions</b></span>
2451
+ <a href="#autocompleteOptions"><span class="icon ion-ios-link"></span></a>
2452
+ </span>
2453
+ </td>
2454
+ </tr>
2455
+ <tr>
2456
+ <td class="col-md-4">
2457
+ <i>Default value : </i><code>new BehaviorSubject&lt;EuiAutoCompleteItem[]&gt;(this.autocompleteData)</code>
2458
+ </td>
2459
+ </tr>
3163
2460
 
3164
2461
 
3165
2462
  </tbody>
@@ -3168,11 +2465,11 @@
3168
2465
  <tbody>
3169
2466
  <tr>
3170
2467
  <td class="col-md-4">
3171
- <a name="autocompleteOptGroupTemplate"></a>
2468
+ <a name="autocompleteOptionTemplate"></a>
3172
2469
  <span class="name">
3173
2470
  <span class="modifier">Public</span>
3174
- <span ><b>autocompleteOptGroupTemplate</b></span>
3175
- <a href="#autocompleteOptGroupTemplate"><span class="icon ion-ios-link"></span></a>
2471
+ <span ><b>autocompleteOptionTemplate</b></span>
2472
+ <a href="#autocompleteOptionTemplate"><span class="icon ion-ios-link"></span></a>
3176
2473
  </span>
3177
2474
  </td>
3178
2475
  </tr>
@@ -3190,23 +2487,23 @@
3190
2487
  <tbody>
3191
2488
  <tr>
3192
2489
  <td class="col-md-4">
3193
- <a name="autocompleteOptions"></a>
2490
+ <a name="chips"></a>
3194
2491
  <span class="name">
3195
2492
  <span class="modifier">Public</span>
3196
- <span ><b>autocompleteOptions</b></span>
3197
- <a href="#autocompleteOptions"><span class="icon ion-ios-link"></span></a>
2493
+ <span ><b>chips</b></span>
2494
+ <a href="#chips"><span class="icon ion-ios-link"></span></a>
3198
2495
  </span>
3199
2496
  </td>
3200
2497
  </tr>
3201
2498
  <tr>
3202
2499
  <td class="col-md-4">
3203
- <i>Type : </i> <code><a href="../classes/EuiAutoCompleteItem.html" target="_self" >BehaviorSubject&lt;EuiAutoCompleteItem[]&gt;</a></code>
2500
+ <i>Type : </i> <code><a href="../classes/EuiChip.html" target="_self" >EuiChip[]</a></code>
3204
2501
 
3205
2502
  </td>
3206
2503
  </tr>
3207
2504
  <tr>
3208
2505
  <td class="col-md-4">
3209
- <i>Default value : </i><code>new BehaviorSubject&lt;EuiAutoCompleteItem[]&gt;(this.autocompleteData)</code>
2506
+ <i>Default value : </i><code>[]</code>
3210
2507
  </td>
3211
2508
  </tr>
3212
2509
 
@@ -3217,51 +2514,20 @@
3217
2514
  <tbody>
3218
2515
  <tr>
3219
2516
  <td class="col-md-4">
3220
- <a name="autocompleteOptionTemplate"></a>
2517
+ <a name="distinctOptionGroups"></a>
3221
2518
  <span class="name">
3222
2519
  <span class="modifier">Public</span>
3223
- <span ><b>autocompleteOptionTemplate</b></span>
3224
- <a href="#autocompleteOptionTemplate"><span class="icon ion-ios-link"></span></a>
3225
- </span>
3226
- </td>
3227
- </tr>
3228
- <tr>
3229
- <td class="col-md-4">
3230
- <i>Type : </i> <code>TemplateRef&lt;literal type&gt;</code>
3231
-
3232
- </td>
3233
- </tr>
3234
-
3235
-
3236
- </tbody>
3237
- </table>
3238
- <table class="table table-sm table-bordered">
3239
- <tbody>
3240
- <tr>
3241
- <td class="col-md-4">
3242
- <a name="chipList"></a>
3243
- <span class="name">
3244
- <span class="modifier"></span>
3245
- <span ><b>chipList</b></span>
3246
- <a href="#chipList"><span class="icon ion-ios-link"></span></a>
2520
+ <span ><b>distinctOptionGroups</b></span>
2521
+ <a href="#distinctOptionGroups"><span class="icon ion-ios-link"></span></a>
3247
2522
  </span>
3248
2523
  </td>
3249
2524
  </tr>
3250
2525
  <tr>
3251
2526
  <td class="col-md-4">
3252
- <i>Type : </i> <code><a href="../components/EuiChipListComponent.html" target="_self" >EuiChipListComponent</a></code>
2527
+ <i>Type : </i> <code>string[]</code>
3253
2528
 
3254
2529
  </td>
3255
2530
  </tr>
3256
- <tr>
3257
- <td class="col-md-4">
3258
- <b>Decorators : </b>
3259
- <br />
3260
- <code>
3261
- @ViewChild(&#x27;chipList&#x27;)<br />
3262
- </code>
3263
- </td>
3264
- </tr>
3265
2531
 
3266
2532
 
3267
2533
  </tbody>
@@ -3270,45 +2536,23 @@
3270
2536
  <tbody>
3271
2537
  <tr>
3272
2538
  <td class="col-md-4">
3273
- <a name="chips"></a>
2539
+ <a name="globalOptionIndex"></a>
3274
2540
  <span class="name">
3275
2541
  <span class="modifier">Public</span>
3276
- <span ><b>chips</b></span>
3277
- <a href="#chips"><span class="icon ion-ios-link"></span></a>
2542
+ <span ><b>globalOptionIndex</b></span>
2543
+ <a href="#globalOptionIndex"><span class="icon ion-ios-link"></span></a>
3278
2544
  </span>
3279
2545
  </td>
3280
2546
  </tr>
3281
2547
  <tr>
3282
2548
  <td class="col-md-4">
3283
- <i>Type : </i> <code><a href="../classes/EuiChip.html" target="_self" >EuiChip[]</a></code>
2549
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
3284
2550
 
3285
2551
  </td>
3286
2552
  </tr>
3287
2553
  <tr>
3288
2554
  <td class="col-md-4">
3289
- <i>Default value : </i><code>[]</code>
3290
- </td>
3291
- </tr>
3292
-
3293
-
3294
- </tbody>
3295
- </table>
3296
- <table class="table table-sm table-bordered">
3297
- <tbody>
3298
- <tr>
3299
- <td class="col-md-4">
3300
- <a name="distinctOptionGroups"></a>
3301
- <span class="name">
3302
- <span class="modifier">Public</span>
3303
- <span ><b>distinctOptionGroups</b></span>
3304
- <a href="#distinctOptionGroups"><span class="icon ion-ios-link"></span></a>
3305
- </span>
3306
- </td>
3307
- </tr>
3308
- <tr>
3309
- <td class="col-md-4">
3310
- <i>Type : </i> <code>string[]</code>
3311
-
2555
+ <i>Default value : </i><code>0</code>
3312
2556
  </td>
3313
2557
  </tr>
3314
2558
 
@@ -3319,1251 +2563,288 @@
3319
2563
  <tbody>
3320
2564
  <tr>
3321
2565
  <td class="col-md-4">
3322
- <a name="groupedItems"></a>
2566
+ <a name="groupedOptions"></a>
3323
2567
  <span class="name">
3324
2568
  <span class="modifier">Public</span>
3325
- <span ><b>groupedItems</b></span>
3326
- <a href="#groupedItems"><span class="icon ion-ios-link"></span></a>
2569
+ <span ><b>groupedOptions</b></span>
2570
+ <a href="#groupedOptions"><span class="icon ion-ios-link"></span></a>
3327
2571
  </span>
3328
2572
  </td>
3329
2573
  </tr>
3330
2574
  <tr>
3331
2575
  <td class="col-md-4">
3332
- <i>Type : </i> <code>literal type</code>
3333
-
2576
+ <i>Default value : </i><code>new BehaviorSubject&lt;{ [id: string]: { options: EuiAutoCompleteItem[], ancestorLength: number } }&gt;({})</code>
3334
2577
  </td>
3335
2578
  </tr>
3336
2579
 
3337
2580
 
3338
2581
  </tbody>
3339
- </table>
3340
- <table class="table table-sm table-bordered">
3341
- <tbody>
3342
- <tr>
3343
- <td class="col-md-4">
3344
- <a name="isDisabled"></a>
3345
- <span class="name">
3346
- <span class="modifier">Public</span>
3347
- <span ><b>isDisabled</b></span>
3348
- <a href="#isDisabled"><span class="icon ion-ios-link"></span></a>
3349
- </span>
3350
- </td>
3351
- </tr>
3352
- <tr>
3353
- <td class="col-md-4">
3354
- <i>Default value : </i><code>false</code>
3355
- </td>
3356
- </tr>
3357
-
3358
-
3359
- </tbody>
3360
- </table>
3361
- <table class="table table-sm table-bordered">
3362
- <tbody>
3363
- <tr>
3364
- <td class="col-md-4">
3365
- <a name="itemSize"></a>
3366
- <span class="name">
3367
- <span class="modifier">Public</span>
3368
- <span ><b>itemSize</b></span>
3369
- <a href="#itemSize"><span class="icon ion-ios-link"></span></a>
3370
- </span>
3371
- </td>
3372
- </tr>
3373
- <tr>
3374
- <td class="col-md-4">
3375
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
3376
-
3377
- </td>
3378
- </tr>
3379
- <tr>
3380
- <td class="col-md-4">
3381
- <i>Default value : </i><code>48</code>
3382
- </td>
3383
- </tr>
3384
-
3385
-
3386
- </tbody>
3387
- </table>
3388
- <table class="table table-sm table-bordered">
3389
- <tbody>
3390
- <tr>
3391
- <td class="col-md-4">
3392
- <a name="matAutocomplete"></a>
3393
- <span class="name">
3394
- <span class="modifier"></span>
3395
- <span ><b>matAutocomplete</b></span>
3396
- <a href="#matAutocomplete"><span class="icon ion-ios-link"></span></a>
3397
- </span>
3398
- </td>
3399
- </tr>
3400
- <tr>
3401
- <td class="col-md-4">
3402
- <i>Type : </i> <code>MatAutocomplete</code>
3403
-
3404
- </td>
3405
- </tr>
3406
- <tr>
3407
- <td class="col-md-4">
3408
- <b>Decorators : </b>
3409
- <br />
3410
- <code>
3411
- @ViewChild(&#x27;auto&#x27;)<br />
3412
- </code>
3413
- </td>
3414
- </tr>
3415
-
3416
-
3417
- </tbody>
3418
- </table>
3419
- <table class="table table-sm table-bordered">
3420
- <tbody>
3421
- <tr>
3422
- <td class="col-md-4">
3423
- <a name="selectedOptionIndex"></a>
3424
- <span class="name">
3425
- <span class="modifier">Public</span>
3426
- <span ><b>selectedOptionIndex</b></span>
3427
- <a href="#selectedOptionIndex"><span class="icon ion-ios-link"></span></a>
3428
- </span>
3429
- </td>
3430
- </tr>
3431
- <tr>
3432
- <td class="col-md-4">
3433
- <i>Default value : </i><code>-1</code>
3434
- </td>
3435
- </tr>
3436
-
3437
-
3438
- </tbody>
3439
- </table>
3440
- <table class="table table-sm table-bordered">
3441
- <tbody>
3442
- <tr>
3443
- <td class="col-md-4">
3444
- <a name="separatorKeysCodes"></a>
3445
- <span class="name">
3446
- <span class="modifier">Public</span>
3447
- <span ><b>separatorKeysCodes</b></span>
3448
- <a href="#separatorKeysCodes"><span class="icon ion-ios-link"></span></a>
3449
- </span>
3450
- </td>
3451
- </tr>
3452
- <tr>
3453
- <td class="col-md-4">
3454
- <i>Type : </i> <code>number[]</code>
3455
-
3456
- </td>
3457
- </tr>
3458
- <tr>
3459
- <td class="col-md-4">
3460
- <i>Default value : </i><code>[ENTER, COMMA]</code>
3461
- </td>
3462
- </tr>
3463
-
3464
-
3465
- </tbody>
3466
- </table>
3467
- <table class="table table-sm table-bordered">
3468
- <tbody>
3469
- <tr>
3470
- <td class="col-md-4">
3471
- <a name="templates"></a>
3472
- <span class="name">
3473
- <span class="modifier"></span>
3474
- <span ><b>templates</b></span>
3475
- <a href="#templates"><span class="icon ion-ios-link"></span></a>
3476
- </span>
3477
- </td>
3478
- </tr>
3479
- <tr>
3480
- <td class="col-md-4">
3481
- <i>Type : </i> <code><a href="../directives/EuiTemplateDirective.html" target="_self" >QueryList&lt;EuiTemplateDirective&gt;</a></code>
3482
-
3483
- </td>
3484
- </tr>
3485
- <tr>
3486
- <td class="col-md-4">
3487
- <b>Decorators : </b>
3488
- <br />
3489
- <code>
3490
- @ContentChildren(EuiTemplateDirective)<br />
3491
- </code>
3492
- </td>
3493
- </tr>
3494
-
3495
-
3496
- </tbody>
3497
- </table>
3498
- <table class="table table-sm table-bordered">
3499
- <tbody>
3500
- <tr>
3501
- <td class="col-md-4">
3502
- <a name="virtualScrolling"></a>
3503
- <span class="name">
3504
- <span class="modifier"></span>
3505
- <span ><b>virtualScrolling</b></span>
3506
- <a href="#virtualScrolling"><span class="icon ion-ios-link"></span></a>
3507
- </span>
3508
- </td>
3509
- </tr>
3510
- <tr>
3511
- <td class="col-md-4">
3512
- <i>Type : </i> <code>CdkVirtualScrollViewport</code>
3513
-
3514
- </td>
3515
- </tr>
3516
- <tr>
3517
- <td class="col-md-4">
3518
- <b>Decorators : </b>
3519
- <br />
3520
- <code>
3521
- @ViewChild(&#x27;virtualScrolling&#x27;)<br />
3522
- </code>
3523
- </td>
3524
- </tr>
3525
-
3526
-
3527
- </tbody>
3528
- </table>
3529
- </section>
3530
-
3531
- <section data-compodoc="block-accessors">
3532
- <h3 id="accessors">
3533
- Accessors
3534
- </h3>
3535
- <table class="table table-sm table-bordered">
3536
- <tbody>
3537
- <tr>
3538
- <td class="col-md-4">
3539
- <a name="cssClasses"></a>
3540
- <span class="name"><b>cssClasses</b><a href="#cssClasses"><span class="icon ion-ios-link"></span></a></span>
3541
- </td>
3542
- </tr>
3543
-
3544
- <tr>
3545
- <td class="col-md-4">
3546
- <span class="accessor"><b>get</b><code>cssClasses()</code></span>
3547
- </td>
3548
- </tr>
3549
-
3550
- </tbody>
3551
- </table>
3552
- <table class="table table-sm table-bordered">
3553
- <tbody>
3554
- <tr>
3555
- <td class="col-md-4">
3556
- <a name="hasChips"></a>
3557
- <span class="name"><b>hasChips</b><a href="#hasChips"><span class="icon ion-ios-link"></span></a></span>
3558
- </td>
3559
- </tr>
3560
-
3561
- <tr>
3562
- <td class="col-md-4">
3563
- <span class="accessor"><b>get</b><code>hasChips()</code></span>
3564
- </td>
3565
- </tr>
3566
-
3567
- <tr>
3568
- <td class="col-md-4">
3569
- <span class="accessor"><b>set</b><code>hasChips(value: BooleanInput)</code></span>
3570
- </td>
3571
- </tr>
3572
- <tr>
3573
- <td class="col-md-4">
3574
-
3575
- <div class="io-description">
3576
- <b>Parameters :</b>
3577
- <table class="params">
3578
- <thead>
3579
- <tr>
3580
- <td>Name</td>
3581
- <td>Type</td>
3582
- <td>Optional</td>
3583
- </tr>
3584
- </thead>
3585
- <tbody>
3586
- <tr>
3587
- <td>value</td>
3588
-
3589
- <td>
3590
- <code>BooleanInput</code>
3591
- </td>
3592
-
3593
- <td>
3594
- No
3595
- </td>
3596
-
3597
- </tr>
3598
- </tbody>
3599
- </table>
3600
- </div>
3601
- <div>
3602
- </div>
3603
- <div class="io-description">
3604
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
3605
-
3606
- </div>
3607
- </td>
3608
- </tr>
3609
- </tbody>
3610
- </table>
3611
- <table class="table table-sm table-bordered">
3612
- <tbody>
3613
- <tr>
3614
- <td class="col-md-4">
3615
- <a name="isGrid"></a>
3616
- <span class="name"><b>isGrid</b><a href="#isGrid"><span class="icon ion-ios-link"></span></a></span>
3617
- </td>
3618
- </tr>
3619
-
3620
- <tr>
3621
- <td class="col-md-4">
3622
- <span class="accessor"><b>get</b><code>isGrid()</code></span>
3623
- </td>
3624
- </tr>
3625
-
3626
- <tr>
3627
- <td class="col-md-4">
3628
- <span class="accessor"><b>set</b><code>isGrid(value: BooleanInput)</code></span>
3629
- </td>
3630
- </tr>
3631
- <tr>
3632
- <td class="col-md-4">
3633
-
3634
- <div class="io-description">
3635
- <b>Parameters :</b>
3636
- <table class="params">
3637
- <thead>
3638
- <tr>
3639
- <td>Name</td>
3640
- <td>Type</td>
3641
- <td>Optional</td>
3642
- </tr>
3643
- </thead>
3644
- <tbody>
3645
- <tr>
3646
- <td>value</td>
3647
-
3648
- <td>
3649
- <code>BooleanInput</code>
3650
- </td>
3651
-
3652
- <td>
3653
- No
3654
- </td>
3655
-
3656
- </tr>
3657
- </tbody>
3658
- </table>
3659
- </div>
3660
- <div>
3661
- </div>
3662
- <div class="io-description">
3663
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
3664
-
3665
- </div>
3666
- </td>
3667
- </tr>
3668
- </tbody>
3669
- </table>
3670
- <table class="table table-sm table-bordered">
3671
- <tbody>
3672
- <tr>
3673
- <td class="col-md-4">
3674
- <a name="async"></a>
3675
- <span class="name"><b>async</b><a href="#async"><span class="icon ion-ios-link"></span></a></span>
3676
- </td>
3677
- </tr>
3678
-
3679
- <tr>
3680
- <td class="col-md-4">
3681
- <span class="accessor"><b>get</b><code>async()</code></span>
3682
- </td>
3683
- </tr>
3684
-
3685
- <tr>
3686
- <td class="col-md-4">
3687
- <span class="accessor"><b>set</b><code>async(value: BooleanInput)</code></span>
3688
- </td>
3689
- </tr>
3690
- <tr>
3691
- <td class="col-md-4">
3692
-
3693
- <div class="io-description">
3694
- <b>Parameters :</b>
3695
- <table class="params">
3696
- <thead>
3697
- <tr>
3698
- <td>Name</td>
3699
- <td>Type</td>
3700
- <td>Optional</td>
3701
- </tr>
3702
- </thead>
3703
- <tbody>
3704
- <tr>
3705
- <td>value</td>
3706
-
3707
- <td>
3708
- <code>BooleanInput</code>
3709
- </td>
3710
-
3711
- <td>
3712
- No
3713
- </td>
3714
-
3715
- </tr>
3716
- </tbody>
3717
- </table>
3718
- </div>
3719
- <div>
3720
- </div>
3721
- <div class="io-description">
3722
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
3723
-
3724
- </div>
3725
- </td>
3726
- </tr>
3727
- </tbody>
3728
- </table>
3729
- <table class="table table-sm table-bordered">
3730
- <tbody>
3731
- <tr>
3732
- <td class="col-md-4">
3733
- <a name="addOnBlur"></a>
3734
- <span class="name"><b>addOnBlur</b><a href="#addOnBlur"><span class="icon ion-ios-link"></span></a></span>
3735
- </td>
3736
- </tr>
3737
-
3738
- <tr>
3739
- <td class="col-md-4">
3740
- <span class="accessor"><b>get</b><code>addOnBlur()</code></span>
3741
- </td>
3742
- </tr>
3743
-
3744
- <tr>
3745
- <td class="col-md-4">
3746
- <span class="accessor"><b>set</b><code>addOnBlur(value: BooleanInput)</code></span>
3747
- </td>
3748
- </tr>
3749
- <tr>
3750
- <td class="col-md-4">
3751
-
3752
- <div class="io-description">
3753
- <b>Parameters :</b>
3754
- <table class="params">
3755
- <thead>
3756
- <tr>
3757
- <td>Name</td>
3758
- <td>Type</td>
3759
- <td>Optional</td>
3760
- </tr>
3761
- </thead>
3762
- <tbody>
3763
- <tr>
3764
- <td>value</td>
3765
-
3766
- <td>
3767
- <code>BooleanInput</code>
3768
- </td>
3769
-
3770
- <td>
3771
- No
3772
- </td>
3773
-
3774
- </tr>
3775
- </tbody>
3776
- </table>
3777
- </div>
3778
- <div>
3779
- </div>
3780
- <div class="io-description">
3781
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
3782
-
3783
- </div>
3784
- </td>
3785
- </tr>
3786
- </tbody>
3787
- </table>
3788
- <table class="table table-sm table-bordered">
3789
- <tbody>
3790
- <tr>
3791
- <td class="col-md-4">
3792
- <a name="isFreeValueAllowed"></a>
3793
- <span class="name"><b>isFreeValueAllowed</b><a href="#isFreeValueAllowed"><span class="icon ion-ios-link"></span></a></span>
3794
- </td>
3795
- </tr>
3796
-
3797
- <tr>
3798
- <td class="col-md-4">
3799
- <span class="accessor"><b>get</b><code>isFreeValueAllowed()</code></span>
3800
- </td>
3801
- </tr>
3802
-
3803
- <tr>
3804
- <td class="col-md-4">
3805
- <span class="accessor"><b>set</b><code>isFreeValueAllowed(value: BooleanInput)</code></span>
3806
- </td>
3807
- </tr>
3808
- <tr>
3809
- <td class="col-md-4">
3810
-
3811
- <div class="io-description">
3812
- <b>Parameters :</b>
3813
- <table class="params">
3814
- <thead>
3815
- <tr>
3816
- <td>Name</td>
3817
- <td>Type</td>
3818
- <td>Optional</td>
3819
- </tr>
3820
- </thead>
3821
- <tbody>
3822
- <tr>
3823
- <td>value</td>
3824
-
3825
- <td>
3826
- <code>BooleanInput</code>
3827
- </td>
3828
-
3829
- <td>
3830
- No
3831
- </td>
3832
-
3833
- </tr>
3834
- </tbody>
3835
- </table>
3836
- </div>
3837
- <div>
3838
- </div>
3839
- <div class="io-description">
3840
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
3841
-
3842
- </div>
3843
- </td>
3844
- </tr>
3845
- </tbody>
3846
- </table>
3847
- <table class="table table-sm table-bordered">
3848
- <tbody>
3849
- <tr>
3850
- <td class="col-md-4">
3851
- <a name="isDuplicateValueAllowed"></a>
3852
- <span class="name"><b>isDuplicateValueAllowed</b><a href="#isDuplicateValueAllowed"><span class="icon ion-ios-link"></span></a></span>
3853
- </td>
3854
- </tr>
3855
-
3856
- <tr>
3857
- <td class="col-md-4">
3858
- <span class="accessor"><b>get</b><code>isDuplicateValueAllowed()</code></span>
3859
- </td>
3860
- </tr>
3861
-
3862
- <tr>
3863
- <td class="col-md-4">
3864
- <span class="accessor"><b>set</b><code>isDuplicateValueAllowed(value: BooleanInput)</code></span>
3865
- </td>
3866
- </tr>
3867
- <tr>
3868
- <td class="col-md-4">
3869
-
3870
- <div class="io-description">
3871
- <b>Parameters :</b>
3872
- <table class="params">
3873
- <thead>
3874
- <tr>
3875
- <td>Name</td>
3876
- <td>Type</td>
3877
- <td>Optional</td>
3878
- </tr>
3879
- </thead>
3880
- <tbody>
3881
- <tr>
3882
- <td>value</td>
3883
-
3884
- <td>
3885
- <code>BooleanInput</code>
3886
- </td>
3887
-
3888
- <td>
3889
- No
3890
- </td>
3891
-
3892
- </tr>
3893
- </tbody>
3894
- </table>
3895
- </div>
3896
- <div>
3897
- </div>
3898
- <div class="io-description">
3899
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
3900
-
3901
- </div>
3902
- </td>
3903
- </tr>
3904
- </tbody>
3905
- </table>
3906
- <table class="table table-sm table-bordered">
3907
- <tbody>
3908
- <tr>
3909
- <td class="col-md-4">
3910
- <a name="isLoading"></a>
3911
- <span class="name"><b>isLoading</b><a href="#isLoading"><span class="icon ion-ios-link"></span></a></span>
3912
- </td>
3913
- </tr>
3914
-
3915
- <tr>
3916
- <td class="col-md-4">
3917
- <span class="accessor"><b>get</b><code>isLoading()</code></span>
3918
- </td>
3919
- </tr>
3920
-
3921
- <tr>
3922
- <td class="col-md-4">
3923
- <span class="accessor"><b>set</b><code>isLoading(value: BooleanInput)</code></span>
3924
- </td>
3925
- </tr>
3926
- <tr>
3927
- <td class="col-md-4">
3928
-
3929
- <div class="io-description">
3930
- <b>Parameters :</b>
3931
- <table class="params">
3932
- <thead>
3933
- <tr>
3934
- <td>Name</td>
3935
- <td>Type</td>
3936
- <td>Optional</td>
3937
- </tr>
3938
- </thead>
3939
- <tbody>
3940
- <tr>
3941
- <td>value</td>
3942
-
3943
- <td>
3944
- <code>BooleanInput</code>
3945
- </td>
3946
-
3947
- <td>
3948
- No
3949
- </td>
3950
-
3951
- </tr>
3952
- </tbody>
3953
- </table>
3954
- </div>
3955
- <div>
3956
- </div>
3957
- <div class="io-description">
3958
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
3959
-
3960
- </div>
3961
- </td>
3962
- </tr>
3963
- </tbody>
3964
- </table>
3965
- <table class="table table-sm table-bordered">
3966
- <tbody>
3967
- <tr>
3968
- <td class="col-md-4">
3969
- <a name="isChipsRemovable"></a>
3970
- <span class="name"><b>isChipsRemovable</b><a href="#isChipsRemovable"><span class="icon ion-ios-link"></span></a></span>
3971
- </td>
3972
- </tr>
3973
-
3974
- <tr>
3975
- <td class="col-md-4">
3976
- <span class="accessor"><b>get</b><code>isChipsRemovable()</code></span>
3977
- </td>
3978
- </tr>
3979
-
3980
- <tr>
3981
- <td class="col-md-4">
3982
- <span class="accessor"><b>set</b><code>isChipsRemovable(value: BooleanInput)</code></span>
3983
- </td>
3984
- </tr>
3985
- <tr>
3986
- <td class="col-md-4">
3987
-
3988
- <div class="io-description">
3989
- <b>Parameters :</b>
3990
- <table class="params">
3991
- <thead>
3992
- <tr>
3993
- <td>Name</td>
3994
- <td>Type</td>
3995
- <td>Optional</td>
3996
- </tr>
3997
- </thead>
3998
- <tbody>
3999
- <tr>
4000
- <td>value</td>
4001
-
4002
- <td>
4003
- <code>BooleanInput</code>
4004
- </td>
4005
-
4006
- <td>
4007
- No
4008
- </td>
4009
-
4010
- </tr>
4011
- </tbody>
4012
- </table>
4013
- </div>
4014
- <div>
4015
- </div>
4016
- <div class="io-description">
4017
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
4018
-
4019
- </div>
4020
- </td>
4021
- </tr>
4022
- </tbody>
4023
- </table>
4024
- <table class="table table-sm table-bordered">
4025
- <tbody>
4026
- <tr>
4027
- <td class="col-md-4">
4028
- <a name="maxVisibleChipsCount"></a>
4029
- <span class="name"><b>maxVisibleChipsCount</b><a href="#maxVisibleChipsCount"><span class="icon ion-ios-link"></span></a></span>
4030
- </td>
4031
- </tr>
4032
-
4033
- <tr>
4034
- <td class="col-md-4">
4035
- <span class="accessor"><b>get</b><code>maxVisibleChipsCount()</code></span>
4036
- </td>
4037
- </tr>
4038
-
4039
- <tr>
4040
- <td class="col-md-4">
4041
- <span class="accessor"><b>set</b><code>maxVisibleChipsCount(value: NumberInput)</code></span>
4042
- </td>
4043
- </tr>
4044
- <tr>
4045
- <td class="col-md-4">
4046
-
4047
- <div class="io-description">
4048
- <b>Parameters :</b>
4049
- <table class="params">
4050
- <thead>
4051
- <tr>
4052
- <td>Name</td>
4053
- <td>Type</td>
4054
- <td>Optional</td>
4055
- </tr>
4056
- </thead>
4057
- <tbody>
4058
- <tr>
4059
- <td>value</td>
4060
-
4061
- <td>
4062
- <code>NumberInput</code>
4063
- </td>
4064
-
4065
- <td>
4066
- No
4067
- </td>
4068
-
4069
- </tr>
4070
- </tbody>
4071
- </table>
4072
- </div>
4073
- <div>
4074
- </div>
4075
- <div class="io-description">
4076
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
4077
-
4078
- </div>
4079
- </td>
4080
- </tr>
4081
- </tbody>
4082
- </table>
4083
- <table class="table table-sm table-bordered">
4084
- <tbody>
4085
- <tr>
4086
- <td class="col-md-4">
4087
- <a name="chipsLabelTruncateCount"></a>
4088
- <span class="name"><b>chipsLabelTruncateCount</b><a href="#chipsLabelTruncateCount"><span class="icon ion-ios-link"></span></a></span>
4089
- </td>
4090
- </tr>
4091
-
4092
- <tr>
4093
- <td class="col-md-4">
4094
- <span class="accessor"><b>get</b><code>chipsLabelTruncateCount()</code></span>
4095
- </td>
4096
- </tr>
4097
-
4098
- <tr>
4099
- <td class="col-md-4">
4100
- <span class="accessor"><b>set</b><code>chipsLabelTruncateCount(value: NumberInput)</code></span>
4101
- </td>
4102
- </tr>
4103
- <tr>
4104
- <td class="col-md-4">
4105
-
4106
- <div class="io-description">
4107
- <b>Parameters :</b>
4108
- <table class="params">
4109
- <thead>
4110
- <tr>
4111
- <td>Name</td>
4112
- <td>Type</td>
4113
- <td>Optional</td>
4114
- </tr>
4115
- </thead>
4116
- <tbody>
4117
- <tr>
4118
- <td>value</td>
4119
-
4120
- <td>
4121
- <code>NumberInput</code>
4122
- </td>
4123
-
4124
- <td>
4125
- No
4126
- </td>
4127
-
4128
- </tr>
4129
- </tbody>
4130
- </table>
4131
- </div>
4132
- <div>
4133
- </div>
4134
- <div class="io-description">
4135
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
4136
-
4137
- </div>
4138
- </td>
4139
- </tr>
4140
- </tbody>
4141
- </table>
4142
- <table class="table table-sm table-bordered">
4143
- <tbody>
4144
- <tr>
4145
- <td class="col-md-4">
4146
- <a name="isMaxVisibleChipsOpened"></a>
4147
- <span class="name"><b>isMaxVisibleChipsOpened</b><a href="#isMaxVisibleChipsOpened"><span class="icon ion-ios-link"></span></a></span>
4148
- </td>
4149
- </tr>
4150
-
4151
- <tr>
4152
- <td class="col-md-4">
4153
- <span class="accessor"><b>get</b><code>isMaxVisibleChipsOpened()</code></span>
4154
- </td>
4155
- </tr>
4156
-
4157
- <tr>
4158
- <td class="col-md-4">
4159
- <span class="accessor"><b>set</b><code>isMaxVisibleChipsOpened(value: BooleanInput)</code></span>
4160
- </td>
4161
- </tr>
4162
- <tr>
4163
- <td class="col-md-4">
4164
-
4165
- <div class="io-description">
4166
- <b>Parameters :</b>
4167
- <table class="params">
4168
- <thead>
4169
- <tr>
4170
- <td>Name</td>
4171
- <td>Type</td>
4172
- <td>Optional</td>
4173
- </tr>
4174
- </thead>
4175
- <tbody>
4176
- <tr>
4177
- <td>value</td>
4178
-
4179
- <td>
4180
- <code>BooleanInput</code>
4181
- </td>
4182
-
4183
- <td>
4184
- No
4185
- </td>
4186
-
4187
- </tr>
4188
- </tbody>
4189
- </table>
4190
- </div>
4191
- <div>
4192
- </div>
4193
- <div class="io-description">
4194
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
4195
-
4196
- </div>
4197
- </td>
4198
- </tr>
4199
- </tbody>
4200
- </table>
4201
- <table class="table table-sm table-bordered">
4202
- <tbody>
2582
+ </table>
2583
+ <table class="table table-sm table-bordered">
2584
+ <tbody>
2585
+ <tr>
2586
+ <td class="col-md-4">
2587
+ <a name="input"></a>
2588
+ <span class="name">
2589
+ <span class="modifier"></span>
2590
+ <span ><b>input</b></span>
2591
+ <a href="#input"><span class="icon ion-ios-link"></span></a>
2592
+ </span>
2593
+ </td>
2594
+ </tr>
4203
2595
  <tr>
4204
2596
  <td class="col-md-4">
4205
- <a name="readonly"></a>
4206
- <span class="name"><b>readonly</b><a href="#readonly"><span class="icon ion-ios-link"></span></a></span>
2597
+ <i>Type : </i> <code>ElementRef</code>
2598
+
4207
2599
  </td>
4208
2600
  </tr>
4209
-
4210
2601
  <tr>
4211
2602
  <td class="col-md-4">
4212
- <span class="accessor"><b>get</b><code>readonly()</code></span>
2603
+ <b>Decorators : </b>
2604
+ <br />
2605
+ <code>
2606
+ @ViewChild(&#x27;input&#x27;, {read: ElementRef})<br />
2607
+ </code>
4213
2608
  </td>
4214
2609
  </tr>
4215
2610
 
2611
+
2612
+ </tbody>
2613
+ </table>
2614
+ <table class="table table-sm table-bordered">
2615
+ <tbody>
2616
+ <tr>
2617
+ <td class="col-md-4">
2618
+ <a name="inputContainerRef"></a>
2619
+ <span class="name">
2620
+ <span class="modifier"></span>
2621
+ <span ><b>inputContainerRef</b></span>
2622
+ <a href="#inputContainerRef"><span class="icon ion-ios-link"></span></a>
2623
+ </span>
2624
+ </td>
2625
+ </tr>
4216
2626
  <tr>
4217
2627
  <td class="col-md-4">
4218
- <span class="accessor"><b>set</b><code>readonly(value: BooleanInput)</code></span>
2628
+ <i>Type : </i> <code>ElementRef</code>
2629
+
4219
2630
  </td>
4220
2631
  </tr>
4221
- <tr>
4222
- <td class="col-md-4">
4223
-
4224
- <div class="io-description">
4225
- <b>Parameters :</b>
4226
- <table class="params">
4227
- <thead>
4228
- <tr>
4229
- <td>Name</td>
4230
- <td>Type</td>
4231
- <td>Optional</td>
4232
- </tr>
4233
- </thead>
4234
- <tbody>
4235
- <tr>
4236
- <td>value</td>
4237
-
4238
- <td>
4239
- <code>BooleanInput</code>
4240
- </td>
4241
-
4242
- <td>
4243
- No
4244
- </td>
4245
-
4246
- </tr>
4247
- </tbody>
4248
- </table>
4249
- </div>
4250
- <div>
4251
- </div>
4252
- <div class="io-description">
4253
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
4254
-
4255
- </div>
4256
- </td>
4257
- </tr>
4258
- </tbody>
4259
- </table>
4260
- <table class="table table-sm table-bordered">
4261
- <tbody>
4262
2632
  <tr>
4263
2633
  <td class="col-md-4">
4264
- <a name="isChipsSorted"></a>
4265
- <span class="name"><b>isChipsSorted</b><a href="#isChipsSorted"><span class="icon ion-ios-link"></span></a></span>
2634
+ <b>Decorators : </b>
2635
+ <br />
2636
+ <code>
2637
+ @ViewChild(&#x27;inputContainerRef&#x27;)<br />
2638
+ </code>
4266
2639
  </td>
4267
2640
  </tr>
4268
2641
 
2642
+
2643
+ </tbody>
2644
+ </table>
2645
+ <table class="table table-sm table-bordered">
2646
+ <tbody>
2647
+ <tr>
2648
+ <td class="col-md-4">
2649
+ <a name="isDisabled"></a>
2650
+ <span class="name">
2651
+ <span class="modifier">Public</span>
2652
+ <span ><b>isDisabled</b></span>
2653
+ <a href="#isDisabled"><span class="icon ion-ios-link"></span></a>
2654
+ </span>
2655
+ </td>
2656
+ </tr>
4269
2657
  <tr>
4270
2658
  <td class="col-md-4">
4271
- <span class="accessor"><b>get</b><code>isChipsSorted()</code></span>
2659
+ <i>Default value : </i><code>false</code>
4272
2660
  </td>
4273
2661
  </tr>
4274
2662
 
2663
+
2664
+ </tbody>
2665
+ </table>
2666
+ <table class="table table-sm table-bordered">
2667
+ <tbody>
2668
+ <tr>
2669
+ <td class="col-md-4">
2670
+ <a name="itemSize"></a>
2671
+ <span class="name">
2672
+ <span class="modifier">Public</span>
2673
+ <span ><b>itemSize</b></span>
2674
+ <a href="#itemSize"><span class="icon ion-ios-link"></span></a>
2675
+ </span>
2676
+ </td>
2677
+ </tr>
4275
2678
  <tr>
4276
2679
  <td class="col-md-4">
4277
- <span class="accessor"><b>set</b><code>isChipsSorted(value: BooleanInput)</code></span>
2680
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
2681
+
4278
2682
  </td>
4279
2683
  </tr>
4280
- <tr>
4281
- <td class="col-md-4">
4282
-
4283
- <div class="io-description">
4284
- <b>Parameters :</b>
4285
- <table class="params">
4286
- <thead>
4287
- <tr>
4288
- <td>Name</td>
4289
- <td>Type</td>
4290
- <td>Optional</td>
4291
- </tr>
4292
- </thead>
4293
- <tbody>
4294
- <tr>
4295
- <td>value</td>
4296
-
4297
- <td>
4298
- <code>BooleanInput</code>
4299
- </td>
4300
-
4301
- <td>
4302
- No
4303
- </td>
4304
-
4305
- </tr>
4306
- </tbody>
4307
- </table>
4308
- </div>
4309
- <div>
4310
- </div>
4311
- <div class="io-description">
4312
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
4313
-
4314
- </div>
4315
- </td>
4316
- </tr>
4317
- </tbody>
4318
- </table>
4319
- <table class="table table-sm table-bordered">
4320
- <tbody>
4321
2684
  <tr>
4322
2685
  <td class="col-md-4">
4323
- <a name="isItemsSorted"></a>
4324
- <span class="name"><b>isItemsSorted</b><a href="#isItemsSorted"><span class="icon ion-ios-link"></span></a></span>
2686
+ <i>Default value : </i><code>48</code>
4325
2687
  </td>
4326
2688
  </tr>
4327
2689
 
2690
+
2691
+ </tbody>
2692
+ </table>
2693
+ <table class="table table-sm table-bordered">
2694
+ <tbody>
2695
+ <tr>
2696
+ <td class="col-md-4">
2697
+ <a name="selectedOptionIndex"></a>
2698
+ <span class="name">
2699
+ <span class="modifier">Public</span>
2700
+ <span ><b>selectedOptionIndex</b></span>
2701
+ <a href="#selectedOptionIndex"><span class="icon ion-ios-link"></span></a>
2702
+ </span>
2703
+ </td>
2704
+ </tr>
4328
2705
  <tr>
4329
2706
  <td class="col-md-4">
4330
- <span class="accessor"><b>get</b><code>isItemsSorted()</code></span>
2707
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
2708
+
4331
2709
  </td>
4332
2710
  </tr>
4333
-
4334
2711
  <tr>
4335
2712
  <td class="col-md-4">
4336
- <span class="accessor"><b>set</b><code>isItemsSorted(value: BooleanInput)</code></span>
2713
+ <i>Default value : </i><code>0</code>
4337
2714
  </td>
4338
2715
  </tr>
4339
- <tr>
4340
- <td class="col-md-4">
4341
2716
 
4342
- <div class="io-description">
4343
- <b>Parameters :</b>
4344
- <table class="params">
4345
- <thead>
4346
- <tr>
4347
- <td>Name</td>
4348
- <td>Type</td>
4349
- <td>Optional</td>
4350
- </tr>
4351
- </thead>
4352
- <tbody>
4353
- <tr>
4354
- <td>value</td>
4355
-
4356
- <td>
4357
- <code>BooleanInput</code>
4358
- </td>
4359
-
4360
- <td>
4361
- No
4362
- </td>
4363
-
4364
- </tr>
4365
- </tbody>
4366
- </table>
4367
- </div>
4368
- <div>
4369
- </div>
4370
- <div class="io-description">
4371
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
4372
-
4373
- </div>
4374
- </td>
4375
- </tr>
4376
- </tbody>
4377
- </table>
4378
- <table class="table table-sm table-bordered">
4379
- <tbody>
2717
+
2718
+ </tbody>
2719
+ </table>
2720
+ <table class="table table-sm table-bordered">
2721
+ <tbody>
2722
+ <tr>
2723
+ <td class="col-md-4">
2724
+ <a name="templatePortalContent"></a>
2725
+ <span class="name">
2726
+ <span class="modifier"></span>
2727
+ <span ><b>templatePortalContent</b></span>
2728
+ <a href="#templatePortalContent"><span class="icon ion-ios-link"></span></a>
2729
+ </span>
2730
+ </td>
2731
+ </tr>
4380
2732
  <tr>
4381
2733
  <td class="col-md-4">
4382
- <a name="isChipsDragAndDrop"></a>
4383
- <span class="name"><b>isChipsDragAndDrop</b><a href="#isChipsDragAndDrop"><span class="icon ion-ios-link"></span></a></span>
2734
+ <i>Type : </i> <code>TemplateRef&lt;ElementRef&gt;</code>
2735
+
4384
2736
  </td>
4385
2737
  </tr>
4386
-
4387
2738
  <tr>
4388
2739
  <td class="col-md-4">
4389
- <span class="accessor"><b>get</b><code>isChipsDragAndDrop()</code></span>
2740
+ <b>Decorators : </b>
2741
+ <br />
2742
+ <code>
2743
+ @ViewChild(&#x27;templatePortalContent&#x27;)<br />
2744
+ </code>
4390
2745
  </td>
4391
2746
  </tr>
4392
2747
 
2748
+
2749
+ </tbody>
2750
+ </table>
2751
+ <table class="table table-sm table-bordered">
2752
+ <tbody>
2753
+ <tr>
2754
+ <td class="col-md-4">
2755
+ <a name="templates"></a>
2756
+ <span class="name">
2757
+ <span class="modifier"></span>
2758
+ <span ><b>templates</b></span>
2759
+ <a href="#templates"><span class="icon ion-ios-link"></span></a>
2760
+ </span>
2761
+ </td>
2762
+ </tr>
4393
2763
  <tr>
4394
2764
  <td class="col-md-4">
4395
- <span class="accessor"><b>set</b><code>isChipsDragAndDrop(value: BooleanInput)</code></span>
2765
+ <i>Type : </i> <code><a href="../directives/EuiTemplateDirective.html" target="_self" >QueryList&lt;EuiTemplateDirective&gt;</a></code>
2766
+
4396
2767
  </td>
4397
2768
  </tr>
4398
- <tr>
4399
- <td class="col-md-4">
4400
-
4401
- <div class="io-description">
4402
- <b>Parameters :</b>
4403
- <table class="params">
4404
- <thead>
4405
- <tr>
4406
- <td>Name</td>
4407
- <td>Type</td>
4408
- <td>Optional</td>
4409
- </tr>
4410
- </thead>
4411
- <tbody>
4412
- <tr>
4413
- <td>value</td>
4414
-
4415
- <td>
4416
- <code>BooleanInput</code>
4417
- </td>
4418
-
4419
- <td>
4420
- No
4421
- </td>
4422
-
4423
- </tr>
4424
- </tbody>
4425
- </table>
4426
- </div>
4427
- <div>
4428
- </div>
4429
- <div class="io-description">
4430
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
4431
-
4432
- </div>
4433
- </td>
4434
- </tr>
4435
- </tbody>
4436
- </table>
4437
- <table class="table table-sm table-bordered">
4438
- <tbody>
4439
2769
  <tr>
4440
2770
  <td class="col-md-4">
4441
- <a name="isForceSelection"></a>
4442
- <span class="name"><b>isForceSelection</b><a href="#isForceSelection"><span class="icon ion-ios-link"></span></a></span>
2771
+ <b>Decorators : </b>
2772
+ <br />
2773
+ <code>
2774
+ @ContentChildren(EuiTemplateDirective)<br />
2775
+ </code>
4443
2776
  </td>
4444
2777
  </tr>
4445
2778
 
2779
+
2780
+ </tbody>
2781
+ </table>
2782
+ <table class="table table-sm table-bordered">
2783
+ <tbody>
2784
+ <tr>
2785
+ <td class="col-md-4">
2786
+ <a name="virtualScrolling"></a>
2787
+ <span class="name">
2788
+ <span class="modifier"></span>
2789
+ <span ><b>virtualScrolling</b></span>
2790
+ <a href="#virtualScrolling"><span class="icon ion-ios-link"></span></a>
2791
+ </span>
2792
+ </td>
2793
+ </tr>
4446
2794
  <tr>
4447
2795
  <td class="col-md-4">
4448
- <span class="accessor"><b>get</b><code>isForceSelection()</code></span>
2796
+ <i>Type : </i> <code>CdkVirtualScrollViewport</code>
2797
+
4449
2798
  </td>
4450
2799
  </tr>
4451
-
4452
2800
  <tr>
4453
2801
  <td class="col-md-4">
4454
- <span class="accessor"><b>set</b><code>isForceSelection(value: BooleanInput)</code></span>
2802
+ <b>Decorators : </b>
2803
+ <br />
2804
+ <code>
2805
+ @ViewChild(&#x27;virtualScrolling&#x27;)<br />
2806
+ </code>
4455
2807
  </td>
4456
2808
  </tr>
4457
- <tr>
4458
- <td class="col-md-4">
4459
2809
 
4460
- <div class="io-description">
4461
- <b>Parameters :</b>
4462
- <table class="params">
4463
- <thead>
4464
- <tr>
4465
- <td>Name</td>
4466
- <td>Type</td>
4467
- <td>Optional</td>
4468
- </tr>
4469
- </thead>
4470
- <tbody>
4471
- <tr>
4472
- <td>value</td>
4473
-
4474
- <td>
4475
- <code>BooleanInput</code>
4476
- </td>
4477
-
4478
- <td>
4479
- No
4480
- </td>
4481
-
4482
- </tr>
4483
- </tbody>
4484
- </table>
4485
- </div>
4486
- <div>
4487
- </div>
4488
- <div class="io-description">
4489
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
4490
-
4491
- </div>
4492
- </td>
4493
- </tr>
4494
- </tbody>
4495
- </table>
2810
+
2811
+ </tbody>
2812
+ </table>
2813
+ </section>
2814
+
2815
+ <section data-compodoc="block-accessors">
2816
+ <h3 id="accessors">
2817
+ Accessors
2818
+ </h3>
4496
2819
  <table class="table table-sm table-bordered">
4497
2820
  <tbody>
4498
2821
  <tr>
4499
2822
  <td class="col-md-4">
4500
- <a name="autoActiveFirstOption"></a>
4501
- <span class="name"><b>autoActiveFirstOption</b><a href="#autoActiveFirstOption"><span class="icon ion-ios-link"></span></a></span>
4502
- </td>
4503
- </tr>
4504
-
4505
- <tr>
4506
- <td class="col-md-4">
4507
- <span class="accessor"><b>get</b><code>autoActiveFirstOption()</code></span>
2823
+ <a name="cssClasses"></a>
2824
+ <span class="name"><b>cssClasses</b><a href="#cssClasses"><span class="icon ion-ios-link"></span></a></span>
4508
2825
  </td>
4509
2826
  </tr>
4510
2827
 
4511
2828
  <tr>
4512
2829
  <td class="col-md-4">
4513
- <span class="accessor"><b>set</b><code>autoActiveFirstOption(value: BooleanInput)</code></span>
2830
+ <span class="accessor"><b>get</b><code>cssClasses()</code></span>
4514
2831
  </td>
4515
2832
  </tr>
4516
- <tr>
4517
- <td class="col-md-4">
4518
2833
 
4519
- <div class="io-description">
4520
- <b>Parameters :</b>
4521
- <table class="params">
4522
- <thead>
4523
- <tr>
4524
- <td>Name</td>
4525
- <td>Type</td>
4526
- <td>Optional</td>
4527
- </tr>
4528
- </thead>
4529
- <tbody>
4530
- <tr>
4531
- <td>value</td>
4532
-
4533
- <td>
4534
- <code>BooleanInput</code>
4535
- </td>
4536
-
4537
- <td>
4538
- No
4539
- </td>
4540
-
4541
- </tr>
4542
- </tbody>
4543
- </table>
4544
- </div>
4545
- <div>
4546
- </div>
4547
- <div class="io-description">
4548
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
4549
-
4550
- </div>
4551
- </td>
4552
- </tr>
4553
2834
  </tbody>
4554
2835
  </table>
4555
2836
  <table class="table table-sm table-bordered">
4556
2837
  <tbody>
4557
2838
  <tr>
4558
2839
  <td class="col-md-4">
4559
- <a name="isChipsGrid"></a>
4560
- <span class="name"><b>isChipsGrid</b><a href="#isChipsGrid"><span class="icon ion-ios-link"></span></a></span>
2840
+ <a name="cdkVirtualScrollViewport"></a>
2841
+ <span class="name"><b>cdkVirtualScrollViewport</b><a href="#cdkVirtualScrollViewport"><span class="icon ion-ios-link"></span></a></span>
4561
2842
  </td>
4562
2843
  </tr>
4563
2844
 
4564
2845
  <tr>
4565
2846
  <td class="col-md-4">
4566
- <span class="accessor"><b>get</b><code>isChipsGrid()</code></span>
2847
+ <span class="accessor"><b>get</b><code>cdkVirtualScrollViewport()</code></span>
4567
2848
  </td>
4568
2849
  </tr>
4569
2850
 
@@ -4573,14 +2854,14 @@
4573
2854
  <tbody>
4574
2855
  <tr>
4575
2856
  <td class="col-md-4">
4576
- <a name="nbOptionsVisible"></a>
4577
- <span class="name"><b>nbOptionsVisible</b><a href="#nbOptionsVisible"><span class="icon ion-ios-link"></span></a></span>
2857
+ <a name="isOpen"></a>
2858
+ <span class="name"><b>isOpen</b><a href="#isOpen"><span class="icon ion-ios-link"></span></a></span>
4578
2859
  </td>
4579
2860
  </tr>
4580
2861
 
4581
2862
  <tr>
4582
2863
  <td class="col-md-4">
4583
- <span class="accessor"><b>get</b><code>nbOptionsVisible()</code></span>
2864
+ <span class="accessor"><b>get</b><code>isOpen()</code></span>
4584
2865
  </td>
4585
2866
  </tr>
4586
2867
 
@@ -4590,14 +2871,14 @@
4590
2871
  <tbody>
4591
2872
  <tr>
4592
2873
  <td class="col-md-4">
4593
- <a name="cdkVirtualScrollViewport"></a>
4594
- <span class="name"><b>cdkVirtualScrollViewport</b><a href="#cdkVirtualScrollViewport"><span class="icon ion-ios-link"></span></a></span>
2874
+ <a name="hasOptionsResult"></a>
2875
+ <span class="name"><b>hasOptionsResult</b><a href="#hasOptionsResult"><span class="icon ion-ios-link"></span></a></span>
4595
2876
  </td>
4596
2877
  </tr>
4597
2878
 
4598
2879
  <tr>
4599
2880
  <td class="col-md-4">
4600
- <span class="accessor"><b>get</b><code>cdkVirtualScrollViewport()</code></span>
2881
+ <span class="accessor"><b>get</b><code>hasOptionsResult()</code></span>
4601
2882
  </td>
4602
2883
  </tr>
4603
2884
 
@@ -4618,8 +2899,8 @@
4618
2899
  <script src="../js/libs/htmlparser.js"></script>
4619
2900
  <script src="../js/libs/deep-iterator.js"></script>
4620
2901
  <script>
4621
- var COMPONENT_TEMPLATE = '<div><div class="eui-autocomplete__container" matAutocompleteOrigin #origin="matAutocompleteOrigin"> <div class="eui-autocomplete__wrapper eui-autocomplete__wrapper--{{ chipsPosition }}"> <ng-template [ngIf]="chipsPosition === \'bottom\'"> <ng-container *ngTemplateOutlet="field"></ng-container> </ng-template> <ng-container *ngIf="hasChips"> <eui-chip-list #chipList [chips]="chips" [isGrid]="isChipsGrid" [isChipsDragAndDrop]="isChipsDragAndDrop" [isChipsRemovable]="isChipsRemovable && !readonly" [isChipsSorted]="isChipsSorted" [chipsSortOrder]="chipsSortOrder" [maxVisibleChipsCount]="maxVisibleChipsCount" [isMaxVisibleChipsOpened]="isMaxVisibleChipsOpened" [toggleLinkMoreLabel]="toggleLinkMoreLabel" [toggleLinkLessLabel]="toggleLinkLessLabel" [chipsLabelTruncateCount]="chipsLabelTruncateCount" [dragAndDropSourceName]="dragAndDropSourceName" [dragAndDropConnectedTo]="dragAndDropConnectedTo" (chipDropped)="onChipDropped($event)" (chipDragStarted)="onChipDragStarted($event)" (chipDragReleased)="onChipDragReleased($event)" (chipRemove)="onChipRemove($event)" (chiplistFocus)="onChipListFocus()"> <euiChipListAppendContent> <ng-template [ngIf]="chipsPosition === \'inside\'"> <ng-container *ngTemplateOutlet="field"></ng-container> </ng-template> </euiChipListAppendContent> </eui-chip-list> </ng-container> <ng-template [ngIf]="chipsPosition === \'top\' || !hasChips"> <ng-container *ngTemplateOutlet="field"></ng-container> </ng-template> <ng-template #field> <span class="eui-autocomplete__field-wrapper"> <ng-container *ngIf="!hasChips"> <input [euiClearable]="!readonly && !isLoading && !isDisabled" [euiLoading]="isLoading" euiInputText #autocompleteInput #autocompleteInputTrigger placeholder="{{ placeholder }}" [matAutocompleteDisabled]="readonly" [formControl]="autocompleteControl" [matAutocomplete]="auto" [readonly]="readonly" [attr.aria-label]="placeholder ? placeholder : \'Autocomplete Input Field\'" (clear)="onClear()" (focusout)="onFocusOut()" (focus)="onFocus()" role="combobox" aria-autocomplete="both" aria-haspopup="true" aria-controls="autocompleteId" /> </ng-container> <ng-container *ngIf="hasChips"> <input [euiClearable]="!readonly && !isLoading && !isDisabled" [euiLoading]="isLoading" euiInputText #autocompleteInput #autocompleteInputTrigger placeholder="{{ placeholder }}" [matAutocompleteDisabled]="readonly" [formControl]="autocompleteControl" [matAutocomplete]="auto" [matAutocompleteConnectedTo]="chipsPosition === \'inside\' ? origin : null" [readonly]="readonly" [attr.aria-label]="placeholder ? placeholder : \'Autocomplete Input Field\'" (clear)="onClear()" (focusout)="onFocusOut(); addOnBlurHandler($event)" (focus)="onFocus()" (keydown.enter)="addOnEnterHandler()" (keydown.backspace)="onKeyDownBackspace()" role="combobox" aria-autocomplete="both" aria-haspopup="true" aria-controls="autocompleteId" /> </ng-container> <mat-autocomplete [id]="autocompleteId" #auto="matAutocomplete" [panelWidth]="panelWidth === \'auto\' ? null : panelWidth" [class]="classList" [autoActiveFirstOption]="autoActiveFirstOption" (closed)="onClose()" (opened)="onOpen()" (optionSelected)="onOptionSelected($event)"> <ng-container *ngIf="groupBy"> <cdk-virtual-scroll-viewport #virtualScrolling [itemSize]="itemSize" minBufferPx="500" maxBufferPx="750" [style.min-height]="cdkVirtualScrollViewport + \'px\'"> <ng-container *ngFor="let distinctOptionGroup of distinctOptionGroups"> <mat-optgroup [class.eui-autocomplete__optgroup--custom]="autocompleteOptGroupTemplate" *ngIf="(groupedItems[distinctOptionGroup] | async).length > 0" [label]="distinctOptionGroup"> <ng-container *ngIf="autocompleteOptGroupTemplate"> <div class="eui-autocomplete__optgroup--custom-optgroup-wrapper"> <ng-template [ngTemplateOutlet]="autocompleteOptGroupTemplate" [ngTemplateOutletContext]="{ $implicit: { label: distinctOptionGroup } }"></ng-template> </div> </ng-container> <mat-option *ngFor="let groupedItem of groupedItems[distinctOptionGroup] | async; trackBy: trackByFn" [disabled]="groupedItem.isDisabled" [class]=" groupedItem.typeClass ? \'mat-option eui-autocomplete__option eui-autocomplete__option--\' + groupedItem.typeClass : \'mat-option eui-autocomplete__option\' " [class.eui-autocomplete__option--custom]="autocompleteOptionTemplate" [value]="groupedItem"> <span *ngIf="groupedItem.iconClass" class="{{ groupedItem.iconClass }}"></span> <ng-container *ngIf="!autocompleteOptionTemplate"> {{ groupedItem.label }} </ng-container> <ng-container *ngIf="autocompleteOptionTemplate"> <ng-template [ngTemplateOutlet]="autocompleteOptionTemplate" [ngTemplateOutletContext]="{ $implicit: groupedItem }"></ng-template> </ng-container> </mat-option> </mat-optgroup> </ng-container> </cdk-virtual-scroll-viewport> </ng-container> <ng-container *ngIf="!groupBy"> <cdk-virtual-scroll-viewport #virtualScrolling [itemSize]="itemSize" minBufferPx="500" maxBufferPx="750" [style.min-height]="cdkVirtualScrollViewport + \'px\'"> <mat-option *cdkVirtualFor="let autocompleteOption of autocompleteOptions | async; let i = index; trackBy: trackByFn" [disabled]="autocompleteOption.isDisabled" [class]=" autocompleteOption.typeClass ? \'mat-option eui-autocomplete__option eui-autocomplete__option--\' + autocompleteOption.typeClass : \'mat-option eui-autocomplete__option\' " [class.eui-autocomplete__option--custom]="autocompleteOptionTemplate" [class.mat-mdc-option-active]="i === selectedOptionIndex" [class.mdc-list-item--selected]="false" [value]="autocompleteOption"> <span *ngIf="autocompleteOption.iconClass" class="{{ autocompleteOption.iconClass }}"></span> <ng-container *ngIf="!autocompleteOptionTemplate">{{ autocompleteOption.label }}</ng-container> <ng-container *ngIf="autocompleteOptionTemplate"> <ng-template [ngTemplateOutlet]="autocompleteOptionTemplate" [ngTemplateOutletContext]="{ $implicit: autocompleteOption }"></ng-template> </ng-container> </mat-option> </cdk-virtual-scroll-viewport> </ng-container> </mat-autocomplete> </span> </ng-template> </div></div></div>'
4622
- var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'CollapsedBreadcrumbComponent', 'selector': 'eui-collapsed-breadcrumb'},{'name': 'EclMessageWcComponent', 'selector': 'ecl-message-wc'},{'name': 'EuiAccessibleButtonIconComponent', 'selector': 'eui-accessible-button-icon'},{'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': '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': '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': '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': 'EuiEclBannerComponent', 'selector': 'eui-ecl-banner'},{'name': 'EuiEclButtonComponent', 'selector': 'button[eclButton], button[ecl-button], a[eclButton]'},{'name': 'EuiEclCarouselComponent', 'selector': 'eui-ecl-carousel'},{'name': 'EuiEclCarouselItemComponent', 'selector': 'eui-ecl-carousel-item, eui-ecl-carousel-item'},{'name': 'EuiEclIconComponent', 'selector': 'eui-ecl-icon'},{'name': 'EuiEclMessageComponent', 'selector': 'eui-ecl-message'},{'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': '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': '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': '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,
2902
+ var COMPONENT_TEMPLATE = '<div><div class="eui-autocomplete__wrapper"> <ng-container *ngIf="chipsPosition === \'bottom\'"> <ng-container *ngTemplateOutlet="control"></ng-container> </ng-container> <ng-container *ngIf="hasChips"> <eui-chip-list [chips]="chips" [isChipsRemovable]="isChipsRemovable && !isReadonly" [maxVisibleChipsCount]="maxVisibleChipsCount" [isMaxVisibleChipsOpened]="isMaxVisibleChipsOpened" [chipsLabelTruncateCount]="chipsLabelTruncateCount" [toggleLinkMoreLabel]="toggleLinkMoreLabel" [toggleLinkLessLabel]="toggleLinkLessLabel" [isChipsDragAndDrop]="isChipsDragAndDrop" [dragAndDropSourceName]="dragAndDropSourceName" [dragAndDropConnectedTo]="dragAndDropConnectedTo" (chipDrop)="onChipDropped($event)" (chipDragStart)="onChipDragStarted($event)" (chipDragRelease)="onChipDragReleased($event)" (chipRemove)="onChipRemove($event)"> <euiChipListAppendContent> <ng-template [ngIf]="chipsPosition === \'inside\'"> <ng-container *ngTemplateOutlet="control"></ng-container> </ng-template> </euiChipListAppendContent> </eui-chip-list> </ng-container> <ng-container *ngIf="chipsPosition === \'top\'"> <ng-container *ngTemplateOutlet="control"></ng-container> </ng-container></div><ng-template #control> <div class="eui-autocomplete__input-container" #inputContainerRef> <input #input euiInputText [euiClearable]="!isReadonly && !isDisabled" [euiLoading]="isLoading" [formControl]="autocompleteControl" class="eui-autocomplete__input {{ classList }}" placeholder="{{ placeholder }}" [readonly]="isReadonly" (clear)="onClear()" (click)="openPanel()" (focus)="onFocus()" (blur)="onBlur()" aria-autocomplete="both" aria-haspopup="true" aria-controls="eui-autocomplete__panel" /> </div></ng-template><ng-template #templatePortalContent> <div id="eui-autocomplete__panel" class="eui-autocomplete__panel" [@panelAnimation]="isOpen ? \'visible\' : \'hidden\'" role="listbox" aria-live="polite"> <cdk-virtual-scroll-viewport #virtualScrolling [itemSize]="itemSize" minBufferPx="500" maxBufferPx="750" [style.min-height]="cdkVirtualScrollViewport + \'px\'"> <ng-container *ngIf="!groupBy"> <eui-autocomplete-option *cdkVirtualFor="let autocompleteOption of autocompleteOptions | async; let i = index; trackBy: optionsTrackByFn" [isActive]="selectedOptionIndex === i" [isDisabled]="autocompleteOption.isDisabled" [attr.aria-disabled]="autocompleteOption.isDisabled" [euiVariant]="autocompleteOption.typeClass" (click)="onOptionSelected(autocompleteOption)"> <ng-container *ngIf="!autocompleteOptionTemplate"> <span *ngIf="autocompleteOption.iconClass" class="{{ autocompleteOption.iconClass }}"></span> {{ autocompleteOption.label }} </ng-container> <ng-container *ngIf="autocompleteOptionTemplate"> <ng-template [ngTemplateOutlet]="autocompleteOptionTemplate" [ngTemplateOutletContext]="{ $implicit: autocompleteOption }"> </ng-template> </ng-container> </eui-autocomplete-option> </ng-container> <ng-container *ngIf="groupBy"> <ng-container *ngFor="let distinctOptionGroup of distinctOptionGroups; let i = index; trackBy: groupsTrackByFn"> <eui-autocomplete-option-group *ngIf="(groupedOptions | async)[distinctOptionGroup].options.length > 0" [label]="distinctOptionGroup"> <div class="eui-autocomplete-option-group__label"> <ng-container *ngIf="autocompleteOptGroupTemplate"> <ng-template [ngTemplateOutlet]="autocompleteOptGroupTemplate" [ngTemplateOutletContext]="{ $implicit: { label: distinctOptionGroup } }"> </ng-template> </ng-container> <ng-container *ngIf="!autocompleteOptGroupTemplate"> {{ distinctOptionGroup }} </ng-container> </div> <div class="eui-autocomplete-option-group__options"> <ng-container *ngFor="let autocompleteOption of (groupedOptions | async)[distinctOptionGroup].options; let j = index; trackBy: optionsTrackByFn"> <eui-autocomplete-option isGroupItem [isActive]="selectedOptionIndex === (groupedOptions | async)[distinctOptionGroup].ancestorLength + j" [isDisabled]="autocompleteOption.isDisabled" [attr.aria-disabled]="autocompleteOption.isDisabled" [euiVariant]="autocompleteOption.typeClass" (click)="onOptionSelected(autocompleteOption)"> <ng-container *ngIf="!autocompleteOptionTemplate"> <span *ngIf="autocompleteOption.iconClass" class="{{ autocompleteOption.iconClass }}"></span> {{ autocompleteOption.label }} </ng-container> <ng-container *ngIf="autocompleteOptionTemplate"> <ng-template [ngTemplateOutlet]="autocompleteOptionTemplate" [ngTemplateOutletContext]="{ $implicit: autocompleteOption }"> </ng-template> </ng-container> </eui-autocomplete-option> </ng-container> </div> </eui-autocomplete-option-group> </ng-container> </ng-container> </cdk-virtual-scroll-viewport> </div> </ng-template></div>'
2903
+ var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'CollapsedBreadcrumbComponent', 'selector': 'eui-collapsed-breadcrumb'},{'name': 'EclMessageWcComponent', 'selector': 'ecl-message-wc'},{'name': 'EuiAccessibleButtonIconComponent', 'selector': 'eui-accessible-button-icon'},{'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': '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': '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': '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': 'EuiEclBannerComponent', 'selector': 'eui-ecl-banner'},{'name': 'EuiEclButtonComponent', 'selector': 'button[eclButton], button[ecl-button], a[eclButton]'},{'name': 'EuiEclCarouselComponent', 'selector': 'eui-ecl-carousel'},{'name': 'EuiEclCarouselItemComponent', 'selector': 'eui-ecl-carousel-item, eui-ecl-carousel-item'},{'name': 'EuiEclIconComponent', 'selector': 'eui-ecl-icon'},{'name': 'EuiEclMessageComponent', 'selector': 'eui-ecl-message'},{'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': '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': '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': '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,
4623
2904
  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': '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': 'EuiPageHeaderComponent', 'selector': 'eui-page-header'},{'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': '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': 'EuiSlideToggleTestComponent', 'selector': 'eui-slide-toggle-test-component'},{'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': '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': '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': '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': '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': 'EuiUxTreeComponent', 'selector': 'eui-ux-tree'},{'name': 'EuiUxTreeNodeComponent', 'selector': 'eui-ux-tree-node'},{'name': 'EuiUxTreeToolbarComponent', 'selector': 'eui-ux-tree-toolbar'},{'name': 'EuiWizardComponent', 'selector': 'eui-wizard'},{'name': 'EuiWizardStepComponent', 'selector': 'eui-wizard-step'},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'}];
4624
2905
  var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseDirective', 'selector': '[euiBase]'},{'name': 'BaseStatesDirective', 'selector': '[euiBase]'},{'name': 'CollapsedButtonDirective', 'selector': 'collapsed-button'},{'name': 'EuiActionButtonsDirective', 'selector': 'eui-action-buttons'},{'name': 'EuiAlertTitleDirective', 'selector': 'eui-alert-title'},{'name': 'EuiAppPageWrapperDirective', 'selector': 'eui-app-page-wrapper'},{'name': 'EuiButtonsActionsContentTagDirective', 'selector': 'euiButtonsActionsContent'},{'name': 'EuiButtonsLocalMenuContentTagDirective', 'selector': 'euiButtonsLocalMenuContent'},{'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': 'EuiEclBannerCreditDirective', 'selector': '[euiEclBannerCredit]'},{'name': 'EuiEclBannerDescriptionDirective', 'selector': '[euiEclBannerDescription]'},{'name': 'EuiEclBannerDescriptionTextDirective', 'selector': '[euiEclBannerDescriptionText]'},{'name': 'EuiEclBannerImageDirective', 'selector': 'img[euiEclBannerImage]'},{'name': 'EuiEclBannerPictureDirective', 'selector': 'picture[euiEclBannerPicture]'},{'name': 'EuiEclBannerTitleDirective', 'selector': '[euiEclBannerTitle]'},{'name': 'EuiEclBannerTitleTextDirective', 'selector': '[euiEclBannerTitleText]'},{'name': 'EuiEclBaseDirective', 'selector': '[EuiEclBase]'},{'name': 'EuiEclButtonLabelDirective', 'selector': '[euiEclButtonLabel]'},{'name': 'EuiEclClickOutsideDirective', 'selector': '[euiEclClickOutside]'},{'name': 'EuiEclFileImageDirective', 'selector': 'img[euiEclFileImage]'},{'name': 'EuiEclFilePictureDirective', 'selector': 'picture[euiEclFilePicture]'},{'name': 'EuiEclHiddenDirective', 'selector': '[euiEclHidden]'},{'name': 'EuiEclLabelDirective', 'selector': '[euiEclLabel]'},{'name': 'EuiEclLinkDirective', 'selector': '[euiEclLink]'},{'name': 'EuiEclLinkLabelDirective', 'selector': '[euiEclLinkLabel]'},{'name': 'EuiEclMessageTitleDirective', 'selector': '[euiEclMessageTitle]'},{'name': 'EuiEditorCustomToolbarTagDirective', 'selector': 'euiEditorCustomToolbar'},{'name': 'EuiEditorMaxlengthDirective', 'selector': '[formControlName][euiEditorMaxlength]'},{'name': 'EuiFieldsetLabelExtraContentTagDirective', 'selector': 'euiFieldsetLabelExtraContent'},{'name': 'EuiFieldsetLabelRightContentTagDirective', 'selector': 'euiFieldsetLabelRightContent'},{'name': 'EuiHasPermissionDirective', 'selector': '[euiHasPermission]'},{'name': 'EuiHeaderAppNameDirective', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoDirective', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleDirective', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiInputNumberDirective', 'selector': 'input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiLoadingDirective', 'selector': '[euiLoading]'},{'name': 'EuiMaxLengthDirective', 'selector': '
4625
2906
  input[euiMaxlength],