genesys-spark-components 4.5.0 → 4.6.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 (359) hide show
  1. package/dist/cjs/en-66d2b744.js +26 -0
  2. package/dist/cjs/genesys-webcomponents.cjs.js +1 -1
  3. package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
  4. package/dist/cjs/gux-action-button.cjs.entry.js +2 -2
  5. package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
  6. package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +1 -1
  7. package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
  8. package/dist/cjs/gux-badge.cjs.entry.js +1 -1
  9. package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
  10. package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
  11. package/dist/cjs/gux-button-multi.cjs.entry.js +2 -2
  12. package/dist/cjs/gux-button-slot.cjs.entry.js +2 -2
  13. package/dist/cjs/gux-button.cjs.entry.js +2 -2
  14. package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
  15. package/dist/cjs/gux-card.cjs.entry.js +1 -1
  16. package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
  17. package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
  18. package/dist/cjs/gux-context-menu.cjs.entry.js +1 -1
  19. package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
  20. package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
  21. package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
  22. package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
  23. package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
  24. package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
  25. package/dist/cjs/gux-dropdown-multi.cjs.entry.js +2 -2
  26. package/dist/cjs/gux-dropdown_3.cjs.entry.js +13 -12
  27. package/dist/cjs/gux-flag-icon-beta.cjs.entry.js +1 -1
  28. package/dist/cjs/gux-flyout-menu.cjs.entry.js +1 -1
  29. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
  30. package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
  31. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +3 -13
  32. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
  33. package/dist/cjs/gux-form-field-number_3.cjs.entry.js +2 -2
  34. package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
  35. package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
  36. package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
  37. package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
  38. package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
  39. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +8 -2
  40. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
  41. package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
  42. package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +1 -1
  43. package/dist/cjs/gux-icon.cjs.entry.js +1 -1
  44. package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
  45. package/dist/cjs/gux-list.cjs.entry.js +1 -1
  46. package/dist/cjs/gux-listbox-multi.cjs.entry.js +2 -2
  47. package/dist/cjs/{gux-listbox.service-9bcd72cb.js → gux-listbox.service-e1b0f291.js} +37 -41
  48. package/dist/cjs/gux-loading-message.cjs.entry.js +1 -1
  49. package/dist/cjs/gux-modal-legacy.cjs.entry.js +1 -1
  50. package/dist/cjs/gux-modal.cjs.entry.js +1 -1
  51. package/dist/cjs/gux-month-calendar.cjs.entry.js +1 -1
  52. package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
  53. package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
  54. package/dist/cjs/gux-option-group-beta.cjs.entry.js +23 -0
  55. package/dist/cjs/gux-option-icon.cjs.entry.js +10 -3
  56. package/dist/cjs/gux-option-multi.cjs.entry.js +10 -3
  57. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
  58. package/dist/cjs/gux-pagination-buttons_2.cjs.entry.js +8 -4
  59. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
  60. package/dist/cjs/gux-pagination-items-per-page.cjs.entry.js +1 -1
  61. package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
  62. package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
  64. package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
  65. package/dist/cjs/gux-popup.cjs.entry.js +2 -1
  66. package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
  67. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  69. package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
  70. package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
  71. package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
  72. package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
  75. package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
  76. package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
  77. package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
  78. package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
  79. package/dist/cjs/gux-table.cjs.entry.js +1 -1
  80. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  81. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  82. package/dist/cjs/gux-tag.cjs.entry.js +1 -1
  83. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  84. package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
  85. package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
  86. package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
  87. package/dist/cjs/gux-toast.cjs.entry.js +1 -1
  88. package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
  89. package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
  90. package/dist/cjs/index-75c9f0d9.js +8 -4
  91. package/dist/cjs/loader.cjs.js +1 -1
  92. package/dist/cjs/{usage-0771d1fa.js → usage-ea342b1c.js} +1 -1
  93. package/dist/collection/collection-manifest.json +1 -0
  94. package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-calendar.css +0 -1
  95. package/dist/collection/components/stable/gux-action-button/gux-action-button.js +1 -1
  96. package/dist/collection/components/stable/gux-button/gux-button.css +3 -3
  97. package/dist/collection/components/stable/gux-button-multi/gux-button-multi.js +1 -1
  98. package/dist/collection/components/stable/gux-button-slot/gux-button-slot.css +2 -2
  99. package/dist/collection/components/stable/gux-dropdown/tests/gux-dropdown.e2e.js +5 -5
  100. package/dist/collection/components/stable/gux-dropdown/tests/gux-dropdown.spec.js +3 -3
  101. package/dist/collection/components/stable/gux-dropdown-multi/tests/gux-dropdown-multi.e2e.js +3 -3
  102. package/dist/collection/components/stable/gux-dropdown-multi/tests/gux-dropdown-multi.spec.js +1 -1
  103. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.css +0 -4
  104. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.js +1 -13
  105. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/tests/gux-form-field-dropdown.e2e.js +5 -5
  106. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/tests/gux-form-field-dropdown.spec.js +8 -8
  107. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.js +25 -1
  108. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/tests/gux-form-field-text-like.e2e.js +27 -0
  109. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/tests/gux-form-field-text-like.spec.js +20 -0
  110. package/dist/collection/components/stable/gux-icon/gux-icon.js +1 -1
  111. package/dist/collection/components/stable/gux-icon/icons/fa/arrow-down-left-and-arrow-up-right-to-center-regular.svg +1 -0
  112. package/dist/collection/components/stable/gux-icon/icons/fa/arrow-right-to-bracket-regular.svg +1 -0
  113. package/dist/collection/components/stable/gux-icon/icons/fa/arrow-up-right-and-arrow-down-left-from-center-regular.svg +1 -0
  114. package/dist/collection/components/stable/gux-icon/icons/fa/arrows-down-to-people-regular.svg +1 -0
  115. package/dist/collection/components/stable/gux-icon/icons/fa/arrows-rotate-regular.svg +1 -0
  116. package/dist/collection/components/stable/gux-icon/icons/fa/display-regular.svg +1 -0
  117. package/dist/collection/components/stable/gux-icon/icons/fa/file-regular.svg +1 -0
  118. package/dist/collection/components/stable/gux-icon/icons/fa/regular-display-slash.svg +1 -0
  119. package/dist/collection/components/stable/gux-listbox/gux-listbox.js +2 -8
  120. package/dist/collection/components/stable/gux-listbox/gux-listbox.service.js +37 -41
  121. package/dist/collection/components/stable/gux-listbox/option-group/gux-option-group.css +26 -0
  122. package/dist/collection/components/stable/gux-listbox/option-group/gux-option-group.js +48 -0
  123. package/dist/collection/components/stable/gux-listbox/options/gux-option/gux-option.css +17 -0
  124. package/dist/collection/components/stable/gux-listbox/options/gux-option/gux-option.js +15 -2
  125. package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.css +17 -0
  126. package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.js +15 -2
  127. package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.css +16 -0
  128. package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js +15 -2
  129. package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.js +7 -3
  130. package/dist/collection/components/stable/gux-popup/gux-popup.js +26 -1
  131. package/dist/component-specs.json +10 -1
  132. package/dist/deploy-info.json +3 -3
  133. package/dist/esm/en-25a315a0.js +24 -0
  134. package/dist/esm/genesys-webcomponents.js +1 -1
  135. package/dist/esm/gux-accordion.entry.js +1 -1
  136. package/dist/esm/gux-action-button.entry.js +2 -2
  137. package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
  138. package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
  139. package/dist/esm/gux-announce-beta.entry.js +1 -1
  140. package/dist/esm/gux-badge.entry.js +1 -1
  141. package/dist/esm/gux-blank-state.entry.js +1 -1
  142. package/dist/esm/gux-breadcrumbs.entry.js +1 -1
  143. package/dist/esm/gux-button-multi.entry.js +2 -2
  144. package/dist/esm/gux-button-slot.entry.js +2 -2
  145. package/dist/esm/gux-button.entry.js +2 -2
  146. package/dist/esm/gux-calendar.entry.js +1 -1
  147. package/dist/esm/gux-card.entry.js +1 -1
  148. package/dist/esm/gux-column-manager.entry.js +1 -1
  149. package/dist/esm/gux-content-search.entry.js +1 -1
  150. package/dist/esm/gux-context-menu.entry.js +1 -1
  151. package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
  152. package/dist/esm/gux-date-beta.entry.js +1 -1
  153. package/dist/esm/gux-date-time-beta.entry.js +1 -1
  154. package/dist/esm/gux-datepicker.entry.js +1 -1
  155. package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
  156. package/dist/esm/gux-dismiss-button.entry.js +1 -1
  157. package/dist/esm/gux-dropdown-multi.entry.js +2 -2
  158. package/dist/esm/gux-dropdown_3.entry.js +13 -12
  159. package/dist/esm/gux-flag-icon-beta.entry.js +1 -1
  160. package/dist/esm/gux-flyout-menu.entry.js +1 -1
  161. package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
  162. package/dist/esm/gux-form-field-color.entry.js +1 -1
  163. package/dist/esm/gux-form-field-dropdown.entry.js +3 -13
  164. package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
  165. package/dist/esm/gux-form-field-number_3.entry.js +2 -2
  166. package/dist/esm/gux-form-field-phone.entry.js +1 -1
  167. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  168. package/dist/esm/gux-form-field-range.entry.js +1 -1
  169. package/dist/esm/gux-form-field-search.entry.js +1 -1
  170. package/dist/esm/gux-form-field-select.entry.js +1 -1
  171. package/dist/esm/gux-form-field-text-like.entry.js +8 -2
  172. package/dist/esm/gux-form-field-textarea.entry.js +1 -1
  173. package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
  174. package/dist/esm/gux-form-field-time-zone-picker.entry.js +1 -1
  175. package/dist/esm/gux-icon.entry.js +1 -1
  176. package/dist/esm/gux-inline-alert.entry.js +1 -1
  177. package/dist/esm/gux-list.entry.js +1 -1
  178. package/dist/esm/gux-listbox-multi.entry.js +2 -2
  179. package/dist/esm/{gux-listbox.service-0f180d8a.js → gux-listbox.service-8ccb2f73.js} +37 -41
  180. package/dist/esm/gux-loading-message.entry.js +1 -1
  181. package/dist/esm/gux-modal-legacy.entry.js +1 -1
  182. package/dist/esm/gux-modal.entry.js +1 -1
  183. package/dist/esm/gux-month-calendar.entry.js +1 -1
  184. package/dist/esm/gux-month-picker-beta.entry.js +1 -1
  185. package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
  186. package/dist/esm/gux-option-group-beta.entry.js +19 -0
  187. package/dist/esm/gux-option-icon.entry.js +10 -3
  188. package/dist/esm/gux-option-multi.entry.js +10 -3
  189. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  190. package/dist/esm/gux-pagination-buttons_2.entry.js +8 -4
  191. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  192. package/dist/esm/gux-pagination-items-per-page.entry.js +1 -1
  193. package/dist/esm/gux-pagination-legacy.entry.js +1 -1
  194. package/dist/esm/gux-pagination.entry.js +1 -1
  195. package/dist/esm/gux-phone-input-beta.entry.js +1 -1
  196. package/dist/esm/gux-popover-list.entry.js +1 -1
  197. package/dist/esm/gux-popup.entry.js +2 -1
  198. package/dist/esm/gux-radial-loading.entry.js +1 -1
  199. package/dist/esm/gux-radial-progress.entry.js +1 -1
  200. package/dist/esm/gux-rating.entry.js +1 -1
  201. package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
  202. package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
  203. package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
  204. package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
  205. package/dist/esm/gux-sort-control.entry.js +1 -1
  206. package/dist/esm/gux-switch-legacy.entry.js +1 -1
  207. package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
  208. package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
  209. package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
  210. package/dist/esm/gux-table-toolbar.entry.js +1 -1
  211. package/dist/esm/gux-table.entry.js +1 -1
  212. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  213. package/dist/esm/gux-tabs.entry.js +1 -1
  214. package/dist/esm/gux-tag.entry.js +1 -1
  215. package/dist/esm/gux-text-highlight.entry.js +1 -1
  216. package/dist/esm/gux-time-beta.entry.js +1 -1
  217. package/dist/esm/gux-time-picker.entry.js +1 -1
  218. package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
  219. package/dist/esm/gux-toast.entry.js +1 -1
  220. package/dist/esm/gux-toggle.entry.js +1 -1
  221. package/dist/esm/gux-tooltip.entry.js +1 -1
  222. package/dist/esm/index-39e65a0a.js +8 -4
  223. package/dist/esm/loader.js +1 -1
  224. package/dist/esm/{usage-ec7c6ed2.js → usage-a9b5d490.js} +1 -1
  225. package/dist/genesys-webcomponents/genesys-webcomponents.css +1 -1
  226. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  227. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.en.json +1 -1
  228. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.pt-pt.json +1 -1
  229. package/dist/genesys-webcomponents/icons/fa/arrow-down-left-and-arrow-up-right-to-center-regular.svg +1 -0
  230. package/dist/genesys-webcomponents/icons/fa/arrow-right-to-bracket-regular.svg +1 -0
  231. package/dist/genesys-webcomponents/icons/fa/arrow-up-right-and-arrow-down-left-from-center-regular.svg +1 -0
  232. package/dist/genesys-webcomponents/icons/fa/arrows-down-to-people-regular.svg +1 -0
  233. package/dist/genesys-webcomponents/icons/fa/arrows-rotate-regular.svg +1 -0
  234. package/dist/genesys-webcomponents/icons/fa/display-regular.svg +1 -0
  235. package/dist/genesys-webcomponents/icons/fa/file-regular.svg +1 -0
  236. package/dist/genesys-webcomponents/icons/fa/regular-display-slash.svg +1 -0
  237. package/dist/genesys-webcomponents/{p-32cc860b.entry.js → p-0194b96a.entry.js} +1 -1
  238. package/dist/genesys-webcomponents/{p-06141ff6.entry.js → p-02435eba.entry.js} +1 -1
  239. package/dist/genesys-webcomponents/p-02dbb0ac.entry.js +1 -0
  240. package/dist/genesys-webcomponents/{p-debe59a7.entry.js → p-057b7c6b.entry.js} +1 -1
  241. package/dist/genesys-webcomponents/p-086bfffd.entry.js +1 -0
  242. package/dist/genesys-webcomponents/p-0aa02a8c.entry.js +1 -0
  243. package/dist/genesys-webcomponents/{p-bff96f01.entry.js → p-0f71fbb4.entry.js} +1 -1
  244. package/dist/genesys-webcomponents/{p-111b0115.entry.js → p-13ad4f42.entry.js} +1 -1
  245. package/dist/genesys-webcomponents/{p-e80594cc.entry.js → p-13b33671.entry.js} +1 -1
  246. package/dist/genesys-webcomponents/{p-4c20850a.entry.js → p-1a47a637.entry.js} +1 -1
  247. package/dist/genesys-webcomponents/{p-80047812.entry.js → p-1e122371.entry.js} +1 -1
  248. package/dist/genesys-webcomponents/{p-a28864cf.entry.js → p-1e2c26d4.entry.js} +1 -1
  249. package/dist/genesys-webcomponents/p-1f0f3f12.entry.js +1 -0
  250. package/dist/genesys-webcomponents/p-1f5e0cf6.entry.js +1 -0
  251. package/dist/genesys-webcomponents/p-209db079.entry.js +1 -0
  252. package/dist/genesys-webcomponents/p-20fbe34f.js +1 -0
  253. package/dist/genesys-webcomponents/{p-4fbf392c.entry.js → p-22d9bd86.entry.js} +1 -1
  254. package/dist/genesys-webcomponents/{p-b052ecd1.entry.js → p-24fecfa2.entry.js} +1 -1
  255. package/dist/genesys-webcomponents/{p-fc5d554d.entry.js → p-28884f46.entry.js} +1 -1
  256. package/dist/genesys-webcomponents/{p-6722d319.entry.js → p-29b6eee9.entry.js} +1 -1
  257. package/dist/genesys-webcomponents/p-2abbbf05.entry.js +1 -0
  258. package/dist/genesys-webcomponents/{p-b798430c.entry.js → p-2efe0fba.entry.js} +1 -1
  259. package/dist/genesys-webcomponents/{p-74756166.entry.js → p-35537f4a.entry.js} +1 -1
  260. package/dist/genesys-webcomponents/p-3a90466e.entry.js +1 -0
  261. package/dist/genesys-webcomponents/{p-448dd098.entry.js → p-3ba45599.entry.js} +1 -1
  262. package/dist/genesys-webcomponents/{p-f0b5b1a3.entry.js → p-46ce101a.entry.js} +1 -1
  263. package/dist/genesys-webcomponents/p-47cdc1ca.entry.js +1 -0
  264. package/dist/genesys-webcomponents/{p-f8a21f5b.entry.js → p-4b3db04a.entry.js} +1 -1
  265. package/dist/genesys-webcomponents/{p-04be66ee.entry.js → p-4d8c4597.entry.js} +1 -1
  266. package/dist/genesys-webcomponents/{p-989753ad.entry.js → p-5304b139.entry.js} +1 -1
  267. package/dist/genesys-webcomponents/{p-cda77f0e.entry.js → p-564d3a74.entry.js} +1 -1
  268. package/dist/genesys-webcomponents/{p-eb99c173.entry.js → p-56ec20c7.entry.js} +1 -1
  269. package/dist/genesys-webcomponents/{p-41c3b361.entry.js → p-5bcf168f.entry.js} +1 -1
  270. package/dist/genesys-webcomponents/{p-ec539ee9.entry.js → p-5cac8417.entry.js} +1 -1
  271. package/dist/genesys-webcomponents/{p-4733570b.entry.js → p-5f2c267a.entry.js} +1 -1
  272. package/dist/genesys-webcomponents/{p-660e6ffe.entry.js → p-644077a1.entry.js} +1 -1
  273. package/dist/genesys-webcomponents/{p-8c5c7fb3.entry.js → p-65149af5.entry.js} +1 -1
  274. package/dist/genesys-webcomponents/{p-24d7f83b.entry.js → p-658b2769.entry.js} +1 -1
  275. package/dist/genesys-webcomponents/{p-d2b6e407.entry.js → p-66d05c52.entry.js} +1 -1
  276. package/dist/genesys-webcomponents/{p-4f600322.entry.js → p-66da0b69.entry.js} +1 -1
  277. package/dist/genesys-webcomponents/{p-e09de68a.entry.js → p-66f52ef4.entry.js} +1 -1
  278. package/dist/genesys-webcomponents/{p-958b9cf3.entry.js → p-676a7808.entry.js} +1 -1
  279. package/dist/genesys-webcomponents/{p-9bca384a.entry.js → p-6ad8ec99.entry.js} +1 -1
  280. package/dist/genesys-webcomponents/p-6d764dde.js +1 -0
  281. package/dist/genesys-webcomponents/{p-ddeabb06.entry.js → p-7167b83d.entry.js} +1 -1
  282. package/dist/genesys-webcomponents/{p-c5f6a094.entry.js → p-72d4dc2b.entry.js} +1 -1
  283. package/dist/genesys-webcomponents/{p-5dde382c.entry.js → p-754c1424.entry.js} +1 -1
  284. package/dist/genesys-webcomponents/{p-a1a70966.entry.js → p-76fc42e5.entry.js} +1 -1
  285. package/dist/genesys-webcomponents/{p-8de1d5df.entry.js → p-77a34cdc.entry.js} +1 -1
  286. package/dist/genesys-webcomponents/{p-0ef94751.entry.js → p-79aa97dd.entry.js} +1 -1
  287. package/dist/genesys-webcomponents/{p-cd775b1c.entry.js → p-7c8b1fd7.entry.js} +1 -1
  288. package/dist/genesys-webcomponents/{p-d2c226a9.entry.js → p-7c9e7e91.entry.js} +1 -1
  289. package/dist/genesys-webcomponents/{p-0a9a5052.entry.js → p-80746489.entry.js} +1 -1
  290. package/dist/genesys-webcomponents/p-845fed4c.entry.js +1 -0
  291. package/dist/genesys-webcomponents/{p-3324b97d.entry.js → p-84dff70e.entry.js} +1 -1
  292. package/dist/genesys-webcomponents/{p-916883d1.entry.js → p-87f2a656.entry.js} +1 -1
  293. package/dist/genesys-webcomponents/{p-67cb7eda.entry.js → p-8a2d0702.entry.js} +1 -1
  294. package/dist/genesys-webcomponents/{p-fc417cf4.entry.js → p-8faf6f75.entry.js} +1 -1
  295. package/dist/genesys-webcomponents/{p-68b8a54d.entry.js → p-90abae17.entry.js} +1 -1
  296. package/dist/genesys-webcomponents/{p-b9ccf117.entry.js → p-9428689a.entry.js} +1 -1
  297. package/dist/genesys-webcomponents/{p-698b1208.entry.js → p-9a8632b4.entry.js} +1 -1
  298. package/dist/genesys-webcomponents/p-9d5acac3.entry.js +1 -0
  299. package/dist/genesys-webcomponents/p-9ec956d3.entry.js +1 -0
  300. package/dist/genesys-webcomponents/{p-8b5ad7d2.entry.js → p-9fd526e3.entry.js} +1 -1
  301. package/dist/genesys-webcomponents/{p-8be97f54.entry.js → p-a0052b72.entry.js} +1 -1
  302. package/dist/genesys-webcomponents/p-a48f72ed.entry.js +1 -0
  303. package/dist/genesys-webcomponents/{p-b7e6056d.entry.js → p-acaaa493.entry.js} +1 -1
  304. package/dist/genesys-webcomponents/p-b3885745.entry.js +1 -0
  305. package/dist/genesys-webcomponents/{p-efc27dab.entry.js → p-ba2855b5.entry.js} +1 -1
  306. package/dist/genesys-webcomponents/{p-d880fa4b.entry.js → p-bbf199ce.entry.js} +1 -1
  307. package/dist/genesys-webcomponents/p-be722202.entry.js +1 -0
  308. package/dist/genesys-webcomponents/{p-24c9a100.entry.js → p-c237adac.entry.js} +1 -1
  309. package/dist/genesys-webcomponents/{p-f56d9d37.entry.js → p-c6b2cea0.entry.js} +1 -1
  310. package/dist/genesys-webcomponents/p-c7305a50.entry.js +1 -0
  311. package/dist/genesys-webcomponents/{p-fcd4c634.entry.js → p-c7c4457e.entry.js} +1 -1
  312. package/dist/genesys-webcomponents/{p-9291d78a.entry.js → p-cc5ca3c9.entry.js} +1 -1
  313. package/dist/genesys-webcomponents/{p-b835f28f.entry.js → p-d490ecd9.entry.js} +1 -1
  314. package/dist/genesys-webcomponents/{p-e03c60db.entry.js → p-d4bd7289.entry.js} +1 -1
  315. package/dist/genesys-webcomponents/{p-cf7633bb.entry.js → p-d6442d74.entry.js} +1 -1
  316. package/dist/genesys-webcomponents/p-d75e53c6.entry.js +1 -0
  317. package/dist/genesys-webcomponents/p-ddfcd695.entry.js +1 -0
  318. package/dist/genesys-webcomponents/{p-ba9d6ea8.entry.js → p-df96a16b.entry.js} +1 -1
  319. package/dist/genesys-webcomponents/{p-b77132e2.entry.js → p-e6623114.entry.js} +1 -1
  320. package/dist/genesys-webcomponents/{p-7f98fac7.js → p-e8e87ffb.js} +1 -1
  321. package/dist/genesys-webcomponents/{p-1bdc0669.entry.js → p-f06d1bfc.entry.js} +1 -1
  322. package/dist/genesys-webcomponents/{p-3dfc79fb.entry.js → p-f129f0e9.entry.js} +1 -1
  323. package/dist/genesys-webcomponents/{p-02087595.entry.js → p-f7691f80.entry.js} +1 -1
  324. package/dist/genesys-webcomponents/{p-1ee5f9af.entry.js → p-f940bf51.entry.js} +1 -1
  325. package/dist/genesys-webcomponents/{p-4979d690.entry.js → p-fbd4ce7f.entry.js} +1 -1
  326. package/dist/stencil-wrapper.js +1 -1
  327. package/dist/types/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.d.ts +0 -2
  328. package/dist/types/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.d.ts +2 -0
  329. package/dist/types/components/stable/gux-icon/gux-icon.types.d.ts +1 -1
  330. package/dist/types/components/stable/gux-listbox/gux-listbox.service.d.ts +3 -0
  331. package/dist/types/components/stable/gux-listbox/option-group/gux-option-group.d.ts +8 -0
  332. package/dist/types/components/stable/gux-listbox/options/gux-option/gux-option.d.ts +3 -0
  333. package/dist/types/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.d.ts +3 -0
  334. package/dist/types/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.d.ts +3 -0
  335. package/dist/types/components/stable/gux-popup/gux-popup.d.ts +5 -0
  336. package/dist/types/components.d.ts +25 -0
  337. package/dist/types/stencil-wrapper.d.ts +1 -1
  338. package/package.json +1 -1
  339. package/dist/cjs/en-f88c1935.js +0 -22
  340. package/dist/esm/en-98371f99.js +0 -20
  341. package/dist/genesys-webcomponents/p-3b3e4c5d.entry.js +0 -1
  342. package/dist/genesys-webcomponents/p-43557c1f.entry.js +0 -1
  343. package/dist/genesys-webcomponents/p-460a4982.entry.js +0 -1
  344. package/dist/genesys-webcomponents/p-65b03df8.js +0 -1
  345. package/dist/genesys-webcomponents/p-84cc916b.entry.js +0 -1
  346. package/dist/genesys-webcomponents/p-87bf41a0.entry.js +0 -1
  347. package/dist/genesys-webcomponents/p-8abeb43f.entry.js +0 -1
  348. package/dist/genesys-webcomponents/p-aaa59fd3.entry.js +0 -1
  349. package/dist/genesys-webcomponents/p-aee137e6.entry.js +0 -1
  350. package/dist/genesys-webcomponents/p-bf961d61.entry.js +0 -1
  351. package/dist/genesys-webcomponents/p-c7328d42.js +0 -1
  352. package/dist/genesys-webcomponents/p-cab88e9d.entry.js +0 -1
  353. package/dist/genesys-webcomponents/p-d9b474b8.entry.js +0 -1
  354. package/dist/genesys-webcomponents/p-e208feb4.entry.js +0 -1
  355. package/dist/genesys-webcomponents/p-e566718d.entry.js +0 -1
  356. package/dist/genesys-webcomponents/p-f06c026b.entry.js +0 -1
  357. package/dist/genesys-webcomponents/p-f50889cd.entry.js +0 -1
  358. package/dist/genesys-webcomponents/p-f56a4664.entry.js +0 -1
  359. package/dist/genesys-webcomponents/p-f8f6fbb5.entry.js +0 -1
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
- const usage = require('./usage-0771d1fa.js');
6
+ const usage = require('./usage-ea342b1c.js');
7
7
  const logError = require('./log-error-8a92241e.js');
