@eui/components 17.3.1 → 17.3.2-snapshot-1712314902795

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 (35) hide show
  1. package/docs/classes/EuiDialogConfig.html +14 -4
  2. package/docs/components/EuiDialogComponent.html +24 -2
  3. package/docs/components/EuiDropdownComponent.html +1 -1
  4. package/docs/components/EuiOverlayComponent.html +198 -0
  5. package/docs/dependencies.html +2 -2
  6. package/docs/interfaces/EuiDialogInterface.html +16 -4
  7. package/docs/js/menu-wc.js +3 -3
  8. package/docs/js/menu-wc_es5.js +1 -1
  9. package/docs/js/search/search_index.js +2 -2
  10. package/esm2022/eui-dialog/eui-dialog.component.mjs +3 -1
  11. package/esm2022/eui-dialog/models/eui-dialog.config.mjs +3 -1
  12. package/esm2022/eui-dropdown/eui-dropdown.component.mjs +2 -1
  13. package/esm2022/eui-overlay/components/eui-overlay-body/eui-overlay-body.component.mjs +2 -2
  14. package/esm2022/eui-overlay/components/eui-overlay-footer/eui-overlay-footer.component.mjs +2 -2
  15. package/esm2022/eui-overlay/components/eui-overlay-header/eui-overlay-header.component.mjs +2 -2
  16. package/esm2022/eui-overlay/eui-overlay.component.mjs +46 -18
  17. package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +1 -1
  18. package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +1 -1
  19. package/eui-dialog/eui-dialog.component.d.ts +2 -0
  20. package/eui-dialog/eui-dialog.component.d.ts.map +1 -1
  21. package/eui-dialog/models/eui-dialog.config.d.ts +4 -0
  22. package/eui-dialog/models/eui-dialog.config.d.ts.map +1 -1
  23. package/eui-dropdown/eui-dropdown.component.d.ts +1 -0
  24. package/eui-dropdown/eui-dropdown.component.d.ts.map +1 -1
  25. package/eui-overlay/eui-overlay.component.d.ts +10 -6
  26. package/eui-overlay/eui-overlay.component.d.ts.map +1 -1
  27. package/fesm2022/eui-components-eui-dialog.mjs +4 -0
  28. package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
  29. package/fesm2022/eui-components-eui-dropdown.mjs +1 -0
  30. package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
  31. package/fesm2022/eui-components-eui-overlay.mjs +51 -23
  32. package/fesm2022/eui-components-eui-overlay.mjs.map +1 -1
  33. package/fesm2022/eui-components-layout.mjs +2 -2
  34. package/fesm2022/eui-components-layout.mjs.map +1 -1
  35. package/package.json +10 -10
@@ -175,10 +175,10 @@
175
175
  <a href="#height" >height</a>
176
176
  </li>
177
177
  <li>
178
- <a href="#isClosedOnClickOutside" >isClosedOnClickOutside</a>
178
+ <a href="#isClosedOnClickOutside" class="deprecated-name">isClosedOnClickOutside</a>
179
179
  </li>
180
180
  <li>
181
- <a href="#isClosedOnEscape" >isClosedOnEscape</a>
181
+ <a href="#isClosedOnEscape" class="deprecated-name">isClosedOnEscape</a>
182
182
  </li>
183
183
  <li>
184
184
  <a href="#isFullScreen" >isFullScreen</a>
@@ -476,10 +476,15 @@
476
476
  <td class="col-md-4">
477
477
  <a name="isClosedOnClickOutside"></a>
478
478
  <span class="name">
479
- <span ><b>isClosedOnClickOutside</b></span>
479
+ <span class="deprecated-name"><b>isClosedOnClickOutside</b></span>
480
480
  <a href="#isClosedOnClickOutside"><span class="icon ion-ios-link"></span></a>
481
481
  </span>
482
482
  </td>
483
+ </tr>
484
+ <tr>
485
+ <td class="col-md-4 deprecated">
486
+ This will be removed in next version of eui in favor of hasClosedOnClickOutside
487
+ </td>
483
488
  </tr>
484
489
  <tr>
485
490
  <td class="col-md-4">
@@ -496,10 +501,15 @@
496
501
  <td class="col-md-4">
497
502
  <a name="isClosedOnEscape"></a>
498
503
  <span class="name">
