@eui/components 19.1.1-snapshot-1740402097133 → 19.1.1-snapshot-1741071838252

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/docs/components/EuiDisableContentComponent.html +167 -191
  2. package/docs/components/EuiEditorComponent.html +1 -1
  3. package/docs/components/EuiLanguageSelectorComponent.html +1 -5
  4. package/docs/components/EuiPageColumnComponent.html +0 -10
  5. package/docs/components/EuiPopoverComponent.html +1 -1
  6. package/docs/components/EuiWizardComponent.html +1 -1
  7. package/docs/dependencies.html +5 -3
  8. package/docs/js/menu-wc.js +7 -4
  9. package/docs/js/menu-wc_es5.js +1 -1
  10. package/docs/js/search/search_index.js +2 -2
  11. package/docs/modules/EuiDisableContentModule.html +22 -4
  12. package/eui-disable-content/eui-disable-content.component.d.ts +80 -13
  13. package/eui-disable-content/eui-disable-content.component.d.ts.map +1 -1
  14. package/eui-language-selector/language-selector.component.d.ts +4 -2
  15. package/eui-language-selector/language-selector.component.d.ts.map +1 -1
  16. package/eui-page/components/eui-page-column/eui-page-column.component.d.ts.map +1 -1
  17. package/eui-popover/eui-popover.component.d.ts.map +1 -1
  18. package/eui-wizard/eui-wizard.component.d.ts +1 -0
  19. package/eui-wizard/eui-wizard.component.d.ts.map +1 -1
  20. package/externals/quill/quill-editor.component.d.ts.map +1 -1
  21. package/fesm2022/eui-components-eui-disable-content.mjs +109 -35
  22. package/fesm2022/eui-components-eui-disable-content.mjs.map +1 -1
  23. package/fesm2022/eui-components-eui-language-selector.mjs +14 -3
  24. package/fesm2022/eui-components-eui-language-selector.mjs.map +1 -1
  25. package/fesm2022/eui-components-eui-page.mjs +3 -4
  26. package/fesm2022/eui-components-eui-page.mjs.map +1 -1
  27. package/fesm2022/eui-components-eui-popover.mjs +3 -3
  28. package/fesm2022/eui-components-eui-popover.mjs.map +1 -1
  29. package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
  30. package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
  31. package/fesm2022/eui-components-eui-wizard.mjs +5 -4
  32. package/fesm2022/eui-components-eui-wizard.mjs.map +1 -1
  33. package/fesm2022/eui-components-externals-eui-editor.mjs +2 -2
  34. package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
  35. package/fesm2022/eui-components-externals-quill.mjs +2 -2
  36. package/fesm2022/eui-components-externals-quill.mjs.map +1 -1
  37. package/package.json +3 -3
package/docs/components/EuiDisableContentComponent.html CHANGED
@@ -109,6 +109,16 @@
109
109
  </p>
110
110
 
111
111
 
112
+ <p class="comment">
113
+ <h3>Description</h3>
114
+ </p>
115
+ <p class="comment">
116
+ <p>Component that provides functionality to disable content and show a visual overlay.
117
+ When disabled, it adds a semi-transparent overlay and handles focus management.</p>
118
+ <b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-disable-content [isDisabled]=&quot;true&quot; disabledText=&quot;Content is disabled&quot;&gt;
119
+ &lt;div&gt;Content to be disabled&lt;/div&gt;
120
+ &lt;/eui-disable-content&gt;</code></pre></div>
121
+ </p>
112
122
 
113
123
 
114
124
  <p class="comment">
@@ -173,29 +183,19 @@
173
183
  <h3 id="index">Index</h3>
174
184
  <table class="table table-sm table-bordered index-table">
175
185
  <tbody>
176
-
177
186
  <tr>
178
187
  <td class="col-md-4">
179
- <h6><b>Methods</b></h6>
188
+ <h6><b>Properties</b></h6>
180
189
  </td>
181
190
  </tr>
182
191
  <tr>
183
192
  <td class="col-md-4">
184
193
  <ul class="index-list">
185
194
  <li>
186
- <a href="#desactivateElement" >desactivateElement</a>
187
- </li>
188
- <li>
189
- <a href="#getActiveElement" >getActiveElement</a>
190
- </li>
191
- <li>
192
- <a href="#isAboutToBlock" >isAboutToBlock</a>
193
- </li>
194
- <li>
195
- <a href="#onClick" >onClick</a>
195
+ <a href="#disabledText" >disabledText</a>
196
196
  </li>
197
197
  <li>
198
- <a href="#reactivateElement" >reactivateElement</a>
198
+ <a href="#isDisabled" >isDisabled</a>
199
199
  </li>
200
200
  </ul>
201
201
  </td>
@@ -203,17 +203,23 @@
203
203
 
204
204
  <tr>
205
205
  <td class="col-md-4">
