genesys-spark-components 4.138.3 → 4.138.4

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 (379) hide show
  1. package/dist/cjs/genesys-webcomponents.cjs.js +1 -1
  2. package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
  3. package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
  4. package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
  5. package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +1 -1
  6. package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
  7. package/dist/cjs/gux-avatar-beta.cjs.entry.js +1 -1
  8. package/dist/cjs/gux-avatar-change-photo-beta.cjs.entry.js +1 -1
  9. package/dist/cjs/gux-avatar-group-add-item-beta_3.cjs.entry.js +1 -1
  10. package/dist/cjs/gux-avatar-group-beta.cjs.entry.js +1 -1
  11. package/dist/cjs/gux-avatar-group-item-beta.cjs.entry.js +1 -1
  12. package/dist/cjs/gux-badge.cjs.entry.js +1 -1
  13. package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
  14. package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
  15. package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
  16. package/dist/cjs/gux-button-slot.cjs.entry.js +1 -1
  17. package/dist/cjs/gux-button_2.cjs.entry.js +2 -2
  18. package/dist/cjs/gux-calendar-beta.cjs.entry.js +1 -1
  19. package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
  20. package/dist/cjs/gux-card.cjs.entry.js +1 -1
  21. package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
  22. package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
  23. package/dist/cjs/gux-context-menu.cjs.entry.js +1 -1
  24. package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
  25. package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
  26. package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
  27. package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
  28. package/dist/cjs/gux-day-beta.cjs.entry.js +1 -1
  29. package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
  30. package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
  31. package/dist/cjs/gux-dropdown-multi.cjs.entry.js +1 -1
  32. package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
  33. package/dist/cjs/gux-file-list-item.cjs.entry.js +1 -1
  34. package/dist/cjs/gux-flag-icon-beta.cjs.entry.js +1 -1
  35. package/dist/cjs/gux-flyout-menu.cjs.entry.js +1 -1
  36. package/dist/cjs/gux-form-field-checkbox-group-beta.cjs.entry.js +1 -1
  37. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
  38. package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
  39. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
  40. package/dist/cjs/gux-form-field-file-beta.cjs.entry.js +1 -1
  41. package/dist/cjs/gux-form-field-file.cjs.entry.js +1 -1
  42. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
  43. package/dist/cjs/gux-form-field-label-indicator.cjs.entry.js +1 -1
  44. package/dist/cjs/gux-form-field-number_2.cjs.entry.js +1 -1
  45. package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
  46. package/dist/cjs/gux-form-field-radio-group-beta.cjs.entry.js +1 -1
  47. package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
  48. package/dist/cjs/gux-form-field-range.cjs.entry.js +2 -2
  49. package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
  50. package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
  51. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
  52. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
  53. package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
  54. package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +1 -1
  55. package/dist/cjs/gux-form-footer.cjs.entry.js +1 -1
  56. package/dist/cjs/gux-icon-tooltip-beta.cjs.entry.js +1 -1
  57. package/dist/cjs/gux-icon.cjs.entry.js +1 -1
  58. package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
  59. package/dist/cjs/gux-label-info-beta.cjs.entry.js +1 -1
  60. package/dist/cjs/gux-link-beta.cjs.entry.js +1 -1
  61. package/dist/cjs/gux-list-item.cjs.entry.js +1 -17
  62. package/dist/cjs/gux-list.cjs.entry.js +2 -6
  63. package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
  64. package/dist/cjs/gux-loading-message.cjs.entry.js +1 -1
  65. package/dist/cjs/gux-modal-legacy.cjs.entry.js +1 -1
  66. package/dist/cjs/gux-modal-side-panel-beta.cjs.entry.js +1 -1
  67. package/dist/cjs/gux-modal.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
  69. package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
  70. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
  71. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
  72. package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
  75. package/dist/cjs/gux-popover-beta.cjs.entry.js +1 -1
  76. package/dist/cjs/gux-popover-list-beta.cjs.entry.js +1 -1
  77. package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
  78. package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
  79. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  80. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  81. package/dist/cjs/gux-rich-highlight-list-item.cjs.entry.js +1 -1
  82. package/dist/cjs/gux-rich-style-list-item_3.cjs.entry.js +1 -1
  83. package/dist/cjs/gux-rich-text-editor-action-link.cjs.entry.js +1 -1
  84. package/dist/cjs/gux-rich-text-editor-action-rich-style.cjs.entry.js +1 -1
  85. package/dist/cjs/gux-rich-text-editor-action-text-highlight.cjs.entry.js +1 -1
  86. package/dist/cjs/gux-rich-text-editor-action.cjs.entry.js +1 -1
  87. package/dist/cjs/gux-rich-text-editor-beta.cjs.entry.js +9 -5
  88. package/dist/cjs/gux-rich-text-editor-list.cjs.entry.js +1 -1
  89. package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
  90. package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
  91. package/dist/cjs/gux-selector-card-beta.cjs.entry.js +1 -1
  92. package/dist/cjs/gux-selector-cards-beta.cjs.entry.js +1 -1
  93. package/dist/cjs/gux-side-panel-beta.cjs.entry.js +1 -1
  94. package/dist/cjs/gux-side-panel-heading.cjs.entry.js +1 -1
  95. package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
  96. package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
  97. package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
  98. package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
  99. package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
  100. package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
  101. package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
  102. package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
  103. package/dist/cjs/gux-table.cjs.entry.js +1 -1
  104. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  105. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  106. package/dist/cjs/gux-tag.cjs.entry.js +1 -1
  107. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  108. package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
  109. package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
  110. package/dist/cjs/gux-time-zone-beta.cjs.entry.js +1 -1
  111. package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
  112. package/dist/cjs/gux-toast.cjs.entry.js +1 -1
  113. package/dist/cjs/gux-toggle-slider.cjs.entry.js +1 -1
  114. package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
  115. package/dist/cjs/gux-tooltip-base-beta_2.cjs.entry.js +1 -1
  116. package/dist/cjs/gux-tooltip-pointer-beta.cjs.entry.js +1 -1
  117. package/dist/cjs/gux-tooltip_2.cjs.entry.js +1 -1
  118. package/dist/cjs/loader.cjs.js +1 -1
  119. package/dist/cjs/{usage-72db1c7f.js → usage-44465713.js} +8 -8
  120. package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-beta.js +7 -3
  121. package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor.css +8 -1
  122. package/dist/collection/components/stable/gux-button/gux-button.css +1 -0
  123. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.css +1 -1
  124. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.css +1 -1
  125. package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.js +1 -32
  126. package/dist/collection/components/stable/gux-list/gux-list.js +1 -5
  127. package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.css +4 -3
  128. package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.css +5 -5
  129. package/dist/esm/genesys-webcomponents.js +1 -1
  130. package/dist/esm/gux-accordion.entry.js +1 -1
  131. package/dist/esm/gux-action-button.entry.js +1 -1
  132. package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
  133. package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
  134. package/dist/esm/gux-announce-beta.entry.js +1 -1
  135. package/dist/esm/gux-avatar-beta.entry.js +1 -1
  136. package/dist/esm/gux-avatar-change-photo-beta.entry.js +1 -1
  137. package/dist/esm/gux-avatar-group-add-item-beta_3.entry.js +1 -1
  138. package/dist/esm/gux-avatar-group-beta.entry.js +1 -1
  139. package/dist/esm/gux-avatar-group-item-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 +1 -1
  144. package/dist/esm/gux-button-slot.entry.js +1 -1
  145. package/dist/esm/gux-button_2.entry.js +2 -2
  146. package/dist/esm/gux-calendar-beta.entry.js +1 -1
  147. package/dist/esm/gux-calendar.entry.js +1 -1
  148. package/dist/esm/gux-card.entry.js +1 -1
  149. package/dist/esm/gux-column-manager.entry.js +1 -1
  150. package/dist/esm/gux-content-search.entry.js +1 -1
  151. package/dist/esm/gux-context-menu.entry.js +1 -1
  152. package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
  153. package/dist/esm/gux-date-beta.entry.js +1 -1
  154. package/dist/esm/gux-date-time-beta.entry.js +1 -1
  155. package/dist/esm/gux-datepicker.entry.js +1 -1
  156. package/dist/esm/gux-day-beta.entry.js +1 -1
  157. package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
  158. package/dist/esm/gux-dismiss-button.entry.js +1 -1
  159. package/dist/esm/gux-dropdown-multi.entry.js +1 -1
  160. package/dist/esm/gux-dropdown_3.entry.js +1 -1
  161. package/dist/esm/gux-file-list-item.entry.js +1 -1
  162. package/dist/esm/gux-flag-icon-beta.entry.js +1 -1
  163. package/dist/esm/gux-flyout-menu.entry.js +1 -1
  164. package/dist/esm/gux-form-field-checkbox-group-beta.entry.js +1 -1
  165. package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
  166. package/dist/esm/gux-form-field-color.entry.js +1 -1
  167. package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
  168. package/dist/esm/gux-form-field-file-beta.entry.js +1 -1
  169. package/dist/esm/gux-form-field-file.entry.js +1 -1
  170. package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
  171. package/dist/esm/gux-form-field-label-indicator.entry.js +1 -1
  172. package/dist/esm/gux-form-field-number_2.entry.js +1 -1
  173. package/dist/esm/gux-form-field-phone.entry.js +1 -1
  174. package/dist/esm/gux-form-field-radio-group-beta.entry.js +1 -1
  175. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  176. package/dist/esm/gux-form-field-range.entry.js +2 -2
  177. package/dist/esm/gux-form-field-search.entry.js +1 -1
  178. package/dist/esm/gux-form-field-select.entry.js +1 -1
  179. package/dist/esm/gux-form-field-text-like.entry.js +1 -1
  180. package/dist/esm/gux-form-field-textarea.entry.js +1 -1
  181. package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
  182. package/dist/esm/gux-form-field-time-zone-picker.entry.js +1 -1
  183. package/dist/esm/gux-form-footer.entry.js +1 -1
  184. package/dist/esm/gux-icon-tooltip-beta.entry.js +1 -1
  185. package/dist/esm/gux-icon.entry.js +1 -1
  186. package/dist/esm/gux-inline-alert.entry.js +1 -1
  187. package/dist/esm/gux-label-info-beta.entry.js +1 -1
  188. package/dist/esm/gux-link-beta.entry.js +1 -1
  189. package/dist/esm/gux-list-item.entry.js +1 -17
  190. package/dist/esm/gux-list.entry.js +2 -6
  191. package/dist/esm/gux-listbox-multi.entry.js +1 -1
  192. package/dist/esm/gux-loading-message.entry.js +1 -1
  193. package/dist/esm/gux-modal-legacy.entry.js +1 -1
  194. package/dist/esm/gux-modal-side-panel-beta.entry.js +1 -1
  195. package/dist/esm/gux-modal.entry.js +1 -1
  196. package/dist/esm/gux-month-picker-beta.entry.js +1 -1
  197. package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
  198. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  199. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  200. package/dist/esm/gux-pagination-legacy.entry.js +1 -1
  201. package/dist/esm/gux-pagination.entry.js +1 -1
  202. package/dist/esm/gux-phone-input-beta.entry.js +1 -1
  203. package/dist/esm/gux-popover-beta.entry.js +1 -1
  204. package/dist/esm/gux-popover-list-beta.entry.js +1 -1
  205. package/dist/esm/gux-popover-list.entry.js +1 -1
  206. package/dist/esm/gux-radial-loading.entry.js +1 -1
  207. package/dist/esm/gux-radial-progress.entry.js +1 -1
  208. package/dist/esm/gux-rating.entry.js +1 -1
  209. package/dist/esm/gux-rich-highlight-list-item.entry.js +1 -1
  210. package/dist/esm/gux-rich-style-list-item_3.entry.js +1 -1
  211. package/dist/esm/gux-rich-text-editor-action-link.entry.js +1 -1
  212. package/dist/esm/gux-rich-text-editor-action-rich-style.entry.js +1 -1
  213. package/dist/esm/gux-rich-text-editor-action-text-highlight.entry.js +1 -1
  214. package/dist/esm/gux-rich-text-editor-action.entry.js +1 -1
  215. package/dist/esm/gux-rich-text-editor-beta.entry.js +9 -5
  216. package/dist/esm/gux-rich-text-editor-list.entry.js +1 -1
  217. package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
  218. package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
  219. package/dist/esm/gux-selector-card-beta.entry.js +1 -1
  220. package/dist/esm/gux-selector-cards-beta.entry.js +1 -1
  221. package/dist/esm/gux-side-panel-beta.entry.js +1 -1
  222. package/dist/esm/gux-side-panel-heading.entry.js +1 -1
  223. package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
  224. package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
  225. package/dist/esm/gux-sort-control.entry.js +1 -1
  226. package/dist/esm/gux-switch-legacy.entry.js +1 -1
  227. package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
  228. package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
  229. package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
  230. package/dist/esm/gux-table-toolbar.entry.js +1 -1
  231. package/dist/esm/gux-table.entry.js +1 -1
  232. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  233. package/dist/esm/gux-tabs.entry.js +1 -1
  234. package/dist/esm/gux-tag.entry.js +1 -1
  235. package/dist/esm/gux-text-highlight.entry.js +1 -1
  236. package/dist/esm/gux-time-beta.entry.js +1 -1
  237. package/dist/esm/gux-time-picker.entry.js +1 -1
  238. package/dist/esm/gux-time-zone-beta.entry.js +1 -1
  239. package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
  240. package/dist/esm/gux-toast.entry.js +1 -1
  241. package/dist/esm/gux-toggle-slider.entry.js +1 -1
  242. package/dist/esm/gux-toggle.entry.js +1 -1
  243. package/dist/esm/gux-tooltip-base-beta_2.entry.js +1 -1
  244. package/dist/esm/gux-tooltip-pointer-beta.entry.js +1 -1
  245. package/dist/esm/gux-tooltip_2.entry.js +1 -1
  246. package/dist/esm/loader.js +1 -1
  247. package/dist/esm/{usage-d1429172.js → usage-824390aa.js} +8 -8
  248. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  249. package/dist/genesys-webcomponents/{p-cc47d406.entry.js → p-00134486.entry.js} +1 -1
  250. package/dist/genesys-webcomponents/{p-d533f1df.entry.js → p-0532e7cc.entry.js} +1 -1
  251. package/dist/genesys-webcomponents/{p-b667e75c.entry.js → p-0625e2bd.entry.js} +1 -1
  252. package/dist/genesys-webcomponents/{p-8fadc28a.entry.js → p-067a620a.entry.js} +1 -1
  253. package/dist/genesys-webcomponents/{p-05280559.entry.js → p-08527250.entry.js} +1 -1
  254. package/dist/genesys-webcomponents/{p-decd0123.entry.js → p-0b9d1b97.entry.js} +1 -1
  255. package/dist/genesys-webcomponents/p-0e29bef4.entry.js +1 -0
  256. package/dist/genesys-webcomponents/{p-7dc58f4e.entry.js → p-0e6b49c5.entry.js} +1 -1
  257. package/dist/genesys-webcomponents/{p-f3731ffd.entry.js → p-107e61ff.entry.js} +1 -1
  258. package/dist/genesys-webcomponents/{p-0dd4990b.entry.js → p-1153742a.entry.js} +1 -1
  259. package/dist/genesys-webcomponents/{p-0c3ec001.entry.js → p-1187bca0.entry.js} +1 -1
  260. package/dist/genesys-webcomponents/{p-adbb5738.entry.js → p-12eb2e05.entry.js} +1 -1
  261. package/dist/genesys-webcomponents/{p-e56b0528.entry.js → p-134e3398.entry.js} +1 -1
  262. package/dist/genesys-webcomponents/{p-35a77cc9.entry.js → p-17386406.entry.js} +1 -1
  263. package/dist/genesys-webcomponents/{p-1216cf81.entry.js → p-17552b64.entry.js} +1 -1
  264. package/dist/genesys-webcomponents/{p-8819a05a.entry.js → p-176a279e.entry.js} +1 -1
  265. package/dist/genesys-webcomponents/{p-d3d52f1d.entry.js → p-176f5298.entry.js} +1 -1
  266. package/dist/genesys-webcomponents/{p-3a2d2349.entry.js → p-1a7e4c7c.entry.js} +1 -1
  267. package/dist/genesys-webcomponents/{p-52e5f86b.entry.js → p-1b419f1f.entry.js} +1 -1
  268. package/dist/genesys-webcomponents/{p-24e1e280.entry.js → p-1dbaa2d8.entry.js} +1 -1
  269. package/dist/genesys-webcomponents/{p-28563aa8.entry.js → p-1e82aeb0.entry.js} +1 -1
  270. package/dist/genesys-webcomponents/{p-0062e044.entry.js → p-1f4f30b5.entry.js} +1 -1
  271. package/dist/genesys-webcomponents/{p-b6394453.entry.js → p-25a6b97e.entry.js} +1 -1
  272. package/dist/genesys-webcomponents/{p-04a9f678.entry.js → p-2b6e66b6.entry.js} +1 -1
  273. package/dist/genesys-webcomponents/{p-c34db689.entry.js → p-2f19d7e3.entry.js} +1 -1
  274. package/dist/genesys-webcomponents/{p-b994e450.entry.js → p-30681efb.entry.js} +1 -1
  275. package/dist/genesys-webcomponents/{p-aee9d919.entry.js → p-33065c15.entry.js} +1 -1
  276. package/dist/genesys-webcomponents/{p-51c6b14b.entry.js → p-3650cb32.entry.js} +1 -1
  277. package/dist/genesys-webcomponents/{p-ce6d2a86.entry.js → p-3678c8c1.entry.js} +1 -1
  278. package/dist/genesys-webcomponents/{p-d808fd9e.entry.js → p-36ccda4d.entry.js} +1 -1
  279. package/dist/genesys-webcomponents/{p-078976df.entry.js → p-37b6603a.entry.js} +1 -1
  280. package/dist/genesys-webcomponents/{p-6b384dfe.entry.js → p-389f8801.entry.js} +1 -1
  281. package/dist/genesys-webcomponents/{p-1f4a3632.entry.js → p-39aed2d2.entry.js} +1 -1
  282. package/dist/genesys-webcomponents/{p-6ea77c3f.entry.js → p-3a74db79.entry.js} +1 -1
  283. package/dist/genesys-webcomponents/{p-42d7f553.entry.js → p-3aaf5bb6.entry.js} +1 -1
  284. package/dist/genesys-webcomponents/{p-51c41c74.entry.js → p-3cb2ab12.entry.js} +1 -1
  285. package/dist/genesys-webcomponents/{p-0c4b26e7.entry.js → p-3cd88672.entry.js} +1 -1
  286. package/dist/genesys-webcomponents/{p-04c4fe9f.entry.js → p-40ccf97a.entry.js} +1 -1
  287. package/dist/genesys-webcomponents/{p-0ca70238.entry.js → p-44efda7e.entry.js} +1 -1
  288. package/dist/genesys-webcomponents/{p-6f11ea8a.entry.js → p-483d6868.entry.js} +1 -1
  289. package/dist/genesys-webcomponents/{p-95ad5a8b.entry.js → p-500ff032.entry.js} +1 -1
  290. package/dist/genesys-webcomponents/{p-97398182.entry.js → p-51b21493.entry.js} +1 -1
  291. package/dist/genesys-webcomponents/{p-db3894bd.entry.js → p-52b4b448.entry.js} +1 -1
  292. package/dist/genesys-webcomponents/{p-6e1bc83e.entry.js → p-55b6293d.entry.js} +1 -1
  293. package/dist/genesys-webcomponents/p-55e7887c.entry.js +1 -0
  294. package/dist/genesys-webcomponents/{p-b1256d0d.entry.js → p-5a0242a4.entry.js} +1 -1
  295. package/dist/genesys-webcomponents/{p-913857ed.entry.js → p-5c692053.entry.js} +1 -1
  296. package/dist/genesys-webcomponents/{p-f1d24d09.entry.js → p-65d9b2a9.entry.js} +1 -1
  297. package/dist/genesys-webcomponents/{p-ff935525.entry.js → p-661f4700.entry.js} +1 -1
  298. package/dist/genesys-webcomponents/{p-cd310319.entry.js → p-66269c8d.entry.js} +1 -1
  299. package/dist/genesys-webcomponents/{p-5f010cbf.entry.js → p-6891a5f2.entry.js} +1 -1
  300. package/dist/genesys-webcomponents/{p-c6bfc5f5.entry.js → p-6ac622ce.entry.js} +1 -1
  301. package/dist/genesys-webcomponents/{p-b89345e6.entry.js → p-6d30beaf.entry.js} +1 -1
  302. package/dist/genesys-webcomponents/{p-f5486999.entry.js → p-6f1847ad.entry.js} +1 -1
  303. package/dist/genesys-webcomponents/{p-ab66e542.entry.js → p-6f657d91.entry.js} +1 -1
  304. package/dist/genesys-webcomponents/{p-ed20979b.entry.js → p-70d9fdc3.entry.js} +1 -1
  305. package/dist/genesys-webcomponents/{p-f2226f29.js → p-7109c05e.js} +1 -1
  306. package/dist/genesys-webcomponents/{p-3af72f54.entry.js → p-711b1ad9.entry.js} +1 -1
  307. package/dist/genesys-webcomponents/{p-8200c5b2.entry.js → p-720e6587.entry.js} +1 -1
  308. package/dist/genesys-webcomponents/{p-d5d8a265.entry.js → p-746d21b4.entry.js} +1 -1
  309. package/dist/genesys-webcomponents/{p-cebf9948.entry.js → p-783ad17d.entry.js} +1 -1
  310. package/dist/genesys-webcomponents/{p-785da8b2.entry.js → p-787dfa9e.entry.js} +1 -1
  311. package/dist/genesys-webcomponents/{p-16bf82fa.entry.js → p-795b5d02.entry.js} +1 -1
  312. package/dist/genesys-webcomponents/{p-f011d985.entry.js → p-797c7c78.entry.js} +1 -1
  313. package/dist/genesys-webcomponents/{p-7343f477.entry.js → p-7ae6b1d2.entry.js} +1 -1
  314. package/dist/genesys-webcomponents/{p-37edb8e5.entry.js → p-7bb5cce8.entry.js} +1 -1
  315. package/dist/genesys-webcomponents/{p-1736e521.entry.js → p-7c7c732e.entry.js} +1 -1
  316. package/dist/genesys-webcomponents/{p-b649e9fb.entry.js → p-8080a4b1.entry.js} +1 -1
  317. package/dist/genesys-webcomponents/{p-6ff8bfd0.entry.js → p-811d5ea4.entry.js} +1 -1
  318. package/dist/genesys-webcomponents/{p-3e0d6e08.entry.js → p-82a822e4.entry.js} +1 -1
  319. package/dist/genesys-webcomponents/{p-0e9194ae.entry.js → p-82d47cc8.entry.js} +1 -1
  320. package/dist/genesys-webcomponents/{p-42fd8ae9.entry.js → p-8c036f3a.entry.js} +1 -1
  321. package/dist/genesys-webcomponents/{p-d6bad31d.entry.js → p-917225ef.entry.js} +1 -1
  322. package/dist/genesys-webcomponents/{p-cf416abb.entry.js → p-995592f3.entry.js} +1 -1
  323. package/dist/genesys-webcomponents/{p-f0ba98a9.entry.js → p-9b0f9f11.entry.js} +1 -1
  324. package/dist/genesys-webcomponents/{p-506e3dbc.entry.js → p-9c068189.entry.js} +1 -1
  325. package/dist/genesys-webcomponents/{p-a1209cad.entry.js → p-9d1bdc62.entry.js} +1 -1
  326. package/dist/genesys-webcomponents/{p-c8d5e0c1.entry.js → p-9e30513e.entry.js} +1 -1
  327. package/dist/genesys-webcomponents/{p-ecdd5f34.entry.js → p-9e306c0d.entry.js} +1 -1
  328. package/dist/genesys-webcomponents/p-9ffef377.entry.js +1 -0
  329. package/dist/genesys-webcomponents/{p-06cf738f.entry.js → p-a0e9545a.entry.js} +1 -1
  330. package/dist/genesys-webcomponents/{p-d025b5a7.entry.js → p-a9f196ca.entry.js} +1 -1
  331. package/dist/genesys-webcomponents/{p-ba5a5a6c.entry.js → p-aa7992f2.entry.js} +1 -1
  332. package/dist/genesys-webcomponents/{p-0b43d368.entry.js → p-ab8fb64b.entry.js} +1 -1
  333. package/dist/genesys-webcomponents/p-aee79d1f.entry.js +1 -0
  334. package/dist/genesys-webcomponents/{p-a42d7e2d.entry.js → p-afa1c646.entry.js} +1 -1
  335. package/dist/genesys-webcomponents/{p-ebdbd0e9.entry.js → p-b1da26d9.entry.js} +1 -1
  336. package/dist/genesys-webcomponents/{p-fa991dd8.entry.js → p-b224b207.entry.js} +1 -1
  337. package/dist/genesys-webcomponents/{p-ee12c3aa.entry.js → p-b52c3738.entry.js} +1 -1
  338. package/dist/genesys-webcomponents/{p-a6273aa5.entry.js → p-b68c07b8.entry.js} +1 -1
  339. package/dist/genesys-webcomponents/{p-7cd6ceb1.entry.js → p-b7a7837c.entry.js} +1 -1
  340. package/dist/genesys-webcomponents/{p-a5ab023f.entry.js → p-b9a387a9.entry.js} +1 -1
  341. package/dist/genesys-webcomponents/{p-a4484a4f.entry.js → p-bb5f7658.entry.js} +1 -1
  342. package/dist/genesys-webcomponents/{p-51162c55.entry.js → p-bbaa66f2.entry.js} +1 -1
  343. package/dist/genesys-webcomponents/{p-1f7e2cd3.entry.js → p-c03a68bd.entry.js} +1 -1
  344. package/dist/genesys-webcomponents/{p-3fcfd30d.entry.js → p-c609d95e.entry.js} +1 -1
  345. package/dist/genesys-webcomponents/{p-316f3158.entry.js → p-c6691d01.entry.js} +1 -1
  346. package/dist/genesys-webcomponents/{p-5e7c82bb.entry.js → p-c825e9c4.entry.js} +1 -1
  347. package/dist/genesys-webcomponents/{p-594bd333.entry.js → p-cb33b806.entry.js} +1 -1
  348. package/dist/genesys-webcomponents/{p-af83b8cf.entry.js → p-ceefd706.entry.js} +1 -1
  349. package/dist/genesys-webcomponents/{p-9dc1e2f0.entry.js → p-cf799ba1.entry.js} +1 -1
  350. package/dist/genesys-webcomponents/{p-51d6c0fb.entry.js → p-d08bfc87.entry.js} +1 -1
  351. package/dist/genesys-webcomponents/{p-eba0f170.entry.js → p-d80b71e5.entry.js} +1 -1
  352. package/dist/genesys-webcomponents/{p-b6a3ca93.entry.js → p-d9a8d05d.entry.js} +1 -1
  353. package/dist/genesys-webcomponents/{p-3c104307.entry.js → p-da78758e.entry.js} +1 -1
  354. package/dist/genesys-webcomponents/{p-7c83d992.entry.js → p-db66942d.entry.js} +1 -1
  355. package/dist/genesys-webcomponents/{p-ec285984.entry.js → p-dcc8f269.entry.js} +1 -1
  356. package/dist/genesys-webcomponents/{p-9e7b5db3.entry.js → p-ddb81ce5.entry.js} +1 -1
  357. package/dist/genesys-webcomponents/{p-d53c034e.entry.js → p-ddf1f408.entry.js} +1 -1
  358. package/dist/genesys-webcomponents/p-e777963f.entry.js +1 -0
  359. package/dist/genesys-webcomponents/p-e785819b.entry.js +1 -0
  360. package/dist/genesys-webcomponents/{p-182c74fc.entry.js → p-e948bc4a.entry.js} +1 -1
  361. package/dist/genesys-webcomponents/{p-ac5a334c.entry.js → p-ea5c14d1.entry.js} +1 -1
  362. package/dist/genesys-webcomponents/{p-3a646571.entry.js → p-ee64819c.entry.js} +1 -1
  363. package/dist/genesys-webcomponents/{p-5fd477be.entry.js → p-eea07895.entry.js} +1 -1
  364. package/dist/genesys-webcomponents/{p-87f5de30.entry.js → p-f70ae14a.entry.js} +1 -1
  365. package/dist/genesys-webcomponents/{p-c22e89e1.entry.js → p-f8eb6d38.entry.js} +1 -1
  366. package/dist/stencil-wrapper.js +1 -1
  367. package/dist/types/components/stable/gux-list/gux-list-item/gux-list-item.d.ts +0 -3
  368. package/dist/types/components/stable/gux-list/gux-list.d.ts +0 -1
  369. package/dist/types/stencil-wrapper.d.ts +1 -1
  370. package/package.json +8 -8
  371. package/dist/genesys-webcomponents/p-0301c957.entry.js +0 -1
  372. package/dist/genesys-webcomponents/p-049aa9dc.entry.js +0 -1
  373. package/dist/genesys-webcomponents/p-32d0ba47.entry.js +0 -1
  374. package/dist/genesys-webcomponents/p-79541549.entry.js +0 -1
  375. package/dist/genesys-webcomponents/p-a3b0452f.entry.js +0 -1
  376. package/dist/genesys-webcomponents/p-e55ae897.entry.js +0 -1
  377. /package/dist/cjs/{index.umd-a5a02a20.js → index.umd-8731232d.js} +0 -0
  378. /package/dist/esm/{index.umd-376b6272.js → index.umd-c10720d4.js} +0 -0
  379. /package/dist/genesys-webcomponents/{p-caaa28df.js → p-0ee23f31.js} +0 -0
