genesys-spark-components 4.43.0 → 4.44.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 (513) 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 +1 -1
  10. package/dist/cjs/gux-avatar-change-photo-beta.cjs.entry.js +1 -1
  11. package/dist/cjs/gux-badge.cjs.entry.js +2 -2
  12. package/dist/cjs/gux-blank-state.cjs.entry.js +2 -2
  13. package/dist/cjs/gux-breadcrumb-item.cjs.entry.js +1 -1
  14. package/dist/cjs/gux-breadcrumbs.cjs.entry.js +2 -2
  15. package/dist/cjs/gux-button-multi.cjs.entry.js +2 -2
  16. package/dist/cjs/gux-button-slot.cjs.entry.js +2 -2
  17. package/dist/cjs/gux-button.cjs.entry.js +3 -3
  18. package/dist/cjs/gux-calendar.cjs.entry.js +2 -2
  19. package/dist/cjs/gux-card.cjs.entry.js +3 -3
  20. package/dist/cjs/gux-column-manager-item.cjs.entry.js +3 -3
  21. package/dist/cjs/gux-column-manager.cjs.entry.js +2 -2
  22. package/dist/cjs/gux-content-search.cjs.entry.js +3 -3
  23. package/dist/cjs/gux-context-menu.cjs.entry.js +3 -3
  24. package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +2 -2
  25. package/dist/cjs/gux-create-option.cjs.entry.js +2 -2
  26. package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
  27. package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
  28. package/dist/cjs/gux-datepicker.cjs.entry.js +2 -2
  29. package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +3 -3
  30. package/dist/cjs/gux-dismiss-button.cjs.entry.js +2 -2
  31. package/dist/cjs/gux-dropdown-multi-tag.cjs.entry.js +1 -1
  32. package/dist/cjs/gux-dropdown-multi.cjs.entry.js +2 -2
  33. package/dist/cjs/gux-dropdown-option.cjs.entry.js +1 -1
  34. package/dist/cjs/gux-dropdown_3.cjs.entry.js +4 -4
  35. package/dist/cjs/gux-flag-icon-beta.cjs.entry.js +1 -1
  36. package/dist/cjs/gux-flyout-menu.cjs.entry.js +3 -3
  37. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +5 -4
  38. package/dist/cjs/gux-form-field-color.cjs.entry.js +6 -5
  39. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +5 -4
  40. package/dist/cjs/gux-form-field-error-d11bcc8b.js +23 -0
  41. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +2 -2
  42. package/dist/cjs/gux-form-field-number_3.cjs.entry.js +9 -8
  43. package/dist/cjs/gux-form-field-phone.cjs.entry.js +6 -5
  44. package/dist/cjs/gux-form-field-radio.cjs.entry.js +5 -4
  45. package/dist/cjs/gux-form-field-range.cjs.entry.js +5 -4
  46. package/dist/cjs/gux-form-field-search.cjs.entry.js +6 -5
  47. package/dist/cjs/gux-form-field-select.cjs.entry.js +6 -5
  48. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +6 -5
  49. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +5 -4
  50. package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +6 -5
  51. package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +5 -4
  52. package/dist/cjs/{gux-form-field.service-136fe9f0.js → gux-form-field.service-f5697509.js} +0 -20
  53. package/dist/cjs/gux-icon.cjs.entry.js +2 -2
  54. package/dist/cjs/gux-inline-alert.cjs.entry.js +3 -3
  55. package/dist/cjs/gux-list-divider.cjs.entry.js +1 -1
  56. package/dist/cjs/gux-list-item.cjs.entry.js +1 -1
  57. package/dist/cjs/gux-list.cjs.entry.js +2 -2
  58. package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
  59. package/dist/cjs/gux-loading-message.cjs.entry.js +2 -2
  60. package/dist/cjs/gux-menu-option.cjs.entry.js +1 -1
  61. package/dist/cjs/gux-menu.cjs.entry.js +1 -1
  62. package/dist/cjs/gux-modal-legacy.cjs.entry.js +3 -3
  63. package/dist/cjs/gux-modal.cjs.entry.js +3 -3
  64. package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
  65. package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +2 -2
  66. package/dist/cjs/gux-option-group-beta.cjs.entry.js +1 -1
  67. package/dist/cjs/gux-option-icon.cjs.entry.js +2 -2
  68. package/dist/cjs/gux-option-multi.cjs.entry.js +2 -2
  69. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +2 -2
  70. package/dist/cjs/gux-pagination-buttons-legacy_3.cjs.entry.js +4 -4
  71. package/dist/cjs/gux-pagination-buttons_2.cjs.entry.js +2 -2
  72. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-pagination-items-per-page.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-pagination-legacy.cjs.entry.js +2 -2
  75. package/dist/cjs/gux-pagination.cjs.entry.js +2 -2
  76. package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
  77. package/dist/cjs/gux-popover-list.cjs.entry.js +3 -3
  78. package/dist/cjs/gux-popup.cjs.entry.js +3 -3
  79. package/dist/cjs/gux-radial-loading.cjs.entry.js +2 -2
  80. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  81. package/dist/cjs/gux-rating.cjs.entry.js +2 -2
  82. package/dist/cjs/gux-row-select.cjs.entry.js +1 -1
  83. package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
  84. package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
  85. package/dist/cjs/gux-selector-card-beta.cjs.entry.js +73 -0
  86. package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +2 -2
  87. package/dist/cjs/gux-skip-navigation-item.cjs.entry.js +1 -1
  88. package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +2 -2
  89. package/dist/cjs/gux-sort-control.cjs.entry.js +4 -4
  90. package/dist/cjs/gux-submenu.cjs.entry.js +3 -3
  91. package/dist/cjs/gux-switch-item.cjs.entry.js +1 -1
  92. package/dist/cjs/gux-switch-legacy.cjs.entry.js +2 -2
  93. package/dist/cjs/gux-tab-advanced-list.cjs.entry.js +1 -1
  94. package/dist/cjs/gux-tab-advanced-panel.cjs.entry.js +1 -1
  95. package/dist/cjs/gux-tab-advanced.cjs.entry.js +2 -2
  96. package/dist/cjs/gux-tab-list.cjs.entry.js +2 -2
  97. package/dist/cjs/gux-tab-panel.cjs.entry.js +1 -1
  98. package/dist/cjs/gux-tab.cjs.entry.js +2 -2
  99. package/dist/cjs/gux-table-select-menu.cjs.entry.js +1 -1
  100. package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +2 -2
  101. package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +2 -2
  102. package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +2 -2
  103. package/dist/cjs/gux-table-toolbar.cjs.entry.js +4 -4
  104. package/dist/cjs/gux-table.cjs.entry.js +2 -2
  105. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +2 -2
  106. package/dist/cjs/gux-tabs.cjs.entry.js +2 -2
  107. package/dist/cjs/gux-tag.cjs.entry.js +2 -2
  108. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  109. package/dist/cjs/gux-time-beta.cjs.entry.js +2 -2
  110. package/dist/cjs/gux-time-picker.cjs.entry.js +2 -2
  111. package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +3 -3
  112. package/dist/cjs/gux-toast.cjs.entry.js +3 -3
  113. package/dist/cjs/gux-toggle-slider.cjs.entry.js +2 -2
  114. package/dist/cjs/gux-toggle.cjs.entry.js +3 -3
  115. package/dist/cjs/gux-tooltip-base-beta.cjs.entry.js +3 -3
  116. package/dist/cjs/gux-tooltip-beta.cjs.entry.js +2 -2
  117. package/dist/cjs/gux-tooltip-title.cjs.entry.js +2 -2
  118. package/dist/cjs/gux-tooltip.cjs.entry.js +3 -3
  119. package/dist/cjs/gux-truncate.cjs.entry.js +2 -2
  120. package/dist/cjs/index-7fb02c8c.js +4 -0
  121. package/dist/cjs/loader.cjs.js +1 -1
  122. package/dist/cjs/{usage-a814956f.js → usage-f12fac9e.js} +1 -1
  123. package/dist/collection/collection-manifest.json +1 -0
  124. package/dist/collection/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.css +148 -0
  125. package/dist/collection/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.js +112 -0
  126. package/dist/collection/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.types.js +1 -0
  127. package/dist/collection/components/beta/gux-selector-cards/gux-selector-card/tests/gux-selector-card.spec.js +60 -0
  128. package/dist/collection/components/beta/gux-time/gux-time.js +1 -1
  129. package/dist/collection/components/beta/gux-time-zone-picker/gux-time-zone-picker.js +2 -2
  130. package/dist/collection/components/beta/gux-tooltip-base/gux-tooltip-base.js +2 -2
  131. package/dist/collection/components/beta/gux-tooltip-beta/gux-tooltip.js +1 -1
  132. package/dist/collection/components/legacy/gux-action-toast-legacy/gux-action-toast.js +1 -1
  133. package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/dropdown-option/gux-dropdown-option.js +1 -1
  134. package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/gux-advanced-dropdown.js +2 -2
  135. package/dist/collection/components/legacy/gux-disclosure-button-legacy/gux-disclosure-button.js +2 -2
  136. package/dist/collection/components/legacy/gux-modal-legacy/gux-modal-legacy.js +2 -2
  137. package/dist/collection/components/legacy/gux-notification-toast-legacy/gux-notification-toast.js +1 -1
  138. package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-buttons-legacy/gux-pagination-buttons.js +1 -1
  139. package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-item-counts-legacy/gux-pagination-item-counts.js +2 -2
  140. package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-items-per-page-legacy/gux-pagination-items-per-page.js +1 -1
  141. package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination.js +1 -1
  142. package/dist/collection/components/legacy/gux-simple-toast-legacy/gux-simple-toast.js +1 -1
  143. package/dist/collection/components/legacy/gux-switch-legacy/gux-switch-item/gux-switch-item.js +1 -1
  144. package/dist/collection/components/legacy/gux-switch-legacy/gux-switch.js +1 -1
  145. package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.js +5 -5
  146. package/dist/collection/components/stable/gux-accordion/gux-accordion.js +1 -1
  147. package/dist/collection/components/stable/gux-action-button/gux-action-button.js +1 -1
  148. package/dist/collection/components/stable/gux-badge/gux-badge.js +1 -1
  149. package/dist/collection/components/stable/gux-blank-state/gux-blank-state.js +1 -1
  150. package/dist/collection/components/stable/gux-breadcrumbs/breadcrumb-item/gux-breadcrumb-item.js +1 -1
  151. package/dist/collection/components/stable/gux-breadcrumbs/gux-breadcrumbs.js +1 -1
  152. package/dist/collection/components/stable/gux-button/gux-button.js +2 -2
  153. package/dist/collection/components/stable/gux-button-multi/gux-button-multi.js +1 -1
  154. package/dist/collection/components/stable/gux-button-slot/gux-button-slot.js +1 -1
  155. package/dist/collection/components/stable/gux-calendar/gux-calendar.js +1 -1
  156. package/dist/collection/components/stable/gux-card/gux-card.js +2 -2
  157. package/dist/collection/components/stable/gux-column-manager/gux-column-manager-item/gux-column-manager-item.js +3 -3
  158. package/dist/collection/components/stable/gux-column-manager/gux-column-manager.js +1 -1
  159. package/dist/collection/components/stable/gux-content-search/gux-content-search.js +2 -2
  160. package/dist/collection/components/stable/gux-context-menu/gux-context-menu.js +2 -2
  161. package/dist/collection/components/stable/gux-copy-to-clipboard/gux-copy-to-clipboard.js +1 -1
  162. package/dist/collection/components/stable/gux-datepicker/gux-datepicker.js +1 -1
  163. package/dist/collection/components/stable/gux-dismiss-button/gux-dismiss-button.js +1 -1
  164. package/dist/collection/components/stable/gux-dropdown/gux-dropdown.js +1 -1
  165. package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.js +1 -1
  166. package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi.js +1 -1
  167. package/dist/collection/components/stable/gux-flyout-menu/gux-flyout-menu.js +2 -2
  168. package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu-option/gux-menu-option.js +1 -1
  169. package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu.js +1 -1
  170. package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-submenu/gux-submenu.js +3 -3
  171. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.js +2 -2
  172. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.js +3 -3
  173. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.js +2 -2
  174. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.js +3 -3
  175. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-phone/gux-form-field-phone.js +3 -3
  176. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio/gux-form-field-radio.js +2 -2
  177. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.js +2 -2
  178. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.js +3 -3
  179. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.js +3 -3
  180. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.js +3 -3
  181. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.js +2 -2
  182. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-picker/gux-form-field-time-picker.js +3 -3
  183. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-zone-picker/gux-form-field-time-zone-picker.js +2 -2
  184. 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
  185. package/dist/collection/components/stable/gux-icon/gux-icon.js +1 -1
  186. package/dist/collection/components/stable/gux-inline-alert/gux-inline-alert.js +2 -2
  187. package/dist/collection/components/stable/gux-list/gux-list-divider/gux-list-divider.js +1 -1
  188. package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.js +1 -1
  189. package/dist/collection/components/stable/gux-list/gux-list.js +1 -1
  190. package/dist/collection/components/stable/gux-listbox/option-group/gux-option-group.js +1 -1
  191. package/dist/collection/components/stable/gux-listbox/options/gux-option/gux-option.js +2 -2
  192. package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.js +2 -2
  193. package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.js +2 -2
  194. package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js +2 -2
  195. package/dist/collection/components/stable/gux-loading-message/gux-loading-message.js +1 -1
  196. package/dist/collection/components/stable/gux-modal/gux-modal.js +2 -2
  197. package/dist/collection/components/stable/gux-page-loading-spinner/gux-page-loading-spinner.js +1 -1
  198. package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.js +1 -1
  199. package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js +1 -1
  200. package/dist/collection/components/stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.js +1 -1
  201. package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.js +1 -1
  202. package/dist/collection/components/stable/gux-pagination/gux-pagination.js +1 -1
  203. package/dist/collection/components/stable/gux-popover/gux-popover.js +2 -2
  204. package/dist/collection/components/stable/gux-popover-list/gux-popover-list.js +2 -2
  205. package/dist/collection/components/stable/gux-popup/gux-popup.js +3 -3
  206. package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.js +1 -1
  207. package/dist/collection/components/stable/gux-rating/gux-rating.js +1 -1
  208. package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.js +1 -1
  209. package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-list.js +1 -1
  210. package/dist/collection/components/stable/gux-table/gux-all-row-select/gux-all-row-select.js +1 -1
  211. package/dist/collection/components/stable/gux-table/gux-row-select/gux-row-select.js +1 -1
  212. package/dist/collection/components/stable/gux-table/gux-sort-control/gux-sort-control.js +3 -3
  213. package/dist/collection/components/stable/gux-table/gux-table-select-menu/gux-table-select-menu.js +1 -1
  214. package/dist/collection/components/stable/gux-table/gux-table.js +1 -1
  215. package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-action/gux-table-toolbar-action.js +1 -1
  216. package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-custom-action/gux-table-toolbar-custom-action.js +1 -1
  217. package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-menu-button/gux-table-toolbar-menu-button.js +1 -1
  218. package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar.css +9 -0
  219. package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar.js +2 -2
  220. package/dist/collection/components/stable/gux-tabs/gux-tab/gux-tab.js +2 -2
  221. package/dist/collection/components/stable/gux-tabs/gux-tab-list/gux-tab-list.js +2 -2
  222. package/dist/collection/components/stable/gux-tabs/gux-tab-panel/gux-tab-panel.js +1 -1
  223. package/dist/collection/components/stable/gux-tabs/gux-tabs.js +1 -1
  224. package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced/gux-tab-advanced.js +2 -2
  225. package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.js +1 -1
  226. package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-panel/gux-tab-advanced-panel.js +1 -1
  227. package/dist/collection/components/stable/gux-tabs-advanced/gux-tabs-advanced.js +1 -1
  228. package/dist/collection/components/stable/gux-tag/gux-tag.js +1 -1
  229. package/dist/collection/components/stable/gux-time-picker/gux-time-picker.js +1 -1
  230. package/dist/collection/components/stable/gux-toast/gux-toast.js +2 -2
  231. package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.js +2 -2
  232. package/dist/collection/components/stable/gux-toggle/gux-toggle.js +2 -2
  233. package/dist/collection/components/stable/gux-tooltip/gux-tooltip.js +2 -2
  234. package/dist/collection/components/stable/gux-tooltip-title/gux-tooltip-title.js +2 -2
  235. package/dist/collection/components/stable/gux-truncate/gux-truncate.js +2 -2
  236. package/dist/esm/genesys-webcomponents.js +1 -1
  237. package/dist/esm/gux-accordion-section.entry.js +5 -5
  238. package/dist/esm/gux-accordion.entry.js +2 -2
  239. package/dist/esm/gux-action-button.entry.js +2 -2
  240. package/dist/esm/gux-action-toast-legacy.entry.js +2 -2
  241. package/dist/esm/gux-advanced-dropdown-legacy.entry.js +3 -3
  242. package/dist/esm/gux-all-row-select.entry.js +1 -1
  243. package/dist/esm/gux-announce-beta.entry.js +1 -1
  244. package/dist/esm/gux-avatar-beta.entry.js +1 -1
  245. package/dist/esm/gux-avatar-change-photo-beta.entry.js +1 -1
  246. package/dist/esm/gux-badge.entry.js +2 -2
  247. package/dist/esm/gux-blank-state.entry.js +2 -2
  248. package/dist/esm/gux-breadcrumb-item.entry.js +1 -1
  249. package/dist/esm/gux-breadcrumbs.entry.js +2 -2
  250. package/dist/esm/gux-button-multi.entry.js +2 -2
  251. package/dist/esm/gux-button-slot.entry.js +2 -2
  252. package/dist/esm/gux-button.entry.js +3 -3
  253. package/dist/esm/gux-calendar.entry.js +2 -2
  254. package/dist/esm/gux-card.entry.js +3 -3
  255. package/dist/esm/gux-column-manager-item.entry.js +3 -3
  256. package/dist/esm/gux-column-manager.entry.js +2 -2
  257. package/dist/esm/gux-content-search.entry.js +3 -3
  258. package/dist/esm/gux-context-menu.entry.js +3 -3
  259. package/dist/esm/gux-copy-to-clipboard.entry.js +2 -2
  260. package/dist/esm/gux-create-option.entry.js +2 -2
  261. package/dist/esm/gux-date-beta.entry.js +1 -1
  262. package/dist/esm/gux-date-time-beta.entry.js +1 -1
  263. package/dist/esm/gux-datepicker.entry.js +2 -2
  264. package/dist/esm/gux-disclosure-button-legacy.entry.js +3 -3
  265. package/dist/esm/gux-dismiss-button.entry.js +2 -2
  266. package/dist/esm/gux-dropdown-multi-tag.entry.js +1 -1
  267. package/dist/esm/gux-dropdown-multi.entry.js +2 -2
  268. package/dist/esm/gux-dropdown-option.entry.js +1 -1
  269. package/dist/esm/gux-dropdown_3.entry.js +4 -4
  270. package/dist/esm/gux-flag-icon-beta.entry.js +1 -1
  271. package/dist/esm/gux-flyout-menu.entry.js +3 -3
  272. package/dist/esm/gux-form-field-checkbox.entry.js +5 -4
  273. package/dist/esm/gux-form-field-color.entry.js +6 -5
  274. package/dist/esm/gux-form-field-dropdown.entry.js +5 -4
  275. package/dist/esm/gux-form-field-error-f48e2125.js +20 -0
  276. package/dist/esm/gux-form-field-input-clear-button.entry.js +2 -2
  277. package/dist/esm/gux-form-field-number_3.entry.js +9 -8
  278. package/dist/esm/gux-form-field-phone.entry.js +6 -5
  279. package/dist/esm/gux-form-field-radio.entry.js +5 -4
  280. package/dist/esm/gux-form-field-range.entry.js +5 -4
  281. package/dist/esm/gux-form-field-search.entry.js +6 -5
  282. package/dist/esm/gux-form-field-select.entry.js +6 -5
  283. package/dist/esm/gux-form-field-text-like.entry.js +6 -5
  284. package/dist/esm/gux-form-field-textarea.entry.js +5 -4
  285. package/dist/esm/gux-form-field-time-picker.entry.js +6 -5
  286. package/dist/esm/gux-form-field-time-zone-picker.entry.js +5 -4
  287. package/dist/esm/{gux-form-field.service-2bda6421.js → gux-form-field.service-6cfb4f6f.js} +1 -19
  288. package/dist/esm/gux-icon.entry.js +2 -2
  289. package/dist/esm/gux-inline-alert.entry.js +3 -3
  290. package/dist/esm/gux-list-divider.entry.js +1 -1
  291. package/dist/esm/gux-list-item.entry.js +1 -1
  292. package/dist/esm/gux-list.entry.js +2 -2
  293. package/dist/esm/gux-listbox-multi.entry.js +1 -1
  294. package/dist/esm/gux-loading-message.entry.js +2 -2
  295. package/dist/esm/gux-menu-option.entry.js +1 -1
  296. package/dist/esm/gux-menu.entry.js +1 -1
  297. package/dist/esm/gux-modal-legacy.entry.js +3 -3
  298. package/dist/esm/gux-modal.entry.js +3 -3
  299. package/dist/esm/gux-month-picker-beta.entry.js +1 -1
  300. package/dist/esm/gux-notification-toast-legacy.entry.js +2 -2
  301. package/dist/esm/gux-option-group-beta.entry.js +1 -1
  302. package/dist/esm/gux-option-icon.entry.js +2 -2
  303. package/dist/esm/gux-option-multi.entry.js +2 -2
  304. package/dist/esm/gux-page-loading-spinner.entry.js +2 -2
  305. package/dist/esm/gux-pagination-buttons-legacy_3.entry.js +4 -4
  306. package/dist/esm/gux-pagination-buttons_2.entry.js +2 -2
  307. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  308. package/dist/esm/gux-pagination-items-per-page.entry.js +1 -1
  309. package/dist/esm/gux-pagination-legacy.entry.js +2 -2
  310. package/dist/esm/gux-pagination.entry.js +2 -2
  311. package/dist/esm/gux-phone-input-beta.entry.js +1 -1
  312. package/dist/esm/gux-popover-list.entry.js +3 -3
  313. package/dist/esm/gux-popup.entry.js +3 -3
  314. package/dist/esm/gux-radial-loading.entry.js +2 -2
  315. package/dist/esm/gux-radial-progress.entry.js +1 -1
  316. package/dist/esm/gux-rating.entry.js +2 -2
  317. package/dist/esm/gux-row-select.entry.js +1 -1
  318. package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
  319. package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
  320. package/dist/esm/gux-selector-card-beta.entry.js +69 -0
  321. package/dist/esm/gux-simple-toast-legacy.entry.js +2 -2
  322. package/dist/esm/gux-skip-navigation-item.entry.js +1 -1
  323. package/dist/esm/gux-skip-navigation-list.entry.js +2 -2
  324. package/dist/esm/gux-sort-control.entry.js +4 -4
  325. package/dist/esm/gux-submenu.entry.js +3 -3
  326. package/dist/esm/gux-switch-item.entry.js +1 -1
  327. package/dist/esm/gux-switch-legacy.entry.js +2 -2
  328. package/dist/esm/gux-tab-advanced-list.entry.js +1 -1
  329. package/dist/esm/gux-tab-advanced-panel.entry.js +1 -1
  330. package/dist/esm/gux-tab-advanced.entry.js +2 -2
  331. package/dist/esm/gux-tab-list.entry.js +2 -2
  332. package/dist/esm/gux-tab-panel.entry.js +1 -1
  333. package/dist/esm/gux-tab.entry.js +2 -2
  334. package/dist/esm/gux-table-select-menu.entry.js +1 -1
  335. package/dist/esm/gux-table-toolbar-action.entry.js +2 -2
  336. package/dist/esm/gux-table-toolbar-custom-action.entry.js +2 -2
  337. package/dist/esm/gux-table-toolbar-menu-button.entry.js +2 -2
  338. package/dist/esm/gux-table-toolbar.entry.js +4 -4
  339. package/dist/esm/gux-table.entry.js +2 -2
  340. package/dist/esm/gux-tabs-advanced.entry.js +2 -2
  341. package/dist/esm/gux-tabs.entry.js +2 -2
  342. package/dist/esm/gux-tag.entry.js +2 -2
  343. package/dist/esm/gux-text-highlight.entry.js +1 -1
  344. package/dist/esm/gux-time-beta.entry.js +2 -2
  345. package/dist/esm/gux-time-picker.entry.js +2 -2
  346. package/dist/esm/gux-time-zone-picker-beta.entry.js +3 -3
  347. package/dist/esm/gux-toast.entry.js +3 -3
  348. package/dist/esm/gux-toggle-slider.entry.js +2 -2
  349. package/dist/esm/gux-toggle.entry.js +3 -3
  350. package/dist/esm/gux-tooltip-base-beta.entry.js +3 -3
  351. package/dist/esm/gux-tooltip-beta.entry.js +2 -2
  352. package/dist/esm/gux-tooltip-title.entry.js +2 -2
  353. package/dist/esm/gux-tooltip.entry.js +3 -3
  354. package/dist/esm/gux-truncate.entry.js +2 -2
  355. package/dist/esm/index-da21b737.js +4 -0
  356. package/dist/esm/loader.js +1 -1
  357. package/dist/esm/{usage-67b42b7f.js → usage-abb55973.js} +1 -1
  358. package/dist/genesys-webcomponents/genesys-webcomponents.css +2 -2
  359. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  360. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.fr-ca.json +1 -1
  361. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.fr.json +1 -1
  362. package/dist/genesys-webcomponents/{p-94fb782e.entry.js → p-00a18441.entry.js} +1 -1
  363. package/dist/genesys-webcomponents/{p-0bd94adc.entry.js → p-00a9d738.entry.js} +1 -1
  364. package/dist/genesys-webcomponents/{p-0965763c.entry.js → p-0141deb0.entry.js} +1 -1
  365. package/dist/genesys-webcomponents/{p-6a0b9047.entry.js → p-01b50466.entry.js} +1 -1
  366. package/dist/genesys-webcomponents/{p-4d7e98fb.entry.js → p-09191401.entry.js} +1 -1
  367. package/dist/genesys-webcomponents/{p-235c4063.entry.js → p-091d6ed1.entry.js} +1 -1
  368. package/dist/genesys-webcomponents/p-0ab9f9ff.entry.js +1 -0
  369. package/dist/genesys-webcomponents/p-0b875e0e.entry.js +1 -0
  370. package/dist/genesys-webcomponents/{p-c9f6b931.entry.js → p-0c0a6418.entry.js} +1 -1
  371. package/dist/genesys-webcomponents/p-0f252ebc.entry.js +1 -0
  372. package/dist/genesys-webcomponents/{p-4d8314e6.entry.js → p-13ae9e0c.entry.js} +1 -1
  373. package/dist/genesys-webcomponents/{p-b7cde205.entry.js → p-145a52e1.entry.js} +1 -1
  374. package/dist/genesys-webcomponents/p-178dd437.entry.js +1 -0
  375. package/dist/genesys-webcomponents/p-178f1cf0.entry.js +1 -0
  376. package/dist/genesys-webcomponents/{p-30d63508.entry.js → p-199c66db.entry.js} +1 -1
  377. package/dist/genesys-webcomponents/{p-71c79566.entry.js → p-1bfb07c4.entry.js} +1 -1
  378. package/dist/genesys-webcomponents/{p-8f902567.entry.js → p-1df9d11d.entry.js} +1 -1
  379. package/dist/genesys-webcomponents/p-1f892e36.entry.js +1 -0
  380. package/dist/genesys-webcomponents/{p-85c3f83f.entry.js → p-1f91dfcb.entry.js} +1 -1
  381. package/dist/genesys-webcomponents/{p-daa7bb98.entry.js → p-2097f960.entry.js} +1 -1
  382. package/dist/genesys-webcomponents/p-2158ba02.entry.js +1 -0
  383. package/dist/genesys-webcomponents/{p-1c3dd73c.entry.js → p-2231ac93.entry.js} +1 -1
  384. package/dist/genesys-webcomponents/{p-f1fd63da.entry.js → p-2329144d.entry.js} +1 -1
  385. package/dist/genesys-webcomponents/{p-7d461bff.entry.js → p-242aafd2.entry.js} +1 -1
  386. package/dist/genesys-webcomponents/{p-5e8628fe.entry.js → p-24dadabc.entry.js} +1 -1
  387. package/dist/genesys-webcomponents/{p-076f410d.entry.js → p-2887afcb.entry.js} +1 -1
  388. package/dist/genesys-webcomponents/{p-d56dce3f.entry.js → p-2a4d1fd5.entry.js} +1 -1
  389. package/dist/genesys-webcomponents/p-2c02d54d.js +1 -0
  390. package/dist/genesys-webcomponents/{p-2d1f3495.entry.js → p-2eee48ef.entry.js} +1 -1
  391. package/dist/genesys-webcomponents/{p-3d0cc444.entry.js → p-33aeab53.entry.js} +1 -1
  392. package/dist/genesys-webcomponents/p-34ba0f70.entry.js +1 -0
  393. package/dist/genesys-webcomponents/p-3865c54e.entry.js +1 -0
  394. package/dist/genesys-webcomponents/p-38ab4783.entry.js +1 -0
  395. package/dist/genesys-webcomponents/{p-471d8799.entry.js → p-3ab4600b.entry.js} +1 -1
  396. package/dist/genesys-webcomponents/{p-fc768462.entry.js → p-3cb61064.entry.js} +1 -1
  397. package/dist/genesys-webcomponents/{p-c228435d.entry.js → p-3d542222.entry.js} +1 -1
  398. package/dist/genesys-webcomponents/{p-303ee0b7.entry.js → p-3ffd68e1.entry.js} +1 -1
  399. package/dist/genesys-webcomponents/p-4514147c.entry.js +1 -0
  400. package/dist/genesys-webcomponents/p-4bbb833a.entry.js +1 -0
  401. package/dist/genesys-webcomponents/{p-00731df5.entry.js → p-4dea2ac9.entry.js} +1 -1
  402. package/dist/genesys-webcomponents/p-4ed61122.js +1 -0
  403. package/dist/genesys-webcomponents/{p-0db2d388.entry.js → p-4fa499b5.entry.js} +1 -1
  404. package/dist/genesys-webcomponents/p-511bc936.entry.js +1 -0
  405. package/dist/genesys-webcomponents/{p-1aac7582.entry.js → p-51f778a9.entry.js} +1 -1
  406. package/dist/genesys-webcomponents/p-529ae7a5.entry.js +1 -0
  407. package/dist/genesys-webcomponents/{p-68d18993.entry.js → p-5797110f.entry.js} +1 -1
  408. package/dist/genesys-webcomponents/{p-8691d85d.entry.js → p-60ca63c6.entry.js} +1 -1
  409. package/dist/genesys-webcomponents/{p-f5db5a3d.entry.js → p-611710bb.entry.js} +1 -1
  410. package/dist/genesys-webcomponents/{p-285188ab.entry.js → p-6827d6fa.entry.js} +1 -1
  411. package/dist/genesys-webcomponents/{p-31a15390.entry.js → p-6975c1ec.entry.js} +1 -1
  412. package/dist/genesys-webcomponents/{p-73a69ec9.entry.js → p-6b836da5.entry.js} +1 -1
  413. package/dist/genesys-webcomponents/{p-1d6a708e.entry.js → p-6eb5b09f.entry.js} +1 -1
  414. package/dist/genesys-webcomponents/{p-b6ab7293.entry.js → p-6ef3b7fc.entry.js} +1 -1
  415. package/dist/genesys-webcomponents/{p-a3c0e402.entry.js → p-7177154b.entry.js} +1 -1
  416. package/dist/genesys-webcomponents/{p-9c844d8f.entry.js → p-71aa3603.entry.js} +1 -1
  417. package/dist/genesys-webcomponents/p-72daf5c3.entry.js +1 -0
  418. package/dist/genesys-webcomponents/p-732f45ee.entry.js +1 -0
  419. package/dist/genesys-webcomponents/{p-23b17be3.entry.js → p-797b9f6c.entry.js} +1 -1
  420. package/dist/genesys-webcomponents/{p-22ec91ef.entry.js → p-7b37338e.entry.js} +1 -1
  421. package/dist/genesys-webcomponents/{p-c073cbba.entry.js → p-7c12e80a.entry.js} +1 -1
  422. package/dist/genesys-webcomponents/{p-b1d6b1fd.entry.js → p-80593498.entry.js} +1 -1
  423. package/dist/genesys-webcomponents/{p-d0ff29d1.entry.js → p-81206a0f.entry.js} +1 -1
  424. package/dist/genesys-webcomponents/{p-60b9f5d4.js → p-8599f991.js} +1 -1
  425. package/dist/genesys-webcomponents/{p-568c324d.entry.js → p-881b91c8.entry.js} +1 -1
  426. package/dist/genesys-webcomponents/{p-72da4238.entry.js → p-8a8f4259.entry.js} +1 -1
  427. package/dist/genesys-webcomponents/{p-42131a2c.entry.js → p-8ce4f421.entry.js} +1 -1
  428. package/dist/genesys-webcomponents/{p-80b8c3c3.entry.js → p-905919e5.entry.js} +1 -1
  429. package/dist/genesys-webcomponents/{p-faaa3d3c.entry.js → p-908806fb.entry.js} +1 -1
  430. package/dist/genesys-webcomponents/{p-2aa96618.entry.js → p-91fdb305.entry.js} +1 -1
  431. package/dist/genesys-webcomponents/{p-5ea44c8b.entry.js → p-94458728.entry.js} +1 -1
  432. package/dist/genesys-webcomponents/{p-5b7e6089.entry.js → p-9633267b.entry.js} +1 -1
  433. package/dist/genesys-webcomponents/{p-858bac55.entry.js → p-97157fb7.entry.js} +1 -1
  434. package/dist/genesys-webcomponents/{p-14d5aac7.entry.js → p-9f1309a0.entry.js} +1 -1
  435. package/dist/genesys-webcomponents/{p-5b33f648.entry.js → p-a21c21b7.entry.js} +1 -1
  436. package/dist/genesys-webcomponents/{p-6e67e0d8.entry.js → p-a2901549.entry.js} +1 -1
  437. package/dist/genesys-webcomponents/{p-6c07be2b.entry.js → p-a6e29aa4.entry.js} +1 -1
  438. package/dist/genesys-webcomponents/{p-36651ddf.entry.js → p-a76917fb.entry.js} +1 -1
  439. package/dist/genesys-webcomponents/{p-bdf275af.entry.js → p-a78f91e6.entry.js} +1 -1
  440. package/dist/genesys-webcomponents/{p-9ecbcd16.entry.js → p-ab671107.entry.js} +1 -1
  441. package/dist/genesys-webcomponents/{p-5d567b38.entry.js → p-ac519cd5.entry.js} +1 -1
  442. package/dist/genesys-webcomponents/{p-e1eab96d.entry.js → p-ae8502a0.entry.js} +1 -1
  443. package/dist/genesys-webcomponents/{p-e808492e.entry.js → p-b5ab6f71.entry.js} +1 -1
  444. package/dist/genesys-webcomponents/{p-89176729.entry.js → p-b6929e70.entry.js} +1 -1
  445. package/dist/genesys-webcomponents/{p-8986508d.entry.js → p-b7cba8e6.entry.js} +1 -1
  446. package/dist/genesys-webcomponents/{p-b1187e8d.entry.js → p-b99cc5fe.entry.js} +1 -1
  447. package/dist/genesys-webcomponents/{p-136cf874.entry.js → p-ba583b57.entry.js} +1 -1
  448. package/dist/genesys-webcomponents/{p-29d37163.entry.js → p-bb72199e.entry.js} +1 -1
  449. package/dist/genesys-webcomponents/{p-e8866cb5.entry.js → p-bb897eda.entry.js} +1 -1
  450. package/dist/genesys-webcomponents/{p-df1314bc.entry.js → p-bc3780e9.entry.js} +1 -1
  451. package/dist/genesys-webcomponents/{p-b9e1cf57.entry.js → p-c11a04b2.entry.js} +1 -1
  452. package/dist/genesys-webcomponents/p-c1ac63a9.entry.js +1 -0
  453. package/dist/genesys-webcomponents/p-c292f76c.entry.js +1 -0
  454. package/dist/genesys-webcomponents/p-c57317da.entry.js +1 -0
  455. package/dist/genesys-webcomponents/{p-ad377935.entry.js → p-ceb3686c.entry.js} +1 -1
  456. package/dist/genesys-webcomponents/{p-e872d976.entry.js → p-d03474c1.entry.js} +1 -1
  457. package/dist/genesys-webcomponents/{p-5a1d03be.entry.js → p-d298ad4f.entry.js} +1 -1
  458. package/dist/genesys-webcomponents/p-d45a36ec.entry.js +1 -0
  459. package/dist/genesys-webcomponents/{p-7fb8fbee.entry.js → p-d47536a5.entry.js} +1 -1
  460. package/dist/genesys-webcomponents/p-d4a1b991.entry.js +1 -0
  461. package/dist/genesys-webcomponents/{p-7822b706.entry.js → p-d5545571.entry.js} +1 -1
  462. package/dist/genesys-webcomponents/{p-da7099f1.entry.js → p-d60846fe.entry.js} +1 -1
  463. package/dist/genesys-webcomponents/p-db5b7add.entry.js +1 -0
  464. package/dist/genesys-webcomponents/{p-4cd054d1.entry.js → p-dd7e7b92.entry.js} +1 -1
  465. package/dist/genesys-webcomponents/{p-ef2a0355.entry.js → p-de21abf3.entry.js} +1 -1
  466. package/dist/genesys-webcomponents/{p-82e8c800.entry.js → p-e5e1fa01.entry.js} +1 -1
  467. package/dist/genesys-webcomponents/{p-3d41d0f6.entry.js → p-ea4a3e0c.entry.js} +1 -1
  468. package/dist/genesys-webcomponents/p-ea7ccef7.entry.js +1 -0
  469. package/dist/genesys-webcomponents/{p-5a47899a.entry.js → p-ed1e5e53.entry.js} +1 -1
  470. package/dist/genesys-webcomponents/{p-021b78b0.entry.js → p-ee438091.entry.js} +1 -1
  471. package/dist/genesys-webcomponents/p-ef23cfbd.entry.js +1 -0
  472. package/dist/genesys-webcomponents/{p-3e76eeed.entry.js → p-f26e6709.entry.js} +1 -1
  473. package/dist/genesys-webcomponents/{p-9febab83.entry.js → p-f6e49ef8.entry.js} +1 -1
  474. package/dist/genesys-webcomponents/p-f740129d.entry.js +1 -0
  475. package/dist/genesys-webcomponents/{p-0094d09c.entry.js → p-f97de653.entry.js} +1 -1
  476. package/dist/genesys-webcomponents/{p-84984eee.entry.js → p-f99e8ce4.entry.js} +1 -1
  477. package/dist/genesys-webcomponents/p-fc3059be.entry.js +1 -0
  478. package/dist/genesys-webcomponents/p-fc7346b3.entry.js +1 -0
  479. package/dist/genesys-webcomponents/{p-382647f1.entry.js → p-fcb5dd15.entry.js} +1 -1
  480. package/dist/genesys-webcomponents/{p-80a129c2.entry.js → p-fd2e3f97.entry.js} +1 -1
  481. package/dist/stencil-wrapper.js +1 -1
  482. package/dist/types/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.d.ts +24 -0
  483. package/dist/types/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.types.d.ts +1 -0
  484. package/dist/types/components.d.ts +17 -0
  485. package/dist/types/stencil-wrapper.d.ts +1 -1
  486. package/package.json +1 -1
  487. package/dist/genesys-webcomponents/p-086b813b.entry.js +0 -1
  488. package/dist/genesys-webcomponents/p-1c966eee.entry.js +0 -1
  489. package/dist/genesys-webcomponents/p-1caacfa8.entry.js +0 -1
  490. package/dist/genesys-webcomponents/p-1e115a58.entry.js +0 -1
  491. package/dist/genesys-webcomponents/p-22b0e411.entry.js +0 -1
  492. package/dist/genesys-webcomponents/p-2853b099.entry.js +0 -1
  493. package/dist/genesys-webcomponents/p-4ff47b60.entry.js +0 -1
  494. package/dist/genesys-webcomponents/p-54cf60cd.entry.js +0 -1
  495. package/dist/genesys-webcomponents/p-60e7a5a1.entry.js +0 -1
  496. package/dist/genesys-webcomponents/p-72c8c237.entry.js +0 -1
  497. package/dist/genesys-webcomponents/p-770270f8.js +0 -1
  498. package/dist/genesys-webcomponents/p-7a38af53.entry.js +0 -1
  499. package/dist/genesys-webcomponents/p-800cf7de.entry.js +0 -1
  500. package/dist/genesys-webcomponents/p-91a68d2d.entry.js +0 -1
  501. package/dist/genesys-webcomponents/p-92077d60.entry.js +0 -1
  502. package/dist/genesys-webcomponents/p-98e970d8.entry.js +0 -1
  503. package/dist/genesys-webcomponents/p-a823b224.entry.js +0 -1
  504. package/dist/genesys-webcomponents/p-abffba94.entry.js +0 -1
  505. package/dist/genesys-webcomponents/p-b217f0ec.entry.js +0 -1
  506. package/dist/genesys-webcomponents/p-d0df4fec.entry.js +0 -1
  507. package/dist/genesys-webcomponents/p-e194645e.entry.js +0 -1
  508. package/dist/genesys-webcomponents/p-e95ff355.entry.js +0 -1
  509. package/dist/genesys-webcomponents/p-e9dccf8b.entry.js +0 -1
  510. package/dist/genesys-webcomponents/p-eb7df8d3.entry.js +0 -1
  511. package/dist/genesys-webcomponents/p-f28aee01.entry.js +0 -1
  512. package/dist/genesys-webcomponents/p-fc041a4c.entry.js +0 -1
  513. package/dist/genesys-webcomponents/p-fd679e52.entry.js +0 -1
