genesys-spark-components 4.38.0 → 4.39.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (529) hide show
  1. package/dist/cjs/genesys-webcomponents.cjs.js +1 -1
  2. package/dist/cjs/gux-accordion-section.cjs.entry.js +5 -5
  3. package/dist/cjs/gux-accordion.cjs.entry.js +2 -2
  4. package/dist/cjs/gux-action-button.cjs.entry.js +2 -2
  5. package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +2 -2
  6. package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +3 -3
  7. package/dist/cjs/gux-all-row-select.cjs.entry.js +1 -1
  8. package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
  9. package/dist/cjs/gux-avatar-beta.cjs.entry.js +2 -2
  10. package/dist/cjs/gux-avatar-change-photo-beta.cjs.entry.js +42 -0
  11. package/dist/cjs/gux-avatar-focusable-beta.cjs.entry.js +3 -3
  12. package/dist/cjs/gux-badge.cjs.entry.js +2 -2
  13. package/dist/cjs/gux-blank-state.cjs.entry.js +2 -2
  14. package/dist/cjs/gux-breadcrumb-item.cjs.entry.js +1 -1
  15. package/dist/cjs/gux-breadcrumbs.cjs.entry.js +2 -2
  16. package/dist/cjs/gux-button-multi.cjs.entry.js +2 -2
  17. package/dist/cjs/gux-button-slot.cjs.entry.js +2 -2
  18. package/dist/cjs/gux-button.cjs.entry.js +3 -3
  19. package/dist/cjs/gux-calendar-beta.cjs.entry.js +1 -1
  20. package/dist/cjs/gux-calendar.cjs.entry.js +2 -2
  21. package/dist/cjs/gux-card.cjs.entry.js +3 -3
  22. package/dist/cjs/gux-column-manager-item.cjs.entry.js +3 -3
  23. package/dist/cjs/gux-column-manager.cjs.entry.js +2 -2
  24. package/dist/cjs/gux-content-search.cjs.entry.js +3 -3
  25. package/dist/cjs/gux-context-menu.cjs.entry.js +3 -3
  26. package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +2 -2
  27. package/dist/cjs/gux-create-option.cjs.entry.js +2 -2
  28. package/dist/cjs/gux-cta-group.cjs.entry.js +1 -1
  29. package/dist/cjs/gux-date-beta.cjs.entry.js +2 -2
  30. package/dist/cjs/gux-date-time-beta.cjs.entry.js +2 -2
  31. package/dist/cjs/gux-datepicker.cjs.entry.js +2 -2
  32. package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +3 -3
  33. package/dist/cjs/gux-dismiss-button.cjs.entry.js +2 -2
  34. package/dist/cjs/gux-dropdown-multi-tag.cjs.entry.js +1 -1
  35. package/dist/cjs/gux-dropdown-multi.cjs.entry.js +2 -2
  36. package/dist/cjs/gux-dropdown-option.cjs.entry.js +1 -1
  37. package/dist/cjs/gux-dropdown_3.cjs.entry.js +4 -4
  38. package/dist/cjs/gux-flag-icon-beta.cjs.entry.js +2 -2
  39. package/dist/cjs/gux-flyout-menu.cjs.entry.js +3 -3
  40. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +3 -3
  41. package/dist/cjs/gux-form-field-color.cjs.entry.js +4 -4
  42. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +3 -3
  43. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +2 -2
  44. package/dist/cjs/gux-form-field-number_3.cjs.entry.js +7 -7
  45. package/dist/cjs/gux-form-field-phone.cjs.entry.js +4 -4
  46. package/dist/cjs/gux-form-field-radio.cjs.entry.js +3 -3
  47. package/dist/cjs/gux-form-field-range.cjs.entry.js +3 -3
  48. package/dist/cjs/gux-form-field-search.cjs.entry.js +4 -4
  49. package/dist/cjs/gux-form-field-select.cjs.entry.js +4 -4
  50. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +4 -4
  51. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +3 -3
  52. package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +4 -4
  53. package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +3 -3
  54. package/dist/cjs/gux-icon.cjs.entry.js +2 -2
  55. package/dist/cjs/gux-inline-alert.cjs.entry.js +3 -3
  56. package/dist/cjs/gux-list-divider.cjs.entry.js +1 -1
  57. package/dist/cjs/gux-list-item.cjs.entry.js +1 -1
  58. package/dist/cjs/gux-list.cjs.entry.js +2 -2
  59. package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
  60. package/dist/cjs/gux-loading-message.cjs.entry.js +2 -2
  61. package/dist/cjs/gux-menu-option.cjs.entry.js +1 -1
  62. package/dist/cjs/gux-menu.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-modal-legacy.cjs.entry.js +3 -3
  64. package/dist/cjs/gux-modal.cjs.entry.js +3 -3
  65. package/dist/cjs/gux-month-calendar.cjs.entry.js +1 -1
  66. package/dist/cjs/gux-month-list_2.cjs.entry.js +2 -2
  67. package/dist/cjs/gux-month-picker-beta.cjs.entry.js +2 -2
  68. package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +2 -2
  69. package/dist/cjs/gux-option-group-beta.cjs.entry.js +1 -1
  70. package/dist/cjs/gux-option-icon.cjs.entry.js +2 -2
  71. package/dist/cjs/gux-option-multi.cjs.entry.js +2 -2
  72. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +2 -2
  73. package/dist/cjs/gux-pagination-buttons-legacy_3.cjs.entry.js +4 -4
  74. package/dist/cjs/gux-pagination-buttons_2.cjs.entry.js +2 -2
  75. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
  76. package/dist/cjs/gux-pagination-items-per-page.cjs.entry.js +1 -1
  77. package/dist/cjs/gux-pagination-legacy.cjs.entry.js +2 -2
  78. package/dist/cjs/gux-pagination.cjs.entry.js +2 -2
  79. package/dist/cjs/gux-phone-input-beta.cjs.entry.js +2 -2
  80. package/dist/cjs/gux-popover-list.cjs.entry.js +4 -3
  81. package/dist/cjs/gux-popup.cjs.entry.js +3 -3
  82. package/dist/cjs/gux-radial-loading.cjs.entry.js +2 -2
  83. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  84. package/dist/cjs/gux-rating.cjs.entry.js +2 -2
  85. package/dist/cjs/gux-row-select.cjs.entry.js +1 -1
  86. package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +2 -2
  87. package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +2 -2
  88. package/dist/cjs/gux-segmented-control-item.cjs.entry.js +4 -4
  89. package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +2 -2
  90. package/dist/cjs/gux-skip-navigation-item.cjs.entry.js +1 -1
  91. package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +2 -2
  92. package/dist/cjs/gux-sort-control.cjs.entry.js +4 -4
  93. package/dist/cjs/gux-submenu.cjs.entry.js +3 -3
  94. package/dist/cjs/gux-switch-item.cjs.entry.js +1 -1
  95. package/dist/cjs/gux-switch-legacy.cjs.entry.js +2 -2
  96. package/dist/cjs/gux-tab-advanced-list.cjs.entry.js +1 -1
  97. package/dist/cjs/gux-tab-advanced-panel.cjs.entry.js +1 -1
  98. package/dist/cjs/gux-tab-advanced.cjs.entry.js +2 -2
  99. package/dist/cjs/gux-tab-list.cjs.entry.js +2 -2
  100. package/dist/cjs/gux-tab-panel.cjs.entry.js +1 -1
  101. package/dist/cjs/gux-tab.cjs.entry.js +2 -2
  102. package/dist/cjs/gux-table-select-menu.cjs.entry.js +1 -1
  103. package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +2 -2
  104. package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +2 -2
  105. package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +2 -2
  106. package/dist/cjs/gux-table-toolbar.cjs.entry.js +3 -3
  107. package/dist/cjs/gux-table.cjs.entry.js +2 -2
  108. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +2 -2
  109. package/dist/cjs/gux-tabs.cjs.entry.js +2 -2
  110. package/dist/cjs/gux-tag.cjs.entry.js +2 -2
  111. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  112. package/dist/cjs/gux-time-beta.cjs.entry.js +2 -2
  113. package/dist/cjs/gux-time-picker.cjs.entry.js +2 -2
  114. package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +3 -3
  115. package/dist/cjs/gux-toast.cjs.entry.js +3 -3
  116. package/dist/cjs/gux-toggle-slider.cjs.entry.js +2 -2
  117. package/dist/cjs/gux-toggle.cjs.entry.js +3 -3
  118. package/dist/cjs/gux-tooltip-base-beta.cjs.entry.js +3 -3
  119. package/dist/cjs/gux-tooltip-beta.cjs.entry.js +2 -2
  120. package/dist/cjs/gux-tooltip-title.cjs.entry.js +2 -2
  121. package/dist/cjs/gux-tooltip.cjs.entry.js +3 -3
  122. package/dist/cjs/gux-truncate.cjs.entry.js +2 -2
  123. package/dist/cjs/index-7fb02c8c.js +4 -0
  124. package/dist/cjs/loader.cjs.js +1 -1
  125. package/dist/cjs/{usage-0cce8167.js → usage-208820ba.js} +1 -1
  126. package/dist/collection/collection-manifest.json +1 -0
  127. package/dist/collection/components/beta/gux-avatar/gux-avatar.css +1 -0
  128. package/dist/collection/components/beta/gux-avatar/tests/gux-avatar.spec.js +10 -5
  129. package/dist/collection/components/beta/gux-avatar-change-photo/gux-avatar-change-photo.css +42 -0
  130. package/dist/collection/components/beta/gux-avatar-change-photo/gux-avatar-change-photo.js +55 -0
  131. package/dist/collection/components/beta/gux-avatar-change-photo/tests/gux-avatar-change-photo.e2e.js +14 -0
  132. package/dist/collection/components/beta/gux-avatar-change-photo/tests/gux-avatar-change-photo.spec.js +29 -0
  133. package/dist/collection/components/beta/gux-avatar-focusable/gux-avatar-focusable.e2e.js +29 -0
  134. package/dist/collection/components/beta/gux-avatar-focusable/gux-avatar-focusable.js +3 -3
  135. package/dist/collection/components/beta/gux-avatar-focusable/tests/gux-avatar-focusable.spec.js +11 -1
  136. package/dist/collection/components/beta/gux-calendar-beta/components/single/gux-calendar.js +1 -1
  137. package/dist/collection/components/beta/gux-cta-group/gux-cta-group.js +1 -1
  138. package/dist/collection/components/beta/gux-date/gux-date.js +1 -1
  139. package/dist/collection/components/beta/gux-date-time/gux-date-time.js +1 -1
  140. package/dist/collection/components/beta/gux-flag-icon/gux-flag-icon.js +1 -1
  141. package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-calendar.js +1 -1
  142. package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-list/gux-month-list-item/gux-month-list-item.js +1 -1
  143. package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-list/gux-month-list.js +1 -1
  144. package/dist/collection/components/beta/gux-month-picker/gux-month-picker.js +1 -1
  145. package/dist/collection/components/beta/gux-phone-input/gux-phone-input.js +1 -1
  146. package/dist/collection/components/beta/gux-screen-reader/gux-screen-reader.js +1 -1
  147. package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control-item/gux-segmented-control-item.js +4 -4
  148. package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control.js +1 -1
  149. package/dist/collection/components/beta/gux-time/gux-time.js +1 -1
  150. package/dist/collection/components/beta/gux-time-zone-picker/gux-time-zone-picker.js +2 -2
  151. package/dist/collection/components/beta/gux-tooltip-base/gux-tooltip-base.js +2 -2
  152. package/dist/collection/components/beta/gux-tooltip-beta/gux-tooltip.js +1 -1
  153. package/dist/collection/components/legacy/gux-action-toast-legacy/gux-action-toast.js +1 -1
  154. package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/dropdown-option/gux-dropdown-option.js +1 -1
  155. package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/gux-advanced-dropdown.js +2 -2
  156. package/dist/collection/components/legacy/gux-disclosure-button-legacy/gux-disclosure-button.js +2 -2
  157. package/dist/collection/components/legacy/gux-modal-legacy/gux-modal-legacy.js +2 -2
  158. package/dist/collection/components/legacy/gux-notification-toast-legacy/gux-notification-toast.js +1 -1
  159. package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-buttons-legacy/gux-pagination-buttons.js +1 -1
  160. package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-item-counts-legacy/gux-pagination-item-counts.js +2 -2
  161. package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-items-per-page-legacy/gux-pagination-items-per-page.js +1 -1
  162. package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination.js +1 -1
  163. package/dist/collection/components/legacy/gux-simple-toast-legacy/gux-simple-toast.js +1 -1
  164. package/dist/collection/components/legacy/gux-switch-legacy/gux-switch-item/gux-switch-item.js +1 -1
  165. package/dist/collection/components/legacy/gux-switch-legacy/gux-switch.js +1 -1
  166. package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.js +5 -5
  167. package/dist/collection/components/stable/gux-accordion/gux-accordion.js +1 -1
  168. package/dist/collection/components/stable/gux-action-button/gux-action-button.js +1 -1
  169. package/dist/collection/components/stable/gux-badge/gux-badge.js +1 -1
  170. package/dist/collection/components/stable/gux-blank-state/gux-blank-state.js +1 -1
  171. package/dist/collection/components/stable/gux-breadcrumbs/breadcrumb-item/gux-breadcrumb-item.js +1 -1
  172. package/dist/collection/components/stable/gux-breadcrumbs/gux-breadcrumbs.js +1 -1
  173. package/dist/collection/components/stable/gux-button/gux-button.js +2 -2
  174. package/dist/collection/components/stable/gux-button-multi/gux-button-multi.js +1 -1
  175. package/dist/collection/components/stable/gux-button-slot/gux-button-slot.js +1 -1
  176. package/dist/collection/components/stable/gux-calendar/gux-calendar.js +1 -1
  177. package/dist/collection/components/stable/gux-card/gux-card.js +2 -2
  178. package/dist/collection/components/stable/gux-column-manager/gux-column-manager-item/gux-column-manager-item.js +3 -3
  179. package/dist/collection/components/stable/gux-column-manager/gux-column-manager.js +1 -1
  180. package/dist/collection/components/stable/gux-content-search/gux-content-search.js +2 -2
  181. package/dist/collection/components/stable/gux-context-menu/gux-context-menu.js +2 -2
  182. package/dist/collection/components/stable/gux-copy-to-clipboard/gux-copy-to-clipboard.js +1 -1
  183. package/dist/collection/components/stable/gux-datepicker/gux-datepicker.js +1 -1
  184. package/dist/collection/components/stable/gux-dismiss-button/gux-dismiss-button.js +1 -1
  185. package/dist/collection/components/stable/gux-dropdown/gux-dropdown.js +1 -1
  186. package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.js +1 -1
  187. package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi.js +1 -1
  188. package/dist/collection/components/stable/gux-flyout-menu/gux-flyout-menu.js +2 -2
  189. package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu-option/gux-menu-option.js +1 -1
  190. package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu.js +1 -1
  191. package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-submenu/gux-submenu.js +3 -3
  192. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.js +2 -2
  193. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.js +3 -3
  194. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.js +2 -2
  195. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.js +3 -3
  196. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-phone/gux-form-field-phone.js +3 -3
  197. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio/gux-form-field-radio.js +2 -2
  198. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.js +2 -2
  199. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.js +3 -3
  200. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.js +3 -3
  201. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.js +3 -3
  202. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.js +2 -2
  203. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-picker/gux-form-field-time-picker.js +3 -3
  204. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-zone-picker/gux-form-field-time-zone-picker.js +2 -2
  205. package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-input-clear-button/gux-form-field-input-clear-button.js +1 -1
  206. package/dist/collection/components/stable/gux-icon/gux-icon.js +2 -2
  207. package/dist/collection/components/stable/gux-icon/icons/fa/camera-solid.svg +1 -0
  208. package/dist/collection/components/stable/gux-inline-alert/gux-inline-alert.js +2 -2
  209. package/dist/collection/components/stable/gux-list/gux-list-divider/gux-list-divider.js +1 -1
  210. package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.js +1 -1
  211. package/dist/collection/components/stable/gux-list/gux-list.js +1 -1
  212. package/dist/collection/components/stable/gux-listbox/option-group/gux-option-group.js +1 -1
  213. package/dist/collection/components/stable/gux-listbox/options/gux-option/gux-option.js +2 -2
  214. package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.js +2 -2
  215. package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.js +2 -2
  216. package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js +2 -2
  217. package/dist/collection/components/stable/gux-loading-message/gux-loading-message.js +1 -1
  218. package/dist/collection/components/stable/gux-modal/gux-modal.js +2 -2
  219. package/dist/collection/components/stable/gux-page-loading-spinner/gux-page-loading-spinner.js +1 -1
  220. package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.js +1 -1
  221. package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js +1 -1
  222. package/dist/collection/components/stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.js +1 -1
  223. package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.js +1 -1
  224. package/dist/collection/components/stable/gux-pagination/gux-pagination.js +1 -1
  225. package/dist/collection/components/stable/gux-popover/gux-popover.js +2 -2
  226. package/dist/collection/components/stable/gux-popover-list/gux-popover-list.js +3 -2
  227. package/dist/collection/components/stable/gux-popup/gux-popup.js +3 -3
  228. package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.js +1 -1
  229. package/dist/collection/components/stable/gux-rating/gux-rating.js +1 -1
  230. package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.js +1 -1
  231. package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-list.js +1 -1
  232. package/dist/collection/components/stable/gux-table/gux-all-row-select/gux-all-row-select.js +1 -1
  233. package/dist/collection/components/stable/gux-table/gux-row-select/gux-row-select.js +1 -1
  234. package/dist/collection/components/stable/gux-table/gux-sort-control/gux-sort-control.js +3 -3
  235. package/dist/collection/components/stable/gux-table/gux-table-select-menu/gux-table-select-menu.js +1 -1
  236. package/dist/collection/components/stable/gux-table/gux-table.js +1 -1
  237. package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-action/gux-table-toolbar-action.js +1 -1
  238. package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-custom-action/gux-table-toolbar-custom-action.js +1 -1
  239. package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-menu-button/gux-table-toolbar-menu-button.js +1 -1
  240. package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar.js +2 -2
  241. package/dist/collection/components/stable/gux-tabs/gux-tab/gux-tab.js +2 -2
  242. package/dist/collection/components/stable/gux-tabs/gux-tab-list/gux-tab-list.js +2 -2
  243. package/dist/collection/components/stable/gux-tabs/gux-tab-panel/gux-tab-panel.js +1 -1
  244. package/dist/collection/components/stable/gux-tabs/gux-tabs.js +1 -1
  245. package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced/gux-tab-advanced.js +2 -2
  246. package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.js +1 -1
  247. package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-panel/gux-tab-advanced-panel.js +1 -1
  248. package/dist/collection/components/stable/gux-tabs-advanced/gux-tabs-advanced.js +1 -1
  249. package/dist/collection/components/stable/gux-tag/gux-tag.js +1 -1
  250. package/dist/collection/components/stable/gux-time-picker/gux-time-picker.js +1 -1
  251. package/dist/collection/components/stable/gux-toast/gux-toast.js +2 -2
  252. package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.js +2 -2
  253. package/dist/collection/components/stable/gux-toggle/gux-toggle.js +2 -2
  254. package/dist/collection/components/stable/gux-tooltip/gux-tooltip.js +2 -2
  255. package/dist/collection/components/stable/gux-tooltip-title/gux-tooltip-title.js +2 -2
  256. package/dist/collection/components/stable/gux-truncate/gux-truncate.js +2 -2
  257. package/dist/esm/genesys-webcomponents.js +1 -1
  258. package/dist/esm/gux-accordion-section.entry.js +5 -5
  259. package/dist/esm/gux-accordion.entry.js +2 -2
  260. package/dist/esm/gux-action-button.entry.js +2 -2
  261. package/dist/esm/gux-action-toast-legacy.entry.js +2 -2
  262. package/dist/esm/gux-advanced-dropdown-legacy.entry.js +3 -3
  263. package/dist/esm/gux-all-row-select.entry.js +1 -1
  264. package/dist/esm/gux-announce-beta.entry.js +1 -1
  265. package/dist/esm/gux-avatar-beta.entry.js +2 -2
  266. package/dist/esm/gux-avatar-change-photo-beta.entry.js +38 -0
  267. package/dist/esm/gux-avatar-focusable-beta.entry.js +3 -3
  268. package/dist/esm/gux-badge.entry.js +2 -2
  269. package/dist/esm/gux-blank-state.entry.js +2 -2
  270. package/dist/esm/gux-breadcrumb-item.entry.js +1 -1
  271. package/dist/esm/gux-breadcrumbs.entry.js +2 -2
  272. package/dist/esm/gux-button-multi.entry.js +2 -2
  273. package/dist/esm/gux-button-slot.entry.js +2 -2
  274. package/dist/esm/gux-button.entry.js +3 -3
  275. package/dist/esm/gux-calendar-beta.entry.js +1 -1
  276. package/dist/esm/gux-calendar.entry.js +2 -2
  277. package/dist/esm/gux-card.entry.js +3 -3
  278. package/dist/esm/gux-column-manager-item.entry.js +3 -3
  279. package/dist/esm/gux-column-manager.entry.js +2 -2
  280. package/dist/esm/gux-content-search.entry.js +3 -3
  281. package/dist/esm/gux-context-menu.entry.js +3 -3
  282. package/dist/esm/gux-copy-to-clipboard.entry.js +2 -2
  283. package/dist/esm/gux-create-option.entry.js +2 -2
  284. package/dist/esm/gux-cta-group.entry.js +1 -1
  285. package/dist/esm/gux-date-beta.entry.js +2 -2
  286. package/dist/esm/gux-date-time-beta.entry.js +2 -2
  287. package/dist/esm/gux-datepicker.entry.js +2 -2
  288. package/dist/esm/gux-disclosure-button-legacy.entry.js +3 -3
  289. package/dist/esm/gux-dismiss-button.entry.js +2 -2
  290. package/dist/esm/gux-dropdown-multi-tag.entry.js +1 -1
  291. package/dist/esm/gux-dropdown-multi.entry.js +2 -2
  292. package/dist/esm/gux-dropdown-option.entry.js +1 -1
  293. package/dist/esm/gux-dropdown_3.entry.js +4 -4
  294. package/dist/esm/gux-flag-icon-beta.entry.js +2 -2
  295. package/dist/esm/gux-flyout-menu.entry.js +3 -3
  296. package/dist/esm/gux-form-field-checkbox.entry.js +3 -3
  297. package/dist/esm/gux-form-field-color.entry.js +4 -4
  298. package/dist/esm/gux-form-field-dropdown.entry.js +3 -3
  299. package/dist/esm/gux-form-field-input-clear-button.entry.js +2 -2
  300. package/dist/esm/gux-form-field-number_3.entry.js +7 -7
  301. package/dist/esm/gux-form-field-phone.entry.js +4 -4
  302. package/dist/esm/gux-form-field-radio.entry.js +3 -3
  303. package/dist/esm/gux-form-field-range.entry.js +3 -3
  304. package/dist/esm/gux-form-field-search.entry.js +4 -4
  305. package/dist/esm/gux-form-field-select.entry.js +4 -4
  306. package/dist/esm/gux-form-field-text-like.entry.js +4 -4
  307. package/dist/esm/gux-form-field-textarea.entry.js +3 -3
  308. package/dist/esm/gux-form-field-time-picker.entry.js +4 -4
  309. package/dist/esm/gux-form-field-time-zone-picker.entry.js +3 -3
  310. package/dist/esm/gux-icon.entry.js +2 -2
  311. package/dist/esm/gux-inline-alert.entry.js +3 -3
  312. package/dist/esm/gux-list-divider.entry.js +1 -1
  313. package/dist/esm/gux-list-item.entry.js +1 -1
  314. package/dist/esm/gux-list.entry.js +2 -2
  315. package/dist/esm/gux-listbox-multi.entry.js +1 -1
  316. package/dist/esm/gux-loading-message.entry.js +2 -2
  317. package/dist/esm/gux-menu-option.entry.js +1 -1
  318. package/dist/esm/gux-menu.entry.js +1 -1
  319. package/dist/esm/gux-modal-legacy.entry.js +3 -3
  320. package/dist/esm/gux-modal.entry.js +3 -3
  321. package/dist/esm/gux-month-calendar.entry.js +1 -1
  322. package/dist/esm/gux-month-list_2.entry.js +2 -2
  323. package/dist/esm/gux-month-picker-beta.entry.js +2 -2
  324. package/dist/esm/gux-notification-toast-legacy.entry.js +2 -2
  325. package/dist/esm/gux-option-group-beta.entry.js +1 -1
  326. package/dist/esm/gux-option-icon.entry.js +2 -2
  327. package/dist/esm/gux-option-multi.entry.js +2 -2
  328. package/dist/esm/gux-page-loading-spinner.entry.js +2 -2
  329. package/dist/esm/gux-pagination-buttons-legacy_3.entry.js +4 -4
  330. package/dist/esm/gux-pagination-buttons_2.entry.js +2 -2
  331. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  332. package/dist/esm/gux-pagination-items-per-page.entry.js +1 -1
  333. package/dist/esm/gux-pagination-legacy.entry.js +2 -2
  334. package/dist/esm/gux-pagination.entry.js +2 -2
  335. package/dist/esm/gux-phone-input-beta.entry.js +2 -2
  336. package/dist/esm/gux-popover-list.entry.js +4 -3
  337. package/dist/esm/gux-popup.entry.js +3 -3
  338. package/dist/esm/gux-radial-loading.entry.js +2 -2
  339. package/dist/esm/gux-radial-progress.entry.js +1 -1
  340. package/dist/esm/gux-rating.entry.js +2 -2
  341. package/dist/esm/gux-row-select.entry.js +1 -1
  342. package/dist/esm/gux-screen-reader-beta.entry.js +2 -2
  343. package/dist/esm/gux-segmented-control-beta.entry.js +2 -2
  344. package/dist/esm/gux-segmented-control-item.entry.js +4 -4
  345. package/dist/esm/gux-simple-toast-legacy.entry.js +2 -2
  346. package/dist/esm/gux-skip-navigation-item.entry.js +1 -1
  347. package/dist/esm/gux-skip-navigation-list.entry.js +2 -2
  348. package/dist/esm/gux-sort-control.entry.js +4 -4
  349. package/dist/esm/gux-submenu.entry.js +3 -3
  350. package/dist/esm/gux-switch-item.entry.js +1 -1
  351. package/dist/esm/gux-switch-legacy.entry.js +2 -2
  352. package/dist/esm/gux-tab-advanced-list.entry.js +1 -1
  353. package/dist/esm/gux-tab-advanced-panel.entry.js +1 -1
  354. package/dist/esm/gux-tab-advanced.entry.js +2 -2
  355. package/dist/esm/gux-tab-list.entry.js +2 -2
  356. package/dist/esm/gux-tab-panel.entry.js +1 -1
  357. package/dist/esm/gux-tab.entry.js +2 -2
  358. package/dist/esm/gux-table-select-menu.entry.js +1 -1
  359. package/dist/esm/gux-table-toolbar-action.entry.js +2 -2
  360. package/dist/esm/gux-table-toolbar-custom-action.entry.js +2 -2
  361. package/dist/esm/gux-table-toolbar-menu-button.entry.js +2 -2
  362. package/dist/esm/gux-table-toolbar.entry.js +3 -3
  363. package/dist/esm/gux-table.entry.js +2 -2
  364. package/dist/esm/gux-tabs-advanced.entry.js +2 -2
  365. package/dist/esm/gux-tabs.entry.js +2 -2
  366. package/dist/esm/gux-tag.entry.js +2 -2
  367. package/dist/esm/gux-text-highlight.entry.js +1 -1
  368. package/dist/esm/gux-time-beta.entry.js +2 -2
  369. package/dist/esm/gux-time-picker.entry.js +2 -2
  370. package/dist/esm/gux-time-zone-picker-beta.entry.js +3 -3
  371. package/dist/esm/gux-toast.entry.js +3 -3
  372. package/dist/esm/gux-toggle-slider.entry.js +2 -2
  373. package/dist/esm/gux-toggle.entry.js +3 -3
  374. package/dist/esm/gux-tooltip-base-beta.entry.js +3 -3
  375. package/dist/esm/gux-tooltip-beta.entry.js +2 -2
  376. package/dist/esm/gux-tooltip-title.entry.js +2 -2
  377. package/dist/esm/gux-tooltip.entry.js +3 -3
  378. package/dist/esm/gux-truncate.entry.js +2 -2
  379. package/dist/esm/index-da21b737.js +4 -0
  380. package/dist/esm/loader.js +1 -1
  381. package/dist/esm/{usage-462098a4.js → usage-b1ea9683.js} +1 -1
  382. package/dist/genesys-webcomponents/genesys-webcomponents.css +1 -1
  383. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  384. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.en.json +1 -1
  385. package/dist/genesys-webcomponents/icons/fa/camera-solid.svg +1 -0
  386. package/dist/genesys-webcomponents/{p-d5e60458.entry.js → p-0022fdb0.entry.js} +1 -1
  387. package/dist/genesys-webcomponents/{p-efaf0534.entry.js → p-0094d09c.entry.js} +1 -1
  388. package/dist/genesys-webcomponents/p-03920c6c.entry.js +1 -0
  389. package/dist/genesys-webcomponents/{p-bcacfaff.entry.js → p-0bb59007.entry.js} +1 -1
  390. package/dist/genesys-webcomponents/p-0cf61c25.entry.js +1 -0
  391. package/dist/genesys-webcomponents/{p-0a106a3c.entry.js → p-0dd23563.entry.js} +1 -1
  392. package/dist/genesys-webcomponents/{p-2de43341.entry.js → p-0dd339dd.entry.js} +1 -1
  393. package/dist/genesys-webcomponents/{p-18105fc4.js → p-13dd9346.js} +1 -1
  394. package/dist/genesys-webcomponents/{p-5fd10e3f.entry.js → p-1aac7582.entry.js} +1 -1
  395. package/dist/genesys-webcomponents/{p-0b1e1c3f.entry.js → p-1b1e4104.entry.js} +1 -1
  396. package/dist/genesys-webcomponents/{p-a9b95e80.entry.js → p-1c3dd73c.entry.js} +1 -1
  397. package/dist/genesys-webcomponents/{p-a9730f51.entry.js → p-1c6af162.entry.js} +1 -1
  398. package/dist/genesys-webcomponents/{p-cc4faf9f.entry.js → p-1d026269.entry.js} +1 -1
  399. package/dist/genesys-webcomponents/{p-44f29126.entry.js → p-1d2b7832.entry.js} +1 -1
  400. package/dist/genesys-webcomponents/{p-f8683079.entry.js → p-1d2e150b.entry.js} +1 -1
  401. package/dist/genesys-webcomponents/{p-3a9e9049.entry.js → p-22ec91ef.entry.js} +1 -1
  402. package/dist/genesys-webcomponents/{p-ac02cd13.entry.js → p-233f2c4c.entry.js} +1 -1
  403. package/dist/genesys-webcomponents/{p-d6b83ba7.entry.js → p-2621a61e.entry.js} +1 -1
  404. package/dist/genesys-webcomponents/{p-caddd9aa.entry.js → p-29d37163.entry.js} +1 -1
  405. package/dist/genesys-webcomponents/{p-36bd59c9.entry.js → p-2bb2e4fe.entry.js} +1 -1
  406. package/dist/genesys-webcomponents/{p-2ae5eb68.entry.js → p-304a279e.entry.js} +1 -1
  407. package/dist/genesys-webcomponents/{p-f7922868.entry.js → p-30554c1b.entry.js} +1 -1
  408. package/dist/genesys-webcomponents/{p-43093810.entry.js → p-30e22389.entry.js} +1 -1
  409. package/dist/genesys-webcomponents/p-31414d8f.entry.js +1 -0
  410. package/dist/genesys-webcomponents/{p-e3b234b0.entry.js → p-3227feba.entry.js} +1 -1
  411. package/dist/genesys-webcomponents/{p-d4437355.entry.js → p-350f8e18.entry.js} +1 -1
  412. package/dist/genesys-webcomponents/{p-58eb5f39.entry.js → p-3a844b87.entry.js} +1 -1
  413. package/dist/genesys-webcomponents/{p-0ca69890.entry.js → p-3d0be570.entry.js} +1 -1
  414. package/dist/genesys-webcomponents/{p-3c56aea9.entry.js → p-4056f86a.entry.js} +1 -1
  415. package/dist/genesys-webcomponents/p-46c62170.entry.js +1 -0
  416. package/dist/genesys-webcomponents/{p-e3fb73ae.entry.js → p-48800683.entry.js} +1 -1
  417. package/dist/genesys-webcomponents/{p-5a11c269.entry.js → p-4ddb6412.entry.js} +1 -1
  418. package/dist/genesys-webcomponents/p-4ecb7235.entry.js +1 -0
  419. package/dist/genesys-webcomponents/{p-20afccec.entry.js → p-4edb9825.entry.js} +1 -1
  420. package/dist/genesys-webcomponents/{p-01ed4f96.entry.js → p-51dfd6d8.entry.js} +1 -1
  421. package/dist/genesys-webcomponents/{p-2f52a283.entry.js → p-55c48c3d.entry.js} +1 -1
  422. package/dist/genesys-webcomponents/{p-bbb28e4a.entry.js → p-568878c3.entry.js} +1 -1
  423. package/dist/genesys-webcomponents/{p-8ec22c7c.entry.js → p-568c324d.entry.js} +1 -1
  424. package/dist/genesys-webcomponents/{p-7831490f.entry.js → p-57b94a6d.entry.js} +1 -1
  425. package/dist/genesys-webcomponents/{p-0fa00290.entry.js → p-58f2dc26.entry.js} +1 -1
  426. package/dist/genesys-webcomponents/{p-27608379.entry.js → p-5e8628fe.entry.js} +1 -1
  427. package/dist/genesys-webcomponents/p-6042f6e6.entry.js +1 -0
  428. package/dist/genesys-webcomponents/{p-711a9fd4.entry.js → p-60938266.entry.js} +1 -1
  429. package/dist/genesys-webcomponents/{p-778b4301.entry.js → p-62007a87.entry.js} +1 -1
  430. package/dist/genesys-webcomponents/p-62101675.entry.js +1 -0
  431. package/dist/genesys-webcomponents/{p-6d44780c.entry.js → p-62c6fb3a.entry.js} +1 -1
  432. package/dist/genesys-webcomponents/{p-ee80ea95.entry.js → p-66848e1e.entry.js} +1 -1
  433. package/dist/genesys-webcomponents/{p-1d7c671d.entry.js → p-680a38b9.entry.js} +1 -1
  434. package/dist/genesys-webcomponents/{p-9cec486e.entry.js → p-6f1af26c.entry.js} +1 -1
  435. package/dist/genesys-webcomponents/{p-4d465f49.entry.js → p-71153c98.entry.js} +1 -1
  436. package/dist/genesys-webcomponents/{p-ce20a24b.entry.js → p-71248638.entry.js} +1 -1
  437. package/dist/genesys-webcomponents/{p-435b932c.entry.js → p-71c79566.entry.js} +1 -1
  438. package/dist/genesys-webcomponents/{p-a0af1384.entry.js → p-728e6f04.entry.js} +1 -1
  439. package/dist/genesys-webcomponents/{p-e5d178e6.entry.js → p-755971fc.entry.js} +1 -1
  440. package/dist/genesys-webcomponents/{p-438e2903.entry.js → p-779923a0.entry.js} +1 -1
  441. package/dist/genesys-webcomponents/{p-17e915a9.entry.js → p-77ce316a.entry.js} +1 -1
  442. package/dist/genesys-webcomponents/{p-2b4d4566.entry.js → p-7822b706.entry.js} +1 -1
  443. package/dist/genesys-webcomponents/{p-2519c35a.entry.js → p-7beb4052.entry.js} +1 -1
  444. package/dist/genesys-webcomponents/p-7c9a3300.entry.js +1 -0
  445. package/dist/genesys-webcomponents/{p-effb13ca.entry.js → p-7cfb6f90.entry.js} +1 -1
  446. package/dist/genesys-webcomponents/{p-b77f7379.entry.js → p-80a129c2.entry.js} +1 -1
  447. package/dist/genesys-webcomponents/p-80b2eb82.entry.js +1 -0
  448. package/dist/genesys-webcomponents/{p-951f8145.entry.js → p-815ba833.entry.js} +1 -1
  449. package/dist/genesys-webcomponents/{p-18fbdca6.entry.js → p-81a778dd.entry.js} +1 -1
  450. package/dist/genesys-webcomponents/{p-ed4b248c.entry.js → p-82e8c800.entry.js} +1 -1
  451. package/dist/genesys-webcomponents/{p-1c8b7cfe.entry.js → p-858bac55.entry.js} +1 -1
  452. package/dist/genesys-webcomponents/{p-c0a08e4f.entry.js → p-86571ca6.entry.js} +1 -1
  453. package/dist/genesys-webcomponents/{p-dd1c5796.entry.js → p-867b30f2.entry.js} +1 -1
  454. package/dist/genesys-webcomponents/{p-7ce28f63.entry.js → p-8728d27a.entry.js} +1 -1
  455. package/dist/genesys-webcomponents/{p-a16e1f3a.entry.js → p-89176729.entry.js} +1 -1
  456. package/dist/genesys-webcomponents/{p-6c47b56a.entry.js → p-8a13099f.entry.js} +1 -1
  457. package/dist/genesys-webcomponents/{p-c0ba0337.entry.js → p-8bc00ec4.entry.js} +1 -1
  458. package/dist/genesys-webcomponents/{p-bed361f3.entry.js → p-8d60eb2b.entry.js} +1 -1
  459. package/dist/genesys-webcomponents/{p-cb666b6b.entry.js → p-9017944a.entry.js} +1 -1
  460. package/dist/genesys-webcomponents/{p-739f9a62.entry.js → p-90d4deb6.entry.js} +1 -1
  461. package/dist/genesys-webcomponents/{p-18f8a3a4.entry.js → p-910a4570.entry.js} +1 -1
  462. package/dist/genesys-webcomponents/{p-f0e9c9dc.entry.js → p-922d6c18.entry.js} +1 -1
  463. package/dist/genesys-webcomponents/p-9474b310.entry.js +1 -0
  464. package/dist/genesys-webcomponents/{p-7ade0177.entry.js → p-94fb782e.entry.js} +1 -1
  465. package/dist/genesys-webcomponents/p-9611b417.entry.js +1 -0
  466. package/dist/genesys-webcomponents/{p-7511d8c5.entry.js → p-97441fc8.entry.js} +1 -1
  467. package/dist/genesys-webcomponents/{p-1112e6dc.entry.js → p-9acb6059.entry.js} +1 -1
  468. package/dist/genesys-webcomponents/{p-9a0c1b8c.entry.js → p-9b5d4523.entry.js} +1 -1
  469. package/dist/genesys-webcomponents/{p-a5e88c4f.entry.js → p-9d1d681f.entry.js} +1 -1
  470. package/dist/genesys-webcomponents/p-9d58a78d.entry.js +1 -0
  471. package/dist/genesys-webcomponents/p-9e2e2baa.entry.js +1 -0
  472. package/dist/genesys-webcomponents/{p-73ffdaea.entry.js → p-9f1debe0.entry.js} +1 -1
  473. package/dist/genesys-webcomponents/{p-65ff1c50.entry.js → p-a0942671.entry.js} +1 -1
  474. package/dist/genesys-webcomponents/{p-f998a10b.entry.js → p-a84be9e8.entry.js} +1 -1
  475. package/dist/genesys-webcomponents/p-a9c23509.entry.js +1 -0
  476. package/dist/genesys-webcomponents/{p-041e3014.entry.js → p-a9c6e659.entry.js} +1 -1
  477. package/dist/genesys-webcomponents/{p-9da13933.entry.js → p-abffba94.entry.js} +1 -1
  478. package/dist/genesys-webcomponents/{p-20360d99.entry.js → p-ad812f07.entry.js} +1 -1
  479. package/dist/genesys-webcomponents/p-b26e53e6.entry.js +1 -0
  480. package/dist/genesys-webcomponents/{p-06df1779.entry.js → p-b4479288.entry.js} +1 -1
  481. package/dist/genesys-webcomponents/{p-9f20677d.entry.js → p-b5383905.entry.js} +1 -1
  482. package/dist/genesys-webcomponents/{p-fe5f2ab1.entry.js → p-b6feb930.entry.js} +1 -1
  483. package/dist/genesys-webcomponents/{p-ad97e01e.entry.js → p-b790b595.entry.js} +1 -1
  484. package/dist/genesys-webcomponents/{p-2c954400.entry.js → p-b95b3b8b.entry.js} +1 -1
  485. package/dist/genesys-webcomponents/p-bbd644ea.entry.js +1 -0
  486. package/dist/genesys-webcomponents/{p-24a21168.entry.js → p-c2f95e60.entry.js} +1 -1
  487. package/dist/genesys-webcomponents/{p-c7cb607a.entry.js → p-c5710f56.entry.js} +1 -1
  488. package/dist/genesys-webcomponents/{p-04c69b0c.entry.js → p-c73b1485.entry.js} +1 -1
  489. package/dist/genesys-webcomponents/{p-b7947f88.entry.js → p-c8924da4.entry.js} +1 -1
  490. package/dist/genesys-webcomponents/{p-da5bc937.entry.js → p-c990f013.entry.js} +1 -1
  491. package/dist/genesys-webcomponents/{p-ea50f97a.entry.js → p-caad591d.entry.js} +1 -1
  492. package/dist/genesys-webcomponents/{p-a1aea309.entry.js → p-d56e0dfd.entry.js} +1 -1
  493. package/dist/genesys-webcomponents/{p-310b5a10.entry.js → p-d72679e4.entry.js} +1 -1
  494. package/dist/genesys-webcomponents/{p-aeafa784.entry.js → p-d7df133b.entry.js} +1 -1
  495. package/dist/genesys-webcomponents/{p-069c8afb.entry.js → p-dbbb9078.entry.js} +1 -1
  496. package/dist/genesys-webcomponents/{p-7bb92b9c.entry.js → p-ddf5aa82.entry.js} +1 -1
  497. package/dist/genesys-webcomponents/{p-f52e683a.entry.js → p-e5711464.entry.js} +1 -1
  498. package/dist/genesys-webcomponents/{p-7085c749.entry.js → p-e5f32a75.entry.js} +1 -1
  499. package/dist/genesys-webcomponents/p-ea4fd5b6.entry.js +1 -0
  500. package/dist/genesys-webcomponents/{p-aee1b017.entry.js → p-eb7a3fa8.entry.js} +1 -1
  501. package/dist/genesys-webcomponents/{p-eb4ca98f.entry.js → p-f5a2278b.entry.js} +1 -1
  502. package/dist/genesys-webcomponents/{p-18f66a6c.entry.js → p-f661152b.entry.js} +1 -1
  503. package/dist/genesys-webcomponents/{p-b78f94fc.entry.js → p-f68fd4fe.entry.js} +1 -1
  504. package/dist/genesys-webcomponents/{p-8561a6b2.entry.js → p-f7a7dbf6.entry.js} +1 -1
  505. package/dist/genesys-webcomponents/{p-fd9c302d.entry.js → p-f8e17b73.entry.js} +1 -1
  506. package/dist/genesys-webcomponents/{p-af07f800.entry.js → p-f945e395.entry.js} +1 -1
  507. package/dist/genesys-webcomponents/{p-295452fa.entry.js → p-fac8476b.entry.js} +1 -1
  508. package/dist/stencil-wrapper.js +1 -1
  509. package/dist/types/components/beta/gux-avatar-change-photo/gux-avatar-change-photo.d.ts +12 -0
  510. package/dist/types/components/stable/gux-icon/gux-icon.types.d.ts +1 -1
  511. package/dist/types/components.d.ts +29 -0
  512. package/dist/types/stencil-wrapper.d.ts +1 -1
  513. package/package.json +1 -1
  514. package/dist/genesys-webcomponents/p-320bab8c.entry.js +0 -1
  515. package/dist/genesys-webcomponents/p-3a3bef3e.entry.js +0 -1
  516. package/dist/genesys-webcomponents/p-406373aa.entry.js +0 -1
  517. package/dist/genesys-webcomponents/p-69bb477a.entry.js +0 -1
  518. package/dist/genesys-webcomponents/p-6bf98c43.entry.js +0 -1
  519. package/dist/genesys-webcomponents/p-79d5f32c.entry.js +0 -1
  520. package/dist/genesys-webcomponents/p-8a5dedeb.entry.js +0 -1
  521. package/dist/genesys-webcomponents/p-8ff2b948.entry.js +0 -1
  522. package/dist/genesys-webcomponents/p-9abe6a1c.entry.js +0 -1
  523. package/dist/genesys-webcomponents/p-9fdab304.entry.js +0 -1
  524. package/dist/genesys-webcomponents/p-a0ccc566.entry.js +0 -1
  525. package/dist/genesys-webcomponents/p-ac6d4e45.entry.js +0 -1
  526. package/dist/genesys-webcomponents/p-db38e6d3.entry.js +0 -1
  527. package/dist/genesys-webcomponents/p-dec047c8.entry.js +0 -1
  528. package/dist/genesys-webcomponents/p-f1edd82f.entry.js +0 -1
  529. package/dist/genesys-webcomponents/p-fde2645c.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as e,h as n,g as a}from"./p-2e827df1.js";import{t as i}from"./p-18105fc4.js";const g=class{constructor(n){e(this,n)}componentWillLoad(){i(this.root)}render(){return n("div",{key:"73f7866c91ed5358d7521ebeb228ed1db861b32a",class:"gux-container",role:"alert","aria-live":"assertive"},n("div",{key:"69d0ba46731db970f7b5e6cc3d8f713cae585284",class:"gux-progress"},n("slot",{key:"bc4e0dd2655431cf0f5a164b0ecc876dd097a6d5",name:"progress"})),n("div",{key:"d5674a832c40ef03c0e705629fedbc61da6bca6c",class:"gux-primary-message"},n("slot",{key:"983be88ae42abc6cb675c68bc9ce43865eabca68",name:"primary-message"})),n("div",{key:"cf526d7c71b3abb28fd8f0d3ae01e4ff817a2629",class:"gux-additional-guidance"},n("slot",{key:"d4788d251b88c0c07626c67941884df91e39d311",name:"additional-guidance"})))}get root(){return a(this)}};g.style=":host {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n container-type: inline-size;\n}\n\n.gux-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n max-width: var(--gse-ui-progressAndLoading-loadingState-large-width);\n color: var(--gse-ui-progressAndLoading-textColor);\n text-align: center;\n}\n\n@container (width > 400px) {\n .gux-container .gux-primary-message {\n margin-top: var(--gse-ui-progressAndLoading-large-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-top: var(--gse-ui-progressAndLoading-large-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n }\n}\n@container (width > 200px) and (width <=400px) {\n .gux-container .gux-primary-message {\n margin-top: var(--gse-ui-progressAndLoading-medium-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-top: var(--gse-ui-progressAndLoading-medium-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n }\n}\n@container (width <=200px) {\n .gux-container .gux-primary-message {\n margin-top: var(--gse-ui-progressAndLoading-small-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-top: var(--gse-ui-progressAndLoading-small-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n }\n}";export{g as gux_loading_message}