8
8
 
9
9
  const svgHTMLCache = new Map();
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
6
  const index$1 = require('./index-dee802be.js');
7
- const usage = require('./usage-0771d1fa.js');
7
+ const usage = require('./usage-ea342b1c.js');
8
8
  require('./get-closest-element-26894e5a.js');
9
9
 
10
10
  const info = "Information alert with message";
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
6
  const guxList_service = require('./gux-list.service-4beaa394.js');
7
- const usage = require('./usage-0771d1fa.js');
7
+ const usage = require('./usage-ea342b1c.js');
8
8
 
9
9
  const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
10
10
 
@@ -3,11 +3,11 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
- const guxListbox_service = require('./gux-listbox.service-9bcd72cb.js');
6
+ const guxListbox_service = require('./gux-listbox.service-e1b0f291.js');
7
7
  const index$1 = require('./index-dee802be.js');
8
8
  const whenEventIsFrom = require('./when-event-is-from-20e89254.js');
9
9
  const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
10
- const usage = require('./usage-0771d1fa.js');
10
+ const usage = require('./usage-ea342b1c.js');
11
11
  const afterNextRender = require('./after-next-render-a023ef47.js');
12
12
  require('./get-closest-element-26894e5a.js');
13
13
 
@@ -1,10 +1,30 @@
1
1
  'use strict';