206
- <h6><b>Inputs</b></h6>
206
+ <h6><b>Methods</b></h6>
207
207
  </td>
208
208
  </tr>
209
209
  <tr>
210
210
  <td class="col-md-4">
211
211
  <ul class="index-list">
212
212
  <li>
213
- <a href="#disabledText" >disabledText</a>
213
+ <a href="#desactivateElement" class="deprecated-name">desactivateElement</a>
214
214
  </li>
215
215
  <li>
216
- <a href="#isDisabled" >isDisabled</a>
216
+ <a href="#getActiveElement" class="deprecated-name">getActiveElement</a>
217
+ </li>
218
+ <li>
219
+ <a href="#isAboutToBlock" class="deprecated-name">isAboutToBlock</a>
220
+ </li>
221
+ <li>
222
+ <a href="#reactivateElement" class="deprecated-name">reactivateElement</a>
217
223
  </li>
218
224
  </ul>
219
225
  </td>
@@ -222,115 +228,39 @@
222
228
 
223
229
 
224
230
 
225
- <tr>
226
- <td class="col-md-4">
227
- <h6><b>Accessors</b></h6>
228
- </td>
229
- </tr>
230
- <tr>
231
- <td class="col-md-4">
232
- <ul class="index-list">
233
- <li>
234
- <a href="#isDisabled" >isDisabled</a>
235
- </li>
236
- </ul>
237
- </td>
238
- </tr>
239
- </tbody>
240
- </table>
241
- </section>
242
-
243
- <section data-compodoc="block-constructor">
244
- <h3 id="constructor">Constructor</h3>
245
- <table class="table table-sm table-bordered">
246
- <tbody>
247
231
  <tr>
248
232
  <td class="col-md-4">
249
- <code>constructor(elRef: ElementRef, growlService: EuiGrowlService)</code>
233
+ <h6><b>HostListeners</b></h6>
250
234
  </td>
251
235
  </tr>
252
-
253
236
  <tr>
254
237
  <td class="col-md-4">
255
- <div>
256
- <b>Parameters :</b>
257
- <table class="params">
258
- <thead>
259
- <tr>
260
- <td>Name</td>
261
- <td>Type</td>
262
- <td>Optional</td>
263
- </tr>
264
- </thead>
265
- <tbody>
266
- <tr>
267
- <td>elRef</td>
268
-
269
- <td>
270
- <code>ElementRef</code>
271
- </td>
272
-
273
- <td>
274
- No
275
- </td>
276
-
277
- </tr>
278
- <tr>
279
- <td>growlService</td>
280
-
281
- <td>
282
- <code>EuiGrowlService</code>
283
- </td>
284
-
285
- <td>
286
- No
287
- </td>
288
-
289
- </tr>
290
- </tbody>
291
- </table>
292
- </div>
238
+ <ul class="index-list">
239
+ <li>
240
+ <a href="#click" class="deprecated-name">click</a>
241
+ </li>
242
+ </ul>
293
243
  </td>
294
244
  </tr>
295
- </tbody>
296
- </table>
245
+
246
+ </tbody>
247
+ </table>
297
248
  </section>
298
249
 
299
- <section data-compodoc="block-inputs">
300
- <h3 id="inputs">Inputs</h3>
250
+ <section data-compodoc="block-constructor">
251
+ <h3 id="constructor">Constructor</h3>
301
252
  <table class="table table-sm table-bordered">
302
253
  <tbody>
303
254
  <tr>
304
255
  <td class="col-md-4">
305
- <a name="disabledText"></a>
306
- <b>disabledText</b>
256
+ <code>constructor()</code>
307
257
  </td>
308
258
  </tr>
309
- <tr>
310
- <td class="col-md-4">
311
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
312
259
 
313
- </td>
314
- </tr>
315
- <tr>
316
- <td class="col-md-4">
317
- <i>Default value : </i><code>&#x27;&#x27;</code>
318
- </td>
319
- </tr>
320
- </tbody>
321
- </table>
322
- <table class="table table-sm table-bordered">
323
- <tbody>
324
260
  <tr>
325
261
  <td class="col-md-4">
326
- <a name="isDisabled"></a>
327
- <b>isDisabled</b>
328
- </td>
329
- </tr>
330
- <tr>
331
- <td class="col-md-4">
332
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
333
-
262
+ <div class="io-description"><p>Initializes the component and sets up an effect to handle disabled state changes</p>
263
+ </div>
334
264
  </td>
335
265
  </tr>
336
266
  </tbody>
@@ -339,6 +269,44 @@
339
269
 
340
270
 
341
271
 
