@sapudex/web-components 2.11.0 → 2.12.0

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 (131) hide show
  1. package/cypress/fixtures/profile-menu.ts +75 -0
  2. package/cypress/specs/ListItem.cy.tsx +66 -52
  3. package/cypress/specs/MastheadProfileMenu.cy.tsx +174 -0
  4. package/cypress/specs/SelectBox.cy.tsx +134 -66
  5. package/cypress/support/component-imports.instrumented.ts +4 -0
  6. package/cypress/support/component-imports.src.ts +4 -0
  7. package/dist/Button.d.ts +8 -0
  8. package/dist/Button.js +11 -0
  9. package/dist/Button.js.map +1 -1
  10. package/dist/List.d.ts +9 -2
  11. package/dist/List.js +19 -8
  12. package/dist/List.js.map +1 -1
  13. package/dist/ListGroupHeader.d.ts +2 -1
  14. package/dist/ListGroupHeader.js.map +1 -1
  15. package/dist/ListItem.d.ts +12 -1
  16. package/dist/ListItem.js +15 -1
  17. package/dist/ListItem.js.map +1 -1
  18. package/dist/ListItemBase.d.ts +10 -0
  19. package/dist/ListItemBase.js +31 -0
  20. package/dist/ListItemBase.js.map +1 -1
  21. package/dist/ListSelectAll.d.ts +2 -1
  22. package/dist/ListSelectAll.js.map +1 -1
  23. package/dist/MastheadItem.d.ts +2 -0
  24. package/dist/MastheadItem.js +6 -0
  25. package/dist/MastheadItem.js.map +1 -1
  26. package/dist/MastheadProfileMenu.d.ts +67 -3
  27. package/dist/MastheadProfileMenu.js +164 -10
  28. package/dist/MastheadProfileMenu.js.map +1 -1
  29. package/dist/MastheadShell.d.ts +1 -0
  30. package/dist/MastheadShell.js +6 -1
  31. package/dist/MastheadShell.js.map +1 -1
  32. package/dist/SearchableListBase.d.ts +16 -0
  33. package/dist/SearchableListBase.js +31 -1
  34. package/dist/SearchableListBase.js.map +1 -1
  35. package/dist/SelectBox.js +10 -0
  36. package/dist/SelectBox.js.map +1 -1
  37. package/dist/SelectBoxItem.d.ts +29 -0
  38. package/dist/SelectBoxItem.js +26 -0
  39. package/dist/SelectBoxItem.js.map +1 -1
  40. package/dist/StatusBadge.d.ts +1 -7
  41. package/dist/StatusBadge.js +1 -8
  42. package/dist/StatusBadge.js.map +1 -1
  43. package/dist/StepInputTemplate.js +1 -1
  44. package/dist/StepInputTemplate.js.map +1 -1
  45. package/dist/assets/{InputSuggestions-9WQMOg4t.js → InputSuggestions-DtUQULbo.js} +1 -1
  46. package/dist/assets/{ListItemStandardExpandableTextTemplate-BQaMMo_n.js → ListItemStandardExpandableTextTemplate-B62PaSFk.js} +1 -1
  47. package/dist/assets/{bundle.esm-ZNiP-jPI.js → bundle.esm-Ba8g4ech.js} +210 -210
  48. package/dist/assets/messagebundle_en-PmkE-Vht.js +1 -0
  49. package/dist/css/themes/Button.css +1 -1
  50. package/dist/css/themes/ListItem.css +1 -1
  51. package/dist/css/themes/MastheadProfileMenu.css +1 -1
  52. package/dist/css/themes/RatingIndicator.css +1 -1
  53. package/dist/css/themes/Slider.css +1 -1
  54. package/dist/css/themes/StepInput.css +1 -1
  55. package/dist/custom-elements-internal.json +1039 -255
  56. package/dist/custom-elements.json +867 -237
  57. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  58. package/dist/generated/i18n/i18n-defaults.d.ts +5 -1
  59. package/dist/generated/i18n/i18n-defaults.js +5 -1
  60. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  61. package/dist/generated/templates/ListItemTemplate.lit.js +31 -23
  62. package/dist/generated/templates/ListItemTemplate.lit.js.map +1 -1
  63. package/dist/generated/templates/ListTemplate.lit.js +2 -2
  64. package/dist/generated/templates/ListTemplate.lit.js.map +1 -1
  65. package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js +11 -6
  66. package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js.map +1 -1
  67. package/dist/generated/templates/SearchableListBaseTemplate.lit.js +6 -6
  68. package/dist/generated/templates/SearchableListBaseTemplate.lit.js.map +1 -1
  69. package/dist/generated/themes/Button.css.d.ts +1 -1
  70. package/dist/generated/themes/Button.css.js +1 -1
  71. package/dist/generated/themes/Button.css.js.map +1 -1
  72. package/dist/generated/themes/ListItem.css.d.ts +1 -1
  73. package/dist/generated/themes/ListItem.css.js +1 -1
  74. package/dist/generated/themes/ListItem.css.js.map +1 -1
  75. package/dist/generated/themes/MastheadProfileMenu.css.d.ts +1 -1
  76. package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
  77. package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
  78. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  79. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  80. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  81. package/dist/generated/themes/Slider.css.d.ts +1 -1
  82. package/dist/generated/themes/Slider.css.js +1 -1
  83. package/dist/generated/themes/Slider.css.js.map +1 -1
  84. package/dist/generated/themes/StepInput.css.d.ts +1 -1
  85. package/dist/generated/themes/StepInput.css.js +1 -1
  86. package/dist/generated/themes/StepInput.css.js.map +1 -1
  87. package/dist/messagebundle.properties +4 -0
  88. package/dist/messagebundle_en.properties +4 -0
  89. package/dist/types/StatusBadgeValueState.d.ts +8 -0
  90. package/dist/types/StatusBadgeValueState.js +10 -0
  91. package/dist/types/StatusBadgeValueState.js.map +1 -0
  92. package/dist/vscode.html-custom-data.json +83 -16
  93. package/dist/web-types.json +374 -30
  94. package/package.json +1 -1
  95. package/src/Button.ts +10 -0
  96. package/src/List.hbs +0 -2
  97. package/src/List.ts +27 -8
  98. package/src/ListGroupHeader.ts +2 -1
  99. package/src/ListItem.hbs +16 -2
  100. package/src/ListItem.ts +29 -2
  101. package/src/ListItemBase.ts +42 -0
  102. package/src/ListSelectAll.ts +2 -1
  103. package/src/MastheadItem.ts +9 -0
  104. package/src/MastheadProfileMenu.hbs +79 -15
  105. package/src/MastheadProfileMenu.ts +228 -13
  106. package/src/MastheadShell.ts +7 -1
  107. package/src/SearchableListBase.hbs +18 -1
  108. package/src/SearchableListBase.ts +47 -1
  109. package/src/SelectBox.ts +11 -0
  110. package/src/SelectBoxItem.ts +39 -0
  111. package/src/StatusBadge.ts +1 -8
  112. package/src/StepInputTemplate.tsx +1 -1
  113. package/src/generated/i18n/i18n-defaults.ts +2 -2
  114. package/src/generated/templates/ListItemTemplate.lit.ts +31 -23
  115. package/src/generated/templates/ListTemplate.lit.ts +2 -2
  116. package/src/generated/templates/MastheadProfileMenuTemplate.lit.ts +10 -5
  117. package/src/generated/templates/SearchableListBaseTemplate.lit.ts +6 -6
  118. package/src/generated/themes/Button.css.ts +1 -1
  119. package/src/generated/themes/ListItem.css.ts +1 -1
  120. package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
  121. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  122. package/src/generated/themes/Slider.css.ts +1 -1
  123. package/src/generated/themes/StepInput.css.ts +1 -1
  124. package/src/i18n/messagebundle.properties +4 -0
  125. package/src/i18n/messagebundle_en.properties +4 -0
  126. package/src/themes/Button.css +13 -0
  127. package/src/themes/ListItem.css +4 -9
  128. package/src/themes/MastheadProfileMenu.css +87 -3
  129. package/src/themes/StepInput.css +10 -0
  130. package/src/types/StatusBadgeValueState.ts +9 -0
  131. package/dist/assets/messagebundle_en-DwlTjyni.js +0 -1