499
- <span ><b>isClosedOnEscape</b></span>
504
+ <span class="deprecated-name"><b>isClosedOnEscape</b></span>
500
505
  <a href="#isClosedOnEscape"><span class="icon ion-ios-link"></span></a>
501
506
  </span>
502
507
  </td>
508
+ </tr>
509
+ <tr>
510
+ <td class="col-md-4 deprecated">
511
+ This will be removed in next version of eui in favor of hasClosedOnEscape
512
+ </td>
503
513
  </tr>
504
514
  <tr>
505
515
  <td class="col-md-4">
@@ -316,10 +316,10 @@
316
316
  <a href="#height" >height</a>
317
317
  </li>
318
318
  <li>
319
- <a href="#isClosedOnClickOutside" >isClosedOnClickOutside</a>
319
+ <a href="#isClosedOnClickOutside" class="deprecated-name">isClosedOnClickOutside</a>
320
320
  </li>
321
321
  <li>
322
- <a href="#isClosedOnEscape" >isClosedOnEscape</a>
322
+ <a href="#isClosedOnEscape" class="deprecated-name">isClosedOnEscape</a>
323
323
  </li>
324
324
  <li>
325
325
  <a href="#isDraggable" >isDraggable</a>
@@ -2415,6 +2415,17 @@
2415
2415
  <span class="accessor"><b>get</b><code>isClosedOnClickOutside()</code></span>
2416
2416
  </td>
2417
2417
  </tr>
2418
+ <tr>
2419
+ <td class="col-md-4">
2420
+
2421
+ <div>
2422
+ </div>
2423
+ <div class="io-description">
2424
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
2425
+
2426
+ </div>
2427
+ </td>
2428
+ </tr>
2418
2429
 
2419
2430
  <tr>
2420
2431
  <td class="col-md-4">
@@ -2474,6 +2485,17 @@
2474
2485
  <span class="accessor"><b>get</b><code>isClosedOnEscape()</code></span>
2475
2486
  </td>
2476
2487
  </tr>
2488
+ <tr>
2489
+ <td class="col-md-4">
2490
+
2491
+ <div>
2492
+ </div>
2493
+ <div class="io-description">
2494
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
2495
+
2496
+ </div>
2497
+ </td>
2498
+ </tr>
2477
2499
 
2478
2500
  <tr>
2479
2501
  <td class="col-md-4">
@@ -289,7 +289,7 @@
289
289
  <a href="#isBlock" >isBlock</a>
290
290
  </li>
291
291
  <li>
292
- <a href="#isClosedOnClickInside" >isClosedOnClickInside</a>
292
+ <a href="#isClosedOnClickInside" class="deprecated-name">isClosedOnClickInside</a>
293
293
  </li>
294
294
  <li>
295
295
  <a href="#isDropDownRightAligned" >isDropDownRightAligned</a>
@@ -208,6 +208,10 @@
208
208
  <tr>
209
209
  <td class="col-md-4">
210
210
  <ul class="index-list">
211
+ <li>
212
+ <span class="modifier"></span>
213
+ <a href="#onClick" >onClick</a>
214
+ </li>
211
215
  <li>
212
216
  <span class="modifier"></span>
213
217
  <a href="#onKeydown" >onKeydown</a>
@@ -230,6 +234,9 @@
230
234
  <li>
231
235
  <a href="#fixedWidth" >fixedWidth</a>
232
236
  </li>
237
+ <li>
238
+ <a href="#hasClosedOnClickOutside" >hasClosedOnClickOutside</a>
239
+ </li>
233
240
  <li>
234
241
  <a href="#isActive" >isActive</a>
235
242
  </li>
@@ -377,6 +384,9 @@
377
384
  <tr>
378
385
  <td class="col-md-4">
379
386
  <ul class="index-list">
387
+ <li>
388
+ <a href="#document:click" >document:click</a>
389
+ </li>
380
390
  <li>
381
391
  <a href="#keydown" >keydown</a>
382
392
  </li>
@@ -398,6 +408,9 @@
398
408
  <li>
399
409
  <a href="#isActive" >isActive</a>
400
410
  </li>
411
+ <li>
412
+ <a href="#hasClosedOnClickOutside" >hasClosedOnClickOutside</a>
413
+ </li>
401
414
  </ul>
402
415
  </td>
403
416
  </tr>
@@ -405,6 +418,19 @@
405
418
  </table>
