@eui/components 14.0.23-snapshot-1683799925503 → 14.0.23
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 +193 -80
- package/docs/components/EuiMenuItemComponent.html +1 -1
- package/docs/components/EuiPopoverComponent.html +1 -1
- package/docs/directives/EuiNgSelectOptionDirective.html +156 -1
- package/docs/directives/EuiSelectMultipleOption.html +13 -1
- 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/esm2020/eui-autocomplete/eui-autocomplete.component.mjs +74 -19
- package/esm2020/eui-autocomplete/eui-autocomplete.module.mjs +7 -3
- package/esm2020/eui-block-content/eui-block-content.component.mjs +2 -2
- package/esm2020/eui-datepicker/eui-datepicker.component.mjs +35 -35
- package/esm2020/eui-menu/eui-menu-item.component.mjs +3 -3
- package/esm2020/eui-menu/eui-menu.component.mjs +22 -20
- package/esm2020/eui-popover/eui-popover.component.mjs +3 -3
- package/esm2020/eui-select/eui-select-mutli-option.directive.mjs +10 -3
- package/esm2020/eui-select/eui-select-option.directive.mjs +45 -6
- package/esm2020/eui-table/eui-table.component.mjs +2 -2
- package/eui-autocomplete/eui-autocomplete.component.d.ts +14 -5
- 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/eui-datepicker/eui-datepicker.component.d.ts.map +1 -1
- package/eui-menu/eui-menu.component.d.ts.map +1 -1
- package/eui-select/eui-select-mutli-option.directive.d.ts +4 -2
- package/eui-select/eui-select-mutli-option.directive.d.ts.map +1 -1
- package/eui-select/eui-select-option.directive.d.ts +17 -7
- package/eui-select/eui-select-option.directive.d.ts.map +1 -1
- package/fesm2015/eui-components-eui-autocomplete.mjs +80 -20
- package/fesm2015/eui-components-eui-autocomplete.mjs.map +1 -1
- package/fesm2015/eui-components-eui-block-content.mjs +2 -2
- package/fesm2015/eui-components-eui-datepicker.mjs +34 -34
- package/fesm2015/eui-components-eui-datepicker.mjs.map +1 -1
- package/fesm2015/eui-components-eui-menu.mjs +23 -21
- package/fesm2015/eui-components-eui-menu.mjs.map +1 -1
- package/fesm2015/eui-components-eui-popover.mjs +2 -2
- package/fesm2015/eui-components-eui-popover.mjs.map +1 -1
- package/fesm2015/eui-components-eui-select.mjs +51 -6
- package/fesm2015/eui-components-eui-select.mjs.map +1 -1
- package/fesm2015/eui-components-eui-table.mjs +2 -2
- package/fesm2015/eui-components-eui-table.mjs.map +1 -1
- package/fesm2020/eui-components-eui-autocomplete.mjs +79 -20
- package/fesm2020/eui-components-eui-autocomplete.mjs.map +1 -1
- package/fesm2020/eui-components-eui-block-content.mjs +2 -2
- package/fesm2020/eui-components-eui-datepicker.mjs +34 -34
- package/fesm2020/eui-components-eui-datepicker.mjs.map +1 -1
- package/fesm2020/eui-components-eui-menu.mjs +23 -21
- package/fesm2020/eui-components-eui-menu.mjs.map +1 -1
- package/fesm2020/eui-components-eui-popover.mjs +2 -2
- package/fesm2020/eui-components-eui-popover.mjs.map +1 -1
- package/fesm2020/eui-components-eui-select.mjs +49 -6
- package/fesm2020/eui-components-eui-select.mjs.map +1 -1
- package/fesm2020/eui-components-eui-table.mjs +2 -2
- package/fesm2020/eui-components-eui-table.mjs.map +1 -1
- package/package.json +2 -2
|
@@ -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>
|
|
@@ -2205,81 +2249,6 @@
|
|
|
2205
2249
|
</tr>
|
|
2206
2250
|
</tbody>
|
|
2207
2251
|
</table>
|
|
2208
|
-
<table class="table table-sm table-bordered">
|
|
2209
|
-
<tbody>
|
|
2210
|
-
<tr>
|
|
2211
|
-
<td class="col-md-4">
|
|
2212
|
-
<a name="isVisible"></a>
|
|
2213
|
-
<span class="name">
|
|
2214
|
-
<span ><b>isVisible</b></span>
|
|
2215
|
-
<a href="#isVisible"><span class="icon ion-ios-link"></span></a>
|
|
2216
|
-
</span>
|
|
2217
|
-
</td>
|
|
2218
|
-
</tr>
|
|
2219
|
-
<tr>
|
|
2220
|
-
<td class="col-md-4">
|
|
2221
|
-
<code>isVisible(origin: <a href="https://angular.io/api/core/ElementRef" target="_blank">ElementRef</a>, scrollableParent: HTMLElement)</code>
|
|
2222
|
-
</td>
|
|
2223
|
-
</tr>
|
|
2224
|
-
|
|
2225
|
-
|
|
2226
|
-
|
|
2227
|
-
|
|
2228
|
-
<tr>
|
|
2229
|
-
<td class="col-md-4">
|
|
2230
|
-
|
|
2231
|
-
<div class="io-description">
|
|
2232
|
-
<b>Parameters :</b>
|
|
2233
|
-
|
|
2234
|
-
<table class="params">
|
|
2235
|
-
<thead>
|
|
2236
|
-
<tr>
|
|
2237
|
-
<td>Name</td>
|
|
2238
|
-
<td>Type</td>
|
|
2239
|
-
<td>Optional</td>
|
|
2240
|
-
</tr>
|
|
2241
|
-
</thead>
|
|
2242
|
-
<tbody>
|
|
2243
|
-
<tr>
|
|
2244
|
-
<td>origin</td>
|
|
2245
|
-
<td>
|
|
2246
|
-
<code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
|
|
2247
|
-
</td>
|
|
2248
|
-
|
|
2249
|
-
<td>
|
|
2250
|
-
No
|
|
2251
|
-
</td>
|
|
2252
|
-
|
|
2253
|
-
|
|
2254
|
-
</tr>
|
|
2255
|
-
<tr>
|
|
2256
|
-
<td>scrollableParent</td>
|
|
2257
|
-
<td>
|
|
2258
|
-
<code>HTMLElement</code>
|
|
2259
|
-
</td>
|
|
2260
|
-
|
|
2261
|
-
<td>
|
|
2262
|
-
No
|
|
2263
|
-
</td>
|
|
2264
|
-
|
|
2265
|
-
|
|
2266
|
-
</tr>
|
|
2267
|
-
</tbody>
|
|
2268
|
-
</table>
|
|
2269
|
-
</div>
|
|
2270
|
-
<div>
|
|
2271
|
-
</div>
|
|
2272
|
-
<div class="io-description">
|
|
2273
|
-
<b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
2274
|
-
|
|
2275
|
-
</div>
|
|
2276
|
-
<div class="io-description">
|
|
2277
|
-
|
|
2278
|
-
</div>
|
|
2279
|
-
</td>
|
|
2280
|
-
</tr>
|
|
2281
|
-
</tbody>
|
|
2282
|
-
</table>
|
|
2283
2252
|
<table class="table table-sm table-bordered">
|
|
2284
2253
|
<tbody>
|
|
2285
2254
|
<tr>
|
|
@@ -3640,6 +3609,27 @@
|
|
|
3640
3609
|
</tr>
|
|
3641
3610
|
|
|
3642
3611
|
|
|
3612
|
+
</tbody>
|
|
3613
|
+
</table>
|
|
3614
|
+
<table class="table table-sm table-bordered">
|
|
3615
|
+
<tbody>
|
|
3616
|
+
<tr>
|
|
3617
|
+
<td class="col-md-4">
|
|
3618
|
+
<a name="selectedOptionIndex"></a>
|
|
3619
|
+
<span class="name">
|
|
3620
|
+
<span class="modifier">Public</span>
|
|
3621
|
+
<span ><b>selectedOptionIndex</b></span>
|
|
3622
|
+
<a href="#selectedOptionIndex"><span class="icon ion-ios-link"></span></a>
|
|
3623
|
+
</span>
|
|
3624
|
+
</td>
|
|
3625
|
+
</tr>
|
|
3626
|
+
<tr>
|
|
3627
|
+
<td class="col-md-4">
|
|
3628
|
+
<i>Default value : </i><code>-1</code>
|
|
3629
|
+
</td>
|
|
3630
|
+
</tr>
|
|
3631
|
+
|
|
3632
|
+
|
|
3643
3633
|
</tbody>
|
|
3644
3634
|
</table>
|
|
3645
3635
|
<table class="table table-sm table-bordered">
|
|
@@ -3697,6 +3687,36 @@
|
|
|
3697
3687
|
</tr>
|
|
3698
3688
|
|
|
3699
3689
|
|
|
3690
|
+
</tbody>
|
|
3691
|
+
</table>
|
|
3692
|
+
<table class="table table-sm table-bordered">
|
|
3693
|
+
<tbody>
|
|
3694
|
+
<tr>
|
|
3695
|
+
<td class="col-md-4">
|
|
3696
|
+
<a name="virtualScrolling"></a>
|
|
3697
|
+
<span class="name">
|
|
3698
|
+
<span ><b>virtualScrolling</b></span>
|
|
3699
|
+
<a href="#virtualScrolling"><span class="icon ion-ios-link"></span></a>
|
|
3700
|
+
</span>
|
|
3701
|
+
</td>
|
|
3702
|
+
</tr>
|
|
3703
|
+
<tr>
|
|
3704
|
+
<td class="col-md-4">
|
|
3705
|
+
<i>Type : </i> <code>CdkVirtualScrollViewport</code>
|
|
3706
|
+
|
|
3707
|
+
</td>
|
|
3708
|
+
</tr>
|
|
3709
|
+
<tr>
|
|
3710
|
+
<td class="col-md-4">
|
|
3711
|
+
<b>Decorators : </b>
|
|
3712
|
+
<br />
|
|
3713
|
+
<code>
|
|
3714
|
+
@ViewChild('virtualScrolling')<br />
|
|
3715
|
+
</code>
|
|
3716
|
+
</td>
|
|
3717
|
+
</tr>
|
|
3718
|
+
|
|
3719
|
+
|
|
3700
3720
|
</tbody>
|
|
3701
3721
|
</table>
|
|
3702
3722
|
</section>
|
|
@@ -4666,6 +4686,65 @@
|
|
|
4666
4686
|
</tr>
|
|
4667
4687
|
</tbody>
|
|
4668
4688
|
</table>
|
|
4689
|
+
<table class="table table-sm table-bordered">
|
|
4690
|
+
<tbody>
|
|
4691
|
+
<tr>
|
|
4692
|
+
<td class="col-md-4">
|
|
4693
|
+
<a name="autoActiveFirstOption"></a>
|
|
4694
|
+
<span class="name"><b>autoActiveFirstOption</b><a href="#autoActiveFirstOption"><span class="icon ion-ios-link"></span></a></span>
|
|
4695
|
+
</td>
|
|
4696
|
+
</tr>
|
|
4697
|
+
|
|
4698
|
+
<tr>
|
|
4699
|
+
<td class="col-md-4">
|
|
4700
|
+
<span class="accessor"><b>get</b><code>autoActiveFirstOption()</code></span>
|
|
4701
|
+
</td>
|
|
4702
|
+
</tr>
|
|
4703
|
+
|
|
4704
|
+
<tr>
|
|
4705
|
+
<td class="col-md-4">
|
|
4706
|
+
<span class="accessor"><b>set</b><code>autoActiveFirstOption(value: BooleanInput)</code></span>
|
|
4707
|
+
</td>
|
|
4708
|
+
</tr>
|
|
4709
|
+
<tr>
|
|
4710
|
+
<td class="col-md-4">
|
|
4711
|
+
|
|
4712
|
+
<div class="io-description">
|
|
4713
|
+
<b>Parameters :</b>
|
|
4714
|
+
<table class="params">
|
|
4715
|
+
<thead>
|
|
4716
|
+
<tr>
|
|
4717
|
+
<td>Name</td>
|
|
4718
|
+
<td>Type</td>
|
|
4719
|
+
<td>Optional</td>
|
|
4720
|
+
</tr>
|
|
4721
|
+
</thead>
|
|
4722
|
+
<tbody>
|
|
4723
|
+
<tr>
|
|
4724
|
+
<td>value</td>
|
|
4725
|
+
|
|
4726
|
+
<td>
|
|
4727
|
+
<code>BooleanInput</code>
|
|
4728
|
+
</td>
|
|
4729
|
+
|
|
4730
|
+
<td>
|
|
4731
|
+
No
|
|
4732
|
+
</td>
|
|
4733
|
+
|
|
4734
|
+
</tr>
|
|
4735
|
+
</tbody>
|
|
4736
|
+
</table>
|
|
4737
|
+
</div>
|
|
4738
|
+
<div>
|
|
4739
|
+
</div>
|
|
4740
|
+
<div class="io-description">
|
|
4741
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
4742
|
+
|
|
4743
|
+
</div>
|
|
4744
|
+
</td>
|
|
4745
|
+
</tr>
|
|
4746
|
+
</tbody>
|
|
4747
|
+
</table>
|
|
4669
4748
|
<table class="table table-sm table-bordered">
|
|
4670
4749
|
<tbody>
|
|
4671
4750
|
<tr>
|
|
@@ -4683,6 +4762,40 @@
|
|
|
4683
4762
|
|
|
4684
4763
|
</tbody>
|
|
4685
4764
|
</table>
|
|
4765
|
+
<table class="table table-sm table-bordered">
|
|
4766
|
+
<tbody>
|
|
4767
|
+
<tr>
|
|
4768
|
+
<td class="col-md-4">
|
|
4769
|
+
<a name="nbOptionsVisible"></a>
|
|
4770
|
+
<span class="name"><b>nbOptionsVisible</b><a href="#nbOptionsVisible"><span class="icon ion-ios-link"></span></a></span>
|
|
4771
|
+
</td>
|
|
4772
|
+
</tr>
|
|
4773
|
+
|
|
4774
|
+
<tr>
|
|
4775
|
+
<td class="col-md-4">
|
|
4776
|
+
<span class="accessor"><b>get</b><code>nbOptionsVisible()</code></span>
|
|
4777
|
+
</td>
|
|
4778
|
+
</tr>
|
|
4779
|
+
|
|
4780
|
+
</tbody>
|
|
4781
|
+
</table>
|
|
4782
|
+
<table class="table table-sm table-bordered">
|
|
4783
|
+
<tbody>
|
|
4784
|
+
<tr>
|
|
4785
|
+
<td class="col-md-4">
|
|
4786
|
+
<a name="cdkVirtualScrollViewport"></a>
|
|
4787
|
+
<span class="name"><b>cdkVirtualScrollViewport</b><a href="#cdkVirtualScrollViewport"><span class="icon ion-ios-link"></span></a></span>
|
|
4788
|
+
</td>
|
|
4789
|
+
</tr>
|
|
4790
|
+
|
|
4791
|
+
<tr>
|
|
4792
|
+
<td class="col-md-4">
|
|
4793
|
+
<span class="accessor"><b>get</b><code>cdkVirtualScrollViewport()</code></span>
|
|
4794
|
+
</td>
|
|
4795
|
+
</tr>
|
|
4796
|
+
|
|
4797
|
+
</tbody>
|
|
4798
|
+
</table>
|
|
4686
4799
|
</section>
|
|
4687
4800
|
</div>
|
|
4688
4801
|
|
|
@@ -4698,7 +4811,7 @@
|
|
|
4698
4811
|
<script src="../js/libs/htmlparser.js"></script>
|
|
4699
4812
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
4700
4813
|
<script>
|
|
4701
|
-
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
|
|
4814
|
+
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>'
|
|
4702
4815
|
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': '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': 'EuiDropdownButtonChildMenuComponent', 'selector': 'eui-dropdown-button-child-menu'},{'name': 'EuiDropdownButtonMenuComponent', 'selector': 'eui-dropdown-button-menu'},{'name': 'EuiDropdownComponent', 'selector': 'eui-dropdown'},{'name': 'EuiDropdownContentComponent', 'selector': 'eui-dropdown-content'},{'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': 'span[euiIconSvg], i[euiIconSvg], eui-icon-svg'},{'name': 'EuiIconToggleComponent', 'selector': 'eui-icon-toggle'},{'name': 'EuiInputCheckboxComponent', 'selector': 'input[euiInputCheckBox]'},{'name': 'EuiInputGroupComponent', 'selector': 'div[euiInputGroup]'},{'name': 'EuiInputNumberComponent', 'selector': 'input[euiInputNumber]:not([euiInputCheckBox])'},{'name': 'EuiInputRadioComponent', 'selector': 'input[euiInputRadio]'},{'name': 'EuiInputTextComponent', 'selector': 'input[euiInputText]'},{'name': 'EuiLabelComponent', 'selector': 'label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,
|
|
4703
4816
|
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': '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': 'EuiPaginatorComponent', 'selector': 'eui-paginator'},{'name': 'EuiPickerComponent', 'selector': 'eui-picker'},{'name': 'EuiPopoverComponent', 'selector': 'eui-popover'},{'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': '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': 'EuiTablePaginatorComponent', 'selector': 'eui-table-paginator'},{'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': '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': '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': 'QuillEditorComponent', 'selector': 'quill-editor'},{'name': 'UxActionBoxComponent', 'selector': 'ux-action-box'},{'name': 'UxAlertComponent', 'selector': 'ux-alert'},{'name': 'UxAutoCompleteComponent', 'selector': 'ux-autocomplete'},{'name': 'UxAutoCompleteTagComponent', 'selector': 'ux-autocomplete-tag'},{'name': 'UxAutocompleteTagDroppableAreaComponent', 'selector': 'ux-autocomplete-tag-droppable-area'},{'name': 'UxBadgeComponent', 'selector': 'ux-badge'},{'name': 'UxBadgeGroupComponent', 'selector': 'ux-badge-group'},{'name': 'UxBlockContentComponent', 'selector': 'ux-block-content'},{'name': 'UxBlockDocumentComponent', 'selector': 'ux-block-document'},{'name': 'UxButtonComponent', 'selector': 'ux-button'},{'name': 'UxButtonGroupComponent', 'selector': 'ux-button-group'},{'name': 'UxButtonGroupItemComponent', 'selector': 'ux-button-group-item'},{'name': 'UxCardComponent', 'selector': 'ux-card'},{'name': 'UxCarouselItemComponent', 'selector': 'ux-carousel-item'},{'name': 'UxCarouselItemsComponent', 'selector': 'ux-carousel-items'},{'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': 'UxDateTagComponent', 'selector': 'ux-a-date-tag'},{'name': 'UxDisableContentComponent', 'selector': 'ux-disable-content'},{'name': 'UxDiscussionThreadComponent', 'selector': 'ux-discussion-thread'},{'name': 'UxDiscussionThreadItemComponent', 'selector': 'ux-discussion-thread-item'},{'name': 'UxDocumentViewerComponent', 'selector': 'ux-document-viewer'},{'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': 'UxFilterComponent', 'selector': 'ux-filter'},{'name': 'UxFormControlComponent', 'selector': 'ux-form-control'},{'name': 'UxFormGroupComponent', 'selector': 'ux-form-group'},{'name': 'UxGrowlComponent', 'selector': 'ux-growl'},{'name': 'UxIconBoxComponent', 'selector': 'ux-a-icon-box'},{'name': 'UxIconComponent', 'selector': 'ux-a-icon'},{'name': 'UxIconToggleComponent', 'selector': 'ux-a-icon-toggle'},{'name': 'UxLabelComponent', 'selector': 'ux-a-label'},{'name': 'UxLanguageSelectorComponent', 'selector': 'ux-language-selector'},{'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': 'UxMarkerComponent', 'selector': 'ux-a-marker'},{'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': 'UxStickyComponent', 'selector': 'ux-sticky'},{'name': 'UxSwitchComponent', 'selector': 'ux-switch'},{'name': 'UxTabComponent', 'selector': 'ux-tab'},{'name': 'UxTableComponent', 'selector': 'ux-table'},{'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': 'UxToolbarFilterComponent', 'selector': 'ux-a-toolbar-filter'},{'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'}];
|
|
4704
4817
|
var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseDirective', 'selector': '[euiBase]'},{'name': 'CollapsedButtonDirective', 'selector': 'collapsed-button'},{'name': 'EuiAppPageWrapperDirective', 'selector': 'eui-app-page-wrapper'},{'name': 'EuiButtonsActionsContentTagDirective', 'selector': 'euiButtonsActionsContent'},{'name': 'EuiButtonsLocalMenuContentTagDirective', 'selector': 'euiButtonsLocalMenuContent'},{'name': 'EuiChipListAppendContentDirective', 'selector': 'euiChipListAppendContent'},{'name': 'EuiDialogFooterDirective', 'selector': 'eui-dialog-footer'},{'name': 'EuiDialogHeaderDirective', 'selector': 'eui-dialog-header'},{'name': 'EuiEditorCustomToolbarTagDirective', 'selector': 'euiEditorCustomToolbar'},{'name': 'EuiEditorMaxlengthDirective', 'selector': '[formControlName][euiEditorMaxlength]'},{'name': 'EuiFieldsetLabelExtraContentTagDirective', 'selector': 'euiFieldsetLabelExtraContent'},{'name': 'EuiFieldsetLabelRightContentTagDirective', 'selector': 'euiFieldsetLabelRightContent'},{'name': 'EuiHeaderAppNameDirective', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppSubtitleDirective', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiMaxLengthDirective', 'selector': '
|
|
@@ -1575,7 +1575,7 @@
|
|
|
1575
1575
|
<script src="../js/libs/htmlparser.js"></script>
|
|
1576
1576
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
1577
1577
|
<script>
|
|
1578
|
-
var COMPONENT_TEMPLATE = '<div><li *ngIf="!item.url && !item.urlExternal && !item.command && !item.children && !item.link && item.visible && item.filtered" class="eui-menu-item eui-menu-item__category" [class.eui-menu-item--disabled]="item.disabled" [class.eui-menu-item--no-separator]="item.hasSeparator === false" [attr.aria-disabled]="item.disabled" role="menuitem" [euiTooltip]="menuItemTooltip" euiTooltipRounded position="after"> <span class="eui-menu-item__category-icon eui-u-color-{{item?.iconTypeClass}} eui-icon" [ngClass]="hasIcon && item.iconClass ? item.iconClass : (isCollapsed ? \'eui-menu-item__category-icon--default\' : \'eui-menu-item__category-icon--none\')" [attr.aria-label]="item.iconLabel"> </span> <span class="eui-menu-item__category-label"> <span class="eui-menu-item__label">{{item.label}}</span> </span></li><li *ngIf="(item.url || item.urlExternal || item.children || item.command || item.link) && !item.link && item.visible && item.filtered" role="menuitem" [attr.aria-haspopup]="item?.children?.length > 0" class="eui-menu-item" [class.eui-menu-item--expanded]="item.expanded" [class.eui-menu-item--no-separator]="item.hasSeparator === false" [euiTooltip]="menuItemTooltip" euiTooltipRounded position="after"> <a (click)="onClick($event)" [routerLink]="item.url ? item.url : null" class="eui-menu-item__link" [class.eui-menu-item--disabled]="item.disabled" [attr.aria-disabled]="item.disabled" [routerLinkActive]="item.url ? \'eui-menu-item__link--active\' : \'\'" [class.eui-menu-item__link--active]="item.active"> <ng-template *ngTemplateOutlet="linkContent" [ngTemplateOutletContext]="{ $implicit: item }"></ng-template> </a> <ng-template *ngTemplateOutlet="content"></ng-template></li><li *ngIf="!item.url && !item.urlExternal && !item.command && !item.children && item.link && item.visible && item.filtered" role="menuitem" [attr.aria-haspopup]="item?.children?.length > 0" class="eui-menu-item" [class.eui-menu-item--expanded]="item.expanded" [class.eui-menu-item--no-separator]="item.hasSeparator === false" [euiTooltip]="menuItemTooltip" euiTooltipRounded position="after"> <a (click)="onClick($event)" class="eui-menu-item__link" [class.eui-menu-item--disabled]="item.disabled" [attr.aria-disabled]="item.disabled" [class.eui-menu-item__link--active]="item.active" href="javascript:void(0)"> <ng-template *ngTemplateOutlet="linkContent" [ngTemplateOutletContext]="{ $implicit: item }"></ng-template> </a> <ng-template *ngTemplateOutlet="content"></ng-template></li><ng-template #linkContent> <span class="eui-menu-item__link-icon eui-u-color-{{item?.iconTypeClass}} eui-icon" [ngClass]="hasIcon && item.iconClass ? item.iconClass : (isCollapsed && !item.hasMarker ? \'eui-menu-item__link-icon--default eui-icon-circle\' : \'eui-menu-item__link-icon--none\')" [attr.aria-label]="item.iconLabel"> </span> <span *ngIf="item.hasMarker" role="img" class="eui-menu-item__link-marker eui-menu-item__link-marker--default eui-icon eui-icon-circle eui-u-color-{{item?.markerTypeClass}}" [attr.aria-label]="item.markerTypeClass + \' \' + \'marker\'"> </span> <span class="eui-menu-item__link-label" [class.eui-menu-item--disabled]="item.disabled" [attr.aria-disabled]="item.disabled"> <span class="eui-menu-item__label">{{item.label}}</span> <span *ngIf="item.urlExternal && item.urlExternalTarget === \'_blank\'" class="eui-menu-item__label-external eui-icon eui-icon-ecl-external"></span> </span> <div class="eui-menu-item__link-right-content"> <eui-chip *ngIf="item.tagLabel" euiSizeXS euiOutline styleClass="eui-menu-item__link-tag-label eui-chip--{{item.tagTypeClass}}"> <span euiLabel class="eui-label">{{item.tagLabel}}</span> </eui-chip> <button type="button" *ngIf="item.children?.length > 0" euiButton euiRounded euiIconButton euiSizeS euiBasicButton euiSecondary [euiDisabled]="item.disabled" class="eui-menu-item__link-toggle" [attr.aria-label]="item.expanded ? expandMenuLabel : collapseMenuLabel" (click)="onExpandToggle($event)"> <span class="eui-icon" [ngClass]="item.expanded ? \'eui-icon-angle-up\' : \'eui-icon-angle-down\'"></span> </button> </div></ng-template><ng-template #content> <ng-content></ng-content></ng-template></div>'
|
|
1578
|
+
var COMPONENT_TEMPLATE = '<div><li *ngIf="!item.url && !item.urlExternal && !item.command && !item.children && !item.link && item.visible && item.filtered" class="eui-menu-item eui-menu-item__category" [class.eui-menu-item--disabled]="item.disabled" [class.eui-menu-item--no-separator]="item.hasSeparator === false" [attr.aria-disabled]="item.disabled" role="menuitem" [euiTooltip]="menuItemTooltip" euiTooltipRounded position="after"> <span class="eui-menu-item__category-icon eui-u-color-{{item?.iconTypeClass}} eui-icon" [ngClass]="hasIcon && item.iconClass ? item.iconClass : (isCollapsed ? \'eui-menu-item__category-icon--default\' : \'eui-menu-item__category-icon--none\')" [attr.aria-label]="item.iconLabel"> </span> <span class="eui-menu-item__category-label"> <span class="eui-menu-item__label">{{item.label}}</span> </span></li><li *ngIf="(item.url || item.urlExternal || item.children || item.command || item.link) && !item.link && item.visible && item.filtered" role="menuitem" [attr.aria-haspopup]="item?.children?.length > 0" class="eui-menu-item" [class.eui-menu-item--expanded]="item.expanded" [class.eui-menu-item--no-separator]="item.hasSeparator === false" [euiTooltip]="menuItemTooltip" euiTooltipRounded position="after"> <a (click)="onClick($event)" [tabindex]="item.disabled? \'-1\': \'0\'" [routerLink]="item.url ? item.url : null" class="eui-menu-item__link" [class.eui-menu-item--disabled]="item.disabled" [attr.aria-disabled]="item.disabled" [routerLinkActive]="item.url ? \'eui-menu-item__link--active\' : \'\'" [class.eui-menu-item__link--active]="item.active"> <ng-template *ngTemplateOutlet="linkContent" [ngTemplateOutletContext]="{ $implicit: item }"></ng-template> </a> <ng-template *ngTemplateOutlet="content"></ng-template></li><li *ngIf="!item.url && !item.urlExternal && !item.command && !item.children && item.link && item.visible && item.filtered" role="menuitem" [attr.aria-haspopup]="item?.children?.length > 0" class="eui-menu-item" [class.eui-menu-item--expanded]="item.expanded" [class.eui-menu-item--no-separator]="item.hasSeparator === false" [euiTooltip]="menuItemTooltip" euiTooltipRounded position="after"> <a (click)="onClick($event)" [tabindex]="item.disabled? \'-1\': \'0\'" class="eui-menu-item__link" [class.eui-menu-item--disabled]="item.disabled" [attr.aria-disabled]="item.disabled" [class.eui-menu-item__link--active]="item.active" href="javascript:void(0)"> <ng-template *ngTemplateOutlet="linkContent" [ngTemplateOutletContext]="{ $implicit: item }"></ng-template> </a> <ng-template *ngTemplateOutlet="content"></ng-template></li><ng-template #linkContent> <span class="eui-menu-item__link-icon eui-u-color-{{item?.iconTypeClass}} eui-icon" [ngClass]="hasIcon && item.iconClass ? item.iconClass : (isCollapsed && !item.hasMarker ? \'eui-menu-item__link-icon--default eui-icon-circle\' : \'eui-menu-item__link-icon--none\')" [attr.aria-label]="item.iconLabel"> </span> <span *ngIf="item.hasMarker" role="img" class="eui-menu-item__link-marker eui-menu-item__link-marker--default eui-icon eui-icon-circle eui-u-color-{{item?.markerTypeClass}}" [attr.aria-label]="item.markerTypeClass + \' \' + \'marker\'"> </span> <span class="eui-menu-item__link-label" [class.eui-menu-item--disabled]="item.disabled" [attr.aria-disabled]="item.disabled"> <span class="eui-menu-item__label">{{item.label}}</span> <span *ngIf="item.urlExternal && item.urlExternalTarget === \'_blank\'" class="eui-menu-item__label-external eui-icon eui-icon-ecl-external"></span> </span> <div class="eui-menu-item__link-right-content"> <eui-chip *ngIf="item.tagLabel" euiSizeXS euiOutline styleClass="eui-menu-item__link-tag-label eui-chip--{{item.tagTypeClass}}"> <span euiLabel class="eui-label">{{item.tagLabel}}</span> </eui-chip> <button type="button" *ngIf="item.children?.length > 0" euiButton euiRounded euiIconButton euiSizeS euiBasicButton euiSecondary [euiDisabled]="item.disabled" class="eui-menu-item__link-toggle" [attr.aria-label]="item.expanded ? expandMenuLabel : collapseMenuLabel" (click)="onExpandToggle($event)"> <span class="eui-icon" [ngClass]="item.expanded ? \'eui-icon-angle-up\' : \'eui-icon-angle-down\'"></span> </button> </div></ng-template><ng-template #content> <ng-content></ng-content></ng-template></div>'
|
|
1579
1579
|
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': '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': 'EuiDropdownButtonChildMenuComponent', 'selector': 'eui-dropdown-button-child-menu'},{'name': 'EuiDropdownButtonMenuComponent', 'selector': 'eui-dropdown-button-menu'},{'name': 'EuiDropdownComponent', 'selector': 'eui-dropdown'},{'name': 'EuiDropdownContentComponent', 'selector': 'eui-dropdown-content'},{'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': 'span[euiIconSvg], i[euiIconSvg], eui-icon-svg'},{'name': 'EuiIconToggleComponent', 'selector': 'eui-icon-toggle'},{'name': 'EuiInputCheckboxComponent', 'selector': 'input[euiInputCheckBox]'},{'name': 'EuiInputGroupComponent', 'selector': 'div[euiInputGroup]'},{'name': 'EuiInputNumberComponent', 'selector': 'input[euiInputNumber]:not([euiInputCheckBox])'},{'name': 'EuiInputRadioComponent', 'selector': 'input[euiInputRadio]'},{'name': 'EuiInputTextComponent', 'selector': 'input[euiInputText]'},{'name': 'EuiLabelComponent', 'selector': 'label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,
|
|
1580
1580
|
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': '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': 'EuiPaginatorComponent', 'selector': 'eui-paginator'},{'name': 'EuiPickerComponent', 'selector': 'eui-picker'},{'name': 'EuiPopoverComponent', 'selector': 'eui-popover'},{'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': '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': 'EuiTablePaginatorComponent', 'selector': 'eui-table-paginator'},{'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': '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': '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': 'QuillEditorComponent', 'selector': 'quill-editor'},{'name': 'UxActionBoxComponent', 'selector': 'ux-action-box'},{'name': 'UxAlertComponent', 'selector': 'ux-alert'},{'name': 'UxAutoCompleteComponent', 'selector': 'ux-autocomplete'},{'name': 'UxAutoCompleteTagComponent', 'selector': 'ux-autocomplete-tag'},{'name': 'UxAutocompleteTagDroppableAreaComponent', 'selector': 'ux-autocomplete-tag-droppable-area'},{'name': 'UxBadgeComponent', 'selector': 'ux-badge'},{'name': 'UxBadgeGroupComponent', 'selector': 'ux-badge-group'},{'name': 'UxBlockContentComponent', 'selector': 'ux-block-content'},{'name': 'UxBlockDocumentComponent', 'selector': 'ux-block-document'},{'name': 'UxButtonComponent', 'selector': 'ux-button'},{'name': 'UxButtonGroupComponent', 'selector': 'ux-button-group'},{'name': 'UxButtonGroupItemComponent', 'selector': 'ux-button-group-item'},{'name': 'UxCardComponent', 'selector': 'ux-card'},{'name': 'UxCarouselItemComponent', 'selector': 'ux-carousel-item'},{'name': 'UxCarouselItemsComponent', 'selector': 'ux-carousel-items'},{'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': 'UxDateTagComponent', 'selector': 'ux-a-date-tag'},{'name': 'UxDisableContentComponent', 'selector': 'ux-disable-content'},{'name': 'UxDiscussionThreadComponent', 'selector': 'ux-discussion-thread'},{'name': 'UxDiscussionThreadItemComponent', 'selector': 'ux-discussion-thread-item'},{'name': 'UxDocumentViewerComponent', 'selector': 'ux-document-viewer'},{'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': 'UxFilterComponent', 'selector': 'ux-filter'},{'name': 'UxFormControlComponent', 'selector': 'ux-form-control'},{'name': 'UxFormGroupComponent', 'selector': 'ux-form-group'},{'name': 'UxGrowlComponent', 'selector': 'ux-growl'},{'name': 'UxIconBoxComponent', 'selector': 'ux-a-icon-box'},{'name': 'UxIconComponent', 'selector': 'ux-a-icon'},{'name': 'UxIconToggleComponent', 'selector': 'ux-a-icon-toggle'},{'name': 'UxLabelComponent', 'selector': 'ux-a-label'},{'name': 'UxLanguageSelectorComponent', 'selector': 'ux-language-selector'},{'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': 'UxMarkerComponent', 'selector': 'ux-a-marker'},{'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': 'UxStickyComponent', 'selector': 'ux-sticky'},{'name': 'UxSwitchComponent', 'selector': 'ux-switch'},{'name': 'UxTabComponent', 'selector': 'ux-tab'},{'name': 'UxTableComponent', 'selector': 'ux-table'},{'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': 'UxToolbarFilterComponent', 'selector': 'ux-a-toolbar-filter'},{'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'}];
|
|
1581
1581
|
var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseDirective', 'selector': '[euiBase]'},{'name': 'CollapsedButtonDirective', 'selector': 'collapsed-button'},{'name': 'EuiAppPageWrapperDirective', 'selector': 'eui-app-page-wrapper'},{'name': 'EuiButtonsActionsContentTagDirective', 'selector': 'euiButtonsActionsContent'},{'name': 'EuiButtonsLocalMenuContentTagDirective', 'selector': 'euiButtonsLocalMenuContent'},{'name': 'EuiChipListAppendContentDirective', 'selector': 'euiChipListAppendContent'},{'name': 'EuiDialogFooterDirective', 'selector': 'eui-dialog-footer'},{'name': 'EuiDialogHeaderDirective', 'selector': 'eui-dialog-header'},{'name': 'EuiEditorCustomToolbarTagDirective', 'selector': 'euiEditorCustomToolbar'},{'name': 'EuiEditorMaxlengthDirective', 'selector': '[formControlName][euiEditorMaxlength]'},{'name': 'EuiFieldsetLabelExtraContentTagDirective', 'selector': 'euiFieldsetLabelExtraContent'},{'name': 'EuiFieldsetLabelRightContentTagDirective', 'selector': 'euiFieldsetLabelRightContent'},{'name': 'EuiHeaderAppNameDirective', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppSubtitleDirective', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiMaxLengthDirective', 'selector': '
|