@@ -242,6 +242,11 @@
242
242
  { "name": "Default" },
243
243
  { "name": "Attention" }
244
244
  ]
245
+ },
246
+ {
247
+ "name": "wrapping-type",
248
+ "description": "Defines if button should wrap text inside",
249
+ "values": [{ "name": "None" }, { "name": "Normal" }]
245
250
  }
246
251
  ],
247
252
  "references": []
@@ -395,7 +400,7 @@
395
400
  },
396
401
  {
397
402
  "name": "udex-country-selector",
398
- "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-country-selector</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/CountrySelector.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **before-open** - Fired before the dropdown pane is opened.\n- **open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **close** - Fired after the dropdown pane is closed.\n- **change-search** - Fired event when the user submitted the value in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
403
+ "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-country-selector</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/CountrySelector.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **before-open** - Fired before the dropdown pane is opened.\n- **open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **close** - Fired after the dropdown pane is closed.\n- **change-search** - Fired event when the user submitted the value in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
399
404
  "attributes": [
400
405
  {
401
406
  "name": "label",
@@ -468,6 +473,11 @@
468
473
  "values": []
469
474
  },
470
475
  { "name": "hide-flag-images", "values": [] },
476
+ {
477
+ "name": "tab-navigation-enabled",
478
+ "description": "Enables tab navigation for the list.",
479
+ "values": []
480
+ },
471
481
  {
472
482
  "name": "prevent-page-scroll",
473
483
  "description": "Defines if page scrolling should be prevented within the list of items.",
@@ -674,7 +684,7 @@
674
684
  },
675
685
  {
676
686
  "name": "udex-filter-menu",
677
- "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExFilterMenu.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **reset-click** - Fired event when the user click on a reset button on the footer.\n- **result-click** - Fired event when the user click on a result button on the footer.\n- **select-all** - Fired event when the user click on Select All header item.\n- **before-open** - Fired before the dropdown pane is opened.\n- **after-open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **after-close** - Fired after the dropdown pane is closed.\n- **selection-change** - \n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
687
+ "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExFilterMenu.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **reset-click** - Fired event when the user click on a reset button on the footer.\n- **result-click** - Fired event when the user click on a result button on the footer.\n- **select-all** - Fired event when the user click on Select All header item.\n- **before-open** - Fired before the dropdown pane is opened.\n- **after-open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **after-close** - Fired after the dropdown pane is closed.\n- **selection-change** - \n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
678
688
  "attributes": [
679
689
  {
680
690
  "name": "badge-value",
@@ -775,6 +785,11 @@
775
785
  "description": "Allows setting a custom role for dropdown trigger.",
776
786
  "values": []
777
787
  },
788
+ {
789
+ "name": "tab-navigation-enabled",
790
+ "description": "Enables tab navigation for the list.",
791
+ "values": []
792
+ },
778
793
  {
779
794
  "name": "height",
780
795
  "description": "Allows control over the height.",
@@ -830,7 +845,7 @@
830
845
  },
831
846
  {
832
847
  "name": "udex-filter-menu-group-header",
833
- "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/FilterMenuGroupHeader.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for list items.",
848
+ "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/FilterMenuGroupHeader.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for list items.",
834
849
  "attributes": [
835
850
  {
836
851
  "name": "non-interactive",
@@ -902,7 +917,7 @@
902
917
  },
903
918
  {
904
919
  "name": "udex-filter-menu-item",
905
- "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/FilterMenuItem.js\";</code>\n\n\n---\n\n\n",
920
+ "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/FilterMenuItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.",
906
921
  "attributes": [
907
922
  { "name": "_is-filter-select-all-item", "values": [] },
908
923
  {
@@ -970,7 +985,7 @@
970
985
  },
971
986
  {
972
987
  "name": "udex-filter-menu-select-all",
973
- "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/FilterMenuSelectAll.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for group header list items.",
988
+ "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/FilterMenuSelectAll.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for group header list items.",
974
989
  "attributes": [
975
990
  {
976
991
  "name": "non-interactive",
@@ -1362,13 +1377,23 @@
1362
1377
  "name": "header-text",
1363
1378
  "description": "Defines the headerText, displayed in the top of the list.",
1364
1379
  "values": []
1380
+ },
1381
+ {
1382
+ "name": "item-icon",
1383
+ "description": "Defines the name of the UI5 Icon, that will be displayed for each item of the list.",
1384
+ "values": []
1385
+ },
1386
+ {
1387
+ "name": "tab-navigation-enabled",
1388
+ "description": "Enables tab navigation for the list.",
1389
+ "values": []
1365
1390
  }
1366
1391
  ],
1367
1392
  "references": []
1368
1393
  },
1369
1394
  {
1370
1395
  "name": "udex-list-group-header",
1371
- "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListGroupHeader.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for group header list items.",
1396
+ "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListGroupHeader.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for group header list items.",
1372
1397
  "attributes": [
1373
1398
  {
1374
1399
  "name": "non-interactive",
@@ -1440,7 +1465,7 @@
1440
1465
  },
1441
1466
  {
1442
1467
  "name": "udex-list-group-header-base",
1443
- "description": "A class to serve as a foundation\nfor the <code>UDExListGroupHeader</code> and <code>UDExFilterMenuGroupHeader</code> classes.\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for group header list items.",
1468
+ "description": "A class to serve as a foundation\nfor the <code>UDExListGroupHeader</code> and <code>UDExFilterMenuGroupHeader</code> classes.\n\n\n---\n\n\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for group header list items.",
1444
1469
  "attributes": [
1445
1470
  {
1446
1471
  "name": "non-interactive",
@@ -1512,8 +1537,19 @@
1512
1537
  },
1513
1538
  {
1514
1539
  "name": "udex-list-item",
1515
- "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-press** - Fired event when the user click on a list item.\n- **item-focus** - Fired event when the user focuses on a list item.\n\n### **Slots:**\n - **default** - Slot for list item content.\n- **firstIcon** - Slot for first icon.\n- **secondIcon** - Slot for second icon.",
1540
+ "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **item-press** - Fired event when the user click on a list item.\n- **item-focus** - Fired event when the user focuses on a list item.\n- **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for list item content.\n- **firstIcon** - Slot for first icon.\n- **secondIcon** - Slot for second icon.",
1516
1541
  "attributes": [
1542
+ {
1543
+ "name": "image-badge-state",
1544
+ "description": "Defines the image badge state of the component.",
1545
+ "values": [
1546
+ { "name": "Information" },
1547
+ { "name": "Warning" },
1548
+ { "name": "Success" },
1549
+ { "name": "Error" },
1550
+ { "name": "Edit" }
1551
+ ]
1552
+ },
1517
1553
  {
1518
1554
  "name": "accessible-name",
1519
1555
  "description": "Defines the accessible name of the item.",
@@ -1641,7 +1677,7 @@
1641
1677
  },
1642
1678
  {
1643
1679
  "name": "udex-list-item-base",
1644
- "description": "A class to serve as a foundation\nfor the <code>UDExListItem</code>,<code>UDExFilterMenuItem</code> and <code>UDExGroupHeaderBase</code> classes.\n\n\n---\n\n\n",
1680
+ "description": "A class to serve as a foundation\nfor the <code>UDExListItem</code>,<code>UDExFilterMenuItem</code> and <code>UDExGroupHeaderBase</code> classes.\n\n\n---\n\n\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.",
1645
1681
  "attributes": [
1646
1682
  {
1647
1683
  "name": "label",
@@ -1708,7 +1744,7 @@
1708
1744
  },
1709
1745
  {
1710
1746
  "name": "udex-list-select-all",
1711
- "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListSelectAll.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for group header list items.",
1747
+ "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-list-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/ListSelectAll.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for group header list items.",
1712
1748
  "attributes": [
1713
1749
  {
1714
1750
  "name": "non-interactive",
@@ -1917,8 +1953,13 @@
1917
1953
  },
1918
1954
  {
1919
1955
  "name": "udex-masthead-profile-menu",
1920
- "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-profile-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadProfileMenu.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **logout** - Fired when use click Logout link\n- **profile-item-click** - Fires when profile menu item is clicked\n\n### **Slots:**\n - **message** - Placeholder for message strip.",
1956
+ "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-masthead-profile-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadProfileMenu.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **logout** - Fired when use click Logout link\n- **profile-item-click** - Fires when profile menu item is clicked\n- **add-or-remove-account-click** - Fired when use click add or remove account button\n- **identity-item-click** - Fires when identity item is clicked\n\n### **Slots:**\n - **message** - Placeholder for message strip.",
1921
1957
  "attributes": [
1958
+ {
1959
+ "name": "identities",
1960
+ "description": "Defines the object of user identities",
1961
+ "values": []
1962
+ },
1922
1963
  {
1923
1964
  "name": "links",
1924
1965
  "description": "Defines the object of link values",
@@ -2720,8 +2761,13 @@
2720
2761
  },
2721
2762
  {
2722
2763
  "name": "udex-searchable-list-base",
2723
- "description": "A class to serve as a foundation\nfor the <code>UDExFilterMenu</code> , <code>UDExSelectBox</code> and <code>UDExCountrySelector/code> classes.\n\n\n---\n\n\n\n\n### **Events:**\n - **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
2764
+ "description": "A class to serve as a foundation\nfor the <code>UDExFilterMenu</code> , <code>UDExSelectBox</code> and <code>UDExCountrySelector/code> classes.\n\n\n---\n\n\n\n\n### **Events:**\n - **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
2724
2765
  "attributes": [
2766
+ {
2767
+ "name": "tab-navigation-enabled",
2768
+ "description": "Enables tab navigation for the list.",
2769
+ "values": []
2770
+ },
2725
2771
  {
2726
2772
  "name": "height",
2727
2773
  "description": "Allows control over the height.",
@@ -2945,7 +2991,7 @@
2945
2991
  },
2946
2992
  {
2947
2993
  "name": "udex-select-box",
2948
- "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExSelectBox.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **remove** - Fired event when the user clicks on the reset button in the search.\n- **show-more** - Fired event when the user clicks on the More button.\n- **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
2994
+ "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExSelectBox.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **remove** - Fired event when the user clicks on the reset button in the search.\n- **show-more** - Fired event when the user clicks on the More button.\n- **before-open** - Fired before the dropdown pane is opened.\n- **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
2949
2995
  "attributes": [
2950
2996
  {
2951
2997
  "name": "disable-target-overlap",
@@ -3012,6 +3058,11 @@
3012
3058
  { "name": "Bottom" }
3013
3059
  ]
3014
3060
  },
3061
+ {
3062
+ "name": "tab-navigation-enabled",
3063
+ "description": "Enables tab navigation for the list.",
3064
+ "values": []
3065
+ },
3015
3066
  {
3016
3067
  "name": "height",
3017
3068
  "description": "Allows control over the height.",
@@ -3077,7 +3128,7 @@
3077
3128
  },
3078
3129
  {
3079
3130
  "name": "udex-select-box-group-header",
3080
- "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SelectBoxGroupHeader.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for dropdown list items.",
3131
+ "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-group-header</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SelectBoxGroupHeader.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for dropdown list items.",
3081
3132
  "attributes": [
3082
3133
  {
3083
3134
  "name": "label",
@@ -3149,8 +3200,24 @@
3149
3200
  },
3150
3201
  {
3151
3202
  "name": "udex-select-box-item",
3152
- "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SelectBoxItem.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for item content.",
3203
+ "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SelectBoxItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **firstIcon** - Slot for first icon.\n- **secondIcon** - Slot for second icon.\n- **default** - Slot for item content.",
3153
3204
  "attributes": [
3205
+ {
3206
+ "name": "additional-text",
3207
+ "description": "Defines the additionalText, displayed at the end of the list item.",
3208
+ "values": []
3209
+ },
3210
+ {
3211
+ "name": "additional-text-state",
3212
+ "description": "Defines the state of the additionalText.",
3213
+ "values": [
3214
+ { "name": "Information" },
3215
+ { "name": "Warning" },
3216
+ { "name": "None" },
3217
+ { "name": "Success" },
3218
+ { "name": "Error" }
3219
+ ]
3220
+ },
3154
3221
  {
3155
3222
  "name": "label",
3156
3223
  "description": "Defines the <code>label</code> for the item.",
@@ -3216,7 +3283,7 @@
3216
3283
  },
3217
3284
  {
3218
3285
  "name": "udex-select-box-select-all",
3219
- "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SelectBoxSelectAll.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Slot for group header list items.",
3286
+ "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box-select-all</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SelectBoxSelectAll.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **first-icon-click** - Fired event when the user click on a first icon.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for group header list items.",
3220
3287
  "attributes": [
3221
3288
  {
3222
3289
  "name": "non-interactive",