406
419
  </section>
407
420
 
421
+ <section data-compodoc="block-constructor">
422
+ <h3 id="constructor">Constructor</h3>
423
+ <table class="table table-sm table-bordered">
424
+ <tbody>
425
+ <tr>
426
+ <td class="col-md-4">
427
+ <code>constructor()</code>
428
+ </td>
429
+ </tr>
430
+
431
+ </tbody>
432
+ </table>
433
+ </section>
408
434
 
409
435
  <section data-compodoc="block-inputs">
410
436
  <h3 id="inputs">Inputs</h3>
@@ -424,6 +450,22 @@
424
450
  </tr>
425
451
  </tbody>
426
452
  </table>
453
+ <table class="table table-sm table-bordered">
454
+ <tbody>
455
+ <tr>
456
+ <td class="col-md-4">
457
+ <a name="hasClosedOnClickOutside"></a>
458
+ <b>hasClosedOnClickOutside</b>
459
+ </td>
460
+ </tr>
461
+ <tr>
462
+ <td class="col-md-4">
463
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
464
+
465
+ </td>
466
+ </tr>
467
+ </tbody>
468
+ </table>
427
469
  <table class="table table-sm table-bordered">
428
470
  <tbody>
429
471
  <tr>
@@ -1060,6 +1102,33 @@
1060
1102
 
1061
1103
  <section data-compodoc="block-methods">
1062
1104
  <h3>HostListeners</h3> <table class="table table-sm table-bordered">
1105
+ <tbody>
1106
+ <tr>
1107
+ <td class="col-md-4">
1108
+ <a name="document:click"></a>
1109
+ <span class="name">
1110
+ <span ><b>document:click</b></span>
1111
+ <a href="#document:click"><span class="icon ion-ios-link"></span></a>
1112
+ </span>
1113
+ </td>
1114
+ </tr>
1115
+ <tr>
1116
+ <td class="col-md-4">
1117
+ <i>Arguments : </i><code>'$event' </code>
1118
+ </td>
1119
+ </tr>
1120
+ <tr>
1121
+ <td class="col-md-4">
1122
+ <code>document:click(event: MouseEvent)</code>
1123
+ </td>
1124
+ </tr>
1125
+
1126
+
1127
+
1128
+
1129
+ </tbody>
1130
+ </table>
1131
+ <table class="table table-sm table-bordered">
1063
1132
  <tbody>
1064
1133
  <tr>
1065
1134
  <td class="col-md-4">
@@ -1092,6 +1161,76 @@
1092
1161
  <h3 id="methods">
1093
1162
  Methods
1094
1163
  </h3>
