genesys-spark-components 4.105.0 → 4.105.2

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 (313) 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-beta.cjs.entry.js +1 -1
  9. package/dist/cjs/gux-avatar-group-item-beta.cjs.entry.js +1 -1
  10. package/dist/cjs/gux-badge.cjs.entry.js +1 -1
  11. package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
  12. package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
  13. package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
  14. package/dist/cjs/gux-button-slot.cjs.entry.js +1 -1
  15. package/dist/cjs/gux-button_4.cjs.entry.js +1 -1
  16. package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
  17. package/dist/cjs/gux-card.cjs.entry.js +1 -1
  18. package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
  19. package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
  20. package/dist/cjs/gux-context-menu.cjs.entry.js +1 -1
  21. package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
  22. package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
  23. package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
  24. package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
  25. package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
  26. package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
  27. package/dist/cjs/gux-dropdown-multi.cjs.entry.js +1 -1
  28. package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
  29. package/dist/cjs/gux-flag-icon-beta.cjs.entry.js +1 -1
  30. package/dist/cjs/gux-flyout-menu.cjs.entry.js +1 -1
  31. package/dist/cjs/gux-form-field-checkbox-group-beta.cjs.entry.js +1 -1
  32. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
  33. package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
  34. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
  35. package/dist/cjs/gux-form-field-file.cjs.entry.js +1 -1
  36. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
  37. package/dist/cjs/gux-form-field-label-indicator.cjs.entry.js +1 -1
  38. package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
  39. package/dist/cjs/gux-form-field-radio-group-beta.cjs.entry.js +1 -1
  40. package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
  41. package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
  42. package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
  43. package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
  44. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
  45. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
  46. package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
  47. package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +1 -1
  48. package/dist/cjs/gux-form-footer.cjs.entry.js +1 -1
  49. package/dist/cjs/gux-icon-tooltip-beta.cjs.entry.js +1 -1
  50. package/dist/cjs/gux-icon.cjs.entry.js +1 -1
  51. package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
  52. package/dist/cjs/gux-label-info-beta.cjs.entry.js +1 -1
  53. package/dist/cjs/gux-list.cjs.entry.js +1 -1
  54. package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
  55. package/dist/cjs/gux-loading-message.cjs.entry.js +1 -1
  56. package/dist/cjs/gux-modal-legacy.cjs.entry.js +1 -1
  57. package/dist/cjs/gux-modal-side-panel-beta.cjs.entry.js +1 -1
  58. package/dist/cjs/gux-modal.cjs.entry.js +1 -1
  59. package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
  60. package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
  61. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
  62. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
  64. package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
  65. package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
  66. package/dist/cjs/gux-popover-beta.cjs.entry.js +1 -1
  67. package/dist/cjs/gux-popover-list-beta.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
  69. package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
  70. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  71. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  72. package/dist/cjs/gux-rich-text-editor-action.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
  75. package/dist/cjs/gux-selector-card-beta.cjs.entry.js +1 -1
  76. package/dist/cjs/gux-selector-cards-beta.cjs.entry.js +1 -1
  77. package/dist/cjs/gux-side-panel-beta.cjs.entry.js +1 -1
  78. package/dist/cjs/gux-side-panel-heading.cjs.entry.js +1 -1
  79. package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
  80. package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
  81. package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
  82. package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
  83. package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
  84. package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
  85. package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
  86. package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
  87. package/dist/cjs/gux-table.cjs.entry.js +1 -1
  88. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  89. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  90. package/dist/cjs/gux-tag.cjs.entry.js +1 -1
  91. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  92. package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
  93. package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
  94. package/dist/cjs/gux-time-zone-beta.cjs.entry.js +1 -1
  95. package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
  96. package/dist/cjs/gux-toast.cjs.entry.js +1 -1
  97. package/dist/cjs/gux-toggle-slider.cjs.entry.js +5 -10
  98. package/dist/cjs/gux-toggle.cjs.entry.js +4 -3
  99. package/dist/cjs/gux-tooltip-base-beta_2.cjs.entry.js +1 -1
  100. package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
  101. package/dist/cjs/{usage-dfe4153f.js → usage-8c8436d9.js} +6 -6
  102. package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.js +5 -10
  103. package/dist/collection/components/stable/gux-toggle/gux-toggle.js +3 -2
  104. package/dist/esm/gux-accordion.entry.js +1 -1
  105. package/dist/esm/gux-action-button.entry.js +1 -1
  106. package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
  107. package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
  108. package/dist/esm/gux-announce-beta.entry.js +1 -1
  109. package/dist/esm/gux-avatar-beta.entry.js +1 -1
  110. package/dist/esm/gux-avatar-change-photo-beta.entry.js +1 -1
  111. package/dist/esm/gux-avatar-group-beta.entry.js +1 -1
  112. package/dist/esm/gux-avatar-group-item-beta.entry.js +1 -1
  113. package/dist/esm/gux-badge.entry.js +1 -1
  114. package/dist/esm/gux-blank-state.entry.js +1 -1
  115. package/dist/esm/gux-breadcrumbs.entry.js +1 -1
  116. package/dist/esm/gux-button-multi.entry.js +1 -1
  117. package/dist/esm/gux-button-slot.entry.js +1 -1
  118. package/dist/esm/gux-button_4.entry.js +1 -1
  119. package/dist/esm/gux-calendar.entry.js +1 -1
  120. package/dist/esm/gux-card.entry.js +1 -1
  121. package/dist/esm/gux-column-manager.entry.js +1 -1
  122. package/dist/esm/gux-content-search.entry.js +1 -1
  123. package/dist/esm/gux-context-menu.entry.js +1 -1
  124. package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
  125. package/dist/esm/gux-date-beta.entry.js +1 -1
  126. package/dist/esm/gux-date-time-beta.entry.js +1 -1
  127. package/dist/esm/gux-datepicker.entry.js +1 -1
  128. package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
  129. package/dist/esm/gux-dismiss-button.entry.js +1 -1
  130. package/dist/esm/gux-dropdown-multi.entry.js +1 -1
  131. package/dist/esm/gux-dropdown_3.entry.js +1 -1
  132. package/dist/esm/gux-flag-icon-beta.entry.js +1 -1
  133. package/dist/esm/gux-flyout-menu.entry.js +1 -1
  134. package/dist/esm/gux-form-field-checkbox-group-beta.entry.js +1 -1
  135. package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
  136. package/dist/esm/gux-form-field-color.entry.js +1 -1
  137. package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
  138. package/dist/esm/gux-form-field-file.entry.js +1 -1
  139. package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
  140. package/dist/esm/gux-form-field-label-indicator.entry.js +1 -1
  141. package/dist/esm/gux-form-field-phone.entry.js +1 -1
  142. package/dist/esm/gux-form-field-radio-group-beta.entry.js +1 -1
  143. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  144. package/dist/esm/gux-form-field-range.entry.js +1 -1
  145. package/dist/esm/gux-form-field-search.entry.js +1 -1
  146. package/dist/esm/gux-form-field-select.entry.js +1 -1
  147. package/dist/esm/gux-form-field-text-like.entry.js +1 -1
  148. package/dist/esm/gux-form-field-textarea.entry.js +1 -1
  149. package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
  150. package/dist/esm/gux-form-field-time-zone-picker.entry.js +1 -1
  151. package/dist/esm/gux-form-footer.entry.js +1 -1
  152. package/dist/esm/gux-icon-tooltip-beta.entry.js +1 -1
  153. package/dist/esm/gux-icon.entry.js +1 -1
  154. package/dist/esm/gux-inline-alert.entry.js +1 -1
  155. package/dist/esm/gux-label-info-beta.entry.js +1 -1
  156. package/dist/esm/gux-list.entry.js +1 -1
  157. package/dist/esm/gux-listbox-multi.entry.js +1 -1
  158. package/dist/esm/gux-loading-message.entry.js +1 -1
  159. package/dist/esm/gux-modal-legacy.entry.js +1 -1
  160. package/dist/esm/gux-modal-side-panel-beta.entry.js +1 -1
  161. package/dist/esm/gux-modal.entry.js +1 -1
  162. package/dist/esm/gux-month-picker-beta.entry.js +1 -1
  163. package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
  164. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  165. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  166. package/dist/esm/gux-pagination-legacy.entry.js +1 -1
  167. package/dist/esm/gux-pagination.entry.js +1 -1
  168. package/dist/esm/gux-phone-input-beta.entry.js +1 -1
  169. package/dist/esm/gux-popover-beta.entry.js +1 -1
  170. package/dist/esm/gux-popover-list-beta.entry.js +1 -1
  171. package/dist/esm/gux-popover-list.entry.js +1 -1
  172. package/dist/esm/gux-radial-loading.entry.js +1 -1
  173. package/dist/esm/gux-radial-progress.entry.js +1 -1
  174. package/dist/esm/gux-rating.entry.js +1 -1
  175. package/dist/esm/gux-rich-text-editor-action.entry.js +1 -1
  176. package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
  177. package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
  178. package/dist/esm/gux-selector-card-beta.entry.js +1 -1
  179. package/dist/esm/gux-selector-cards-beta.entry.js +1 -1
  180. package/dist/esm/gux-side-panel-beta.entry.js +1 -1
  181. package/dist/esm/gux-side-panel-heading.entry.js +1 -1
  182. package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
  183. package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
  184. package/dist/esm/gux-sort-control.entry.js +1 -1
  185. package/dist/esm/gux-switch-legacy.entry.js +1 -1
  186. package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
  187. package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
  188. package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
  189. package/dist/esm/gux-table-toolbar.entry.js +1 -1
  190. package/dist/esm/gux-table.entry.js +1 -1
  191. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  192. package/dist/esm/gux-tabs.entry.js +1 -1
  193. package/dist/esm/gux-tag.entry.js +1 -1
  194. package/dist/esm/gux-text-highlight.entry.js +1 -1
  195. package/dist/esm/gux-time-beta.entry.js +1 -1
  196. package/dist/esm/gux-time-picker.entry.js +1 -1
  197. package/dist/esm/gux-time-zone-beta.entry.js +1 -1
  198. package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
  199. package/dist/esm/gux-toast.entry.js +1 -1
  200. package/dist/esm/gux-toggle-slider.entry.js +5 -10
  201. package/dist/esm/gux-toggle.entry.js +4 -3
  202. package/dist/esm/gux-tooltip-base-beta_2.entry.js +1 -1
  203. package/dist/esm/gux-tooltip.entry.js +1 -1
  204. package/dist/esm/{usage-e5d574d4.js → usage-312c6a00.js} +6 -6
  205. package/dist/genesys-webcomponents/genesys-webcomponents-legacy.css +1 -1
  206. package/dist/genesys-webcomponents/genesys-webcomponents.css +1 -1
  207. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  208. package/dist/genesys-webcomponents/{p-7befdc90.entry.js → p-009cfc80.entry.js} +1 -1
  209. package/dist/genesys-webcomponents/{p-4e50d399.entry.js → p-0159d688.entry.js} +1 -1
  210. package/dist/genesys-webcomponents/{p-4e38b95f.entry.js → p-053136c2.entry.js} +1 -1
  211. package/dist/genesys-webcomponents/{p-20ca65ef.entry.js → p-063b45c9.entry.js} +1 -1
  212. package/dist/genesys-webcomponents/{p-004406cd.entry.js → p-06a50b67.entry.js} +1 -1
  213. package/dist/genesys-webcomponents/{p-ad145859.entry.js → p-08c7b7fe.entry.js} +1 -1
  214. package/dist/genesys-webcomponents/{p-232cac05.entry.js → p-09c41505.entry.js} +1 -1
  215. package/dist/genesys-webcomponents/{p-88cdb71a.entry.js → p-0a0c7170.entry.js} +1 -1
  216. package/dist/genesys-webcomponents/{p-507211ae.entry.js → p-0dd012e8.entry.js} +1 -1
  217. package/dist/genesys-webcomponents/{p-574cee24.entry.js → p-0e7b367d.entry.js} +1 -1
  218. package/dist/genesys-webcomponents/{p-b3cfa0e1.entry.js → p-0eba906c.entry.js} +1 -1
  219. package/dist/genesys-webcomponents/{p-c67d0400.entry.js → p-11a8bedd.entry.js} +1 -1
  220. package/dist/genesys-webcomponents/{p-2fd46078.entry.js → p-15063717.entry.js} +1 -1
  221. package/dist/genesys-webcomponents/{p-cc1dfadc.entry.js → p-18104fba.entry.js} +1 -1
  222. package/dist/genesys-webcomponents/{p-ccd1eba2.entry.js → p-1895a32e.entry.js} +1 -1
  223. package/dist/genesys-webcomponents/{p-2506b71a.entry.js → p-221c022c.entry.js} +1 -1
  224. package/dist/genesys-webcomponents/{p-69371bd4.entry.js → p-26c5aaa8.entry.js} +1 -1
  225. package/dist/genesys-webcomponents/{p-40825d63.entry.js → p-282e24bb.entry.js} +1 -1
  226. package/dist/genesys-webcomponents/{p-747c4484.entry.js → p-29918a37.entry.js} +1 -1
  227. package/dist/genesys-webcomponents/{p-cab6e970.entry.js → p-2dcf57fc.entry.js} +1 -1
  228. package/dist/genesys-webcomponents/{p-acc1db6f.entry.js → p-2f8c9776.entry.js} +1 -1
  229. package/dist/genesys-webcomponents/{p-1f1728d8.entry.js → p-34b6fea4.entry.js} +1 -1
  230. package/dist/genesys-webcomponents/{p-ac063e2a.entry.js → p-36fce8fe.entry.js} +1 -1
  231. package/dist/genesys-webcomponents/{p-c4743b53.entry.js → p-38c93a5d.entry.js} +1 -1
  232. package/dist/genesys-webcomponents/{p-ab687565.entry.js → p-38cf4de9.entry.js} +1 -1
  233. package/dist/genesys-webcomponents/{p-6646fb1a.entry.js → p-392a41a3.entry.js} +1 -1
  234. package/dist/genesys-webcomponents/{p-9fdba7d3.entry.js → p-3a15df4e.entry.js} +1 -1
  235. package/dist/genesys-webcomponents/{p-117c3342.entry.js → p-3a4e71ad.entry.js} +1 -1
  236. package/dist/genesys-webcomponents/{p-c40d537a.entry.js → p-418c4a7a.entry.js} +1 -1
  237. package/dist/genesys-webcomponents/{p-9d7a13f3.entry.js → p-447f6b79.entry.js} +1 -1
  238. package/dist/genesys-webcomponents/{p-cc59c2a6.entry.js → p-4969d78b.entry.js} +1 -1
  239. package/dist/genesys-webcomponents/{p-1374d5fd.entry.js → p-497493c6.entry.js} +1 -1
  240. package/dist/genesys-webcomponents/{p-b2e1adbe.entry.js → p-4c343850.entry.js} +1 -1
  241. package/dist/genesys-webcomponents/{p-b6b65f22.entry.js → p-4d728f4b.entry.js} +1 -1
  242. package/dist/genesys-webcomponents/{p-65de3a40.entry.js → p-4dba2d06.entry.js} +1 -1
  243. package/dist/genesys-webcomponents/{p-39872d34.entry.js → p-5009d9a6.entry.js} +1 -1
  244. package/dist/genesys-webcomponents/{p-e56b80ed.entry.js → p-51ddafea.entry.js} +1 -1
  245. package/dist/genesys-webcomponents/{p-35183b71.entry.js → p-527a1b15.entry.js} +1 -1
  246. package/dist/genesys-webcomponents/{p-b610561f.entry.js → p-56a934c7.entry.js} +1 -1
  247. package/dist/genesys-webcomponents/{p-5b9c32f8.entry.js → p-57c6ab9b.entry.js} +1 -1
  248. package/dist/genesys-webcomponents/{p-1fc1fb3f.entry.js → p-5825e997.entry.js} +1 -1
  249. package/dist/genesys-webcomponents/{p-881ada07.entry.js → p-59d08a8a.entry.js} +1 -1
  250. package/dist/genesys-webcomponents/{p-41ff2bf3.entry.js → p-61d5921e.entry.js} +1 -1
  251. package/dist/genesys-webcomponents/{p-cfab83b0.entry.js → p-656633a6.entry.js} +1 -1
  252. package/dist/genesys-webcomponents/{p-7139ecd8.entry.js → p-69afcddc.entry.js} +1 -1
  253. package/dist/genesys-webcomponents/{p-821ccabb.entry.js → p-6afa08c7.entry.js} +1 -1
  254. package/dist/genesys-webcomponents/{p-38207471.entry.js → p-6b8c2c2b.entry.js} +1 -1
  255. package/dist/genesys-webcomponents/{p-73eb97d5.entry.js → p-6e3a4392.entry.js} +1 -1
  256. package/dist/genesys-webcomponents/{p-348bbe5b.entry.js → p-740a7d3c.entry.js} +1 -1
  257. package/dist/genesys-webcomponents/{p-15b89baf.entry.js → p-75966834.entry.js} +1 -1
  258. package/dist/genesys-webcomponents/{p-44a86308.entry.js → p-75fed78d.entry.js} +1 -1
  259. package/dist/genesys-webcomponents/{p-d7dbb3fa.entry.js → p-767ec86a.entry.js} +1 -1
  260. package/dist/genesys-webcomponents/{p-3f2cc28b.entry.js → p-78db6a7c.entry.js} +1 -1
  261. package/dist/genesys-webcomponents/{p-e0333d56.entry.js → p-79a9cae3.entry.js} +1 -1
  262. package/dist/genesys-webcomponents/{p-446d7efa.entry.js → p-7b5aac6d.entry.js} +1 -1
  263. package/dist/genesys-webcomponents/{p-f38cdbf6.entry.js → p-7b7cad90.entry.js} +1 -1
  264. package/dist/genesys-webcomponents/{p-ea50dd75.entry.js → p-7bc1efb8.entry.js} +1 -1
  265. package/dist/genesys-webcomponents/{p-99f54e39.entry.js → p-7ef45ca3.entry.js} +1 -1
  266. package/dist/genesys-webcomponents/{p-c0868a70.entry.js → p-813d8f22.entry.js} +1 -1
  267. package/dist/genesys-webcomponents/{p-9b09d8d3.entry.js → p-873551eb.entry.js} +1 -1
  268. package/dist/genesys-webcomponents/{p-a838fabf.entry.js → p-8d7486e5.entry.js} +1 -1
  269. package/dist/genesys-webcomponents/{p-c8687968.entry.js → p-906d7344.entry.js} +1 -1
  270. package/dist/genesys-webcomponents/{p-2a44e5a1.entry.js → p-94af03e3.entry.js} +1 -1
  271. package/dist/genesys-webcomponents/{p-13c8171d.entry.js → p-95a66843.entry.js} +1 -1
  272. package/dist/genesys-webcomponents/p-9bd66a26.entry.js +1 -0
  273. package/dist/genesys-webcomponents/{p-a30c9d61.entry.js → p-9d1f8a0f.entry.js} +1 -1
  274. package/dist/genesys-webcomponents/{p-1b279abd.entry.js → p-a0028f6c.entry.js} +1 -1
  275. package/dist/genesys-webcomponents/{p-b4390e0a.entry.js → p-a16f84cf.entry.js} +1 -1
  276. package/dist/genesys-webcomponents/{p-b1c5bbab.entry.js → p-a2bd2ff7.entry.js} +1 -1
  277. package/dist/genesys-webcomponents/{p-e31a42f9.entry.js → p-a7147f3b.entry.js} +1 -1
  278. package/dist/genesys-webcomponents/{p-4bada71e.entry.js → p-aafa065e.entry.js} +1 -1
  279. package/dist/genesys-webcomponents/{p-2934300e.entry.js → p-acf8850e.entry.js} +1 -1
  280. package/dist/genesys-webcomponents/{p-16680fcd.entry.js → p-b30c0249.entry.js} +1 -1
  281. package/dist/genesys-webcomponents/{p-6592b0e5.js → p-b36b3468.js} +1 -1
  282. package/dist/genesys-webcomponents/{p-ac86cff8.entry.js → p-b4964d86.entry.js} +1 -1
  283. package/dist/genesys-webcomponents/{p-d575ff98.entry.js → p-b7226e8b.entry.js} +1 -1
  284. package/dist/genesys-webcomponents/{p-220d5a2d.entry.js → p-b7c6e773.entry.js} +1 -1
  285. package/dist/genesys-webcomponents/{p-ac01e813.entry.js → p-b83a7e29.entry.js} +1 -1
  286. package/dist/genesys-webcomponents/{p-64cd1278.entry.js → p-b9073d84.entry.js} +1 -1
  287. package/dist/genesys-webcomponents/{p-ae2269b9.entry.js → p-ba1a7f69.entry.js} +1 -1
  288. package/dist/genesys-webcomponents/{p-3d5eaa96.entry.js → p-c100804d.entry.js} +1 -1
  289. package/dist/genesys-webcomponents/{p-07e53227.entry.js → p-c7c22740.entry.js} +1 -1
  290. package/dist/genesys-webcomponents/{p-0b2f26d1.entry.js → p-cb0c55e2.entry.js} +1 -1
  291. package/dist/genesys-webcomponents/{p-1d5c060d.entry.js → p-cbab7931.entry.js} +1 -1
  292. package/dist/genesys-webcomponents/{p-ef42eb71.entry.js → p-cc159514.entry.js} +1 -1
  293. package/dist/genesys-webcomponents/{p-4bfcbb67.entry.js → p-ce77f88e.entry.js} +1 -1
  294. package/dist/genesys-webcomponents/{p-71c7ec8f.entry.js → p-cfddd299.entry.js} +1 -1
  295. package/dist/genesys-webcomponents/{p-72259848.entry.js → p-d0f17938.entry.js} +1 -1
  296. package/dist/genesys-webcomponents/{p-2b31aae9.entry.js → p-d2d7cb4d.entry.js} +1 -1
  297. package/dist/genesys-webcomponents/{p-8988b71b.entry.js → p-daf905e7.entry.js} +1 -1
  298. package/dist/genesys-webcomponents/{p-cfe3aa2b.entry.js → p-dc1eeec1.entry.js} +1 -1
  299. package/dist/genesys-webcomponents/p-dc9c37b0.entry.js +1 -0
  300. package/dist/genesys-webcomponents/{p-cac29766.entry.js → p-dd130888.entry.js} +1 -1
  301. package/dist/genesys-webcomponents/{p-dd057b13.entry.js → p-df864cd2.entry.js} +1 -1
  302. package/dist/genesys-webcomponents/{p-bfac8f1e.entry.js → p-e38c74b2.entry.js} +1 -1
  303. package/dist/genesys-webcomponents/{p-3a6c9da0.entry.js → p-e3a73ac8.entry.js} +1 -1
  304. package/dist/genesys-webcomponents/{p-2a9866ec.entry.js → p-e4c5999b.entry.js} +1 -1
  305. package/dist/genesys-webcomponents/{p-f3ae5223.entry.js → p-f4dbd5f8.entry.js} +1 -1
  306. package/dist/genesys-webcomponents/{p-7319f003.entry.js → p-f82a86bc.entry.js} +1 -1
  307. package/dist/genesys-webcomponents/{p-05ab79f2.entry.js → p-f9426d59.entry.js} +1 -1
  308. package/dist/genesys-webcomponents/{p-a1355084.entry.js → p-fca1a5a3.entry.js} +1 -1
  309. package/dist/stencil-wrapper.js +1 -1
  310. package/dist/types/stencil-wrapper.d.ts +1 -1
  311. package/package.json +6 -6
  312. package/dist/genesys-webcomponents/p-6823b187.entry.js +0 -1
  313. package/dist/genesys-webcomponents/p-d6800f7f.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as t,c as e,f as i,h as o,g as s,H as n}from"./p-6e010355.js";import{O as r}from"./p-b0758688.js";import{b as u}from"./p-a82e4a04.js";import{s as a}from"./p-2c25e2f2.js";import{o as l,c as d}from"./p-f4751a15.js";import{b as h}from"./p-cf0e7d3b.js";import{t as c}from"./p-6592b0e5.js";import{O as g}from"./p-e720c07a.js";import{s as f,l as p,g as x,c as b,h as v,a as m,b as w,d as C,e as y,f as z,i as k,j as F,k as S,m as O,o as T}from"./p-787c5373.js";import{h as j}from"./p-6d8b4027.js";import{w as E}from"./p-e97879b4.js";import{g as I}from"./p-4202e9f2.js";import{r as L}from"./p-0934300e.js";const W={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var H=function(t,e,i,o){var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(s=t[u])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const R=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}watchDisabled(t){t&&(this.expanded=!1)}onKeydown(t){switch(t.key){case"Escape":return this.isFilterable()&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,f(this.listboxElement)))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&h((()=>{this.listboxElement.focus(),this.isFilterable()&&this.filterElement&&this.filterElement.focus()}))}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.listboxElement&&this.validateValue(this.value,this.listboxElement)}async componentWillLoad(){c(this.root),this.i18n=await u(this.root,W),l(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.filter=this.filter)}showTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setShowTooltip()}hideTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setHideTooltip()}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)&&(e.value=t):e&&(e.value=t)}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return"starts-with"===this.filterType||"custom"===this.filterType}get optionElements(){return p(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void f(this.listboxElement);case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,a(this.root,"input"),a(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){const e=t.length;if(e>0&&!this.loading){const i=x(this.listboxElement,t);if(i&&"custom"!==this.filterType)return i.textContent.trim().substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?o("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return this.renderOption(t);case"gux-option-icon":return this.renderIconOption(t);default:return e}}renderOption(t){let e=t.textContent;if(j(t,"subtext")){const i=t.querySelector("[slot=subtext]");e=e.substring(0,e.length-i.textContent.length)}return o("gux-truncate",{ref:t=>this.truncateElement=t,dir:"auto"},e)}renderIconOption(t){let e=null;return null!==t.iconColor&&(e={color:t.iconColor}),o("span",{class:"gux-selected-icon"},o("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0}),o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderFilterInputField(){if(this.expanded&&this.isFilterable())return o("div",{class:"gux-field gux-input-field",dir:"auto"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.filter),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return o("slot",{slot:"popup"})}renderTarget(){return o("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:d(this.root),onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:this.expanded?"custom/chevron-up-small-regular":"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.isFilterable())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return o("gux-popup",{key:"9a8dcb5d594f5036652ae945c0fbf0e3094a053e",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 s(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"],disabled:["watchDisabled"]}}};H([r({triggerEvents:"mousedown"})],R.prototype,"onClickOutside",null),H([g({childList:!0,subtree:!0})],R.prototype,"onMutation",null),R.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;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-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-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{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-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;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%}.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-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;inline-size:var(--gse-ui-formControl-input-inputIcon-size);block-size:var(--gse-ui-formControl-input-inputIcon-size);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-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow-offsetX) var(--gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}.gux-selected-icon{display:flex;align-items:center}.gux-selected-icon gux-icon{inline-size:var(--gse-ui-formControl-input-inputIcon-size);block-size:var(--gse-ui-formControl-input-inputIcon-size);padding-inline-end:var(--gse-ui-dropdown-gap)}";const D=["gux-option","gux-option-icon"].join(","),A={noMatches:"No matches",loading:"Loading..."},B=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.filterType="none",this.disabled=!1,this.emptyMessage=void 0,this.selectedValues=[],this.listboxOptions=[],this.allListboxOptionsFiltered=void 0}onBlur(){b(this.root)}onKeydown(t){if(!v(this.root))return t.preventDefault(),void f(this.root);switch(t.key){case"Enter":return t.preventDefault(),void F(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(z(this.root)?(t.stopPropagation(),k(this.root)):w(this.root));case"ArrowUp":return t.preventDefault(),void(C(this.root)?(t.stopPropagation(),y(this.root)):m(this.root));case"Home":return t.preventDefault(),void w(this.root);case"End":return t.preventDefault(),void m(this.root);case" ":return void t.preventDefault()}1!==t.key.length||S(this.root,t.key)}onKeyup(t){" "!==t.key||F(this.root,(t=>this.updateValue(t)))}onMousemove(){b(this.root)}onClick(t){E(D,t,(t=>{T(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){F(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=p(this.root),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),a(this.root,"input"),a(this.root,"change")}async componentWillLoad(){c(this.root),this.i18n=await u(this.root,A),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&(t.filtered=!O(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return o("div",{hidden:!0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[o("div",{class:"gux-message-container"},o("gux-radial-loading",{context:"modal"}),o("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[o("div",{class:"gux-message-container"},o("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():o(n,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return s(this)}};B.style=":host{box-sizing:border-box;display:block;max-block-size:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow:visible auto;background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius);outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-ui-color-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch center;align-items:center;text-align:center}.gux-message-container .gux-no-matches{box-sizing:border-box;block-size:var(--gse-ui-menu-option-height);font-family:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily);font-size:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontSize);font-weight:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight);line-height:var(--gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight);color:var(--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor)}";const K=class{constructor(e){t(this,e),this.value=void 0,this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hasSubtext=!1}handleActive(t){var e,i;t?null===(e=this.truncateElement)||void 0===e||e.setShowTooltip():null===(i=this.truncateElement)||void 0===i||i.setHideTooltip()}componentWillLoad(){this.root.id=this.root.id||L("gux-option"),this.onSubtextChange()}onSubtextChange(){this.hasSubtext=j(this.root,"subtext")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}hasDisabledParent(){const t=I("gux-listbox",this.root);return null==t?void 0:t.disabled}render(){return o(n,{key:"d1bdb1118c5b02b093a6d661193d0820aad3bc1f",role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled||this.hasDisabledParent(),"gux-filtered":this.filtered,"gux-selected":this.selected,"gux-show-subtext":this.hasSubtext},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("div",{key:"45e6cb7c53502c1faaac6ca403074bf0a1bbb2e1",class:"gux-option-wrapper"},o("gux-truncate",{key:"c19ec0e07cb2ef93555859fc16e8707fe5faada7",ref:t=>this.truncateElement=t},o("slot",{key:"185c7bbdd3f1ded5ab50bc7422858f4e5c881473"})),o("slot",{key:"96e164f9f04b8f3f4b8ddb8389c81bd9e1a91eb4",onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return s(this)}static get watchers(){return{active:["handleActive"]}}};K.style=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{inline-size:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){border-radius:var(--gse-semantic-focusOutline-sm-borderRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host(.gux-show-subtext){place-content:stretch flex-start;block-size:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{R as gux_dropdown,B as gux_listbox,K as gux_option}
1
+ import{r as t,c as e,f as i,h as o,g as s,H as n}from"./p-6e010355.js";import{O as r}from"./p-b0758688.js";import{b as u}from"./p-a82e4a04.js";import{s as a}from"./p-2c25e2f2.js";import{o as l,c as d}from"./p-f4751a15.js";import{b as h}from"./p-cf0e7d3b.js";import{t as c}from"./p-b36b3468.js";import{O as g}from"./p-e720c07a.js";import{s as f,l as p,g as x,c as b,h as v,a as m,b as w,d as C,e as y,f as z,i as k,j as F,k as S,m as O,o as T}from"./p-787c5373.js";import{h as j}from"./p-6d8b4027.js";import{w as E}from"./p-e97879b4.js";import{g as I}from"./p-4202e9f2.js";import{r as L}from"./p-0934300e.js";const W={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var H=function(t,e,i,o){var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(s=t[u])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const R=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterType="none",this.hasError=!1,this.exceedTargetWidth=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}watchDisabled(t){t&&(this.expanded=!1)}onKeydown(t){switch(t.key){case"Escape":return this.isFilterable()&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0,f(this.listboxElement)))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&h((()=>{this.listboxElement.focus(),this.isFilterable()&&this.filterElement&&this.filterElement.focus()}))}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.listboxElement&&this.validateValue(this.value,this.listboxElement)}async componentWillLoad(){c(this.root),this.i18n=await u(this.root,W),l(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.filter=this.filter)}showTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setShowTooltip()}hideTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setHideTooltip()}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)&&(e.value=t):e&&(e.value=t)}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return"starts-with"===this.filterType||"custom"===this.filterType}get optionElements(){return p(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),t.preventDefault(),this.listboxElement.focus(),void f(this.listboxElement);case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,a(this.root,"input"),a(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){const e=t.length;if(e>0&&!this.loading){const i=x(this.listboxElement,t);if(i&&"custom"!==this.filterType)return i.textContent.trim().substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?o("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return this.renderOption(t);case"gux-option-icon":return this.renderIconOption(t);default:return e}}renderOption(t){let e=t.textContent;if(j(t,"subtext")){const i=t.querySelector("[slot=subtext]");e=e.substring(0,e.length-i.textContent.length)}return o("gux-truncate",{ref:t=>this.truncateElement=t,dir:"auto"},e)}renderIconOption(t){let e=null;return null!==t.iconColor&&(e={color:t.iconColor}),o("span",{class:"gux-selected-icon"},o("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0}),o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderFilterInputField(){if(this.expanded&&this.isFilterable())return o("div",{class:"gux-field gux-input-field",dir:"auto"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.filter),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this),disabled:this.disabled})))))}renderPopup(){return o("slot",{slot:"popup"})}renderTarget(){return o("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError,"gux-disabled":this.disabled},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:d(this.root),onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:this.expanded?"custom/chevron-up-small-regular":"custom/chevron-down-small-regular"})))}renderTargetContent(){if(!this.expanded||!this.isFilterable())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return o("gux-popup",{key:"9a8dcb5d594f5036652ae945c0fbf0e3094a053e",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 s(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"],disabled:["watchDisabled"]}}};H([r({triggerEvents:"mousedown"})],R.prototype,"onClickOutside",null),H([g({childList:!0,subtree:!0})],R.prototype,"onMutation",null),R.style=":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;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-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-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{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-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;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%}.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-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;inline-size:var(--gse-ui-formControl-input-inputIcon-size);block-size:var(--gse-ui-formControl-input-inputIcon-size);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-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow-offsetX) var(--gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}.gux-selected-icon{display:flex;align-items:center}.gux-selected-icon gux-icon{inline-size:var(--gse-ui-formControl-input-inputIcon-size);block-size:var(--gse-ui-formControl-input-inputIcon-size);padding-inline-end:var(--gse-ui-dropdown-gap)}";const D=["gux-option","gux-option-icon"].join(","),A={noMatches:"No matches",loading:"Loading..."},B=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.filterType="none",this.disabled=!1,this.emptyMessage=void 0,this.selectedValues=[],this.listboxOptions=[],this.allListboxOptionsFiltered=void 0}onBlur(){b(this.root)}onKeydown(t){if(!v(this.root))return t.preventDefault(),void f(this.root);switch(t.key){case"Enter":return t.preventDefault(),void F(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(z(this.root)?(t.stopPropagation(),k(this.root)):w(this.root));case"ArrowUp":return t.preventDefault(),void(C(this.root)?(t.stopPropagation(),y(this.root)):m(this.root));case"Home":return t.preventDefault(),void w(this.root);case"End":return t.preventDefault(),void m(this.root);case" ":return void t.preventDefault()}1!==t.key.length||S(this.root,t.key)}onKeyup(t){" "!==t.key||F(this.root,(t=>this.updateValue(t)))}onMousemove(){b(this.root)}onClick(t){E(D,t,(t=>{T(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){F(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=p(this.root),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),a(this.root,"input"),a(this.root,"change")}async componentWillLoad(){c(this.root),this.i18n=await u(this.root,A),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&(t.filtered=!O(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return o("div",{hidden:!0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[o("div",{class:"gux-message-container"},o("gux-radial-loading",{context:"modal"}),o("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[o("div",{class:"gux-message-container"},o("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():o(n,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return s(this)}};B.style=":host{box-sizing:border-box;display:block;max-block-size:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow:visible auto;background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius);outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-ui-color-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch center;align-items:center;text-align:center}.gux-message-container .gux-no-matches{box-sizing:border-box;block-size:var(--gse-ui-menu-option-height);font-family:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily);font-size:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontSize);font-weight:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight);line-height:var(--gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight);color:var(--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor)}";const K=class{constructor(e){t(this,e),this.value=void 0,this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hasSubtext=!1}handleActive(t){var e,i;t?null===(e=this.truncateElement)||void 0===e||e.setShowTooltip():null===(i=this.truncateElement)||void 0===i||i.setHideTooltip()}componentWillLoad(){this.root.id=this.root.id||L("gux-option"),this.onSubtextChange()}onSubtextChange(){this.hasSubtext=j(this.root,"subtext")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}hasDisabledParent(){const t=I("gux-listbox",this.root);return null==t?void 0:t.disabled}render(){return o(n,{key:"d1bdb1118c5b02b093a6d661193d0820aad3bc1f",role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled||this.hasDisabledParent(),"gux-filtered":this.filtered,"gux-selected":this.selected,"gux-show-subtext":this.hasSubtext},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("div",{key:"45e6cb7c53502c1faaac6ca403074bf0a1bbb2e1",class:"gux-option-wrapper"},o("gux-truncate",{key:"c19ec0e07cb2ef93555859fc16e8707fe5faada7",ref:t=>this.truncateElement=t},o("slot",{key:"185c7bbdd3f1ded5ab50bc7422858f4e5c881473"})),o("slot",{key:"96e164f9f04b8f3f4b8ddb8389c81bd9e1a91eb4",onSlotchange:()=>this.onSubtextChange(),name:"subtext"})))}get root(){return s(this)}static get watchers(){return{active:["handleActive"]}}};K.style=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{inline-size:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){border-radius:var(--gse-semantic-focusOutline-sm-borderRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host(.gux-show-subtext){place-content:stretch flex-start;block-size:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{R as gux_dropdown,B as gux_listbox,K as gux_option}
@@ -1 +1 @@
1
- import{r as e,h as o,g as r}from"./p-6e010355.js";import{c as t,o as i}from"./p-f4751a15.js";import{O as a}from"./p-e720c07a.js";import{o as n}from"./p-e5b1cffc.js";import{p as l}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{a as u,G as f}from"./p-b8c3ecdc.js";import{G as d,a as g}from"./p-7e76ac06.js";import{v as p,a as h}from"./p-42f2e889.js";import{t as c}from"./p-6592b0e5.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const m=class{constructor(o){e(this,o),this.resize=void 0,this.labelPosition=void 0,this.indicatorMark="required",this.computedLabelPosition="above",this.disabled=void 0,this.required=!0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}handleKeyup(e){var o,r;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(r=this.labelInfo)||void 0===r||r.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),c(this.root,{variant:this.variant})}componentDidLoad(){this.updateHeight(this.textareaContainerElement,this.input,this.resize)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return o(g,{key:"e8dd0948fef4e209905570ac52f369ca490452ab",labelPosition:this.computedLabelPosition},o(d,{key:"d01ace6713e2bb0a37900266813d77d56fcb5f89",required:this.required,position:this.computedLabelPosition},o("slot",{key:"572c94fe01bfc15a05f471207dddb1ba2e09c11d",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"7f9c6756fe4662b1ac4d27b72ed158bae2f3b862",variant:this.indicatorMark,required:this.required}),o("slot",{key:"62560f03f41a251b5ab8230850aa2c7043135c0b",name:"label-info"})),o("div",{key:"41bf021bf128db713ff71c325177e14e6a757241",class:"gux-input-and-error-container"},o("div",{key:"1b06efe4fbd9abed9d5bc2ff2906a4ebdbe4a207",ref:e=>this.textareaContainerElement=e,class:{"gux-input":!0,[`gux-resize-${this.resize}`]:!0,"gux-disabled":this.disabled,"gux-input-error":this.hasError}},o("slot",{key:"9531a2bde5bb2f3a6b208c3a75b5f8a508537c00",name:"input"})),o(u,{key:"7f9705862db7afaa04ec7a0b508b53feb50dcf27",show:this.hasError},o("slot",{key:"9a54ee68288a98eace73298967c026835838ef79",name:"error"})),o(f,{key:"a5eaac775a150d9e0b4c9ca1f228c75f4aee5654",show:!this.hasError&&this.hasHelp},o("slot",{key:"108eb94dc4f28d708dec9e11ff8e16f4ef501c47",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.resize}-${e}`}setInput(){this.input=this.root.querySelector('textarea[slot="input"]'),l(this.input),this.updateHeight(this.textareaContainerElement,this.input,this.resize),this.input.addEventListener("input",(()=>{this.updateHeight(this.textareaContainerElement,this.input,this.resize)})),this.disabled=t(this.input),this.required=this.input.required,this.disabledObserver=i(this.input,(e=>{this.disabled=e})),this.requiredObserver=n(this.input,(e=>{this.required=e})),p(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=h(this.label,this.labelPosition)}updateHeight(e,o,r){"auto"===r&&e&&(e.dataset.replicatedValue=o.value,e.style.maxHeight=o.style.maxHeight)}get root(){return r(this)}};(function(e,o,r,t){var i,a=arguments.length,n=a<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,o,r,t);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(n=(a<3?i(n):a>3?i(o,r,n):i(o,r))||n);a>3&&n&&Object.defineProperty(o,r,n)})([a({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;min-inline-size:var(--gse-ui-icon-small-size);min-block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);resize:vertical;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:none;border-radius:var(--gse-ui-formControl-input-borderRadius);outline:none;padding:var(--gse-ui-formControl-textarea-padding);margin:0}::slotted(textarea)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}::slotted(textarea)[disabled]{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:flex;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius);outline:none}.gux-input-and-error-container .gux-input:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-input-and-error-container .gux-input:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-input-and-error-container .gux-input.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input.gux-resize-none ::slotted(textarea){resize:none}.gux-input-and-error-container .gux-input.gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}.gux-input-and-error-container .gux-input.gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) " ";padding:var(--gse-ui-formControl-textarea-padding);margin:0}.gux-input-and-error-container .gux-input.gux-resize-auto ::slotted(textarea){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}';export{m as gux_form_field_textarea}
1
+ import{r as e,h as o,g as r}from"./p-6e010355.js";import{c as t,o as i}from"./p-f4751a15.js";import{O as a}from"./p-e720c07a.js";import{o as n}from"./p-e5b1cffc.js";import{p as l}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{a as u,G as f}from"./p-b8c3ecdc.js";import{G as d,a as g}from"./p-7e76ac06.js";import{v as p,a as h}from"./p-42f2e889.js";import{t as c}from"./p-b36b3468.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const m=class{constructor(o){e(this,o),this.resize=void 0,this.labelPosition=void 0,this.indicatorMark="required",this.computedLabelPosition="above",this.disabled=void 0,this.required=!0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}handleKeyup(e){var o,r;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(r=this.labelInfo)||void 0===r||r.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),c(this.root,{variant:this.variant})}componentDidLoad(){this.updateHeight(this.textareaContainerElement,this.input,this.resize)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return o(g,{key:"e8dd0948fef4e209905570ac52f369ca490452ab",labelPosition:this.computedLabelPosition},o(d,{key:"d01ace6713e2bb0a37900266813d77d56fcb5f89",required:this.required,position:this.computedLabelPosition},o("slot",{key:"572c94fe01bfc15a05f471207dddb1ba2e09c11d",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"7f9c6756fe4662b1ac4d27b72ed158bae2f3b862",variant:this.indicatorMark,required:this.required}),o("slot",{key:"62560f03f41a251b5ab8230850aa2c7043135c0b",name:"label-info"})),o("div",{key:"41bf021bf128db713ff71c325177e14e6a757241",class:"gux-input-and-error-container"},o("div",{key:"1b06efe4fbd9abed9d5bc2ff2906a4ebdbe4a207",ref:e=>this.textareaContainerElement=e,class:{"gux-input":!0,[`gux-resize-${this.resize}`]:!0,"gux-disabled":this.disabled,"gux-input-error":this.hasError}},o("slot",{key:"9531a2bde5bb2f3a6b208c3a75b5f8a508537c00",name:"input"})),o(u,{key:"7f9705862db7afaa04ec7a0b508b53feb50dcf27",show:this.hasError},o("slot",{key:"9a54ee68288a98eace73298967c026835838ef79",name:"error"})),o(f,{key:"a5eaac775a150d9e0b4c9ca1f228c75f4aee5654",show:!this.hasError&&this.hasHelp},o("slot",{key:"108eb94dc4f28d708dec9e11ff8e16f4ef501c47",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.resize}-${e}`}setInput(){this.input=this.root.querySelector('textarea[slot="input"]'),l(this.input),this.updateHeight(this.textareaContainerElement,this.input,this.resize),this.input.addEventListener("input",(()=>{this.updateHeight(this.textareaContainerElement,this.input,this.resize)})),this.disabled=t(this.input),this.required=this.input.required,this.disabledObserver=i(this.input,(e=>{this.disabled=e})),this.requiredObserver=n(this.input,(e=>{this.required=e})),p(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=h(this.label,this.labelPosition)}updateHeight(e,o,r){"auto"===r&&e&&(e.dataset.replicatedValue=o.value,e.style.maxHeight=o.style.maxHeight)}get root(){return r(this)}};(function(e,o,r,t){var i,a=arguments.length,n=a<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,o,r,t);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(n=(a<3?i(n):a>3?i(o,r,n):i(o,r))||n);a>3&&n&&Object.defineProperty(o,r,n)})([a({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style='.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;min-inline-size:var(--gse-ui-icon-small-size);min-block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);resize:vertical;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:none;border-radius:var(--gse-ui-formControl-input-borderRadius);outline:none;padding:var(--gse-ui-formControl-textarea-padding);margin:0}::slotted(textarea)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}::slotted(textarea)[disabled]{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:flex;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius);outline:none}.gux-input-and-error-container .gux-input:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-input-and-error-container .gux-input:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-input-and-error-container .gux-input.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input.gux-resize-none ::slotted(textarea){resize:none}.gux-input-and-error-container .gux-input.gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}.gux-input-and-error-container .gux-input.gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) " ";padding:var(--gse-ui-formControl-textarea-padding);margin:0}.gux-input-and-error-container .gux-input.gux-resize-auto ::slotted(textarea){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}';export{m as gux_form_field_textarea}
@@ -1 +1 @@
1
- import{r as t,h as o,g as e}from"./p-6e010355.js";import{t as i}from"./p-6592b0e5.js";import{g as r}from"./p-0268a3e8.js";const a=class{constructor(o){t(this,o),this.iconName=void 0,this.placement="right"}componentWillLoad(){i(this.root)}async showTooltip(){return await this.tooltip.showTooltip()}async hideTooltip(){return await this.tooltip.hideTooltip()}render(){return o("div",{key:"9d7877974b1ec769bbabc36e4e6dcb617fe71f13",class:"gux-icon-tooltip"},o("gux-screen-reader-beta",{key:"b775e0d3421511c6ab276cd591bb29775d266595"},o("slot",{key:"0c0a2538bd60553070dd2935432d9bd844267051",name:"content"})),o("gux-icon",{key:"13303179e2856e5e0ef17a1321e08e58aaac3be1","icon-name":this.iconName,size:"small",decorative:!0}),o("gux-tooltip-beta",{key:"addd341ed182ec261e5d600d1bd4dc8dab351a92",placement:this.placement,ref:t=>this.tooltip=t},o("div",{key:"7439c6f444c757405a2386f6e18c2d36e807f2fc",slot:"content"},r(this.root,"content"))))}get root(){return e(this)}};a.style=".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{color:var(--gse-ui-formControl-label-tooltipTrigger-color);vertical-align:bottom}";export{a as gux_icon_tooltip_beta}
1
+ import{r as t,h as o,g as e}from"./p-6e010355.js";import{t as i}from"./p-b36b3468.js";import{g as r}from"./p-0268a3e8.js";const a=class{constructor(o){t(this,o),this.iconName=void 0,this.placement="right"}componentWillLoad(){i(this.root)}async showTooltip(){return await this.tooltip.showTooltip()}async hideTooltip(){return await this.tooltip.hideTooltip()}render(){return o("div",{key:"9d7877974b1ec769bbabc36e4e6dcb617fe71f13",class:"gux-icon-tooltip"},o("gux-screen-reader-beta",{key:"b775e0d3421511c6ab276cd591bb29775d266595"},o("slot",{key:"0c0a2538bd60553070dd2935432d9bd844267051",name:"content"})),o("gux-icon",{key:"13303179e2856e5e0ef17a1321e08e58aaac3be1","icon-name":this.iconName,size:"small",decorative:!0}),o("gux-tooltip-beta",{key:"addd341ed182ec261e5d600d1bd4dc8dab351a92",placement:this.placement,ref:t=>this.tooltip=t},o("div",{key:"7439c6f444c757405a2386f6e18c2d36e807f2fc",slot:"content"},r(this.root,"content"))))}get root(){return e(this)}};a.style=".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{color:var(--gse-ui-formControl-label-tooltipTrigger-color);vertical-align:bottom}";export{a as gux_icon_tooltip_beta}
@@ -1 +1 @@
1
- import{r as e,f as i,h as t,H as r,g as o}from"./p-6e010355.js";import{c as a,o as s}from"./p-f4751a15.js";import{O as n}from"./p-e720c07a.js";import{o as l}from"./p-e5b1cffc.js";import{p as u}from"./p-a11d5d42.js";import{h as g}from"./p-6d8b4027.js";import{a as d,G as h}from"./p-b8c3ecdc.js";import{a as f,G as p}from"./p-7e76ac06.js";import{g as c,v as x,a as b}from"./p-42f2e889.js";import{t as m}from"./p-6592b0e5.js";import{O as v}from"./p-526740db.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";var y=function(e,i,t,r){var o,a=arguments.length,s=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,i,t,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(s=(a<3?o(s):a>3?o(i,t,s):o(i,t))||s);return a>3&&s&&Object.defineProperty(i,t,s),s};const k=class{constructor(i){e(this,i),this.displayUnits=void 0,this.valueInTooltip=void 0,this.labelPosition=void 0,this.indicatorMark="required",this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1,this.value=void 0,this.active=void 0,this.valueWatcherId=void 0}onInput(e){this.updateValue(e.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=g(this.root,"error"),this.hasHelp=g(this.root,"help")}handleKeyup(e){var i,t;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(i=this.labelInfo)||void 0===i||i.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;this.active=!1,null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=g(this.root,"error"),this.hasHelp=g(this.root,"help"),m(this.root,{variant:this.variant})}componentDidLoad(){this.updatePosition(),this.tooltipElement&&i(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect(),clearInterval(this.valueWatcherId)}render(){return t(r,{key:"54c2237fd3857b7b5bacc2e5e0ec4bb012b2f4e1",class:{"gux-active":this.active}},t(f,{key:"586adebb0c3bd99135c6f9c38f0f9329239e3154",labelPosition:this.computedLabelPosition},t(p,{key:"6da004480ae7733976a9ee7d39b1b71e0731f18e",required:this.required,position:this.computedLabelPosition},t("slot",{key:"ec577fcf0a75f71d1ad63bab97f3f4b4ae8a3e7e",name:"label",onSlotchange:()=>this.setLabel()}),t("gux-form-field-label-indicator",{key:"b6a7b1ed6f70ea5e4e82dc3bde5740e24e0ef233",variant:this.indicatorMark,required:this.required}),t("slot",{key:"bb13f10921775771f74a30458f1850db1997ee2c",name:"label-info"})),t("div",{key:"52651391cc0fa2076bc9d9d3e292208fec418ea5",class:"gux-input-and-error-container"},this.renderRangeInput(),t(d,{key:"1d5b96509375ff917e4cc68e491cbb49e93feb04",show:this.hasError},t("slot",{key:"70e953ad2201da1796274c8d25550f48d8a16733",name:"error"})),t(h,{key:"77a6374a1dec71a529e68859faaaeef465483584",show:!this.hasError&&this.hasHelp},t("slot",{key:"521b2c4c318f5f7eb562f692212c490fe9e7de58",name:"help"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=c(this.root,'input[type="range"][slot="input"]'),u(this.input),this.disabled=a(this.input),this.required=this.input.required,this.value=this.input.value,this.disabledObserver=s(this.input,(e=>{this.disabled=e})),this.requiredObserver=l(this.input,(e=>{this.required=e})),clearInterval(this.valueWatcherId),this.valueWatcherId=setInterval((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=b(this.label,this.labelPosition)}renderRangeInput(){return t("div",{class:{"gux-range-input-container":!0,"gux-disabled":this.disabled},ref:e=>this.containerElement=e},t("div",{class:"gux-range"},t("div",{class:"gux-track"},t("div",{class:"gux-progress",ref:e=>this.progressElement=e})),t("slot",{name:"input"}),this.valueInTooltip&&t("gux-tooltip-base-beta",{ref:e=>this.tooltipElement=e,forElement:this.containerElement,offsetY:-10,placement:"top"},t("span",{slot:"content"},this.getDisplayValue()))),t("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(e){this.value=e,this.updatePosition()}updatePosition(){var e,i,t;const r=Number((null===(e=this.input)||void 0===e?void 0:e.value)||0),o=Number((null===(i=this.input)||void 0===i?void 0:i.min)||0),a=(r-o)/(Number((null===(t=this.input)||void 0===t?void 0:t.max)||100)-o)*100;this.tooltipElement&&(this.tooltipElement.offsetX=(a/100-.5)*(this.containerElement.offsetWidth-20)),this.progressElement&&(this.progressElement.style.width=`${a}%`)}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return o(this)}};y([n({childList:!0,subtree:!0})],k.prototype,"onMutation",null),y([v()],k.prototype,"updatePosition",null),k.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;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;min-inline-size:var(--gse-ui-icon-small-size);min-block-size:var(--gse-ui-icon-small-size);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[type=range]){position:absolute;inline-size:100%;inline-size:100%;block-size:var(--gse-ui-slider-bar-height);margin-block:calc(var(--gse-ui-slider-handle-width) / 2);margin-block-start:calc(-1 * (var(--gse-ui-slider-handle-width) / 2 + var(--gse-ui-slider-bar-height)));margin-inline:0;-webkit-appearance:none;background:transparent}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-slider-gap);place-content:stretch flex-start;align-items:center;block-size:32px;font-size:var(--gse-ui-slider-label-text-fontSize)}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:var(--gse-ui-slider-disabled-opacity)}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{inline-size:100%;block-size:var(--gse-ui-slider-bar-height);margin-block:6px;margin-inline:0;background:var(--gse-ui-slider-bar-default-backgroundColor);border-radius:var(--gse-ui-slider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{block-size:var(--gse-ui-slider-bar-height);background-color:var(--gse-ui-slider-bar-selected-backgroundColor);border-radius:var(--gse-ui-slider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;margin-block:0;margin-inline:var(--gux-spacing-medium) 0;font-family:var(--gse-ui-slider-label-text-fontFamily);font-size:var(--gse-ui-slider-label-text-fontSize);font-weight:var(--gse-ui-slider-label-text-fontWeight);line-height:var(--gse-ui-slider-label-text-lineHeight);text-align:end}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}";export{k as gux_form_field_range}
1
+ import{r as e,f as i,h as t,H as r,g as o}from"./p-6e010355.js";import{c as a,o as s}from"./p-f4751a15.js";import{O as n}from"./p-e720c07a.js";import{o as l}from"./p-e5b1cffc.js";import{p as u}from"./p-a11d5d42.js";import{h as g}from"./p-6d8b4027.js";import{a as d,G as h}from"./p-b8c3ecdc.js";import{a as f,G as p}from"./p-7e76ac06.js";import{g as c,v as x,a as b}from"./p-42f2e889.js";import{t as m}from"./p-b36b3468.js";import{O as v}from"./p-526740db.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";var y=function(e,i,t,r){var o,a=arguments.length,s=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,i,t,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(s=(a<3?o(s):a>3?o(i,t,s):o(i,t))||s);return a>3&&s&&Object.defineProperty(i,t,s),s};const k=class{constructor(i){e(this,i),this.displayUnits=void 0,this.valueInTooltip=void 0,this.labelPosition=void 0,this.indicatorMark="required",this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1,this.value=void 0,this.active=void 0,this.valueWatcherId=void 0}onInput(e){this.updateValue(e.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=g(this.root,"error"),this.hasHelp=g(this.root,"help")}handleKeyup(e){var i,t;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(i=this.labelInfo)||void 0===i||i.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;this.active=!1,null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=g(this.root,"error"),this.hasHelp=g(this.root,"help"),m(this.root,{variant:this.variant})}componentDidLoad(){this.updatePosition(),this.tooltipElement&&i(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect(),clearInterval(this.valueWatcherId)}render(){return t(r,{key:"54c2237fd3857b7b5bacc2e5e0ec4bb012b2f4e1",class:{"gux-active":this.active}},t(f,{key:"586adebb0c3bd99135c6f9c38f0f9329239e3154",labelPosition:this.computedLabelPosition},t(p,{key:"6da004480ae7733976a9ee7d39b1b71e0731f18e",required:this.required,position:this.computedLabelPosition},t("slot",{key:"ec577fcf0a75f71d1ad63bab97f3f4b4ae8a3e7e",name:"label",onSlotchange:()=>this.setLabel()}),t("gux-form-field-label-indicator",{key:"b6a7b1ed6f70ea5e4e82dc3bde5740e24e0ef233",variant:this.indicatorMark,required:this.required}),t("slot",{key:"bb13f10921775771f74a30458f1850db1997ee2c",name:"label-info"})),t("div",{key:"52651391cc0fa2076bc9d9d3e292208fec418ea5",class:"gux-input-and-error-container"},this.renderRangeInput(),t(d,{key:"1d5b96509375ff917e4cc68e491cbb49e93feb04",show:this.hasError},t("slot",{key:"70e953ad2201da1796274c8d25550f48d8a16733",name:"error"})),t(h,{key:"77a6374a1dec71a529e68859faaaeef465483584",show:!this.hasError&&this.hasHelp},t("slot",{key:"521b2c4c318f5f7eb562f692212c490fe9e7de58",name:"help"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=c(this.root,'input[type="range"][slot="input"]'),u(this.input),this.disabled=a(this.input),this.required=this.input.required,this.value=this.input.value,this.disabledObserver=s(this.input,(e=>{this.disabled=e})),this.requiredObserver=l(this.input,(e=>{this.required=e})),clearInterval(this.valueWatcherId),this.valueWatcherId=setInterval((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=b(this.label,this.labelPosition)}renderRangeInput(){return t("div",{class:{"gux-range-input-container":!0,"gux-disabled":this.disabled},ref:e=>this.containerElement=e},t("div",{class:"gux-range"},t("div",{class:"gux-track"},t("div",{class:"gux-progress",ref:e=>this.progressElement=e})),t("slot",{name:"input"}),this.valueInTooltip&&t("gux-tooltip-base-beta",{ref:e=>this.tooltipElement=e,forElement:this.containerElement,offsetY:-10,placement:"top"},t("span",{slot:"content"},this.getDisplayValue()))),t("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(e){this.value=e,this.updatePosition()}updatePosition(){var e,i,t;const r=Number((null===(e=this.input)||void 0===e?void 0:e.value)||0),o=Number((null===(i=this.input)||void 0===i?void 0:i.min)||0),a=(r-o)/(Number((null===(t=this.input)||void 0===t?void 0:t.max)||100)-o)*100;this.tooltipElement&&(this.tooltipElement.offsetX=(a/100-.5)*(this.containerElement.offsetWidth-20)),this.progressElement&&(this.progressElement.style.width=`${a}%`)}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return o(this)}};y([n({childList:!0,subtree:!0})],k.prototype,"onMutation",null),y([v()],k.prototype,"updatePosition",null),k.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;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;min-inline-size:var(--gse-ui-icon-small-size);min-block-size:var(--gse-ui-icon-small-size);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[type=range]){position:absolute;inline-size:100%;inline-size:100%;block-size:var(--gse-ui-slider-bar-height);margin-block:calc(var(--gse-ui-slider-handle-width) / 2);margin-block-start:calc(-1 * (var(--gse-ui-slider-handle-width) / 2 + var(--gse-ui-slider-bar-height)));margin-inline:0;-webkit-appearance:none;background:transparent}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-slider-gap);place-content:stretch flex-start;align-items:center;block-size:32px;font-size:var(--gse-ui-slider-label-text-fontSize)}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:var(--gse-ui-slider-disabled-opacity)}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{inline-size:100%;block-size:var(--gse-ui-slider-bar-height);margin-block:6px;margin-inline:0;background:var(--gse-ui-slider-bar-default-backgroundColor);border-radius:var(--gse-ui-slider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{block-size:var(--gse-ui-slider-bar-height);background-color:var(--gse-ui-slider-bar-selected-backgroundColor);border-radius:var(--gse-ui-slider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;margin-block:0;margin-inline:var(--gux-spacing-medium) 0;font-family:var(--gse-ui-slider-label-text-fontFamily);font-size:var(--gse-ui-slider-label-text-fontSize);font-weight:var(--gse-ui-slider-label-text-fontWeight);line-height:var(--gse-ui-slider-label-text-lineHeight);text-align:end}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}";export{k as gux_form_field_range}
@@ -1 +1 @@
1
- import{r as e,h as i,g as t}from"./p-6e010355.js";import{b as o}from"./p-a82e4a04.js";import{O as r}from"./p-e720c07a.js";import{a as l,o as s}from"./p-e5b1cffc.js";import{h as a}from"./p-6d8b4027.js";import{g as n}from"./p-0268a3e8.js";import{a as f,G as d}from"./p-b8c3ecdc.js";import{G as h,a as c,b as u}from"./p-d413b7e2.js";import{v as m,a as p}from"./p-42f2e889.js";import{t as g}from"./p-6592b0e5.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const b={required:"Required"};const x=class{constructor(i){e(this,i),this.labelPosition=void 0,this.indicatorMark="required",this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1,this.hasLabelInfo=!1}watchValue(e){const i=this.root.querySelector("gux-time-picker");i&&(i.hasError=e)}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help")}handleKeyup(e){var i;"Tab"===e.key?this.input.matches(":focus-within")&&(null===(i=this.labelInfo)||void 0===i||i.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-within")&&clearTimeout(this.hideLabelInfoTimeout)}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async componentWillLoad(){this.getI18nValue=await o(this.root,b),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),this.hasLabelInfo=a(this.root,"label-info"),g(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){var e;return i(u,{key:"5db1d7454cabeee9137272a463f10fea95bc34ea",labelPosition:this.computedLabelPosition},i(c,{key:"7d3fc234710b05c1f03b9257f157da9cec265723"},null===(e=this.label)||void 0===e?void 0:e.textContent,this.renderText(this.getI18nValue("required"),this.required),this.renderText(n(this.root,"error"),this.hasError),this.renderText(n(this.root,"label-info"),this.hasLabelInfo)),i(h,{key:"d133b8ac4978ceb9ad9a4066b1bbbd119734ea64",position:this.computedLabelPosition,required:this.required},i("slot",{key:"4dd490ae393d5f1c537b01e00774c9ac98dedc4f",name:"label",onSlotchange:()=>this.setLabel()}),i("gux-form-field-label-indicator",{key:"94a8768d8d5cc56ce27b17875d5c66c8faff19cc",variant:this.indicatorMark,required:this.required}),i("slot",{key:"795a06b86b4e125361261cfe7630fdec311154bc",name:"label-info"})),i("div",{key:"f28426f59ce6afea01daecbb3235b13e381318d7",class:"gux-input-and-error-container"},i("div",{key:"ddbe6041c2b144244b0ce38b5667bb40dc21c8a0",class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{key:"4e31b6a9305d6a4a5900ed4298da803dd9a5c5d0",class:{"gux-time-picker-container":!0,"gux-disabled":this.disabled}},i("slot",{key:"9c34d62cb80c6187bb3e426c3f23153eb6cbebd0"}))),i(f,{key:"57d89003c47803cc8be089016c6cdca9e6f16ae1",show:this.hasError},i("slot",{key:"bacc4403a8b1789289cb871569141aaef2f40fe6",name:"error"})),i(d,{key:"5b85bda90be53594da0a2dbb5673dde9079316f8",show:!this.hasError&&this.hasHelp},i("slot",{key:"6b9ed2d216470802c2c785314768a554695b8d5d",name:"help"}))))}renderText(e,i=!1){if(i)return" "+e}get variant(){return`timePicker-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.input=this.root.querySelector("gux-time-picker"),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=l(this.input,(e=>{this.disabled=e})),this.requiredObserver=s(this.input,(e=>{this.required=e})),m(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=p(this.label,this.labelPosition)}get root(){return t(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(e,i,t,o){var r,l=arguments.length,s=l<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,i,t,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(l<3?r(s):l>3?r(i,t,s):r(i,t))||s);l>3&&s&&Object.defineProperty(i,t,s)})([r({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style=".gux-form-field-fieldset-container{display:flex;min-inline-size:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;min-inline-size:var(--gse-ui-icon-small-size);min-block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-visual-label{display:inline-flex;flex:1 0 auto}.gux-form-field-visual-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-visual-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-screenreader{display:none}.gux-form-field-screenreader-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}";export{x as gux_form_field_time_picker}
1
+ import{r as e,h as i,g as t}from"./p-6e010355.js";import{b as o}from"./p-a82e4a04.js";import{O as r}from"./p-e720c07a.js";import{a as l,o as s}from"./p-e5b1cffc.js";import{h as a}from"./p-6d8b4027.js";import{g as n}from"./p-0268a3e8.js";import{a as f,G as d}from"./p-b8c3ecdc.js";import{G as h,a as c,b as u}from"./p-d413b7e2.js";import{v as m,a as p}from"./p-42f2e889.js";import{t as g}from"./p-b36b3468.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const b={required:"Required"};const x=class{constructor(i){e(this,i),this.labelPosition=void 0,this.indicatorMark="required",this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1,this.hasLabelInfo=!1}watchValue(e){const i=this.root.querySelector("gux-time-picker");i&&(i.hasError=e)}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help")}handleKeyup(e){var i;"Tab"===e.key?this.input.matches(":focus-within")&&(null===(i=this.labelInfo)||void 0===i||i.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-within")&&clearTimeout(this.hideLabelInfoTimeout)}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async componentWillLoad(){this.getI18nValue=await o(this.root,b),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),this.hasLabelInfo=a(this.root,"label-info"),g(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){var e;return i(u,{key:"5db1d7454cabeee9137272a463f10fea95bc34ea",labelPosition:this.computedLabelPosition},i(c,{key:"7d3fc234710b05c1f03b9257f157da9cec265723"},null===(e=this.label)||void 0===e?void 0:e.textContent,this.renderText(this.getI18nValue("required"),this.required),this.renderText(n(this.root,"error"),this.hasError),this.renderText(n(this.root,"label-info"),this.hasLabelInfo)),i(h,{key:"d133b8ac4978ceb9ad9a4066b1bbbd119734ea64",position:this.computedLabelPosition,required:this.required},i("slot",{key:"4dd490ae393d5f1c537b01e00774c9ac98dedc4f",name:"label",onSlotchange:()=>this.setLabel()}),i("gux-form-field-label-indicator",{key:"94a8768d8d5cc56ce27b17875d5c66c8faff19cc",variant:this.indicatorMark,required:this.required}),i("slot",{key:"795a06b86b4e125361261cfe7630fdec311154bc",name:"label-info"})),i("div",{key:"f28426f59ce6afea01daecbb3235b13e381318d7",class:"gux-input-and-error-container"},i("div",{key:"ddbe6041c2b144244b0ce38b5667bb40dc21c8a0",class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{key:"4e31b6a9305d6a4a5900ed4298da803dd9a5c5d0",class:{"gux-time-picker-container":!0,"gux-disabled":this.disabled}},i("slot",{key:"9c34d62cb80c6187bb3e426c3f23153eb6cbebd0"}))),i(f,{key:"57d89003c47803cc8be089016c6cdca9e6f16ae1",show:this.hasError},i("slot",{key:"bacc4403a8b1789289cb871569141aaef2f40fe6",name:"error"})),i(d,{key:"5b85bda90be53594da0a2dbb5673dde9079316f8",show:!this.hasError&&this.hasHelp},i("slot",{key:"6b9ed2d216470802c2c785314768a554695b8d5d",name:"help"}))))}renderText(e,i=!1){if(i)return" "+e}get variant(){return`timePicker-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.input=this.root.querySelector("gux-time-picker"),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=l(this.input,(e=>{this.disabled=e})),this.requiredObserver=s(this.input,(e=>{this.required=e})),m(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=p(this.label,this.labelPosition)}get root(){return t(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(e,i,t,o){var r,l=arguments.length,s=l<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,i,t,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(l<3?r(s):l>3?r(i,t,s):r(i,t))||s);l>3&&s&&Object.defineProperty(i,t,s)})([r({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style=".gux-form-field-fieldset-container{display:flex;min-inline-size:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;min-inline-size:var(--gse-ui-icon-small-size);min-block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-visual-label{display:inline-flex;flex:1 0 auto}.gux-form-field-visual-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-visual-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-screenreader{display:none}.gux-form-field-screenreader-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}";export{x as gux_form_field_time_picker}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,g as r}from"./p-6e010355.js";import{a as s,c as a,o,f as n}from"./p-5107a20b.js";import{r as u}from"./p-0934300e.js";import{a as d}from"./p-cf0e7d3b.js";import{f as l,b as c,a as h,c as p}from"./p-9349b5e4.js";import{O as g}from"./p-b0758688.js";import{t as f}from"./p-6592b0e5.js";import{b as x}from"./p-a82e4a04.js";import{u as b,g as k,a as m}from"./p-2319558c.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const v={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function y(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function C(t,e){const i=new Date(e.valueOf()),r=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(r),i.setFullYear(e.getFullYear()),i.getMonth()!==r?C(t,y(-1,e)):i}function w(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function D(t){return t.match(/\W/)[0]}function 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 z=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format=void 0,this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1,this.pressedKeys=[]}watchValue(){this.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),a=parseInt(r[i.indexOf("mm")],10)-1,o=parseInt(r[i.indexOf("dd")],10),n=new Date(s,a,o);return"yy"===this.yearFormat&&n.getFullYear()<1970&&this.lastYear>1970&&n.setFullYear(n.getFullYear()+100),n}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=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:a}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(a,(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=y(t,i);break;case"m":r=C(t,i);break;case"y":r=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var s,a,o;s=r,a=this.minDateDate,((o=this.maxDateDate)&&o<s||a&&a>s)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=D(e),r=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return r}(r,this.format),this.setValue()}async componentWillLoad(){if(f(this.root,{variant:this.mode}),this.i18n=await x(this.root,v),this.format=b()?this.format||k(m(this.root)):this.format||"mm/dd/yyyy",this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?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(){a(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[o({crossAxis:-3}),n({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"fa/calendar-regular"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{key:"34438bb1186c5f2dcc7dce86350abb6dae6428bb",class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return r(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,r){var s,a=arguments.length,o=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(o=(a<3?s(o):a>3?s(e,i,o):s(e,i))||o);a>3&&o&&Object.defineProperty(e,i,o)})([g({triggerEvents:"mousedown"})],z.prototype,"onClickOutside",null),z.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:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-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-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.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);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius);outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-datePicker-iconHover);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.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{z as gux_datepicker}
1
+ import{r as t,c as e,h as i,g as r}from"./p-6e010355.js";import{a as s,c as a,o,f as n}from"./p-5107a20b.js";import{r as u}from"./p-0934300e.js";import{a as d}from"./p-cf0e7d3b.js";import{f as l,b as c,a as h,c as p}from"./p-9349b5e4.js";import{O as g}from"./p-b0758688.js";import{t as f}from"./p-b36b3468.js";import{b as x}from"./p-a82e4a04.js";import{u as b,g as k,a as m}from"./p-2319558c.js";import"./p-4202e9f2.js";import"./p-43af726d.js";const v={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function y(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function C(t,e){const i=new Date(e.valueOf()),r=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(r),i.setFullYear(e.getFullYear()),i.getMonth()!==r?C(t,y(-1,e)):i}function w(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function D(t){return t.match(/\W/)[0]}function 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 z=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format=void 0,this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1,this.pressedKeys=[]}watchValue(){this.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),a=parseInt(r[i.indexOf("mm")],10)-1,o=parseInt(r[i.indexOf("dd")],10),n=new Date(s,a,o);return"yy"===this.yearFormat&&n.getFullYear()<1970&&this.lastYear>1970&&n.setFullYear(n.getFullYear()+100),n}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=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:a}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(a,(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=y(t,i);break;case"m":r=C(t,i);break;case"y":r=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var s,a,o;s=r,a=this.minDateDate,((o=this.maxDateDate)&&o<s||a&&a>s)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=D(e),r=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return r}(r,this.format),this.setValue()}async componentWillLoad(){if(f(this.root,{variant:this.mode}),this.i18n=await x(this.root,v),this.format=b()?this.format||k(m(this.root)):this.format||"mm/dd/yyyy",this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?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(){a(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[o({crossAxis:-3}),n({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"fa/calendar-regular"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{key:"34438bb1186c5f2dcc7dce86350abb6dae6428bb",class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return r(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,r){var s,a=arguments.length,o=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(o=(a<3?s(o):a>3?s(e,i,o):s(e,i))||o);a>3&&o&&Object.defineProperty(e,i,o)})([g({triggerEvents:"mousedown"})],z.prototype,"onClickOutside",null),z.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:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-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-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.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);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius);outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-datePicker-iconHover);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.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{z as gux_datepicker}
@@ -1 +1 @@
1
- import{r as e,h as i,g as t}from"./p-6e010355.js";import{b as o}from"./p-a82e4a04.js";import{O as r}from"./p-e720c07a.js";import{o as l}from"./p-e5b1cffc.js";import{h as s}from"./p-6d8b4027.js";import{a,G as n}from"./p-b8c3ecdc.js";import{G as f,a as h,b as d}from"./p-d413b7e2.js";import{g as u}from"./p-0268a3e8.js";import{s as p,b as c,a as g}from"./p-42f2e889.js";import{t as m}from"./p-6592b0e5.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const b={required:"Required"};const x=class{constructor(i){e(this,i),this.labelPosition=void 0,this.indicatorMark="required",this.computedLabelPosition="above",this.required=void 0,this.hasError=!1,this.hasHelp=!1,this.hasLabelInfo=!1}watchValue(e){const i=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi");i&&(i.hasError=e)}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}handleKeyup(e){var i,t;"Tab"===e.key?this.dropdownElement.matches(":focus-within")&&(null===(i=this.labelInfo)||void 0===i||i.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.dropdownElement.matches(":focus-within")&&(null===(t=this.labelInfo)||void 0===t||t.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async componentWillLoad(){this.getI18nValue=await o(this.root,b),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),this.hasLabelInfo=s(this.root,"label-info"),m(this.root,{variant:this.variant})}disconnectedCallback(){this.requiredObserver&&this.requiredObserver.disconnect()}renderText(e,i=!1){if(i)return" "+e}render(){var e;return i(d,{key:"8a79c00d83c6ad296200a9895d125db1e407acca",labelPosition:this.computedLabelPosition},i(h,{key:"c88099ac197d255a43fefd24337243fbc4d30d18"},null===(e=this.label)||void 0===e?void 0:e.textContent,this.renderText(this.getI18nValue("required"),this.required),this.renderText(u(this.root,"error"),this.hasError),this.renderText(u(this.root,"help"),this.hasHelp),this.renderText(u(this.root,"label-info"),this.hasLabelInfo)),i(f,{key:"3c80e46ab7fd5d602bffe6315b6cf7e29754c617",position:this.computedLabelPosition,required:this.required},i("slot",{key:"e04e2c3bf3646e7c68bbd0044133de9303d5bb62",name:"label",onSlotchange:()=>this.setLabel()}),i("gux-form-field-label-indicator",{key:"5a77d2b78e4b104a074bd29b7c008101e8cf5abc",variant:this.indicatorMark,required:this.required}),i("slot",{key:"e0e241b8be9fb3f9abca1b4eecd067c985629372",name:"label-info"})),i("div",{key:"eaee8ec08bfbd78a5ba6e8720feff32d12a64365",class:"gux-input-and-error-container"},i("div",{key:"0f5810dc9894aca6b8db30f65902a4746465aed5",class:{"gux-input":!0,"gux-input-error":this.hasError}},i("slot",{key:"1ed1538a977e7a0709262856e80b34757f8ebb83"})),i(a,{key:"ea6f1c08a8025475fee59df01b7b1aeadebdfa9c",show:this.hasError},i("slot",{key:"64e2850f42aa7bbfc6862803d0622d920f7eba8b",name:"error"})),i(n,{key:"f79958c35b041c6abc4ce0ad453be6178773029e",show:!this.hasError&&this.hasHelp},i("slot",{key:"7f7dd1d8a5f9be624edec6745d3b2f1da3196173",name:"help"}))))}get variant(){return`dropdown-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.dropdownElement=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi"),this.listboxElement=this.root.querySelector("gux-listbox")||this.root.querySelector("gux-listbox-multi"),this.required=this.dropdownElement.required,this.requiredObserver=l(this.dropdownElement,(e=>{this.required=e})),p(this.root,this.listboxElement,"label"),c(this.root,this.listboxElement,"error"),c(this.root,this.listboxElement,"help")}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=g(this.label,this.labelPosition)}get root(){return t(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(e,i,t,o){var r,l=arguments.length,s=l<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,i,t,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(l<3?r(s):l>3?r(i,t,s):r(i,t))||s);l>3&&s&&Object.defineProperty(i,t,s)})([r({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style=".gux-form-field-fieldset-container{display:flex;min-inline-size:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;min-inline-size:var(--gse-ui-icon-small-size);min-block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-visual-label{display:inline-flex;flex:1 0 auto}.gux-form-field-visual-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-visual-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-screenreader{display:none}.gux-form-field-screenreader-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1;inline-size:100%}";export{x as gux_form_field_dropdown}
1
+ import{r as e,h as i,g as t}from"./p-6e010355.js";import{b as o}from"./p-a82e4a04.js";import{O as r}from"./p-e720c07a.js";import{o as l}from"./p-e5b1cffc.js";import{h as s}from"./p-6d8b4027.js";import{a,G as n}from"./p-b8c3ecdc.js";import{G as f,a as h,b as d}from"./p-d413b7e2.js";import{g as u}from"./p-0268a3e8.js";import{s as p,b as c,a as g}from"./p-42f2e889.js";import{t as m}from"./p-b36b3468.js";import"./p-4202e9f2.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const b={required:"Required"};const x=class{constructor(i){e(this,i),this.labelPosition=void 0,this.indicatorMark="required",this.computedLabelPosition="above",this.required=void 0,this.hasError=!1,this.hasHelp=!1,this.hasLabelInfo=!1}watchValue(e){const i=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi");i&&(i.hasError=e)}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help")}handleKeyup(e){var i,t;"Tab"===e.key?this.dropdownElement.matches(":focus-within")&&(null===(i=this.labelInfo)||void 0===i||i.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.dropdownElement.matches(":focus-within")&&(null===(t=this.labelInfo)||void 0===t||t.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async componentWillLoad(){this.getI18nValue=await o(this.root,b),this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=s(this.root,"error"),this.hasHelp=s(this.root,"help"),this.hasLabelInfo=s(this.root,"label-info"),m(this.root,{variant:this.variant})}disconnectedCallback(){this.requiredObserver&&this.requiredObserver.disconnect()}renderText(e,i=!1){if(i)return" "+e}render(){var e;return i(d,{key:"8a79c00d83c6ad296200a9895d125db1e407acca",labelPosition:this.computedLabelPosition},i(h,{key:"c88099ac197d255a43fefd24337243fbc4d30d18"},null===(e=this.label)||void 0===e?void 0:e.textContent,this.renderText(this.getI18nValue("required"),this.required),this.renderText(u(this.root,"error"),this.hasError),this.renderText(u(this.root,"help"),this.hasHelp),this.renderText(u(this.root,"label-info"),this.hasLabelInfo)),i(f,{key:"3c80e46ab7fd5d602bffe6315b6cf7e29754c617",position:this.computedLabelPosition,required:this.required},i("slot",{key:"e04e2c3bf3646e7c68bbd0044133de9303d5bb62",name:"label",onSlotchange:()=>this.setLabel()}),i("gux-form-field-label-indicator",{key:"5a77d2b78e4b104a074bd29b7c008101e8cf5abc",variant:this.indicatorMark,required:this.required}),i("slot",{key:"e0e241b8be9fb3f9abca1b4eecd067c985629372",name:"label-info"})),i("div",{key:"eaee8ec08bfbd78a5ba6e8720feff32d12a64365",class:"gux-input-and-error-container"},i("div",{key:"0f5810dc9894aca6b8db30f65902a4746465aed5",class:{"gux-input":!0,"gux-input-error":this.hasError}},i("slot",{key:"1ed1538a977e7a0709262856e80b34757f8ebb83"})),i(a,{key:"ea6f1c08a8025475fee59df01b7b1aeadebdfa9c",show:this.hasError},i("slot",{key:"64e2850f42aa7bbfc6862803d0622d920f7eba8b",name:"error"})),i(n,{key:"f79958c35b041c6abc4ce0ad453be6178773029e",show:!this.hasError&&this.hasHelp},i("slot",{key:"7f7dd1d8a5f9be624edec6745d3b2f1da3196173",name:"help"}))))}get variant(){return`dropdown-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.dropdownElement=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi"),this.listboxElement=this.root.querySelector("gux-listbox")||this.root.querySelector("gux-listbox-multi"),this.required=this.dropdownElement.required,this.requiredObserver=l(this.dropdownElement,(e=>{this.required=e})),p(this.root,this.listboxElement,"label"),c(this.root,this.listboxElement,"error"),c(this.root,this.listboxElement,"help")}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=g(this.label,this.labelPosition)}get root(){return t(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(e,i,t,o){var r,l=arguments.length,s=l<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,i,t,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(l<3?r(s):l>3?r(i,t,s):r(i,t))||s);l>3&&s&&Object.defineProperty(i,t,s)})([r({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style=".gux-form-field-fieldset-container{display:flex;min-inline-size:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;min-inline-size:var(--gse-ui-icon-small-size);min-block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-visual-label{display:inline-flex;flex:1 0 auto}.gux-form-field-visual-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-visual-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-screenreader{display:none}.gux-form-field-screenreader-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1;inline-size:100%}";export{x as gux_form_field_dropdown}
@@ -7,7 +7,7 @@
7
7
  */
8
8
  import { defineCustomElements } from '../dist/loader';
9
9
  // Value templated out during build process (see scripts/wrap-stencil.js)
10
- export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.105.0-466/genesys-webcomponents/';
10
+ export const COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.105.2-470/genesys-webcomponents/';
11
11
  // Default domain to load assets from
12
12
  const DEFAULT_DOMAIN = 'app.mypurecloud.com';
13
13
  // List of Genesys UI domains
@@ -1,2 +1,2 @@
1
- export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.105.0-466/genesys-webcomponents/";
1
+ export declare const COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.105.2-470/genesys-webcomponents/";
2
2
  export declare function registerElements(): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "genesys-spark-components",
3
- "version": "4.105.0",
3
+ "version": "4.105.2",
4
4
  "description": "Common webcomponents",
5
5
  "license": "MIT",
6
6
  "main": "dist/stencil-wrapper.js",
@@ -81,14 +81,14 @@
81
81
  "@types/sortablejs": "^1.15.8",
82
82
  "axe-core": "^4.10.2",
83
83
  "axe-live": "^1.0.1",
84
- "eslint": "^9.15.0",
84
+ "eslint": "^9.16.0",
85
85
  "eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
86
86
  "file-loader": "^6.2.0",
87
87
  "genesys-spark-tokens": "file:../genesys-spark-tokens",
88
88
  "glob": "^11.0.0",
89
- "globals": "^15.12.0",
89
+ "globals": "^15.13.0",
90
90
  "handlebars": "^4.7.8",
91
- "inquirer": "^12.1.0",
91
+ "inquirer": "^12.2.0",
92
92
  "jest": "^29.7.0",
93
93
  "jest-cli": "^29.7.0",
94
94
  "jest-config": "^29.7.0",
@@ -104,7 +104,7 @@
104
104
  "postcss-html": "^1.7.0",
105
105
  "postcss-less": "^6.0.0",
106
106
  "postcss-scss": "^4.0.9",
107
- "prettier": "^3.3.3",
107
+ "prettier": "^3.4.2",
108
108
  "prettier-config-genesys-spark-components": "file:../../shared-configs/prettier-config-genesys-spark-components",
109
109
  "prettier-package-json": "^2.8.0",
110
110
  "puppeteer": "^14.4.1",
@@ -114,7 +114,7 @@
114
114
  "smob": "^1.5.0",
115
115
  "spritesheet-templates": "^10.5.2",
116
116
  "spritesmith": "^3.5.1",
117
- "stylelint": "^16.10.0",
117
+ "stylelint": "^16.11.0",
118
118
  "stylelint-config-genesys-spark-components": "file:../../shared-configs/stylelint-config-genesys-spark-components",
119
119
  "stylelint-config-html": "^1.1.0",
120
120
  "stylelint-config-recess-order": "^5.1.1",
@@ -1 +0,0 @@
1
- import{r as e,c as t,h as g,H as l,g as i}from"./p-6e010355.js";import{t as o}from"./p-6592b0e5.js";import{r as a}from"./p-0934300e.js";import{b as r}from"./p-a82e4a04.js";import"./p-4202e9f2.js";const n={defaultAriaLabel:"Toggle Switch",toggleIsLoading:"Toggle is loading",toggleIsFinishedLoading:"Toggle is finished loading"},s=class{constructor(g){e(this,g),this.check=t(this,"check",7),this.labelId=a("gux-toggle-label"),this.errorId=a("gux-toggle-error"),this.checked=!1,this.disabled=!1,this.loading=!1,this.checkedLabel=void 0,this.uncheckedLabel=void 0,this.labelPosition="right",this.errorMessage=void 0,this.displayInline=!1}handleLoading(e){this.announceElement.guxAnnounce(this.i18n(e?"toggleIsLoading":"toggleIsFinishedLoading"))}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.root.title||this.i18n("defaultAriaLabel")}async componentWillLoad(){this.i18n=await r(this.root,n),o(this.root,{variant:this.checkedLabel||this.uncheckedLabel?"labled":"unlabled"})}renderLoading(){if(this.loading)return g("div",{class:"gux-toggle-label-loading"},g("gux-radial-loading",{context:"input"}))}renderLabel(){if(this.uncheckedLabel&&this.checkedLabel)return g("div",{class:"gux-toggle-label-and-error"},g("div",{class:"gux-toggle-label"},g("div",{class:"gux-toggle-label-text"},g("span",{class:"gux-toggle-label-text-inner"},g("span",{id:this.labelId},this.checked?this.checkedLabel:this.uncheckedLabel),this.renderLoading()),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.checkedLabel),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.uncheckedLabel))))}renderError(){if(this.errorMessage)return g("div",{id:this.errorId,class:"gux-toggle-error"},g("div",{class:"gux-toggle-error-container"},g("gux-icon",{"icon-name":"fa/hexagon-exclamation-regular",decorative:!0}),g("div",{class:"gux-toggle-error-message"},this.errorMessage)))}render(){return g(l,{key:"14ada49477d8d04846e97a06ca1be84a3906755f",class:{"gux-display-inline":this.displayInline}},g("div",{key:"489d6a59a80bdda5739f1e2918c5855040f380a8",class:{"gux-toggle-container":!0,"gux-toggle-label-left":"left"===this.labelPosition,"gux-disabled":this.disabled||this.loading}},g("div",{key:"5487527f601ca70d4fb0a634ca6847543b2d70f1",class:"gux-toggle-input",onClick:this.toggle.bind(this)},g("gux-toggle-slider",{key:"743670e4ec45e57c2283b900d826799f314fde32",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:"6e78950fc9bcfe44ed08f9e159b2a6a9910870c0",ref:e=>this.announceElement=e}))}static get delegatesFocus(){return!0}get root(){return i(this)}static get watchers(){return{loading:["handleLoading"]}}};s.style=':host{display:block;margin:2px;color:#2e394c;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container.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;align-items:flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-size:var(--gse-ui-toggle-label-fontSize);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon{flex:0 1 auto;align-self:auto;order:0;inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size);color:var(--gse-ui-formControl-helper-errorColor)}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message{flex:0 1 auto;align-self:auto;order:0}';export{s as gux_toggle}
@@ -1 +0,0 @@
1
- import{r as e,h as g}from"./p-6e010355.js";const r=class{constructor(g){e(this,g),this.checked=!1,this.disabled=!1,this.guxAriaLabel="",this.labelId="",this.errorId=""}componentDidLoad(){var e,g,r;this.labelId?null===(e=this.checkboxElement)||void 0===e||e.setAttribute("aria-labelledby",this.labelId):null===(g=this.checkboxElement)||void 0===g||g.setAttribute("aria-label",this.guxAriaLabel),this.errorId&&(null===(r=this.checkboxElement)||void 0===r||r.setAttribute("aria-describedby",this.errorId))}render(){const e=this.errorId.length>0;return g("div",{key:"37bae9c97ebd2178c6b68e09f857b8e49276001f",class:{"gux-toggle-slider":!0,"gux-checked":this.checked,"gux-disabled":this.disabled,"gux-error":e},role:"checkbox","aria-checked":this.checked.toString(),"aria-disabled":this.disabled.toString(),tabindex:this.disabled?"":"0",ref:e=>this.checkboxElement=e},g("div",{key:"f2ec0ffe8e58153c5a99c72895a8439ffc34395f",class:"gux-slider"},g("div",{key:"b6f0e301c8d0f161b6fd477ab44b846c3a6132b5",class:"gux-switch"},!e&&g("gux-icon",{key:"db0b0f9905577e7e58d248cc7b2ed042082c19e7","icon-name":"fa/check-solid",decorative:!0}))))}};r.style='gux-toggle-slider{display:flex;align-items:center;padding:2px;outline:none}gux-toggle-slider .gux-toggle-slider{position:relative;display:inline-block;flex:0 1 auto;align-self:auto;order:0;inline-size:var(--gse-ui-toggle-track-width);block-size:var(--gse-ui-toggle-track-height);cursor:pointer;border-radius:var(--gse-ui-toggle-track-borderRadius)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider{background-color:var(--gse-ui-toggle-track-error-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider .gux-switch{border:var(--gse-ui-toggle-handle-error-border-width) var(--gse-ui-toggle-handle-error-border-style) var(--gse-ui-toggle-handle-error-border-color)}gux-toggle-slider .gux-toggle-slider.gux-error.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-error-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-disabled{pointer-events:none;cursor:default;background-color:var(--gse-ui-toggle-track-disabled-off-backgroundColor);opacity:var(--gse-ui-toggle-disabled-opacity)}gux-toggle-slider .gux-toggle-slider:focus-visible{border-radius:var(--gse-ui-toggle-focus-borderRadius);outline:var(--gse-ui-toggle-focus-border-width) var(--gse-ui-toggle-focus-border-style) var(--gse-ui-toggle-focus-border-color);outline-offset:var(--gse-ui-toggle-focus-offset)}gux-toggle-slider .gux-toggle-slider .gux-slider{position:absolute;inset:0;background-color:var(--gse-ui-toggle-track-enabled-off-backgroundColor);border-radius:calc(var(--gse-ui-toggle-track-height) / 2);transition:background-color 0.2s ease}gux-toggle-slider .gux-toggle-slider .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch{position:absolute;inset-block-end:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);inset-inline-start:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);inline-size:calc(var(--gse-ui-toggle-handle-width) - 4px);block-size:calc(var(--gse-ui-toggle-handle-height) - 4px);color:var(--gse-ui-toggle-handle-foregroundColor);content:"";background-color:var(--gse-ui-toggle-handle-backgroundColor);border:var(--gse-ui-toggle-handle-enabled-border-width) var(--gse-ui-toggle-handle-enabled-border-style) var(--gse-ui-toggle-handle-enabled-border-color);border-radius:var(--gse-ui-toggle-handle-borderRadius);transition:0.2s}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch gux-icon{position:absolute;inset:0;inline-size:calc(var(--gse-ui-toggle-handle-width) - 6px);block-size:calc(var(--gse-ui-toggle-handle-width) - 6px);margin:auto;color:var(--gse-ui-toggle-handle-backgroundColor);transition:color 0.2s linear}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-enabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled{background-color:var(--gse-ui-toggle-track-disabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled .gux-switch{border:var(--gse-ui-toggle-handle-disabled-border-width) var(--gse-ui-toggle-handle-disabled-border-style) var(--gse-ui-toggle-handle-disabled-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover .gux-switch{border:var(--gse-ui-toggle-handle-hover-border-width) var(--gse-ui-toggle-handle-hover-border-style) var(--gse-ui-toggle-handle-hover-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch{transform:translateX(calc(var(--gse-ui-toggle-track-width) - var(--gse-ui-toggle-track-height)))}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch gux-icon{color:var(--gse-ui-toggle-handle-foregroundColor);opacity:1;transition:opacity 0.1s linear;transition-delay:0.1s}';export{r as gux_toggle_slider}