1
+ import{r as e,h as n,g as a}from"./p-2e827df1.js";import{t as i}from"./p-13dd9346.js";const g=class{constructor(n){e(this,n)}componentWillLoad(){i(this.root)}render(){return n("div",{key:"44bb9ad88a7bbeeca3f97f8ca4108e9aaeabb883",class:"gux-container",role:"alert","aria-live":"assertive"},n("div",{key:"d597120039d8d1e375d284247f64b8d19dff5971",class:"gux-progress"},n("slot",{key:"d4288d88aa805ffd526ca5bd8ed4349c8e522ec6",name:"progress"})),n("div",{key:"282060251219bcf45b8e084666bd821b189b0369",class:"gux-primary-message"},n("slot",{key:"4a1fd4c886dce98877e5f9c884c4f3fb5e77cac6",name:"primary-message"})),n("div",{key:"70a4f7a119456542a582dbfe43582e462c8ffe43",class:"gux-additional-guidance"},n("slot",{key:"95b91c80419b5f4f2df63b343d35089c36228a37",name:"additional-guidance"})))}get root(){return a(this)}};g.style=":host {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n container-type: inline-size;\n}\n\n.gux-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n max-width: var(--gse-ui-progressAndLoading-loadingState-large-width);\n color: var(--gse-ui-progressAndLoading-textColor);\n text-align: center;\n}\n\n@container (width > 400px) {\n .gux-container .gux-primary-message {\n margin-top: var(--gse-ui-progressAndLoading-large-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-top: var(--gse-ui-progressAndLoading-large-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n }\n}\n@container (width > 200px) and (width <=400px) {\n .gux-container .gux-primary-message {\n margin-top: var(--gse-ui-progressAndLoading-medium-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-top: var(--gse-ui-progressAndLoading-medium-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n }\n}\n@container (width <=200px) {\n .gux-container .gux-primary-message {\n margin-top: var(--gse-ui-progressAndLoading-small-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-top: var(--gse-ui-progressAndLoading-small-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n }\n}";export{g as gux_loading_message}
@@ -1 +1 @@
1
- import{r as a,h as e,g as r}from"./p-2e827df1.js";import{t as i}from"./p-18105fc4.js";import{a as t}from"./p-8eaf8caf.js";import{b as g}from"./p-0367930a.js";import"./p-4202e9f2.js";const u={notifications:"Notifications"},o=class{constructor(e){a(this,e),this.size="large",this.name=void 0,this.accent="default",this.presence="none",this.label=void 0,this.ring=!1,this.badge=!1,this.notifications=!1}generateInitials(){var a,e,r,i;const t=null!==(e=null===(a=this.name)||void 0===a?void 0:a.split(" "))&&void 0!==e?e:[];return t.length>1?t[0].charAt(0)+t[t.length-1].charAt(0):(null===(r=t[0])||void 0===r?void 0:r.charAt(0))+(null===(i=t[0])||void 0===i?void 0:i.charAt(1))}getAccent(){return"auto"!==this.accent?this.accent:(this.name.split("").reduce(((a,e)=>a+e.charCodeAt(0)),0)%12).toString()}validatingInputs(){const a=this.root.querySelector("img");this.name||t(this.root,"Name prop is required for accessibility"),a&&!a.getAttribute("alt")&&t(this.root,"Alt attribute is required for slotted image.")}renderBadge(){return this.notifications?this.renderNotificationsBadge():this.badge&&!["idle","none"].includes(this.presence)?e("div",{class:{"gux-avatar-badge":!0,[`gux-${this.presence}`]:!0,[`gux-${this.size}`]:!0}},e("gux-icon",{"icon-name":this.getPresenceIcon(this.presence),decorative:!0})):void 0}renderNotificationsBadge(){return e("div",{class:{"gux-avatar-badge gux-notifications":!0,[`gux-${this.size}`]:!0}},e("gux-icon",{"icon-name":"fa/bell-regular",decorative:!0}))}getPresenceIcon(a){switch(a){case"available":return"fa/circle-check-solid";case"busy":case"meeting":return"fa/ban-outline";case"away":case"break":case"meal":case"training":return"fa/clock-outline";case"on-queue":return"fa/headset-solid";case"offline":default:return"fa/circle-xmark-regular";case"out-of-office":return"fa/subtract-circle"}}getDescriptionText(){return this.notifications?`${this.name} (${this.i18n("notifications")})`:this.label&&"none"!==this.presence?`${this.name} (${this.label})`:`${this.name}`}async componentWillLoad(){i(this.root,{variant:this.size}),this.i18n=await g(this.root,u)}componentDidLoad(){this.validatingInputs()}render(){return[e("div",{key:"9debe28a48459fafc5ef511731852050f8e6ed6c",class:{"gux-avatar":!0,[`gux-${this.presence}`]:this.ring||this.badge,[`gux-${this.size}`]:!0,"gux-ring":this.ring,[`gux-accent-${this.getAccent()}`]:!0}},e("div",{key:"7d8b490d056ed61f5b053ccc6e673b3af1440fd0",class:"gux-content"},e("slot",{key:"abe109e3ee080355f91f390617bf08c0e138f8e4",name:"image"},e("abbr",{key:"60d75325e5a311813c4a9fe8abeaff2e45f2edd5",title:this.getDescriptionText(),"aria-label":this.getDescriptionText()},this.generateInitials())))),this.renderBadge()]}get root(){return r(this)}};o.style=":host{position:relative;display:inline-block}:host abbr{text-decoration:none}::slotted(img){width:100%;height:100%;object-fit:cover}.gux-avatar{position:relative;width:var(--gse-ui-avatar-large-size);height:var(--gse-ui-avatar-large-size);overflow:hidden;border-radius:50%}.gux-avatar .gux-content{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:calc(100% - var(--gse-ui-avatar-large-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-large-presenceRing-width) * 2);margin:var(--gse-ui-avatar-large-presenceRing-width);overflow:hidden;font-family:var(--gse-ui-avatar-large-initials-fontFamily);font-size:var(--gse-ui-avatar-large-initials-fontSize);font-weight:var(--gse-ui-avatar-large-initials-fontWeight);line-height:var(--gse-core-lineHeight-matchFontSize);color:var(--gse-ui-avatar-media-initialsForeground-inverse);text-transform:uppercase;background-color:var(--gse-ui-avatar-media-initialsBackground-default);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%}.gux-avatar.gux-medium{width:var(--gse-ui-avatar-medium-size);height:var(--gse-ui-avatar-medium-size)}.gux-avatar.gux-medium .gux-content{width:calc(100% - var(--gse-ui-avatar-medium-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-medium-presenceRing-width) * 2);margin:var(--gse-ui-avatar-medium-presenceRing-width);font-size:var(--gse-ui-avatar-medium-initials-fontSize);font-weight:var(--gse-ui-avatar-medium-initials-fontWeight)}.gux-avatar.gux-medium .gux-content,.gux-avatar.gux-small .gux-content,.gux-avatar.gux-xsmall .gux-content{border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar.gux-small{width:var(--gse-ui-avatar-small-size);height:var(--gse-ui-avatar-small-size)}.gux-avatar.gux-small .gux-content{width:calc(100% - var(--gse-ui-avatar-small-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-small-presenceRing-width) * 2);margin:var(--gse-ui-avatar-small-presenceRing-width);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight)}.gux-avatar.gux-xsmall{width:var(--gse-ui-avatar-xsmall-size);height:var(--gse-ui-avatar-xsmall-size)}.gux-avatar.gux-xsmall .gux-content{width:calc(100% - var(--gse-ui-avatar-xsmall-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-xsmall-presenceRing-width) * 2);margin:var(--gse-ui-avatar-xsmall-presenceRing-width);font-size:var(--gse-ui-avatar-xsmall-initials-fontSize);font-weight:var(--gse-ui-avatar-xsmall-initials-fontWeight)}.gux-avatar.gux-accent-1 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent1)}.gux-avatar.gux-accent-2 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent2)}.gux-avatar.gux-accent-3 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent3)}.gux-avatar.gux-accent-4 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent4)}.gux-avatar.gux-accent-5 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent5)}.gux-avatar.gux-accent-6 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent6)}.gux-avatar.gux-accent-7 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent7)}.gux-avatar.gux-accent-8 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent8)}.gux-avatar.gux-accent-9 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent9)}.gux-avatar.gux-accent-10 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent10)}.gux-avatar.gux-accent-11 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent11)}.gux-avatar.gux-accent-12 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent12)}.gux-avatar.gux-accent-inherit .gux-content{color:inherit;background-color:inherit}.gux-avatar.gux-ring.gux-available{background:var(--gse-ui-avatar-presenceRing-available)}.gux-avatar.gux-ring.gux-away,.gux-avatar.gux-ring.gux-break,.gux-avatar.gux-ring.gux-meal,.gux-avatar.gux-ring.gux-training{background:var(--gse-ui-avatar-presenceRing-away)}.gux-avatar.gux-ring.gux-busy,.gux-avatar.gux-ring.gux-meeting{background:var(--gse-ui-avatar-presenceRing-busy)}.gux-avatar.gux-ring.gux-notifications{background:var(--gse-ui-avatar-presenceRing-notifications)}.gux-avatar.gux-ring.gux-offline{background:var(--gse-ui-avatar-presenceRing-offline)}.gux-avatar.gux-ring.gux-out-of-office{background:var(--gse-ui-avatar-presenceRing-outOfOffice)}.gux-avatar.gux-ring.gux-on-queue{background:var(--gse-ui-avatar-presenceRing-onQueue)}.gux-avatar-badge{position:absolute;top:calc(var(--gse-ui-avatar-content-large-border-width) * -1);right:calc(var(--gse-ui-avatar-content-large-border-width) * -1);display:flex;align-items:center;justify-content:center;width:var(--gse-ui-avatar-large-badge-size);height:var(--gse-ui-avatar-large-badge-size);border-color:var(--gse-ui-avatar-content-default-border-color);border-style:var(--gse-ui-avatar-content-default-border-style);border-width:var(--gse-ui-avatar-content-large-border-width);border-radius:50%}.gux-avatar-badge.gux-medium{top:calc(var(--gse-ui-avatar-content-default-border-width) * -1);right:calc(var(--gse-ui-avatar-content-default-border-width) * -1);width:var(--gse-ui-avatar-medium-badge-size);height:var(--gse-ui-avatar-medium-badge-size);border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar-badge.gux-small,.gux-avatar-badge.gux-xsmall{top:calc(var(--gse-ui-avatar-content-default-border-width) * -1);right:calc(var(--gse-ui-avatar-content-default-border-width) * -1);width:var(--gse-ui-avatar-small-badge-size);height:var(--gse-ui-avatar-small-badge-size);border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar-badge.gux-small gux-icon,.gux-avatar-badge.gux-xsmall gux-icon{display:none}.gux-avatar-badge.gux-available{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-available.gux-small,.gux-avatar-badge.gux-available.gux-xsmall{background-color:var(--gse-ui-avatar-badge-available-color)}.gux-avatar-badge.gux-available gux-icon{color:var(--gse-ui-avatar-badge-available-color)}.gux-avatar-badge.gux-away,.gux-avatar-badge.gux-break,.gux-avatar-badge.gux-meal,.gux-avatar-badge.gux-training{background-color:var(--gse-ui-avatar-badge-away)}.gux-avatar-badge.gux-away gux-icon,.gux-avatar-badge.gux-break gux-icon,.gux-avatar-badge.gux-meal gux-icon,.gux-avatar-badge.gux-training gux-icon{margin:var(--gse-ui-avatar-badge-away-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDark-color)}.gux-avatar-badge.gux-busy,.gux-avatar-badge.gux-meeting{background-color:var(--gse-ui-avatar-badge-busy-color)}.gux-avatar-badge.gux-busy gux-icon,.gux-avatar-badge.gux-meeting gux-icon{margin:var(--gse-ui-avatar-badge-busy-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-notifications{background-color:var(--gse-ui-avatar-badge-notification-color)}.gux-avatar-badge.gux-notifications gux-icon{margin:var(--gse-ui-avatar-badge-notifications-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-offline{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-offline.gux-small,.gux-avatar-badge.gux-offline.gux-xsmall{background-color:var(--gse-ui-avatar-badge-offline-color)}.gux-avatar-badge.gux-offline gux-icon{color:var(--gse-ui-avatar-badge-offline-color)}.gux-avatar-badge.gux-out-of-office{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-out-of-office.gux-small,.gux-avatar-badge.gux-out-of-office.gux-xsmall{background-color:var(--gse-ui-avatar-badge-outOfOffice)}.gux-avatar-badge.gux-out-of-office gux-icon{color:var(--gse-ui-avatar-badge-outOfOffice)}.gux-avatar-badge.gux-on-queue{background-color:var(--gse-ui-avatar-badge-onQueue-color)}.gux-avatar-badge.gux-on-queue gux-icon{margin:var(--gse-ui-avatar-badge-queue-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge gux-icon{width:100%;height:100%}";export{o as gux_avatar_beta}
1
+ import{r as a,h as e,g as r}from"./p-2e827df1.js";import{t as i}from"./p-13dd9346.js";import{a as t}from"./p-8eaf8caf.js";import{b as g}from"./p-0367930a.js";import"./p-4202e9f2.js";const u={notifications:"Notifications"},o=class{constructor(e){a(this,e),this.size="large",this.name=void 0,this.accent="default",this.presence="none",this.label=void 0,this.ring=!1,this.badge=!1,this.notifications=!1}generateInitials(){var a,e,r,i;const t=null!==(e=null===(a=this.name)||void 0===a?void 0:a.split(" "))&&void 0!==e?e:[];return t.length>1?t[0].charAt(0)+t[t.length-1].charAt(0):(null===(r=t[0])||void 0===r?void 0:r.charAt(0))+(null===(i=t[0])||void 0===i?void 0:i.charAt(1))}getAccent(){return"auto"!==this.accent?this.accent:(this.name.split("").reduce(((a,e)=>a+e.charCodeAt(0)),0)%12).toString()}validatingInputs(){const a=this.root.querySelector("img");this.name||t(this.root,"Name prop is required for accessibility"),a&&!a.getAttribute("alt")&&t(this.root,"Alt attribute is required for slotted image.")}renderBadge(){return this.notifications?this.renderNotificationsBadge():this.badge&&!["idle","none"].includes(this.presence)?e("div",{class:{"gux-avatar-badge":!0,[`gux-${this.presence}`]:!0,[`gux-${this.size}`]:!0}},e("gux-icon",{"icon-name":this.getPresenceIcon(this.presence),decorative:!0})):void 0}renderNotificationsBadge(){return e("div",{class:{"gux-avatar-badge gux-notifications":!0,[`gux-${this.size}`]:!0}},e("gux-icon",{"icon-name":"fa/bell-regular",decorative:!0}))}getPresenceIcon(a){switch(a){case"available":return"fa/circle-check-solid";case"busy":case"meeting":return"fa/ban-outline";case"away":case"break":case"meal":case"training":return"fa/clock-outline";case"on-queue":return"fa/headset-solid";case"offline":default:return"fa/circle-xmark-regular";case"out-of-office":return"fa/subtract-circle"}}getDescriptionText(){return this.notifications?`${this.name} (${this.i18n("notifications")})`:this.label&&"none"!==this.presence?`${this.name} (${this.label})`:`${this.name}`}async componentWillLoad(){i(this.root,{variant:this.size}),this.i18n=await g(this.root,u)}componentDidLoad(){this.validatingInputs()}render(){return[e("div",{key:"9debe28a48459fafc5ef511731852050f8e6ed6c",class:{"gux-avatar":!0,[`gux-${this.presence}`]:this.ring||this.badge,[`gux-${this.size}`]:!0,"gux-ring":this.ring,[`gux-accent-${this.getAccent()}`]:!0}},e("div",{key:"7d8b490d056ed61f5b053ccc6e673b3af1440fd0",class:"gux-content"},e("slot",{key:"abe109e3ee080355f91f390617bf08c0e138f8e4",name:"image"},e("abbr",{key:"60d75325e5a311813c4a9fe8abeaff2e45f2edd5",title:this.getDescriptionText(),"aria-label":this.getDescriptionText()},this.generateInitials())))),this.renderBadge()]}get root(){return r(this)}};o.style=":host{position:relative;display:inline-block}:host abbr{text-decoration:none}::slotted(img){width:100%;height:100%;object-fit:cover}.gux-avatar{position:relative;width:var(--gse-ui-avatar-large-size);height:var(--gse-ui-avatar-large-size);overflow:hidden;border-radius:50%}.gux-avatar .gux-content{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:calc(100% - var(--gse-ui-avatar-large-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-large-presenceRing-width) * 2);margin:var(--gse-ui-avatar-large-presenceRing-width);overflow:hidden;font-family:var(--gse-ui-avatar-large-initials-fontFamily);font-size:var(--gse-ui-avatar-large-initials-fontSize);font-weight:var(--gse-ui-avatar-large-initials-fontWeight);line-height:var(--gse-core-lineHeight-matchFontSize);color:var(--gse-ui-avatar-media-initialsForeground-inverse);text-transform:uppercase;background-color:var(--gse-ui-avatar-media-initialsBackground-default);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%}.gux-avatar.gux-medium{width:var(--gse-ui-avatar-medium-size);height:var(--gse-ui-avatar-medium-size)}.gux-avatar.gux-medium .gux-content{width:calc(100% - var(--gse-ui-avatar-medium-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-medium-presenceRing-width) * 2);margin:var(--gse-ui-avatar-medium-presenceRing-width);font-size:var(--gse-ui-avatar-medium-initials-fontSize);font-weight:var(--gse-ui-avatar-medium-initials-fontWeight)}.gux-avatar.gux-medium .gux-content,.gux-avatar.gux-small .gux-content,.gux-avatar.gux-xsmall .gux-content{border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar.gux-small{width:var(--gse-ui-avatar-small-size);height:var(--gse-ui-avatar-small-size)}.gux-avatar.gux-small .gux-content{width:calc(100% - var(--gse-ui-avatar-small-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-small-presenceRing-width) * 2);margin:var(--gse-ui-avatar-small-presenceRing-width);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight)}.gux-avatar.gux-xsmall{width:var(--gse-ui-avatar-xsmall-size);height:var(--gse-ui-avatar-xsmall-size)}.gux-avatar.gux-xsmall .gux-content{width:calc(100% - var(--gse-ui-avatar-xsmall-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-xsmall-presenceRing-width) * 2);margin:var(--gse-ui-avatar-xsmall-presenceRing-width);font-size:var(--gse-ui-avatar-xsmall-initials-fontSize);font-weight:var(--gse-ui-avatar-xsmall-initials-fontWeight)}.gux-avatar.gux-accent-1 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent1)}.gux-avatar.gux-accent-2 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent2)}.gux-avatar.gux-accent-3 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent3)}.gux-avatar.gux-accent-4 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent4)}.gux-avatar.gux-accent-5 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent5)}.gux-avatar.gux-accent-6 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent6)}.gux-avatar.gux-accent-7 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent7)}.gux-avatar.gux-accent-8 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent8)}.gux-avatar.gux-accent-9 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent9)}.gux-avatar.gux-accent-10 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent10)}.gux-avatar.gux-accent-11 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent11)}.gux-avatar.gux-accent-12 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent12)}.gux-avatar.gux-accent-inherit .gux-content{color:inherit;background-color:inherit}.gux-avatar.gux-ring.gux-available{background:var(--gse-ui-avatar-presenceRing-available)}.gux-avatar.gux-ring.gux-away,.gux-avatar.gux-ring.gux-break,.gux-avatar.gux-ring.gux-meal,.gux-avatar.gux-ring.gux-training{background:var(--gse-ui-avatar-presenceRing-away)}.gux-avatar.gux-ring.gux-busy,.gux-avatar.gux-ring.gux-meeting{background:var(--gse-ui-avatar-presenceRing-busy)}.gux-avatar.gux-ring.gux-notifications{background:var(--gse-ui-avatar-presenceRing-notifications)}.gux-avatar.gux-ring.gux-offline{background:var(--gse-ui-avatar-presenceRing-offline)}.gux-avatar.gux-ring.gux-out-of-office{background:var(--gse-ui-avatar-presenceRing-outOfOffice)}.gux-avatar.gux-ring.gux-on-queue{background:var(--gse-ui-avatar-presenceRing-onQueue)}.gux-avatar-badge{position:absolute;top:calc(var(--gse-ui-avatar-content-large-border-width) * -1);right:calc(var(--gse-ui-avatar-content-large-border-width) * -1);z-index:var(--gse-semantic-zIndex-showFocus);display:flex;align-items:center;justify-content:center;width:var(--gse-ui-avatar-large-badge-size);height:var(--gse-ui-avatar-large-badge-size);border-color:var(--gse-ui-avatar-content-default-border-color);border-style:var(--gse-ui-avatar-content-default-border-style);border-width:var(--gse-ui-avatar-content-large-border-width);border-radius:50%}.gux-avatar-badge.gux-medium{top:calc(var(--gse-ui-avatar-content-default-border-width) * -1);right:calc(var(--gse-ui-avatar-content-default-border-width) * -1);width:var(--gse-ui-avatar-medium-badge-size);height:var(--gse-ui-avatar-medium-badge-size);border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar-badge.gux-small,.gux-avatar-badge.gux-xsmall{top:calc(var(--gse-ui-avatar-content-default-border-width) * -1);right:calc(var(--gse-ui-avatar-content-default-border-width) * -1);width:var(--gse-ui-avatar-small-badge-size);height:var(--gse-ui-avatar-small-badge-size);border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar-badge.gux-small gux-icon,.gux-avatar-badge.gux-xsmall gux-icon{display:none}.gux-avatar-badge.gux-available{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-available.gux-small,.gux-avatar-badge.gux-available.gux-xsmall{background-color:var(--gse-ui-avatar-badge-available-color)}.gux-avatar-badge.gux-available gux-icon{color:var(--gse-ui-avatar-badge-available-color)}.gux-avatar-badge.gux-away,.gux-avatar-badge.gux-break,.gux-avatar-badge.gux-meal,.gux-avatar-badge.gux-training{background-color:var(--gse-ui-avatar-badge-away)}.gux-avatar-badge.gux-away gux-icon,.gux-avatar-badge.gux-break gux-icon,.gux-avatar-badge.gux-meal gux-icon,.gux-avatar-badge.gux-training gux-icon{margin:var(--gse-ui-avatar-badge-away-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDark-color)}.gux-avatar-badge.gux-busy,.gux-avatar-badge.gux-meeting{background-color:var(--gse-ui-avatar-badge-busy-color)}.gux-avatar-badge.gux-busy gux-icon,.gux-avatar-badge.gux-meeting gux-icon{margin:var(--gse-ui-avatar-badge-busy-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-notifications{background-color:var(--gse-ui-avatar-badge-notification-color)}.gux-avatar-badge.gux-notifications gux-icon{margin:var(--gse-ui-avatar-badge-notifications-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-offline{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-offline.gux-small,.gux-avatar-badge.gux-offline.gux-xsmall{background-color:var(--gse-ui-avatar-badge-offline-color)}.gux-avatar-badge.gux-offline gux-icon{color:var(--gse-ui-avatar-badge-offline-color)}.gux-avatar-badge.gux-out-of-office{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-out-of-office.gux-small,.gux-avatar-badge.gux-out-of-office.gux-xsmall{background-color:var(--gse-ui-avatar-badge-outOfOffice)}.gux-avatar-badge.gux-out-of-office gux-icon{color:var(--gse-ui-avatar-badge-outOfOffice)}.gux-avatar-badge.gux-on-queue{background-color:var(--gse-ui-avatar-badge-onQueue-color)}.gux-avatar-badge.gux-on-queue gux-icon{margin:var(--gse-ui-avatar-badge-queue-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge gux-icon{width:100%;height:100%}";export{o as gux_avatar_beta}
@@ -1 +1 @@
1
- import{r as e,f as i,h as t,H as r,g as o}from"./p-2e827df1.js";import{c as a,o as s}from"./p-f4751a15.js";import{O as n}from"./p-01471ba0.js";import{o as l}from"./p-e5b1cffc.js";import{p as g}from"./p-a11d5d42.js";import{h as u}from"./p-6d8b4027.js";import{G as h,a as d,g as f,v as p,b as c}from"./p-770270f8.js";import{a as x,G as m}from"./p-9773c4fe.js";import{t as b}from"./p-18105fc4.js";import{O as v}from"./p-ab6cf9b9.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,s=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,i,t,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(s=(a<3?o(s):a>3?o(i,t,s):o(i,t))||s);return a>3&&s&&Object.defineProperty(i,t,s),s};const w=class{constructor(i){e(this,i),this.displayUnits=void 0,this.valueInTooltip=void 0,this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1,this.value=void 0,this.active=void 0,this.valueWatcherId=void 0}onInput(e){this.updateValue(e.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help"),b(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:"187429d2a25a316f6245d9f1a2351e8f8d5d8058",class:{"gux-active":this.active}},t(x,{key:"feef75fd616db48ecc2778e9683e24d4a5df4552",labelPosition:this.computedLabelPosition},t(m,{key:"656c8a0e8a008491ffdaf6947cb547415efe0d01",position:this.computedLabelPosition,required:this.required},t("slot",{key:"c2843c4aa5677b1a7b19c5eb795295e5735694a8",name:"label",onSlotchange:()=>this.setLabel()})),t("div",{key:"11be810fecb1943fdb1a827623f057cae65e1d90",class:"gux-input-and-error-container"},this.renderRangeInput(),t(h,{key:"b981b79d35e12c100c752f69a4f9888089c6cd3e",show:this.hasError},t("slot",{key:"b2169aac95fd5075a6c5cf45cd7a01371bdb0857",name:"error"})),t(d,{key:"e66fb80c6a4754c3a4688da1c2d14ff311777269",show:!this.hasError&&this.hasHelp},t("slot",{key:"9ba55559ce3d0a1508b2706b9541a537edec732b",name:"help"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=f(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=s(this.input,(e=>{this.disabled=e})),this.requiredObserver=l(this.input,(e=>{this.required=e})),clearInterval(this.valueWatcherId),this.valueWatcherId=setInterval((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100),p(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=c(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"},this.getDisplayValue())),t("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(e){this.value=e,this.updatePosition()}updatePosition(){const e=Number(this.input.value||0),i=Number(this.input.min||0),t=(e-i)/(Number(this.input.max||100)-i)*100;this.tooltipElement&&(this.tooltipElement.offsetX=(t/100-.5)*(this.containerElement.offsetWidth-20)),this.progressElement.style.width=`${t}%`}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return o(this)}};y([n({childList:!0,subtree:!0})],w.prototype,"onMutation",null),y([v()],w.prototype,"updatePosition",null),w.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;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;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);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.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.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:var(--gse-ui-formControl-helper-paddingSmall);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-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input[type=range]){position:absolute;width:100%;width:100%;height:var(--gse-ui-slider-bar-height);margin:calc(var(--gse-ui-slider-handle-width) / 2) 0;margin-top:calc(-1 * (var(--gse-ui-slider-handle-width) / 2 + var(--gse-ui-slider-bar-height)));-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-slider-gap);place-content:stretch flex-start;align-items:center;height:32px;font-size:var(--gse-ui-slider-label-text-fontSize)}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:var(--gse-ui-slider-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{width:100%;height:var(--gse-ui-slider-bar-height);margin:6px 0;background:var(--gse-ui-slider-bar-default-backgroundColor);border-radius:var(--gse-ui-slider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{height:var(--gse-ui-slider-bar-height);background-color:var(--gse-ui-slider-bar-selected-backgroundColor);border-radius:var(--gse-ui-slider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;margin:0 0 0 var(--gux-spacing-medium);font-family:var(--gse-ui-slider-label-text-fontFamily);font-size:var(--gse-ui-slider-label-text-fontSize);font-weight:var(--gse-ui-slider-label-text-fontWeight);line-height:var(--gse-ui-slider-label-text-lineHeight);text-align:right}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}';export{w as gux_form_field_range}
1
+ import{r as e,f as i,h as t,H as r,g as o}from"./p-2e827df1.js";import{c as a,o as s}from"./p-f4751a15.js";import{O as n}from"./p-01471ba0.js";import{o as l}from"./p-e5b1cffc.js";import{p as g}from"./p-a11d5d42.js";import{h as u}from"./p-6d8b4027.js";import{G as h,a as d,g as f,v as p,b as c}from"./p-770270f8.js";import{a as x,G as m}from"./p-9773c4fe.js";import{t as b}from"./p-13dd9346.js";import{O as v}from"./p-ab6cf9b9.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,s=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,i,t,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(s=(a<3?o(s):a>3?o(i,t,s):o(i,t))||s);return a>3&&s&&Object.defineProperty(i,t,s),s};const w=class{constructor(i){e(this,i),this.displayUnits=void 0,this.valueInTooltip=void 0,this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1,this.value=void 0,this.active=void 0,this.valueWatcherId=void 0}onInput(e){this.updateValue(e.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root,"error"),this.hasHelp=u(this.root,"help"),b(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:"19f5810ea8f73b055f46f3a8b969669d9707415f",class:{"gux-active":this.active}},t(x,{key:"246ce9e053cbf2a50e351ea4173d2bdde33923dc",labelPosition:this.computedLabelPosition},t(m,{key:"56eaab0972a668e7dee2d17df83d2edb876402d0",position:this.computedLabelPosition,required:this.required},t("slot",{key:"59b3ff1a9a66bb9ce728b3cc6e8f704935ae1b10",name:"label",onSlotchange:()=>this.setLabel()})),t("div",{key:"fda26c8ba627a552f07c48ce68b48b67e9311a19",class:"gux-input-and-error-container"},this.renderRangeInput(),t(h,{key:"6e3e43e8172a6fc81f448942beed5c997775a3cc",show:this.hasError},t("slot",{key:"1e5801770cc08517d4f91b5491a1297b8334174b",name:"error"})),t(d,{key:"1435be7bcaef80c1122adee4aa211c6208a8f5bc",show:!this.hasError&&this.hasHelp},t("slot",{key:"caa9bff21e2c05c88253bad45108f43ce3f0abec",name:"help"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=f(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=s(this.input,(e=>{this.disabled=e})),this.requiredObserver=l(this.input,(e=>{this.required=e})),clearInterval(this.valueWatcherId),this.valueWatcherId=setInterval((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100),p(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=c(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"},this.getDisplayValue())),t("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(e){this.value=e,this.updatePosition()}updatePosition(){const e=Number(this.input.value||0),i=Number(this.input.min||0),t=(e-i)/(Number(this.input.max||100)-i)*100;this.tooltipElement&&(this.tooltipElement.offsetX=(t/100-.5)*(this.containerElement.offsetWidth-20)),this.progressElement.style.width=`${t}%`}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return o(this)}};y([n({childList:!0,subtree:!0})],w.prototype,"onMutation",null),y([v()],w.prototype,"updatePosition",null),w.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;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;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);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.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.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:var(--gse-ui-formControl-helper-paddingSmall);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-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input[type=range]){position:absolute;width:100%;width:100%;height:var(--gse-ui-slider-bar-height);margin:calc(var(--gse-ui-slider-handle-width) / 2) 0;margin-top:calc(-1 * (var(--gse-ui-slider-handle-width) / 2 + var(--gse-ui-slider-bar-height)));-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-slider-gap);place-content:stretch flex-start;align-items:center;height:32px;font-size:var(--gse-ui-slider-label-text-fontSize)}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:var(--gse-ui-slider-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{width:100%;height:var(--gse-ui-slider-bar-height);margin:6px 0;background:var(--gse-ui-slider-bar-default-backgroundColor);border-radius:var(--gse-ui-slider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{height:var(--gse-ui-slider-bar-height);background-color:var(--gse-ui-slider-bar-selected-backgroundColor);border-radius:var(--gse-ui-slider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;margin:0 0 0 var(--gux-spacing-medium);font-family:var(--gse-ui-slider-label-text-fontFamily);font-size:var(--gse-ui-slider-label-text-fontSize);font-weight:var(--gse-ui-slider-label-text-fontWeight);line-height:var(--gse-ui-slider-label-text-lineHeight);text-align:right}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}';export{w as gux_form_field_range}
@@ -0,0 +1 @@
1
+ import{r as t,h as e,g as r}from"./p-2e827df1.js";import{c as a}from"./p-267e2aed.js";import{t as o}from"./p-13dd9346.js";import{b as s}from"./p-0367930a.js";import"./p-4202e9f2.js";const i={actionRefresh:"Refresh",actionDelete:"Delete",actionExport:"Export",actionImport:"Import",actionRevert:"Revert",actionAdd:"Add"},n=class{constructor(e){t(this,e),this.action=void 0,this.accent="secondary",this.iconOnly=!1,this.disabled=!1}handleClick(t){this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())}returnActionLocale(t){return this.i18n(`action${a(t)}`)}returnActionTypeIcon(t){switch(t){case"refresh":return"fa/arrows-rotate-regular";case"delete":return"fa/trash-regular";case"export":return"fa/arrow-up-from-line-regular";case"import":return"fa/file-import-regular";case"revert":return"fa/arrow-rotate-left-regular";case"add":return"fa/plus-regular";default:return"fa/square-x-regular"}}async componentWillLoad(){o(this.root,{variant:this.action}),this.i18n=await s(this.root,i)}render(){return e("gux-table-toolbar-custom-action",{key:"c1579a7d0d58d82c5f2d3f7fc480540a6c0cd631","icon-only":this.iconOnly,accent:this.accent,disabled:this.disabled},e("span",{key:"8885e743228f2406848308d457a395b6171ffdad",slot:"text"},this.returnActionLocale(this.action)),e("gux-icon",{key:"adceaaf1b38324a80fab8e5cd5fe8fb0b0535c2b",slot:"icon","icon-name":this.returnActionTypeIcon(this.action),decorative:!0}))}get root(){return r(this)}};n.style=":host([disabled]){pointer-events:none}";export{n as gux_table_toolbar_action}
@@ -1 +1 @@
1
- import{r as o,h as t,g as s}from"./p-2e827df1.js";import{t as r}from"./p-18105fc4.js";const e=class{constructor(t){o(this,t),this.singleOpenSection=!1}handleGuxopened(o){this.singleOpenSection&&this.getAccordionSections().forEach((t=>{t!==o.target&&this.closeSection(t)}))}componentWillLoad(){this.singleOpenSection&&this.getAccordionSections().reduceRight(((o,t)=>(o&&this.closeSection(t),o||t.open)),!1),r(this.root)}getAccordionSections(){return Array.from(this.root.children)}closeSection(o){o.disabled||(o.open=!1)}render(){return t("slot",{key:"7ba0238eebc78708ce6b64f67907fa69168709c2"})}get root(){return s(this)}};e.style="gux-accordion{-custom-noop:noop}";export{e as gux_accordion}
1
+ import{r as o,h as t,g as s}from"./p-2e827df1.js";import{t as r}from"./p-13dd9346.js";const i=class{constructor(t){o(this,t),this.singleOpenSection=!1}handleGuxopened(o){this.singleOpenSection&&this.getAccordionSections().forEach((t=>{t!==o.target&&this.closeSection(t)}))}componentWillLoad(){this.singleOpenSection&&this.getAccordionSections().reduceRight(((o,t)=>(o&&this.closeSection(t),o||t.open)),!1),r(this.root)}getAccordionSections(){return Array.from(this.root.children)}closeSection(o){o.disabled||(o.open=!1)}render(){return t("slot",{key:"43e6a7d1a5825bf06252ac82887d63877806184f"})}get root(){return s(this)}};i.style="gux-accordion{-custom-noop:noop}";export{i as gux_accordion}
@@ -1 +1 @@
1
- import{r as t,h as e,H as o,g as s}from"./p-2e827df1.js";import{t as a}from"./p-18105fc4.js";import{b as c}from"./p-cf0e7d3b.js";const i=class{constructor(e){t(this,e),this.politeness="polite"}async guxAnnounce(t){this.containerElement.innerText="",c((()=>{this.containerElement.innerText=t}))}componentWillLoad(){a(this.root)}render(){return e(o,{key:"96acda36ac04edb73e9fcc5af71fa83cd30fce92","aria-live":this.politeness},e("slot",{key:"b490bf95af7e150220969cc20383b9406b4bcf19"}),e("div",{key:"2c731aff495c684d15bda9ed006030608bc9a4e7",ref:t=>this.containerElement=t}))}get root(){return s(this)}};i.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{i as gux_announce_beta}
1
+ import{r as t,h as e,H as o,g as s}from"./p-2e827df1.js";import{t as a}from"./p-13dd9346.js";import{b as c}from"./p-cf0e7d3b.js";const i=class{constructor(e){t(this,e),this.politeness="polite"}async guxAnnounce(t){this.containerElement.innerText="",c((()=>{this.containerElement.innerText=t}))}componentWillLoad(){a(this.root)}render(){return e(o,{key:"96acda36ac04edb73e9fcc5af71fa83cd30fce92","aria-live":this.politeness},e("slot",{key:"b490bf95af7e150220969cc20383b9406b4bcf19"}),e("div",{key:"2c731aff495c684d15bda9ed006030608bc9a4e7",ref:t=>this.containerElement=t}))}get root(){return s(this)}};i.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{i as gux_announce_beta}
@@ -1 +1 @@
1
- import{r as e,c as a,h as t,g as i}from"./p-2e827df1.js";import{b as n}from"./p-0367930a.js";import"./p-4202e9f2.js";const g={perPage:"per page",itemsPerPage:"Items per page",rangeSelected:"Items per page dropdown, {range} items per page selected"},o=class{constructor(t){e(this,t),this.internalitemsperpagechange=a(this,"internalitemsperpagechange",3),this.itemsPerPage=25}handleChange(e){e.stopPropagation();const a=parseInt(this.dropdownElement.value,10);this.internalitemsperpagechange.emit(a)}async componentWillLoad(){this.i18n=await n(this.root,g)}getDropdown(){return t("gux-dropdown",{ref:e=>this.dropdownElement=e,value:`${this.itemsPerPage}`,"aria-label":this.i18n("rangeSelected",{range:this.itemsPerPage})},t("gux-listbox",{"aria-label":this.i18n("itemsPerPage")},t("gux-option",{value:"25"},"25"),t("gux-option",{value:"50"},"50"),t("gux-option",{value:"75"},"75"),t("gux-option",{value:"100"},"100")))}render(){return t("div",{key:"2105763eb78b005dbb847626bb4f126f52cf742a",class:"gux-pagination-items-per-page-container"},t("div",{key:"de5a87fb380f4a775b346aa592f7a93501a0426b",class:"gux-pagination-items-per-page-picker"},this.getDropdown()),t("div",{key:"40039c4e84e5e50f005decc4ac96bda16d8eea41",class:"gux-pagination-per-page"},this.i18n("perPage")))}get root(){return i(this)}};o.style="gux-pagination-items-per-page .gux-pagination-items-per-page-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch center;align-items:center}gux-pagination-items-per-page .gux-pagination-items-per-page-container>div{flex:0 1 auto;align-self:auto;order:0;white-space:nowrap}gux-pagination-items-per-page .gux-pagination-items-per-page-container .gux-pagination-items-per-page-picker gux-dropdown{display:inline-block;width:fit-content}gux-pagination-items-per-page .gux-pagination-items-per-page-container gux-dropdown div.gux-dropdown .gux-options.gux-opened{bottom:100%;display:flex;flex-direction:column-reverse}gux-pagination-items-per-page .gux-pagination-items-per-page-container .gux-pagination-per-page{font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);font-weight:var(--gse-ui-dataTableItems-tablePagination-currentResultText-fontWeight);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor)}";export{o as gux_pagination_items_per_page}
1
+ import{r as e,c as a,h as t,g as i}from"./p-2e827df1.js";import{b as n}from"./p-0367930a.js";import"./p-4202e9f2.js";const g={perPage:"per page",itemsPerPage:"Items per page",rangeSelected:"Items per page dropdown, {range} items per page selected"},o=class{constructor(t){e(this,t),this.internalitemsperpagechange=a(this,"internalitemsperpagechange",3),this.itemsPerPage=25}handleChange(e){e.stopPropagation();const a=parseInt(this.dropdownElement.value,10);this.internalitemsperpagechange.emit(a)}async componentWillLoad(){this.i18n=await n(this.root,g)}getDropdown(){return t("gux-dropdown",{ref:e=>this.dropdownElement=e,value:`${this.itemsPerPage}`,"aria-label":this.i18n("rangeSelected",{range:this.itemsPerPage})},t("gux-listbox",{"aria-label":this.i18n("itemsPerPage")},t("gux-option",{value:"25"},"25"),t("gux-option",{value:"50"},"50"),t("gux-option",{value:"75"},"75"),t("gux-option",{value:"100"},"100")))}render(){return t("div",{key:"dcb682d1223cfeb51f384a5b771cef301cf33f66",class:"gux-pagination-items-per-page-container"},t("div",{key:"ad5d701f9915481bf3b4ff37447252d3d009b47c",class:"gux-pagination-items-per-page-picker"},this.getDropdown()),t("div",{key:"b954a0a6e1ce34adf6323e63470f81f04d9db9ed",class:"gux-pagination-per-page"},this.i18n("perPage")))}get root(){return i(this)}};o.style="gux-pagination-items-per-page .gux-pagination-items-per-page-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch center;align-items:center}gux-pagination-items-per-page .gux-pagination-items-per-page-container>div{flex:0 1 auto;align-self:auto;order:0;white-space:nowrap}gux-pagination-items-per-page .gux-pagination-items-per-page-container .gux-pagination-items-per-page-picker gux-dropdown{display:inline-block;width:fit-content}gux-pagination-items-per-page .gux-pagination-items-per-page-container gux-dropdown div.gux-dropdown .gux-options.gux-opened{bottom:100%;display:flex;flex-direction:column-reverse}gux-pagination-items-per-page .gux-pagination-items-per-page-container .gux-pagination-per-page{font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);font-weight:var(--gse-ui-dataTableItems-tablePagination-currentResultText-fontWeight);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor)}";export{o as gux_pagination_items_per_page}
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,H as a,g as e}from"./p-2e827df1.js";import{t as h}from"./p-18105fc4.js";const c=class{constructor(i){t(this,i),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.activeTab=void 0,this.orientation="horizontal",this.alignment="left",this.tabList=void 0,this.tabPanels=[]}watchActiveTab(t){this.activateTab(t,this.tabList,this.tabPanels),this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,s]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=s.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,s,i){this.activeTab=t||i[0].tabId,s.guxSetActive(this.activeTab),i.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){h(this.root)}render(){return i(a,{key:"ad73693e28cf0f6caf5c5908a4dac674f9a1b3aa"},i("div",{key:"f79243096a53893f351d35f12872141cda299f18",class:`gux-tabs gux-${this.alignment} gux-${this.orientation}`},i("slot",{key:"4c4112ce6a4a9faa163cdffe7e411edb6894c7ab",name:"tab-list"}),i("div",{key:"f8a87312d854113d529f7ef5b45f6a90f18a64d5",class:`gux-${this.alignment} gux-${this.orientation} gux-panel-container`},i("slot",{key:"3957425874f6647eee2cb039af2ede7ae4adb844",onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return e(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};c.style=":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;height:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex-direction:column;height:100%;min-height:0}";export{c as gux_tabs}
1
+ import{r as t,c as s,h as i,H as a,g as e}from"./p-2e827df1.js";import{t as h}from"./p-13dd9346.js";const c=class{constructor(i){t(this,i),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.activeTab=void 0,this.orientation="horizontal",this.alignment="left",this.tabList=void 0,this.tabPanels=[]}watchActiveTab(t){this.activateTab(t,this.tabList,this.tabPanels),this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,s]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=s.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,s,i){this.activeTab=t||i[0].tabId,s.guxSetActive(this.activeTab),i.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){h(this.root)}render(){return i(a,{key:"97404a1cc8046c53a0eae2f526b28717281d7981"},i("div",{key:"07b84d1d61d3237f2ec3f224e04b8f2b87c1b3ab",class:`gux-tabs gux-${this.alignment} gux-${this.orientation}`},i("slot",{key:"75a1847ca879f701c0bd2683fe0dd1d639bad2fa",name:"tab-list"}),i("div",{key:"c5d3cb87109f6bacf4f482287f2ed78436a70eb4",class:`gux-${this.alignment} gux-${this.orientation} gux-panel-container`},i("slot",{key:"cac8ff9b070cb9e2347811210ccf9f2708a24f7c",onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return e(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};c.style=":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;height:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex-direction:column;height:100%;min-height:0}";export{c as gux_tabs}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,g as r}from"./p-2e827df1.js";import{a as s,c as a,o,f as n}from"./p-b43ee47b.js";import{r as u}from"./p-0934300e.js";import{a as d}from"./p-cf0e7d3b.js";import{f as c,b as l,a as h,c as p}from"./p-9349b5e4.js";import{O as g}from"./p-2d1bdeab.js";import{t as f}from"./p-18105fc4.js";import{b as x}from"./p-0367930a.js";import{u as k,g as b,a as m}from"./p-0b7e4626.js";import"./p-4202e9f2.js";const v={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function y(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function C(t,e){const i=new Date(e.valueOf()),r=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(r),i.setFullYear(e.getFullYear()),i.getMonth()!==r?C(t,y(-1,e)):i}function w(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function D(t){return t.match(/\W/)[0]}function R(t){const e=D(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function F(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const I=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format=void 0,this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1,this.pressedKeys=[]}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?c(t):null}watchMaxDate(t){this.maxDateDate=t?c(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=R(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=c(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=R(t),r=w(t,e.selectionStart),s=i.indexOf(r);return F(t,i[(s+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=R(t),r=w(t,e.selectionStart),s=i.indexOf(r);return F(t,i[(s+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");d((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1,this.pressedKeys.length=0}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||d((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=F(this.format,w(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return F(this.format,w(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){this.pressedKeys.push(t.key);const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===w(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)&&this.pressedKeys.length>=2?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const r=t.split(",").map((t=>t.trim()));return"range"===e?[r[0]||i[0],r[1]||i[1]]:"range"===e||r[0]?[r[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=D(this.format),i=this.format.toLowerCase().split(e),r=t.split(e),s=parseInt(r[i.indexOf(this.yearFormat)],10),a=parseInt(r[i.indexOf("mm")],10)-1,o=parseInt(r[i.indexOf("dd")],10),n=new Date(s,a,o);return"yy"===this.yearFormat&&n.getFullYear()<1970&&this.lastYear>1970&&n.setFullYear(n.getFullYear()+100),n}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=l(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=h(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(w(this.format,this.focusedField.selectionStart)){case"d":{const t=c(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:r}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(r,(t=>i[t]));const{map:s,regexp:a}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(a,(t=>s[t]))}else{const t=c(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&d((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return c(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=w(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let r;switch(e){case"d":r=y(t,i);break;case"m":r=C(t,i);break;case"y":r=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var s,a,o;s=r,a=this.minDateDate,((o=this.maxDateDate)&&o<s||a&&a>s)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=D(e),r=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return r}(r,this.format),this.setValue()}async componentWillLoad(){if(f(this.root,{variant:this.mode}),this.i18n=await x(this.root,v),this.format=k()?this.format||b(m(this.root)):this.format||"mm/dd/yyyy",this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?l(t,t):h(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){a(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[o({crossAxis:-3}),n({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"fa/calendar-regular"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{key:"c3a04e7186125e88c23647484ba81fd646d57e03",class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return r(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,r){var s,a=arguments.length,o=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(o=(a<3?s(o):a>3?s(e,i,o):s(e,i))||o);a>3&&o&&Object.defineProperty(e,i,o)})([g({triggerEvents:"mousedown"})],I.prototype,"onClickOutside",null),I.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-top:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-right:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:var(--gse-ui-formControl-label-gap);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;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-datepicker .gux-datepicker-field .gux-datepicker-field-input: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-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{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-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{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-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-size-sm));padding:0;overflow:hidden;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius);outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{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-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{I as gux_datepicker}
1
+ import{r as t,c as e,h as i,g as r}from"./p-2e827df1.js";import{a as s,c as a,o,f as n}from"./p-b43ee47b.js";import{r as u}from"./p-0934300e.js";import{a as d}from"./p-cf0e7d3b.js";import{f as c,b as l,a as h,c as p}from"./p-9349b5e4.js";import{O as g}from"./p-2d1bdeab.js";import{t as f}from"./p-13dd9346.js";import{b as x}from"./p-0367930a.js";import{u as k,g as b,a as m}from"./p-0b7e4626.js";import"./p-4202e9f2.js";const v={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function y(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function C(t,e){const i=new Date(e.valueOf()),r=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(r),i.setFullYear(e.getFullYear()),i.getMonth()!==r?C(t,y(-1,e)):i}function w(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function D(t){return t.match(/\W/)[0]}function R(t){const e=D(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function F(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const I=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format=void 0,this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1,this.pressedKeys=[]}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?c(t):null}watchMaxDate(t){this.maxDateDate=t?c(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=R(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=c(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=R(t),r=w(t,e.selectionStart),s=i.indexOf(r);return F(t,i[(s+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=R(t),r=w(t,e.selectionStart),s=i.indexOf(r);return F(t,i[(s+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");d((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1,this.pressedKeys.length=0}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||d((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=F(this.format,w(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return F(this.format,w(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){this.pressedKeys.push(t.key);const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===w(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)&&this.pressedKeys.length>=2?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const r=t.split(",").map((t=>t.trim()));return"range"===e?[r[0]||i[0],r[1]||i[1]]:"range"===e||r[0]?[r[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=D(this.format),i=this.format.toLowerCase().split(e),r=t.split(e),s=parseInt(r[i.indexOf(this.yearFormat)],10),a=parseInt(r[i.indexOf("mm")],10)-1,o=parseInt(r[i.indexOf("dd")],10),n=new Date(s,a,o);return"yy"===this.yearFormat&&n.getFullYear()<1970&&this.lastYear>1970&&n.setFullYear(n.getFullYear()+100),n}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=l(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=h(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(w(this.format,this.focusedField.selectionStart)){case"d":{const t=c(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:r}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(r,(t=>i[t]));const{map:s,regexp:a}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(a,(t=>s[t]))}else{const t=c(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&d((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return c(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=w(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let r;switch(e){case"d":r=y(t,i);break;case"m":r=C(t,i);break;case"y":r=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var s,a,o;s=r,a=this.minDateDate,((o=this.maxDateDate)&&o<s||a&&a>s)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=D(e),r=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return r}(r,this.format),this.setValue()}async componentWillLoad(){if(f(this.root,{variant:this.mode}),this.i18n=await x(this.root,v),this.format=k()?this.format||b(m(this.root)):this.format||"mm/dd/yyyy",this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?l(t,t):h(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){a(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[o({crossAxis:-3}),n({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"fa/calendar-regular"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{key:"5d0d6160f9357c8d56c3a149dccab47c3d0489aa",class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return r(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,r){var s,a=arguments.length,o=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(o=(a<3?s(o):a>3?s(e,i,o):s(e,i))||o);a>3&&o&&Object.defineProperty(e,i,o)})([g({triggerEvents:"mousedown"})],I.prototype,"onClickOutside",null),I.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-top:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-right:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:var(--gse-ui-formControl-label-gap);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;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-datepicker .gux-datepicker-field .gux-datepicker-field-input: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-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{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-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{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-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-size-sm));padding:0;overflow:hidden;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius);outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{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-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{I as gux_datepicker}
@@ -1 +1 @@
1
- import{r as a,c as o,h as t,g as e}from"./p-2e827df1.js";import{r as i}from"./p-0934300e.js";import{t as n}from"./p-18105fc4.js";const d=class{constructor(t){a(this,t),this.guxdismiss=o(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(a){if("Escape"===a.key)return a.preventDefault(),void this.onDismissHandler()}componentWillLoad(){n(this.root,{variant:`${this.size}`})}componentDidLoad(){this.syncOpenState()}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){return Boolean(this.root.querySelector('[slot="start-align-buttons"]'))||Boolean(this.root.querySelector('[slot="end-align-buttons"]'))}render(){const a=this.hasModalTitleSlot(),o=this.hasFooterButtons(),e=i();return t("dialog",{key:"339a7dce94e978b46f27881d74ed0876fff04f0f",onClose:this.onCloseHandler.bind(this),ref:a=>this.dialogElement=a,"aria-labelledby":a?e:null},t("div",{key:"35d37da100a63e776d7ab595de8805ac2e23d4b2",class:`gux-modal-container gux-${this.size}`},t("gux-dismiss-button",{key:"8d87f41cf7f94848a5dc4985aa76b5f354292136",onClick:this.onDismissHandler.bind(this)}),a&&this.renderTitle(e),t("div",{key:"aab96123495a762961cd9f88d29f24890e7e3b7c",class:{"gux-modal-content":!0,"gux-no-buttons":!o}},t("p",{key:"bdd46e0ebf5c9ef9185b27c75c650ac2f2a7cc96"},t("slot",{key:"9274c2fb419ab8f49f9fe418182d3ab3f3b0b34b",name:"content"}))),o&&this.renderButtonFooter()))}renderTitle(a){return t("h1",{class:"gux-modal-header",id:a},t("slot",{name:"title"}))}renderButtonFooter(){return t("div",{class:"gux-button-footer"},t("div",{class:"gux-start-align-buttons"},t("slot",{name:"start-align-buttons"})),t("div",{class:"gux-end-align-buttons"},t("slot",{name:"end-align-buttons"})))}onCloseHandler(){this.guxdismiss.emit()}onDismissHandler(){this.open=!1}static get delegatesFocus(){return!0}get root(){return e(this)}static get watchers(){return{open:["syncOpenState"]}}};d.style="::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column;padding-top:var(--gse-ui-modal-padding);padding-bottom:var(--gse-ui-modal-padding)}:host dialog .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host dialog .gux-modal-container .gux-modal-header{padding-right:var(--gse-ui-modal-padding);padding-left: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);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host dialog .gux-modal-container .gux-modal-content{max-height:432px;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{width:100%;height:100%}}";export{d as gux_modal}
1
+ import{r as a,c as o,h as t,g as e}from"./p-2e827df1.js";import{r as i}from"./p-0934300e.js";import{t as n}from"./p-13dd9346.js";const d=class{constructor(t){a(this,t),this.guxdismiss=o(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(a){if("Escape"===a.key)return a.preventDefault(),void this.onDismissHandler()}componentWillLoad(){n(this.root,{variant:`${this.size}`})}componentDidLoad(){this.syncOpenState()}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){return Boolean(this.root.querySelector('[slot="start-align-buttons"]'))||Boolean(this.root.querySelector('[slot="end-align-buttons"]'))}render(){const a=this.hasModalTitleSlot(),o=this.hasFooterButtons(),e=i();return t("dialog",{key:"7287b8c236e2fd0ae844c169215cc6311793191a",onClose:this.onCloseHandler.bind(this),ref:a=>this.dialogElement=a,"aria-labelledby":a?e:null},t("div",{key:"63f2610208547daf263eb5e1e61d8c7231c060e4",class:`gux-modal-container gux-${this.size}`},t("gux-dismiss-button",{key:"ed641e1c94d3d578b171cf1dbd65ff48001f7e20",onClick:this.onDismissHandler.bind(this)}),a&&this.renderTitle(e),t("div",{key:"0edb6b2f74844fc9eb05774d6b2457151a61f30f",class:{"gux-modal-content":!0,"gux-no-buttons":!o}},t("p",{key:"bc069ef7ca9a7213f675023e3b763d673a8ead47"},t("slot",{key:"5bc4819894daa921e2c88af198d404a655cc7190",name:"content"}))),o&&this.renderButtonFooter()))}renderTitle(a){return t("h1",{class:"gux-modal-header",id:a},t("slot",{name:"title"}))}renderButtonFooter(){return t("div",{class:"gux-button-footer"},t("div",{class:"gux-start-align-buttons"},t("slot",{name:"start-align-buttons"})),t("div",{class:"gux-end-align-buttons"},t("slot",{name:"end-align-buttons"})))}onCloseHandler(){this.guxdismiss.emit()}onDismissHandler(){this.open=!1}static get delegatesFocus(){return!0}get root(){return e(this)}static get watchers(){return{open:["syncOpenState"]}}};d.style="::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column;padding-top:var(--gse-ui-modal-padding);padding-bottom:var(--gse-ui-modal-padding)}:host dialog .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host dialog .gux-modal-container .gux-modal-header{padding-right:var(--gse-ui-modal-padding);padding-left: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);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host dialog .gux-modal-container .gux-modal-content{max-height:432px;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{width:100%;height:100%}}";export{d as gux_modal}
@@ -1 +1 @@
1
- import{r as t,c as e,f as i,h as o,g as r,H as s}from"./p-2e827df1.js";import{O as n}from"./p-2d1bdeab.js";import{b as u}from"./p-0367930a.js";import{s as a}from"./p-2c25e2f2.js";import{o as l,c as d}from"./p-f4751a15.js";import{b as h}from"./p-cf0e7d3b.js";import{t as g}from"./p-18105fc4.js";import{O as c}from"./p-01471ba0.js";import{s as f,l as p,g as x,c as v,h as b,a as m,b as w,d as C,e as y,f as F,i as k,j as S,k as z,m as R,o as T}from"./p-787c5373.js";import{w as j}from"./p-e97879b4.js";import{r as E}from"./p-0934300e.js";import{h as I}from"./p-6d8b4027.js";import"./p-4202e9f2.js";const L={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var H=function(t,e,i,o){var r,s=arguments.length,n=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(r=t[u])&&(n=(s<3?r(n):s>3?r(e,i,n):r(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};const O=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.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterType="none",this.hasError=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}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&&h((()=>{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(){g(this.root),this.i18n=await u(this.root,L),l(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,a(this.root,"input"),a(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){const e=t.length;if(e>0&&!this.loading){const i=x(this.listboxElement,t);if(i&&"custom"!==this.filterType)return i.textContent.trim().substring(e)}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 o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent);case"gux-option-icon":return this.renderIconOption(t);default:return e}}renderIconOption(t){let e=null;return null!==t.iconColor&&(e={color:t.iconColor}),o("span",{class:"gux-selected-icon"},o("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0}),o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderFilterInputField(){if(this.expanded&&this.isFilterable())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.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)})))))}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"),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:"f50028637e8b6be16548bd34df0b613f7b7a9579",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"]}}};H([n({triggerEvents:"mousedown"})],O.prototype,"onClickOutside",null),H([c({childList:!0,subtree:!0})],O.prototype,"onMutation",null),O.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;width:100%;height: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{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{height: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-width:0;height: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;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width: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;width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-left: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-focusRing-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-focusRing-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;background:inherit;border:none;outline: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-focusRing-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-focusRing-offset)}::slotted(gux-listbox){outline:none}.gux-selected-icon{display:flex;align-items:center}.gux-selected-icon gux-icon{width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-right:var(--gse-ui-dropdown-gap)}";const W=["gux-option","gux-option-icon"].join(","),A={noMatches:"No matches",loading:"Loading..."},B=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.filterType="none",this.emptyMessage=void 0,this.selectedValues=[],this.listboxOptions=[],this.allListboxOptionsFiltered=void 0}onBlur(){v(this.root)}onKeydown(t){if(!b(this.root))return t.preventDefault(),void f(this.root);switch(t.key){case"Enter":return t.preventDefault(),void S(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(F(this.root)?(t.stopPropagation(),k(this.root)):w(this.root));case"ArrowUp":return t.preventDefault(),void(C(this.root)?(t.stopPropagation(),y(this.root)):m(this.root));case"Home":return t.preventDefault(),void w(this.root);case"End":return t.preventDefault(),void m(this.root);case" ":return void t.preventDefault()}1!==t.key.length||z(this.root,t.key)}onKeyup(t){" "!==t.key||S(this.root,(t=>this.updateValue(t)))}onMousemove(){v(this.root)}onClick(t){j(W,t,(t=>{T(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){S(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=p(this.root),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),a(this.root,"input"),a(this.root,"change")}async componentWillLoad(){g(this.root),this.i18n=await u(this.root,A),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&(t.filtered=!R(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(s,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return r(this)}};B.style=":host{box-sizing:border-box;display:block;max-height:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow:visible auto;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);outline:none;box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}:host(:focus-visible){outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-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;height:var(--gse-ui-menu-option-height);font-family:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily);font-size:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontSize);font-weight:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight);line-height:var(--gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight);color:var(--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor)}";const D=class{constructor(e){t(this,e),this.value=void 0,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||E("gux-option"),this.onSubtextChange()}onSubtextChange(){this.hasSubtext=I(this.root,"subtext")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return o(s,{key:"fabee33fc575f13c96d745447338ad0f630ba439",role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"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:"c001777ea65e42db4f59a6b577f87d03c9cb43ac",class:"gux-option-wrapper"},o("gux-truncate",{key:"c60da0eec7002d2786f8d6442ac528c90707fb8c",ref:t=>this.truncateElement=t},o("slot",{key:"ed8505eab5790967f5161c88dfdeb9dc291b4218"})),o("slot",{key:"fba46212c08d55351028e06da944bc99e10a31a1",onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return r(this)}static get watchers(){return{active:["handleActive"]}}};D.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;height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{width:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){border-radius:var(--gse-semantic-focusRing-cornerRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host(.gux-show-subtext){place-content:stretch flex-start;height:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){height:var(--gse-ui-groupedMenu-subtext-height);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{O as gux_dropdown,B as gux_listbox,D as gux_option}
1
+ import{r as t,c as e,f as i,h as o,g as r,H as s}from"./p-2e827df1.js";import{O as n}from"./p-2d1bdeab.js";import{b as u}from"./p-0367930a.js";import{s as a}from"./p-2c25e2f2.js";import{o as l,c as d}from"./p-f4751a15.js";import{b as h}from"./p-cf0e7d3b.js";import{t as g}from"./p-13dd9346.js";import{O as c}from"./p-01471ba0.js";import{s as f,l as p,g as x,c as v,h as b,a as m,b as w,d as C,e as y,f as F,i as k,j as S,k as z,m as R,o as T}from"./p-787c5373.js";import{w as j}from"./p-e97879b4.js";import{r as E}from"./p-0934300e.js";import{h as I}from"./p-6d8b4027.js";import"./p-4202e9f2.js";const L={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var H=function(t,e,i,o){var r,s=arguments.length,n=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(r=t[u])&&(n=(s<3?r(n):s>3?r(e,i,n):r(e,i))||n);return s>3&&n&&Object.defineProperty(e,i,n),n};const O=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.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterType="none",this.hasError=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}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&&h((()=>{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(){g(this.root),this.i18n=await u(this.root,L),l(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,a(this.root,"input"),a(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){const e=t.length;if(e>0&&!this.loading){const i=x(this.listboxElement,t);if(i&&"custom"!==this.filterType)return i.textContent.trim().substring(e)}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 o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent);case"gux-option-icon":return this.renderIconOption(t);default:return e}}renderIconOption(t){let e=null;return null!==t.iconColor&&(e={color:t.iconColor}),o("span",{class:"gux-selected-icon"},o("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0}),o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderFilterInputField(){if(this.expanded&&this.isFilterable())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.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)})))))}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"),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:"e472adf706a6ade11a7cef0055457dc5329d962d",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"]}}};H([n({triggerEvents:"mousedown"})],O.prototype,"onClickOutside",null),H([c({childList:!0,subtree:!0})],O.prototype,"onMutation",null),O.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;width:100%;height: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{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{height: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-width:0;height: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;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width: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;width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-left: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-focusRing-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-focusRing-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;background:inherit;border:none;outline: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-focusRing-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-focusRing-offset)}::slotted(gux-listbox){outline:none}.gux-selected-icon{display:flex;align-items:center}.gux-selected-icon gux-icon{width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);padding-right:var(--gse-ui-dropdown-gap)}";const W=["gux-option","gux-option-icon"].join(","),A={noMatches:"No matches",loading:"Loading..."},B=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.filterType="none",this.emptyMessage=void 0,this.selectedValues=[],this.listboxOptions=[],this.allListboxOptionsFiltered=void 0}onBlur(){v(this.root)}onKeydown(t){if(!b(this.root))return t.preventDefault(),void f(this.root);switch(t.key){case"Enter":return t.preventDefault(),void S(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(F(this.root)?(t.stopPropagation(),k(this.root)):w(this.root));case"ArrowUp":return t.preventDefault(),void(C(this.root)?(t.stopPropagation(),y(this.root)):m(this.root));case"Home":return t.preventDefault(),void w(this.root);case"End":return t.preventDefault(),void m(this.root);case" ":return void t.preventDefault()}1!==t.key.length||z(this.root,t.key)}onKeyup(t){" "!==t.key||S(this.root,(t=>this.updateValue(t)))}onMousemove(){v(this.root)}onClick(t){j(W,t,(t=>{T(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){S(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=p(this.root),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),a(this.root,"input"),a(this.root,"change")}async componentWillLoad(){g(this.root),this.i18n=await u(this.root,A),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&(t.filtered=!R(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(s,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return r(this)}};B.style=":host{box-sizing:border-box;display:block;max-height:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow:visible auto;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);outline:none;box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}:host(:focus-visible){outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-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;height:var(--gse-ui-menu-option-height);font-family:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily);font-size:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontSize);font-weight:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight);line-height:var(--gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight);color:var(--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor)}";const D=class{constructor(e){t(this,e),this.value=void 0,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||E("gux-option"),this.onSubtextChange()}onSubtextChange(){this.hasSubtext=I(this.root,"subtext")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return o(s,{key:"1c591279c2ba98403887a45cfabf49f943183bbd",role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"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:"04278101c42efb140ef3267796e28468e07a031e",class:"gux-option-wrapper"},o("gux-truncate",{key:"4699e053f1e2913b29034a4a3582f2c09da6bf77",ref:t=>this.truncateElement=t},o("slot",{key:"40d5ad86bb7a3cf7746b07de42ad1ee8081fd372"})),o("slot",{key:"3e450b678e4567cdeb4810111cf63003e1a977fe",onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return r(this)}static get watchers(){return{active:["handleActive"]}}};D.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;height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{width:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){border-radius:var(--gse-semantic-focusRing-cornerRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host(.gux-show-subtext){place-content:stretch flex-start;height:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){height:var(--gse-ui-groupedMenu-subtext-height);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{O as gux_dropdown,B as gux_listbox,D as gux_option}
@@ -1 +1 @@
1
- import{r as t,d as s,w as i,h as o,g as e}from"./p-2e827df1.js";import{a as r}from"./p-cf0e7d3b.js";import{b as l}from"./p-0367930a.js";import{O as a}from"./p-01471ba0.js";import"./p-4202e9f2.js";const c={scrollLeft:"Scroll Left",scrollRight:"Scroll Right",scrollUp:"Scroll Up",scrollDown:"Scroll Down"};const n=class{constructor(s){t(this,s),this.currentScrollIndex=0,this.focused=0,this.tabTriggers=void 0,this.hasHorizontalScrollbar=!1,this.hasVerticalScrollbar=!1,this.isScrolledToBeginning=!1,this.isScrolledToEnd=!1}onFocusout(t){this.root.contains(t.relatedTarget)||this.tabTriggers.forEach(((t,s)=>{t.guxGetActive().then((i=>{i?this.focused=s:t.querySelector("button").setAttribute("tabindex","-1")}))}))}onHasVerticalScrollBar(){this.checkDisabledScrollButtons()}onScroll(){this.checkDisabledScrollButtons()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":t.preventDefault(),this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.focusTab(this.focused);break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onMutation(){this.setTabTriggers()}async guxSetActive(t){this.tabTriggers.forEach(((s,i)=>{const o=s.tabId===t;s.guxSetActive(o),o&&(this.focused=i)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach(((t,s)=>{t.guxGetActive().then((i=>{this.focused===s||i||t.querySelector("button").setAttribute("tabindex","-1")}))})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}checkForScrollbarHideOrShow(){s((()=>{const t=this.root.querySelector(".gux-scrollable-section"),s=t.clientWidth<t.scrollWidth,i=t.clientHeight<t.scrollHeight;s!==this.hasHorizontalScrollbar&&(this.hasHorizontalScrollbar=s),i!==this.hasVerticalScrollbar&&(this.hasVerticalScrollbar=i),this.checkDisabledScrollButtons()}))}handleKeyboardScroll(t){const s=this.root.querySelector(".gux-scrollable-section");"forward"===t?this.focused<this.tabTriggers.length-1?(i((()=>{this.hasHorizontalScrollbar?this.scrollRight():this.scrollDown()})),this.focusTab(this.focused+1)):(i((()=>{this.hasHorizontalScrollbar?s.scrollBy(-s.scrollWidth,0):s.scrollBy(0,-s.scrollHeight)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(i((()=>{this.hasHorizontalScrollbar?this.scrollLeft():this.scrollUp()})),this.focusTab(this.focused-1)):(i((()=>{this.hasHorizontalScrollbar?s.scrollBy(s.scrollWidth,0):s.scrollBy(0,s.scrollHeight)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await l(this.root,c,"gux-tabs")}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),r((()=>{this.checkForScrollbarHideOrShow()}),500)}checkDisabledScrollButtons(){const t=this.root.querySelector(".gux-scrollable-section");if(this.hasHorizontalScrollbar){const s=t.scrollLeft,i=t.scrollWidth-t.clientWidth;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=i-s==0}else{const s=t.scrollTop,i=t.scrollHeight-t.clientHeight;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=i-s==0}}getTabLength(){var t;return null===(t=this.tabTriggers[this.currentScrollIndex])||void 0===t?void 0:t.scrollWidth}scrollLeft(){i((()=>{this.currentScrollIndex=this.isScrolledToEnd?this.tabTriggers.length-1:this.currentScrollIndex-1,this.root.querySelector(".gux-scrollable-section").scrollBy(-this.getTabLength(),0)}))}scrollRight(){i((()=>{this.isScrolledToBeginning&&(this.currentScrollIndex=0),this.root.querySelector(".gux-scrollable-section").scrollBy(this.getTabLength(),0),this.currentScrollIndex=this.currentScrollIndex+1}))}scrollUp(){i((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-this.tabTriggers[this.focused].clientHeight)}))}scrollDown(){i((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,this.tabTriggers[this.focused].clientHeight)}))}render(){return o("div",{key:"0dda7a3415a1167480f39a917343da9bcfd70d38",class:"gux-tab-container"},this.renderScrollButton(this.hasHorizontalScrollbar?"scrollLeft":"scrollUp"),o("div",{key:"5e15f0d1c1dd19c3f337885559bd43946894afb2",role:"tablist",class:"gux-scrollable-section","aria-owns":this.triggerIds},o("slot",{key:"f0bb1c361232a99ad987fc50a20adde7a6dc125b"})),this.renderScrollButton(this.hasHorizontalScrollbar?"scrollRight":"scrollDown"))}renderScrollButton(t){return o("div",{class:"gux-scroll-button-container"},this.hasHorizontalScrollbar||this.hasVerticalScrollbar?o("button",{disabled:this.getButtonDisabled(t),tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},o("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}getButtonDisabled(t){switch(t){case"scrollLeft":case"scrollUp":return this.isScrolledToBeginning;case"scrollRight":case"scrollDown":return this.isScrolledToEnd}}getScrollDirection(t){switch(t){case"scrollLeft":this.scrollLeft();break;case"scrollRight":this.scrollRight();break;case"scrollUp":this.scrollUp();break;case"scrollDown":this.scrollDown()}}getChevronIconName(t){switch(t){case"scrollLeft":return"custom/chevron-left-small-regular";case"scrollRight":return"custom/chevron-right-small-regular";case"scrollUp":return"custom/chevron-up-small-regular";case"scrollDown":return"custom/chevron-down-small-regular"}}get root(){return e(this)}};(function(t,s,i,o){var e,r=arguments.length,l=r<3?s:null===o?o=Object.getOwnPropertyDescriptor(s,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,s,i,o);else for(var a=t.length-1;a>=0;a--)(e=t[a])&&(l=(r<3?e(l):r>3?e(s,i,l):e(s,i))||l);r>3&&l&&Object.defineProperty(s,i,l)})([a({childList:!0,subtree:!0})],n.prototype,"onMutation",null),n.style="gux-tabs[orientation=vertical]{height:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container{display:flex;flex-direction:column;width:var(--gse-ui-tabs-set-vertical-width);max-width:160px;height:100%;margin-right:var(--gse-ui-tabs-set-vertical-marginRight);border-right:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container{width:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container button{width:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section{flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{width:0;height:0}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab-container{height:var(--gse-ui-tabs-set-horizontal-height);margin-bottom:var(--gse-ui-tabs-set-horizontal-marginBottom);border-bottom:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;width:100%;overflow:hidden hidden;background-color:transparent}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tabs .gux-scroll-button-container{display:flex;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:40px;color:#202937;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tabs .gux-scroll-button-container .gux-scroll-button:hover:not(:disabled){background-color:#d7dce5}gux-tabs .gux-scroll-button-container .gux-scroll-button:active:not(:disabled){background-color:#d2d8e5}gux-tabs .gux-scroll-button-container .gux-scroll-button:disabled{cursor:default;opacity:0.5}";export{n as gux_tab_list}
1
+ import{r as t,d as s,w as i,h as o,g as e}from"./p-2e827df1.js";import{a as r}from"./p-cf0e7d3b.js";import{b as l}from"./p-0367930a.js";import{O as a}from"./p-01471ba0.js";import"./p-4202e9f2.js";const c={scrollLeft:"Scroll Left",scrollRight:"Scroll Right",scrollUp:"Scroll Up",scrollDown:"Scroll Down"};const n=class{constructor(s){t(this,s),this.currentScrollIndex=0,this.focused=0,this.tabTriggers=void 0,this.hasHorizontalScrollbar=!1,this.hasVerticalScrollbar=!1,this.isScrolledToBeginning=!1,this.isScrolledToEnd=!1}onFocusout(t){this.root.contains(t.relatedTarget)||this.tabTriggers.forEach(((t,s)=>{t.guxGetActive().then((i=>{i?this.focused=s:t.querySelector("button").setAttribute("tabindex","-1")}))}))}onHasVerticalScrollBar(){this.checkDisabledScrollButtons()}onScroll(){this.checkDisabledScrollButtons()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":t.preventDefault(),this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.focusTab(this.focused);break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onMutation(){this.setTabTriggers()}async guxSetActive(t){this.tabTriggers.forEach(((s,i)=>{const o=s.tabId===t;s.guxSetActive(o),o&&(this.focused=i)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach(((t,s)=>{t.guxGetActive().then((i=>{this.focused===s||i||t.querySelector("button").setAttribute("tabindex","-1")}))})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}checkForScrollbarHideOrShow(){s((()=>{const t=this.root.querySelector(".gux-scrollable-section"),s=t.clientWidth<t.scrollWidth,i=t.clientHeight<t.scrollHeight;s!==this.hasHorizontalScrollbar&&(this.hasHorizontalScrollbar=s),i!==this.hasVerticalScrollbar&&(this.hasVerticalScrollbar=i),this.checkDisabledScrollButtons()}))}handleKeyboardScroll(t){const s=this.root.querySelector(".gux-scrollable-section");"forward"===t?this.focused<this.tabTriggers.length-1?(i((()=>{this.hasHorizontalScrollbar?this.scrollRight():this.scrollDown()})),this.focusTab(this.focused+1)):(i((()=>{this.hasHorizontalScrollbar?s.scrollBy(-s.scrollWidth,0):s.scrollBy(0,-s.scrollHeight)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(i((()=>{this.hasHorizontalScrollbar?this.scrollLeft():this.scrollUp()})),this.focusTab(this.focused-1)):(i((()=>{this.hasHorizontalScrollbar?s.scrollBy(s.scrollWidth,0):s.scrollBy(0,s.scrollHeight)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await l(this.root,c,"gux-tabs")}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),r((()=>{this.checkForScrollbarHideOrShow()}),500)}checkDisabledScrollButtons(){const t=this.root.querySelector(".gux-scrollable-section");if(this.hasHorizontalScrollbar){const s=t.scrollLeft,i=t.scrollWidth-t.clientWidth;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=i-s==0}else{const s=t.scrollTop,i=t.scrollHeight-t.clientHeight;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=i-s==0}}getTabLength(){var t;return null===(t=this.tabTriggers[this.currentScrollIndex])||void 0===t?void 0:t.scrollWidth}scrollLeft(){i((()=>{this.currentScrollIndex=this.isScrolledToEnd?this.tabTriggers.length-1:this.currentScrollIndex-1,this.root.querySelector(".gux-scrollable-section").scrollBy(-this.getTabLength(),0)}))}scrollRight(){i((()=>{this.isScrolledToBeginning&&(this.currentScrollIndex=0),this.root.querySelector(".gux-scrollable-section").scrollBy(this.getTabLength(),0),this.currentScrollIndex=this.currentScrollIndex+1}))}scrollUp(){i((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-this.tabTriggers[this.focused].clientHeight)}))}scrollDown(){i((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,this.tabTriggers[this.focused].clientHeight)}))}render(){return o("div",{key:"80bcaea37da28221ce055a939f7106834f84b728",class:"gux-tab-container"},this.renderScrollButton(this.hasHorizontalScrollbar?"scrollLeft":"scrollUp"),o("div",{key:"4808e901026fbf263eff1689ee784e98db7c2010",role:"tablist",class:"gux-scrollable-section","aria-owns":this.triggerIds},o("slot",{key:"6a3142ab1ca4425a46a1a97e2ec591755942e579"})),this.renderScrollButton(this.hasHorizontalScrollbar?"scrollRight":"scrollDown"))}renderScrollButton(t){return o("div",{class:"gux-scroll-button-container"},this.hasHorizontalScrollbar||this.hasVerticalScrollbar?o("button",{disabled:this.getButtonDisabled(t),tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},o("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}getButtonDisabled(t){switch(t){case"scrollLeft":case"scrollUp":return this.isScrolledToBeginning;case"scrollRight":case"scrollDown":return this.isScrolledToEnd}}getScrollDirection(t){switch(t){case"scrollLeft":this.scrollLeft();break;case"scrollRight":this.scrollRight();break;case"scrollUp":this.scrollUp();break;case"scrollDown":this.scrollDown()}}getChevronIconName(t){switch(t){case"scrollLeft":return"custom/chevron-left-small-regular";case"scrollRight":return"custom/chevron-right-small-regular";case"scrollUp":return"custom/chevron-up-small-regular";case"scrollDown":return"custom/chevron-down-small-regular"}}get root(){return e(this)}};(function(t,s,i,o){var e,r=arguments.length,l=r<3?s:null===o?o=Object.getOwnPropertyDescriptor(s,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,s,i,o);else for(var a=t.length-1;a>=0;a--)(e=t[a])&&(l=(r<3?e(l):r>3?e(s,i,l):e(s,i))||l);r>3&&l&&Object.defineProperty(s,i,l)})([a({childList:!0,subtree:!0})],n.prototype,"onMutation",null),n.style="gux-tabs[orientation=vertical]{height:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container{display:flex;flex-direction:column;width:var(--gse-ui-tabs-set-vertical-width);max-width:160px;height:100%;margin-right:var(--gse-ui-tabs-set-vertical-marginRight);border-right:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container{width:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scroll-button-container button{width:100%}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section{flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation=vertical]>gux-tab-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{width:0;height:0}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab-container{height:var(--gse-ui-tabs-set-horizontal-height);margin-bottom:var(--gse-ui-tabs-set-horizontal-marginBottom);border-bottom:var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;width:100%;overflow:hidden hidden;background-color:transparent}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tabs .gux-scroll-button-container{display:flex;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:40px;color:#202937;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tabs .gux-scroll-button-container .gux-scroll-button:hover:not(:disabled){background-color:#d7dce5}gux-tabs .gux-scroll-button-container .gux-scroll-button:active:not(:disabled){background-color:#d2d8e5}gux-tabs .gux-scroll-button-container .gux-scroll-button:disabled{cursor:default;opacity:0.5}";export{n as gux_tab_list}
@@ -1 +1 @@
1
- import{r as e,h as o,g as t}from"./p-2e827df1.js";import{g as r}from"./p-4202e9f2.js";import{g as n}from"./p-0268a3e8.js";import{h as i}from"./p-6d8b4027.js";const s=class{constructor(o){e(this,o),this.value=void 0,this.selected=!1,this.disabled=!1,this.iconOnly=!1,this.position=void 0}onClick(e){this.disabled&&e.stopPropagation()}isInStartPosition(e){const o=r("gux-segmented-control-beta",e);return 0===Array.from(o.children).findIndex((o=>o===e))}isInEndPosition(e){const o=r("gux-segmented-control-beta",e),t=Array.from(o.children);return t.findIndex((o=>o===e))===t.length-1}renderTooltip(){if(this.iconOnly)return o("gux-tooltip",null,n(this.root,"text"))}renderIconSlot(){if(i(this.root,"icon"))return o("div",{class:{"gux-icon":!0,"gux-icon-only":this.iconOnly}},o("slot",{name:"icon"}))}render(){return o("div",{key:"ea6d18d2b2f34e809bde11950d95b3cf41b0111c",class:{"gux-container":!0,"gux-start":this.isInStartPosition(this.root),"gux-end":this.isInEndPosition(this.root)}},o("button",{key:"6b7a963f730c37cb8ad0ed5174937facfadd944e",class:{"gux-segmented-control-item":!0,"gux-icon-only":this.iconOnly,"gux-selected":this.selected},type:"button",disabled:this.disabled},this.renderIconSlot(),o("div",{key:"1dabd619aaa056e2a21b0b003f832669450c6c19",class:{"gux-text":!0,"gux-icon-only":this.iconOnly}},o("slot",{key:"badc4c528a7d9bc2a0069d18a4230110bb8c0b60",name:"text"}))),this.renderTooltip())}static get delegatesFocus(){return!0}get root(){return t(this)}};s.style="button{all:unset}.gux-container{height:var(--gse-ui-segmentedControl-height);cursor:pointer;border-color:var(--gse-ui-segmentedControl-divider-color);border-style:var(--gse-ui-segmentedControl-divider-style);border-width:var(--gse-ui-segmentedControl-divider-width);border-right:none;border-radius:var(--gse-ui-segmentedControl-button-middle-borderRadius)}.gux-container.gux-start{border-left-color:var(--gse-ui-segmentedControl-divider-color);border-radius:var(--gse-ui-segmentedControl-button-start-borderRadius)}.gux-container.gux-end{border-style:var(--gse-ui-segmentedControl-divider-style);border-width:var(--gse-ui-segmentedControl-divider-width);border-right-color:var(--gse-ui-segmentedControl-divider-color);border-radius:var(--gse-ui-segmentedControl-button-end-borderRadius)}.gux-container.gux-start.gux-end{border-radius:var(--gse-ui-segmentedControl-borderRadius)}.gux-container .gux-segmented-control-item{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-segmentedControl-button-gap);place-content:stretch flex-start;align-items:center;height:100%;padding:var(--gse-ui-segmentedControl-button-padding);color:var(--gse-ui-segmentedControl-button-default-foregroundColor);background-color:var(--gse-ui-segmentedControl-button-default-backgroundColor)}.gux-container .gux-segmented-control-item.gux-icon-only{padding:var(--gse-ui-segmentedControl-iconOnly-padding)}.gux-container .gux-segmented-control-item.gux-icon-only .gux-text.gux-icon-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-container .gux-segmented-control-item:hover{color:var(--gse-ui-segmentedControl-button-hover-foregroundColor);background-color:var(--gse-ui-segmentedControl-button-hover-backgroundColor)}.gux-container .gux-segmented-control-item[disabled]{color:var(--gse-ui-segmentedControl-button-disabled-foregroundColor);pointer-events:none;background-color:var(--gse-ui-segmentedControl-button-disabled-backgroundColor);opacity:var(--gse-ui-segmentedControl-button-disabled-opacity)}.gux-container .gux-segmented-control-item.gux-selected{color:var(--gse-ui-segmentedControl-button-active-foregroundColor);background-color:var(--gse-ui-segmentedControl-button-active-backgroundColor)}.gux-container .gux-segmented-control-item:focus-visible{position:relative;z-index:var(--gse-semantic-zIndex-showFocus);border-radius:var(--gse-ui-segmentedControl-borderRadius);outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset);outline-offset:var(--gse-ui-segmentedControl-focus-offset)}.gux-container .gux-segmented-control-item .gux-icon slot[name=icon]::slotted(gux-icon){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}";export{s as gux_segmented_control_item}
1
+ import{r as e,h as o,g as t}from"./p-2e827df1.js";import{g as r}from"./p-4202e9f2.js";import{g as n}from"./p-0268a3e8.js";import{h as i}from"./p-6d8b4027.js";const s=class{constructor(o){e(this,o),this.value=void 0,this.selected=!1,this.disabled=!1,this.iconOnly=!1,this.position=void 0}onClick(e){this.disabled&&e.stopPropagation()}isInStartPosition(e){const o=r("gux-segmented-control-beta",e);return 0===Array.from(o.children).findIndex((o=>o===e))}isInEndPosition(e){const o=r("gux-segmented-control-beta",e),t=Array.from(o.children);return t.findIndex((o=>o===e))===t.length-1}renderTooltip(){if(this.iconOnly)return o("gux-tooltip",null,n(this.root,"text"))}renderIconSlot(){if(i(this.root,"icon"))return o("div",{class:{"gux-icon":!0,"gux-icon-only":this.iconOnly}},o("slot",{name:"icon"}))}render(){return o("div",{key:"d91ef096989c854b0a65713c1102b94a842caaeb",class:{"gux-container":!0,"gux-start":this.isInStartPosition(this.root),"gux-end":this.isInEndPosition(this.root)}},o("button",{key:"96d54e7dce6661d3c7749f0fc3325529d00d2ac2",class:{"gux-segmented-control-item":!0,"gux-icon-only":this.iconOnly,"gux-selected":this.selected},type:"button",disabled:this.disabled},this.renderIconSlot(),o("div",{key:"a6c5baf28bee4abf89ce7665e88b456492bd2dc0",class:{"gux-text":!0,"gux-icon-only":this.iconOnly}},o("slot",{key:"4a52bfeae2a62f8c097fb322afc427574df6445f",name:"text"}))),this.renderTooltip())}static get delegatesFocus(){return!0}get root(){return t(this)}};s.style="button{all:unset}.gux-container{height:var(--gse-ui-segmentedControl-height);cursor:pointer;border-color:var(--gse-ui-segmentedControl-divider-color);border-style:var(--gse-ui-segmentedControl-divider-style);border-width:var(--gse-ui-segmentedControl-divider-width);border-right:none;border-radius:var(--gse-ui-segmentedControl-button-middle-borderRadius)}.gux-container.gux-start{border-left-color:var(--gse-ui-segmentedControl-divider-color);border-radius:var(--gse-ui-segmentedControl-button-start-borderRadius)}.gux-container.gux-end{border-style:var(--gse-ui-segmentedControl-divider-style);border-width:var(--gse-ui-segmentedControl-divider-width);border-right-color:var(--gse-ui-segmentedControl-divider-color);border-radius:var(--gse-ui-segmentedControl-button-end-borderRadius)}.gux-container.gux-start.gux-end{border-radius:var(--gse-ui-segmentedControl-borderRadius)}.gux-container .gux-segmented-control-item{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-segmentedControl-button-gap);place-content:stretch flex-start;align-items:center;height:100%;padding:var(--gse-ui-segmentedControl-button-padding);color:var(--gse-ui-segmentedControl-button-default-foregroundColor);background-color:var(--gse-ui-segmentedControl-button-default-backgroundColor)}.gux-container .gux-segmented-control-item.gux-icon-only{padding:var(--gse-ui-segmentedControl-iconOnly-padding)}.gux-container .gux-segmented-control-item.gux-icon-only .gux-text.gux-icon-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-container .gux-segmented-control-item:hover{color:var(--gse-ui-segmentedControl-button-hover-foregroundColor);background-color:var(--gse-ui-segmentedControl-button-hover-backgroundColor)}.gux-container .gux-segmented-control-item[disabled]{color:var(--gse-ui-segmentedControl-button-disabled-foregroundColor);pointer-events:none;background-color:var(--gse-ui-segmentedControl-button-disabled-backgroundColor);opacity:var(--gse-ui-segmentedControl-button-disabled-opacity)}.gux-container .gux-segmented-control-item.gux-selected{color:var(--gse-ui-segmentedControl-button-active-foregroundColor);background-color:var(--gse-ui-segmentedControl-button-active-backgroundColor)}.gux-container .gux-segmented-control-item:focus-visible{position:relative;z-index:var(--gse-semantic-zIndex-showFocus);border-radius:var(--gse-ui-segmentedControl-borderRadius);outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset);outline-offset:var(--gse-ui-segmentedControl-focus-offset)}.gux-container .gux-segmented-control-item .gux-icon slot[name=icon]::slotted(gux-icon){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}";export{s as gux_segmented_control_item}
@@ -1 +1 @@
1
- import{r as a,c as o,h as t,g as e}from"./p-2e827df1.js";import{r as i}from"./p-0934300e.js";import{t as n}from"./p-18105fc4.js";const l=class{constructor(t){a(this,t),this.guxdismiss=o(this,"guxdismiss",7),this.size="dynamic",this.trapFocus=!0,this.initialFocus=void 0}handleKeyEvent(a){"Escape"===a.key&&this.onDismissHandler(a)}connectedCallback(){this.triggerElement=document.activeElement}componentWillLoad(){n(this.root,{variant:`${this.size}-${this.trapFocus?"trapfocuson":"trapfocusoff"}`})}componentDidLoad(){var a,o,t;const e=this.getInitialFocusElement();e?null===(a=e.focus)||void 0===a||a.call(e):this.dismissButton&&(null===(t=(o=this.dismissButton).focus)||void 0===t||t.call(o))}render(){const a=this.hasModalTitleSlot(),o=this.hasFooterButtons(),e=i();return t("div",{key:"bf5aa99c17196583643a091cadc4ac61af4e95d5",class:"gux-modal",role:"dialog","aria-modal":"true","aria-labelledby":a?e:null},t("div",{key:"d13021f74577d221681404037749b2fa11a49f7c",class:`gux-modal-container gux-${this.size}`},this.renderModalTrapFocusEl(),a&&t("h1",{class:"gux-modal-header",id:e},t("slot",{name:"title"})),t("gux-dismiss-button",{key:"cfa6569a483402546a6c02d82eb299532eeda09c",onClick:this.onDismissHandler.bind(this),ref:a=>this.dismissButton=a}),t("div",{key:"ffcb7df17b6096b63cf4c7f7a54a363ea9e3822a",class:{"gux-modal-content":!0,"gux-no-buttons":!o}},t("p",{key:"8abb233f4af9528d456bcaa50884f426f274c14b"},t("slot",{key:"a5a7e272a776c515e6719cd45d6473ebea19b970",name:"content"}))),o&&t("div",{class:"gux-button-footer"},t("div",{class:"gux-left-align-buttons"},t("slot",{name:"left-align-buttons"})),t("div",{class:"gux-right-align-buttons"},t("slot",{name:"right-align-buttons"}))),this.renderModalTrapFocusEl()))}renderModalTrapFocusEl(){if(this.trapFocus)return t("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 o;a.stopPropagation(),this.guxdismiss.emit().defaultPrevented||(this.root.remove(),null===(o=this.triggerElement)||void 0===o||o.focus())}get root(){return e(this)}};l.style="::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding);background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";export{l as gux_modal_legacy}
1
+ import{r as o,c as a,h as t,g as e}from"./p-2e827df1.js";import{r as i}from"./p-0934300e.js";import{t as n}from"./p-13dd9346.js";const l=class{constructor(t){o(this,t),this.guxdismiss=a(this,"guxdismiss",7),this.size="dynamic",this.trapFocus=!0,this.initialFocus=void 0}handleKeyEvent(o){"Escape"===o.key&&this.onDismissHandler(o)}connectedCallback(){this.triggerElement=document.activeElement}componentWillLoad(){n(this.root,{variant:`${this.size}-${this.trapFocus?"trapfocuson":"trapfocusoff"}`})}componentDidLoad(){var o,a,t;const e=this.getInitialFocusElement();e?null===(o=e.focus)||void 0===o||o.call(e):this.dismissButton&&(null===(t=(a=this.dismissButton).focus)||void 0===t||t.call(a))}render(){const o=this.hasModalTitleSlot(),a=this.hasFooterButtons(),e=i();return t("div",{key:"b4d794e9ca48d02f971b9021444102fb050b09a3",class:"gux-modal",role:"dialog","aria-modal":"true","aria-labelledby":o?e:null},t("div",{key:"36c9c138eea049529baa001a43027630b5b5822d",class:`gux-modal-container gux-${this.size}`},this.renderModalTrapFocusEl(),o&&t("h1",{class:"gux-modal-header",id:e},t("slot",{name:"title"})),t("gux-dismiss-button",{key:"29a8c5718c8645337d912aade0006a0705f9eac4",onClick:this.onDismissHandler.bind(this),ref:o=>this.dismissButton=o}),t("div",{key:"540e1b08dd6f0bc473c397cbd372cdbfac6e3705",class:{"gux-modal-content":!0,"gux-no-buttons":!a}},t("p",{key:"67ad5e765c02b06a62bd3c0342a5bda314bc1ca6"},t("slot",{key:"df01a76583c1e815d47fa599254726a4f3b7ec9d",name:"content"}))),a&&t("div",{class:"gux-button-footer"},t("div",{class:"gux-left-align-buttons"},t("slot",{name:"left-align-buttons"})),t("div",{class:"gux-right-align-buttons"},t("slot",{name:"right-align-buttons"}))),this.renderModalTrapFocusEl()))}renderModalTrapFocusEl(){if(this.trapFocus)return t("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(o){var a;o.stopPropagation(),this.guxdismiss.emit().defaultPrevented||(this.root.remove(),null===(a=this.triggerElement)||void 0===a||a.focus())}get root(){return e(this)}};l.style="::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding);background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";export{l as gux_modal_legacy}
@@ -1 +1 @@
1
- import{r as t,h as s,H as e,g as i}from"./p-2e827df1.js";import{t as a}from"./p-18105fc4.js";import{D as r,g as o}from"./p-76df7717.js";import{u as h,d as n,a as m}from"./p-0b7e4626.js";import{g as p}from"./p-0367930a.js";import"./p-4202e9f2.js";const f=class{constructor(s){t(this,s),this.hasRegionalDatesCookie=!1,this.datetime=(new Date).toISOString(),this.format="short",this.timeZone=void 0}componentWillLoad(){a(this.root),h()?this.hasRegionalDatesCookie=!0:this.formatter=new r(p(this.root))}renderDate(){return this.hasRegionalDatesCookie?n(m(this.root),{dateStyle:this.format,timeZone:o(this.timeZone)}).format(new Date(this.datetime)):this.formatter.formatDate(new Date(this.datetime),this.format,{timeZone:o(this.timeZone)})}render(){return s(e,{key:"a9ca02bca11221f4e53aa65807f1291c8a834048"},this.renderDate())}get root(){return i(this)}};export{f as gux_date_beta}
1
+ import{r as t,h as s,H as e,g as i}from"./p-2e827df1.js";import{t as r}from"./p-13dd9346.js";import{D as a,g as o}from"./p-76df7717.js";import{u as h,d as n,a as m}from"./p-0b7e4626.js";import{g as p}from"./p-0367930a.js";import"./p-4202e9f2.js";const d=class{constructor(s){t(this,s),this.hasRegionalDatesCookie=!1,this.datetime=(new Date).toISOString(),this.format="short",this.timeZone=void 0}componentWillLoad(){r(this.root),h()?this.hasRegionalDatesCookie=!0:this.formatter=new a(p(this.root))}renderDate(){return this.hasRegionalDatesCookie?n(m(this.root),{dateStyle:this.format,timeZone:o(this.timeZone)}).format(new Date(this.datetime)):this.formatter.formatDate(new Date(this.datetime),this.format,{timeZone:o(this.timeZone)})}render(){return s(e,{key:"79f6d22c05b5530f617b7db412af44f0e2a374b7"},this.renderDate())}get root(){return i(this)}};export{d as gux_date_beta}
@@ -1 +1 @@
1
- import{r as t,h as i,H as o,g as e}from"./p-2e827df1.js";import{a as s,o as a,f as r,s as n,h,c as l}from"./p-b43ee47b.js";import{r as d}from"./p-0934300e.js";import{t as c}from"./p-18105fc4.js";import{b as p}from"./p-cf0e7d3b.js";const g=class{constructor(i){t(this,i),this.pointerenterHandler=()=>this.show(),this.pointerleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.forElementListeners=new Map([["pointerenter",this.pointerenterHandler],["pointerleave",this.pointerleaveHandler],["focusin",this.focusinHandler],["focusout",this.focusoutHandler]]),this.id=d("gux-tooltip-base"),this.tooltipId=void 0,this.forElement=void 0,this.placement="bottom-start",this.offsetX=0,this.offsetY=0,this.accent="light",this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.forElement,this.root,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!1,ancestorResize:!0})}updatePosition(){const t=[a(16),r(),n(),h()];l(this.forElement,this.root,{placement:this.placement,strategy:"fixed",middleware:t}).then((({x:t,y:i,middlewareData:o})=>{var e;Object.assign(this.root.style,{left:`${t+this.offsetX}px`,top:i-this.offsetY+"px",visibility:(null===(e=o.hide)||void 0===e?void 0:e.referenceHidden)?"hidden":"visible"}),this.root.setAttribute("data-placement",this.placement)}))}show(){this.isShown=!0,p((()=>{this.runUpdatePosition()}))}hide(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.isShown=!1}setForElement(){this.forElement&&(this.forElement.setAttribute("aria-describedby",this.tooltipId?this.tooltipId:this.id),this.forElementListeners.forEach(((t,i)=>this.forElement.addEventListener(i,t))))}disconnectForElement(){this.forElement&&(this.forElement.removeAttribute("aria-describedby"),this.forElementListeners.forEach(((t,i)=>this.forElement.removeEventListener(i,t))))}updateForElement(){this.disconnectForElement(),this.setForElement()}connectedCallback(){this.setForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnectForElement()}render(){return i(o,{key:"abbcb96d4a8a301908c1ad20df7770a89cbd4077",id:this.tooltipId?void 0:this.id,role:this.tooltipId?void 0:"tooltip",class:{"gux-show":this.isShown}},i("div",{key:"17d69f7175afef1eea4af211140af6ff2cd9a4ae",class:{"gux-container":!0,[`gux-${this.accent}`]:!0},"data-placement":this.placement},i("slot",{key:"3eef93b4b81a750e2edb0981871eb2ece4d3df0b",name:"content"})))}get root(){return e(this)}static get watchers(){return{offsetX:["runUpdatePosition"],offsetY:["runUpdatePosition"],forElement:["updateForElement"]}}};g.style=":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;width:max-content;max-width:250px;pointer-events:none;box-shadow:var(--gse-ui-tooltip-boxShadow-x) var(--gse-ui-tooltip-boxShadow-y) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-light-iconColor)}.gux-container ::slotted(*){width:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border-color:var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";export{g as gux_tooltip_base_beta}
1
+ import{r as t,h as i,H as o,g as e}from"./p-2e827df1.js";import{a as s,o as a,f as r,s as n,h,c as l}from"./p-b43ee47b.js";import{r as d}from"./p-0934300e.js";import{t as c}from"./p-13dd9346.js";import{b as p}from"./p-cf0e7d3b.js";const g=class{constructor(i){t(this,i),this.pointerenterHandler=()=>this.show(),this.pointerleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.forElementListeners=new Map([["pointerenter",this.pointerenterHandler],["pointerleave",this.pointerleaveHandler],["focusin",this.focusinHandler],["focusout",this.focusoutHandler]]),this.id=d("gux-tooltip-base"),this.tooltipId=void 0,this.forElement=void 0,this.placement="bottom-start",this.offsetX=0,this.offsetY=0,this.accent="light",this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.forElement,this.root,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!1,ancestorResize:!0})}updatePosition(){const t=[a(16),r(),n(),h()];l(this.forElement,this.root,{placement:this.placement,strategy:"fixed",middleware:t}).then((({x:t,y:i,middlewareData:o})=>{var e;Object.assign(this.root.style,{left:`${t+this.offsetX}px`,top:i-this.offsetY+"px",visibility:(null===(e=o.hide)||void 0===e?void 0:e.referenceHidden)?"hidden":"visible"}),this.root.setAttribute("data-placement",this.placement)}))}show(){this.isShown=!0,p((()=>{this.runUpdatePosition()}))}hide(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.isShown=!1}setForElement(){this.forElement&&(this.forElement.setAttribute("aria-describedby",this.tooltipId?this.tooltipId:this.id),this.forElementListeners.forEach(((t,i)=>this.forElement.addEventListener(i,t))))}disconnectForElement(){this.forElement&&(this.forElement.removeAttribute("aria-describedby"),this.forElementListeners.forEach(((t,i)=>this.forElement.removeEventListener(i,t))))}updateForElement(){this.disconnectForElement(),this.setForElement()}connectedCallback(){this.setForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnectForElement()}render(){return i(o,{key:"a4267d7fb5a4e05bcddc3885a7a9ba6bf38b397b",id:this.tooltipId?void 0:this.id,role:this.tooltipId?void 0:"tooltip",class:{"gux-show":this.isShown}},i("div",{key:"6952bf492c1047965f5740b9b786ed4cee953f4a",class:{"gux-container":!0,[`gux-${this.accent}`]:!0},"data-placement":this.placement},i("slot",{key:"dff2b7c036a4ee9b15e8d1f79145730bd1728913",name:"content"})))}get root(){return e(this)}static get watchers(){return{offsetX:["runUpdatePosition"],offsetY:["runUpdatePosition"],forElement:["updateForElement"]}}};g.style=":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;width:max-content;max-width:250px;pointer-events:none;box-shadow:var(--gse-ui-tooltip-boxShadow-x) var(--gse-ui-tooltip-boxShadow-y) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-light-iconColor)}.gux-container ::slotted(*){width:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border-color:var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";export{g as gux_tooltip_base_beta}
@@ -1 +1 @@
1
- import{r as t,h as s,g as i}from"./p-2e827df1.js";import{t as r}from"./p-18105fc4.js";const n=/[ +]/g,e=new Map,h=new Map;function a(t){return t.replace(/[\^$*+?.(){}[\]\\]/g,"\\$&")}const o=class{constructor(s){t(this,s),this.text=void 0,this.highlight=void 0,this.strategy="start",this.dimmed=!1}componentWillLoad(){r(this.root)}render(){if(this.highlight&&this.text)switch(this.strategy){case"start":return this.renderStartsWith();case"contains":return this.renderContains();case"fuzzy":return this.renderFuzzy()}return s("span",{class:{"gux-dimmed":this.dimmed}},this.text)}renderStartsWith(){if(this.text.toLowerCase().startsWith(this.highlight.toLowerCase())){const t=this.text.substring(0,this.highlight.length),i=this.text.substring(this.highlight.length);return s("span",{class:{"gux-dimmed":this.dimmed}},s("mark",null,t),i)}return s("span",{class:{"gux-dimmed":this.dimmed}},this.text)}renderContains(){const t={highlighted:"",remaining:this.text};for(;t.remaining.toLowerCase().includes(this.highlight.toLowerCase());){const s=t.remaining.toLowerCase().indexOf(this.highlight.toLowerCase()),i=t.remaining.substring(0,s),r=t.remaining.substring(s,s+this.highlight.length);t.highlighted+=i+`<mark>${r}</mark>`,t.remaining=t.remaining.substring(s+r.length)}return s("span",{class:{"gux-dimmed":this.dimmed},innerHTML:t.highlighted+t.remaining})}renderFuzzy(){if(function(t,s){let i=e.get(t);return i||(i=function(t){const s=t.split(n).map(a);if(1===s.length)return new RegExp(s[0],"i");let i="(";return s.forEach(((t,r)=>{i+=t+").*",r!==s.length-1&&(i+="(")})),new RegExp(i+"$","i")}(t),e.set(t,i)),i.test(s)}(this.highlight,this.text)){const i=(t=this.highlight,t.split(n).map(a).map((t=>{let s=h.get(t);return s||(s=new RegExp(t,"i"),h.set(t,s)),s}))).reduce(((t,s)=>{const{0:i,index:r,input:n}=t.remaining.match(s),e=n.substring(0,r);return{highlighted:`${t.highlighted+e}<mark>${i}</mark>`,remaining:n.substring(r+i.length)}}),{highlighted:"",remaining:this.text});return s("span",{class:{"gux-dimmed":this.dimmed},innerHTML:i.highlighted+i.remaining})}var t;return s("span",{class:{"gux-dimmed":this.dimmed}},this.text)}get root(){return i(this)}};o.style="span mark{background-color:var(--gse-ui-search-match-firstLevel-backgroundColor)}.gux-dimmed mark{background-color:var(--gse-ui-search-match-subsequentLevel-backgroundColor)}";export{o as gux_text_highlight}
1
+ import{r as t,h as s,g as i}from"./p-2e827df1.js";import{t as r}from"./p-13dd9346.js";const n=/[ +]/g,e=new Map,h=new Map;function a(t){return t.replace(/[\^$*+?.(){}[\]\\]/g,"\\$&")}const o=class{constructor(s){t(this,s),this.text=void 0,this.highlight=void 0,this.strategy="start",this.dimmed=!1}componentWillLoad(){r(this.root)}render(){if(this.highlight&&this.text)switch(this.strategy){case"start":return this.renderStartsWith();case"contains":return this.renderContains();case"fuzzy":return this.renderFuzzy()}return s("span",{class:{"gux-dimmed":this.dimmed}},this.text)}renderStartsWith(){if(this.text.toLowerCase().startsWith(this.highlight.toLowerCase())){const t=this.text.substring(0,this.highlight.length),i=this.text.substring(this.highlight.length);return s("span",{class:{"gux-dimmed":this.dimmed}},s("mark",null,t),i)}return s("span",{class:{"gux-dimmed":this.dimmed}},this.text)}renderContains(){const t={highlighted:"",remaining:this.text};for(;t.remaining.toLowerCase().includes(this.highlight.toLowerCase());){const s=t.remaining.toLowerCase().indexOf(this.highlight.toLowerCase()),i=t.remaining.substring(0,s),r=t.remaining.substring(s,s+this.highlight.length);t.highlighted+=i+`<mark>${r}</mark>`,t.remaining=t.remaining.substring(s+r.length)}return s("span",{class:{"gux-dimmed":this.dimmed},innerHTML:t.highlighted+t.remaining})}renderFuzzy(){if(function(t,s){let i=e.get(t);return i||(i=function(t){const s=t.split(n).map(a);if(1===s.length)return new RegExp(s[0],"i");let i="(";return s.forEach(((t,r)=>{i+=t+").*",r!==s.length-1&&(i+="(")})),new RegExp(i+"$","i")}(t),e.set(t,i)),i.test(s)}(this.highlight,this.text)){const i=(t=this.highlight,t.split(n).map(a).map((t=>{let s=h.get(t);return s||(s=new RegExp(t,"i"),h.set(t,s)),s}))).reduce(((t,s)=>{const{0:i,index:r,input:n}=t.remaining.match(s),e=n.substring(0,r);return{highlighted:`${t.highlighted+e}<mark>${i}</mark>`,remaining:n.substring(r+i.length)}}),{highlighted:"",remaining:this.text});return s("span",{class:{"gux-dimmed":this.dimmed},innerHTML:i.highlighted+i.remaining})}var t;return s("span",{class:{"gux-dimmed":this.dimmed}},this.text)}get root(){return i(this)}};o.style="span mark{background-color:var(--gse-ui-search-match-firstLevel-backgroundColor)}.gux-dimmed mark{background-color:var(--gse-ui-search-match-subsequentLevel-backgroundColor)}";export{o as gux_text_highlight}