genesys-spark-components 4.158.0 → 4.159.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (387) 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 +1 -1
  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-avatar-beta.cjs.entry.js +1 -1
  7. package/dist/cjs/gux-avatar-change-photo-beta.cjs.entry.js +1 -1
  8. package/dist/cjs/gux-avatar-group-add-item-beta_3.cjs.entry.js +1 -1
  9. package/dist/cjs/gux-avatar-group-beta.cjs.entry.js +1 -1
  10. package/dist/cjs/gux-avatar-group-item-beta.cjs.entry.js +1 -1
  11. package/dist/cjs/gux-badge.cjs.entry.js +1 -1
  12. package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
  13. package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
  14. package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
  15. package/dist/cjs/gux-button-slot.cjs.entry.js +1 -1
  16. package/dist/cjs/gux-button_2.cjs.entry.js +3 -3
  17. package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
  18. package/dist/cjs/gux-card.cjs.entry.js +1 -1
  19. package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
  20. package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
  21. package/dist/cjs/gux-context-menu.cjs.entry.js +1 -1
  22. package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
  23. package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
  24. package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
  25. package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
  26. package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
  27. package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
  28. package/dist/cjs/gux-dropdown-multi.cjs.entry.js +1 -1
  29. package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
  30. package/dist/cjs/gux-file-list-item.cjs.entry.js +1 -1
  31. package/dist/cjs/gux-flag-icon-beta.cjs.entry.js +1 -1
  32. package/dist/cjs/gux-flyout-menu.cjs.entry.js +2 -2
  33. package/dist/cjs/gux-form-field-checkbox-group-beta.cjs.entry.js +1 -1
  34. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +2 -2
  35. package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
  36. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
  37. package/dist/cjs/gux-form-field-file-beta.cjs.entry.js +1 -1
  38. package/dist/cjs/gux-form-field-file.cjs.entry.js +1 -1
  39. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
  40. package/dist/cjs/gux-form-field-label-indicator.cjs.entry.js +1 -1
  41. package/dist/cjs/gux-form-field-number_2.cjs.entry.js +1 -1
  42. package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
  43. package/dist/cjs/gux-form-field-radio-group-beta.cjs.entry.js +1 -1
  44. package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
  45. package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
  46. package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
  47. package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
  48. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
  49. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
  50. package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
  51. package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +1 -1
  52. package/dist/cjs/gux-form-footer.cjs.entry.js +1 -1
  53. package/dist/cjs/gux-icon-tooltip-beta.cjs.entry.js +1 -1
  54. package/dist/cjs/gux-icon.cjs.entry.js +1 -1
  55. package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
  56. package/dist/cjs/gux-inline-dropdown-beta.cjs.entry.js +1 -1
  57. package/dist/cjs/gux-label-info-beta.cjs.entry.js +1 -1
  58. package/dist/cjs/gux-link-beta.cjs.entry.js +1 -1
  59. package/dist/cjs/gux-list.cjs.entry.js +1 -1
  60. package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
  61. package/dist/cjs/gux-loading-message.cjs.entry.js +1 -1
  62. package/dist/cjs/gux-modal-legacy.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-modal-side-panel-beta.cjs.entry.js +3 -3
  64. package/dist/cjs/gux-modal.cjs.entry.js +1 -1
  65. package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
  66. package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
  67. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
  69. package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
  70. package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
  71. package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
  72. package/dist/cjs/gux-popover-beta.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-popover-list-beta.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
  75. package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
  76. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  77. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  78. package/dist/cjs/gux-rich-highlight-list-item.cjs.entry.js +1 -1
  79. package/dist/cjs/gux-rich-style-list-item_3.cjs.entry.js +1 -1
  80. package/dist/cjs/gux-rich-text-editor-action-link.cjs.entry.js +1 -1
  81. package/dist/cjs/gux-rich-text-editor-action-rich-style.cjs.entry.js +1 -1
  82. package/dist/cjs/gux-rich-text-editor-action-text-highlight.cjs.entry.js +1 -1
  83. package/dist/cjs/gux-rich-text-editor-action.cjs.entry.js +1 -1
  84. package/dist/cjs/gux-rich-text-editor-beta.cjs.entry.js +1 -1
  85. package/dist/cjs/gux-rich-text-editor-list.cjs.entry.js +1 -1
  86. package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
  87. package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
  88. package/dist/cjs/gux-selector-card-beta.cjs.entry.js +1 -1
  89. package/dist/cjs/gux-selector-cards-beta.cjs.entry.js +1 -1
  90. package/dist/cjs/gux-side-panel-beta.cjs.entry.js +1 -1
  91. package/dist/cjs/gux-side-panel-heading.cjs.entry.js +1 -1
  92. package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
  93. package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
  94. package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
  95. package/dist/cjs/gux-status-indicator-beta.cjs.entry.js +1 -1
  96. package/dist/cjs/gux-step-title.cjs.entry.js +1 -1
  97. package/dist/cjs/gux-step.cjs.entry.js +1 -1
  98. package/dist/cjs/gux-stepper-beta.cjs.entry.js +1 -1
  99. package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
  100. package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
  101. package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
  102. package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
  103. package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
  104. package/dist/cjs/gux-table.cjs.entry.js +1 -1
  105. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  106. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  107. package/dist/cjs/gux-tag.cjs.entry.js +1 -1
  108. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  109. package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
  110. package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
  111. package/dist/cjs/gux-time-zone-beta.cjs.entry.js +1 -1
  112. package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
  113. package/dist/cjs/gux-toast.cjs.entry.js +1 -1
  114. package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
  115. package/dist/cjs/gux-tooltip-base-beta_2.cjs.entry.js +1 -1
  116. package/dist/cjs/gux-tooltip-pointer-beta.cjs.entry.js +1 -1
  117. package/dist/cjs/gux-tooltip_2.cjs.entry.js +1 -1
  118. package/dist/cjs/{usage-CrKt9p5p.js → usage-v50bi18B.js} +1 -1
  119. package/dist/collection/components/beta/gux-avatar-group/gux-avatar-overflow/tests/gux-avatar-overflow.common.js +14 -0
  120. package/dist/collection/components/beta/gux-avatar-group/tests/gux-avatar-group.common.js +41 -0
  121. package/dist/collection/components/beta/gux-side-panel/components/gux-modal-side-panel/gux-modal-side-panel.css +5 -0
  122. package/dist/collection/components/beta/gux-side-panel/components/gux-modal-side-panel/gux-modal-side-panel.js +1 -1
  123. package/dist/collection/components/beta/gux-side-panel/tests/gux-side-panel.common.js +75 -0
  124. package/dist/collection/components/stable/gux-flyout-menu/gux-flyout-menu.js +2 -2
  125. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.js +1 -1
  126. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/tests/gux-form-field-checkbox.common.js +34 -0
  127. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox-group/tests/gux-form-field-checkbox-group.common.js +123 -0
  128. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/tests/gux-form-field-color.common.js +52 -0
  129. package/dist/collection/components/stable/gux-popover/gux-popover.js +2 -2
  130. package/dist/collection/test/expectToHaveNoViolations.js +2 -1
  131. package/dist/collection/test/playwrightTestUtils.js +1 -1
  132. package/dist/esm/gux-accordion.entry.js +1 -1
  133. package/dist/esm/gux-action-button.entry.js +1 -1
  134. package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
  135. package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
  136. package/dist/esm/gux-announce-beta.entry.js +1 -1
  137. package/dist/esm/gux-avatar-beta.entry.js +1 -1
  138. package/dist/esm/gux-avatar-change-photo-beta.entry.js +1 -1
  139. package/dist/esm/gux-avatar-group-add-item-beta_3.entry.js +1 -1
  140. package/dist/esm/gux-avatar-group-beta.entry.js +1 -1
  141. package/dist/esm/gux-avatar-group-item-beta.entry.js +1 -1
  142. package/dist/esm/gux-badge.entry.js +1 -1
  143. package/dist/esm/gux-blank-state.entry.js +1 -1
  144. package/dist/esm/gux-breadcrumbs.entry.js +1 -1
  145. package/dist/esm/gux-button-multi.entry.js +1 -1
  146. package/dist/esm/gux-button-slot.entry.js +1 -1
  147. package/dist/esm/gux-button_2.entry.js +3 -3
  148. package/dist/esm/gux-calendar.entry.js +1 -1
  149. package/dist/esm/gux-card.entry.js +1 -1
  150. package/dist/esm/gux-column-manager.entry.js +1 -1
  151. package/dist/esm/gux-content-search.entry.js +1 -1
  152. package/dist/esm/gux-context-menu.entry.js +1 -1
  153. package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
  154. package/dist/esm/gux-date-beta.entry.js +1 -1
  155. package/dist/esm/gux-date-time-beta.entry.js +1 -1
  156. package/dist/esm/gux-datepicker.entry.js +1 -1
  157. package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
  158. package/dist/esm/gux-dismiss-button.entry.js +1 -1
  159. package/dist/esm/gux-dropdown-multi.entry.js +1 -1
  160. package/dist/esm/gux-dropdown_3.entry.js +1 -1
  161. package/dist/esm/gux-file-list-item.entry.js +1 -1
  162. package/dist/esm/gux-flag-icon-beta.entry.js +1 -1
  163. package/dist/esm/gux-flyout-menu.entry.js +2 -2
  164. package/dist/esm/gux-form-field-checkbox-group-beta.entry.js +1 -1
  165. package/dist/esm/gux-form-field-checkbox.entry.js +2 -2
  166. package/dist/esm/gux-form-field-color.entry.js +1 -1
  167. package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
  168. package/dist/esm/gux-form-field-file-beta.entry.js +1 -1
  169. package/dist/esm/gux-form-field-file.entry.js +1 -1
  170. package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
  171. package/dist/esm/gux-form-field-label-indicator.entry.js +1 -1
  172. package/dist/esm/gux-form-field-number_2.entry.js +1 -1
  173. package/dist/esm/gux-form-field-phone.entry.js +1 -1
  174. package/dist/esm/gux-form-field-radio-group-beta.entry.js +1 -1
  175. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  176. package/dist/esm/gux-form-field-range.entry.js +1 -1
  177. package/dist/esm/gux-form-field-search.entry.js +1 -1
  178. package/dist/esm/gux-form-field-select.entry.js +1 -1
  179. package/dist/esm/gux-form-field-text-like.entry.js +1 -1
  180. package/dist/esm/gux-form-field-textarea.entry.js +1 -1
  181. package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
  182. package/dist/esm/gux-form-field-time-zone-picker.entry.js +1 -1
  183. package/dist/esm/gux-form-footer.entry.js +1 -1
  184. package/dist/esm/gux-icon-tooltip-beta.entry.js +1 -1
  185. package/dist/esm/gux-icon.entry.js +1 -1
  186. package/dist/esm/gux-inline-alert.entry.js +1 -1
  187. package/dist/esm/gux-inline-dropdown-beta.entry.js +1 -1
  188. package/dist/esm/gux-label-info-beta.entry.js +1 -1
  189. package/dist/esm/gux-link-beta.entry.js +1 -1
  190. package/dist/esm/gux-list.entry.js +1 -1
  191. package/dist/esm/gux-listbox-multi.entry.js +1 -1
  192. package/dist/esm/gux-loading-message.entry.js +1 -1
  193. package/dist/esm/gux-modal-legacy.entry.js +1 -1
  194. package/dist/esm/gux-modal-side-panel-beta.entry.js +3 -3
  195. package/dist/esm/gux-modal.entry.js +1 -1
  196. package/dist/esm/gux-month-picker-beta.entry.js +1 -1
  197. package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
  198. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  199. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  200. package/dist/esm/gux-pagination-legacy.entry.js +1 -1
  201. package/dist/esm/gux-pagination.entry.js +1 -1
  202. package/dist/esm/gux-phone-input-beta.entry.js +1 -1
  203. package/dist/esm/gux-popover-beta.entry.js +1 -1
  204. package/dist/esm/gux-popover-list-beta.entry.js +1 -1
  205. package/dist/esm/gux-popover-list.entry.js +1 -1
  206. package/dist/esm/gux-radial-loading.entry.js +1 -1
  207. package/dist/esm/gux-radial-progress.entry.js +1 -1
  208. package/dist/esm/gux-rating.entry.js +1 -1
  209. package/dist/esm/gux-rich-highlight-list-item.entry.js +1 -1
  210. package/dist/esm/gux-rich-style-list-item_3.entry.js +1 -1
  211. package/dist/esm/gux-rich-text-editor-action-link.entry.js +1 -1
  212. package/dist/esm/gux-rich-text-editor-action-rich-style.entry.js +1 -1
  213. package/dist/esm/gux-rich-text-editor-action-text-highlight.entry.js +1 -1
  214. package/dist/esm/gux-rich-text-editor-action.entry.js +1 -1
  215. package/dist/esm/gux-rich-text-editor-beta.entry.js +1 -1
  216. package/dist/esm/gux-rich-text-editor-list.entry.js +1 -1
  217. package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
  218. package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
  219. package/dist/esm/gux-selector-card-beta.entry.js +1 -1
  220. package/dist/esm/gux-selector-cards-beta.entry.js +1 -1
  221. package/dist/esm/gux-side-panel-beta.entry.js +1 -1
  222. package/dist/esm/gux-side-panel-heading.entry.js +1 -1
  223. package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
  224. package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
  225. package/dist/esm/gux-sort-control.entry.js +1 -1
  226. package/dist/esm/gux-status-indicator-beta.entry.js +1 -1
  227. package/dist/esm/gux-step-title.entry.js +1 -1
  228. package/dist/esm/gux-step.entry.js +1 -1
  229. package/dist/esm/gux-stepper-beta.entry.js +1 -1
  230. package/dist/esm/gux-switch-legacy.entry.js +1 -1
  231. package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
  232. package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
  233. package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
  234. package/dist/esm/gux-table-toolbar.entry.js +1 -1
  235. package/dist/esm/gux-table.entry.js +1 -1
  236. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  237. package/dist/esm/gux-tabs.entry.js +1 -1
  238. package/dist/esm/gux-tag.entry.js +1 -1
  239. package/dist/esm/gux-text-highlight.entry.js +1 -1
  240. package/dist/esm/gux-time-beta.entry.js +1 -1
  241. package/dist/esm/gux-time-picker.entry.js +1 -1
  242. package/dist/esm/gux-time-zone-beta.entry.js +1 -1
  243. package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
  244. package/dist/esm/gux-toast.entry.js +1 -1
  245. package/dist/esm/gux-toggle.entry.js +1 -1
  246. package/dist/esm/gux-tooltip-base-beta_2.entry.js +1 -1
  247. package/dist/esm/gux-tooltip-pointer-beta.entry.js +1 -1
  248. package/dist/esm/gux-tooltip_2.entry.js +1 -1
  249. package/dist/esm/{usage-rsnL2YCR.js → usage-D2Q7fj4V.js} +1 -1
  250. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  251. package/dist/genesys-webcomponents/{p-baed1c5d.entry.js → p-013c3975.entry.js} +1 -1
  252. package/dist/genesys-webcomponents/{p-55e1b1ae.entry.js → p-04162c8c.entry.js} +1 -1
  253. package/dist/genesys-webcomponents/{p-10b07f6a.entry.js → p-055af2eb.entry.js} +1 -1
  254. package/dist/genesys-webcomponents/{p-39843eef.entry.js → p-07d48e8e.entry.js} +1 -1
  255. package/dist/genesys-webcomponents/{p-c1590535.entry.js → p-07fc3c06.entry.js} +1 -1
  256. package/dist/genesys-webcomponents/{p-e7ecee02.entry.js → p-08ec9100.entry.js} +1 -1
  257. package/dist/genesys-webcomponents/{p-c49dabf8.entry.js → p-124e84c5.entry.js} +1 -1
  258. package/dist/genesys-webcomponents/{p-ec38448e.entry.js → p-15fd6d71.entry.js} +1 -1
  259. package/dist/genesys-webcomponents/{p-dc1c5097.entry.js → p-1786804e.entry.js} +1 -1
  260. package/dist/genesys-webcomponents/{p-da69c694.entry.js → p-1974f161.entry.js} +1 -1
  261. package/dist/genesys-webcomponents/{p-7252af5b.entry.js → p-1d203679.entry.js} +1 -1
  262. package/dist/genesys-webcomponents/{p-0b796668.entry.js → p-1d4e9ce7.entry.js} +1 -1
  263. package/dist/genesys-webcomponents/{p-4729767d.entry.js → p-1dc0154a.entry.js} +1 -1
  264. package/dist/genesys-webcomponents/p-1f568d73.entry.js +1 -0
  265. package/dist/genesys-webcomponents/{p-22dd46a0.entry.js → p-20e7b89c.entry.js} +1 -1
  266. package/dist/genesys-webcomponents/p-21d285a9.entry.js +1 -0
  267. package/dist/genesys-webcomponents/{p-6a6bc283.entry.js → p-22781eb2.entry.js} +1 -1
  268. package/dist/genesys-webcomponents/{p-23997bbd.entry.js → p-245e87ff.entry.js} +1 -1
  269. package/dist/genesys-webcomponents/{p-bb0841aa.entry.js → p-2790dfde.entry.js} +1 -1
  270. package/dist/genesys-webcomponents/{p-5ec757fd.entry.js → p-29501f5b.entry.js} +1 -1
  271. package/dist/genesys-webcomponents/{p-1e101d13.entry.js → p-2da7fac4.entry.js} +1 -1
  272. package/dist/genesys-webcomponents/{p-439e4d5f.entry.js → p-36344aa1.entry.js} +1 -1
  273. package/dist/genesys-webcomponents/{p-388c9c20.entry.js → p-3728cd88.entry.js} +1 -1
  274. package/dist/genesys-webcomponents/{p-47b59f7a.entry.js → p-37758fd0.entry.js} +1 -1
  275. package/dist/genesys-webcomponents/p-389c0468.entry.js +1 -0
  276. package/dist/genesys-webcomponents/{p-017549cf.entry.js → p-392ec8f0.entry.js} +1 -1
  277. package/dist/genesys-webcomponents/{p-f02727eb.entry.js → p-3b33e7df.entry.js} +1 -1
  278. package/dist/genesys-webcomponents/{p-8d5e1a98.entry.js → p-3eff24fe.entry.js} +1 -1
  279. package/dist/genesys-webcomponents/{p-38288751.entry.js → p-41e7b697.entry.js} +1 -1
  280. package/dist/genesys-webcomponents/{p-15b9b166.entry.js → p-43f26485.entry.js} +1 -1
  281. package/dist/genesys-webcomponents/{p-f3c2e95c.entry.js → p-44763036.entry.js} +1 -1
  282. package/dist/genesys-webcomponents/{p-46f59dc1.entry.js → p-4813acf3.entry.js} +1 -1
  283. package/dist/genesys-webcomponents/{p-733bf8f1.entry.js → p-49591633.entry.js} +1 -1
  284. package/dist/genesys-webcomponents/{p-8b5c7f45.entry.js → p-4bcce219.entry.js} +1 -1
  285. package/dist/genesys-webcomponents/{p-63656702.entry.js → p-4bd6ca43.entry.js} +1 -1
  286. package/dist/genesys-webcomponents/{p-a62d7441.entry.js → p-4d22fd54.entry.js} +1 -1
  287. package/dist/genesys-webcomponents/p-50f33f04.entry.js +1 -0
  288. package/dist/genesys-webcomponents/{p-3ec38785.entry.js → p-516214cf.entry.js} +1 -1
  289. package/dist/genesys-webcomponents/{p-dca4eff2.entry.js → p-52d07fc2.entry.js} +1 -1
  290. package/dist/genesys-webcomponents/{p-c1b54e24.entry.js → p-53b43fb0.entry.js} +1 -1
  291. package/dist/genesys-webcomponents/p-5443c1c9.entry.js +1 -0
  292. package/dist/genesys-webcomponents/{p-6c0ef6e4.entry.js → p-56400ed4.entry.js} +1 -1
  293. package/dist/genesys-webcomponents/{p-4852b188.entry.js → p-56b6826f.entry.js} +1 -1
  294. package/dist/genesys-webcomponents/p-571bcd1a.entry.js +1 -0
  295. package/dist/genesys-webcomponents/{p-fa03db58.entry.js → p-58c4ff71.entry.js} +1 -1
  296. package/dist/genesys-webcomponents/{p-fb033aaa.entry.js → p-5c52bd55.entry.js} +1 -1
  297. package/dist/genesys-webcomponents/{p-37e487ab.entry.js → p-5d2023d0.entry.js} +1 -1
  298. package/dist/genesys-webcomponents/{p-08542200.entry.js → p-6118e19c.entry.js} +1 -1
  299. package/dist/genesys-webcomponents/{p-9ffbb3b6.entry.js → p-619db5fd.entry.js} +1 -1
  300. package/dist/genesys-webcomponents/{p-2d452f1e.entry.js → p-63ddc761.entry.js} +1 -1
  301. package/dist/genesys-webcomponents/{p-c9463481.entry.js → p-696f7f18.entry.js} +1 -1
  302. package/dist/genesys-webcomponents/{p-61e948a7.entry.js → p-6f4287e6.entry.js} +1 -1
  303. package/dist/genesys-webcomponents/{p-e3c11d46.entry.js → p-725de0a6.entry.js} +1 -1
  304. package/dist/genesys-webcomponents/{p-e856f4e1.entry.js → p-76bc028d.entry.js} +1 -1
  305. package/dist/genesys-webcomponents/{p-064975c7.entry.js → p-7807bbcb.entry.js} +1 -1
  306. package/dist/genesys-webcomponents/{p-ad0febcd.entry.js → p-7b543652.entry.js} +1 -1
  307. package/dist/genesys-webcomponents/{p-aebf5ab1.entry.js → p-7bb11dd8.entry.js} +1 -1
  308. package/dist/genesys-webcomponents/{p-af87605c.entry.js → p-7cf8642a.entry.js} +1 -1
  309. package/dist/genesys-webcomponents/{p-1665eb36.entry.js → p-7d240c71.entry.js} +1 -1
  310. package/dist/genesys-webcomponents/{p-1603f6e3.entry.js → p-7e50cc77.entry.js} +1 -1
  311. package/dist/genesys-webcomponents/{p-a32688b3.entry.js → p-82dede57.entry.js} +1 -1
  312. package/dist/genesys-webcomponents/{p-45285c99.entry.js → p-84734d9c.entry.js} +1 -1
  313. package/dist/genesys-webcomponents/{p-28b5d7ca.entry.js → p-8528703c.entry.js} +1 -1
  314. package/dist/genesys-webcomponents/{p-abc4f126.entry.js → p-863d2d05.entry.js} +1 -1
  315. package/dist/genesys-webcomponents/{p-bf21f66b.entry.js → p-88188d8b.entry.js} +1 -1
  316. package/dist/genesys-webcomponents/p-8a219b43.entry.js +1 -0
  317. package/dist/genesys-webcomponents/p-8d1c5347.entry.js +1 -0
  318. package/dist/genesys-webcomponents/{p-3627e604.entry.js → p-9021e22d.entry.js} +1 -1
  319. package/dist/genesys-webcomponents/{p-616f7d47.entry.js → p-91483f11.entry.js} +1 -1
  320. package/dist/genesys-webcomponents/{p-6345956f.entry.js → p-91e2b7b6.entry.js} +1 -1
  321. package/dist/genesys-webcomponents/{p-b429a2a5.entry.js → p-94a942fd.entry.js} +1 -1
  322. package/dist/genesys-webcomponents/{p-36b19b60.entry.js → p-950bd951.entry.js} +1 -1
  323. package/dist/genesys-webcomponents/{p-a8975c01.entry.js → p-96ee0d65.entry.js} +1 -1
  324. package/dist/genesys-webcomponents/{p-95374cca.entry.js → p-986b95af.entry.js} +1 -1
  325. package/dist/genesys-webcomponents/{p-rsnL2YCR.js → p-D2Q7fj4V.js} +1 -1
  326. package/dist/genesys-webcomponents/{p-aaa76012.entry.js → p-a3734953.entry.js} +1 -1
  327. package/dist/genesys-webcomponents/p-a3a04d12.entry.js +1 -0
  328. package/dist/genesys-webcomponents/{p-7c9d2b1c.entry.js → p-a5428169.entry.js} +1 -1
  329. package/dist/genesys-webcomponents/{p-6debafe7.entry.js → p-a8e28ec9.entry.js} +1 -1
  330. package/dist/genesys-webcomponents/{p-1c638cd3.entry.js → p-a98ea14e.entry.js} +1 -1
  331. package/dist/genesys-webcomponents/{p-8ce1e49a.entry.js → p-ab402d8c.entry.js} +1 -1
  332. package/dist/genesys-webcomponents/{p-aa3d71c7.entry.js → p-ab6671fa.entry.js} +1 -1
  333. package/dist/genesys-webcomponents/{p-e9b8dbcf.entry.js → p-acc470f8.entry.js} +1 -1
  334. package/dist/genesys-webcomponents/{p-ccd645b7.entry.js → p-af94606e.entry.js} +1 -1
  335. package/dist/genesys-webcomponents/{p-f4a294e3.entry.js → p-b088a46c.entry.js} +1 -1
  336. package/dist/genesys-webcomponents/{p-759dc080.entry.js → p-b212dad4.entry.js} +1 -1
  337. package/dist/genesys-webcomponents/{p-3400c48e.entry.js → p-b31207f9.entry.js} +1 -1
  338. package/dist/genesys-webcomponents/{p-47432ecf.entry.js → p-b3d17289.entry.js} +1 -1
  339. package/dist/genesys-webcomponents/{p-06d78a98.entry.js → p-b3e53f00.entry.js} +1 -1
  340. package/dist/genesys-webcomponents/{p-b42d58a0.entry.js → p-b50d3d1e.entry.js} +1 -1
  341. package/dist/genesys-webcomponents/{p-1e180e7c.entry.js → p-b613ee7b.entry.js} +1 -1
  342. package/dist/genesys-webcomponents/{p-ed9753ee.entry.js → p-b8b5f383.entry.js} +1 -1
  343. package/dist/genesys-webcomponents/{p-91af29dc.entry.js → p-bb50ff03.entry.js} +1 -1
  344. package/dist/genesys-webcomponents/{p-3505cc85.entry.js → p-c21d11d8.entry.js} +1 -1
  345. package/dist/genesys-webcomponents/{p-0c3be32e.entry.js → p-c65f3348.entry.js} +1 -1
  346. package/dist/genesys-webcomponents/{p-bf3e46c8.entry.js → p-c6f33476.entry.js} +1 -1
  347. package/dist/genesys-webcomponents/{p-4de37800.entry.js → p-ccb8dfe0.entry.js} +1 -1
  348. package/dist/genesys-webcomponents/{p-89a36f21.entry.js → p-d15b6b52.entry.js} +1 -1
  349. package/dist/genesys-webcomponents/{p-bcc0720b.entry.js → p-d4b92d29.entry.js} +1 -1
  350. package/dist/genesys-webcomponents/{p-c39fb82b.entry.js → p-d5cae934.entry.js} +1 -1
  351. package/dist/genesys-webcomponents/{p-240b73a0.entry.js → p-d9beeb95.entry.js} +1 -1
  352. package/dist/genesys-webcomponents/{p-18e0d93d.entry.js → p-da9b596c.entry.js} +1 -1
  353. package/dist/genesys-webcomponents/{p-ea2e1ec7.entry.js → p-dbd45a12.entry.js} +1 -1
  354. package/dist/genesys-webcomponents/{p-7ca4b572.entry.js → p-e5397b68.entry.js} +1 -1
  355. package/dist/genesys-webcomponents/{p-99aafcbe.entry.js → p-e69913cc.entry.js} +1 -1
  356. package/dist/genesys-webcomponents/{p-34a64aa8.entry.js → p-e9e29069.entry.js} +1 -1
  357. package/dist/genesys-webcomponents/{p-1649f772.entry.js → p-eee40f62.entry.js} +1 -1
  358. package/dist/genesys-webcomponents/{p-7ada3bc3.entry.js → p-efecbb04.entry.js} +1 -1
  359. package/dist/genesys-webcomponents/{p-dda7fa21.entry.js → p-f0764d95.entry.js} +1 -1
  360. package/dist/genesys-webcomponents/{p-9c15d847.entry.js → p-f09ec969.entry.js} +1 -1
  361. package/dist/genesys-webcomponents/{p-163cbbc4.entry.js → p-f0b1c07e.entry.js} +1 -1
  362. package/dist/genesys-webcomponents/{p-c680c513.entry.js → p-f62d2bd6.entry.js} +1 -1
  363. package/dist/genesys-webcomponents/{p-6997dc73.entry.js → p-f656597d.entry.js} +1 -1
  364. package/dist/genesys-webcomponents/{p-eef7d9e8.entry.js → p-f78b2f67.entry.js} +1 -1
  365. package/dist/genesys-webcomponents/{p-dfb46e71.entry.js → p-f857cfa3.entry.js} +1 -1
  366. package/dist/genesys-webcomponents/{p-a09273e2.entry.js → p-f95f5570.entry.js} +1 -1
  367. package/dist/genesys-webcomponents/{p-8f4d96fb.entry.js → p-fac5c224.entry.js} +1 -1
  368. package/dist/genesys-webcomponents/{p-a2240bfa.entry.js → p-fc4142ed.entry.js} +1 -1
  369. package/dist/stencil-wrapper.js +1 -1
  370. package/dist/types/components/beta/gux-avatar-group/gux-avatar-overflow/tests/gux-avatar-overflow.common.d.ts +4 -0
  371. package/dist/types/components/beta/gux-avatar-group/tests/gux-avatar-group.common.d.ts +4 -0
  372. package/dist/types/components/beta/gux-side-panel/tests/gux-side-panel.common.d.ts +4 -0
  373. package/dist/types/components/stable/gux-form-field/components/gux-form-field-checkbox/tests/gux-form-field-checkbox.common.d.ts +3 -0
  374. package/dist/types/components/stable/gux-form-field/components/gux-form-field-checkbox-group/tests/gux-form-field-checkbox-group.common.d.ts +3 -0
  375. package/dist/types/components/stable/gux-form-field/components/gux-form-field-color/tests/gux-form-field-color.common.d.ts +4 -0
  376. package/dist/types/stencil-wrapper.d.ts +1 -1
  377. package/dist/types/test/playwrightTestUtils.d.ts +2 -0
  378. package/package.json +2 -1
  379. package/dist/genesys-webcomponents/p-19f10139.entry.js +0 -1
  380. package/dist/genesys-webcomponents/p-21a957d9.entry.js +0 -1
  381. package/dist/genesys-webcomponents/p-343d03c0.entry.js +0 -1
  382. package/dist/genesys-webcomponents/p-48fecd4e.entry.js +0 -1
  383. package/dist/genesys-webcomponents/p-558d0919.entry.js +0 -1
  384. package/dist/genesys-webcomponents/p-60399d0b.entry.js +0 -1
  385. package/dist/genesys-webcomponents/p-8a61747e.entry.js +0 -1
  386. package/dist/genesys-webcomponents/p-c66eed1f.entry.js +0 -1
  387. package/dist/genesys-webcomponents/p-f8b41805.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as t,h as o,a as e}from"./p-xFL2agjT.js";import{t as i}from"./p-rsnL2YCR.js";import{g as a}from"./p-MAoEg4ig.js";const r=class{constructor(o){t(this,o),this.placement="right"}componentWillLoad(){i(this.root)}async showTooltip(){return await this.tooltip.showTooltip()}async hideTooltip(){return await this.tooltip.hideTooltip()}render(){return o("div",{key:"1d7c4cd8f3a16245f010ec66dd975c97234b01ac",class:"gux-icon-tooltip"},o("gux-screen-reader-beta",{key:"d6fef5089af4f967c9df31d2732c65d160604beb"},o("slot",{key:"6867e45124f6031a25a5b3c8725642773871a39e",name:"content"})),o("gux-icon",{key:"ead0d91cb12c90697046d89c114206020d4d685c","icon-name":this.iconName,size:"small",decorative:!0}),o("gux-tooltip-beta",{key:"49cabba6e05798ee7720dd085b6686f669ab59be",placement:this.placement,ref:t=>this.tooltip=t},o("div",{key:"439b5a9da00fa5cd885dac7c51238c3f8ee5c72e",slot:"content"},a(this.root,"content"))))}get root(){return e(this)}};r.style=".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";export{r as gux_icon_tooltip_beta}
