genesys-spark-components 4.0.0-beta.49 → 4.0.0-beta.50

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 (280) hide show
  1. package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
  2. package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
  3. package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +2 -2
  4. package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +1 -1
  5. package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
  6. package/dist/cjs/gux-badge.cjs.entry.js +1 -1
  7. package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
  8. package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
  9. package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
  10. package/dist/cjs/gux-button-slot.cjs.entry.js +1 -1
  11. package/dist/cjs/gux-button.cjs.entry.js +1 -1
  12. package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
  13. package/dist/cjs/gux-card.cjs.entry.js +1 -1
  14. package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
  15. package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
  16. package/dist/cjs/gux-context-menu.cjs.entry.js +1 -1
  17. package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
  18. package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
  19. package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
  20. package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
  21. package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
  22. package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
  23. package/dist/cjs/gux-dropdown-multi.cjs.entry.js +1 -1
  24. package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
  25. package/dist/cjs/gux-flyout-menu.cjs.entry.js +1 -1
  26. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
  27. package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
  28. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
  29. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +2 -2
  30. package/dist/cjs/gux-form-field-number_3.cjs.entry.js +1 -1
  31. package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
  32. package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
  33. package/dist/cjs/gux-form-field-range.cjs.entry.js +2 -2
  34. package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
  35. package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
  36. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
  37. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
  38. package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
  39. package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +1 -1
  40. package/dist/cjs/gux-icon.cjs.entry.js +1 -1
  41. package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
  42. package/dist/cjs/gux-list.cjs.entry.js +1 -1
  43. package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
  44. package/dist/cjs/gux-loading-message.cjs.entry.js +1 -1
  45. package/dist/cjs/gux-modal-legacy.cjs.entry.js +2 -2
  46. package/dist/cjs/gux-modal.cjs.entry.js +2 -2
  47. package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
  48. package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +2 -2
  49. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
  50. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
  51. package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
  52. package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
  53. package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
  54. package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
  55. package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
  56. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  57. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  58. package/dist/cjs/gux-region-icon.cjs.entry.js +1 -1
  59. package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
  60. package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
  61. package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
  62. package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
  64. package/dist/cjs/gux-switch-item.cjs.entry.js +1 -1
  65. package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
  66. package/dist/cjs/gux-tab-advanced-list.cjs.entry.js +1 -1
  67. package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
  69. package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
  70. package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
  71. package/dist/cjs/gux-table.cjs.entry.js +2 -2
  72. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-tag.cjs.entry.js +1 -1
  75. package/dist/cjs/gux-text-highlight.cjs.entry.js +2 -2
  76. package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
  77. package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
  78. package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
  79. package/dist/cjs/gux-toast.cjs.entry.js +1 -1
  80. package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
  81. package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
  82. package/dist/cjs/{usage-79278f52.js → usage-b880ed82.js} +1 -1
  83. package/dist/collection/components/beta/gux-phone-input/tests/gux-phone-input.e2e.js +6 -0
  84. package/dist/collection/components/legacy/gux-action-toast-legacy/gux-action-toast.css +8 -10
  85. package/dist/collection/components/legacy/gux-modal-legacy/gux-modal-legacy.css +4 -6
  86. package/dist/collection/components/legacy/gux-notification-toast-legacy/gux-notification-toast.css +5 -7
  87. package/dist/collection/components/legacy/gux-switch-legacy/gux-switch-item/gux-switch-item.css +10 -10
  88. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.css +0 -8
  89. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.css +0 -8
  90. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.css +0 -8
  91. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-phone/gux-form-field-phone.css +0 -8
  92. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.css +7 -6
  93. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.css +0 -8
  94. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.css +0 -8
  95. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.css +0 -8
  96. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.css +0 -8
  97. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-picker/gux-form-field-time-picker.css +0 -8
  98. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-zone-picker/gux-form-field-time-zone-picker.css +0 -8
  99. package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-input-clear-button/gux-form-field-input-clear-button.css +1 -3
  100. package/dist/collection/components/stable/gux-modal/gux-modal.css +4 -6
  101. package/dist/collection/components/stable/gux-table/gux-table.css +5 -7
  102. package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.css +4 -4
  103. package/dist/collection/components/stable/gux-text-highlight/gux-text-highlight.css +1 -1
  104. package/dist/deploy-info.json +3 -3
  105. package/dist/esm/gux-accordion.entry.js +1 -1
  106. package/dist/esm/gux-action-button.entry.js +1 -1
  107. package/dist/esm/gux-action-toast-legacy.entry.js +2 -2
  108. package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
  109. package/dist/esm/gux-announce-beta.entry.js +1 -1
  110. package/dist/esm/gux-badge.entry.js +1 -1
  111. package/dist/esm/gux-blank-state.entry.js +1 -1
  112. package/dist/esm/gux-breadcrumbs.entry.js +1 -1
  113. package/dist/esm/gux-button-multi.entry.js +1 -1
  114. package/dist/esm/gux-button-slot.entry.js +1 -1
  115. package/dist/esm/gux-button.entry.js +1 -1
  116. package/dist/esm/gux-calendar.entry.js +1 -1
  117. package/dist/esm/gux-card.entry.js +1 -1
  118. package/dist/esm/gux-column-manager.entry.js +1 -1
  119. package/dist/esm/gux-content-search.entry.js +1 -1
  120. package/dist/esm/gux-context-menu.entry.js +1 -1
  121. package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
  122. package/dist/esm/gux-date-beta.entry.js +1 -1
  123. package/dist/esm/gux-date-time-beta.entry.js +1 -1
  124. package/dist/esm/gux-datepicker.entry.js +1 -1
  125. package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
  126. package/dist/esm/gux-dismiss-button.entry.js +1 -1
  127. package/dist/esm/gux-dropdown-multi.entry.js +1 -1
  128. package/dist/esm/gux-dropdown_3.entry.js +1 -1
  129. package/dist/esm/gux-flyout-menu.entry.js +1 -1
  130. package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
  131. package/dist/esm/gux-form-field-color.entry.js +1 -1
  132. package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
  133. package/dist/esm/gux-form-field-input-clear-button.entry.js +2 -2
  134. package/dist/esm/gux-form-field-number_3.entry.js +1 -1
  135. package/dist/esm/gux-form-field-phone.entry.js +1 -1
  136. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  137. package/dist/esm/gux-form-field-range.entry.js +2 -2
  138. package/dist/esm/gux-form-field-search.entry.js +1 -1
  139. package/dist/esm/gux-form-field-select.entry.js +1 -1
  140. package/dist/esm/gux-form-field-text-like.entry.js +1 -1
  141. package/dist/esm/gux-form-field-textarea.entry.js +1 -1
  142. package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
  143. package/dist/esm/gux-form-field-time-zone-picker.entry.js +1 -1
  144. package/dist/esm/gux-icon.entry.js +1 -1
  145. package/dist/esm/gux-inline-alert.entry.js +1 -1
  146. package/dist/esm/gux-list.entry.js +1 -1
  147. package/dist/esm/gux-listbox-multi.entry.js +1 -1
  148. package/dist/esm/gux-loading-message.entry.js +1 -1
  149. package/dist/esm/gux-modal-legacy.entry.js +2 -2
  150. package/dist/esm/gux-modal.entry.js +2 -2
  151. package/dist/esm/gux-month-picker-beta.entry.js +1 -1
  152. package/dist/esm/gux-notification-toast-legacy.entry.js +2 -2
  153. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  154. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  155. package/dist/esm/gux-pagination-legacy.entry.js +1 -1
  156. package/dist/esm/gux-pagination.entry.js +1 -1
  157. package/dist/esm/gux-phone-input-beta.entry.js +1 -1
  158. package/dist/esm/gux-popover-list.entry.js +1 -1
  159. package/dist/esm/gux-radial-loading.entry.js +1 -1
  160. package/dist/esm/gux-radial-progress.entry.js +1 -1
  161. package/dist/esm/gux-rating.entry.js +1 -1
  162. package/dist/esm/gux-region-icon.entry.js +1 -1
  163. package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
  164. package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
  165. package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
  166. package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
  167. package/dist/esm/gux-sort-control.entry.js +1 -1
  168. package/dist/esm/gux-switch-item.entry.js +1 -1
  169. package/dist/esm/gux-switch-legacy.entry.js +1 -1
  170. package/dist/esm/gux-tab-advanced-list.entry.js +1 -1
  171. package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
  172. package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
  173. package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
  174. package/dist/esm/gux-table-toolbar.entry.js +1 -1
  175. package/dist/esm/gux-table.entry.js +2 -2
  176. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  177. package/dist/esm/gux-tabs.entry.js +1 -1
  178. package/dist/esm/gux-tag.entry.js +1 -1
  179. package/dist/esm/gux-text-highlight.entry.js +2 -2
  180. package/dist/esm/gux-time-beta.entry.js +1 -1
  181. package/dist/esm/gux-time-picker.entry.js +1 -1
  182. package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
  183. package/dist/esm/gux-toast.entry.js +1 -1
  184. package/dist/esm/gux-toggle.entry.js +1 -1
  185. package/dist/esm/gux-tooltip.entry.js +1 -1
  186. package/dist/esm/{usage-2b074807.js → usage-0630a584.js} +1 -1
  187. package/dist/genesys-webcomponents/genesys-webcomponents.css +1 -1
  188. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  189. package/dist/genesys-webcomponents/{p-09b02e71.entry.js → p-01879743.entry.js} +1 -1
  190. package/dist/genesys-webcomponents/{p-601a4570.entry.js → p-05753884.entry.js} +1 -1
  191. package/dist/genesys-webcomponents/p-23f0bd2f.entry.js +1 -0
  192. package/dist/genesys-webcomponents/{p-76fa03d3.entry.js → p-27b9cbdd.entry.js} +1 -1
  193. package/dist/genesys-webcomponents/{p-c2800e59.entry.js → p-29c212fc.entry.js} +1 -1
  194. package/dist/genesys-webcomponents/{p-1cf19078.entry.js → p-30148c8b.entry.js} +1 -1
  195. package/dist/genesys-webcomponents/{p-643a4e9b.entry.js → p-306298c0.entry.js} +1 -1
  196. package/dist/genesys-webcomponents/p-32a59ceb.entry.js +1 -0
  197. package/dist/genesys-webcomponents/{p-fa4da7c4.entry.js → p-3703f618.entry.js} +1 -1
  198. package/dist/genesys-webcomponents/{p-a2a73115.entry.js → p-39b4e297.entry.js} +1 -1
  199. package/dist/genesys-webcomponents/{p-2509e22c.entry.js → p-3ad33bb0.entry.js} +1 -1
  200. package/dist/genesys-webcomponents/{p-52834bff.entry.js → p-3b4543bf.entry.js} +1 -1
  201. package/dist/genesys-webcomponents/{p-fc431395.entry.js → p-42ade131.entry.js} +1 -1
  202. package/dist/genesys-webcomponents/{p-02186c4c.entry.js → p-43042961.entry.js} +1 -1
  203. package/dist/genesys-webcomponents/{p-ed206517.entry.js → p-45414b8d.entry.js} +1 -1
  204. package/dist/genesys-webcomponents/{p-455d5b37.entry.js → p-45673ffb.entry.js} +1 -1
  205. package/dist/genesys-webcomponents/{p-4ab7862c.entry.js → p-491b088e.entry.js} +1 -1
  206. package/dist/genesys-webcomponents/{p-59aadc2d.entry.js → p-4c545afd.entry.js} +1 -1
  207. package/dist/genesys-webcomponents/{p-08a34797.entry.js → p-4db494c6.entry.js} +1 -1
  208. package/dist/genesys-webcomponents/{p-c8aca8d8.entry.js → p-4e3f6d9c.entry.js} +1 -1
  209. package/dist/genesys-webcomponents/{p-2bfe2e3c.entry.js → p-5d0d1c16.entry.js} +1 -1
  210. package/dist/genesys-webcomponents/{p-c0e55825.entry.js → p-5def3a96.entry.js} +1 -1
  211. package/dist/genesys-webcomponents/{p-48097d17.entry.js → p-6109f65f.entry.js} +1 -1
  212. package/dist/genesys-webcomponents/{p-2e934001.entry.js → p-63dfc75b.entry.js} +1 -1
  213. package/dist/genesys-webcomponents/{p-0b1387a3.entry.js → p-6613d839.entry.js} +1 -1
  214. package/dist/genesys-webcomponents/{p-9b041d6b.entry.js → p-6742dc42.entry.js} +1 -1
  215. package/dist/genesys-webcomponents/{p-d187dc0b.entry.js → p-690b84b2.entry.js} +1 -1
  216. package/dist/genesys-webcomponents/{p-de2a27b7.entry.js → p-6aca9a06.entry.js} +1 -1
  217. package/dist/genesys-webcomponents/{p-3bfb0bd6.entry.js → p-6b7a4062.entry.js} +1 -1
  218. package/dist/genesys-webcomponents/{p-8b630e7d.entry.js → p-6c877a0b.entry.js} +1 -1
  219. package/dist/genesys-webcomponents/{p-67e4c504.entry.js → p-6f63a621.entry.js} +1 -1
  220. package/dist/genesys-webcomponents/{p-7bfac941.entry.js → p-71f0076e.entry.js} +1 -1
  221. package/dist/genesys-webcomponents/{p-6f7c1165.entry.js → p-73beff80.entry.js} +1 -1
  222. package/dist/genesys-webcomponents/{p-bcbf3fe6.entry.js → p-743c5484.entry.js} +1 -1
  223. package/dist/genesys-webcomponents/{p-5f6c578f.entry.js → p-748f57cd.entry.js} +1 -1
  224. package/dist/genesys-webcomponents/{p-02739982.entry.js → p-7551a110.entry.js} +1 -1
  225. package/dist/genesys-webcomponents/{p-cdc5551e.entry.js → p-7a73c54f.entry.js} +1 -1
  226. package/dist/genesys-webcomponents/{p-e05730c6.entry.js → p-7d64a253.entry.js} +1 -1
  227. package/dist/genesys-webcomponents/{p-b1fc1030.entry.js → p-7ddbb271.entry.js} +1 -1
  228. package/dist/genesys-webcomponents/{p-cbb46471.entry.js → p-80df4133.entry.js} +1 -1
  229. package/dist/genesys-webcomponents/{p-8975248f.entry.js → p-81d2c944.entry.js} +1 -1
  230. package/dist/genesys-webcomponents/{p-d600d7fa.entry.js → p-8f505502.entry.js} +1 -1
  231. package/dist/genesys-webcomponents/{p-d163cc68.entry.js → p-90b58125.entry.js} +1 -1
  232. package/dist/genesys-webcomponents/{p-ee0dfdad.entry.js → p-92e348a2.entry.js} +1 -1
  233. package/dist/genesys-webcomponents/{p-8474a212.entry.js → p-953c9921.entry.js} +1 -1
  234. package/dist/genesys-webcomponents/{p-3c4a8a44.entry.js → p-a9f7c92d.entry.js} +1 -1
  235. package/dist/genesys-webcomponents/p-aa57af3f.entry.js +1 -0
  236. package/dist/genesys-webcomponents/p-ab7d461e.entry.js +1 -0
  237. package/dist/genesys-webcomponents/{p-9b1beeed.entry.js → p-ad1d20d7.entry.js} +1 -1
  238. package/dist/genesys-webcomponents/{p-95d5c00b.entry.js → p-ad505cef.entry.js} +1 -1
  239. package/dist/genesys-webcomponents/{p-3e664763.entry.js → p-ae343cca.entry.js} +1 -1
  240. package/dist/genesys-webcomponents/{p-bd2fa40c.entry.js → p-b7a06732.entry.js} +1 -1
  241. package/dist/genesys-webcomponents/{p-4feeebe4.entry.js → p-b7fdae8b.entry.js} +1 -1
  242. package/dist/genesys-webcomponents/{p-0ea16bb4.entry.js → p-bcc146bb.entry.js} +1 -1
  243. package/dist/genesys-webcomponents/{p-38810193.entry.js → p-be3b29a1.entry.js} +1 -1
  244. package/dist/genesys-webcomponents/{p-0cd5a994.entry.js → p-bf4b32a8.entry.js} +1 -1
  245. package/dist/genesys-webcomponents/{p-28275c57.js → p-c23acf83.js} +1 -1
  246. package/dist/genesys-webcomponents/{p-3328518b.entry.js → p-c70eb7d6.entry.js} +1 -1
  247. package/dist/genesys-webcomponents/{p-c583a526.entry.js → p-c75097dd.entry.js} +1 -1
  248. package/dist/genesys-webcomponents/{p-4798f5a1.entry.js → p-c9da195f.entry.js} +1 -1
  249. package/dist/genesys-webcomponents/{p-ceb629c2.entry.js → p-cd318f17.entry.js} +1 -1
  250. package/dist/genesys-webcomponents/{p-c8b66ed4.entry.js → p-ce9f717a.entry.js} +1 -1
  251. package/dist/genesys-webcomponents/{p-6c5666ba.entry.js → p-cf985a58.entry.js} +1 -1
  252. package/dist/genesys-webcomponents/{p-9be34362.entry.js → p-d0819e6b.entry.js} +1 -1
  253. package/dist/genesys-webcomponents/{p-92e846a3.entry.js → p-d16a1ff6.entry.js} +1 -1
  254. package/dist/genesys-webcomponents/{p-5351d8f6.entry.js → p-d89ecc95.entry.js} +1 -1
  255. package/dist/genesys-webcomponents/{p-719b54f5.entry.js → p-da144c21.entry.js} +1 -1
  256. package/dist/genesys-webcomponents/{p-6d102684.entry.js → p-dc96f002.entry.js} +1 -1
  257. package/dist/genesys-webcomponents/{p-334cee41.entry.js → p-dd10c280.entry.js} +1 -1
  258. package/dist/genesys-webcomponents/{p-08d37969.entry.js → p-df73be0f.entry.js} +1 -1
  259. package/dist/genesys-webcomponents/{p-f2236dcc.entry.js → p-ed9972de.entry.js} +1 -1
  260. package/dist/genesys-webcomponents/{p-a0ce366c.entry.js → p-eec7ea12.entry.js} +1 -1
  261. package/dist/genesys-webcomponents/{p-5587a48d.entry.js → p-f0c2b68e.entry.js} +1 -1
  262. package/dist/genesys-webcomponents/p-f23a4af1.entry.js +1 -0
  263. package/dist/genesys-webcomponents/{p-6d3e0d38.entry.js → p-f2c0837c.entry.js} +1 -1
  264. package/dist/genesys-webcomponents/{p-43c2461f.entry.js → p-f44cb137.entry.js} +1 -1
  265. package/dist/genesys-webcomponents/{p-088b3e03.entry.js → p-f936b199.entry.js} +1 -1
  266. package/dist/genesys-webcomponents/{p-67c64a78.entry.js → p-f9c41278.entry.js} +1 -1
  267. package/dist/genesys-webcomponents/{p-99c201e8.entry.js → p-fa5b550e.entry.js} +1 -1
  268. package/dist/genesys-webcomponents/{p-a6e4bb77.entry.js → p-fd2717a1.entry.js} +1 -1
  269. package/dist/genesys-webcomponents/{p-3e39434e.entry.js → p-fd2c2264.entry.js} +1 -1
  270. package/dist/genesys-webcomponents/{p-002b5d04.entry.js → p-fecd3a0c.entry.js} +1 -1
  271. package/dist/stencil-wrapper.js +1 -1
  272. package/dist/types/stencil-wrapper.d.ts +1 -1
  273. package/package.json +1 -1
  274. package/dist/genesys-webcomponents/p-3b27f99d.entry.js +0 -1
  275. package/dist/genesys-webcomponents/p-71206432.entry.js +0 -1
  276. package/dist/genesys-webcomponents/p-8229c189.entry.js +0 -1
  277. package/dist/genesys-webcomponents/p-b56bb677.entry.js +0 -1
  278. package/dist/genesys-webcomponents/p-e91ca6cd.entry.js +0 -1
  279. package/dist/genesys-webcomponents/scss/style-reset-focusable.scss +0 -62
  280. package/dist/genesys-webcomponents/scss/style-reset-typography.scss +0 -31
