genesys-spark-components 4.141.0 → 4.142.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 (365) 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 +1 -1
  17. package/dist/cjs/gux-calendar-beta.cjs.entry.js +1 -1
  18. package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
  19. package/dist/cjs/gux-card.cjs.entry.js +1 -1
  20. package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
  21. package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
  22. package/dist/cjs/gux-context-menu.cjs.entry.js +1 -1
  23. package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
  24. package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
  25. package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
  26. package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
  27. package/dist/cjs/gux-day-beta.cjs.entry.js +1 -1
  28. package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
  29. package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
  30. package/dist/cjs/gux-dropdown-multi.cjs.entry.js +1 -1
  31. package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
  32. package/dist/cjs/gux-file-list-item.cjs.entry.js +1 -1
  33. package/dist/cjs/gux-flag-icon-beta.cjs.entry.js +1 -1
  34. package/dist/cjs/gux-flyout-menu.cjs.entry.js +1 -1
  35. package/dist/cjs/gux-form-field-checkbox-group-beta.cjs.entry.js +1 -1
  36. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
  37. package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
  38. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
  39. package/dist/cjs/gux-form-field-file-beta.cjs.entry.js +1 -1
  40. package/dist/cjs/gux-form-field-file.cjs.entry.js +1 -1
  41. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
  42. package/dist/cjs/gux-form-field-label-indicator.cjs.entry.js +1 -1
  43. package/dist/cjs/gux-form-field-number_2.cjs.entry.js +1 -1
  44. package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
  45. package/dist/cjs/gux-form-field-radio-group-beta.cjs.entry.js +1 -1
  46. package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
  47. package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
  48. package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
  49. package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
  50. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
  51. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
  52. package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
  53. package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +1 -1
  54. package/dist/cjs/gux-form-footer.cjs.entry.js +1 -1
  55. package/dist/cjs/gux-icon-tooltip-beta.cjs.entry.js +1 -1
  56. package/dist/cjs/gux-icon.cjs.entry.js +1 -1
  57. package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
  58. package/dist/cjs/gux-inline-dropdown-beta.cjs.entry.js +1 -1
  59. package/dist/cjs/gux-label-info-beta.cjs.entry.js +1 -1
  60. package/dist/cjs/gux-link-beta.cjs.entry.js +1 -1
  61. package/dist/cjs/gux-list.cjs.entry.js +1 -1
  62. package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-loading-message.cjs.entry.js +1 -1
  64. package/dist/cjs/gux-modal-legacy.cjs.entry.js +1 -1
  65. package/dist/cjs/gux-modal-side-panel-beta.cjs.entry.js +1 -1
  66. package/dist/cjs/gux-modal.cjs.entry.js +1 -1
  67. package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
  69. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
  70. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
  71. package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
  72. package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-popover-beta.cjs.entry.js +1 -1
  75. package/dist/cjs/gux-popover-list-beta.cjs.entry.js +1 -1
  76. package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
  77. package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
  78. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  79. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  80. package/dist/cjs/gux-rich-highlight-list-item.cjs.entry.js +1 -1
  81. package/dist/cjs/gux-rich-style-list-item_3.cjs.entry.js +1 -1
  82. package/dist/cjs/gux-rich-text-editor-action-link.cjs.entry.js +1 -1
  83. package/dist/cjs/gux-rich-text-editor-action-rich-style.cjs.entry.js +1 -1
  84. package/dist/cjs/gux-rich-text-editor-action-text-highlight.cjs.entry.js +1 -1
  85. package/dist/cjs/gux-rich-text-editor-action.cjs.entry.js +1 -1
  86. package/dist/cjs/gux-rich-text-editor-beta.cjs.entry.js +1 -1
  87. package/dist/cjs/gux-rich-text-editor-list.cjs.entry.js +1 -1
  88. package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
  89. package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
  90. package/dist/cjs/gux-selector-card-beta.cjs.entry.js +1 -1
  91. package/dist/cjs/gux-selector-cards-beta.cjs.entry.js +1 -1
  92. package/dist/cjs/gux-side-panel-beta.cjs.entry.js +1 -1
  93. package/dist/cjs/gux-side-panel-heading.cjs.entry.js +1 -1
  94. package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
  95. package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
  96. package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
  97. package/dist/cjs/gux-status-indicator-beta.cjs.entry.js +1 -1
  98. package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
  99. package/dist/cjs/gux-tab-list.cjs.entry.js +3 -3
  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-dd8d82d3.js → usage-9df880a3.js} +11 -6
  119. package/dist/collection/components/stable/gux-tabs/gux-tab-list/gux-tab-list.js +3 -3
  120. package/dist/esm/gux-accordion.entry.js +1 -1
  121. package/dist/esm/gux-action-button.entry.js +1 -1
  122. package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
  123. package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
  124. package/dist/esm/gux-announce-beta.entry.js +1 -1
  125. package/dist/esm/gux-avatar-beta.entry.js +1 -1
  126. package/dist/esm/gux-avatar-change-photo-beta.entry.js +1 -1
  127. package/dist/esm/gux-avatar-group-add-item-beta_3.entry.js +1 -1
  128. package/dist/esm/gux-avatar-group-beta.entry.js +1 -1
  129. package/dist/esm/gux-avatar-group-item-beta.entry.js +1 -1
  130. package/dist/esm/gux-badge.entry.js +1 -1
  131. package/dist/esm/gux-blank-state.entry.js +1 -1
  132. package/dist/esm/gux-breadcrumbs.entry.js +1 -1
  133. package/dist/esm/gux-button-multi.entry.js +1 -1
  134. package/dist/esm/gux-button-slot.entry.js +1 -1
  135. package/dist/esm/gux-button_2.entry.js +1 -1
  136. package/dist/esm/gux-calendar-beta.entry.js +1 -1
  137. package/dist/esm/gux-calendar.entry.js +1 -1
  138. package/dist/esm/gux-card.entry.js +1 -1
  139. package/dist/esm/gux-column-manager.entry.js +1 -1
  140. package/dist/esm/gux-content-search.entry.js +1 -1
  141. package/dist/esm/gux-context-menu.entry.js +1 -1
  142. package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
  143. package/dist/esm/gux-date-beta.entry.js +1 -1
  144. package/dist/esm/gux-date-time-beta.entry.js +1 -1
  145. package/dist/esm/gux-datepicker.entry.js +1 -1
  146. package/dist/esm/gux-day-beta.entry.js +1 -1
  147. package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
  148. package/dist/esm/gux-dismiss-button.entry.js +1 -1
  149. package/dist/esm/gux-dropdown-multi.entry.js +1 -1
  150. package/dist/esm/gux-dropdown_3.entry.js +1 -1
  151. package/dist/esm/gux-file-list-item.entry.js +1 -1
  152. package/dist/esm/gux-flag-icon-beta.entry.js +1 -1
  153. package/dist/esm/gux-flyout-menu.entry.js +1 -1
  154. package/dist/esm/gux-form-field-checkbox-group-beta.entry.js +1 -1
  155. package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
  156. package/dist/esm/gux-form-field-color.entry.js +1 -1
  157. package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
  158. package/dist/esm/gux-form-field-file-beta.entry.js +1 -1
  159. package/dist/esm/gux-form-field-file.entry.js +1 -1
  160. package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
  161. package/dist/esm/gux-form-field-label-indicator.entry.js +1 -1
  162. package/dist/esm/gux-form-field-number_2.entry.js +1 -1
  163. package/dist/esm/gux-form-field-phone.entry.js +1 -1
  164. package/dist/esm/gux-form-field-radio-group-beta.entry.js +1 -1
  165. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  166. package/dist/esm/gux-form-field-range.entry.js +1 -1
  167. package/dist/esm/gux-form-field-search.entry.js +1 -1
  168. package/dist/esm/gux-form-field-select.entry.js +1 -1
  169. package/dist/esm/gux-form-field-text-like.entry.js +1 -1
  170. package/dist/esm/gux-form-field-textarea.entry.js +1 -1
  171. package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
  172. package/dist/esm/gux-form-field-time-zone-picker.entry.js +1 -1
  173. package/dist/esm/gux-form-footer.entry.js +1 -1
  174. package/dist/esm/gux-icon-tooltip-beta.entry.js +1 -1
  175. package/dist/esm/gux-icon.entry.js +1 -1
  176. package/dist/esm/gux-inline-alert.entry.js +1 -1
  177. package/dist/esm/gux-inline-dropdown-beta.entry.js +1 -1
  178. package/dist/esm/gux-label-info-beta.entry.js +1 -1
  179. package/dist/esm/gux-link-beta.entry.js +1 -1
  180. package/dist/esm/gux-list.entry.js +1 -1
  181. package/dist/esm/gux-listbox-multi.entry.js +1 -1
  182. package/dist/esm/gux-loading-message.entry.js +1 -1
  183. package/dist/esm/gux-modal-legacy.entry.js +1 -1
  184. package/dist/esm/gux-modal-side-panel-beta.entry.js +1 -1
  185. package/dist/esm/gux-modal.entry.js +1 -1
  186. package/dist/esm/gux-month-picker-beta.entry.js +1 -1
  187. package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
  188. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  189. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  190. package/dist/esm/gux-pagination-legacy.entry.js +1 -1
  191. package/dist/esm/gux-pagination.entry.js +1 -1
  192. package/dist/esm/gux-phone-input-beta.entry.js +1 -1
  193. package/dist/esm/gux-popover-beta.entry.js +1 -1
  194. package/dist/esm/gux-popover-list-beta.entry.js +1 -1
  195. package/dist/esm/gux-popover-list.entry.js +1 -1
  196. package/dist/esm/gux-radial-loading.entry.js +1 -1
  197. package/dist/esm/gux-radial-progress.entry.js +1 -1
  198. package/dist/esm/gux-rating.entry.js +1 -1
  199. package/dist/esm/gux-rich-highlight-list-item.entry.js +1 -1
  200. package/dist/esm/gux-rich-style-list-item_3.entry.js +1 -1
  201. package/dist/esm/gux-rich-text-editor-action-link.entry.js +1 -1
  202. package/dist/esm/gux-rich-text-editor-action-rich-style.entry.js +1 -1
  203. package/dist/esm/gux-rich-text-editor-action-text-highlight.entry.js +1 -1
  204. package/dist/esm/gux-rich-text-editor-action.entry.js +1 -1
  205. package/dist/esm/gux-rich-text-editor-beta.entry.js +1 -1
  206. package/dist/esm/gux-rich-text-editor-list.entry.js +1 -1
  207. package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
  208. package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
  209. package/dist/esm/gux-selector-card-beta.entry.js +1 -1
  210. package/dist/esm/gux-selector-cards-beta.entry.js +1 -1
  211. package/dist/esm/gux-side-panel-beta.entry.js +1 -1
  212. package/dist/esm/gux-side-panel-heading.entry.js +1 -1
  213. package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
  214. package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
  215. package/dist/esm/gux-sort-control.entry.js +1 -1
  216. package/dist/esm/gux-status-indicator-beta.entry.js +1 -1
  217. package/dist/esm/gux-switch-legacy.entry.js +1 -1
  218. package/dist/esm/gux-tab-list.entry.js +3 -3
  219. package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
  220. package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
  221. package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
  222. package/dist/esm/gux-table-toolbar.entry.js +1 -1
  223. package/dist/esm/gux-table.entry.js +1 -1
  224. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  225. package/dist/esm/gux-tabs.entry.js +1 -1
  226. package/dist/esm/gux-tag.entry.js +1 -1
  227. package/dist/esm/gux-text-highlight.entry.js +1 -1
  228. package/dist/esm/gux-time-beta.entry.js +1 -1
  229. package/dist/esm/gux-time-picker.entry.js +1 -1
  230. package/dist/esm/gux-time-zone-beta.entry.js +1 -1
  231. package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
  232. package/dist/esm/gux-toast.entry.js +1 -1
  233. package/dist/esm/gux-toggle.entry.js +1 -1
  234. package/dist/esm/gux-tooltip-base-beta_2.entry.js +1 -1
  235. package/dist/esm/gux-tooltip-pointer-beta.entry.js +1 -1
  236. package/dist/esm/gux-tooltip_2.entry.js +1 -1
  237. package/dist/esm/{usage-b275fc36.js → usage-d2238476.js} +11 -6
  238. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  239. package/dist/genesys-webcomponents/{p-ded7a63a.entry.js → p-0216cbb3.entry.js} +1 -1
  240. package/dist/genesys-webcomponents/{p-47923cec.entry.js → p-058cf740.entry.js} +1 -1
  241. package/dist/genesys-webcomponents/{p-f2b00960.entry.js → p-0621b6e0.entry.js} +1 -1
  242. package/dist/genesys-webcomponents/{p-2a6230a1.entry.js → p-0ccd2202.entry.js} +1 -1
  243. package/dist/genesys-webcomponents/{p-725b42d4.entry.js → p-0ec613aa.entry.js} +1 -1
  244. package/dist/genesys-webcomponents/{p-f46f2e05.entry.js → p-0fad14f6.entry.js} +1 -1
  245. package/dist/genesys-webcomponents/{p-51dc76cf.entry.js → p-11e03ac6.entry.js} +1 -1
  246. package/dist/genesys-webcomponents/{p-d2bbe92f.entry.js → p-166cf5e0.entry.js} +1 -1
  247. package/dist/genesys-webcomponents/{p-76b17243.entry.js → p-18916c07.entry.js} +1 -1
  248. package/dist/genesys-webcomponents/{p-38598edf.entry.js → p-1e0e76e4.entry.js} +1 -1
  249. package/dist/genesys-webcomponents/{p-bfab04cb.entry.js → p-1f936019.entry.js} +1 -1
  250. package/dist/genesys-webcomponents/{p-a9ea0319.entry.js → p-208ce173.entry.js} +1 -1
  251. package/dist/genesys-webcomponents/{p-da79a1aa.entry.js → p-21cf1251.entry.js} +1 -1
  252. package/dist/genesys-webcomponents/{p-5eb9e254.entry.js → p-22201345.entry.js} +1 -1
  253. package/dist/genesys-webcomponents/{p-bc428066.entry.js → p-24414408.entry.js} +1 -1
  254. package/dist/genesys-webcomponents/{p-765d5333.entry.js → p-28a9ca4a.entry.js} +1 -1
  255. package/dist/genesys-webcomponents/{p-eab90725.entry.js → p-28ebc2af.entry.js} +1 -1
  256. package/dist/genesys-webcomponents/{p-685a2d13.entry.js → p-294182ed.entry.js} +1 -1
  257. package/dist/genesys-webcomponents/{p-528f680c.entry.js → p-2aad3f5a.entry.js} +1 -1
  258. package/dist/genesys-webcomponents/{p-9ea355ec.entry.js → p-2b188b2d.entry.js} +1 -1
  259. package/dist/genesys-webcomponents/{p-9c807a9a.entry.js → p-2b220e1d.entry.js} +1 -1
  260. package/dist/genesys-webcomponents/{p-1fe55dfc.entry.js → p-3053e23a.entry.js} +1 -1
  261. package/dist/genesys-webcomponents/{p-a6e9257f.entry.js → p-31ac0b3d.entry.js} +1 -1
  262. package/dist/genesys-webcomponents/{p-05b86e43.entry.js → p-3233543b.entry.js} +1 -1
  263. package/dist/genesys-webcomponents/{p-5ef77e99.entry.js → p-323df381.entry.js} +1 -1
  264. package/dist/genesys-webcomponents/{p-d1206e4c.entry.js → p-33105eb4.entry.js} +1 -1
  265. package/dist/genesys-webcomponents/{p-b8a717e2.entry.js → p-33373a05.entry.js} +1 -1
  266. package/dist/genesys-webcomponents/{p-b78799d3.entry.js → p-37ac70cf.entry.js} +1 -1
  267. package/dist/genesys-webcomponents/{p-0755009b.entry.js → p-395136a8.entry.js} +1 -1
  268. package/dist/genesys-webcomponents/{p-8d2bb668.entry.js → p-3a8cd3b0.entry.js} +1 -1
  269. package/dist/genesys-webcomponents/{p-fe7e7526.entry.js → p-3b6f031b.entry.js} +1 -1
  270. package/dist/genesys-webcomponents/{p-61fc66e2.entry.js → p-43502dac.entry.js} +1 -1
  271. package/dist/genesys-webcomponents/{p-c65142da.entry.js → p-450fbc75.entry.js} +1 -1
  272. package/dist/genesys-webcomponents/{p-4964bf2d.entry.js → p-45411253.entry.js} +1 -1
  273. package/dist/genesys-webcomponents/{p-56f41834.entry.js → p-482d185b.entry.js} +1 -1
  274. package/dist/genesys-webcomponents/{p-e2727722.entry.js → p-4cbad27c.entry.js} +1 -1
  275. package/dist/genesys-webcomponents/p-4ce5478e.entry.js +1 -0
  276. package/dist/genesys-webcomponents/{p-85e00a22.entry.js → p-4d08ccc3.entry.js} +1 -1
  277. package/dist/genesys-webcomponents/{p-204f1247.entry.js → p-55569fe8.entry.js} +1 -1
  278. package/dist/genesys-webcomponents/p-59e33f9e.entry.js +1 -0
  279. package/dist/genesys-webcomponents/{p-2660a2d9.entry.js → p-5dac9228.entry.js} +1 -1
  280. package/dist/genesys-webcomponents/{p-6ba3902c.entry.js → p-5dff1d86.entry.js} +1 -1
  281. package/dist/genesys-webcomponents/{p-f3abc157.entry.js → p-5f66d0f9.entry.js} +1 -1
  282. package/dist/genesys-webcomponents/{p-aa695766.entry.js → p-5f6ce993.entry.js} +1 -1
  283. package/dist/genesys-webcomponents/{p-f84ddc29.entry.js → p-616e7b11.entry.js} +1 -1
  284. package/dist/genesys-webcomponents/p-6d19f0e4.entry.js +1 -0
  285. package/dist/genesys-webcomponents/{p-c5cefcd2.entry.js → p-6d3da37d.entry.js} +1 -1
  286. package/dist/genesys-webcomponents/{p-053a458e.entry.js → p-6ef313ba.entry.js} +1 -1
  287. package/dist/genesys-webcomponents/{p-3fc59aa6.entry.js → p-715c88e7.entry.js} +1 -1
  288. package/dist/genesys-webcomponents/{p-bb489161.entry.js → p-72fb8282.entry.js} +1 -1
  289. package/dist/genesys-webcomponents/{p-485c0596.entry.js → p-7496378e.entry.js} +1 -1
  290. package/dist/genesys-webcomponents/{p-f000bee8.entry.js → p-7525ec6a.entry.js} +1 -1
  291. package/dist/genesys-webcomponents/{p-0e0d9e80.entry.js → p-79e3036d.entry.js} +1 -1
  292. package/dist/genesys-webcomponents/{p-2fb9e962.entry.js → p-7f2dfd4b.entry.js} +1 -1
  293. package/dist/genesys-webcomponents/{p-9adb0cec.entry.js → p-8138eb05.entry.js} +1 -1
  294. package/dist/genesys-webcomponents/{p-0fdef546.entry.js → p-81944f75.entry.js} +1 -1
  295. package/dist/genesys-webcomponents/{p-a86e9816.entry.js → p-833cf4b7.entry.js} +1 -1
  296. package/dist/genesys-webcomponents/{p-85ac2c86.entry.js → p-84cc07f2.entry.js} +1 -1
  297. package/dist/genesys-webcomponents/{p-1357a364.entry.js → p-8ca179c1.entry.js} +1 -1
  298. package/dist/genesys-webcomponents/{p-9b1e2e91.entry.js → p-914aa937.entry.js} +1 -1
  299. package/dist/genesys-webcomponents/{p-fe740fd8.entry.js → p-939eea11.entry.js} +1 -1
  300. package/dist/genesys-webcomponents/{p-6660747a.entry.js → p-96a06592.entry.js} +1 -1
  301. package/dist/genesys-webcomponents/{p-7efd9211.entry.js → p-9762f2c3.entry.js} +1 -1
  302. package/dist/genesys-webcomponents/{p-6ead7a54.entry.js → p-99ec94bf.entry.js} +1 -1
  303. package/dist/genesys-webcomponents/{p-a5597d92.entry.js → p-a126159c.entry.js} +1 -1
  304. package/dist/genesys-webcomponents/{p-b6749daa.entry.js → p-a19e03c2.entry.js} +1 -1
  305. package/dist/genesys-webcomponents/{p-b80b4a56.entry.js → p-a26be48d.entry.js} +1 -1
  306. package/dist/genesys-webcomponents/{p-4eca2262.entry.js → p-a2ab366b.entry.js} +1 -1
  307. package/dist/genesys-webcomponents/{p-bf35dd33.js → p-a3155714.js} +1 -1
  308. package/dist/genesys-webcomponents/{p-7df35448.entry.js → p-a3d6faa0.entry.js} +1 -1
  309. package/dist/genesys-webcomponents/{p-13e41f00.entry.js → p-a68c3236.entry.js} +1 -1
  310. package/dist/genesys-webcomponents/{p-1fa31fa5.entry.js → p-a70346f2.entry.js} +1 -1
  311. package/dist/genesys-webcomponents/{p-f8a11b8d.entry.js → p-a784b878.entry.js} +1 -1
  312. package/dist/genesys-webcomponents/{p-2cd05e0f.entry.js → p-a8a51361.entry.js} +1 -1
  313. package/dist/genesys-webcomponents/{p-937c55fa.entry.js → p-aac3a886.entry.js} +1 -1
  314. package/dist/genesys-webcomponents/{p-c766a94f.entry.js → p-aafc619b.entry.js} +1 -1
  315. package/dist/genesys-webcomponents/{p-5de9f686.entry.js → p-ad84c148.entry.js} +1 -1
  316. package/dist/genesys-webcomponents/{p-fd77f32e.entry.js → p-adb02a02.entry.js} +1 -1
  317. package/dist/genesys-webcomponents/{p-44c0aa00.entry.js → p-aea45bb2.entry.js} +1 -1
  318. package/dist/genesys-webcomponents/{p-41c0d8ad.entry.js → p-b22f932d.entry.js} +1 -1
  319. package/dist/genesys-webcomponents/{p-f1ee0db7.entry.js → p-b7096e93.entry.js} +1 -1
  320. package/dist/genesys-webcomponents/{p-a035ab34.entry.js → p-b9771abb.entry.js} +1 -1
  321. package/dist/genesys-webcomponents/{p-7b208a57.entry.js → p-bc717818.entry.js} +1 -1
  322. package/dist/genesys-webcomponents/{p-bdb30dba.entry.js → p-bd6f0ca4.entry.js} +1 -1
  323. package/dist/genesys-webcomponents/{p-8dee5b0a.entry.js → p-c0294e31.entry.js} +1 -1
  324. package/dist/genesys-webcomponents/{p-95db2fab.entry.js → p-c1150c4d.entry.js} +1 -1
  325. package/dist/genesys-webcomponents/{p-2800e9a9.entry.js → p-c21bb4ac.entry.js} +1 -1
  326. package/dist/genesys-webcomponents/{p-bd9ef1e1.entry.js → p-c4188abd.entry.js} +1 -1
  327. package/dist/genesys-webcomponents/{p-edc81b74.entry.js → p-c438c15d.entry.js} +1 -1
  328. package/dist/genesys-webcomponents/{p-9e118bd0.entry.js → p-ca48b76c.entry.js} +1 -1
  329. package/dist/genesys-webcomponents/{p-49c0f533.entry.js → p-cb8199d5.entry.js} +1 -1
  330. package/dist/genesys-webcomponents/{p-91c53281.entry.js → p-cc3ada38.entry.js} +1 -1
  331. package/dist/genesys-webcomponents/{p-9b8037a0.entry.js → p-cc566249.entry.js} +1 -1
  332. package/dist/genesys-webcomponents/{p-cd141e2a.entry.js → p-cde88b43.entry.js} +1 -1
  333. package/dist/genesys-webcomponents/{p-f8fdd8d1.entry.js → p-d12f0d49.entry.js} +1 -1
  334. package/dist/genesys-webcomponents/{p-b7c0640a.entry.js → p-d13bb6f8.entry.js} +1 -1
  335. package/dist/genesys-webcomponents/{p-b3f52b90.entry.js → p-d2e97fda.entry.js} +1 -1
  336. package/dist/genesys-webcomponents/{p-698ff2fd.entry.js → p-d5826452.entry.js} +1 -1
  337. package/dist/genesys-webcomponents/{p-91c10973.entry.js → p-d6afd5c1.entry.js} +1 -1
  338. package/dist/genesys-webcomponents/{p-912defb0.entry.js → p-d706cb85.entry.js} +1 -1
  339. package/dist/genesys-webcomponents/{p-c710a23f.entry.js → p-d95a1526.entry.js} +1 -1
  340. package/dist/genesys-webcomponents/{p-04547740.entry.js → p-dd7d9730.entry.js} +1 -1
  341. package/dist/genesys-webcomponents/{p-72f8f3e4.entry.js → p-ded1014b.entry.js} +1 -1
  342. package/dist/genesys-webcomponents/{p-39a18c72.entry.js → p-e04875f5.entry.js} +1 -1
  343. package/dist/genesys-webcomponents/{p-ab65438b.entry.js → p-e363d03f.entry.js} +1 -1
  344. package/dist/genesys-webcomponents/{p-db32bbdc.entry.js → p-e3afbe94.entry.js} +1 -1
  345. package/dist/genesys-webcomponents/{p-9212be8b.entry.js → p-e5d5279d.entry.js} +1 -1
  346. package/dist/genesys-webcomponents/{p-a9c9a068.entry.js → p-e82033be.entry.js} +1 -1
  347. package/dist/genesys-webcomponents/{p-c3a57e98.entry.js → p-e9ea44bb.entry.js} +1 -1
  348. package/dist/genesys-webcomponents/{p-cf4ae2a0.entry.js → p-e9fde316.entry.js} +1 -1
  349. package/dist/genesys-webcomponents/{p-dddd603e.entry.js → p-ebc4b56d.entry.js} +1 -1
  350. package/dist/genesys-webcomponents/{p-82e2d2da.entry.js → p-ee065396.entry.js} +1 -1
  351. package/dist/genesys-webcomponents/{p-1c72b1fe.entry.js → p-f0aad9cb.entry.js} +1 -1
  352. package/dist/genesys-webcomponents/{p-4a7c7be1.entry.js → p-f130f4b3.entry.js} +1 -1
  353. package/dist/genesys-webcomponents/{p-27a43b62.entry.js → p-f29aab7b.entry.js} +1 -1
  354. package/dist/genesys-webcomponents/{p-18c66215.entry.js → p-f39cae68.entry.js} +1 -1
  355. package/dist/genesys-webcomponents/{p-1bca0aa8.entry.js → p-fb6d1a90.entry.js} +1 -1
  356. package/dist/genesys-webcomponents/{p-59d2312a.entry.js → p-fcc5e450.entry.js} +1 -1
  357. package/dist/stencil-wrapper.js +1 -1
  358. package/dist/types/stencil-wrapper.d.ts +1 -1
  359. package/package.json +11 -6
  360. package/dist/genesys-webcomponents/p-2570d3f8.entry.js +0 -1
  361. package/dist/genesys-webcomponents/p-a7df7102.entry.js +0 -1
  362. package/dist/genesys-webcomponents/p-bfdaa3b4.entry.js +0 -1
  363. /package/dist/cjs/{index.umd-97204b76.js → index.umd-f6fbfa7a.js} +0 -0
  364. /package/dist/esm/{index.umd-b6f4a8ff.js → index.umd-801fd405.js} +0 -0
  365. /package/dist/genesys-webcomponents/{p-13618479.js → p-78f1e84c.js} +0 -0