@@ -1 +1 @@
1
- import{r as t,h as s,H as i,g as e}from"./p-cf74fd3d.js";import{s as o}from"./p-2c25e2f2.js";import{t as a}from"./p-f2226f29.js";const h=class{constructor(s){t(this,s),this.layout="default",this.switchItems=[]}onClick(t){t.stopPropagation();const s=t.target.closest("gux-switch-item");s&&this.value!==s.value&&(this.value=s.value,o(this.root,"input"),o(this.root,"change"))}slotChanged(){this.switchItems=Array.from(this.root.children)}componentWillLoad(){a(this.root,{variant:this.layout})}componentWillRender(){this.switchItems.forEach((t=>{t.selected=t.value===this.value}))}render(){return s(i,{key:"b6e6abc91f2e90ba0951b8172abb7593706a1fbb",role:"group",class:`gux-${this.layout}`},s("slot",{key:"6c670755228b8e27a10572ccf2c6e93b3d2ef376",onSlotchange:this.slotChanged.bind(this)}))}get root(){return e(this)}};h.style=":host{display:flex;align-items:flex-end}";export{h as gux_switch_legacy}
1
+ import{r as t,h as s,H as i,g as e}from"./p-cf74fd3d.js";import{s as o}from"./p-2c25e2f2.js";import{t as a}from"./p-7109c05e.js";const h=class{constructor(s){t(this,s),this.layout="default",this.switchItems=[]}onClick(t){t.stopPropagation();const s=t.target.closest("gux-switch-item");s&&this.value!==s.value&&(this.value=s.value,o(this.root,"input"),o(this.root,"change"))}slotChanged(){this.switchItems=Array.from(this.root.children)}componentWillLoad(){a(this.root,{variant:this.layout})}componentWillRender(){this.switchItems.forEach((t=>{t.selected=t.value===this.value}))}render(){return s(i,{key:"b6e6abc91f2e90ba0951b8172abb7593706a1fbb",role:"group",class:`gux-${this.layout}`},s("slot",{key:"6c670755228b8e27a10572ccf2c6e93b3d2ef376",onSlotchange:this.slotChanged.bind(this)}))}get root(){return e(this)}};h.style=":host{display:flex;align-items:flex-end}";export{h as gux_switch_legacy}
@@ -1 +1 @@
1
- import{r as t,h as s,H as e,g as i}from"./p-cf74fd3d.js";import{t as r}from"./p-f2226f29.js";import{D as o,g as a}from"./p-8e7bc8d5.js";import{d as h,a as m}from"./p-13d8a42a.js";import{u as p}from"./p-c36d332b.js";import{g as n}from"./p-e5e644b3.js";import"./p-43af726d.js";import"./p-4202e9f2.js";const f=class{constructor(s){t(this,s),this.hasRegionalDatesCookie=!1,this.datetime=(new Date).toISOString(),this.format="short"}componentWillLoad(){r(this.root),p()?this.hasRegionalDatesCookie=!0:this.formatter=new o(n(this.root))}renderTime(){return this.hasRegionalDatesCookie?h(m(this.root),{timeStyle:this.format,timeZone:a(this.timeZone)}).format(new Date(this.datetime)):this.formatter.formatTime(new Date(this.datetime),this.format,{timeZone:a(this.timeZone)})}render(){return s(e,{key:"1e2d860f385c841609856eadc9c4041ea8a38725"},this.renderTime())}get root(){return i(this)}};export{f as gux_time_beta}
1
+ import{r as t,h as s,H as e,g as i}from"./p-cf74fd3d.js";import{t as r}from"./p-7109c05e.js";import{D as o,g as a}from"./p-8e7bc8d5.js";import{d as h,a as m}from"./p-13d8a42a.js";import{u as p}from"./p-c36d332b.js";import{g as n}from"./p-e5e644b3.js";import"./p-43af726d.js";import"./p-4202e9f2.js";const c=class{constructor(s){t(this,s),this.hasRegionalDatesCookie=!1,this.datetime=(new Date).toISOString(),this.format="short"}componentWillLoad(){r(this.root),p()?this.hasRegionalDatesCookie=!0:this.formatter=new o(n(this.root))}renderTime(){return this.hasRegionalDatesCookie?h(m(this.root),{timeStyle:this.format,timeZone:a(this.timeZone)}).format(new Date(this.datetime)):this.formatter.formatTime(new Date(this.datetime),this.format,{timeZone:a(this.timeZone)})}render(){return s(e,{key:"1e2d860f385c841609856eadc9c4041ea8a38725"},this.renderTime())}get root(){return i(this)}};export{c as gux_time_beta}
@@ -1 +1 @@
1
- import{r as t,c as e,f as i,h as o,g as s,H as n}from"./p-cf74fd3d.js";import{O as r}from"./p-f3d844c7.js";import{b as u}from"./p-e5e644b3.js";import{s as l}from"./p-2c25e2f2.js";import{o as a,c as d}from"./p-f4751a15.js";import{b as c}from"./p-cf0e7d3b.js";import{t as h}from"./p-f2226f29.js";import{O as g}from"./p-946c70b7.js";import{s as f,n as p,g as x,a as b,b as v,h as m,d as w,e as C,f as y,i as k,j as z,k as F,l as O,m as T,c as j,p as S,o as E}from"./p-379254a5.js";import{h as L}from"./p-6d8b4027.js";import{w as W}from"./p-e97879b4.js";import{g as H}from"./p-4202e9f2.js";import{r as R}from"./p-0934300e.js";const I={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var D=function(t,e,i,o){var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(s=t[u])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const A=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.disabled=!1,this.required=!1,this.loading=!1,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}watchDisabled(t){t&&(this.expanded=!1)}onKeydown(t){switch(t.key){case"Escape":return this.isFilterable()&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,f(this.listboxElement)))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&c((()=>{this.listboxElement.focus(),this.isFilterable()&&this.filterElement&&this.filterElement.focus()}))}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.listboxElement&&this.validateValue(this.value,this.listboxElement)}async componentWillLoad(){h(this.root),this.i18n=await u(this.root,I),a(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.filter=this.filter)}showTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setShowTooltip()}hideTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setHideTooltip()}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)&&(e.value=t):e&&(e.value=t)}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return"starts-with"===this.filterType||"custom"===this.filterType}get optionElements(){return p(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void f(this.listboxElement);case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,l(this.root,"input"),l(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=x(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=b(o))||void 0===e?void 0:e.textContent.trim();return null==t?void 0:t.substring(i)}}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?o("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return this.renderOption(t);case"gux-option-icon":return this.renderIconOption(t);default:return e}}renderOption(t){let e=t.textContent.trim();if(L(t,"subtext")){const i=t.querySelector("[slot=subtext]");e=e.replace(i.textContent,"")}return o("gux-truncate",{ref:t=>this.truncateElement=t,dir:"auto"},e)}renderIconOption(t){let e=null,i=t.textContent;if(null!==t.iconColor&&(e={color:t.iconColor}),L(t,"subtext")){const e=t.querySelector("[slot=subtext]");i=i.replace(e.textContent,"")}return o("span",{class:{"gux-selected-icon":!0,"gux-icon-position-end":"end"===t.iconPosition}},o("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0,size:"small"}),o("gux-truncate",{ref:t=>this.truncateElement=t},i))}renderFilterInputField(){if(this.expanded&&this.isFilterable())return o("div",{class:"gux-field gux-input-field",dir:"auto"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.filter),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return o("slot",{slot:"popup"})}renderTarget(){return o("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:d(this.root),onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),size:"small",iconName:this.expanded?"custom/chevron-up-small-regular":"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.isFilterable())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return o("gux-popup",{key:"7f6430f2180754b70740792d665cd91d11f46b88",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return s(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"],disabled:["watchDisabled"]}}};D([r({triggerEvents:"mousedown"})],A.prototype,"onClickOutside",null),D([g({childList:!0,subtree:!0})],A.prototype,"onMutation",null),A.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow)}.gux-selected-icon{display:flex;flex-direction:row;align-items:center}.gux-selected-icon.gux-icon-position-end{flex-direction:row-reverse}.gux-selected-icon gux-icon{padding-inline-end:var(--gse-ui-dropdown-gap)}";const B=["gux-option","gux-option-icon"].join(","),K={noMatches:"No matches",loading:"Loading..."},M=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.loading=!1,this.filter="",this.filterType="none",this.disabled=!1,this.selectedValues=[],this.listboxOptions=[]}onBlur(){v(this.root)}onKeydown(t){if(!m(this.root))return t.preventDefault(),void f(this.root);switch(t.key){case"Enter":return t.preventDefault(),void O(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(z(this.root)?(t.stopPropagation(),F(this.root)):C(this.root));case"ArrowUp":return t.preventDefault(),void(y(this.root)?(t.stopPropagation(),k(this.root)):w(this.root));case"Home":return t.preventDefault(),void C(this.root);case"End":return t.preventDefault(),void w(this.root);case" ":return void t.preventDefault()}1!==t.key.length||T(this.root,t.key)}onKeyup(t){" "!==t.key||O(this.root,(t=>this.updateValue(t)))}onMousemove(){v(this.root)}onClick(t){W(B,t,(t=>{E(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){O(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.selectedValues=j(this.value),this.listboxOptions=p(this.root),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),l(this.root,"input"),l(this.root,"change")}async componentWillLoad(){h(this.root),this.i18n=await u(this.root,K),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&"none"!==this.filterType&&(t.filtered=!S(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return o("div",{hidden:!0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[o("div",{class:"gux-message-container"},o("gux-radial-loading",{context:"modal"}),o("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[o("div",{class:"gux-message-container"},o("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():o(n,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return s(this)}};M.style=":host{box-sizing:border-box;display:block;max-block-size:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow:visible auto;outline:none;background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius)}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-ui-color-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch center;align-items:center;text-align:center}.gux-message-container .gux-no-matches{box-sizing:border-box;block-size:var(--gse-ui-menu-option-height);padding-block:var(--gse-ui-dropdown-gap);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);color:var(--gse-ui-menu-option-label-foregroundColor)}";const V=class{constructor(e){t(this,e),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hasSubtext=!1}handleActive(t){var e,i;t?null===(e=this.truncateElement)||void 0===e||e.setShowTooltip():null===(i=this.truncateElement)||void 0===i||i.setHideTooltip()}componentWillLoad(){this.root.id=this.root.id||R("gux-option"),this.onSubtextChange()}onSubtextChange(){this.hasSubtext=L(this.root,"subtext")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}hasDisabledParent(){const t=H("gux-listbox",this.root);return null==t?void 0:t.disabled}render(){return o(n,{key:"6f78c9d83bf543c9180880ace85a4997657b7e69",role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled||this.hasDisabledParent(),"gux-filtered":this.filtered,"gux-selected":this.selected,"gux-show-subtext":this.hasSubtext},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("div",{key:"193241208837166f4e4c7c622b63987d71c0f7e8",class:"gux-option-wrapper"},o("gux-truncate",{key:"32bfb64079ac38bc10ed96f988619c9169e7f75e",ref:t=>this.truncateElement=t},o("slot",{key:"8519af1e2a3db69836d148da048e8651ec45a595"})),o("slot",{key:"55f55c7614238746ebea89b8ddc7ff87f8059877",onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return s(this)}static get watchers(){return{active:["handleActive"]}}};V.style=":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;block-size: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{inline-size: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){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;border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}:host(.gux-show-subtext){place-content:stretch flex-start;block-size:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){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}";export{A as gux_dropdown,M as gux_listbox,V as gux_option}
1
+ import{r as t,c as e,f as i,h as o,g as s,H as n}from"./p-cf74fd3d.js";import{O as r}from"./p-f3d844c7.js";import{b as u}from"./p-e5e644b3.js";import{s as l}from"./p-2c25e2f2.js";import{o as a,c as d}from"./p-f4751a15.js";import{b as c}from"./p-cf0e7d3b.js";import{t as h}from"./p-7109c05e.js";import{O as g}from"./p-946c70b7.js";import{s as f,n as p,g as x,a as b,b as v,h as m,d as w,e as C,f as y,i as k,j as z,k as F,l as O,m as T,c as j,p as S,o as E}from"./p-379254a5.js";import{h as L}from"./p-6d8b4027.js";import{w as W}from"./p-e97879b4.js";import{g as H}from"./p-4202e9f2.js";import{r as R}from"./p-0934300e.js";const I={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var D=function(t,e,i,o){var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(s=t[u])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const A=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.disabled=!1,this.required=!1,this.loading=!1,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}watchDisabled(t){t&&(this.expanded=!1)}onKeydown(t){switch(t.key){case"Escape":return this.isFilterable()&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,f(this.listboxElement)))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&c((()=>{this.listboxElement.focus(),this.isFilterable()&&this.filterElement&&this.filterElement.focus()}))}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.listboxElement&&this.validateValue(this.value,this.listboxElement)}async componentWillLoad(){h(this.root),this.i18n=await u(this.root,I),a(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.filter=this.filter)}showTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setShowTooltip()}hideTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setHideTooltip()}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)&&(e.value=t):e&&(e.value=t)}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return"starts-with"===this.filterType||"custom"===this.filterType}get optionElements(){return p(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void f(this.listboxElement);case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,l(this.root,"input"),l(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=x(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=b(o))||void 0===e?void 0:e.textContent.trim();return null==t?void 0:t.substring(i)}}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?o("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return this.renderOption(t);case"gux-option-icon":return this.renderIconOption(t);default:return e}}renderOption(t){let e=t.textContent.trim();if(L(t,"subtext")){const i=t.querySelector("[slot=subtext]");e=e.replace(i.textContent,"")}return o("gux-truncate",{ref:t=>this.truncateElement=t,dir:"auto"},e)}renderIconOption(t){let e=null,i=t.textContent;if(null!==t.iconColor&&(e={color:t.iconColor}),L(t,"subtext")){const e=t.querySelector("[slot=subtext]");i=i.replace(e.textContent,"")}return o("span",{class:{"gux-selected-icon":!0,"gux-icon-position-end":"end"===t.iconPosition}},o("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0,size:"small"}),o("gux-truncate",{ref:t=>this.truncateElement=t},i))}renderFilterInputField(){if(this.expanded&&this.isFilterable())return o("div",{class:"gux-field gux-input-field",dir:"auto"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.filter),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return o("slot",{slot:"popup"})}renderTarget(){return o("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:d(this.root),onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),size:"small",iconName:this.expanded?"custom/chevron-up-small-regular":"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.isFilterable())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return o("gux-popup",{key:"7f6430f2180754b70740792d665cd91d11f46b88",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return s(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"],disabled:["watchDisabled"]}}};D([r({triggerEvents:"mousedown"})],A.prototype,"onClickOutside",null),D([g({childList:!0,subtree:!0})],A.prototype,"onMutation",null),A.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow)}.gux-selected-icon{display:flex;flex-direction:row;align-items:center}.gux-selected-icon.gux-icon-position-end{flex-direction:row-reverse}.gux-selected-icon gux-icon{padding-inline-end:var(--gse-ui-dropdown-gap)}";const B=["gux-option","gux-option-icon"].join(","),K={noMatches:"No matches",loading:"Loading..."},M=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.loading=!1,this.filter="",this.filterType="none",this.disabled=!1,this.selectedValues=[],this.listboxOptions=[]}onBlur(){v(this.root)}onKeydown(t){if(!m(this.root))return t.preventDefault(),void f(this.root);switch(t.key){case"Enter":return t.preventDefault(),void O(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(z(this.root)?(t.stopPropagation(),F(this.root)):C(this.root));case"ArrowUp":return t.preventDefault(),void(y(this.root)?(t.stopPropagation(),k(this.root)):w(this.root));case"Home":return t.preventDefault(),void C(this.root);case"End":return t.preventDefault(),void w(this.root);case" ":return void t.preventDefault()}1!==t.key.length||T(this.root,t.key)}onKeyup(t){" "!==t.key||O(this.root,(t=>this.updateValue(t)))}onMousemove(){v(this.root)}onClick(t){W(B,t,(t=>{E(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){O(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.selectedValues=j(this.value),this.listboxOptions=p(this.root),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),l(this.root,"input"),l(this.root,"change")}async componentWillLoad(){h(this.root),this.i18n=await u(this.root,K),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&"none"!==this.filterType&&(t.filtered=!S(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return o("div",{hidden:!0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[o("div",{class:"gux-message-container"},o("gux-radial-loading",{context:"modal"}),o("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[o("div",{class:"gux-message-container"},o("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():o(n,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return s(this)}};M.style=":host{box-sizing:border-box;display:block;max-block-size:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow:visible auto;outline:none;background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius)}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-ui-color-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch center;align-items:center;text-align:center}.gux-message-container .gux-no-matches{box-sizing:border-box;block-size:var(--gse-ui-menu-option-height);padding-block:var(--gse-ui-dropdown-gap);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);color:var(--gse-ui-menu-option-label-foregroundColor)}";const V=class{constructor(e){t(this,e),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hasSubtext=!1}handleActive(t){var e,i;t?null===(e=this.truncateElement)||void 0===e||e.setShowTooltip():null===(i=this.truncateElement)||void 0===i||i.setHideTooltip()}componentWillLoad(){this.root.id=this.root.id||R("gux-option"),this.onSubtextChange()}onSubtextChange(){this.hasSubtext=L(this.root,"subtext")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}hasDisabledParent(){const t=H("gux-listbox",this.root);return null==t?void 0:t.disabled}render(){return o(n,{key:"6f78c9d83bf543c9180880ace85a4997657b7e69",role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled||this.hasDisabledParent(),"gux-filtered":this.filtered,"gux-selected":this.selected,"gux-show-subtext":this.hasSubtext},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("div",{key:"193241208837166f4e4c7c622b63987d71c0f7e8",class:"gux-option-wrapper"},o("gux-truncate",{key:"32bfb64079ac38bc10ed96f988619c9169e7f75e",ref:t=>this.truncateElement=t},o("slot",{key:"8519af1e2a3db69836d148da048e8651ec45a595"})),o("slot",{key:"55f55c7614238746ebea89b8ddc7ff87f8059877",onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return s(this)}static get watchers(){return{active:["handleActive"]}}};V.style=":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;block-size: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{inline-size: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){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;border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}:host(.gux-show-subtext){place-content:stretch flex-start;block-size:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){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}";export{A as gux_dropdown,M as gux_listbox,V as gux_option}
@@ -1 +1 @@
1
- import{r as e,c as t,h as i,g as a}from"./p-cf74fd3d.js";import{r as s}from"./p-0934300e.js";import{h as o}from"./p-6d8b4027.js";import{t as n}from"./p-f2226f29.js";const d=class{constructor(i){e(this,i),this.modalSidePanelDismiss=t(this,"modalSidePanelDismiss",7),this.open=!1,this.size="medium",this.dialogElement=null}syncOpenState(){this.open?this.dialogElement.showModal():(this.dialogElement.close(),this.modalSidePanelDismiss.emit())}sidepaneldismissHandler(){this.open=!1}onKeydown(e){if("Escape"===e.key)return e.preventDefault(),void(this.open=!1)}async showModal(){this.open=!0}async close(){this.open=!1}componentWillLoad(){n(this.root,{variant:this.size})}componentDidLoad(){this.open&&this.dialogElement.showModal()}render(){const e=s();return i("dialog",{key:"eea0c737e4c43a0d621fee32ff4dad60bd784151",ref:e=>this.dialogElement=e,"aria-labelledby":e},i("gux-side-panel-beta",{key:"11156f4073f0db092f01db1175fa3ca7c91d60a8",size:this.size},i("div",{key:"ea76626936c93f966c7593f3040a165f8a540359",slot:"heading",id:e},i("slot",{key:"436910dde97d5b06676c8b16d2f727d371dbf9a5",name:"heading"})),o(this.root,"description")&&i("div",{key:"f251f7fff64fbcc70d69d0e9a6ac107cc02b619b",slot:"description"},i("slot",{key:"f8bf46aa948c66e33a18b5b1cee6243f98085b0c",name:"description"})),i("div",{key:"6951c9381dd820845cb677742ab4901bd43b9504",slot:"content"},i("slot",{key:"fce1aac4a2799c90cfa2a0d26116f48c13563117",name:"content"})),i("div",{key:"b0497481f705825507f461acaaf8eefc8f8e7959",slot:"footer"},i("slot",{key:"d7c224fd5279bb3ecf749a0610f71313061a5be1",name:"footer"}))))}get root(){return a(this)}static get watchers(){return{open:["syncOpenState"]}}};d.style="dialog{inset-inline-start:auto;block-size:100%;min-block-size:100%;padding:0;margin:unset;border:none}dialog::backdrop{background:var(--gse-ui-sidePanel-shroudColor);opacity:var(--gse-ui-sidePanel-shroud-opacity)}slot[name=description]::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";export{d as gux_modal_side_panel_beta}
1
+ import{r as e,c as t,h as i,g as a}from"./p-cf74fd3d.js";import{r as s}from"./p-0934300e.js";import{h as o}from"./p-6d8b4027.js";import{t as n}from"./p-7109c05e.js";const d=class{constructor(i){e(this,i),this.modalSidePanelDismiss=t(this,"modalSidePanelDismiss",7),this.open=!1,this.size="medium",this.dialogElement=null}syncOpenState(){this.open?this.dialogElement.showModal():(this.dialogElement.close(),this.modalSidePanelDismiss.emit())}sidepaneldismissHandler(){this.open=!1}onKeydown(e){if("Escape"===e.key)return e.preventDefault(),void(this.open=!1)}async showModal(){this.open=!0}async close(){this.open=!1}componentWillLoad(){n(this.root,{variant:this.size})}componentDidLoad(){this.open&&this.dialogElement.showModal()}render(){const e=s();return i("dialog",{key:"eea0c737e4c43a0d621fee32ff4dad60bd784151",ref:e=>this.dialogElement=e,"aria-labelledby":e},i("gux-side-panel-beta",{key:"11156f4073f0db092f01db1175fa3ca7c91d60a8",size:this.size},i("div",{key:"ea76626936c93f966c7593f3040a165f8a540359",slot:"heading",id:e},i("slot",{key:"436910dde97d5b06676c8b16d2f727d371dbf9a5",name:"heading"})),o(this.root,"description")&&i("div",{key:"f251f7fff64fbcc70d69d0e9a6ac107cc02b619b",slot:"description"},i("slot",{key:"f8bf46aa948c66e33a18b5b1cee6243f98085b0c",name:"description"})),i("div",{key:"6951c9381dd820845cb677742ab4901bd43b9504",slot:"content"},i("slot",{key:"fce1aac4a2799c90cfa2a0d26116f48c13563117",name:"content"})),i("div",{key:"b0497481f705825507f461acaaf8eefc8f8e7959",slot:"footer"},i("slot",{key:"d7c224fd5279bb3ecf749a0610f71313061a5be1",name:"footer"}))))}get root(){return a(this)}static get watchers(){return{open:["syncOpenState"]}}};d.style="dialog{inset-inline-start:auto;block-size:100%;min-block-size:100%;padding:0;margin:unset;border:none}dialog::backdrop{background:var(--gse-ui-sidePanel-shroudColor);opacity:var(--gse-ui-sidePanel-shroud-opacity)}slot[name=description]::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";export{d as gux_modal_side_panel_beta}
@@ -1 +1 @@
1
- import{r as t,h as s,H as e,g as i}from"./p-cf74fd3d.js";import{t as r}from"./p-f2226f29.js";import{D as o,g as a}from"./p-8e7bc8d5.js";import{d as h,a as p}from"./p-13d8a42a.js";import{u as m}from"./p-c36d332b.js";import{g as d}from"./p-e5e644b3.js";import"./p-43af726d.js";import"./p-4202e9f2.js";const n=class{constructor(s){t(this,s),this.hasRegionalDatesCookie=!1,this.datetime=(new Date).toISOString(),this.format="short"}componentWillLoad(){r(this.root),m()?this.hasRegionalDatesCookie=!0:this.formatter=new o(d(this.root))}renderDate(){return this.hasRegionalDatesCookie?h(p(this.root),{dateStyle:this.format,timeZone:a(this.timeZone)}).format(new Date(this.datetime)):this.formatter.formatDate(new Date(this.datetime),this.format,{timeZone:a(this.timeZone)})}render(){return s(e,{key:"491e0809d9072e6cdddb2fbb18e9a19b0bb827f6"},this.renderDate())}get root(){return i(this)}};export{n as gux_date_beta}
1
+ import{r as t,h as s,H as e,g as i}from"./p-cf74fd3d.js";import{t as r}from"./p-7109c05e.js";import{D as o,g as a}from"./p-8e7bc8d5.js";import{d as h,a as p}from"./p-13d8a42a.js";import{u as m}from"./p-c36d332b.js";import{g as d}from"./p-e5e644b3.js";import"./p-43af726d.js";import"./p-4202e9f2.js";const n=class{constructor(s){t(this,s),this.hasRegionalDatesCookie=!1,this.datetime=(new Date).toISOString(),this.format="short"}componentWillLoad(){r(this.root),m()?this.hasRegionalDatesCookie=!0:this.formatter=new o(d(this.root))}renderDate(){return this.hasRegionalDatesCookie?h(p(this.root),{dateStyle:this.format,timeZone:a(this.timeZone)}).format(new Date(this.datetime)):this.formatter.formatDate(new Date(this.datetime),this.format,{timeZone:a(this.timeZone)})}render(){return s(e,{key:"491e0809d9072e6cdddb2fbb18e9a19b0bb827f6"},this.renderDate())}get root(){return i(this)}};export{n as gux_date_beta}
@@ -1 +1 @@
1
- import{r as a,c as e,h as o,g as t}from"./p-cf74fd3d.js";import{a as r}from"./p-8eaf8caf.js";import{b as i}from"./p-e5e644b3.js";import{t as s}from"./p-f2226f29.js";import"./p-4202e9f2.js";const n={changePhoto:"Change profile photo"},c=class{constructor(o){a(this,o),this.guxchangephoto=e(this,"guxchangephoto",7)}async componentWillLoad(){this.validateSlot(),s(this.root),this.i18n=await i(this.root,n)}validateSlot(){this.root.querySelector("gux-avatar-beta")||r(this.root,"Slotted element must be gux-avatar-beta")}render(){return o("button",{key:"f8b17c1e071f519d356802798335dddde7759ac0",class:"gux-change-photo",onClick:()=>this.guxchangephoto.emit(),"aria-label":this.i18n("changePhoto")},o("gux-icon",{key:"6f5e56fb726e92c15eaf2dd61c712cdad0280346",class:"gux-change-photo-icon","icon-name":"fa/camera-solid",size:"small",decorative:!0}),o("slot",{key:"24b1437487b250290af5d1586f512329fa5bde70",name:"avatar"}),o("gux-tooltip-beta",{key:"84583c98b48001ab520c3a1a9c2fe933abd73dc3",placement:"top"},o("div",{key:"da3be5c5e657214c610a89afacd3827428b00106",slot:"content"},this.i18n("changePhoto"))))}get root(){return t(this)}};c.style='.gux-change-photo{position:relative;padding:0;margin:0;line-height:0px;cursor:pointer;background:none;border:none;border-radius:50%}.gux-change-photo .gux-change-photo-icon{display:none}.gux-change-photo:hover,.gux-change-photo:focus-visible{cursor:pointer}.gux-change-photo:hover .gux-change-photo-icon,.gux-change-photo:focus-visible .gux-change-photo-icon{position:absolute;inset-block-start:50%;inset-inline-start:50%;z-index:var(--gse-semantic-zIndex-showFocus);display:inline-block;color:var(--gse-ui-avatar-hoverModal-foregroundColor);transform:translate(-50%, -50%)}.gux-change-photo:hover::after,.gux-change-photo:focus-visible::after{position:absolute;inset-block-start:var(--gse-ui-avatar-large-presenceRing-width);inset-inline-start:var(--gse-ui-avatar-large-presenceRing-width);inline-size:var(--gse-ui-avatar-addChangeImage-hoverModal-shroudSize);block-size:var(--gse-ui-avatar-addChangeImage-hoverModal-shroudSize);content:"";background-color:var(--gse-ui-avatar-hoverModal-shroudColor);border:var(--gse-ui-avatar-content-large-border-width) var(--gse-ui-avatar-content-default-border-style) var(--gse-ui-avatar-content-default-border-color);border-radius:50%;opacity:var(--gse-ui-avatar-hoverModal-opacity);transition:background-color 0.5s ease}.gux-change-photo:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}';export{c as gux_avatar_change_photo_beta}
1
+ import{r as a,c as e,h as o,g as t}from"./p-cf74fd3d.js";import{a as r}from"./p-8eaf8caf.js";import{b as i}from"./p-e5e644b3.js";import{t as s}from"./p-7109c05e.js";import"./p-4202e9f2.js";const n={changePhoto:"Change profile photo"},c=class{constructor(o){a(this,o),this.guxchangephoto=e(this,"guxchangephoto",7)}async componentWillLoad(){this.validateSlot(),s(this.root),this.i18n=await i(this.root,n)}validateSlot(){this.root.querySelector("gux-avatar-beta")||r(this.root,"Slotted element must be gux-avatar-beta")}render(){return o("button",{key:"f8b17c1e071f519d356802798335dddde7759ac0",class:"gux-change-photo",onClick:()=>this.guxchangephoto.emit(),"aria-label":this.i18n("changePhoto")},o("gux-icon",{key:"6f5e56fb726e92c15eaf2dd61c712cdad0280346",class:"gux-change-photo-icon","icon-name":"fa/camera-solid",size:"small",decorative:!0}),o("slot",{key:"24b1437487b250290af5d1586f512329fa5bde70",name:"avatar"}),o("gux-tooltip-beta",{key:"84583c98b48001ab520c3a1a9c2fe933abd73dc3",placement:"top"},o("div",{key:"da3be5c5e657214c610a89afacd3827428b00106",slot:"content"},this.i18n("changePhoto"))))}get root(){return t(this)}};c.style='.gux-change-photo{position:relative;padding:0;margin:0;line-height:0px;cursor:pointer;background:none;border:none;border-radius:50%}.gux-change-photo .gux-change-photo-icon{display:none}.gux-change-photo:hover,.gux-change-photo:focus-visible{cursor:pointer}.gux-change-photo:hover .gux-change-photo-icon,.gux-change-photo:focus-visible .gux-change-photo-icon{position:absolute;inset-block-start:50%;inset-inline-start:50%;z-index:var(--gse-semantic-zIndex-showFocus);display:inline-block;color:var(--gse-ui-avatar-hoverModal-foregroundColor);transform:translate(-50%, -50%)}.gux-change-photo:hover::after,.gux-change-photo:focus-visible::after{position:absolute;inset-block-start:var(--gse-ui-avatar-large-presenceRing-width);inset-inline-start:var(--gse-ui-avatar-large-presenceRing-width);inline-size:var(--gse-ui-avatar-addChangeImage-hoverModal-shroudSize);block-size:var(--gse-ui-avatar-addChangeImage-hoverModal-shroudSize);content:"";background-color:var(--gse-ui-avatar-hoverModal-shroudColor);border:var(--gse-ui-avatar-content-large-border-width) var(--gse-ui-avatar-content-default-border-style) var(--gse-ui-avatar-content-default-border-color);border-radius:50%;opacity:var(--gse-ui-avatar-hoverModal-opacity);transition:background-color 0.5s ease}.gux-change-photo:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}';export{c as gux_avatar_change_photo_beta}
@@ -1 +1 @@
1
- import{r as e,h as t,H as i,g as o}from"./p-cf74fd3d.js";import{t as s}from"./p-f2226f29.js";import{g as n}from"./p-4202e9f2.js";import{b as a}from"./p-e5e644b3.js";import{t as r}from"./p-f01d2320.js";import{O as u}from"./p-f3d844c7.js";import{b as l}from"./p-cf0e7d3b.js";import{w as d}from"./p-e97879b4.js";import{h as c}from"./p-b2e29026.js";import{a as b,c as g,o as h,f,s as p}from"./p-864af39c.js";import{n as m,p as v}from"./p-8d73b418.js";import"./p-43af726d.js";const x=class{constructor(t){e(this,t),this.disabled=!1}onMouseUp(){this.focusParentList()}onMouseOver(){this.focusParentList()}focusParentList(){const e=n("gux-rich-text-editor-list",this.root);e&&null===e.shadowRoot.activeElement&&(this.root.blur(),e.focus({preventScroll:!0}))}componentWillLoad(){s(this.root)}render(){return t(i,{key:"536d07db7d920e96eb663b547fc2a5cbd492d7c0",role:"listitem"},t("button",{key:"95ec2a5acfa5ac7355149d84d0bc76b50e889488",type:"button",tabIndex:-1,disabled:this.disabled},t("gux-truncate",{key:"22c0dde38bbf6da6c5213b90613da1e410cf2e2b","max-lines":1},t("slot",{key:"2fa3c45b8fbc3065adf8432aeff93c90d32f61df"}))))}static get delegatesFocus(){return!0}get root(){return o(this)}};x.style=":host{inline-size:100%;text-align:start;outline:none}:host([disabled]){pointer-events:none}:host([disabled=false]){pointer-events:auto}::slotted(gux-icon){inline-size:var(--gse-ui-menu-option-startIcon-height);block-size:var(--gse-ui-menu-option-startIcon-height);margin-inline-end:var(--gse-ui-menu-option-gap);vertical-align:middle}button{all:unset;box-sizing:border-box;inline-size:100%;min-block-size: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;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1);background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none}button:focus-visible:not(:disabled){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);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button:hover:not(:disabled){background:var(--gse-ui-menu-option-hover-backgroundColor)}button: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);background:var(--gse-ui-menu-option-selected-backgroundColor)}button:disabled{cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}::slotted(*){margin:0}";const k=class{constructor(t){e(this,t),this.isOpen=!1}onClickOutside(){this.isOpen=!1}handleKeyDown(e){const t=e.composedPath().includes(this.listElement),i=e.composedPath().includes(this.button);switch(e.key){case"Escape":t&&(e.preventDefault(),this.isOpen=!1,this.button.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":i&&!this.isOpen&&(e.preventDefault(),this.isOpen=!0,this.focusFirstListItem());break;case"ArrowUp":i&&!this.isOpen&&(e.preventDefault(),this.isOpen=!0,this.focusLastListItem())}}handleKeyup(e){" "===e.key&&e.composedPath().includes(this.button)&&(e.preventDefault(),this.isOpen=!0,this.focusFirstListItem())}focusFirstListItem(){l((()=>{this.listElement.guxFocusFirstItem()}))}focusLastListItem(){l((()=>{this.listElement.guxFocusLastItem()}))}onActionClick(){this.isOpen=!this.isOpen,this.isOpen&&this.focusFirstListItem()}onListClick(e){d("gux-rich-style-list-item",e,(()=>{this.isOpen=!1,this.button.focus()}))}renderTooltip(){return t("gux-tooltip-beta",null,t("div",{slot:"content"},this.i18n("additionalActions")))}async componentWillLoad(){s(this.root),this.i18n=await a(this.root,r)}render(){return t(i,{key:"ad724950772b06068b4a0d19749a252888f75a84"},t("gux-popup",{key:"44ce5ce1bbeb6692bafa3533f37cf3a2313f51e6",expanded:this.isOpen,offset:4,"exceed-target-width":!0},t("div",{key:"ee776432b53d4242ecd33b1fa0121bb36ed8f222",slot:"target"},t("gux-button-slot",{key:"10aa610e9c12466d39dd4315fb49ee42aa83017f",accent:"ghost"},t("button",{key:"808dc2548fc62d41cbf892be094bfc5b6e87f202",type:"button",onClick:()=>this.onActionClick(),ref:e=>this.button=e,"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),disabled:c(this.root)},t("gux-icon",{key:"a4fba57a8c1c03d6dd9f2402f43da0a1e2730efb","icon-name":"fa/ellipsis-vertical-regular","screenreader-text":this.i18n("additionalActions"),size:"small"})),this.renderTooltip())),t("div",{key:"9659eb77e4be0a520d447a881e42a677f3fc01a7",slot:"popup",class:"gux-list-container"},t("gux-rich-text-editor-list",{key:"84bbd56ef55ae9a27870859346f08497d0fa47e3",onClick:e=>this.onListClick(e),ref:e=>this.listElement=e},t("slot",{key:"ba09ae16e46d91c740c9e65863117fdcf67c836f"})))))}static get delegatesFocus(){return!0}get root(){return o(this)}};(function(e,t,i,o){var s,n=arguments.length,a=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(n<3?s(a):n>3?s(t,i,a):s(t,i))||a);n>3&&a&&Object.defineProperty(t,i,a)})([u({triggerEvents:"click"})],k.prototype,"onClickOutside",null),k.style=":host{display:block;max-inline-size:fit-content;white-space:normal}button{block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-paddingIconOnly);border-radius:var(--gse-ui-button-borderRadius)}.gux-list-container{inline-size:var(--gse-ui-contextMenu-menu-width);max-block-size:var(--gse-ui-contextMenu-menu-maxHeight);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";const y=class{constructor(t){e(this,t),this.isShown=!1}onKeydown(e){switch(e.key){case"Enter":e.stopPropagation(),this.focusOnSubList();break;case"ArrowUp":this.root!==e.target&&(e.preventDefault(),e.stopPropagation(),v(this.root,["gux-rich-style-list-item"]));break;case"ArrowDown":this.root!==e.target&&(e.preventDefault(),e.stopPropagation(),m(this.root,["gux-rich-style-list-item"]));break;case"ArrowRight":e.stopPropagation(),this.show(),this.focusOnSubList();break;case"ArrowLeft":case"Escape":this.root!==e.target&&e.stopPropagation(),this.buttonElement.focus()}}onMouseEnter(){this.show()}onMouseLeave(){this.hide()}onClick(e){"GUX-RICH-STYLE-LIST-ITEM"!==e.target.nodeName||this.hide()}onFocusIn(){this.show()}onFocusOut(){this.hide()}componentDidLoad(){this.isShown&&this.runUpdatePosition()}componentDidUpdate(){this.isShown?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}focusOnSubList(){this.subListContentElement.contains(document.activeElement)||Array.from(this.root.children)[0].focus()}show(){this.isShown=!0}hide(){this.isShown&&(this.isShown=!1)}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=b(this.buttonElement,this.subListElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.subListElement&&g(this.buttonElement,this.subListElement,{placement:"right-start",strategy:"fixed",middleware:[h(4),f(),p()]}).then((({x:e,y:t})=>{Object.assign(this.subListElement.style,{left:`${e}px`,top:`${t}px`})}))}render(){return t(i,{key:"dbf767a10781c144c9d9286c7bc094884db55e28"},t("button",{key:"6c8cc9cd591efefd0e9b0b84afc41bb7fd7ac3e1",type:"button",class:{"gux-sub-list-button":!0,"gux-sub-list-button-active":this.isShown},tabIndex:-1,role:"listitem",ref:e=>this.buttonElement=e,"aria-haspopup":"true","aria-expanded":this.isShown.toString()},t("span",{key:"680166d67a0ee6c6542f510fe633c28cfae96933",class:"gux-sub-list-button-text"},this.label),t("gux-icon",{key:"11d2609ddfe0cfea078f23c751807dbeb470fdc1",size:"small","icon-name":"custom/chevron-right-small-regular",decorative:!0})),t("div",{key:"a839423b902cd53b1c891643cb7ca0250b3df44b",ref:e=>this.subListElement=e,class:{"gux-sub-list-wrapper":!0,"gux-shown":this.isShown}},t("div",{key:"8d1c00282a63145322b8735aec86c1b7bf662464",role:"list",class:"gux-sub-list-content",ref:e=>this.subListContentElement=e},t("slot",{key:"7226adade6ffd30d8db3ae2195cde80347930d37"}))))}static get delegatesFocus(){return!0}get root(){return o(this)}};y.style=":host{inline-size:100%;text-align:start;outline:none}:host([disabled]){pointer-events:none}:host([disabled=false]){pointer-events:auto}::slotted(gux-icon){inline-size:var(--gse-ui-menu-option-startIcon-height);block-size:var(--gse-ui-menu-option-startIcon-height);margin-inline-end:var(--gse-ui-menu-option-gap);vertical-align:middle}button{all:unset;box-sizing:border-box;inline-size:100%;min-block-size: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;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1);background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none}button:focus-visible:not(:disabled){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);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button:hover:not(:disabled){background:var(--gse-ui-menu-option-hover-backgroundColor)}button: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);background:var(--gse-ui-menu-option-selected-backgroundColor)}button:disabled{cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}::slotted(*){margin:0}button.gux-sub-list-button{display:flex;flex-direction:row;justify-content:space-between}button gux-icon{align-self:center;color:var(--gse-ui-menu-option-parentIcon-selected-foregroundColor)}.gux-sub-list-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;visibility:hidden;flex-direction:column;inline-size:130px;padding:var(--gse-ui-menu-padding);margin:0;background-color:var(--gse-ui-menu-backgroundColor);border:none;border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}.gux-sub-list-wrapper.gux-shown{visibility:visible}";export{x as gux_rich_style_list_item,k as gux_rich_text_editor_menu,y as gux_rich_text_editor_sub_list}
1
+ import{r as e,h as t,H as i,g as o}from"./p-cf74fd3d.js";import{t as s}from"./p-7109c05e.js";import{g as n}from"./p-4202e9f2.js";import{b as a}from"./p-e5e644b3.js";import{t as r}from"./p-f01d2320.js";import{O as u}from"./p-f3d844c7.js";import{b as l}from"./p-cf0e7d3b.js";import{w as d}from"./p-e97879b4.js";import{h as c}from"./p-b2e29026.js";import{a as b,c as g,o as h,f,s as p}from"./p-864af39c.js";import{n as m,p as v}from"./p-8d73b418.js";import"./p-43af726d.js";const x=class{constructor(t){e(this,t),this.disabled=!1}onMouseUp(){this.focusParentList()}onMouseOver(){this.focusParentList()}focusParentList(){const e=n("gux-rich-text-editor-list",this.root);e&&null===e.shadowRoot.activeElement&&(this.root.blur(),e.focus({preventScroll:!0}))}componentWillLoad(){s(this.root)}render(){return t(i,{key:"536d07db7d920e96eb663b547fc2a5cbd492d7c0",role:"listitem"},t("button",{key:"95ec2a5acfa5ac7355149d84d0bc76b50e889488",type:"button",tabIndex:-1,disabled:this.disabled},t("gux-truncate",{key:"22c0dde38bbf6da6c5213b90613da1e410cf2e2b","max-lines":1},t("slot",{key:"2fa3c45b8fbc3065adf8432aeff93c90d32f61df"}))))}static get delegatesFocus(){return!0}get root(){return o(this)}};x.style=":host{inline-size:100%;text-align:start;outline:none}:host([disabled]){pointer-events:none}:host([disabled=false]){pointer-events:auto}::slotted(gux-icon){inline-size:var(--gse-ui-menu-option-startIcon-height);block-size:var(--gse-ui-menu-option-startIcon-height);margin-inline-end:var(--gse-ui-menu-option-gap);vertical-align:middle}button{all:unset;box-sizing:border-box;inline-size:100%;min-block-size: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;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1);background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none}button:focus-visible:not(:disabled){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);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button:hover:not(:disabled){background:var(--gse-ui-menu-option-hover-backgroundColor)}button: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);background:var(--gse-ui-menu-option-selected-backgroundColor)}button:disabled{cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}::slotted(*){margin:0}";const k=class{constructor(t){e(this,t),this.isOpen=!1}onClickOutside(){this.isOpen=!1}handleKeyDown(e){const t=e.composedPath().includes(this.listElement),i=e.composedPath().includes(this.button);switch(e.key){case"Escape":t&&(e.preventDefault(),this.isOpen=!1,this.button.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":i&&!this.isOpen&&(e.preventDefault(),this.isOpen=!0,this.focusFirstListItem());break;case"ArrowUp":i&&!this.isOpen&&(e.preventDefault(),this.isOpen=!0,this.focusLastListItem())}}handleKeyup(e){" "===e.key&&e.composedPath().includes(this.button)&&(e.preventDefault(),this.isOpen=!0,this.focusFirstListItem())}focusFirstListItem(){l((()=>{this.listElement.guxFocusFirstItem()}))}focusLastListItem(){l((()=>{this.listElement.guxFocusLastItem()}))}onActionClick(){this.isOpen=!this.isOpen,this.isOpen&&this.focusFirstListItem()}onListClick(e){d("gux-rich-style-list-item",e,(()=>{this.isOpen=!1,this.button.focus()}))}renderTooltip(){return t("gux-tooltip-beta",null,t("div",{slot:"content"},this.i18n("additionalActions")))}async componentWillLoad(){s(this.root),this.i18n=await a(this.root,r)}render(){return t(i,{key:"ad724950772b06068b4a0d19749a252888f75a84"},t("gux-popup",{key:"44ce5ce1bbeb6692bafa3533f37cf3a2313f51e6",expanded:this.isOpen,offset:4,"exceed-target-width":!0},t("div",{key:"ee776432b53d4242ecd33b1fa0121bb36ed8f222",slot:"target"},t("gux-button-slot",{key:"10aa610e9c12466d39dd4315fb49ee42aa83017f",accent:"ghost"},t("button",{key:"808dc2548fc62d41cbf892be094bfc5b6e87f202",type:"button",onClick:()=>this.onActionClick(),ref:e=>this.button=e,"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),disabled:c(this.root)},t("gux-icon",{key:"a4fba57a8c1c03d6dd9f2402f43da0a1e2730efb","icon-name":"fa/ellipsis-vertical-regular","screenreader-text":this.i18n("additionalActions"),size:"small"})),this.renderTooltip())),t("div",{key:"9659eb77e4be0a520d447a881e42a677f3fc01a7",slot:"popup",class:"gux-list-container"},t("gux-rich-text-editor-list",{key:"84bbd56ef55ae9a27870859346f08497d0fa47e3",onClick:e=>this.onListClick(e),ref:e=>this.listElement=e},t("slot",{key:"ba09ae16e46d91c740c9e65863117fdcf67c836f"})))))}static get delegatesFocus(){return!0}get root(){return o(this)}};(function(e,t,i,o){var s,n=arguments.length,a=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(n<3?s(a):n>3?s(t,i,a):s(t,i))||a);n>3&&a&&Object.defineProperty(t,i,a)})([u({triggerEvents:"click"})],k.prototype,"onClickOutside",null),k.style=":host{display:block;max-inline-size:fit-content;white-space:normal}button{block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-paddingIconOnly);border-radius:var(--gse-ui-button-borderRadius)}.gux-list-container{inline-size:var(--gse-ui-contextMenu-menu-width);max-block-size:var(--gse-ui-contextMenu-menu-maxHeight);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";const y=class{constructor(t){e(this,t),this.isShown=!1}onKeydown(e){switch(e.key){case"Enter":e.stopPropagation(),this.focusOnSubList();break;case"ArrowUp":this.root!==e.target&&(e.preventDefault(),e.stopPropagation(),v(this.root,["gux-rich-style-list-item"]));break;case"ArrowDown":this.root!==e.target&&(e.preventDefault(),e.stopPropagation(),m(this.root,["gux-rich-style-list-item"]));break;case"ArrowRight":e.stopPropagation(),this.show(),this.focusOnSubList();break;case"ArrowLeft":case"Escape":this.root!==e.target&&e.stopPropagation(),this.buttonElement.focus()}}onMouseEnter(){this.show()}onMouseLeave(){this.hide()}onClick(e){"GUX-RICH-STYLE-LIST-ITEM"!==e.target.nodeName||this.hide()}onFocusIn(){this.show()}onFocusOut(){this.hide()}componentDidLoad(){this.isShown&&this.runUpdatePosition()}componentDidUpdate(){this.isShown?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}focusOnSubList(){this.subListContentElement.contains(document.activeElement)||Array.from(this.root.children)[0].focus()}show(){this.isShown=!0}hide(){this.isShown&&(this.isShown=!1)}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=b(this.buttonElement,this.subListElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.subListElement&&g(this.buttonElement,this.subListElement,{placement:"right-start",strategy:"fixed",middleware:[h(4),f(),p()]}).then((({x:e,y:t})=>{Object.assign(this.subListElement.style,{left:`${e}px`,top:`${t}px`})}))}render(){return t(i,{key:"dbf767a10781c144c9d9286c7bc094884db55e28"},t("button",{key:"6c8cc9cd591efefd0e9b0b84afc41bb7fd7ac3e1",type:"button",class:{"gux-sub-list-button":!0,"gux-sub-list-button-active":this.isShown},tabIndex:-1,role:"listitem",ref:e=>this.buttonElement=e,"aria-haspopup":"true","aria-expanded":this.isShown.toString()},t("span",{key:"680166d67a0ee6c6542f510fe633c28cfae96933",class:"gux-sub-list-button-text"},this.label),t("gux-icon",{key:"11d2609ddfe0cfea078f23c751807dbeb470fdc1",size:"small","icon-name":"custom/chevron-right-small-regular",decorative:!0})),t("div",{key:"a839423b902cd53b1c891643cb7ca0250b3df44b",ref:e=>this.subListElement=e,class:{"gux-sub-list-wrapper":!0,"gux-shown":this.isShown}},t("div",{key:"8d1c00282a63145322b8735aec86c1b7bf662464",role:"list",class:"gux-sub-list-content",ref:e=>this.subListContentElement=e},t("slot",{key:"7226adade6ffd30d8db3ae2195cde80347930d37"}))))}static get delegatesFocus(){return!0}get root(){return o(this)}};y.style=":host{inline-size:100%;text-align:start;outline:none}:host([disabled]){pointer-events:none}:host([disabled=false]){pointer-events:auto}::slotted(gux-icon){inline-size:var(--gse-ui-menu-option-startIcon-height);block-size:var(--gse-ui-menu-option-startIcon-height);margin-inline-end:var(--gse-ui-menu-option-gap);vertical-align:middle}button{all:unset;box-sizing:border-box;inline-size:100%;min-block-size: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;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1);background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none}button:focus-visible:not(:disabled){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);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button:hover:not(:disabled){background:var(--gse-ui-menu-option-hover-backgroundColor)}button: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);background:var(--gse-ui-menu-option-selected-backgroundColor)}button:disabled{cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}::slotted(*){margin:0}button.gux-sub-list-button{display:flex;flex-direction:row;justify-content:space-between}button gux-icon{align-self:center;color:var(--gse-ui-menu-option-parentIcon-selected-foregroundColor)}.gux-sub-list-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;visibility:hidden;flex-direction:column;inline-size:130px;padding:var(--gse-ui-menu-padding);margin:0;background-color:var(--gse-ui-menu-backgroundColor);border:none;border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}.gux-sub-list-wrapper.gux-shown{visibility:visible}";export{x as gux_rich_style_list_item,k as gux_rich_text_editor_menu,y as gux_rich_text_editor_sub_list}
@@ -1 +1 @@
1
- import{r as o,c as a,h as i,g as t}from"./p-cf74fd3d.js";import{r as e}from"./p-0934300e.js";import{t as n}from"./p-f2226f29.js";import{h as s}from"./p-6d8b4027.js";const d=class{constructor(i){o(this,i),this.guxdismiss=a(this,"guxdismiss",7),this.size="dynamic",this.open=!1}syncOpenState(){this.open?this.dialogElement.showModal():this.dialogElement.close()}async showModal(){this.open=!0}async close(){this.open=!1}onKeydown(o){if("Escape"===o.key)return o.preventDefault(),void this.onDismissHandler()}componentWillLoad(){n(this.root,{variant:`${this.size}`})}componentDidLoad(){this.syncOpenState()}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){var o,a;const i=this.root.querySelector('[slot="start-align-buttons"]'),t=this.root.querySelector('[slot="end-align-buttons"]');return Boolean(null===(o=null==i?void 0:i.textContent)||void 0===o?void 0:o.trim())||Boolean(null===(a=null==t?void 0:t.textContent)||void 0===a?void 0:a.trim())}renderFooter(){return s(this.root,"footer")?i("footer",null,i("slot",{name:"footer"})):this.renderButtonFooter()}render(){const o=this.hasModalTitleSlot(),a=e();return i("dialog",{key:"bab5ac656e94ff0937fd128c414ed9f1cae8b46c",onClose:this.onCloseHandler.bind(this),ref:o=>this.dialogElement=o,"aria-labelledby":o?a:null},i("div",{key:"b6080248a5a89f5c9e8cb5110358b65d6ef043d0",class:`gux-modal-container gux-${this.size}`},i("gux-dismiss-button",{key:"d28c34313e211024a1ad97a4b3be79bcedf52437",onClick:this.onDismissHandler.bind(this)}),o&&this.renderTitle(a),i("div",{key:"8ef94027f690c637df01edcc97639cb28b12f013",class:"gux-modal-content"},i("p",{key:"c3055a822887fa16f11fa3d38747b116dd26ea90"},i("slot",{key:"951d14406c48af76ba8bc0efd277eabc7a0744b7",name:"content"}))),this.renderFooter()))}renderTitle(o){return i("h1",{class:"gux-modal-header",id:o},i("slot",{name:"title"}))}renderButtonFooter(){const o=this.hasFooterButtons();return i("div",{class:{"gux-button-footer":!0,"gux-no-buttons":!o}},i("div",{class:"gux-start-align-buttons"},i("slot",{name:"start-align-buttons"})),i("div",{class:"gux-end-align-buttons"},i("slot",{name:"end-align-buttons"})))}onCloseHandler(){this.guxdismiss.emit()}onDismissHandler(){this.open=!1}static get delegatesFocus(){return!0}get root(){return t(this)}static get watchers(){return{open:["syncOpenState"]}}};d.style="::slotted(button:active:enabled){color:var(--gse-ui-links-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;padding:0;overflow:hidden;background-color:var(--gse-ui-modal-backgroundColor);border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host dialog::backdrop{background:var(--gse-ui-modal-shroudColor)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{inline-size:var(--gse-ui-modal-small-width);max-block-size:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{inline-size:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{inline-size:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-inline-size:calc(100vw - 48px);max-block-size:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-block-size:none}:host dialog .gux-modal-container .gux-modal-header{padding-block-start:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);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-lineHeight);color:var(--gse-ui-modal-headerColor)}:host dialog .gux-modal-container .gux-modal-content{max-block-size:432px;padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap);overflow-y:auto;color:var(--gse-semantic-foreground-container-highEmphasis)}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}:host dialog .gux-modal-container footer{padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}@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{inline-size:100%;block-size:100%}}";export{d as gux_modal}
1
+ import{r as o,c as a,h as i,g as t}from"./p-cf74fd3d.js";import{r as e}from"./p-0934300e.js";import{t as n}from"./p-7109c05e.js";import{h as s}from"./p-6d8b4027.js";const d=class{constructor(i){o(this,i),this.guxdismiss=a(this,"guxdismiss",7),this.size="dynamic",this.open=!1}syncOpenState(){this.open?this.dialogElement.showModal():this.dialogElement.close()}async showModal(){this.open=!0}async close(){this.open=!1}onKeydown(o){if("Escape"===o.key)return o.preventDefault(),void this.onDismissHandler()}componentWillLoad(){n(this.root,{variant:`${this.size}`})}componentDidLoad(){this.syncOpenState()}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){var o,a;const i=this.root.querySelector('[slot="start-align-buttons"]'),t=this.root.querySelector('[slot="end-align-buttons"]');return Boolean(null===(o=null==i?void 0:i.textContent)||void 0===o?void 0:o.trim())||Boolean(null===(a=null==t?void 0:t.textContent)||void 0===a?void 0:a.trim())}renderFooter(){return s(this.root,"footer")?i("footer",null,i("slot",{name:"footer"})):this.renderButtonFooter()}render(){const o=this.hasModalTitleSlot(),a=e();return i("dialog",{key:"bab5ac656e94ff0937fd128c414ed9f1cae8b46c",onClose:this.onCloseHandler.bind(this),ref:o=>this.dialogElement=o,"aria-labelledby":o?a:null},i("div",{key:"b6080248a5a89f5c9e8cb5110358b65d6ef043d0",class:`gux-modal-container gux-${this.size}`},i("gux-dismiss-button",{key:"d28c34313e211024a1ad97a4b3be79bcedf52437",onClick:this.onDismissHandler.bind(this)}),o&&this.renderTitle(a),i("div",{key:"8ef94027f690c637df01edcc97639cb28b12f013",class:"gux-modal-content"},i("p",{key:"c3055a822887fa16f11fa3d38747b116dd26ea90"},i("slot",{key:"951d14406c48af76ba8bc0efd277eabc7a0744b7",name:"content"}))),this.renderFooter()))}renderTitle(o){return i("h1",{class:"gux-modal-header",id:o},i("slot",{name:"title"}))}renderButtonFooter(){const o=this.hasFooterButtons();return i("div",{class:{"gux-button-footer":!0,"gux-no-buttons":!o}},i("div",{class:"gux-start-align-buttons"},i("slot",{name:"start-align-buttons"})),i("div",{class:"gux-end-align-buttons"},i("slot",{name:"end-align-buttons"})))}onCloseHandler(){this.guxdismiss.emit()}onDismissHandler(){this.open=!1}static get delegatesFocus(){return!0}get root(){return t(this)}static get watchers(){return{open:["syncOpenState"]}}};d.style="::slotted(button:active:enabled){color:var(--gse-ui-links-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;padding:0;overflow:hidden;background-color:var(--gse-ui-modal-backgroundColor);border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host dialog::backdrop{background:var(--gse-ui-modal-shroudColor)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{inline-size:var(--gse-ui-modal-small-width);max-block-size:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{inline-size:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{inline-size:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-inline-size:calc(100vw - 48px);max-block-size:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-block-size:none}:host dialog .gux-modal-container .gux-modal-header{padding-block-start:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);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-lineHeight);color:var(--gse-ui-modal-headerColor)}:host dialog .gux-modal-container .gux-modal-content{max-block-size:432px;padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap);overflow-y:auto;color:var(--gse-semantic-foreground-container-highEmphasis)}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}:host dialog .gux-modal-container footer{padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}@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{inline-size:100%;block-size:100%}}";export{d as gux_modal}
@@ -1 +1 @@
1
- import{r as a,c as e,h as o,g as t}from"./p-cf74fd3d.js";import{r as i}from"./p-0934300e.js";import{t as d}from"./p-f2226f29.js";const n=class{constructor(o){a(this,o),this.guxdismiss=e(this,"guxdismiss",7),this.size="dynamic",this.trapFocus=!0}handleKeyEvent(a){"Escape"===a.key&&this.onDismissHandler(a)}connectedCallback(){this.triggerElement=document.activeElement}componentWillLoad(){d(this.root,{variant:`${this.size}-${this.trapFocus?"trapfocuson":"trapfocusoff"}`})}componentDidLoad(){var a,e,o;const t=this.getInitialFocusElement();t?null===(a=t.focus)||void 0===a||a.call(t):this.dismissButton&&(null===(o=(e=this.dismissButton).focus)||void 0===o||o.call(e))}render(){const a=this.hasModalTitleSlot(),e=this.hasFooterButtons(),t=i();return o("div",{key:"2d18a0bb73e802287f7276f624620318c58cf240",class:"gux-modal",role:"dialog","aria-modal":"true","aria-labelledby":a?t:null},o("div",{key:"f9a6082c0d4472e6cbf484221ed41d287c119683",class:`gux-modal-container gux-${this.size}`},this.renderModalTrapFocusEl(),a&&o("h1",{key:"63ce16a375f2d5d374df0efaf65f026333f054f3",class:"gux-modal-header",id:t},o("slot",{key:"c8c78b89fd771fe39a7bbc513385ee11b7da474e",name:"title"})),o("gux-dismiss-button",{key:"2b6e4165d02dca606879da5a6dd947dbeef8533c",onClick:this.onDismissHandler.bind(this),ref:a=>this.dismissButton=a}),o("div",{key:"b37f23a11378eb9ce1264bd81b79a0726d6eed10",class:{"gux-modal-content":!0,"gux-no-buttons":!e}},o("p",{key:"30f622b062ed43b6fef5e7e2bbf68ac56bf98730"},o("slot",{key:"dc09cef7c9d6ec04ea7a3f896e0e7ddf3ed5cac0",name:"content"}))),e&&o("div",{key:"6f67c283914532196a52369fb1b84cd4e948f462",class:"gux-button-footer"},o("div",{key:"3299634c7f06b9e41ee607d383df3bb1b2e7c93b",class:"gux-left-align-buttons"},o("slot",{key:"3890a90f49ab497b9713f5e20086e5adfdb0cc9c",name:"left-align-buttons"})),o("div",{key:"101d214018e9f8da983b074d5aeaa2c81d096912",class:"gux-right-align-buttons"},o("slot",{key:"9e353e0aad1df37cfeee2bc944285308294a44c2",name:"right-align-buttons"}))),this.renderModalTrapFocusEl()))}renderModalTrapFocusEl(){if(this.trapFocus)return o("span",{onFocus:()=>this.dismissButton.focus(),tabindex:"0"})}getInitialFocusElement(){return this.initialFocus?this.root.querySelector(this.initialFocus):void 0}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){return Boolean(this.root.querySelector('[slot="left-align-buttons"]'))||Boolean(this.root.querySelector('[slot="right-align-buttons"]'))}onDismissHandler(a){var e;a.stopPropagation(),this.guxdismiss.emit().defaultPrevented||(this.root.remove(),null===(e=this.triggerElement)||void 0===e||e.focus())}get root(){return t(this)}};n.style="::slotted(button:active:enabled){color:var(--gse-ui-links-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) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}: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{padding:0 var(--gse-ui-modal-padding);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);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);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;padding:0 var(--gse-ui-modal-padding)}@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%}}";export{n as gux_modal_legacy}
1
+ import{r as a,c as e,h as o,g as t}from"./p-cf74fd3d.js";import{r as i}from"./p-0934300e.js";import{t as d}from"./p-7109c05e.js";const n=class{constructor(o){a(this,o),this.guxdismiss=e(this,"guxdismiss",7),this.size="dynamic",this.trapFocus=!0}handleKeyEvent(a){"Escape"===a.key&&this.onDismissHandler(a)}connectedCallback(){this.triggerElement=document.activeElement}componentWillLoad(){d(this.root,{variant:`${this.size}-${this.trapFocus?"trapfocuson":"trapfocusoff"}`})}componentDidLoad(){var a,e,o;const t=this.getInitialFocusElement();t?null===(a=t.focus)||void 0===a||a.call(t):this.dismissButton&&(null===(o=(e=this.dismissButton).focus)||void 0===o||o.call(e))}render(){const a=this.hasModalTitleSlot(),e=this.hasFooterButtons(),t=i();return o("div",{key:"2d18a0bb73e802287f7276f624620318c58cf240",class:"gux-modal",role:"dialog","aria-modal":"true","aria-labelledby":a?t:null},o("div",{key:"f9a6082c0d4472e6cbf484221ed41d287c119683",class:`gux-modal-container gux-${this.size}`},this.renderModalTrapFocusEl(),a&&o("h1",{key:"63ce16a375f2d5d374df0efaf65f026333f054f3",class:"gux-modal-header",id:t},o("slot",{key:"c8c78b89fd771fe39a7bbc513385ee11b7da474e",name:"title"})),o("gux-dismiss-button",{key:"2b6e4165d02dca606879da5a6dd947dbeef8533c",onClick:this.onDismissHandler.bind(this),ref:a=>this.dismissButton=a}),o("div",{key:"b37f23a11378eb9ce1264bd81b79a0726d6eed10",class:{"gux-modal-content":!0,"gux-no-buttons":!e}},o("p",{key:"30f622b062ed43b6fef5e7e2bbf68ac56bf98730"},o("slot",{key:"dc09cef7c9d6ec04ea7a3f896e0e7ddf3ed5cac0",name:"content"}))),e&&o("div",{key:"6f67c283914532196a52369fb1b84cd4e948f462",class:"gux-button-footer"},o("div",{key:"3299634c7f06b9e41ee607d383df3bb1b2e7c93b",class:"gux-left-align-buttons"},o("slot",{key:"3890a90f49ab497b9713f5e20086e5adfdb0cc9c",name:"left-align-buttons"})),o("div",{key:"101d214018e9f8da983b074d5aeaa2c81d096912",class:"gux-right-align-buttons"},o("slot",{key:"9e353e0aad1df37cfeee2bc944285308294a44c2",name:"right-align-buttons"}))),this.renderModalTrapFocusEl()))}renderModalTrapFocusEl(){if(this.trapFocus)return o("span",{onFocus:()=>this.dismissButton.focus(),tabindex:"0"})}getInitialFocusElement(){return this.initialFocus?this.root.querySelector(this.initialFocus):void 0}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){return Boolean(this.root.querySelector('[slot="left-align-buttons"]'))||Boolean(this.root.querySelector('[slot="right-align-buttons"]'))}onDismissHandler(a){var e;a.stopPropagation(),this.guxdismiss.emit().defaultPrevented||(this.root.remove(),null===(e=this.triggerElement)||void 0===e||e.focus())}get root(){return t(this)}};n.style="::slotted(button:active:enabled){color:var(--gse-ui-links-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) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}: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{padding:0 var(--gse-ui-modal-padding);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);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);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;padding:0 var(--gse-ui-modal-padding)}@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%}}";export{n as gux_modal_legacy}
@@ -1 +1 @@
1
- import{r as e,h as t,H as i,g as n}from"./p-cf74fd3d.js";import{t as s}from"./p-f2226f29.js";import{g as a}from"./p-4202e9f2.js";const o=class{constructor(t){e(this,t),this.size="medium",this.standalone=!1}componentWillLoad(){s(this.root,{variant:this.size+(this.standalone?"-standalone":"")})}checkBreadcrumbParent(){return!!a(".gux-breadcrumb-generation",this.root)}render(){return t(i,{key:"996dc79252fa45084deaeab08b443c48af84dd61",size:this.size,standalone:this.standalone,class:{"gux-breadcrumb-link":this.checkBreadcrumbParent()}},t("slot",{key:"1732fcfa0f80733efc1d62cdce523e5b070808f1"}))}get root(){return n(this)}};o.style=":host{padding-block:var(--gse-ui-links-inLine-padding)}:host ::slotted(a){inline-size:fit-content;font-family:var(--gse-ui-links-inLine-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);color:var(--gse-ui-links-default-foregroundColor) !important;border-radius:var(--gse-ui-links-focusOutline-borderRadius) !important}:host ::slotted(a:hover){color:var(--gse-ui-links-hover-foregroundColor) !important}:host ::slotted(a:active){color:var(--gse-ui-links-active-foregroundColor) !important}:host ::slotted(a:visited){color:var(--gse-ui-links-visited-foregroundColor) !important}:host ::slotted(a:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host([size=small]) ::slotted(a){font-family:var(--gse-ui-links-inLine-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight)}:host([standalone]){display:block;padding-block:var(--gse-ui-links-standalone-padding)}:host([standalone]) ::slotted(a){display:flex;gap:var(--gse-ui-links-standalone-gap);align-items:center;inline-size:fit-content;font-family:var(--gse-ui-links-standalone-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-text-fontSize);font-weight:var(--gse-ui-links-standalone-medium-text-fontWeight);line-height:var(--gse-ui-links-standalone-medium-text-lineHeight);text-decoration:none !important}:host([standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-medium-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-medium-underlinedText-textDecoration) !important}:host([standalone]) ::slotted(a:active){text-decoration:none !important}:host([size=small][standalone]) ::slotted(a){font-family:var(--gse-ui-links-standalone-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-text-fontSize);font-weight:var(--gse-ui-links-standalone-small-text-fontWeight);line-height:var(--gse-ui-links-standalone-small-text-lineHeight)}:host([size=small][standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-small-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-small-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-small-underlinedText-textDecoration) !important}:host([standalone][class=gux-breadcrumb-link]){padding:0}";export{o as gux_link_beta}
1
+ import{r as e,h as t,H as i,g as n}from"./p-cf74fd3d.js";import{t as s}from"./p-7109c05e.js";import{g as a}from"./p-4202e9f2.js";const o=class{constructor(t){e(this,t),this.size="medium",this.standalone=!1}componentWillLoad(){s(this.root,{variant:this.size+(this.standalone?"-standalone":"")})}checkBreadcrumbParent(){return!!a(".gux-breadcrumb-generation",this.root)}render(){return t(i,{key:"996dc79252fa45084deaeab08b443c48af84dd61",size:this.size,standalone:this.standalone,class:{"gux-breadcrumb-link":this.checkBreadcrumbParent()}},t("slot",{key:"1732fcfa0f80733efc1d62cdce523e5b070808f1"}))}get root(){return n(this)}};o.style=":host{padding-block:var(--gse-ui-links-inLine-padding)}:host ::slotted(a){inline-size:fit-content;font-family:var(--gse-ui-links-inLine-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);color:var(--gse-ui-links-default-foregroundColor) !important;border-radius:var(--gse-ui-links-focusOutline-borderRadius) !important}:host ::slotted(a:hover){color:var(--gse-ui-links-hover-foregroundColor) !important}:host ::slotted(a:active){color:var(--gse-ui-links-active-foregroundColor) !important}:host ::slotted(a:visited){color:var(--gse-ui-links-visited-foregroundColor) !important}:host ::slotted(a:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host([size=small]) ::slotted(a){font-family:var(--gse-ui-links-inLine-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight)}:host([standalone]){display:block;padding-block:var(--gse-ui-links-standalone-padding)}:host([standalone]) ::slotted(a){display:flex;gap:var(--gse-ui-links-standalone-gap);align-items:center;inline-size:fit-content;font-family:var(--gse-ui-links-standalone-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-text-fontSize);font-weight:var(--gse-ui-links-standalone-medium-text-fontWeight);line-height:var(--gse-ui-links-standalone-medium-text-lineHeight);text-decoration:none !important}:host([standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-medium-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-medium-underlinedText-textDecoration) !important}:host([standalone]) ::slotted(a:active){text-decoration:none !important}:host([size=small][standalone]) ::slotted(a){font-family:var(--gse-ui-links-standalone-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-text-fontSize);font-weight:var(--gse-ui-links-standalone-small-text-fontWeight);line-height:var(--gse-ui-links-standalone-small-text-lineHeight)}:host([size=small][standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-small-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-small-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-small-underlinedText-textDecoration) !important}:host([standalone][class=gux-breadcrumb-link]){padding:0}";export{o as gux_link_beta}
@@ -1 +1 @@
1
- import{r as t,h as o,g as e}from"./p-cf74fd3d.js";import{t as i}from"./p-f2226f29.js";import{g as a}from"./p-0268a3e8.js";const r=class{constructor(o){t(this,o),this.placement="right"}componentWillLoad(){i(this.root)}async showTooltip(){return await this.tooltip.showTooltip()}async hideTooltip(){return await this.tooltip.hideTooltip()}render(){return o("div",{key:"1d7c4cd8f3a16245f010ec66dd975c97234b01ac",class:"gux-icon-tooltip"},o("gux-screen-reader-beta",{key:"d6fef5089af4f967c9df31d2732c65d160604beb"},o("slot",{key:"6867e45124f6031a25a5b3c8725642773871a39e",name:"content"})),o("gux-icon",{key:"ead0d91cb12c90697046d89c114206020d4d685c","icon-name":this.iconName,size:"small",decorative:!0}),o("gux-tooltip-beta",{key:"49cabba6e05798ee7720dd085b6686f669ab59be",placement:this.placement,ref:t=>this.tooltip=t},o("div",{key:"439b5a9da00fa5cd885dac7c51238c3f8ee5c72e",slot:"content"},a(this.root,"content"))))}get root(){return e(this)}};r.style=".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";export{r as gux_icon_tooltip_beta}
1
+ import{r as t,h as o,g as e}from"./p-cf74fd3d.js";import{t as i}from"./p-7109c05e.js";import{g as a}from"./p-0268a3e8.js";const r=class{constructor(o){t(this,o),this.placement="right"}componentWillLoad(){i(this.root)}async showTooltip(){return await this.tooltip.showTooltip()}async hideTooltip(){return await this.tooltip.hideTooltip()}render(){return o("div",{key:"1d7c4cd8f3a16245f010ec66dd975c97234b01ac",class:"gux-icon-tooltip"},o("gux-screen-reader-beta",{key:"d6fef5089af4f967c9df31d2732c65d160604beb"},o("slot",{key:"6867e45124f6031a25a5b3c8725642773871a39e",name:"content"})),o("gux-icon",{key:"ead0d91cb12c90697046d89c114206020d4d685c","icon-name":this.iconName,size:"small",decorative:!0}),o("gux-tooltip-beta",{key:"49cabba6e05798ee7720dd085b6686f669ab59be",placement:this.placement,ref:t=>this.tooltip=t},o("div",{key:"439b5a9da00fa5cd885dac7c51238c3f8ee5c72e",slot:"content"},a(this.root,"content"))))}get root(){return e(this)}};r.style=".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";export{r as gux_icon_tooltip_beta}
@@ -1 +1 @@
1
- import{r as e,f as i,h as t,H as r,g as o}from"./p-cf74fd3d.js";import{c as a,o as n}from"./p-f4751a15.js";import{O as l}from"./p-946c70b7.js";import{o as s}from"./p-6b12dd16.js";import{p as g}from"./p-a11d5d42.js";import{h as u}from"./p-6d8b4027.js";import{a as d,G as f}from"./p-25141c4d.js";import{a as h,G as p}from"./p-bd1d4fac.js";import{g as c,v as x,a as b}from"./p-4aaf349e.js";import{t as m}from"./p-f2226f29.js";import{O as v}from"./p-832c080d.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";var y=function(e,i,t,r){var o,a=arguments.length,n=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(a<3?o(n):a>3?o(i,t,n):o(i,t))||n);return a>3&&n&&Object.defineProperty(i,t,n),n};const k=class{constructor(i){e(this,i),this.indicatorMark="required",this.computedLabelPosition="above",this.hasError=!1,this.hasHelp=!1}onInput(e){this.updateValue(e.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help")}handleKeyup(e){var i,t;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(i=this.labelInfo)||void 0===i||i.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;this.active=!1,null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help"),m(this.root,{variant:this.variant})}componentDidLoad(){this.updatePosition(),this.tooltipElement&&i(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect(),clearInterval(this.valueWatcherId)}render(){return t(r,{key:"dbc20f30e3bdb90b5897e9beb17f386aa6be098a",class:{"gux-active":this.active}},t(h,{key:"0c4b66113ecc2655befeeb1f980b32a3175c63c8",labelPosition:this.computedLabelPosition},t(p,{key:"e17c1e83ea6f690fb1fd8a5d8b3fda962197377f",required:this.required,position:this.computedLabelPosition},t("slot",{key:"ef15f9874779f3433884b4a2188cd73414d2f39e",name:"label",onSlotchange:()=>this.setLabel()}),t("gux-form-field-label-indicator",{key:"2969055d3844e7abb13fc60174fbce0829520836",variant:this.indicatorMark,required:this.required}),t("slot",{key:"47b2762f35f3019b3ebb4ca2a782d39799e08257",name:"label-info"})),t("div",{key:"9ce16c2b4cb80a3d2d3898a58a81fdd67c2ca6d4",class:"gux-input-and-error-container"},this.renderRangeInput(),t(d,{key:"2a1cd04249e5930ea6fac78ef7ff8d95d0169afe",show:this.hasError},t("slot",{key:"f5f13beef1573176c6ae505af40fa7f25255501f",name:"error"})),t(f,{key:"e8920cece2d26bce657a0675f0aa411373a83b53",show:!this.hasError&&this.hasHelp},t("slot",{key:"b59416266cd30e01d6b3b673a7e25b013f214bc3",name:"help"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=c(this.root,'input[type="range"][slot="input"]'),g(this.input),this.disabled=a(this.input),this.required=this.input.required,this.value=this.input.value,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=s(this.input,(e=>{this.required=e})),clearInterval(this.valueWatcherId),this.valueWatcherId=setInterval((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=b(this.label,this.labelPosition)}renderRangeInput(){return t("div",{class:{"gux-range-input-container":!0,"gux-disabled":this.disabled},ref:e=>this.containerElement=e},t("div",{class:"gux-range"},t("div",{class:"gux-track"},t("div",{class:"gux-progress",ref:e=>this.progressElement=e})),t("slot",{name:"input"}),this.valueInTooltip&&t("gux-tooltip-base-beta",{ref:e=>this.tooltipElement=e,forElement:this.containerElement,offsetY:10,placement:"top"},t("span",{slot:"content"},this.getDisplayValue()))),t("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(e){this.value=e,this.updatePosition()}updatePosition(){var e,i,t;const r=Number((null===(e=this.input)||void 0===e?void 0:e.value)||0),o=Number((null===(i=this.input)||void 0===i?void 0:i.min)||0),a=(r-o)/(Number((null===(t=this.input)||void 0===t?void 0:t.max)||100)-o)*100;this.tooltipElement&&(this.tooltipElement.offsetX=(a/100-.5)*(this.containerElement.offsetWidth-20)),this.progressElement&&(this.progressElement.style.width=`${a}%`)}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return o(this)}};y([l({childList:!0,subtree:!0})],k.prototype,"onMutation",null),y([v()],k.prototype,"updatePosition",null),k.style=".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input[type=range]){position:absolute;inline-size:100%;block-size:var(--gse-ui-rangeSlider-bar-height);margin-block:calc(var(--gse-ui-rangeSlider-handle-height) / 2);margin-block-start:calc(-1 * (var(--gse-ui-rangeSlider-handle-height) / 2 + var(--gse-ui-rangeSlider-bar-height)));margin-inline:0;-webkit-appearance:none;background:transparent}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-rangeSlider-gap);place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-rangeSlider-set-height);font-size:var(--gse-ui-rangeSlider-label-text-fontSize)}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:var(--gse-ui-rangeSlider-disabled-opacity)}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{inline-size:100%;block-size:var(--gse-ui-rangeSlider-bar-height);margin-block:6px;margin-inline:0;background:var(--gse-ui-rangeSlider-bar-default-backgroundColor);border-radius:var(--gse-ui-rangeSlider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{block-size:var(--gse-ui-rangeSlider-bar-height);background-color:var(--gse-ui-rangeSlider-bar-selected-backgroundColor);border-radius:var(--gse-ui-rangeSlider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;margin-block:0;margin-inline:var(--gux-spacing-medium) 0;font-family:var(--gse-ui-rangeSlider-label-text-fontFamily);font-size:var(--gse-ui-rangeSlider-label-text-fontSize);font-weight:var(--gse-ui-rangeSlider-label-text-fontWeight);line-height:var(--gse-ui-rangeSlider-label-text-lineHeight);text-align:end}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}.gux-form-field-label.gux-beside{inset-block-start:0}";export{k as gux_form_field_range}
1
+ import{r as e,f as i,h as t,H as r,g as a}from"./p-cf74fd3d.js";import{c as o,o as n}from"./p-f4751a15.js";import{O as l}from"./p-946c70b7.js";import{o as s}from"./p-6b12dd16.js";import{p as g}from"./p-a11d5d42.js";import{h as u}from"./p-6d8b4027.js";import{a as d,G as f}from"./p-25141c4d.js";import{a as h,G as p}from"./p-bd1d4fac.js";import{g as c,v as x,a as b}from"./p-4aaf349e.js";import{t as m}from"./p-7109c05e.js";import{O as v}from"./p-832c080d.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";var y=function(e,i,t,r){var a,o=arguments.length,n=o<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,r);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(n=(o<3?a(n):o>3?a(i,t,n):a(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};const k=class{constructor(i){e(this,i),this.indicatorMark="required",this.computedLabelPosition="above",this.hasError=!1,this.hasHelp=!1}onInput(e){this.updateValue(e.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help")}handleKeyup(e){var i,t;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(i=this.labelInfo)||void 0===i||i.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;this.active=!1,null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help"),m(this.root,{variant:this.variant})}componentDidLoad(){this.updatePosition(),this.tooltipElement&&i(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect(),clearInterval(this.valueWatcherId)}render(){return t(r,{key:"dbc20f30e3bdb90b5897e9beb17f386aa6be098a",class:{"gux-active":this.active}},t(h,{key:"0c4b66113ecc2655befeeb1f980b32a3175c63c8",labelPosition:this.computedLabelPosition},t(p,{key:"e17c1e83ea6f690fb1fd8a5d8b3fda962197377f",required:this.required,position:this.computedLabelPosition},t("slot",{key:"ef15f9874779f3433884b4a2188cd73414d2f39e",name:"label",onSlotchange:()=>this.setLabel()}),t("gux-form-field-label-indicator",{key:"2969055d3844e7abb13fc60174fbce0829520836",variant:this.indicatorMark,required:this.required}),t("slot",{key:"47b2762f35f3019b3ebb4ca2a782d39799e08257",name:"label-info"})),t("div",{key:"9ce16c2b4cb80a3d2d3898a58a81fdd67c2ca6d4",class:"gux-input-and-error-container"},this.renderRangeInput(),t(d,{key:"2a1cd04249e5930ea6fac78ef7ff8d95d0169afe",show:this.hasError},t("slot",{key:"f5f13beef1573176c6ae505af40fa7f25255501f",name:"error"})),t(f,{key:"e8920cece2d26bce657a0675f0aa411373a83b53",show:!this.hasError&&this.hasHelp},t("slot",{key:"b59416266cd30e01d6b3b673a7e25b013f214bc3",name:"help"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=c(this.root,'input[type="range"][slot="input"]'),g(this.input),this.disabled=o(this.input),this.required=this.input.required,this.value=this.input.value,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=s(this.input,(e=>{this.required=e})),clearInterval(this.valueWatcherId),this.valueWatcherId=setInterval((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=b(this.label,this.labelPosition)}renderRangeInput(){return t("div",{class:{"gux-range-input-container":!0,"gux-disabled":this.disabled},ref:e=>this.containerElement=e},t("div",{class:"gux-range"},t("div",{class:"gux-track"},t("div",{class:"gux-progress",ref:e=>this.progressElement=e})),t("slot",{name:"input"}),this.valueInTooltip&&t("gux-tooltip-base-beta",{ref:e=>this.tooltipElement=e,forElement:this.containerElement,offsetY:10,placement:"top"},t("span",{slot:"content"},this.getDisplayValue()))),t("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(e){this.value=e,this.updatePosition()}updatePosition(){var e,i,t;const r=Number((null===(e=this.input)||void 0===e?void 0:e.value)||0),a=Number((null===(i=this.input)||void 0===i?void 0:i.min)||0),o=(r-a)/(Number((null===(t=this.input)||void 0===t?void 0:t.max)||100)-a)*100;this.tooltipElement&&(this.tooltipElement.offsetX=(o/100-.5)*(this.containerElement.offsetWidth-20)),this.progressElement&&(this.progressElement.style.width=`${o}%`)}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return a(this)}};y([l({childList:!0,subtree:!0})],k.prototype,"onMutation",null),y([v()],k.prototype,"updatePosition",null),k.style=".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input[type=range]){position:absolute;inline-size:100%;block-size:var(--gse-ui-rangeSlider-bar-height);margin-block:calc(var(--gse-ui-rangeSlider-handle-height) / 2);margin-block-start:calc(-1 * (calc(var(--gse-ui-rangeSlider-handle-height) / 2) + var(--gse-ui-rangeSlider-bar-height)));margin-inline:0;-webkit-appearance:none;background:transparent}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-rangeSlider-gap);place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-rangeSlider-set-height);font-size:var(--gse-ui-rangeSlider-label-text-fontSize)}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:var(--gse-ui-rangeSlider-disabled-opacity)}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{inline-size:100%;block-size:var(--gse-ui-rangeSlider-bar-height);margin-block:6px;margin-inline:0;background:var(--gse-ui-rangeSlider-bar-default-backgroundColor);border-radius:var(--gse-ui-rangeSlider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{block-size:var(--gse-ui-rangeSlider-bar-height);background-color:var(--gse-ui-rangeSlider-bar-selected-backgroundColor);border-radius:var(--gse-ui-rangeSlider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;margin-block:0;margin-inline:var(--gux-spacing-medium) 0;font-family:var(--gse-ui-rangeSlider-label-text-fontFamily);font-size:var(--gse-ui-rangeSlider-label-text-fontSize);font-weight:var(--gse-ui-rangeSlider-label-text-fontWeight);line-height:var(--gse-ui-rangeSlider-label-text-lineHeight);text-align:end}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}.gux-form-field-label.gux-beside{inset-block-start:0}";export{k as gux_form_field_range}
@@ -1 +1 @@
1
- import{r as t,f as e,h as s,g as i}from"./p-cf74fd3d.js";import{t as r}from"./p-f2226f29.js";import{h as o}from"./p-b2e29026.js";import{O as a}from"./p-f3d844c7.js";import{b as n}from"./p-cf0e7d3b.js";import{b as l}from"./p-e5e644b3.js";import{t as u}from"./p-f01d2320.js";import"./p-43af726d.js";import"./p-4202e9f2.js";const h=class{constructor(e){t(this,e),this.expanded=!1,this.disabled=!1}onClickOutside(){this.expanded=!1}watchValue(t){this.validateValue(t,this.listElement)}watchDisabled(t){t&&(this.expanded=!1)}onInternallistitemsupdated(t){t.stopPropagation(),e(this.root)}handleKeydown(t){const e=t.composedPath().includes(this.actionButton),s=t.composedPath().includes(this.listElement);switch(t.key){case"Escape":s&&(t.preventDefault(),this.expanded=!1,this.actionButton.focus());break;case"ArrowDown":case"Enter":e&&!this.expanded&&(t.preventDefault(),this.expanded=!0,this.focusFirstListItem());break;case"Tab":this.expanded=!1;break;case"ArrowUp":e&&!this.expanded&&(t.preventDefault(),this.expanded=!0,this.focusLastListItem())}}handleKeyup(t){" "===t.key&&t.composedPath().includes(this.actionButton)&&(t.preventDefault(),this.expanded=!0,this.focusFirstListItem())}focusFirstListItem(){n((()=>{this.listElement.guxFocusFirstItem()}))}focusLastListItem(){n((()=>{this.listElement.guxFocusLastItem()}))}async componentWillLoad(){r(this.root),this.i18n=await l(this.root,u)}componentWillRender(){(null==this?void 0:this.listElement)&&this.validateValue(this.value,this.listElement)}validateValue(t,e){void 0!==t?this.getListItemElementByValue(t)&&(e.value=t):e.value=t}get listItemElements(){const t=this.listElement.querySelector("slot");if(t)return Array.from(t.assignedElements())}getListItemElementByValue(t){return this.listItemElements.find((e=>e.value===t))}renderTargetDisplay(){if(null==this?void 0:this.listElement){const t=this.getListItemElementByValue(this.value);if(t)return s("span",null,this.renderListItem(t))}}renderMenu(){return s("div",{class:"gux-target-display"},this.renderTargetDisplay(),s("gux-icon",{"icon-name":this.expanded?"custom/chevron-up-small-regular":"custom/chevron-down-small-regular","screenreader-text":this.i18n("richStyleDropdown")}))}renderListItem(t){return s("gux-truncate",{"max-lines":1},t.textContent)}renderTooltip(){if(!this.disabled&&!this.expanded)return s("gux-tooltip-beta",null,s("div",{slot:"content"},this.i18n("richStyle")))}onActionButtonClick(){this.expanded=!this.expanded,this.expanded&&this.focusFirstListItem()}updateValue(t){this.value!==t&&(this.value=t)}onListClick(t){const e=t.target.closest("gux-rich-style-list-item");e&&(this.expanded=!1,this.updateValue(e.value),this.actionButton.focus())}renderPopup(){return s("div",{class:"gux-list-container",slot:"popup"},s("gux-rich-text-editor-list",{ref:t=>this.listElement=t,onClick:t=>this.onListClick(t)},s("slot",null)))}renderTarget(){return s("gux-button-slot",{accent:"ghost",slot:"target","icon-only":!0},s("button",{type:"button",ref:t=>this.actionButton=t,class:{"gux-is-pressed":this.expanded},onClick:()=>this.onActionButtonClick(),disabled:this.disabled||o(this.root),"aria-haspopup":"true","aria-expanded":this.expanded.toString()},this.renderMenu()),this.renderTooltip())}render(){return s("gux-popup",{key:"e00c339ca6af7ccc8e138f68d12befc48bf74e49",expanded:this.expanded,exceedTargetWidth:!0,placement:"bottom-start"},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return i(this)}static get watchers(){return{value:["watchValue"],disabled:["watchDisabled"]}}};(function(t,e,s,i){var r,o=arguments.length,a=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,s,i);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(o<3?r(a):o>3?r(e,s,a):r(e,s))||a);o>3&&a&&Object.defineProperty(e,s,a)})([a({triggerEvents:"mousedown"})],h.prototype,"onClickOutside",null),h.style=":host{display:block}gux-button-slot button .gux-target-display{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:center}gux-button-slot button.gux-is-pressed{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}.gux-list-container{inline-size:214px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{h as gux_rich_text_editor_action_rich_style}
1
+ import{r as t,f as e,h as s,g as i}from"./p-cf74fd3d.js";import{t as r}from"./p-7109c05e.js";import{h as o}from"./p-b2e29026.js";import{O as a}from"./p-f3d844c7.js";import{b as n}from"./p-cf0e7d3b.js";import{b as l}from"./p-e5e644b3.js";import{t as u}from"./p-f01d2320.js";import"./p-43af726d.js";import"./p-4202e9f2.js";const h=class{constructor(e){t(this,e),this.expanded=!1,this.disabled=!1}onClickOutside(){this.expanded=!1}watchValue(t){this.validateValue(t,this.listElement)}watchDisabled(t){t&&(this.expanded=!1)}onInternallistitemsupdated(t){t.stopPropagation(),e(this.root)}handleKeydown(t){const e=t.composedPath().includes(this.actionButton),s=t.composedPath().includes(this.listElement);switch(t.key){case"Escape":s&&(t.preventDefault(),this.expanded=!1,this.actionButton.focus());break;case"ArrowDown":case"Enter":e&&!this.expanded&&(t.preventDefault(),this.expanded=!0,this.focusFirstListItem());break;case"Tab":this.expanded=!1;break;case"ArrowUp":e&&!this.expanded&&(t.preventDefault(),this.expanded=!0,this.focusLastListItem())}}handleKeyup(t){" "===t.key&&t.composedPath().includes(this.actionButton)&&(t.preventDefault(),this.expanded=!0,this.focusFirstListItem())}focusFirstListItem(){n((()=>{this.listElement.guxFocusFirstItem()}))}focusLastListItem(){n((()=>{this.listElement.guxFocusLastItem()}))}async componentWillLoad(){r(this.root),this.i18n=await l(this.root,u)}componentWillRender(){(null==this?void 0:this.listElement)&&this.validateValue(this.value,this.listElement)}validateValue(t,e){void 0!==t?this.getListItemElementByValue(t)&&(e.value=t):e.value=t}get listItemElements(){const t=this.listElement.querySelector("slot");if(t)return Array.from(t.assignedElements())}getListItemElementByValue(t){return this.listItemElements.find((e=>e.value===t))}renderTargetDisplay(){if(null==this?void 0:this.listElement){const t=this.getListItemElementByValue(this.value);if(t)return s("span",null,this.renderListItem(t))}}renderMenu(){return s("div",{class:"gux-target-display"},this.renderTargetDisplay(),s("gux-icon",{"icon-name":this.expanded?"custom/chevron-up-small-regular":"custom/chevron-down-small-regular","screenreader-text":this.i18n("richStyleDropdown")}))}renderListItem(t){return s("gux-truncate",{"max-lines":1},t.textContent)}renderTooltip(){if(!this.disabled&&!this.expanded)return s("gux-tooltip-beta",null,s("div",{slot:"content"},this.i18n("richStyle")))}onActionButtonClick(){this.expanded=!this.expanded,this.expanded&&this.focusFirstListItem()}updateValue(t){this.value!==t&&(this.value=t)}onListClick(t){const e=t.target.closest("gux-rich-style-list-item");e&&(this.expanded=!1,this.updateValue(e.value),this.actionButton.focus())}renderPopup(){return s("div",{class:"gux-list-container",slot:"popup"},s("gux-rich-text-editor-list",{ref:t=>this.listElement=t,onClick:t=>this.onListClick(t)},s("slot",null)))}renderTarget(){return s("gux-button-slot",{accent:"ghost",slot:"target","icon-only":!0},s("button",{type:"button",ref:t=>this.actionButton=t,class:{"gux-is-pressed":this.expanded},onClick:()=>this.onActionButtonClick(),disabled:this.disabled||o(this.root),"aria-haspopup":"true","aria-expanded":this.expanded.toString()},this.renderMenu()),this.renderTooltip())}render(){return s("gux-popup",{key:"e00c339ca6af7ccc8e138f68d12befc48bf74e49",expanded:this.expanded,exceedTargetWidth:!0,placement:"bottom-start"},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return i(this)}static get watchers(){return{value:["watchValue"],disabled:["watchDisabled"]}}};(function(t,e,s,i){var r,o=arguments.length,a=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,s,i);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(o<3?r(a):o>3?r(e,s,a):r(e,s))||a);o>3&&a&&Object.defineProperty(e,s,a)})([a({triggerEvents:"mousedown"})],h.prototype,"onClickOutside",null),h.style=":host{display:block}gux-button-slot button .gux-target-display{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:center}gux-button-slot button.gux-is-pressed{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}.gux-list-container{inline-size:214px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{h as gux_rich_text_editor_action_rich_style}
@@ -0,0 +1 @@
1
+ import{r as t,c as i,d as e,h as r,g as o}from"./p-cf74fd3d.js";import{O as n}from"./p-832c080d.js";import{h as s}from"./p-6d8b4027.js";import{t as a}from"./p-7109c05e.js";import{g as d}from"./p-b2e29026.js";import{b as c}from"./p-e5e644b3.js";import{t as h}from"./p-f01d2320.js";import{a as l}from"./p-cf0e7d3b.js";import"./p-43af726d.js";import"./p-4202e9f2.js";const u=class{constructor(e){t(this,e),this.guxToggleAction=i(this,"guxToggleAction",7),this.disabled=!1,this.typographicalEmphasisActions=[],this.textStylingActions=[],this.listsAndIndentationActions=[],this.insertingActions=[]}checkResponsiveLayout(){e((()=>{this.handleOverflow(),this.getHiddenActions()}))}async componentWillLoad(){a(this.root),this.i18n=await c(this.root,h)}componentDidLoad(){l((()=>{this.checkResponsiveLayout()}))}componentDidUpdate(){this.handleOverflow()}isOverFlowing(){var t;const i=null===(t=this.root)||void 0===t?void 0:t.shadowRoot.querySelector(".gux-rich-text-editor-toolbar-container");return Array.from(i.children).filter((t=>!t.classList.contains("gux-hidden"))).reduce(((t,i)=>t+i.clientWidth),0)>i.clientWidth}handleOverflow(){const t=Array.from(this.root.querySelectorAll("gux-rich-text-editor-action-group"));for(;this.isOverFlowing();){let i=!1;for(let e=t.length-1;e>=0;e--)if(!t[e].classList.contains("gux-hidden")){t[e].classList.add("gux-hidden"),i=!0;break}if(!i)break}for(const i of t)if(i.classList.contains("gux-hidden")&&(i.classList.remove("gux-hidden"),this.isOverFlowing())){i.classList.add("gux-hidden");break}}getHiddenActions(){this.typographicalEmphasisActions=d(this.root,'gux-rich-text-editor-action-group[slot="typographical-emphasis"]',"gux-hidden"),this.listsAndIndentationActions=d(this.root,'gux-rich-text-editor-action-group[slot="lists-indentation"]',"gux-hidden"),this.textStylingActions=d(this.root,'gux-rich-text-editor-action-group[slot="text-styling"]',"gux-hidden"),this.insertingActions=d(this.root,'gux-rich-text-editor-action-group[slot="inserting"]',"gux-hidden")}getAllActions(){return[...this.textStylingActions,...this.typographicalEmphasisActions,...this.listsAndIndentationActions,...this.insertingActions]}categorizeActions(t){const i=[],e=[],r=[];return t.forEach((t=>{t.startsWith("rich-style-")?i.push(t.slice(11)):t.startsWith("highlight-")?e.push(t.slice(10)):r.push(t)})),{richStyleActions:i,highlightActions:e,filteredActions:r}}renderListItems(t,i=!1){return t.map(((t,e)=>{const o=t.replace(/<\/?[^>]+(>|$)/g,"");return r("gux-rich-style-list-item",Object.assign({onClick:()=>this.guxToggleAction.emit(o),key:e,value:o},i?{innerHTML:t}:{}),!i&&(this.i18n(o)||o))}))}renderSubList(t,i,e=!1){if(i.length>0)return r("gux-rich-text-editor-sub-list",{label:this.i18n(t)},this.renderListItems(i,e))}renderHighlightSubList(t){if(t.length>0)return r("gux-rich-text-editor-sub-list",{label:this.i18n("textHighlight")},this.renderListItems(t),r("gux-rich-style-list-item",{onClick:()=>this.guxToggleAction.emit("noHighlightAction"),value:"noHighlight"},r("gux-truncate",{"max-lines":1},this.i18n("noHighlight"))))}renderTextEditorMenu(){const t=this.getAllActions();if(t.length>0){const{richStyleActions:i,highlightActions:e,filteredActions:o}=this.categorizeActions(t);return r("gux-rich-text-editor-menu",null,this.renderListItems(o),this.renderSubList("richStyle",i,!0),this.renderHighlightSubList(e))}}renderSlot(t,i){return s(this.root,t)?r("div",{class:i},r("slot",{name:t})):null}renderTypographicalEmphasis(){return this.renderSlot("typographical-emphasis","gux-typographical-emphasis-container")}renderTextStyling(){return this.renderSlot("text-styling","gux-text-styling-container")}renderListsIndentation(){return this.renderSlot("lists-indentation","gux-lists-indentation-container")}renderInserting(){return this.renderSlot("inserting","gux-inserting-container")}renderGlobalAction(){return this.renderSlot("global-action","gux-global-action-container")}render(){return r("div",{key:"abcf413d998c1a7704cb695fa68bd4ed8514b883",class:{"gux-rich-text-editor-container":!0,"gux-disabled":this.disabled}},r("div",{key:"295c11239b185053f051e31afb9c2e9f68e85dbc",class:"gux-rich-text-editor-toolbar-container"},this.renderTypographicalEmphasis(),this.renderTextStyling(),this.renderListsIndentation(),this.renderInserting(),this.renderTextEditorMenu(),this.renderGlobalAction()),r("slot",{key:"bf62f78b347ce28d77253ed2e3edcbea0eb276f5",name:"editor"}))}get root(){return o(this)}};(function(t,i,e,r){var o,n=arguments.length,s=n<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,r);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(s=(n<3?o(s):n>3?o(i,e,s):o(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([n()],u.prototype,"checkResponsiveLayout",null),u.style=":host{display:block}:host([style*=resize]){overflow:auto;resize:inherit}.gux-rich-text-editor-container{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--gse-ui-rte-innerContainer-gap);inline-size:100%;max-inline-size:100%;block-size:100%;max-block-size:100%;padding:var(--gse-ui-rte-padding);overflow:hidden scroll;background-color:var(--gse-ui-formControl-input-backgroundColor);border:var(--gse-ui-rte-mainContainer-default-border-width) var(--gse-ui-rte-mainContainer-default-border-color) var(--gse-ui-rte-mainContainer-default-border-style);border-radius:var(--gse-ui-rte-container-borderRadius)}.gux-rich-text-editor-container .gux-rich-text-editor-toolbar-container{display:flex;flex-direction:row;justify-content:flex-start}.gux-rich-text-editor-container .gux-rich-text-editor-toolbar-container .gux-global-action-container{margin-inline-start:auto}.gux-rich-text-editor-container.gux-disabled{pointer-events:none;cursor:default;user-select:none;border:var(--gse-ui-rte-mainContainer-disabled-border-width) var(--gse-ui-rte-mainContainer-disabled-border-color) var(--gse-ui-rte-mainContainer-disabled-border-style);opacity:0.5}.gux-rich-text-editor-container:active:enabled{border:var(--gse-ui-rte-mainContainer-active-border-width) var(--gse-ui-rte-mainContainer-active-border-color) var(--gse-ui-rte-mainContainer-active-border-style)}.gux-rich-text-editor-container:focus-within:not(.gux-disabled),.gux-rich-text-editor-container:hover:not(.gux-disabled){border:var(--gse-ui-rte-mainContainer-hover-border-width) var(--gse-ui-rte-mainContainer-hover-border-color) var(--gse-ui-rte-mainContainer-hover-border-style)}.gux-rich-text-editor-container:focus-within:not(.gux-disabled){outline:var(--gse-ui-rte-mainContainer-focus-border-width) var(--gse-ui-rte-mainContainer-focus-border-color) var(--gse-ui-rte-mainContainer-focus-border-style)}";export{u as gux_rich_text_editor_beta}
@@ -1 +1 @@
1
- import{r as t,h as s,H as e,g as i}from"./p-cf74fd3d.js";import{t as r}from"./p-f2226f29.js";import{D as a,g as o}from"./p-8e7bc8d5.js";import{d as h,a as m}from"./p-13d8a42a.js";import{u as p}from"./p-c36d332b.js";import{g as d}from"./p-e5e644b3.js";import"./p-43af726d.js";import"./p-4202e9f2.js";const n=class{constructor(s){t(this,s),this.hasRegionalDatesCookie=!1,this.datetime=(new Date).toISOString(),this.format="short"}componentWillLoad(){r(this.root),p()?this.hasRegionalDatesCookie=!0:this.formatter=new a(d(this.root))}renderDateTime(){return this.hasRegionalDatesCookie?h(m(this.root),{dateStyle:this.format,timeStyle:this.format,timeZone:o(this.timeZone)}).format(new Date(this.datetime)):this.formatter.formatDateTime(new Date(this.datetime),this.format,{timeZone:o(this.timeZone)})}render(){return s(e,{key:"225dd061be97e285818fd2cc95dc91f3ab8caad3"},this.renderDateTime())}get root(){return i(this)}};export{n as gux_date_time_beta}
1
+ import{r as t,h as s,H as e,g as i}from"./p-cf74fd3d.js";import{t as r}from"./p-7109c05e.js";import{D as a,g as o}from"./p-8e7bc8d5.js";import{d as h,a as m}from"./p-13d8a42a.js";import{u as p}from"./p-c36d332b.js";import{g as d}from"./p-e5e644b3.js";import"./p-43af726d.js";import"./p-4202e9f2.js";const n=class{constructor(s){t(this,s),this.hasRegionalDatesCookie=!1,this.datetime=(new Date).toISOString(),this.format="short"}componentWillLoad(){r(this.root),p()?this.hasRegionalDatesCookie=!0:this.formatter=new a(d(this.root))}renderDateTime(){return this.hasRegionalDatesCookie?h(m(this.root),{dateStyle:this.format,timeStyle:this.format,timeZone:o(this.timeZone)}).format(new Date(this.datetime)):this.formatter.formatDateTime(new Date(this.datetime),this.format,{timeZone:o(this.timeZone)})}render(){return s(e,{key:"225dd061be97e285818fd2cc95dc91f3ab8caad3"},this.renderDateTime())}get root(){return i(this)}};export{n as gux_date_time_beta}
@@ -1 +1 @@
1
- import{r as e,c as t,h as s,g as i}from"./p-cf74fd3d.js";import{o}from"./p-0f60c7b5.js";import{O as a}from"./p-f3d844c7.js";import{a as c}from"./p-cf0e7d3b.js";import{t as n}from"./p-f2226f29.js";import{b as d}from"./p-e5e644b3.js";import"./p-4202e9f2.js";const r={searchAria:"Search"};const p=class{constructor(s){e(this,s),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px"}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onClickOutside(){this.closeDropdown(!1)}async componentWillLoad(){n(this.root),this.i18n=await d(this.root,r),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=o(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver&&this.slotObserver.disconnect()}render(){return s("gux-popup",{key:"8a78df08f5d2a5b8386ba4e13b04d5d54fb26d1c",expanded:this.opened,disabled:this.disabled},s("div",{key:"889b4d4fb3682d0182b5ba8994ee99d05506a4d3",slot:"target",class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},s("a",{key:"e3904dd5074062c344d133a7c22fd800fd1b6ac4",ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&s("span",{key:"aac718eb8dad922366872cf0b8a1ef9244ec4ed8",class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&s("span",{key:"335dbf1e7c953ff1bc547673ca9793c7306d92be",class:"gux-select-value",title:this.value},this.value)),s("div",{key:"cbfd4fe3c305dbc37d1ca792a4e06d6509638c7f",class:"gux-icon-wrapper"},s("gux-icon",{key:"eafeeb6ecd8240b95b70e5aa9873c6eeb89b7070",decorative:!0,"icon-name":"custom/chevron-down-small-regular"}))),s("div",{key:"cdc3fbe6adfda50f3770a62becfcbbf56ef4e0fa",slot:"popup",class:"gux-advanced-dropdown-menu"},s("div",{key:"9931f00641ecb454c45782ec366534b492cab544",class:"gux-dropdown-menu-container"},s("gux-form-field-search",{key:"436fbd0b22817c283daeb50b2c0ee403e87972d8","label-position":"screenreader"},s("label",{key:"4ee75fc60f1dcb095aea3e45a8506669b0d23d5c",slot:"label"},this.i18n("searchAria")),s("input",{key:"f6880d792b6003f236e4779a5329a22521d7b0af",slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),s("div",{key:"b917071143ac6304e93a40e2182c488cd7a27cef",class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},s("slot",{key:"760d2632deee46edda74124407e2f0986f056169"})))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){c((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return i(this)}static get watchers(){return{disabled:["watchValue"]}}};(function(e,t,s,i){var o,a=arguments.length,c=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,s,i);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(c=(a<3?o(c):a>3?o(t,s,c):o(t,s))||c);a>3&&c&&Object.defineProperty(t,s,c)})([a({triggerEvents:"mousedown"})],p.prototype,"onClickOutside",null),p.style=":host{color:#2e394c}gux-popup{display:block;margin:4px 0}gux-popup .gux-select-field{position:relative;width:100%;height:32px}gux-popup .gux-select-field a.gux-select-input{position:absolute;inset:0;padding:6px 24px 6px 12px;overflow:hidden;text-overflow:ellipsis;color:#2e394c;white-space:nowrap;text-decoration:none;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder,gux-popup .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}gux-popup .gux-select-field a.gux-select-input:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}gux-popup .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}gux-popup .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}gux-popup .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}gux-popup .gux-advanced-dropdown-menu{background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24)}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}gux-popup .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{p as gux_advanced_dropdown_legacy}
1
+ import{r as e,c as t,h as s,g as i}from"./p-cf74fd3d.js";import{o}from"./p-0f60c7b5.js";import{O as a}from"./p-f3d844c7.js";import{a as c}from"./p-cf0e7d3b.js";import{t as n}from"./p-7109c05e.js";import{b as d}from"./p-e5e644b3.js";import"./p-4202e9f2.js";const r={searchAria:"Search"};const p=class{constructor(s){e(this,s),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px"}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onClickOutside(){this.closeDropdown(!1)}async componentWillLoad(){n(this.root),this.i18n=await d(this.root,r),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=o(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver&&this.slotObserver.disconnect()}render(){return s("gux-popup",{key:"8a78df08f5d2a5b8386ba4e13b04d5d54fb26d1c",expanded:this.opened,disabled:this.disabled},s("div",{key:"889b4d4fb3682d0182b5ba8994ee99d05506a4d3",slot:"target",class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},s("a",{key:"e3904dd5074062c344d133a7c22fd800fd1b6ac4",ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&s("span",{key:"aac718eb8dad922366872cf0b8a1ef9244ec4ed8",class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&s("span",{key:"335dbf1e7c953ff1bc547673ca9793c7306d92be",class:"gux-select-value",title:this.value},this.value)),s("div",{key:"cbfd4fe3c305dbc37d1ca792a4e06d6509638c7f",class:"gux-icon-wrapper"},s("gux-icon",{key:"eafeeb6ecd8240b95b70e5aa9873c6eeb89b7070",decorative:!0,"icon-name":"custom/chevron-down-small-regular"}))),s("div",{key:"cdc3fbe6adfda50f3770a62becfcbbf56ef4e0fa",slot:"popup",class:"gux-advanced-dropdown-menu"},s("div",{key:"9931f00641ecb454c45782ec366534b492cab544",class:"gux-dropdown-menu-container"},s("gux-form-field-search",{key:"436fbd0b22817c283daeb50b2c0ee403e87972d8","label-position":"screenreader"},s("label",{key:"4ee75fc60f1dcb095aea3e45a8506669b0d23d5c",slot:"label"},this.i18n("searchAria")),s("input",{key:"f6880d792b6003f236e4779a5329a22521d7b0af",slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),s("div",{key:"b917071143ac6304e93a40e2182c488cd7a27cef",class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},s("slot",{key:"760d2632deee46edda74124407e2f0986f056169"})))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){c((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return i(this)}static get watchers(){return{disabled:["watchValue"]}}};(function(e,t,s,i){var o,a=arguments.length,c=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,s,i);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(c=(a<3?o(c):a>3?o(t,s,c):o(t,s))||c);a>3&&c&&Object.defineProperty(t,s,c)})([a({triggerEvents:"mousedown"})],p.prototype,"onClickOutside",null),p.style=":host{color:#2e394c}gux-popup{display:block;margin:4px 0}gux-popup .gux-select-field{position:relative;width:100%;height:32px}gux-popup .gux-select-field a.gux-select-input{position:absolute;inset:0;padding:6px 24px 6px 12px;overflow:hidden;text-overflow:ellipsis;color:#2e394c;white-space:nowrap;text-decoration:none;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder,gux-popup .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}gux-popup .gux-select-field a.gux-select-input:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}gux-popup .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}gux-popup .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}gux-popup .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}gux-popup .gux-advanced-dropdown-menu{background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24)}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}gux-popup .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{p as gux_advanced_dropdown_legacy}
@@ -1 +1 @@
1
- import{r as t,c as e,f as i,h as o,g as r}from"./p-cf74fd3d.js";import{O as n}from"./p-f3d844c7.js";import{b as s}from"./p-e5e644b3.js";import{s as l}from"./p-2c25e2f2.js";import{b as u}from"./p-cf0e7d3b.js";import{o as a}from"./p-f4751a15.js";import{t as d}from"./p-f2226f29.js";import{c,s as h,g,a as f}from"./p-379254a5.js";import{O as p}from"./p-946c70b7.js";import"./p-4202e9f2.js";const x={textInputResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown",numberSelected:"{numberSelected} selected",pressEnterToCreate:"Press Enter to create new option, {textInputValue}"};var b=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const v=class{constructor(i){t(this,i),this.guxcreateoption=e(this,"guxcreateoption",7),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.disabled=!1,this.required=!1,this.loading=!1,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.hasCreate=!1,this.expanded=!1,this.textInput=""}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit()}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}focusSelectedItemAfterRender(t){t&&this.listboxElement&&u((()=>{this.hasTextInput()?this.textInputElement.focus():this.listboxElement.focus()})),t||(this.textInput="")}watchDisabled(t){t&&(this.expanded=!1)}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}getSelectedValues(){return Promise.resolve(c(this.value))}onKeydown(t){switch(t.key){case"Escape":return this.hasTextInput()&&document.activeElement===this.listboxElement?this.textInputElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.textInputElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,h(this.listboxElement)));case"Enter":this.canCreateNewOption()&&this.isActiveElement()&&this.emitCreateOption()}}onInternallistboxoptionsupdated(t){t.stopPropagation(),requestAnimationFrame((()=>{requestAnimationFrame((()=>i(this.root)))}))}onClearselected(t){t.stopPropagation(),this.updateValue(void 0),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value,this.listboxElement),this.fieldButtonElement.focus()}onCreatenewoption(t){t.stopPropagation(),this.emitCreateOption()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.hasCreate=!!this.root.querySelector("gux-create-option"))}async componentWillLoad(){d(this.root),this.i18n=await s(this.root,x),a(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.textInput=this.textInput)}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)?e.value=t:this.value=void 0:e&&(e.value=t)}hasTextInput(){return this.isFilterable()||this.hasCreate}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}isFilterable(){return"custom"===this.filterType||"starts-with"===this.filterType}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),i=c(t);return e.filter((t=>i.includes(t.value)))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.textInput=this.textInputElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.hasTextInput()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.hasTextInput()&&document.activeElement===this.listboxElement}emitCreateOption(){this.guxcreateoption.emit(this.textInput),this.textInput="",this.textInputElement.value=""}canCreateNewOption(){return this.hasCreate&&this.textInput&&!this.listboxElement.hasExactMatch}isActiveElement(){return document.activeElement===this.root}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){if("ArrowDown"===t.key)return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void h(this.listboxElement)}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,l(this.root,"input"),l(this.root,"change"))}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=g(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=f(o))||void 0===e?void 0:e.textContent.trim();return null==t?void 0:t.substring(i)}return""}}renderTargetDisplay(){return o("div",{class:"gux-placeholder"},this.getSrSelectedText(),this.getSelectedOptionText()||this.placeholder||this.i18n("noSelection"))}getSelectedOptionText(){const t=this.getSelectedOptionValueString();return!!t&&[t,o("div",{class:"gux-sr-only"},this.placeholder)]}getSelectedOptionValueString(){return this.getOptionElementByValue(this.value).map((t=>{var e;return null===(e=f(t))||void 0===e?void 0:e.textContent.trim()})).join(", ")}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(t.length)return o("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}getInputAriaLabel(){return this.canCreateNewOption()&&this.isActiveElement()?this.i18n("pressEnterToCreate",{textInputValue:this.textInput}):this.i18n("textInputResults")}renderTag(){const t=c(this.value);if(t.length)return o("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":t.length})}renderFilterInputField(){if(this.expanded&&this.hasTextInput())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.textInput),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.textInput))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.getSelectedOptionValueString()||this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.getInputAriaLabel(),ref:t=>this.textInputElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container":!0,"gux-target-container-expanded":this.expanded&&this.hasTextInput(),"gux-target-container-collapsed":!(this.expanded&&this.hasTextInput()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderTag(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},size:"small","screenreader-text":this.i18n("dropdown"),iconName:"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.hasTextInput())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return[o("div",{key:"355124f96b66e4de493455af50af902a167a2672",class:"gux-dropdown-container"},o("gux-popup",{key:"4e67cf4314d7eaaf3715dbf6b562864dbef5307a",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup()))]}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],disabled:["watchDisabled"],value:["watchValue"],textInput:["handleFilter"]}}};b([p({childList:!0,subtree:!0})],v.prototype,"onMutation",null),b([n({triggerEvents:"mousedown"})],v.prototype,"onClickOutside",null),v.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%;padding-inline-start:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input:placeholder-shown{text-overflow:ellipsis}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}";export{v as gux_dropdown_multi}
1
+ import{r as t,c as e,f as i,h as o,g as r}from"./p-cf74fd3d.js";import{O as n}from"./p-f3d844c7.js";import{b as s}from"./p-e5e644b3.js";import{s as l}from"./p-2c25e2f2.js";import{b as u}from"./p-cf0e7d3b.js";import{o as a}from"./p-f4751a15.js";import{t as d}from"./p-7109c05e.js";import{c,s as h,g,a as f}from"./p-379254a5.js";import{O as p}from"./p-946c70b7.js";import"./p-4202e9f2.js";const x={textInputResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown",numberSelected:"{numberSelected} selected",pressEnterToCreate:"Press Enter to create new option, {textInputValue}"};var b=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const v=class{constructor(i){t(this,i),this.guxcreateoption=e(this,"guxcreateoption",7),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.disabled=!1,this.required=!1,this.loading=!1,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.hasCreate=!1,this.expanded=!1,this.textInput=""}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit()}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}focusSelectedItemAfterRender(t){t&&this.listboxElement&&u((()=>{this.hasTextInput()?this.textInputElement.focus():this.listboxElement.focus()})),t||(this.textInput="")}watchDisabled(t){t&&(this.expanded=!1)}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}getSelectedValues(){return Promise.resolve(c(this.value))}onKeydown(t){switch(t.key){case"Escape":return this.hasTextInput()&&document.activeElement===this.listboxElement?this.textInputElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.textInputElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,h(this.listboxElement)));case"Enter":this.canCreateNewOption()&&this.isActiveElement()&&this.emitCreateOption()}}onInternallistboxoptionsupdated(t){t.stopPropagation(),requestAnimationFrame((()=>{requestAnimationFrame((()=>i(this.root)))}))}onClearselected(t){t.stopPropagation(),this.updateValue(void 0),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value,this.listboxElement),this.fieldButtonElement.focus()}onCreatenewoption(t){t.stopPropagation(),this.emitCreateOption()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.hasCreate=!!this.root.querySelector("gux-create-option"))}async componentWillLoad(){d(this.root),this.i18n=await s(this.root,x),a(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.textInput=this.textInput)}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)?e.value=t:this.value=void 0:e&&(e.value=t)}hasTextInput(){return this.isFilterable()||this.hasCreate}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}isFilterable(){return"custom"===this.filterType||"starts-with"===this.filterType}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),i=c(t);return e.filter((t=>i.includes(t.value)))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.textInput=this.textInputElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.hasTextInput()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.hasTextInput()&&document.activeElement===this.listboxElement}emitCreateOption(){this.guxcreateoption.emit(this.textInput),this.textInput="",this.textInputElement.value=""}canCreateNewOption(){return this.hasCreate&&this.textInput&&!this.listboxElement.hasExactMatch}isActiveElement(){return document.activeElement===this.root}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){if("ArrowDown"===t.key)return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void h(this.listboxElement)}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,l(this.root,"input"),l(this.root,"change"))}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=g(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=f(o))||void 0===e?void 0:e.textContent.trim();return null==t?void 0:t.substring(i)}return""}}renderTargetDisplay(){return o("div",{class:"gux-placeholder"},this.getSrSelectedText(),this.getSelectedOptionText()||this.placeholder||this.i18n("noSelection"))}getSelectedOptionText(){const t=this.getSelectedOptionValueString();return!!t&&[t,o("div",{class:"gux-sr-only"},this.placeholder)]}getSelectedOptionValueString(){return this.getOptionElementByValue(this.value).map((t=>{var e;return null===(e=f(t))||void 0===e?void 0:e.textContent.trim()})).join(", ")}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(t.length)return o("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}getInputAriaLabel(){return this.canCreateNewOption()&&this.isActiveElement()?this.i18n("pressEnterToCreate",{textInputValue:this.textInput}):this.i18n("textInputResults")}renderTag(){const t=c(this.value);if(t.length)return o("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":t.length})}renderFilterInputField(){if(this.expanded&&this.hasTextInput())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.textInput),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.textInput))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.getSelectedOptionValueString()||this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.getInputAriaLabel(),ref:t=>this.textInputElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container":!0,"gux-target-container-expanded":this.expanded&&this.hasTextInput(),"gux-target-container-collapsed":!(this.expanded&&this.hasTextInput()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderTag(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},size:"small","screenreader-text":this.i18n("dropdown"),iconName:"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.hasTextInput())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return[o("div",{key:"355124f96b66e4de493455af50af902a167a2672",class:"gux-dropdown-container"},o("gux-popup",{key:"4e67cf4314d7eaaf3715dbf6b562864dbef5307a",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup()))]}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],disabled:["watchDisabled"],value:["watchValue"],textInput:["handleFilter"]}}};b([p({childList:!0,subtree:!0})],v.prototype,"onMutation",null),b([n({triggerEvents:"mousedown"})],v.prototype,"onClickOutside",null),v.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%;padding-inline-start:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input:placeholder-shown{text-overflow:ellipsis}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}";export{v as gux_dropdown_multi}