1
+ import{r as t,h as o,a as e}from"./p-xFL2agjT.js";import{t as i}from"./p-D2Q7fj4V.js";import{g as a}from"./p-MAoEg4ig.js";const r=class{constructor(o){t(this,o),this.placement="right"}componentWillLoad(){i(this.root)}async showTooltip(){return await this.tooltip.showTooltip()}async hideTooltip(){return await this.tooltip.hideTooltip()}render(){return o("div",{key:"1d7c4cd8f3a16245f010ec66dd975c97234b01ac",class:"gux-icon-tooltip"},o("gux-screen-reader-beta",{key:"d6fef5089af4f967c9df31d2732c65d160604beb"},o("slot",{key:"6867e45124f6031a25a5b3c8725642773871a39e",name:"content"})),o("gux-icon",{key:"ead0d91cb12c90697046d89c114206020d4d685c","icon-name":this.iconName,size:"small",decorative:!0}),o("gux-tooltip-beta",{key:"49cabba6e05798ee7720dd085b6686f669ab59be",placement:this.placement,ref:t=>this.tooltip=t},o("div",{key:"439b5a9da00fa5cd885dac7c51238c3f8ee5c72e",slot:"content"},a(this.root,"content"))))}get root(){return e(this)}};r.style=".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";export{r as gux_icon_tooltip_beta}
@@ -1 +1 @@
1
- import{r as e,h as i,a}from"./p-xFL2agjT.js";import{t}from"./p-rsnL2YCR.js";const s=class{constructor(i){e(this,i),this.level=1}componentWillLoad(){t(this.root),this.headingTag=`h${this.level}`}render(){return i(this.headingTag,{key:"e541b6cece24122f1129d9991a21f181c50d5c10"},this.iconName&&i("gux-icon",{key:"d1fa01f7b0bd0c3ef624732c00706054c36e2031",decorative:!0,size:"medium","icon-name":this.iconName}),i("gux-truncate",{key:"bd0d23e52850a7f7cdd75e7029d29ad1bc61f1af"},i("slot",{key:"723db6a92fc63ae8b5a46fcc732d43c2c7d79a86"})))}get root(){return a(this)}};s.style=":host{display:block}h1,h2,h3,h4,h5,h6{display:flex;flex:0 0 auto;gap:var(--gse-ui-sidePanel-header-iconGap);align-items:center;inline-size:100%;padding:0;margin:0;font-family:var(--gse-ui-sidePanel-heading-text-fontFamily);font-size:var(--gse-ui-sidePanel-heading-text-fontSize);font-weight:var(--gse-ui-sidePanel-heading-text-fontWeight);line-height:var(--gse-ui-sidePanel-heading-text-lineHeight);color:var(--gse-ui-sidePanel-headerColor)}";export{s as gux_side_panel_heading}
1
+ import{r as e,h as i,a}from"./p-xFL2agjT.js";import{t}from"./p-D2Q7fj4V.js";const s=class{constructor(i){e(this,i),this.level=1}componentWillLoad(){t(this.root),this.headingTag=`h${this.level}`}render(){return i(this.headingTag,{key:"e541b6cece24122f1129d9991a21f181c50d5c10"},this.iconName&&i("gux-icon",{key:"d1fa01f7b0bd0c3ef624732c00706054c36e2031",decorative:!0,size:"medium","icon-name":this.iconName}),i("gux-truncate",{key:"bd0d23e52850a7f7cdd75e7029d29ad1bc61f1af"},i("slot",{key:"723db6a92fc63ae8b5a46fcc732d43c2c7d79a86"})))}get root(){return a(this)}};s.style=":host{display:block}h1,h2,h3,h4,h5,h6{display:flex;flex:0 0 auto;gap:var(--gse-ui-sidePanel-header-iconGap);align-items:center;inline-size:100%;padding:0;margin:0;font-family:var(--gse-ui-sidePanel-heading-text-fontFamily);font-size:var(--gse-ui-sidePanel-heading-text-fontSize);font-weight:var(--gse-ui-sidePanel-heading-text-fontWeight);line-height:var(--gse-ui-sidePanel-heading-text-lineHeight);color:var(--gse-ui-sidePanel-headerColor)}";export{s as gux_side_panel_heading}
@@ -1 +1 @@
1
- import{r as o,h as t,a as e,c as r}from"./p-xFL2agjT.js";import{t as i}from"./p-rsnL2YCR.js";import{r as n}from"./p-D9jKBqIb.js";import{a,c as s,o as u,f as d,s as l,b as c}from"./p-C_pVuars.js";import{O as g}from"./p-ppdsZH4h.js";import{g as b}from"./p-BBpQG81s.js";import{f as h}from"./p-Cr5bTKWF.js";const p=class{constructor(t){o(this,t),this.buttonId=n("button"),this.type="button",this.disabled=!1,this.accent="secondary",this.autofocus=!1}connectedCallback(){this.slotChanged()}componentWillLoad(){i(this.root,{variant:this.accent})}render(){return[t("button",{key:"24dbbdfe3e039dea0cbdc2d452cb0cf5da7f9d9b",id:this.buttonId,type:this.type,disabled:this.disabled,class:{[`gux-${this.accent}`]:!0,"gux-icon-only":this.iconOnly},"aria-label":this.guxTitle,autofocus:this.autofocus},t("slot",{key:"3cdf6222d210ad14536037885d5d6b54f684a209",onSlotchange:this.slotChanged.bind(this)})),this.renderTooltip()]}renderTooltip(){return this.guxTitle?t("gux-tooltip-beta",{for:this.buttonId,visualOnly:!0},t("div",{slot:"content"},this.guxTitle)):""}stopEventIfDisabled(o){this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())}makeSlotContentDisableable(){this.root.shadowRoot.addEventListener("click",(o=>this.stopEventIfDisabled(o))),Array.from(this.root.children).forEach((o=>{o.addEventListener("click",(o=>this.stopEventIfDisabled(o)))}))}hasIconOnly(){const o=Array.from(this.root.children);if(1===o.length){if("GUX-ICON"===o[0].tagName)return!0}else if(2===o.length&&"GUX-ICON"===o[0].tagName&&["GUX-TOOLTIP","GUX-TOOLTIP-BETA"].includes(o[1].tagName))return!0;return!1}slotChanged(){this.makeSlotContentDisableable(),this.iconOnly=this.hasIconOnly()}static get delegatesFocus(){return!0}get root(){return e(this)}};p.style=":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}::slotted(*){padding-inline-start:var(--gse-ui-button-gap);vertical-align:middle}::slotted(gux-tooltip),::slotted(gux-tooltip-beta){padding-inline-start:0}::slotted(*:first-child){padding:0}button{font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}button.gux-icon-only{display:inline-flex;padding:var(--gse-ui-button-default-paddingIconOnly)}button[disabled]{pointer-events:none;cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}button:hover:enabled{color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}button:active:enabled{color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}button:focus-visible:enabled{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button.gux-primary{color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}button.gux-primary:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}button.gux-primary:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}button.gux-tertiary{color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width);}button.gux-tertiary.gux-icon-only{padding:calc(var(--gse-ui-button-default-paddingIconOnly) - var(--gse-ui-button-tertiary-default-border-width))}button.gux-tertiary:hover:enabled{color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}button.gux-tertiary:active:enabled{color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}button.gux-ghost{color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}button.gux-ghost:hover:enabled{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button.gux-ghost:active:enabled{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button.gux-danger{color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}button.gux-danger:hover:enabled{color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}button.gux-danger:active:enabled{color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}button.gux-inline{min-inline-size:initial;block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none;border-radius:0}button.gux-inline[disabled]{color:var(--gse-ui-links-disabled-foregroundColor)}button.gux-inline:hover:enabled{color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}button.gux-inline:active:enabled{color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";var v=function(o,t,e,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(o,t,e,r);else for(var s=o.length-1;s>=0;s--)(i=o[s])&&(a=(n<3?i(a):n>3?i(t,e,a):i(t,e))||a);return n>3&&a&&Object.defineProperty(t,e,a),a};const f=class{constructor(t){o(this,t),this.guxdismiss=r(this,"guxdismiss",7),this.position="bottom",this.displayDismissButton=!1,this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(o){"Escape"===o.key&&this.dismiss()}onFocusout(o){!this.closeOnClickOutside&&this.displayDismissButton||o.relatedTarget&&!this.root.contains(o.relatedTarget)&&this.dismiss()}checkForClickOutside(o){const t=o.composedPath(),e=h(this.root,this.for),r=t.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||r||this.dismiss()}get titleSlot(){return b(this.root,"title")}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.root.isConnected?this.cleanupUpdatePosition=a(h(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const o=h(this.root,this.for);this.popupElement&&o&&s(o,this.popupElement,{placement:this.position,middleware:[u(7),d(),l(),c({element:this.arrowElement,padding:16})]}).then((({x:o,y:t,middlewareData:e,placement:r})=>{Object.assign(this.popupElement.style,{left:`${o}px`,top:`${t}px`});const i=r.split("-")[0],n={top:"bottom",right:"left",bottom:"top",left:"right"}[i],a={top:0,right:90,bottom:180,left:-90}[i],s="left"===i||"right"===i?15:13;if(e.arrow){let o=e.arrow.x;const t=e.arrow.y;"left"!==i&&"right"!==i||(o+=4),this.popupElement.setAttribute("data-placement",r),Object.assign(this.arrowElement.style,{left:null!=o?`${o}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[n]:-s+"px",transform:`rotate(${a}deg)`})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){i(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 t("div",{key:"730abc38bc068191d7175c475c3cfd90b3dd8430",ref:o=>this.popupElement=o,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},t("div",{key:"f573bffb8b613acc514f0e4e8fc3951cc0dbd4bb",ref:o=>this.arrowElement=o,class:"gux-arrow"},t("div",{key:"f7fa19d404a448f74df9c8b3aa1242d66a4b2bd7",class:"gux-arrow-caret"})),this.displayDismissButton&&t("gux-dismiss-button",{key:"f2633862aabf426f9d0fb6d8e7c26afbdda68ab0",onClick:this.dismiss.bind(this)}),t("div",{key:"00950cd98bcf069ecb8803c01d26d7c687384b8c",class:{"gux-popover-header":Boolean(this.titleSlot)}},t("slot",{key:"0c04f3ed0bba57e277828d00efd67c8b18116147",name:"title"})),t("div",{key:"44ffbca5f03bbceaf3ed6a01f69d86d47796e108",class:"gux-popover-content"},t("slot",{key:"f21c6292416f5c1368eeccda576cbaf4600138cb"})))}get root(){return e(this)}};v([g({triggerEvents:"mousedown"})],f.prototype,"checkForClickOutside",null),v([function(){let o=!1,t=null;return(e,r,i)=>{const n=i.value;i.value=function(...e){o||(n.apply(this,e),o=!0,clearTimeout(t),t=setTimeout((()=>{o=!1}),100))}}}()],f.prototype,"dismiss",null),f.style=".gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:var(--gse-ui-popover-padding);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end: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:var(--gse-ui-popover-headerColor)}";export{p as gux_button,f as gux_popover}
1
+ import{r as o,h as t,a as e,c as r}from"./p-xFL2agjT.js";import{t as i}from"./p-D2Q7fj4V.js";import{r as n}from"./p-D9jKBqIb.js";import{a,c as s,o as u,f as d,s as l,b as c}from"./p-C_pVuars.js";import{O as g}from"./p-ppdsZH4h.js";import{g as b}from"./p-BBpQG81s.js";import{f as h}from"./p-Cr5bTKWF.js";const p=class{constructor(t){o(this,t),this.buttonId=n("button"),this.type="button",this.disabled=!1,this.accent="secondary",this.autofocus=!1}connectedCallback(){this.slotChanged()}componentWillLoad(){i(this.root,{variant:this.accent})}render(){return[t("button",{key:"24dbbdfe3e039dea0cbdc2d452cb0cf5da7f9d9b",id:this.buttonId,type:this.type,disabled:this.disabled,class:{[`gux-${this.accent}`]:!0,"gux-icon-only":this.iconOnly},"aria-label":this.guxTitle,autofocus:this.autofocus},t("slot",{key:"3cdf6222d210ad14536037885d5d6b54f684a209",onSlotchange:this.slotChanged.bind(this)})),this.renderTooltip()]}renderTooltip(){return this.guxTitle?t("gux-tooltip-beta",{for:this.buttonId,visualOnly:!0},t("div",{slot:"content"},this.guxTitle)):""}stopEventIfDisabled(o){this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())}makeSlotContentDisableable(){this.root.shadowRoot.addEventListener("click",(o=>this.stopEventIfDisabled(o))),Array.from(this.root.children).forEach((o=>{o.addEventListener("click",(o=>this.stopEventIfDisabled(o)))}))}hasIconOnly(){const o=Array.from(this.root.children);if(1===o.length){if("GUX-ICON"===o[0].tagName)return!0}else if(2===o.length&&"GUX-ICON"===o[0].tagName&&["GUX-TOOLTIP","GUX-TOOLTIP-BETA"].includes(o[1].tagName))return!0;return!1}slotChanged(){this.makeSlotContentDisableable(),this.iconOnly=this.hasIconOnly()}static get delegatesFocus(){return!0}get root(){return e(this)}};p.style=":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}::slotted(*){padding-inline-start:var(--gse-ui-button-gap);vertical-align:middle}::slotted(gux-tooltip),::slotted(gux-tooltip-beta){padding-inline-start:0}::slotted(*:first-child){padding:0}button{font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}button.gux-icon-only{display:inline-flex;padding:var(--gse-ui-button-default-paddingIconOnly)}button[disabled]{pointer-events:none;cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}button:hover:enabled{color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}button:active:enabled{color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}button:focus-visible:enabled{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button.gux-primary{color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}button.gux-primary:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}button.gux-primary:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}button.gux-tertiary{color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width);}button.gux-tertiary.gux-icon-only{padding:calc(var(--gse-ui-button-default-paddingIconOnly) - var(--gse-ui-button-tertiary-default-border-width))}button.gux-tertiary:hover:enabled{color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}button.gux-tertiary:active:enabled{color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}button.gux-ghost{color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}button.gux-ghost:hover:enabled{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button.gux-ghost:active:enabled{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button.gux-danger{color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}button.gux-danger:hover:enabled{color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}button.gux-danger:active:enabled{color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}button.gux-inline{min-inline-size:initial;block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none;border-radius:0}button.gux-inline[disabled]{color:var(--gse-ui-links-disabled-foregroundColor)}button.gux-inline:hover:enabled{color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}button.gux-inline:active:enabled{color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";var v=function(o,t,e,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(o,t,e,r);else for(var s=o.length-1;s>=0;s--)(i=o[s])&&(a=(n<3?i(a):n>3?i(t,e,a):i(t,e))||a);return n>3&&a&&Object.defineProperty(t,e,a),a};const f=class{constructor(t){o(this,t),this.guxdismiss=r(this,"guxdismiss",7),this.position="bottom",this.displayDismissButton=!1,this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(o){"Escape"===o.key&&this.dismiss()}onFocusout(o){!this.closeOnClickOutside&&this.displayDismissButton||o.relatedTarget&&!this.root.contains(o.relatedTarget)&&this.dismiss()}checkForClickOutside(o){const t=o.composedPath(),e=h(this.root,this.for),r=t.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||r||this.dismiss()}get titleSlot(){return b(this.root,"title")}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.root.isConnected?this.cleanupUpdatePosition=a(h(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const o=h(this.root,this.for);this.popupElement&&o&&s(o,this.popupElement,{placement:this.position,middleware:[u(7),d(),l(),c({element:this.arrowElement,padding:16})]}).then((({x:o,y:t,middlewareData:e,placement:r})=>{Object.assign(this.popupElement.style,{left:`${o}px`,top:`${t}px`});const i=r.split("-")[0],n={top:"bottom",right:"left",bottom:"top",left:"right"}[i],a={top:0,right:90,bottom:180,left:-90}[i],s="left"===i||"right"===i?15:12;if(e.arrow){let o=e.arrow.x;const t=e.arrow.y;"left"!==i&&"right"!==i||(o+=4),this.popupElement.setAttribute("data-placement",r),Object.assign(this.arrowElement.style,{left:null!=o?`${o}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[n]:-s+"px",transform:`rotate(${a}deg)`})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){i(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 t("div",{key:"730abc38bc068191d7175c475c3cfd90b3dd8430",ref:o=>this.popupElement=o,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},t("div",{key:"f573bffb8b613acc514f0e4e8fc3951cc0dbd4bb",ref:o=>this.arrowElement=o,class:"gux-arrow"},t("div",{key:"f7fa19d404a448f74df9c8b3aa1242d66a4b2bd7",class:"gux-arrow-caret"})),this.displayDismissButton&&t("gux-dismiss-button",{key:"f2633862aabf426f9d0fb6d8e7c26afbdda68ab0",onClick:this.dismiss.bind(this)}),t("div",{key:"00950cd98bcf069ecb8803c01d26d7c687384b8c",class:{"gux-popover-header":Boolean(this.titleSlot)}},t("slot",{key:"0c04f3ed0bba57e277828d00efd67c8b18116147",name:"title"})),t("div",{key:"44ffbca5f03bbceaf3ed6a01f69d86d47796e108",class:"gux-popover-content"},t("slot",{key:"f21c6292416f5c1368eeccda576cbaf4600138cb"})))}get root(){return e(this)}};v([g({triggerEvents:"mousedown"})],f.prototype,"checkForClickOutside",null),v([function(){let o=!1,t=null;return(e,r,i)=>{const n=i.value;i.value=function(...e){o||(n.apply(this,e),o=!0,clearTimeout(t),t=setTimeout((()=>{o=!1}),100))}}}()],f.prototype,"dismiss",null),f.style=".gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:var(--gse-ui-popover-padding);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end: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:var(--gse-ui-popover-headerColor)}";export{p as gux_button,f as gux_popover}
@@ -1 +1 @@
1
- import{r as t,c as o,h as a,a as s}from"./p-xFL2agjT.js";import{t as i}from"./p-rsnL2YCR.js";import{h as e}from"./p-qzV3vtOw.js";import{l as r}from"./p-DxtJDeL9.js";const n=class{constructor(a){t(this,a),this.guxdismiss=o(this,"guxdismiss",7),this.toastType="success",this.hasLink=!1,this.hasPrimaryButton=!1,this.hasSecondaryButton=!1}componentWillLoad(){i(this.root,{variant:this.toastType}),this.hasPrimaryButton=e(this.root,"primary-button"),this.hasSecondaryButton=e(this.root,"secondary-button"),this.hasLink=e(this.root,"link")}componentDidLoad(){this.checkAriaLive()}checkAriaLive(){let t=this.root.parentElement;for(;t;){if(t.hasAttribute("aria-live"))return;t=t.parentElement}r(this.root,"gux-toast must have a parent element with an `aria-live` attribute")}renderToastIcon(){switch(this.toastType){case"success":return a("gux-icon",{"icon-name":"fa/circle-check-solid",decorative:!0});case"warning":return a("gux-icon",{"icon-name":"fa/triangle-exclamation-solid",decorative:!0});case"error":return a("gux-icon",{"icon-name":"fa/hexagon-exclamation-solid",decorative:!0});case"info":return a("gux-icon",{"icon-name":"fa/circle-info-solid",decorative:!0});case"action":return a("slot",{name:"icon"})}}renderLink(){return a("div",{class:"gux-buttons-bar"},a("gux-link-beta",{standalone:!0},a("slot",{name:"link"})))}renderActions(){return a("gux-cta-group",{class:"gux-buttons-bar",align:"end"},this.hasSecondaryButton&&a("gux-button-slot",{slot:"secondary"},a("slot",{name:"secondary-button"})),a("gux-button-slot",{slot:"primary"},a("slot",{name:"primary-button"})))}render(){return a("div",{key:"6e7d8b1d5d1d68d4034c264f3c057c11c1cca6ad",class:`gux-toast gux-toast-${this.toastType}`},a("div",{key:"af29dbf19d6c7d171b86a80bf43590be55e292d8",class:`gux-icon gux-icon-${this.toastType}`},this.renderToastIcon()),a("div",{key:"175de88a6cc456281551d99a3a613610d7db9ec1",class:"gux-content"},a("div",{key:"5fc3473349740b8fe677dc1f23855d3d2bc10d4f",class:"gux-message"},a("gux-truncate",{key:"a4daefa59e56363cb3caa6f2353a4da3e67d32e7",class:"gux-message-title","max-lines":1},a("slot",{key:"d63b036e3583941c40067d9a59e03fe39554eedf",name:"title"})),a("gux-truncate",{key:"a4182c156a78d13ce54b318aafa8a993a78f0cf7",class:"gux-message-body","max-lines":2},a("slot",{key:"65a1b44e44a67194076ddfb98a3926260a147994",name:"message"}))),"action"!==this.toastType&&this.hasLink&&this.renderLink(),"action"===this.toastType&&this.hasPrimaryButton&&this.renderActions()),a("gux-dismiss-button",{key:"bcaaf5b483d5117558163fdfdda9f10c62d10df5",position:"inherit",onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(t){t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return s(this)}};n.style=".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;inline-size:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-block-end:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow)}.gux-toast .gux-icon ::slotted(gux-icon){inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight);word-break:break-all}.gux-toast .gux-content .gux-buttons-bar{inline-size:100%}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{display:grid;grid-template-rows:1fr;grid-template-columns:var(--gse-ui-icon-medium-size) 1fr var(--gse-ui-button-dismiss-medium-width);background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-content{grid-row:1/2;grid-column:2/4}.gux-toast.gux-toast-action .gux-icon{grid-row:1/2;grid-column:1/2}.gux-toast.gux-toast-action gux-dismiss-button{grid-row:1/2;grid-column:3/4}.gux-toast.gux-toast-action .gux-message{inline-size:var(--gse-ui-toast-messageWidth);color:var(--gse-ui-toast-action-foregroundColor)}";export{n as gux_toast}
1
+ import{r as t,c as o,h as a,a as s}from"./p-xFL2agjT.js";import{t as i}from"./p-D2Q7fj4V.js";import{h as e}from"./p-qzV3vtOw.js";import{l as r}from"./p-DxtJDeL9.js";const n=class{constructor(a){t(this,a),this.guxdismiss=o(this,"guxdismiss",7),this.toastType="success",this.hasLink=!1,this.hasPrimaryButton=!1,this.hasSecondaryButton=!1}componentWillLoad(){i(this.root,{variant:this.toastType}),this.hasPrimaryButton=e(this.root,"primary-button"),this.hasSecondaryButton=e(this.root,"secondary-button"),this.hasLink=e(this.root,"link")}componentDidLoad(){this.checkAriaLive()}checkAriaLive(){let t=this.root.parentElement;for(;t;){if(t.hasAttribute("aria-live"))return;t=t.parentElement}r(this.root,"gux-toast must have a parent element with an `aria-live` attribute")}renderToastIcon(){switch(this.toastType){case"success":return a("gux-icon",{"icon-name":"fa/circle-check-solid",decorative:!0});case"warning":return a("gux-icon",{"icon-name":"fa/triangle-exclamation-solid",decorative:!0});case"error":return a("gux-icon",{"icon-name":"fa/hexagon-exclamation-solid",decorative:!0});case"info":return a("gux-icon",{"icon-name":"fa/circle-info-solid",decorative:!0});case"action":return a("slot",{name:"icon"})}}renderLink(){return a("div",{class:"gux-buttons-bar"},a("gux-link-beta",{standalone:!0},a("slot",{name:"link"})))}renderActions(){return a("gux-cta-group",{class:"gux-buttons-bar",align:"end"},this.hasSecondaryButton&&a("gux-button-slot",{slot:"secondary"},a("slot",{name:"secondary-button"})),a("gux-button-slot",{slot:"primary"},a("slot",{name:"primary-button"})))}render(){return a("div",{key:"6e7d8b1d5d1d68d4034c264f3c057c11c1cca6ad",class:`gux-toast gux-toast-${this.toastType}`},a("div",{key:"af29dbf19d6c7d171b86a80bf43590be55e292d8",class:`gux-icon gux-icon-${this.toastType}`},this.renderToastIcon()),a("div",{key:"175de88a6cc456281551d99a3a613610d7db9ec1",class:"gux-content"},a("div",{key:"5fc3473349740b8fe677dc1f23855d3d2bc10d4f",class:"gux-message"},a("gux-truncate",{key:"a4daefa59e56363cb3caa6f2353a4da3e67d32e7",class:"gux-message-title","max-lines":1},a("slot",{key:"d63b036e3583941c40067d9a59e03fe39554eedf",name:"title"})),a("gux-truncate",{key:"a4182c156a78d13ce54b318aafa8a993a78f0cf7",class:"gux-message-body","max-lines":2},a("slot",{key:"65a1b44e44a67194076ddfb98a3926260a147994",name:"message"}))),"action"!==this.toastType&&this.hasLink&&this.renderLink(),"action"===this.toastType&&this.hasPrimaryButton&&this.renderActions()),a("gux-dismiss-button",{key:"bcaaf5b483d5117558163fdfdda9f10c62d10df5",position:"inherit",onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(t){t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return s(this)}};n.style=".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;inline-size:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-block-end:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow)}.gux-toast .gux-icon ::slotted(gux-icon){inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight);word-break:break-all}.gux-toast .gux-content .gux-buttons-bar{inline-size:100%}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{display:grid;grid-template-rows:1fr;grid-template-columns:var(--gse-ui-icon-medium-size) 1fr var(--gse-ui-button-dismiss-medium-width);background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-content{grid-row:1/2;grid-column:2/4}.gux-toast.gux-toast-action .gux-icon{grid-row:1/2;grid-column:1/2}.gux-toast.gux-toast-action gux-dismiss-button{grid-row:1/2;grid-column:3/4}.gux-toast.gux-toast-action .gux-message{inline-size:var(--gse-ui-toast-messageWidth);color:var(--gse-ui-toast-action-foregroundColor)}";export{n as gux_toast}
@@ -1 +1 @@
1
- import{r as o,h as i,a as e}from"./p-xFL2agjT.js";import{t as a}from"./p-rsnL2YCR.js";import{b as t}from"./p-D2udLR9p.js";import{g as r}from"./p-MAoEg4ig.js";import"./p-Cd4R0amv.js";var c={clickToCopy:"Click to Copy",copySuccess:"Copied to Clipboard",copyFailure:"Copy failed. Please try again."};const l=class{constructor(i){o(this,i),this.tooltipContent="clickToCopy"}onMouseleave(){this.resetTooltip()}onFocusout(){this.resetTooltip()}resetTooltip(){this.tooltipContent="clickToCopy"}async onCopyToClipboard(){return navigator.clipboard.writeText(this.root.innerText).then((()=>{this.tooltipContent="copySuccess"})).catch((()=>{this.tooltipContent="copyFailure"}))}getIconName(o){switch(o){case"copyFailure":return"fa/circle-xmark-solid";case"copySuccess":return"fa/circle-check-solid"}}renderTooltipIcon(){const o=this.getIconName(this.tooltipContent);if(o)return i("gux-icon",{"icon-name":o,size:"small",decorative:!0})}renderTooltip(){return i("gux-tooltip",{placement:"bottom-end"},i("div",{slot:"content",class:"gux-tooltip-content"},this.renderTooltipIcon(),i("span",null,this.i18n(this.tooltipContent))))}async componentWillLoad(){a(this.root),this.i18n=await t(this.root,c)}render(){return i("button",{key:"743c477dce108f8bc377e764794fa06f6331b60a",class:"gux-copy-to-clipboard-wrapper",onClick:this.onCopyToClipboard.bind(this),"aria-label":r(this.root,"content")},i("div",{key:"0d64efa090fa1204f90ae3fd91370889e02a7e48",class:"gux-copy-content"},i("slot",{key:"a67e11585ad450ff94b8fc037a342996211564e3",name:"content"}),i("gux-icon",{key:"8c0f272c28636ca675bc901dbaa5407302f0501d","icon-name":"fa/copy-regular",size:"small",decorative:!0})),this.renderTooltip())}get root(){return e(this)}};l.style='button{all:unset}.gux-copy-to-clipboard-wrapper{display:inline-flex;align-items:center;max-inline-size:100%}.gux-copy-to-clipboard-wrapper .gux-copy-content{display:inherit;gap:var(--gse-ui-copyToClipboard-contentContainer-gap);align-items:inherit;max-inline-size:100%;cursor:pointer}.gux-copy-to-clipboard-wrapper .gux-copy-content ::slotted(*){padding:var(--gse-ui-copyToClipboard-label-padding);font-family:var(--gse-ui-copyToClipboard-label-text-fontFamily);font-size:var(--gse-ui-copyToClipboard-label-text-fontSize);font-weight:var(--gse-ui-copyToClipboard-label-text-fontWeight);line-height:var(--gse-ui-copyToClipboard-label-text-lineHeight);color:var(--gse-ui-copyToClipboard-label-foregroundColor);text-decoration:var(--gse-ui-copyToClipboard-label-text-textDecoration);border-radius:var(--gse-ui-copyToClipboard-label-borderRadius)}.gux-copy-to-clipboard-wrapper .gux-copy-content:hover ::slotted(*){background-color:var(--gse-ui-copyToClipboard-label-active-backgroundColor)}.gux-copy-to-clipboard-wrapper .gux-copy-content:hover gux-icon[icon-name="fa/copy-regular"]{visibility:visible}.gux-copy-to-clipboard-wrapper .gux-copy-content gux-icon[icon-name="fa/copy-regular"]{visibility:hidden;flex-shrink:0;padding:var(--gse-ui-copyToClipboard-iconContainer-padding);background-color:var(--gse-ui-copyToClipboard-label-active-backgroundColor);border-radius:var(--gse-ui-copyToClipboard-label-borderRadius)}.gux-copy-to-clipboard-wrapper:focus-visible{outline:none}.gux-copy-to-clipboard-wrapper:focus-visible ::slotted(*){background-color:var(--gse-ui-copyToClipboard-label-active-backgroundColor)}.gux-copy-to-clipboard-wrapper:focus-visible gux-icon[icon-name="fa/copy-regular"]{visibility:visible}gux-tooltip.gux-show{display:inline-flex;align-items:center}gux-tooltip.gux-show .gux-tooltip-content{display:contents}gux-tooltip.gux-show .gux-tooltip-content>*{vertical-align:middle}gux-tooltip.gux-show gux-icon[icon-name="fa/circle-check-solid"]{color:var(--gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor)}gux-tooltip.gux-show gux-icon[icon-name="fa/circle-xmark-solid"]{color:var(--gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor)}';export{l as gux_copy_to_clipboard}
1
+ import{r as o,h as i,a as e}from"./p-xFL2agjT.js";import{t as a}from"./p-D2Q7fj4V.js";import{b as t}from"./p-D2udLR9p.js";import{g as r}from"./p-MAoEg4ig.js";import"./p-Cd4R0amv.js";var c={clickToCopy:"Click to Copy",copySuccess:"Copied to Clipboard",copyFailure:"Copy failed. Please try again."};const l=class{constructor(i){o(this,i),this.tooltipContent="clickToCopy"}onMouseleave(){this.resetTooltip()}onFocusout(){this.resetTooltip()}resetTooltip(){this.tooltipContent="clickToCopy"}async onCopyToClipboard(){return navigator.clipboard.writeText(this.root.innerText).then((()=>{this.tooltipContent="copySuccess"})).catch((()=>{this.tooltipContent="copyFailure"}))}getIconName(o){switch(o){case"copyFailure":return"fa/circle-xmark-solid";case"copySuccess":return"fa/circle-check-solid"}}renderTooltipIcon(){const o=this.getIconName(this.tooltipContent);if(o)return i("gux-icon",{"icon-name":o,size:"small",decorative:!0})}renderTooltip(){return i("gux-tooltip",{placement:"bottom-end"},i("div",{slot:"content",class:"gux-tooltip-content"},this.renderTooltipIcon(),i("span",null,this.i18n(this.tooltipContent))))}async componentWillLoad(){a(this.root),this.i18n=await t(this.root,c)}render(){return i("button",{key:"743c477dce108f8bc377e764794fa06f6331b60a",class:"gux-copy-to-clipboard-wrapper",onClick:this.onCopyToClipboard.bind(this),"aria-label":r(this.root,"content")},i("div",{key:"0d64efa090fa1204f90ae3fd91370889e02a7e48",class:"gux-copy-content"},i("slot",{key:"a67e11585ad450ff94b8fc037a342996211564e3",name:"content"}),i("gux-icon",{key:"8c0f272c28636ca675bc901dbaa5407302f0501d","icon-name":"fa/copy-regular",size:"small",decorative:!0})),this.renderTooltip())}get root(){return e(this)}};l.style='button{all:unset}.gux-copy-to-clipboard-wrapper{display:inline-flex;align-items:center;max-inline-size:100%}.gux-copy-to-clipboard-wrapper .gux-copy-content{display:inherit;gap:var(--gse-ui-copyToClipboard-contentContainer-gap);align-items:inherit;max-inline-size:100%;cursor:pointer}.gux-copy-to-clipboard-wrapper .gux-copy-content ::slotted(*){padding:var(--gse-ui-copyToClipboard-label-padding);font-family:var(--gse-ui-copyToClipboard-label-text-fontFamily);font-size:var(--gse-ui-copyToClipboard-label-text-fontSize);font-weight:var(--gse-ui-copyToClipboard-label-text-fontWeight);line-height:var(--gse-ui-copyToClipboard-label-text-lineHeight);color:var(--gse-ui-copyToClipboard-label-foregroundColor);text-decoration:var(--gse-ui-copyToClipboard-label-text-textDecoration);border-radius:var(--gse-ui-copyToClipboard-label-borderRadius)}.gux-copy-to-clipboard-wrapper .gux-copy-content:hover ::slotted(*){background-color:var(--gse-ui-copyToClipboard-label-active-backgroundColor)}.gux-copy-to-clipboard-wrapper .gux-copy-content:hover gux-icon[icon-name="fa/copy-regular"]{visibility:visible}.gux-copy-to-clipboard-wrapper .gux-copy-content gux-icon[icon-name="fa/copy-regular"]{visibility:hidden;flex-shrink:0;padding:var(--gse-ui-copyToClipboard-iconContainer-padding);background-color:var(--gse-ui-copyToClipboard-label-active-backgroundColor);border-radius:var(--gse-ui-copyToClipboard-label-borderRadius)}.gux-copy-to-clipboard-wrapper:focus-visible{outline:none}.gux-copy-to-clipboard-wrapper:focus-visible ::slotted(*){background-color:var(--gse-ui-copyToClipboard-label-active-backgroundColor)}.gux-copy-to-clipboard-wrapper:focus-visible gux-icon[icon-name="fa/copy-regular"]{visibility:visible}gux-tooltip.gux-show{display:inline-flex;align-items:center}gux-tooltip.gux-show .gux-tooltip-content{display:contents}gux-tooltip.gux-show .gux-tooltip-content>*{vertical-align:middle}gux-tooltip.gux-show gux-icon[icon-name="fa/circle-check-solid"]{color:var(--gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor)}gux-tooltip.gux-show gux-icon[icon-name="fa/circle-xmark-solid"]{color:var(--gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor)}';export{l as gux_copy_to_clipboard}
@@ -1 +1 @@
1
- import{r as t,c as e,f as s,d as i,h as a,H as h,a as o}from"./p-xFL2agjT.js";import{b as n}from"./p-D2udLR9p.js";import{w as l}from"./p-kLXvN2m9.js";import{r}from"./p-D9jKBqIb.js";import{t as c}from"./p-rsnL2YCR.js";import{t as d}from"./p-BIx814vt.js";import"./p-Cd4R0amv.js";const g=class{constructor(i){t(this,i),this.guxselectionchanged=e(this,"guxselectionchanged",7),this.guxsortchanged=e(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>{this.prepareSelectableRows(),s(this)})),this.tableId=r("gux-table"),this.columnsWidths={},this.isScroll=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1}async componentWillLoad(){c(this.root),this.i18n=await n(this.root,d)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSelectableRows(),i((()=>{this.checkScroll()})),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{i((()=>{this.checkScroll()}))}))),this.resizeObserver&&(this.resizeObserver.observe(this.tableContainer),this.resizeObserver.observe(this.slottedTable)),this.slotObserver.observe(this.slottedTable,{subtree:!0,childList:!0})}checkScroll(){const t=this.tableContainer;this.isScroll=t.scrollHeight>t.clientHeight||t.scrollWidth>t.clientWidth}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.tableContainer),this.resizeObserver.unobserve(this.slottedTable)),this.resizableColumns&&document.getElementById(`${this.tableId}-resizable-styles`).remove()}onInternalAllRowSelectChange(t){t.stopPropagation(),this.handleSelectAllRows(t.detail)}onInternalRowSelectChange(t){t.stopPropagation();const e=t.target;e.selected=t.detail,this.handleRowSelection(e)}onMouseMove(t){this.resizableColumns&&this.updateResizeState(t)}onMouseDown(t){this.resizableColumns&&this.maybeStartResizing(t)}onMouseUp(){this.resizableColumns&&this.stopResizing()}get tableContainer(){return this.root.shadowRoot.querySelector(".gux-table-container")}get slottedTable(){return this.root.querySelector('table[slot="data"]')}get tableRows(){return Array.from(this.slottedTable.querySelectorAll("tbody tr"))}get tableColumns(){return Array.from(this.slottedTable.querySelectorAll("thead th"))}get rowCheckboxes(){return Array.from(this.slottedTable.querySelectorAll("tbody tr td gux-row-select"))}get selectAllCheckbox(){return this.slottedTable.querySelector("thead tr th gux-all-row-select")}async getSelected(){return this.getSelectedInternal()}getSelectedInternal(){return{selectedRowIds:Array.from(this.rowCheckboxes).filter((t=>t.selected)).map((t=>t.closest("tr").getAttribute("data-row-id")))}}prepareSelectableRows(){this.rowCheckboxes.forEach((t=>{this.updateRowSelection(t)})),this.updateSelectAllBoxState()}updateSelectAllBoxState(){const t=this.selectAllCheckbox;if(t){const e=this.rowCheckboxes,s=e.filter((t=>!t.disabled)),i=s.filter((t=>t.selected)),a=Boolean(e.length),h=i.length===s.length,o=0===i.length;t.selected=a&&h,t.setIndeterminate(a&&!h&&!o)}}handleSelectAllRows(t){this.rowCheckboxes.forEach((e=>{e.disabled||(e.selected=t,this.updateRowSelection(e))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const e=t.closest("tr");t.selected?e.setAttribute("data-selected-row",""):e.removeAttribute("data-selected-row")}prepareResizableColumns(){const t=document.createElement("style");t.id=`${this.tableId}-resizable-styles`,document.querySelector("head").appendChild(t),this.calculateColumnWidths(this.tableColumns).slice(0,-1).forEach((t=>this.columnsWidths[t.name]=t.width)),this.setResizableColumnsStyles()}updateResizeState(t){if(this.columnResizeState){const e=this.columnResizeState.resizableColumn.dataset.columnName,s=Math.max(this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX),1),i=this.calculateColumnWidths(this.tableColumns).map((t=>t.name===e?Object.assign(Object.assign({},t),{width:s}):t));this.columnsWidths[e]=i.find((t=>t.name===e)).width,this.setResizableColumnsStyles()}else this.columnResizeHover=!1,l("th",t,(e=>{this.tableColumns.length-1!==e.cellIndex&&this.isInResizeZone(t,e)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){l("th",t,(e=>{this.isInResizeZone(t,e)&&(this.columnResizeState={resizableColumn:e,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:e.clientWidth})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,e){return e.getBoundingClientRect().right-t.clientX<3}calculateColumnWidths(t){return t.map((t=>({name:t.dataset.columnName,width:t.clientWidth})))}setResizableColumnsStyles(){const t=document.getElementById(`${this.tableId}-resizable-styles`);let e="";Object.keys(this.columnsWidths).forEach((t=>{e+=`[gs-table-id=${this.tableId}] th[data-column-name="${t}"]{\n width:${String(this.columnsWidths[t])}px;\n min-width:${String(this.columnsWidths[t])}px;\n }`})),t.innerHTML=e}get isTableEmpty(){return!this.root.children[0]||this.tableRows.length<1}get tableContainerClasses(){return{"gux-table-container":!0,"gux-column-resizing":Boolean(this.columnResizeState),"gux-column-resizing-hover":this.columnResizeHover}}render(){return a(h,{key:"d95028e1211e2e6a68baebf93cf9691803d443e0","gs-table-id":this.tableId,"gs-obj-table":this.objectTable,"gs-compact":this.compact},a("div",{key:"4c371f688538e2e781bc783c0e51cc2da916232a",class:"gux-table"},a("div",{key:"4d445606838ad4b2a380dbc8a25621d5f4a63827",tabindex:this.isScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},a("slot",{key:"3ea2b8ed6167bef2a62af983eb541a1009537bb4",name:"data"})),this.isTableEmpty&&a("div",{key:"2d0a9a01a71a2062313f232a1f8ff6b1f96dbe38",class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return o(this)}};g.style=":host{position:relative;display:block}:host .gux-table{position:relative;block-size:inherit}:host .gux-table .gux-table-container{max-block-size:100%;overflow:auto;scrollbar-color:var(--gse-ui-dataTableItems-scrollbar-foregroundColor);scrollbar-width:thin}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;block-size:calc(100% - var(--gse-ui-dataTableItems-header-default-height));color:var(--gse-semantic-foreground-container-lowEmphasis);background:var(--gse-semantic-background-container-page-tonalSubtle);font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}";export{g as gux_table}
1
+ import{r as t,c as e,f as s,d as i,h as a,H as h,a as o}from"./p-xFL2agjT.js";import{b as n}from"./p-D2udLR9p.js";import{w as l}from"./p-kLXvN2m9.js";import{r}from"./p-D9jKBqIb.js";import{t as c}from"./p-D2Q7fj4V.js";import{t as d}from"./p-BIx814vt.js";import"./p-Cd4R0amv.js";const g=class{constructor(i){t(this,i),this.guxselectionchanged=e(this,"guxselectionchanged",7),this.guxsortchanged=e(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>{this.prepareSelectableRows(),s(this)})),this.tableId=r("gux-table"),this.columnsWidths={},this.isScroll=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1}async componentWillLoad(){c(this.root),this.i18n=await n(this.root,d)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSelectableRows(),i((()=>{this.checkScroll()})),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{i((()=>{this.checkScroll()}))}))),this.resizeObserver&&(this.resizeObserver.observe(this.tableContainer),this.resizeObserver.observe(this.slottedTable)),this.slotObserver.observe(this.slottedTable,{subtree:!0,childList:!0})}checkScroll(){const t=this.tableContainer;this.isScroll=t.scrollHeight>t.clientHeight||t.scrollWidth>t.clientWidth}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.tableContainer),this.resizeObserver.unobserve(this.slottedTable)),this.resizableColumns&&document.getElementById(`${this.tableId}-resizable-styles`).remove()}onInternalAllRowSelectChange(t){t.stopPropagation(),this.handleSelectAllRows(t.detail)}onInternalRowSelectChange(t){t.stopPropagation();const e=t.target;e.selected=t.detail,this.handleRowSelection(e)}onMouseMove(t){this.resizableColumns&&this.updateResizeState(t)}onMouseDown(t){this.resizableColumns&&this.maybeStartResizing(t)}onMouseUp(){this.resizableColumns&&this.stopResizing()}get tableContainer(){return this.root.shadowRoot.querySelector(".gux-table-container")}get slottedTable(){return this.root.querySelector('table[slot="data"]')}get tableRows(){return Array.from(this.slottedTable.querySelectorAll("tbody tr"))}get tableColumns(){return Array.from(this.slottedTable.querySelectorAll("thead th"))}get rowCheckboxes(){return Array.from(this.slottedTable.querySelectorAll("tbody tr td gux-row-select"))}get selectAllCheckbox(){return this.slottedTable.querySelector("thead tr th gux-all-row-select")}async getSelected(){return this.getSelectedInternal()}getSelectedInternal(){return{selectedRowIds:Array.from(this.rowCheckboxes).filter((t=>t.selected)).map((t=>t.closest("tr").getAttribute("data-row-id")))}}prepareSelectableRows(){this.rowCheckboxes.forEach((t=>{this.updateRowSelection(t)})),this.updateSelectAllBoxState()}updateSelectAllBoxState(){const t=this.selectAllCheckbox;if(t){const e=this.rowCheckboxes,s=e.filter((t=>!t.disabled)),i=s.filter((t=>t.selected)),a=Boolean(e.length),h=i.length===s.length,o=0===i.length;t.selected=a&&h,t.setIndeterminate(a&&!h&&!o)}}handleSelectAllRows(t){this.rowCheckboxes.forEach((e=>{e.disabled||(e.selected=t,this.updateRowSelection(e))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const e=t.closest("tr");t.selected?e.setAttribute("data-selected-row",""):e.removeAttribute("data-selected-row")}prepareResizableColumns(){const t=document.createElement("style");t.id=`${this.tableId}-resizable-styles`,document.querySelector("head").appendChild(t),this.calculateColumnWidths(this.tableColumns).slice(0,-1).forEach((t=>this.columnsWidths[t.name]=t.width)),this.setResizableColumnsStyles()}updateResizeState(t){if(this.columnResizeState){const e=this.columnResizeState.resizableColumn.dataset.columnName,s=Math.max(this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX),1),i=this.calculateColumnWidths(this.tableColumns).map((t=>t.name===e?Object.assign(Object.assign({},t),{width:s}):t));this.columnsWidths[e]=i.find((t=>t.name===e)).width,this.setResizableColumnsStyles()}else this.columnResizeHover=!1,l("th",t,(e=>{this.tableColumns.length-1!==e.cellIndex&&this.isInResizeZone(t,e)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){l("th",t,(e=>{this.isInResizeZone(t,e)&&(this.columnResizeState={resizableColumn:e,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:e.clientWidth})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,e){return e.getBoundingClientRect().right-t.clientX<3}calculateColumnWidths(t){return t.map((t=>({name:t.dataset.columnName,width:t.clientWidth})))}setResizableColumnsStyles(){const t=document.getElementById(`${this.tableId}-resizable-styles`);let e="";Object.keys(this.columnsWidths).forEach((t=>{e+=`[gs-table-id=${this.tableId}] th[data-column-name="${t}"]{\n width:${String(this.columnsWidths[t])}px;\n min-width:${String(this.columnsWidths[t])}px;\n }`})),t.innerHTML=e}get isTableEmpty(){return!this.root.children[0]||this.tableRows.length<1}get tableContainerClasses(){return{"gux-table-container":!0,"gux-column-resizing":Boolean(this.columnResizeState),"gux-column-resizing-hover":this.columnResizeHover}}render(){return a(h,{key:"d95028e1211e2e6a68baebf93cf9691803d443e0","gs-table-id":this.tableId,"gs-obj-table":this.objectTable,"gs-compact":this.compact},a("div",{key:"4c371f688538e2e781bc783c0e51cc2da916232a",class:"gux-table"},a("div",{key:"4d445606838ad4b2a380dbc8a25621d5f4a63827",tabindex:this.isScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},a("slot",{key:"3ea2b8ed6167bef2a62af983eb541a1009537bb4",name:"data"})),this.isTableEmpty&&a("div",{key:"2d0a9a01a71a2062313f232a1f8ff6b1f96dbe38",class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return o(this)}};g.style=":host{position:relative;display:block}:host .gux-table{position:relative;block-size:inherit}:host .gux-table .gux-table-container{max-block-size:100%;overflow:auto;scrollbar-color:var(--gse-ui-dataTableItems-scrollbar-foregroundColor);scrollbar-width:thin}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;block-size:calc(100% - var(--gse-ui-dataTableItems-header-default-height));color:var(--gse-semantic-foreground-container-lowEmphasis);background:var(--gse-semantic-background-container-page-tonalSubtle);font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}";export{g as gux_table}
@@ -1 +1 @@
1
- import{r as t,c as e,f as i,h as s,a as o}from"./p-xFL2agjT.js";import{O as n}from"./p-ppdsZH4h.js";import{b as a}from"./p-D2udLR9p.js";import{s as r}from"./p-BMRf5pjV.js";import{b as l}from"./p-Bg4q97BS.js";import{t as u}from"./p-rsnL2YCR.js";import{O as d}from"./p-NbJK45FV.js";import{s as g,b as c}from"./p-B_WlCjG2.js";import{h}from"./p-qzV3vtOw.js";import"./p-Cd4R0amv.js";var p={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"},x=function(t,e,i,s){var o,n=arguments.length,a=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};const f=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.required=!1,this.expanded=!1}watchValue(t){this.validateValue(t,this.listboxElement)}onKeydown(t){switch(t.key){case"Escape":return void this.collapseListbox("focusFieldButton");case"Tab":return void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,g(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&&l((()=>{this.listboxElement.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(){u(this.root),this.i18n=await a(this.root,p)}componentDidLoad(){this.applyListboxEventListeners(),this.applyTableStyle()}componentWillRender(){this.listboxElement&&this.validateValue(this.value,this.listboxElement)}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)}applyTableStyle(){var t;"td"===(null===(t=this.root.parentElement)||void 0===t?void 0:t.tagName.toLowerCase())&&this.popupElement.classList.add("gux-has-table-parent")}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()}get optionElements(){return c(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}activeElementNotListbox(){return document.activeElement!==this.listboxElement}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,r(this.root,"input"),r(this.root,"change")),this.collapseListbox("focusFieldButton")}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?s("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):s("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return this.renderOption(t);case"gux-option-icon":return this.renderIconOption(t);case"gux-option-status-beta":return this.renderStatusOption(t);default:return e}}renderOption(t){let e=t.textContent;if(h(t,"subtext")){const i=t.querySelector("[slot=subtext]");e=e.substring(0,e.length-i.textContent.length)}return s("gux-truncate",{ref:t=>this.truncateElement=t,dir:"auto"},e)}renderIconOption(t){let e=null;return null!==t.iconColor&&(e={color:t.iconColor}),s("span",{class:{"gux-selected-icon":!0,"gux-icon-position-end":"end"===t.iconPosition}},s("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0,size:"small"}),s("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderStatusOption(t){const e=t.textContent;return s("div",{class:"gux-status-indicator"},s("span",{class:`gux-status-icon gux-status-icon-${t.accent}`}),s("div",{class:"gux-status-indicator-text"},e))}renderPopup(){return s("slot",{slot:"popup"})}renderTarget(){return s("div",{class:{"gux-target-container-collapsed":!0},slot:"target"},s("button",{type:"button",class:"gux-field gux-field-button",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(),s("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),size:"small",iconName:this.expanded?"custom/chevron-up-small-regular":"custom/chevron-down-small-regular"})))}renderTargetContent(){return s("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return s("gux-popup",{key:"1e1f41acc86df82fba60ef357891f96f083e8c8e",expanded:this.expanded,inline:!0,ref:t=>this.popupElement=t},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return o(this)}static get watchers(){return{value:["watchValue"]}}};x([n({triggerEvents:"mousedown"})],f.prototype,"onClickOutside",null),x([d({childList:!0,subtree:!0})],f.prototype,"onMutation",null),f.style=":host{display:inline-flex;inline-size:fit-content;min-inline-size:0;max-inline-size:100%}.gux-has-table-parent{position:relative;inset-inline-start:-8px}::slotted(gux-listbox){inline-size:fit-content}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;max-inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-dataTableItems-inlineDropdown-label-fontFamily);font-size:var(--gse-ui-dataTableItems-inlineDropdown-label-fontSize);font-weight:var(--gse-ui-dataTableItems-inlineDropdown-label-fontWeight);line-height:var(--gse-ui-dataTableItems-inlineDropdown-label-lineHeight);cursor:pointer;background-color:inherit}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding-block:4px;padding-inline:8px}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{background-color:var(--gse-ui-dataTableItems-statusIndicator-hover)}.gux-field.gux-input-field{block-size:var(--gse-ui-dataTableItems-inlineDropdown-label-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:inline-flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-dataTableItems-inlineDropdown-label-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-dataTableItems-inlineDropdown-text)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dataTableItems-inlineDropdown-gap);color:var(--gse-ui-dataTableItems-inlineDropdown-chevron-default)}.gux-target-container-expanded{background-color:var(--gse-ui-dataTableItems-inlineDropdown-active);border-radius:var(--gse-ui-dataTableItems-statusIndicator-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-dataTableItems-inlineDropdown-label-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border-radius:var(--gse-ui-dataTableItems-statusIndicator-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow)}.gux-selected-icon{display:flex;flex-direction:row;align-items:center}.gux-selected-icon.gux-icon-position-end{flex-direction:row-reverse}.gux-selected-icon gux-icon{padding-inline-end:var(--gse-ui-dataTableItems-inlineDropdown-gap)}.gux-status-indicator{display:inline-flex;gap:var(--gse-ui-dataTableItems-statusIndicator-gap);align-items:center}.gux-status-icon{display:inline-flex}.gux-status-icon::before{content:\"\"}.gux-status-icon-info::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);background:var(--gse-ui-statusGlyph-information)}.gux-status-icon-warning::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6.16516 0.749268C6.49521 0.749268 6.80275 0.921791 6.97527 1.21434L12.0386 9.8407C12.2111 10.1332 12.2111 10.4933 12.0386 10.7783C11.8735 11.0709 11.5585 11.2509 11.2285 11.2509H1.10186C0.764303 11.2509 0.456764 11.0709 0.291738 10.7783C0.126712 10.4858 0.126712 10.1257 0.291738 9.8407L5.35504 1.21434C5.52757 0.929292 5.8276 0.749268 6.16516 0.749268Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6.16516 0.749268C6.49521 0.749268 6.80275 0.921791 6.97527 1.21434L12.0386 9.8407C12.2111 10.1332 12.2111 10.4933 12.0386 10.7783C11.8735 11.0709 11.5585 11.2509 11.2285 11.2509H1.10186C0.764303 11.2509 0.456764 11.0709 0.291738 10.7783C0.126712 10.4858 0.126712 10.1257 0.291738 9.8407L5.35504 1.21434C5.52757 0.929292 5.8276 0.749268 6.16516 0.749268Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-neutral)}.gux-status-icon-error::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M0.236102 6.88C-0.0787008 6.33785 -0.0787008 5.66215 0.236102 5.12L2.36477 1.38C2.67957 0.837853 3.24922 0.5 3.87133 0.5H8.12867C8.75078 0.5 9.32043 0.837853 9.63523 1.38L11.7639 5.12C12.0787 5.66215 12.0787 6.33785 11.7639 6.88L9.63523 10.62C9.32043 11.1621 8.75078 11.5 8.12867 11.5H3.87133C3.24922 11.5 2.67957 11.1621 2.36477 10.62L0.236102 6.88Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M0.236102 6.88C-0.0787008 6.33785 -0.0787008 5.66215 0.236102 5.12L2.36477 1.38C2.67957 0.837853 3.24922 0.5 3.87133 0.5H8.12867C8.75078 0.5 9.32043 0.837853 9.63523 1.38L11.7639 5.12C12.0787 5.66215 12.0787 6.33785 11.7639 6.88L9.63523 10.62C9.32043 11.1621 8.75078 11.5 8.12867 11.5H3.87133C3.24922 11.5 2.67957 11.1621 2.36477 10.62L0.236102 6.88Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-negative)}.gux-status-icon-success::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-positive)}";export{f as gux_inline_dropdown_beta}
1
+ import{r as t,c as e,f as i,h as s,a as o}from"./p-xFL2agjT.js";import{O as n}from"./p-ppdsZH4h.js";import{b as a}from"./p-D2udLR9p.js";import{s as r}from"./p-BMRf5pjV.js";import{b as l}from"./p-Bg4q97BS.js";import{t as u}from"./p-D2Q7fj4V.js";import{O as d}from"./p-NbJK45FV.js";import{s as g,b as c}from"./p-B_WlCjG2.js";import{h}from"./p-qzV3vtOw.js";import"./p-Cd4R0amv.js";var p={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"},x=function(t,e,i,s){var o,n=arguments.length,a=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};const f=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.required=!1,this.expanded=!1}watchValue(t){this.validateValue(t,this.listboxElement)}onKeydown(t){switch(t.key){case"Escape":return void this.collapseListbox("focusFieldButton");case"Tab":return void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,g(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&&l((()=>{this.listboxElement.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(){u(this.root),this.i18n=await a(this.root,p)}componentDidLoad(){this.applyListboxEventListeners(),this.applyTableStyle()}componentWillRender(){this.listboxElement&&this.validateValue(this.value,this.listboxElement)}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)}applyTableStyle(){var t;"td"===(null===(t=this.root.parentElement)||void 0===t?void 0:t.tagName.toLowerCase())&&this.popupElement.classList.add("gux-has-table-parent")}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()}get optionElements(){return c(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}activeElementNotListbox(){return document.activeElement!==this.listboxElement}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,r(this.root,"input"),r(this.root,"change")),this.collapseListbox("focusFieldButton")}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?s("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):s("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return this.renderOption(t);case"gux-option-icon":return this.renderIconOption(t);case"gux-option-status-beta":return this.renderStatusOption(t);default:return e}}renderOption(t){let e=t.textContent;if(h(t,"subtext")){const i=t.querySelector("[slot=subtext]");e=e.substring(0,e.length-i.textContent.length)}return s("gux-truncate",{ref:t=>this.truncateElement=t,dir:"auto"},e)}renderIconOption(t){let e=null;return null!==t.iconColor&&(e={color:t.iconColor}),s("span",{class:{"gux-selected-icon":!0,"gux-icon-position-end":"end"===t.iconPosition}},s("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0,size:"small"}),s("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderStatusOption(t){const e=t.textContent;return s("div",{class:"gux-status-indicator"},s("span",{class:`gux-status-icon gux-status-icon-${t.accent}`}),s("div",{class:"gux-status-indicator-text"},e))}renderPopup(){return s("slot",{slot:"popup"})}renderTarget(){return s("div",{class:{"gux-target-container-collapsed":!0},slot:"target"},s("button",{type:"button",class:"gux-field gux-field-button",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(),s("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),size:"small",iconName:this.expanded?"custom/chevron-up-small-regular":"custom/chevron-down-small-regular"})))}renderTargetContent(){return s("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return s("gux-popup",{key:"1e1f41acc86df82fba60ef357891f96f083e8c8e",expanded:this.expanded,inline:!0,ref:t=>this.popupElement=t},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return o(this)}static get watchers(){return{value:["watchValue"]}}};x([n({triggerEvents:"mousedown"})],f.prototype,"onClickOutside",null),x([d({childList:!0,subtree:!0})],f.prototype,"onMutation",null),f.style=":host{display:inline-flex;inline-size:fit-content;min-inline-size:0;max-inline-size:100%}.gux-has-table-parent{position:relative;inset-inline-start:-8px}::slotted(gux-listbox){inline-size:fit-content}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;max-inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-dataTableItems-inlineDropdown-label-fontFamily);font-size:var(--gse-ui-dataTableItems-inlineDropdown-label-fontSize);font-weight:var(--gse-ui-dataTableItems-inlineDropdown-label-fontWeight);line-height:var(--gse-ui-dataTableItems-inlineDropdown-label-lineHeight);cursor:pointer;background-color:inherit}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding-block:4px;padding-inline:8px}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{background-color:var(--gse-ui-dataTableItems-statusIndicator-hover)}.gux-field.gux-input-field{block-size:var(--gse-ui-dataTableItems-inlineDropdown-label-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:inline-flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-dataTableItems-inlineDropdown-label-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-dataTableItems-inlineDropdown-text)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dataTableItems-inlineDropdown-gap);color:var(--gse-ui-dataTableItems-inlineDropdown-chevron-default)}.gux-target-container-expanded{background-color:var(--gse-ui-dataTableItems-inlineDropdown-active);border-radius:var(--gse-ui-dataTableItems-statusIndicator-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-dataTableItems-inlineDropdown-label-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border-radius:var(--gse-ui-dataTableItems-statusIndicator-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow)}.gux-selected-icon{display:flex;flex-direction:row;align-items:center}.gux-selected-icon.gux-icon-position-end{flex-direction:row-reverse}.gux-selected-icon gux-icon{padding-inline-end:var(--gse-ui-dataTableItems-inlineDropdown-gap)}.gux-status-indicator{display:inline-flex;gap:var(--gse-ui-dataTableItems-statusIndicator-gap);align-items:center}.gux-status-icon{display:inline-flex}.gux-status-icon::before{content:\"\"}.gux-status-icon-info::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);background:var(--gse-ui-statusGlyph-information)}.gux-status-icon-warning::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6.16516 0.749268C6.49521 0.749268 6.80275 0.921791 6.97527 1.21434L12.0386 9.8407C12.2111 10.1332 12.2111 10.4933 12.0386 10.7783C11.8735 11.0709 11.5585 11.2509 11.2285 11.2509H1.10186C0.764303 11.2509 0.456764 11.0709 0.291738 10.7783C0.126712 10.4858 0.126712 10.1257 0.291738 9.8407L5.35504 1.21434C5.52757 0.929292 5.8276 0.749268 6.16516 0.749268Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6.16516 0.749268C6.49521 0.749268 6.80275 0.921791 6.97527 1.21434L12.0386 9.8407C12.2111 10.1332 12.2111 10.4933 12.0386 10.7783C11.8735 11.0709 11.5585 11.2509 11.2285 11.2509H1.10186C0.764303 11.2509 0.456764 11.0709 0.291738 10.7783C0.126712 10.4858 0.126712 10.1257 0.291738 9.8407L5.35504 1.21434C5.52757 0.929292 5.8276 0.749268 6.16516 0.749268Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-neutral)}.gux-status-icon-error::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M0.236102 6.88C-0.0787008 6.33785 -0.0787008 5.66215 0.236102 5.12L2.36477 1.38C2.67957 0.837853 3.24922 0.5 3.87133 0.5H8.12867C8.75078 0.5 9.32043 0.837853 9.63523 1.38L11.7639 5.12C12.0787 5.66215 12.0787 6.33785 11.7639 6.88L9.63523 10.62C9.32043 11.1621 8.75078 11.5 8.12867 11.5H3.87133C3.24922 11.5 2.67957 11.1621 2.36477 10.62L0.236102 6.88Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M0.236102 6.88C-0.0787008 6.33785 -0.0787008 5.66215 0.236102 5.12L2.36477 1.38C2.67957 0.837853 3.24922 0.5 3.87133 0.5H8.12867C8.75078 0.5 9.32043 0.837853 9.63523 1.38L11.7639 5.12C12.0787 5.66215 12.0787 6.33785 11.7639 6.88L9.63523 10.62C9.32043 11.1621 8.75078 11.5 8.12867 11.5H3.87133C3.24922 11.5 2.67957 11.1621 2.36477 10.62L0.236102 6.88Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-negative)}.gux-status-icon-success::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-positive)}";export{f as gux_inline_dropdown_beta}
@@ -1 +1 @@
1
- import{r as e,c as r,h as t,a as s}from"./p-xFL2agjT.js";import{t as i}from"./p-rsnL2YCR.js";const o=class{constructor(t){e(this,t),this.guxactivestepchange=r(this,"guxactivestepchange",7),this.orientation="horizontal",this.disabled=!1,this.stepList=[]}onInternalActiveStepChange(e){e.stopPropagation(),this.activateStep(null==e?void 0:e.detail,this.stepList)}watchActiveStep(e){this.activateStep(e,this.stepList),this.guxactivestepchange.emit(e)}componentWillLoad(){i(this.root)}componentDidLoad(){this.activateStep(this.activeStepId,this.stepList),this.activeStepId&&this.guxactivestepchange.emit(this.activeStepId)}activateStep(e,r){e&&(this.activeStepId=e),null==r||r.forEach((e=>{e.guxSetActive(e.stepId===this.activeStepId)}))}onSlotChange(){const e=this.root.shadowRoot.querySelector("slot");this.stepList=e.assignedElements()}render(){return t("div",{key:"bb0f6b1ff55c74d62e3067d756a22f9697e769e3",class:{"gux-stepper":!0,[`gux-stepper-${this.orientation}`]:!0}},t("slot",{key:"7e8fb1bfef750bb842719fe4dda298dd29302bda",onSlotchange:this.onSlotChange.bind(this)}))}get root(){return s(this)}static get watchers(){return{activeStepId:["watchActiveStep"]}}};o.style=":host{display:flex;flex-direction:column}:host .gux-stepper{display:flex;block-size:100%}:host .gux-stepper.gux-stepper-horizontal{flex-direction:row;--stepper-min-inline-size:var(--gse-ui-stepper-step-horizontal-minWidth);--step-gap:var(--gse-ui-stepper-step-gap);--stepper-padding-block:var(--gse-ui-stepper-step-horizontal-gap) 0;--stepper-border-block-start-incomplete:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-bar-incompleted-foregroundColor) solid;--stepper-border-block-start-completed:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-icon-completed-selectedForegroundColor) solid;--stepper-border-block-start-error:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-bar-error-foregroundColor) solid;--stepper-border-block-start-active:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-bar-active-foregroundColor) solid}:host .gux-stepper.gux-stepper-vertical{flex-direction:column;--step-gap:var(--gse-ui-stepper-step-vertical-gap);--stepper-min-block-size:var(--gse-ui-stepper-step-vertical-minHeight);--stepper-padding-inline:var(--gse-ui-stepper-step-vertical-gap) 0;--stepper-border-inline-start-incomplete:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-bar-incompleted-foregroundColor) solid;--stepper-border-inline-start-completed:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-icon-completed-selectedForegroundColor) solid;--stepper-border-inline-start-error:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-bar-error-foregroundColor) solid;--stepper-border-inline-start-active:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-bar-active-foregroundColor) solid;--stepper-step-body-margin:var(\n --gse-ui-stepper-step-vertical-body-marginTop\n )}";export{o as gux_stepper_beta}
1
+ import{r as e,c as t,h as r,a as s}from"./p-xFL2agjT.js";import{t as i}from"./p-D2Q7fj4V.js";const o=class{constructor(r){e(this,r),this.guxactivestepchange=t(this,"guxactivestepchange",7),this.orientation="horizontal",this.disabled=!1,this.stepList=[]}onInternalActiveStepChange(e){e.stopPropagation(),this.activateStep(null==e?void 0:e.detail,this.stepList)}watchActiveStep(e){this.activateStep(e,this.stepList),this.guxactivestepchange.emit(e)}componentWillLoad(){i(this.root)}componentDidLoad(){this.activateStep(this.activeStepId,this.stepList),this.activeStepId&&this.guxactivestepchange.emit(this.activeStepId)}activateStep(e,t){e&&(this.activeStepId=e),null==t||t.forEach((e=>{e.guxSetActive(e.stepId===this.activeStepId)}))}onSlotChange(){const e=this.root.shadowRoot.querySelector("slot");this.stepList=e.assignedElements()}render(){return r("div",{key:"bb0f6b1ff55c74d62e3067d756a22f9697e769e3",class:{"gux-stepper":!0,[`gux-stepper-${this.orientation}`]:!0}},r("slot",{key:"7e8fb1bfef750bb842719fe4dda298dd29302bda",onSlotchange:this.onSlotChange.bind(this)}))}get root(){return s(this)}static get watchers(){return{activeStepId:["watchActiveStep"]}}};o.style=":host{display:flex;flex-direction:column}:host .gux-stepper{display:flex;block-size:100%}:host .gux-stepper.gux-stepper-horizontal{flex-direction:row;--stepper-min-inline-size:var(--gse-ui-stepper-step-horizontal-minWidth);--step-gap:var(--gse-ui-stepper-step-gap);--stepper-padding-block:var(--gse-ui-stepper-step-horizontal-gap) 0;--stepper-border-block-start-incomplete:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-bar-incompleted-foregroundColor) solid;--stepper-border-block-start-completed:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-icon-completed-selectedForegroundColor) solid;--stepper-border-block-start-error:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-bar-error-foregroundColor) solid;--stepper-border-block-start-active:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-bar-active-foregroundColor) solid}:host .gux-stepper.gux-stepper-vertical{flex-direction:column;--step-gap:var(--gse-ui-stepper-step-vertical-gap);--stepper-min-block-size:var(--gse-ui-stepper-step-vertical-minHeight);--stepper-padding-inline:var(--gse-ui-stepper-step-vertical-gap) 0;--stepper-border-inline-start-incomplete:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-bar-incompleted-foregroundColor) solid;--stepper-border-inline-start-completed:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-icon-completed-selectedForegroundColor) solid;--stepper-border-inline-start-error:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-bar-error-foregroundColor) solid;--stepper-border-inline-start-active:var(\n --gse-ui-stepper-bar-horizontal-height\n )\n var(--gse-ui-stepper-bar-active-foregroundColor) solid;--stepper-step-body-margin:var(\n --gse-ui-stepper-step-vertical-body-marginTop\n )}";export{o as gux_stepper_beta}
@@ -1 +1 @@
1
- import{r as e,h as t,a as o}from"./p-xFL2agjT.js";import{t as i}from"./p-rsnL2YCR.js";import{g as r}from"./p-MAoEg4ig.js";const a=class{constructor(t){e(this,t),this.variant="info",this.placement="right"}componentWillLoad(){i(this.root,{variant:this.variant})}getVariantIcon(e){return"question"===e?"fa/circle-question-regular":"fa/circle-info-regular"}async showTooltip(){return await this.tooltipElement.showTooltip()}async hideTooltip(){return await this.tooltipElement.hideTooltip()}render(){return t("div",{key:"b76ff06369ed70fd75e794f96f74be8e3f8a76b5",class:"gux-label-info"},t("gux-screen-reader-beta",{key:"454ab062488bc37d73fb88b769236ce243cd38f4"},r(this.root,"content")),t("gux-icon",{key:"27713594a6c58c34b262f6eb22605bacc63d8fcd","icon-name":this.getVariantIcon(this.variant),size:"small",decorative:!0}),t("gux-tooltip-beta",{key:"bf484212d4525b01e8b448ef2b7ff90d7299a4c3",placement:this.placement,ref:e=>this.tooltipElement=e},t("slot",{key:"a3c28acb003422167bc32707208f5539081bbed1",name:"content"})))}get root(){return o(this)}};a.style=".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";export{a as gux_label_info_beta}
1
+ import{r as e,h as t,a as o}from"./p-xFL2agjT.js";import{t as i}from"./p-D2Q7fj4V.js";import{g as r}from"./p-MAoEg4ig.js";const a=class{constructor(t){e(this,t),this.variant="info",this.placement="right"}componentWillLoad(){i(this.root,{variant:this.variant})}getVariantIcon(e){return"question"===e?"fa/circle-question-regular":"fa/circle-info-regular"}async showTooltip(){return await this.tooltipElement.showTooltip()}async hideTooltip(){return await this.tooltipElement.hideTooltip()}render(){return t("div",{key:"b76ff06369ed70fd75e794f96f74be8e3f8a76b5",class:"gux-label-info"},t("gux-screen-reader-beta",{key:"454ab062488bc37d73fb88b769236ce243cd38f4"},r(this.root,"content")),t("gux-icon",{key:"27713594a6c58c34b262f6eb22605bacc63d8fcd","icon-name":this.getVariantIcon(this.variant),size:"small",decorative:!0}),t("gux-tooltip-beta",{key:"bf484212d4525b01e8b448ef2b7ff90d7299a4c3",placement:this.placement,ref:e=>this.tooltipElement=e},t("slot",{key:"a3c28acb003422167bc32707208f5539081bbed1",name:"content"})))}get root(){return o(this)}};a.style=".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";export{a as gux_label_info_beta}
@@ -1 +1 @@
1
- import{r as e,h as a,a as n}from"./p-xFL2agjT.js";import{t as i}from"./p-rsnL2YCR.js";const g=class{constructor(a){e(this,a)}componentWillLoad(){i(this.root)}render(){return a("div",{key:"e25839bd66c76c1a7815d1a942427937782e09cf",class:"gux-container",role:"alert","aria-live":"assertive"},a("div",{key:"3b898f4e0da0d14dc9a11650816a6a378a58a822",class:"gux-progress"},a("slot",{key:"8616138d449823589247a86f11a1d3bf2ce49209",name:"progress"})),a("div",{key:"615aad13fc71e5beb1af0fb4acae36d94f94556e",class:"gux-primary-message"},a("slot",{key:"f58a816704e34aac8b871898c584183cd3c69ce1",name:"primary-message"})),a("div",{key:"138758f5b3d09f2a03ac9fb9e806ba0b94deed6e",class:"gux-additional-guidance"},a("slot",{key:"16f2698501b6afa2b47080fe44f640509d93ccd5",name:"additional-guidance"})))}get root(){return n(this)}};g.style=":host {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n container-type: inline-size;\n}\n\n.gux-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n max-inline-size: var(--gse-ui-progressAndLoading-loadingState-large-width);\n color: var(--gse-ui-progressAndLoading-textColor);\n text-align: center;\n}\n\n@container (width > 400px) {\n .gux-container .gux-primary-message {\n margin-block-start: var(--gse-ui-progressAndLoading-large-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-block-start: var(--gse-ui-progressAndLoading-large-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n }\n}\n@container (width > 200px) and (width <=400px) {\n .gux-container .gux-primary-message {\n margin-block-start: var(--gse-ui-progressAndLoading-medium-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-block-start: var(--gse-ui-progressAndLoading-medium-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n }\n}\n@container (width <=200px) {\n .gux-container .gux-primary-message {\n margin-block-start: var(--gse-ui-progressAndLoading-small-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-block-start: var(--gse-ui-progressAndLoading-small-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n }\n}";export{g as gux_loading_message}
1
+ import{r as e,h as a,a as n}from"./p-xFL2agjT.js";import{t as i}from"./p-D2Q7fj4V.js";const g=class{constructor(a){e(this,a)}componentWillLoad(){i(this.root)}render(){return a("div",{key:"e25839bd66c76c1a7815d1a942427937782e09cf",class:"gux-container",role:"alert","aria-live":"assertive"},a("div",{key:"3b898f4e0da0d14dc9a11650816a6a378a58a822",class:"gux-progress"},a("slot",{key:"8616138d449823589247a86f11a1d3bf2ce49209",name:"progress"})),a("div",{key:"615aad13fc71e5beb1af0fb4acae36d94f94556e",class:"gux-primary-message"},a("slot",{key:"f58a816704e34aac8b871898c584183cd3c69ce1",name:"primary-message"})),a("div",{key:"138758f5b3d09f2a03ac9fb9e806ba0b94deed6e",class:"gux-additional-guidance"},a("slot",{key:"16f2698501b6afa2b47080fe44f640509d93ccd5",name:"additional-guidance"})))}get root(){return n(this)}};g.style=":host {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n container-type: inline-size;\n}\n\n.gux-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n max-inline-size: var(--gse-ui-progressAndLoading-loadingState-large-width);\n color: var(--gse-ui-progressAndLoading-textColor);\n text-align: center;\n}\n\n@container (width > 400px) {\n .gux-container .gux-primary-message {\n margin-block-start: var(--gse-ui-progressAndLoading-large-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-block-start: var(--gse-ui-progressAndLoading-large-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n }\n}\n@container (width > 200px) and (width <=400px) {\n .gux-container .gux-primary-message {\n margin-block-start: var(--gse-ui-progressAndLoading-medium-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-block-start: var(--gse-ui-progressAndLoading-medium-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n }\n}\n@container (width <=200px) {\n .gux-container .gux-primary-message {\n margin-block-start: var(--gse-ui-progressAndLoading-small-gap);\n font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n }\n .gux-container .gux-additional-guidance {\n margin-block-start: var(--gse-ui-progressAndLoading-small-gapText);\n font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n }\n}";export{g as gux_loading_message}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,a as s}from"./p-xFL2agjT.js";import{a as o,c as r,o as a,f as h,s as n,h as p,b as c}from"./p-C_pVuars.js";import{O as d}from"./p-ppdsZH4h.js";import{t as l}from"./p-rsnL2YCR.js";import{g as u}from"./p-BBpQG81s.js";import{f as g}from"./p-Cr5bTKWF.js";const f=class{constructor(i){t(this,i),this.guxdismiss=e(this,"guxdismiss",7),this.position="bottom",this.displayDismissButton=!1,this.closeOnClickOutside=!1,this.isOpen=!1,this.disconnect=void 0}updateForElement(){this.forElement=this.getForElement(),this.forElement.setAttribute("aria-haspopup","true")}onKeyDown(t){"Escape"===t.key&&this.forElement.focus()}onFocusout(t){!this.closeOnClickOutside&&this.displayDismissButton||t.relatedTarget&&!this.root.contains(t.relatedTarget)&&this.dismiss()}checkForClickOutside(t){const e=t.composedPath(),i=g(this.root,this.for),s=e.includes(i);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||s||this.dismiss()}async guxDismissPopover(){this.dismiss()}async guxFocusPopover(){this.focusPopup()}get titleSlot(){return u(this.root,"title")}getForElement(){if(this.for){const t=g(this.root,this.for);return t||this.logForAttributeError(),t}this.logForAttributeError()}focusPopup(){const t=this.root.querySelector("[autoFocus]");t?null==t||t.focus():this.popupElement.focus()}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.root.isConnected?this.cleanupUpdatePosition=o(g(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=g(this.root,this.for);this.popupElement&&t&&r(t,this.popupElement,{placement:this.position,middleware:[a(7),h(),n(),p(),c({element:this.arrowElement,padding:16})]}).then((({x:t,y:e,middlewareData:i,placement:s})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${e}px`});const o=s.split("-")[0],r={top:"bottom",right:"left",bottom:"top",left:"right"}[o],a={top:0,right:90,bottom:180,left:-90}[o],h="left"===o||"right"===o?15:13;if(i.arrow){let t=i.arrow.x;const e=i.arrow.y;"left"!==o&&"right"!==o||(t+=4),this.popupElement.setAttribute("data-placement",s),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[r]:-h+"px",transform:`rotate(${a}deg)`})}i.hide&&Object.assign(this.popupElement.style,{visibility:i.hide.referenceHidden?"hidden":"visible"})}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1,this.popupElement.hidePopover())}logForAttributeError(){this.root.isConnected&&console.error(`gux-popover: invalid element supplied to 'for': "${this.for}"`)}onKeydown(t){switch(t.key){case"Enter":case" ":t.preventDefault(),this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition(),this.focusPopup()}}onMouseup(){this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition()}connectedCallback(){this.updateForElement(),l(this.root,{variant:this.position});const t=this.onKeydown.bind(this);this.forElement.addEventListener("keydown",t);const e=this.onMouseup.bind(this);this.forElement.addEventListener("mouseup",e),this.disconnect=()=>{this.forElement.removeEventListener("keydown",t),this.forElement.removeEventListener("mouseup",e)}}componentDidLoad(){this.forElement&&(this.forElement.popoverTargetElement=this.popupElement,this.isOpen&&(this.popupElement.togglePopover(),this.runUpdatePosition()))}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnect()}render(){return i("div",{key:"8d7f83d40ec47eba70837dda4b8af711162bae9c",ref:t=>this.popupElement=t,class:{"gux-popover-wrapper":!0,"gux-hidden":!this.isOpen},"data-placement":!0,popover:"manual",tabindex:"-1"},i("div",{key:"062bb23ef7eed982668c26a4c0bf38e3974037e2",ref:t=>this.arrowElement=t,class:"gux-arrow"},i("div",{key:"e5f759bed459e9e84d16ac4de1e5fd6e7b437464",class:"gux-arrow-caret"})),this.displayDismissButton&&i("gux-dismiss-button",{key:"90a55b7c84eb3562837c5e42d2dcac4375d98ca4",onClick:this.dismiss.bind(this)}),i("div",{key:"3e19328fc53d18384f29f8e8d1b63be22593ae64",class:{"gux-popover-header":Boolean(this.titleSlot)}},i("slot",{key:"66501ea759026d7276ffbd6db5ca63197e5ab8be",name:"title"})),i("div",{key:"7ee447eb8770043c1ffafaf76e23f09ebf1b522d",class:"gux-popover-content"},i("slot",{key:"dab1da74aa194d3c9f2cdde204c626378c0615ea"})))}get root(){return s(this)}static get watchers(){return{for:["updateForElement"]}}};(function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);r>3&&a&&Object.defineProperty(e,i,a)})([d({triggerEvents:"mousedown"})],f.prototype,"checkForClickOutside",null),f.style=":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;padding:var(--gse-ui-popover-padding);overflow:hidden;color:var(--gse-semantic-foreground-container-highEmphasis);background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow);}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end: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:var(--gse-ui-popover-headerColor)}";export{f as gux_popover_beta}
1
+ import{r as t,c as e,h as i,a as s}from"./p-xFL2agjT.js";import{a as o,c as r,o as a,f as h,s as n,h as p,b as c}from"./p-C_pVuars.js";import{O as d}from"./p-ppdsZH4h.js";import{t as l}from"./p-D2Q7fj4V.js";import{g as u}from"./p-BBpQG81s.js";import{f as g}from"./p-Cr5bTKWF.js";const f=class{constructor(i){t(this,i),this.guxdismiss=e(this,"guxdismiss",7),this.position="bottom",this.displayDismissButton=!1,this.closeOnClickOutside=!1,this.isOpen=!1,this.disconnect=void 0}updateForElement(){this.forElement=this.getForElement(),this.forElement.setAttribute("aria-haspopup","true")}onKeyDown(t){"Escape"===t.key&&this.forElement.focus()}onFocusout(t){!this.closeOnClickOutside&&this.displayDismissButton||t.relatedTarget&&!this.root.contains(t.relatedTarget)&&this.dismiss()}checkForClickOutside(t){const e=t.composedPath(),i=g(this.root,this.for),s=e.includes(i);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||s||this.dismiss()}async guxDismissPopover(){this.dismiss()}async guxFocusPopover(){this.focusPopup()}get titleSlot(){return u(this.root,"title")}getForElement(){if(this.for){const t=g(this.root,this.for);return t||this.logForAttributeError(),t}this.logForAttributeError()}focusPopup(){const t=this.root.querySelector("[autoFocus]");t?null==t||t.focus():this.popupElement.focus()}runUpdatePosition(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.root.isConnected?this.cleanupUpdatePosition=o(g(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=g(this.root,this.for);this.popupElement&&t&&r(t,this.popupElement,{placement:this.position,middleware:[a(7),h(),n(),p(),c({element:this.arrowElement,padding:16})]}).then((({x:t,y:e,middlewareData:i,placement:s})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${e}px`});const o=s.split("-")[0],r={top:"bottom",right:"left",bottom:"top",left:"right"}[o],a={top:0,right:90,bottom:180,left:-90}[o],h="left"===o||"right"===o?15:13;if(i.arrow){let t=i.arrow.x;const e=i.arrow.y;"left"!==o&&"right"!==o||(t+=4),this.popupElement.setAttribute("data-placement",s),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[r]:-h+"px",transform:`rotate(${a}deg)`})}i.hide&&Object.assign(this.popupElement.style,{visibility:i.hide.referenceHidden?"hidden":"visible"})}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1,this.popupElement.hidePopover())}logForAttributeError(){this.root.isConnected&&console.error(`gux-popover: invalid element supplied to 'for': "${this.for}"`)}onKeydown(t){switch(t.key){case"Enter":case" ":t.preventDefault(),this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition(),this.focusPopup()}}onMouseup(){this.popupElement.togglePopover(),this.isOpen=!this.isOpen,this.runUpdatePosition()}connectedCallback(){this.updateForElement(),l(this.root,{variant:this.position});const t=this.onKeydown.bind(this);this.forElement.addEventListener("keydown",t);const e=this.onMouseup.bind(this);this.forElement.addEventListener("mouseup",e),this.disconnect=()=>{this.forElement.removeEventListener("keydown",t),this.forElement.removeEventListener("mouseup",e)}}componentDidLoad(){this.forElement&&(this.forElement.popoverTargetElement=this.popupElement,this.isOpen&&(this.popupElement.togglePopover(),this.runUpdatePosition()))}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnect()}render(){return i("div",{key:"8d7f83d40ec47eba70837dda4b8af711162bae9c",ref:t=>this.popupElement=t,class:{"gux-popover-wrapper":!0,"gux-hidden":!this.isOpen},"data-placement":!0,popover:"manual",tabindex:"-1"},i("div",{key:"062bb23ef7eed982668c26a4c0bf38e3974037e2",ref:t=>this.arrowElement=t,class:"gux-arrow"},i("div",{key:"e5f759bed459e9e84d16ac4de1e5fd6e7b437464",class:"gux-arrow-caret"})),this.displayDismissButton&&i("gux-dismiss-button",{key:"90a55b7c84eb3562837c5e42d2dcac4375d98ca4",onClick:this.dismiss.bind(this)}),i("div",{key:"3e19328fc53d18384f29f8e8d1b63be22593ae64",class:{"gux-popover-header":Boolean(this.titleSlot)}},i("slot",{key:"66501ea759026d7276ffbd6db5ca63197e5ab8be",name:"title"})),i("div",{key:"7ee447eb8770043c1ffafaf76e23f09ebf1b522d",class:"gux-popover-content"},i("slot",{key:"dab1da74aa194d3c9f2cdde204c626378c0615ea"})))}get root(){return s(this)}static get watchers(){return{for:["updateForElement"]}}};(function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);r>3&&a&&Object.defineProperty(e,i,a)})([d({triggerEvents:"mousedown"})],f.prototype,"checkForClickOutside",null),f.style=":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;padding:var(--gse-ui-popover-padding);overflow:hidden;color:var(--gse-semantic-foreground-container-highEmphasis);background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow);}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end: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:var(--gse-ui-popover-headerColor)}";export{f as gux_popover_beta}
@@ -1 +1 @@
1
- import{r as t,h as e,a as i}from"./p-xFL2agjT.js";import{O as r}from"./p-ppdsZH4h.js";import{s as o}from"./p-BMRf5pjV.js";import{b as s}from"./p-Bg4q97BS.js";import{g as n,b as a}from"./p-D2udLR9p.js";import{t as u}from"./p-rsnL2YCR.js";import{a as c}from"./p-DxtJDeL9.js";import{a as l}from"./p-B0p1zRQq.js";import{u as p}from"./p-ZuNZ-MBw.js";import"./p-Cd4R0amv.js";import"./p-BZb6pJEJ.js";var h={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 m(t){const e=new Date,[i,r]=t.split(":");return e.setHours(parseFloat(i)),e.setMinutes(parseFloat(r)),e.setSeconds(0),e.getTime()}function g(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function d(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 f(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString().padStart(2,"0")}:${r}`:`${i}:${r}`}function x(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 b(t,e){const[i]=f(t,e).split(":");return i}function v(t){const[,e]=t.split(":");return e}function k(t){const[e]=t.split(":");return parseInt(e,10)<12}function w(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const C=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.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(){u(this.root),this.i18n=await a(this.root,h),this.clockType=this.clockType||function(t){let e;e=p()?l(t).toLowerCase():n(t).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return!p()&&["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||new RegExp(".*15.*").test(r)?"24h":"12h"}(this.root),this.validateValueFormat(this.value,"00:00"),"12h"==this.clockType&&(this.min||this.max)&&c(this.root,'clock type must be "24h" when using min/max props')}validateValueFormat(t,e){this.isValidTimeFormat(t)||(c(this.root,`"${t}" is not a valid value format. Format must be "hh:mm" or "h:mm". Falling back to previous value: "${e}"`),this.value=e)}isValidTimeFormat(t){return"string"==typeof t&&/^\d{1,2}:\d{2}$/.test(t)}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()}onTargetClick(t){const e=t.composedPath(),i=e.includes(this.clockButton),r=e.includes(this.amPmElement),o=e.includes(this.hourInputElement),s=e.includes(this.minuteInputElement);i||r||s||o||this.toggleDropdown()}handleClickDropdownValue(t){const e=x(t,this.clockType,k(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(g(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(g(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]=f(t,e).split(":");let a=s;return a="Backspace"===i?"12h"==e&&1==o?a.split("").filter(((t,e)=>e==r-1)).join(""):a.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(a.slice(0,r)+i+a.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(w(e)).test(a)||(a="12h"===e?i:i.padStart(2,"0")),x(`${a}:${n}`,e,k(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(d(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(d(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(g(this.value,12),!0)}getAmPmString(){return k(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{role:"spinbutton",class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:b(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:w(this.clockType),ref:t=>this.hourInputElement=t,"aria-valuetext":b(this.value,this.clockType),"aria-valuenow":b(this.value,this.clockType),"aria-valuemin":"24h"===this.clockType?0:1,"aria-valuemax":"24h"===this.clockType?23:12}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{role:"spinbutton",class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:v(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t,"aria-valuetext":v(this.value),"aria-valuenow":v(this.value),"aria-valuemin":0,"aria-valuemax":59}))}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),ref:t=>this.amPmElement=t},e("div",{class:{"gux-meridiem":!0,"gux-visible":k(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!k(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":"fa/clock-regular",size:"small"}))}renderTimeListItems(){return function(t,e,i,r){const o=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0"))),s=("12h"===e?["12","01","02","03","04","05","06","07","08","09","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(o.map((t=>`${e}:${t}`)))),[]);return"24h"===e?function(t,e,i){return e&&i&&m(e)>m(i)?t=t.filter((t=>{const r=m(t),o=m(e),s=m(i),n=m("23:59");return r>=o&&r<n||r<=s})):(e&&(t=t.filter((t=>m(t)>=m(e)))),i&&(t=t.filter((t=>m(t)<=m(i))))),t}(s,i,r):s}(this.interval,this.clockType,this.min,this.max).map((t=>{const i=x(t,this.clockType,k(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",onClick:this.onTargetClick.bind(this)},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",{key:"92235cbe9dedb5be240f395a6ec9b9f2de67170d",class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}static get watchers(){return{value:["validateValueFormat"]}}};(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 a=t.length-1;a>=0;a--)(o=t[a])&&(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"})],C.prototype,"onClickOutside",null),C.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);place-content:stretch center;align-items:center;inline-size:100%;block-size: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{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.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;inline-size:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:end}.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);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.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);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding-block:0;padding-inline:1ch}.gux-time-picker .gux-list-container{max-block-size:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{C as gux_time_picker}
1
+ import{r as t,h as e,a as i}from"./p-xFL2agjT.js";import{O as r}from"./p-ppdsZH4h.js";import{s as o}from"./p-BMRf5pjV.js";import{b as s}from"./p-Bg4q97BS.js";import{g as n,b as a}from"./p-D2udLR9p.js";import{t as u}from"./p-D2Q7fj4V.js";import{a as c}from"./p-DxtJDeL9.js";import{a as l}from"./p-B0p1zRQq.js";import{u as p}from"./p-ZuNZ-MBw.js";import"./p-Cd4R0amv.js";import"./p-BZb6pJEJ.js";var h={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 m(t){const e=new Date,[i,r]=t.split(":");return e.setHours(parseFloat(i)),e.setMinutes(parseFloat(r)),e.setSeconds(0),e.getTime()}function g(t,e){const[i,r]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${r}`}function d(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 f(t,e){const[i,r]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString().padStart(2,"0")}:${r}`:`${i}:${r}`}function x(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 b(t,e){const[i]=f(t,e).split(":");return i}function v(t){const[,e]=t.split(":");return e}function k(t){const[e]=t.split(":");return parseInt(e,10)<12}function w(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const C=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.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(){u(this.root),this.i18n=await a(this.root,h),this.clockType=this.clockType||function(t){let e;e=p()?l(t).toLowerCase():n(t).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),r=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return!p()&&["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||new RegExp(".*15.*").test(r)?"24h":"12h"}(this.root),this.validateValueFormat(this.value,"00:00"),"12h"==this.clockType&&(this.min||this.max)&&c(this.root,'clock type must be "24h" when using min/max props')}validateValueFormat(t,e){this.isValidTimeFormat(t)||(c(this.root,`"${t}" is not a valid value format. Format must be "hh:mm" or "h:mm". Falling back to previous value: "${e}"`),this.value=e)}isValidTimeFormat(t){return"string"==typeof t&&/^\d{1,2}:\d{2}$/.test(t)}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()}onTargetClick(t){const e=t.composedPath(),i=e.includes(this.clockButton),r=e.includes(this.amPmElement),o=e.includes(this.hourInputElement),s=e.includes(this.minuteInputElement);i||r||s||o||this.toggleDropdown()}handleClickDropdownValue(t){const e=x(t,this.clockType,k(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(g(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(g(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]=f(t,e).split(":");let a=s;return a="Backspace"===i?"12h"==e&&1==o?a.split("").filter(((t,e)=>e==r-1)).join(""):a.split("").filter(((t,e)=>e!==r-1)).join("").padStart(2,"0"):parseInt(a.slice(0,r)+i+a.slice(r+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(w(e)).test(a)||(a="12h"===e?i:i.padStart(2,"0")),x(`${a}:${n}`,e,k(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(d(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(d(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(g(this.value,12),!0)}getAmPmString(){return k(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{role:"spinbutton",class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:b(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:w(this.clockType),ref:t=>this.hourInputElement=t,"aria-valuetext":b(this.value,this.clockType),"aria-valuenow":b(this.value,this.clockType),"aria-valuemin":"24h"===this.clockType?0:1,"aria-valuemax":"24h"===this.clockType?23:12}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{role:"spinbutton",class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:v(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t,"aria-valuetext":v(this.value),"aria-valuenow":v(this.value),"aria-valuemin":0,"aria-valuemax":59}))}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),ref:t=>this.amPmElement=t},e("div",{class:{"gux-meridiem":!0,"gux-visible":k(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!k(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":"fa/clock-regular",size:"small"}))}renderTimeListItems(){return function(t,e,i,r){const o=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0"))),s=("12h"===e?["12","01","02","03","04","05","06","07","08","09","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(o.map((t=>`${e}:${t}`)))),[]);return"24h"===e?function(t,e,i){return e&&i&&m(e)>m(i)?t=t.filter((t=>{const r=m(t),o=m(e),s=m(i),n=m("23:59");return r>=o&&r<n||r<=s})):(e&&(t=t.filter((t=>m(t)>=m(e)))),i&&(t=t.filter((t=>m(t)<=m(i))))),t}(s,i,r):s}(this.interval,this.clockType,this.min,this.max).map((t=>{const i=x(t,this.clockType,k(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",onClick:this.onTargetClick.bind(this)},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",{key:"92235cbe9dedb5be240f395a6ec9b9f2de67170d",class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}static get watchers(){return{value:["validateValueFormat"]}}};(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 a=t.length-1;a>=0;a--)(o=t[a])&&(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"})],C.prototype,"onClickOutside",null),C.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);place-content:stretch center;align-items:center;inline-size:100%;block-size: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{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.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;inline-size:2ch;padding:0;font-size:var(--gse-ui-formControl-label-text-fontSize);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:end}.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);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-timePicker-focusAmpm-borderRadius)}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1/1;grid-column:1/1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.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);outline:none;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:var(--gse-ui-timePicker-clockStates-activeColor);cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-timePicker-focusClock-borderRadius)}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{padding:var(--gse-ui-timePicker-clock-padding)}.gux-time-picker .gux-time-separator{padding-block:0;padding-inline:1ch}.gux-time-picker .gux-list-container{max-block-size:150px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{C as gux_time_picker}
@@ -1 +1 @@
1
- import{r as o,h as t,a as s}from"./p-xFL2agjT.js";import{t as r}from"./p-rsnL2YCR.js";const c=class{constructor(t){o(this,t),this.singleOpenSection=!1}handleGuxopened(o){this.singleOpenSection&&this.getAccordionSections().forEach((t=>{t!==o.target&&this.closeSection(t)}))}componentWillLoad(){this.singleOpenSection&&this.getAccordionSections().reduceRight(((o,t)=>(o&&this.closeSection(t),o||t.open)),!1),r(this.root)}getAccordionSections(){return Array.from(this.root.children)}closeSection(o){o.disabled||(o.open=!1)}render(){return t("slot",{key:"eaaefcd1cca70e95575f2a04c632021ccc93787a"})}get root(){return s(this)}};c.style="gux-accordion{-custom-noop:noop}";export{c as gux_accordion}
1
+ import{r as o,h as t,a as s}from"./p-xFL2agjT.js";import{t as c}from"./p-D2Q7fj4V.js";const r=class{constructor(t){o(this,t),this.singleOpenSection=!1}handleGuxopened(o){this.singleOpenSection&&this.getAccordionSections().forEach((t=>{t!==o.target&&this.closeSection(t)}))}componentWillLoad(){this.singleOpenSection&&this.getAccordionSections().reduceRight(((o,t)=>(o&&this.closeSection(t),o||t.open)),!1),c(this.root)}getAccordionSections(){return Array.from(this.root.children)}closeSection(o){o.disabled||(o.open=!1)}render(){return t("slot",{key:"eaaefcd1cca70e95575f2a04c632021ccc93787a"})}get root(){return s(this)}};r.style="gux-accordion{-custom-noop:noop}";export{r as gux_accordion}
@@ -1 +1 @@
1
- import{r as e,h as i,a as t}from"./p-xFL2agjT.js";import{b as o}from"./p-D2udLR9p.js";import{O as r}from"./p-NbJK45FV.js";import{a as l,o as s}from"./p-De1NnCmO.js";import{h as a}from"./p-qzV3vtOw.js";import{g as n}from"./p-MAoEg4ig.js";import{G as f,a as h}from"./p-DK0rhipJ.js";import{G as d,a as u,b as c}from"./p-DDynjBO9.js";import{v as p,a as m}from"./p-DHLxhscH.js";import{t as g}from"./p-rsnL2YCR.js";import"./p-Cd4R0amv.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";import"./p-BMRf5pjV.js";var b={required:"Required"};const x=class{constructor(i){e(this,i),this.indicatorMark="required",this.computedLabelPosition="above",this.hasError=!1,this.hasHelp=!1,this.hasLabelInfo=!1}watchValue(e){const i=this.root.querySelector("gux-time-zone-picker-beta");i&&(i.hasError=e)}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help")}handleKeyup(e){var i,t;"Tab"===e.key?this.input.matches(":focus-within")&&(null===(i=this.labelInfo)||void 0===i||i.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-within")&&(null===(t=this.labelInfo)||void 0===t||t.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async componentWillLoad(){this.getI18nValue=await o(this.root,b),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),this.hasLabelInfo=a(this.root,"label-info"),g(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){var e;return i(c,{key:"8021fd2c7190564cf28210b0e7141e051d4468e7",labelPosition:this.computedLabelPosition},i(u,{key:"8036179008298d39417ad34b64f9d216a40740bd"},null===(e=this.label)||void 0===e?void 0:e.textContent,this.renderText(this.getI18nValue("required"),this.required),this.renderText(n(this.root,"error"),this.hasError),this.renderText(n(this.root,"label-info"),this.hasLabelInfo)),i(d,{key:"cc8145669ae9258493c3cc4d6995ea65190bd325",position:this.computedLabelPosition,required:this.required},i("slot",{key:"4869a073924cc524b3bdcd1cd8d1c1e2725c6b17",name:"label",onSlotchange:()=>this.setLabel()}),i("gux-form-field-label-indicator",{key:"50a1e3f905e392d8813b987457e9cf507e2fed1a",variant:this.indicatorMark,required:this.required}),i("slot",{key:"25cd4be3bf7906da2a99d6cdc7023cebbc3afb1b",name:"label-info"})),i("slot",{key:"192555f7bea53987d464d8d1bc0c70d815a93c91",name:"label-info"}),i("div",{key:"45c0c71fa8a3379446deb5dde6019a8a5a94e2fe",class:"gux-input-and-error-container"},i("div",{key:"4999945a55ecc936d686e3839e7c68d3994ca3ae",class:{"gux-input":!0,"gux-input-error":this.hasError,"gux-time-zone-picker-container":!0,"gux-disabled":this.disabled}},i("slot",{key:"317cbdecb53e5bd3031e1fd370ed881659cbac21"})),i(f,{key:"c792f6017ee9c3a3c003be19023538ce2cf7b482",show:this.hasError},i("slot",{key:"edb2dc0ac5a7b21b79a11fc064abb9cb23f8d8ae",name:"error"})),i(h,{key:"998daf7b1a75da360eff441d7137cf04c04a5248",show:!this.hasError&&this.hasHelp},i("slot",{key:"6d28f8c56bb8da39142173618e1b1fb74192d914",name:"help"}))))}renderText(e,i=!1){if(i)return" "+e}get variant(){return`timeZonePicker-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.input=this.root.querySelector("gux-time-zone-picker-beta"),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=l(this.input,(e=>{this.disabled=e})),this.requiredObserver=s(this.input,(e=>{this.required=e})),p(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}get root(){return t(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(e,i,t,o){var r,l=arguments.length,s=l<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,i,t,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(l<3?r(s):l>3?r(i,t,s):r(i,t))||s);l>3&&s&&Object.defineProperty(i,t,s)})([r({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style=".gux-form-field-fieldset-container{display:flex;min-inline-size:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-visual-label{display:inline-flex;flex:1 0 auto}.gux-form-field-visual-label ::slotted(label){min-inline-size:0}.gux-form-field-visual-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-visual-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-screenreader{display:none}.gux-form-field-screenreader-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}";export{x as gux_form_field_time_zone_picker}
1
+ import{r as e,h as i,a as t}from"./p-xFL2agjT.js";import{b as o}from"./p-D2udLR9p.js";import{O as r}from"./p-NbJK45FV.js";import{a as l,o as s}from"./p-De1NnCmO.js";import{h as a}from"./p-qzV3vtOw.js";import{g as n}from"./p-MAoEg4ig.js";import{G as f,a as h}from"./p-DK0rhipJ.js";import{G as d,a as u,b as c}from"./p-DDynjBO9.js";import{v as p,a as m}from"./p-DHLxhscH.js";import{t as g}from"./p-D2Q7fj4V.js";import"./p-Cd4R0amv.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";import"./p-BMRf5pjV.js";var b={required:"Required"};const x=class{constructor(i){e(this,i),this.indicatorMark="required",this.computedLabelPosition="above",this.hasError=!1,this.hasHelp=!1,this.hasLabelInfo=!1}watchValue(e){const i=this.root.querySelector("gux-time-zone-picker-beta");i&&(i.hasError=e)}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help")}handleKeyup(e){var i,t;"Tab"===e.key?this.input.matches(":focus-within")&&(null===(i=this.labelInfo)||void 0===i||i.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-within")&&(null===(t=this.labelInfo)||void 0===t||t.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async componentWillLoad(){this.getI18nValue=await o(this.root,b),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),this.hasLabelInfo=a(this.root,"label-info"),g(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){var e;return i(c,{key:"8021fd2c7190564cf28210b0e7141e051d4468e7",labelPosition:this.computedLabelPosition},i(u,{key:"8036179008298d39417ad34b64f9d216a40740bd"},null===(e=this.label)||void 0===e?void 0:e.textContent,this.renderText(this.getI18nValue("required"),this.required),this.renderText(n(this.root,"error"),this.hasError),this.renderText(n(this.root,"label-info"),this.hasLabelInfo)),i(d,{key:"cc8145669ae9258493c3cc4d6995ea65190bd325",position:this.computedLabelPosition,required:this.required},i("slot",{key:"4869a073924cc524b3bdcd1cd8d1c1e2725c6b17",name:"label",onSlotchange:()=>this.setLabel()}),i("gux-form-field-label-indicator",{key:"50a1e3f905e392d8813b987457e9cf507e2fed1a",variant:this.indicatorMark,required:this.required}),i("slot",{key:"25cd4be3bf7906da2a99d6cdc7023cebbc3afb1b",name:"label-info"})),i("slot",{key:"192555f7bea53987d464d8d1bc0c70d815a93c91",name:"label-info"}),i("div",{key:"45c0c71fa8a3379446deb5dde6019a8a5a94e2fe",class:"gux-input-and-error-container"},i("div",{key:"4999945a55ecc936d686e3839e7c68d3994ca3ae",class:{"gux-input":!0,"gux-input-error":this.hasError,"gux-time-zone-picker-container":!0,"gux-disabled":this.disabled}},i("slot",{key:"317cbdecb53e5bd3031e1fd370ed881659cbac21"})),i(f,{key:"c792f6017ee9c3a3c003be19023538ce2cf7b482",show:this.hasError},i("slot",{key:"edb2dc0ac5a7b21b79a11fc064abb9cb23f8d8ae",name:"error"})),i(h,{key:"998daf7b1a75da360eff441d7137cf04c04a5248",show:!this.hasError&&this.hasHelp},i("slot",{key:"6d28f8c56bb8da39142173618e1b1fb74192d914",name:"help"}))))}renderText(e,i=!1){if(i)return" "+e}get variant(){return`timeZonePicker-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.input=this.root.querySelector("gux-time-zone-picker-beta"),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=l(this.input,(e=>{this.disabled=e})),this.requiredObserver=s(this.input,(e=>{this.required=e})),p(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}get root(){return t(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(e,i,t,o){var r,l=arguments.length,s=l<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,i,t,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(l<3?r(s):l>3?r(i,t,s):r(i,t))||s);l>3&&s&&Object.defineProperty(i,t,s)})([r({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style=".gux-form-field-fieldset-container{display:flex;min-inline-size:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-visual-label{display:inline-flex;flex:1 0 auto}.gux-form-field-visual-label ::slotted(label){min-inline-size:0}.gux-form-field-visual-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-visual-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-screenreader{display:none}.gux-form-field-screenreader-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}";export{x as gux_form_field_time_zone_picker}
@@ -1 +1 @@
1
- import{r as t,c as i,h as e,a as s}from"./p-xFL2agjT.js";import{O as o}from"./p-ppdsZH4h.js";import{t as r}from"./p-rsnL2YCR.js";import{b as h}from"./p-D2udLR9p.js";import{t as a}from"./p-DN3YAdAX.js";import{h as n}from"./p-Bqbn0_rB.js";import{w as l}from"./p-kLXvN2m9.js";import{b as u}from"./p-Bg4q97BS.js";import{e as g}from"./p-C6ZfOd6U.js";import"./p-Cd4R0amv.js";import"./p-BZb6pJEJ.js";const c=class{constructor(e){t(this,e),this.noHighlightAction=i(this,"noHighlightAction",7),this.disabled=!1,this.isActive=!1,this.expanded=!1}onClickOutside(){this.expanded=!1}watchDisabled(t){t&&(this.expanded=!1)}handleKeydown(t){const i=g("gux-rich-highlight-list-item",t),e=t.composedPath();switch(t.key){case"Escape":this.expanded=!1,this.actionButton.focus();break;case"ArrowDown":case"Enter":e.includes(this.actionButton)&&(t.preventDefault(),this.expanded=!0,this.focusNoHighlightActionButton());break;case"Tab":if(t.shiftKey)return;i&&(this.expanded=!1)}}async componentWillLoad(){r(this.root),this.i18n=await h(this.root,a)}togglePopup(){this.expanded=!this.expanded,this.expanded?this.focusNoHighlightActionButton():this.actionButton.focus()}focusNoHighlightActionButton(){u((()=>{this.noHighlightActionButton.focus()}))}renderTooltip(){if(!this.disabled&&!this.expanded)return e("gux-tooltip-beta",null,e("div",{slot:"content"},this.i18n("textHighlight")))}renderPopup(){return e("div",{class:"gux-text-highlight-popup",slot:"popup"},this.renderNoHighlightAction(),this.renderTextHighlightColors())}renderNoHighlightAction(){return e("gux-button-slot",{accent:"tertiary"},e("button",{type:"button",ref:t=>this.noHighlightActionButton=t,onClick:()=>this.emitNoHighlightAction()},e("gux-truncate",{"max-lines":1},this.i18n("noHighlight"))))}onListClick(t){l("gux-rich-highlight-list-item",t,(()=>{this.expanded=!1,this.actionButton.focus()}))}renderTextHighlightColors(){return e("gux-rich-text-editor-list",{onClick:t=>this.onListClick(t)},e("slot",null))}emitNoHighlightAction(){this.noHighlightAction.emit(),this.expanded=!1,this.actionButton.focus()}renderTarget(){return e("gux-button-slot",{accent:"ghost","icon-only":!0,slot:"target"},e("button",{type:"button",ref:t=>this.actionButton=t,onClick:()=>this.togglePopup(),disabled:this.disabled||n(this.root),class:{"gux-is-pressed":this.isActive||this.expanded},"aria-haspopup":"true","aria-expanded":this.expanded.toString(),"aria-pressed":this.isActive.toString()},e("gux-icon",{size:"small","icon-name":"fa/highlighter-line-regular",decorative:!0}),e("gux-screen-reader-beta",null,this.i18n("textHighlight"))),this.renderTooltip())}render(){return e("gux-popup",{key:"ec879de91b32e19a4db7bb9685ec4a72646e9dec",disabled:this.disabled,expanded:this.expanded,exceedTargetWidth:!0,placement:"bottom-start"},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"]}}};(function(t,i,e,s){var o,r=arguments.length,h=r<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,i,e,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(h=(r<3?o(h):r>3?o(i,e,h):o(i,e))||h);r>3&&h&&Object.defineProperty(i,e,h)})([o({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:block}.gux-text-highlight-popup{display:flex;flex-direction:column;gap:var(--gse-ui-rte-colorPalette-gap);inline-size:104px;padding:12px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}.gux-text-highlight-popup gux-rich-text-editor-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gse-ui-rte-colorPalette-gap);align-items:flex-start;justify-content:flex-start;padding:0}.gux-text-highlight-popup gux-button-slot{align-self:center;block-size:var(--gse-ui-rte-menuButton-height)}.gux-text-highlight-popup gux-button-slot button{block-size:var(--gse-ui-rte-menuButton-height)}gux-button-slot button.gux-is-pressed{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}";export{c as gux_rich_text_editor_action_text_highlight}
1
+ import{r as t,c as i,h as e,a as s}from"./p-xFL2agjT.js";import{O as o}from"./p-ppdsZH4h.js";import{t as r}from"./p-D2Q7fj4V.js";import{b as h}from"./p-D2udLR9p.js";import{t as a}from"./p-DN3YAdAX.js";import{h as n}from"./p-Bqbn0_rB.js";import{w as l}from"./p-kLXvN2m9.js";import{b as u}from"./p-Bg4q97BS.js";import{e as g}from"./p-C6ZfOd6U.js";import"./p-Cd4R0amv.js";import"./p-BZb6pJEJ.js";const c=class{constructor(e){t(this,e),this.noHighlightAction=i(this,"noHighlightAction",7),this.disabled=!1,this.isActive=!1,this.expanded=!1}onClickOutside(){this.expanded=!1}watchDisabled(t){t&&(this.expanded=!1)}handleKeydown(t){const i=g("gux-rich-highlight-list-item",t),e=t.composedPath();switch(t.key){case"Escape":this.expanded=!1,this.actionButton.focus();break;case"ArrowDown":case"Enter":e.includes(this.actionButton)&&(t.preventDefault(),this.expanded=!0,this.focusNoHighlightActionButton());break;case"Tab":if(t.shiftKey)return;i&&(this.expanded=!1)}}async componentWillLoad(){r(this.root),this.i18n=await h(this.root,a)}togglePopup(){this.expanded=!this.expanded,this.expanded?this.focusNoHighlightActionButton():this.actionButton.focus()}focusNoHighlightActionButton(){u((()=>{this.noHighlightActionButton.focus()}))}renderTooltip(){if(!this.disabled&&!this.expanded)return e("gux-tooltip-beta",null,e("div",{slot:"content"},this.i18n("textHighlight")))}renderPopup(){return e("div",{class:"gux-text-highlight-popup",slot:"popup"},this.renderNoHighlightAction(),this.renderTextHighlightColors())}renderNoHighlightAction(){return e("gux-button-slot",{accent:"tertiary"},e("button",{type:"button",ref:t=>this.noHighlightActionButton=t,onClick:()=>this.emitNoHighlightAction()},e("gux-truncate",{"max-lines":1},this.i18n("noHighlight"))))}onListClick(t){l("gux-rich-highlight-list-item",t,(()=>{this.expanded=!1,this.actionButton.focus()}))}renderTextHighlightColors(){return e("gux-rich-text-editor-list",{onClick:t=>this.onListClick(t)},e("slot",null))}emitNoHighlightAction(){this.noHighlightAction.emit(),this.expanded=!1,this.actionButton.focus()}renderTarget(){return e("gux-button-slot",{accent:"ghost","icon-only":!0,slot:"target"},e("button",{type:"button",ref:t=>this.actionButton=t,onClick:()=>this.togglePopup(),disabled:this.disabled||n(this.root),class:{"gux-is-pressed":this.isActive||this.expanded},"aria-haspopup":"true","aria-expanded":this.expanded.toString(),"aria-pressed":this.isActive.toString()},e("gux-icon",{size:"small","icon-name":"fa/highlighter-line-regular",decorative:!0}),e("gux-screen-reader-beta",null,this.i18n("textHighlight"))),this.renderTooltip())}render(){return e("gux-popup",{key:"ec879de91b32e19a4db7bb9685ec4a72646e9dec",disabled:this.disabled,expanded:this.expanded,exceedTargetWidth:!0,placement:"bottom-start"},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"]}}};(function(t,i,e,s){var o,r=arguments.length,h=r<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,i,e,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(h=(r<3?o(h):r>3?o(i,e,h):o(i,e))||h);r>3&&h&&Object.defineProperty(i,e,h)})([o({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:block}.gux-text-highlight-popup{display:flex;flex-direction:column;gap:var(--gse-ui-rte-colorPalette-gap);inline-size:104px;padding:12px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}.gux-text-highlight-popup gux-rich-text-editor-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gse-ui-rte-colorPalette-gap);align-items:flex-start;justify-content:flex-start;padding:0}.gux-text-highlight-popup gux-button-slot{align-self:center;block-size:var(--gse-ui-rte-menuButton-height)}.gux-text-highlight-popup gux-button-slot button{block-size:var(--gse-ui-rte-menuButton-height)}gux-button-slot button.gux-is-pressed{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}";export{c as gux_rich_text_editor_action_text_highlight}
@@ -1 +1 @@
1
- import{r as e,h as o,f as i,a as r}from"./p-xFL2agjT.js";import{b as t}from"./p-D2udLR9p.js";import{O as l}from"./p-NbJK45FV.js";import{h as a}from"./p-qzV3vtOw.js";import{t as s}from"./p-rsnL2YCR.js";import{a as n,G as d}from"./p-DK0rhipJ.js";import{G as f,a as p}from"./p-BUlUXMaT.js";import{g as u,v as g}from"./p-DHLxhscH.js";import{p as h}from"./p-PYfNAK8p.js";import{a as c,o as x,b as m}from"./p-De1NnCmO.js";import{s as b}from"./p-BMRf5pjV.js";import"./p-Cd4R0amv.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";var v={uploadFile:"Upload file",uploadFiles:"Upload files",changeFile:"Change file",changeFiles:"Change files",clickToUpload:"Click to upload",dragAndDropFileInstructions:"Drag and drop a file here or",dragAndDropFilesInstructions:"Drag and drop files here or"};const y=class{constructor(o){e(this,o),this.indicatorMark="required",this.dragAndDrop=!1,this.disabled=!1,this.hasError=!1,this.hasHelp=!1,this.required=!1,this.multiple=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help")}handleKeyup(e){var o,i;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(i=this.labelInfo)||void 0===i||i.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}onGuxRemoveFile(e){this.removeFile(e.detail)}async componentWillLoad(){this.getI18nValue=await t(this.root,v),this.setInput(),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),this.labelInfo=this.root.querySelector("[slot=label-info]"),s(this.root)}disconnectedCallback(){var e,o,i;null===(e=this.disabledObserver)||void 0===e||e.disconnect(),null===(o=this.requiredObserver)||void 0===o||o.disconnect(),null===(i=this.multipleObserver)||void 0===i||i.disconnect()}render(){return o(p,{key:"8451c2a30bb00d14fad89e1fbb993a1c5058ad5a",labelPosition:"above"},o(f,{key:"3dcf64d426c989bb005eddb277411e8bea6b1852",position:"above",required:this.required},o("slot",{key:"3ea96a58a420162f051ffaeb07cc0e3697cf695a",name:"label"}),o("gux-form-field-label-indicator",{key:"924a17317d4b72fc4c69e5cfb38cf384db936b79",variant:this.indicatorMark,required:this.required}),o("slot",{key:"b381194dade9716256eb6fab4e52d6916a5c275b",name:"label-info"})),o("div",{key:"6226c9f869e8ecef880151f338bc97fcb55869a4",class:"gux-input-and-error-container"},o(n,{key:"ffac960d9eecf25043264127195d89d22d789c79",show:this.hasHelp},o("slot",{key:"a11355486ece569db8df0933ac7924792e891ef9",name:"help"})),this.renderInputSlot(),o(d,{key:"276793d8e2fde30fddcd52ced436aeab2e056c17",show:this.hasError},o("slot",{key:"ea31b2604bfc7e070d857659b43badcc70fd3afc",name:"error"})),this.renderFileList()))}setInput(){this.input=u(this.root,'input[type="file"][slot="input"]'),this.input.addEventListener("input",(()=>{i(this.root)})),h(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.multiple=this.input.multiple,this.disabledObserver=c(this.input,(e=>{this.disabled=e})),this.requiredObserver=x(this.input,(e=>{this.required=e})),this.multipleObserver=m(this.input,(e=>{this.multiple=e})),g(this.root,this.input)}getDropZoneText(){return this.getI18nValue(this.multiple?"dragAndDropFilesInstructions":"dragAndDropFileInstructions")}getProxyButtonText(){return this.getI18nValue(this.dragAndDrop?"clickToUpload":this.multiple?this.input.files.length>0?"changeFiles":"uploadFiles":this.input.files.length>0?"changeFile":"uploadFile")}removeFile(e){const o=this.input.files,i=new DataTransfer;for(let r=0;r<o.length;r++)e!==r&&i.items.add(o[r]);this.modifyInputFiles(i.files)}modifyInputFiles(e){this.input.files=e,b(this.root,"input"),b(this.root,"change"),i(this.root)}onProxyFileButtonClick(e){e.preventDefault(),e.stopImmediatePropagation(),this.input.focus(),this.input.click()}onDrop(e){if(e.preventDefault(),e.stopPropagation(),this.disabled)return;const o=this.input.files,i=e.dataTransfer.items,r=new DataTransfer;if(this.multiple)for(let e=0;e<o.length;e++)r.items.add(o[e]);for(let e=0;e<i.length;e++){const o=i[e];if("file"===o.kind&&o.webkitGetAsEntry().isFile&&(r.items.add(o.getAsFile()),!this.multiple))break}this.dropContainer.classList.remove("gux-drag-over"),this.modifyInputFiles(r.files)}onDragOver(e){e.preventDefault(),e.stopPropagation(),this.disabled||this.dropContainer.classList.add("gux-drag-over")}onDragLeave(e){e.preventDefault(),e.stopPropagation(),this.dropContainer.classList.remove("gux-drag-over")}renderFileList(){const e=Array.from(this.input.files||(new DataTransfer).files);return 0===e.length?null:o("div",{class:"gux-file-list"},e.map(((e,i)=>o("slot",{name:`file-${i}`},o("gux-file-list-item",{name:e.name,index:i,disabled:this.disabled})))))}renderInputSlot(){return o("div",{ref:e=>this.dropContainer=e,class:{"gux-drop-container":!0,"gux-drop-zone":this.dragAndDrop,"gux-disabled":this.disabled},onDrop:e=>this.onDrop(e),onDragOver:e=>this.onDragOver(e),onDragEnter:e=>this.onDragOver(e),onDragLeave:e=>this.onDragLeave(e)},this.dragAndDrop&&o("div",{class:"gux-drag-and-drop-text"},this.getDropZoneText()),o("div",{class:"gux-proxy-button"},o("gux-button-slot",{accent:"tertiary"},o("button",{tabIndex:-1,type:"button",disabled:this.disabled,onClick:e=>this.onProxyFileButtonClick(e)},o("div",null,this.getProxyButtonText()))),o("div",{class:"gux-offscreen"},o("slot",{name:"input",onSlotchange:()=>this.setInput()}))))}get root(){return r(this)}};(function(e,o,i,r){var t,l=arguments.length,a=l<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,o,i,r);else for(var s=e.length-1;s>=0;s--)(t=e[s])&&(a=(l<3?t(a):l>3?t(o,i,a):t(o,i))||a);l>3&&a&&Object.defineProperty(o,i,a)})([l({childList:!0,subtree:!0})],y.prototype,"onMutation",null),y.style=".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{display:flex;flex-grow:1;flex-direction:column;gap:var(--gse-ui-fileUpload-mainContainer-gap)}.gux-drop-container{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-fileUpload-dragDrop-btnText-gap);margin-inline:0;font-family:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontFamily);font-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontSize);font-weight:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontWeight);line-height:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-lineHeight);color:var(--gse-ui-fileUpload-dragAndDrop-dropZoneText-color)}.gux-drop-container.gux-drop-zone{place-content:stretch center;align-items:center;min-block-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-minHeight);padding:20px;border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-color);border-radius:var(--gse-ui-fileUpload-dropZone-borderRadius)}.gux-drop-container.gux-drop-zone.gux-drag-over:not(.gux-disabled){background-color:var(--gse-ui-fileUpload-dragAndDrop-dropZone-background-active);border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-color)}.gux-drop-container.gux-drop-zone.gux-disabled{border-color:rgba(0, 0, 64, 0.2509803922)}.gux-drop-container.gux-drop-zone.gux-disabled .gux-drag-and-drop-text{opacity:0.5}.gux-offscreen{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-proxy-button{inline-size:fit-content;border-radius:var(--gse-ui-button-borderRadius)}.gux-proxy-button:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-file-list{display:flex;flex-direction:column;gap:var(--gse-ui-fileUpload-fileCard-cardGroup-gap);inline-size:100%}";export{y as gux_form_field_file_beta}
1
+ import{r as e,h as o,f as i,a as r}from"./p-xFL2agjT.js";import{b as t}from"./p-D2udLR9p.js";import{O as l}from"./p-NbJK45FV.js";import{h as a}from"./p-qzV3vtOw.js";import{t as s}from"./p-D2Q7fj4V.js";import{a as n,G as d}from"./p-DK0rhipJ.js";import{G as f,a as p}from"./p-BUlUXMaT.js";import{g as u,v as g}from"./p-DHLxhscH.js";import{p as h}from"./p-PYfNAK8p.js";import{a as c,o as x,b as m}from"./p-De1NnCmO.js";import{s as b}from"./p-BMRf5pjV.js";import"./p-Cd4R0amv.js";import"./p-D9jKBqIb.js";import"./p-DxtJDeL9.js";var v={uploadFile:"Upload file",uploadFiles:"Upload files",changeFile:"Change file",changeFiles:"Change files",clickToUpload:"Click to upload",dragAndDropFileInstructions:"Drag and drop a file here or",dragAndDropFilesInstructions:"Drag and drop files here or"};const y=class{constructor(o){e(this,o),this.indicatorMark="required",this.dragAndDrop=!1,this.disabled=!1,this.hasError=!1,this.hasHelp=!1,this.required=!1,this.multiple=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help")}handleKeyup(e){var o,i;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(i=this.labelInfo)||void 0===i||i.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}onGuxRemoveFile(e){this.removeFile(e.detail)}async componentWillLoad(){this.getI18nValue=await t(this.root,v),this.setInput(),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),this.labelInfo=this.root.querySelector("[slot=label-info]"),s(this.root)}disconnectedCallback(){var e,o,i;null===(e=this.disabledObserver)||void 0===e||e.disconnect(),null===(o=this.requiredObserver)||void 0===o||o.disconnect(),null===(i=this.multipleObserver)||void 0===i||i.disconnect()}render(){return o(p,{key:"8451c2a30bb00d14fad89e1fbb993a1c5058ad5a",labelPosition:"above"},o(f,{key:"3dcf64d426c989bb005eddb277411e8bea6b1852",position:"above",required:this.required},o("slot",{key:"3ea96a58a420162f051ffaeb07cc0e3697cf695a",name:"label"}),o("gux-form-field-label-indicator",{key:"924a17317d4b72fc4c69e5cfb38cf384db936b79",variant:this.indicatorMark,required:this.required}),o("slot",{key:"b381194dade9716256eb6fab4e52d6916a5c275b",name:"label-info"})),o("div",{key:"6226c9f869e8ecef880151f338bc97fcb55869a4",class:"gux-input-and-error-container"},o(n,{key:"ffac960d9eecf25043264127195d89d22d789c79",show:this.hasHelp},o("slot",{key:"a11355486ece569db8df0933ac7924792e891ef9",name:"help"})),this.renderInputSlot(),o(d,{key:"276793d8e2fde30fddcd52ced436aeab2e056c17",show:this.hasError},o("slot",{key:"ea31b2604bfc7e070d857659b43badcc70fd3afc",name:"error"})),this.renderFileList()))}setInput(){this.input=u(this.root,'input[type="file"][slot="input"]'),this.input.addEventListener("input",(()=>{i(this.root)})),h(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.multiple=this.input.multiple,this.disabledObserver=c(this.input,(e=>{this.disabled=e})),this.requiredObserver=x(this.input,(e=>{this.required=e})),this.multipleObserver=m(this.input,(e=>{this.multiple=e})),g(this.root,this.input)}getDropZoneText(){return this.getI18nValue(this.multiple?"dragAndDropFilesInstructions":"dragAndDropFileInstructions")}getProxyButtonText(){return this.getI18nValue(this.dragAndDrop?"clickToUpload":this.multiple?this.input.files.length>0?"changeFiles":"uploadFiles":this.input.files.length>0?"changeFile":"uploadFile")}removeFile(e){const o=this.input.files,i=new DataTransfer;for(let r=0;r<o.length;r++)e!==r&&i.items.add(o[r]);this.modifyInputFiles(i.files)}modifyInputFiles(e){this.input.files=e,b(this.root,"input"),b(this.root,"change"),i(this.root)}onProxyFileButtonClick(e){e.preventDefault(),e.stopImmediatePropagation(),this.input.focus(),this.input.click()}onDrop(e){if(e.preventDefault(),e.stopPropagation(),this.disabled)return;const o=this.input.files,i=e.dataTransfer.items,r=new DataTransfer;if(this.multiple)for(let e=0;e<o.length;e++)r.items.add(o[e]);for(let e=0;e<i.length;e++){const o=i[e];if("file"===o.kind&&o.webkitGetAsEntry().isFile&&(r.items.add(o.getAsFile()),!this.multiple))break}this.dropContainer.classList.remove("gux-drag-over"),this.modifyInputFiles(r.files)}onDragOver(e){e.preventDefault(),e.stopPropagation(),this.disabled||this.dropContainer.classList.add("gux-drag-over")}onDragLeave(e){e.preventDefault(),e.stopPropagation(),this.dropContainer.classList.remove("gux-drag-over")}renderFileList(){const e=Array.from(this.input.files||(new DataTransfer).files);return 0===e.length?null:o("div",{class:"gux-file-list"},e.map(((e,i)=>o("slot",{name:`file-${i}`},o("gux-file-list-item",{name:e.name,index:i,disabled:this.disabled})))))}renderInputSlot(){return o("div",{ref:e=>this.dropContainer=e,class:{"gux-drop-container":!0,"gux-drop-zone":this.dragAndDrop,"gux-disabled":this.disabled},onDrop:e=>this.onDrop(e),onDragOver:e=>this.onDragOver(e),onDragEnter:e=>this.onDragOver(e),onDragLeave:e=>this.onDragLeave(e)},this.dragAndDrop&&o("div",{class:"gux-drag-and-drop-text"},this.getDropZoneText()),o("div",{class:"gux-proxy-button"},o("gux-button-slot",{accent:"tertiary"},o("button",{tabIndex:-1,type:"button",disabled:this.disabled,onClick:e=>this.onProxyFileButtonClick(e)},o("div",null,this.getProxyButtonText()))),o("div",{class:"gux-offscreen"},o("slot",{name:"input",onSlotchange:()=>this.setInput()}))))}get root(){return r(this)}};(function(e,o,i,r){var t,l=arguments.length,a=l<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,o,i,r);else for(var s=e.length-1;s>=0;s--)(t=e[s])&&(a=(l<3?t(a):l>3?t(o,i,a):t(o,i))||a);l>3&&a&&Object.defineProperty(o,i,a)})([l({childList:!0,subtree:!0})],y.prototype,"onMutation",null),y.style=".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{display:flex;flex-grow:1;flex-direction:column;gap:var(--gse-ui-fileUpload-mainContainer-gap)}.gux-drop-container{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-fileUpload-dragDrop-btnText-gap);margin-inline:0;font-family:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontFamily);font-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontSize);font-weight:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontWeight);line-height:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-lineHeight);color:var(--gse-ui-fileUpload-dragAndDrop-dropZoneText-color)}.gux-drop-container.gux-drop-zone{place-content:stretch center;align-items:center;min-block-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-minHeight);padding:20px;border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-color);border-radius:var(--gse-ui-fileUpload-dropZone-borderRadius)}.gux-drop-container.gux-drop-zone.gux-drag-over:not(.gux-disabled){background-color:var(--gse-ui-fileUpload-dragAndDrop-dropZone-background-active);border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-color)}.gux-drop-container.gux-drop-zone.gux-disabled{border-color:rgba(0, 0, 64, 0.2509803922)}.gux-drop-container.gux-drop-zone.gux-disabled .gux-drag-and-drop-text{opacity:0.5}.gux-offscreen{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-proxy-button{inline-size:fit-content;border-radius:var(--gse-ui-button-borderRadius)}.gux-proxy-button:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-file-list{display:flex;flex-direction:column;gap:var(--gse-ui-fileUpload-fileCard-cardGroup-gap);inline-size:100%}";export{y as gux_form_field_file_beta}
@@ -1 +1 @@
1
- import{r as t,c as e,h as s,a as i}from"./p-xFL2agjT.js";import{O as a}from"./p-ppdsZH4h.js";import{w as o}from"./p-kLXvN2m9.js";import{a as r}from"./p-Bg4q97BS.js";import{t as n}from"./p-rsnL2YCR.js";const c=["primary","secondary","tertiary"];const u=class{constructor(s){t(this,s),this.open=e(this,"open",7),this.close=e(this,"close",7),this.disabled=!1,this.accent="secondary",this.guxAriaLabel="",this.isOpen=!1}handleKeydown(t){const e=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,e.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"Enter":case"ArrowDown":e.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList());break;case"ArrowUp":e.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusLastItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():(this.listElement.blur(),this.close.emit())}onClickOutside(){this.isOpen=!1}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){r((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){r((()=>{this.listElement.guxFocusFirstItem()}))}focusLastItemInPopupList(){r((()=>{this.listElement.guxFocusLastItem()}))}onListClick(t){o("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}componentWillLoad(){n(this.root,{variant:this.accent})}render(){return s("gux-popup",{key:"1de80e87fb808e2c1c67f11069ff854b3c8bb594",expanded:this.isOpen,"exceed-target-width":!0,placement:"bottom-end"},s("div",{key:"ec449bb3cb5a07b22aa19a1cfbe7bad390348c58",slot:"target",class:"gux-button-multi-container"},s("gux-button-slot",{key:"59a02ac2a0617c39bdee504aec91325e5fa6b011",class:"gux-dropdown-button",accent:(t=this.accent,c.find((e=>e===t))?t:"secondary")},s("button",{key:"8e774e6ff321588c41ffe731c1967752dc5ca622",type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.guxAriaLabel},s("slot",{key:"18b5e98f45e5b7f4b4644e55417575f88d240d21",name:"title"}),s("gux-icon",{key:"625f150aebd9cb9c87214c200309e1c76c7ed372",size:"small",decorative:!0,"icon-name":"custom/chevron-down-small-regular"})))),s("div",{key:"3f328498971bffd3d0c79d2dc01e6cca83079af4",class:"gux-list-container",slot:"popup"},s("gux-list",{key:"8263e75953b2091c4af783245e89b5abfabedfe5",onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},s("slot",{key:"2eebad343f088ea4f234ba23c9758d24d082daed"}))));var t}static get delegatesFocus(){return!0}get root(){return i(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,e,s,i){var a,o=arguments.length,r=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(r=(o<3?a(r):o>3?a(e,s,r):a(e,s))||r);o>3&&r&&Object.defineProperty(e,s,r)})([a({triggerEvents:"mousedown"})],u.prototype,"onClickOutside",null),u.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-button-multi-container .gux-dropdown-button button{display:inline-flex;align-items:center}.gux-button-multi-container .gux-dropdown-button button gux-icon{margin-inline-start:var(--gse-ui-button-gap)}.gux-list-container{max-inline-size:220px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{u as gux_button_multi}
1
+ import{r as t,c as e,h as s,a as i}from"./p-xFL2agjT.js";import{O as a}from"./p-ppdsZH4h.js";import{w as o}from"./p-kLXvN2m9.js";import{a as r}from"./p-Bg4q97BS.js";import{t as n}from"./p-D2Q7fj4V.js";const c=["primary","secondary","tertiary"];const u=class{constructor(s){t(this,s),this.open=e(this,"open",7),this.close=e(this,"close",7),this.disabled=!1,this.accent="secondary",this.guxAriaLabel="",this.isOpen=!1}handleKeydown(t){const e=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,e.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"Enter":case"ArrowDown":e.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList());break;case"ArrowUp":e.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusLastItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():(this.listElement.blur(),this.close.emit())}onClickOutside(){this.isOpen=!1}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){r((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){r((()=>{this.listElement.guxFocusFirstItem()}))}focusLastItemInPopupList(){r((()=>{this.listElement.guxFocusLastItem()}))}onListClick(t){o("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}componentWillLoad(){n(this.root,{variant:this.accent})}render(){return s("gux-popup",{key:"1de80e87fb808e2c1c67f11069ff854b3c8bb594",expanded:this.isOpen,"exceed-target-width":!0,placement:"bottom-end"},s("div",{key:"ec449bb3cb5a07b22aa19a1cfbe7bad390348c58",slot:"target",class:"gux-button-multi-container"},s("gux-button-slot",{key:"59a02ac2a0617c39bdee504aec91325e5fa6b011",class:"gux-dropdown-button",accent:(t=this.accent,c.find((e=>e===t))?t:"secondary")},s("button",{key:"8e774e6ff321588c41ffe731c1967752dc5ca622",type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.guxAriaLabel},s("slot",{key:"18b5e98f45e5b7f4b4644e55417575f88d240d21",name:"title"}),s("gux-icon",{key:"625f150aebd9cb9c87214c200309e1c76c7ed372",size:"small",decorative:!0,"icon-name":"custom/chevron-down-small-regular"})))),s("div",{key:"3f328498971bffd3d0c79d2dc01e6cca83079af4",class:"gux-list-container",slot:"popup"},s("gux-list",{key:"8263e75953b2091c4af783245e89b5abfabedfe5",onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},s("slot",{key:"2eebad343f088ea4f234ba23c9758d24d082daed"}))));var t}static get delegatesFocus(){return!0}get root(){return i(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,e,s,i){var a,o=arguments.length,r=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,i);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(r=(o<3?a(r):o>3?a(e,s,r):a(e,s))||r);o>3&&r&&Object.defineProperty(e,s,r)})([a({triggerEvents:"mousedown"})],u.prototype,"onClickOutside",null),u.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-button-multi-container .gux-dropdown-button button{display:inline-flex;align-items:center}.gux-button-multi-container .gux-dropdown-button button gux-icon{margin-inline-start:var(--gse-ui-button-gap)}.gux-list-container{max-inline-size:220px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{u as gux_button_multi}