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

package/docs/modules/EuiAutocompleteModule.html

@@ -112,6 +112,17 @@
 
 
 
+        <p class="comment">
+            <h3>Description</h3>
+        </p>
+        <p class="comment">
+            <p>Module that provides the EuiAutocomplete component and its dependencies</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```typescript
+\&#64;NgModule({
+  imports: [EuiAutocompleteModule]
+})
+export class YourModule { }</code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-none"></code></pre></div>
+        </p>
 
 
         <div class="container-fluid module">

package/docs/modules/EuiBlockDocumentModule.html

@@ -87,7 +87,9 @@
 
 <ol class="breadcrumb">
     <li class="breadcrumb-item">Modules</li>
-    <li class="breadcrumb-item" >EuiBlockDocumentModule</li>
+    <li class="breadcrumb-item" 
+        class="breadcrumb-item deprecated-name"
+    >EuiBlockDocumentModule</li>
 </ol>
 
 
@@ -111,17 +113,33 @@
         </p>
 
 
+            <p class="comment">
+                <h3 class="deprecated">Deprecated</h3>
+            </p>
+            <p class="comment">
+                [object Object],[object Object],[object Object]
+            </p>
 
+        <p class="comment">
+            <h3>Description</h3>
+        </p>
+        <p class="comment">
+            <p>EuiBlockDocumentModule is an Angular module that declares and exports the EuiBlockDocumentComponent.</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">  imports: [EuiBlockDocumentModule]
+})
+export class AppModule {}</code></pre></div>
+        </p>
 
 
         <div class="container-fluid module">
             <div class="row">
                 <div class="col-sm-3">
-                    <h3>Declarations<a href="https://angular.io/api/core/NgModule#declarations" target="_blank" rel="noopener noreferrer"
-                            title="Official documentation about module declarations"><span class="icon ion-ios-information-circle-outline"></span></a></h3>
+                    <h3>Imports<a href="https://angular.io/api/core/NgModule#imports" target="_blank" rel="noopener noreferrer"
+                            title="Official documentation about module imports"><span
+                                class="icon ion-ios-information-circle-outline"></a></h3>
                     <ul class="list-group">
                         <li class="list-group-item">
-                            <a href="../components/EuiBlockDocumentComponent.html">EuiBlockDocumentComponent</a>
+                            <a href="../modules/EuiBlockDocumentComponent.html">EuiBlockDocumentComponent</a>
                         </li>
                     </ul>
                 </div>

package/docs/modules/EuiProgressBarModule.html

@@ -126,14 +126,8 @@
         <p class="comment">
             <p>Module providing the EuiProgressBar component and its dependencies.</p>
 <p>This module is maintained for backward compatibility.</p>
-<b>Example :</b><div><pre class="line-numbers"><code class="language-html">// Instead of importing the module:
-// import { EuiProgressBarModule } from &#39;&#64;eui/components/eui-progress-bar&#39;;</code></pre></div><p>// Import the standalone component:
-import { EuiProgressBarComponent } from &#39;@eui/components/eui-progress-bar&#39;;</p>
-<b>Example :</b><div><pre class="line-numbers"><code class="language-html">// Instead of adding to NgModule imports:
-// &#64;NgModule({
-//   imports: [EuiProgressBarModule]
-// })</code></pre></div><p>// Add the standalone component:
-  imports: [EuiProgressBarComponent]
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">Instead of importing the module:
+import { EuiProgressBarModule } from &#39;&#64;eui/components/eui-progress-bar&#39;;</code></pre></div><p>  imports: [EuiProgressBarModule]
 })</p>
 
         </p>
@@ -146,12 +140,6 @@ import { EuiProgressBarComponent } from &#39;@eui/components/eui-progress-bar&#3
                             title="Official documentation about module imports"><span
                                 class="icon ion-ios-information-circle-outline"></a></h3>
                     <ul class="list-group">
-                        <li class="list-group-item">
-                            <a href="../modules/EuiIconModule.html">EuiIconModule</a>
-                        </li>
-                        <li class="list-group-item">
-                            <a href="../modules/EuiIconStateModule.html">EuiIconStateModule</a>
-                        </li>
                         <li class="list-group-item">
                             <a href="../modules/EuiProgressBarComponent.html">EuiProgressBarComponent</a>
                         </li>

package/docs/modules/EuiTableV2Module.html

@@ -112,6 +112,17 @@
 
 
 
+        <p class="comment">
+            <h3>Description</h3>
+        </p>
+        <p class="comment">
+            <p>Module that provides the EuiTableV2 component and its dependencies</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html"></code></pre></div><p>@NgModule({
+  imports: [EuiTableV2Module]
+})
+export class YourModule { }</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-none"></code></pre></div>
+        </p>
 
 
         <div class="container-fluid module">

package/docs/pipes/EuiTableV2HighlightPipe.html

@@ -118,6 +118,17 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Pipe used to highlight the matching string in the data of the table when used with filter feature.</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html"></code></pre></div><td><span [innerHTML]="row.year | euiTableV2Highlight: strFilter"></span></td>
+```
+strFilter = '19'
+```
+
+            </p>
 
 
         <section data-compodoc="block-metadata">
@@ -159,6 +170,8 @@
 
             <tr>
                 <td class="col-md-4">
+                        <div class="io-description"><p>Wrap a matching string with a span element with a class name in the data of the table</p>
+</div>
 
                             <div class="io-description">
                                 <b>Parameters :</b>
@@ -170,6 +183,7 @@
                                                 <td>Type</td>
                                             <td>Optional</td>
                                                 <td>Default value</td>
+                                                <td>Description</td>
                                         </tr>
                                     </thead>
                                     <tbody>
@@ -186,6 +200,10 @@
                                             <td>
                                             </td>
 
+                                            <td>
+                                                    <p>Data displayed in a cell.</p>
+
+                                            </td>
                                         </tr>
                                         <tr>
                                                 <td>strFilter</td>
@@ -200,6 +218,10 @@
                                             <td>
                                             </td>
 
+                                            <td>
+                                                    <p>Search string to highlight.</p>
+
+                                            </td>
                                         </tr>
                                         <tr>
                                                 <td>className</td>
@@ -215,6 +237,10 @@
                                                     <code>&#x27;eui-table-v2--highlighted&#x27;</code>
                                             </td>
 
+                                            <td>
+                                                    <p>CSS class to add to the span element. Default: &#39;eui-table-v2--highlighted&#39;</p>
+
+                                            </td>
                                         </tr>
                                     </tbody>
                                 </table>

package/eui-autocomplete/eui-autocomplete-option/eui-autocomplete-option.component.d.ts

@@ -1,12 +1,41 @@
 import { BaseStatesDirective } from '@eui/components/shared';
 import * as i0 from "@angular/core";
 import * as i1 from "@eui/components/shared";
+/**
+ * @description
+ * Component used internally by `eui-autocomplete` to display the options in the panel.
+ */
 export declare class EuiAutocompleteOptionComponent {
     private baseStatesDirective;
+    /**
+     * ARIA role for the host element to ensure proper accessibility.
+     * @default 'option'
+     */
     role: string;
+    /**
+     * @description
+     * Computes and returns the CSS classes for the component based on its current state.
+     *
+     * @returns {string} Space-separated string of CSS class names
+     */
     get cssClasses(): string;
+    /**
+     * Wheter the option is active in the panel.
+     *
+     * @default false
+     */
     isActive: boolean;
+    /**
+     * Wheter the option is disabled in the panel.
+     *
+     * @default false
+     */
     isDisabled: boolean;
+    /**
+     * Wheter the option is displayed inside a group.
+     *
+     * @default false
+     */
     isGroupItem: boolean;
     constructor(baseStatesDirective: BaseStatesDirective);
     static ɵfac: i0.ɵɵFactoryDeclaration<EuiAutocompleteOptionComponent, never>;

package/eui-autocomplete/eui-autocomplete-option/eui-autocomplete-option.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-autocomplete-option.component.d.ts","sourceRoot":"","sources":["../../../eui-autocomplete/eui-autocomplete-option/eui-autocomplete-option.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;;;AAE7D,qBAea,8BAA8B;IAkB3B,OAAO,CAAC,mBAAmB;IAjBb,IAAI,SAAY;IAC1C,IACI,UAAU,IAAI,MAAM,CASvB;IAEuC,QAAQ,UAAS;IACjB,UAAU,UAAS;IACnB,WAAW,UAAS;gBAExC,mBAAmB,EAAE,mBAAmB;yCAlBnD,8BAA8B;2CAA9B,8BAA8B;uCAqBw02C,OAAQ;yCAAR,OAAQ;0CAAR,OAAQ;CAD132C"}
+{"version":3,"file":"eui-autocomplete-option.component.d.ts","sourceRoot":"","sources":["../../../eui-autocomplete/eui-autocomplete-option/eui-autocomplete-option.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;;;AAE7D;;;GAGG;AACH,qBAea,8BAA8B;IA4C3B,OAAO,CAAC,mBAAmB;IA3CvC;;;OAGG;IACuB,IAAI,SAAY;IAE1C;;;;;OAKG;IACH,IACI,UAAU,IAAI,MAAM,CASvB;IAED;;;;OAIG;IACqC,QAAQ,UAAS;IACzD;;;;OAIG;IACqC,UAAU,UAAS;IAC3D;;;;OAIG;IACqC,WAAW,UAAS;gBAExC,mBAAmB,EAAE,mBAAmB;yCA5CnD,8BAA8B;2CAA9B,8BAA8B;uCA+C+n1C,OAAQ;yCAAR,OAAQ;0CAAR,OAAQ;CADjr1C"}

package/eui-autocomplete/eui-autocomplete-option-group/eui-autocomplete-option-group.component.d.ts

@@ -1,7 +1,24 @@
 import * as i0 from "@angular/core";
+/**
+ * @description
+ * Component used internally by `eui-autocomplete` with the option `groupBy`. It allows to display the options in groups.
+ */
 export declare class EuiAutocompleteOptionGroupComponent {
+    /**
+     * ARIA role for the host element to ensure proper accessibility.
+     * @default 'optgroup'
+     */
     role: string;
+    /**
+     * @description
+     * Computes and returns the CSS classes for the component based on its current state.
+     *
+     * @returns {string} Space-separated string of CSS class names
+     */
     get cssClasses(): string;
+    /**
+     * Sets the label of the group.
+     */
     label: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<EuiAutocompleteOptionGroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EuiAutocompleteOptionGroupComponent, "eui-autocomplete-option-group", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;

package/eui-autocomplete/eui-autocomplete-option-group/eui-autocomplete-option-group.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-autocomplete-option-group.component.d.ts","sourceRoot":"","sources":["../../../eui-autocomplete/eui-autocomplete-option-group/eui-autocomplete-option-group.component.ts"],"names":[],"mappings":";AAEA,qBAOa,mCAAmC;IAClB,IAAI,SAAc;IAC5C,IACI,UAAU,IAAI,MAAM,CAEvB;IAEQ,KAAK,EAAE,MAAM,CAAC;yCAPd,mCAAmC;2CAAnC,mCAAmC;CAS/C"}
+{"version":3,"file":"eui-autocomplete-option-group.component.d.ts","sourceRoot":"","sources":["../../../eui-autocomplete/eui-autocomplete-option-group/eui-autocomplete-option-group.component.ts"],"names":[],"mappings":";AAEA;;;GAGG;AACH,qBAOa,mCAAmC;IAC5C;;;OAGG;IACuB,IAAI,SAAc;IAE5C;;;;;OAKG;IACH,IACI,UAAU,IAAI,MAAM,CAEvB;IAED;;OAEG;IACM,KAAK,EAAE,MAAM,CAAC;yCArBd,mCAAmC;2CAAnC,mCAAmC;CAuB/C"}

package/eui-autocomplete/eui-autocomplete.component.d.ts

@@ -8,10 +8,31 @@ import { EuiAppShellService } from '@eui/core';
 import { EuiChipDragDrop } from '@eui/components/eui-chip-list';
 import { EuiChip } from '@eui/components/eui-chip';
 import { EuiTemplateDirective } from '@eui/components/directives';
-import { EuiAutoCompleteItem } from './models/eui-autocomplete-item.model';
 import { BaseStatesDirective } from '@eui/components/shared';
+import { EuiAutoCompleteItem } from './models/eui-autocomplete-item.model';
 import * as i0 from "@angular/core";
 import * as i1 from "@eui/components/shared";
+/**
+ * @description
+ * `eui-autocomplete` is a text input showing some suggestions when the user types letters. It can be enhanced with chips to allow user to select multiple values.
+ *
+ * @example
+ * ```
+ * <eui-autocomplete [autocompleteData]="autocompleteData"></eui-autocomplete>
+ * ```
+ *
+ * ```
+ * public autocompleteData: EuiAutoCompleteItem[] = [
+ *    { id: 1, label: 'Ananas' },
+ *    { id: 2, label: 'Apple' },
+ *    { id: 3, label: 'Banana' },
+ *    { id: 4, label: 'Blackberry' },
+ *    { id: 5, label: 'Coconut' },
+ * ];
+ * ```
+ *
+ * See {@link https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-autocomplete}.
+ */
 export declare class EuiAutocompleteComponent implements OnInit, OnDestroy, ControlValueAccessor, OnChanges, AfterViewInit, DoCheck {
     private overlay;
     private cd;
@@ -23,37 +44,179 @@ export declare class EuiAutocompleteComponent implements OnInit, OnDestroy, Cont
     private baseStatesDirective;
     private control;
     private platformId;
+    /**
+     * @description
+     * Computes and returns the CSS classes for the component based on its current state.
+     *
+     * @returns {string} Space-separated string of CSS class names
+     */
     get cssClasses(): string;
+    /**
+     * Sets the id on the text input.
+     */
     inputId: string;
+    /**
+     * Datas to be used in the autocomplete.
+     */
     autocompleteData: EuiAutoCompleteItem[];
+    /**
+     * Sets the maximum number of options that will be visible in the autocomplete panel.
+     *
+     * @default 5
+     */
     visibleOptions: number;
+    /**
+     * Sets the way the options should be retrieved.
+     *
+     * @default 'contains'
+     */
     matching: 'startWith' | 'contains';
+    /**
+     * Sets the placeholder of the text input.
+     */
     placeholder: string;
+    /**
+     * Sets the options that will be selected selected by default.
+     */
     autocompleteDataSelected: EuiAutoCompleteItem[];
+    /**
+     * Sets the sort criteria of the chips.
+     *
+     * @type {('ASC' | 'DESC')}
+     * @default 'ASC'
+     */
     chipsSortOrder: 'ASC' | 'DESC';
+    /**
+     * In combination with `isChipsSorted`. Sets the sort criteria of the options in the panel.
+     *
+     * @type {('ASC' | 'DESC')}
+     * @default 'ASC'
+     */
     itemsSortOrder: 'ASC' | 'DESC';
+    /**
+     * In Combination with `isItemsSorted`. Sets the position of the chips relative to the text input.
+     *
+     * @type {('top' | 'bottom' | 'inside')}
+     * @default 'top''
+     */
     chipsPosition: 'top' | 'bottom' | 'inside';
+    /**
+     * Sets a grouping among the options.
+     */
     groupBy: string;
+    /**
+     * In combination with `maxVisibleChipsCount`, sets the label of the 'more label' button, if not provided an arrow right icon will be displayed only.
+     */
     toggleLinkMoreLabel: string;
+    /**
+     * In combination with `maxVisibleChipsCount`, sets the label of the 'less label' button, if not provided an arrow left icon will be displayed only.
+     */
     toggleLinkLessLabel: string;
+    /**
+     * Sets a CSS class to be added on the options panel container.
+     */
     classList: string;
+    /**
+     * Sets the width of the options panel.
+     *
+     * @type {(string | number)}
+     */
     panelWidth: string | number;
+    /**
+     * In combination with `isChipsDragAndDrop`, sets the name to the chips source.
+     */
     dragAndDropSourceName: string;
+    /**
+     * In combination with `isChipsDragAndDrop`, sets the name to the chips source with which a drag and drop will be done.
+     */
     dragAndDropConnectedTo: string[];
+    /**
+     * In combination with `hasChips`. Wheter the user can add a value, which is not part of the options, to craete a chip.
+     *
+     * @default true
+     */
     isFreeValueAllowed: boolean;
+    /**
+     * Wheter autocomplete is in readonly mode.
+     *
+     * @default false
+     */
     isReadonly: boolean;
+    /**
+     * Wheter loading spinner is displayed in text input.
+     *
+     * @default false
+     */
     isLoading: boolean;
+    /**
+     * Wheter autocomplete will display the selected values with chips.
+     *
+     * @default false
+     */
     hasChips: boolean;
+    /**
+     * Wheter autocomplete will get the data in an asynchronous way.
+     *
+     * @default false
+     */
     isAsync: boolean;
+    /**
+     * Wheter this chips are sorted on their label.
+     *
+     * @default false
+     */
     isChipsSorted: boolean;
+    /**
+     * Wheter this items in the panel are sorted on their label.
+     *
+     * @default false
+     */
     isItemsSorted: boolean;
+    /**
+     * Wheter the chip can be removed from the selection.
+     * When a chip is removed, its value goes back in the panel.
+     *
+     * @default true
+     */
     isChipsRemovable: boolean;
+    /**
+     * Wheter the chips can have multiple times the same value.
+     * With this option, the value is not removed from the panel when choosen.
+     *
+     * @default false
+     */
     isDuplicateValueAllowed: boolean;
+    /**
+     * In combination with `hasChips`. Wheter the chip is added when the text input is blurred.
+     *
+     * @default false
+     */
     isAddOnBlur: boolean;
+    /**
+     * In combination with `hasChips` and `isFreeValueAllowed=false`. Wheter the text input is empty after blurring when no value has been selected in the panel.
+     *
+     * @default false
+     */
     isForceSelection: boolean;
+    /**
+     * Wheter a limitated amount, defined by this option, is used to diplay the chips.
+     */
     maxVisibleChipsCount: any;
+    /**
+     * Wheter the chips label length are limitated by the value of this option.
+     */
     chipsLabelTruncateCount: any;
+    /**
+     * In combination with `maxVisibleChipsCount`. Wheter all chips are shown by default.
+     *
+     * @default false
+     */
     isMaxVisibleChipsOpened: boolean;
+    /**
+     * Wheter the chips can be drag and dropped.
+     *
+     * @default false
+     */
     isChipsDragAndDrop: boolean;
     autocompleteOptions: BehaviorSubject<EuiAutoCompleteItem<any>[]>;
     selectedOptionIndex: number;
@@ -82,17 +245,53 @@ export declare class EuiAutocompleteComponent implements OnInit, OnDestroy, Cont
     inputContainerRef: ElementRef;
     virtualScrolling: CdkVirtualScrollViewport;
     input: ElementRef;
+    /**
+     * Event emitted when the panel is closed.
+     */
     panelClose: EventEmitter<any>;
+    /**
+     * Event emitted when the panel is opened.
+     */
     panelOpen: EventEmitter<any>;
+    /**
+     * Event emitted when the text input gets the focus.
+     */
     inputFocus: EventEmitter<any>;
+    /**
+     * Event emitted when the text input is blurred.
+     */
     inputBlur: EventEmitter<any>;
+    /**
+     * Event emitted when the text input is cleared.
+     */
     clear: EventEmitter<any>;
+    /**
+     * Event emitted when an option is selected or when the selection is modified.
+     */
     selectionChange: EventEmitter<EuiAutoCompleteItem<any>[]>;
+    /**
+     * Event emitted when an option is selected.
+     */
     itemAdd: EventEmitter<EuiAutoCompleteItem<any>>;
+    /**
+     * Event emitted when an option is removed.
+     */
     itemRemove: EventEmitter<EuiAutoCompleteItem<any>>;
+    /**
+     * Event emitted when the value of the text input changes.
+     */
     inputChange: EventEmitter<string>;
+    /**
+     * Event emitted when a chip drag starts.
+     */
     chipDragStart: EventEmitter<EuiChipDragDrop>;
+    /**
+     * Event emitted when a chip drag is released.
+     */
     chipDragRelease: EventEmitter<EuiChipDragDrop>;
+    /**
+     * Event emitted when a chip is dropped.
+     */
     chipDrop: EventEmitter<EuiChipDragDrop>;
     protected hasAriaRequiredAttribute: boolean;
     private destroy$;
@@ -116,12 +315,43 @@ export declare class EuiAutocompleteComponent implements OnInit, OnDestroy, Cont
     ngDoCheck(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    /**
+     * Calculates the height that the virtual scroll need to have.
+     *
+     * @type {number}
+     */
     get cdkVirtualScrollViewport(): number;
+    /**
+     * Returns the opening state of the panel.
+     *
+     * @type {boolean}
+     */
     get isOpen(): boolean;
+    /**
+     * Checks if autocomplete options are available.
+     *
+     * @returns {boolean} `true` if options are present, otherwise `false`.
+     */
     get hasOptionsResult(): boolean;
+    /**
+     * Method that creates and opens the panel containing autocomplete options.
+     */
     openPanel(): void;
+    /**
+     * Closes the autocomplete panel.
+     */
     closePanel(): void;
+    /**
+     * Method called when an option is selected.
+     *
+     * @param e Selected option
+     */
     onOptionSelected(e: EuiAutoCompleteItem): void;
+    /**
+     * Method called when an option is added through the text input.
+     *
+     * @param value Value to add
+     */
     add(value: string): void;
     optionsTrackByFn(index: number, item: EuiAutoCompleteItem): string | number;
     writeValue(value: EuiAutoCompleteItem | EuiAutoCompleteItem[]): void;
@@ -129,8 +359,19 @@ export declare class EuiAutocompleteComponent implements OnInit, OnDestroy, Cont
     registerOnChange(fn: () => void): void;
     registerOnTouched(fn: () => void): void;
     onClear(): void;
+    /**
+     * Text input focus handler.
+     */
     onFocus(): void;
+    /**
+     * Text input blur handler.
+     */
     onBlur(): void;
+    /**
+     * Called when a chip is removed.
+     *
+     * @param e Object containing the chip to remove.
+     */
     onChipRemove(e: {
         chips: EuiChip[];
         removed: EuiChip | {
@@ -138,17 +379,86 @@ export declare class EuiAutocompleteComponent implements OnInit, OnDestroy, Cont
             event: Event;
         };
     }): void;
+    /**
+     * Called when a chip is dropped for reordering or from a source to another.
+     *
+     * @param e Object containing the chip dropped.
+     */
     onChipDropped(e: EuiChipDragDrop): void;
+    /**
+     * Called when a chip is dragged for reordering or from a source to another.
+     *
+     * @param e Object containing the chip dragged.
+     */
     onChipDragStarted(e: EuiChipDragDrop): void;
+    /**
+     * Called when a chip is released for reordering or from a source to another.
+     *
+     * @param e Object containing the chip released.
+     */
     onChipDragReleased(e: EuiChipDragDrop): void;
+    /**
+     * Calculates the item size for virtual scrolling.
+     *
+     * @returns a number representing the item size.
+     */
     private getItemSize;
+    /**
+     * Re-order options panel based on the input valuea and sort order.
+     *
+     * @param value Value to filter the options.
+     * @param isItemsSorted If the items are sorted.
+     */
     private setOptions;
+    /**
+     * Return the position strategy for the panel.
+     *
+     * @returns A CDK position strategy.
+     */
     private getPositionStrategy;
+    /**
+     * Return the scroll strategy for the panel.
+     *
+     * @returns A CDK scroll strategy.
+     */
     private getScrollStrategy;
+    /**
+     * Refine the options based on the input value.
+     *
+     * @param inputValue Value to filter the options.
+     * @returns An array of options.
+     */
     private filterOptions;
+    /**
+     * Converts EuiAutoCompleteItem array to EuiChip array.
+     *
+     * @param items Array of EuiAutoCompleteItem.
+     * @returns An array of EuiChip
+     */
     private mapToChip;
+    /**
+     * Sort an array of objects based on their label.
+     *
+     * @param tab Array to order
+     * @param sortOrder Sort order criteria
+     * @returns A sorted array
+     */
     private orderArray;
+    /**
+     * Transforms array of EuiAutoCompleteItem into a grouped object.
+     *
+     * @param options Array of EuiAutoCompleteItem
+     * @param groupBy Label of the group
+     * @returns An object containing the grouped options and the distinct option groups.
+     */
     private groupingHandler;
+    /**
+     * Indicates if the origin element is visible in the scrollable parent.
+     *
+     * @param origin Origin of the autocomplete
+     * @param scrollableParent Scrollable container
+     * @returns A boolean, true if visible else false.
+     */
     private isVisible;
     private onChange;
     private onTouch;