genesys-spark-components 4.151.2 → 4.151.3

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 (369) 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-popup.cjs.entry.js +3 -7
  78. package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
  79. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  80. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  81. package/dist/cjs/gux-rich-highlight-list-item.cjs.entry.js +1 -1
  82. package/dist/cjs/gux-rich-style-list-item_3.cjs.entry.js +1 -1
  83. package/dist/cjs/gux-rich-text-editor-action-link.cjs.entry.js +1 -1
  84. package/dist/cjs/gux-rich-text-editor-action-rich-style.cjs.entry.js +1 -1
  85. package/dist/cjs/gux-rich-text-editor-action-text-highlight.cjs.entry.js +1 -1
  86. package/dist/cjs/gux-rich-text-editor-action.cjs.entry.js +1 -1
  87. package/dist/cjs/gux-rich-text-editor-beta.cjs.entry.js +1 -1
  88. package/dist/cjs/gux-rich-text-editor-list.cjs.entry.js +1 -1
  89. package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
  90. package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
  91. package/dist/cjs/gux-selector-card-beta.cjs.entry.js +1 -1
  92. package/dist/cjs/gux-selector-cards-beta.cjs.entry.js +1 -1
  93. package/dist/cjs/gux-side-panel-beta.cjs.entry.js +1 -1
  94. package/dist/cjs/gux-side-panel-heading.cjs.entry.js +1 -1
  95. package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
  96. package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
  97. package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
  98. package/dist/cjs/gux-status-indicator-beta.cjs.entry.js +1 -1
  99. package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
  100. package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
  101. package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
  102. package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
  103. package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
  104. package/dist/cjs/gux-table.cjs.entry.js +1 -1
  105. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  106. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  107. package/dist/cjs/gux-tag.cjs.entry.js +1 -1
  108. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  109. package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
  110. package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
  111. package/dist/cjs/gux-time-zone-beta.cjs.entry.js +2 -2
  112. package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +2 -2
  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/{time-zone-57632efb.js → time-zone-8cc25510.js} +87 -90
  119. package/dist/cjs/{usage-5e356728.js → usage-c8634539.js} +3 -3
  120. package/dist/collection/components/stable/gux-popup/gux-popup.js +3 -7
  121. package/dist/esm/gux-accordion.entry.js +1 -1
  122. package/dist/esm/gux-action-button.entry.js +1 -1
  123. package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
  124. package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
  125. package/dist/esm/gux-announce-beta.entry.js +1 -1
  126. package/dist/esm/gux-avatar-beta.entry.js +1 -1
  127. package/dist/esm/gux-avatar-change-photo-beta.entry.js +1 -1
  128. package/dist/esm/gux-avatar-group-add-item-beta_3.entry.js +1 -1
  129. package/dist/esm/gux-avatar-group-beta.entry.js +1 -1
  130. package/dist/esm/gux-avatar-group-item-beta.entry.js +1 -1
  131. package/dist/esm/gux-badge.entry.js +1 -1
  132. package/dist/esm/gux-blank-state.entry.js +1 -1
  133. package/dist/esm/gux-breadcrumbs.entry.js +1 -1
  134. package/dist/esm/gux-button-multi.entry.js +1 -1
  135. package/dist/esm/gux-button-slot.entry.js +1 -1
  136. package/dist/esm/gux-button_2.entry.js +1 -1
  137. package/dist/esm/gux-calendar-beta.entry.js +1 -1
  138. package/dist/esm/gux-calendar.entry.js +1 -1
  139. package/dist/esm/gux-card.entry.js +1 -1
  140. package/dist/esm/gux-column-manager.entry.js +1 -1
  141. package/dist/esm/gux-content-search.entry.js +1 -1
  142. package/dist/esm/gux-context-menu.entry.js +1 -1
  143. package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
  144. package/dist/esm/gux-date-beta.entry.js +1 -1
  145. package/dist/esm/gux-date-time-beta.entry.js +1 -1
  146. package/dist/esm/gux-datepicker.entry.js +1 -1
  147. package/dist/esm/gux-day-beta.entry.js +1 -1
  148. package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
  149. package/dist/esm/gux-dismiss-button.entry.js +1 -1
  150. package/dist/esm/gux-dropdown-multi.entry.js +1 -1
  151. package/dist/esm/gux-dropdown_3.entry.js +1 -1
  152. package/dist/esm/gux-file-list-item.entry.js +1 -1
  153. package/dist/esm/gux-flag-icon-beta.entry.js +1 -1
  154. package/dist/esm/gux-flyout-menu.entry.js +1 -1
  155. package/dist/esm/gux-form-field-checkbox-group-beta.entry.js +1 -1
  156. package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
  157. package/dist/esm/gux-form-field-color.entry.js +1 -1
  158. package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
  159. package/dist/esm/gux-form-field-file-beta.entry.js +1 -1
  160. package/dist/esm/gux-form-field-file.entry.js +1 -1
  161. package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
  162. package/dist/esm/gux-form-field-label-indicator.entry.js +1 -1
  163. package/dist/esm/gux-form-field-number_2.entry.js +1 -1
  164. package/dist/esm/gux-form-field-phone.entry.js +1 -1
  165. package/dist/esm/gux-form-field-radio-group-beta.entry.js +1 -1
  166. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  167. package/dist/esm/gux-form-field-range.entry.js +1 -1
  168. package/dist/esm/gux-form-field-search.entry.js +1 -1
  169. package/dist/esm/gux-form-field-select.entry.js +1 -1
  170. package/dist/esm/gux-form-field-text-like.entry.js +1 -1
  171. package/dist/esm/gux-form-field-textarea.entry.js +1 -1
  172. package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
  173. package/dist/esm/gux-form-field-time-zone-picker.entry.js +1 -1
  174. package/dist/esm/gux-form-footer.entry.js +1 -1
  175. package/dist/esm/gux-icon-tooltip-beta.entry.js +1 -1
  176. package/dist/esm/gux-icon.entry.js +1 -1
  177. package/dist/esm/gux-inline-alert.entry.js +1 -1
  178. package/dist/esm/gux-inline-dropdown-beta.entry.js +1 -1
  179. package/dist/esm/gux-label-info-beta.entry.js +1 -1
  180. package/dist/esm/gux-link-beta.entry.js +1 -1
  181. package/dist/esm/gux-list.entry.js +1 -1
  182. package/dist/esm/gux-listbox-multi.entry.js +1 -1
  183. package/dist/esm/gux-loading-message.entry.js +1 -1
  184. package/dist/esm/gux-modal-legacy.entry.js +1 -1
  185. package/dist/esm/gux-modal-side-panel-beta.entry.js +1 -1
  186. package/dist/esm/gux-modal.entry.js +1 -1
  187. package/dist/esm/gux-month-picker-beta.entry.js +1 -1
  188. package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
  189. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  190. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  191. package/dist/esm/gux-pagination-legacy.entry.js +1 -1
  192. package/dist/esm/gux-pagination.entry.js +1 -1
  193. package/dist/esm/gux-phone-input-beta.entry.js +1 -1
  194. package/dist/esm/gux-popover-beta.entry.js +1 -1
  195. package/dist/esm/gux-popover-list-beta.entry.js +1 -1
  196. package/dist/esm/gux-popover-list.entry.js +1 -1
  197. package/dist/esm/gux-popup.entry.js +3 -7
  198. package/dist/esm/gux-radial-loading.entry.js +1 -1
  199. package/dist/esm/gux-radial-progress.entry.js +1 -1
  200. package/dist/esm/gux-rating.entry.js +1 -1
  201. package/dist/esm/gux-rich-highlight-list-item.entry.js +1 -1
  202. package/dist/esm/gux-rich-style-list-item_3.entry.js +1 -1
  203. package/dist/esm/gux-rich-text-editor-action-link.entry.js +1 -1
  204. package/dist/esm/gux-rich-text-editor-action-rich-style.entry.js +1 -1
  205. package/dist/esm/gux-rich-text-editor-action-text-highlight.entry.js +1 -1
  206. package/dist/esm/gux-rich-text-editor-action.entry.js +1 -1
  207. package/dist/esm/gux-rich-text-editor-beta.entry.js +1 -1
  208. package/dist/esm/gux-rich-text-editor-list.entry.js +1 -1
  209. package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
  210. package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
  211. package/dist/esm/gux-selector-card-beta.entry.js +1 -1
  212. package/dist/esm/gux-selector-cards-beta.entry.js +1 -1
  213. package/dist/esm/gux-side-panel-beta.entry.js +1 -1
  214. package/dist/esm/gux-side-panel-heading.entry.js +1 -1
  215. package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
  216. package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
  217. package/dist/esm/gux-sort-control.entry.js +1 -1
  218. package/dist/esm/gux-status-indicator-beta.entry.js +1 -1
  219. package/dist/esm/gux-switch-legacy.entry.js +1 -1
  220. package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
  221. package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
  222. package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
  223. package/dist/esm/gux-table-toolbar.entry.js +1 -1
  224. package/dist/esm/gux-table.entry.js +1 -1
  225. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  226. package/dist/esm/gux-tabs.entry.js +1 -1
  227. package/dist/esm/gux-tag.entry.js +1 -1
  228. package/dist/esm/gux-text-highlight.entry.js +1 -1
  229. package/dist/esm/gux-time-beta.entry.js +1 -1
  230. package/dist/esm/gux-time-picker.entry.js +1 -1
  231. package/dist/esm/gux-time-zone-beta.entry.js +2 -2
  232. package/dist/esm/gux-time-zone-picker-beta.entry.js +2 -2
  233. package/dist/esm/gux-toast.entry.js +1 -1
  234. package/dist/esm/gux-toggle.entry.js +1 -1
  235. package/dist/esm/gux-tooltip-base-beta_2.entry.js +1 -1
  236. package/dist/esm/gux-tooltip-pointer-beta.entry.js +1 -1
  237. package/dist/esm/gux-tooltip_2.entry.js +1 -1
  238. package/dist/esm/{time-zone-b2752992.js → time-zone-cf8c390b.js} +87 -90
  239. package/dist/esm/{usage-ae4541d4.js → usage-d41a26a5.js} +3 -3
  240. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  241. package/dist/genesys-webcomponents/{p-140726f4.entry.js → p-006c09ae.entry.js} +1 -1
  242. package/dist/genesys-webcomponents/{p-3f4371dd.entry.js → p-02cc4ac5.entry.js} +1 -1
  243. package/dist/genesys-webcomponents/{p-e6229314.entry.js → p-0578f84e.entry.js} +1 -1
  244. package/dist/genesys-webcomponents/{p-cd0b83c1.entry.js → p-06728b79.entry.js} +1 -1
  245. package/dist/genesys-webcomponents/{p-ad5fe0e1.entry.js → p-09fc8380.entry.js} +1 -1
  246. package/dist/genesys-webcomponents/{p-4adef735.entry.js → p-0b9c18c6.entry.js} +1 -1
  247. package/dist/genesys-webcomponents/{p-f807d318.entry.js → p-1035ee10.entry.js} +1 -1
  248. package/dist/genesys-webcomponents/{p-734443a1.entry.js → p-11ea2b76.entry.js} +1 -1
  249. package/dist/genesys-webcomponents/{p-bd52cfda.entry.js → p-12497041.entry.js} +1 -1
  250. package/dist/genesys-webcomponents/{p-d91e93b7.js → p-137949c3.js} +1 -1
  251. package/dist/genesys-webcomponents/{p-113bdbd6.entry.js → p-143fab1a.entry.js} +1 -1
  252. package/dist/genesys-webcomponents/{p-6c3ea353.entry.js → p-14a953c2.entry.js} +1 -1
  253. package/dist/genesys-webcomponents/{p-add697a5.entry.js → p-172eb71f.entry.js} +1 -1
  254. package/dist/genesys-webcomponents/p-195982e6.js +1 -0
  255. package/dist/genesys-webcomponents/{p-9a8c40c5.entry.js → p-1a5d29dd.entry.js} +1 -1
  256. package/dist/genesys-webcomponents/{p-87d33f8d.entry.js → p-1c9473d1.entry.js} +1 -1
  257. package/dist/genesys-webcomponents/{p-2d5a6a01.entry.js → p-1d4bd44c.entry.js} +1 -1
  258. package/dist/genesys-webcomponents/{p-52f4b5c2.entry.js → p-1f50ecfe.entry.js} +1 -1
  259. package/dist/genesys-webcomponents/{p-d750bee9.entry.js → p-203e8d11.entry.js} +1 -1
  260. package/dist/genesys-webcomponents/{p-7540a7a9.entry.js → p-2059f540.entry.js} +1 -1
  261. package/dist/genesys-webcomponents/{p-04939efc.entry.js → p-21373cfe.entry.js} +1 -1
  262. package/dist/genesys-webcomponents/{p-ec5ae5fd.entry.js → p-22cf47bc.entry.js} +1 -1
  263. package/dist/genesys-webcomponents/{p-44239fd6.entry.js → p-2356dced.entry.js} +1 -1
  264. package/dist/genesys-webcomponents/{p-d0b1a51d.entry.js → p-28bedd7f.entry.js} +1 -1
  265. package/dist/genesys-webcomponents/{p-9ef9538a.entry.js → p-296eff2f.entry.js} +1 -1
  266. package/dist/genesys-webcomponents/p-2b615c12.entry.js +1 -0
  267. package/dist/genesys-webcomponents/{p-5a8a8a35.entry.js → p-3174217a.entry.js} +1 -1
  268. package/dist/genesys-webcomponents/{p-c8cd8c5a.entry.js → p-336ed800.entry.js} +1 -1
  269. package/dist/genesys-webcomponents/{p-dc7dbe9b.entry.js → p-3389dd71.entry.js} +1 -1
  270. package/dist/genesys-webcomponents/p-3432b207.entry.js +1 -0
  271. package/dist/genesys-webcomponents/{p-aa4e75dd.entry.js → p-34999354.entry.js} +1 -1
  272. package/dist/genesys-webcomponents/{p-c8a6aed8.entry.js → p-37688a74.entry.js} +1 -1
  273. package/dist/genesys-webcomponents/{p-e8c999f2.entry.js → p-3cd31a37.entry.js} +1 -1
  274. package/dist/genesys-webcomponents/{p-5a436140.entry.js → p-3d098b16.entry.js} +1 -1
  275. package/dist/genesys-webcomponents/{p-5fb12633.entry.js → p-3d4a1279.entry.js} +1 -1
  276. package/dist/genesys-webcomponents/{p-ac28e4e6.entry.js → p-3e465d7d.entry.js} +1 -1
  277. package/dist/genesys-webcomponents/{p-00b74cf7.entry.js → p-419845c4.entry.js} +1 -1
  278. package/dist/genesys-webcomponents/{p-a4dc0818.entry.js → p-42262576.entry.js} +1 -1
  279. package/dist/genesys-webcomponents/{p-43774848.entry.js → p-4351ad27.entry.js} +1 -1
  280. package/dist/genesys-webcomponents/{p-d6ebaf8d.entry.js → p-44efc984.entry.js} +1 -1
  281. package/dist/genesys-webcomponents/{p-f200b133.entry.js → p-4555aeda.entry.js} +1 -1
  282. package/dist/genesys-webcomponents/{p-7457265a.entry.js → p-4587343f.entry.js} +1 -1
  283. package/dist/genesys-webcomponents/{p-2d28b788.entry.js → p-459af26e.entry.js} +1 -1
  284. package/dist/genesys-webcomponents/{p-b2266a25.entry.js → p-4622124f.entry.js} +1 -1
  285. package/dist/genesys-webcomponents/{p-b224a7a2.entry.js → p-4defbe1e.entry.js} +1 -1
  286. package/dist/genesys-webcomponents/{p-21608c62.entry.js → p-4e1813a6.entry.js} +1 -1
  287. package/dist/genesys-webcomponents/{p-16b3dd1b.entry.js → p-52cdfcd2.entry.js} +1 -1
  288. package/dist/genesys-webcomponents/{p-7e2947da.entry.js → p-53110403.entry.js} +1 -1
  289. package/dist/genesys-webcomponents/{p-dd1dea3b.entry.js → p-563ae8e8.entry.js} +1 -1
  290. package/dist/genesys-webcomponents/{p-6236d8e1.entry.js → p-598dd35b.entry.js} +1 -1
  291. package/dist/genesys-webcomponents/{p-5cb04df2.entry.js → p-5b048836.entry.js} +1 -1
  292. package/dist/genesys-webcomponents/{p-d3fed42b.entry.js → p-5db0ff54.entry.js} +1 -1
  293. package/dist/genesys-webcomponents/{p-415b4edb.entry.js → p-62e27914.entry.js} +1 -1
  294. package/dist/genesys-webcomponents/{p-3a260542.entry.js → p-63b2a765.entry.js} +1 -1
  295. package/dist/genesys-webcomponents/{p-fff32eab.entry.js → p-64cee570.entry.js} +1 -1
  296. package/dist/genesys-webcomponents/{p-bc577af5.entry.js → p-663bd88d.entry.js} +1 -1
  297. package/dist/genesys-webcomponents/p-6702bab9.entry.js +1 -0
  298. package/dist/genesys-webcomponents/{p-8999abf2.entry.js → p-67559a6a.entry.js} +1 -1
  299. package/dist/genesys-webcomponents/{p-4e61df5e.entry.js → p-67c5cb07.entry.js} +1 -1
  300. package/dist/genesys-webcomponents/{p-84a4a50a.entry.js → p-67ebeb7a.entry.js} +1 -1
  301. package/dist/genesys-webcomponents/{p-d5fbee70.entry.js → p-696c1d38.entry.js} +1 -1
  302. package/dist/genesys-webcomponents/{p-2bd7b3e3.entry.js → p-69e999f0.entry.js} +1 -1
  303. package/dist/genesys-webcomponents/{p-3bcdf600.entry.js → p-6a591560.entry.js} +1 -1
  304. package/dist/genesys-webcomponents/{p-141bfb00.entry.js → p-6db174ed.entry.js} +1 -1
  305. package/dist/genesys-webcomponents/{p-1cde4d61.entry.js → p-6f3525f9.entry.js} +1 -1
  306. package/dist/genesys-webcomponents/{p-bf380e3a.entry.js → p-72031cbf.entry.js} +1 -1
  307. package/dist/genesys-webcomponents/{p-1c869335.entry.js → p-7519455a.entry.js} +1 -1
  308. package/dist/genesys-webcomponents/{p-0d6125b6.entry.js → p-75f184e7.entry.js} +1 -1
  309. package/dist/genesys-webcomponents/{p-4dba9dce.entry.js → p-7876e7d3.entry.js} +1 -1
  310. package/dist/genesys-webcomponents/{p-76b9f1fb.entry.js → p-79f7736d.entry.js} +1 -1
  311. package/dist/genesys-webcomponents/{p-17960da1.entry.js → p-7d10227c.entry.js} +1 -1
  312. package/dist/genesys-webcomponents/{p-dd836266.entry.js → p-7d755b2a.entry.js} +1 -1
  313. package/dist/genesys-webcomponents/{p-00fc736d.entry.js → p-7d9a443e.entry.js} +1 -1
  314. package/dist/genesys-webcomponents/{p-3bb5cebe.entry.js → p-7e4217cd.entry.js} +1 -1
  315. package/dist/genesys-webcomponents/{p-61a7c7ef.entry.js → p-7e8d1a33.entry.js} +1 -1
  316. package/dist/genesys-webcomponents/{p-7cd9c9fc.entry.js → p-846370b7.entry.js} +1 -1
  317. package/dist/genesys-webcomponents/{p-907541d8.entry.js → p-862bca7d.entry.js} +1 -1
  318. package/dist/genesys-webcomponents/{p-0e9a9679.entry.js → p-86c55eb2.entry.js} +1 -1
  319. package/dist/genesys-webcomponents/{p-12fc1e2a.entry.js → p-86cfe5c6.entry.js} +1 -1
  320. package/dist/genesys-webcomponents/{p-faebef21.entry.js → p-890655dd.entry.js} +1 -1
  321. package/dist/genesys-webcomponents/{p-24ec17de.entry.js → p-8de0eaab.entry.js} +1 -1
  322. package/dist/genesys-webcomponents/{p-dcd6a9dd.entry.js → p-9252ff93.entry.js} +1 -1
  323. package/dist/genesys-webcomponents/{p-9d19635c.entry.js → p-a3d9b3d8.entry.js} +1 -1
  324. package/dist/genesys-webcomponents/{p-3e5dee31.entry.js → p-a54fbd89.entry.js} +1 -1
  325. package/dist/genesys-webcomponents/{p-ddc4b595.entry.js → p-a55048f0.entry.js} +1 -1
  326. package/dist/genesys-webcomponents/{p-91ec9866.entry.js → p-ab192a01.entry.js} +1 -1
  327. package/dist/genesys-webcomponents/{p-9bbabb5b.entry.js → p-b000b4c6.entry.js} +1 -1
  328. package/dist/genesys-webcomponents/{p-f906c8b8.entry.js → p-b2d2500d.entry.js} +1 -1
  329. package/dist/genesys-webcomponents/{p-d3af201b.entry.js → p-b3f99b81.entry.js} +1 -1
  330. package/dist/genesys-webcomponents/{p-07510ab2.entry.js → p-b4519c05.entry.js} +1 -1
  331. package/dist/genesys-webcomponents/{p-0be83c6d.entry.js → p-b53b7409.entry.js} +1 -1
  332. package/dist/genesys-webcomponents/{p-d94f253b.entry.js → p-b9f3357b.entry.js} +1 -1
  333. package/dist/genesys-webcomponents/{p-d786254e.entry.js → p-bb4e24b0.entry.js} +1 -1
  334. package/dist/genesys-webcomponents/{p-a870b608.entry.js → p-bb5c6bf7.entry.js} +1 -1
  335. package/dist/genesys-webcomponents/{p-435d4c60.entry.js → p-be913cdd.entry.js} +1 -1
  336. package/dist/genesys-webcomponents/{p-6c115256.entry.js → p-c19e2ecf.entry.js} +1 -1
  337. package/dist/genesys-webcomponents/{p-ed8677ed.entry.js → p-cd040040.entry.js} +1 -1
  338. package/dist/genesys-webcomponents/{p-8ef9d0ea.entry.js → p-ce6447ae.entry.js} +1 -1
  339. package/dist/genesys-webcomponents/{p-f0676512.entry.js → p-d12a8958.entry.js} +1 -1
  340. package/dist/genesys-webcomponents/{p-f846fd1b.entry.js → p-d1e42ae8.entry.js} +1 -1
  341. package/dist/genesys-webcomponents/{p-294b9380.entry.js → p-d620ed62.entry.js} +1 -1
  342. package/dist/genesys-webcomponents/{p-aa71ca5c.entry.js → p-dd0d057f.entry.js} +1 -1
  343. package/dist/genesys-webcomponents/{p-97a17ccb.entry.js → p-de0e4263.entry.js} +1 -1
  344. package/dist/genesys-webcomponents/{p-59cf15da.entry.js → p-de9b3d02.entry.js} +1 -1
  345. package/dist/genesys-webcomponents/{p-330a037e.entry.js → p-df21ecff.entry.js} +1 -1
  346. package/dist/genesys-webcomponents/{p-ba746e09.entry.js → p-e282ad10.entry.js} +1 -1
  347. package/dist/genesys-webcomponents/{p-34c14e0c.entry.js → p-e400459e.entry.js} +1 -1
  348. package/dist/genesys-webcomponents/{p-ff1b9234.entry.js → p-e47b7ff2.entry.js} +1 -1
  349. package/dist/genesys-webcomponents/{p-28347910.entry.js → p-e514e8e3.entry.js} +1 -1
  350. package/dist/genesys-webcomponents/{p-84af599e.entry.js → p-e6089e03.entry.js} +1 -1
  351. package/dist/genesys-webcomponents/{p-c4a88168.entry.js → p-e62ab8f3.entry.js} +1 -1
  352. package/dist/genesys-webcomponents/{p-64ae770f.entry.js → p-e871cbcf.entry.js} +1 -1
  353. package/dist/genesys-webcomponents/{p-259a7f31.entry.js → p-ea428346.entry.js} +1 -1
  354. package/dist/genesys-webcomponents/{p-cc791cbe.entry.js → p-f0f67d2a.entry.js} +1 -1
  355. package/dist/genesys-webcomponents/{p-01a7ef7e.entry.js → p-f5ad8486.entry.js} +1 -1
  356. package/dist/genesys-webcomponents/{p-1376ac6c.entry.js → p-f8600a06.entry.js} +1 -1
  357. package/dist/genesys-webcomponents/{p-b58d64ab.entry.js → p-f9152cc6.entry.js} +1 -1
  358. package/dist/genesys-webcomponents/{p-151bbdf5.entry.js → p-fa098d35.entry.js} +1 -1
  359. package/dist/genesys-webcomponents/{p-ec1e1695.entry.js → p-ffd79002.entry.js} +1 -1
  360. package/dist/stencil-wrapper.js +1 -1
  361. package/dist/types/stencil-wrapper.d.ts +1 -1
  362. package/package.json +3 -3
  363. package/dist/genesys-webcomponents/p-30d859b6.entry.js +0 -1
  364. package/dist/genesys-webcomponents/p-5d95a80f.entry.js +0 -1
  365. package/dist/genesys-webcomponents/p-bd48b8c8.js +0 -1
  366. package/dist/genesys-webcomponents/p-be3610e6.entry.js +0 -1
  367. /package/dist/cjs/{index.umd-68d8a980.js → index.umd-c88cc510.js} +0 -0
  368. /package/dist/esm/{index.umd-a9cf64ce.js → index.umd-34f567fe.js} +0 -0
  369. /package/dist/genesys-webcomponents/{p-9ceb7ebd.js → p-2d13b6f0.js} +0 -0