272
+
273
+ <section data-compodoc="block-methods">
274
+ <h3>HostListeners</h3> <table class="table table-sm table-bordered">
275
+ <tbody>
276
+ <tr>
277
+ <td class="col-md-4">
278
+ <a name="click"></a>
279
+ <span class="name">
280
+ <span class="deprecated-name"><b>click</b></span>
281
+ <a href="#click"><span class="icon ion-ios-link"></span></a>
282
+ </span>
283
+ </td>
284
+ </tr>
285
+ <tr>
286
+ <td class="col-md-4 deprecated">
287
+ It will become private in the next major version.
288
+ </td>
289
+ </tr>
290
+ <tr>
291
+ <td class="col-md-4">
292
+ <code>click()</code>
293
+ </td>
294
+ </tr>
295
+
296
+
297
+
298
+
299
+ <tr>
300
+ <td class="col-md-4">
301
+ <div class="io-description"><p>Handles click events on the disabled content
302
+ Shows a growl notification if content is disabled and has disabled text</p>
303
+ </div>
304
+
305
+ </td>
306
+ </tr>
307
+ </tbody>
308
+ </table>
309
+ </section>
342
310
  <section data-compodoc="block-methods">
343
311
 
344
312
  <h3 id="methods">
@@ -350,11 +318,16 @@
350
318
  <td class="col-md-4">
351
319
  <a name="desactivateElement"></a>
352
320
  <span class="name">
353
- <span ><b>desactivateElement</b></span>
321
+ <span class="deprecated-name"><b>desactivateElement</b></span>
354
322
  <a href="#desactivateElement"><span class="icon ion-ios-link"></span></a>
355
323
  </span>
356
324
  </td>
357
325
  </tr>
326
+ <tr>
327
+ <td class="col-md-4 deprecated">
328
+ It will become private in the next major version.
329
+ </td>
330
+ </tr>
358
331
  <tr>
359
332
  <td class="col-md-4">
360
333
  <code>desactivateElement(activeElement: HTMLElement)</code>
@@ -366,6 +339,8 @@
366
339
 
367
340
  <tr>
368
341
  <td class="col-md-4">
342
+ <div class="io-description"><p>Stores the currently active element before disabling</p>
343
+ </div>
369
344
 
370
345
  <div class="io-description">
371
346
  <b>Parameters :</b>
@@ -376,6 +351,7 @@
376
351
  <td>Name</td>
377
352
  <td>Type</td>
378
353
  <td>Optional</td>
354
+ <td>Description</td>
379
355
  </tr>
380
356
  </thead>
381
357
  <tbody>
@@ -390,6 +366,10 @@
390
366
  </td>
391
367
 
392
368
 
369
+ <td>
370
+ <p>The element to deactivate</p>
371
+
372
+ </td>
393
373
  </tr>
394
374
  </tbody>
395
375
  </table>
@@ -411,11 +391,16 @@
411
391
  <td class="col-md-4">
412
392
  <a name="getActiveElement"></a>
413
393
  <span class="name">
414
- <span ><b>getActiveElement</b></span>
394
+ <span class="deprecated-name"><b>getActiveElement</b></span>
415
395
  <a href="#getActiveElement"><span class="icon ion-ios-link"></span></a>
416
396
  </span>
417
397
  </td>
418
398
  </tr>
399
+ <tr>
400
+ <td class="col-md-4 deprecated">
401
+ It will become private in the next major version.
402
+ </td>
403
+ </tr>
419
404
  <tr>
420
405
  <td class="col-md-4">
421
406
  <code>getActiveElement()</code>
@@ -427,11 +412,17 @@
427
412
 
428
413
  <tr>
429
414
  <td class="col-md-4">
415
+ <div class="io-description"><p>Gets the currently focused element within the component</p>
416
+ </div>
430
417
 
431
418
  <div class="io-description">
432
419
  <b>Returns : </b> <code>HTMLElement</code>
433
420
 
434
421
  </div>
422
+ <div class="io-description">
423
+ <p>The focused HTML element or null</p>
424
+
425
+ </div>
435
426
  </td>
436
427
  </tr>
437
428
  </tbody>
@@ -442,14 +433,19 @@
442
433
  <td class="col-md-4">
443
434
  <a name="isAboutToBlock"></a>
444
435
  <span class="name">
445
- <span ><b>isAboutToBlock</b></span>
436
+ <span class="deprecated-name"><b>isAboutToBlock</b></span>
446
437
  <a href="#isAboutToBlock"><span class="icon ion-ios-link"></span></a>
447
438
  </span>
448
439
  </td>
449
440
  </tr>
441
+ <tr>
442
+ <td class="col-md-4 deprecated">
443
+ It will become private in the next major version.
444
+ </td>
445
+ </tr>
450
446
  <tr>
451
447
  <td class="col-md-4">
452
- <code>isAboutToBlock(changes: SimpleChanges)</code>
448
+ <code>isAboutToBlock(change: SimpleChange)</code>
453
449
  </td>
454
450
  </tr>
455
451
 