@@ -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-60b9f5d4.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
+ 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-8599f991.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:"c949ccda49dea1fd7ddf878b4516aa633cd66653",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:"caed5a5e8c09f6e354a04b633dfac99eae52df76",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:"14688b8a47bf9aeb4d09a6b796bee697f2ae047c",class:"gux-option-wrapper"},o("gux-truncate",{key:"c83a1961e8ccc001dc8d89fdc05dc8f7c6c8d4ad",ref:t=>this.truncateElement=t},o("slot",{key:"85521876c96b67929cf028a6bd9e8e5f86dcac6f"})),o("slot",{key:"3aabfb3425e370797fa70e2fd9d15230808b45fc",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,c as a,h as e,g as i}from"./p-2e827df1.js";import{b as n}from"./p-0367930a.js";import"./p-4202e9f2.js";const o={page:"Page",totalPages:" of {totalPages, number}",first:"First",previous:"Previous",next:"Next",last:"Last",pageInputLabel:"Page {currentPage, number} of {totalPages, number}"};class s{static getPageList(t,a){if(a<=10)return[...Array(a).keys()].map((a=>{const e=a+1;return{pageNumber:e,display:String(e),current:e===t}}));if(t<=5)return[...[...Array(6).keys()].map((a=>{const e=a+1;return{pageNumber:e,display:String(e),current:e===t}})),{pageNumber:7,display:"...",current:!1},{pageNumber:a,display:String(a),current:!1}];if(t>a-5){const e=[...Array(6).keys()].map((e=>{const i=e+a-5;return{pageNumber:i,display:String(i),current:i===t}}));return[{pageNumber:1,display:"1",current:!1},{pageNumber:a-6,display:"...",current:!1},...e]}const e=[...Array(5).keys()].map((a=>{const e=a+t-2;return{pageNumber:e,display:String(e),current:e===t}}));return[{pageNumber:1,display:"1",current:!1},{pageNumber:t-3,display:"...",current:!1},...e,{pageNumber:t+3,display:"...",current:!1},{pageNumber:a,display:String(a),current:!1}]}}const g=class{constructor(e){t(this,e),this.internalcurrentpagechange=a(this,"internalcurrentpagechange",3),this.currentPage=void 0,this.totalPages=void 0,this.layout="full"}get onFirstPage(){return this.currentPage<=1}get onLastPage(){return this.currentPage>=this.totalPages}handleClickFirst(){this.internalcurrentpagechange.emit(1)}handleClickPrevious(){this.internalcurrentpagechange.emit(this.currentPage-1)}handleClickNext(){this.internalcurrentpagechange.emit(this.currentPage+1)}handleClickLast(){this.internalcurrentpagechange.emit(this.totalPages)}handleClickPage(t){this.internalcurrentpagechange.emit(t)}setPageFromInput(t){const a=parseInt(t,10);!a||isNaN(a)?this.textFieldRef.value=String(this.currentPage):this.internalcurrentpagechange.emit(a)}getPageListEnteries(t,a){return s.getPageList(t,a).reduce(((t,a)=>t.concat(e("button",a.current?{class:"gux-pagination-buttons-list-button gux-current"}:{class:"gux-pagination-buttons-list-button gux-target",onClick:()=>this.handleClickPage(a.pageNumber)},a.display))),[])}getSmallPagePicker(){return e("div",{class:"gux-pagination-buttons-spacer"})}getExpandedPagePicker(){return e("div",{class:"gux-pagination-buttons-list-container"},this.getPageListEnteries(this.currentPage,this.totalPages))}getFullPagePicker(){return e("div",{class:"gux-pagination-buttons-input-container"},e("div",null,this.i18n("page")),e("div",{class:"gux-pagination-buttons-input"},e("gux-form-field-text-like",{"label-position":"screenreader"},e("label",{slot:"label"},this.i18n("pageInputLabel",{currentPage:this.currentPage,totalPages:this.totalPages})),e("input",{type:"text",slot:"input",value:String(this.currentPage),ref:t=>this.textFieldRef=t,onChange:()=>this.setPageFromInput(this.textFieldRef.value)}))),e("div",null,this.i18n("totalPages",{totalPages:this.totalPages})))}getPagePicker(t){return"small"===t?this.getSmallPagePicker():"expanded"===t?this.getExpandedPagePicker():this.getFullPagePicker()}async componentWillLoad(){this.i18n=await n(this.root,o)}render(){return e("div",{key:"ed134f1cf5751572cda7d79e5c572f9a6d42320a",class:`gux-pagination-buttons-container gux-${this.layout}`},e("div",{key:"ca98777587f3a5906add06ec1a113a4fe47d274c",class:"gux-pagination-buttons-group"},e("gux-button-slot",{key:"3fc27c8b14cea8acddb2248e03854b41caf48662",accent:"ghost"},e("button",{key:"7c4f5c44c1f5cf23f2ababaaa79e11254a4aae7e",title:this.i18n("first"),disabled:this.onFirstPage,onClick:this.handleClickFirst.bind(this)},e("gux-icon",{key:"fc31d515f6bbcf235a85e39dba8772bfa31460ba",decorative:!0,"icon-name":"fa/chevrons-left-regular"}))),e("gux-button-slot",{key:"c70f4195599cfcf12c8a303d61fb7f06233356bf",accent:"ghost"},e("button",{key:"92bf5a49a613b5c1cb909bbf28a56fd3d90b609d",title:this.i18n("previous"),disabled:this.onFirstPage,onClick:this.handleClickPrevious.bind(this)},e("gux-icon",{key:"6f576c2311d1f28c7ef8a49c9836b522faf5d332",decorative:!0,"icon-name":"custom/chevron-left-small-regular"})))),this.getPagePicker(this.layout),e("div",{key:"0c5b43597369be0a015cfea771a657dd0a19407c",class:"gux-pagination-buttons-group"},e("gux-button-slot",{key:"5b5728790e6ce6735f28cb4d58b654e1e25e4133",accent:"ghost"},e("button",{key:"5cb7488a05fcbb884c674b5c3cf4657a2314a1cc",title:this.i18n("next"),disabled:this.onLastPage,onClick:this.handleClickNext.bind(this)},e("gux-icon",{key:"c73218621db589541dd5421dd8ec4c9ad751a266",decorative:!0,"icon-name":"custom/chevron-right-small-regular"}))),e("gux-button-slot",{key:"dd51d7362f58414f8d66bbfd3598fbb61b5f57da",accent:"ghost"},e("button",{key:"9843586eb375cb6b3b8fd4a51c47c97f0d57b567",title:this.i18n("last"),disabled:this.onLastPage,onClick:this.handleClickLast.bind(this)},e("gux-icon",{key:"4badda0af60bc9e766c057b07b8743250f0d6847",decorative:!0,"icon-name":"fa/chevrons-right-regular"})))))}get root(){return i(this)}};g.style="gux-pagination-buttons-legacy .gux-pagination-buttons-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-end;align-items:center;margin-left:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap)}gux-pagination-buttons-legacy .gux-pagination-buttons-container.gux-expanded{justify-content:center}gux-pagination-buttons-legacy .gux-pagination-buttons-container>div{flex:0 1 auto;align-self:auto;order:0}gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-group{white-space:nowrap}gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-input-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-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-input-container>div{flex:0 1 auto;align-self:auto;order:0;white-space:nowrap}gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-input-container .gux-pagination-buttons-input{width:60px}gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-input-container .gux-pagination-buttons-input input{width:inherit;text-align:center}gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-list-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-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-button{height:32px;padding-right:var(--gse-ui-dataTableItems-tablePagination-countDisplay-gap);padding-left:var(--gse-ui-dataTableItems-tablePagination-countDisplay-gap);margin-right:var(--gse-ui-dataTableItems-tablePagination-countDisplay-gap);margin-left:var(--gse-ui-dataTableItems-tablePagination-countDisplay-gap);background:inherit;border:none}gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-button:focus-visible{border-radius:calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset));outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-button.gux-current{padding-right:var(--gse-ui-dataTableItems-tablePagination-padding);padding-left:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-button-ghost-active-backgroundColor);border-radius:var(--gse-ui-button-borderRadius);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-button-ghost-default-foregroundColor)}gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-button.gux-target{padding-right:var(--gse-ui-dataTableItems-tablePagination-padding);padding-left:var(--gse-ui-dataTableItems-tablePagination-padding);cursor:pointer;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-button-ghost-default-foregroundColor)}gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-button.gux-target:hover{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor);border-radius:var(--gse-ui-button-borderRadius)}gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-spacer{width:var(--gse-ui-dataTableItems-tablePagination-padding)}";const r={itemCountDisplay:"{firstItem, number} - {lastItem, number}",totalItems:" of {totalItems, number}"},u=class{constructor(a){t(this,a),this.totalItems=0,this.currentPage=0,this.itemsPerPage=25}get firstItem(){return this.totalItems<1?0:(this.currentPage-1)*this.itemsPerPage+1}get lastItem(){return this.totalItems<1?0:Math.min(this.currentPage*this.itemsPerPage,this.totalItems)}async componentWillLoad(){this.i18n=await n(this.root,r)}render(){return e("div",{key:"dbc67ac8f594f5201ab428f8798aea60133ab83f",class:"gux-pagination-item-counts-container"},e("span",{key:"719d869de8af001347d1911f938530aff159ec5c",class:"gux-pagination-item-counts-range"},this.i18n("itemCountDisplay",{firstItem:this.firstItem,lastItem:this.lastItem})),e("span",{key:"67bcebca12f251a2b52aacec0e649339bc76ad9f"},this.i18n("totalItems",{totalItems:this.totalItems})))}get root(){return i(this)}};u.style="gux-pagination-item-counts-legacy .gux-pagination-item-counts-container{display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tablePagination-countDisplay-gap);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);white-space:nowrap}";const l={perPage:"per page",itemsPerPage:"Items per page",rangeSelected:"Items per page dropdown, {range} selected"},c=class{constructor(e){t(this,e),this.internalitemsperpagechange=a(this,"internalitemsperpagechange",3),this.itemsPerPage=25}handleChange(t){t.stopPropagation();const a=parseInt(this.dropdownElement.value,10);this.internalitemsperpagechange.emit(a)}async componentWillLoad(){this.i18n=await n(this.root,l)}getDropdown(){return e("gux-dropdown",{ref:t=>this.dropdownElement=t,value:`${this.itemsPerPage}`,"aria-label":this.i18n("rangeSelected",{range:this.itemsPerPage})},e("gux-listbox",{"aria-label":this.i18n("itemsPerPage")},e("gux-option",{value:"25"},"25"),e("gux-option",{value:"50"},"50"),e("gux-option",{value:"75"},"75"),e("gux-option",{value:"100"},"100")))}render(){return e("div",{key:"8d3ff776e66f4acbc8da64b82d23918251713d05",class:"gux-pagination-items-per-page-container"},e("div",{key:"d19760f221717d18f36d10241a020f6bcb4d9f2e",class:"gux-pagination-items-per-page-picker"},this.getDropdown()),e("div",{key:"f45143503cde31a00fda0b9c812c6fceb90de599",class:"gux-pagination-per-page"},this.i18n("perPage")))}get root(){return i(this)}};c.style="gux-pagination-items-per-page-legacy .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-legacy .gux-pagination-items-per-page-container>div{flex:0 1 auto;align-self:auto;order:0;white-space:nowrap}gux-pagination-items-per-page-legacy .gux-pagination-items-per-page-container .gux-pagination-items-per-page-picker gux-dropdown{display:inline-block;width:64px}gux-pagination-items-per-page-legacy .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{g as gux_pagination_buttons_legacy,u as gux_pagination_item_counts_legacy,c as gux_pagination_items_per_page_legacy}
1
+ import{r as t,c as a,h as e,g as i}from"./p-2e827df1.js";import{b as n}from"./p-0367930a.js";import"./p-4202e9f2.js";const o={page:"Page",totalPages:" of {totalPages, number}",first:"First",previous:"Previous",next:"Next",last:"Last",pageInputLabel:"Page {currentPage, number} of {totalPages, number}"};class s{static getPageList(t,a){if(a<=10)return[...Array(a).keys()].map((a=>{const e=a+1;return{pageNumber:e,display:String(e),current:e===t}}));if(t<=5)return[...[...Array(6).keys()].map((a=>{const e=a+1;return{pageNumber:e,display:String(e),current:e===t}})),{pageNumber:7,display:"...",current:!1},{pageNumber:a,display:String(a),current:!1}];if(t>a-5){const e=[...Array(6).keys()].map((e=>{const i=e+a-5;return{pageNumber:i,display:String(i),current:i===t}}));return[{pageNumber:1,display:"1",current:!1},{pageNumber:a-6,display:"...",current:!1},...e]}const e=[...Array(5).keys()].map((a=>{const e=a+t-2;return{pageNumber:e,display:String(e),current:e===t}}));return[{pageNumber:1,display:"1",current:!1},{pageNumber:t-3,display:"...",current:!1},...e,{pageNumber:t+3,display:"...",current:!1},{pageNumber:a,display:String(a),current:!1}]}}const g=class{constructor(e){t(this,e),this.internalcurrentpagechange=a(this,"internalcurrentpagechange",3),this.currentPage=void 0,this.totalPages=void 0,this.layout="full"}get onFirstPage(){return this.currentPage<=1}get onLastPage(){return this.currentPage>=this.totalPages}handleClickFirst(){this.internalcurrentpagechange.emit(1)}handleClickPrevious(){this.internalcurrentpagechange.emit(this.currentPage-1)}handleClickNext(){this.internalcurrentpagechange.emit(this.currentPage+1)}handleClickLast(){this.internalcurrentpagechange.emit(this.totalPages)}handleClickPage(t){this.internalcurrentpagechange.emit(t)}setPageFromInput(t){const a=parseInt(t,10);!a||isNaN(a)?this.textFieldRef.value=String(this.currentPage):this.internalcurrentpagechange.emit(a)}getPageListEnteries(t,a){return s.getPageList(t,a).reduce(((t,a)=>t.concat(e("button",a.current?{class:"gux-pagination-buttons-list-button gux-current"}:{class:"gux-pagination-buttons-list-button gux-target",onClick:()=>this.handleClickPage(a.pageNumber)},a.display))),[])}getSmallPagePicker(){return e("div",{class:"gux-pagination-buttons-spacer"})}getExpandedPagePicker(){return e("div",{class:"gux-pagination-buttons-list-container"},this.getPageListEnteries(this.currentPage,this.totalPages))}getFullPagePicker(){return e("div",{class:"gux-pagination-buttons-input-container"},e("div",null,this.i18n("page")),e("div",{class:"gux-pagination-buttons-input"},e("gux-form-field-text-like",{"label-position":"screenreader"},e("label",{slot:"label"},this.i18n("pageInputLabel",{currentPage:this.currentPage,totalPages:this.totalPages})),e("input",{type:"text",slot:"input",value:String(this.currentPage),ref:t=>this.textFieldRef=t,onChange:()=>this.setPageFromInput(this.textFieldRef.value)}))),e("div",null,this.i18n("totalPages",{totalPages:this.totalPages})))}getPagePicker(t){return"small"===t?this.getSmallPagePicker():"expanded"===t?this.getExpandedPagePicker():this.getFullPagePicker()}async componentWillLoad(){this.i18n=await n(this.root,o)}render(){return e("div",{key:"fc665cebb91e0af649339eb9f2b099af7db3ebea",class:`gux-pagination-buttons-container gux-${this.layout}`},e("div",{key:"763ab7099f3f3c6a0e1607c10aeced9ad2b7037d",class:"gux-pagination-buttons-group"},e("gux-button-slot",{key:"b91d596f29160686eed3ef05dbbc8e6fb4e20b99",accent:"ghost"},e("button",{key:"c025a7ae92496838c1e0a2029bd05a3adeddb04e",title:this.i18n("first"),disabled:this.onFirstPage,onClick:this.handleClickFirst.bind(this)},e("gux-icon",{key:"70ba05313e4834c313f9e647e20be310916a76b7",decorative:!0,"icon-name":"fa/chevrons-left-regular"}))),e("gux-button-slot",{key:"115790ca7f9b2194366340bc11ff7496bdaa3a4d",accent:"ghost"},e("button",{key:"6fe3bb39adb88c1bc5f8b7deb89dc84b444469ca",title:this.i18n("previous"),disabled:this.onFirstPage,onClick:this.handleClickPrevious.bind(this)},e("gux-icon",{key:"2d9f2e9bae8fecbab892cb720e02a15520631a41",decorative:!0,"icon-name":"custom/chevron-left-small-regular"})))),this.getPagePicker(this.layout),e("div",{key:"792f1d358f524a44d48c046acd326270d936111d",class:"gux-pagination-buttons-group"},e("gux-button-slot",{key:"c4e3162163bf3f45a713e855d3b359c2bbd2f230",accent:"ghost"},e("button",{key:"4b1445138385d23b501021127bc20b7101864bbc",title:this.i18n("next"),disabled:this.onLastPage,onClick:this.handleClickNext.bind(this)},e("gux-icon",{key:"5cc1d09bc4c9b5683e1f4d1328f75ed21b3a1ed1",decorative:!0,"icon-name":"custom/chevron-right-small-regular"}))),e("gux-button-slot",{key:"4dc01f3eb4dea63f8cc7dfee4c7f3979a197bbab",accent:"ghost"},e("button",{key:"2965bc99d2ebb82c6c3bc4ae416fbbacd6b3b0b0",title:this.i18n("last"),disabled:this.onLastPage,onClick:this.handleClickLast.bind(this)},e("gux-icon",{key:"6c338cb19ea9269023cb16231bad1beb336e5f53",decorative:!0,"icon-name":"fa/chevrons-right-regular"})))))}get root(){return i(this)}};g.style="gux-pagination-buttons-legacy .gux-pagination-buttons-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-end;align-items:center;margin-left:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap)}gux-pagination-buttons-legacy .gux-pagination-buttons-container.gux-expanded{justify-content:center}gux-pagination-buttons-legacy .gux-pagination-buttons-container>div{flex:0 1 auto;align-self:auto;order:0}gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-group{white-space:nowrap}gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-input-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-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-input-container>div{flex:0 1 auto;align-self:auto;order:0;white-space:nowrap}gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-input-container .gux-pagination-buttons-input{width:60px}gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-input-container .gux-pagination-buttons-input input{width:inherit;text-align:center}gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-list-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-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-button{height:32px;padding-right:var(--gse-ui-dataTableItems-tablePagination-countDisplay-gap);padding-left:var(--gse-ui-dataTableItems-tablePagination-countDisplay-gap);margin-right:var(--gse-ui-dataTableItems-tablePagination-countDisplay-gap);margin-left:var(--gse-ui-dataTableItems-tablePagination-countDisplay-gap);background:inherit;border:none}gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-button:focus-visible{border-radius:calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset));outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-button.gux-current{padding-right:var(--gse-ui-dataTableItems-tablePagination-padding);padding-left:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-button-ghost-active-backgroundColor);border-radius:var(--gse-ui-button-borderRadius);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-button-ghost-default-foregroundColor)}gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-button.gux-target{padding-right:var(--gse-ui-dataTableItems-tablePagination-padding);padding-left:var(--gse-ui-dataTableItems-tablePagination-padding);cursor:pointer;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-button-ghost-default-foregroundColor)}gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-button.gux-target:hover{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor);border-radius:var(--gse-ui-button-borderRadius)}gux-pagination-buttons-legacy .gux-pagination-buttons-container .gux-pagination-buttons-spacer{width:var(--gse-ui-dataTableItems-tablePagination-padding)}";const r={itemCountDisplay:"{firstItem, number} - {lastItem, number}",totalItems:" of {totalItems, number}"},u=class{constructor(a){t(this,a),this.totalItems=0,this.currentPage=0,this.itemsPerPage=25}get firstItem(){return this.totalItems<1?0:(this.currentPage-1)*this.itemsPerPage+1}get lastItem(){return this.totalItems<1?0:Math.min(this.currentPage*this.itemsPerPage,this.totalItems)}async componentWillLoad(){this.i18n=await n(this.root,r)}render(){return e("div",{key:"2c711a994a3b0e96b0caf53a61fff92dfb4b6167",class:"gux-pagination-item-counts-container"},e("span",{key:"0c67854ddb39a259a52db5a4de3ebf141f7e82e7",class:"gux-pagination-item-counts-range"},this.i18n("itemCountDisplay",{firstItem:this.firstItem,lastItem:this.lastItem})),e("span",{key:"e94b8eed7e75aafe075278c7fb398959cb753e22"},this.i18n("totalItems",{totalItems:this.totalItems})))}get root(){return i(this)}};u.style="gux-pagination-item-counts-legacy .gux-pagination-item-counts-container{display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tablePagination-countDisplay-gap);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);white-space:nowrap}";const l={perPage:"per page",itemsPerPage:"Items per page",rangeSelected:"Items per page dropdown, {range} selected"},c=class{constructor(e){t(this,e),this.internalitemsperpagechange=a(this,"internalitemsperpagechange",3),this.itemsPerPage=25}handleChange(t){t.stopPropagation();const a=parseInt(this.dropdownElement.value,10);this.internalitemsperpagechange.emit(a)}async componentWillLoad(){this.i18n=await n(this.root,l)}getDropdown(){return e("gux-dropdown",{ref:t=>this.dropdownElement=t,value:`${this.itemsPerPage}`,"aria-label":this.i18n("rangeSelected",{range:this.itemsPerPage})},e("gux-listbox",{"aria-label":this.i18n("itemsPerPage")},e("gux-option",{value:"25"},"25"),e("gux-option",{value:"50"},"50"),e("gux-option",{value:"75"},"75"),e("gux-option",{value:"100"},"100")))}render(){return e("div",{key:"6a59e7c7523d8d0e753be1c8d1897826219de3f9",class:"gux-pagination-items-per-page-container"},e("div",{key:"93d1afb2e9f75ff5652fba5dd3eeef896bdb578b",class:"gux-pagination-items-per-page-picker"},this.getDropdown()),e("div",{key:"606ac244050351656c134a82dca75d71782e7e54",class:"gux-pagination-per-page"},this.i18n("perPage")))}get root(){return i(this)}};c.style="gux-pagination-items-per-page-legacy .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-legacy .gux-pagination-items-per-page-container>div{flex:0 1 auto;align-self:auto;order:0;white-space:nowrap}gux-pagination-items-per-page-legacy .gux-pagination-items-per-page-container .gux-pagination-items-per-page-picker gux-dropdown{display:inline-block;width:64px}gux-pagination-items-per-page-legacy .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{g as gux_pagination_buttons_legacy,u as gux_pagination_item_counts_legacy,c as gux_pagination_items_per_page_legacy}
@@ -1 +1 @@
1
- import{r as e,c as t,f as n,h as s,g as a}from"./p-2e827df1.js";import{b as o}from"./p-0367930a.js";import{t as c}from"./p-60b9f5d4.js";import{g as r,s as i,a as h,b as d,c as l,d as u,e as m,f as b,h as p}from"./p-db201bbc.js";import"./p-4202e9f2.js";import"./p-a43079c8.js";import"./p-2c25e2f2.js";const g={search:"Search",searchResults:"search results",selectedColumnCount:"{count} / {total} Columns Selected",selectAllColumnsScreenReader:"{count} of {total} columns selected: check checkbox to select all {total} columns",unselectAllColumnsScreenReader:"{count} of {total} columns selected: uncheck checkbox to unselect all {total} columns",movePositionPrompt:"Press space or enter to move the {columnName} column to position {newPositionNumber} from position {oldPositionNumber}.",reorderingModeActive:"Reordering mode active. Reposition the {columnName} column using the up arrow key, the down arrow key, the home key and the end key. Press Escape to deactivate reordering mode."},x=class{constructor(n){e(this,n),this.guxorderchange=t(this,"guxorderchange",7),this.highlightResults={matchCount:0,currentMatch:0},this.keyboardOrderChange=r()}watchKeyboardOrderChange(){i(this.root,this.keyboardOrderChange)}async componentWillLoad(){c(this.root),this.i18n=await o(this.root,g)}componentDidLoad(){h(this.root,this.mainCheckboxElement)}handleInternalorderchange(e){e.stopPropagation(),this.emitOrderChange(e.detail)}emitOrderChange(e){const{oldIndex:t,newIndex:n}=e;if(t!==n){const t=d(this.root,e);this.guxorderchange.emit(t)}}handleInternalkeyboardorderstart(e){e.stopPropagation();const t=e.detail,n=l(e.target);this.keyboardOrderChange={oldIndex:n,newIndex:n},this.announceElement.guxAnnounce(this.i18n("reorderingModeActive",{columnName:t}))}handleInternalkeyboardreordermove(e){e.stopPropagation();const{delta:t,column:n}=e.detail;this.keyboardOrderChange=u(this.root,this.keyboardOrderChange,t),this.announceElement.guxAnnounce(this.i18n("movePositionPrompt",{columnName:n,newPositionNumber:this.keyboardOrderChange.newIndex+1,oldPositionNumber:this.keyboardOrderChange.oldIndex+1}))}handleInternalkeyboarddoreorder(e){e.stopPropagation(),this.emitOrderChange(this.keyboardOrderChange),e.target.guxFocus()}handleInternalkeyboardorderfinish(e){e.stopPropagation(),this.keyboardOrderChange=r()}onSearchInput(){this.highlightResults=m(this.root,this.searchElement)}onGuxCurrentMatchChanged(e){this.highlightResults=m(this.root,this.searchElement,e.detail)}onMainCheckboxChange(){b(this.root,this.mainCheckboxElement.checked),n(this.root)}onListChange(){h(this.root,this.mainCheckboxElement),n(this.root)}onSlotChange(){this.onListChange()}renderSelectedColumnCount(){const{count:e,total:t}=p(this.root);return s("div",null,s("span",{"aria-hidden":"true"},this.i18n("selectedColumnCount",{count:e,total:t})),s("span",{class:"gux-sr-only"},s("span",null,": ",this.i18n(e===t?"unselectAllColumnsScreenReader":"selectAllColumnsScreenReader",{count:e,total:t}))))}render(){return s("div",{key:"0028f87bea8d5962d551710199c95cfb6e0ed0fb",class:"gux-container"},s("div",{key:"25090ac71a783bee05c4cef141c2bb51193e0783",class:"gux-sr-only","aria-live":"polite"},`${this.highlightResults.matchCount} ${this.i18n("searchResults")}`),s("div",{key:"ba0e6c46ce5c2af64eca40cb2624fb45182dde9a",class:"gux-search"},s("gux-content-search",{key:"229b81ca309dd493d3fa130759e56fdb503b2e25","match-count":this.highlightResults.matchCount,"current-match":this.highlightResults.currentMatch,onGuxcurrentmatchchanged:e=>this.onGuxCurrentMatchChanged(e)},s("input",{key:"48448ef55e008db2744be11bc87f054c89ed5836",type:"search",placeholder:this.i18n("search"),onInput:()=>this.onSearchInput(),ref:e=>this.searchElement=e}))),s("div",{key:"2795ea2054f4482a8a6d846d2b756eb42379cffe",class:"gux-select"},s("gux-form-field-checkbox",{key:"4baa86b40e99b8b537c62daa81c941e9b6b11358"},s("input",{key:"087038e4b616d17600a7f41d088ea181d0813319",slot:"input",type:"checkbox",ref:e=>this.mainCheckboxElement=e,onChange:()=>this.onMainCheckboxChange()}),s("label",{key:"8dfd4a8c3e0e03e403cd23ef67acc6af618cee84",slot:"label"},this.renderSelectedColumnCount()))),s("div",{key:"0a9ce0f17b6166180ee64af8715999dcde44cdc8",class:"gux-list",onChange:()=>this.onListChange()},s("slot",{key:"337c5218ff2c5df14049e0e8e17565aeae9e4819",onSlotchange:()=>this.onSlotChange()})),s("gux-announce-beta",{key:"f78760b3855321190508368081b98383d1b328b2",ref:e=>this.announceElement=e}))}get root(){return a(this)}static get watchers(){return{keyboardOrderChange:["watchKeyboardOrderChange"]}}};x.style=".gux-container{width:320px;min-width:320px;padding:var(--gse-ui-dataTableItems-editColumn-editColumnContent-padding)}.gux-container .gux-search gux-content-search{width:100%}.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-decoration,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-cancel-button,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-results-button,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-results-decoration{display:none;-webkit-appearance:none}.gux-container .gux-select{padding:var(--gse-ui-dataTableItems-editColumn-editColumnContent-padding);margin-left:24px}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";export{x as gux_column_manager}
1
+ import{r as e,c as t,f as n,h as a,g as s}from"./p-2e827df1.js";import{b as o}from"./p-0367930a.js";import{t as c}from"./p-8599f991.js";import{g as r,s as i,a as h,b as d,c as l,d as u,e as b,f as m,h as p}from"./p-db201bbc.js";import"./p-4202e9f2.js";import"./p-a43079c8.js";import"./p-2c25e2f2.js";const g={search:"Search",searchResults:"search results",selectedColumnCount:"{count} / {total} Columns Selected",selectAllColumnsScreenReader:"{count} of {total} columns selected: check checkbox to select all {total} columns",unselectAllColumnsScreenReader:"{count} of {total} columns selected: uncheck checkbox to unselect all {total} columns",movePositionPrompt:"Press space or enter to move the {columnName} column to position {newPositionNumber} from position {oldPositionNumber}.",reorderingModeActive:"Reordering mode active. Reposition the {columnName} column using the up arrow key, the down arrow key, the home key and the end key. Press Escape to deactivate reordering mode."},x=class{constructor(n){e(this,n),this.guxorderchange=t(this,"guxorderchange",7),this.highlightResults={matchCount:0,currentMatch:0},this.keyboardOrderChange=r()}watchKeyboardOrderChange(){i(this.root,this.keyboardOrderChange)}async componentWillLoad(){c(this.root),this.i18n=await o(this.root,g)}componentDidLoad(){h(this.root,this.mainCheckboxElement)}handleInternalorderchange(e){e.stopPropagation(),this.emitOrderChange(e.detail)}emitOrderChange(e){const{oldIndex:t,newIndex:n}=e;if(t!==n){const t=d(this.root,e);this.guxorderchange.emit(t)}}handleInternalkeyboardorderstart(e){e.stopPropagation();const t=e.detail,n=l(e.target);this.keyboardOrderChange={oldIndex:n,newIndex:n},this.announceElement.guxAnnounce(this.i18n("reorderingModeActive",{columnName:t}))}handleInternalkeyboardreordermove(e){e.stopPropagation();const{delta:t,column:n}=e.detail;this.keyboardOrderChange=u(this.root,this.keyboardOrderChange,t),this.announceElement.guxAnnounce(this.i18n("movePositionPrompt",{columnName:n,newPositionNumber:this.keyboardOrderChange.newIndex+1,oldPositionNumber:this.keyboardOrderChange.oldIndex+1}))}handleInternalkeyboarddoreorder(e){e.stopPropagation(),this.emitOrderChange(this.keyboardOrderChange),e.target.guxFocus()}handleInternalkeyboardorderfinish(e){e.stopPropagation(),this.keyboardOrderChange=r()}onSearchInput(){this.highlightResults=b(this.root,this.searchElement)}onGuxCurrentMatchChanged(e){this.highlightResults=b(this.root,this.searchElement,e.detail)}onMainCheckboxChange(){m(this.root,this.mainCheckboxElement.checked),n(this.root)}onListChange(){h(this.root,this.mainCheckboxElement),n(this.root)}onSlotChange(){this.onListChange()}renderSelectedColumnCount(){const{count:e,total:t}=p(this.root);return a("div",null,a("span",{"aria-hidden":"true"},this.i18n("selectedColumnCount",{count:e,total:t})),a("span",{class:"gux-sr-only"},a("span",null,": ",this.i18n(e===t?"unselectAllColumnsScreenReader":"selectAllColumnsScreenReader",{count:e,total:t}))))}render(){return a("div",{key:"9e1f26db2435caa8d5296db7158514684ec7dcf4",class:"gux-container"},a("div",{key:"dde308417a67d62bd864216a2ba174cd54b65681",class:"gux-sr-only","aria-live":"polite"},`${this.highlightResults.matchCount} ${this.i18n("searchResults")}`),a("div",{key:"3b9432eb853c7d50ca312850945eb08d4af69d73",class:"gux-search"},a("gux-content-search",{key:"3b00f9c9d0bb2c97cef119502040cc736ac82428","match-count":this.highlightResults.matchCount,"current-match":this.highlightResults.currentMatch,onGuxcurrentmatchchanged:e=>this.onGuxCurrentMatchChanged(e)},a("input",{key:"1a3bfbd4aebbd3d2fada56bb626e9dbaa3368d5d",type:"search",placeholder:this.i18n("search"),onInput:()=>this.onSearchInput(),ref:e=>this.searchElement=e}))),a("div",{key:"614d197c44335c9b25279712145d1da65bf98e13",class:"gux-select"},a("gux-form-field-checkbox",{key:"d71186290ebbccc8736b4dce8f89d46fa4e595f3"},a("input",{key:"95f8406c17d50838641be426c5c6f4f6b0f49d3a",slot:"input",type:"checkbox",ref:e=>this.mainCheckboxElement=e,onChange:()=>this.onMainCheckboxChange()}),a("label",{key:"50252c685aca4ec17a3f01f30e6182d91d642180",slot:"label"},this.renderSelectedColumnCount()))),a("div",{key:"c13bdddd46573b8184673f6e44bb20a50d3ad394",class:"gux-list",onChange:()=>this.onListChange()},a("slot",{key:"7b2052d98a33aac03b05ccb02733eb68746ccedd",onSlotchange:()=>this.onSlotChange()})),a("gux-announce-beta",{key:"cf288b8c131da4b8343ada68c93c11c2671589ba",ref:e=>this.announceElement=e}))}get root(){return s(this)}static get watchers(){return{keyboardOrderChange:["watchKeyboardOrderChange"]}}};x.style=".gux-container{width:320px;min-width:320px;padding:var(--gse-ui-dataTableItems-editColumn-editColumnContent-padding)}.gux-container .gux-search gux-content-search{width:100%}.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-decoration,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-cancel-button,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-results-button,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-results-decoration{display:none;-webkit-appearance:none}.gux-container .gux-select{padding:var(--gse-ui-dataTableItems-editColumn-editColumnContent-padding);margin-left:24px}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";export{x as gux_column_manager}
@@ -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:"7186527b3c9556653657823916c81df0517e2b9f",class:"gux-tab-container"},this.renderScrollButton(this.hasHorizontalScrollbar?"scrollLeft":"scrollUp"),o("div",{key:"88a56c6f6051cd28eb41b84cc73ec5bab4c096fd",role:"tablist",class:"gux-scrollable-section","aria-owns":this.triggerIds},o("slot",{key:"8982340fc7ddaaf53815fd123e9935a3bb299e51"})),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:"f508b4dc1b501fd48d7527a3b47e3b48a6118295",class:"gux-tab-container"},this.renderScrollButton(this.hasHorizontalScrollbar?"scrollLeft":"scrollUp"),o("div",{key:"c59a2c49973889d313c154853bcb3a335528ad4f",role:"tablist",class:"gux-scrollable-section","aria-owns":this.triggerIds},o("slot",{key:"7d04c6ebc5ba29a3e4deb2f0466d8ad698ebfe41"})),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 t,h as i,g as e}from"./p-2e827df1.js";import{b as a}from"./p-0367930a.js";import{t as o}from"./p-60b9f5d4.js";import"./p-4202e9f2.js";const n={navigationName:"Skip links navigation"},s=class{constructor(i){t(this,i)}async componentWillLoad(){o(this.root),this.i18n=await a(this.root,n)}render(){return i("div",{key:"ee3d3a84882c60e76b2309ad5a5d736df16c77d6",class:"gux-container"},i("nav",{key:"93e72efcf2794f14c7d81585cd8c6a7c6a49d63b","aria-label":this.i18n("navigationName")},i("ul",{key:"1a66670bbfd0a09165cd59ed44d016058464fdd5",role:"list"},i("slot",{key:"43130e35f4d83be3f36e003801da219cbfa4c323"}))))}static get delegatesFocus(){return!0}get root(){return e(this)}};s.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit;position:absolute;inset:0}.gux-container nav{width:fit-content;margin:40px auto}.gux-container nav ul{padding:0;margin:0}";export{s as gux_skip_navigation_list}
1
+ import{r as t,h as i,g as e}from"./p-2e827df1.js";import{b as a}from"./p-0367930a.js";import{t as o}from"./p-8599f991.js";import"./p-4202e9f2.js";const n={navigationName:"Skip links navigation"},s=class{constructor(i){t(this,i)}async componentWillLoad(){o(this.root),this.i18n=await a(this.root,n)}render(){return i("div",{key:"9b85c6d6f47ff2a1190fa9788b02ae1942e3ce39",class:"gux-container"},i("nav",{key:"ae377c82c3ed7b4505780ca3bd1b4c3b861e4f94","aria-label":this.i18n("navigationName")},i("ul",{key:"a4942936ff5ef26bb502451e4f4ab4edb7f4947c",role:"list"},i("slot",{key:"46d090e8a3d893816e61fa4991c23d1b4348951c"}))))}static get delegatesFocus(){return!0}get root(){return e(this)}};s.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit;position:absolute;inset:0}.gux-container nav{width:fit-content;margin:40px auto}.gux-container nav ul{padding:0;margin:0}";export{s as gux_skip_navigation_list}
@@ -1 +1 @@
1
- import{r as e,h as t,H as o,g as s}from"./p-2e827df1.js";import{a as i,c as u,o as n}from"./p-b43ee47b.js";import{a}from"./p-cf0e7d3b.js";import{m as r,h}from"./p-67d20704.js";const d=class{constructor(t){e(this,t),this.label=void 0,this.isShown=!1}async guxFocus(){this.buttonElement.focus()}onKeydown(e){switch(r(e,this.root),e.key){case"Enter":e.stopPropagation(),this.hideDelayTimeout=a((()=>{this.focusOnSubmenu()})),this.guxFocus();break;case"ArrowRight":e.stopPropagation(),this.show(),this.hideDelayTimeout=a((()=>{this.focusOnSubmenu()}));break;case"ArrowLeft":case"Escape":this.root!==e.target&&e.stopPropagation(),this.guxFocus()}}onKeyup(e){" "===e.key&&(this.hideDelayTimeout=a((()=>{this.focusOnSubmenu()})),this.guxFocus())}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(e){"GUX-MENU-OPTION"!==e.target.nodeName?e.stopPropagation():this.hide()}onFocusin(){this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),h))}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=i(this.buttonElement,this.submenuElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.submenuElement&&u(this.buttonElement,this.submenuElement,{placement:"right-start",strategy:"fixed",middleware:[n(4)]}).then((({x:e,y:t})=>{Object.assign(this.submenuElement.style,{left:`${e}px`,top:t-8+"px"})}))}focusOnSubmenu(){this.submenuContentElement.contains(document.activeElement)||Array.from(this.root.children)[0].guxFocus()}componentDidLoad(){this.isShown&&this.runUpdatePosition()}componentDidUpdate(){this.isShown?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return t(o,{key:"06e91179795fd44dfb968bb77edb9114f2ef75ab"},t("button",{key:"174d7336d8ab207d196d463435729a31de8d4e7e",type:"button",class:{"gux-submenu-button":!0,"gux-submenu-button-active":this.isShown},role:"menuitem",tabIndex:-1,ref:e=>this.buttonElement=e,"aria-haspopup":"true","aria-expanded":this.isShown.toString()},t("span",{key:"79579beafd7b23d8431d4c434e21a64667e019b7",class:"gux-submenu-button-text"},this.label),t("gux-icon",{key:"5f26638bf16d44df48f6f6f2806a4fe876bec763",class:"gux-submenu-open-icon","icon-name":"custom/chevron-right-small-regular",decorative:!0})),t("div",{key:"58ff762c15c58571bf8e45eee189922867b7bce2",ref:e=>this.submenuElement=e,class:{"gux-submenu-wrapper":!0,"gux-shown":this.isShown}},t("div",{key:"852723e913dab6b00f32251c7a6c640850346045",role:"menu",class:"gux-submenu-content",ref:e=>this.submenuContentElement=e},t("slot",{key:"882e08c9a1e99b1d82903eb863576201836e15ba"}))))}get root(){return s(this)}};d.style=":host{display:block;flex:1 1 auto;align-self:auto}:host .gux-submenu-button{all:unset;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;width:var(--gse-ui-flyoutMenu-width);height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);background-color:var(--gse-ui-menu-option-default-backgroundColor)}:host .gux-submenu-button:focus-within,:host .gux-submenu-button:hover{background-color:var(--gse-ui-menu-option-hover-backgroundColor)}:host .gux-submenu-button.gux-submenu-button-active{font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);color:var(--gse-ui-menu-option-shortcut-selected-foregroundColor);background-color:var(--gse-ui-menu-option-selected-backgroundColor)}:host .gux-submenu-button .gux-submenu-button-text{flex:1 1 auto;align-self:auto;order:0;margin-right:var(--gse-ui-menu-option-gap);overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}:host .gux-submenu-button .gux-submenu-open-icon{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-menu-option-startIcon-width);height:var(--gse-ui-menu-option-startIcon-height)}:host .gux-submenu-wrapper{position:fixed;top:0;left:0;flex-direction:column;padding:var(--gse-ui-menu-padding);margin:0;visibility:hidden;background-color:var(--gse-ui-menu-backgroundColor);border:none;border-radius:var(--gse-ui-menu-borderRadius);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 .gux-submenu-wrapper.gux-shown{visibility:visible}";export{d as gux_submenu}
1
+ import{r as e,h as t,H as o,g as s}from"./p-2e827df1.js";import{a as i,c as u,o as n}from"./p-b43ee47b.js";import{a}from"./p-cf0e7d3b.js";import{m as r,h}from"./p-67d20704.js";const c=class{constructor(t){e(this,t),this.label=void 0,this.isShown=!1}async guxFocus(){this.buttonElement.focus()}onKeydown(e){switch(r(e,this.root),e.key){case"Enter":e.stopPropagation(),this.hideDelayTimeout=a((()=>{this.focusOnSubmenu()})),this.guxFocus();break;case"ArrowRight":e.stopPropagation(),this.show(),this.hideDelayTimeout=a((()=>{this.focusOnSubmenu()}));break;case"ArrowLeft":case"Escape":this.root!==e.target&&e.stopPropagation(),this.guxFocus()}}onKeyup(e){" "===e.key&&(this.hideDelayTimeout=a((()=>{this.focusOnSubmenu()})),this.guxFocus())}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(e){"GUX-MENU-OPTION"!==e.target.nodeName?e.stopPropagation():this.hide()}onFocusin(){this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),h))}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=i(this.buttonElement,this.submenuElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.submenuElement&&u(this.buttonElement,this.submenuElement,{placement:"right-start",strategy:"fixed",middleware:[n(4)]}).then((({x:e,y:t})=>{Object.assign(this.submenuElement.style,{left:`${e}px`,top:t-8+"px"})}))}focusOnSubmenu(){this.submenuContentElement.contains(document.activeElement)||Array.from(this.root.children)[0].guxFocus()}componentDidLoad(){this.isShown&&this.runUpdatePosition()}componentDidUpdate(){this.isShown?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return t(o,{key:"7c4c963a28028e0ee62e294d7467c0c12983fd33"},t("button",{key:"1b2feacb1de6dcf3206f79a5fafde4398e75eb67",type:"button",class:{"gux-submenu-button":!0,"gux-submenu-button-active":this.isShown},role:"menuitem",tabIndex:-1,ref:e=>this.buttonElement=e,"aria-haspopup":"true","aria-expanded":this.isShown.toString()},t("span",{key:"2485e6e32b5c36fdaf02572584cd6c77e677ae0f",class:"gux-submenu-button-text"},this.label),t("gux-icon",{key:"11948144bec2b9b4bdaaa1520a60d9ea8ae0f936",class:"gux-submenu-open-icon","icon-name":"custom/chevron-right-small-regular",decorative:!0})),t("div",{key:"54d0b93093b38a15d87deeb4937c7c87bd6104ce",ref:e=>this.submenuElement=e,class:{"gux-submenu-wrapper":!0,"gux-shown":this.isShown}},t("div",{key:"9a001da7d9c727ceb7323fa587a87c845c403bc5",role:"menu",class:"gux-submenu-content",ref:e=>this.submenuContentElement=e},t("slot",{key:"dd468443d28e7be29a5ab965516158e996477a73"}))))}get root(){return s(this)}};c.style=":host{display:block;flex:1 1 auto;align-self:auto}:host .gux-submenu-button{all:unset;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;width:var(--gse-ui-flyoutMenu-width);height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);background-color:var(--gse-ui-menu-option-default-backgroundColor)}:host .gux-submenu-button:focus-within,:host .gux-submenu-button:hover{background-color:var(--gse-ui-menu-option-hover-backgroundColor)}:host .gux-submenu-button.gux-submenu-button-active{font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);color:var(--gse-ui-menu-option-shortcut-selected-foregroundColor);background-color:var(--gse-ui-menu-option-selected-backgroundColor)}:host .gux-submenu-button .gux-submenu-button-text{flex:1 1 auto;align-self:auto;order:0;margin-right:var(--gse-ui-menu-option-gap);overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}:host .gux-submenu-button .gux-submenu-open-icon{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-menu-option-startIcon-width);height:var(--gse-ui-menu-option-startIcon-height)}:host .gux-submenu-wrapper{position:fixed;top:0;left:0;flex-direction:column;padding:var(--gse-ui-menu-padding);margin:0;visibility:hidden;background-color:var(--gse-ui-menu-backgroundColor);border:none;border-radius:var(--gse-ui-menu-borderRadius);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 .gux-submenu-wrapper.gux-shown{visibility:visible}";export{c as gux_submenu}
@@ -1 +1 @@
1
- import{h as a,r as e,g as t}from"./p-2e827df1.js";import{t as i}from"./p-60b9f5d4.js";import{a as r}from"./p-8eaf8caf.js";import{b as g}from"./p-0367930a.js";import"./p-4202e9f2.js";const o={notifications:"Notifications"},n=class{constructor(a){e(this,a),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,this.ucIntegration="none"}generateInitials(){var a,e,t,i;const r=null!==(e=null===(a=this.name)||void 0===a?void 0:a.split(" "))&&void 0!==e?e:[];return r.length>1?r[0].charAt(0)+r[r.length-1].charAt(0):(null===(t=r[0])||void 0===t?void 0:t.charAt(0))+(null===(i=r[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||r(this.root,"Name prop is required for accessibility"),a&&!a.getAttribute("alt")&&r(this.root,"Alt attribute is required for slotted image."),"none"!==this.ucIntegration&&"large"!==this.size&&r(this.root,"UC Integration app logo can only be shown on large avatar")}renderBadge(){return this.notifications?this.renderNotificationsBadge():this.badge&&!["idle","none"].includes(this.presence)?a("div",{class:{"gux-avatar-badge":!0,[`gux-${this.presence}`]:!0,[`gux-${this.size}`]:!0}},a("gux-icon",{"icon-name":this.getPresenceIcon(this.presence),decorative:!0})):void 0}renderNotificationsBadge(){return a("div",{class:{"gux-avatar-badge gux-notifications":!0,[`gux-${this.size}`]:!0}},a("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"}}renderUcIntegrationsIcon(){switch(this.ucIntegration){case"teams":return a("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("g",{"clip-path":"url(#clip0_17811_243865)"},a("path",{d:"M22.3205 12.0769H30.5862C31.3671 12.0769 32.0002 12.7051 32.0002 13.48V20.951C32.0002 23.799 29.6735 26.1077 26.8035 26.1077H26.7789C23.9089 26.1081 21.582 23.7997 21.5815 20.9517C21.5815 20.9515 21.5815 20.9512 21.5815 20.951V12.8102C21.5816 12.4052 21.9124 12.0769 22.3205 12.0769Z",fill:"#5059C9"}),a("path",{d:"M27.9069 10.6C29.7565 10.6 31.2558 9.11222 31.2558 7.27694C31.2558 5.44165 29.7565 3.95386 27.9069 3.95386C26.0574 3.95386 24.5581 5.44165 24.5581 7.27694C24.5581 9.11222 26.0574 10.6 27.9069 10.6Z",fill:"#5059C9"}),a("path",{d:"M17.4886 10.6C20.1601 10.6 22.3258 8.45098 22.3258 5.80001C22.3258 3.14904 20.1601 1 17.4886 1C14.8171 1 12.6514 3.14904 12.6514 5.80001C12.6514 8.45098 14.8171 10.6 17.4886 10.6Z",fill:"#7B83EB"}),a("path",{d:"M23.9381 12.0769H10.2941C9.52253 12.0959 8.91215 12.7313 8.93005 13.497V22.0181C8.8223 26.613 12.4857 30.426 17.1161 30.5385C21.7465 30.426 25.4099 26.613 25.3022 22.0181V13.497C25.32 12.7313 24.7097 12.0959 23.9381 12.0769Z",fill:"#7B83EB"}),a("path",{opacity:"0.1",d:"M17.8603 12.0769V24.0178C17.8566 24.5654 17.5222 25.0573 17.0119 25.2658C16.8495 25.334 16.6749 25.3692 16.4985 25.3692H9.58496C9.48822 25.1255 9.39892 24.8818 9.32449 24.6308C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.8603Z",fill:"black"}),a("path",{opacity:"0.2",d:"M17.1161 12.0769V24.7563C17.1161 24.9313 17.0807 25.1046 17.0119 25.2658C16.8018 25.7722 16.3061 26.104 15.7543 26.1077H9.93474C9.80822 25.864 9.68915 25.6203 9.58496 25.3692C9.48077 25.1181 9.39892 24.8818 9.32449 24.6308C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.1161Z",fill:"black"}),a("path",{opacity:"0.2",d:"M17.1161 12.0769V23.2794C17.1105 24.0234 16.504 24.6251 15.7543 24.6308H9.32449C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.1161Z",fill:"black"}),a("path",{opacity:"0.2",d:"M16.3719 12.0769V23.2794C16.3663 24.0234 15.7598 24.6251 15.0101 24.6308H9.32449C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H16.3719Z",fill:"black"}),a("path",{opacity:"0.1",d:"M17.8605 8.25909V10.5852C17.734 10.5926 17.6149 10.6 17.4884 10.6C17.3619 10.6 17.2428 10.5926 17.1163 10.5852C16.8651 10.5687 16.616 10.5291 16.3721 10.4671C14.8652 10.113 13.6201 9.06422 13.0233 7.64617C12.9206 7.40804 12.8409 7.16077 12.7852 6.90771H16.4986C17.2496 6.91054 17.8577 7.5139 17.8605 8.25909Z",fill:"black"}),a("path",{opacity:"0.2",d:"M17.1165 8.99749V10.5852C16.8653 10.5686 16.6161 10.5291 16.3723 10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.7546C16.5055 7.64894 17.1136 8.25232 17.1165 8.99749Z",fill:"black"}),a("path",{opacity:"0.2",d:"M17.1165 8.99749V10.5852C16.8653 10.5686 16.6161 10.5291 16.3723 10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.7546C16.5055 7.64894 17.1136 8.25232 17.1165 8.99749Z",fill:"black"}),a("path",{opacity:"0.2",d:"M16.3723 8.9975V10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.0104C15.7614 7.64895 16.3694 8.25234 16.3723 8.9975Z",fill:"black"}),a("path",{d:"M1.36409 7.64612H15.008C15.7614 7.64612 16.3721 8.25215 16.3721 8.99971V22.5387C16.3721 23.2862 15.7613 23.8923 15.008 23.8923H1.36409C0.610716 23.8923 0 23.2862 0 22.5387V8.99971C0 8.25215 0.61073 7.64612 1.36409 7.64612Z",fill:"url(#paint0_linear_17811_243865)"}),a("path",{d:"M11.7761 12.7992H9.04865V20.169H7.31098V12.7992H4.59619V11.3695H11.7761V12.7992Z",fill:"white"})),a("defs",null,a("linearGradient",{id:"paint0_linear_17811_243865",x1:"2.84416",y1:"6.58844",x2:"13.4047",y2:"25.0206",gradientUnits:"userSpaceOnUse"},a("stop",{"stop-color":"#5A62C3"}),a("stop",{offset:"0.5","stop-color":"#4D55BD"}),a("stop",{offset:"1","stop-color":"#3940AB"})),a("clipPath",{id:"clip0_17811_243865"},a("rect",{width:"32",height:"29.5385",fill:"white",transform:"translate(0 1)"}))));case"zoom":return a("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M0 14C0 6.26801 6.26801 0 14 0H18C25.732 0 32 6.26801 32 14V18C32 25.732 25.732 32 18 32H14C6.26801 32 0 25.732 0 18V14Z",fill:"url(#paint0_linear_17811_243867)"}),a("path",{d:"M9.03495 17.9231H4.76573C4.48252 17.9231 4.22028 17.7885 4.08392 17.5577C3.93706 17.2885 3.98951 16.9712 4.22028 16.7692L7.1888 14.0481H5.05944C4.47203 14.0481 4 13.6058 4 13.0769H7.93355C8.21677 13.0769 8.479 13.2115 8.61537 13.4423C8.76222 13.7115 8.70977 14.0288 8.479 14.2308L5.51048 16.9519H7.97551C8.56292 16.9519 9.03495 17.3942 9.03495 17.9231ZM25.944 13C25.3356 13 24.7796 13.2404 24.402 13.6346C24.0244 13.25 23.4685 13 22.8601 13C21.7272 13 20.7936 13.8846 20.7936 14.9231V17.9231C21.3811 17.9231 21.8531 17.4904 21.8531 16.9519V14.9135C21.8531 14.4135 22.2727 13.9904 22.8181 13.9712C23.395 13.9519 23.8671 14.375 23.8671 14.8942V16.9519C23.8671 17.4904 24.3391 17.9231 24.9265 17.9231V14.9135C24.9265 14.4135 25.3461 13.9904 25.8915 13.9712C26.4684 13.9519 26.9405 14.375 26.9405 14.8942V16.9519C26.9405 17.4904 27.4125 17.9231 27.9999 17.9231V14.9231C28.0104 13.8846 27.0768 13 25.944 13ZM14.3846 15.5C14.3846 16.875 13.1573 18 11.6573 18C10.1468 18 8.93005 16.875 8.93005 15.5C8.93005 14.125 10.1573 13 11.6573 13C13.1573 13 14.3846 14.125 14.3846 15.5ZM13.3251 15.5C13.3251 14.6538 12.5804 13.9712 11.6573 13.9712C10.7342 13.9712 9.98949 14.6538 9.98949 15.5C9.98949 16.3462 10.7342 17.0288 11.6573 17.0288C12.5804 17.0288 13.3251 16.3462 13.3251 15.5ZM20.2692 15.5C20.2692 16.875 19.0419 18 17.5419 18C16.0314 18 14.8146 16.875 14.8146 15.5C14.8146 14.125 16.0419 13 17.5419 13C19.0419 13 20.2692 14.125 20.2692 15.5ZM19.2097 15.5C19.2097 14.6538 18.465 13.9712 17.5419 13.9712C16.6188 13.9712 15.8741 14.6538 15.8741 15.5C15.8741 16.3462 16.6188 17.0288 17.5419 17.0288C18.465 17.0288 19.2097 16.3462 19.2097 15.5Z",fill:"white"}),a("defs",null,a("linearGradient",{id:"paint0_linear_17811_243867",x1:"6",y1:"29",x2:"26",y2:"2.5",gradientUnits:"userSpaceOnUse"},a("stop",{"stop-color":"#084ACD"}),a("stop",{offset:"0.505","stop-color":"#0B5CFF"}),a("stop",{offset:"1","stop-color":"#236EF9"}))));case"8x8":return a("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("rect",{width:"32",height:"32",fill:"#CB2233"}),a("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M19.4298 14.2388H16.8341L16.2371 15.4154C16.1751 15.5507 16.1037 15.6811 16.0236 15.8055H15.9988C15.9988 15.8055 15.8808 15.5988 15.7841 15.4154L15.1965 14.2302H12.6127L14.6479 17.5052L12.621 20.7815H15.1611L15.8454 19.4129C15.9061 19.2937 15.9589 19.1704 16.0035 19.0437H16.0283C16.0283 19.0437 16.1227 19.2898 16.1864 19.4129L16.886 20.7815H19.4298L17.4028 17.5052L19.4298 14.2388ZM7.95949 19.1225C7.79341 19.1261 7.62828 19.0954 7.47357 19.0323C7.31886 18.9692 7.17761 18.8748 7.05792 18.7547C6.93823 18.6345 6.84245 18.4909 6.77608 18.332C6.7097 18.1732 6.67404 18.0022 6.67112 17.8289C6.68897 17.3197 6.89037 16.8362 7.23508 16.4751C8.28512 16.9674 9.24078 17.3465 9.24078 17.9852C9.24668 18.7163 8.75352 19.1225 7.95949 19.1225ZM8.03028 12.3975C8.72992 12.3975 9.15112 12.8037 9.15112 13.4252C9.14236 13.9074 9.0139 14.3789 8.77829 14.7938C7.83443 14.3705 7.06047 13.9975 7.06047 13.2677C7.05575 12.7877 7.3625 12.3975 8.03028 12.3975ZM10.6613 15.7625C10.7651 15.6308 11.7113 14.4283 11.7113 13.2258C11.7113 11.152 10.082 10 8.09399 10C5.59748 10 4.5085 11.5914 4.5085 13.2086C4.5085 14.1625 4.91436 14.8258 5.47832 15.3403C5.15269 15.6148 4 16.624 4 18.0615C4 19.8363 5.35916 21.52 7.95949 21.52C10.6058 21.52 11.9178 19.8191 11.9178 18.1194C11.9178 16.9994 11.3774 16.2782 10.6613 15.7625ZM24.0452 19.1225C23.8792 19.1259 23.7142 19.0951 23.5597 19.0319C23.4051 18.9688 23.264 18.8744 23.1444 18.7542C23.0249 18.6341 22.9292 18.4905 22.8629 18.3317C22.7966 18.1729 22.761 18.0021 22.758 17.8289C22.7759 17.3197 22.9773 16.8362 23.322 16.4751C24.372 16.9674 25.3277 17.3465 25.3277 17.9852C25.3277 18.7237 24.8345 19.1286 24.0476 19.1286L24.0452 19.1225ZM24.1172 12.3975C24.8168 12.3975 25.238 12.8037 25.238 13.4252C25.2296 13.9076 25.1007 14.3794 24.864 14.7938C23.9202 14.3705 23.1474 13.9975 23.1474 13.2677C23.1474 12.7877 23.4494 12.3975 24.1172 12.3975ZM26.7435 15.7625C26.8473 15.6222 27.7935 14.4197 27.7935 13.2258C27.7935 11.152 26.163 10 24.1762 10C21.6797 10 20.5907 11.5914 20.5907 13.2086C20.5907 14.1625 20.9966 14.8258 21.5605 15.3403C21.2349 15.6049 20.0822 16.6166 20.0822 18.048C20.0822 19.8228 21.4414 21.5065 24.0405 21.5065C26.688 21.5065 28 19.8068 28 18.1058C28 16.9994 27.4596 16.2782 26.7435 15.7625Z",fill:"white"}));default:return null}}renderUcIntegrationBadge(){if(this.ucIntegration&&"large"===this.size)return a("div",{class:"gux-avatar-integration-badge"},this.renderUcIntegrationsIcon())}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,o)}componentDidLoad(){this.validatingInputs()}render(){return[a("div",{key:"cca148d3b45a6299318b5043317d91b62d129450",class:{"gux-avatar":!0,[`gux-${this.presence}`]:this.ring||this.badge,[`gux-${this.size}`]:!0,"gux-ring":this.ring,[`gux-accent-${this.getAccent()}`]:!0}},a("div",{key:"abb2a2db73b6f8735ba683e1f1e57e7f47442830",class:"gux-content"},a("slot",{key:"c3747ef46e175b4874f2b4377d97aad753e97e1d",name:"image"},a("abbr",{key:"3e2df26a3d19ece2e050335643441bbf14ab4316",title:this.getDescriptionText(),"aria-label":this.getDescriptionText()},this.generateInitials())))),this.renderBadge(),this.renderUcIntegrationBadge()]}get root(){return t(this)}};n.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-integration-badge{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:var(--gse-semantic-zIndex-showFocus);display:flex;align-items:center;justify-content:center}.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{n as gux_avatar_beta}
1
+ import{h as a,r as e,g as t}from"./p-2e827df1.js";import{t as i}from"./p-8599f991.js";import{a as r}from"./p-8eaf8caf.js";import{b as g}from"./p-0367930a.js";import"./p-4202e9f2.js";const o={notifications:"Notifications"},n=class{constructor(a){e(this,a),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,this.ucIntegration="none"}generateInitials(){var a,e,t,i;const r=null!==(e=null===(a=this.name)||void 0===a?void 0:a.split(" "))&&void 0!==e?e:[];return r.length>1?r[0].charAt(0)+r[r.length-1].charAt(0):(null===(t=r[0])||void 0===t?void 0:t.charAt(0))+(null===(i=r[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||r(this.root,"Name prop is required for accessibility"),a&&!a.getAttribute("alt")&&r(this.root,"Alt attribute is required for slotted image."),"none"!==this.ucIntegration&&"large"!==this.size&&r(this.root,"UC Integration app logo can only be shown on large avatar")}renderBadge(){return this.notifications?this.renderNotificationsBadge():this.badge&&!["idle","none"].includes(this.presence)?a("div",{class:{"gux-avatar-badge":!0,[`gux-${this.presence}`]:!0,[`gux-${this.size}`]:!0}},a("gux-icon",{"icon-name":this.getPresenceIcon(this.presence),decorative:!0})):void 0}renderNotificationsBadge(){return a("div",{class:{"gux-avatar-badge gux-notifications":!0,[`gux-${this.size}`]:!0}},a("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"}}renderUcIntegrationsIcon(){switch(this.ucIntegration){case"teams":return a("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("g",{"clip-path":"url(#clip0_17811_243865)"},a("path",{d:"M22.3205 12.0769H30.5862C31.3671 12.0769 32.0002 12.7051 32.0002 13.48V20.951C32.0002 23.799 29.6735 26.1077 26.8035 26.1077H26.7789C23.9089 26.1081 21.582 23.7997 21.5815 20.9517C21.5815 20.9515 21.5815 20.9512 21.5815 20.951V12.8102C21.5816 12.4052 21.9124 12.0769 22.3205 12.0769Z",fill:"#5059C9"}),a("path",{d:"M27.9069 10.6C29.7565 10.6 31.2558 9.11222 31.2558 7.27694C31.2558 5.44165 29.7565 3.95386 27.9069 3.95386C26.0574 3.95386 24.5581 5.44165 24.5581 7.27694C24.5581 9.11222 26.0574 10.6 27.9069 10.6Z",fill:"#5059C9"}),a("path",{d:"M17.4886 10.6C20.1601 10.6 22.3258 8.45098 22.3258 5.80001C22.3258 3.14904 20.1601 1 17.4886 1C14.8171 1 12.6514 3.14904 12.6514 5.80001C12.6514 8.45098 14.8171 10.6 17.4886 10.6Z",fill:"#7B83EB"}),a("path",{d:"M23.9381 12.0769H10.2941C9.52253 12.0959 8.91215 12.7313 8.93005 13.497V22.0181C8.8223 26.613 12.4857 30.426 17.1161 30.5385C21.7465 30.426 25.4099 26.613 25.3022 22.0181V13.497C25.32 12.7313 24.7097 12.0959 23.9381 12.0769Z",fill:"#7B83EB"}),a("path",{opacity:"0.1",d:"M17.8603 12.0769V24.0178C17.8566 24.5654 17.5222 25.0573 17.0119 25.2658C16.8495 25.334 16.6749 25.3692 16.4985 25.3692H9.58496C9.48822 25.1255 9.39892 24.8818 9.32449 24.6308C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.8603Z",fill:"black"}),a("path",{opacity:"0.2",d:"M17.1161 12.0769V24.7563C17.1161 24.9313 17.0807 25.1046 17.0119 25.2658C16.8018 25.7722 16.3061 26.104 15.7543 26.1077H9.93474C9.80822 25.864 9.68915 25.6203 9.58496 25.3692C9.48077 25.1181 9.39892 24.8818 9.32449 24.6308C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.1161Z",fill:"black"}),a("path",{opacity:"0.2",d:"M17.1161 12.0769V23.2794C17.1105 24.0234 16.504 24.6251 15.7543 24.6308H9.32449C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.1161Z",fill:"black"}),a("path",{opacity:"0.2",d:"M16.3719 12.0769V23.2794C16.3663 24.0234 15.7598 24.6251 15.0101 24.6308H9.32449C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H16.3719Z",fill:"black"}),a("path",{opacity:"0.1",d:"M17.8605 8.25909V10.5852C17.734 10.5926 17.6149 10.6 17.4884 10.6C17.3619 10.6 17.2428 10.5926 17.1163 10.5852C16.8651 10.5687 16.616 10.5291 16.3721 10.4671C14.8652 10.113 13.6201 9.06422 13.0233 7.64617C12.9206 7.40804 12.8409 7.16077 12.7852 6.90771H16.4986C17.2496 6.91054 17.8577 7.5139 17.8605 8.25909Z",fill:"black"}),a("path",{opacity:"0.2",d:"M17.1165 8.99749V10.5852C16.8653 10.5686 16.6161 10.5291 16.3723 10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.7546C16.5055 7.64894 17.1136 8.25232 17.1165 8.99749Z",fill:"black"}),a("path",{opacity:"0.2",d:"M17.1165 8.99749V10.5852C16.8653 10.5686 16.6161 10.5291 16.3723 10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.7546C16.5055 7.64894 17.1136 8.25232 17.1165 8.99749Z",fill:"black"}),a("path",{opacity:"0.2",d:"M16.3723 8.9975V10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.0104C15.7614 7.64895 16.3694 8.25234 16.3723 8.9975Z",fill:"black"}),a("path",{d:"M1.36409 7.64612H15.008C15.7614 7.64612 16.3721 8.25215 16.3721 8.99971V22.5387C16.3721 23.2862 15.7613 23.8923 15.008 23.8923H1.36409C0.610716 23.8923 0 23.2862 0 22.5387V8.99971C0 8.25215 0.61073 7.64612 1.36409 7.64612Z",fill:"url(#paint0_linear_17811_243865)"}),a("path",{d:"M11.7761 12.7992H9.04865V20.169H7.31098V12.7992H4.59619V11.3695H11.7761V12.7992Z",fill:"white"})),a("defs",null,a("linearGradient",{id:"paint0_linear_17811_243865",x1:"2.84416",y1:"6.58844",x2:"13.4047",y2:"25.0206",gradientUnits:"userSpaceOnUse"},a("stop",{"stop-color":"#5A62C3"}),a("stop",{offset:"0.5","stop-color":"#4D55BD"}),a("stop",{offset:"1","stop-color":"#3940AB"})),a("clipPath",{id:"clip0_17811_243865"},a("rect",{width:"32",height:"29.5385",fill:"white",transform:"translate(0 1)"}))));case"zoom":return a("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M0 14C0 6.26801 6.26801 0 14 0H18C25.732 0 32 6.26801 32 14V18C32 25.732 25.732 32 18 32H14C6.26801 32 0 25.732 0 18V14Z",fill:"url(#paint0_linear_17811_243867)"}),a("path",{d:"M9.03495 17.9231H4.76573C4.48252 17.9231 4.22028 17.7885 4.08392 17.5577C3.93706 17.2885 3.98951 16.9712 4.22028 16.7692L7.1888 14.0481H5.05944C4.47203 14.0481 4 13.6058 4 13.0769H7.93355C8.21677 13.0769 8.479 13.2115 8.61537 13.4423C8.76222 13.7115 8.70977 14.0288 8.479 14.2308L5.51048 16.9519H7.97551C8.56292 16.9519 9.03495 17.3942 9.03495 17.9231ZM25.944 13C25.3356 13 24.7796 13.2404 24.402 13.6346C24.0244 13.25 23.4685 13 22.8601 13C21.7272 13 20.7936 13.8846 20.7936 14.9231V17.9231C21.3811 17.9231 21.8531 17.4904 21.8531 16.9519V14.9135C21.8531 14.4135 22.2727 13.9904 22.8181 13.9712C23.395 13.9519 23.8671 14.375 23.8671 14.8942V16.9519C23.8671 17.4904 24.3391 17.9231 24.9265 17.9231V14.9135C24.9265 14.4135 25.3461 13.9904 25.8915 13.9712C26.4684 13.9519 26.9405 14.375 26.9405 14.8942V16.9519C26.9405 17.4904 27.4125 17.9231 27.9999 17.9231V14.9231C28.0104 13.8846 27.0768 13 25.944 13ZM14.3846 15.5C14.3846 16.875 13.1573 18 11.6573 18C10.1468 18 8.93005 16.875 8.93005 15.5C8.93005 14.125 10.1573 13 11.6573 13C13.1573 13 14.3846 14.125 14.3846 15.5ZM13.3251 15.5C13.3251 14.6538 12.5804 13.9712 11.6573 13.9712C10.7342 13.9712 9.98949 14.6538 9.98949 15.5C9.98949 16.3462 10.7342 17.0288 11.6573 17.0288C12.5804 17.0288 13.3251 16.3462 13.3251 15.5ZM20.2692 15.5C20.2692 16.875 19.0419 18 17.5419 18C16.0314 18 14.8146 16.875 14.8146 15.5C14.8146 14.125 16.0419 13 17.5419 13C19.0419 13 20.2692 14.125 20.2692 15.5ZM19.2097 15.5C19.2097 14.6538 18.465 13.9712 17.5419 13.9712C16.6188 13.9712 15.8741 14.6538 15.8741 15.5C15.8741 16.3462 16.6188 17.0288 17.5419 17.0288C18.465 17.0288 19.2097 16.3462 19.2097 15.5Z",fill:"white"}),a("defs",null,a("linearGradient",{id:"paint0_linear_17811_243867",x1:"6",y1:"29",x2:"26",y2:"2.5",gradientUnits:"userSpaceOnUse"},a("stop",{"stop-color":"#084ACD"}),a("stop",{offset:"0.505","stop-color":"#0B5CFF"}),a("stop",{offset:"1","stop-color":"#236EF9"}))));case"8x8":return a("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("rect",{width:"32",height:"32",fill:"#CB2233"}),a("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M19.4298 14.2388H16.8341L16.2371 15.4154C16.1751 15.5507 16.1037 15.6811 16.0236 15.8055H15.9988C15.9988 15.8055 15.8808 15.5988 15.7841 15.4154L15.1965 14.2302H12.6127L14.6479 17.5052L12.621 20.7815H15.1611L15.8454 19.4129C15.9061 19.2937 15.9589 19.1704 16.0035 19.0437H16.0283C16.0283 19.0437 16.1227 19.2898 16.1864 19.4129L16.886 20.7815H19.4298L17.4028 17.5052L19.4298 14.2388ZM7.95949 19.1225C7.79341 19.1261 7.62828 19.0954 7.47357 19.0323C7.31886 18.9692 7.17761 18.8748 7.05792 18.7547C6.93823 18.6345 6.84245 18.4909 6.77608 18.332C6.7097 18.1732 6.67404 18.0022 6.67112 17.8289C6.68897 17.3197 6.89037 16.8362 7.23508 16.4751C8.28512 16.9674 9.24078 17.3465 9.24078 17.9852C9.24668 18.7163 8.75352 19.1225 7.95949 19.1225ZM8.03028 12.3975C8.72992 12.3975 9.15112 12.8037 9.15112 13.4252C9.14236 13.9074 9.0139 14.3789 8.77829 14.7938C7.83443 14.3705 7.06047 13.9975 7.06047 13.2677C7.05575 12.7877 7.3625 12.3975 8.03028 12.3975ZM10.6613 15.7625C10.7651 15.6308 11.7113 14.4283 11.7113 13.2258C11.7113 11.152 10.082 10 8.09399 10C5.59748 10 4.5085 11.5914 4.5085 13.2086C4.5085 14.1625 4.91436 14.8258 5.47832 15.3403C5.15269 15.6148 4 16.624 4 18.0615C4 19.8363 5.35916 21.52 7.95949 21.52C10.6058 21.52 11.9178 19.8191 11.9178 18.1194C11.9178 16.9994 11.3774 16.2782 10.6613 15.7625ZM24.0452 19.1225C23.8792 19.1259 23.7142 19.0951 23.5597 19.0319C23.4051 18.9688 23.264 18.8744 23.1444 18.7542C23.0249 18.6341 22.9292 18.4905 22.8629 18.3317C22.7966 18.1729 22.761 18.0021 22.758 17.8289C22.7759 17.3197 22.9773 16.8362 23.322 16.4751C24.372 16.9674 25.3277 17.3465 25.3277 17.9852C25.3277 18.7237 24.8345 19.1286 24.0476 19.1286L24.0452 19.1225ZM24.1172 12.3975C24.8168 12.3975 25.238 12.8037 25.238 13.4252C25.2296 13.9076 25.1007 14.3794 24.864 14.7938C23.9202 14.3705 23.1474 13.9975 23.1474 13.2677C23.1474 12.7877 23.4494 12.3975 24.1172 12.3975ZM26.7435 15.7625C26.8473 15.6222 27.7935 14.4197 27.7935 13.2258C27.7935 11.152 26.163 10 24.1762 10C21.6797 10 20.5907 11.5914 20.5907 13.2086C20.5907 14.1625 20.9966 14.8258 21.5605 15.3403C21.2349 15.6049 20.0822 16.6166 20.0822 18.048C20.0822 19.8228 21.4414 21.5065 24.0405 21.5065C26.688 21.5065 28 19.8068 28 18.1058C28 16.9994 27.4596 16.2782 26.7435 15.7625Z",fill:"white"}));default:return null}}renderUcIntegrationBadge(){if(this.ucIntegration&&"large"===this.size)return a("div",{class:"gux-avatar-integration-badge"},this.renderUcIntegrationsIcon())}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,o)}componentDidLoad(){this.validatingInputs()}render(){return[a("div",{key:"cca148d3b45a6299318b5043317d91b62d129450",class:{"gux-avatar":!0,[`gux-${this.presence}`]:this.ring||this.badge,[`gux-${this.size}`]:!0,"gux-ring":this.ring,[`gux-accent-${this.getAccent()}`]:!0}},a("div",{key:"abb2a2db73b6f8735ba683e1f1e57e7f47442830",class:"gux-content"},a("slot",{key:"c3747ef46e175b4874f2b4377d97aad753e97e1d",name:"image"},a("abbr",{key:"3e2df26a3d19ece2e050335643441bbf14ab4316",title:this.getDescriptionText(),"aria-label":this.getDescriptionText()},this.generateInitials())))),this.renderBadge(),this.renderUcIntegrationBadge()]}get root(){return t(this)}};n.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-integration-badge{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:var(--gse-semantic-zIndex-showFocus);display:flex;align-items:center;justify-content:center}.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{n as gux_avatar_beta}
@@ -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-60b9f5d4.js";import{b as x}from"./p-0367930a.js";import{u as b,g as k,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=b()?this.format||k(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
+ 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-8599f991.js";import{b as x}from"./p-0367930a.js";import{u as b,g as k,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=b()?this.format||k(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:"327ae0465bb0b771554474c77cb73e145e3f7405",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 t,c as e,h as a,g as i}from"./p-2e827df1.js";import{t as n}from"./p-60b9f5d4.js";import{b as o}from"./p-0367930a.js";import"./p-4202e9f2.js";const s={previous:"Previous",next:"Next"},r=class{constructor(a){t(this,a),this.guxPaginationCursorchange=e(this,"guxPaginationCursorchange",7),this.guxitemsperpagechange=e(this,"guxitemsperpagechange",7),this.hasPrevious=!1,this.hasNext=!1,this.itemsPerPage=void 0,this.layout="simple"}handleInternalitemsperpagechange(t){this.guxitemsperpagechange.emit(t.detail)}onButtonClick(t){("previous"===t&&this.hasPrevious||"next"===t&&this.hasNext)&&this.guxPaginationCursorchange.emit(t)}async componentWillLoad(){n(this.root),this.i18n=await o(this.root,s)}renderSimpleLayout(){return[a("div",{role:"navigation",class:"gux-pagination-button-container"},a("gux-button-slot",{accent:"ghost"},a("button",{class:"gux-simple-button",type:"button",disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},a("gux-icon",{iconName:"custom/chevron-left-small-regular","screenreader-text":this.i18n("previous")}))),a("gux-button-slot",{accent:"ghost"},a("button",{class:"gux-simple-button",type:"button",disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},a("gux-icon",{iconName:"custom/chevron-right-small-regular","screenreader-text":this.i18n("next")}))))]}renderAdvancedLayout(){return[a("div",{role:"navigation",class:"gux-pagination-button-container"},a("gux-button-slot",{accent:"ghost"},a("button",{type:"button",disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},a("div",{class:"gux-button-align-content"},a("gux-icon",{decorative:!0,iconName:"custom/chevron-left-small-regular"}),a("span",null,this.i18n("previous"))))),a("gux-button-slot",{accent:"ghost"},a("button",{type:"button",disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},a("div",{class:"gux-button-align-content"},a("span",null,this.i18n("next")),a("gux-icon",{decorative:!0,iconName:"custom/chevron-right-small-regular"}))))),this.renderItemsPerPage()]}renderItemsPerPage(){return this.itemsPerPage&&a("gux-pagination-items-per-page",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})}render(){return"advanced"===this.layout?this.renderAdvancedLayout():this.renderSimpleLayout()}get root(){return i(this)}};r.style=":host{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;padding:var(--gse-ui-dataTableItems-tablePagination-padding);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-defaultText-fontWeight);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor);border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}:host .gux-pagination-button-container{display:flex;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);align-content:center}:host .gux-button-align-content{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-button-gap);align-content:center;align-items:center}:host .gux-button-align-content>*{flex:0 1 auto;align-self:auto;order:0}:host gux-icon{width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size)}";export{r as gux_pagination_cursor}
1
+ import{r as t,c as e,h as a,g as i}from"./p-2e827df1.js";import{t as n}from"./p-8599f991.js";import{b as o}from"./p-0367930a.js";import"./p-4202e9f2.js";const s={previous:"Previous",next:"Next"},r=class{constructor(a){t(this,a),this.guxPaginationCursorchange=e(this,"guxPaginationCursorchange",7),this.guxitemsperpagechange=e(this,"guxitemsperpagechange",7),this.hasPrevious=!1,this.hasNext=!1,this.itemsPerPage=void 0,this.layout="simple"}handleInternalitemsperpagechange(t){this.guxitemsperpagechange.emit(t.detail)}onButtonClick(t){("previous"===t&&this.hasPrevious||"next"===t&&this.hasNext)&&this.guxPaginationCursorchange.emit(t)}async componentWillLoad(){n(this.root),this.i18n=await o(this.root,s)}renderSimpleLayout(){return[a("div",{role:"navigation",class:"gux-pagination-button-container"},a("gux-button-slot",{accent:"ghost"},a("button",{class:"gux-simple-button",type:"button",disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},a("gux-icon",{iconName:"custom/chevron-left-small-regular","screenreader-text":this.i18n("previous")}))),a("gux-button-slot",{accent:"ghost"},a("button",{class:"gux-simple-button",type:"button",disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},a("gux-icon",{iconName:"custom/chevron-right-small-regular","screenreader-text":this.i18n("next")}))))]}renderAdvancedLayout(){return[a("div",{role:"navigation",class:"gux-pagination-button-container"},a("gux-button-slot",{accent:"ghost"},a("button",{type:"button",disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},a("div",{class:"gux-button-align-content"},a("gux-icon",{decorative:!0,iconName:"custom/chevron-left-small-regular"}),a("span",null,this.i18n("previous"))))),a("gux-button-slot",{accent:"ghost"},a("button",{type:"button",disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},a("div",{class:"gux-button-align-content"},a("span",null,this.i18n("next")),a("gux-icon",{decorative:!0,iconName:"custom/chevron-right-small-regular"}))))),this.renderItemsPerPage()]}renderItemsPerPage(){return this.itemsPerPage&&a("gux-pagination-items-per-page",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})}render(){return"advanced"===this.layout?this.renderAdvancedLayout():this.renderSimpleLayout()}get root(){return i(this)}};r.style=":host{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;padding:var(--gse-ui-dataTableItems-tablePagination-padding);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-defaultText-fontWeight);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor);border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}:host .gux-pagination-button-container{display:flex;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);align-content:center}:host .gux-button-align-content{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-button-gap);align-content:center;align-items:center}:host .gux-button-align-content>*{flex:0 1 auto;align-self:auto;order:0}:host gux-icon{width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size)}";export{r as gux_pagination_cursor}
@@ -0,0 +1 @@
1
+ import{r as e,h as r,H as i}from"./p-2e827df1.js";const o=class{constructor(r){e(this,r)}render(){return r(i,{key:"fb586573e0599986833c87cb0e1d2b5d403a3ed7",role:"presentation"})}};o.style=":host{position:relative;display:flex;width:100%;height:var(--gse-ui-menu-divider-height);padding:0;margin:var(--gse-ui-menu-divider-margin);pointer-events:none;cursor:pointer;cursor:default;background-color:var(--gse-ui-menu-divider-backgroundColor)}";export{o as gux_list_divider}
@@ -0,0 +1 @@
1
+ import{r as e,h as t,g as r}from"./p-2e827df1.js";import{b as i}from"./p-0367930a.js";import{O as o}from"./p-01471ba0.js";import{a as l,o as a}from"./p-e5b1cffc.js";import{h as s}from"./p-6d8b4027.js";import{g as f}from"./p-0268a3e8.js";import{G as n,a as h}from"./p-4ed61122.js";import{G as d,a as g}from"./p-b0e1eb0c.js";import{v as c,a as u}from"./p-2c02d54d.js";import{t as p}from"./p-8599f991.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const m={required:"Required"};const b=class{constructor(t){e(this,t),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}watchValue(e){const t=this.root.querySelector("gux-time-picker");t&&(t.hasError=e)}onMutation(){this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}async componentWillLoad(){this.getI18nValue=await i(this.root,m),this.setInput(),this.setLabel(),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),p(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){var e;return t(g,{key:"2c4aa38b0077b02ac436d7ae2416e798410451f6",labelPosition:this.computedLabelPosition},t(d,{key:"f179f8f2f27e34cdf2f3a1883283e914beb57de9",position:this.computedLabelPosition,required:this.required,labelText:null===(e=this.label)||void 0===e?void 0:e.textContent},t("slot",{key:"5e40f38fd6c40f946a48c1c4084ea850826f4ddf",name:"label",onSlotchange:()=>this.setLabel()}),this.renderScreenReaderText(this.getI18nValue("required"),this.required),this.renderScreenReaderText(f(this.root,"error"),this.hasError)),t("div",{key:"0b85674bcabd466f530847e1fece1ec922464689",class:"gux-input-and-error-container"},t("div",{key:"ced84fc0e19298b46cc9f3d83b97ff40512640d2",class:{"gux-input":!0,"gux-input-error":this.hasError}},t("div",{key:"fbafbca9ee75ef20ecbd9a312399998285367f25",class:{"gux-time-picker-container":!0,"gux-disabled":this.disabled}},t("slot",{key:"ba1095c38f9191d5f83f0c36bcde7e1019d4f0a9"}))),t(n,{key:"e212decaf9f764d05a4d0991b69c3536fd55d74e",show:this.hasError},t("slot",{key:"ddb43aa4fcb2b95a5f857cbf745fae4a69f88be7",name:"error"})),t(h,{key:"658b7d869e8b5542f5c0f9cb8ea60b21e675bd6f",show:!this.hasError&&this.hasHelp},t("slot",{key:"35cc61cb53a60869b96dc7b57b467f04ed89d325",name:"help"}))))}renderScreenReaderText(e,r=!0){if(r)return t("gux-screen-reader-beta",null,e)}get variant(){return`timePicker-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.timePickerElement=this.root.querySelector("gux-time-picker"),this.disabled=this.timePickerElement.disabled,this.required=this.timePickerElement.required,this.disabledObserver=l(this.timePickerElement,(e=>{this.disabled=e})),this.requiredObserver=a(this.timePickerElement,(e=>{this.required=e})),c(this.root,this.timePickerElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=u(this.label,this.labelPosition)}get root(){return r(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(e,t,r,i){var o,l=arguments.length,a=l<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(l<3?o(a):l>3?o(t,r,a):o(t,r))||a);l>3&&a&&Object.defineProperty(t,r,a)})([o({childList:!0,subtree:!0})],b.prototype,"onMutation",null),b.style='.gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.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-legend-label ::slotted(label){white-space:nowrap}.gux-form-field-legend-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:" *"}.gux-form-field-legend-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);float:left;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-legend-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-legend-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}::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)}.gux-input-and-error-container{flex-grow:1}';export{b as gux_form_field_time_picker}
@@ -0,0 +1 @@
1
+ import{r as e,h as r,g as o}from"./p-2e827df1.js";import{c as t,o as i}from"./p-f4751a15.js";import{O as n}from"./p-01471ba0.js";import{o as a}from"./p-e5b1cffc.js";import{p as l}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{G as d,a as u}from"./p-4ed61122.js";import{G as f,a as g}from"./p-9773c4fe.js";import{v as p,a as h}from"./p-2c02d54d.js";import{t as c}from"./p-8599f991.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const m=class{constructor(r){e(this,r),this.resize=void 0,this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=!0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),c(this.root,{variant:this.variant})}componentDidLoad(){this.updateHeight(this.textareaContainerElement,this.input,this.resize)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return r(g,{key:"11ece4734590df5dbc3dd57a25396dbae6c356fb",labelPosition:this.computedLabelPosition},r(f,{key:"fd49c1716f36edd989e7ad8317d2d9805ae936c6",position:this.computedLabelPosition,required:this.required},r("slot",{key:"27f500f0e73bad522721c36244f20be0d7b11415",name:"label",onSlotchange:()=>this.setLabel()})),r("div",{key:"58848d83f118763cf9eb2472a432b17cfa5da114",class:"gux-input-and-error-container"},r("div",{key:"1dd0fc6b6ac1f8de54b5627e3f0fe2b3dd87f13d",ref:e=>this.textareaContainerElement=e,class:{"gux-input":!0,[`gux-resize-${this.resize}`]:!0,"gux-disabled":this.disabled,"gux-input-error":this.hasError}},r("slot",{key:"32dbc6311403f984cf919ecd65ba25365bd316a2",name:"input"})),r(d,{key:"02b7a46d01a3da2406c5fbb3f2b355b401dd0ca3",show:this.hasError},r("slot",{key:"581a3c77300e8742b3b048a1f885441ce8d9b146",name:"error"})),r(u,{key:"f176631e209a4077dbf133652c8100d0c7f56b54",show:!this.hasError&&this.hasHelp},r("slot",{key:"ac6121c1025518648e5873d40c1460917d14d2c3",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.resize}-${e}`}setInput(){this.input=this.root.querySelector('textarea[slot="input"]'),l(this.input),this.updateHeight(this.textareaContainerElement,this.input,this.resize),this.input.addEventListener("input",(()=>{this.updateHeight(this.textareaContainerElement,this.input,this.resize)})),this.disabled=t(this.input),this.required=this.input.required,this.disabledObserver=i(this.input,(e=>{this.disabled=e})),this.requiredObserver=a(this.input,(e=>{this.required=e})),p(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=h(this.label,this.labelPosition)}updateHeight(e,r,o){"auto"===o&&e&&(e.dataset.replicatedValue=r.value,e.style.maxHeight=r.style.maxHeight)}get root(){return o(this)}};(function(e,r,o,t){var i,n=arguments.length,a=n<3?r:null===t?t=Object.getOwnPropertyDescriptor(r,o):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,r,o,t);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(n<3?i(a):n>3?i(r,o,a):i(r,o))||a);n>3&&a&&Object.defineProperty(r,o,a)})([n({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.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(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;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);color:var(--gse-ui-formControl-input-populatedColor);resize:vertical;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:none;border-radius:var(--gse-ui-formControl-input-borderRadius);outline:none;padding:var(--gse-ui-formControl-textarea-padding);margin:0}::slotted(textarea)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}::slotted(textarea)[disabled]{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:flex;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);outline:none}.gux-input-and-error-container .gux-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: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-input-and-error-container .gux-input:hover:not(.gux-disabled){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-input-and-error-container .gux-input.gux-input-error{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-input-and-error-container .gux-input.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input.gux-resize-none ::slotted(textarea){resize:none}.gux-input-and-error-container .gux-input.gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}.gux-input-and-error-container .gux-input.gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) " ";padding:var(--gse-ui-formControl-textarea-padding);margin:0}.gux-input-and-error-container .gux-input.gux-resize-auto ::slotted(textarea){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}';export{m as gux_form_field_textarea}