1164
+ <table class="table table-sm table-bordered">
1165
+ <tbody>
1166
+ <tr>
1167
+ <td class="col-md-4">
1168
+ <a name="onClick"></a>
1169
+ <span class="name">
1170
+ <span class="modifier"></span>
1171
+ <span ><b>onClick</b></span>
1172
+ <a href="#onClick"><span class="icon ion-ios-link"></span></a>
1173
+ </span>
1174
+ </td>
1175
+ </tr>
1176
+ <tr>
1177
+ <td class="col-md-4">
1178
+ <span class="modifier-icon icon ion-ios-reset"></span>
1179
+ <code>onClick(event: MouseEvent)</code>
1180
+ </td>
1181
+ </tr>
1182
+
1183
+ <tr>
1184
+ <td class="col-md-4">
1185
+ <b>Decorators : </b>
1186
+ <br />
1187
+ <code>@HostListener(&#x27;document:click&#x27;, [&#x27;$event&#x27;])<br /></code>
1188
+ </td>
1189
+ </tr>
1190
+
1191
+
1192
+
1193
+ <tr>
1194
+ <td class="col-md-4">
1195
+
1196
+ <div class="io-description">
1197
+ <b>Parameters :</b>
1198
+
1199
+ <table class="params">
1200
+ <thead>
1201
+ <tr>
1202
+ <td>Name</td>
1203
+ <td>Type</td>
1204
+ <td>Optional</td>
1205
+ </tr>
1206
+ </thead>
1207
+ <tbody>
1208
+ <tr>
1209
+ <td>event</td>
1210
+ <td>
1211
+ <code>MouseEvent</code>
1212
+ </td>
1213
+
1214
+ <td>
1215
+ No
1216
+ </td>
1217
+
1218
+
1219
+ </tr>
1220
+ </tbody>
1221
+ </table>
1222
+ </div>
1223
+ <div class="io-description">
1224
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1225
+
1226
+ </div>
1227
+ <div class="io-description">
1228
+
1229
+ </div>
1230
+ </td>
1231
+ </tr>
1232
+ </tbody>
1233
+ </table>
1095
1234
  <table class="table table-sm table-bordered">
1096
1235
  <tbody>
1097
1236
  <tr>
@@ -1347,6 +1486,65 @@
1347
1486
  <tr>
1348
1487
  <td class="col-md-4">
1349
1488
 
1489
+ <div class="io-description">
1490
+ <b>Parameters :</b>
1491
+ <table class="params">
1492
+ <thead>
1493
+ <tr>
1494
+ <td>Name</td>
1495
+ <td>Type</td>
1496
+ <td>Optional</td>
1497
+ </tr>
1498
+ </thead>
1499
+ <tbody>
1500
+ <tr>
1501
+ <td>value</td>
1502
+
1503
+ <td>
1504
+ <code>BooleanInput</code>
1505
+ </td>
1506
+
1507
+ <td>
1508
+ No
1509
+ </td>
1510
+
1511
+ </tr>
1512
+ </tbody>
1513
+ </table>
1514
+ </div>
1515
+ <div>
1516
+ </div>
1517
+ <div class="io-description">
1518
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1519
+
1520
+ </div>
1521
+ </td>
1522
+ </tr>
1523
+ </tbody>
1524
+ </table>
1525
+ <table class="table table-sm table-bordered">
1526
+ <tbody>
1527
+ <tr>
1528
+ <td class="col-md-4">
1529
+ <a name="hasClosedOnClickOutside"></a>
1530
+ <span class="name"><b>hasClosedOnClickOutside</b><a href="#hasClosedOnClickOutside"><span class="icon ion-ios-link"></span></a></span>
1531
+ </td>
1532
+ </tr>
1533
+
1534
+ <tr>
1535
+ <td class="col-md-4">
1536
+ <span class="accessor"><b>get</b><code>hasClosedOnClickOutside()</code></span>
1537
+ </td>
1538
+ </tr>
1539
+
1540
+ <tr>
1541
+ <td class="col-md-4">
1542
+ <span class="accessor"><b>set</b><code>hasClosedOnClickOutside(value: BooleanInput)</code></span>
1543
+ </td>
1544
+ </tr>
1545
+ <tr>
1546
+ <td class="col-md-4">
1547
+
1350
1548
  <div class="io-description">
1351
1549
  <b>Parameters :</b>
1352
1550
  <table class="params">
@@ -311,9 +311,9 @@
311
311
  <li>
312
312
  <b>@stackblitz/sdk</b> : 1.9.0</li>
313
313
  <li>
314
- <b>@eui/styles-base</b> : 17.3.1-snapshot-1712193733449</li>
314
+ <b>@eui/styles-base</b> : 17.3.2-snapshot-1712280473485</li>
315
315
  <li>
316
- <b>@eui/ecl</b> : 17.3.1-snapshot-1712193733449</li>
316
+ <b>@eui/ecl</b> : 17.3.2-snapshot-1712280473485</li>
317
317
  <li>
318
318
  <b>@eui/tools</b> : ^6.0.0</li>
319
319
  </ul>
@@ -306,14 +306,16 @@
306
306
  <li>
307
307
  <span class="modifier">Optional</span>
308
308
  <a href="#isClosedOnClickOutside"
309
- >
309
+ class="deprecated-name"
310
+ >
310
311
  isClosedOnClickOutside
311
312
  </a>
312
313
  </li>
313
314
  <li>
314
315
  <span class="modifier">Optional</span>
315
316
  <a href="#isClosedOnEscape"
316
- >
317
+ class="deprecated-name"
318
+ >
317
319
  isClosedOnEscape
318
320
  </a>
319
321
  </li>
@@ -1305,13 +1307,18 @@
1305
1307
  <tr>
1306
1308
  <td class="col-md-4">
1307
1309
  <a name="isClosedOnClickOutside"></a>
1308
- <span class="name "><b>isClosedOnClickOutside</b>
1310
+ <span class="name deprecated-name"><b>isClosedOnClickOutside</b>
1309
1311
  <a href="#isClosedOnClickOutside">
1310
1312
  <span class="icon ion-ios-link"></span>
1311
1313
  </a>
1312
1314
  </span>
1313
1315
  </td>
1314
1316
  </tr>
1317
+ <tr>
1318
+ <td class="col-md-4 deprecated">
1319
+ This will be removed in next version of eui in favor of hasClosedOnClickOutside
1320
+ </td>
1321
+ </tr>
1315
1322
  <tr>
1316
1323
  <td class="col-md-4">
1317
1324
  <code>isClosedOnClickOutside: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
@@ -1343,13 +1350,18 @@
1343
1350
  <tr>
1344
1351
  <td class="col-md-4">
1345
1352
  <a name="isClosedOnEscape"></a>
1346
- <span class="name "><b>isClosedOnEscape</b>
1353
+ <span class="name deprecated-name"><b>isClosedOnEscape</b>
1347
1354
  <a href="#isClosedOnEscape">
1348
1355
  <span class="icon ion-ios-link"></span>
1349
1356
  </a>
1350
1357
  </span>
1351
1358
  </td>
1352
1359
  </tr>
1360
+ <tr>
1361
+ <td class="col-md-4 deprecated">
1362
+ This will be removed in next version of eui in favor of hasClosedOnEscape
1363
+ </td>
1364
+ </tr>
1353
1365
  <tr>
1354
1366
  <td class="col-md-4">
1355
1367
  <code>isClosedOnEscape: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
@@ -1686,13 +1686,13 @@ customElements.define('compodoc-menu', class extends HTMLElement {
1686
1686
  <a href="modules/EuiOverlayModule.html" data-type="entity-link" >EuiOverlayModule</a>
1687
1687
  <li class="chapter inner">
1688
1688
  <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
1689
- 'data-bs-target="#components-links-module-EuiOverlayModule-e8e21f94479e38501244f0a0bc0234e897dff02d193ebfbf0b3ccae20cdc3884176421bf7c4784b6a2004add15dcbc091bda892f0b8455a7b14165951912d3f4"' : 'data-bs-target="#xs-components-links-module-EuiOverlayModule-e8e21f94479e38501244f0a0bc0234e897dff02d193ebfbf0b3ccae20cdc3884176421bf7c4784b6a2004add15dcbc091bda892f0b8455a7b14165951912d3f4"' }>
1689
+ 'data-bs-target="#components-links-module-EuiOverlayModule-d8054116b0991ba14bccf6b9b16aa16bb41d136a492ba28124d8f427954ee04bf3afdd143bc6737323ba765520d512a9579535a8897dbe0297d7cbb50948003e"' : 'data-bs-target="#xs-components-links-module-EuiOverlayModule-d8054116b0991ba14bccf6b9b16aa16bb41d136a492ba28124d8f427954ee04bf3afdd143bc6737323ba765520d512a9579535a8897dbe0297d7cbb50948003e"' }>
1690
1690
  <span class="icon ion-md-cog"></span>
1691
1691
  <span>Components</span>
1692
1692
  <span class="icon ion-ios-arrow-down"></span>
1693
1693
  </div>
1694
- <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiOverlayModule-e8e21f94479e38501244f0a0bc0234e897dff02d193ebfbf0b3ccae20cdc3884176421bf7c4784b6a2004add15dcbc091bda892f0b8455a7b14165951912d3f4"' :
1695
- 'id="xs-components-links-module-EuiOverlayModule-e8e21f94479e38501244f0a0bc0234e897dff02d193ebfbf0b3ccae20cdc3884176421bf7c4784b6a2004add15dcbc091bda892f0b8455a7b14165951912d3f4"' }>
1694
+ <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiOverlayModule-d8054116b0991ba14bccf6b9b16aa16bb41d136a492ba28124d8f427954ee04bf3afdd143bc6737323ba765520d512a9579535a8897dbe0297d7cbb50948003e"' :
1695
+ 'id="xs-components-links-module-EuiOverlayModule-d8054116b0991ba14bccf6b9b16aa16bb41d136a492ba28124d8f427954ee04bf3afdd143bc6737323ba765520d512a9579535a8897dbe0297d7cbb50948003e"' }>
1696
1696
  <li class="link">
1697
1697
  <a href="components/EuiOverlayBodyComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiOverlayBodyComponent</a>
1698
1698
  </li>