@@ -458,6 +454,8 @@
458
454
 
459
455
  <tr>
460
456
  <td class="col-md-4">
457
+ <div class="io-description"><p>Checks if the component is about to enter a blocked state</p>
458
+ </div>
461
459
 
462
460
  <div class="io-description">
463
461
  <b>Parameters :</b>
@@ -468,13 +466,14 @@
468
466
  <td>Name</td>
469
467
  <td>Type</td>
470
468
  <td>Optional</td>
469
+ <td>Description</td>
471
470
  </tr>
472
471
  </thead>
473
472
  <tbody>
474
473
  <tr>
475
- <td>changes</td>
474
+ <td>change</td>
476
475
  <td>
477
- <code>SimpleChanges</code>
476
+ <code>SimpleChange</code>
478
477
  </td>
479
478
 
480
479
  <td>
@@ -482,6 +481,10 @@
482
481
  </td>
483
482
 
484
483
 
484
+ <td>
485
+ <p>The change object to evaluate</p>
486
+
487
+ </td>
485
488
  </tr>
486
489
  </tbody>
487
490
  </table>
@@ -491,7 +494,8 @@
491
494
 
492
495
  </div>
493
496
  <div class="io-description">
494
-
497
+ <p>True if the component is transitioning to blocked state</p>
498
+
495
499
  </div>
496
500
  </td>
497
501
  </tr>
@@ -501,16 +505,21 @@
501
505
  <tbody>
502
506
  <tr>
503
507
  <td class="col-md-4">
504
- <a name="onClick"></a>
508
+ <a name="reactivateElement"></a>
505
509
  <span class="name">
506
- <span ><b>onClick</b></span>
507
- <a href="#onClick"><span class="icon ion-ios-link"></span></a>
510
+ <span class="deprecated-name"><b>reactivateElement</b></span>
511
+ <a href="#reactivateElement"><span class="icon ion-ios-link"></span></a>
508
512
  </span>
509
513
  </td>
510
514
  </tr>
515
+ <tr>
516
+ <td class="col-md-4 deprecated">
517
+ It will become private in the next major version.
518
+ </td>
519
+ </tr>
511
520
  <tr>
512
521
  <td class="col-md-4">
513
- <code>onClick()</code>
522
+ <code>reactivateElement()</code>
514
523
  </td>
515
524
  </tr>
516
525
 
@@ -519,6 +528,8 @@
519
528
 
520
529
  <tr>
521
530
  <td class="col-md-4">
531
+ <div class="io-description"><p>Reactivates the last active element</p>
532
+ </div>
522
533
 
523
534
  <div class="io-description">
524
535
  <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
@@ -528,103 +539,68 @@
528
539
  </tr>
529
540
  </tbody>
530
541
  </table>
542
+ </section>
543
+ <section data-compodoc="block-properties">
544
+
545
+ <h3 id="inputs">
546
+ Properties
547
+ </h3>
531
548
  <table class="table table-sm table-bordered">
532
549
  <tbody>
533
550
  <tr>
534
551
  <td class="col-md-4">
535
- <a name="reactivateElement"></a>
552
+ <a name="disabledText"></a>
536
553
  <span class="name">
537
- <span ><b>reactivateElement</b></span>
538
- <a href="#reactivateElement"><span class="icon ion-ios-link"></span></a>
554
+ <span ><b>disabledText</b></span>
555
+ <a href="#disabledText"><span class="icon ion-ios-link"></span></a>
539
556
  </span>
540
557
  </td>
541
558
  </tr>