@@ -1 +1 @@
1
- import{r as e,h as o,g as r}from"./p-cf74fd3d.js";import{c as t,o as i}from"./p-f4751a15.js";import{O as a}from"./p-946c70b7.js";import{o as n}from"./p-6b12dd16.js";import{p as l}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{a as d,G as u}from"./p-25141c4d.js";import{G as f,a as g}from"./p-bd1d4fac.js";import{v as p,a as h}from"./p-4aaf349e.js";import{t as c}from"./p-bf35dd33.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const m=class{constructor(o){e(this,o),this.indicatorMark="required",this.computedLabelPosition="above",this.required=!0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}handleKeyup(e){var o,r;"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===(r=this.labelInfo)||void 0===r||r.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),c(this.root,{variant:this.variant})}componentDidLoad(){this.updateHeight(this.textareaContainerElement,this.input,this.resize)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return o(g,{key:"6407ddcacb1fdb3b82fb964ea79f7db167e62943",labelPosition:this.computedLabelPosition},o(f,{key:"e6e1a08a36209d757cd194c68ac87c304daa87cf",required:this.required,position:this.computedLabelPosition},o("slot",{key:"2ddf2d0507d799aa5433d150a44ba6d276f33ac1",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"34ea2bd96aff8ab73e9bcd3c798bea12ddc0f8ec",variant:this.indicatorMark,required:this.required}),o("slot",{key:"fb2df5a84a51d19b641f90dd208c39dbb470a02c",name:"label-info"})),o("div",{key:"8f3f75a49f255181af8fed7a3f9be8eba024dbde",class:"gux-input-and-error-container"},o("div",{key:"973620d76537b189f056b6304feca1ed1d7b09ff",ref:e=>this.textareaContainerElement=e,class:{"gux-input":!0,[`gux-resize-${this.resize}`]:!0,"gux-disabled":this.disabled,"gux-input-error":this.hasError}},o("slot",{key:"41a18dbc04090ae6e6afa4e62dfe225542796082",name:"input"})),o(d,{key:"f5314dc2da07de50650bb5371c45888aade55c12",show:this.hasError},o("slot",{key:"88f7e3e308b52a900acbd0ce4415fe3520d4d6a6",name:"error"})),o(u,{key:"64da68877e4eac8871821d5305fa4cc7c9ab2c0a",show:!this.hasError&&this.hasHelp},o("slot",{key:"22c505af2a8c66b7756e1cc833d0bacc6dd74eba",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.resize}-${e}`}setInput(){this.input=this.root.querySelector('textarea[slot="input"]'),l(this.input),this.updateHeight(this.textareaContainerElement,this.input,this.resize),this.input.addEventListener("input",(()=>{this.updateHeight(this.textareaContainerElement,this.input,this.resize)})),this.disabled=t(this.input),this.required=this.input.required,this.disabledObserver=i(this.input,(e=>{this.disabled=e})),this.requiredObserver=n(this.input,(e=>{this.required=e})),p(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=h(this.label,this.labelPosition)}updateHeight(e,o,r){"auto"===r&&e&&(e.dataset.replicatedValue=o.value,e.style.maxHeight=o.style.maxHeight)}get root(){return r(this)}};(function(e,o,r,t){var i,a=arguments.length,n=a<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,o,r,t);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(n=(a<3?i(n):a>3?i(o,r,n):i(o,r))||n);a>3&&n&&Object.defineProperty(o,r,n)})([a({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);resize:vertical;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:none;border-radius:var(--gse-ui-formControl-input-borderRadius);padding:var(--gse-ui-formControl-textarea-padding);margin:0}::slotted(textarea)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}::slotted(textarea)[disabled]{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:flex;outline:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input:focus-within{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);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-input-and-error-container .gux-input.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input.gux-resize-none ::slotted(textarea){resize:none}.gux-input-and-error-container .gux-input.gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}.gux-input-and-error-container .gux-input.gux-resize-auto::after{visibility:hidden;grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;content:attr(data-replicated-value) " ";padding:var(--gse-ui-formControl-textarea-padding);margin:0}.gux-input-and-error-container .gux-input.gux-resize-auto ::slotted(textarea){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}';export{m as gux_form_field_textarea}
1
+ import{r as e,h as o,g as r}from"./p-cf74fd3d.js";import{c as t,o as i}from"./p-f4751a15.js";import{O as a}from"./p-946c70b7.js";import{o as n}from"./p-6b12dd16.js";import{p as l}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{a as d,G as u}from"./p-25141c4d.js";import{G as f,a as g}from"./p-bd1d4fac.js";import{v as p,a as h}from"./p-4aaf349e.js";import{t as c}from"./p-a3155714.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const m=class{constructor(o){e(this,o),this.indicatorMark="required",this.computedLabelPosition="above",this.required=!0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}handleKeyup(e){var o,r;"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===(r=this.labelInfo)||void 0===r||r.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),c(this.root,{variant:this.variant})}componentDidLoad(){this.updateHeight(this.textareaContainerElement,this.input,this.resize)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return o(g,{key:"6407ddcacb1fdb3b82fb964ea79f7db167e62943",labelPosition:this.computedLabelPosition},o(f,{key:"e6e1a08a36209d757cd194c68ac87c304daa87cf",required:this.required,position:this.computedLabelPosition},o("slot",{key:"2ddf2d0507d799aa5433d150a44ba6d276f33ac1",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"34ea2bd96aff8ab73e9bcd3c798bea12ddc0f8ec",variant:this.indicatorMark,required:this.required}),o("slot",{key:"fb2df5a84a51d19b641f90dd208c39dbb470a02c",name:"label-info"})),o("div",{key:"8f3f75a49f255181af8fed7a3f9be8eba024dbde",class:"gux-input-and-error-container"},o("div",{key:"973620d76537b189f056b6304feca1ed1d7b09ff",ref:e=>this.textareaContainerElement=e,class:{"gux-input":!0,[`gux-resize-${this.resize}`]:!0,"gux-disabled":this.disabled,"gux-input-error":this.hasError}},o("slot",{key:"41a18dbc04090ae6e6afa4e62dfe225542796082",name:"input"})),o(d,{key:"f5314dc2da07de50650bb5371c45888aade55c12",show:this.hasError},o("slot",{key:"88f7e3e308b52a900acbd0ce4415fe3520d4d6a6",name:"error"})),o(u,{key:"64da68877e4eac8871821d5305fa4cc7c9ab2c0a",show:!this.hasError&&this.hasHelp},o("slot",{key:"22c505af2a8c66b7756e1cc833d0bacc6dd74eba",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.resize}-${e}`}setInput(){this.input=this.root.querySelector('textarea[slot="input"]'),l(this.input),this.updateHeight(this.textareaContainerElement,this.input,this.resize),this.input.addEventListener("input",(()=>{this.updateHeight(this.textareaContainerElement,this.input,this.resize)})),this.disabled=t(this.input),this.required=this.input.required,this.disabledObserver=i(this.input,(e=>{this.disabled=e})),this.requiredObserver=n(this.input,(e=>{this.required=e})),p(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=h(this.label,this.labelPosition)}updateHeight(e,o,r){"auto"===r&&e&&(e.dataset.replicatedValue=o.value,e.style.maxHeight=o.style.maxHeight)}get root(){return r(this)}};(function(e,o,r,t){var i,a=arguments.length,n=a<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,o,r,t);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(n=(a<3?i(n):a>3?i(o,r,n):i(o,r))||n);a>3&&n&&Object.defineProperty(o,r,n)})([a({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);resize:vertical;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:none;border-radius:var(--gse-ui-formControl-input-borderRadius);padding:var(--gse-ui-formControl-textarea-padding);margin:0}::slotted(textarea)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}::slotted(textarea)[disabled]{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:flex;outline:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input:focus-within{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);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-input-and-error-container .gux-input.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input.gux-resize-none ::slotted(textarea){resize:none}.gux-input-and-error-container .gux-input.gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}.gux-input-and-error-container .gux-input.gux-resize-auto::after{visibility:hidden;grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;content:attr(data-replicated-value) " ";padding:var(--gse-ui-formControl-textarea-padding);margin:0}.gux-input-and-error-container .gux-input.gux-resize-auto ::slotted(textarea){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}';export{m as gux_form_field_textarea}
@@ -1 +1 @@
1
- import{r as t,h as e,H as i,g as s}from"./p-cf74fd3d.js";import{t as a}from"./p-bf35dd33.js";import{a as o}from"./p-8eaf8caf.js";import{s as n,r}from"./p-cc3c3c56.js";import"./p-4202e9f2.js";const l=class{constructor(e){t(this,e),this.processedGroupItems=[],this.quantity=7}async componentWillLoad(){a(this.root,{variant:this.quantity.toString()})}componentDidLoad(){this.setInitialFocusTarget()}componentWillRender(){this.processGroupItems(),this.hideOverflowGroupItems()}onMouseOver(t){this.hideCurrentTooltip(t)}getGroupItems(){return Array.from(this.root.children)}setInitialFocusTarget(){const t=this.getGroupItems();t.length>0&&n(t[0])}processGroupItems(){const t=this.getGroupItems();this.validateChildElements(t),this.processedGroupItems=t.map(((t,e)=>{var i,s,a;return{img:null!==(i=t.querySelector("img"))&&void 0!==i?i:null,name:null!==(s=null==t?void 0:t.name)&&void 0!==s?s:"",accent:null!==(a=null==t?void 0:t.accent)&&void 0!==a?a:null,isOverflow:e>=this.quantity,groupItem:t}}))}hideOverflowGroupItems(){this.processedGroupItems.filter((t=>t.isOverflow)).forEach((t=>{t.groupItem.setAttribute("hidden","")}))}hideCurrentTooltip(t){const e=t.target,i=[...this.getGroupItems(),this.root.shadowRoot.querySelector("gux-avatar-group-add-item-beta")].find((t=>null==t?void 0:t.matches(":focus-within")));i&&i!==e&&i.hideTooltip()}handleClick(t){const e=t.target;"GUX-AVATAR-GROUP-ITEM-BETA"!==e.tagName||e.hasAttribute("hidden")||(r(e),n(e))}validateChildElements(t){0===t.length&&o(this.root,"gux-avatar-group-beta: No child elements detected. Please add some gux-avatar-item-beta tags to slot");const e=["GUX-AVATAR-GROUP-ITEM-BETA","GUX-AVATAR-GROUP-ADD-ITEM-BETA"];t.some((t=>!e.includes(t.tagName)))&&o(this.root,"gux-avatar-group-beta: Invalid child element detected. All child elements must be either buttons, anchor tags or gux-avatar-beta components")}renderOverflowMenu(){if(this.root.children.length>this.quantity){const t=this.processedGroupItems.filter((t=>t.isOverflow&&"GUX-AVATAR-GROUP-ITEM-BETA"===t.groupItem.tagName));return e("gux-avatar-overflow-beta",null,t.map((t=>{var i,s;return e("gux-avatar-overflow-item-beta",{name:t.name,accent:t.accent,onClick:()=>t.groupItem.click()},t.img?e("img",{slot:"image",src:null===(i=t.img)||void 0===i?void 0:i.src,alt:null===(s=t.img)||void 0===s?void 0:s.alt}):null)})))}return null}renderAddToGroup(){return this.processedGroupItems.find((t=>"GUX-AVATAR-GROUP-ADD-ITEM-BETA"===t.groupItem.tagName))&&this.root.children.length>this.quantity?e("gux-avatar-group-add-item-beta",{class:"gux-add-item-overflow"}):null}render(){return e(i,{key:"4fb2cc50bd34d1c068ee37e93ebb623b353c095d",role:"menu",onClick:this.handleClick.bind(this)},e("slot",{key:"a2b3fa35f568e7c3f72c76484dfcd0bcdad9b225"}),this.renderOverflowMenu(),this.renderAddToGroup())}get root(){return s(this)}};l.style=":host{display:flex;align-items:center;inline-size:fit-content;padding-block:var(--gse-semantic-interactive-sm-padding);padding-inline:var(--gse-semantic-interactive-sm-padding) var(--gse-semantic-interactive-md-padding)}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-add-item-overflow{padding-inline-start:calc(var(--gse-core-spacing-4xs) + 2px)}";export{l as gux_avatar_group_beta}
1
+ import{r as t,h as e,H as i,g as s}from"./p-cf74fd3d.js";import{t as a}from"./p-a3155714.js";import{a as o}from"./p-8eaf8caf.js";import{s as n,r}from"./p-cc3c3c56.js";import"./p-4202e9f2.js";const l=class{constructor(e){t(this,e),this.processedGroupItems=[],this.quantity=7}async componentWillLoad(){a(this.root,{variant:this.quantity.toString()})}componentDidLoad(){this.setInitialFocusTarget()}componentWillRender(){this.processGroupItems(),this.hideOverflowGroupItems()}onMouseOver(t){this.hideCurrentTooltip(t)}getGroupItems(){return Array.from(this.root.children)}setInitialFocusTarget(){const t=this.getGroupItems();t.length>0&&n(t[0])}processGroupItems(){const t=this.getGroupItems();this.validateChildElements(t),this.processedGroupItems=t.map(((t,e)=>{var i,s,a;return{img:null!==(i=t.querySelector("img"))&&void 0!==i?i:null,name:null!==(s=null==t?void 0:t.name)&&void 0!==s?s:"",accent:null!==(a=null==t?void 0:t.accent)&&void 0!==a?a:null,isOverflow:e>=this.quantity,groupItem:t}}))}hideOverflowGroupItems(){this.processedGroupItems.filter((t=>t.isOverflow)).forEach((t=>{t.groupItem.setAttribute("hidden","")}))}hideCurrentTooltip(t){const e=t.target,i=[...this.getGroupItems(),this.root.shadowRoot.querySelector("gux-avatar-group-add-item-beta")].find((t=>null==t?void 0:t.matches(":focus-within")));i&&i!==e&&i.hideTooltip()}handleClick(t){const e=t.target;"GUX-AVATAR-GROUP-ITEM-BETA"!==e.tagName||e.hasAttribute("hidden")||(r(e),n(e))}validateChildElements(t){0===t.length&&o(this.root,"gux-avatar-group-beta: No child elements detected. Please add some gux-avatar-item-beta tags to slot");const e=["GUX-AVATAR-GROUP-ITEM-BETA","GUX-AVATAR-GROUP-ADD-ITEM-BETA"];t.some((t=>!e.includes(t.tagName)))&&o(this.root,"gux-avatar-group-beta: Invalid child element detected. All child elements must be either buttons, anchor tags or gux-avatar-beta components")}renderOverflowMenu(){if(this.root.children.length>this.quantity){const t=this.processedGroupItems.filter((t=>t.isOverflow&&"GUX-AVATAR-GROUP-ITEM-BETA"===t.groupItem.tagName));return e("gux-avatar-overflow-beta",null,t.map((t=>{var i,s;return e("gux-avatar-overflow-item-beta",{name:t.name,accent:t.accent,onClick:()=>t.groupItem.click()},t.img?e("img",{slot:"image",src:null===(i=t.img)||void 0===i?void 0:i.src,alt:null===(s=t.img)||void 0===s?void 0:s.alt}):null)})))}return null}renderAddToGroup(){return this.processedGroupItems.find((t=>"GUX-AVATAR-GROUP-ADD-ITEM-BETA"===t.groupItem.tagName))&&this.root.children.length>this.quantity?e("gux-avatar-group-add-item-beta",{class:"gux-add-item-overflow"}):null}render(){return e(i,{key:"4fb2cc50bd34d1c068ee37e93ebb623b353c095d",role:"menu",onClick:this.handleClick.bind(this)},e("slot",{key:"a2b3fa35f568e7c3f72c76484dfcd0bcdad9b225"}),this.renderOverflowMenu(),this.renderAddToGroup())}get root(){return s(this)}};l.style=":host{display:flex;align-items:center;inline-size:fit-content;padding-block:var(--gse-semantic-interactive-sm-padding);padding-inline:var(--gse-semantic-interactive-sm-padding) var(--gse-semantic-interactive-md-padding)}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-add-item-overflow{padding-inline-start:calc(var(--gse-core-spacing-4xs) + 2px)}";export{l as gux_avatar_group_beta}
@@ -1 +1 @@
1
- import{r as o,c as a,h as t,g as e}from"./p-cf74fd3d.js";import{b as g}from"./p-e5e644b3.js";import{t as r}from"./p-bf35dd33.js";import"./p-4202e9f2.js";const u={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"},c=class{constructor(t){o(this,t),this.guxdelete=a(this,"guxdelete",7),this.accent="default",this.disabled=!1,this.removable=!1,this.size="small",this.emphasis="bold"}onKeyDown(o){switch(o.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){!this.disabled&&this.removable&&this.guxdelete.emit()}onSlotChange(o){const a=o.composedPath()[0].assignedNodes();this.label=a.map((o=>o.textContent.trim())).join("")}renderTagTitle(){return t("gux-tooltip-title",null,t("span",null,t("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return t("div",{class:"gux-sr-only"},this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return t("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},t("gux-icon",{class:"gux-tag-remove-icon","icon-name":"fa/xmark-large-regular","screenreader-text":this.i18n("remove-tag",{label:this.label})}))}componentWillLoad(){r(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await g(this.root,u)}render(){return t("div",{key:"2480d939eb358c218691d27fc266b77fffe99aa0",class:{"gux-tag":!0,[`gux-accent-${this.accent}`]:!0,"gux-disabled":this.disabled,[`gux-size-${this.size}`]:!0,[`gux-emphasis-${this.emphasis}`]:!0},"aria-disabled":this.disabled.toString()},this.renderTagTitle(),this.renderSrText(),this.renderRemoveButton())}get root(){return e(this)}};c.style=":host{display:inline-block;border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-tag-removable-gap);place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-tag-small-height);padding:var(--gse-ui-tag-padding);font-family:var(--gse-ui-tag-textSmall-fontFamily);font-size:var(--gse-ui-tag-textSmall-fontSize);font-weight:var(--gse-ui-tag-textSmall-fontWeight);line-height:var(--gse-ui-tag-textSmall-lineHeight);color:var(--gse-ui-tag-default-bold-foregroundColor);background-color:var(--gse-ui-tag-default-bold-backgroundColor);border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag.gux-size-large{block-size:var(--gse-ui-tag-large-height);font-family:var(--gse-ui-tag-textLarge-fontFamily);font-size:var(--gse-ui-tag-textLarge-fontSize);font-weight:var(--gse-ui-tag-textLarge-fontWeight);line-height:var(--gse-ui-tag-textLarge-lineHeight)}.gux-tag.gux-size-large .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline-offset:10px}.gux-tag.gux-disabled{position:relative;user-select:none;opacity:var(--gse-ui-tag-disabled-opacity)}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){font-size:var(--gse-ui-tag-button-size)}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-tag .gux-tag-remove-button{all:unset;display:flex;place-content:center center;align-items:center}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{inline-size:var(--gse-ui-tag-button-size);block-size:var(--gse-ui-tag-button-size);margin-inline-end:-4px}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-ui-color-focus);outline-offset:5px;border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}.gux-tag.gux-accent-default{color:var(--gse-ui-tag-default-bold-foregroundColor);background-color:var(--gse-ui-tag-default-bold-backgroundColor)}.gux-tag.gux-accent-default.gux-emphasis-subtle{color:var(--gse-ui-tag-default-subtle-foregroundColor);background-color:var(--gse-ui-tag-default-subtle-backgroundColor)}.gux-tag.gux-accent-1{color:var(--gse-ui-tag-accent1-bold-foregroundColor);background-color:var(--gse-ui-tag-accent1-bold-backgroundColor)}.gux-tag.gux-accent-1.gux-emphasis-subtle{color:var(--gse-ui-tag-accent1-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent1-subtle-backgroundColor)}.gux-tag.gux-accent-2{color:var(--gse-ui-tag-accent2-bold-foregroundColor);background-color:var(--gse-ui-tag-accent2-bold-backgroundColor)}.gux-tag.gux-accent-2.gux-emphasis-subtle{color:var(--gse-ui-tag-accent2-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent2-subtle-backgroundColor)}.gux-tag.gux-accent-3{color:var(--gse-ui-tag-accent3-bold-foregroundColor);background-color:var(--gse-ui-tag-accent3-bold-backgroundColor)}.gux-tag.gux-accent-3.gux-emphasis-subtle{color:var(--gse-ui-tag-accent3-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent3-subtle-backgroundColor)}.gux-tag.gux-accent-4{color:var(--gse-ui-tag-accent4-bold-foregroundColor);background-color:var(--gse-ui-tag-accent4-bold-backgroundColor)}.gux-tag.gux-accent-4.gux-emphasis-subtle{color:var(--gse-ui-tag-accent4-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent4-subtle-backgroundColor)}.gux-tag.gux-accent-5{color:var(--gse-ui-tag-accent5-bold-foregroundColor);background-color:var(--gse-ui-tag-accent5-bold-backgroundColor)}.gux-tag.gux-accent-5.gux-emphasis-subtle{color:var(--gse-ui-tag-accent5-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent5-subtle-backgroundColor)}.gux-tag.gux-accent-6{color:var(--gse-ui-tag-accent6-bold-foregroundColor);background-color:var(--gse-ui-tag-accent6-bold-backgroundColor)}.gux-tag.gux-accent-6.gux-emphasis-subtle{color:var(--gse-ui-tag-accent6-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent6-subtle-backgroundColor)}.gux-tag.gux-accent-7{color:var(--gse-ui-tag-accent7-bold-foregroundColor);background-color:var(--gse-ui-tag-accent7-bold-backgroundColor)}.gux-tag.gux-accent-7.gux-emphasis-subtle{color:var(--gse-ui-tag-accent7-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent7-subtle-backgroundColor)}.gux-tag.gux-accent-8{color:var(--gse-ui-tag-accent8-bold-foregroundColor);background-color:var(--gse-ui-tag-accent8-bold-backgroundColor)}.gux-tag.gux-accent-8.gux-emphasis-subtle{color:var(--gse-ui-tag-accent8-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent8-subtle-backgroundColor)}.gux-tag.gux-accent-9{color:var(--gse-ui-tag-accent9-bold-foregroundColor);background-color:var(--gse-ui-tag-accent9-bold-backgroundColor)}.gux-tag.gux-accent-9.gux-emphasis-subtle{color:var(--gse-ui-tag-accent9-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent9-subtle-backgroundColor)}.gux-tag.gux-accent-10{color:var(--gse-ui-tag-accent10-bold-foregroundColor);background-color:var(--gse-ui-tag-accent10-bold-backgroundColor)}.gux-tag.gux-accent-10.gux-emphasis-subtle{color:var(--gse-ui-tag-accent10-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent10-subtle-backgroundColor)}.gux-tag.gux-accent-inherit{color:inherit;background-color:inherit}";export{c as gux_tag}
1
+ import{r as o,c as a,h as t,g as e}from"./p-cf74fd3d.js";import{b as g}from"./p-e5e644b3.js";import{t as r}from"./p-a3155714.js";import"./p-4202e9f2.js";const u={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"},c=class{constructor(t){o(this,t),this.guxdelete=a(this,"guxdelete",7),this.accent="default",this.disabled=!1,this.removable=!1,this.size="small",this.emphasis="bold"}onKeyDown(o){switch(o.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){!this.disabled&&this.removable&&this.guxdelete.emit()}onSlotChange(o){const a=o.composedPath()[0].assignedNodes();this.label=a.map((o=>o.textContent.trim())).join("")}renderTagTitle(){return t("gux-tooltip-title",null,t("span",null,t("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return t("div",{class:"gux-sr-only"},this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return t("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},t("gux-icon",{class:"gux-tag-remove-icon","icon-name":"fa/xmark-large-regular","screenreader-text":this.i18n("remove-tag",{label:this.label})}))}componentWillLoad(){r(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await g(this.root,u)}render(){return t("div",{key:"2480d939eb358c218691d27fc266b77fffe99aa0",class:{"gux-tag":!0,[`gux-accent-${this.accent}`]:!0,"gux-disabled":this.disabled,[`gux-size-${this.size}`]:!0,[`gux-emphasis-${this.emphasis}`]:!0},"aria-disabled":this.disabled.toString()},this.renderTagTitle(),this.renderSrText(),this.renderRemoveButton())}get root(){return e(this)}};c.style=":host{display:inline-block;border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-tag-removable-gap);place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-tag-small-height);padding:var(--gse-ui-tag-padding);font-family:var(--gse-ui-tag-textSmall-fontFamily);font-size:var(--gse-ui-tag-textSmall-fontSize);font-weight:var(--gse-ui-tag-textSmall-fontWeight);line-height:var(--gse-ui-tag-textSmall-lineHeight);color:var(--gse-ui-tag-default-bold-foregroundColor);background-color:var(--gse-ui-tag-default-bold-backgroundColor);border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag.gux-size-large{block-size:var(--gse-ui-tag-large-height);font-family:var(--gse-ui-tag-textLarge-fontFamily);font-size:var(--gse-ui-tag-textLarge-fontSize);font-weight:var(--gse-ui-tag-textLarge-fontWeight);line-height:var(--gse-ui-tag-textLarge-lineHeight)}.gux-tag.gux-size-large .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline-offset:10px}.gux-tag.gux-disabled{position:relative;user-select:none;opacity:var(--gse-ui-tag-disabled-opacity)}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){font-size:var(--gse-ui-tag-button-size)}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-tag .gux-tag-remove-button{all:unset;display:flex;place-content:center center;align-items:center}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{inline-size:var(--gse-ui-tag-button-size);block-size:var(--gse-ui-tag-button-size);margin-inline-end:-4px}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-ui-color-focus);outline-offset:5px;border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}.gux-tag.gux-accent-default{color:var(--gse-ui-tag-default-bold-foregroundColor);background-color:var(--gse-ui-tag-default-bold-backgroundColor)}.gux-tag.gux-accent-default.gux-emphasis-subtle{color:var(--gse-ui-tag-default-subtle-foregroundColor);background-color:var(--gse-ui-tag-default-subtle-backgroundColor)}.gux-tag.gux-accent-1{color:var(--gse-ui-tag-accent1-bold-foregroundColor);background-color:var(--gse-ui-tag-accent1-bold-backgroundColor)}.gux-tag.gux-accent-1.gux-emphasis-subtle{color:var(--gse-ui-tag-accent1-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent1-subtle-backgroundColor)}.gux-tag.gux-accent-2{color:var(--gse-ui-tag-accent2-bold-foregroundColor);background-color:var(--gse-ui-tag-accent2-bold-backgroundColor)}.gux-tag.gux-accent-2.gux-emphasis-subtle{color:var(--gse-ui-tag-accent2-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent2-subtle-backgroundColor)}.gux-tag.gux-accent-3{color:var(--gse-ui-tag-accent3-bold-foregroundColor);background-color:var(--gse-ui-tag-accent3-bold-backgroundColor)}.gux-tag.gux-accent-3.gux-emphasis-subtle{color:var(--gse-ui-tag-accent3-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent3-subtle-backgroundColor)}.gux-tag.gux-accent-4{color:var(--gse-ui-tag-accent4-bold-foregroundColor);background-color:var(--gse-ui-tag-accent4-bold-backgroundColor)}.gux-tag.gux-accent-4.gux-emphasis-subtle{color:var(--gse-ui-tag-accent4-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent4-subtle-backgroundColor)}.gux-tag.gux-accent-5{color:var(--gse-ui-tag-accent5-bold-foregroundColor);background-color:var(--gse-ui-tag-accent5-bold-backgroundColor)}.gux-tag.gux-accent-5.gux-emphasis-subtle{color:var(--gse-ui-tag-accent5-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent5-subtle-backgroundColor)}.gux-tag.gux-accent-6{color:var(--gse-ui-tag-accent6-bold-foregroundColor);background-color:var(--gse-ui-tag-accent6-bold-backgroundColor)}.gux-tag.gux-accent-6.gux-emphasis-subtle{color:var(--gse-ui-tag-accent6-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent6-subtle-backgroundColor)}.gux-tag.gux-accent-7{color:var(--gse-ui-tag-accent7-bold-foregroundColor);background-color:var(--gse-ui-tag-accent7-bold-backgroundColor)}.gux-tag.gux-accent-7.gux-emphasis-subtle{color:var(--gse-ui-tag-accent7-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent7-subtle-backgroundColor)}.gux-tag.gux-accent-8{color:var(--gse-ui-tag-accent8-bold-foregroundColor);background-color:var(--gse-ui-tag-accent8-bold-backgroundColor)}.gux-tag.gux-accent-8.gux-emphasis-subtle{color:var(--gse-ui-tag-accent8-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent8-subtle-backgroundColor)}.gux-tag.gux-accent-9{color:var(--gse-ui-tag-accent9-bold-foregroundColor);background-color:var(--gse-ui-tag-accent9-bold-backgroundColor)}.gux-tag.gux-accent-9.gux-emphasis-subtle{color:var(--gse-ui-tag-accent9-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent9-subtle-backgroundColor)}.gux-tag.gux-accent-10{color:var(--gse-ui-tag-accent10-bold-foregroundColor);background-color:var(--gse-ui-tag-accent10-bold-backgroundColor)}.gux-tag.gux-accent-10.gux-emphasis-subtle{color:var(--gse-ui-tag-accent10-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent10-subtle-backgroundColor)}.gux-tag.gux-accent-inherit{color:inherit;background-color:inherit}";export{c as gux_tag}
@@ -1 +1 @@
1
- import{r as a,h as e,H as t,g as i}from"./p-cf74fd3d.js";import{t as o}from"./p-bf35dd33.js";import{g as r}from"./p-cc3c3c56.js";import{b as n}from"./p-e5e644b3.js";import{a as s,c as u,o as c}from"./p-864af39c.js";import{O as l}from"./p-f3d844c7.js";import{a as d}from"./p-8eaf8caf.js";import{a as g}from"./p-cf0e7d3b.js";import{a as v,g as f}from"./p-5fcdcbfd.js";import"./p-4202e9f2.js";const b={addToGroup:"Add more items to group"},m=class{constructor(e){a(this,e)}async componentWillLoad(){o(this.root),this.i18n=await n(this.root,b)}async hideTooltip(){return await this.tooltip.hideTooltip()}onKeydown(a){r(a,this.root)}render(){return e(t,{key:"c2208087a0df24f9930d65f5cc0b4e33e9365f3d",role:"menuitem"},e("button",{key:"c84beab4ccbf57c154859e7bd16ba4de69705ffa",type:"button","aria-label":this.i18n("addToGroup"),tabIndex:-1,class:"gux-avatar"},e("span",{key:"de3cafb76d43b51a17d80d825a1902662e55585c","aria-hidden":"true"},"+"),e("gux-tooltip-beta",{key:"02843211a8a4cedfbaafa6b650ddc29d77802a7d","aria-hidden":"true","visual-only":!0,placement:"top",ref:a=>this.tooltip=a},e("div",{key:"a5c8e606aa2cbb12517bf295d26520ca5358aeff",slot:"content"},this.i18n("addToGroup")))))}static get delegatesFocus(){return!0}get root(){return i(this)}};m.style="button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-small-content-size);block-size:var(--gse-ui-avatar-small-content-size);padding:0;margin:0;overflow:hidden;font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight);line-height:var(--gse-ui-avatar-small-initials-lineHeight);color:var(--gse-ui-avatar-media-initialsForeground-add);cursor:pointer;background:none;background-color:var(--gse-ui-avatar-media-initialsBackground-add);border:none;border-radius:50%}button:focus-visible,button:hover{position:relative;z-index:var(--gse-semantic-zIndex-showFocus)}button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";const h=class{constructor(e){a(this,e),this.delayTime=250,this.count=0,this.expanded=!1}async componentWillLoad(){o(this.root)}componentDidLoad(){this.expanded&&this.runUpdatePosition()}componentDidUpdate(){this.expanded?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){clearTimeout(this.focusDelayTimeout),clearTimeout(this.hideDelayTimeout),this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}onClickOutside(){this.expanded=!1}onKeydown(a){switch(r(a,this.root),a.key){case"Escape":this.hide(),"GUX-AVATAR-OVERFLOW-ITEM-BETA"===a.target.tagName&&(this.focusDelayTimeout=g((()=>{var a;null===(a=this.overflowButtonElement)||void 0===a||a.focus()})));break;case"Tab":this.hide()}}onClick(a){a.stopPropagation(),"GUX-AVATAR-OVERFLOW-ITEM-BETA"===a.target.tagName&&(this.menuElement.scrollTop=0,this.expanded=!1)}async guxClose(){this.hide()}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=s(this.overflowButtonElement,this.menuElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.root&&u(this.overflowButtonElement,this.menuElement,{placement:"bottom-start",strategy:"fixed",middleware:[c({mainAxis:4,crossAxis:4})]}).then((({x:a,y:e})=>{Object.assign(this.menuElement.style,{left:`${a}px`,top:`${e}px`})}))}getCount(){const a=Array.from(this.root.children);if(a.some((a=>"GUX-AVATAR-OVERFLOW-ITEM-BETA"!==a.tagName))&&d(this.root,"Only gux-avatar-overflow-item-beta elements are allowed as children."),a)return a.length}toggleOverflowMenu(){this.expanded?this.hide():this.show()}show(){clearTimeout(this.hideDelayTimeout),this.expanded=!0,this.hideDelayTimeout=g((()=>{this.focusOnMenu()}))}hide(){this.expanded&&(this.hideDelayTimeout=setTimeout((()=>{this.expanded=!1}),this.delayTime))}focusOnMenu(){Array.from(this.root.children)[0].focus()}render(){return e(t,{key:"56dc6348cc414fa170fa0ee06fe064f3450882bc",role:"menuitem"},e("button",{key:"5b73425d77f78fce9d87b33487cea1abef6cb0a3",class:"gux-avatar-overflow",ref:a=>this.overflowButtonElement=a,onClick:()=>this.toggleOverflowMenu(),tabIndex:-1,"aria-haspopup":"true","aria-expanded":this.expanded.toString()},e("span",{key:"a23023d03fb1b759e35f06dea6be0114ba5873db",class:"gux-avatar-overflow-wrapper"},e("span",{key:"ae083e3bbf584b59f5a00eac3585b79fa916a712",class:"gux-avatar-overflow-content"}," +",this.getCount()))),e("div",{key:"cab97c98d994f16c09b24f8545b8cd7200388892",class:{"gux-menu-wrapper":!0,"gux-shown":this.expanded},ref:a=>this.menuElement=a},e("div",{key:"715af9beb5866644e7524b641ce2206b6b1b86d3",role:"menu",class:"gux-menu-content"},e("slot",{key:"fd5723c2b0f9bb1039e043d505ff7dff3ba70a18"}))))}static get delegatesFocus(){return!0}get root(){return i(this)}};function p(a){const e=function(a){let e=a;for(;null!==e.previousElementSibling;)e=e.previousElementSibling;return e}(a);e&&e.focus()}function x(a){const e=function(a){let e=a;for(;null!==e.nextElementSibling;)e=e.nextElementSibling;return e}(a);e&&e.focus()}(function(a,e,t,i){var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(a,e,t,i);else for(var s=a.length-1;s>=0;s--)(o=a[s])&&(n=(r<3?o(n):r>3?o(e,t,n):o(e,t))||n);r>3&&n&&Object.defineProperty(e,t,n)})([l({triggerEvents:"mousedown"})],h.prototype,"onClickOutside",null),h.style=":host{display:block;margin-inline-end:var(--gse-ui-avatar-groupSet-gap)}.gux-avatar-overflow{position:relative;box-sizing:border-box;inline-size:100%;padding:0;margin:0;line-height:0px;cursor:pointer;background:none;border:none;border-radius:50%}.gux-avatar-overflow:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-avatar-overflow:hover,.gux-avatar-overflow:focus{z-index:var(--gse-semantic-zIndex-showFocus)}.gux-avatar-overflow .gux-avatar-overflow-wrapper{position:relative;display:flex}.gux-avatar-overflow .gux-avatar-overflow-wrapper .gux-avatar-overflow-content{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-small-content-size);block-size:var(--gse-ui-avatar-small-content-size);overflow:hidden;font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight);line-height:var(--gse-core-lineHeight-matchFontSize);color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-overflowCount);border-radius:50%}.gux-menu-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popup);visibility:hidden;flex-direction:column;max-block-size:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow-y:auto;background-color:var(--gse-ui-menu-backgroundColor);border:none;border:var(--gse-semantic-container-edges-borderWidth) solid var(--gse-semantic-border-container-edges-default);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}.gux-menu-wrapper.gux-shown{visibility:visible}";const k=class{constructor(e){a(this,e),this.accent="auto"}async componentWillLoad(){o(this.root)}componentDidLoad(){this.validatingInputs()}onKeydown(a){!function(a,e){switch(a.key){case"ArrowUp":case"ArrowLeft":a.stopPropagation(),a.preventDefault(),function(a){const e=a.previousElementSibling;e?e.focus():x(a)}(e);break;case"ArrowDown":case"ArrowRight":a.stopPropagation(),a.preventDefault(),function(a){const e=a.nextElementSibling;e?e.focus():p(a)}(e);break;case"Home":a.stopPropagation(),a.preventDefault(),p(e);break;case"End":a.stopPropagation(),a.preventDefault(),x(e)}}(a,this.root)}validatingInputs(){const a=this.root.querySelector("img");this.name||d(this.root,"Name prop is required"),a&&!a.getAttribute("alt")&&d(this.root,"Alt attribute is required for slotted image.")}render(){return e(t,{key:"34b0e018d662b7536da4a91d6ccc055c8cc730d7",role:"menuitem"},e("button",{key:"c59be9f70bc25dce8bc62dfc8739f93d6006e68e",type:"button","aria-label":this.name,tabIndex:-1},e("span",{key:"024aae64707578c490f8fb2d2c2aa809e65ffefe",class:{"gux-avatar":!0,[v(this.accent,this.name)]:!0}},e("slot",{key:"1e657ac3badc1a73c283d82f0e0b6381033e179e",name:"image"},e("span",{key:"b63a8cce36637908e4c07f532fdf27e97831e019",class:"gux-avatar-initials","aria-hidden":"true"},f(this.name)))),e("span",{key:"67247e6254beaa1b31374653ace95300a8e029a4"},this.name)))}static get delegatesFocus(){return!0}get root(){return i(this)}};k.style="::slotted(img){inline-size:100%;block-size:100%;object-fit:cover}button{all:unset;box-sizing:border-box;display:flex;gap:var(--gse-ui-menu-option-gap);align-items:center;inline-size:100%;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1);background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none}button:focus-visible{outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button:hover{background:var(--gse-ui-menu-option-hover-backgroundColor)}button:active{font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}button .gux-avatar{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-xsmall-content-size);block-size:var(--gse-ui-avatar-xsmall-content-size);padding:0;margin:0;overflow:hidden;color:var(--gse-ui-avatar-media-initialsForeground-inverse);cursor:pointer;background:none;background-color:var(--gse-ui-avatar-media-initialsBackground-default);border:none;border-radius:50%}button .gux-avatar .gux-avatar-initials{font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-xsmall-initials-fontSize);font-weight:var(--gse-ui-avatar-xsmall-initials-fontWeight);line-height:var(--gse-ui-avatar-small-initials-lineHeight);text-transform:uppercase}button .gux-avatar.gux-accent-1{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent1)}button .gux-avatar.gux-accent-2{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent2)}button .gux-avatar.gux-accent-3{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent3)}button .gux-avatar.gux-accent-4{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent4)}button .gux-avatar.gux-accent-5{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent5)}button .gux-avatar.gux-accent-6{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent6)}button .gux-avatar.gux-accent-7{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent7)}button .gux-avatar.gux-accent-8{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent8)}button .gux-avatar.gux-accent-9{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent9)}button .gux-avatar.gux-accent-10{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent10)}button .gux-avatar.gux-accent-11{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent11)}button .gux-avatar.gux-accent-12{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent12)}button .gux-avatar.gux-accent-inherit{color:inherit;background-color:inherit}";export{m as gux_avatar_group_add_item_beta,h as gux_avatar_overflow_beta,k as gux_avatar_overflow_item_beta}
1
+ import{r as a,h as e,H as t,g as i}from"./p-cf74fd3d.js";import{t as o}from"./p-a3155714.js";import{g as r}from"./p-cc3c3c56.js";import{b as n}from"./p-e5e644b3.js";import{a as s,c as u,o as c}from"./p-864af39c.js";import{O as l}from"./p-f3d844c7.js";import{a as d}from"./p-8eaf8caf.js";import{a as g}from"./p-cf0e7d3b.js";import{a as v,g as f}from"./p-5fcdcbfd.js";import"./p-4202e9f2.js";const b={addToGroup:"Add more items to group"},m=class{constructor(e){a(this,e)}async componentWillLoad(){o(this.root),this.i18n=await n(this.root,b)}async hideTooltip(){return await this.tooltip.hideTooltip()}onKeydown(a){r(a,this.root)}render(){return e(t,{key:"c2208087a0df24f9930d65f5cc0b4e33e9365f3d",role:"menuitem"},e("button",{key:"c84beab4ccbf57c154859e7bd16ba4de69705ffa",type:"button","aria-label":this.i18n("addToGroup"),tabIndex:-1,class:"gux-avatar"},e("span",{key:"de3cafb76d43b51a17d80d825a1902662e55585c","aria-hidden":"true"},"+"),e("gux-tooltip-beta",{key:"02843211a8a4cedfbaafa6b650ddc29d77802a7d","aria-hidden":"true","visual-only":!0,placement:"top",ref:a=>this.tooltip=a},e("div",{key:"a5c8e606aa2cbb12517bf295d26520ca5358aeff",slot:"content"},this.i18n("addToGroup")))))}static get delegatesFocus(){return!0}get root(){return i(this)}};m.style="button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-small-content-size);block-size:var(--gse-ui-avatar-small-content-size);padding:0;margin:0;overflow:hidden;font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight);line-height:var(--gse-ui-avatar-small-initials-lineHeight);color:var(--gse-ui-avatar-media-initialsForeground-add);cursor:pointer;background:none;background-color:var(--gse-ui-avatar-media-initialsBackground-add);border:none;border-radius:50%}button:focus-visible,button:hover{position:relative;z-index:var(--gse-semantic-zIndex-showFocus)}button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";const h=class{constructor(e){a(this,e),this.delayTime=250,this.count=0,this.expanded=!1}async componentWillLoad(){o(this.root)}componentDidLoad(){this.expanded&&this.runUpdatePosition()}componentDidUpdate(){this.expanded?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){clearTimeout(this.focusDelayTimeout),clearTimeout(this.hideDelayTimeout),this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}onClickOutside(){this.expanded=!1}onKeydown(a){switch(r(a,this.root),a.key){case"Escape":this.hide(),"GUX-AVATAR-OVERFLOW-ITEM-BETA"===a.target.tagName&&(this.focusDelayTimeout=g((()=>{var a;null===(a=this.overflowButtonElement)||void 0===a||a.focus()})));break;case"Tab":this.hide()}}onClick(a){a.stopPropagation(),"GUX-AVATAR-OVERFLOW-ITEM-BETA"===a.target.tagName&&(this.menuElement.scrollTop=0,this.expanded=!1)}async guxClose(){this.hide()}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=s(this.overflowButtonElement,this.menuElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.root&&u(this.overflowButtonElement,this.menuElement,{placement:"bottom-start",strategy:"fixed",middleware:[c({mainAxis:4,crossAxis:4})]}).then((({x:a,y:e})=>{Object.assign(this.menuElement.style,{left:`${a}px`,top:`${e}px`})}))}getCount(){const a=Array.from(this.root.children);if(a.some((a=>"GUX-AVATAR-OVERFLOW-ITEM-BETA"!==a.tagName))&&d(this.root,"Only gux-avatar-overflow-item-beta elements are allowed as children."),a)return a.length}toggleOverflowMenu(){this.expanded?this.hide():this.show()}show(){clearTimeout(this.hideDelayTimeout),this.expanded=!0,this.hideDelayTimeout=g((()=>{this.focusOnMenu()}))}hide(){this.expanded&&(this.hideDelayTimeout=setTimeout((()=>{this.expanded=!1}),this.delayTime))}focusOnMenu(){Array.from(this.root.children)[0].focus()}render(){return e(t,{key:"56dc6348cc414fa170fa0ee06fe064f3450882bc",role:"menuitem"},e("button",{key:"5b73425d77f78fce9d87b33487cea1abef6cb0a3",class:"gux-avatar-overflow",ref:a=>this.overflowButtonElement=a,onClick:()=>this.toggleOverflowMenu(),tabIndex:-1,"aria-haspopup":"true","aria-expanded":this.expanded.toString()},e("span",{key:"a23023d03fb1b759e35f06dea6be0114ba5873db",class:"gux-avatar-overflow-wrapper"},e("span",{key:"ae083e3bbf584b59f5a00eac3585b79fa916a712",class:"gux-avatar-overflow-content"}," +",this.getCount()))),e("div",{key:"cab97c98d994f16c09b24f8545b8cd7200388892",class:{"gux-menu-wrapper":!0,"gux-shown":this.expanded},ref:a=>this.menuElement=a},e("div",{key:"715af9beb5866644e7524b641ce2206b6b1b86d3",role:"menu",class:"gux-menu-content"},e("slot",{key:"fd5723c2b0f9bb1039e043d505ff7dff3ba70a18"}))))}static get delegatesFocus(){return!0}get root(){return i(this)}};function p(a){const e=function(a){let e=a;for(;null!==e.previousElementSibling;)e=e.previousElementSibling;return e}(a);e&&e.focus()}function x(a){const e=function(a){let e=a;for(;null!==e.nextElementSibling;)e=e.nextElementSibling;return e}(a);e&&e.focus()}(function(a,e,t,i){var o,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(a,e,t,i);else for(var s=a.length-1;s>=0;s--)(o=a[s])&&(n=(r<3?o(n):r>3?o(e,t,n):o(e,t))||n);r>3&&n&&Object.defineProperty(e,t,n)})([l({triggerEvents:"mousedown"})],h.prototype,"onClickOutside",null),h.style=":host{display:block;margin-inline-end:var(--gse-ui-avatar-groupSet-gap)}.gux-avatar-overflow{position:relative;box-sizing:border-box;inline-size:100%;padding:0;margin:0;line-height:0px;cursor:pointer;background:none;border:none;border-radius:50%}.gux-avatar-overflow:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-avatar-overflow:hover,.gux-avatar-overflow:focus{z-index:var(--gse-semantic-zIndex-showFocus)}.gux-avatar-overflow .gux-avatar-overflow-wrapper{position:relative;display:flex}.gux-avatar-overflow .gux-avatar-overflow-wrapper .gux-avatar-overflow-content{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-small-content-size);block-size:var(--gse-ui-avatar-small-content-size);overflow:hidden;font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight);line-height:var(--gse-core-lineHeight-matchFontSize);color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-overflowCount);border-radius:50%}.gux-menu-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popup);visibility:hidden;flex-direction:column;max-block-size:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow-y:auto;background-color:var(--gse-ui-menu-backgroundColor);border:none;border:var(--gse-semantic-container-edges-borderWidth) solid var(--gse-semantic-border-container-edges-default);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}.gux-menu-wrapper.gux-shown{visibility:visible}";const k=class{constructor(e){a(this,e),this.accent="auto"}async componentWillLoad(){o(this.root)}componentDidLoad(){this.validatingInputs()}onKeydown(a){!function(a,e){switch(a.key){case"ArrowUp":case"ArrowLeft":a.stopPropagation(),a.preventDefault(),function(a){const e=a.previousElementSibling;e?e.focus():x(a)}(e);break;case"ArrowDown":case"ArrowRight":a.stopPropagation(),a.preventDefault(),function(a){const e=a.nextElementSibling;e?e.focus():p(a)}(e);break;case"Home":a.stopPropagation(),a.preventDefault(),p(e);break;case"End":a.stopPropagation(),a.preventDefault(),x(e)}}(a,this.root)}validatingInputs(){const a=this.root.querySelector("img");this.name||d(this.root,"Name prop is required"),a&&!a.getAttribute("alt")&&d(this.root,"Alt attribute is required for slotted image.")}render(){return e(t,{key:"34b0e018d662b7536da4a91d6ccc055c8cc730d7",role:"menuitem"},e("button",{key:"c59be9f70bc25dce8bc62dfc8739f93d6006e68e",type:"button","aria-label":this.name,tabIndex:-1},e("span",{key:"024aae64707578c490f8fb2d2c2aa809e65ffefe",class:{"gux-avatar":!0,[v(this.accent,this.name)]:!0}},e("slot",{key:"1e657ac3badc1a73c283d82f0e0b6381033e179e",name:"image"},e("span",{key:"b63a8cce36637908e4c07f532fdf27e97831e019",class:"gux-avatar-initials","aria-hidden":"true"},f(this.name)))),e("span",{key:"67247e6254beaa1b31374653ace95300a8e029a4"},this.name)))}static get delegatesFocus(){return!0}get root(){return i(this)}};k.style="::slotted(img){inline-size:100%;block-size:100%;object-fit:cover}button{all:unset;box-sizing:border-box;display:flex;gap:var(--gse-ui-menu-option-gap);align-items:center;inline-size:100%;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1);background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none}button:focus-visible{outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button:hover{background:var(--gse-ui-menu-option-hover-backgroundColor)}button:active{font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}button .gux-avatar{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-xsmall-content-size);block-size:var(--gse-ui-avatar-xsmall-content-size);padding:0;margin:0;overflow:hidden;color:var(--gse-ui-avatar-media-initialsForeground-inverse);cursor:pointer;background:none;background-color:var(--gse-ui-avatar-media-initialsBackground-default);border:none;border-radius:50%}button .gux-avatar .gux-avatar-initials{font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-xsmall-initials-fontSize);font-weight:var(--gse-ui-avatar-xsmall-initials-fontWeight);line-height:var(--gse-ui-avatar-small-initials-lineHeight);text-transform:uppercase}button .gux-avatar.gux-accent-1{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent1)}button .gux-avatar.gux-accent-2{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent2)}button .gux-avatar.gux-accent-3{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent3)}button .gux-avatar.gux-accent-4{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent4)}button .gux-avatar.gux-accent-5{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent5)}button .gux-avatar.gux-accent-6{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent6)}button .gux-avatar.gux-accent-7{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent7)}button .gux-avatar.gux-accent-8{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent8)}button .gux-avatar.gux-accent-9{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent9)}button .gux-avatar.gux-accent-10{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent10)}button .gux-avatar.gux-accent-11{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent11)}button .gux-avatar.gux-accent-12{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent12)}button .gux-avatar.gux-accent-inherit{color:inherit;background-color:inherit}";export{m as gux_avatar_group_add_item_beta,h as gux_avatar_overflow_beta,k as gux_avatar_overflow_item_beta}
@@ -1 +1 @@
1
- import{r as o,h as e,H as t,g as r}from"./p-cf74fd3d.js";import{t as a}from"./p-bf35dd33.js";const i=class{constructor(e){o(this,e),this.placement="page-desktop"}componentWillLoad(){a(this.root,{variant:this.placement})}render(){return e(t,{key:"4f6079d93cee9ed8f9ac2e99c23c61ce4266621e",class:{[`gux-form-footer-${this.placement}`]:!0}},e("slot",{key:"099c671fbbf9d2465a54e14c5314b219eda9fb74"}))}get root(){return r(this)}};i.style=":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}";export{i as gux_form_footer}
1
+ import{r as o,h as e,H as t,g as r}from"./p-cf74fd3d.js";import{t as a}from"./p-a3155714.js";const i=class{constructor(e){o(this,e),this.placement="page-desktop"}componentWillLoad(){a(this.root,{variant:this.placement})}render(){return e(t,{key:"4f6079d93cee9ed8f9ac2e99c23c61ce4266621e",class:{[`gux-form-footer-${this.placement}`]:!0}},e("slot",{key:"099c671fbbf9d2465a54e14c5314b219eda9fb74"}))}get root(){return r(this)}};i.style=":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}";export{i as gux_form_footer}
@@ -1 +1 @@
1
- import{r as t,c as i,h as e,H as s,g as o}from"./p-cf74fd3d.js";import{d as n,h as r,s as a,e as h,f as l,i as u,j as d,k as c,l as g,m as p,n as m,c as v,a as b,o as f}from"./p-01ff7495.js";import{b as x}from"./p-e5e644b3.js";import{w}from"./p-e97879b4.js";import{s as O}from"./p-2c25e2f2.js";import{t as j}from"./p-bf35dd33.js";import{b as y}from"./p-cf0e7d3b.js";import{O as C}from"./p-946c70b7.js";import"./p-4202e9f2.js";const M={add:"Add {name}",noMatches:"No matches",loading:"Loading..."};const S=class{constructor(e){t(this,e),this.internallistboxoptionsupdated=i(this,"internallistboxoptionsupdated",7),this.loading=!1,this.filter="",this.textInput="",this.filterType="none",this.disabled=!1,this.listboxOptions=[],this.hasExactMatch=!1}onMutation(){y((()=>{this.updateOnSlotChange()}))}onBlur(){n(this.root)}selectNewCustomOption(t){this.updateValue(t.detail)}onKeydown(t){var i;if(!r(this.root))return t.preventDefault(),void a(this.root);switch(t.key){case"Enter":return t.preventDefault(),void((null===(i=this.optionCreateElement)||void 0===i?void 0:i.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),y((()=>{a(this.root)}))):p(this.root,(t=>this.updateValue(t))));case"ArrowDown":return t.preventDefault(),void(c(this.root)?(t.stopPropagation(),g(this.root)):l(this.root));case"ArrowUp":return t.preventDefault(),void(u(this.root)?(t.stopPropagation(),d(this.root)):h(this.root));case"Home":return t.preventDefault(),void l(this.root);case"End":return t.preventDefault(),void h(this.root);case" ":return void t.preventDefault()}1!==t.key.length||m(this.root,t.key)}onKeyup(t){var i;" "!==t.key||((null===(i=this.optionCreateElement)||void 0===i?void 0:i.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),y((()=>{a(this.root)}))):p(this.root,(t=>this.updateValue(t))))}onMousemove(){n(this.root)}onClick(t){w("gux-option-multi",t,(t=>{f(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){p(this.root,(t=>this.updateValue(t)))}getHasExactMatch(){let t=!1;return this.hasExactMatch=!1,this.listboxOptions.forEach((i=>{var e,s;(null===(s=null===(e=i.textContent)||void 0===e?void 0:e.toLowerCase())||void 0===s?void 0:s.trim())==this.textInput.toLowerCase().trim()&&(t=!0,this.hasExactMatch=!0)})),t}updateOptionMultiCreateValue(){this.optionCreateElement&&(this.optionCreateElement.value=this.textInput,this.optionCreateElement.filtered=!this.textInput||this.getHasExactMatch())}getSelectedValues(){return v(this.value)}updateOnSlotChange(){this.setListboxOptions(),this.updateListboxOptions()}getOptionCreateElement(){this.optionCreateElement=this.root.querySelector("gux-create-option")}setListboxOptions(){this.listboxOptions=Array.from(this.root.children).filter((t=>"GUX-OPTION-MULTI"===t.tagName)),this.internallistboxoptionsupdated.emit()}updateListboxOptions(){this.listboxOptions.forEach((t=>{var i;t.selected=this.getSelectedValues().includes(t.value),"custom"!==this.filterType&&"none"!==this.filterType&&(t.filtered=!(null===(i=b(t))||void 0===i?void 0:i.textContent.trim().toLowerCase().startsWith(this.textInput.toLowerCase())))}))}updateValue(t){if(this.getSelectedValues().includes(t)){const i=this.getSelectedValues().filter((i=>i!==t));this.value=i.length?i.join(","):void 0}else{const i=[...this.getSelectedValues(),t];this.value=i.join(",")}O(this.root,"input"),O(this.root,"change")}async componentWillLoad(){j(this.root),this.i18n=await x(this.root,M),this.setListboxOptions(),this.getOptionCreateElement()}componentWillRender(){this.setListboxOptions(),this.updateListboxOptions(),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return e("div",{hidden:!0},e("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[e("div",{class:"gux-message-container"},e("gux-radial-loading",{context:"modal"}),e("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return[e("div",{class:"gux-message-container"},e("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}renderCreateOptionSlot(){return e("slot",{name:"create"})}render(){return this.loading?this.renderLoading():e(s,{role:"listbox","aria-multiselectable":"true",tabindex:0},e("slot",{onSlotchange:()=>this.updateOnSlotChange()}),this.renderAllListboxOptionsFiltered(),this.renderCreateOptionSlot())}get root(){return o(this)}static get watchers(){return{textInput:["updateOptionMultiCreateValue"]}}};(function(t,i,e,s){var o,n=arguments.length,r=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,e,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(i,e,r):o(i,e))||r);n>3&&r&&Object.defineProperty(i,e,r)})([C({childList:!0,subtree:!0})],S.prototype,"onMutation",null),S.style=":host{box-sizing:border-box;display:block;max-block-size:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);overflow:hidden auto;outline:none;scrollbar-color:var(--gse-ui-menu-scrollbar-foregroundColor);background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch center;align-items:center}.gux-message-container .gux-no-matches{box-sizing:border-box;block-size:var(--gse-ui-menu-option-height);padding-block:var(--gse-ui-dropdown-gap);font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor)}";export{S as gux_listbox_multi}
1
+ import{r as t,c as i,h as e,H as s,g as o}from"./p-cf74fd3d.js";import{d as n,h as r,s as a,e as h,f as l,i as u,j as d,k as c,l as g,m as p,n as m,c as v,a as b,o as f}from"./p-01ff7495.js";import{b as x}from"./p-e5e644b3.js";import{w}from"./p-e97879b4.js";import{s as O}from"./p-2c25e2f2.js";import{t as j}from"./p-a3155714.js";import{b as y}from"./p-cf0e7d3b.js";import{O as C}from"./p-946c70b7.js";import"./p-4202e9f2.js";const M={add:"Add {name}",noMatches:"No matches",loading:"Loading..."};const S=class{constructor(e){t(this,e),this.internallistboxoptionsupdated=i(this,"internallistboxoptionsupdated",7),this.loading=!1,this.filter="",this.textInput="",this.filterType="none",this.disabled=!1,this.listboxOptions=[],this.hasExactMatch=!1}onMutation(){y((()=>{this.updateOnSlotChange()}))}onBlur(){n(this.root)}selectNewCustomOption(t){this.updateValue(t.detail)}onKeydown(t){var i;if(!r(this.root))return t.preventDefault(),void a(this.root);switch(t.key){case"Enter":return t.preventDefault(),void((null===(i=this.optionCreateElement)||void 0===i?void 0:i.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),y((()=>{a(this.root)}))):p(this.root,(t=>this.updateValue(t))));case"ArrowDown":return t.preventDefault(),void(c(this.root)?(t.stopPropagation(),g(this.root)):l(this.root));case"ArrowUp":return t.preventDefault(),void(u(this.root)?(t.stopPropagation(),d(this.root)):h(this.root));case"Home":return t.preventDefault(),void l(this.root);case"End":return t.preventDefault(),void h(this.root);case" ":return void t.preventDefault()}1!==t.key.length||m(this.root,t.key)}onKeyup(t){var i;" "!==t.key||((null===(i=this.optionCreateElement)||void 0===i?void 0:i.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),y((()=>{a(this.root)}))):p(this.root,(t=>this.updateValue(t))))}onMousemove(){n(this.root)}onClick(t){w("gux-option-multi",t,(t=>{f(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){p(this.root,(t=>this.updateValue(t)))}getHasExactMatch(){let t=!1;return this.hasExactMatch=!1,this.listboxOptions.forEach((i=>{var e,s;(null===(s=null===(e=i.textContent)||void 0===e?void 0:e.toLowerCase())||void 0===s?void 0:s.trim())==this.textInput.toLowerCase().trim()&&(t=!0,this.hasExactMatch=!0)})),t}updateOptionMultiCreateValue(){this.optionCreateElement&&(this.optionCreateElement.value=this.textInput,this.optionCreateElement.filtered=!this.textInput||this.getHasExactMatch())}getSelectedValues(){return v(this.value)}updateOnSlotChange(){this.setListboxOptions(),this.updateListboxOptions()}getOptionCreateElement(){this.optionCreateElement=this.root.querySelector("gux-create-option")}setListboxOptions(){this.listboxOptions=Array.from(this.root.children).filter((t=>"GUX-OPTION-MULTI"===t.tagName)),this.internallistboxoptionsupdated.emit()}updateListboxOptions(){this.listboxOptions.forEach((t=>{var i;t.selected=this.getSelectedValues().includes(t.value),"custom"!==this.filterType&&"none"!==this.filterType&&(t.filtered=!(null===(i=b(t))||void 0===i?void 0:i.textContent.trim().toLowerCase().startsWith(this.textInput.toLowerCase())))}))}updateValue(t){if(this.getSelectedValues().includes(t)){const i=this.getSelectedValues().filter((i=>i!==t));this.value=i.length?i.join(","):void 0}else{const i=[...this.getSelectedValues(),t];this.value=i.join(",")}O(this.root,"input"),O(this.root,"change")}async componentWillLoad(){j(this.root),this.i18n=await x(this.root,M),this.setListboxOptions(),this.getOptionCreateElement()}componentWillRender(){this.setListboxOptions(),this.updateListboxOptions(),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return e("div",{hidden:!0},e("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[e("div",{class:"gux-message-container"},e("gux-radial-loading",{context:"modal"}),e("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return[e("div",{class:"gux-message-container"},e("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}renderCreateOptionSlot(){return e("slot",{name:"create"})}render(){return this.loading?this.renderLoading():e(s,{role:"listbox","aria-multiselectable":"true",tabindex:0},e("slot",{onSlotchange:()=>this.updateOnSlotChange()}),this.renderAllListboxOptionsFiltered(),this.renderCreateOptionSlot())}get root(){return o(this)}static get watchers(){return{textInput:["updateOptionMultiCreateValue"]}}};(function(t,i,e,s){var o,n=arguments.length,r=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,e,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(i,e,r):o(i,e))||r);n>3&&r&&Object.defineProperty(i,e,r)})([C({childList:!0,subtree:!0})],S.prototype,"onMutation",null),S.style=":host{box-sizing:border-box;display:block;max-block-size:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);overflow:hidden auto;outline:none;scrollbar-color:var(--gse-ui-menu-scrollbar-foregroundColor);background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch center;align-items:center}.gux-message-container .gux-no-matches{box-sizing:border-box;block-size:var(--gse-ui-menu-option-height);padding-block:var(--gse-ui-dropdown-gap);font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor)}";export{S as gux_listbox_multi}
@@ -1 +1 @@
1
- import{r as o,h as r,g as t}from"./p-cf74fd3d.js";import{t as e}from"./p-bf35dd33.js";import{b as i}from"./p-e5e644b3.js";import"./p-4202e9f2.js";const n={clear:"Clear"},a=class{constructor(r){o(this,r)}async componentWillLoad(){e(this.root),this.i18n=await i(this.root,n)}render(){return r("button",{key:"26d9c44474a55d82c850d3a88ef63cb602e5b785",tabIndex:-1,type:"button",title:this.i18n("clear")},r("gux-icon",{key:"bae5e132ef3765a45710f12e32b49c8dbcadab8f","icon-name":"fa/xmark-large-regular",decorative:!0,size:"small"}))}static get delegatesFocus(){return!0}get root(){return t(this)}};a.style="button{display:flex;padding:0;color:var(--gse-ui-formControl-input-inputClearable-inputClearableColor);background:transparent;border:none;border-radius:var(--gse-ui-formControl-input-borderRadius)}button:not(:disabled):focus-visible,button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);cursor:pointer}button gux-icon{border-radius:var(--gse-ui-formControl-input-borderRadius)}button:focus{outline:none}button:focus-visible:enabled gux-icon{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);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}";export{a as gux_form_field_input_clear_button}
1
+ import{r as o,h as r,g as t}from"./p-cf74fd3d.js";import{t as e}from"./p-a3155714.js";import{b as i}from"./p-e5e644b3.js";import"./p-4202e9f2.js";const n={clear:"Clear"},a=class{constructor(r){o(this,r)}async componentWillLoad(){e(this.root),this.i18n=await i(this.root,n)}render(){return r("button",{key:"26d9c44474a55d82c850d3a88ef63cb602e5b785",tabIndex:-1,type:"button",title:this.i18n("clear")},r("gux-icon",{key:"bae5e132ef3765a45710f12e32b49c8dbcadab8f","icon-name":"fa/xmark-large-regular",decorative:!0,size:"small"}))}static get delegatesFocus(){return!0}get root(){return t(this)}};a.style="button{display:flex;padding:0;color:var(--gse-ui-formControl-input-inputClearable-inputClearableColor);background:transparent;border:none;border-radius:var(--gse-ui-formControl-input-borderRadius)}button:not(:disabled):focus-visible,button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);cursor:pointer}button gux-icon{border-radius:var(--gse-ui-formControl-input-borderRadius)}button:focus{outline:none}button:focus-visible:enabled gux-icon{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);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}";export{a as gux_form_field_input_clear_button}
@@ -1 +1 @@
1
- import{r as e,h as t,H as o,g as s}from"./p-cf74fd3d.js";import{a as i,c as r,o as a,f as n,s as d,b as c}from"./p-864af39c.js";import{a as h}from"./p-cf0e7d3b.js";import{t as u}from"./p-bf35dd33.js";import{h as l}from"./p-67d20704.js";const f=class{constructor(t){e(this,t),this.isShown=!1}onKeydown(e){if(e.stopPropagation(),this.isShown)switch(e.key){case"Escape":case"ArrowLeft":case"ArrowUp":return void this.root.focus();case"ArrowDown":return e.preventDefault(),void this.focusOnMenu();case"Enter":return void(this.hideDelayTimeout=h((()=>{this.focusOnMenu()})))}}onKeyup(e){e.stopPropagation()," "!==e.key||(this.root===e.target?this.focusOnMenu():this.hideDelayTimeout=h((()=>{this.root.focus()})))}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(e){0!==e.detail&&this.hide(),this.root.focus()}onFocusin(){this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),l))}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=i(this.targetElement,this.menuContentElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.root&&r(this.targetElement,this.menuContentElement,{placement:"bottom-start",strategy:"fixed",middleware:[a(16),n(),d(),c({element:this.arrowElement,padding:16})]}).then((({x:e,y:t,middlewareData:o,placement:s})=>{var i;Object.assign(this.menuContentElement.style,{left:`${e}px`,top:`${t}px`});const r=s.split("-")[0],a={top:"bottom",right:"left",bottom:"top",left:"right"}[r],n={top:0,right:90,bottom:180,left:-90}[r];if(o.arrow){const{x:e,y:t}=o.arrow;Object.assign(null===(i=this.arrowElement)||void 0===i?void 0:i.style,{left:null!=e?`${e}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[a]:"-13px",transform:`rotate(${n}deg)`})}}))}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;const e=this.root.querySelector("gux-menu");Array.from(e.children)[0].guxFocus()}componentWillLoad(){u(this.root)}componentDidLoad(){this.isShown&&this.runUpdatePosition()}componentDidUpdate(){this.isShown?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return t(o,{key:"705dd7369dba4352645c1705db33b9f3f7cfd390",tabIndex:0,"aria-haspopup":"true"},t("span",{key:"542a46d2915e83b30dcecf8d515efdd67b112785",ref:e=>this.targetElement=e},t("slot",{key:"346efd2bd19496efdd0cee720ddc235cab3573e9",name:"target"})),t("div",{key:"1297adc021208c5f844efe52f22d792d88211efe",class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:e=>this.menuContentElement=e},t("div",{key:"436470738e7679f2b332fc66501aa9c5bda3afb9",ref:e=>this.arrowElement=e,class:"gux-arrow"},t("div",{key:"3d66c9b20b677b840da6f76b6c0a61044f4837dd",class:"gux-arrow-caret"})),t("slot",{key:"757f4a157457bbd62cbf239985a00612e40ce80d",name:"menu"})))}get root(){return s(this)}};f.style=":host{z-index:var(--gse-semantic-zIndex-popover);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-flyout-menu-content{position:fixed;display:none;border:none;border-radius:var(--gse-ui-menu-borderRadius)}.gux-flyout-menu-content.gux-shown{display:flex}.gux-flyout-menu-content .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-flyout-menu-content .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))}";export{f as gux_flyout_menu}
1
+ import{r as e,h as t,H as o,g as s}from"./p-cf74fd3d.js";import{a as i,c as r,o as a,f as n,s as d,b as c}from"./p-864af39c.js";import{a as h}from"./p-cf0e7d3b.js";import{t as u}from"./p-a3155714.js";import{h as l}from"./p-67d20704.js";const f=class{constructor(t){e(this,t),this.isShown=!1}onKeydown(e){if(e.stopPropagation(),this.isShown)switch(e.key){case"Escape":case"ArrowLeft":case"ArrowUp":return void this.root.focus();case"ArrowDown":return e.preventDefault(),void this.focusOnMenu();case"Enter":return void(this.hideDelayTimeout=h((()=>{this.focusOnMenu()})))}}onKeyup(e){e.stopPropagation()," "!==e.key||(this.root===e.target?this.focusOnMenu():this.hideDelayTimeout=h((()=>{this.root.focus()})))}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(e){0!==e.detail&&this.hide(),this.root.focus()}onFocusin(){this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),l))}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=i(this.targetElement,this.menuContentElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.root&&r(this.targetElement,this.menuContentElement,{placement:"bottom-start",strategy:"fixed",middleware:[a(16),n(),d(),c({element:this.arrowElement,padding:16})]}).then((({x:e,y:t,middlewareData:o,placement:s})=>{var i;Object.assign(this.menuContentElement.style,{left:`${e}px`,top:`${t}px`});const r=s.split("-")[0],a={top:"bottom",right:"left",bottom:"top",left:"right"}[r],n={top:0,right:90,bottom:180,left:-90}[r];if(o.arrow){const{x:e,y:t}=o.arrow;Object.assign(null===(i=this.arrowElement)||void 0===i?void 0:i.style,{left:null!=e?`${e}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[a]:"-13px",transform:`rotate(${n}deg)`})}}))}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;const e=this.root.querySelector("gux-menu");Array.from(e.children)[0].guxFocus()}componentWillLoad(){u(this.root)}componentDidLoad(){this.isShown&&this.runUpdatePosition()}componentDidUpdate(){this.isShown?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return t(o,{key:"705dd7369dba4352645c1705db33b9f3f7cfd390",tabIndex:0,"aria-haspopup":"true"},t("span",{key:"542a46d2915e83b30dcecf8d515efdd67b112785",ref:e=>this.targetElement=e},t("slot",{key:"346efd2bd19496efdd0cee720ddc235cab3573e9",name:"target"})),t("div",{key:"1297adc021208c5f844efe52f22d792d88211efe",class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:e=>this.menuContentElement=e},t("div",{key:"436470738e7679f2b332fc66501aa9c5bda3afb9",ref:e=>this.arrowElement=e,class:"gux-arrow"},t("div",{key:"3d66c9b20b677b840da6f76b6c0a61044f4837dd",class:"gux-arrow-caret"})),t("slot",{key:"757f4a157457bbd62cbf239985a00612e40ce80d",name:"menu"})))}get root(){return s(this)}};f.style=":host{z-index:var(--gse-semantic-zIndex-popover);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-flyout-menu-content{position:fixed;display:none;border:none;border-radius:var(--gse-ui-menu-borderRadius)}.gux-flyout-menu-content.gux-shown{display:flex}.gux-flyout-menu-content .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-flyout-menu-content .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))}";export{f as gux_flyout_menu}
@@ -1 +1 @@
1
- import{r as e,h as o,g as t}from"./p-cf74fd3d.js";import{O as i}from"./p-946c70b7.js";import{h as r}from"./p-6d8b4027.js";import{t as l}from"./p-bf35dd33.js";import{a,G as s}from"./p-25141c4d.js";import{G as f,a as n}from"./p-bd1d4fac.js";import{a as d,g as h,v as p}from"./p-4aaf349e.js";import{p as u}from"./p-a11d5d42.js";import{o as m}from"./p-6b12dd16.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const g=class{constructor(o){e(this,o),this.indicatorMark="required",this.computedLabelPosition="above",this.hasError=!1,this.hasHelp=!1,this.required=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=r(this.root,"error"),this.hasHelp=r(this.root,"help")}handleKeyup(e){var o,t;"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===(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)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=r(this.root,"error"),this.hasHelp=r(this.root,"help"),this.labelInfo=this.root.querySelector("[slot=label-info]"),l(this.root,{variant:this.variant})}disconnectedCallback(){this.requiredObserver&&this.requiredObserver.disconnect()}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}setInput(){this.input=h(this.root,'input[type="file"][slot="input"]'),u(this.input),this.required=this.input.required,this.requiredObserver=m(this.input,(e=>{this.required=e})),p(this.root,this.input)}get variant(){return`fileInput-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}render(){return o(n,{key:"7d563066ad9c8436ebcff05124aa6d89114ed3d3",labelPosition:this.computedLabelPosition},o(f,{key:"423e06477e702f4dfeddd13686846c58bd9c1e86",position:this.computedLabelPosition,required:this.required},o("slot",{key:"3ba8031783460f7aa90c5e0b890111e34220060d",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"10a3831873d6038d70dd0d9367f28aff502c6f9d",variant:this.indicatorMark,required:this.required}),o("slot",{key:"48863510d76fa08fe770365a9876a6204572df27",name:"label-info"})),o("div",{key:"78b87bc6a5c35b46d0639be0bf8432f2b38338a3",class:"gux-input-and-error-container"},o("slot",{key:"83c22f25feb28cca6a8974fe3f31891205ebd215",name:"input",onSlotchange:()=>this.setInput()}),o(a,{key:"394b5fa72d633fcbf1074013a6adfc85fd0fe7d3",show:this.hasError},o("slot",{key:"cce151e81d6b6af993c533a8e22ac71319aaa527",name:"error"})),o(s,{key:"444741588fcab48668782e99b004988739362ad3",show:!this.hasError&&this.hasHelp},o("slot",{key:"d9eedbbe7c31796e8f4a147ed6c94d6c13d9f64f",name:"help"}))))}get root(){return t(this)}};(function(e,o,t,i){var r,l=arguments.length,a=l<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,o,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(l<3?r(a):l>3?r(o,t,a):r(o,t))||a);l>3&&a&&Object.defineProperty(o,t,a)})([i({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}";export{g as gux_form_field_file}
1
+ import{r as e,h as o,g as t}from"./p-cf74fd3d.js";import{O as i}from"./p-946c70b7.js";import{h as r}from"./p-6d8b4027.js";import{t as l}from"./p-a3155714.js";import{a,G as s}from"./p-25141c4d.js";import{G as f,a as n}from"./p-bd1d4fac.js";import{a as d,g as h,v as p}from"./p-4aaf349e.js";import{p as u}from"./p-a11d5d42.js";import{o as m}from"./p-6b12dd16.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const g=class{constructor(o){e(this,o),this.indicatorMark="required",this.computedLabelPosition="above",this.hasError=!1,this.hasHelp=!1,this.required=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=r(this.root,"error"),this.hasHelp=r(this.root,"help")}handleKeyup(e){var o,t;"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===(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)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=r(this.root,"error"),this.hasHelp=r(this.root,"help"),this.labelInfo=this.root.querySelector("[slot=label-info]"),l(this.root,{variant:this.variant})}disconnectedCallback(){this.requiredObserver&&this.requiredObserver.disconnect()}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}setInput(){this.input=h(this.root,'input[type="file"][slot="input"]'),u(this.input),this.required=this.input.required,this.requiredObserver=m(this.input,(e=>{this.required=e})),p(this.root,this.input)}get variant(){return`fileInput-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}render(){return o(n,{key:"7d563066ad9c8436ebcff05124aa6d89114ed3d3",labelPosition:this.computedLabelPosition},o(f,{key:"423e06477e702f4dfeddd13686846c58bd9c1e86",position:this.computedLabelPosition,required:this.required},o("slot",{key:"3ba8031783460f7aa90c5e0b890111e34220060d",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"10a3831873d6038d70dd0d9367f28aff502c6f9d",variant:this.indicatorMark,required:this.required}),o("slot",{key:"48863510d76fa08fe770365a9876a6204572df27",name:"label-info"})),o("div",{key:"78b87bc6a5c35b46d0639be0bf8432f2b38338a3",class:"gux-input-and-error-container"},o("slot",{key:"83c22f25feb28cca6a8974fe3f31891205ebd215",name:"input",onSlotchange:()=>this.setInput()}),o(a,{key:"394b5fa72d633fcbf1074013a6adfc85fd0fe7d3",show:this.hasError},o("slot",{key:"cce151e81d6b6af993c533a8e22ac71319aaa527",name:"error"})),o(s,{key:"444741588fcab48668782e99b004988739362ad3",show:!this.hasError&&this.hasHelp},o("slot",{key:"d9eedbbe7c31796e8f4a147ed6c94d6c13d9f64f",name:"help"}))))}get root(){return t(this)}};(function(e,o,t,i){var r,l=arguments.length,a=l<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,o,t,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(l<3?r(a):l>3?r(o,t,a):r(o,t))||a);l>3&&a&&Object.defineProperty(o,t,a)})([i({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}";export{g as gux_form_field_file}
@@ -1 +1 @@
1
- import{r as t,h as e,g as r}from"./p-cf74fd3d.js";import{t as i}from"./p-bf35dd33.js";import{O as o}from"./p-f3d844c7.js";import{b as s,g as n}from"./p-e5e644b3.js";import{a}from"./p-13d8a42a.js";import{u}from"./p-c36d332b.js";import{s as l}from"./p-2c25e2f2.js";import{b as h}from"./p-cf0e7d3b.js";import{g,a as d,b as c}from"./p-67d92675.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const p={toggleCalendar:"Toggle month calendar view",month:"Month",year:"Year",unset:"Unset"};const f={year:"numeric",month:"long"},m=["ar","he","ja","ko","zh-cn","zh-tw"],b=class{constructor(e){t(this,e),this.disabled=!1,this.expanded=!1}onKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.calendarToggleButtonElement.focus())}onValueUpdate(t){this.value=this.isOutOfBounds(t)?this.isBeforeMin(t)?this.min:this.max:t,l(this.root,"input"),l(this.root,"change")}onClickOutside(){this.expanded=!1}async componentWillLoad(){i(this.root),this.i18n=await s(this.root,p),this.locale=u()?a(this.root):n(this.root)}onFocusout(t){t.relatedTarget&&!this.root.contains(t.relatedTarget)&&(this.expanded=!1)}isOutOfBounds(t){return this.isBeforeMin(t)||this.isAfterMax(t)}isBeforeMin(t){return this.min&&this.min>t}isAfterMax(t){return this.max&&this.max<t}toggleCalendar(){this.expanded=!this.expanded,this.expanded&&h((()=>{this.monthCalendarElement.guxFocus(this.value)}))}onMonthCalendarInput(){this.value=this.monthCalendarElement.value,this.expanded=!1,this.calendarToggleButtonElement.focus()}incrementMonth(t){if(this.value){const{year:e,month:r}=g(this.value),i=((parseInt(r)+11+t)%12+1).toString().padStart(2,"0");this.value=d(e,i)}else this.value=c()}incrementYear(t){if(this.value){const{year:e,month:r}=g(this.value),i=Math.max(Number(e)+t,0).toString();this.value=d(i,r)}else this.value=c()}onSpinnerKeyDown(t,e,r){switch(t.key){case"ArrowDown":t.preventDefault(),e(-1);break;case"ArrowUp":t.preventDefault(),e(1);break;case"ArrowLeft":case"ArrowRight":t.preventDefault(),r.focus();break;case"Enter":t.preventDefault(),this.expanded=!0,h((()=>{this.monthCalendarElement.guxFocus(this.value)}));break;case" ":t.preventDefault()}}onSpinnerKeyUp(t){t.stopPropagation()," "===t.key&&(t.preventDefault(),this.expanded=!0,h((()=>{this.monthCalendarElement.guxFocus(this.value)})))}onSpinnerClick(){this.expanded=!0}getSpinnerLabel(t){if(this.value){const{year:e,month:r}=g(this.value);return new Date(Number(e),Number(r)-1).toLocaleDateString(this.locale,{[t]:f[t]})}return this.i18n(t)}getSpinnerValueNow(t){return this.value?g(this.value)[t]:"0"}getSpinnerValueText(){if(this.value){const{year:t,month:e}=g(this.value);return new Date(Number(t),Number(e)-1).toLocaleDateString(this.locale,{year:"numeric",month:"long"})}return this.i18n("unset")}renderMonthSpinnerButton(){return e("div",{role:"spinbutton",class:"gux-spinner",tabIndex:this.disabled?-1:0,onKeyDown:t=>this.onSpinnerKeyDown(t,(t=>this.incrementMonth(t)),this.yearSpinnerElement),onKeyUp:t=>this.onSpinnerKeyUp(t),onClick:()=>this.onSpinnerClick(),ref:t=>this.monthSpinnerElement=t,"aria-valuenow":this.getSpinnerValueNow("month"),"aria-valuetext":this.getSpinnerValueText(),"aria-valuemin":"1","aria-valuemax":"12","aria-label":this.i18n("month")},this.getSpinnerLabel("month"))}renderYearSpinnerButton(){return e("div",{role:"spinbutton",class:"gux-spinner",tabIndex:this.disabled?-1:0,onKeyDown:t=>this.onSpinnerKeyDown(t,(t=>this.incrementYear(t)),this.monthSpinnerElement),onKeyUp:t=>this.onSpinnerKeyUp(t),onClick:()=>this.onSpinnerClick(),ref:t=>this.yearSpinnerElement=t,"aria-valuenow":this.getSpinnerValueNow("year"),"aria-valuetext":this.getSpinnerValueText(),"aria-valuemin":"0","aria-label":this.i18n("year")},this.getSpinnerLabel("year"))}renderSpinnerButtons(){return m.includes(this.locale)?e("span",{class:"gux-display"},this.renderYearSpinnerButton(),this.renderMonthSpinnerButton()):e("span",{class:"gux-display"},this.renderMonthSpinnerButton(),this.renderYearSpinnerButton())}renderCalendarToggleButton(){return e("button",{class:{"gux-popup-toggle":!0,"gux-expanded":this.expanded},ref:t=>this.calendarToggleButtonElement=t,type:"button",onClick:()=>this.toggleCalendar(),disabled:this.disabled},e("gux-icon",{"icon-name":"fa/calendar-regular","screenreader-text":this.i18n("toggleCalendar"),size:"small"}))}renderTarget(){return e("div",{class:"gux-target",slot:"target"},this.renderSpinnerButtons(),this.renderCalendarToggleButton())}renderPopup(){return e("gux-month-calendar",{slot:"popup",ref:t=>this.monthCalendarElement=t,onInput:()=>this.onMonthCalendarInput(),value:this.value,min:this.min,max:this.max})}render(){return e("gux-popup",{key:"81b8d5b716a6e5f71250cdb9363e07120398847e",expanded:this.expanded,disabled:this.disabled,"exceed-target-width":!0},this.renderTarget(),this.renderPopup())}get root(){return r(this)}static get watchers(){return{value:["onValueUpdate"]}}};(function(t,e,r,i){var o,s=arguments.length,n=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,i);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(s<3?o(n):s>3?o(e,r,n):o(e,r))||n);s>3&&n&&Object.defineProperty(e,r,n)})([o({triggerEvents:"mousedown"})],b.prototype,"onClickOutside",null),b.style=":host{display:inline-block}.gux-target{display:inline-flex;gap:var(--gse-ui-formControl-input-gap);padding:var(--gse-ui-formControl-textarea-padding);cursor:pointer;background-color:var(--gse-ui-calendarMenu-backgroundColor);border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target:focus-within{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);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-target .gux-display{display:inline-flex;align-items:center;min-inline-size:100px;padding-inline-end:var(--gse-ui-formControl-input-gap);font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-target .gux-display .gux-spinner{outline:none}.gux-target .gux-display .gux-spinner:not(:first-child){margin-inline-start:4px}.gux-target .gux-display .gux-spinner:focus-visible{background:var(--gse-ui-calendarMenu-month-hover-backgroundColor)}.gux-target .gux-popup-toggle{justify-content:right;color:var(--gse-ui-monthPicker-calendarStates-defaultColor);background:transparent;border:none}.gux-target .gux-popup-toggle:focus-visible{outline:var(--gse-ui-monthPicker-calendarStates-focus-border-width) var(--gse-ui-monthPicker-calendarStates-focus-border-style) var(--gse-ui-monthPicker-calendarStates-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius)}.gux-target .gux-popup-toggle:not(:disabled):hover{color:var(--gse-ui-monthPicker-calendarStates-hoverColor);cursor:pointer}.gux-target .gux-popup-toggle:not(:disabled):focus{color:var(--gse-ui-monthPicker-calendarStates-activeColor);cursor:pointer}.gux-target .gux-popup-toggle:disabled{color:var(--gse-ui-monthPicker-calendarStates-disabledColor)}.gux-target .gux-popup-toggle.gux-expanded{color:var(--gse-ui-monthPicker-calendarStates-activeColor)}";export{b as gux_month_picker_beta}
1
+ import{r as t,h as e,g as r}from"./p-cf74fd3d.js";import{t as i}from"./p-a3155714.js";import{O as o}from"./p-f3d844c7.js";import{b as s,g as n}from"./p-e5e644b3.js";import{a}from"./p-13d8a42a.js";import{u}from"./p-c36d332b.js";import{s as l}from"./p-2c25e2f2.js";import{b as h}from"./p-cf0e7d3b.js";import{g,a as d,b as c}from"./p-67d92675.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const p={toggleCalendar:"Toggle month calendar view",month:"Month",year:"Year",unset:"Unset"};const f={year:"numeric",month:"long"},m=["ar","he","ja","ko","zh-cn","zh-tw"],b=class{constructor(e){t(this,e),this.disabled=!1,this.expanded=!1}onKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.calendarToggleButtonElement.focus())}onValueUpdate(t){this.value=this.isOutOfBounds(t)?this.isBeforeMin(t)?this.min:this.max:t,l(this.root,"input"),l(this.root,"change")}onClickOutside(){this.expanded=!1}async componentWillLoad(){i(this.root),this.i18n=await s(this.root,p),this.locale=u()?a(this.root):n(this.root)}onFocusout(t){t.relatedTarget&&!this.root.contains(t.relatedTarget)&&(this.expanded=!1)}isOutOfBounds(t){return this.isBeforeMin(t)||this.isAfterMax(t)}isBeforeMin(t){return this.min&&this.min>t}isAfterMax(t){return this.max&&this.max<t}toggleCalendar(){this.expanded=!this.expanded,this.expanded&&h((()=>{this.monthCalendarElement.guxFocus(this.value)}))}onMonthCalendarInput(){this.value=this.monthCalendarElement.value,this.expanded=!1,this.calendarToggleButtonElement.focus()}incrementMonth(t){if(this.value){const{year:e,month:r}=g(this.value),i=((parseInt(r)+11+t)%12+1).toString().padStart(2,"0");this.value=d(e,i)}else this.value=c()}incrementYear(t){if(this.value){const{year:e,month:r}=g(this.value),i=Math.max(Number(e)+t,0).toString();this.value=d(i,r)}else this.value=c()}onSpinnerKeyDown(t,e,r){switch(t.key){case"ArrowDown":t.preventDefault(),e(-1);break;case"ArrowUp":t.preventDefault(),e(1);break;case"ArrowLeft":case"ArrowRight":t.preventDefault(),r.focus();break;case"Enter":t.preventDefault(),this.expanded=!0,h((()=>{this.monthCalendarElement.guxFocus(this.value)}));break;case" ":t.preventDefault()}}onSpinnerKeyUp(t){t.stopPropagation()," "===t.key&&(t.preventDefault(),this.expanded=!0,h((()=>{this.monthCalendarElement.guxFocus(this.value)})))}onSpinnerClick(){this.expanded=!0}getSpinnerLabel(t){if(this.value){const{year:e,month:r}=g(this.value);return new Date(Number(e),Number(r)-1).toLocaleDateString(this.locale,{[t]:f[t]})}return this.i18n(t)}getSpinnerValueNow(t){return this.value?g(this.value)[t]:"0"}getSpinnerValueText(){if(this.value){const{year:t,month:e}=g(this.value);return new Date(Number(t),Number(e)-1).toLocaleDateString(this.locale,{year:"numeric",month:"long"})}return this.i18n("unset")}renderMonthSpinnerButton(){return e("div",{role:"spinbutton",class:"gux-spinner",tabIndex:this.disabled?-1:0,onKeyDown:t=>this.onSpinnerKeyDown(t,(t=>this.incrementMonth(t)),this.yearSpinnerElement),onKeyUp:t=>this.onSpinnerKeyUp(t),onClick:()=>this.onSpinnerClick(),ref:t=>this.monthSpinnerElement=t,"aria-valuenow":this.getSpinnerValueNow("month"),"aria-valuetext":this.getSpinnerValueText(),"aria-valuemin":"1","aria-valuemax":"12","aria-label":this.i18n("month")},this.getSpinnerLabel("month"))}renderYearSpinnerButton(){return e("div",{role:"spinbutton",class:"gux-spinner",tabIndex:this.disabled?-1:0,onKeyDown:t=>this.onSpinnerKeyDown(t,(t=>this.incrementYear(t)),this.monthSpinnerElement),onKeyUp:t=>this.onSpinnerKeyUp(t),onClick:()=>this.onSpinnerClick(),ref:t=>this.yearSpinnerElement=t,"aria-valuenow":this.getSpinnerValueNow("year"),"aria-valuetext":this.getSpinnerValueText(),"aria-valuemin":"0","aria-label":this.i18n("year")},this.getSpinnerLabel("year"))}renderSpinnerButtons(){return m.includes(this.locale)?e("span",{class:"gux-display"},this.renderYearSpinnerButton(),this.renderMonthSpinnerButton()):e("span",{class:"gux-display"},this.renderMonthSpinnerButton(),this.renderYearSpinnerButton())}renderCalendarToggleButton(){return e("button",{class:{"gux-popup-toggle":!0,"gux-expanded":this.expanded},ref:t=>this.calendarToggleButtonElement=t,type:"button",onClick:()=>this.toggleCalendar(),disabled:this.disabled},e("gux-icon",{"icon-name":"fa/calendar-regular","screenreader-text":this.i18n("toggleCalendar"),size:"small"}))}renderTarget(){return e("div",{class:"gux-target",slot:"target"},this.renderSpinnerButtons(),this.renderCalendarToggleButton())}renderPopup(){return e("gux-month-calendar",{slot:"popup",ref:t=>this.monthCalendarElement=t,onInput:()=>this.onMonthCalendarInput(),value:this.value,min:this.min,max:this.max})}render(){return e("gux-popup",{key:"81b8d5b716a6e5f71250cdb9363e07120398847e",expanded:this.expanded,disabled:this.disabled,"exceed-target-width":!0},this.renderTarget(),this.renderPopup())}get root(){return r(this)}static get watchers(){return{value:["onValueUpdate"]}}};(function(t,e,r,i){var o,s=arguments.length,n=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,i);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(s<3?o(n):s>3?o(e,r,n):o(e,r))||n);s>3&&n&&Object.defineProperty(e,r,n)})([o({triggerEvents:"mousedown"})],b.prototype,"onClickOutside",null),b.style=":host{display:inline-block}.gux-target{display:inline-flex;gap:var(--gse-ui-formControl-input-gap);padding:var(--gse-ui-formControl-textarea-padding);cursor:pointer;background-color:var(--gse-ui-calendarMenu-backgroundColor);border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target:focus-within{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);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-target .gux-display{display:inline-flex;align-items:center;min-inline-size:100px;padding-inline-end:var(--gse-ui-formControl-input-gap);font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-target .gux-display .gux-spinner{outline:none}.gux-target .gux-display .gux-spinner:not(:first-child){margin-inline-start:4px}.gux-target .gux-display .gux-spinner:focus-visible{background:var(--gse-ui-calendarMenu-month-hover-backgroundColor)}.gux-target .gux-popup-toggle{justify-content:right;color:var(--gse-ui-monthPicker-calendarStates-defaultColor);background:transparent;border:none}.gux-target .gux-popup-toggle:focus-visible{outline:var(--gse-ui-monthPicker-calendarStates-focus-border-width) var(--gse-ui-monthPicker-calendarStates-focus-border-style) var(--gse-ui-monthPicker-calendarStates-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius)}.gux-target .gux-popup-toggle:not(:disabled):hover{color:var(--gse-ui-monthPicker-calendarStates-hoverColor);cursor:pointer}.gux-target .gux-popup-toggle:not(:disabled):focus{color:var(--gse-ui-monthPicker-calendarStates-activeColor);cursor:pointer}.gux-target .gux-popup-toggle:disabled{color:var(--gse-ui-monthPicker-calendarStates-disabledColor)}.gux-target .gux-popup-toggle.gux-expanded{color:var(--gse-ui-monthPicker-calendarStates-activeColor)}";export{b as gux_month_picker_beta}
@@ -1 +1 @@
1
- import{r as t,h as a,g as s}from"./p-cf74fd3d.js";import{t as e}from"./p-bf35dd33.js";import{h as i}from"./p-6d8b4027.js";const g=class{constructor(a){t(this,a),this.accent="info"}async componentWillLoad(){e(this.root,{variant:this.accent})}renderTooltip(){if(i(this.root,"tooltip-text"))return a("gux-tooltip",null,a("slot",{name:"tooltip-text"}))}render(){return a("div",{key:"3a77d18d0d284d6c82c9add2dedbd993100c9481",class:"gux-status-indicator"},a("span",{key:"cae7c8aac725640a8ed72005e76906401b8c18ba",class:`gux-status-icon gux-status-icon-${this.accent}`}),a("div",{key:"7330245f5c2fb8d9e9c23fba970201c5422e38f6",class:"gux-status-indicator-text"},a("slot",{key:"8dc37515009f6e07f6c7b0e52ccba2ed7ce2a688"})),this.renderTooltip())}get root(){return s(this)}};g.style=".gux-status-indicator{display:inline-flex;gap:var(--gse-ui-dataTableItems-statusIndicator-gap);align-items:center;padding:var(--gse-ui-dataTableItems-statusIndicator-gap);font-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);line-height:var(--gse-ui-dataTableItems-statusIndicator-label-lineHeight);border-radius:var(--gse-ui-dataTableItems-statusIndicator-borderRadius)}.gux-status-indicator:hover{cursor:default;background-color:var(--gse-ui-dataTableItems-statusIndicator-hover)}.gux-status-indicator-text{color:var(--gse-ui-dataTableItems-statusIndicator-text)}.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{g as gux_status_indicator_beta}
1
+ import{r as t,h as a,g as s}from"./p-cf74fd3d.js";import{t as e}from"./p-a3155714.js";import{h as i}from"./p-6d8b4027.js";const g=class{constructor(a){t(this,a),this.accent="info"}async componentWillLoad(){e(this.root,{variant:this.accent})}renderTooltip(){if(i(this.root,"tooltip-text"))return a("gux-tooltip",null,a("slot",{name:"tooltip-text"}))}render(){return a("div",{key:"3a77d18d0d284d6c82c9add2dedbd993100c9481",class:"gux-status-indicator"},a("span",{key:"cae7c8aac725640a8ed72005e76906401b8c18ba",class:`gux-status-icon gux-status-icon-${this.accent}`}),a("div",{key:"7330245f5c2fb8d9e9c23fba970201c5422e38f6",class:"gux-status-indicator-text"},a("slot",{key:"8dc37515009f6e07f6c7b0e52ccba2ed7ce2a688"})),this.renderTooltip())}get root(){return s(this)}};g.style=".gux-status-indicator{display:inline-flex;gap:var(--gse-ui-dataTableItems-statusIndicator-gap);align-items:center;padding:var(--gse-ui-dataTableItems-statusIndicator-gap);font-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);line-height:var(--gse-ui-dataTableItems-statusIndicator-label-lineHeight);border-radius:var(--gse-ui-dataTableItems-statusIndicator-borderRadius)}.gux-status-indicator:hover{cursor:default;background-color:var(--gse-ui-dataTableItems-statusIndicator-hover)}.gux-status-indicator-text{color:var(--gse-ui-dataTableItems-statusIndicator-text)}.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{g as gux_status_indicator_beta}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,g as s}from"./p-cf74fd3d.js";import{O as n}from"./p-f3d844c7.js";import{w as a}from"./p-e97879b4.js";import{a as o}from"./p-cf0e7d3b.js";import{t as c}from"./p-bf35dd33.js";import{b as r}from"./p-e5e644b3.js";import"./p-4202e9f2.js";const d={moreOptions:"More options"},u=["primary","secondary","tertiary","danger"];function b(t){return u.find((e=>e===t))?t:"secondary"}const l=class{constructor(i){t(this,i),this.open=e(this,"open",7),this.close=e(this,"close",7),this.actionClick=e(this,"actionClick",7),this.type="button",this.disabled=!1,this.accent="secondary",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"ArrowDown":case"Enter":e.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}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(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){o((()=>{var t;null===(t=this.listElement)||void 0===t||t.focus()}))}focusFirstItemInPopupList(){o((()=>{this.listElement.guxFocusFirstItem()}))}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}onListClick(t){a("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}async componentWillLoad(){c(this.root,{variant:this.type}),this.i18n=await r(this.root,d)}render(){return i("div",{key:"7633255e916dadb6e24229a0ef559ea3428f9a47",class:"gux-action-button-container"},i("gux-popup",{key:"b458ecea7ea0d89b13cd291af0fd25377d9fa0c0",expanded:this.isOpen,disabled:this.disabled,placement:"bottom-end","exceed-target-width":!0},i("div",{key:"414e7dc5173548b76af86b89b1bef794594e2d35",slot:"target",class:"gux-action-button-container"},i("gux-button-slot",{key:"c02b2c61bf8cdb4a19e971dd3e82bf36fa905ee6",class:"gux-action-button",accent:b(this.accent)},i("button",{key:"3108ca30cea4691b20a737285082712e4f17646f",type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},i("slot",{key:"afc6c2a8e15aed25d3d89b3d039a75df31e95205",name:"title"}))),i("gux-button-slot",{key:"afab832bb050d69d1a81a10f4eff450203e432f6",class:"gux-dropdown-button",accent:b(this.accent)},i("button",{key:"a4ba7ab4edc377020cdb2ba45bb955b76c68f648",type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("moreOptions")},i("gux-icon",{key:"8cbc807c178ff77489fb9ce69882875edf206dcd",decorative:!0,"icon-name":"custom/chevron-down-small-regular",size:"small"})))),i("div",{key:"5a64c0e7a02e4ead6ce1d2f6c4f34968f06187d9",class:"gux-list-container",slot:"popup"},i("gux-list",{key:"3e5610e97b431d515683b3f0d7170c42efc4550b",onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",{key:"4ef52f6ee1d003738bb48bea67cc50a2ff7861fc"})))))}static get delegatesFocus(){return!0}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,e,i,s){var n,a=arguments.length,o=a<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,s);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(o=(a<3?n(o):a>3?n(e,i,o):n(e,i))||o);a>3&&o&&Object.defineProperty(e,i,o)})([n({triggerEvents:"click"})],l.prototype,"onClickOutside",null),l.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-action-button-container{min-inline-size:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{inline-size:calc(100% - 33px);margin-inline-end:1px}.gux-action-button-container .gux-action-button button{inline-size:100%;max-inline-size:none;text-align:center;border-start-end-radius:0;border-end-end-radius:0}.gux-action-button-container .gux-action-button button:focus-visible:enabled{position:relative}.gux-action-button-container .gux-dropdown-button button{display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-button-iconOnly-width);padding:0;border-start-start-radius:0;border-end-start-radius:0}.gux-action-button-container .gux-list-container{max-inline-size:220px;max-block-size:var(--gse-ui-menu-maxHeight);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{l as gux_action_button}
1
+ import{r as t,c as e,h as i,g as s}from"./p-cf74fd3d.js";import{O as a}from"./p-f3d844c7.js";import{w as n}from"./p-e97879b4.js";import{a as o}from"./p-cf0e7d3b.js";import{t as c}from"./p-a3155714.js";import{b as r}from"./p-e5e644b3.js";import"./p-4202e9f2.js";const d={moreOptions:"More options"},u=["primary","secondary","tertiary","danger"];function b(t){return u.find((e=>e===t))?t:"secondary"}const l=class{constructor(i){t(this,i),this.open=e(this,"open",7),this.close=e(this,"close",7),this.actionClick=e(this,"actionClick",7),this.type="button",this.disabled=!1,this.accent="secondary",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"ArrowDown":case"Enter":e.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}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(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){o((()=>{var t;null===(t=this.listElement)||void 0===t||t.focus()}))}focusFirstItemInPopupList(){o((()=>{this.listElement.guxFocusFirstItem()}))}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}onListClick(t){n("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}async componentWillLoad(){c(this.root,{variant:this.type}),this.i18n=await r(this.root,d)}render(){return i("div",{key:"7633255e916dadb6e24229a0ef559ea3428f9a47",class:"gux-action-button-container"},i("gux-popup",{key:"b458ecea7ea0d89b13cd291af0fd25377d9fa0c0",expanded:this.isOpen,disabled:this.disabled,placement:"bottom-end","exceed-target-width":!0},i("div",{key:"414e7dc5173548b76af86b89b1bef794594e2d35",slot:"target",class:"gux-action-button-container"},i("gux-button-slot",{key:"c02b2c61bf8cdb4a19e971dd3e82bf36fa905ee6",class:"gux-action-button",accent:b(this.accent)},i("button",{key:"3108ca30cea4691b20a737285082712e4f17646f",type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},i("slot",{key:"afc6c2a8e15aed25d3d89b3d039a75df31e95205",name:"title"}))),i("gux-button-slot",{key:"afab832bb050d69d1a81a10f4eff450203e432f6",class:"gux-dropdown-button",accent:b(this.accent)},i("button",{key:"a4ba7ab4edc377020cdb2ba45bb955b76c68f648",type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("moreOptions")},i("gux-icon",{key:"8cbc807c178ff77489fb9ce69882875edf206dcd",decorative:!0,"icon-name":"custom/chevron-down-small-regular",size:"small"})))),i("div",{key:"5a64c0e7a02e4ead6ce1d2f6c4f34968f06187d9",class:"gux-list-container",slot:"popup"},i("gux-list",{key:"3e5610e97b431d515683b3f0d7170c42efc4550b",onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",{key:"4ef52f6ee1d003738bb48bea67cc50a2ff7861fc"})))))}static get delegatesFocus(){return!0}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,e,i,s){var a,n=arguments.length,o=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,s);else for(var c=t.length-1;c>=0;c--)(a=t[c])&&(o=(n<3?a(o):n>3?a(e,i,o):a(e,i))||o);n>3&&o&&Object.defineProperty(e,i,o)})([a({triggerEvents:"click"})],l.prototype,"onClickOutside",null),l.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-action-button-container{min-inline-size:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{inline-size:calc(100% - 33px);margin-inline-end:1px}.gux-action-button-container .gux-action-button button{inline-size:100%;max-inline-size:none;text-align:center;border-start-end-radius:0;border-end-end-radius:0}.gux-action-button-container .gux-action-button button:focus-visible:enabled{position:relative}.gux-action-button-container .gux-dropdown-button button{display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-button-iconOnly-width);padding:0;border-start-start-radius:0;border-end-start-radius:0}.gux-action-button-container .gux-list-container{max-inline-size:220px;max-block-size:var(--gse-ui-menu-maxHeight);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{l as gux_action_button}
@@ -1 +1 @@
1
- import{r as t,c as e,f as i,h as o,g as r}from"./p-cf74fd3d.js";import{O as n}from"./p-f3d844c7.js";import{b as s}from"./p-e5e644b3.js";import{s as l}from"./p-2c25e2f2.js";import{b as u}from"./p-cf0e7d3b.js";import{o as a}from"./p-f4751a15.js";import{t as d}from"./p-bf35dd33.js";import{c,s as h,g,a as f}from"./p-01ff7495.js";import{O as p}from"./p-946c70b7.js";import"./p-4202e9f2.js";const x={textInputResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown",numberSelected:"{numberSelected} selected",pressEnterToCreate:"Press Enter to create new option, {textInputValue}"};var b=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const v=class{constructor(i){t(this,i),this.guxcreateoption=e(this,"guxcreateoption",7),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.disabled=!1,this.required=!1,this.loading=!1,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.hasCreate=!1,this.expanded=!1,this.textInput=""}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit()}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}focusSelectedItemAfterRender(t){t&&this.listboxElement&&u((()=>{this.hasTextInput()?this.textInputElement.focus():this.listboxElement.focus()})),t||(this.textInput="")}watchDisabled(t){t&&(this.expanded=!1)}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}getSelectedValues(){return Promise.resolve(c(this.value))}onKeydown(t){switch(t.key){case"Escape":return this.hasTextInput()&&document.activeElement===this.listboxElement?this.textInputElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.textInputElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,h(this.listboxElement)));case"Enter":return this.canCreateNewOption()&&this.isActiveElement()&&this.emitCreateOption(),void(this.expanded||this.isFilterable()||h(this.listboxElement));case" ":return void(this.expanded||this.isFilterable()||h(this.listboxElement))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),requestAnimationFrame((()=>{requestAnimationFrame((()=>i(this.root)))}))}onClearselected(t){t.stopPropagation(),this.updateValue(void 0),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value,this.listboxElement),this.fieldButtonElement.focus()}onCreatenewoption(t){t.stopPropagation(),this.emitCreateOption()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.hasCreate=!!this.root.querySelector("gux-create-option"))}async componentWillLoad(){d(this.root),this.i18n=await s(this.root,x),a(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.textInput=this.textInput)}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)?e.value=t:this.value=void 0:e&&(e.value=t)}hasTextInput(){return this.isFilterable()||this.hasCreate}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}isFilterable(){return"custom"===this.filterType||"starts-with"===this.filterType}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),i=c(t);return e.filter((t=>i.includes(t.value)))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.textInput=this.textInputElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.hasTextInput()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.hasTextInput()&&document.activeElement===this.listboxElement}emitCreateOption(){this.guxcreateoption.emit(this.textInput),this.textInput="",this.textInputElement.value=""}canCreateNewOption(){return this.hasCreate&&this.textInput&&!this.listboxElement.hasExactMatch}isActiveElement(){return document.activeElement===this.root}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){if("ArrowDown"===t.key)return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void h(this.listboxElement)}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,l(this.root,"input"),l(this.root,"change"))}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=g(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=f(o))||void 0===e?void 0:e.textContent.trim();return null==t?void 0:t.substring(i)}return""}}renderTargetDisplay(){return o("div",{class:"gux-placeholder"},this.getSrSelectedText(),this.getSelectedOptionText()||this.placeholder||this.i18n("noSelection"))}getSelectedOptionText(){const t=this.getSelectedOptionValueString();return!!t&&[t,o("div",{class:"gux-sr-only"},this.placeholder)]}getSelectedOptionValueString(){return this.getOptionElementByValue(this.value).map((t=>{var e;return null===(e=f(t))||void 0===e?void 0:e.textContent.trim()})).join(", ")}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(t.length)return o("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}getInputAriaLabel(){return this.canCreateNewOption()&&this.isActiveElement()?this.i18n("pressEnterToCreate",{textInputValue:this.textInput}):this.i18n("textInputResults")}renderTag(){const t=c(this.value);if(t.length)return o("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":t.length})}renderFilterInputField(){if(this.expanded&&this.hasTextInput())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.textInput),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.textInput))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.getSelectedOptionValueString()||this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.getInputAriaLabel(),ref:t=>this.textInputElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container":!0,"gux-target-container-expanded":this.expanded&&this.hasTextInput(),"gux-target-container-collapsed":!(this.expanded&&this.hasTextInput()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderTag(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},size:"small","screenreader-text":this.i18n("dropdown"),iconName:"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.hasTextInput())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return[o("div",{key:"6927f71083cd8f0700374d948be0aa25cb3db639",class:"gux-dropdown-container"},o("gux-popup",{key:"f7ed293f36f193c6e03d245656ec1d8b09d44f7b",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup()))]}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],disabled:["watchDisabled"],value:["watchValue"],textInput:["handleFilter"]}}};b([p({childList:!0,subtree:!0})],v.prototype,"onMutation",null),b([n({triggerEvents:"mousedown"})],v.prototype,"onClickOutside",null),v.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%;padding-inline-start:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input:placeholder-shown{text-overflow:ellipsis}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}";export{v as gux_dropdown_multi}
1
+ import{r as t,c as e,f as i,h as o,g as r}from"./p-cf74fd3d.js";import{O as n}from"./p-f3d844c7.js";import{b as s}from"./p-e5e644b3.js";import{s as l}from"./p-2c25e2f2.js";import{b as u}from"./p-cf0e7d3b.js";import{o as a}from"./p-f4751a15.js";import{t as d}from"./p-a3155714.js";import{c,s as h,g,a as f}from"./p-01ff7495.js";import{O as p}from"./p-946c70b7.js";import"./p-4202e9f2.js";const x={textInputResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown",numberSelected:"{numberSelected} selected",pressEnterToCreate:"Press Enter to create new option, {textInputValue}"};var b=function(t,e,i,o){var r,n=arguments.length,s=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const v=class{constructor(i){t(this,i),this.guxcreateoption=e(this,"guxcreateoption",7),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.disabled=!1,this.required=!1,this.loading=!1,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.hasCreate=!1,this.expanded=!1,this.textInput=""}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit()}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}focusSelectedItemAfterRender(t){t&&this.listboxElement&&u((()=>{this.hasTextInput()?this.textInputElement.focus():this.listboxElement.focus()})),t||(this.textInput="")}watchDisabled(t){t&&(this.expanded=!1)}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}getSelectedValues(){return Promise.resolve(c(this.value))}onKeydown(t){switch(t.key){case"Escape":return this.hasTextInput()&&document.activeElement===this.listboxElement?this.textInputElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.textInputElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,h(this.listboxElement)));case"Enter":return this.canCreateNewOption()&&this.isActiveElement()&&this.emitCreateOption(),void(this.expanded||this.isFilterable()||h(this.listboxElement));case" ":return void(this.expanded||this.isFilterable()||h(this.listboxElement))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),requestAnimationFrame((()=>{requestAnimationFrame((()=>i(this.root)))}))}onClearselected(t){t.stopPropagation(),this.updateValue(void 0),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value,this.listboxElement),this.fieldButtonElement.focus()}onCreatenewoption(t){t.stopPropagation(),this.emitCreateOption()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox-multi"),this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.hasCreate=!!this.root.querySelector("gux-create-option"))}async componentWillLoad(){d(this.root),this.i18n=await s(this.root,x),a(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.textInput=this.textInput)}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)?e.value=t:this.value=void 0:e&&(e.value=t)}hasTextInput(){return this.isFilterable()||this.hasCreate}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}isFilterable(){return"custom"===this.filterType||"starts-with"===this.filterType}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),i=c(t);return e.filter((t=>i.includes(t.value)))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.textInput=this.textInputElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.hasTextInput()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.hasTextInput()&&document.activeElement===this.listboxElement}emitCreateOption(){this.guxcreateoption.emit(this.textInput),this.textInput="",this.textInputElement.value=""}canCreateNewOption(){return this.hasCreate&&this.textInput&&!this.listboxElement.hasExactMatch}isActiveElement(){return document.activeElement===this.root}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){if("ArrowDown"===t.key)return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void h(this.listboxElement)}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,l(this.root,"input"),l(this.root,"change"))}getTypeaheadText(t){var e;const i=t.length;if(i>0&&!this.loading){const o=g(this.listboxElement,t);if(o&&"custom"!==this.filterType){const t=null===(e=f(o))||void 0===e?void 0:e.textContent.trim();return null==t?void 0:t.substring(i)}return""}}renderTargetDisplay(){return o("div",{class:"gux-placeholder"},this.getSrSelectedText(),this.getSelectedOptionText()||this.placeholder||this.i18n("noSelection"))}getSelectedOptionText(){const t=this.getSelectedOptionValueString();return!!t&&[t,o("div",{class:"gux-sr-only"},this.placeholder)]}getSelectedOptionValueString(){return this.getOptionElementByValue(this.value).map((t=>{var e;return null===(e=f(t))||void 0===e?void 0:e.textContent.trim()})).join(", ")}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(t.length)return o("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}getInputAriaLabel(){return this.canCreateNewOption()&&this.isActiveElement()?this.i18n("pressEnterToCreate",{textInputValue:this.textInput}):this.i18n("textInputResults")}renderTag(){const t=c(this.value);if(t.length)return o("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":t.length})}renderFilterInputField(){if(this.expanded&&this.hasTextInput())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.textInput),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.textInput))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.getSelectedOptionValueString()||this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.getInputAriaLabel(),ref:t=>this.textInputElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container":!0,"gux-target-container-expanded":this.expanded&&this.hasTextInput(),"gux-target-container-collapsed":!(this.expanded&&this.hasTextInput()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderTag(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},size:"small","screenreader-text":this.i18n("dropdown"),iconName:"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.hasTextInput())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return[o("div",{key:"6927f71083cd8f0700374d948be0aa25cb3db639",class:"gux-dropdown-container"},o("gux-popup",{key:"f7ed293f36f193c6e03d245656ec1d8b09d44f7b",expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled||this.loading&&!this.isFilterable(),exceedTargetWidth:this.exceedTargetWidth},this.renderTarget(),this.renderPopup()))]}static get delegatesFocus(){return!0}get root(){return r(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],disabled:["watchDisabled"],value:["watchValue"],textInput:["handleFilter"]}}};b([p({childList:!0,subtree:!0})],v.prototype,"onMutation",null),b([n({triggerEvents:"mousedown"})],v.prototype,"onClickOutside",null),v.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%;padding-inline-start:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input:placeholder-shown{text-overflow:ellipsis}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}";export{v as gux_dropdown_multi}
@@ -1 +1 @@
1
- import{r as e,h as o,f as i,g as r}from"./p-cf74fd3d.js";import{b as t}from"./p-e5e644b3.js";import{O as l}from"./p-946c70b7.js";import{h as a}from"./p-6d8b4027.js";import{t as s}from"./p-bf35dd33.js";import{G as n,a as d}from"./p-25141c4d.js";import{G as f,a as p}from"./p-bd1d4fac.js";import{g as u,v as g}from"./p-4aaf349e.js";import{p as h}from"./p-a11d5d42.js";import{a as c,o as x,b as m}from"./p-6b12dd16.js";import{s as b}from"./p-2c25e2f2.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";const 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:"989d4155c0aa73d2f0f9afe0eb04ba55764bccd5",labelPosition:"above"},o(f,{key:"cd69dd4dcc333cadb3b50e5736d319db88e8cf06",position:"above",required:this.required},o("slot",{key:"88513d8977f749e7d0e9dc61b266a026c22c7048",name:"label"}),o("gux-form-field-label-indicator",{key:"c602062bb5789fdde49921a0092344a8e9f60d58",variant:this.indicatorMark,required:this.required}),o("slot",{key:"48a3070cef06dbb9a8814b8750e3234cd7da0c60",name:"label-info"})),o("div",{key:"a99a2dfa6c3662cc7da84cdf6c1866abe9e4878e",class:"gux-input-and-error-container"},o(n,{key:"bb626c2431562b30da8a806838a4fe21e0f5d2a1",show:this.hasHelp},o("slot",{key:"71119d39ee8324a48536350c24d92d2683f1d0f7",name:"help"})),this.renderInputSlot(),o(d,{key:"573d6c356d497d8bd76e0adda31f606de5953bee",show:this.hasError},o("slot",{key:"4390140174fa3c91572fc5c5f5e8864f6f5af3ea",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.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.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,g as r}from"./p-cf74fd3d.js";import{b as t}from"./p-e5e644b3.js";import{O as l}from"./p-946c70b7.js";import{h as a}from"./p-6d8b4027.js";import{t as s}from"./p-a3155714.js";import{G as n,a as d}from"./p-25141c4d.js";import{G as f,a as p}from"./p-bd1d4fac.js";import{g as u,v as g}from"./p-4aaf349e.js";import{p as h}from"./p-a11d5d42.js";import{a as c,o as x,b as m}from"./p-6b12dd16.js";import{s as b}from"./p-2c25e2f2.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";const 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:"989d4155c0aa73d2f0f9afe0eb04ba55764bccd5",labelPosition:"above"},o(f,{key:"cd69dd4dcc333cadb3b50e5736d319db88e8cf06",position:"above",required:this.required},o("slot",{key:"88513d8977f749e7d0e9dc61b266a026c22c7048",name:"label"}),o("gux-form-field-label-indicator",{key:"c602062bb5789fdde49921a0092344a8e9f60d58",variant:this.indicatorMark,required:this.required}),o("slot",{key:"48a3070cef06dbb9a8814b8750e3234cd7da0c60",name:"label-info"})),o("div",{key:"a99a2dfa6c3662cc7da84cdf6c1866abe9e4878e",class:"gux-input-and-error-container"},o(n,{key:"bb626c2431562b30da8a806838a4fe21e0f5d2a1",show:this.hasHelp},o("slot",{key:"71119d39ee8324a48536350c24d92d2683f1d0f7",name:"help"})),this.renderInputSlot(),o(d,{key:"573d6c356d497d8bd76e0adda31f606de5953bee",show:this.hasError},o("slot",{key:"4390140174fa3c91572fc5c5f5e8864f6f5af3ea",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.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.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}