@@ -1 +1 @@
1
- import{r as e,c as t,h as g,H as i,g as l}from"./p-deca7631.js";import{t as o}from"./p-28275c57.js";import{r as a}from"./p-3ea0d493.js";import{b as r}from"./p-2ba7be7a.js";import"./p-0962dd7a.js";const n={defaultAriaLabel:"Toggle Switch",toggleIsLoading:"Toggle is loading",toggleIsFinishedLoading:"Toggle is finished loading"},s=class{constructor(g){e(this,g),this.check=t(this,"check",7),this.labelId=a("gux-toggle-label"),this.errorId=a("gux-toggle-error"),this.checked=!1,this.disabled=!1,this.loading=!1,this.checkedLabel=void 0,this.uncheckedLabel=void 0,this.labelPosition="right",this.errorMessage=void 0,this.displayInline=!1}handleLoading(e){this.announceElement.guxAnnounce(this.i18n(e?"toggleIsLoading":"toggleIsFinishedLoading"))}onClick(){this.toggle()}onKeydown(e){switch(e.key){case"Enter":case" ":e.preventDefault(),this.toggle()}}toggle(){this.disabled||this.loading||this.check.emit(!this.checked).defaultPrevented||(this.checked=!this.checked)}getAriaLabel(){return this.root.getAttribute("aria-label")||this.root.title||this.i18n("defaultAriaLabel")}async componentWillLoad(){this.i18n=await r(this.root,n),o(this.root,{variant:this.checkedLabel||this.uncheckedLabel?"labled":"unlabled"})}renderLoading(){if(this.loading)return g("div",{class:"gux-toggle-label-loading"},g("gux-radial-loading",{context:"input"}))}renderLabel(){if(this.uncheckedLabel&&this.checkedLabel)return g("div",{class:"gux-toggle-label-and-error"},g("div",{class:"gux-toggle-label"},g("div",{class:"gux-toggle-label-text"},g("span",{class:"gux-toggle-label-text-inner"},g("span",{id:this.labelId},this.checked?this.checkedLabel:this.uncheckedLabel),this.renderLoading()),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.checkedLabel),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.uncheckedLabel))))}renderError(){if(this.errorMessage)return g("div",{id:this.errorId,class:"gux-toggle-error"},g("div",{class:"gux-toggle-error-container"},g("gux-icon",{"icon-name":"alert-warning-octogon",decorative:!0}),g("div",{class:"gux-toggle-error-message"},this.errorMessage)))}render(){return g(i,{class:{"gux-display-inline":this.displayInline}},g("div",{class:{"gux-toggle-container":!0,"gux-toggle-label-left":"left"===this.labelPosition,"gux-disabled":this.disabled||this.loading}},g("div",{class:"gux-toggle-input"},g("gux-toggle-slider",{checked:this.checked,disabled:this.disabled||this.loading,guxAriaLabel:this.getAriaLabel(),labelId:this.checkedLabel&&this.uncheckedLabel?this.labelId:"",errorId:this.errorMessage?this.errorId:""}),this.renderLabel()),this.renderError()),g("gux-announce-beta",{ref:e=>this.announceElement=e}))}static get delegatesFocus(){return!0}get root(){return l(this)}static get watchers(){return{loading:["handleLoading"]}}};s.style=':host{display:block;margin:2px;color:#2e394c;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container{cursor:pointer}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:var(--gse-ui-toggle-disabled-opacity)}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:right}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);align-content:stretch;align-items:flex-start;justify-content:flex-start}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block;padding:0 4px;font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight)}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:"inner-div";place-items:start;font-family:var(--gse-ui-toggle-label-fontWeight)}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;font-size:var(--gse-ui-toggle-label-fontSize);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size);margin:0 4px;color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message{flex:0 1 auto;align-self:auto;order:0}';export{s as gux_toggle}
1
+ import{r as e,c as t,h as g,H as i,g as l}from"./p-deca7631.js";import{t as o}from"./p-c23acf83.js";import{r as a}from"./p-3ea0d493.js";import{b as r}from"./p-2ba7be7a.js";import"./p-0962dd7a.js";const n={defaultAriaLabel:"Toggle Switch",toggleIsLoading:"Toggle is loading",toggleIsFinishedLoading:"Toggle is finished loading"},s=class{constructor(g){e(this,g),this.check=t(this,"check",7),this.labelId=a("gux-toggle-label"),this.errorId=a("gux-toggle-error"),this.checked=!1,this.disabled=!1,this.loading=!1,this.checkedLabel=void 0,this.uncheckedLabel=void 0,this.labelPosition="right",this.errorMessage=void 0,this.displayInline=!1}handleLoading(e){this.announceElement.guxAnnounce(this.i18n(e?"toggleIsLoading":"toggleIsFinishedLoading"))}onClick(){this.toggle()}onKeydown(e){switch(e.key){case"Enter":case" ":e.preventDefault(),this.toggle()}}toggle(){this.disabled||this.loading||this.check.emit(!this.checked).defaultPrevented||(this.checked=!this.checked)}getAriaLabel(){return this.root.getAttribute("aria-label")||this.root.title||this.i18n("defaultAriaLabel")}async componentWillLoad(){this.i18n=await r(this.root,n),o(this.root,{variant:this.checkedLabel||this.uncheckedLabel?"labled":"unlabled"})}renderLoading(){if(this.loading)return g("div",{class:"gux-toggle-label-loading"},g("gux-radial-loading",{context:"input"}))}renderLabel(){if(this.uncheckedLabel&&this.checkedLabel)return g("div",{class:"gux-toggle-label-and-error"},g("div",{class:"gux-toggle-label"},g("div",{class:"gux-toggle-label-text"},g("span",{class:"gux-toggle-label-text-inner"},g("span",{id:this.labelId},this.checked?this.checkedLabel:this.uncheckedLabel),this.renderLoading()),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.checkedLabel),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.uncheckedLabel))))}renderError(){if(this.errorMessage)return g("div",{id:this.errorId,class:"gux-toggle-error"},g("div",{class:"gux-toggle-error-container"},g("gux-icon",{"icon-name":"alert-warning-octogon",decorative:!0}),g("div",{class:"gux-toggle-error-message"},this.errorMessage)))}render(){return g(i,{class:{"gux-display-inline":this.displayInline}},g("div",{class:{"gux-toggle-container":!0,"gux-toggle-label-left":"left"===this.labelPosition,"gux-disabled":this.disabled||this.loading}},g("div",{class:"gux-toggle-input"},g("gux-toggle-slider",{checked:this.checked,disabled:this.disabled||this.loading,guxAriaLabel:this.getAriaLabel(),labelId:this.checkedLabel&&this.uncheckedLabel?this.labelId:"",errorId:this.errorMessage?this.errorId:""}),this.renderLabel()),this.renderError()),g("gux-announce-beta",{ref:e=>this.announceElement=e}))}static get delegatesFocus(){return!0}get root(){return l(this)}static get watchers(){return{loading:["handleLoading"]}}};s.style=':host{display:block;margin:2px;color:#2e394c;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container{cursor:pointer}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:var(--gse-ui-toggle-disabled-opacity)}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:right}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);align-content:stretch;align-items:flex-start;justify-content:flex-start}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block;padding:0 4px;font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight)}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:"inner-div";place-items:start;font-family:var(--gse-ui-toggle-label-fontWeight)}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;font-size:var(--gse-ui-toggle-label-fontSize);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size);margin:0 4px;color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message{flex:0 1 auto;align-self:auto;order:0}';export{s as gux_toggle}
@@ -1 +1 @@
1
- import{r as t,h as e,g as i}from"./p-deca7631.js";import{O as r}from"./p-c49670a7.js";import{s as o}from"./p-373c5d93.js";import{b as s}from"./p-ffaadf62.js";import{g as n,b as u}from"./p-2ba7be7a.js";import{t as a}from"./p-28275c57.js";import"./p-0962dd7a.js";const c={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function l(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function p(t,e,i){const[r,o]=t.split(":");let s=(parseInt(o,10)+e+60)%60;for(;s%i!=0;)s=(s+e+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function g(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString()}:${r}`:`${i}:${r}`}function h(t,e,i){const[r,o]=t.split(":");return"12h"===e?i?`${(parseInt(r,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(r,10)%12+12).toString().padStart(2,"0")}:${o}`:`${r}:${o}`}function m(t,e){const[i]=g(t,e).split(":");return i}function d(t){const[,e]=t.split(":");return e}function f(t){const[e]=t.split(":");return parseInt(e,10)<12}function x(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const b=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.clockType=void 0,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){a(this.root),this.i18n=await u(this.root,c),this.clockType=this.clockType||function(t){const e=n(t),i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return e.startsWith("ar")||new RegExp(".*15.*").test(r)?"24h":"12h"}(this.root)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}handleClickDropdownValue(t){const e=h(t,this.clockType,f(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(l(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(l(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,r,o){const[s,n]=g(t,e).split(":");let u=s;return u="Backspace"===i?"12h"==e&&1==o?u.split("").filter(((t,e)=>e==r-1)).join(""):u.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(u.slice(0,r)+i+u.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(x(e)).test(u)||(u="12h"===e?i:i.padStart(2,"0")),h(`${u}:${n}`,e,f(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(p(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(p(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[r,o]=t.split(":");let s=o;return s="Backspace"===e?s.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+e+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=e.padStart(2,"0")),`${r}:${s}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(l(this.value,12),!0)}getAmPmString(){return f(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:m(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:x(this.clockType),ref:t=>this.hourInputElement=t}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:d(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t)},e("div",{class:{"gux-meridiem":!0,"gux-visible":f(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!f(this.value)}},this.i18n("pm")))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"clock-outline"}))}renderTimeListItems(){return function(t,e){const i=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0")));return("12h"===e?["12","1","2","3","4","5","6","7","8","9","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(i.map((t=>`${e}:${t}`)))),[])}(this.interval,this.clockType).map((t=>{const i=h(t,this.clockType,f(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target"},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup",{class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}};(function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var u=t.length-1;u>=0;u--)(o=t[u])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([r({triggerEvents:"mousedown"})],b.prototype,"onClickOutside",null),b.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);align-content:stretch;align-items:center;justify-content:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);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);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-time-picker .gux-input-time:focus-within{border:var(--gse-ui-timePicker-focusTime-border-width) var(--gse-ui-timePicker-focusTime-border-style) var(--gse-ui-timePicker-focusTime-border-color);border-radius:4px}.gux-time-picker .gux-input-time:hover:not(: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-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;width:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:right}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{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)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{grid-row:1/1;grid-column:1/1;visibility:hidden}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{visibility:visible}.gux-time-picker .gux-input-time .gux-clock-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}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:#4856cb;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus{outline:none}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{border:var(--gse-ui-timePicker-focusClock-border-width) var(--gse-ui-timePicker-focusClock-border-style) var(--gse-ui-timePicker-focusClock-border-color);border-radius:4px}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding:3px}.gux-time-picker .gux-time-separator{padding:0 1ch}.gux-time-picker .gux-list-container{max-height:150px;padding:var(--gse-ui-menu-padding);margin:0;overflow-y:scroll;list-style:none;background-color: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);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)}";export{b as gux_time_picker}
1
+ import{r as t,h as e,g as i}from"./p-deca7631.js";import{O as r}from"./p-c49670a7.js";import{s as o}from"./p-373c5d93.js";import{b as s}from"./p-ffaadf62.js";import{g as n,b as u}from"./p-2ba7be7a.js";import{t as a}from"./p-c23acf83.js";import"./p-0962dd7a.js";const c={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function l(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function p(t,e,i){const[r,o]=t.split(":");let s=(parseInt(o,10)+e+60)%60;for(;s%i!=0;)s=(s+e+60)%60;return`${r}:${s.toString().padStart(2,"0")}`}function g(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString()}:${r}`:`${i}:${r}`}function h(t,e,i){const[r,o]=t.split(":");return"12h"===e?i?`${(parseInt(r,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(r,10)%12+12).toString().padStart(2,"0")}:${o}`:`${r}:${o}`}function m(t,e){const[i]=g(t,e).split(":");return i}function d(t){const[,e]=t.split(":");return e}function f(t){const[e]=t.split(":");return parseInt(e,10)<12}function x(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const b=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.clockType=void 0,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){a(this.root),this.i18n=await u(this.root,c),this.clockType=this.clockType||function(t){const e=n(t),i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return e.startsWith("ar")||new RegExp(".*15.*").test(r)?"24h":"12h"}(this.root)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){s((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}handleClickDropdownValue(t){const e=h(t,this.clockType,f(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(l(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(l(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,r,o){const[s,n]=g(t,e).split(":");let u=s;return u="Backspace"===i?"12h"==e&&1==o?u.split("").filter(((t,e)=>e==r-1)).join(""):u.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(u.slice(0,r)+i+u.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(x(e)).test(u)||(u="12h"===e?i:i.padStart(2,"0")),h(`${u}:${n}`,e,f(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(p(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(p(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[r,o]=t.split(":");let s=o;return s="Backspace"===e?s.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(s.slice(0,i)+e+s.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(s)||(s=e.padStart(2,"0")),`${r}:${s}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(l(this.value,12),!0)}getAmPmString(){return f(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:m(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:x(this.clockType),ref:t=>this.hourInputElement=t}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:d(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t)},e("div",{class:{"gux-meridiem":!0,"gux-visible":f(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!f(this.value)}},this.i18n("pm")))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"clock-outline"}))}renderTimeListItems(){return function(t,e){const i=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0")));return("12h"===e?["12","1","2","3","4","5","6","7","8","9","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(i.map((t=>`${e}:${t}`)))),[])}(this.interval,this.clockType).map((t=>{const i=h(t,this.clockType,f(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target"},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup",{class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}};(function(t,e,i,r){var o,s=arguments.length,n=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var u=t.length-1;u>=0;u--)(o=t[u])&&(n=(s<3?o(n):s>3?o(e,i,n):o(e,i))||n);s>3&&n&&Object.defineProperty(e,i,n)})([r({triggerEvents:"mousedown"})],b.prototype,"onClickOutside",null),b.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);align-content:stretch;align-items:center;justify-content:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);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);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-time-picker .gux-input-time:focus-within{border:var(--gse-ui-timePicker-focusTime-border-width) var(--gse-ui-timePicker-focusTime-border-style) var(--gse-ui-timePicker-focusTime-border-color);border-radius:4px}.gux-time-picker .gux-input-time:hover:not(: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-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;width:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:right}.gux-time-picker .gux-input-time input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr/auto 1fr auto;place-items:flex-end;padding:0;font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);font-weight:var(--gse-ui-formControl-input-prefixSufix-text-fontWeight);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{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)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{grid-row:1/1;grid-column:1/1;visibility:hidden}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{visibility:visible}.gux-time-picker .gux-input-time .gux-clock-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}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:#4856cb;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus{outline:none}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{border:var(--gse-ui-timePicker-focusClock-border-width) var(--gse-ui-timePicker-focusClock-border-style) var(--gse-ui-timePicker-focusClock-border-color);border-radius:4px}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding:3px}.gux-time-picker .gux-time-separator{padding:0 1ch}.gux-time-picker .gux-list-container{max-height:150px;padding:var(--gse-ui-menu-padding);margin:0;overflow-y:scroll;list-style:none;background-color: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);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)}";export{b as gux_time_picker}
@@ -1 +1 @@
1
- import{r as o,c as t,h as a,g as i}from"./p-deca7631.js";import{r as e}from"./p-3ea0d493.js";import{t as n}from"./p-28275c57.js";const s=class{constructor(a){o(this,a),this.guxdismiss=t(this,"guxdismiss",7),this.size="dynamic"}async showModal(){this.dialogElement.showModal()}async close(){this.dialogElement.close()}componentWillLoad(){n(this.root,{variant:`${this.size}`})}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){return Boolean(this.root.querySelector('[slot="start-align-buttons"]'))||Boolean(this.root.querySelector('[slot="end-align-buttons"]'))}render(){const o=this.hasModalTitleSlot(),t=this.hasFooterButtons(),i=e();return a("dialog",{onClose:this.onCloseHandler.bind(this),ref:o=>this.dialogElement=o,"aria-labelledby":o?i:null},a("div",{class:`gux-modal-container gux-${this.size}`},a("gux-dismiss-button",{onClick:this.onDismissHandler.bind(this)}),o&&this.renderTitle(i),a("div",{class:{"gux-modal-content":!0,"gux-no-buttons":!t}},a("p",null,a("slot",{name:"content"}))),t&&this.renderButtonFooter()))}renderTitle(o){return a("h1",{class:"gux-modal-header",id:o},a("slot",{name:"title"}))}renderButtonFooter(){return a("div",{class:"gux-button-footer"},a("div",{class:"gux-start-align-buttons"},a("slot",{name:"start-align-buttons"})),a("div",{class:"gux-end-align-buttons"},a("slot",{name:"end-align-buttons"})))}onCloseHandler(){this.guxdismiss.emit()}onDismissHandler(){this.dialogElement.close()}static get delegatesFocus(){return!0}get root(){return i(this)}};s.style="::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column;padding:var(--gse-ui-modal-padding)}:host dialog .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host dialog .gux-modal-container .gux-modal-header{margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-fontFamily-heading), var(--gse-core-fontFamily-body), sans-serif;font-size:var(--gse-core-fontSize-xl);font-weight:var(--gse-core-fontWeight-bold);line-height:var(--gse-core-lineHeight-xl)}:host dialog .gux-modal-container .gux-modal-content{max-height:432px;margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{width:100%;height:100%}}";export{s as gux_modal}
1
+ import{r as o,c as a,h as t,g as i}from"./p-deca7631.js";import{r as e}from"./p-3ea0d493.js";import{t as n}from"./p-c23acf83.js";const s=class{constructor(t){o(this,t),this.guxdismiss=a(this,"guxdismiss",7),this.size="dynamic"}async showModal(){this.dialogElement.showModal()}async close(){this.dialogElement.close()}componentWillLoad(){n(this.root,{variant:`${this.size}`})}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){return Boolean(this.root.querySelector('[slot="start-align-buttons"]'))||Boolean(this.root.querySelector('[slot="end-align-buttons"]'))}render(){const o=this.hasModalTitleSlot(),a=this.hasFooterButtons(),i=e();return t("dialog",{onClose:this.onCloseHandler.bind(this),ref:o=>this.dialogElement=o,"aria-labelledby":o?i:null},t("div",{class:`gux-modal-container gux-${this.size}`},t("gux-dismiss-button",{onClick:this.onDismissHandler.bind(this)}),o&&this.renderTitle(i),t("div",{class:{"gux-modal-content":!0,"gux-no-buttons":!a}},t("p",null,t("slot",{name:"content"}))),a&&this.renderButtonFooter()))}renderTitle(o){return t("h1",{class:"gux-modal-header",id:o},t("slot",{name:"title"}))}renderButtonFooter(){return t("div",{class:"gux-button-footer"},t("div",{class:"gux-start-align-buttons"},t("slot",{name:"start-align-buttons"})),t("div",{class:"gux-end-align-buttons"},t("slot",{name:"end-align-buttons"})))}onCloseHandler(){this.guxdismiss.emit()}onDismissHandler(){this.dialogElement.close()}static get delegatesFocus(){return!0}get root(){return i(this)}};s.style="::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column;padding:var(--gse-ui-modal-padding)}:host dialog .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host dialog .gux-modal-container .gux-modal-header{margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host dialog .gux-modal-container .gux-modal-content{max-height:432px;margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{width:100%;height:100%}}";export{s as gux_modal}
@@ -1 +1 @@
1
- const t="4.0.0-beta.49",e=20,n=3e4,o=[function(t){const[e,n,...o]=t.split(".");return{name:"spark-library",metadata:{fullVersion:`${e}.${n}.${o.join(".")}`,majorVersion:e,minorVersion:`${e}.${n}`}}}(t)];function i(){const t=window.newrelic;if(t){for(let r=0;r<e;r++){if(0==o.length)return void setTimeout(i,n);const e=o.shift();t.addPageAction(e.name,Object.assign(Object.assign({},e.metadata),{queueDepth:o.length}))}setTimeout(i,n)}}let r=!1;function a(e,n){window.newrelic&&(r||(r=!0,i()),document.contains(e)&&o.push({name:"spark-component",metadata:Object.assign(Object.assign({},n),{component:e.tagName.toLowerCase(),version:t})}))}export{a as t}
1
+ const t="4.0.0-beta.50",e=20,n=3e4,o=[function(t){const[e,n,...o]=t.split(".");return{name:"spark-library",metadata:{fullVersion:`${e}.${n}.${o.join(".")}`,majorVersion:e,minorVersion:`${e}.${n}`}}}(t)];function i(){const t=window.newrelic;if(t){for(let r=0;r<e;r++){if(0==o.length)return void setTimeout(i,n);const e=o.shift();t.addPageAction(e.name,Object.assign(Object.assign({},e.metadata),{queueDepth:o.length}))}setTimeout(i,n)}}let r=!1;function a(e,n){window.newrelic&&(r||(r=!0,i()),document.contains(e)&&o.push({name:"spark-component",metadata:Object.assign(Object.assign({},n),{component:e.tagName.toLowerCase(),version:t})}))}export{a as t}
@@ -1 +1 @@
1
- import{h as e,r,g as s}from"./p-deca7631.js";import{t as i}from"./p-28275c57.js";import{a as t}from"./p-9d734bbd.js";const a=2*Math.PI*22;function n(e,r){return!(isNaN(e)||isNaN(r)||e>r||e<0||0===r)}const o=({value:r,max:s,screenreaderText:i})=>e("div",{role:"progressbar","aria-valuenow":r,"aria-valuemin":"0","aria-valuemax":s,"aria-label":i},e("svg",{class:"gux-svg-container",viewBox:"0 0 48 48",role:"presentation"},e("circle",{cx:"50%",cy:"50%",r:22,class:"gux-static-circle"}),e("circle",{cx:"50%",cy:"50%",r:22,class:"gux-dynamic-circle","stroke-dashoffset":a*(1-r/s),"stroke-dasharray":a,"stroke-linecap":"round"}),e("text",{x:"50%",y:"50%","dominant-baseline":"central",class:"gux-percentage"},function(e,r){return`${Math.round((e+Number.EPSILON)/r*100)}%`}(r,s)))),g=({screenreaderText:r})=>e("gux-radial-loading",{"screenreader-text":r,context:"modal"}),d=class{constructor(e){r(this,e),this.value=void 0,this.max=100,this.screenreaderText=""}componentWillLoad(){i(this.root)}componentDidLoad(){!this.screenreaderText&&n(this.value,this.max)&&t(this.root,"No screenreader-text provided. Provide a localized screenreader-text property for the component.")}render(){return n(this.value,this.max)?e(o,{value:this.value,max:this.max,screenreaderText:this.screenreaderText}):e(g,{screenreaderText:this.screenreaderText})}get root(){return s(this)}};d.style=":host{display:inline-block}div[role=progressbar] .gux-svg-container{display:block;width:var(--gse-ui-progressAndLoading-spinner-large);height:var(--gse-ui-progressAndLoading-spinner-large)}div[role=progressbar] .gux-svg-container .gux-dynamic-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:4;transform:rotate(-90deg);transform-origin:50% 50%}div[role=progressbar] .gux-svg-container .gux-static-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:4}div[role=progressbar] .gux-svg-container .gux-percentage{font-family:var(--gse-ui-progressAndLoading-spinner-text-fontFamily);font-size:var(--gse-ui-progressAndLoading-spinner-text-fontSize);font-weight:var(--gse-ui-progressAndLoading-spinner-text-fontWeight);line-height:var(--gse-ui-progressAndLoading-spinner-text-lineHeight);text-anchor:middle;fill:var(--gse-ui-progressAndLoading-textColor)}";export{d as gux_radial_progress}
1
+ import{h as e,r,g as s}from"./p-deca7631.js";import{t as i}from"./p-c23acf83.js";import{a as t}from"./p-9d734bbd.js";const a=2*Math.PI*22;function n(e,r){return!(isNaN(e)||isNaN(r)||e>r||e<0||0===r)}const o=({value:r,max:s,screenreaderText:i})=>e("div",{role:"progressbar","aria-valuenow":r,"aria-valuemin":"0","aria-valuemax":s,"aria-label":i},e("svg",{class:"gux-svg-container",viewBox:"0 0 48 48",role:"presentation"},e("circle",{cx:"50%",cy:"50%",r:22,class:"gux-static-circle"}),e("circle",{cx:"50%",cy:"50%",r:22,class:"gux-dynamic-circle","stroke-dashoffset":a*(1-r/s),"stroke-dasharray":a,"stroke-linecap":"round"}),e("text",{x:"50%",y:"50%","dominant-baseline":"central",class:"gux-percentage"},function(e,r){return`${Math.round((e+Number.EPSILON)/r*100)}%`}(r,s)))),g=({screenreaderText:r})=>e("gux-radial-loading",{"screenreader-text":r,context:"modal"}),d=class{constructor(e){r(this,e),this.value=void 0,this.max=100,this.screenreaderText=""}componentWillLoad(){i(this.root)}componentDidLoad(){!this.screenreaderText&&n(this.value,this.max)&&t(this.root,"No screenreader-text provided. Provide a localized screenreader-text property for the component.")}render(){return n(this.value,this.max)?e(o,{value:this.value,max:this.max,screenreaderText:this.screenreaderText}):e(g,{screenreaderText:this.screenreaderText})}get root(){return s(this)}};d.style=":host{display:inline-block}div[role=progressbar] .gux-svg-container{display:block;width:var(--gse-ui-progressAndLoading-spinner-large);height:var(--gse-ui-progressAndLoading-spinner-large)}div[role=progressbar] .gux-svg-container .gux-dynamic-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:4;transform:rotate(-90deg);transform-origin:50% 50%}div[role=progressbar] .gux-svg-container .gux-static-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:4}div[role=progressbar] .gux-svg-container .gux-percentage{font-family:var(--gse-ui-progressAndLoading-spinner-text-fontFamily);font-size:var(--gse-ui-progressAndLoading-spinner-text-fontSize);font-weight:var(--gse-ui-progressAndLoading-spinner-text-fontWeight);line-height:var(--gse-ui-progressAndLoading-spinner-text-lineHeight);text-anchor:middle;fill:var(--gse-ui-progressAndLoading-textColor)}";export{d as gux_radial_progress}
@@ -1 +1 @@
1
- import{r as t,c as o,h as s,g as i}from"./p-deca7631.js";import{a as e,c as r,o as a,f as p,s as h,b as n}from"./p-f3521f3e.js";import{O as d}from"./p-c49670a7.js";import{t as c}from"./p-28275c57.js";import{f as l}from"./p-5d7d5695.js";const u=class{constructor(s){t(this,s),this.guxdismiss=o(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}checkForClickOutside(t){const o=t.composedPath(),s=l(this.root,this.for),i=o.includes(s);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss()}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=e(l(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=l(this.root,this.for);this.popupElement&&r(t,this.popupElement,{placement:this.position,middleware:[a(7),p(),h(),n({element:this.arrowElement,padding:16})]}).then((({x:t,y:o,middlewareData:s,placement:i})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${o}px`});const e={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(s.arrow){const{x:t,y:o}=s.arrow;this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=o?`${o}px`:"",right:"",bottom:"",[e]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){c(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return s("div",{ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},s("div",{ref:t=>this.arrowElement=t,class:"gux-arrow"}),this.displayDismissButton&&s("gux-dismiss-button",{onClick:this.dismiss.bind(this)}),s("div",{class:"gux-popover-content"},s("slot",null)))}get root(){return i(this)}};(function(t,o,s,i){var e,r=arguments.length,a=r<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,o,s,i);else for(var p=t.length-1;p>=0;p--)(e=t[p])&&(a=(r<3?e(a):r>3?e(o,s,a):e(o,s))||a);r>3&&a&&Object.defineProperty(o,s,a)})([d({triggerEvents:"mousedown"})],u.prototype,"checkForClickOutside",null),u.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";export{u as gux_popover_list}
1
+ import{r as t,c as o,h as s,g as i}from"./p-deca7631.js";import{a as e,c as r,o as a,f as p,s as h,b as n}from"./p-f3521f3e.js";import{O as d}from"./p-c49670a7.js";import{t as c}from"./p-c23acf83.js";import{f as l}from"./p-5d7d5695.js";const u=class{constructor(s){t(this,s),this.guxdismiss=o(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}checkForClickOutside(t){const o=t.composedPath(),s=l(this.root,this.for),i=o.includes(s);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss()}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=e(l(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=l(this.root,this.for);this.popupElement&&r(t,this.popupElement,{placement:this.position,middleware:[a(7),p(),h(),n({element:this.arrowElement,padding:16})]}).then((({x:t,y:o,middlewareData:s,placement:i})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${o}px`});const e={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(s.arrow){const{x:t,y:o}=s.arrow;this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=o?`${o}px`:"",right:"",bottom:"",[e]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){c(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return s("div",{ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},s("div",{ref:t=>this.arrowElement=t,class:"gux-arrow"}),this.displayDismissButton&&s("gux-dismiss-button",{onClick:this.dismiss.bind(this)}),s("div",{class:"gux-popover-content"},s("slot",null)))}get root(){return i(this)}};(function(t,o,s,i){var e,r=arguments.length,a=r<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,o,s,i);else for(var p=t.length-1;p>=0;p--)(e=t[p])&&(a=(r<3?e(a):r>3?e(o,s,a):e(o,s))||a);r>3&&a&&Object.defineProperty(o,s,a)})([d({triggerEvents:"mousedown"})],u.prototype,"checkForClickOutside",null),u.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";export{u as gux_popover_list}
@@ -1 +1 @@
1
- import{r,h as o,g as e}from"./p-deca7631.js";import{c as t,o as i}from"./p-16f3da0d.js";import{O as n}from"./p-d6edbaeb.js";import{o as a}from"./p-37bfd195.js";import{p as l}from"./p-28f55159.js";import{h as s}from"./p-324b23f3.js";import{G as u,a as d,v as g,b as f}from"./p-e5766b80.js";import{G as p,a as h}from"./p-2b468e4b.js";import{t as m}from"./p-28275c57.js";import"./p-3ea0d493.js";import"./p-9d734bbd.js";import"./p-373c5d93.js";const x=class{constructor(o){r(this,o),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"),m(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 o(h,{labelPosition:this.computedLabelPosition},o(p,{position:this.computedLabelPosition,required:this.required},o("slot",{name:"label",onSlotchange:()=>this.setLabel()})),o("div",{class:"gux-input-and-error-container"},o("div",{ref:r=>this.textareaContainerElement=r,class:{"gux-input":!0,[`gux-resize-${this.resize}`]:!0,"gux-disabled":this.disabled,"gux-input-error":this.hasError}},o("slot",{name:"input"})),o(u,{show:this.hasError},o("slot",{name:"error"})),o(d,{show:!this.hasError&&this.hasHelp},o("slot",{name:"help"}))))}get variant(){const r=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.resize}-${r}`}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,(r=>{this.disabled=r})),this.requiredObserver=a(this.input,(r=>{this.required=r})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=f(this.label,this.labelPosition)}updateHeight(r,o,e){"auto"===e&&r&&(r.dataset.replicatedValue=o.value,r.style.maxHeight=o.style.maxHeight)}get root(){return e(this)}};(function(r,o,e,t){var i,n=arguments.length,a=n<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,e):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(r,o,e,t);else for(var l=r.length-1;l>=0;l--)(i=r[l])&&(a=(n<3?i(a):n>3?i(o,e,a):i(o,e))||a);n>3&&a&&Object.defineProperty(o,e,a)})([n({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;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;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-padding);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)}.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{x as gux_form_field_textarea}
1
+ import{r,h as o,g as e}from"./p-deca7631.js";import{c as t,o as i}from"./p-16f3da0d.js";import{O as n}from"./p-d6edbaeb.js";import{o as a}from"./p-37bfd195.js";import{p as l}from"./p-28f55159.js";import{h as s}from"./p-324b23f3.js";import{G as u,a as d,v as g,b as f}from"./p-e5766b80.js";import{G as p,a as h}from"./p-2b468e4b.js";import{t as m}from"./p-c23acf83.js";import"./p-3ea0d493.js";import"./p-9d734bbd.js";import"./p-373c5d93.js";const x=class{constructor(o){r(this,o),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"),m(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 o(h,{labelPosition:this.computedLabelPosition},o(p,{position:this.computedLabelPosition,required:this.required},o("slot",{name:"label",onSlotchange:()=>this.setLabel()})),o("div",{class:"gux-input-and-error-container"},o("div",{ref:r=>this.textareaContainerElement=r,class:{"gux-input":!0,[`gux-resize-${this.resize}`]:!0,"gux-disabled":this.disabled,"gux-input-error":this.hasError}},o("slot",{name:"input"})),o(u,{show:this.hasError},o("slot",{name:"error"})),o(d,{show:!this.hasError&&this.hasHelp},o("slot",{name:"help"}))))}get variant(){const r=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.resize}-${r}`}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,(r=>{this.disabled=r})),this.requiredObserver=a(this.input,(r=>{this.required=r})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=f(this.label,this.labelPosition)}updateHeight(r,o,e){"auto"===e&&r&&(r.dataset.replicatedValue=o.value,r.style.maxHeight=o.style.maxHeight)}get root(){return e(this)}};(function(r,o,e,t){var i,n=arguments.length,a=n<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,e):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(r,o,e,t);else for(var l=r.length-1;l>=0;l--)(i=r[l])&&(a=(n<3?i(a):n>3?i(o,e,a):i(o,e))||a);n>3&&a&&Object.defineProperty(o,e,a)})([n({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;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;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-padding);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)}.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{x as gux_form_field_textarea}
@@ -1 +1 @@
1
- import{r as e,h as n,g as a}from"./p-deca7631.js";import{t}from"./p-28275c57.js";const i=class{constructor(n){e(this,n)}componentWillLoad(){t(this.root)}render(){return n("div",{class:"gux-container"},n("div",{class:"gux-image"},n("slot",{name:"image"})),n("div",{class:"gux-message"},n("slot",{name:"primary-message"})),n("div",{class:"gux-guidance"},n("slot",{name:"additional-guidance"})),n("gux-button-slot",{accent:"primary"},n("slot",{name:"call-to-action"})))}get root(){return a(this)}};i.style="/**\n * @prop --gse-ui-badge-height\n * @prop --gse-ui-badge-height\n * @prop --gse-ui-blankState-backgroundColor\n * @prop --gse-ui-blankState-borderRadius\n * @prop --gse-ui-blankState-gapContent\n * @prop --gse-ui-blankState-gapMain\n * @prop --gse-ui-blankState-gapMessage\n * @prop --gse-ui-blankState-icon-size-lg\n * @prop --gse-ui-blankState-icon-size-sm\n * @prop --gse-ui-blankState-iconColor\n * @prop --gse-ui-blankState-large-width : // TODO https://inindca.atlassian.net/browse/COMUI-2242\n * @prop --gse-ui-blankState-padding\n * @prop --gse-ui-blankState-small-width : // TODO https://inindca.atlassian.net/browse/COMUI-2242\n * @prop --gse-ui-progressAndLoading-blankState-large-header-fontFamily\n * @prop --gse-ui-progressAndLoading-blankState-large-header-fontSize\n * @prop --gse-ui-progressAndLoading-blankState-large-header-fontWeight\n * @prop --gse-ui-progressAndLoading-blankState-large-header-lineHeight\n * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontFamily\n * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontSize\n * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontWeight\n * @prop --gse-ui-progressAndLoading-blankState-large-subheader-lineHeight\n * @prop --gse-ui-progressAndLoading-blankState-small-header-fontFamily\n * @prop --gse-ui-progressAndLoading-blankState-small-header-fontSize\n * @prop --gse-ui-progressAndLoading-blankState-small-header-fontWeight\n * @prop --gse-ui-progressAndLoading-blankState-small-header-lineHeight\n * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontFamily\n * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontSize\n * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontWeight\n * @prop --gse-ui-progressAndLoading-blankState-small-subheader-lineHeight\n */\n:host {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n container-type: inline-size;\n}\n\n.gux-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: var(--gse-ui-blankState-padding);\n color: var(--gse-ui-blankState-foregroundColor);\n background-color: var(--gse-ui-blankState-backgroundColor);\n border-radius: var(--gse-ui-blankState-borderRadius);\n}\n.gux-container .gux-image {\n padding-bottom: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n padding-bottom: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n padding-bottom: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n width: var(--gse-ui-blankState-icon-size-lg);\n height: var(--gse-ui-blankState-icon-size-lg);\n color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n}\n\n@container (width <= 250px) {\n .gux-container ::slotted(gux-icon) {\n width: var(--gse-ui-blankState-icon-size-sm);\n height: var(--gse-ui-blankState-icon-size-sm);\n }\n .gux-container slot[name=primary-message] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n }\n .gux-container slot[name=additional-guidance] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n }\n}";export{i as gux_blank_state}
1
+ import{r as e,h as n,g as a}from"./p-deca7631.js";import{t}from"./p-c23acf83.js";const i=class{constructor(n){e(this,n)}componentWillLoad(){t(this.root)}render(){return n("div",{class:"gux-container"},n("div",{class:"gux-image"},n("slot",{name:"image"})),n("div",{class:"gux-message"},n("slot",{name:"primary-message"})),n("div",{class:"gux-guidance"},n("slot",{name:"additional-guidance"})),n("gux-button-slot",{accent:"primary"},n("slot",{name:"call-to-action"})))}get root(){return a(this)}};i.style="/**\n * @prop --gse-ui-badge-height\n * @prop --gse-ui-badge-height\n * @prop --gse-ui-blankState-backgroundColor\n * @prop --gse-ui-blankState-borderRadius\n * @prop --gse-ui-blankState-gapContent\n * @prop --gse-ui-blankState-gapMain\n * @prop --gse-ui-blankState-gapMessage\n * @prop --gse-ui-blankState-icon-size-lg\n * @prop --gse-ui-blankState-icon-size-sm\n * @prop --gse-ui-blankState-iconColor\n * @prop --gse-ui-blankState-large-width : // TODO https://inindca.atlassian.net/browse/COMUI-2242\n * @prop --gse-ui-blankState-padding\n * @prop --gse-ui-blankState-small-width : // TODO https://inindca.atlassian.net/browse/COMUI-2242\n * @prop --gse-ui-progressAndLoading-blankState-large-header-fontFamily\n * @prop --gse-ui-progressAndLoading-blankState-large-header-fontSize\n * @prop --gse-ui-progressAndLoading-blankState-large-header-fontWeight\n * @prop --gse-ui-progressAndLoading-blankState-large-header-lineHeight\n * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontFamily\n * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontSize\n * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontWeight\n * @prop --gse-ui-progressAndLoading-blankState-large-subheader-lineHeight\n * @prop --gse-ui-progressAndLoading-blankState-small-header-fontFamily\n * @prop --gse-ui-progressAndLoading-blankState-small-header-fontSize\n * @prop --gse-ui-progressAndLoading-blankState-small-header-fontWeight\n * @prop --gse-ui-progressAndLoading-blankState-small-header-lineHeight\n * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontFamily\n * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontSize\n * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontWeight\n * @prop --gse-ui-progressAndLoading-blankState-small-subheader-lineHeight\n */\n:host {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n container-type: inline-size;\n}\n\n.gux-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: var(--gse-ui-blankState-padding);\n color: var(--gse-ui-blankState-foregroundColor);\n background-color: var(--gse-ui-blankState-backgroundColor);\n border-radius: var(--gse-ui-blankState-borderRadius);\n}\n.gux-container .gux-image {\n padding-bottom: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n padding-bottom: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n padding-bottom: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n width: var(--gse-ui-blankState-icon-size-lg);\n height: var(--gse-ui-blankState-icon-size-lg);\n color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n}\n\n@container (width <= 250px) {\n .gux-container ::slotted(gux-icon) {\n width: var(--gse-ui-blankState-icon-size-sm);\n height: var(--gse-ui-blankState-icon-size-sm);\n }\n .gux-container slot[name=primary-message] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n }\n .gux-container slot[name=additional-guidance] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n }\n}";export{i as gux_blank_state}
@@ -1 +1 @@
1
- import{r as t,f as o,h as e,g as i,c as r,H as n}from"./p-deca7631.js";import{b as s}from"./p-2ba7be7a.js";import{c as a,o as l}from"./p-16f3da0d.js";import{O as u}from"./p-d6edbaeb.js";import{o as p}from"./p-37bfd195.js";import{p as h}from"./p-28f55159.js";import{h as g,d,G as c,a as f,g as m,v as x,b,e as v}from"./p-e5766b80.js";import{s as C}from"./p-373c5d93.js";import{h as w}from"./p-324b23f3.js";import{G as y,a as j}from"./p-2b468e4b.js";import{t as k}from"./p-28275c57.js";import{t as z}from"./p-c7328d42.js";import{O as R}from"./p-c49670a7.js";import{b as S}from"./p-ffaadf62.js";import{a as T,c as O,o as F,f as D,s as I,b as P}from"./p-f3521f3e.js";import{g as E}from"./p-693c1709.js";import{f as L}from"./p-5d7d5695.js";import"./p-0962dd7a.js";import"./p-3ea0d493.js";import"./p-9d734bbd.js";const _={increment:"Increment",decrement:"Decrement"};const H=class{constructor(o){t(this,o),this.clearable=void 0,this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=w(this.root,"error"),this.hasHelp=w(this.root,"help")}async guxForceUpdate(){this.hasContent=g(this.input),this.hasError=w(this.root,"error"),this.hasHelp=w(this.root,"help"),o(this.root)}async componentWillLoad(){this.getI18nValue=await s(this.root,_),this.setInput(),this.setLabel(),this.hasError=w(this.root,"error"),this.hasHelp=w(this.root,"help"),k(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){const t=this.clearable&&this.hasContent&&!this.disabled;return e(j,{labelPosition:this.computedLabelPosition},e(y,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()})),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError},part:"input-section"},e("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":t}},e("slot",{name:"input",onSlotchange:()=>this.setInput()}),t&&e("gux-form-field-input-clear-button",{onClick:()=>d(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),e(c,{show:this.hasError},e("slot",{name:"error"})),e(f,{show:!this.hasError&&this.hasHelp},e("slot",{name:"help"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=m(this.root,'input[type="number"][slot="input"]'),this.hasContent=g(this.input),h(this.input),this.input.addEventListener("input",(()=>{this.hasContent=g(this.input)})),this.disabled=a(this.input),this.required=this.input.required,this.disabledObserver=l(this.input,(t=>{this.disabled=t})),this.requiredObserver=p(this.input,(t=>{this.required=t})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=b(this.label,this.labelPosition)}renderStepButtons(t,o,i){return e("div",{class:"gux-step-buttons-container"},e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:o("increment"),disabled:i,onClick:()=>this.stepUp(t)},e("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:o("decrement"),disabled:i,onClick:()=>this.stepDown(t)},e("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}stepDown(t){""===t.value?v(t,t.min||"0",!1):(t.stepDown(),this.simulateNativeInputAndChangeEvents(t))}stepUp(t){""===t.value?v(t,t.min||"0",!1):(t.stepUp(),this.simulateNativeInputAndChangeEvents(t))}simulateNativeInputAndChangeEvents(t){C(t,"input"),C(t,"change")}static get delegatesFocus(){return!0}get root(){return i(this)}};(function(t,o,e,i){var r,n=arguments.length,s=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,o,e,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(o,e,s):r(o,e))||s);n>3&&s&&Object.defineProperty(o,e,s)})([u({childList:!0,subtree:!0})],H.prototype,"onMutation",null),H.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;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;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-padding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);text-align:right;text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;width:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);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);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-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container.gux-clear{padding-right:0}.gux-input-and-error-container .gux-input .gux-input-container: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)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-left:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-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-defaultColor);background:transparent;border:none}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;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-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;width:14px;height:14px}';const $=class{constructor(o){t(this,o),this.goToPage=r(this,"goToPage",7),this.isOpen=!1,this.totalPages=void 0}handleKeyDown(t){const o=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,this.ellipsisButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":o.includes(this.ellipsisButton)&&(t.preventDefault(),this.isOpen=!0,this.focusInputElement())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.ellipsisButton)&&(this.isOpen=!0,this.focusInputElement())}toggle(){this.isOpen=!this.isOpen,this.isOpen&&this.focusInputElement()}onClickOutside(){this.isOpen=!1}focusInputElement(){S((()=>{this.inputElement.focus()}))}applyInputListener(){var t;null===(t=this.inputElement)||void 0===t||t.addEventListener("keydown",(t=>{"Enter"!=t.key&&" "!=t.key||(t.preventDefault(),this.goToPage.emit(t.target.value),this.isOpen=!1)}))}async componentWillLoad(){this.i18n=await s(this.root,z),k(this.root)}componentDidLoad(){this.applyInputListener()}render(){return e(n,null,e("button",{id:"popover-target",type:"button",ref:t=>this.ellipsisButton=t,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},e("gux-icon",{screenreaderText:this.i18n("goToPage"),"icon-name":"menu-kebab-horizontal"})),e("gux-tooltip",{for:"popover-target"},this.i18n("goToPage")),e("gux-popover",{"is-open":this.isOpen,for:"popover-target"},e("span",{slot:"title"},this.i18n("goToPage")),e("gux-form-field-number",null,e("input",{slot:"input",type:"number",ref:t=>this.inputElement=t,min:"1",max:this.totalPages,value:"1"}),e("label",{slot:"label"}))))}get root(){return i(this)}};(function(t,o,e,i){var r,n=arguments.length,s=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,o,e,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(o,e,s):r(o,e))||s);n>3&&s&&Object.defineProperty(o,e,s)})([R({triggerEvents:"mousedown"})],$.prototype,"onClickOutside",null),$.style="button{color:var(--gse-ui-button-ghost-default-foregroundColor);cursor:pointer;background:none;border:none}button:hover{color:var(--gse-ui-button-ghost-hover-foregroundColor)}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)}button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding-top:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}";const B=class{constructor(o){t(this,o),this.guxdismiss=r(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}checkForClickOutside(t){const o=t.composedPath(),e=L(this.root,this.for),i=o.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss()}get titleSlot(){return E(this.root,"title")}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=T(L(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=L(this.root,this.for);this.popupElement&&O(t,this.popupElement,{placement:this.position,middleware:[F(7),D(),I(),P({element:this.arrowElement,padding:16})]}).then((({x:t,y:o,middlewareData:e,placement:i})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${o}px`});const r={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(e.arrow){const{x:t,y:o}=e.arrow;this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=o?`${o}px`:"",right:"",bottom:"",[r]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){k(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderDismissButton(){if(this.displayDismissButton)return e("gux-dismiss-button",{onClick:this.dismiss.bind(this),position:"inherit"})}render(){return e("div",{ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},e("div",{ref:t=>this.arrowElement=t,class:"gux-arrow"}),e("div",{class:{"gux-popover-header":Boolean(this.titleSlot)}},e("slot",{name:"title"}),this.renderDismissButton()),e("div",{class:"gux-popover-content"},e("slot",null)))}get root(){return i(this)}};(function(t,o,e,i){var r,n=arguments.length,s=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,o,e,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(o,e,s):r(o,e))||s);n>3&&s&&Object.defineProperty(o,e,s)})([R({triggerEvents:"mousedown"})],B.prototype,"checkForClickOutside",null),B.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gux-zindex-popover, 2);display:inline-block;min-width:280px;padding:var(--gse-ui-popover-gap);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;align-content:center;align-items:center;justify-content:space-between;padding-bottom:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:--gse-ui-popover-headercolor}.gux-popover-wrapper gux-dismiss-button{float:right}";export{H as gux_form_field_number,$ as gux_pagination_ellipsis_button,B as gux_popover}
1
+ import{r as t,f as o,h as e,g as i,c as r,H as n}from"./p-deca7631.js";import{b as s}from"./p-2ba7be7a.js";import{c as a,o as l}from"./p-16f3da0d.js";import{O as u}from"./p-d6edbaeb.js";import{o as p}from"./p-37bfd195.js";import{p as h}from"./p-28f55159.js";import{h as g,d,G as c,a as f,g as m,v as x,b,e as v}from"./p-e5766b80.js";import{s as C}from"./p-373c5d93.js";import{h as w}from"./p-324b23f3.js";import{G as y,a as j}from"./p-2b468e4b.js";import{t as k}from"./p-c23acf83.js";import{t as z}from"./p-c7328d42.js";import{O as R}from"./p-c49670a7.js";import{b as S}from"./p-ffaadf62.js";import{a as T,c as O,o as F,f as D,s as I,b as P}from"./p-f3521f3e.js";import{g as E}from"./p-693c1709.js";import{f as L}from"./p-5d7d5695.js";import"./p-0962dd7a.js";import"./p-3ea0d493.js";import"./p-9d734bbd.js";const _={increment:"Increment",decrement:"Decrement"};const H=class{constructor(o){t(this,o),this.clearable=void 0,this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=w(this.root,"error"),this.hasHelp=w(this.root,"help")}async guxForceUpdate(){this.hasContent=g(this.input),this.hasError=w(this.root,"error"),this.hasHelp=w(this.root,"help"),o(this.root)}async componentWillLoad(){this.getI18nValue=await s(this.root,_),this.setInput(),this.setLabel(),this.hasError=w(this.root,"error"),this.hasHelp=w(this.root,"help"),k(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){const t=this.clearable&&this.hasContent&&!this.disabled;return e(j,{labelPosition:this.computedLabelPosition},e(y,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()})),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError},part:"input-section"},e("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":t}},e("slot",{name:"input",onSlotchange:()=>this.setInput()}),t&&e("gux-form-field-input-clear-button",{onClick:()=>d(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),e(c,{show:this.hasError},e("slot",{name:"error"})),e(f,{show:!this.hasError&&this.hasHelp},e("slot",{name:"help"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=m(this.root,'input[type="number"][slot="input"]'),this.hasContent=g(this.input),h(this.input),this.input.addEventListener("input",(()=>{this.hasContent=g(this.input)})),this.disabled=a(this.input),this.required=this.input.required,this.disabledObserver=l(this.input,(t=>{this.disabled=t})),this.requiredObserver=p(this.input,(t=>{this.required=t})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=b(this.label,this.labelPosition)}renderStepButtons(t,o,i){return e("div",{class:"gux-step-buttons-container"},e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:o("increment"),disabled:i,onClick:()=>this.stepUp(t)},e("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:o("decrement"),disabled:i,onClick:()=>this.stepDown(t)},e("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}stepDown(t){""===t.value?v(t,t.min||"0",!1):(t.stepDown(),this.simulateNativeInputAndChangeEvents(t))}stepUp(t){""===t.value?v(t,t.min||"0",!1):(t.stepUp(),this.simulateNativeInputAndChangeEvents(t))}simulateNativeInputAndChangeEvents(t){C(t,"input"),C(t,"change")}static get delegatesFocus(){return!0}get root(){return i(this)}};(function(t,o,e,i){var r,n=arguments.length,s=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,o,e,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(o,e,s):r(o,e))||s);n>3&&s&&Object.defineProperty(o,e,s)})([u({childList:!0,subtree:!0})],H.prototype,"onMutation",null),H.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;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;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-padding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);text-align:right;text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;width:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);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);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-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container.gux-clear{padding-right:0}.gux-input-and-error-container .gux-input .gux-input-container: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)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-left:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-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-defaultColor);background:transparent;border:none}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;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-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;width:14px;height:14px}';const $=class{constructor(o){t(this,o),this.goToPage=r(this,"goToPage",7),this.isOpen=!1,this.totalPages=void 0}handleKeyDown(t){const o=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,this.ellipsisButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":o.includes(this.ellipsisButton)&&(t.preventDefault(),this.isOpen=!0,this.focusInputElement())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.ellipsisButton)&&(this.isOpen=!0,this.focusInputElement())}toggle(){this.isOpen=!this.isOpen,this.isOpen&&this.focusInputElement()}onClickOutside(){this.isOpen=!1}focusInputElement(){S((()=>{this.inputElement.focus()}))}applyInputListener(){var t;null===(t=this.inputElement)||void 0===t||t.addEventListener("keydown",(t=>{"Enter"!=t.key&&" "!=t.key||(t.preventDefault(),this.goToPage.emit(t.target.value),this.isOpen=!1)}))}async componentWillLoad(){this.i18n=await s(this.root,z),k(this.root)}componentDidLoad(){this.applyInputListener()}render(){return e(n,null,e("button",{id:"popover-target",type:"button",ref:t=>this.ellipsisButton=t,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},e("gux-icon",{screenreaderText:this.i18n("goToPage"),"icon-name":"menu-kebab-horizontal"})),e("gux-tooltip",{for:"popover-target"},this.i18n("goToPage")),e("gux-popover",{"is-open":this.isOpen,for:"popover-target"},e("span",{slot:"title"},this.i18n("goToPage")),e("gux-form-field-number",null,e("input",{slot:"input",type:"number",ref:t=>this.inputElement=t,min:"1",max:this.totalPages,value:"1"}),e("label",{slot:"label"}))))}get root(){return i(this)}};(function(t,o,e,i){var r,n=arguments.length,s=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,o,e,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(o,e,s):r(o,e))||s);n>3&&s&&Object.defineProperty(o,e,s)})([R({triggerEvents:"mousedown"})],$.prototype,"onClickOutside",null),$.style="button{color:var(--gse-ui-button-ghost-default-foregroundColor);cursor:pointer;background:none;border:none}button:hover{color:var(--gse-ui-button-ghost-hover-foregroundColor)}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)}button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);padding-top:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}";const B=class{constructor(o){t(this,o),this.guxdismiss=r(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}checkForClickOutside(t){const o=t.composedPath(),e=L(this.root,this.for),i=o.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss()}get titleSlot(){return E(this.root,"title")}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=T(L(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=L(this.root,this.for);this.popupElement&&O(t,this.popupElement,{placement:this.position,middleware:[F(7),D(),I(),P({element:this.arrowElement,padding:16})]}).then((({x:t,y:o,middlewareData:e,placement:i})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${o}px`});const r={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(e.arrow){const{x:t,y:o}=e.arrow;this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=o?`${o}px`:"",right:"",bottom:"",[r]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){k(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderDismissButton(){if(this.displayDismissButton)return e("gux-dismiss-button",{onClick:this.dismiss.bind(this),position:"inherit"})}render(){return e("div",{ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},e("div",{ref:t=>this.arrowElement=t,class:"gux-arrow"}),e("div",{class:{"gux-popover-header":Boolean(this.titleSlot)}},e("slot",{name:"title"}),this.renderDismissButton()),e("div",{class:"gux-popover-content"},e("slot",null)))}get root(){return i(this)}};(function(t,o,e,i){var r,n=arguments.length,s=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,o,e,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(o,e,s):r(o,e))||s);n>3&&s&&Object.defineProperty(o,e,s)})([R({triggerEvents:"mousedown"})],B.prototype,"checkForClickOutside",null),B.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gux-zindex-popover, 2);display:inline-block;min-width:280px;padding:var(--gse-ui-popover-gap);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;align-content:center;align-items:center;justify-content:space-between;padding-bottom:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:--gse-ui-popover-headercolor}.gux-popover-wrapper gux-dismiss-button{float:right}";export{H as gux_form_field_number,$ as gux_pagination_ellipsis_button,B as gux_popover}
@@ -1 +1 @@
1
- import{r as t,h as e,H as o,g as s}from"./p-deca7631.js";import{a as r,c as i,o as n,f as a,s as u,b as h}from"./p-f3521f3e.js";import{a as d}from"./p-ffaadf62.js";import{t as c}from"./p-28275c57.js";import{h as l}from"./p-705311af.js";const m=class{constructor(e){t(this,e),this.isShown=!1}onKeydown(t){if(t.stopPropagation(),this.isShown)switch(t.key){case"Escape":case"ArrowLeft":case"ArrowUp":return void this.root.focus();case"ArrowDown":return t.preventDefault(),void this.focusOnMenu();case"Enter":return void(this.hideDelayTimeout=d((()=>{this.focusOnMenu()})))}}onKeyup(t){t.stopPropagation()," "!==t.key||(this.root===t.target?this.focusOnMenu():this.hideDelayTimeout=d((()=>{this.root.focus()})))}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(t){0!==t.detail&&this.hide(),this.root.focus()}onFocusin(){this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),l))}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=r(this.targetElement,this.menuContentElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.root&&i(this.targetElement,this.menuContentElement,{placement:"bottom-start",strategy:"fixed",middleware:[n(16),a(),u(),h({element:this.arrowElement,padding:16})]}).then((({x:t,y:e,middlewareData:o,placement:s})=>{var r;Object.assign(this.menuContentElement.style,{left:`${t}px`,top:`${e}px`});const i={top:"bottom",right:"left",bottom:"top",left:"right"}[s.split("-")[0]];if(o.arrow){const{x:t,y:e}=o.arrow;Object.assign(null===(r=this.arrowElement)||void 0===r?void 0:r.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[i]:"-7.5px",transform:"rotate(-45deg)"})}}))}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;const t=this.root.querySelector("gux-menu");Array.from(t.children)[0].guxFocus()}componentWillLoad(){c(this.root)}componentDidLoad(){this.isShown&&this.runUpdatePosition()}componentDidUpdate(){this.isShown?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return e(o,{tabIndex:0,"aria-haspopup":"true"},e("span",{ref:t=>this.targetElement=t},e("slot",{name:"target"})),e("div",{class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:t=>this.menuContentElement=t},e("div",{ref:t=>this.arrowElement=t,class:"gux-arrow"}),e("slot",{name:"menu"})))}get root(){return s(this)}};m.style=":host{z-index:var(--gux-zindex-popover, 2);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-height);background:var(--gse-ui-popover-backgroundColor);border-top:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-right:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color)}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-flyout-menu-content{position:fixed;display:none;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)}.gux-flyout-menu-content.gux-shown{display:flex}";export{m as gux_flyout_menu}
1
+ import{r as t,h as e,H as o,g as s}from"./p-deca7631.js";import{a as r,c as i,o as n,f as a,s as u,b as h}from"./p-f3521f3e.js";import{a as d}from"./p-ffaadf62.js";import{t as c}from"./p-c23acf83.js";import{h as l}from"./p-705311af.js";const m=class{constructor(e){t(this,e),this.isShown=!1}onKeydown(t){if(t.stopPropagation(),this.isShown)switch(t.key){case"Escape":case"ArrowLeft":case"ArrowUp":return void this.root.focus();case"ArrowDown":return t.preventDefault(),void this.focusOnMenu();case"Enter":return void(this.hideDelayTimeout=d((()=>{this.focusOnMenu()})))}}onKeyup(t){t.stopPropagation()," "!==t.key||(this.root===t.target?this.focusOnMenu():this.hideDelayTimeout=d((()=>{this.root.focus()})))}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(t){0!==t.detail&&this.hide(),this.root.focus()}onFocusin(){this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),l))}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=r(this.targetElement,this.menuContentElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.root&&i(this.targetElement,this.menuContentElement,{placement:"bottom-start",strategy:"fixed",middleware:[n(16),a(),u(),h({element:this.arrowElement,padding:16})]}).then((({x:t,y:e,middlewareData:o,placement:s})=>{var r;Object.assign(this.menuContentElement.style,{left:`${t}px`,top:`${e}px`});const i={top:"bottom",right:"left",bottom:"top",left:"right"}[s.split("-")[0]];if(o.arrow){const{x:t,y:e}=o.arrow;Object.assign(null===(r=this.arrowElement)||void 0===r?void 0:r.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[i]:"-7.5px",transform:"rotate(-45deg)"})}}))}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;const t=this.root.querySelector("gux-menu");Array.from(t.children)[0].guxFocus()}componentWillLoad(){c(this.root)}componentDidLoad(){this.isShown&&this.runUpdatePosition()}componentDidUpdate(){this.isShown?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return e(o,{tabIndex:0,"aria-haspopup":"true"},e("span",{ref:t=>this.targetElement=t},e("slot",{name:"target"})),e("div",{class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:t=>this.menuContentElement=t},e("div",{ref:t=>this.arrowElement=t,class:"gux-arrow"}),e("slot",{name:"menu"})))}get root(){return s(this)}};m.style=":host{z-index:var(--gux-zindex-popover, 2);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-height);background:var(--gse-ui-popover-backgroundColor);border-top:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-right:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color)}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-flyout-menu-content{position:fixed;display:none;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)}.gux-flyout-menu-content.gux-shown{display:flex}";export{m as gux_flyout_menu}
@@ -1 +1 @@
1
- import{r as t,c as e,h as o,g as n}from"./p-deca7631.js";import{t as i}from"./p-28275c57.js";import{b as r}from"./p-2ba7be7a.js";import{a}from"./p-37bfd195.js";import"./p-0962dd7a.js";const s={eraseBtnAria:"Clear search text",navigateNextBtn:"Highlight next match",navigatePreviousBtn:"Highlight previous match",totalMatches:"{currentMatch, number} of {matchCount, number}",clear:"Clear"},u=class{constructor(o){t(this,o),this.guxcurrentmatchchanged=e(this,"guxcurrentmatchchanged",7),this.matchCount=0,this.currentMatch=0,this.disabled=void 0,this.value=void 0}async clear(){this.disabled||(this.matchCount=0,this.currentMatch=0,this.value="",this.resetInputSlottedElement(),this.emitCurrentMatchChanged(),this.inputSlottedElement.focus())}async componentWillLoad(){i(this.root),this.i18n=await r(this.root,s),this.inputSlottedElement=this.root.querySelector("input"),this.disabled=this.inputSlottedElement.disabled,this.value=this.inputSlottedElement.value,this.disabledObserver=a(this.inputSlottedElement,(t=>{this.disabled=t})),this.inputSlottedElement.addEventListener("input",(t=>this.onInput(t)))}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return o("div",{class:{"gux-content-search":!0,"gux-disabled":this.disabled}},o("div",{class:"gux-search-icon"},o("gux-icon",{decorative:!0,"icon-name":"search"})),o("gux-truncate",{"max-lines":"1"},o("slot",null)),this.getNavigationPanel())}getNavigationPanel(){if(this.showNavigationPanel()){const t=this.disableNavigationPanel();return o("div",{class:"gux-content-control-panel"},o("div",{class:{"gux-navigation-panel":!0,"gux-navigation-disabled":t}},o("span",{class:{"gux-navigation-result":!0,"gux-navigation-result-disabled":t}},this.matchCountResult()),o("div",{class:"gux-navigation-buttons"},o("button",{type:"button",class:"gux-previous-button",title:this.i18n("navigatePreviousBtn"),"aria-label":this.i18n("navigatePreviousBtn"),onClick:()=>this.previousClick(),disabled:t},o("gux-icon",{decorative:!0,"icon-name":"arrow-solid-up"})),o("button",{type:"button",class:"gux-next-button",title:this.i18n("navigateNextBtn"),"aria-label":this.i18n("navigateNextBtn"),onClick:()=>this.nextClick(),disabled:t},o("gux-icon",{decorative:!0,"icon-name":"arrow-solid-down"}))),o("div",{class:"gux-navigation-divider"})),o("button",{class:"gux-clear-button",tabIndex:-1,type:"button",title:this.i18n("clear"),onClick:()=>{this.clear()},disabled:t},o("gux-icon",{"icon-name":"close",decorative:!0})))}return null}matchCountResult(){return this.i18n("totalMatches",{currentMatch:this.getNormalizedCurrentMatch(),matchCount:this.getNormalizedMatchCount()})}showNavigationPanel(){return""!==this.value}disableNavigationPanel(){return this.disabled||this.getNormalizedMatchCount()<=0}getNormalizedMatchCount(){return this.matchCount&&Number.isInteger(this.matchCount)&&this.matchCount>=0?Number(this.matchCount):0}getNormalizedCurrentMatch(){return this.currentMatch&&Number.isInteger(this.currentMatch)&&this.currentMatch>=0&&this.currentMatch<=this.getNormalizedMatchCount()&&this.getNormalizedMatchCount()>0?Number(this.currentMatch):0}resetInputSlottedElement(){this.inputSlottedElement.value="",this.inputSlottedElement.dispatchEvent(new InputEvent("input",{bubbles:!0,cancelable:!0})),this.inputSlottedElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}nextClick(){this.disableNavigationPanel()||(this.currentMatch=this.getNormalizedCurrentMatch()===this.getNormalizedMatchCount()?1:this.getNormalizedCurrentMatch()+1,this.emitCurrentMatchChanged())}previousClick(){this.disableNavigationPanel()||(this.currentMatch=1===this.getNormalizedCurrentMatch()||0===this.getNormalizedCurrentMatch()?this.getNormalizedMatchCount():this.getNormalizedCurrentMatch()-1,this.emitCurrentMatchChanged())}onInput(t){this.value=t.target.value}emitCurrentMatchChanged(){this.guxcurrentmatchchanged.emit(this.getNormalizedCurrentMatch())}get root(){return n(this)}};u.style=":host{display:inline-block;width:300px;min-width:300px}::slotted(input[disabled]){opacity:var(--gse-ui-formControl-input-disabled-opacity)}::slotted(input){box-sizing:border-box;flex-basis:100%;flex-shrink:1;width:120px;overflow:hidden;font-family:var(--gse-ui-search-counter-text-fontFamily);font-size:var(--gse-ui-search-counter-text-fontSize);font-weight:var(--gse-ui-search-counter-text-fontWeight);line-height:var(--gse-ui-search-counter-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);text-overflow:ellipsis;white-space:nowrap;background-image:none;border:0;border-radius:0;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-populatedColor)}::slotted(input).gux-focused,::slotted(input):focus,::slotted(input):focus-visible{border:0;outline:none;box-shadow:none}.gux-content-search{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-formControl-input-gap);width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-textarea-padding);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-content-search gux-truncate{display:flex;align-items:center}.gux-content-search.gux-disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search:focus-visible,.gux-content-search: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)}.gux-content-search:not(:disabled):not(.gux-disabled):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-content-search .gux-search-icon{display:flex;flex-shrink:0;align-items:center}.gux-content-search .gux-search-icon:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-search-icon gux-icon{width:var(--gse-ui-search-counter-icon-width);height:var(--gse-ui-search-counter-icon-height);color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-content-search .gux-content-control-panel{box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:0;gap:var(--gse-ui-formControl-input-gap);align-content:center;align-items:center;justify-content:flex-end;padding:0}.gux-content-search .gux-content-control-panel gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-content-search .gux-content-control-panel button{display:block;align-items:center;overflow:hidden;color:var(--gse-ui-search-counter-default-foregroundColor);cursor:pointer;background:none;border:none;border-radius:var(--gse-ui-button-borderRadius);outline:none}.gux-content-search .gux-content-control-panel button:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel button:not(:disabled):hover,.gux-content-search .gux-content-control-panel button:not(:disabled):focus-visible{color:var(--gse-ui-search-counter-hover-foregroundColor)}.gux-content-search .gux-content-control-panel button:not(.gux-clear-button):focus-visible:enabled{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-content-search .gux-content-control-panel button.gux-clear-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0}.gux-content-search .gux-content-control-panel button.gux-clear-button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-content-search .gux-content-control-panel .gux-navigation-disabled{pointer-events:auto;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel .gux-navigation-panel{display:flex;gap:var(--gse-ui-search-counter-gap)}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-divider{height:16px;color:var(--gse-ui-search-counter-default-foregroundColor);background-color:#c6c8ce;border:1px var(--gse-ui-search-counter-divider-border-style) var(--gse-ui-search-counter-divider-border-color)}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-buttons{display:flex;flex-direction:row}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-result{align-items:center;color:var(--gse-ui-search-counter-default-foregroundColor);white-space:nowrap}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-previous-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-next-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0}";export{u as gux_content_search}
1
+ import{r as t,c as e,h as o,g as n}from"./p-deca7631.js";import{t as i}from"./p-c23acf83.js";import{b as r}from"./p-2ba7be7a.js";import{a}from"./p-37bfd195.js";import"./p-0962dd7a.js";const s={eraseBtnAria:"Clear search text",navigateNextBtn:"Highlight next match",navigatePreviousBtn:"Highlight previous match",totalMatches:"{currentMatch, number} of {matchCount, number}",clear:"Clear"},u=class{constructor(o){t(this,o),this.guxcurrentmatchchanged=e(this,"guxcurrentmatchchanged",7),this.matchCount=0,this.currentMatch=0,this.disabled=void 0,this.value=void 0}async clear(){this.disabled||(this.matchCount=0,this.currentMatch=0,this.value="",this.resetInputSlottedElement(),this.emitCurrentMatchChanged(),this.inputSlottedElement.focus())}async componentWillLoad(){i(this.root),this.i18n=await r(this.root,s),this.inputSlottedElement=this.root.querySelector("input"),this.disabled=this.inputSlottedElement.disabled,this.value=this.inputSlottedElement.value,this.disabledObserver=a(this.inputSlottedElement,(t=>{this.disabled=t})),this.inputSlottedElement.addEventListener("input",(t=>this.onInput(t)))}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return o("div",{class:{"gux-content-search":!0,"gux-disabled":this.disabled}},o("div",{class:"gux-search-icon"},o("gux-icon",{decorative:!0,"icon-name":"search"})),o("gux-truncate",{"max-lines":"1"},o("slot",null)),this.getNavigationPanel())}getNavigationPanel(){if(this.showNavigationPanel()){const t=this.disableNavigationPanel();return o("div",{class:"gux-content-control-panel"},o("div",{class:{"gux-navigation-panel":!0,"gux-navigation-disabled":t}},o("span",{class:{"gux-navigation-result":!0,"gux-navigation-result-disabled":t}},this.matchCountResult()),o("div",{class:"gux-navigation-buttons"},o("button",{type:"button",class:"gux-previous-button",title:this.i18n("navigatePreviousBtn"),"aria-label":this.i18n("navigatePreviousBtn"),onClick:()=>this.previousClick(),disabled:t},o("gux-icon",{decorative:!0,"icon-name":"arrow-solid-up"})),o("button",{type:"button",class:"gux-next-button",title:this.i18n("navigateNextBtn"),"aria-label":this.i18n("navigateNextBtn"),onClick:()=>this.nextClick(),disabled:t},o("gux-icon",{decorative:!0,"icon-name":"arrow-solid-down"}))),o("div",{class:"gux-navigation-divider"})),o("button",{class:"gux-clear-button",tabIndex:-1,type:"button",title:this.i18n("clear"),onClick:()=>{this.clear()},disabled:t},o("gux-icon",{"icon-name":"close",decorative:!0})))}return null}matchCountResult(){return this.i18n("totalMatches",{currentMatch:this.getNormalizedCurrentMatch(),matchCount:this.getNormalizedMatchCount()})}showNavigationPanel(){return""!==this.value}disableNavigationPanel(){return this.disabled||this.getNormalizedMatchCount()<=0}getNormalizedMatchCount(){return this.matchCount&&Number.isInteger(this.matchCount)&&this.matchCount>=0?Number(this.matchCount):0}getNormalizedCurrentMatch(){return this.currentMatch&&Number.isInteger(this.currentMatch)&&this.currentMatch>=0&&this.currentMatch<=this.getNormalizedMatchCount()&&this.getNormalizedMatchCount()>0?Number(this.currentMatch):0}resetInputSlottedElement(){this.inputSlottedElement.value="",this.inputSlottedElement.dispatchEvent(new InputEvent("input",{bubbles:!0,cancelable:!0})),this.inputSlottedElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}nextClick(){this.disableNavigationPanel()||(this.currentMatch=this.getNormalizedCurrentMatch()===this.getNormalizedMatchCount()?1:this.getNormalizedCurrentMatch()+1,this.emitCurrentMatchChanged())}previousClick(){this.disableNavigationPanel()||(this.currentMatch=1===this.getNormalizedCurrentMatch()||0===this.getNormalizedCurrentMatch()?this.getNormalizedMatchCount():this.getNormalizedCurrentMatch()-1,this.emitCurrentMatchChanged())}onInput(t){this.value=t.target.value}emitCurrentMatchChanged(){this.guxcurrentmatchchanged.emit(this.getNormalizedCurrentMatch())}get root(){return n(this)}};u.style=":host{display:inline-block;width:300px;min-width:300px}::slotted(input[disabled]){opacity:var(--gse-ui-formControl-input-disabled-opacity)}::slotted(input){box-sizing:border-box;flex-basis:100%;flex-shrink:1;width:120px;overflow:hidden;font-family:var(--gse-ui-search-counter-text-fontFamily);font-size:var(--gse-ui-search-counter-text-fontSize);font-weight:var(--gse-ui-search-counter-text-fontWeight);line-height:var(--gse-ui-search-counter-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);text-overflow:ellipsis;white-space:nowrap;background-image:none;border:0;border-radius:0;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-populatedColor)}::slotted(input).gux-focused,::slotted(input):focus,::slotted(input):focus-visible{border:0;outline:none;box-shadow:none}.gux-content-search{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-formControl-input-gap);width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-textarea-padding);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-content-search gux-truncate{display:flex;align-items:center}.gux-content-search.gux-disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search:focus-visible,.gux-content-search: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)}.gux-content-search:not(:disabled):not(.gux-disabled):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-content-search .gux-search-icon{display:flex;flex-shrink:0;align-items:center}.gux-content-search .gux-search-icon:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-search-icon gux-icon{width:var(--gse-ui-search-counter-icon-width);height:var(--gse-ui-search-counter-icon-height);color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-content-search .gux-content-control-panel{box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:0;gap:var(--gse-ui-formControl-input-gap);align-content:center;align-items:center;justify-content:flex-end;padding:0}.gux-content-search .gux-content-control-panel gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-content-search .gux-content-control-panel button{display:block;align-items:center;overflow:hidden;color:var(--gse-ui-search-counter-default-foregroundColor);cursor:pointer;background:none;border:none;border-radius:var(--gse-ui-button-borderRadius);outline:none}.gux-content-search .gux-content-control-panel button:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel button:not(:disabled):hover,.gux-content-search .gux-content-control-panel button:not(:disabled):focus-visible{color:var(--gse-ui-search-counter-hover-foregroundColor)}.gux-content-search .gux-content-control-panel button:not(.gux-clear-button):focus-visible:enabled{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-content-search .gux-content-control-panel button.gux-clear-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0}.gux-content-search .gux-content-control-panel button.gux-clear-button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-content-search .gux-content-control-panel .gux-navigation-disabled{pointer-events:auto;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel .gux-navigation-panel{display:flex;gap:var(--gse-ui-search-counter-gap)}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-divider{height:16px;color:var(--gse-ui-search-counter-default-foregroundColor);background-color:#c6c8ce;border:1px var(--gse-ui-search-counter-divider-border-style) var(--gse-ui-search-counter-divider-border-color)}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-buttons{display:flex;flex-direction:row}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-result{align-items:center;color:var(--gse-ui-search-counter-default-foregroundColor);white-space:nowrap}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-previous-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-next-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0}";export{u as gux_content_search}
@@ -1 +1 @@
1
- import{r as t,h as o,g as s}from"./p-deca7631.js";import{t as r}from"./p-28275c57.js";const e=class{constructor(o){t(this,o)}componentWillLoad(){r(this.root)}render(){return o("span",{class:"gux-sr-only"},o("slot",null))}get root(){return s(this)}};e.style=".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{e as gux_screen_reader_beta}
1
+ import{r as t,h as o,g as s}from"./p-deca7631.js";import{t as r}from"./p-c23acf83.js";const e=class{constructor(o){t(this,o)}componentWillLoad(){r(this.root)}render(){return o("span",{class:"gux-sr-only"},o("slot",null))}get root(){return s(this)}};e.style=".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{e as gux_screen_reader_beta}
@@ -1 +1 @@
1
- import{r as t,f as r,h as a,g as s}from"./p-deca7631.js";import{b as e}from"./p-2ba7be7a.js";import{t as i}from"./p-28275c57.js";import"./p-0962dd7a.js";const n={breadcrumbs:"Breadcrumbs"},o=class{constructor(r){t(this,r),this.accent="primary"}componentWillLoad(){i(this.root,{variant:this.accent})}async componentWillRender(){this.i18n=await e(this.root,n)}onSlotChange(){Array.from(this.root.children).forEach((t=>r(t)))}render(){return a("nav",{"aria-label":this.i18n("breadcrumbs")},a("ol",null,a("slot",{onSlotchange:this.onSlotChange.bind(this)})))}get root(){return s(this)}};o.style="ol{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;align-items:center;justify-content:flex-start;padding:0;margin:0;list-style:none}";export{o as gux_breadcrumbs}
1
+ import{r as t,f as r,h as a,g as s}from"./p-deca7631.js";import{b as e}from"./p-2ba7be7a.js";import{t as i}from"./p-c23acf83.js";import"./p-0962dd7a.js";const n={breadcrumbs:"Breadcrumbs"},o=class{constructor(r){t(this,r),this.accent="primary"}componentWillLoad(){i(this.root,{variant:this.accent})}async componentWillRender(){this.i18n=await e(this.root,n)}onSlotChange(){Array.from(this.root.children).forEach((t=>r(t)))}render(){return a("nav",{"aria-label":this.i18n("breadcrumbs")},a("ol",null,a("slot",{onSlotchange:this.onSlotChange.bind(this)})))}get root(){return s(this)}};o.style="ol{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;align-items:center;justify-content:flex-start;padding:0;margin:0;list-style:none}";export{o as gux_breadcrumbs}
@@ -1 +1 @@
1
- import{r as t,c as e,f as i,h as o,g as n,H as r}from"./p-deca7631.js";import{O as s}from"./p-c49670a7.js";import{b as a}from"./p-2ba7be7a.js";import{s as u}from"./p-373c5d93.js";import{o as l,c as d}from"./p-16f3da0d.js";import{b as h}from"./p-ffaadf62.js";import{t as g}from"./p-28275c57.js";import{O as c}from"./p-d6edbaeb.js";import{s as p,l as f,g as x,c as v,h as m,a as b,b as w,d as y,e as C,f as F,i as S,j,k,m as z,o as R}from"./p-65b03df8.js";import{w as E}from"./p-8b703092.js";import{r as I}from"./p-3ea0d493.js";import"./p-0962dd7a.js";const L={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var T=function(t,e,i,o){var n,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(s=(r<3?n(s):r>3?n(e,i,s):n(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};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,p(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 a(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 f(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(),void this.listboxElement.focus();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,u(this.root,"input"),u(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?"chevron-small-up":"chevron-small-down"})))}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",{expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return n(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"]}}};T([s({triggerEvents:"mousedown"})],O.prototype,"onClickOutside",null),T([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;align-content:stretch;align-items:center;justify-content: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:calc(var(--gse-ui-formControl-input-textfield-height) - var(--gse-ui-formControl-input-default-border-width) * 2)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:60%}.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{opacity:0.5}.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,.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:calc(var(--gse-ui-formControl-input-textfield-height) - var(--gse-ui-formControl-input-default-border-width) * 2);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,.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 A=["gux-option","gux-option-icon"].join(","),W={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(!m(this.root))return t.preventDefault(),void p(this.root);switch(t.key){case"Enter":return t.preventDefault(),void j(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(F(this.root)?(t.stopPropagation(),S(this.root)):w(this.root));case"ArrowUp":return t.preventDefault(),void(y(this.root)?(t.stopPropagation(),C(this.root)):b(this.root));case"Home":return t.preventDefault(),void w(this.root);case"End":return t.preventDefault(),void b(this.root);case" ":return void t.preventDefault()}1!==t.key.length||k(this.root,t.key)}onKeyup(t){" "!==t.key||j(this.root,(t=>this.updateValue(t)))}onMousemove(){v(this.root)}onClick(t){E(A,t,(t=>{R(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){j(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),u(this.root,"input"),u(this.root,"change")}async componentWillLoad(){g(this.root),this.i18n=await a(this.root,W),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&(t.filtered=!z(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,!this.allListboxOptionsFiltered&&this.filter?w(this.root):v(this.root)}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(r,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return n(this)}};B.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:var(--gse-ui-menu-padding);margin:0;overflow-x:visible;overflow-y: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:not(:host-context(gux-dropdown))){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;align-content:stretch;align-items:center;justify-content: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 H=class{constructor(e){t(this,e),this.value=void 0,this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!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||I("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return o(r,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("gux-truncate",{ref:t=>this.truncateElement=t},o("slot",null)))}get root(){return n(this)}static get watchers(){return{active:["handleActive"]}}};H.style=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);align-content:stretch;align-items:center;justify-content:center;height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){border-radius:var(--gse-semantic-focusRing-cornerRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{O as gux_dropdown,B as gux_listbox,H as gux_option}
1
+ import{r as t,c as e,f as i,h as o,g as n,H as r}from"./p-deca7631.js";import{O as s}from"./p-c49670a7.js";import{b as a}from"./p-2ba7be7a.js";import{s as u}from"./p-373c5d93.js";import{o as l,c as d}from"./p-16f3da0d.js";import{b as h}from"./p-ffaadf62.js";import{t as g}from"./p-c23acf83.js";import{O as c}from"./p-d6edbaeb.js";import{s as p,l as f,g as x,c as v,h as m,a as b,b as w,d as y,e as C,f as F,i as S,j,k,m as z,o as R}from"./p-65b03df8.js";import{w as E}from"./p-8b703092.js";import{r as I}from"./p-3ea0d493.js";import"./p-0962dd7a.js";const L={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var T=function(t,e,i,o){var n,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(s=(r<3?n(s):r>3?n(e,i,s):n(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};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,p(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 a(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 f(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(),void this.listboxElement.focus();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,u(this.root,"input"),u(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?"chevron-small-up":"chevron-small-down"})))}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",{expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return n(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"]}}};T([s({triggerEvents:"mousedown"})],O.prototype,"onClickOutside",null),T([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;align-content:stretch;align-items:center;justify-content: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:calc(var(--gse-ui-formControl-input-textfield-height) - var(--gse-ui-formControl-input-default-border-width) * 2)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:60%}.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{opacity:0.5}.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,.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:calc(var(--gse-ui-formControl-input-textfield-height) - var(--gse-ui-formControl-input-default-border-width) * 2);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,.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 A=["gux-option","gux-option-icon"].join(","),W={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(!m(this.root))return t.preventDefault(),void p(this.root);switch(t.key){case"Enter":return t.preventDefault(),void j(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(F(this.root)?(t.stopPropagation(),S(this.root)):w(this.root));case"ArrowUp":return t.preventDefault(),void(y(this.root)?(t.stopPropagation(),C(this.root)):b(this.root));case"Home":return t.preventDefault(),void w(this.root);case"End":return t.preventDefault(),void b(this.root);case" ":return void t.preventDefault()}1!==t.key.length||k(this.root,t.key)}onKeyup(t){" "!==t.key||j(this.root,(t=>this.updateValue(t)))}onMousemove(){v(this.root)}onClick(t){E(A,t,(t=>{R(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){j(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),u(this.root,"input"),u(this.root,"change")}async componentWillLoad(){g(this.root),this.i18n=await a(this.root,W),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&(t.filtered=!z(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,!this.allListboxOptionsFiltered&&this.filter?w(this.root):v(this.root)}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(r,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return n(this)}};B.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:var(--gse-ui-menu-padding);margin:0;overflow-x:visible;overflow-y: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:not(:host-context(gux-dropdown))){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;align-content:stretch;align-items:center;justify-content: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 H=class{constructor(e){t(this,e),this.value=void 0,this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!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||I("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return o(r,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("gux-truncate",{ref:t=>this.truncateElement=t},o("slot",null)))}get root(){return n(this)}static get watchers(){return{active:["handleActive"]}}};H.style=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);align-content:stretch;align-items:center;justify-content:center;height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){border-radius:var(--gse-semantic-focusRing-cornerRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{O as gux_dropdown,B as gux_listbox,H as gux_option}
@@ -1 +1 @@
1
- import{r as t,c as a,h as o,g as e}from"./p-deca7631.js";import{b as g}from"./p-2ba7be7a.js";import{t as r}from"./p-28275c57.js";import"./p-0962dd7a.js";const i={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"},n=class{constructor(o){t(this,o),this.guxdelete=a(this,"guxdelete",7),this.accent="default",this.disabled=!1,this.removable=!1,this.label=void 0}onKeyDown(t){switch(t.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){!this.disabled&&this.removable&&this.guxdelete.emit()}onSlotChange(t){const a=t.composedPath()[0].assignedNodes();this.label=a.map((t=>t.textContent)).join("")}renderTagTitle(){return o("gux-tooltip-title",null,o("span",null,o("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return o("div",{class:"gux-sr-only"},this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return o("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},o("gux-icon",{class:"gux-tag-remove-icon","icon-name":"close","screenreader-text":this.i18n("remove-tag",{label:this.label})}))}componentWillLoad(){r(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await g(this.root,i)}render(){return o("div",{class:{"gux-tag":!0,[`gux-accent-${this.accent}`]:!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.renderTagTitle(),this.renderSrText(),this.renderRemoveButton())}get root(){return e(this)}};n.style=':host{display:inline-block;border-radius:var(--gse-ui-tag-height)}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-tag-removable-gap);align-content:stretch;align-items:center;justify-content:flex-start;height:var(--gse-ui-tag-height);padding:var(--gse-ui-tag-padding);font-family:var(--gse-ui-tag-text-fontFamily);font-size:var(--gse-ui-tag-text-fontSize);font-weight:var(--gse-ui-tag-text-fontWeight, 600);line-height:var(--gse-ui-tag-text-lineHeight);color:var(--gse-ui-tag-default-foregroundColor);background-color:var(--gse-ui-tag-default-backgroundColor);border-radius:var(--gse-ui-tag-height)}.gux-tag.gux-disabled{position:relative}.gux-tag.gux-disabled::before{position:absolute;inset:0;content:"";background-color:#fff;border-radius:var(--gse-ui-tag-height);opacity:var(--gse-ui-tag-disabled-opacity)}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){font-size:var(--gse-ui-tag-button-size)}.gux-tag .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}.gux-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:var(--gse-ui-tag-button-size);height:var(--gse-ui-tag-button-size);margin-right:-4px}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{border-radius:4px;outline:2px solid #7b88f7;outline-offset:0}.gux-tag.gux-accent-default{color:var(--gse-ui-tag-default-foregroundColor);background-color:var(--gse-ui-tag-default-backgroundColor)}.gux-tag.gux-accent-1{color:var(--gse-ui-tag-accent1-foregroundColor);background-color:var(--gse-ui-tag-accent1-backgroundColor)}.gux-tag.gux-accent-2{color:var(--gse-ui-tag-accent2-foregroundColor);background-color:var(--gse-ui-tag-accent2-backgroundColor)}.gux-tag.gux-accent-3{color:var(--gse-ui-tag-accent3-foregroundColor);background-color:var(--gse-ui-tag-accent3-backgroundColor)}.gux-tag.gux-accent-4{color:var(--gse-ui-tag-accent4-foregroundColor);background-color:var(--gse-ui-tag-accent4-backgroundColor)}.gux-tag.gux-accent-5{color:var(--gse-ui-tag-accent5-foregroundColor);background-color:var(--gse-ui-tag-accent5-backgroundColor)}.gux-tag.gux-accent-6{color:var(--gse-ui-tag-accent6-foregroundColor);background-color:var(--gse-ui-tag-accent6-backgroundColor)}.gux-tag.gux-accent-7{color:var(--gse-ui-tag-accent7-foregroundColor);background-color:var(--gse-ui-tag-accent7-backgroundColor)}.gux-tag.gux-accent-8{color:var(--gse-ui-tag-accent8-foregroundColor);background-color:var(--gse-ui-tag-accent8-backgroundColor)}.gux-tag.gux-accent-9{color:var(--gse-ui-tag-accent9-foregroundColor);background-color:var(--gse-ui-tag-accent9-backgroundColor)}.gux-tag.gux-accent-10{color:var(--gse-ui-tag-accent10-foregroundColor);background-color:var(--gse-ui-tag-accent10-backgroundColor)}.gux-tag.gux-accent-inherit{color:inherit;background-color:inherit}';export{n as gux_tag}
1
+ import{r as t,c as a,h as o,g as e}from"./p-deca7631.js";import{b as g}from"./p-2ba7be7a.js";import{t as r}from"./p-c23acf83.js";import"./p-0962dd7a.js";const i={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"},n=class{constructor(o){t(this,o),this.guxdelete=a(this,"guxdelete",7),this.accent="default",this.disabled=!1,this.removable=!1,this.label=void 0}onKeyDown(t){switch(t.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){!this.disabled&&this.removable&&this.guxdelete.emit()}onSlotChange(t){const a=t.composedPath()[0].assignedNodes();this.label=a.map((t=>t.textContent)).join("")}renderTagTitle(){return o("gux-tooltip-title",null,o("span",null,o("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return o("div",{class:"gux-sr-only"},this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return o("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},o("gux-icon",{class:"gux-tag-remove-icon","icon-name":"close","screenreader-text":this.i18n("remove-tag",{label:this.label})}))}componentWillLoad(){r(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await g(this.root,i)}render(){return o("div",{class:{"gux-tag":!0,[`gux-accent-${this.accent}`]:!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.renderTagTitle(),this.renderSrText(),this.renderRemoveButton())}get root(){return e(this)}};n.style=':host{display:inline-block;border-radius:var(--gse-ui-tag-height)}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-tag-removable-gap);align-content:stretch;align-items:center;justify-content:flex-start;height:var(--gse-ui-tag-height);padding:var(--gse-ui-tag-padding);font-family:var(--gse-ui-tag-text-fontFamily);font-size:var(--gse-ui-tag-text-fontSize);font-weight:var(--gse-ui-tag-text-fontWeight, 600);line-height:var(--gse-ui-tag-text-lineHeight);color:var(--gse-ui-tag-default-foregroundColor);background-color:var(--gse-ui-tag-default-backgroundColor);border-radius:var(--gse-ui-tag-height)}.gux-tag.gux-disabled{position:relative}.gux-tag.gux-disabled::before{position:absolute;inset:0;content:"";background-color:#fff;border-radius:var(--gse-ui-tag-height);opacity:var(--gse-ui-tag-disabled-opacity)}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){font-size:var(--gse-ui-tag-button-size)}.gux-tag .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}.gux-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:var(--gse-ui-tag-button-size);height:var(--gse-ui-tag-button-size);margin-right:-4px}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{border-radius:4px;outline:2px solid #7b88f7;outline-offset:0}.gux-tag.gux-accent-default{color:var(--gse-ui-tag-default-foregroundColor);background-color:var(--gse-ui-tag-default-backgroundColor)}.gux-tag.gux-accent-1{color:var(--gse-ui-tag-accent1-foregroundColor);background-color:var(--gse-ui-tag-accent1-backgroundColor)}.gux-tag.gux-accent-2{color:var(--gse-ui-tag-accent2-foregroundColor);background-color:var(--gse-ui-tag-accent2-backgroundColor)}.gux-tag.gux-accent-3{color:var(--gse-ui-tag-accent3-foregroundColor);background-color:var(--gse-ui-tag-accent3-backgroundColor)}.gux-tag.gux-accent-4{color:var(--gse-ui-tag-accent4-foregroundColor);background-color:var(--gse-ui-tag-accent4-backgroundColor)}.gux-tag.gux-accent-5{color:var(--gse-ui-tag-accent5-foregroundColor);background-color:var(--gse-ui-tag-accent5-backgroundColor)}.gux-tag.gux-accent-6{color:var(--gse-ui-tag-accent6-foregroundColor);background-color:var(--gse-ui-tag-accent6-backgroundColor)}.gux-tag.gux-accent-7{color:var(--gse-ui-tag-accent7-foregroundColor);background-color:var(--gse-ui-tag-accent7-backgroundColor)}.gux-tag.gux-accent-8{color:var(--gse-ui-tag-accent8-foregroundColor);background-color:var(--gse-ui-tag-accent8-backgroundColor)}.gux-tag.gux-accent-9{color:var(--gse-ui-tag-accent9-foregroundColor);background-color:var(--gse-ui-tag-accent9-backgroundColor)}.gux-tag.gux-accent-10{color:var(--gse-ui-tag-accent10-foregroundColor);background-color:var(--gse-ui-tag-accent10-backgroundColor)}.gux-tag.gux-accent-inherit{color:inherit;background-color:inherit}';export{n as gux_tag}
@@ -1 +1 @@
1
- import{r as t,h as e,H as o,g as s}from"./p-deca7631.js";import{r as i}from"./p-3ea0d493.js";import{t as r}from"./p-28275c57.js";import{b as a}from"./p-2ba7be7a.js";import{O as n}from"./p-c49670a7.js";import{b as u}from"./p-ffaadf62.js";import{w as c}from"./p-8b703092.js";import"./p-0962dd7a.js";const d={contextMenuScreenreaderText:"Context menu"};const h=class{constructor(e){t(this,e),this.buttonId=i(),this.compact=!1,this.disabled=!1,this.screenreaderText="",this.isOpen=!1}onClickOutside(){this.isOpen=!1}handleKeyDown(t){const e=t.composedPath().includes(this.listElement),o=t.composedPath().includes(this.button);switch(t.key){case"Escape":e&&(t.preventDefault(),this.isOpen=!1,this.button.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":o&&!this.isOpen&&(t.preventDefault(),this.isOpen=!0,this.focusFirstListItem());break;case"ArrowUp":o&&!this.isOpen&&(t.preventDefault(),this.isOpen=!0,this.focusLastListItem())}}handleKeyup(t){" "===t.key&&t.composedPath().includes(this.button)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstListItem())}focusFirstListItem(){u((()=>{this.listElement.guxFocusFirstItem()}))}focusLastListItem(){u((()=>{this.listElement.guxFocusLastItem()}))}onButtonClick(){this.isOpen=!this.isOpen,this.isOpen&&this.focusFirstListItem()}onListClick(t){c("gux-list-item",t,(()=>{this.isOpen=!1,this.button.focus()}))}async componentWillLoad(){r(this.root),this.i18n=await a(this.root,d)}render(){return e(o,null,e("gux-popup",{expanded:this.isOpen,"exceed-target-width":!0},e("div",{slot:"target",class:"gux-button-container"},e("gux-button-slot",{accent:"ghost"},e("button",{type:"button",onClick:()=>this.onButtonClick(),id:this.buttonId,class:{"gux-compact":this.compact},ref:t=>this.button=t,"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),disabled:this.disabled},e("gux-icon",{"icon-name":"menu-kebab-vertical","screenreader-text":this.screenreaderText||this.i18n("contextMenuScreenreaderText")})))),e("div",{slot:"popup",class:"gux-list-container"},e("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},e("slot",null)))))}static get delegatesFocus(){return!0}get root(){return s(this)}};(function(t,e,o,s){var i,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,s);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(a=(r<3?i(a):r>3?i(e,o,a):i(e,o))||a);r>3&&a&&Object.defineProperty(e,o,a)})([n({triggerEvents:"click"})],h.prototype,"onClickOutside",null),h.style=":host{display:block;max-width:fit-content;white-space:normal}gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-contextMenu-states-default-foregroundColor)}button{height:var(--gse-ui-contextMenu-button-default);padding:0 8px;border-radius:var(--gse-ui-contextMenu-borderRadius)}button.gux-compact{height:var(--gse-ui-contextMenu-button-compact);padding:0 4px}button:hover:enabled{background-color:var(--gse-ui-contextMenu-states-hover-backgroundColor)}button:hover:enabled gux-icon{color:var(--gse-ui-contextMenu-states-hover-foregroundColor)}button:active:enabled{background-color:var(--gse-ui-contextMenu-states-active-backgroundColor)}button:active:enabled gux-icon{color:var(--gse-ui-contextMenu-states-active-foregroundColor)}button[disabled]{opacity:var(--gse-ui-contextMenu-disabled-opacity)}.gux-list-container{width:220px;max-height:330px;padding:var(--gse-ui-menu-padding);margin:0;overflow-y:auto;text-align:left;list-style:none;background-color: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);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)}";export{h as gux_context_menu}
1
+ import{r as t,h as e,H as o,g as s}from"./p-deca7631.js";import{r as i}from"./p-3ea0d493.js";import{t as r}from"./p-c23acf83.js";import{b as a}from"./p-2ba7be7a.js";import{O as n}from"./p-c49670a7.js";import{b as u}from"./p-ffaadf62.js";import{w as c}from"./p-8b703092.js";import"./p-0962dd7a.js";const d={contextMenuScreenreaderText:"Context menu"};const h=class{constructor(e){t(this,e),this.buttonId=i(),this.compact=!1,this.disabled=!1,this.screenreaderText="",this.isOpen=!1}onClickOutside(){this.isOpen=!1}handleKeyDown(t){const e=t.composedPath().includes(this.listElement),o=t.composedPath().includes(this.button);switch(t.key){case"Escape":e&&(t.preventDefault(),this.isOpen=!1,this.button.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":o&&!this.isOpen&&(t.preventDefault(),this.isOpen=!0,this.focusFirstListItem());break;case"ArrowUp":o&&!this.isOpen&&(t.preventDefault(),this.isOpen=!0,this.focusLastListItem())}}handleKeyup(t){" "===t.key&&t.composedPath().includes(this.button)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstListItem())}focusFirstListItem(){u((()=>{this.listElement.guxFocusFirstItem()}))}focusLastListItem(){u((()=>{this.listElement.guxFocusLastItem()}))}onButtonClick(){this.isOpen=!this.isOpen,this.isOpen&&this.focusFirstListItem()}onListClick(t){c("gux-list-item",t,(()=>{this.isOpen=!1,this.button.focus()}))}async componentWillLoad(){r(this.root),this.i18n=await a(this.root,d)}render(){return e(o,null,e("gux-popup",{expanded:this.isOpen,"exceed-target-width":!0},e("div",{slot:"target",class:"gux-button-container"},e("gux-button-slot",{accent:"ghost"},e("button",{type:"button",onClick:()=>this.onButtonClick(),id:this.buttonId,class:{"gux-compact":this.compact},ref:t=>this.button=t,"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),disabled:this.disabled},e("gux-icon",{"icon-name":"menu-kebab-vertical","screenreader-text":this.screenreaderText||this.i18n("contextMenuScreenreaderText")})))),e("div",{slot:"popup",class:"gux-list-container"},e("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},e("slot",null)))))}static get delegatesFocus(){return!0}get root(){return s(this)}};(function(t,e,o,s){var i,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,s);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(a=(r<3?i(a):r>3?i(e,o,a):i(e,o))||a);r>3&&a&&Object.defineProperty(e,o,a)})([n({triggerEvents:"click"})],h.prototype,"onClickOutside",null),h.style=":host{display:block;max-width:fit-content;white-space:normal}gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-contextMenu-states-default-foregroundColor)}button{height:var(--gse-ui-contextMenu-button-default);padding:0 8px;border-radius:var(--gse-ui-contextMenu-borderRadius)}button.gux-compact{height:var(--gse-ui-contextMenu-button-compact);padding:0 4px}button:hover:enabled{background-color:var(--gse-ui-contextMenu-states-hover-backgroundColor)}button:hover:enabled gux-icon{color:var(--gse-ui-contextMenu-states-hover-foregroundColor)}button:active:enabled{background-color:var(--gse-ui-contextMenu-states-active-backgroundColor)}button:active:enabled gux-icon{color:var(--gse-ui-contextMenu-states-active-foregroundColor)}button[disabled]{opacity:var(--gse-ui-contextMenu-disabled-opacity)}.gux-list-container{width:220px;max-height:330px;padding:var(--gse-ui-menu-padding);margin:0;overflow-y:auto;text-align:left;list-style:none;background-color: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);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)}";export{h as gux_context_menu}
@@ -1 +1 @@
1
- import{r as t,h as i,g as o}from"./p-deca7631.js";import{b as n}from"./p-2ba7be7a.js";import{t as a}from"./p-28275c57.js";import"./p-0962dd7a.js";const s={navigationName:"Skip links navigation"},e=class{constructor(i){t(this,i)}async componentWillLoad(){a(this.root),this.i18n=await n(this.root,s)}render(){return i("div",{class:"gux-container"},i("nav",{"aria-label":this.i18n("navigationName")},i("ul",{role:"list"},i("slot",null))))}static get delegatesFocus(){return!0}get root(){return o(this)}};e.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{e as gux_skip_navigation_list}
1
+ import{r as t,h as i,g as o}from"./p-deca7631.js";import{b as n}from"./p-2ba7be7a.js";import{t as a}from"./p-c23acf83.js";import"./p-0962dd7a.js";const s={navigationName:"Skip links navigation"},e=class{constructor(i){t(this,i)}async componentWillLoad(){a(this.root),this.i18n=await n(this.root,s)}render(){return i("div",{class:"gux-container"},i("nav",{"aria-label":this.i18n("navigationName")},i("ul",{role:"list"},i("slot",null))))}static get delegatesFocus(){return!0}get root(){return o(this)}};e.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{e as gux_skip_navigation_list}