559
+ <tr>
560
+ <td class="col-md-4">
561
+ <i>Default value : </i><code>input(&#x27;&#x27;)</code>
562
+ </td>
563
+ </tr>
564
+
542
565
  <tr>
543
566
  <td class="col-md-4">
544
- <code>reactivateElement()</code>
567
+ <div class="io-description"><p>Text to display in an eui-growl (type info) notification when clicking
568
+ the disabled content.</p>
569
+ </div>
545
570
  </td>
546
571
  </tr>
547
572
 
548
-
549
-
550
-
573
+ </tbody>
574
+ </table>
575
+ <table class="table table-sm table-bordered">
576
+ <tbody>
551
577
  <tr>
552
578
  <td class="col-md-4">
553
-
554
- <div class="io-description">
555
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
556
-
557
- </div>
579
+ <a name="isDisabled"></a>
580
+ <span class="name">
581
+ <span ><b>isDisabled</b></span>
582
+ <a href="#isDisabled"><span class="icon ion-ios-link"></span></a>
583
+ </span>
558
584
  </td>
559
585
  </tr>
560
- </tbody>
561
- </table>
562
- </section>
563
-
564
- <section data-compodoc="block-accessors">
565
- <h3 id="accessors">
566
- Accessors
567
- </h3>
568
- <table class="table table-sm table-bordered">
569
- <tbody>
570
586
  <tr>
571
587
  <td class="col-md-4">
572
- <a name="isDisabled"></a>
573
- <span class="name"><b>isDisabled</b><a href="#isDisabled"><span class="icon ion-ios-link"></span></a></span>
588
+ <i>Default value : </i><code>input(null, { transform: booleanAttribute })</code>
574
589
  </td>
575
590
  </tr>
576
591
 
577
- <tr>
578
- <td class="col-md-4">
579
- <span class="accessor"><b>get</b><code>isDisabled()</code></span>
580
- </td>
581
- </tr>
592
+ <tr>
593
+ <td class="col-md-4">
594
+ <div class="io-description"><p>Controls whether the content is disabled. If disabled, a semi-transparent
595
+ overlay with spinner is shown.</p>
596
+ </div>
597
+ </td>
598
+ </tr>
582
599
 
583
- <tr>
584
- <td class="col-md-4">
585
- <span class="accessor"><b>set</b><code>isDisabled(value: BooleanInput)</code></span>
586
- </td>
587
- </tr>
588
- <tr>
589
- <td class="col-md-4">
590
-
591
- <div class="io-description">
592
- <b>Parameters :</b>
593
- <table class="params">
594
- <thead>
595
- <tr>
596
- <td>Name</td>
597
- <td>Type</td>
598
- <td>Optional</td>
599
- </tr>
600
- </thead>
601
- <tbody>
602
- <tr>
603
- <td>value</td>
604
-
605
- <td>
606
- <code>BooleanInput</code>
607
- </td>
608
-
609
- <td>
610
- No
611
- </td>
612
-
613
- </tr>
614
- </tbody>
615
- </table>
616
- </div>
617
- <div>
618
- </div>
619
- <div class="io-description">
620
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
621
-
622
- </div>
623
- </td>
624
- </tr>
625
- </tbody>
626
- </table>
600
+ </tbody>
601
+ </table>
627
602
  </section>
603
+
628
604
  </div>
629
605
 
630
606
 
@@ -639,7 +615,7 @@
639
615
  <script src="../js/libs/htmlparser.js"></script>
640
616
  <script src="../js/libs/deep-iterator.js"></script>
641
617
  <script>
642
- var COMPONENT_TEMPLATE = '<div><div [class.eui-disable-content--disabled]="isDisabled" (click)="onClick()"> <ng-content></ng-content></div></div>'
618
+ var COMPONENT_TEMPLATE = '<div><ng-content></ng-content></div>'
643
619
  var COMPONENTS = [{'name': 'DefaultComponent', 'selector': ''},{'name': 'DefaultComponent', 'selector': ''},{'name': 'EuiAccordionComponent', 'selector': 'eui-accordion'},{'name': 'EuiAccordionItemComponent', 'selector': 'eui-accordion-item'},{'name': 'EuiAlertComponent', 'selector': 'div[euiAlert], eui-alert'},{'name': 'EuiAlertTitleComponent', 'selector': 'eui-alert-title'},{'name': 'EuiApexChartComponent', 'selector': 'eui-apex-chart'},{'name': 'EuiAppBreadcrumbComponent', 'selector': 'eui-app-breadcrumb'},{'name': 'EuiAppComponent', 'selector': 'eui-app'},{'name': 'EuiAppFooterComponent', 'selector': 'eui-app-footer'},{'name': 'EuiAppHeaderComponent', 'selector': 'eui-app-header'},{'name': 'EuiAppSidebarBodyComponent', 'selector': 'eui-app-sidebar-body'},{'name': 'EuiAppSidebarComponent', 'selector': 'eui-app-sidebar'},{'name': 'EuiAppSidebarDrawerComponent', 'selector': 'eui-app-sidebar-drawer'},{'name': 'EuiAppSidebarFooterComponent', 'selector': 'eui-app-sidebar-footer'},{'name': 'EuiAppSidebarHeaderComponent', 'selector': 'eui-app-sidebar-header'},{'name': 'EuiAppSidebarHeaderUserProfileComponent', 'selector': 'eui-app-sidebar-header-user-profile'},{'name': 'EuiAppSidebarMenuComponent', 'selector': 'eui-app-sidebar-menu'},{'name': 'EuiAppToolbarComponent', 'selector': 'eui-app-toolbar'},{'name': 'EuiAppTopMessageComponent', 'selector': 'eui-app-top-message'},{'name': 'EuiAutocompleteAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteComponent', 'selector': 'eui-autocomplete, input[euiAutocomplete]'},{'name': 'EuiAutocompleteOptionComponent', 'selector': 'eui-autocomplete-option'},{'name': 'EuiAutocompleteOptionGroupComponent', 'selector': 'eui-autocomplete-option-group'},{'name': 'EuiAutocompleteTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAvatarBadgeComponent', 'selector': 'eui-avatar-badge'},{'name': 'EuiAvatarComponent', 'selector': 'div[euiAvatar], span[euiAvatar], eui-avatar'},{'name': 'EuiAvatarIconComponent', 'selector': 'eui-avatar-icon'},{'name': 'EuiAvatarImageComponent', 'selector': 'eui-avatar-image'},{'name': 'EuiAvatarListComponent', 'selector': 'eui-avatar-list'},{'name': 'EuiAvatarTextComponent', 'selector': 'eui-avatar-text'},{'name': 'EuiBadgeComponent', 'selector': 'div[euiBadge], span[euiBadge], eui-badge'},{'name': 'EuiBlockContentComponent', 'selector': 'eui-block-content'},{'name': 'EuiBlockDocumentComponent', 'selector': 'eui-block-document'},{'name': 'EuiBreadcrumbComponent', 'selector': 'eui-breadcrumb'},{'name': 'EuiBreadcrumbItemComponent', 'selector': 'eui-breadcrumb-item'},{'name': 'EuiButtonComponent', 'selector': 'button[euiButton], a[euiButton]'},{'name': 'EuiButtonGroupComponent', 'selector': 'eui-button-group'},{'name': 'EuiButtonV2Component', 'selector': 'eui-button-v2'},{'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': 'EuiCardFooterMenuComponent', 'selector': 'eui-card-footer-menu'},{'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': 'EuiChipGroupComponent', 'selector': 'eui-chip-group'},{'name': 'EuiChipListComponent', 'selector': 'eui-chip-list, div[euiChipList], ul[euiChipList]'},{'name': 'EuiDashboardButtonComponent', 'selector': 'eui-dashboard-button'},{'name': 'EuiDashboardCardComponent', 'selector': 'eui-dashboard-card'},{'name': 'EuiDashboardCardContentComponent', 'selector': 'eui-dashboard-card-content'},{'name': 'EuiDashboardCardStatusContentComponent', 'selector': 'eui-dashboard-card-status-content'},{'name': 'EuiDatepickerComponent', 'selector': 'eui-datepicker'},{'name': 'EuiDateRangeSelectorComponent', 'selector': 'eui-date-range-selector'},{'name': 'EuiDialogComponent', 'selector': 'eui-dialog'},{'name': 'EuiDialogContainerComponent', 'selector': 'eui-dialog-container'},{'name': 'EuiDimmerComponent', 'selector': 'eui-dimmer'},{'name': 'EuiDisableContentComponent', 'selector': 'eui-disable-content'},{'name': 'EuiDiscussionThreadComponent', 'selector': 'eui-discussion-thread'},{'name': 'EuiDiscussionThreadItemComponent', 'selector': 'eui-discussion-thread-item'},{'name': 'EuiDropdownComponent', 'selector': 'eui-dropdown'},{'name': 'EuiDropdownItemComponent', 'selector': 'eui-dropdown-item, [euiDropdownItem]'},{'name': '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': 'EuiFeedbackMessageComponent', 'selector': 'eui-feedback-message'},{'name': 'EuiFieldsetComponent', 'selector': 'eui-fieldset'},{'name': 'EuiFilePreviewComponent', 'selector': 'eui-file-preview'},{'name': 'EuiFileUploadComponent', 'selector': 'eui-file-upload'},{'name': 'EuiFileUploadProgressComponent', 'selector': 'eui-file-upload-progress'},{'name': 'EuiFooterComponent', 'selector': 'eui-footer'},{'name': 'EuiGrowlComponent', 'selector': 'eui-growl'},{'name': 'EuiHeaderAppComponent', 'selector': 'eui-header-app'},{'name': 'EuiHeaderAppNameComponent', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoComponent', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleComponent', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiHeaderComponent', 'selector': 'eui-header'},{'name': 'EuiHeaderEnvironmentComponent', 'selector': 'eui-header-environment'},{'name': 'EuiHeaderLogoComponent', 'selector': 'eui-header-logo'},{'name': 'EuiHeaderRightContentComponent', 'selector': 'eui-header-right-content'},{'name': 'EuiHeaderSearchComponent', 'selector': 'eui-header-search'},{'name': 'EuiHeaderUserProfileComponent', 'selector': 'eui-header-user-profile'},{'name': 'EuiIconButtonComponent', 'selector': 'eui-icon-button'},{'name': 'EuiIconButtonExpanderComponent', 'selector': 'eui-icon-button-expander'},{'name': 'EuiIconColorComponent', 'selector': 'eui-icon-colored, span[euiIconColored], [euiIconColored]'},{'name': 'EuiIconInputComponent', 'selector': 'eui-icon-input'},{'name': 'EuiIconStateComponent', 'selector': 'eui-icon-state'},{'name': 'EuiIconSvgComponent', 'selector': 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]'},{'name': 'EuiIconToggleComponent', 'selector': 'eui-icon-toggle'},{'name': 'EuiInputCheckboxComponent', 'selector': 'input[euiInputCheckBox]'},{'name': 'EuiInputGroupAddOnComponent', 'selector': 'div[euiInputGroupAddOn], eui-input-group-addon'},{'name': 'EuiInputGroupAddOnItemComponent', 'selector': 'div[euiInputGroupAddOnItem], eui-input-group-addon-item'},{'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,
644
620
  label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel'},{'name': 'EuiLanguageSelectorComponent', 'selector': 'eui-language-selector'},{'name': 'EuiListComponent', 'selector': '[euiList], eui-list'},{'name': 'EuiListItemComponent', 'selector': '[euiListItem], eui-list-item'},{'name': 'EuiMenuComponent', 'selector': 'eui-menu'},{'name': 'EuiMenuItemComponent', 'selector': 'eui-menu-item'},{'name': 'EuiMessageBoxComponent', 'selector': 'eui-message-box'},{'name': 'EuiModalSelectorComponent', 'selector': 'eui-modal-selector'},{'name': 'EuiNavbarComponent', 'selector': 'eui-navbar'},{'name': 'EuiNavbarItemComponent', 'selector': 'eui-navbar-item'},{'name': 'EuiNotificationItemComponent', 'selector': 'eui-notification-item'},{'name': 'EuiNotificationItemV2Component', 'selector': 'eui-notification-item-v2'},{'name': 'EuiNotificationsComponent', 'selector': 'eui-notifications'},{'name': 'EuiNotificationsV2Component', 'selector': 'eui-notifications-v2'},{'name': 'EuiOverlayBodyComponent', 'selector': 'eui-overlay-body'},{'name': 'EuiOverlayComponent', 'selector': 'eui-overlay'},{'name': 'EuiOverlayFooterComponent', 'selector': 'eui-overlay-footer'},{'name': 'EuiOverlayHeaderComponent', 'selector': 'eui-overlay-header'},{'name': 'EuiOverlayHeaderTitleComponent', 'selector': 'eui-overlay-header-title'},{'name': 'EuiPageBreadcrumbComponent', 'selector': 'eui-page-breadcrumb'},{'name': 'EuiPageColumnComponent', 'selector': 'eui-page-column'},{'name': 'EuiPageColumnsComponent', 'selector': 'eui-page-columns'},{'name': 'EuiPageComponent', 'selector': 'eui-page'},{'name': 'EuiPageContentComponent', 'selector': 'eui-page-content'},{'name': 'EuiPageFooterComponent', 'selector': 'eui-page-footer'},{'name': 'EuiPageHeaderActionItemsComponent', 'selector': 'eui-page-header-action-items'},{'name': 'EuiPageHeaderBodyComponent', 'selector': 'eui-page-header-body'},{'name': 'EuiPageHeaderComponent', 'selector': 'eui-page-header'},{'name': 'EuiPageHeaderSubLabelComponent', 'selector': 'eui-page-header-sub-label'},{'name': 'EuiPageHeroHeaderComponent', 'selector': 'eui-page-hero-header'},{'name': 'EuiPageTopContentComponent', 'selector': 'eui-page-top-content'},{'name': 'EuiPaginatorComponent', 'selector': 'eui-paginator'},{'name': 'EuiPopoverComponent', 'selector': 'eui-popover'},{'name': 'EuiProgressBarComponent', 'selector': 'eui-progress-bar'},{'name': 'EuiProgressCircleComponent', 'selector': 'eui-progress-circle'},{'name': 'EuiResizableComponent', 'selector': 'eui-resizable'},{'name': 'EuiSelectComponent', 'selector': 'select[euiSelect]'},{'name': 'EuiSidebarMenuComponent', 'selector': 'eui-sidebar-menu'},{'name': 'EuiSidebarToggleComponent', 'selector': 'eui-sidebar-toggle'},{'name': 'EuiSkeletonComponent', 'selector': 'eui-skeleton'},{'name': 'EuiSlideToggleComponent', 'selector': 'eui-slide-toggle'},{'name': 'EuiSlideToggleTestComponent', 'selector': 'eui-slide-toggle-test-component'},{'name': 'EuiSplitButtonComponent', 'selector': 'eui-split-button'},{'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': 'EuiTableV2Component', 'selector': 'eui-table-v2, table[euiTableV2]'},{'name': 'EuiTableV2FilterComponent', 'selector': 'eui-table-v2-filter'},{'name': 'EuiTableV2SelectableHeaderComponent', 'selector': 'tr[isHeaderSelectable]'},{'name': 'EuiTableV2SelectableRowComponent', 'selector': 'tr[isDataSelectable]'},{'name': 'EuiTableV2SortableColComponent', 'selector': 'th[isSortable]'},{'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': 'EuiTimeRangepickerComponent', 'selector': 'eui-time-range-picker'},{'name': 'EuiToolbarAppComponent', 'selector': 'eui-toolbar-app'},{'name': 'EuiToolbarCenterComponent', 'selector': 'eui-toolbar-center'},{'name': 'EuiToolbarComponent', 'selector': 'eui-toolbar'},{'name': 'EuiToolbarEnvironmentComponent', 'selector': 'eui-toolbar-environment'},{'name': 'EuiToolbarItemComponent', 'selector': 'eui-toolbar-item'},{'name': 'EuiToolbarItemsComponent', 'selector': 'eui-toolbar-items'},{'name': 'EuiToolbarLogoComponent', 'selector': 'eui-toolbar-logo'},{'name': 'EuiToolbarMenuComponent', 'selector': 'eui-toolbar-menu'},{'name': 'EuiToolbarNavbarComponent', 'selector': 'eui-toolbar-navbar'},{'name': 'EuiToolbarNavbarItemComponent', 'selector': 'eui-toolbar-navbar-item'},{'name': 'EuiToolbarSearchComponent', 'selector': 'eui-toolbar-search'},{'name': 'EuiToolbarSelectorComponent', 'selector': 'eui-toolbar-selector'},{'name': 'EuiTooltipContainerComponent', 'selector': 'eui-tooltip-container.component'},{'name': 'EuiTreeComponent', 'selector': 'eui-tree'},{'name': 'EuiTreeListComponent', 'selector': 'eui-tree-list'},{'name': 'EuiTreeListItemComponent', 'selector': 'eui-tree-list-item'},{'name': 'EuiTreeListItemContentComponent', 'selector': 'eui-tree-list-item-content'},{'name': 'EuiTreeListToolbarComponent', 'selector': 'eui-tree-list-toolbar'},{'name': 'EuiUserProfileCardComponent', 'selector': 'eui-user-profile-card'},{'name': 'EuiUserProfileComponent', 'selector': 'eui-user-profile'},{'name': 'EuiUserProfileMenuComponent', 'selector': 'eui-user-profile-menu'},{'name': 'EuiUserProfileMenuItemComponent', 'selector': 'eui-user-profile-menu-item'},{'name': 'EuiWizardComponent', 'selector': 'eui-wizard'},{'name': 'EuiWizardStepComponent', 'selector': 'eui-wizard-step'},{'name': 'PaginationComponent', 'selector': ''},{'name': 'PlaygroundComponent', 'selector': ''},{'name': 'PlaygroundComponent', 'selector': ''},{'name': 'PlaygroundStickyLastColumnComponent', 'selector': ''},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'},{'name': 'VirtualScrollAsyncComponent', 'selector': ''},{'name': 'VirtualScrollComponent', 'selector': ''}];
645
621
  var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseStatesDirective', 'selector': '[euiBase]'},{'name': 'EuiAccordionItemHeaderDirective', 'selector': 'eui-accordion-item-header'},{'name': 'EuiActionButtonsDirective', 'selector': 'eui-action-buttons'},{'name': 'EuiAppPageWrapperDirective', 'selector': 'eui-app-page-wrapper'},{'name': 'EuiArrowKeyNavigableDirective', 'selector': '[euiArrowKeyNavigable]'},{'name': 'EuiChipListAppendContentDirective', 'selector': 'euiChipListAppendContent'},{'name': 'EuiClearableDirective', 'selector': 'input[euiClearable]'},{'name': 'EuiDashboardButtonIconDirective', 'selector': 'eui-dashboard-button-icon'},{'name': 'EuiDashboardButtonLabelDirective', 'selector': 'eui-dashboard-button-label'},{'name': 'EuiDialogFooterDirective', 'selector': 'eui-dialog-footer'},{'name': 'EuiDialogHeaderDirective', 'selector': 'eui-dialog-header'},{'name': 'EuiDropdownContentDirective', 'selector': 'eui-dropdown-content'},{'name': 'EuiDropdownTreeDirective', 'selector': 'eui-dropdown[euiDropdownTree]'},{'name': 'EuiEditorCustomToolbarTagDirective', 'selector': 'euiEditorCustomToolbar'},{'name': 'EuiEditorMaxlengthDirective', 'selector': '[formControlName][euiEditorMaxlength]'},{'name': 'EuiFieldsetLabelExtraContentTagDirective', 'selector': 'euiFieldsetLabelExtraContent'},{'name': 'EuiFieldsetLabelRightContentTagDirective', 'selector': 'euiFieldsetLabelRightContent'},{'name': 'EuiHasPermissionDirective', 'selector': '[euiHasPermission]'},{'name': 'EuiInputNumberDirective', 'selector': 'input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiLoadingDirective', 'selector': '[euiLoading]'},{'name': 'EuiMaxLengthDirective', 'selector': '