2
2
 
3
3
  function getListOptions(list) {
4
- return Array.from(list.children).filter(item => {
5
- return item.value || item.value === '';
4
+ const listChildren = Array.from(list.children);
5
+ return listChildren.reduce((accumulator, child) => {
6
+ let childOptions = [];
7
+ if (isOptionGroup(child)) {
8
+ childOptions = Array.from(child.children).filter(item => isOption(item));
9
+ }
10
+ else if (isOption(child)) {
11
+ childOptions = [child];
12
+ }
13
+ return [...accumulator, ...childOptions];
14
+ }, []);
15
+ }
16
+ function getAvailableListOptions(list) {
17
+ return getListOptions(list).filter(option => {
18
+ return !option.disabled && !option.filtered;
6
19
  });
7
20
  }
21
+ function isOptionGroup(item) {
22
+ return item.tagName === 'GUX-OPTION-GROUP-BETA';
23
+ }
24
+ function isOption(item) {
25
+ const optionTypes = ['GUX-OPTION', 'GUX-OPTION-ICON', 'GUX-OPTION-MULTI'];
26
+ return optionTypes.includes(item.tagName);
27
+ }
8
28
  function getFirstSelectedOption(list) {
9
29
  return getListOptions(list).find(option => option.selected && !option.disabled && !option.filtered);
10
30
  }
@@ -24,43 +44,31 @@ function setActiveOption(list, element) {
24
44
  }
25
45
  }
26
46
  function getFirstOption(list) {
27
- let firstOption = getListOptions(list)[0];
28
- while (firstOption && (firstOption.disabled || firstOption.filtered)) {
29
- firstOption = firstOption.nextElementSibling;
30
- }
31
- return firstOption;
47
+ return getAvailableListOptions(list)[0];
32
48
  }
33
49
  function getNextOption(list) {
34
- if (hasActiveOption(list)) {
35
- let nextOption = getActiveOption(list)
36
- .nextElementSibling;
37
- while (nextOption && (nextOption.disabled || nextOption.filtered)) {
38
- nextOption = nextOption.nextElementSibling;
39
- }
40
- return nextOption;
50
+ if (hasActiveOption(list) && getActiveOption(list) !== getLastOption(list)) {
51
+ const availableListOptions = getAvailableListOptions(list);
52
+ const activeOption = getActiveOption(list);
53
+ const activeOptionIndex = availableListOptions.indexOf(activeOption);
54
+ return availableListOptions[activeOptionIndex + 1];
41
55
  }
42
56
  return getFirstOption(list);
43
57
  }
44
58
  function getPreviousOption(list) {
45
59
  if (hasActiveOption(list)) {
46
- let previousOption = getActiveOption(list)
47
- .previousElementSibling;
48
- while (previousOption &&
49
- (previousOption.disabled || previousOption.filtered)) {
50
- previousOption =
51
- previousOption.previousElementSibling;
60
+ const availableOptionsList = getAvailableListOptions(list);
61
+ const activeOptionIndex = availableOptionsList.indexOf(getActiveOption(list));
62
+ if (getActiveOption(list) === getFirstOption(list)) {
63
+ return getLastOption(list);
52
64
  }
53
- return previousOption;
65
+ return availableOptionsList[activeOptionIndex - 1];
54
66
  }
55
67
  return getFirstOption(list);
56
68
  }
57
69
  function getLastOption(list) {
58
- const options = getListOptions(list);
59
- let lastOption = options[options.length - 1];
60
- while (lastOption && (lastOption.disabled || lastOption.filtered)) {
61
- lastOption = lastOption.previousElementSibling;
62
- }
63
- return lastOption;
70
+ const availableOptions = getAvailableListOptions(list);
71
+ return availableOptions[availableOptions.length - 1];
64
72
  }
65
73
  function hasActiveOption(list) {
66
74
  return Boolean(getActiveOption(list));
@@ -87,25 +95,13 @@ function setInitialActiveOption(list) {
87
95
  }
88
96
  function hasPreviousOption(list) {
89
97
  if (hasActiveOption(list)) {
90
- let previousOption = getActiveOption(list)
91
- .previousElementSibling;
92
- while (previousOption &&
93
- (previousOption.disabled || previousOption.filtered)) {
94
- previousOption =
95
- previousOption.previousElementSibling;
96
- }
97
- return Boolean(previousOption);
98
+ return Boolean(getPreviousOption(list));
98
99
  }
99
100
  return false;
100
101
  }
101
102
  function hasNextOption(list) {
102
103
  if (hasActiveOption(list)) {
103
- let nextOption = getActiveOption(list)
104
- .nextElementSibling;
105
- while (nextOption && (nextOption.disabled || nextOption.filtered)) {
106
- nextOption = nextOption.nextElementSibling;
107
- }
108
- return Boolean(nextOption);
104
+ return Boolean(getNextOption(list));
109
105
  }
110
106
  return false;
111
107
  }
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
- const usage = require('./usage-0771d1fa.js');
6
+ const usage = require('./usage-ea342b1c.js');
7
7
 
8
8
  const guxLoadingMessageCss = ":host {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n container-type: inline-size;\n}\n\n.gux-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n max-width: var(--gse-ui-progressAndLoading-loadingState-large-width);\n color: var(--gse-ui-progressAndLoading-textColor);\n text-align: center;\n}\n\n@container (width > 400px) {\n .gux-container .gux-primary-message {\n margin-top: var(--gse-ui-progressAndLoading-large-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-top: var(--gse-ui-progressAndLoading-large-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n }\n}\n@container (width > 200px) and (width <=400px) {\n .gux-container .gux-primary-message {\n margin-top: var(--gse-ui-progressAndLoading-medium-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-top: var(--gse-ui-progressAndLoading-medium-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n }\n}\n@container (width <=200px) {\n .gux-container .gux-primary-message {\n margin-top: var(--gse-ui-progressAndLoading-small-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-top: var(--gse-ui-progressAndLoading-small-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n }\n}";
9
9
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
6
  const randomHtmlId = require('./random-html-id-32ef8847.js');
7
- const usage = require('./usage-0771d1fa.js');
7
+ const usage = require('./usage-ea342b1c.js');
8
8
 
9
9
  const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding);background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
10
10
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
6
  const randomHtmlId = require('./random-html-id-32ef8847.js');
7
- const usage = require('./usage-0771d1fa.js');
7
+ const usage = require('./usage-ea342b1c.js');
8
8
 
9
9
  const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column;padding:var(--gse-ui-modal-padding)}:host dialog .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host dialog .gux-modal-container .gux-modal-header{margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host dialog .gux-modal-container .gux-modal-content{max-height:432px;margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{width:100%;height:100%}}";
10
10
 
@@ -14,7 +14,7 @@ const translationResources = {
14
14
  changeYear: changeYear
15
15
  };
16
16
 
17
- const guxMonthCalendarCss = ".gux-month-calendar{flex-wrap:wrap;width:var(--gse-ui-calendarMenu-width);height:var(--gse-ui-calendarMenu-height);box-shadow:var(--gse-ui-calendarMenu-boxShadow-x) var(--gse-ui-calendarMenu-boxShadow-y) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-month-calendar .gux-current-month{font-family:var(--gse-ui-calendarMenu-month-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-month-currentText-lineHeight);color:var(--gse-ui-calendarMenu-month-default-foregroundColor)}.gux-month-calendar .gux-year-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-month-calendar .gux-year-header button{padding:var(--gse-ui-calendarMenu-header-arrow-padding);color:inherit;cursor:pointer;background:none;border:none;outline:none}.gux-month-calendar .gux-year-header button:focus-visible{border-radius:calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset));outline:var(--gse-semantic-focusRing-width) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-month-calendar .gux-year-header button.gux-year-change:disabled{cursor:default;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-month-calendar .gux-year-header button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);pointer-events:none}";
17
+ const guxMonthCalendarCss = ".gux-month-calendar{flex-wrap:wrap;width:var(--gse-ui-calendarMenu-width);box-shadow:var(--gse-ui-calendarMenu-boxShadow-x) var(--gse-ui-calendarMenu-boxShadow-y) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-month-calendar .gux-current-month{font-family:var(--gse-ui-calendarMenu-month-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-month-currentText-lineHeight);color:var(--gse-ui-calendarMenu-month-default-foregroundColor)}.gux-month-calendar .gux-year-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-month-calendar .gux-year-header button{padding:var(--gse-ui-calendarMenu-header-arrow-padding);color:inherit;cursor:pointer;background:none;border:none;outline:none}.gux-month-calendar .gux-year-header button:focus-visible{border-radius:calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset));outline:var(--gse-semantic-focusRing-width) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-month-calendar .gux-year-header button.gux-year-change:disabled{cursor:default;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-month-calendar .gux-year-header button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);pointer-events:none}";
18
18
 
19
19
  const GuxMonthCalendar = class {
20
20
  constructor(hostRef) {
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
- const usage = require('./usage-0771d1fa.js');
6
+ const usage = require('./usage-ea342b1c.js');
7
7
  const onClickOutside = require('./on-click-outside-3c0f8816.js');
8
8
  const index$1 = require('./index-dee802be.js');
9
9
  const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
- const usage = require('./usage-0771d1fa.js');
6
+ const usage = require('./usage-ea342b1c.js');
7
7
 
8
8
  const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-sm-fontSize);line-height:var(--gse-core-typography-heading-sm-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}";
9
9
 
@@ -0,0 +1,23 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-75c9f0d9.js');
6
+
7
+ const guxOptionGroupCss = ".gux-option-group{display:block;flex:1 1 auto;align-self:auto}.gux-option-group .gux-option-group-label{display:block;padding:var(--gse-ui-menu-groupedMenu-title-padding);color:var(--gse-ui-menu-groupedMenu-title-foregroundColor);font-family:var(--gse-core-typography-heading-overline-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-overline-fontSize);line-height:var(--gse-core-typography-heading-overline-lineHeight);text-transform:var(--gse-core-typography-heading-overline-textCase);letter-spacing:var(--gse-core-typography-heading-overline-letterSpacing);font-weight:var(--gse-core-fontWeight-regular)}:host(:last-of-type) .gux-option-group gux-list-divider{display:none}";
8
+
9
+ const GuxOptionGroup = class {
10
+ constructor(hostRef) {
11
+ index.registerInstance(this, hostRef);
12
+ this.label = undefined;
13
+ }
14
+ // @Prop()
15
+ // disabled: boolean;
16
+ // TOOD: Add disabled state once design work is complete
17
+ render() {
18
+ return (index.h(index.Host, null, index.h("div", { class: "gux-option-group" }, index.h("div", { class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { role: "group" }, index.h("slot", null)), index.h("gux-list-divider", null))));
19
+ }
20
+ };
21
+ GuxOptionGroup.style = guxOptionGroupCss;
22
+
23
+ exports.gux_option_group_beta = GuxOptionGroup;
@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
6
  const randomHtmlId = require('./random-html-id-32ef8847.js');
7
+ const hasSlot = require('./has-slot-429f8b9e.js');
7
8
 
8
- const guxOptionIconCss = ":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){border-radius:var(--gse-semantic-focusRing-cornerRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}:host gux-icon{flex-shrink:0;width:var(--gse-ui-menu-option-startIcon-width);height:var(--gse-ui-menu-option-startIcon-height)}";
9
+ const guxOptionIconCss = ":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{width:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){border-radius:var(--gse-semantic-focusRing-cornerRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host(.gux-show-subtext){place-content:stretch flex-start;height:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){height:var(--gse-ui-groupedMenu-subtext-height);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}:host gux-icon{flex-shrink:0;width:var(--gse-ui-menu-option-startIcon-width);height:var(--gse-ui-menu-option-startIcon-height)}";
9
10
 
10
11
  const GuxOptionIcon = class {
11
12
  constructor(hostRef) {
@@ -19,6 +20,7 @@ const GuxOptionIcon = class {
19
20
  this.disabled = false;
20
21
  this.filtered = false;
21
22
  this.hovered = false;
23
+ this.hasSubtext = false;
22
24
  }
23
25
  onmouseenter() {
24
26
  this.hovered = true;
@@ -37,6 +39,10 @@ const GuxOptionIcon = class {
37
39
  }
38
40
  componentWillLoad() {
39
41
  this.root.id = this.root.id || randomHtmlId.randomHTMLId('gux-option-icon');
42
+ this.onSubtextChange();
43
+ }
44
+ onSubtextChange() {
45
+ this.hasSubtext = hasSlot.hasSlot(this.root, 'subtext');
40
46
  }
41
47
  getAriaSelected() {
42
48
  if (this.disabled) {
@@ -56,8 +62,9 @@ const GuxOptionIcon = class {
56
62
  'gux-disabled': this.disabled,
57
63
  'gux-filtered': this.filtered,
58
64
  'gux-hovered': this.hovered,
59
- 'gux-selected': this.selected
60
- }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("gux-truncate", { ref: el => (this.truncateElement = el) }, index.h("slot", null))));
65
+ 'gux-selected': this.selected,
66
+ 'gux-show-subtext': this.hasSubtext
67
+ }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { class: "gux-option-wrapper" }, index.h("gux-truncate", { ref: el => (this.truncateElement = el) }, index.h("slot", null)), index.h("slot", { onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
61
68
  }
62
69
  get root() { return index.getElement(this); }
63
70
  static get watchers() { return {
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-75c9f0d9.js');
6
6
  const randomHtmlId = require('./random-html-id-32ef8847.js');
7
7
  const index$1 = require('./index-dee802be.js');
8
+ const hasSlot = require('./has-slot-429f8b9e.js');
8
9
  require('./get-closest-element-26894e5a.js');
9
10
 
10
11
  const removeCustomElementInstructions = ", unselecting this custom option will remove it from the list";
@@ -12,7 +13,7 @@ const translationResources = {
12
13
  removeCustomElementInstructions: removeCustomElementInstructions
13
14
  };
14
15
 
15
- const guxOptionMultiCss = ":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);align-content:stretch;align-items:center;min-height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-checkbox-container{position:relative;display:inline-block;min-width:var(--gse-ui-menu-option-startIcon-width);max-width:var(--gse-ui-menu-option-startIcon-width);height:var(--gse-ui-menu-option-startIcon-height);content:\"\"}:host .gux-checkbox-container>path{fill:var(--gse-ui-menu-option-checkbox-unchecked-default-foregroundColor)}:host:host(.gux-disabled){opacity:var(--gse-ui-menu-option-disabled-opacity);pointer-events:none;cursor:default}:host:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background-color:var(--gse-ui-menu-option-selected-backgroundColor)}:host:host(.gux-selected) .gux-checkbox-container>path{fill:var(--gse-ui-menu-option-checkbox-checked-default-foregroundColor)}:host:host(.gux-active){border-radius:var(--gse-semantic-focusRing-cornerRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host:host(:hover:not([disabled])){background-color:var(--gse-ui-menu-option-hover-backgroundColor)}:host:host(:hover:not([disabled])):host(.gux-selected) .gux-checkbox-container>path{fill:var(--gse-ui-menu-option-checkbox-checked-hover-foregroundColor)}:host:host(:hover:not([disabled])):host(:not(.gux-selected)) .gux-checkbox-container>path{fill:var(--gse-ui-menu-option-checkbox-unchecked-hover-foregroundColor)}:host:host(.gux-filtered){display:none}:host .gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
16
+ const guxOptionMultiCss = ":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);align-content:stretch;align-items:center;min-height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{width:100%}:host .gux-checkbox-container{position:relative;display:inline-block;min-width:var(--gse-ui-menu-option-startIcon-width);max-width:var(--gse-ui-menu-option-startIcon-width);height:var(--gse-ui-menu-option-startIcon-height);content:\"\"}:host .gux-checkbox-container>path{fill:var(--gse-ui-menu-option-checkbox-unchecked-default-foregroundColor)}:host:host(.gux-disabled){opacity:var(--gse-ui-menu-option-disabled-opacity);pointer-events:none;cursor:default}:host:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background-color:var(--gse-ui-menu-option-selected-backgroundColor)}:host:host(.gux-selected) .gux-checkbox-container>path{fill:var(--gse-ui-menu-option-checkbox-checked-default-foregroundColor)}:host:host(.gux-active){border-radius:var(--gse-semantic-focusRing-cornerRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host:host(.gux-show-subtext){place-content:stretch flex-start;height:auto}:host:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host:host(.gux-show-subtext) slot[name=subtext]::slotted(*){height:var(--gse-ui-groupedMenu-subtext-height);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host:host(:hover:not([disabled])){background-color:var(--gse-ui-menu-option-hover-backgroundColor)}:host:host(:hover:not([disabled])):host(.gux-selected) .gux-checkbox-container>path{fill:var(--gse-ui-menu-option-checkbox-checked-hover-foregroundColor)}:host:host(:hover:not([disabled])):host(:not(.gux-selected)) .gux-checkbox-container>path{fill:var(--gse-ui-menu-option-checkbox-unchecked-hover-foregroundColor)}:host:host(.gux-filtered){display:none}:host .gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
16
17
 
17
18
  const GuxOptionMulti = class {
18
19
  constructor(hostRef) {
@@ -25,6 +26,7 @@ const GuxOptionMulti = class {
25
26
  this.disabled = false;
26
27
  this.filtered = false;
27
28
  this.custom = false;
29
+ this.hasSubtext = false;
28
30
  }
29
31
  emitRemoveCustomOption() {
30
32
  if (!this.selected && this.custom) {
@@ -46,6 +48,10 @@ const GuxOptionMulti = class {
46
48
  if (this.custom) {
47
49
  this.internalselectcustomoption.emit(this.value);
48
50
  }
51
+ this.onSubtextChange();
52
+ }
53
+ onSubtextChange() {
54
+ this.hasSubtext = hasSlot.hasSlot(this.root, 'subtext');
49
55
  }
50
56
  // SVGs must be in DOM for tokenization to work
51
57
  renderSVGCheckbox() {
@@ -63,8 +69,9 @@ const GuxOptionMulti = class {
63
69
  'gux-active': this.active,
64
70
  'gux-disabled': this.disabled,
65
71
  'gux-filtered': this.filtered,
66
- 'gux-selected': this.selected
67
- }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("gux-truncate", { "gux-slot-container": true, ref: el => (this.truncateElement = el) }, index.h("slot", null)), this.renderCustomOptionInstructions()));
72
+ 'gux-selected': this.selected,
73
+ 'gux-show-subtext': this.hasSubtext
74
+ }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { class: "gux-option-wrapper" }, index.h("gux-truncate", { ref: el => (this.truncateElement = el) }, index.h("slot", null)), index.h("slot", { onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
68
75
  }
69
76
  get root() { return index.getElement(this); }
70
77
  static get watchers() { return {
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
- const usage = require('./usage-0771d1fa.js');
6
+ const usage = require('./usage-ea342b1c.js');
7
7
 
8
8
  const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
9
9
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
6
  const index$1 = require('./index-dee802be.js');
7
- const en = require('./en-f88c1935.js');
7
+ const en = require('./en-66d2b744.js');
8
8
  const afterNextRender = require('./after-next-render-a023ef47.js');
9
9
  require('./get-closest-element-26894e5a.js');
10
10
 
@@ -184,12 +184,16 @@ const GuxPaginationButtons = class {
184
184
  getPageListEnteries(currentPage, totalPages, layout) {
185
185
  return GuxPaginationButtonsService.displayAllPageButtons(currentPage, totalPages, layout).reduce((acc, cv) => {
186
186
  if (cv.current) {
187
- return acc.concat((index.h("button", { ref: el => (this.currentElement = el), class: "gux-pagination-buttons-list-current" }, cv.display)));
187
+ return acc.concat((index.h("button", { ref: el => (this.currentElement = el), class: "gux-pagination-buttons-list-current", "aria-label": this.i18n('pageSelected', {
188
+ pageSelected: cv.pageNumber
189
+ }) }, cv.display)));
188
190
  }
189
191
  if (cv.display == '...') {
190
192
  return acc.concat((index.h("gux-pagination-ellipsis-button", { totalPages: this.totalPages })));
191
193
  }
192
- return acc.concat((index.h("button", { class: "gux-pagination-buttons-list-target", onClick: () => this.handlePageChange(cv.pageNumber) }, cv.display)));
194
+ return acc.concat((index.h("button", { class: "gux-pagination-buttons-list-target", onClick: () => this.handlePageChange(cv.pageNumber), "aria-label": this.i18n('pageNumber', {
195
+ pageNumber: cv.pageNumber
196
+ }) }, cv.display)));
193
197
  }, []);
194
198
  }
195
199
  getPageNavigation() {
@@ -199,7 +203,7 @@ const GuxPaginationButtons = class {
199
203
  this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
200
204
  }
201
205
  render() {
202
- return (index.h("div", { class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { decorative: true, "icon-name": "chevron-double-left" }))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), index.h("div", { class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { decorative: true, "icon-name": "chevron-small-right" }))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { decorative: true, "icon-name": "chevron-double-right" }))))));
206
+ return (index.h("div", { class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { decorative: true, "icon-name": "chevron-double-left" }))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), index.h("div", { class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { decorative: true, "icon-name": "chevron-small-right" }))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { decorative: true, "icon-name": "chevron-double-right" }))))));
203
207
  }
204
208
  get root() { return index.getElement(this); }
205
209
  };
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
- const usage = require('./usage-0771d1fa.js');
6
+ const usage = require('./usage-ea342b1c.js');
7
7
  const index$1 = require('./index-dee802be.js');
8
8
  require('./get-closest-element-26894e5a.js');
9
9
 
@@ -8,7 +8,7 @@ require('./get-closest-element-26894e5a.js');
8
8
 
9
9
  const perPage = "per page";
10
10
  const itemsPerPage = "Items per page";
11
- const rangeSelected = "Items per page dropdown, {range} selected";
11
+ const rangeSelected = "Items per page dropdown, {range} items per page selected";
12
12
  const paginationResources = {
13
13
  perPage: perPage,
14
14
  itemsPerPage: itemsPerPage,
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
- const usage = require('./usage-0771d1fa.js');
6
+ const usage = require('./usage-ea342b1c.js');
7
7
 
8
8
  const guxPaginationLegacyCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
9
9
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
6
  const afterNextRender = require('./after-next-render-a023ef47.js');
7
- const usage = require('./usage-0771d1fa.js');
7
+ const usage = require('./usage-ea342b1c.js');
8
8
 
9
9
  const guxPaginationCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
10
10
 
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
- const usage = require('./usage-0771d1fa.js');
6
+ const usage = require('./usage-ea342b1c.js');
7
7
  const index$1 = require('./index-dee802be.js');
8
8
  const onClickOutside = require('./on-click-outside-3c0f8816.js');
9
9
  const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-15142963.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-75c9f0d9.js');
6
6
  const floatingUi_dom_esm = require('./floating-ui.dom.esm-cae393e0.js');
7
7
  const onClickOutside = require('./on-click-outside-3c0f8816.js');
8
- const usage = require('./usage-0771d1fa.js');
8
+ const usage = require('./usage-ea342b1c.js');
9
9
  const findElementById = require('./find-element-by-id-9c3e0b1b.js');
10
10
 
11
11
  const guxPopoverListCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";
@@ -12,6 +12,7 @@ const GuxPopup = class {
12
12
  index.registerInstance(this, hostRef);
13
13
  this.internalexpanded = index.createEvent(this, "internalexpanded", 7);
14
14
  this.internalcollapsed = index.createEvent(this, "internalcollapsed", 7);
15
+ this.placement = 'bottom-start';
15
16
  this.expanded = false;
16
17
  this.disabled = false;
17
18
  this.offset = 2;
@@ -30,7 +31,7 @@ const GuxPopup = class {
30
31
  const exceedTargetWidth = this.exceedTargetWidth;
31
32
  void floatingUi_dom_esm.computePosition(this.targetElementContainer, this.popupElementContainer, {
32
33
  strategy: 'fixed',
33
- placement: 'bottom-start',
34
+ placement: this.placement,
34
35
  middleware: [
35
36
  floatingUi_dom_esm.offset(this.offset),
36
37
  floatingUi_dom_esm.flip(),
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
6
  const index$1 = require('./index-dee802be.js');
7
- const usage = require('./usage-0771d1fa.js');
7
+ const usage = require('./usage-ea342b1c.js');
8
8
  require('./get-closest-element-26894e5a.js');
9
9
 
10
10
  const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
- const usage = require('./usage-0771d1fa.js');
6
+ const usage = require('./usage-ea342b1c.js');
7
7
  const logError = require('./log-error-8a92241e.js');
8
8
 
9
9
  const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-75c9f0d9.js');
6
6
  const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
7
7
  const clamp = require('./clamp-a9926a57.js');
8
- const usage = require('./usage-0771d1fa.js');
8
+ const usage = require('./usage-ea342b1c.js');
9
9
  const logError = require('./log-error-8a92241e.js');
10
10
 
11
11
  const guxRatingCss = ":host{display:inline-block;min-width:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);outline-offset:var(--gse-semantic-focusRing-offset);box-shadow:0 0 0 1px var(--gse-semantic-focusRing-small-border-style)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
- const usage = require('./usage-0771d1fa.js');
6
+ const usage = require('./usage-ea342b1c.js');
7
7
 
8
8
  const guxScreenReaderCss = ".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
9
9
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
6
  const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
7
- const usage = require('./usage-0771d1fa.js');
7
+ const usage = require('./usage-ea342b1c.js');
8
8
 
9
9
  const guxSegmentedControlCss = ":host{display:inline-flex}";
10
10
 
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
- const usage = require('./usage-0771d1fa.js');
6
+ const usage = require('./usage-ea342b1c.js');
7
7
 
8
8
  const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
9
9
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
6
  const index$1 = require('./index-dee802be.js');
7
- const usage = require('./usage-0771d1fa.js');
7
+ const usage = require('./usage-ea342b1c.js');
8
8
  require('./get-closest-element-26894e5a.js');
9
9
 
10
10
  const navigationName = "Skip links navigation";
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
6
  const index$1 = require('./index-dee802be.js');
7
- const usage = require('./usage-0771d1fa.js');
7
+ const usage = require('./usage-ea342b1c.js');
8
8
  const getClosestElement = require('./get-closest-element-26894e5a.js');
9
9
  const onMutation = require('./on-mutation-ef917473.js');
10
10
  const en = require('./en-807a354e.js');
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-75c9f0d9.js');
6
6
  const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
7
- const usage = require('./usage-0771d1fa.js');
7
+ const usage = require('./usage-ea342b1c.js');
8
8
 
9
9
  const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
10
10