@eui/components 16.0.0-next.4 → 16.0.0-next.5
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.
- package/docs/components/EuiAutocompleteComponent.html +195 -82
- package/docs/dependencies.html +2 -2
- package/docs/js/menu-wc.js +3 -3
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +71 -18
- package/esm2022/eui-autocomplete/eui-autocomplete.module.mjs +7 -3
- package/eui-autocomplete/eui-autocomplete.component.d.ts +24 -7
- package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
- package/eui-autocomplete/eui-autocomplete.module.d.ts +2 -1
- package/eui-autocomplete/eui-autocomplete.module.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-autocomplete.mjs +76 -19
- package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
- package/package.json +7 -7
|
@@ -189,6 +189,10 @@
|
|
|
189
189
|
<li>
|
|
190
190
|
<a href="#matAutocomplete" >matAutocomplete</a>
|
|
191
191
|
</li>
|
|
192
|
+
<li>
|
|
193
|
+
<span class="modifier">Public</span>
|
|
194
|
+
<a href="#selectedOptionIndex" >selectedOptionIndex</a>
|
|
195
|
+
</li>
|
|
192
196
|
<li>
|
|
193
197
|
<span class="modifier">Public</span>
|
|
194
198
|
<a href="#separatorKeysCodes" >separatorKeysCodes</a>
|
|
@@ -196,6 +200,9 @@
|
|
|
196
200
|
<li>
|
|
197
201
|
<a href="#templates" >templates</a>
|
|
198
202
|
</li>
|
|
203
|
+
<li>
|
|
204
|
+
<a href="#virtualScrolling" >virtualScrolling</a>
|
|
205
|
+
</li>
|
|
199
206
|
</ul>
|
|
200
207
|
</td>
|
|
201
208
|
</tr>
|
|
@@ -220,9 +227,6 @@
|
|
|
220
227
|
<span class="modifier">Public</span>
|
|
221
228
|
<a href="#addOnEnterHandler" >addOnEnterHandler</a>
|
|
222
229
|
</li>
|
|
223
|
-
<li>
|
|
224
|
-
<a href="#isVisible" >isVisible</a>
|
|
225
|
-
</li>
|
|
226
230
|
<li>
|
|
227
231
|
<span class="modifier">Public</span>
|
|
228
232
|
<a href="#onChipDragReleased" >onChipDragReleased</a>
|
|
@@ -316,6 +320,9 @@
|
|
|
316
320
|
<li>
|
|
317
321
|
<a href="#async" >async</a>
|
|
318
322
|
</li>
|
|
323
|
+
<li>
|
|
324
|
+
<a href="#autoActiveFirstOption" >autoActiveFirstOption</a>
|
|
325
|
+
</li>
|
|
319
326
|
<li>
|
|
320
327
|
<a href="#autocompleteData" >autocompleteData</a>
|
|
321
328
|
</li>
|
|
@@ -638,9 +645,18 @@
|
|
|
638
645
|
<li>
|
|
639
646
|
<a href="#isForceSelection" >isForceSelection</a>
|
|
640
647
|
</li>
|
|
648
|
+
<li>
|
|
649
|
+
<a href="#autoActiveFirstOption" >autoActiveFirstOption</a>
|
|
650
|
+
</li>
|
|
641
651
|
<li>
|
|
642
652
|
<a href="#isChipsGrid" >isChipsGrid</a>
|
|
643
653
|
</li>
|
|
654
|
+
<li>
|
|
655
|
+
<a href="#nbOptionsVisible" >nbOptionsVisible</a>
|
|
656
|
+
</li>
|
|
657
|
+
<li>
|
|
658
|
+
<a href="#cdkVirtualScrollViewport" >cdkVirtualScrollViewport</a>
|
|
659
|
+
</li>
|
|
644
660
|
</ul>
|
|
645
661
|
</td>
|
|
646
662
|
</tr>
|
|
@@ -654,7 +670,7 @@
|
|
|
654
670
|
<tbody>
|
|
655
671
|
<tr>
|
|
656
672
|
<td class="col-md-4">
|
|
657
|
-
<code>constructor(cd: <a href="https://angular.io/api/core/ChangeDetectorRef" target="_blank">ChangeDetectorRef</a>, control: <a href="https://angular.io/api/forms/NgControl" target="_blank">NgControl</a>, scrollDispatcher: ScrollDispatcher)</code>
|
|
673
|
+
<code>constructor(cd: <a href="https://angular.io/api/core/ChangeDetectorRef" target="_blank">ChangeDetectorRef</a>, control: <a href="https://angular.io/api/forms/NgControl" target="_blank">NgControl</a>, scrollDispatcher: ScrollDispatcher, elementRef: <a href="https://angular.io/api/core/ElementRef" target="_blank">ElementRef</a>)</code>
|
|
658
674
|
</td>
|
|
659
675
|
</tr>
|
|
660
676
|
|
|
@@ -707,6 +723,18 @@
|
|
|
707
723
|
</td>
|
|
708
724
|
|
|
709
725
|
</tr>
|
|
726
|
+
<tr>
|
|
727
|
+
<td>elementRef</td>
|
|
728
|
+
|
|
729
|
+
<td>
|
|
730
|
+
<code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
|
|
731
|
+
</td>
|
|
732
|
+
|
|
733
|
+
<td>
|
|
734
|
+
No
|
|
735
|
+
</td>
|
|
736
|
+
|
|
737
|
+
</tr>
|
|
710
738
|
</tbody>
|
|
711
739
|
</table>
|
|
712
740
|
</div>
|
|
@@ -750,6 +778,22 @@
|
|
|
750
778
|
</tr>
|
|
751
779
|
</tbody>
|
|
752
780
|
</table>
|
|
781
|
+
<table class="table table-sm table-bordered">
|
|
782
|
+
<tbody>
|
|
783
|
+
<tr>
|
|
784
|
+
<td class="col-md-4">
|
|
785
|
+
<a name="autoActiveFirstOption"></a>
|
|
786
|
+
<b>autoActiveFirstOption</b>
|
|
787
|
+
</td>
|
|
788
|
+
</tr>
|
|
789
|
+
<tr>
|
|
790
|
+
<td class="col-md-4">
|
|
791
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
792
|
+
|
|
793
|
+
</td>
|
|
794
|
+
</tr>
|
|
795
|
+
</tbody>
|
|
796
|
+
</table>
|
|
753
797
|
<table class="table table-sm table-bordered">
|
|
754
798
|
<tbody>
|
|
755
799
|
<tr>
|
|
@@ -2229,81 +2273,6 @@
|
|
|
2229
2273
|
</tr>
|
|
2230
2274
|
</tbody>
|
|
2231
2275
|
</table>
|
|
2232
|
-
<table class="table table-sm table-bordered">
|
|
2233
|
-
<tbody>
|
|
2234
|
-
<tr>
|
|
2235
|
-
<td class="col-md-4">
|
|
2236
|
-
<a name="isVisible"></a>
|
|
2237
|
-
<span class="name">
|
|
2238
|
-
<span ><b>isVisible</b></span>
|
|
2239
|
-
<a href="#isVisible"><span class="icon ion-ios-link"></span></a>
|
|
2240
|
-
</span>
|
|
2241
|
-
</td>
|
|
2242
|
-
</tr>
|
|
2243
|
-
<tr>
|
|
2244
|
-
<td class="col-md-4">
|
|
2245
|
-
<code>isVisible(origin: <a href="https://angular.io/api/core/ElementRef" target="_blank">ElementRef</a>, scrollableParent: HTMLElement)</code>
|
|
2246
|
-
</td>
|
|
2247
|
-
</tr>
|
|
2248
|
-
|
|
2249
|
-
|
|
2250
|
-
|
|
2251
|
-
|
|
2252
|
-
<tr>
|
|
2253
|
-
<td class="col-md-4">
|
|
2254
|
-
|
|
2255
|
-
<div class="io-description">
|
|
2256
|
-
<b>Parameters :</b>
|
|
2257
|
-
|
|
2258
|
-
<table class="params">
|
|
2259
|
-
<thead>
|
|
2260
|
-
<tr>
|
|
2261
|
-
<td>Name</td>
|
|
2262
|
-
<td>Type</td>
|
|
2263
|
-
<td>Optional</td>
|
|
2264
|
-
</tr>
|
|
2265
|
-
</thead>
|
|
2266
|
-
<tbody>
|
|
2267
|
-
<tr>
|
|
2268
|
-
<td>origin</td>
|
|
2269
|
-
<td>
|
|
2270
|
-
<code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
|
|
2271
|
-
</td>
|
|
2272
|
-
|
|
2273
|
-
<td>
|
|
2274
|
-
No
|
|
2275
|
-
</td>
|
|
2276
|
-
|
|
2277
|
-
|
|
2278
|
-
</tr>
|
|
2279
|
-
<tr>
|
|
2280
|
-
<td>scrollableParent</td>
|
|
2281
|
-
<td>
|
|
2282
|
-
<code>HTMLElement</code>
|
|
2283
|
-
</td>
|
|
2284
|
-
|
|
2285
|
-
<td>
|
|
2286
|
-
No
|
|
2287
|
-
</td>
|
|
2288
|
-
|
|
2289
|
-
|
|
2290
|
-
</tr>
|
|
2291
|
-
</tbody>
|
|
2292
|
-
</table>
|
|
2293
|
-
</div>
|
|
2294
|
-
<div>
|
|
2295
|
-
</div>
|
|
2296
|
-
<div class="io-description">
|
|
2297
|
-
<b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
2298
|
-
|
|
2299
|
-
</div>
|
|
2300
|
-
<div class="io-description">
|
|
2301
|
-
|
|
2302
|
-
</div>
|
|
2303
|
-
</td>
|
|
2304
|
-
</tr>
|
|
2305
|
-
</tbody>
|
|
2306
|
-
</table>
|
|
2307
2276
|
<table class="table table-sm table-bordered">
|
|
2308
2277
|
<tbody>
|
|
2309
2278
|
<tr>
|
|
@@ -3457,7 +3426,7 @@
|
|
|
3457
3426
|
</tr>
|
|
3458
3427
|
<tr>
|
|
3459
3428
|
<td class="col-md-4">
|
|
3460
|
-
<i>Type : </i> <code>TemplateRef<
|
|
3429
|
+
<i>Type : </i> <code>TemplateRef<literal type></code>
|
|
3461
3430
|
|
|
3462
3431
|
</td>
|
|
3463
3432
|
</tr>
|
|
@@ -3506,7 +3475,7 @@
|
|
|
3506
3475
|
</tr>
|
|
3507
3476
|
<tr>
|
|
3508
3477
|
<td class="col-md-4">
|
|
3509
|
-
<i>Type : </i> <code>TemplateRef<
|
|
3478
|
+
<i>Type : </i> <code>TemplateRef<literal type></code>
|
|
3510
3479
|
|
|
3511
3480
|
</td>
|
|
3512
3481
|
</tr>
|
|
@@ -3664,6 +3633,27 @@
|
|
|
3664
3633
|
</tr>
|
|
3665
3634
|
|
|
3666
3635
|
|
|
3636
|
+
</tbody>
|
|
3637
|
+
</table>
|
|
3638
|
+
<table class="table table-sm table-bordered">
|
|
3639
|
+
<tbody>
|
|
3640
|
+
<tr>
|
|
3641
|
+
<td class="col-md-4">
|
|
3642
|
+
<a name="selectedOptionIndex"></a>
|
|
3643
|
+
<span class="name">
|
|
3644
|
+
<span class="modifier">Public</span>
|
|
3645
|
+
<span ><b>selectedOptionIndex</b></span>
|
|
3646
|
+
<a href="#selectedOptionIndex"><span class="icon ion-ios-link"></span></a>
|
|
3647
|
+
</span>
|
|
3648
|
+
</td>
|
|
3649
|
+
</tr>
|
|
3650
|
+
<tr>
|
|
3651
|
+
<td class="col-md-4">
|
|
3652
|
+
<i>Default value : </i><code>-1</code>
|
|
3653
|
+
</td>
|
|
3654
|
+
</tr>
|
|
3655
|
+
|
|
3656
|
+
|
|
3667
3657
|
</tbody>
|
|
3668
3658
|
</table>
|
|
3669
3659
|
<table class="table table-sm table-bordered">
|
|
@@ -3721,6 +3711,36 @@
|
|
|
3721
3711
|
</tr>
|
|
3722
3712
|
|
|
3723
3713
|
|
|
3714
|
+
</tbody>
|
|
3715
|
+
</table>
|
|
3716
|
+
<table class="table table-sm table-bordered">
|
|
3717
|
+
<tbody>
|
|
3718
|
+
<tr>
|
|
3719
|
+
<td class="col-md-4">
|
|
3720
|
+
<a name="virtualScrolling"></a>
|
|
3721
|
+
<span class="name">
|
|
3722
|
+
<span ><b>virtualScrolling</b></span>
|
|
3723
|
+
<a href="#virtualScrolling"><span class="icon ion-ios-link"></span></a>
|
|
3724
|
+
</span>
|
|
3725
|
+
</td>
|
|
3726
|
+
</tr>
|
|
3727
|
+
<tr>
|
|
3728
|
+
<td class="col-md-4">
|
|
3729
|
+
<i>Type : </i> <code>CdkVirtualScrollViewport</code>
|
|
3730
|
+
|
|
3731
|
+
</td>
|
|
3732
|
+
</tr>
|
|
3733
|
+
<tr>
|
|
3734
|
+
<td class="col-md-4">
|
|
3735
|
+
<b>Decorators : </b>
|
|
3736
|
+
<br />
|
|
3737
|
+
<code>
|
|
3738
|
+
@ViewChild('virtualScrolling')<br />
|
|
3739
|
+
</code>
|
|
3740
|
+
</td>
|
|
3741
|
+
</tr>
|
|
3742
|
+
|
|
3743
|
+
|
|
3724
3744
|
</tbody>
|
|
3725
3745
|
</table>
|
|
3726
3746
|
</section>
|
|
@@ -4690,6 +4710,65 @@
|
|
|
4690
4710
|
</tr>
|
|
4691
4711
|
</tbody>
|
|
4692
4712
|
</table>
|
|
4713
|
+
<table class="table table-sm table-bordered">
|
|
4714
|
+
<tbody>
|
|
4715
|
+
<tr>
|
|
4716
|
+
<td class="col-md-4">
|
|
4717
|
+
<a name="autoActiveFirstOption"></a>
|
|
4718
|
+
<span class="name"><b>autoActiveFirstOption</b><a href="#autoActiveFirstOption"><span class="icon ion-ios-link"></span></a></span>
|
|
4719
|
+
</td>
|
|
4720
|
+
</tr>
|
|
4721
|
+
|
|
4722
|
+
<tr>
|
|
4723
|
+
<td class="col-md-4">
|
|
4724
|
+
<span class="accessor"><b>get</b><code>autoActiveFirstOption()</code></span>
|
|
4725
|
+
</td>
|
|
4726
|
+
</tr>
|
|
4727
|
+
|
|
4728
|
+
<tr>
|
|
4729
|
+
<td class="col-md-4">
|
|
4730
|
+
<span class="accessor"><b>set</b><code>autoActiveFirstOption(value: BooleanInput)</code></span>
|
|
4731
|
+
</td>
|
|
4732
|
+
</tr>
|
|
4733
|
+
<tr>
|
|
4734
|
+
<td class="col-md-4">
|
|
4735
|
+
|
|
4736
|
+
<div class="io-description">
|
|
4737
|
+
<b>Parameters :</b>
|
|
4738
|
+
<table class="params">
|
|
4739
|
+
<thead>
|
|
4740
|
+
<tr>
|
|
4741
|
+
<td>Name</td>
|
|
4742
|
+
<td>Type</td>
|
|
4743
|
+
<td>Optional</td>
|
|
4744
|
+
</tr>
|
|
4745
|
+
</thead>
|
|
4746
|
+
<tbody>
|
|
4747
|
+
<tr>
|
|
4748
|
+
<td>value</td>
|
|
4749
|
+
|
|
4750
|
+
<td>
|
|
4751
|
+
<code>BooleanInput</code>
|
|
4752
|
+
</td>
|
|
4753
|
+
|
|
4754
|
+
<td>
|
|
4755
|
+
No
|
|
4756
|
+
</td>
|
|
4757
|
+
|
|
4758
|
+
</tr>
|
|
4759
|
+
</tbody>
|
|
4760
|
+
</table>
|
|
4761
|
+
</div>
|
|
4762
|
+
<div>
|
|
4763
|
+
</div>
|
|
4764
|
+
<div class="io-description">
|
|
4765
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
4766
|
+
|
|
4767
|
+
</div>
|
|
4768
|
+
</td>
|
|
4769
|
+
</tr>
|
|
4770
|
+
</tbody>
|
|
4771
|
+
</table>
|
|
4693
4772
|
<table class="table table-sm table-bordered">
|
|
4694
4773
|
<tbody>
|
|
4695
4774
|
<tr>
|
|
@@ -4707,6 +4786,40 @@
|
|
|
4707
4786
|
|
|
4708
4787
|
</tbody>
|
|
4709
4788
|
</table>
|
|
4789
|
+
<table class="table table-sm table-bordered">
|
|
4790
|
+
<tbody>
|
|
4791
|
+
<tr>
|
|
4792
|
+
<td class="col-md-4">
|
|
4793
|
+
<a name="nbOptionsVisible"></a>
|
|
4794
|
+
<span class="name"><b>nbOptionsVisible</b><a href="#nbOptionsVisible"><span class="icon ion-ios-link"></span></a></span>
|
|
4795
|
+
</td>
|
|
4796
|
+
</tr>
|
|
4797
|
+
|
|
4798
|
+
<tr>
|
|
4799
|
+
<td class="col-md-4">
|
|
4800
|
+
<span class="accessor"><b>get</b><code>nbOptionsVisible()</code></span>
|
|
4801
|
+
</td>
|
|
4802
|
+
</tr>
|
|
4803
|
+
|
|
4804
|
+
</tbody>
|
|
4805
|
+
</table>
|
|
4806
|
+
<table class="table table-sm table-bordered">
|
|
4807
|
+
<tbody>
|
|
4808
|
+
<tr>
|
|
4809
|
+
<td class="col-md-4">
|
|
4810
|
+
<a name="cdkVirtualScrollViewport"></a>
|
|
4811
|
+
<span class="name"><b>cdkVirtualScrollViewport</b><a href="#cdkVirtualScrollViewport"><span class="icon ion-ios-link"></span></a></span>
|
|
4812
|
+
</td>
|
|
4813
|
+
</tr>
|
|
4814
|
+
|
|
4815
|
+
<tr>
|
|
4816
|
+
<td class="col-md-4">
|
|
4817
|
+
<span class="accessor"><b>get</b><code>cdkVirtualScrollViewport()</code></span>
|
|
4818
|
+
</td>
|
|
4819
|
+
</tr>
|
|
4820
|
+
|
|
4821
|
+
</tbody>
|
|
4822
|
+
</table>
|
|
4710
4823
|
</section>
|
|
4711
4824
|
</div>
|
|
4712
4825
|
|
|
@@ -4722,7 +4835,7 @@
|
|
|
4722
4835
|
<script src="../js/libs/htmlparser.js"></script>
|
|
4723
4836
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
4724
4837
|
<script>
|
|
4725
|
-
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()" 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)" (keydown.enter)="addOnEnterHandler()" (keydown.backspace)="onKeyDownBackspace()" role="combobox" aria-autocomplete="both" aria-haspopup="true" aria-controls="autocompleteId" /> </ng-container> <mat-autocomplete
|
|
4838
|
+
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()" 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)" (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" [class]="classList" [autoActiveFirstOption]="autoActiveFirstOption" (closed)="onClose()" (opened)="onOpen()" (optionSelected)="onOptionSelected($event)"> <ng-container *ngIf="groupBy"> <cdk-virtual-scroll-viewport #virtualScrolling itemSize="48" 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" [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="48" minBufferPx="500" maxBufferPx="750" [style.min-height]="cdkVirtualScrollViewport + \'px\'"> <mat-option *cdkVirtualFor="let autocompleteOption of autocompleteOptions | async; let i = index; trackBy: trackByFn" [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>'
|
|
4726
4839
|
var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'CollapsedBreadcrumbComponent', 'selector': 'eui-collapsed-breadcrumb'},{'name': 'EuiAlertComponent', 'selector': 'div[euiAlert], eui-alert'},{'name': 'EuiAppBreadcrumbComponent', 'selector': 'eui-app-breadcrumb'},{'name': 'EuiAppComponent', 'selector': 'eui-app'},{'name': 'EuiAppFooterComponent', 'selector': 'eui-app-footer'},{'name': 'EuiAppHeaderComponent', 'selector': 'eui-app-header'},{'name': 'EuiAppSidebarBodyComponent', 'selector': 'eui-app-sidebar-body'},{'name': 'EuiAppSidebarComponent', 'selector': 'eui-app-sidebar'},{'name': 'EuiAppSidebarDrawerComponent', 'selector': 'eui-app-sidebar-drawer'},{'name': 'EuiAppSidebarFooterComponent', 'selector': 'eui-app-sidebar-footer'},{'name': 'EuiAppSidebarHeaderComponent', 'selector': 'eui-app-sidebar-header'},{'name': 'EuiAppSidebarHeaderUserProfileComponent', 'selector': 'eui-app-sidebar-header-user-profile'},{'name': 'EuiAppSidebarMenuComponent', 'selector': 'eui-app-sidebar-menu'},{'name': 'EuiAppToolbarComponent', 'selector': 'eui-app-toolbar'},{'name': 'EuiAppTopMessageComponent', 'selector': 'eui-app-top-message'},{'name': 'EuiAutocompleteAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteComponent', 'selector': 'eui-autocomplete, input[euiAutocomplete]'},{'name': 'EuiAutocompleteTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiBadgeComponent', 'selector': 'div[euiBadge], span[euiBadge], eui-badge'},{'name': 'EuiBlockContentComponent', 'selector': 'eui-block-content'},{'name': 'EuiBlockDocumentComponent', 'selector': 'eui-block-document'},{'name': 'EuiBreadcrumbComponent', 'selector': 'eui-breadcrumb'},{'name': 'EuiBreadcrumbItemComponent', 'selector': 'eui-breadcrumb-item'},{'name': 'EuiButtonComponent', 'selector': 'button[euiButton], a[euiButton]'},{'name': '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': 'EuiDropdownButtonChildMenuComponent', 'selector': 'eui-dropdown-button-child-menu'},{'name': 'EuiDropdownButtonMenuComponent', 'selector': 'eui-dropdown-button-menu'},{'name': 'EuiDropdownComponent', 'selector': 'eui-dropdown'},{'name': 'EuiDropdownItemComponent', 'selector': 'eui-dropdown-item, [euiDropdownItem]'},{'name': 'EuiEditorComponent', 'selector': 'eui-editor'},{'name': 'EuiEditorCountersComponent', 'selector': 'eui-editor-counters'},{'name': 'EuiEditorHtmlViewComponent', 'selector': 'eui-editor-html-view'},{'name': 'EuiEditorImageDialogComponent', 'selector': ''},{'name': 'EuiEditorJsonViewComponent', 'selector': 'eui-editor-json-view'},{'name': 'EuiExpandContentComponent', 'selector': 'eui-expand-content'},{'name': 'EuiFeedbackMessageComponent', 'selector': 'eui-feedback-message'},{'name': 'EuiFieldsetComponent', 'selector': 'eui-fieldset'},{'name': 'EuiFilePreviewComponent', 'selector': 'eui-file-preview'},{'name': 'EuiFileUploadComponent', 'selector': 'eui-file-upload'},{'name': 'EuiFileUploadProgressComponent', 'selector': 'eui-file-upload-progress'},{'name': 'EuiFooterComponent', 'selector': 'eui-footer'},{'name': 'EuiGrowlComponent', 'selector': 'eui-growl'},{'name': 'EuiHeaderAppComponent', 'selector': 'eui-header-app'},{'name': 'EuiHeaderAppNameComponent', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppSubtitleComponent', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiHeaderComponent', 'selector': 'eui-header'},{'name': 'EuiHeaderEnvironmentComponent', 'selector': 'eui-header-environment'},{'name': 'EuiHeaderLogoComponent', 'selector': 'eui-header-logo'},{'name': 'EuiHeaderUserProfileComponent', 'selector': 'eui-header-user-profile'},{'name': 'EuiIconColorComponent', 'selector': 'eui-icon-colored, span[euiIconColored], [euiIconColored]'},{'name': 'EuiIconComponent', 'selector': 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon'},{'name': 'EuiIconSvgComponent', 'selector': '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,
|
|
4727
4840
|
label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel'},{'name': 'EuiLanguageSelectorComponent', 'selector': 'eui-language-selector'},{'name': 'EuiListComponent', 'selector': '[euiList], eui-list'},{'name': 'EuiListItemComponent', 'selector': '[euiListItem], eui-list-item'},{'name': 'EuiMenuComponent', 'selector': 'eui-menu'},{'name': 'EuiMenuItemComponent', 'selector': 'eui-menu-item'},{'name': 'EuiMessageBoxComponent', 'selector': 'eui-message-box'},{'name': 'EuiModalPickerComponent', 'selector': ''},{'name': 'EuiModalSelectorComponent', 'selector': 'eui-modal-selector'},{'name': 'EuiNotificationItemComponent', 'selector': 'eui-notification-item'},{'name': 'EuiNotificationsComponent', 'selector': 'eui-notifications'},{'name': 'EuiOverlayBodyComponent', 'selector': 'eui-overlay-body'},{'name': 'EuiOverlayComponent', 'selector': 'eui-overlay'},{'name': 'EuiOverlayFooterComponent', 'selector': 'eui-overlay-footer'},{'name': 'EuiOverlayHeaderComponent', 'selector': 'eui-overlay-header'},{'name': 'EuiPageBreadcrumbComponent', 'selector': 'eui-page-breadcrumb'},{'name': 'EuiPageColumnComponent', 'selector': 'eui-page-column'},{'name': 'EuiPageColumnsComponent', 'selector': 'eui-page-columns'},{'name': 'EuiPageComponent', 'selector': 'eui-page'},{'name': 'EuiPageContentComponent', 'selector': 'eui-page-content'},{'name': 'EuiPageFooterComponent', 'selector': 'eui-page-footer'},{'name': 'EuiPageHeaderComponent', 'selector': 'eui-page-header'},{'name': 'EuiPageHeroHeaderComponent', 'selector': 'eui-page-hero-header'},{'name': 'EuiPageTopContentComponent', 'selector': 'eui-page-top-content'},{'name': 'EuiPaginatorComponent', 'selector': 'eui-paginator'},{'name': 'EuiPickerComponent', 'selector': 'eui-picker'},{'name': 'EuiPopoverComponent', 'selector': 'eui-popover'},{'name': 'EuiProgressCircleComponent', 'selector': 'eui-progress-circle'},{'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': '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': 'EuiUploadedFileComponent', 'selector': 'eui-uploaded-file'},{'name': 'EuiUserProfileComponent', 'selector': 'eui-user-profile'},{'name': 'EuiUserProfileMenuComponent', 'selector': 'eui-user-profile-menu'},{'name': 'EuiUserProfileMenuItemComponent', 'selector': 'eui-user-profile-menu-item'},{'name': 'EuiWizardComponent', 'selector': 'eui-wizard'},{'name': 'EuiWizardStepComponent', 'selector': 'eui-wizard-step'},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'},{'name': 'UxActionBoxComponent', 'selector': 'ux-action-box'},{'name': 'UxAlertComponent', 'selector': 'ux-alert'},{'name': 'UxBadgeComponent', 'selector': 'ux-badge'},{'name': 'UxBadgeGroupComponent', 'selector': 'ux-badge-group'},{'name': 'UxButtonComponent', 'selector': 'ux-button'},{'name': 'UxButtonGroupComponent', 'selector': 'ux-button-group'},{'name': 'UxButtonGroupItemComponent', 'selector': 'ux-button-group-item'},{'name': 'UxCardComponent', 'selector': 'ux-card'},{'name': 'UxChipComponent', 'selector': 'ux-chip'},{'name': 'UxChipsListComponent', 'selector': 'ux-chips-list'},{'name': 'UxChipsListDroppableAreaComponent', 'selector': 'ux-chips-list-droppable-area'},{'name': 'UxControlFeedbackComponent', 'selector': 'ux-control-feedback'},{'name': 'UxDashboardButtonComponent', 'selector': 'ux-dashboard-button'},{'name': 'UxDashboardButtonsComponent', 'selector': 'ux-dashboard-buttons'},{'name': 'UxDashboardCardComponent', 'selector': 'ux-dashboard-card'},{'name': 'UxDatepickerComponent', 'selector': 'ux-datepicker'},{'name': 'UxDateRangeSelectorComponent', 'selector': 'ux-date-range-selector'},{'name': 'UxDisableContentComponent', 'selector': 'ux-disable-content'},{'name': 'UxDiscussionThreadComponent', 'selector': 'ux-discussion-thread'},{'name': 'UxDiscussionThreadItemComponent', 'selector': 'ux-discussion-thread-item'},{'name': 'UxDropdownButtonComponent', 'selector': 'ux-dropdown-button'},{'name': 'UxDropdownButtonItemComponent', 'selector': 'ux-dropdown-button-item'},{'name': 'UxDropdownComponent', 'selector': 'ux-dropdown'},{'name': 'UxDropdownTreeComponent', 'selector': 'ux-dropdown-tree'},{'name': 'UxDynamicMessageBoxComponent', 'selector': 'ux-dynamic-message-box'},{'name': 'UxDynamicModalComponent', 'selector': 'ux-dynamic-modal'},{'name': 'UxDynamicPopoverComponent', 'selector': 'ux-dynamic-popover'},{'name': 'UxEditorComponent', 'selector': 'ux-editor'},{'name': 'UxEditorCountersComponent', 'selector': 'ux-editor-counters'},{'name': 'UxEditorViewComponent', 'selector': 'ux-editor-view'},{'name': 'UxEditorViewHTMLComponent', 'selector': 'ux-editor-view-html'},{'name': 'UxErrorGroupItemComponent', 'selector': 'ux-error-group-item'},{'name': 'UxErrorGroupOutputComponent', 'selector': 'ux-error-group-output'},{'name': 'UxErrorOutputComponent', 'selector': 'ux-error-output'},{'name': 'UxFieldSearchComponent', 'selector': 'ux-field-search'},{'name': 'UxFieldsetComponent', 'selector': 'ux-fieldset'},{'name': 'UxFileUploadComponent', 'selector': 'ux-file-upload'},{'name': 'UxFormControlComponent', 'selector': 'ux-form-control'},{'name': 'UxFormGroupComponent', 'selector': 'ux-form-group'},{'name': 'UxIconComponent', 'selector': 'ux-a-icon'},{'name': 'UxIconToggleComponent', 'selector': 'ux-a-icon-toggle'},{'name': 'UxLabelComponent', 'selector': 'ux-a-label'},{'name': 'UxLayoutHorizontalComponent', 'selector': 'ux-layout-horizontal'},{'name': 'UxLayoutOverlayPanelComponent', 'selector': 'ux-layout-overlay-panel'},{'name': 'UxListItemComponent', 'selector': 'ux-list-item'},{'name': 'UxListItemsComponent', 'selector': 'ux-list-items'},{'name': 'UxLoadingIndicatorComponent', 'selector': 'ux-loading-indicator'},{'name': 'UxMessageBoxComponent', 'selector': 'ux-message-box'},{'name': 'UxMFileUploadComponent', 'selector': 'ux-m-file-upload'},{'name': 'UxMFileUploadQueueComponent', 'selector': 'ux-m-file-upload-queue'},{'name': 'UxModalComponent', 'selector': 'ux-modal'},{'name': 'UxOverlayComponent', 'selector': 'ux-overlay'},{'name': 'UxPanelComponent', 'selector': 'ux-panel'},{'name': 'UxPanelsComponent', 'selector': 'ux-panels'},{'name': 'UxPopoverComponent', 'selector': 'ux-popover'},{'name': 'UxProgressCircleComponent', 'selector': 'ux-progress-circle'},{'name': 'UxSplitButtonComponent', 'selector': 'ux-split-button'},{'name': 'UxStaticTabsComponent', 'selector': 'ux-static-tabs'},{'name': 'UxSwitchComponent', 'selector': 'ux-switch'},{'name': 'UxTabComponent', 'selector': 'ux-tab'},{'name': 'UxTabsBarComponent', 'selector': 'ux-tabs-bar'},{'name': 'UxTabsComponent', 'selector': 'ux-tabs'},{'name': 'UxTagComponent', 'selector': 'ux-a-tag'},{'name': 'UxTimebarComponent', 'selector': 'ux-timebar'},{'name': 'UxTimelineItemComponent', 'selector': 'ux-timeline-item'},{'name': 'UxTimelineItemsComponent', 'selector': 'ux-timeline-items'},{'name': 'UxTimepickerComponent', 'selector': 'ux-timepicker'},{'name': 'UxTreeComponent', 'selector': 'ux-tree'},{'name': 'UxTreeListComponent', 'selector': 'ux-tree-list'},{'name': 'UxTreeListItemComponent', 'selector': 'ux-tree-list-item'},{'name': 'UxTreeNodeComponent', 'selector': 'ux-tree-node'},{'name': 'UxWizardStepComponent', 'selector': 'ux-wizard-step'},{'name': 'UxWizardStepsComponent', 'selector': 'ux-wizard-steps'}];
|
|
4728
4841
|
var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseDirective', 'selector': '[euiBase]'},{'name': 'CollapsedButtonDirective', 'selector': 'collapsed-button'},{'name': 'EuiActionButtonsDirective', 'selector': 'eui-action-buttons'},{'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': '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': 'EuiHeaderAppSubtitleDirective', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiLoadingDirective', 'selector': '[euiLoading]'},{'name': 'EuiMaxLengthDirective', 'selector': '
|
package/docs/dependencies.html
CHANGED
|
@@ -253,9 +253,9 @@
|
|
|
253
253
|
<li>
|
|
254
254
|
<b>eslint-plugin-prettier</b> : 4.2.1</li>
|
|
255
255
|
<li>
|
|
256
|
-
<b>@eui/styles-base</b> : 16.0.0-next.
|
|
256
|
+
<b>@eui/styles-base</b> : 16.0.0-next.4</li>
|
|
257
257
|
<li>
|
|
258
|
-
<b>@eui/ecl</b> : 16.0.0-next.
|
|
258
|
+
<b>@eui/ecl</b> : 16.0.0-next.4</li>
|
|
259
259
|
<li>
|
|
260
260
|
<b>@eui/tools</b> : ^6.0.0</li>
|
|
261
261
|
</ul>
|
package/docs/js/menu-wc.js
CHANGED
|
@@ -405,13 +405,13 @@ customElements.define('compodoc-menu', class extends HTMLElement {
|
|
|
405
405
|
<a href="modules/EuiAutocompleteModule.html" data-type="entity-link" >EuiAutocompleteModule</a>
|
|
406
406
|
<li class="chapter inner">
|
|
407
407
|
<div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ?
|
|
408
|
-
'data-target="#components-links-module-EuiAutocompleteModule-
|
|
408
|
+
'data-target="#components-links-module-EuiAutocompleteModule-f3d4b405aa5cc7e88c5f57feb8cd20b68b15128c5696bdc8fe2cb2928fee398952e5eea20f079a2514ed7beeaa2bf5a21e25aec603375b48dbd75909b2e96385"' : 'data-target="#xs-components-links-module-EuiAutocompleteModule-f3d4b405aa5cc7e88c5f57feb8cd20b68b15128c5696bdc8fe2cb2928fee398952e5eea20f079a2514ed7beeaa2bf5a21e25aec603375b48dbd75909b2e96385"' }>
|
|
409
409
|
<span class="icon ion-md-cog"></span>
|
|
410
410
|
<span>Components</span>
|
|
411
411
|
<span class="icon ion-ios-arrow-down"></span>
|
|
412
412
|
</div>
|
|
413
|
-
<ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiAutocompleteModule-
|
|
414
|
-
'id="xs-components-links-module-EuiAutocompleteModule-
|
|
413
|
+
<ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiAutocompleteModule-f3d4b405aa5cc7e88c5f57feb8cd20b68b15128c5696bdc8fe2cb2928fee398952e5eea20f079a2514ed7beeaa2bf5a21e25aec603375b48dbd75909b2e96385"' :
|
|
414
|
+
'id="xs-components-links-module-EuiAutocompleteModule-f3d4b405aa5cc7e88c5f57feb8cd20b68b15128c5696bdc8fe2cb2928fee398952e5eea20f079a2514ed7beeaa2bf5a21e25aec603375b48dbd75909b2e96385"' }>
|
|
415
415
|
<li class="link">
|
|
416
416
|
<a href="components/EuiAutocompleteComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiAutocompleteComponent</a>
|
|
417
417
|
</li>
|