@@ -1 +1 @@
1
- import{r as o,h as t,g as e,c as r}from"./p-cf74fd3d.js";import{t as i}from"./p-d91e93b7.js";import{r as n}from"./p-0934300e.js";import{a,c as s,o as u,f as l,s as d,b as c}from"./p-04c85b3b.js";import{O as g}from"./p-f3d844c7.js";import{g as b}from"./p-89657908.js";import{f as h}from"./p-9b0d3713.js";const p=class{constructor(t){o(this,t),this.buttonId=n("button"),this.type="button",this.disabled=!1,this.accent="secondary",this.autofocus=!1}connectedCallback(){this.slotChanged()}componentWillLoad(){i(this.root,{variant:this.accent})}render(){return[t("button",{key:"15b89e11c02ebf2ef4b366354ec9ffdee24854ec",id:this.buttonId,type:this.type,disabled:this.disabled,class:{[`gux-${this.accent}`]:!0,"gux-icon-only":this.iconOnly},"aria-label":this.guxTitle,autofocus:this.autofocus},t("slot",{key:"f08e752335b5148df4218894b773c67e79f2bf4e",onSlotchange:this.slotChanged.bind(this)})),this.renderTooltip()]}renderTooltip(){return this.guxTitle?t("gux-tooltip-beta",{for:this.buttonId,visualOnly:!0},t("div",{slot:"content"},this.guxTitle)):""}stopEventIfDisabled(o){this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())}makeSlotContentDisableable(){this.root.shadowRoot.addEventListener("click",(o=>this.stopEventIfDisabled(o))),Array.from(this.root.children).forEach((o=>{o.addEventListener("click",(o=>this.stopEventIfDisabled(o)))}))}hasIconOnly(){const o=Array.from(this.root.children);if(1===o.length){if("GUX-ICON"===o[0].tagName)return!0}else if(2===o.length&&"GUX-ICON"===o[0].tagName&&["GUX-TOOLTIP","GUX-TOOLTIP-BETA"].includes(o[1].tagName))return!0;return!1}slotChanged(){this.makeSlotContentDisableable(),this.iconOnly=this.hasIconOnly()}static get delegatesFocus(){return!0}get root(){return e(this)}};p.style=":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}::slotted(*){padding-inline-start:var(--gse-ui-button-gap);vertical-align:middle}::slotted(gux-tooltip),::slotted(gux-tooltip-beta){padding-inline-start:0}::slotted(*:first-child){padding:0}button{font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}button.gux-icon-only{display:inline-flex;padding:var(--gse-ui-button-default-paddingIconOnly)}button[disabled]{pointer-events:none;cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}button:hover:enabled{color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}button:active:enabled{color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}button:focus-visible:enabled{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button.gux-primary{color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}button.gux-primary:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}button.gux-primary:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}button.gux-tertiary{color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width);}button.gux-tertiary.gux-icon-only{padding:calc(var(--gse-ui-button-default-paddingIconOnly) - var(--gse-ui-button-tertiary-default-border-width))}button.gux-tertiary:hover:enabled{color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}button.gux-tertiary:active:enabled{color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}button.gux-ghost{color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}button.gux-ghost:hover:enabled{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button.gux-ghost:active:enabled{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button.gux-danger{color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}button.gux-danger:hover:enabled{color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}button.gux-danger:active:enabled{color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}button.gux-inline{min-inline-size:initial;block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none;border-radius:0}button.gux-inline[disabled]{color:var(--gse-ui-links-disabled-foregroundColor)}button.gux-inline:hover:enabled{color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}button.gux-inline:active:enabled{color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";var v=function(o,t,e,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(o,t,e,r);else for(var s=o.length-1;s>=0;s--)(i=o[s])&&(a=(n<3?i(a):n>3?i(t,e,a):i(t,e))||a);return n>3&&a&&Object.defineProperty(t,e,a),a};const f=class{constructor(t){o(this,t),this.guxdismiss=r(this,"guxdismiss",7),this.position="bottom",this.displayDismissButton=!1,this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(o){"Escape"===o.key&&this.dismiss()}onFocusout(o){!this.closeOnClickOutside&&this.displayDismissButton||o.relatedTarget&&!this.root.contains(o.relatedTarget)&&this.dismiss()}checkForClickOutside(o){const t=o.composedPath(),e=h(this.root,this.for),r=t.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||r||this.dismiss()}get titleSlot(){return b(this.root,"title")}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=a(h(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const o=h(this.root,this.for);this.popupElement&&o&&s(o,this.popupElement,{placement:this.position,middleware:[u(7),l(),d(),c({element:this.arrowElement,padding:16})]}).then((({x:o,y:t,middlewareData:e,placement:r})=>{Object.assign(this.popupElement.style,{left:`${o}px`,top:`${t}px`});const i=r.split("-")[0],n={top:"bottom",right:"left",bottom:"top",left:"right"}[i],a={top:0,right:90,bottom:180,left:-90}[i],s="left"===i||"right"===i?15:13;if(e.arrow){let o=e.arrow.x;const t=e.arrow.y;"left"!==i&&"right"!==i||(o+=4),this.popupElement.setAttribute("data-placement",r),Object.assign(this.arrowElement.style,{left:null!=o?`${o}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[n]:-s+"px",transform:`rotate(${a}deg)`})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){i(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return t("div",{key:"1202fc3707ac38dec035ebf8522f36275103fe91",ref:o=>this.popupElement=o,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},t("div",{key:"b28dec496bcb4b2cbd169f4fef080438eafac634",ref:o=>this.arrowElement=o,class:"gux-arrow"},t("div",{key:"59261d1aa75d9c932ccade7e9217bf98d7292007",class:"gux-arrow-caret"})),this.displayDismissButton&&t("gux-dismiss-button",{key:"9328bb10a746be8c106ff7a9fc76544e4e8b6bb0",onClick:this.dismiss.bind(this)}),t("div",{key:"7e0c2e755b05052f2c59b1aa402763240a798ece",class:{"gux-popover-header":Boolean(this.titleSlot)}},t("slot",{key:"b611659e7c1ff318dee1986818d05655a23114c3",name:"title"})),t("div",{key:"f345838da2e098b7aaa02e17b660ab00cdf70e85",class:"gux-popover-content"},t("slot",{key:"f9cf8ea36396ca69a2b95cb85fe765d4d725e907"})))}get root(){return e(this)}};v([g({triggerEvents:"mousedown"})],f.prototype,"checkForClickOutside",null),v([function(){let o=!1,t=null;return(e,r,i)=>{const n=i.value;i.value=function(...e){o||(n.apply(this,e),o=!0,clearTimeout(t),t=setTimeout((()=>{o=!1}),100))}}}()],f.prototype,"dismiss",null),f.style=".gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:var(--gse-ui-popover-padding);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}";export{p as gux_button,f as gux_popover}
1
+ import{r as o,h as t,g as e,c as r}from"./p-cf74fd3d.js";import{t as i}from"./p-137949c3.js";import{r as n}from"./p-0934300e.js";import{a,c as s,o as u,f as l,s as d,b as c}from"./p-04c85b3b.js";import{O as g}from"./p-f3d844c7.js";import{g as b}from"./p-89657908.js";import{f as h}from"./p-9b0d3713.js";const p=class{constructor(t){o(this,t),this.buttonId=n("button"),this.type="button",this.disabled=!1,this.accent="secondary",this.autofocus=!1}connectedCallback(){this.slotChanged()}componentWillLoad(){i(this.root,{variant:this.accent})}render(){return[t("button",{key:"15b89e11c02ebf2ef4b366354ec9ffdee24854ec",id:this.buttonId,type:this.type,disabled:this.disabled,class:{[`gux-${this.accent}`]:!0,"gux-icon-only":this.iconOnly},"aria-label":this.guxTitle,autofocus:this.autofocus},t("slot",{key:"f08e752335b5148df4218894b773c67e79f2bf4e",onSlotchange:this.slotChanged.bind(this)})),this.renderTooltip()]}renderTooltip(){return this.guxTitle?t("gux-tooltip-beta",{for:this.buttonId,visualOnly:!0},t("div",{slot:"content"},this.guxTitle)):""}stopEventIfDisabled(o){this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())}makeSlotContentDisableable(){this.root.shadowRoot.addEventListener("click",(o=>this.stopEventIfDisabled(o))),Array.from(this.root.children).forEach((o=>{o.addEventListener("click",(o=>this.stopEventIfDisabled(o)))}))}hasIconOnly(){const o=Array.from(this.root.children);if(1===o.length){if("GUX-ICON"===o[0].tagName)return!0}else if(2===o.length&&"GUX-ICON"===o[0].tagName&&["GUX-TOOLTIP","GUX-TOOLTIP-BETA"].includes(o[1].tagName))return!0;return!1}slotChanged(){this.makeSlotContentDisableable(),this.iconOnly=this.hasIconOnly()}static get delegatesFocus(){return!0}get root(){return e(this)}};p.style=":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}::slotted(*){padding-inline-start:var(--gse-ui-button-gap);vertical-align:middle}::slotted(gux-tooltip),::slotted(gux-tooltip-beta){padding-inline-start:0}::slotted(*:first-child){padding:0}button{font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}button.gux-icon-only{display:inline-flex;padding:var(--gse-ui-button-default-paddingIconOnly)}button[disabled]{pointer-events:none;cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}button:hover:enabled{color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}button:active:enabled{color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}button:focus-visible:enabled{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button.gux-primary{color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}button.gux-primary:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}button.gux-primary:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}button.gux-tertiary{color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width);}button.gux-tertiary.gux-icon-only{padding:calc(var(--gse-ui-button-default-paddingIconOnly) - var(--gse-ui-button-tertiary-default-border-width))}button.gux-tertiary:hover:enabled{color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}button.gux-tertiary:active:enabled{color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}button.gux-ghost{color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}button.gux-ghost:hover:enabled{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button.gux-ghost:active:enabled{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button.gux-danger{color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}button.gux-danger:hover:enabled{color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}button.gux-danger:active:enabled{color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}button.gux-inline{min-inline-size:initial;block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none;border-radius:0}button.gux-inline[disabled]{color:var(--gse-ui-links-disabled-foregroundColor)}button.gux-inline:hover:enabled{color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}button.gux-inline:active:enabled{color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";var v=function(o,t,e,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(o,t,e,r);else for(var s=o.length-1;s>=0;s--)(i=o[s])&&(a=(n<3?i(a):n>3?i(t,e,a):i(t,e))||a);return n>3&&a&&Object.defineProperty(t,e,a),a};const f=class{constructor(t){o(this,t),this.guxdismiss=r(this,"guxdismiss",7),this.position="bottom",this.displayDismissButton=!1,this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(o){"Escape"===o.key&&this.dismiss()}onFocusout(o){!this.closeOnClickOutside&&this.displayDismissButton||o.relatedTarget&&!this.root.contains(o.relatedTarget)&&this.dismiss()}checkForClickOutside(o){const t=o.composedPath(),e=h(this.root,this.for),r=t.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||r||this.dismiss()}get titleSlot(){return b(this.root,"title")}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=a(h(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const o=h(this.root,this.for);this.popupElement&&o&&s(o,this.popupElement,{placement:this.position,middleware:[u(7),l(),d(),c({element:this.arrowElement,padding:16})]}).then((({x:o,y:t,middlewareData:e,placement:r})=>{Object.assign(this.popupElement.style,{left:`${o}px`,top:`${t}px`});const i=r.split("-")[0],n={top:"bottom",right:"left",bottom:"top",left:"right"}[i],a={top:0,right:90,bottom:180,left:-90}[i],s="left"===i||"right"===i?15:13;if(e.arrow){let o=e.arrow.x;const t=e.arrow.y;"left"!==i&&"right"!==i||(o+=4),this.popupElement.setAttribute("data-placement",r),Object.assign(this.arrowElement.style,{left:null!=o?`${o}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[n]:-s+"px",transform:`rotate(${a}deg)`})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){i(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return t("div",{key:"1202fc3707ac38dec035ebf8522f36275103fe91",ref:o=>this.popupElement=o,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},t("div",{key:"b28dec496bcb4b2cbd169f4fef080438eafac634",ref:o=>this.arrowElement=o,class:"gux-arrow"},t("div",{key:"59261d1aa75d9c932ccade7e9217bf98d7292007",class:"gux-arrow-caret"})),this.displayDismissButton&&t("gux-dismiss-button",{key:"9328bb10a746be8c106ff7a9fc76544e4e8b6bb0",onClick:this.dismiss.bind(this)}),t("div",{key:"7e0c2e755b05052f2c59b1aa402763240a798ece",class:{"gux-popover-header":Boolean(this.titleSlot)}},t("slot",{key:"b611659e7c1ff318dee1986818d05655a23114c3",name:"title"})),t("div",{key:"f345838da2e098b7aaa02e17b660ab00cdf70e85",class:"gux-popover-content"},t("slot",{key:"f9cf8ea36396ca69a2b95cb85fe765d4d725e907"})))}get root(){return e(this)}};v([g({triggerEvents:"mousedown"})],f.prototype,"checkForClickOutside",null),v([function(){let o=!1,t=null;return(e,r,i)=>{const n=i.value;i.value=function(...e){o||(n.apply(this,e),o=!0,clearTimeout(t),t=setTimeout((()=>{o=!1}),100))}}}()],f.prototype,"dismiss",null),f.style=".gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:var(--gse-ui-popover-padding);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}";export{p as gux_button,f as gux_popover}
@@ -1 +1 @@
1
- import{r as t,c as e,h as s,g as i}from"./p-cf74fd3d.js";import{a as o,c as a,o as r,f as n,s as p,b as c}from"./p-04c85b3b.js";import{O as d}from"./p-f3d844c7.js";import{t as h}from"./p-d91e93b7.js";import{f as l}from"./p-9b0d3713.js";const f=class{constructor(s){t(this,s),this.guxdismiss=e(this,"guxdismiss",7),this.position="bottom",this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(t){switch(t.key){case"Tab":case"Escape":this.dismiss()}}checkForClickOutside(t){const e=t.composedPath(),s=l(this.root,this.for),i=e.includes(s);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss()}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=o(l(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=l(this.root,this.for);this.popupElement&&a(t,this.popupElement,{strategy:"fixed",placement:this.position,middleware:[r(7),n(),p(),c({element:this.arrowElement,padding:16})]}).then((({x:t,y:e,middlewareData:s,placement:i})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${e}px`});const o={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(s.arrow){const{x:t,y:e}=s.arrow;this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[o]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){h(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return s("div",{key:"6604aa2106d37be2770336256e0be3eb13f0ff77",ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},s("div",{key:"1e9f7b4df8e15817c506d1645c5117f2ac22be5a",ref:t=>this.arrowElement=t,class:"gux-arrow"}),this.displayDismissButton&&s("gux-dismiss-button",{key:"6aa1489b360ff5bc7f2bf6c71c60bb6df8b02662",onClick:this.dismiss.bind(this)}),s("div",{key:"ef61f16f180a0b36661216b8fb7687d45a571066",class:"gux-popover-content"},s("slot",{key:"f35da15f9db666f2ffbcb5b0d800231a707f645e"})))}get root(){return i(this)}};(function(t,e,s,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,i);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(r=(a<3?o(r):a>3?o(e,s,r):o(e,s))||r);a>3&&r&&Object.defineProperty(e,s,r)})([d({triggerEvents:"mousedown"})],f.prototype,"checkForClickOutside",null),f.style=".gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";export{f as gux_popover_list}
1
+ import{r as t,c as e,h as s,g as i}from"./p-cf74fd3d.js";import{a as o,c as a,o as r,f as n,s as p,b as c}from"./p-04c85b3b.js";import{O as d}from"./p-f3d844c7.js";import{t as h}from"./p-137949c3.js";import{f as l}from"./p-9b0d3713.js";const f=class{constructor(s){t(this,s),this.guxdismiss=e(this,"guxdismiss",7),this.position="bottom",this.closeOnClickOutside=!1,this.isOpen=!1}onKeyDown(t){switch(t.key){case"Tab":case"Escape":this.dismiss()}}checkForClickOutside(t){const e=t.composedPath(),s=l(this.root,this.for),i=e.includes(s);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss()}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=o(l(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=l(this.root,this.for);this.popupElement&&a(t,this.popupElement,{strategy:"fixed",placement:this.position,middleware:[r(7),n(),p(),c({element:this.arrowElement,padding:16})]}).then((({x:t,y:e,middlewareData:s,placement:i})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${e}px`});const o={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(s.arrow){const{x:t,y:e}=s.arrow;this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[o]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){h(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return s("div",{key:"6604aa2106d37be2770336256e0be3eb13f0ff77",ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},s("div",{key:"1e9f7b4df8e15817c506d1645c5117f2ac22be5a",ref:t=>this.arrowElement=t,class:"gux-arrow"}),this.displayDismissButton&&s("gux-dismiss-button",{key:"6aa1489b360ff5bc7f2bf6c71c60bb6df8b02662",onClick:this.dismiss.bind(this)}),s("div",{key:"ef61f16f180a0b36661216b8fb7687d45a571066",class:"gux-popover-content"},s("slot",{key:"f35da15f9db666f2ffbcb5b0d800231a707f645e"})))}get root(){return i(this)}};(function(t,e,s,i){var o,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,i);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(r=(a<3?o(r):a>3?o(e,s,r):o(e,s))||r);a>3&&r&&Object.defineProperty(e,s,r)})([d({triggerEvents:"mousedown"})],f.prototype,"checkForClickOutside",null),f.style=".gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";export{f as gux_popover_list}
@@ -1 +1 @@
1
- import{r as t,c as s,h as a,H as i,g as e}from"./p-cf74fd3d.js";import{t as h}from"./p-d91e93b7.js";const c=class{constructor(a){t(this,a),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.tabPanels=[]}watchActiveTab(t){this.activateTab(t,this.tabList,this.tabPanels),this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,s]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=s.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,s,a){var i;this.activeTab=t||(null===(i=null==s?void 0:s.querySelector("gux-tab-advanced"))||void 0===i?void 0:i.getAttribute("tab-id")),s.guxSetActive(this.activeTab),a.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){h(this.root)}render(){return a(i,{key:"45765e83c790820257bf220effbfce3799aee1b2"},a("slot",{key:"59d368e113d344751c5916dfc4e9ff950e8df673",name:"tab-list"}),a("slot",{key:"ff29a11058b1ac10d8223749fd2ced95c2f12964",onSlotchange:this.onSlotchange.bind(this)}))}get root(){return e(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};export{c as gux_tabs_advanced}
1
+ import{r as t,c as s,h as a,H as i,g as e}from"./p-cf74fd3d.js";import{t as h}from"./p-137949c3.js";const c=class{constructor(a){t(this,a),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.tabPanels=[]}watchActiveTab(t){this.activateTab(t,this.tabList,this.tabPanels),this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,s]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=s.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,s,a){var i;this.activeTab=t||(null===(i=null==s?void 0:s.querySelector("gux-tab-advanced"))||void 0===i?void 0:i.getAttribute("tab-id")),s.guxSetActive(this.activeTab),a.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){h(this.root)}render(){return a(i,{key:"45765e83c790820257bf220effbfce3799aee1b2"},a("slot",{key:"59d368e113d344751c5916dfc4e9ff950e8df673",name:"tab-list"}),a("slot",{key:"ff29a11058b1ac10d8223749fd2ced95c2f12964",onSlotchange:this.onSlotchange.bind(this)}))}get root(){return e(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};export{c as gux_tabs_advanced}
@@ -1 +1 @@
1
- import{r as t,h as r,g as i}from"./p-cf74fd3d.js";import{t as o}from"./p-d91e93b7.js";import{b as e}from"./p-e5e644b3.js";import{t as a}from"./p-f01d2320.js";import{g as s}from"./p-4202e9f2.js";const g=class{constructor(r){t(this,r),this.disabled=!1,this.highlight="orange"}onMouseUp(){this.focusParentList()}onMouseOver(){this.focusParentList()}focusParentList(){const t=s("gux-rich-text-editor-list",this.root);t&&null===t.shadowRoot.activeElement&&(this.root.blur(),t.focus({preventScroll:!0}))}async componentWillLoad(){o(this.root,{variant:this.highlight}),this.i18n=await e(this.root,a)}renderTooltip(){if(!this.disabled&&"inherit"!==this.highlight)return r("gux-tooltip-beta",null,r("div",{slot:"content"},this.i18n(`${this.highlight}`)))}render(){return r("div",{key:"50c3810ca3ad7f64567098681c701703eb4d7922",class:{"gux-highlight":!0,[`gux-${this.highlight}`]:!0},role:"listitem"},r("button",{key:"5d2c996348c87453395739b2c28267cadc7a74c6",type:"button","aria-label":this.i18n(`${this.highlight}`),tabIndex:-1,disabled:this.disabled}),this.renderTooltip())}static get delegatesFocus(){return!0}get root(){return i(this)}};g.style=":host{display:block;border-radius:var(--gse-ui-button-borderRadius)}.gux-highlight{inline-size:var(--gse-ui-rte-colorSwatch-width);block-size:var(--gse-ui-rte-colorSwatch-height);border-radius:var(--gse-ui-button-borderRadius)}.gux-highlight button{all:unset;inline-size:100%;block-size:100%;cursor:pointer}.gux-highlight button:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}.gux-highlight.gux-orange{background-color:var(--gse-ui-rte-colorSwatch-orange-default)}.gux-highlight.gux-coral{background-color:var(--gse-ui-rte-colorSwatch-coral-default)}.gux-highlight.gux-pear{background-color:var(--gse-ui-rte-colorSwatch-pear-default)}.gux-highlight.gux-raspberry{background-color:var(--gse-ui-rte-colorSwatch-raspberry-default)}.gux-highlight.gux-mango{background-color:var(--gse-ui-rte-colorSwatch-mango-default)}.gux-highlight.gux-blue{background-color:var(--gse-ui-rte-colorSwatch-azure-default)}.gux-highlight.gux-mineral{background-color:var(--gse-ui-rte-colorSwatch-mineral-default)}.gux-highlight.gux-island{background-color:var(--gse-ui-rte-colorSwatch-island-default)}.gux-highlight.gux-inherit{color:inherit;background-color:inherit}";export{g as gux_rich_highlight_list_item}
1
+ import{r as t,h as r,g as i}from"./p-cf74fd3d.js";import{t as o}from"./p-137949c3.js";import{b as e}from"./p-e5e644b3.js";import{t as a}from"./p-f01d2320.js";import{g as s}from"./p-4202e9f2.js";const g=class{constructor(r){t(this,r),this.disabled=!1,this.highlight="orange"}onMouseUp(){this.focusParentList()}onMouseOver(){this.focusParentList()}focusParentList(){const t=s("gux-rich-text-editor-list",this.root);t&&null===t.shadowRoot.activeElement&&(this.root.blur(),t.focus({preventScroll:!0}))}async componentWillLoad(){o(this.root,{variant:this.highlight}),this.i18n=await e(this.root,a)}renderTooltip(){if(!this.disabled&&"inherit"!==this.highlight)return r("gux-tooltip-beta",null,r("div",{slot:"content"},this.i18n(`${this.highlight}`)))}render(){return r("div",{key:"50c3810ca3ad7f64567098681c701703eb4d7922",class:{"gux-highlight":!0,[`gux-${this.highlight}`]:!0},role:"listitem"},r("button",{key:"5d2c996348c87453395739b2c28267cadc7a74c6",type:"button","aria-label":this.i18n(`${this.highlight}`),tabIndex:-1,disabled:this.disabled}),this.renderTooltip())}static get delegatesFocus(){return!0}get root(){return i(this)}};g.style=":host{display:block;border-radius:var(--gse-ui-button-borderRadius)}.gux-highlight{inline-size:var(--gse-ui-rte-colorSwatch-width);block-size:var(--gse-ui-rte-colorSwatch-height);border-radius:var(--gse-ui-button-borderRadius)}.gux-highlight button{all:unset;inline-size:100%;block-size:100%;cursor:pointer}.gux-highlight button:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}.gux-highlight.gux-orange{background-color:var(--gse-ui-rte-colorSwatch-orange-default)}.gux-highlight.gux-coral{background-color:var(--gse-ui-rte-colorSwatch-coral-default)}.gux-highlight.gux-pear{background-color:var(--gse-ui-rte-colorSwatch-pear-default)}.gux-highlight.gux-raspberry{background-color:var(--gse-ui-rte-colorSwatch-raspberry-default)}.gux-highlight.gux-mango{background-color:var(--gse-ui-rte-colorSwatch-mango-default)}.gux-highlight.gux-blue{background-color:var(--gse-ui-rte-colorSwatch-azure-default)}.gux-highlight.gux-mineral{background-color:var(--gse-ui-rte-colorSwatch-mineral-default)}.gux-highlight.gux-island{background-color:var(--gse-ui-rte-colorSwatch-island-default)}.gux-highlight.gux-inherit{color:inherit;background-color:inherit}";export{g as gux_rich_highlight_list_item}
@@ -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-d91e93b7.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-137949c3.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 i,h as o,g as r}from"./p-cf74fd3d.js";import{t}from"./p-d91e93b7.js";import{b as a}from"./p-e5e644b3.js";import"./p-4202e9f2.js";const e={optional:"optional"},l=class{constructor(o){i(this,o),this.variant="required",this.required=!1}async componentWillLoad(){t(this.root,{variant:this.variant}),this.i18n=await a(this.root,e)}render(){return"optional"!==this.variant||this.required?"required"===this.variant&&this.required?o("span",{class:"gux-form-field-label-indicator-required","aria-hidden":"true"},"*"):null:o("span",{class:"gux-form-field-label-indicator-optional"},"(",this.i18n("optional"),")")}get root(){return r(this)}};l.style=".gux-form-field-label-indicator-required{padding-inline-start:var(--gse-ui-formControl-formField-gap);color:var(--gse-ui-formControl-label-indicator-requiredColor)}.gux-form-field-label-indicator-optional{margin-inline-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-label-indicator-text-fontFamily);font-size:var(--gse-ui-formControl-label-indicator-text-fontSize);font-weight:var(--gse-ui-formControl-label-indicator-text-fontWeight);line-height:var(--gse-ui-formControl-label-indicator-text-lineHeight);color:var(--gse-ui-formControl-label-indicator-optionalColor)}";export{l as gux_form_field_label_indicator}
1
+ import{r as i,h as o,g as r}from"./p-cf74fd3d.js";import{t}from"./p-137949c3.js";import{b as a}from"./p-e5e644b3.js";import"./p-4202e9f2.js";const e={optional:"optional"},l=class{constructor(o){i(this,o),this.variant="required",this.required=!1}async componentWillLoad(){t(this.root,{variant:this.variant}),this.i18n=await a(this.root,e)}render(){return"optional"!==this.variant||this.required?"required"===this.variant&&this.required?o("span",{class:"gux-form-field-label-indicator-required","aria-hidden":"true"},"*"):null:o("span",{class:"gux-form-field-label-indicator-optional"},"(",this.i18n("optional"),")")}get root(){return r(this)}};l.style=".gux-form-field-label-indicator-required{padding-inline-start:var(--gse-ui-formControl-formField-gap);color:var(--gse-ui-formControl-label-indicator-requiredColor)}.gux-form-field-label-indicator-optional{margin-inline-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-label-indicator-text-fontFamily);font-size:var(--gse-ui-formControl-label-indicator-text-fontSize);font-weight:var(--gse-ui-formControl-label-indicator-text-fontWeight);line-height:var(--gse-ui-formControl-label-indicator-text-lineHeight);color:var(--gse-ui-formControl-label-indicator-optionalColor)}";export{l as gux_form_field_label_indicator}
@@ -1 +1 @@
1
- import{r as e,f as t,h as o,g as i,c as r}from"./p-cf74fd3d.js";import{b as n}from"./p-e5e644b3.js";import{c as a,o as s}from"./p-f4751a15.js";import{O as l}from"./p-946c70b7.js";import{o as u}from"./p-6b12dd16.js";import{p as f}from"./p-a11d5d42.js";import{h as d,c,g as p,v as g,a as h,d as b}from"./p-4aaf349e.js";import{s as m}from"./p-2c25e2f2.js";import{h as x}from"./p-6d8b4027.js";import{a as v,G as C}from"./p-56b18d28.js";import{G as y,a as k}from"./p-bd1d4fac.js";import{t as w}from"./p-d91e93b7.js";import{f as j}from"./p-54822e3b.js";import{t as T}from"./p-20fbe34f.js";import{O as z}from"./p-f3d844c7.js";import{b as F}from"./p-cf0e7d3b.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";const I={increment:"Increment",decrement:"Decrement"};const O=class{constructor(t){e(this,t),this.indicatorMark="required",this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help")}handleKeyup(e){var t,o;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async guxForceUpdate(){this.hasContent=d(this.input),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),t(this.root)}async componentWillLoad(){this.getI18nValue=await n(this.root,I),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),w(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){const e=this.clearable&&this.hasContent&&!this.disabled;return o(k,{key:"63e7deb047109d430c3d9b1795426fb98b1b4200",labelPosition:this.computedLabelPosition},o(y,{key:"ca2c7a3ff4f03212508944484601b59d8f98427a",required:this.required,position:this.computedLabelPosition},o("slot",{key:"a605b6838904eada975cd3ca25fdef3c3b448bbf",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"0f640d25358977d4c3a42e48a7d0ed102b10a103",variant:this.indicatorMark,required:this.required}),o("slot",{key:"40f5ebc081a68a20efaa8335590652a06107a86f",name:"label-info"})),o("div",{key:"30645fc288f8f2be1016930514aad552417e9f29",class:"gux-input-and-error-container"},o("div",{key:"080ec62d131f30610ab14e201507d1481bd54f7d",class:{"gux-input":!0,"gux-input-error":this.hasError},part:"input-section"},o("div",{key:"25bf5ecb589bde21a6e462d04f8df3bdc172f666",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":e},onClick:()=>j(this.input)},o("slot",{key:"3ae432bf5657c7e055b91b7eb3ca8529b7c2e77f",name:"input",onSlotchange:()=>this.setInput()}),e&&o("gux-form-field-input-clear-button",{key:"53b45dbbc708c633f065ec3f41dbca1c206884e1",onClick:()=>c(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),o(v,{key:"6cebbc35f71cb328e005e9b39f588a459e479e63",show:this.hasError},o("slot",{key:"285b9fdaeaa52b14e3e2f92594e7170b134f093f",name:"error"})),o(C,{key:"1af9d11773f84923b61f80121f42506bf018d16c",show:!this.hasError&&this.hasHelp},o("slot",{key:"a33bbbe0b48a9f503d7a9aa349d7cd52635293ea",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=p(this.root,'input[type="number"][slot="input"]'),this.hasContent=d(this.input),f(this.input),this.input.addEventListener("input",(()=>{this.hasContent=d(this.input)})),this.disabled=a(this.input),this.required=this.input.required,this.disabledObserver=s(this.input,(e=>{this.disabled=e})),this.requiredObserver=u(this.input,(e=>{this.required=e})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=h(this.label,this.labelPosition)}renderStepButtons(e,t,i){return o("div",{class:"gux-step-buttons-container"},o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("increment"),disabled:i,onClick:()=>this.stepUp(e)},o("gux-icon",{"icon-name":"custom/chevron-up-small-regular",decorative:!0})),o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("decrement"),disabled:i,onClick:()=>this.stepDown(e)},o("gux-icon",{"icon-name":"custom/chevron-down-small-regular",decorative:!0})))}stepDown(e){""===e.value?b(e,e.min||"0",!1):(e.stepDown(),this.simulateNativeInputAndChangeEvents(e))}stepUp(e){""===e.value?b(e,e.min||"0",!1):(e.stepUp(),this.simulateNativeInputAndChangeEvents(e))}simulateNativeInputAndChangeEvents(e){m(e,"input"),m(e,"change")}static get delegatesFocus(){return!0}get root(){return i(this)}};(function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);n>3&&a&&Object.defineProperty(t,o,a)})([l({childList:!0,subtree:!0})],O.prototype,"onMutation",null),O.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(input){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;padding-block-end:0;overflow:hidden;text-overflow:ellipsis;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);text-align:end;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;inline-size:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container: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.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-inline-start:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;inline-size:14px;block-size:14px}";const R=class{constructor(t){e(this,t),this.goToPage=r(this,"goToPage",7),this.isOpen=!1,this.disabled=!1}handleKeyDown(e){const t=e.composedPath();switch(e.key){case"Escape":this.isOpen=!1,this.ellipsisButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":t.includes(this.ellipsisButton)&&(e.preventDefault(),this.isOpen=!0,this.focusInputElement())}}handleKeyup(e){if(" "===e.key)e.composedPath().includes(this.ellipsisButton)&&(this.isOpen=!0,this.focusInputElement())}watchIsDisabled(e){e&&(this.isOpen=!1)}toggle(){this.isOpen=!this.isOpen,this.isOpen&&this.focusInputElement()}onClickOutside(){this.isOpen=!1}focusInputElement(){F((()=>{this.inputElement.focus()}))}applyInputListener(){var e;null===(e=this.inputElement)||void 0===e||e.addEventListener("keydown",(e=>{const t=e.target.value.trim();"Enter"!=e.key&&" "!=e.key||(""==t?e.preventDefault():(e.preventDefault(),this.goToPage.emit(e.target.value),this.isOpen=!1))}))}async componentWillLoad(){this.i18n=await n(this.root,T,"gux-pagination-buttons"),w(this.root)}componentDidLoad(){this.applyInputListener()}render(){return[o("gux-button",{key:"9eaacb6cc8368aea3cc7510aea6265cc7786a1a9",accent:"ghost",id:"popover-target",type:"button",disabled:this.disabled,ref:e=>this.ellipsisButton=e,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},o("gux-icon",{key:"b7f5a768cf6f49751fe76a79f3200a3ea70373ad",screenreaderText:this.i18n("goToPage"),"icon-name":"fa/ellipsis-regular",size:"small"})),o("gux-tooltip",{key:"a89861cf5d82bb9c47d5805eaff30a079892f163",for:"popover-target"},o("div",{key:"55f1334f8bcb76d255e4e9356d8a4b96b5fd0606",slot:"content"},this.i18n("goToPage"))),o("gux-popover",{key:"b961ff7538f0a43f96217c7894427bf1d96c8ac7","is-open":this.isOpen,for:"popover-target"},o("span",{key:"5456fe53ebefb5ac1fa8a75ce16aadd098004ace",slot:"title"},this.i18n("goToPage")),o("gux-form-field-number",{key:"41f301bf2f9f852b27778f3288b125a5659dfc82"},o("input",{key:"366954e5ebe8533d304db503b3d16d9c3a3a4afa",slot:"input",type:"number",ref:e=>this.inputElement=e,min:"1",max:this.totalPages,value:"1",onKeyDown:e=>["e","E","+","-","."].includes(e.key)&&e.preventDefault()}),o("label",{key:"d344368156c0f358c600f52ba920d367d6929c24",slot:"label"})))]}get root(){return i(this)}static get watchers(){return{disabled:["watchIsDisabled"]}}};(function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);n>3&&a&&Object.defineProperty(t,o,a)})([z({triggerEvents:"mousedown"})],R.prototype,"onClickOutside",null),R.style="gux-button gux-icon{padding-block-start:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}";export{O as gux_form_field_number,R as gux_pagination_ellipsis_button}
1
+ import{r as e,f as t,h as o,g as i,c as r}from"./p-cf74fd3d.js";import{b as n}from"./p-e5e644b3.js";import{c as a,o as s}from"./p-f4751a15.js";import{O as l}from"./p-946c70b7.js";import{o as u}from"./p-6b12dd16.js";import{p as f}from"./p-a11d5d42.js";import{h as d,c,g as p,v as g,a as h,d as b}from"./p-4aaf349e.js";import{s as m}from"./p-2c25e2f2.js";import{h as x}from"./p-6d8b4027.js";import{a as v,G as C}from"./p-56b18d28.js";import{G as y,a as k}from"./p-bd1d4fac.js";import{t as w}from"./p-137949c3.js";import{f as j}from"./p-54822e3b.js";import{t as T}from"./p-20fbe34f.js";import{O as z}from"./p-f3d844c7.js";import{b as F}from"./p-cf0e7d3b.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";const I={increment:"Increment",decrement:"Decrement"};const O=class{constructor(t){e(this,t),this.indicatorMark="required",this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help")}handleKeyup(e){var t,o;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async guxForceUpdate(){this.hasContent=d(this.input),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),t(this.root)}async componentWillLoad(){this.getI18nValue=await n(this.root,I),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=x(this.root,"error"),this.hasHelp=x(this.root,"help"),w(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){const e=this.clearable&&this.hasContent&&!this.disabled;return o(k,{key:"63e7deb047109d430c3d9b1795426fb98b1b4200",labelPosition:this.computedLabelPosition},o(y,{key:"ca2c7a3ff4f03212508944484601b59d8f98427a",required:this.required,position:this.computedLabelPosition},o("slot",{key:"a605b6838904eada975cd3ca25fdef3c3b448bbf",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"0f640d25358977d4c3a42e48a7d0ed102b10a103",variant:this.indicatorMark,required:this.required}),o("slot",{key:"40f5ebc081a68a20efaa8335590652a06107a86f",name:"label-info"})),o("div",{key:"30645fc288f8f2be1016930514aad552417e9f29",class:"gux-input-and-error-container"},o("div",{key:"080ec62d131f30610ab14e201507d1481bd54f7d",class:{"gux-input":!0,"gux-input-error":this.hasError},part:"input-section"},o("div",{key:"25bf5ecb589bde21a6e462d04f8df3bdc172f666",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":e},onClick:()=>j(this.input)},o("slot",{key:"3ae432bf5657c7e055b91b7eb3ca8529b7c2e77f",name:"input",onSlotchange:()=>this.setInput()}),e&&o("gux-form-field-input-clear-button",{key:"53b45dbbc708c633f065ec3f41dbca1c206884e1",onClick:()=>c(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),o(v,{key:"6cebbc35f71cb328e005e9b39f588a459e479e63",show:this.hasError},o("slot",{key:"285b9fdaeaa52b14e3e2f92594e7170b134f093f",name:"error"})),o(C,{key:"1af9d11773f84923b61f80121f42506bf018d16c",show:!this.hasError&&this.hasHelp},o("slot",{key:"a33bbbe0b48a9f503d7a9aa349d7cd52635293ea",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=p(this.root,'input[type="number"][slot="input"]'),this.hasContent=d(this.input),f(this.input),this.input.addEventListener("input",(()=>{this.hasContent=d(this.input)})),this.disabled=a(this.input),this.required=this.input.required,this.disabledObserver=s(this.input,(e=>{this.disabled=e})),this.requiredObserver=u(this.input,(e=>{this.required=e})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=h(this.label,this.labelPosition)}renderStepButtons(e,t,i){return o("div",{class:"gux-step-buttons-container"},o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("increment"),disabled:i,onClick:()=>this.stepUp(e)},o("gux-icon",{"icon-name":"custom/chevron-up-small-regular",decorative:!0})),o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:t("decrement"),disabled:i,onClick:()=>this.stepDown(e)},o("gux-icon",{"icon-name":"custom/chevron-down-small-regular",decorative:!0})))}stepDown(e){""===e.value?b(e,e.min||"0",!1):(e.stepDown(),this.simulateNativeInputAndChangeEvents(e))}stepUp(e){""===e.value?b(e,e.min||"0",!1):(e.stepUp(),this.simulateNativeInputAndChangeEvents(e))}simulateNativeInputAndChangeEvents(e){m(e,"input"),m(e,"change")}static get delegatesFocus(){return!0}get root(){return i(this)}};(function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);n>3&&a&&Object.defineProperty(t,o,a)})([l({childList:!0,subtree:!0})],O.prototype,"onMutation",null),O.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(input){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;padding-block-end:0;overflow:hidden;text-overflow:ellipsis;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);text-align:end;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;inline-size:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container: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.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-inline-start:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;inline-size:14px;block-size:14px}";const R=class{constructor(t){e(this,t),this.goToPage=r(this,"goToPage",7),this.isOpen=!1,this.disabled=!1}handleKeyDown(e){const t=e.composedPath();switch(e.key){case"Escape":this.isOpen=!1,this.ellipsisButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":t.includes(this.ellipsisButton)&&(e.preventDefault(),this.isOpen=!0,this.focusInputElement())}}handleKeyup(e){if(" "===e.key)e.composedPath().includes(this.ellipsisButton)&&(this.isOpen=!0,this.focusInputElement())}watchIsDisabled(e){e&&(this.isOpen=!1)}toggle(){this.isOpen=!this.isOpen,this.isOpen&&this.focusInputElement()}onClickOutside(){this.isOpen=!1}focusInputElement(){F((()=>{this.inputElement.focus()}))}applyInputListener(){var e;null===(e=this.inputElement)||void 0===e||e.addEventListener("keydown",(e=>{const t=e.target.value.trim();"Enter"!=e.key&&" "!=e.key||(""==t?e.preventDefault():(e.preventDefault(),this.goToPage.emit(e.target.value),this.isOpen=!1))}))}async componentWillLoad(){this.i18n=await n(this.root,T,"gux-pagination-buttons"),w(this.root)}componentDidLoad(){this.applyInputListener()}render(){return[o("gux-button",{key:"9eaacb6cc8368aea3cc7510aea6265cc7786a1a9",accent:"ghost",id:"popover-target",type:"button",disabled:this.disabled,ref:e=>this.ellipsisButton=e,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},o("gux-icon",{key:"b7f5a768cf6f49751fe76a79f3200a3ea70373ad",screenreaderText:this.i18n("goToPage"),"icon-name":"fa/ellipsis-regular",size:"small"})),o("gux-tooltip",{key:"a89861cf5d82bb9c47d5805eaff30a079892f163",for:"popover-target"},o("div",{key:"55f1334f8bcb76d255e4e9356d8a4b96b5fd0606",slot:"content"},this.i18n("goToPage"))),o("gux-popover",{key:"b961ff7538f0a43f96217c7894427bf1d96c8ac7","is-open":this.isOpen,for:"popover-target"},o("span",{key:"5456fe53ebefb5ac1fa8a75ce16aadd098004ace",slot:"title"},this.i18n("goToPage")),o("gux-form-field-number",{key:"41f301bf2f9f852b27778f3288b125a5659dfc82"},o("input",{key:"366954e5ebe8533d304db503b3d16d9c3a3a4afa",slot:"input",type:"number",ref:e=>this.inputElement=e,min:"1",max:this.totalPages,value:"1",onKeyDown:e=>["e","E","+","-","."].includes(e.key)&&e.preventDefault()}),o("label",{key:"d344368156c0f358c600f52ba920d367d6929c24",slot:"label"})))]}get root(){return i(this)}static get watchers(){return{disabled:["watchIsDisabled"]}}};(function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);n>3&&a&&Object.defineProperty(t,o,a)})([z({triggerEvents:"mousedown"})],R.prototype,"onClickOutside",null),R.style="gux-button gux-icon{padding-block-start:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}";export{O as gux_form_field_number,R as gux_pagination_ellipsis_button}
@@ -1 +1 @@
1
- import{r as o,h as t,g as s}from"./p-cf74fd3d.js";import{t as e}from"./p-d91e93b7.js";const r=class{constructor(t){o(this,t),this.singleOpenSection=!1}handleGuxopened(o){this.singleOpenSection&&this.getAccordionSections().forEach((t=>{t!==o.target&&this.closeSection(t)}))}componentWillLoad(){this.singleOpenSection&&this.getAccordionSections().reduceRight(((o,t)=>(o&&this.closeSection(t),o||t.open)),!1),e(this.root)}getAccordionSections(){return Array.from(this.root.children)}closeSection(o){o.disabled||(o.open=!1)}render(){return t("slot",{key:"3fc634094a56cee760224ebe2d6bae760438888b"})}get root(){return s(this)}};r.style="gux-accordion{-custom-noop:noop}";export{r as gux_accordion}
1
+ import{r as o,h as t,g as s}from"./p-cf74fd3d.js";import{t as r}from"./p-137949c3.js";const e=class{constructor(t){o(this,t),this.singleOpenSection=!1}handleGuxopened(o){this.singleOpenSection&&this.getAccordionSections().forEach((t=>{t!==o.target&&this.closeSection(t)}))}componentWillLoad(){this.singleOpenSection&&this.getAccordionSections().reduceRight(((o,t)=>(o&&this.closeSection(t),o||t.open)),!1),r(this.root)}getAccordionSections(){return Array.from(this.root.children)}closeSection(o){o.disabled||(o.open=!1)}render(){return t("slot",{key:"3fc634094a56cee760224ebe2d6bae760438888b"})}get root(){return s(this)}};e.style="gux-accordion{-custom-noop:noop}";export{e as gux_accordion}
@@ -1 +1 @@
1
- import{r as e,c as t,h as g,H as l,g as i}from"./p-cf74fd3d.js";import{t as o}from"./p-d91e93b7.js";import{r as a}from"./p-0934300e.js";import{b as r}from"./p-e5e644b3.js";import"./p-4202e9f2.js";const s={defaultAriaLabel:"Toggle Switch",toggleIsLoading:"Toggle is loading",toggleIsFinishedLoading:"Toggle is finished loading"},n=class{constructor(g){e(this,g),this.check=t(this,"check",7),this.labelId=a("gux-toggle-label"),this.errorId=a("gux-toggle-error"),this.checked=!1,this.disabled=!1,this.loading=!1,this.labelPosition="right",this.displayInline=!1}handleLoading(e){this.announceElement.guxAnnounce(this.i18n(e?"toggleIsLoading":"toggleIsFinishedLoading"))}onKeydown(e){" "===e.key&&(e.preventDefault(),this.toggle())}toggle(){this.disabled||this.loading||this.check.emit(!this.checked).defaultPrevented||(this.checked=!this.checked)}getAriaLabel(){return this.root.getAttribute("aria-label")||this.label||this.checkedLabel||this.root.title||this.i18n("defaultAriaLabel")}async componentWillLoad(){this.i18n=await r(this.root,s),o(this.root,{variant:this.checkedLabel||this.uncheckedLabel?"labled":"unlabled"})}renderLoading(){if(this.loading)return g("div",{class:"gux-toggle-label-loading"},g("gux-radial-loading",{context:"input"}))}renderLabel(){return this.label?g("div",{class:"gux-toggle-label-and-error"},g("div",{class:"gux-toggle-label"},g("div",{class:"gux-toggle-label-text"},g("span",{class:"gux-toggle-label-text-inner"},g("span",{id:this.labelId},this.label),this.renderLoading())))):this.uncheckedLabel&&this.checkedLabel?g("div",{class:"gux-toggle-label-and-error"},g("div",{class:"gux-toggle-label"},g("div",{class:"gux-toggle-label-text"},g("span",{class:"gux-toggle-label-text-inner"},g("span",{id:this.labelId},this.checked?this.checkedLabel:this.uncheckedLabel),this.renderLoading()),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.checkedLabel),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.uncheckedLabel)))):void 0}renderError(){if(this.errorMessage)return g("div",{id:this.errorId,class:"gux-toggle-error"},g("div",{class:"gux-toggle-error-container"},g("gux-icon",{"icon-name":"fa/hexagon-exclamation-solid",decorative:!0,size:"small"}),g("div",{class:"gux-toggle-error-message"},this.errorMessage)))}render(){return g(l,{key:"f72c418412d7cfeef41941a8f220c8dff4eec43e",class:{"gux-display-inline":this.displayInline}},g("div",{key:"9b717ffc7d5b54d11bd5887074e63da0a87f39c9",class:{"gux-toggle-container":!0,"gux-toggle-label-left":"left"===this.labelPosition,"gux-disabled":this.disabled||this.loading}},g("div",{key:"b2e0da6200caedfcb2f84701af19c826c62db421",class:"gux-toggle-input",onClick:this.toggle.bind(this)},g("gux-toggle-slider",{key:"22511ddd0233794f1694b47d3fd81f4a941eae29",checked:this.checked,disabled:this.disabled||this.loading,guxAriaLabel:this.getAriaLabel(),labelId:this.checkedLabel&&this.uncheckedLabel?this.labelId:"",onKeyDown:this.onKeydown.bind(this),errorId:this.errorMessage?this.errorId:""}),this.renderLabel()),this.renderError()),g("gux-announce-beta",{key:"f078b0a5a69c95147a9d8f99050fe69e45211d16",ref:e=>this.announceElement=e}))}static get delegatesFocus(){return!0}get root(){return i(this)}static get watchers(){return{loading:["handleLoading"]}}};n.style=':host{display:block;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:var(--gse-ui-toggle-disabled-opacity)}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:inline-end}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;align-items:center;inline-size:fit-content;cursor:pointer}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:"inner-div";place-items:center start}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div;font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight);line-height:var(--gse-ui-toggle-label-lineHeight);color:var(--gse-ui-formControl-label-labelColor);word-wrap:break-word}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight);line-height:var(--gse-ui-toggle-label-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message{flex:0 1 auto;align-self:auto;order:0}';export{n as gux_toggle}
1
+ import{r as e,c as t,h as g,H as l,g as i}from"./p-cf74fd3d.js";import{t as o}from"./p-137949c3.js";import{r as a}from"./p-0934300e.js";import{b as r}from"./p-e5e644b3.js";import"./p-4202e9f2.js";const s={defaultAriaLabel:"Toggle Switch",toggleIsLoading:"Toggle is loading",toggleIsFinishedLoading:"Toggle is finished loading"},n=class{constructor(g){e(this,g),this.check=t(this,"check",7),this.labelId=a("gux-toggle-label"),this.errorId=a("gux-toggle-error"),this.checked=!1,this.disabled=!1,this.loading=!1,this.labelPosition="right",this.displayInline=!1}handleLoading(e){this.announceElement.guxAnnounce(this.i18n(e?"toggleIsLoading":"toggleIsFinishedLoading"))}onKeydown(e){" "===e.key&&(e.preventDefault(),this.toggle())}toggle(){this.disabled||this.loading||this.check.emit(!this.checked).defaultPrevented||(this.checked=!this.checked)}getAriaLabel(){return this.root.getAttribute("aria-label")||this.label||this.checkedLabel||this.root.title||this.i18n("defaultAriaLabel")}async componentWillLoad(){this.i18n=await r(this.root,s),o(this.root,{variant:this.checkedLabel||this.uncheckedLabel?"labled":"unlabled"})}renderLoading(){if(this.loading)return g("div",{class:"gux-toggle-label-loading"},g("gux-radial-loading",{context:"input"}))}renderLabel(){return this.label?g("div",{class:"gux-toggle-label-and-error"},g("div",{class:"gux-toggle-label"},g("div",{class:"gux-toggle-label-text"},g("span",{class:"gux-toggle-label-text-inner"},g("span",{id:this.labelId},this.label),this.renderLoading())))):this.uncheckedLabel&&this.checkedLabel?g("div",{class:"gux-toggle-label-and-error"},g("div",{class:"gux-toggle-label"},g("div",{class:"gux-toggle-label-text"},g("span",{class:"gux-toggle-label-text-inner"},g("span",{id:this.labelId},this.checked?this.checkedLabel:this.uncheckedLabel),this.renderLoading()),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.checkedLabel),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.uncheckedLabel)))):void 0}renderError(){if(this.errorMessage)return g("div",{id:this.errorId,class:"gux-toggle-error"},g("div",{class:"gux-toggle-error-container"},g("gux-icon",{"icon-name":"fa/hexagon-exclamation-solid",decorative:!0,size:"small"}),g("div",{class:"gux-toggle-error-message"},this.errorMessage)))}render(){return g(l,{key:"f72c418412d7cfeef41941a8f220c8dff4eec43e",class:{"gux-display-inline":this.displayInline}},g("div",{key:"9b717ffc7d5b54d11bd5887074e63da0a87f39c9",class:{"gux-toggle-container":!0,"gux-toggle-label-left":"left"===this.labelPosition,"gux-disabled":this.disabled||this.loading}},g("div",{key:"b2e0da6200caedfcb2f84701af19c826c62db421",class:"gux-toggle-input",onClick:this.toggle.bind(this)},g("gux-toggle-slider",{key:"22511ddd0233794f1694b47d3fd81f4a941eae29",checked:this.checked,disabled:this.disabled||this.loading,guxAriaLabel:this.getAriaLabel(),labelId:this.checkedLabel&&this.uncheckedLabel?this.labelId:"",onKeyDown:this.onKeydown.bind(this),errorId:this.errorMessage?this.errorId:""}),this.renderLabel()),this.renderError()),g("gux-announce-beta",{key:"f078b0a5a69c95147a9d8f99050fe69e45211d16",ref:e=>this.announceElement=e}))}static get delegatesFocus(){return!0}get root(){return i(this)}static get watchers(){return{loading:["handleLoading"]}}};n.style=':host{display:block;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:var(--gse-ui-toggle-disabled-opacity)}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:inline-end}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;align-items:center;inline-size:fit-content;cursor:pointer}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:"inner-div";place-items:center start}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div;font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight);line-height:var(--gse-ui-toggle-label-lineHeight);color:var(--gse-ui-formControl-label-labelColor);word-wrap:break-word}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toggle-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-toggle-label-fontFamily);font-size:var(--gse-ui-toggle-label-fontSize);font-weight:var(--gse-ui-toggle-label-fontWeight);line-height:var(--gse-ui-toggle-label-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message{flex:0 1 auto;align-self:auto;order:0}';export{n as gux_toggle}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,g as r}from"./p-cf74fd3d.js";import{a as s,c as o,o as a,f as n}from"./p-04c85b3b.js";import{r as u}from"./p-0934300e.js";import{a as d}from"./p-cf0e7d3b.js";import{f as l,a as c,b as h,c as p}from"./p-e33e87ef.js";import{O as g}from"./p-f3d844c7.js";import{t as f}from"./p-d91e93b7.js";import{b as x}from"./p-e5e644b3.js";import{g as b,a as k}from"./p-13d8a42a.js";import{u as m}from"./p-c36d332b.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const v={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function C(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function y(t,e){const i=new Date(e.valueOf()),r=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(r),i.setFullYear(e.getFullYear()),i.getMonth()!==r?y(t,C(-1,e)):i}function w(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function D(t){return t.match(/\W/)[0]}function F(t){const e=D(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function R(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const I=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.label="",this.numberOfMonths=1,this.minDate="",this.maxDate="",this.mode="single",this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.toFormattedValue="",this.active=!1,this.pressedKeys=[]}watchValue(){this.format&&this.updateDate()}watchMinDate(t){this.minDateDate=t?l(t):null}watchMaxDate(t){this.maxDateDate=t?l(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=F(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=l(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=F(t),r=w(t,e.selectionStart),s=i.indexOf(r);return R(t,i[(s+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=F(t),r=w(t,e.selectionStart),s=i.indexOf(r);return R(t,i[(s+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");d((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1,this.pressedKeys.length=0}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||d((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=R(this.format,w(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return R(this.format,w(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){this.pressedKeys.push(t.key);const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===w(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)&&this.pressedKeys.length>=2?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const r=t.split(",").map((t=>t.trim()));return"range"===e?[r[0]||i[0],r[1]||i[1]]:"range"===e||r[0]?[r[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=D(this.format),i=this.format.toLowerCase().split(e),r=t.split(e),s=parseInt(r[i.indexOf(this.yearFormat)],10),o=parseInt(r[i.indexOf("mm")],10)-1,a=parseInt(r[i.indexOf("dd")],10),n=new Date(s,o,a);return"yy"===this.yearFormat&&n.getFullYear()<1970&&this.lastYear>1970&&n.setFullYear(n.getFullYear()+100),n}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=c(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=h(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(w(this.format,this.focusedField.selectionStart)){case"d":{const t=l(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:r}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(r,(t=>i[t]));const{map:s,regexp:o}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(o,(t=>s[t]))}else{const t=l(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&d((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return l(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=w(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let r;switch(e){case"d":r=C(t,i);break;case"m":r=y(t,i);break;case"y":r=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var s,o,a;s=r,o=this.minDateDate,((a=this.maxDateDate)&&a<s||o&&o>s)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=D(e),r=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return r}(r,this.format),this.setValue()}async componentWillLoad(){if(f(this.root,{variant:this.mode}),this.i18n=await x(this.root,v),this.format=m()?this.format||b(k(this.root)):this.format||"mm/dd/yyyy",this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?c(t,t):h(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){o(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[a({crossAxis:-3}),n({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"fa/calendar-regular",size:"small"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{key:"b48b1a41504b6735366664a10a3e21b695826205",class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return r(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,r){var s,o=arguments.length,a=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(a=(o<3?s(a):o>3?s(e,i,a):s(e,i))||a);o>3&&a&&Object.defineProperty(e,i,a)})([g({triggerEvents:"mousedown"})],I.prototype,"onClickOutside",null),I.style=":host{display:block;inline-size:fit-content}.gux-datepicker{display:flex}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;inline-size:100%}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-inline-start:var(--gse-ui-datePicker-range-gap)}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-block-start:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-inline-end:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-inline-end:var(--gse-ui-formControl-helper-gap);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-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{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-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{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-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;inline-size:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-small-size));padding:0;overflow:hidden;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);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);outline:none;background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button: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);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-datePicker-iconHover);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{I as gux_datepicker}
1
+ import{r as t,c as e,h as i,g as r}from"./p-cf74fd3d.js";import{a as s,c as o,o as a,f as n}from"./p-04c85b3b.js";import{r as u}from"./p-0934300e.js";import{a as d}from"./p-cf0e7d3b.js";import{f as l,a as c,b as h,c as p}from"./p-e33e87ef.js";import{O as g}from"./p-f3d844c7.js";import{t as f}from"./p-137949c3.js";import{b as x}from"./p-e5e644b3.js";import{g as b,a as k}from"./p-13d8a42a.js";import{u as m}from"./p-c36d332b.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const v={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function C(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function y(t,e){const i=new Date(e.valueOf()),r=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(r),i.setFullYear(e.getFullYear()),i.getMonth()!==r?y(t,C(-1,e)):i}function w(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function D(t){return t.match(/\W/)[0]}function F(t){const e=D(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function R(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const I=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.label="",this.numberOfMonths=1,this.minDate="",this.maxDate="",this.mode="single",this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.toFormattedValue="",this.active=!1,this.pressedKeys=[]}watchValue(){this.format&&this.updateDate()}watchMinDate(t){this.minDateDate=t?l(t):null}watchMaxDate(t){this.maxDateDate=t?l(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=F(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=l(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=F(t),r=w(t,e.selectionStart),s=i.indexOf(r);return R(t,i[(s+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=F(t),r=w(t,e.selectionStart),s=i.indexOf(r);return R(t,i[(s+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange(),this.pressedKeys.length=0;break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");d((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1,this.pressedKeys.length=0}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||d((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=R(this.format,w(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return R(this.format,w(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){this.pressedKeys.push(t.key);const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===w(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)&&this.pressedKeys.length>=2?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const r=t.split(",").map((t=>t.trim()));return"range"===e?[r[0]||i[0],r[1]||i[1]]:"range"===e||r[0]?[r[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=D(this.format),i=this.format.toLowerCase().split(e),r=t.split(e),s=parseInt(r[i.indexOf(this.yearFormat)],10),o=parseInt(r[i.indexOf("mm")],10)-1,a=parseInt(r[i.indexOf("dd")],10),n=new Date(s,o,a);return"yy"===this.yearFormat&&n.getFullYear()<1970&&this.lastYear>1970&&n.setFullYear(n.getFullYear()+100),n}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=c(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=h(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(w(this.format,this.focusedField.selectionStart)){case"d":{const t=l(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:r}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(r,(t=>i[t]));const{map:s,regexp:o}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(o,(t=>s[t]))}else{const t=l(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&d((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return l(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=w(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let r;switch(e){case"d":r=C(t,i);break;case"m":r=y(t,i);break;case"y":r=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var s,o,a;s=r,o=this.minDateDate,((a=this.maxDateDate)&&a<s||o&&o>s)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=D(e),r=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return r}(r,this.format),this.setValue()}async componentWillLoad(){if(f(this.root,{variant:this.mode}),this.i18n=await x(this.root,v),this.format=m()?this.format||b(k(this.root)):this.format||"mm/dd/yyyy",this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?c(t,t):h(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){o(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[a({crossAxis:-3}),n({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"fa/calendar-regular",size:"small"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{key:"b48b1a41504b6735366664a10a3e21b695826205",class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return r(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,r){var s,o=arguments.length,a=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(a=(o<3?s(a):o>3?s(e,i,a):s(e,i))||a);o>3&&a&&Object.defineProperty(e,i,a)})([g({triggerEvents:"mousedown"})],I.prototype,"onClickOutside",null),I.style=":host{display:block;inline-size:fit-content}.gux-datepicker{display:flex}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;inline-size:100%}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-inline-start:var(--gse-ui-datePicker-range-gap)}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-block-start:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-inline-end:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-inline-end:var(--gse-ui-formControl-helper-gap);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-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{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-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{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-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;inline-size:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-small-size));padding:0;overflow:hidden;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);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);outline:none;background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button: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);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-datePicker-iconHover);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{I as gux_datepicker}
@@ -1 +1 @@
1
- import{r as 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-d91e93b7.js";import{G as n,a as d}from"./p-56b18d28.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-137949c3.js";import{G as n,a as d}from"./p-56b18d28.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 +1 @@
1
- import{r as e,c as t,h as s,g as i}from"./p-cf74fd3d.js";import{o}from"./p-0f60c7b5.js";import{O as a}from"./p-f3d844c7.js";import{a as c}from"./p-cf0e7d3b.js";import{t as n}from"./p-d91e93b7.js";import{b as r}from"./p-e5e644b3.js";import"./p-4202e9f2.js";const d={searchAria:"Search"};const p=class{constructor(s){e(this,s),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px"}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onClickOutside(){this.closeDropdown(!1)}async componentWillLoad(){n(this.root),this.i18n=await r(this.root,d),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=o(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver&&this.slotObserver.disconnect()}render(){return s("gux-popup",{key:"4947b997e0c4cf2fa0697bb6b5e76bcad59fe506",expanded:this.opened,disabled:this.disabled},s("div",{key:"a506bbe771787907741b05e2ffc45d64f5f61d58",slot:"target",class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},s("a",{key:"75b662805ce1aabb518616093391977c1bb04cb8",ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&s("span",{key:"a355b8d95cebc494db5f98a460b2cf22ccd67339",class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&s("span",{key:"a0984e104432d64562835f890eeba99d3abb0de0",class:"gux-select-value",title:this.value},this.value)),s("div",{key:"02e3459995c75e94512eb4dc2f2ad430a42f4176",class:"gux-icon-wrapper"},s("gux-icon",{key:"bd38fbe5026b2b74a8792723a2e1b1860ebf3d4d",decorative:!0,"icon-name":"custom/chevron-down-small-regular"}))),s("div",{key:"25444cf37c66399a1e78e4e97a030486cedf0a09",slot:"popup",class:"gux-advanced-dropdown-menu"},s("div",{key:"74417ddcaf9a88996d3525701474235041f8727b",class:"gux-dropdown-menu-container"},s("gux-form-field-search",{key:"f4d02316cb59dc8431d30c56cfee8141d6e16bea","label-position":"screenreader"},s("label",{key:"901ffe3d5f11a5c464337d12db7d5ef653c41956",slot:"label"},this.i18n("searchAria")),s("input",{key:"fce20548f41e15d50da1a7e7309a5573920cb493",slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),s("div",{key:"05ac66751074363457e06f934dbcb19056fbec98",class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},s("slot",{key:"7cd11640cd374f0f9ee2c548ea479a7495c94e68"})))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){c((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return i(this)}static get watchers(){return{disabled:["watchValue"]}}};(function(e,t,s,i){var o,a=arguments.length,c=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,s,i);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(c=(a<3?o(c):a>3?o(t,s,c):o(t,s))||c);a>3&&c&&Object.defineProperty(t,s,c)})([a({triggerEvents:"mousedown"})],p.prototype,"onClickOutside",null),p.style=":host{color:#2e394c}gux-popup{display:block;margin:4px 0}gux-popup .gux-select-field{position:relative;width:100%;height:32px}gux-popup .gux-select-field a.gux-select-input{position:absolute;inset:0;padding:6px 24px 6px 12px;overflow:hidden;text-overflow:ellipsis;color:#2e394c;white-space:nowrap;text-decoration:none;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder,gux-popup .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}gux-popup .gux-select-field a.gux-select-input:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}gux-popup .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}gux-popup .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}gux-popup .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}gux-popup .gux-advanced-dropdown-menu{background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24)}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}gux-popup .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{p as gux_advanced_dropdown_legacy}
1
+ import{r as e,c as t,h as s,g as i}from"./p-cf74fd3d.js";import{o}from"./p-0f60c7b5.js";import{O as a}from"./p-f3d844c7.js";import{a as c}from"./p-cf0e7d3b.js";import{t as n}from"./p-137949c3.js";import{b as r}from"./p-e5e644b3.js";import"./p-4202e9f2.js";const d={searchAria:"Search"};const p=class{constructor(s){e(this,s),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px"}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onClickOutside(){this.closeDropdown(!1)}async componentWillLoad(){n(this.root),this.i18n=await r(this.root,d),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=o(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver&&this.slotObserver.disconnect()}render(){return s("gux-popup",{key:"4947b997e0c4cf2fa0697bb6b5e76bcad59fe506",expanded:this.opened,disabled:this.disabled},s("div",{key:"a506bbe771787907741b05e2ffc45d64f5f61d58",slot:"target",class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},s("a",{key:"75b662805ce1aabb518616093391977c1bb04cb8",ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&s("span",{key:"a355b8d95cebc494db5f98a460b2cf22ccd67339",class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&s("span",{key:"a0984e104432d64562835f890eeba99d3abb0de0",class:"gux-select-value",title:this.value},this.value)),s("div",{key:"02e3459995c75e94512eb4dc2f2ad430a42f4176",class:"gux-icon-wrapper"},s("gux-icon",{key:"bd38fbe5026b2b74a8792723a2e1b1860ebf3d4d",decorative:!0,"icon-name":"custom/chevron-down-small-regular"}))),s("div",{key:"25444cf37c66399a1e78e4e97a030486cedf0a09",slot:"popup",class:"gux-advanced-dropdown-menu"},s("div",{key:"74417ddcaf9a88996d3525701474235041f8727b",class:"gux-dropdown-menu-container"},s("gux-form-field-search",{key:"f4d02316cb59dc8431d30c56cfee8141d6e16bea","label-position":"screenreader"},s("label",{key:"901ffe3d5f11a5c464337d12db7d5ef653c41956",slot:"label"},this.i18n("searchAria")),s("input",{key:"fce20548f41e15d50da1a7e7309a5573920cb493",slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),s("div",{key:"05ac66751074363457e06f934dbcb19056fbec98",class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},s("slot",{key:"7cd11640cd374f0f9ee2c548ea479a7495c94e68"})))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){c((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return i(this)}static get watchers(){return{disabled:["watchValue"]}}};(function(e,t,s,i){var o,a=arguments.length,c=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,s,i);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(c=(a<3?o(c):a>3?o(t,s,c):o(t,s))||c);a>3&&c&&Object.defineProperty(t,s,c)})([a({triggerEvents:"mousedown"})],p.prototype,"onClickOutside",null),p.style=":host{color:#2e394c}gux-popup{display:block;margin:4px 0}gux-popup .gux-select-field{position:relative;width:100%;height:32px}gux-popup .gux-select-field a.gux-select-input{position:absolute;inset:0;padding:6px 24px 6px 12px;overflow:hidden;text-overflow:ellipsis;color:#2e394c;white-space:nowrap;text-decoration:none;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder,gux-popup .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}gux-popup .gux-select-field a.gux-select-input:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}gux-popup .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}gux-popup .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}gux-popup .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}gux-popup .gux-advanced-dropdown-menu{background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24)}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}gux-popup .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{p as gux_advanced_dropdown_legacy}
@@ -1 +1 @@
1
- import{r as i,h as s,g as t}from"./p-cf74fd3d.js";import{t as e}from"./p-d91e93b7.js";import{b as n}from"./p-e5e644b3.js";import"./p-4202e9f2.js";const o={dismiss:"Dismiss"},a=class{constructor(s){i(this,s),this.position="absolute",this.size="medium"}async componentWillLoad(){e(this.root,{variant:this.position}),this.i18n=await n(this.root,o)}render(){return s("gux-button-slot",{key:"ed2ade35805a933292919edec709d1778ac36a75",accent:"ghost",class:{"gux-inherit":"inherit"==this.position,"gux-dismiss-small":"small"==this.size}},s("button",{key:"5dd0175bb1d46ec17f7346edd60989b2b9114b1a",type:"button",title:this.i18n("dismiss")},s("div",{key:"1652eca8ab19eee594eaf8d9cd4fbff934d03586",class:"gux-icon-container"},s("gux-icon",{key:"65e759d50732413b83898ae9d99e2d6303bec22d","icon-name":"fa/xmark-large-regular",decorative:!0,size:"small"}))))}static get delegatesFocus(){return!0}get root(){return t(this)}};a.style="gux-button-slot{position:absolute;inset-block-start:4px;inset-inline-end:4px;inline-size:var(--gse-ui-button-dismiss-medium-width);block-size:var(--gse-ui-button-dismiss-medium-height)}gux-button-slot.gux-dismiss-small{inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height)}gux-button-slot.gux-dismiss-small button{inline-size:var(--gse-ui-button-dismiss-small-width);min-inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height);padding:0}gux-button-slot.gux-inherit{position:inherit;inset-block-start:inherit;inset-inline-end:inherit}gux-button-slot .gux-icon-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}gux-button-slot .gux-icon-container gux-icon{flex:0 0 auto;align-self:auto;order:0;color:var(--gse-ui-dismissButton-foregroundColor)}";export{a as gux_dismiss_button}
1
+ import{r as i,h as s,g as t}from"./p-cf74fd3d.js";import{t as e}from"./p-137949c3.js";import{b as n}from"./p-e5e644b3.js";import"./p-4202e9f2.js";const o={dismiss:"Dismiss"},a=class{constructor(s){i(this,s),this.position="absolute",this.size="medium"}async componentWillLoad(){e(this.root,{variant:this.position}),this.i18n=await n(this.root,o)}render(){return s("gux-button-slot",{key:"ed2ade35805a933292919edec709d1778ac36a75",accent:"ghost",class:{"gux-inherit":"inherit"==this.position,"gux-dismiss-small":"small"==this.size}},s("button",{key:"5dd0175bb1d46ec17f7346edd60989b2b9114b1a",type:"button",title:this.i18n("dismiss")},s("div",{key:"1652eca8ab19eee594eaf8d9cd4fbff934d03586",class:"gux-icon-container"},s("gux-icon",{key:"65e759d50732413b83898ae9d99e2d6303bec22d","icon-name":"fa/xmark-large-regular",decorative:!0,size:"small"}))))}static get delegatesFocus(){return!0}get root(){return t(this)}};a.style="gux-button-slot{position:absolute;inset-block-start:4px;inset-inline-end:4px;inline-size:var(--gse-ui-button-dismiss-medium-width);block-size:var(--gse-ui-button-dismiss-medium-height)}gux-button-slot.gux-dismiss-small{inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height)}gux-button-slot.gux-dismiss-small button{inline-size:var(--gse-ui-button-dismiss-small-width);min-inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height);padding:0}gux-button-slot.gux-inherit{position:inherit;inset-block-start:inherit;inset-inline-end:inherit}gux-button-slot .gux-icon-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}gux-button-slot .gux-icon-container gux-icon{flex:0 0 auto;align-self:auto;order:0;color:var(--gse-ui-dismissButton-foregroundColor)}";export{a as gux_dismiss_button}
@@ -1 +1 @@
1
- import{r as t,h as s,H as e,g as i}from"./p-cf74fd3d.js";import{t as r}from"./p-d91e93b7.js";import{D as a,g as o}from"./p-8e7bc8d5.js";import{d as h,a as m}from"./p-13d8a42a.js";import{u as d}from"./p-c36d332b.js";import{g as p}from"./p-e5e644b3.js";import"./p-43af726d.js";import"./p-4202e9f2.js";const n=class{constructor(s){t(this,s),this.hasRegionalDatesCookie=!1,this.datetime=(new Date).toISOString(),this.format="short"}componentWillLoad(){r(this.root),d()?this.hasRegionalDatesCookie=!0:this.formatter=new a(p(this.root))}renderDateTime(){return this.hasRegionalDatesCookie?h(m(this.root),{dateStyle:this.format,timeStyle:this.format,timeZone:o(this.timeZone)}).format(new Date(this.datetime)):this.formatter.formatDateTime(new Date(this.datetime),this.format,{timeZone:o(this.timeZone)})}render(){return s(e,{key:"225dd061be97e285818fd2cc95dc91f3ab8caad3"},this.renderDateTime())}get root(){return i(this)}};export{n as gux_date_time_beta}
1
+ import{r as t,h as s,H as e,g as i}from"./p-cf74fd3d.js";import{t as r}from"./p-137949c3.js";import{D as a,g as o}from"./p-8e7bc8d5.js";import{d as h,a as m}from"./p-13d8a42a.js";import{u as p}from"./p-c36d332b.js";import{g as d}from"./p-e5e644b3.js";import"./p-43af726d.js";import"./p-4202e9f2.js";const n=class{constructor(s){t(this,s),this.hasRegionalDatesCookie=!1,this.datetime=(new Date).toISOString(),this.format="short"}componentWillLoad(){r(this.root),p()?this.hasRegionalDatesCookie=!0:this.formatter=new a(d(this.root))}renderDateTime(){return this.hasRegionalDatesCookie?h(m(this.root),{dateStyle:this.format,timeStyle:this.format,timeZone:o(this.timeZone)}).format(new Date(this.datetime)):this.formatter.formatDateTime(new Date(this.datetime),this.format,{timeZone:o(this.timeZone)})}render(){return s(e,{key:"225dd061be97e285818fd2cc95dc91f3ab8caad3"},this.renderDateTime())}get root(){return i(this)}};export{n as gux_date_time_beta}
@@ -1 +1 @@
1
- import{r as t,f as e,d as i,h as a,H as o,g as n}from"./p-cf74fd3d.js";import{O as s}from"./p-f7112041.js";import{O as r}from"./p-946c70b7.js";import{t as l}from"./p-d91e93b7.js";import{g as d}from"./p-89657908.js";import{a as c}from"./p-cf0e7d3b.js";function u(t,e){[].concat(t).forEach((t=>{null!=t&&(t.accent=e)}))}function h(t,...e){e.flat().filter((t=>null!=t&&!(null==t?void 0:t.hasAttribute("icon-only")))).forEach((e=>e.iconOnly=t))}var b=function(t,e,i,a){var o,n=arguments.length,s=n<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,a);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const p=class{constructor(e){t(this,e),this.displayedLayout="full",this.hasContextDivider=!1,this.minimumSizes={full:0,iconOnly:0,condensed:0}}onMutation(){this.hasContextDivider=this.needsContextDivider(),e(this.root)}recordLayoutMinSize(){i((()=>{var t,e,i;const a=0|(null===(t=this.searchAndFilterContainer)||void 0===t?void 0:t.clientWidth),o=0|(null===(e=this.actionsContainer)||void 0===e?void 0:e.clientWidth),n=0|(null===(i=this.minControlSize)||void 0===i?void 0:i.clientWidth);this.minimumSizes[this.displayedLayout]=a+o+n}))}get minControlSize(){return this.root.shadowRoot.querySelector(".section-spacing")}get actionsContainer(){return this.root.shadowRoot.querySelector(".gux-contextual-permanent-primary")}get searchAndFilterContainer(){return this.root.shadowRoot.querySelector(".search-filter-container")}get filterSlot(){return d(this.root,"search-and-filter")}get menuActionSlot(){return d(this.root,"menu-actions")}get permanentSlot(){return d(this.root,"permanent-actions")}get contextualSlot(){return d(this.root,"contextual-actions")}get primaryAction(){var t;return null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-table-toolbar-custom-action[slot]")}get permanentActions(){var t,e;return(null===(t=this.permanentSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(e=this.permanentSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get menuActionsItems(){var t,e;if(null===(t=this.menuActionSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(e=this.menuActionSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get contextualActions(){var t,e;return(null===(t=this.contextualSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(e=this.contextualSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get filterActions(){var t,e;return(null===(t=this.filterSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(e=this.filterSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get allFilterContextual(){var t;return null===(t=this.filterActions)||void 0===t?void 0:t.concat(this.contextualActions)}needsContextDivider(){var t;return(null===(t=this.contextualActions)||void 0===t?void 0:t.length)&&this.contextualSlot!==this.root.lastElementChild}renderMenu(){var t;return Boolean((null===(t=this.menuActionsItems)||void 0===t?void 0:t.length)||"condensed"==this.displayedLayout)}renderFullLayout(){this.displayedLayout="full",h(!1,this.primaryAction,...this.allFilterContextual,...this.permanentActions)}renderIconOnlyLayoutScaleDown(){this.displayedLayout="iconOnly",h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions)}renderIconOnlyLayoutScaleUp(){var t,e;this.displayedLayout="iconOnly",u(this.permanentActions,"secondary"),u(this.primaryAction,"primary"),h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions),this.permanentActions&&(null===(t=this.root)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(e=this.root)||void 0===e||e.appendChild(this.primaryAction))}renderCondensedLayout(){var t,e;this.displayedLayout="condensed",this.permanentActions&&(null===(t=this.menuActionSlot)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(e=this.menuActionSlot)||void 0===e||e.appendChild(this.primaryAction)),h(!0,...this.allFilterContextual),h(!1,...this.permanentActions),h(!1,this.primaryAction),u(this.menuActionsItems,"ghost")}componentWillRender(){l(this.root),this.hasContextDivider=this.needsContextDivider()}componentDidLoad(){c((()=>{this.recordLayoutMinSize(),this.checkResponsiveLayout()})),u(this.menuActionsItems,"ghost")}componentDidUpdate(){this.recordLayoutMinSize(),this.checkResponsiveLayout()}checkResponsiveLayout(){i((()=>{const t=this.root.clientWidth;t<=this.minimumSizes.iconOnly?"iconOnly"==this.displayedLayout&&this.renderCondensedLayout():t<=this.minimumSizes.full?"full"==this.displayedLayout?this.renderIconOnlyLayoutScaleDown():"condensed"==this.displayedLayout&&this.renderIconOnlyLayoutScaleUp():this.minimumSizes.iconOnly>this.minimumSizes.full?this.renderIconOnlyLayoutScaleUp():this.renderFullLayout()}))}render(){return a(o,{key:"7d6fa8999261056fbb1143d44fd426b1fb1d34d4",role:"toolbar","aria-orientation":"horizontal","gs-layout":this.displayedLayout},a("div",{key:"8e84d0a55927164a11b22261e50b186179e9d1e3",class:"search-filter-container"},a("slot",{key:"986c54772a496c130e4f7fdbfc8eb845b92f5a23",name:"search-and-filter"})),a("div",{key:"fc919c05d0ac4e4efc30dea00a3586ddfdd9a1b8",class:"section-spacing"}),a("div",{key:"1d1749cd67960eee1194e86be8187a7e0a32d0b1",class:"gux-contextual-permanent-primary"},a("div",{key:"20406d580bc9aa2513eadc80128a92e177cea806",class:{"gux-contextual-wrapper":this.hasContextDivider}},a("slot",{key:"1390181395dc912bde635aa0e1d5d35cbd7bd1db",name:"contextual-actions"})),a("div",{key:"a8f091dce77116d8071f825ae2843e9b4def69de",class:"gux-permanent-menu-primary-wrapper"},a("slot",{key:"5f0d69b2c14b1aa25969f490ae5d2a22086902bf",name:"permanent-actions"}),a("gux-table-toolbar-menu-button",{key:"0a8b9f577b0889718d5ea8aeab7b101598f3e1a6","show-menu":this.renderMenu()},a("slot",{key:"850ca0f182601fce6aa0fa592609919be08a607f",name:"menu-actions"})),a("slot",{key:"7d31fda67aed0449e4260fdbaf8fe80688566eae",name:"primary-action"}))))}get root(){return n(this)}};b([r({childList:!0,subtree:!0})],p.prototype,"onMutation",null),b([s()],p.prototype,"checkResponsiveLayout",null),p.style=":host{display:flex;flex-direction:row;align-items:center;justify-content:space-between;inline-size:100%;max-block-size:var(--gse-ui-dataTableItems-tableToolbar-height);visibility:hidden;transition:visibility 0s 0.5s;}@keyframes show-toolbar{to{visibility:visible}}:host .search-filter-container{min-inline-size:260px;padding-inline-end:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host slot[name=search-and-filter]::slotted(*){display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-start;align-items:center}:host .section-spacing{display:flex;flex-direction:row;min-inline-size:72px}:host .gux-contextual-permanent-primary{display:flex;flex-direction:row;justify-content:space-between;padding-inline-start:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host .gux-contextual-permanent-primary slot[name=permanent-actions]::slotted(*),:host .gux-contextual-permanent-primary slot[name=contextual-actions]::slotted(*){display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-end;align-items:center}:host .gux-contextual-permanent-primary .gux-contextual-wrapper{padding-inline-end:var(--gse-ui-dataTableItems-tableToolbar-gap);border-inline-end:var(--gse-ui-dataTableItems-tableToolbar-divider-width) solid var(--gse-ui-dataTableItems-tableToolbar-dividerColor)}:host .gux-contextual-permanent-primary .gux-permanent-menu-primary-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);margin-inline-start:var(--gse-ui-dataTableItems-tableToolbar-gap)}";export{p as gux_table_toolbar}
1
+ import{r as t,f as e,d as i,h as a,H as o,g as n}from"./p-cf74fd3d.js";import{O as s}from"./p-f7112041.js";import{O as r}from"./p-946c70b7.js";import{t as l}from"./p-137949c3.js";import{g as d}from"./p-89657908.js";import{a as c}from"./p-cf0e7d3b.js";function u(t,e){[].concat(t).forEach((t=>{null!=t&&(t.accent=e)}))}function h(t,...e){e.flat().filter((t=>null!=t&&!(null==t?void 0:t.hasAttribute("icon-only")))).forEach((e=>e.iconOnly=t))}var b=function(t,e,i,a){var o,n=arguments.length,s=n<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,a);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const p=class{constructor(e){t(this,e),this.displayedLayout="full",this.hasContextDivider=!1,this.minimumSizes={full:0,iconOnly:0,condensed:0}}onMutation(){this.hasContextDivider=this.needsContextDivider(),e(this.root)}recordLayoutMinSize(){i((()=>{var t,e,i;const a=0|(null===(t=this.searchAndFilterContainer)||void 0===t?void 0:t.clientWidth),o=0|(null===(e=this.actionsContainer)||void 0===e?void 0:e.clientWidth),n=0|(null===(i=this.minControlSize)||void 0===i?void 0:i.clientWidth);this.minimumSizes[this.displayedLayout]=a+o+n}))}get minControlSize(){return this.root.shadowRoot.querySelector(".section-spacing")}get actionsContainer(){return this.root.shadowRoot.querySelector(".gux-contextual-permanent-primary")}get searchAndFilterContainer(){return this.root.shadowRoot.querySelector(".search-filter-container")}get filterSlot(){return d(this.root,"search-and-filter")}get menuActionSlot(){return d(this.root,"menu-actions")}get permanentSlot(){return d(this.root,"permanent-actions")}get contextualSlot(){return d(this.root,"contextual-actions")}get primaryAction(){var t;return null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-table-toolbar-custom-action[slot]")}get permanentActions(){var t,e;return(null===(t=this.permanentSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(e=this.permanentSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get menuActionsItems(){var t,e;if(null===(t=this.menuActionSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(e=this.menuActionSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get contextualActions(){var t,e;return(null===(t=this.contextualSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(e=this.contextualSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get filterActions(){var t,e;return(null===(t=this.filterSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(e=this.filterSlot)||void 0===e?void 0:e.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get allFilterContextual(){var t;return null===(t=this.filterActions)||void 0===t?void 0:t.concat(this.contextualActions)}needsContextDivider(){var t;return(null===(t=this.contextualActions)||void 0===t?void 0:t.length)&&this.contextualSlot!==this.root.lastElementChild}renderMenu(){var t;return Boolean((null===(t=this.menuActionsItems)||void 0===t?void 0:t.length)||"condensed"==this.displayedLayout)}renderFullLayout(){this.displayedLayout="full",h(!1,this.primaryAction,...this.allFilterContextual,...this.permanentActions)}renderIconOnlyLayoutScaleDown(){this.displayedLayout="iconOnly",h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions)}renderIconOnlyLayoutScaleUp(){var t,e;this.displayedLayout="iconOnly",u(this.permanentActions,"secondary"),u(this.primaryAction,"primary"),h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions),this.permanentActions&&(null===(t=this.root)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(e=this.root)||void 0===e||e.appendChild(this.primaryAction))}renderCondensedLayout(){var t,e;this.displayedLayout="condensed",this.permanentActions&&(null===(t=this.menuActionSlot)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(e=this.menuActionSlot)||void 0===e||e.appendChild(this.primaryAction)),h(!0,...this.allFilterContextual),h(!1,...this.permanentActions),h(!1,this.primaryAction),u(this.menuActionsItems,"ghost")}componentWillRender(){l(this.root),this.hasContextDivider=this.needsContextDivider()}componentDidLoad(){c((()=>{this.recordLayoutMinSize(),this.checkResponsiveLayout()})),u(this.menuActionsItems,"ghost")}componentDidUpdate(){this.recordLayoutMinSize(),this.checkResponsiveLayout()}checkResponsiveLayout(){i((()=>{const t=this.root.clientWidth;t<=this.minimumSizes.iconOnly?"iconOnly"==this.displayedLayout&&this.renderCondensedLayout():t<=this.minimumSizes.full?"full"==this.displayedLayout?this.renderIconOnlyLayoutScaleDown():"condensed"==this.displayedLayout&&this.renderIconOnlyLayoutScaleUp():this.minimumSizes.iconOnly>this.minimumSizes.full?this.renderIconOnlyLayoutScaleUp():this.renderFullLayout()}))}render(){return a(o,{key:"7d6fa8999261056fbb1143d44fd426b1fb1d34d4",role:"toolbar","aria-orientation":"horizontal","gs-layout":this.displayedLayout},a("div",{key:"8e84d0a55927164a11b22261e50b186179e9d1e3",class:"search-filter-container"},a("slot",{key:"986c54772a496c130e4f7fdbfc8eb845b92f5a23",name:"search-and-filter"})),a("div",{key:"fc919c05d0ac4e4efc30dea00a3586ddfdd9a1b8",class:"section-spacing"}),a("div",{key:"1d1749cd67960eee1194e86be8187a7e0a32d0b1",class:"gux-contextual-permanent-primary"},a("div",{key:"20406d580bc9aa2513eadc80128a92e177cea806",class:{"gux-contextual-wrapper":this.hasContextDivider}},a("slot",{key:"1390181395dc912bde635aa0e1d5d35cbd7bd1db",name:"contextual-actions"})),a("div",{key:"a8f091dce77116d8071f825ae2843e9b4def69de",class:"gux-permanent-menu-primary-wrapper"},a("slot",{key:"5f0d69b2c14b1aa25969f490ae5d2a22086902bf",name:"permanent-actions"}),a("gux-table-toolbar-menu-button",{key:"0a8b9f577b0889718d5ea8aeab7b101598f3e1a6","show-menu":this.renderMenu()},a("slot",{key:"850ca0f182601fce6aa0fa592609919be08a607f",name:"menu-actions"})),a("slot",{key:"7d31fda67aed0449e4260fdbaf8fe80688566eae",name:"primary-action"}))))}get root(){return n(this)}};b([r({childList:!0,subtree:!0})],p.prototype,"onMutation",null),b([s()],p.prototype,"checkResponsiveLayout",null),p.style=":host{display:flex;flex-direction:row;align-items:center;justify-content:space-between;inline-size:100%;max-block-size:var(--gse-ui-dataTableItems-tableToolbar-height);visibility:hidden;transition:visibility 0s 0.5s;}@keyframes show-toolbar{to{visibility:visible}}:host .search-filter-container{min-inline-size:260px;padding-inline-end:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host slot[name=search-and-filter]::slotted(*){display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-start;align-items:center}:host .section-spacing{display:flex;flex-direction:row;min-inline-size:72px}:host .gux-contextual-permanent-primary{display:flex;flex-direction:row;justify-content:space-between;padding-inline-start:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host .gux-contextual-permanent-primary slot[name=permanent-actions]::slotted(*),:host .gux-contextual-permanent-primary slot[name=contextual-actions]::slotted(*){display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-end;align-items:center}:host .gux-contextual-permanent-primary .gux-contextual-wrapper{padding-inline-end:var(--gse-ui-dataTableItems-tableToolbar-gap);border-inline-end:var(--gse-ui-dataTableItems-tableToolbar-divider-width) solid var(--gse-ui-dataTableItems-tableToolbar-dividerColor)}:host .gux-contextual-permanent-primary .gux-permanent-menu-primary-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);margin-inline-start:var(--gse-ui-dataTableItems-tableToolbar-gap)}";export{p as gux_table_toolbar}