genesys-spark-components 4.133.0 → 4.134.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (342) hide show
  1. package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
  2. package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
  3. package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
  4. package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js +1 -1
  5. package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
  6. package/dist/cjs/gux-avatar-beta.cjs.entry.js +1 -1
  7. package/dist/cjs/gux-avatar-change-photo-beta.cjs.entry.js +1 -1
  8. package/dist/cjs/gux-avatar-group-add-item-beta_3.cjs.entry.js +1 -1
  9. package/dist/cjs/gux-avatar-group-beta.cjs.entry.js +1 -1
  10. package/dist/cjs/gux-avatar-group-item-beta.cjs.entry.js +1 -1
  11. package/dist/cjs/gux-badge.cjs.entry.js +1 -1
  12. package/dist/cjs/gux-blank-state.cjs.entry.js +1 -1
  13. package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
  14. package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
  15. package/dist/cjs/gux-button-slot.cjs.entry.js +1 -1
  16. package/dist/cjs/gux-button_2.cjs.entry.js +1 -1
  17. package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
  18. package/dist/cjs/gux-card.cjs.entry.js +1 -1
  19. package/dist/cjs/gux-column-manager.cjs.entry.js +1 -1
  20. package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
  21. package/dist/cjs/gux-context-menu.cjs.entry.js +1 -1
  22. package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
  23. package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
  24. package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
  25. package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
  26. package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
  27. package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
  28. package/dist/cjs/gux-dropdown-multi.cjs.entry.js +1 -1
  29. package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
  30. package/dist/cjs/gux-file-list-item.cjs.entry.js +1 -1
  31. package/dist/cjs/gux-flag-icon-beta.cjs.entry.js +1 -1
  32. package/dist/cjs/gux-flyout-menu.cjs.entry.js +1 -1
  33. package/dist/cjs/gux-form-field-checkbox-group-beta.cjs.entry.js +1 -1
  34. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
  35. package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
  36. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
  37. package/dist/cjs/gux-form-field-file-beta.cjs.entry.js +1 -1
  38. package/dist/cjs/gux-form-field-file.cjs.entry.js +1 -1
  39. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
  40. package/dist/cjs/gux-form-field-label-indicator.cjs.entry.js +1 -1
  41. package/dist/cjs/gux-form-field-number_2.cjs.entry.js +1 -1
  42. package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
  43. package/dist/cjs/gux-form-field-radio-group-beta.cjs.entry.js +1 -1
  44. package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
  45. package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
  46. package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
  47. package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
  48. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
  49. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
  50. package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
  51. package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js +1 -1
  52. package/dist/cjs/gux-form-footer.cjs.entry.js +1 -1
  53. package/dist/cjs/gux-icon-tooltip-beta.cjs.entry.js +1 -1
  54. package/dist/cjs/gux-icon.cjs.entry.js +1 -1
  55. package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
  56. package/dist/cjs/gux-label-info-beta.cjs.entry.js +1 -1
  57. package/dist/cjs/gux-link-beta.cjs.entry.js +1 -1
  58. package/dist/cjs/gux-list.cjs.entry.js +1 -1
  59. package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
  60. package/dist/cjs/gux-loading-message.cjs.entry.js +1 -1
  61. package/dist/cjs/gux-modal-legacy.cjs.entry.js +1 -1
  62. package/dist/cjs/gux-modal-side-panel-beta.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-modal.cjs.entry.js +1 -1
  64. package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
  65. package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
  66. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
  67. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
  69. package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
  70. package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
  71. package/dist/cjs/gux-popover-beta.cjs.entry.js +1 -1
  72. package/dist/cjs/gux-popover-list-beta.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
  75. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  76. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  77. package/dist/cjs/gux-rich-highlight-list-item.cjs.entry.js +1 -1
  78. package/dist/cjs/gux-rich-style-list-item_3.cjs.entry.js +1 -1
  79. package/dist/cjs/gux-rich-text-editor-action-link.cjs.entry.js +1 -1
  80. package/dist/cjs/gux-rich-text-editor-action-rich-style.cjs.entry.js +1 -1
  81. package/dist/cjs/gux-rich-text-editor-action-text-highlight.cjs.entry.js +1 -1
  82. package/dist/cjs/gux-rich-text-editor-action.cjs.entry.js +1 -1
  83. package/dist/cjs/gux-rich-text-editor-beta.cjs.entry.js +1 -1
  84. package/dist/cjs/gux-rich-text-editor-list.cjs.entry.js +1 -1
  85. package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
  86. package/dist/cjs/gux-segmented-control-beta.cjs.entry.js +1 -1
  87. package/dist/cjs/gux-selector-card-beta.cjs.entry.js +1 -1
  88. package/dist/cjs/gux-selector-cards-beta.cjs.entry.js +1 -1
  89. package/dist/cjs/gux-side-panel-beta.cjs.entry.js +1 -1
  90. package/dist/cjs/gux-side-panel-heading.cjs.entry.js +1 -1
  91. package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
  92. package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
  93. package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
  94. package/dist/cjs/gux-switch-legacy.cjs.entry.js +1 -1
  95. package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
  96. package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
  97. package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
  98. package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
  99. package/dist/cjs/gux-table.cjs.entry.js +1 -1
  100. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  101. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  102. package/dist/cjs/gux-tag.cjs.entry.js +1 -1
  103. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  104. package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
  105. package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
  106. package/dist/cjs/gux-time-zone-beta.cjs.entry.js +1 -1
  107. package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
  108. package/dist/cjs/gux-toast.cjs.entry.js +1 -1
  109. package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
  110. package/dist/cjs/gux-tooltip-base-beta_2.cjs.entry.js +1 -1
  111. package/dist/cjs/gux-tooltip_2.cjs.entry.js +1 -1
  112. package/dist/cjs/{usage-9ae19dff.js → usage-8d08c296.js} +1 -1
  113. package/dist/esm/gux-accordion.entry.js +1 -1
  114. package/dist/esm/gux-action-button.entry.js +1 -1
  115. package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
  116. package/dist/esm/gux-advanced-dropdown-legacy.entry.js +1 -1
  117. package/dist/esm/gux-announce-beta.entry.js +1 -1
  118. package/dist/esm/gux-avatar-beta.entry.js +1 -1
  119. package/dist/esm/gux-avatar-change-photo-beta.entry.js +1 -1
  120. package/dist/esm/gux-avatar-group-add-item-beta_3.entry.js +1 -1
  121. package/dist/esm/gux-avatar-group-beta.entry.js +1 -1
  122. package/dist/esm/gux-avatar-group-item-beta.entry.js +1 -1
  123. package/dist/esm/gux-badge.entry.js +1 -1
  124. package/dist/esm/gux-blank-state.entry.js +1 -1
  125. package/dist/esm/gux-breadcrumbs.entry.js +1 -1
  126. package/dist/esm/gux-button-multi.entry.js +1 -1
  127. package/dist/esm/gux-button-slot.entry.js +1 -1
  128. package/dist/esm/gux-button_2.entry.js +1 -1
  129. package/dist/esm/gux-calendar.entry.js +1 -1
  130. package/dist/esm/gux-card.entry.js +1 -1
  131. package/dist/esm/gux-column-manager.entry.js +1 -1
  132. package/dist/esm/gux-content-search.entry.js +1 -1
  133. package/dist/esm/gux-context-menu.entry.js +1 -1
  134. package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
  135. package/dist/esm/gux-date-beta.entry.js +1 -1
  136. package/dist/esm/gux-date-time-beta.entry.js +1 -1
  137. package/dist/esm/gux-datepicker.entry.js +1 -1
  138. package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
  139. package/dist/esm/gux-dismiss-button.entry.js +1 -1
  140. package/dist/esm/gux-dropdown-multi.entry.js +1 -1
  141. package/dist/esm/gux-dropdown_3.entry.js +1 -1
  142. package/dist/esm/gux-file-list-item.entry.js +1 -1
  143. package/dist/esm/gux-flag-icon-beta.entry.js +1 -1
  144. package/dist/esm/gux-flyout-menu.entry.js +1 -1
  145. package/dist/esm/gux-form-field-checkbox-group-beta.entry.js +1 -1
  146. package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
  147. package/dist/esm/gux-form-field-color.entry.js +1 -1
  148. package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
  149. package/dist/esm/gux-form-field-file-beta.entry.js +1 -1
  150. package/dist/esm/gux-form-field-file.entry.js +1 -1
  151. package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
  152. package/dist/esm/gux-form-field-label-indicator.entry.js +1 -1
  153. package/dist/esm/gux-form-field-number_2.entry.js +1 -1
  154. package/dist/esm/gux-form-field-phone.entry.js +1 -1
  155. package/dist/esm/gux-form-field-radio-group-beta.entry.js +1 -1
  156. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  157. package/dist/esm/gux-form-field-range.entry.js +1 -1
  158. package/dist/esm/gux-form-field-search.entry.js +1 -1
  159. package/dist/esm/gux-form-field-select.entry.js +1 -1
  160. package/dist/esm/gux-form-field-text-like.entry.js +1 -1
  161. package/dist/esm/gux-form-field-textarea.entry.js +1 -1
  162. package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
  163. package/dist/esm/gux-form-field-time-zone-picker.entry.js +1 -1
  164. package/dist/esm/gux-form-footer.entry.js +1 -1
  165. package/dist/esm/gux-icon-tooltip-beta.entry.js +1 -1
  166. package/dist/esm/gux-icon.entry.js +1 -1
  167. package/dist/esm/gux-inline-alert.entry.js +1 -1
  168. package/dist/esm/gux-label-info-beta.entry.js +1 -1
  169. package/dist/esm/gux-link-beta.entry.js +1 -1
  170. package/dist/esm/gux-list.entry.js +1 -1
  171. package/dist/esm/gux-listbox-multi.entry.js +1 -1
  172. package/dist/esm/gux-loading-message.entry.js +1 -1
  173. package/dist/esm/gux-modal-legacy.entry.js +1 -1
  174. package/dist/esm/gux-modal-side-panel-beta.entry.js +1 -1
  175. package/dist/esm/gux-modal.entry.js +1 -1
  176. package/dist/esm/gux-month-picker-beta.entry.js +1 -1
  177. package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
  178. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  179. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  180. package/dist/esm/gux-pagination-legacy.entry.js +1 -1
  181. package/dist/esm/gux-pagination.entry.js +1 -1
  182. package/dist/esm/gux-phone-input-beta.entry.js +1 -1
  183. package/dist/esm/gux-popover-beta.entry.js +1 -1
  184. package/dist/esm/gux-popover-list-beta.entry.js +1 -1
  185. package/dist/esm/gux-popover-list.entry.js +1 -1
  186. package/dist/esm/gux-radial-loading.entry.js +1 -1
  187. package/dist/esm/gux-radial-progress.entry.js +1 -1
  188. package/dist/esm/gux-rating.entry.js +1 -1
  189. package/dist/esm/gux-rich-highlight-list-item.entry.js +1 -1
  190. package/dist/esm/gux-rich-style-list-item_3.entry.js +1 -1
  191. package/dist/esm/gux-rich-text-editor-action-link.entry.js +1 -1
  192. package/dist/esm/gux-rich-text-editor-action-rich-style.entry.js +1 -1
  193. package/dist/esm/gux-rich-text-editor-action-text-highlight.entry.js +1 -1
  194. package/dist/esm/gux-rich-text-editor-action.entry.js +1 -1
  195. package/dist/esm/gux-rich-text-editor-beta.entry.js +1 -1
  196. package/dist/esm/gux-rich-text-editor-list.entry.js +1 -1
  197. package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
  198. package/dist/esm/gux-segmented-control-beta.entry.js +1 -1
  199. package/dist/esm/gux-selector-card-beta.entry.js +1 -1
  200. package/dist/esm/gux-selector-cards-beta.entry.js +1 -1
  201. package/dist/esm/gux-side-panel-beta.entry.js +1 -1
  202. package/dist/esm/gux-side-panel-heading.entry.js +1 -1
  203. package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
  204. package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
  205. package/dist/esm/gux-sort-control.entry.js +1 -1
  206. package/dist/esm/gux-switch-legacy.entry.js +1 -1
  207. package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
  208. package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
  209. package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
  210. package/dist/esm/gux-table-toolbar.entry.js +1 -1
  211. package/dist/esm/gux-table.entry.js +1 -1
  212. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  213. package/dist/esm/gux-tabs.entry.js +1 -1
  214. package/dist/esm/gux-tag.entry.js +1 -1
  215. package/dist/esm/gux-text-highlight.entry.js +1 -1
  216. package/dist/esm/gux-time-beta.entry.js +1 -1
  217. package/dist/esm/gux-time-picker.entry.js +1 -1
  218. package/dist/esm/gux-time-zone-beta.entry.js +1 -1
  219. package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
  220. package/dist/esm/gux-toast.entry.js +1 -1
  221. package/dist/esm/gux-toggle.entry.js +1 -1
  222. package/dist/esm/gux-tooltip-base-beta_2.entry.js +1 -1
  223. package/dist/esm/gux-tooltip_2.entry.js +1 -1
  224. package/dist/esm/{usage-9d82c03f.js → usage-7656a480.js} +1 -1
  225. package/dist/genesys-webcomponents/genesys-webcomponents.css +3 -3
  226. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  227. package/dist/genesys-webcomponents/{p-735b7ec8.entry.js → p-0028cfd7.entry.js} +1 -1
  228. package/dist/genesys-webcomponents/{p-d6e53f12.entry.js → p-04dd018f.entry.js} +1 -1
  229. package/dist/genesys-webcomponents/{p-46ff555e.entry.js → p-0d926ad5.entry.js} +1 -1
  230. package/dist/genesys-webcomponents/{p-329979f3.entry.js → p-0eec1c84.entry.js} +1 -1
  231. package/dist/genesys-webcomponents/{p-9b11b37e.entry.js → p-111a3cd5.entry.js} +1 -1
  232. package/dist/genesys-webcomponents/{p-a019a31b.entry.js → p-126e2718.entry.js} +1 -1
  233. package/dist/genesys-webcomponents/{p-dbb3e014.entry.js → p-17a420b1.entry.js} +1 -1
  234. package/dist/genesys-webcomponents/{p-752c56dd.entry.js → p-1a35c553.entry.js} +1 -1
  235. package/dist/genesys-webcomponents/{p-33d4666b.entry.js → p-1aa7419a.entry.js} +1 -1
  236. package/dist/genesys-webcomponents/{p-b55dd5e6.entry.js → p-2049a095.entry.js} +1 -1
  237. package/dist/genesys-webcomponents/{p-bf840361.entry.js → p-2119994c.entry.js} +1 -1
  238. package/dist/genesys-webcomponents/{p-98eaf60a.entry.js → p-2237f785.entry.js} +1 -1
  239. package/dist/genesys-webcomponents/{p-bb65ac48.entry.js → p-25a84713.entry.js} +1 -1
  240. package/dist/genesys-webcomponents/{p-78b511e3.entry.js → p-2c14cebf.entry.js} +1 -1
  241. package/dist/genesys-webcomponents/{p-e54643d4.entry.js → p-2c58b22d.entry.js} +1 -1
  242. package/dist/genesys-webcomponents/{p-7bde283f.entry.js → p-33fa4085.entry.js} +1 -1
  243. package/dist/genesys-webcomponents/{p-07b1eb6f.entry.js → p-37459e5a.entry.js} +1 -1
  244. package/dist/genesys-webcomponents/{p-aad19319.entry.js → p-378589e7.entry.js} +1 -1
  245. package/dist/genesys-webcomponents/{p-6a161415.entry.js → p-38ba743c.entry.js} +1 -1
  246. package/dist/genesys-webcomponents/{p-0cfeb258.entry.js → p-3995f782.entry.js} +1 -1
  247. package/dist/genesys-webcomponents/{p-25319033.entry.js → p-3ebb9c74.entry.js} +1 -1
  248. package/dist/genesys-webcomponents/{p-5f6ed3f2.entry.js → p-3f6f5b41.entry.js} +1 -1
  249. package/dist/genesys-webcomponents/{p-59de236b.entry.js → p-3fdf4b27.entry.js} +1 -1
  250. package/dist/genesys-webcomponents/{p-dd1f05dd.entry.js → p-41593d00.entry.js} +1 -1
  251. package/dist/genesys-webcomponents/{p-a6c00a85.entry.js → p-41da09de.entry.js} +1 -1
  252. package/dist/genesys-webcomponents/{p-07bb3f64.entry.js → p-424a102a.entry.js} +1 -1
  253. package/dist/genesys-webcomponents/{p-6732ed43.entry.js → p-4333e57f.entry.js} +1 -1
  254. package/dist/genesys-webcomponents/{p-572ead3f.entry.js → p-43d178ed.entry.js} +1 -1
  255. package/dist/genesys-webcomponents/{p-aa4acb56.entry.js → p-45377e92.entry.js} +1 -1
  256. package/dist/genesys-webcomponents/{p-5f1d0cec.entry.js → p-47a97e63.entry.js} +1 -1
  257. package/dist/genesys-webcomponents/{p-c39bce25.entry.js → p-47dc8432.entry.js} +1 -1
  258. package/dist/genesys-webcomponents/{p-b831d65f.entry.js → p-4a5c193e.entry.js} +1 -1
  259. package/dist/genesys-webcomponents/{p-511fbebd.entry.js → p-4d7e0454.entry.js} +1 -1
  260. package/dist/genesys-webcomponents/{p-157898f9.entry.js → p-4f9d41d8.entry.js} +1 -1
  261. package/dist/genesys-webcomponents/{p-5e947508.entry.js → p-5057950e.entry.js} +1 -1
  262. package/dist/genesys-webcomponents/{p-dce4cbb3.entry.js → p-54c5687b.entry.js} +1 -1
  263. package/dist/genesys-webcomponents/{p-43a9bda6.entry.js → p-560c351e.entry.js} +1 -1
  264. package/dist/genesys-webcomponents/{p-44663956.entry.js → p-5c2b05cc.entry.js} +1 -1
  265. package/dist/genesys-webcomponents/{p-1a3d6aba.entry.js → p-5d5f830f.entry.js} +1 -1
  266. package/dist/genesys-webcomponents/{p-17aa67e9.entry.js → p-60468ac8.entry.js} +1 -1
  267. package/dist/genesys-webcomponents/{p-79f8786f.entry.js → p-6424c3ff.entry.js} +1 -1
  268. package/dist/genesys-webcomponents/{p-3a2d203a.entry.js → p-6ba132e0.entry.js} +1 -1
  269. package/dist/genesys-webcomponents/{p-7fd45cac.entry.js → p-6c402968.entry.js} +1 -1
  270. package/dist/genesys-webcomponents/{p-4f408a69.entry.js → p-6c760133.entry.js} +1 -1
  271. package/dist/genesys-webcomponents/{p-c7fb3d23.entry.js → p-7040fd8a.entry.js} +1 -1
  272. package/dist/genesys-webcomponents/{p-f665475a.entry.js → p-7400143a.entry.js} +1 -1
  273. package/dist/genesys-webcomponents/{p-63bc5bc5.entry.js → p-748ef36e.entry.js} +1 -1
  274. package/dist/genesys-webcomponents/{p-870fe938.entry.js → p-74d618b8.entry.js} +1 -1
  275. package/dist/genesys-webcomponents/{p-964ce93b.entry.js → p-7500f528.entry.js} +1 -1
  276. package/dist/genesys-webcomponents/{p-b8e9de14.entry.js → p-75fac2e1.entry.js} +1 -1
  277. package/dist/genesys-webcomponents/{p-0469c392.entry.js → p-7650ddeb.entry.js} +1 -1
  278. package/dist/genesys-webcomponents/{p-2e161f59.entry.js → p-77804fa6.entry.js} +1 -1
  279. package/dist/genesys-webcomponents/{p-1a4ccb4c.entry.js → p-79dd999e.entry.js} +1 -1
  280. package/dist/genesys-webcomponents/{p-ce743333.entry.js → p-7d50247e.entry.js} +1 -1
  281. package/dist/genesys-webcomponents/{p-95cee341.entry.js → p-7dc94aaf.entry.js} +1 -1
  282. package/dist/genesys-webcomponents/{p-7c53650d.entry.js → p-7e1c3ae5.entry.js} +1 -1
  283. package/dist/genesys-webcomponents/{p-d9413160.entry.js → p-7f7ebeeb.entry.js} +1 -1
  284. package/dist/genesys-webcomponents/{p-85dc010b.entry.js → p-8034435f.entry.js} +1 -1
  285. package/dist/genesys-webcomponents/{p-f36669f5.entry.js → p-819f9535.entry.js} +1 -1
  286. package/dist/genesys-webcomponents/{p-9573cf23.entry.js → p-85956c10.entry.js} +1 -1
  287. package/dist/genesys-webcomponents/{p-3e337bbd.entry.js → p-875877ed.entry.js} +1 -1
  288. package/dist/genesys-webcomponents/{p-32575b93.entry.js → p-8a076513.entry.js} +1 -1
  289. package/dist/genesys-webcomponents/{p-c5bf3ea6.entry.js → p-8a123162.entry.js} +1 -1
  290. package/dist/genesys-webcomponents/{p-f2df320b.entry.js → p-8b4b8771.entry.js} +1 -1
  291. package/dist/genesys-webcomponents/{p-28d97c91.entry.js → p-8c4cdad9.entry.js} +1 -1
  292. package/dist/genesys-webcomponents/{p-c012d6a8.entry.js → p-8fa27291.entry.js} +1 -1
  293. package/dist/genesys-webcomponents/{p-07be0c4c.entry.js → p-9176a4c1.entry.js} +1 -1
  294. package/dist/genesys-webcomponents/{p-7bbe62dd.entry.js → p-95cfe62c.entry.js} +1 -1
  295. package/dist/genesys-webcomponents/{p-273fc575.entry.js → p-988efaf5.entry.js} +1 -1
  296. package/dist/genesys-webcomponents/{p-7988d642.entry.js → p-9a745d1b.entry.js} +1 -1
  297. package/dist/genesys-webcomponents/{p-4e431ada.entry.js → p-9b1b3884.entry.js} +1 -1
  298. package/dist/genesys-webcomponents/{p-17f02cfb.entry.js → p-9db83dcb.entry.js} +1 -1
  299. package/dist/genesys-webcomponents/{p-15bc5ec9.entry.js → p-9e8f02da.entry.js} +1 -1
  300. package/dist/genesys-webcomponents/{p-0ff00d77.entry.js → p-a1403ad6.entry.js} +1 -1
  301. package/dist/genesys-webcomponents/{p-1f12cdf9.entry.js → p-a3e8ac76.entry.js} +1 -1
  302. package/dist/genesys-webcomponents/{p-93cb6d43.entry.js → p-a6fd9277.entry.js} +1 -1
  303. package/dist/genesys-webcomponents/{p-55c722c3.entry.js → p-a85d3dd8.entry.js} +1 -1
  304. package/dist/genesys-webcomponents/{p-fe5201ab.entry.js → p-a90aae15.entry.js} +1 -1
  305. package/dist/genesys-webcomponents/{p-f2a4ead7.entry.js → p-a9361312.entry.js} +1 -1
  306. package/dist/genesys-webcomponents/{p-05517156.entry.js → p-a9c76de3.entry.js} +1 -1
  307. package/dist/genesys-webcomponents/{p-8f3f32f4.entry.js → p-b038cc90.entry.js} +1 -1
  308. package/dist/genesys-webcomponents/{p-f73274cf.entry.js → p-b1addf3d.entry.js} +1 -1
  309. package/dist/genesys-webcomponents/{p-19b6c55a.entry.js → p-b5c92196.entry.js} +1 -1
  310. package/dist/genesys-webcomponents/{p-ecb84a01.entry.js → p-b7ec0b48.entry.js} +1 -1
  311. package/dist/genesys-webcomponents/{p-dae85604.entry.js → p-b932a49a.entry.js} +1 -1
  312. package/dist/genesys-webcomponents/{p-ce0f7489.entry.js → p-bd100a56.entry.js} +1 -1
  313. package/dist/genesys-webcomponents/{p-a2bbb446.entry.js → p-be5f4c85.entry.js} +1 -1
  314. package/dist/genesys-webcomponents/{p-713ab7f8.entry.js → p-c420ddb1.entry.js} +1 -1
  315. package/dist/genesys-webcomponents/{p-008fedb4.entry.js → p-c6d3381a.entry.js} +1 -1
  316. package/dist/genesys-webcomponents/p-caa36f98.entry.js +1 -0
  317. package/dist/genesys-webcomponents/{p-c0300e8a.entry.js → p-cc10cfd6.entry.js} +1 -1
  318. package/dist/genesys-webcomponents/{p-04cde042.entry.js → p-ce497775.entry.js} +1 -1
  319. package/dist/genesys-webcomponents/{p-848c77f9.entry.js → p-d0c4f359.entry.js} +1 -1
  320. package/dist/genesys-webcomponents/{p-41a2bfe5.entry.js → p-d175ec0a.entry.js} +1 -1
  321. package/dist/genesys-webcomponents/{p-89909e32.entry.js → p-d280fa3b.entry.js} +1 -1
  322. package/dist/genesys-webcomponents/{p-8e0df579.entry.js → p-d4dcb041.entry.js} +1 -1
  323. package/dist/genesys-webcomponents/{p-184a41eb.entry.js → p-d767bb22.entry.js} +1 -1
  324. package/dist/genesys-webcomponents/{p-5ab9828b.entry.js → p-d83a9be4.entry.js} +1 -1
  325. package/dist/genesys-webcomponents/{p-ba70ddf3.entry.js → p-d92c43d2.entry.js} +1 -1
  326. package/dist/genesys-webcomponents/{p-7f87dad7.js → p-da402bc8.js} +1 -1
  327. package/dist/genesys-webcomponents/{p-5817aa89.entry.js → p-dc4e4023.entry.js} +1 -1
  328. package/dist/genesys-webcomponents/{p-1dbfdeab.entry.js → p-e342f7ca.entry.js} +1 -1
  329. package/dist/genesys-webcomponents/{p-fa7dc89d.entry.js → p-e34dc4fc.entry.js} +1 -1
  330. package/dist/genesys-webcomponents/{p-be1a298f.entry.js → p-e4b41307.entry.js} +1 -1
  331. package/dist/genesys-webcomponents/{p-3cb02b5c.entry.js → p-e7558716.entry.js} +1 -1
  332. package/dist/genesys-webcomponents/{p-93fe74d2.entry.js → p-e7c250fd.entry.js} +1 -1
  333. package/dist/genesys-webcomponents/{p-791fe437.entry.js → p-e8ee9920.entry.js} +1 -1
  334. package/dist/genesys-webcomponents/{p-929405e1.entry.js → p-ea9bf33e.entry.js} +1 -1
  335. package/dist/genesys-webcomponents/{p-58bb88a6.entry.js → p-efffb3e4.entry.js} +1 -1
  336. package/dist/genesys-webcomponents/{p-c17118bb.entry.js → p-f17fd725.entry.js} +1 -1
  337. package/dist/genesys-webcomponents/{p-b070cd02.entry.js → p-f601e763.entry.js} +1 -1
  338. package/dist/genesys-webcomponents/{p-9ee12bc7.entry.js → p-fc11a944.entry.js} +1 -1
  339. package/dist/stencil-wrapper.js +1 -1
  340. package/dist/types/stencil-wrapper.d.ts +1 -1
  341. package/package.json +1 -1
  342. package/dist/genesys-webcomponents/p-f50f4a61.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as t,h as i,H as e,g as o}from"./p-c2a62a18.js";import{a as s,o as a,f as r,s as n,h as l,c as h}from"./p-864af39c.js";import{r as d}from"./p-0934300e.js";import{t as c}from"./p-7f87dad7.js";import{b as p}from"./p-cf0e7d3b.js";import{o as u}from"./p-52d53e47.js";import{f as b}from"./p-9b0d3713.js";const g=class{constructor(i){t(this,i),this.pointerenterHandler=()=>this.show(),this.pointerleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.forElementListeners=new Map([["pointerenter",this.pointerenterHandler],["pointerleave",this.pointerleaveHandler],["focusin",this.focusinHandler],["focusout",this.focusoutHandler]]),this.id=d("gux-tooltip-base"),this.tooltipId=void 0,this.forElement=void 0,this.placement="bottom-start",this.offsetX=0,this.offsetY=0,this.accent="light",this.visualOnly=!1,this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}handlePointerenter(){this.show()}handlePointerleave(){this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.forElement,this.root,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!1,ancestorResize:!0})}updatePosition(){const t=[a(16),r(),n(),l(),u()];h(this.forElement,this.root,{placement:this.placement,strategy:"fixed",middleware:t}).then((({x:t,y:i,middlewareData:e})=>{var o;Object.assign(this.root.style,{left:`${t+this.offsetX}px`,top:i-this.offsetY+"px",visibility:(null===(o=e.hide)||void 0===o?void 0:o.referenceHidden)?"hidden":"visible"}),this.root.setAttribute("data-placement",this.placement)}))}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0,p((()=>{this.runUpdatePosition()}))}hide(){this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1,this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}),350)}setForElement(){this.forElement&&(this.visualOnly||this.forElement.setAttribute("aria-describedby",this.tooltipId?this.tooltipId:this.id),this.forElementListeners.forEach(((t,i)=>this.forElement.addEventListener(i,t))))}disconnectForElement(){this.forElement&&(this.forElement.removeAttribute("aria-describedby"),this.forElementListeners.forEach(((t,i)=>this.forElement.removeEventListener(i,t))))}updateForElement(){this.disconnectForElement(),this.setForElement()}connectedCallback(){this.setForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnectForElement()}render(){return i(e,{key:"95b90bf66bb77f9cbd9a462484e22ef9f7a2cdb7",id:this.tooltipId?void 0:this.id,role:this.tooltipId&&!this.isShown?void 0:"tooltip",class:{"gux-show":this.isShown},"aria-hidden":this.visualOnly},i("div",{key:"cbc7feb51247b018568779e05997ebea04cf83a7",class:{"gux-container":!0,[`gux-${this.accent}`]:!0},"data-placement":this.placement},i("slot",{key:"ea6c7be9038bce011e726991186aecc8b836ea89",name:"content"})))}get root(){return o(this)}static get watchers(){return{offsetX:["runUpdatePosition"],offsetY:["runUpdatePosition"],forElement:["updateForElement"]}}};g.style=":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;inline-size:max-content;max-inline-size:250px;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:350ms;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);pointer-events:none;background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-light-foregroundColor)}.gux-container ::slotted(*){inline-size:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";const f=class{constructor(i){t(this,i),this.id=d("gux-tooltip"),this.forElement=void 0,this.role=void 0,this.for=void 0,this.placement="bottom-start",this.accent="light",this.visualOnly=!1}async showTooltip(){return await this.baseTooltip.showTooltip()}async hideTooltip(){return await this.baseTooltip.hideTooltip()}updateForElement(){this.forElement=this.getForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}componentDidLoad(){this.baseTooltip&&(this.tooltipObserver=new MutationObserver((()=>{var t;this.role=null===(t=this.baseTooltip)||void 0===t?void 0:t.role})),this.tooltipObserver.observe(this.baseTooltip,{childList:!0,attributes:!0,attributeFilter:["role"]}))}connectedCallback(){this.updateForElement()}disconnectedCallback(){this.tooltipObserver&&this.tooltipObserver.disconnect()}getForElement(){if(this.for){const t=b(this.root,this.for);return t||this.logForAttributeError(),t}return this.root.parentElement}logForAttributeError(){this.root.isConnected&&console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}render(){return i(e,{key:"3494b9bec9083c7193b329f6adda9ff29621d563",id:this.id,role:this.role},i("gux-tooltip-base-beta",{key:"88db2c80af5f51c06e7db2909e2ec0bf7c134be1",forElement:this.forElement,placement:this.placement,accent:this.accent,tooltipId:this.id,visualOnly:this.visualOnly,ref:t=>this.baseTooltip=t},i("span",{key:"5ee244741dd181396c5badede863fab95dbe0fa8",slot:"content"},i("slot",{key:"12826faaa1d80ec616642de64bde8fc7a88200c8",name:"content"},i("slot",{key:"b5b557552622e8b0488fd8195b2ad7ec46636650"})))))}get root(){return o(this)}static get watchers(){return{for:["updateForElement"]}}};export{g as gux_tooltip_base_beta,f as gux_tooltip_beta}
1
+ import{r as t,h as i,H as e,g as o}from"./p-c2a62a18.js";import{a as s,o as a,f as r,s as n,h as l,c as h}from"./p-864af39c.js";import{r as d}from"./p-0934300e.js";import{t as c}from"./p-da402bc8.js";import{b as p}from"./p-cf0e7d3b.js";import{o as u}from"./p-52d53e47.js";import{f as b}from"./p-9b0d3713.js";const g=class{constructor(i){t(this,i),this.pointerenterHandler=()=>this.show(),this.pointerleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.forElementListeners=new Map([["pointerenter",this.pointerenterHandler],["pointerleave",this.pointerleaveHandler],["focusin",this.focusinHandler],["focusout",this.focusoutHandler]]),this.id=d("gux-tooltip-base"),this.tooltipId=void 0,this.forElement=void 0,this.placement="bottom-start",this.offsetX=0,this.offsetY=0,this.accent="light",this.visualOnly=!1,this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}handlePointerenter(){this.show()}handlePointerleave(){this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition=s(this.forElement,this.root,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!1,ancestorResize:!0})}updatePosition(){const t=[a(16),r(),n(),l(),u()];h(this.forElement,this.root,{placement:this.placement,strategy:"fixed",middleware:t}).then((({x:t,y:i,middlewareData:e})=>{var o;Object.assign(this.root.style,{left:`${t+this.offsetX}px`,top:i-this.offsetY+"px",visibility:(null===(o=e.hide)||void 0===o?void 0:o.referenceHidden)?"hidden":"visible"}),this.root.setAttribute("data-placement",this.placement)}))}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0,p((()=>{this.runUpdatePosition()}))}hide(){this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1,this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}),350)}setForElement(){this.forElement&&(this.visualOnly||this.forElement.setAttribute("aria-describedby",this.tooltipId?this.tooltipId:this.id),this.forElementListeners.forEach(((t,i)=>this.forElement.addEventListener(i,t))))}disconnectForElement(){this.forElement&&(this.forElement.removeAttribute("aria-describedby"),this.forElementListeners.forEach(((t,i)=>this.forElement.removeEventListener(i,t))))}updateForElement(){this.disconnectForElement(),this.setForElement()}connectedCallback(){this.setForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnectForElement()}render(){return i(e,{key:"95b90bf66bb77f9cbd9a462484e22ef9f7a2cdb7",id:this.tooltipId?void 0:this.id,role:this.tooltipId&&!this.isShown?void 0:"tooltip",class:{"gux-show":this.isShown},"aria-hidden":this.visualOnly},i("div",{key:"cbc7feb51247b018568779e05997ebea04cf83a7",class:{"gux-container":!0,[`gux-${this.accent}`]:!0},"data-placement":this.placement},i("slot",{key:"ea6c7be9038bce011e726991186aecc8b836ea89",name:"content"})))}get root(){return o(this)}static get watchers(){return{offsetX:["runUpdatePosition"],offsetY:["runUpdatePosition"],forElement:["updateForElement"]}}};g.style=":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;inline-size:max-content;max-inline-size:250px;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:350ms;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);pointer-events:none;background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-light-foregroundColor)}.gux-container ::slotted(*){inline-size:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";const f=class{constructor(i){t(this,i),this.id=d("gux-tooltip"),this.forElement=void 0,this.role=void 0,this.for=void 0,this.placement="bottom-start",this.accent="light",this.visualOnly=!1}async showTooltip(){return await this.baseTooltip.showTooltip()}async hideTooltip(){return await this.baseTooltip.hideTooltip()}updateForElement(){this.forElement=this.getForElement()}componentWillLoad(){c(this.root,{variant:this.placement})}componentDidLoad(){this.baseTooltip&&(this.tooltipObserver=new MutationObserver((()=>{var t;this.role=null===(t=this.baseTooltip)||void 0===t?void 0:t.role})),this.tooltipObserver.observe(this.baseTooltip,{childList:!0,attributes:!0,attributeFilter:["role"]}))}connectedCallback(){this.updateForElement()}disconnectedCallback(){this.tooltipObserver&&this.tooltipObserver.disconnect()}getForElement(){if(this.for){const t=b(this.root,this.for);return t||this.logForAttributeError(),t}return this.root.parentElement}logForAttributeError(){this.root.isConnected&&console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}render(){return i(e,{key:"3494b9bec9083c7193b329f6adda9ff29621d563",id:this.id,role:this.role},i("gux-tooltip-base-beta",{key:"88db2c80af5f51c06e7db2909e2ec0bf7c134be1",forElement:this.forElement,placement:this.placement,accent:this.accent,tooltipId:this.id,visualOnly:this.visualOnly,ref:t=>this.baseTooltip=t},i("span",{key:"5ee244741dd181396c5badede863fab95dbe0fa8",slot:"content"},i("slot",{key:"12826faaa1d80ec616642de64bde8fc7a88200c8",name:"content"},i("slot",{key:"b5b557552622e8b0488fd8195b2ad7ec46636650"})))))}get root(){return o(this)}static get watchers(){return{for:["updateForElement"]}}};export{g as gux_tooltip_base_beta,f as gux_tooltip_beta}
@@ -1 +1 @@
1
- import{r as o,c as a,h as t,g as e}from"./p-c2a62a18.js";import{b as g}from"./p-16feb2a1.js";import{t as r}from"./p-7f87dad7.js";import"./p-4202e9f2.js";const u={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"},c=class{constructor(t){o(this,t),this.guxdelete=a(this,"guxdelete",7),this.accent="default",this.disabled=!1,this.removable=!1,this.size="small",this.emphasis="bold",this.label=void 0}onKeyDown(o){switch(o.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){!this.disabled&&this.removable&&this.guxdelete.emit()}onSlotChange(o){const a=o.composedPath()[0].assignedNodes();this.label=a.map((o=>o.textContent.trim())).join("")}renderTagTitle(){return t("gux-tooltip-title",null,t("span",null,t("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return t("div",{class:"gux-sr-only"},this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return t("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},t("gux-icon",{class:"gux-tag-remove-icon","icon-name":"fa/xmark-large-regular","screenreader-text":this.i18n("remove-tag",{label:this.label})}))}componentWillLoad(){r(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await g(this.root,u)}render(){return t("div",{key:"a360d147440cf02e90130afdca9aa4b1cc845278",class:{"gux-tag":!0,[`gux-accent-${this.accent}`]:!0,"gux-disabled":this.disabled,[`gux-size-${this.size}`]:!0,[`gux-emphasis-${this.emphasis}`]:!0},"aria-disabled":this.disabled.toString()},this.renderTagTitle(),this.renderSrText(),this.renderRemoveButton())}get root(){return e(this)}};c.style=":host{display:inline-block;border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-tag-removable-gap);place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-tag-small-height);padding:var(--gse-ui-tag-padding);font-family:var(--gse-ui-tag-textSmall-fontFamily);font-size:var(--gse-ui-tag-textSmall-fontSize);font-weight:var(--gse-ui-tag-textSmall-fontWeight);line-height:var(--gse-ui-tag-textSmall-lineHeight);color:var(--gse-ui-tag-default-bold-foregroundColor);background-color:var(--gse-ui-tag-default-bold-backgroundColor);border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag.gux-size-large{block-size:var(--gse-ui-tag-large-height);font-family:var(--gse-ui-tag-textLarge-fontFamily);font-size:var(--gse-ui-tag-textLarge-fontSize);font-weight:var(--gse-ui-tag-textLarge-fontWeight);line-height:var(--gse-ui-tag-textLarge-lineHeight)}.gux-tag.gux-size-large .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline-offset:10px}.gux-tag.gux-disabled{position:relative;user-select:none;opacity:var(--gse-ui-tag-disabled-opacity)}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){font-size:var(--gse-ui-tag-button-size)}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-tag .gux-tag-remove-button{all:unset;display:flex;place-content:center center;align-items:center}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{inline-size:var(--gse-ui-tag-button-size);block-size:var(--gse-ui-tag-button-size);margin-inline-end:-4px}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-ui-color-focus);outline-offset:5px;border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}.gux-tag.gux-accent-default{color:var(--gse-ui-tag-default-bold-foregroundColor);background-color:var(--gse-ui-tag-default-bold-backgroundColor)}.gux-tag.gux-accent-default.gux-emphasis-subtle{color:var(--gse-ui-tag-default-subtle-foregroundColor);background-color:var(--gse-ui-tag-default-subtle-backgroundColor)}.gux-tag.gux-accent-1{color:var(--gse-ui-tag-accent1-bold-foregroundColor);background-color:var(--gse-ui-tag-accent1-bold-backgroundColor)}.gux-tag.gux-accent-1.gux-emphasis-subtle{color:var(--gse-ui-tag-accent1-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent1-subtle-backgroundColor)}.gux-tag.gux-accent-2{color:var(--gse-ui-tag-accent2-bold-foregroundColor);background-color:var(--gse-ui-tag-accent2-bold-backgroundColor)}.gux-tag.gux-accent-2.gux-emphasis-subtle{color:var(--gse-ui-tag-accent2-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent2-subtle-backgroundColor)}.gux-tag.gux-accent-3{color:var(--gse-ui-tag-accent3-bold-foregroundColor);background-color:var(--gse-ui-tag-accent3-bold-backgroundColor)}.gux-tag.gux-accent-3.gux-emphasis-subtle{color:var(--gse-ui-tag-accent3-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent3-subtle-backgroundColor)}.gux-tag.gux-accent-4{color:var(--gse-ui-tag-accent4-bold-foregroundColor);background-color:var(--gse-ui-tag-accent4-bold-backgroundColor)}.gux-tag.gux-accent-4.gux-emphasis-subtle{color:var(--gse-ui-tag-accent4-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent4-subtle-backgroundColor)}.gux-tag.gux-accent-5{color:var(--gse-ui-tag-accent5-bold-foregroundColor);background-color:var(--gse-ui-tag-accent5-bold-backgroundColor)}.gux-tag.gux-accent-5.gux-emphasis-subtle{color:var(--gse-ui-tag-accent5-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent5-subtle-backgroundColor)}.gux-tag.gux-accent-6{color:var(--gse-ui-tag-accent6-bold-foregroundColor);background-color:var(--gse-ui-tag-accent6-bold-backgroundColor)}.gux-tag.gux-accent-6.gux-emphasis-subtle{color:var(--gse-ui-tag-accent6-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent6-subtle-backgroundColor)}.gux-tag.gux-accent-7{color:var(--gse-ui-tag-accent7-bold-foregroundColor);background-color:var(--gse-ui-tag-accent7-bold-backgroundColor)}.gux-tag.gux-accent-7.gux-emphasis-subtle{color:var(--gse-ui-tag-accent7-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent7-subtle-backgroundColor)}.gux-tag.gux-accent-8{color:var(--gse-ui-tag-accent8-bold-foregroundColor);background-color:var(--gse-ui-tag-accent8-bold-backgroundColor)}.gux-tag.gux-accent-8.gux-emphasis-subtle{color:var(--gse-ui-tag-accent8-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent8-subtle-backgroundColor)}.gux-tag.gux-accent-9{color:var(--gse-ui-tag-accent9-bold-foregroundColor);background-color:var(--gse-ui-tag-accent9-bold-backgroundColor)}.gux-tag.gux-accent-9.gux-emphasis-subtle{color:var(--gse-ui-tag-accent9-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent9-subtle-backgroundColor)}.gux-tag.gux-accent-10{color:var(--gse-ui-tag-accent10-bold-foregroundColor);background-color:var(--gse-ui-tag-accent10-bold-backgroundColor)}.gux-tag.gux-accent-10.gux-emphasis-subtle{color:var(--gse-ui-tag-accent10-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent10-subtle-backgroundColor)}.gux-tag.gux-accent-inherit{color:inherit;background-color:inherit}";export{c as gux_tag}
1
+ import{r as o,c as a,h as t,g as e}from"./p-c2a62a18.js";import{b as g}from"./p-16feb2a1.js";import{t as r}from"./p-da402bc8.js";import"./p-4202e9f2.js";const u={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"},c=class{constructor(t){o(this,t),this.guxdelete=a(this,"guxdelete",7),this.accent="default",this.disabled=!1,this.removable=!1,this.size="small",this.emphasis="bold",this.label=void 0}onKeyDown(o){switch(o.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){!this.disabled&&this.removable&&this.guxdelete.emit()}onSlotChange(o){const a=o.composedPath()[0].assignedNodes();this.label=a.map((o=>o.textContent.trim())).join("")}renderTagTitle(){return t("gux-tooltip-title",null,t("span",null,t("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return t("div",{class:"gux-sr-only"},this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return t("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},t("gux-icon",{class:"gux-tag-remove-icon","icon-name":"fa/xmark-large-regular","screenreader-text":this.i18n("remove-tag",{label:this.label})}))}componentWillLoad(){r(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await g(this.root,u)}render(){return t("div",{key:"a360d147440cf02e90130afdca9aa4b1cc845278",class:{"gux-tag":!0,[`gux-accent-${this.accent}`]:!0,"gux-disabled":this.disabled,[`gux-size-${this.size}`]:!0,[`gux-emphasis-${this.emphasis}`]:!0},"aria-disabled":this.disabled.toString()},this.renderTagTitle(),this.renderSrText(),this.renderRemoveButton())}get root(){return e(this)}};c.style=":host{display:inline-block;border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-tag-removable-gap);place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-tag-small-height);padding:var(--gse-ui-tag-padding);font-family:var(--gse-ui-tag-textSmall-fontFamily);font-size:var(--gse-ui-tag-textSmall-fontSize);font-weight:var(--gse-ui-tag-textSmall-fontWeight);line-height:var(--gse-ui-tag-textSmall-lineHeight);color:var(--gse-ui-tag-default-bold-foregroundColor);background-color:var(--gse-ui-tag-default-bold-backgroundColor);border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag.gux-size-large{block-size:var(--gse-ui-tag-large-height);font-family:var(--gse-ui-tag-textLarge-fontFamily);font-size:var(--gse-ui-tag-textLarge-fontSize);font-weight:var(--gse-ui-tag-textLarge-fontWeight);line-height:var(--gse-ui-tag-textLarge-lineHeight)}.gux-tag.gux-size-large .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline-offset:10px}.gux-tag.gux-disabled{position:relative;user-select:none;opacity:var(--gse-ui-tag-disabled-opacity)}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){font-size:var(--gse-ui-tag-button-size)}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-tag .gux-tag-remove-button{all:unset;display:flex;place-content:center center;align-items:center}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{inline-size:var(--gse-ui-tag-button-size);block-size:var(--gse-ui-tag-button-size);margin-inline-end:-4px}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-ui-color-focus);outline-offset:5px;border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}.gux-tag.gux-accent-default{color:var(--gse-ui-tag-default-bold-foregroundColor);background-color:var(--gse-ui-tag-default-bold-backgroundColor)}.gux-tag.gux-accent-default.gux-emphasis-subtle{color:var(--gse-ui-tag-default-subtle-foregroundColor);background-color:var(--gse-ui-tag-default-subtle-backgroundColor)}.gux-tag.gux-accent-1{color:var(--gse-ui-tag-accent1-bold-foregroundColor);background-color:var(--gse-ui-tag-accent1-bold-backgroundColor)}.gux-tag.gux-accent-1.gux-emphasis-subtle{color:var(--gse-ui-tag-accent1-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent1-subtle-backgroundColor)}.gux-tag.gux-accent-2{color:var(--gse-ui-tag-accent2-bold-foregroundColor);background-color:var(--gse-ui-tag-accent2-bold-backgroundColor)}.gux-tag.gux-accent-2.gux-emphasis-subtle{color:var(--gse-ui-tag-accent2-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent2-subtle-backgroundColor)}.gux-tag.gux-accent-3{color:var(--gse-ui-tag-accent3-bold-foregroundColor);background-color:var(--gse-ui-tag-accent3-bold-backgroundColor)}.gux-tag.gux-accent-3.gux-emphasis-subtle{color:var(--gse-ui-tag-accent3-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent3-subtle-backgroundColor)}.gux-tag.gux-accent-4{color:var(--gse-ui-tag-accent4-bold-foregroundColor);background-color:var(--gse-ui-tag-accent4-bold-backgroundColor)}.gux-tag.gux-accent-4.gux-emphasis-subtle{color:var(--gse-ui-tag-accent4-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent4-subtle-backgroundColor)}.gux-tag.gux-accent-5{color:var(--gse-ui-tag-accent5-bold-foregroundColor);background-color:var(--gse-ui-tag-accent5-bold-backgroundColor)}.gux-tag.gux-accent-5.gux-emphasis-subtle{color:var(--gse-ui-tag-accent5-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent5-subtle-backgroundColor)}.gux-tag.gux-accent-6{color:var(--gse-ui-tag-accent6-bold-foregroundColor);background-color:var(--gse-ui-tag-accent6-bold-backgroundColor)}.gux-tag.gux-accent-6.gux-emphasis-subtle{color:var(--gse-ui-tag-accent6-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent6-subtle-backgroundColor)}.gux-tag.gux-accent-7{color:var(--gse-ui-tag-accent7-bold-foregroundColor);background-color:var(--gse-ui-tag-accent7-bold-backgroundColor)}.gux-tag.gux-accent-7.gux-emphasis-subtle{color:var(--gse-ui-tag-accent7-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent7-subtle-backgroundColor)}.gux-tag.gux-accent-8{color:var(--gse-ui-tag-accent8-bold-foregroundColor);background-color:var(--gse-ui-tag-accent8-bold-backgroundColor)}.gux-tag.gux-accent-8.gux-emphasis-subtle{color:var(--gse-ui-tag-accent8-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent8-subtle-backgroundColor)}.gux-tag.gux-accent-9{color:var(--gse-ui-tag-accent9-bold-foregroundColor);background-color:var(--gse-ui-tag-accent9-bold-backgroundColor)}.gux-tag.gux-accent-9.gux-emphasis-subtle{color:var(--gse-ui-tag-accent9-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent9-subtle-backgroundColor)}.gux-tag.gux-accent-10{color:var(--gse-ui-tag-accent10-bold-foregroundColor);background-color:var(--gse-ui-tag-accent10-bold-backgroundColor)}.gux-tag.gux-accent-10.gux-emphasis-subtle{color:var(--gse-ui-tag-accent10-subtle-foregroundColor);background-color:var(--gse-ui-tag-accent10-subtle-backgroundColor)}.gux-tag.gux-accent-inherit{color:inherit;background-color:inherit}";export{c as gux_tag}
@@ -1 +1 @@
1
- import{r as e,h as o,g as r}from"./p-c2a62a18.js";import{c as t,o as i}from"./p-f4751a15.js";import{O as n}from"./p-9df4dd07.js";import{o as l}from"./p-6b12dd16.js";import{p as a}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{a as f,G as u}from"./p-546eb56a.js";import{G as d,a as p}from"./p-a99c18b5.js";import{g as c,v as g,a as h}from"./p-4aaf349e.js";import{t as m}from"./p-7f87dad7.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const x=class{constructor(o){e(this,o),this.labelPosition=void 0,this.indicatorMark="required",this.computedLabelPosition=void 0,this.disabled=void 0,this.required=void 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"),m(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return o(p,{key:"a1254a49bdd604a780ca5b763f02c79688e9992e",labelPosition:this.computedLabelPosition},o(d,{key:"32161cd724db17bef0bf705da6f3c5eb8ac19d10",required:this.required,position:this.computedLabelPosition},o("slot",{key:"ed670d24f28a5e574c0167c0ad5d81c9217e0cce",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"7a65e197887a516aaa1211593a1b3fda759a7fd7",variant:this.indicatorMark,required:this.required}),o("slot",{key:"6588bd1ea2438f820792a375243ccb018b3f1171",name:"label-info"})),o("div",{key:"aed16d69981cd73f533b3a18441da39fffa6e342",class:"gux-input-and-error-container"},o("div",{key:"c4c39122edd56132e5af7c654bd5537853f4daef",class:{"gux-input":!0,"gux-input-error":this.hasError}},o("div",{key:"879870ea86f8dec322abe44459700174a96ace39",class:{"gux-input-container":!0,"gux-disabled":this.disabled}},o("slot",{key:"9836fff073443e27d583abe07d2f067a62e9e4b3",name:"input",onSlotchange:()=>this.setInput()}))),o(f,{key:"0ee00f0511f21cf535469dda23f13fd48fdae4cd",show:this.hasError},o("slot",{key:"c619397a5468f3b88eb54d0cf29c0339b0c187c4",name:"error"})),o(u,{key:"61cc149f1b2050615568908e3d6222941eccddf8",show:!this.hasError&&this.hasHelp},o("slot",{key:"80803b18f1530e2ef41f65f98f5a84eac7319c8a",name:"help"}))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=c(this.root,'input[type="color"][slot="input"]'),a(this.input),this.disabled=t(this.input),this.required=this.input.required,this.disabledObserver=i(this.input,(e=>{this.disabled=e})),this.requiredObserver=l(this.input,(e=>{this.required=e})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=h(this.label,this.labelPosition)}get root(){return r(this)}};(function(e,o,r,t){var i,n=arguments.length,l=n<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,o,r,t);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(l=(n<3?i(l):n>3?i(o,r,l):i(o,r))||l);n>3&&l&&Object.defineProperty(o,r,l)})([n({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style=".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:0 1 auto;align-self:auto;order:0;inline-size:var(--gse-ui-colorPicker-input-swatchSizing);min-inline-size:var(--gse-ui-colorPicker-input-swatchSizing);block-size:var(--gse-ui-colorPicker-input-swatchSizing);padding:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);text-align:end;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{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;align-self:auto;order:0;inline-size:var(--gse-ui-formControl-input-colorPicker-size);block-size:var(--gse-ui-formControl-input-colorPicker-size);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container:hover{cursor:pointer;border-color:var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";export{x as gux_form_field_color}
1
+ import{r as e,h as o,g as r}from"./p-c2a62a18.js";import{c as t,o as i}from"./p-f4751a15.js";import{O as n}from"./p-9df4dd07.js";import{o as l}from"./p-6b12dd16.js";import{p as a}from"./p-a11d5d42.js";import{h as s}from"./p-6d8b4027.js";import{a as f,G as u}from"./p-546eb56a.js";import{G as d,a as p}from"./p-a99c18b5.js";import{g as c,v as g,a as h}from"./p-4aaf349e.js";import{t as m}from"./p-da402bc8.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const x=class{constructor(o){e(this,o),this.labelPosition=void 0,this.indicatorMark="required",this.computedLabelPosition=void 0,this.disabled=void 0,this.required=void 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"),m(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return o(p,{key:"a1254a49bdd604a780ca5b763f02c79688e9992e",labelPosition:this.computedLabelPosition},o(d,{key:"32161cd724db17bef0bf705da6f3c5eb8ac19d10",required:this.required,position:this.computedLabelPosition},o("slot",{key:"ed670d24f28a5e574c0167c0ad5d81c9217e0cce",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"7a65e197887a516aaa1211593a1b3fda759a7fd7",variant:this.indicatorMark,required:this.required}),o("slot",{key:"6588bd1ea2438f820792a375243ccb018b3f1171",name:"label-info"})),o("div",{key:"aed16d69981cd73f533b3a18441da39fffa6e342",class:"gux-input-and-error-container"},o("div",{key:"c4c39122edd56132e5af7c654bd5537853f4daef",class:{"gux-input":!0,"gux-input-error":this.hasError}},o("div",{key:"879870ea86f8dec322abe44459700174a96ace39",class:{"gux-input-container":!0,"gux-disabled":this.disabled}},o("slot",{key:"9836fff073443e27d583abe07d2f067a62e9e4b3",name:"input",onSlotchange:()=>this.setInput()}))),o(f,{key:"0ee00f0511f21cf535469dda23f13fd48fdae4cd",show:this.hasError},o("slot",{key:"c619397a5468f3b88eb54d0cf29c0339b0c187c4",name:"error"})),o(u,{key:"61cc149f1b2050615568908e3d6222941eccddf8",show:!this.hasError&&this.hasHelp},o("slot",{key:"80803b18f1530e2ef41f65f98f5a84eac7319c8a",name:"help"}))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=c(this.root,'input[type="color"][slot="input"]'),a(this.input),this.disabled=t(this.input),this.required=this.input.required,this.disabledObserver=i(this.input,(e=>{this.disabled=e})),this.requiredObserver=l(this.input,(e=>{this.required=e})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=h(this.label,this.labelPosition)}get root(){return r(this)}};(function(e,o,r,t){var i,n=arguments.length,l=n<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,o,r,t);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(l=(n<3?i(l):n>3?i(o,r,l):i(o,r))||l);n>3&&l&&Object.defineProperty(o,r,l)})([n({childList:!0,subtree:!0})],x.prototype,"onMutation",null),x.style=".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:0 1 auto;align-self:auto;order:0;inline-size:var(--gse-ui-colorPicker-input-swatchSizing);min-inline-size:var(--gse-ui-colorPicker-input-swatchSizing);block-size:var(--gse-ui-colorPicker-input-swatchSizing);padding:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);text-align:end;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{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;align-self:auto;order:0;inline-size:var(--gse-ui-formControl-input-colorPicker-size);block-size:var(--gse-ui-formControl-input-colorPicker-size);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container:hover{cursor:pointer;border-color:var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";export{x as gux_form_field_color}
@@ -1 +1 @@
1
- import{r as e,h as t,H as i,g as o}from"./p-c2a62a18.js";import{t as s}from"./p-7f87dad7.js";import{g as n}from"./p-4202e9f2.js";import{b as a}from"./p-16feb2a1.js";import{t as r}from"./p-f01d2320.js";import{O as u}from"./p-6a2b1013.js";import{b as d}from"./p-cf0e7d3b.js";import{w as l}from"./p-e97879b4.js";import{h as c}from"./p-b2e29026.js";import{a as b,c as h,o as g,f,s as p}from"./p-864af39c.js";import{n as m,p as v}from"./p-8d73b418.js";import"./p-43af726d.js";const x=class{constructor(t){e(this,t),this.disabled=!1,this.value=void 0}onMouseUp(){this.focusParentList()}onMouseOver(){this.focusParentList()}focusParentList(){const e=n("gux-rich-text-editor-list",this.root);e&&null===e.shadowRoot.activeElement&&(this.root.blur(),e.focus({preventScroll:!0}))}componentWillLoad(){s(this.root)}render(){return t(i,{key:"f2d80e9cf8d1bf69014227cf2f8b4bb13dded203",role:"listitem"},t("button",{key:"969f6af3077c1efa32f9716358ff0d5b5cd42ee8",type:"button",tabIndex:-1,disabled:this.disabled},t("gux-truncate",{key:"c04cb2acc8c21dba949be2287748bb5b348840fe","max-lines":1},t("slot",{key:"e567c7d7443cc743d3c96a1dd14715f591c6ad2d"}))))}static get delegatesFocus(){return!0}get root(){return o(this)}};x.style=":host{inline-size:100%;text-align:start;outline:none}:host([disabled]){pointer-events:none}:host([disabled=false]){pointer-events:auto}::slotted(gux-icon){inline-size:var(--gse-ui-menu-option-startIcon-height);block-size:var(--gse-ui-menu-option-startIcon-height);margin-inline-end:var(--gse-ui-menu-option-gap);vertical-align:middle}button{all:unset;box-sizing:border-box;inline-size:100%;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1);background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none}button:focus-visible:not(:disabled){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button:hover:not(:disabled){background:var(--gse-ui-menu-option-hover-backgroundColor)}button: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);background:var(--gse-ui-menu-option-selected-backgroundColor)}button:disabled{cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}::slotted(*){margin:0}";const k=class{constructor(t){e(this,t),this.isOpen=!1}onClickOutside(){this.isOpen=!1}handleKeyDown(e){const t=e.composedPath().includes(this.listElement),i=e.composedPath().includes(this.button);switch(e.key){case"Escape":t&&(e.preventDefault(),this.isOpen=!1,this.button.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":i&&!this.isOpen&&(e.preventDefault(),this.isOpen=!0,this.focusFirstListItem());break;case"ArrowUp":i&&!this.isOpen&&(e.preventDefault(),this.isOpen=!0,this.focusLastListItem())}}handleKeyup(e){" "===e.key&&e.composedPath().includes(this.button)&&(e.preventDefault(),this.isOpen=!0,this.focusFirstListItem())}focusFirstListItem(){d((()=>{this.listElement.guxFocusFirstItem()}))}focusLastListItem(){d((()=>{this.listElement.guxFocusLastItem()}))}onActionClick(){this.isOpen=!this.isOpen,this.isOpen&&this.focusFirstListItem()}onListClick(e){l("gux-rich-style-list-item",e,(()=>{this.isOpen=!1,this.button.focus()}))}renderTooltip(){return t("gux-tooltip-beta",null,t("div",{slot:"content"},this.i18n("additionalActions")))}async componentWillLoad(){s(this.root),this.i18n=await a(this.root,r)}render(){return t(i,{key:"9555548af8d6018a798769fee5de94c9aa926075"},t("gux-popup",{key:"75b7bcb30d5d84deceeb9fb5b5078dc55ab51f40",expanded:this.isOpen,offset:4,"exceed-target-width":!0},t("div",{key:"6ef03b61b7f9a6ee89ddb07d0d9aabc3167e819b",slot:"target"},t("gux-button-slot",{key:"6da7e330d95f1c382061226fcc3dd7d7724d2385",accent:"ghost"},t("button",{key:"2e7d1b21ed2c7793b7a44ee8daf664bd43528174",type:"button",onClick:()=>this.onActionClick(),ref:e=>this.button=e,"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),disabled:c(this.root)},t("gux-icon",{key:"12c1d235ed9c4b98f7f86b0a1001183fdbf08fb3","icon-name":"fa/ellipsis-vertical-regular","screenreader-text":this.i18n("additionalActions"),size:"small"})),this.renderTooltip())),t("div",{key:"648b925078ebf267993e7783201c09a7efaf6ef5",slot:"popup",class:"gux-list-container"},t("gux-rich-text-editor-list",{key:"53292dad2651fbf74c8b1e510f099e6f786d9335",onClick:e=>this.onListClick(e),ref:e=>this.listElement=e},t("slot",{key:"2871d3f817c5e393cd37917f849673a50a8e6c5d"})))))}static get delegatesFocus(){return!0}get root(){return o(this)}};(function(e,t,i,o){var s,n=arguments.length,a=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(n<3?s(a):n>3?s(t,i,a):s(t,i))||a);n>3&&a&&Object.defineProperty(t,i,a)})([u({triggerEvents:"click"})],k.prototype,"onClickOutside",null),k.style=":host{display:block;max-inline-size:fit-content;white-space:normal}button{block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-paddingIconOnly);border-radius:var(--gse-ui-button-borderRadius)}.gux-list-container{inline-size:var(--gse-ui-contextMenu-menu-width);max-block-size:var(--gse-ui-contextMenu-menu-maxHeight);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";const y=class{constructor(t){e(this,t),this.label=void 0,this.isShown=!1}onKeydown(e){switch(e.key){case"Enter":e.stopPropagation(),this.focusOnSubList();break;case"ArrowUp":this.root!==e.target&&(e.preventDefault(),e.stopPropagation(),v(this.root,["gux-rich-style-list-item"]));break;case"ArrowDown":this.root!==e.target&&(e.preventDefault(),e.stopPropagation(),m(this.root,["gux-rich-style-list-item"]));break;case"ArrowRight":e.stopPropagation(),this.show(),this.focusOnSubList();break;case"ArrowLeft":case"Escape":this.root!==e.target&&e.stopPropagation(),this.buttonElement.focus()}}onMouseEnter(){this.show()}onMouseLeave(){this.hide()}onClick(e){"GUX-RICH-STYLE-LIST-ITEM"!==e.target.nodeName||this.hide()}onFocusIn(){this.show()}onFocusOut(){this.hide()}componentDidLoad(){this.isShown&&this.runUpdatePosition()}componentDidUpdate(){this.isShown?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}focusOnSubList(){this.subListContentElement.contains(document.activeElement)||Array.from(this.root.children)[0].focus()}show(){this.isShown=!0}hide(){this.isShown&&(this.isShown=!1)}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=b(this.buttonElement,this.subListElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.subListElement&&h(this.buttonElement,this.subListElement,{placement:"right-start",strategy:"fixed",middleware:[g(4),f(),p()]}).then((({x:e,y:t})=>{Object.assign(this.subListElement.style,{left:`${e}px`,top:`${t}px`})}))}render(){return t(i,{key:"7deaeb8403bc4d3387465109f394c5b94735289a"},t("button",{key:"092cc834b5320deda9548b44f306877be2145227",type:"button",class:{"gux-sub-list-button":!0,"gux-sub-list-button-active":this.isShown},tabIndex:-1,role:"listitem",ref:e=>this.buttonElement=e,"aria-haspopup":"true","aria-expanded":this.isShown.toString()},t("span",{key:"db24795cdd7d2f486c4fd7891f3098c08c1114a5",class:"gux-sub-list-button-text"},this.label),t("gux-icon",{key:"4e5cab880869b185f9220d90e6501baf625e3b55",size:"small","icon-name":"custom/chevron-right-small-regular",decorative:!0})),t("div",{key:"52f98219440f57cab0de72417632769cf96f248d",ref:e=>this.subListElement=e,class:{"gux-sub-list-wrapper":!0,"gux-shown":this.isShown}},t("div",{key:"38e81a94cfc2ef6e5cb8460507412ade83254de1",role:"list",class:"gux-sub-list-content",ref:e=>this.subListContentElement=e},t("slot",{key:"27f2f932530bd1abaedccb992bf5cd75afc5277e"}))))}static get delegatesFocus(){return!0}get root(){return o(this)}};y.style=":host{inline-size:100%;text-align:start;outline:none}:host([disabled]){pointer-events:none}:host([disabled=false]){pointer-events:auto}::slotted(gux-icon){inline-size:var(--gse-ui-menu-option-startIcon-height);block-size:var(--gse-ui-menu-option-startIcon-height);margin-inline-end:var(--gse-ui-menu-option-gap);vertical-align:middle}button{all:unset;box-sizing:border-box;inline-size:100%;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1);background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none}button:focus-visible:not(:disabled){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button:hover:not(:disabled){background:var(--gse-ui-menu-option-hover-backgroundColor)}button: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);background:var(--gse-ui-menu-option-selected-backgroundColor)}button:disabled{cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}::slotted(*){margin:0}button.gux-sub-list-button{display:flex;flex-direction:row;justify-content:space-between}button gux-icon{align-self:center;color:var(--gse-ui-menu-option-parentIcon-selected-foregroundColor)}.gux-sub-list-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;visibility:hidden;flex-direction:column;inline-size:130px;padding:var(--gse-ui-menu-padding);margin:0;background-color:var(--gse-ui-menu-backgroundColor);border:none;border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}.gux-sub-list-wrapper.gux-shown{visibility:visible}";export{x as gux_rich_style_list_item,k as gux_rich_text_editor_menu,y as gux_rich_text_editor_sub_list}
1
+ import{r as e,h as t,H as i,g as o}from"./p-c2a62a18.js";import{t as s}from"./p-da402bc8.js";import{g as n}from"./p-4202e9f2.js";import{b as a}from"./p-16feb2a1.js";import{t as r}from"./p-f01d2320.js";import{O as u}from"./p-6a2b1013.js";import{b as d}from"./p-cf0e7d3b.js";import{w as l}from"./p-e97879b4.js";import{h as c}from"./p-b2e29026.js";import{a as b,c as h,o as g,f,s as p}from"./p-864af39c.js";import{n as m,p as v}from"./p-8d73b418.js";import"./p-43af726d.js";const x=class{constructor(t){e(this,t),this.disabled=!1,this.value=void 0}onMouseUp(){this.focusParentList()}onMouseOver(){this.focusParentList()}focusParentList(){const e=n("gux-rich-text-editor-list",this.root);e&&null===e.shadowRoot.activeElement&&(this.root.blur(),e.focus({preventScroll:!0}))}componentWillLoad(){s(this.root)}render(){return t(i,{key:"f2d80e9cf8d1bf69014227cf2f8b4bb13dded203",role:"listitem"},t("button",{key:"969f6af3077c1efa32f9716358ff0d5b5cd42ee8",type:"button",tabIndex:-1,disabled:this.disabled},t("gux-truncate",{key:"c04cb2acc8c21dba949be2287748bb5b348840fe","max-lines":1},t("slot",{key:"e567c7d7443cc743d3c96a1dd14715f591c6ad2d"}))))}static get delegatesFocus(){return!0}get root(){return o(this)}};x.style=":host{inline-size:100%;text-align:start;outline:none}:host([disabled]){pointer-events:none}:host([disabled=false]){pointer-events:auto}::slotted(gux-icon){inline-size:var(--gse-ui-menu-option-startIcon-height);block-size:var(--gse-ui-menu-option-startIcon-height);margin-inline-end:var(--gse-ui-menu-option-gap);vertical-align:middle}button{all:unset;box-sizing:border-box;inline-size:100%;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1);background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none}button:focus-visible:not(:disabled){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button:hover:not(:disabled){background:var(--gse-ui-menu-option-hover-backgroundColor)}button: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);background:var(--gse-ui-menu-option-selected-backgroundColor)}button:disabled{cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}::slotted(*){margin:0}";const k=class{constructor(t){e(this,t),this.isOpen=!1}onClickOutside(){this.isOpen=!1}handleKeyDown(e){const t=e.composedPath().includes(this.listElement),i=e.composedPath().includes(this.button);switch(e.key){case"Escape":t&&(e.preventDefault(),this.isOpen=!1,this.button.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":i&&!this.isOpen&&(e.preventDefault(),this.isOpen=!0,this.focusFirstListItem());break;case"ArrowUp":i&&!this.isOpen&&(e.preventDefault(),this.isOpen=!0,this.focusLastListItem())}}handleKeyup(e){" "===e.key&&e.composedPath().includes(this.button)&&(e.preventDefault(),this.isOpen=!0,this.focusFirstListItem())}focusFirstListItem(){d((()=>{this.listElement.guxFocusFirstItem()}))}focusLastListItem(){d((()=>{this.listElement.guxFocusLastItem()}))}onActionClick(){this.isOpen=!this.isOpen,this.isOpen&&this.focusFirstListItem()}onListClick(e){l("gux-rich-style-list-item",e,(()=>{this.isOpen=!1,this.button.focus()}))}renderTooltip(){return t("gux-tooltip-beta",null,t("div",{slot:"content"},this.i18n("additionalActions")))}async componentWillLoad(){s(this.root),this.i18n=await a(this.root,r)}render(){return t(i,{key:"9555548af8d6018a798769fee5de94c9aa926075"},t("gux-popup",{key:"75b7bcb30d5d84deceeb9fb5b5078dc55ab51f40",expanded:this.isOpen,offset:4,"exceed-target-width":!0},t("div",{key:"6ef03b61b7f9a6ee89ddb07d0d9aabc3167e819b",slot:"target"},t("gux-button-slot",{key:"6da7e330d95f1c382061226fcc3dd7d7724d2385",accent:"ghost"},t("button",{key:"2e7d1b21ed2c7793b7a44ee8daf664bd43528174",type:"button",onClick:()=>this.onActionClick(),ref:e=>this.button=e,"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),disabled:c(this.root)},t("gux-icon",{key:"12c1d235ed9c4b98f7f86b0a1001183fdbf08fb3","icon-name":"fa/ellipsis-vertical-regular","screenreader-text":this.i18n("additionalActions"),size:"small"})),this.renderTooltip())),t("div",{key:"648b925078ebf267993e7783201c09a7efaf6ef5",slot:"popup",class:"gux-list-container"},t("gux-rich-text-editor-list",{key:"53292dad2651fbf74c8b1e510f099e6f786d9335",onClick:e=>this.onListClick(e),ref:e=>this.listElement=e},t("slot",{key:"2871d3f817c5e393cd37917f849673a50a8e6c5d"})))))}static get delegatesFocus(){return!0}get root(){return o(this)}};(function(e,t,i,o){var s,n=arguments.length,a=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(n<3?s(a):n>3?s(t,i,a):s(t,i))||a);n>3&&a&&Object.defineProperty(t,i,a)})([u({triggerEvents:"click"})],k.prototype,"onClickOutside",null),k.style=":host{display:block;max-inline-size:fit-content;white-space:normal}button{block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-paddingIconOnly);border-radius:var(--gse-ui-button-borderRadius)}.gux-list-container{inline-size:var(--gse-ui-contextMenu-menu-width);max-block-size:var(--gse-ui-contextMenu-menu-maxHeight);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";const y=class{constructor(t){e(this,t),this.label=void 0,this.isShown=!1}onKeydown(e){switch(e.key){case"Enter":e.stopPropagation(),this.focusOnSubList();break;case"ArrowUp":this.root!==e.target&&(e.preventDefault(),e.stopPropagation(),v(this.root,["gux-rich-style-list-item"]));break;case"ArrowDown":this.root!==e.target&&(e.preventDefault(),e.stopPropagation(),m(this.root,["gux-rich-style-list-item"]));break;case"ArrowRight":e.stopPropagation(),this.show(),this.focusOnSubList();break;case"ArrowLeft":case"Escape":this.root!==e.target&&e.stopPropagation(),this.buttonElement.focus()}}onMouseEnter(){this.show()}onMouseLeave(){this.hide()}onClick(e){"GUX-RICH-STYLE-LIST-ITEM"!==e.target.nodeName||this.hide()}onFocusIn(){this.show()}onFocusOut(){this.hide()}componentDidLoad(){this.isShown&&this.runUpdatePosition()}componentDidUpdate(){this.isShown?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}focusOnSubList(){this.subListContentElement.contains(document.activeElement)||Array.from(this.root.children)[0].focus()}show(){this.isShown=!0}hide(){this.isShown&&(this.isShown=!1)}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=b(this.buttonElement,this.subListElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){this.subListElement&&h(this.buttonElement,this.subListElement,{placement:"right-start",strategy:"fixed",middleware:[g(4),f(),p()]}).then((({x:e,y:t})=>{Object.assign(this.subListElement.style,{left:`${e}px`,top:`${t}px`})}))}render(){return t(i,{key:"7deaeb8403bc4d3387465109f394c5b94735289a"},t("button",{key:"092cc834b5320deda9548b44f306877be2145227",type:"button",class:{"gux-sub-list-button":!0,"gux-sub-list-button-active":this.isShown},tabIndex:-1,role:"listitem",ref:e=>this.buttonElement=e,"aria-haspopup":"true","aria-expanded":this.isShown.toString()},t("span",{key:"db24795cdd7d2f486c4fd7891f3098c08c1114a5",class:"gux-sub-list-button-text"},this.label),t("gux-icon",{key:"4e5cab880869b185f9220d90e6501baf625e3b55",size:"small","icon-name":"custom/chevron-right-small-regular",decorative:!0})),t("div",{key:"52f98219440f57cab0de72417632769cf96f248d",ref:e=>this.subListElement=e,class:{"gux-sub-list-wrapper":!0,"gux-shown":this.isShown}},t("div",{key:"38e81a94cfc2ef6e5cb8460507412ade83254de1",role:"list",class:"gux-sub-list-content",ref:e=>this.subListContentElement=e},t("slot",{key:"27f2f932530bd1abaedccb992bf5cd75afc5277e"}))))}static get delegatesFocus(){return!0}get root(){return o(this)}};y.style=":host{inline-size:100%;text-align:start;outline:none}:host([disabled]){pointer-events:none}:host([disabled=false]){pointer-events:auto}::slotted(gux-icon){inline-size:var(--gse-ui-menu-option-startIcon-height);block-size:var(--gse-ui-menu-option-startIcon-height);margin-inline-end:var(--gse-ui-menu-option-gap);vertical-align:middle}button{all:unset;box-sizing:border-box;inline-size:100%;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1);background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none}button:focus-visible:not(:disabled){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button:hover:not(:disabled){background:var(--gse-ui-menu-option-hover-backgroundColor)}button: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);background:var(--gse-ui-menu-option-selected-backgroundColor)}button:disabled{cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}::slotted(*){margin:0}button.gux-sub-list-button{display:flex;flex-direction:row;justify-content:space-between}button gux-icon{align-self:center;color:var(--gse-ui-menu-option-parentIcon-selected-foregroundColor)}.gux-sub-list-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;visibility:hidden;flex-direction:column;inline-size:130px;padding:var(--gse-ui-menu-padding);margin:0;background-color:var(--gse-ui-menu-backgroundColor);border:none;border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}.gux-sub-list-wrapper.gux-shown{visibility:visible}";export{x as gux_rich_style_list_item,k as gux_rich_text_editor_menu,y as gux_rich_text_editor_sub_list}
@@ -1 +1 @@
1
- import{r as e,h as t,H as a,g as o}from"./p-c2a62a18.js";import{t as i}from"./p-7f87dad7.js";const s=class{constructor(t){e(this,t)}componentWillLoad(){i(this.root)}render(){return t(a,{key:"1f9a024e9fc7311a9d17fbc3051f9bf2ab08957f"},t("div",{key:"12d1d8ab1554c18fb61a931ddb32f0273623474f",class:"gux-header"},t("div",{key:"e3941013e1fda705b9162f63ea0fa67d5117cada",class:"gux-icon"},t("slot",{key:"f762f1093279049d338e159c6ea51e08c1e1bf26",name:"icon"})),t("div",{key:"74240e60cc41fc5549a049bfab1973ee46b1278b",class:"gux-title"},t("slot",{key:"1962c619bd581b82d00b8ba2f3c6fa1c690737db",name:"title"}))),t("div",{key:"e306de45dcde9134177a891164164f6fc2447901",class:"gux-message"},t("slot",{key:"bfb3755509c0b3132c011a90ea6c96f18690e3b6",name:"message"})),t("div",{key:"cf20ae80e0d9f4299ef4f39b8be946fb44029860",class:"gux-action-buttons"},t("div",{key:"46c0363d0c4214696966cc2196c2f121c6052aa7",class:"gux-positive-button"},t("slot",{key:"d78dad51eba1a86386fd9f21bf3957a03f941c37",name:"positive-button"})),t("div",{key:"0e573f2ce2510d8c1d2b05d1944066b22207725f",class:"gux-negative-button"},t("slot",{key:"37acf4eef3aec626ede337826179adb629523b00",name:"negative-button"}))))}get root(){return o(this)}};s.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";export{s as gux_action_toast_legacy}
1
+ import{r as e,h as t,H as a,g as o}from"./p-c2a62a18.js";import{t as i}from"./p-da402bc8.js";const s=class{constructor(t){e(this,t)}componentWillLoad(){i(this.root)}render(){return t(a,{key:"1f9a024e9fc7311a9d17fbc3051f9bf2ab08957f"},t("div",{key:"12d1d8ab1554c18fb61a931ddb32f0273623474f",class:"gux-header"},t("div",{key:"e3941013e1fda705b9162f63ea0fa67d5117cada",class:"gux-icon"},t("slot",{key:"f762f1093279049d338e159c6ea51e08c1e1bf26",name:"icon"})),t("div",{key:"74240e60cc41fc5549a049bfab1973ee46b1278b",class:"gux-title"},t("slot",{key:"1962c619bd581b82d00b8ba2f3c6fa1c690737db",name:"title"}))),t("div",{key:"e306de45dcde9134177a891164164f6fc2447901",class:"gux-message"},t("slot",{key:"bfb3755509c0b3132c011a90ea6c96f18690e3b6",name:"message"})),t("div",{key:"cf20ae80e0d9f4299ef4f39b8be946fb44029860",class:"gux-action-buttons"},t("div",{key:"46c0363d0c4214696966cc2196c2f121c6052aa7",class:"gux-positive-button"},t("slot",{key:"d78dad51eba1a86386fd9f21bf3957a03f941c37",name:"positive-button"})),t("div",{key:"0e573f2ce2510d8c1d2b05d1944066b22207725f",class:"gux-negative-button"},t("slot",{key:"37acf4eef3aec626ede337826179adb629523b00",name:"negative-button"}))))}get root(){return o(this)}};s.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";export{s as gux_action_toast_legacy}
@@ -1 +1 @@
1
- import{r as e,h as n,g as a}from"./p-c2a62a18.js";import{t}from"./p-7f87dad7.js";import{O as i}from"./p-9df4dd07.js";import{h as o}from"./p-6d8b4027.js";const s=class{constructor(n){e(this,n),this.hasCallToAction=!1,this.hasGuidance=!1}onMutation(){this.hasCallToAction=o(this.root,"call-to-action"),this.hasGuidance=o(this.root,"additional-guidance")}renderCallToActionSlot(){if(this.hasCallToAction)return n("gux-button-slot",{accent:"primary"},n("slot",{name:"call-to-action"}))}renderGuidanceSlot(){if(this.hasGuidance)return n("div",{class:"gux-guidance"},n("slot",{name:"additional-guidance"}))}componentWillLoad(){t(this.root),this.hasCallToAction=o(this.root,"call-to-action"),this.hasGuidance=o(this.root,"additional-guidance")}render(){return n("div",{key:"761e3d38781b7f10c444b52f16feefcaef7591a9",class:"gux-container"},n("div",{key:"9e166ea09c11c2c59193da15521d63a3461651e5",class:"gux-image"},n("slot",{key:"0c5762d1375451f2c8528721a04f319fee03cc81",name:"image"})),n("div",{key:"f1060ef6636b673d0e55d105b2a425f4ccc49987",class:"gux-message"},n("slot",{key:"f377b70b59ff6520667d9efa4c70196187931fc2",name:"primary-message"})),this.renderGuidanceSlot(),this.renderCallToActionSlot())}get root(){return a(this)}};(function(e,n,a,t){var i,o=arguments.length,s=o<3?n:null===t?t=Object.getOwnPropertyDescriptor(n,a):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,n,a,t);else for(var r=e.length-1;r>=0;r--)(i=e[r])&&(s=(o<3?i(s):o>3?i(n,a,s):i(n,a))||s);o>3&&s&&Object.defineProperty(n,a,s)})([i({childList:!0,subtree:!0})],s.prototype,"onMutation",null),s.style=":host {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n container-type: inline-size;\n}\n\n.gux-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: var(--gse-ui-blankState-padding);\n color: var(--gse-ui-blankState-foregroundColor);\n}\n.gux-container .gux-image {\n padding-block-end: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n padding-block-end: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n padding-block-end: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n inline-size: var(--gse-ui-blankState-icon-size-lg);\n block-size: var(--gse-ui-blankState-icon-size-lg);\n color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n}\n\n@container (width < 570px) {\n .gux-container ::slotted(gux-icon) {\n inline-size: var(--gse-ui-blankState-icon-size-sm);\n block-size: var(--gse-ui-blankState-icon-size-sm);\n }\n .gux-container slot[name=primary-message] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n }\n .gux-container slot[name=additional-guidance] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n }\n}";export{s as gux_blank_state}
1
+ import{r as e,h as n,g as a}from"./p-c2a62a18.js";import{t}from"./p-da402bc8.js";import{O as i}from"./p-9df4dd07.js";import{h as o}from"./p-6d8b4027.js";const s=class{constructor(n){e(this,n),this.hasCallToAction=!1,this.hasGuidance=!1}onMutation(){this.hasCallToAction=o(this.root,"call-to-action"),this.hasGuidance=o(this.root,"additional-guidance")}renderCallToActionSlot(){if(this.hasCallToAction)return n("gux-button-slot",{accent:"primary"},n("slot",{name:"call-to-action"}))}renderGuidanceSlot(){if(this.hasGuidance)return n("div",{class:"gux-guidance"},n("slot",{name:"additional-guidance"}))}componentWillLoad(){t(this.root),this.hasCallToAction=o(this.root,"call-to-action"),this.hasGuidance=o(this.root,"additional-guidance")}render(){return n("div",{key:"761e3d38781b7f10c444b52f16feefcaef7591a9",class:"gux-container"},n("div",{key:"9e166ea09c11c2c59193da15521d63a3461651e5",class:"gux-image"},n("slot",{key:"0c5762d1375451f2c8528721a04f319fee03cc81",name:"image"})),n("div",{key:"f1060ef6636b673d0e55d105b2a425f4ccc49987",class:"gux-message"},n("slot",{key:"f377b70b59ff6520667d9efa4c70196187931fc2",name:"primary-message"})),this.renderGuidanceSlot(),this.renderCallToActionSlot())}get root(){return a(this)}};(function(e,n,a,t){var i,o=arguments.length,s=o<3?n:null===t?t=Object.getOwnPropertyDescriptor(n,a):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,n,a,t);else for(var r=e.length-1;r>=0;r--)(i=e[r])&&(s=(o<3?i(s):o>3?i(n,a,s):i(n,a))||s);o>3&&s&&Object.defineProperty(n,a,s)})([i({childList:!0,subtree:!0})],s.prototype,"onMutation",null),s.style=":host {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n container-type: inline-size;\n}\n\n.gux-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: var(--gse-ui-blankState-padding);\n color: var(--gse-ui-blankState-foregroundColor);\n}\n.gux-container .gux-image {\n padding-block-end: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n padding-block-end: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n padding-block-end: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n inline-size: var(--gse-ui-blankState-icon-size-lg);\n block-size: var(--gse-ui-blankState-icon-size-lg);\n color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n}\n\n@container (width < 570px) {\n .gux-container ::slotted(gux-icon) {\n inline-size: var(--gse-ui-blankState-icon-size-sm);\n block-size: var(--gse-ui-blankState-icon-size-sm);\n }\n .gux-container slot[name=primary-message] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n }\n .gux-container slot[name=additional-guidance] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n }\n}";export{s as gux_blank_state}
@@ -1 +1 @@
1
- import{r as t,f as e,h as s,g as i}from"./p-c2a62a18.js";import{t as r}from"./p-7f87dad7.js";import{h as o}from"./p-b2e29026.js";import{O as a}from"./p-6a2b1013.js";import{b as n}from"./p-cf0e7d3b.js";import{b as l}from"./p-16feb2a1.js";import{t as u}from"./p-f01d2320.js";import"./p-43af726d.js";import"./p-4202e9f2.js";const h=class{constructor(e){t(this,e),this.value=void 0,this.expanded=!1,this.disabled=!1}onClickOutside(){this.expanded=!1}watchValue(t){this.validateValue(t,this.listElement)}watchDisabled(t){t&&(this.expanded=!1)}onInternallistitemsupdated(t){t.stopPropagation(),e(this.root)}handleKeydown(t){const e=t.composedPath().includes(this.actionButton),s=t.composedPath().includes(this.listElement);switch(t.key){case"Escape":s&&(t.preventDefault(),this.expanded=!1,this.actionButton.focus());break;case"ArrowDown":case"Enter":e&&!this.expanded&&(t.preventDefault(),this.expanded=!0,this.focusFirstListItem());break;case"Tab":this.expanded=!1;break;case"ArrowUp":e&&!this.expanded&&(t.preventDefault(),this.expanded=!0,this.focusLastListItem())}}handleKeyup(t){" "===t.key&&t.composedPath().includes(this.actionButton)&&(t.preventDefault(),this.expanded=!0,this.focusFirstListItem())}focusFirstListItem(){n((()=>{this.listElement.guxFocusFirstItem()}))}focusLastListItem(){n((()=>{this.listElement.guxFocusLastItem()}))}async componentWillLoad(){r(this.root),this.i18n=await l(this.root,u)}componentWillRender(){(null==this?void 0:this.listElement)&&this.validateValue(this.value,this.listElement)}validateValue(t,e){void 0!==t?this.getListItemElementByValue(t)&&(e.value=t):e.value=t}get listItemElements(){const t=this.listElement.querySelector("slot");if(t)return Array.from(t.assignedElements())}getListItemElementByValue(t){return this.listItemElements.find((e=>e.value===t))}renderTargetDisplay(){if(null==this?void 0:this.listElement){const t=this.getListItemElementByValue(this.value);if(t)return s("span",null,this.renderListItem(t))}}renderMenu(){return s("div",{class:"gux-target-display"},this.renderTargetDisplay(),s("gux-icon",{"icon-name":this.expanded?"custom/chevron-up-small-regular":"custom/chevron-down-small-regular","screenreader-text":this.i18n("richStyleDropdown")}))}renderListItem(t){return s("gux-truncate",{"max-lines":1},t.textContent)}renderTooltip(){if(!this.disabled&&!this.expanded)return s("gux-tooltip-beta",null,s("div",{slot:"content"},this.i18n("richStyle")))}onActionButtonClick(){this.expanded=!this.expanded,this.expanded&&this.focusFirstListItem()}updateValue(t){this.value!==t&&(this.value=t)}onListClick(t){const e=t.target.closest("gux-rich-style-list-item");e&&(this.expanded=!1,this.updateValue(e.value),this.actionButton.focus())}renderPopup(){return s("div",{class:"gux-list-container",slot:"popup"},s("gux-rich-text-editor-list",{ref:t=>this.listElement=t,onClick:t=>this.onListClick(t)},s("slot",null)))}renderTarget(){return s("gux-button-slot",{accent:"ghost",slot:"target","icon-only":!0},s("button",{type:"button",ref:t=>this.actionButton=t,class:{"gux-is-pressed":this.expanded},onClick:()=>this.onActionButtonClick(),disabled:this.disabled||o(this.root),"aria-haspopup":"true","aria-expanded":this.expanded.toString()},this.renderMenu()),this.renderTooltip())}render(){return s("gux-popup",{key:"a0ab8d22aeefe6381bc2aa164aa88719f83ae884",expanded:this.expanded,exceedTargetWidth:!0,placement:"bottom-start"},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return i(this)}static get watchers(){return{value:["watchValue"],disabled:["watchDisabled"]}}};(function(t,e,s,i){var r,o=arguments.length,a=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,s,i);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(o<3?r(a):o>3?r(e,s,a):r(e,s))||a);o>3&&a&&Object.defineProperty(e,s,a)})([a({triggerEvents:"mousedown"})],h.prototype,"onClickOutside",null),h.style=":host{display:block}gux-button-slot button .gux-target-display{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:center}gux-button-slot button.gux-is-pressed{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}.gux-list-container{inline-size:214px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{h as gux_rich_text_editor_action_rich_style}
1
+ import{r as t,f as e,h as s,g as i}from"./p-c2a62a18.js";import{t as r}from"./p-da402bc8.js";import{h as o}from"./p-b2e29026.js";import{O as a}from"./p-6a2b1013.js";import{b as n}from"./p-cf0e7d3b.js";import{b as l}from"./p-16feb2a1.js";import{t as u}from"./p-f01d2320.js";import"./p-43af726d.js";import"./p-4202e9f2.js";const h=class{constructor(e){t(this,e),this.value=void 0,this.expanded=!1,this.disabled=!1}onClickOutside(){this.expanded=!1}watchValue(t){this.validateValue(t,this.listElement)}watchDisabled(t){t&&(this.expanded=!1)}onInternallistitemsupdated(t){t.stopPropagation(),e(this.root)}handleKeydown(t){const e=t.composedPath().includes(this.actionButton),s=t.composedPath().includes(this.listElement);switch(t.key){case"Escape":s&&(t.preventDefault(),this.expanded=!1,this.actionButton.focus());break;case"ArrowDown":case"Enter":e&&!this.expanded&&(t.preventDefault(),this.expanded=!0,this.focusFirstListItem());break;case"Tab":this.expanded=!1;break;case"ArrowUp":e&&!this.expanded&&(t.preventDefault(),this.expanded=!0,this.focusLastListItem())}}handleKeyup(t){" "===t.key&&t.composedPath().includes(this.actionButton)&&(t.preventDefault(),this.expanded=!0,this.focusFirstListItem())}focusFirstListItem(){n((()=>{this.listElement.guxFocusFirstItem()}))}focusLastListItem(){n((()=>{this.listElement.guxFocusLastItem()}))}async componentWillLoad(){r(this.root),this.i18n=await l(this.root,u)}componentWillRender(){(null==this?void 0:this.listElement)&&this.validateValue(this.value,this.listElement)}validateValue(t,e){void 0!==t?this.getListItemElementByValue(t)&&(e.value=t):e.value=t}get listItemElements(){const t=this.listElement.querySelector("slot");if(t)return Array.from(t.assignedElements())}getListItemElementByValue(t){return this.listItemElements.find((e=>e.value===t))}renderTargetDisplay(){if(null==this?void 0:this.listElement){const t=this.getListItemElementByValue(this.value);if(t)return s("span",null,this.renderListItem(t))}}renderMenu(){return s("div",{class:"gux-target-display"},this.renderTargetDisplay(),s("gux-icon",{"icon-name":this.expanded?"custom/chevron-up-small-regular":"custom/chevron-down-small-regular","screenreader-text":this.i18n("richStyleDropdown")}))}renderListItem(t){return s("gux-truncate",{"max-lines":1},t.textContent)}renderTooltip(){if(!this.disabled&&!this.expanded)return s("gux-tooltip-beta",null,s("div",{slot:"content"},this.i18n("richStyle")))}onActionButtonClick(){this.expanded=!this.expanded,this.expanded&&this.focusFirstListItem()}updateValue(t){this.value!==t&&(this.value=t)}onListClick(t){const e=t.target.closest("gux-rich-style-list-item");e&&(this.expanded=!1,this.updateValue(e.value),this.actionButton.focus())}renderPopup(){return s("div",{class:"gux-list-container",slot:"popup"},s("gux-rich-text-editor-list",{ref:t=>this.listElement=t,onClick:t=>this.onListClick(t)},s("slot",null)))}renderTarget(){return s("gux-button-slot",{accent:"ghost",slot:"target","icon-only":!0},s("button",{type:"button",ref:t=>this.actionButton=t,class:{"gux-is-pressed":this.expanded},onClick:()=>this.onActionButtonClick(),disabled:this.disabled||o(this.root),"aria-haspopup":"true","aria-expanded":this.expanded.toString()},this.renderMenu()),this.renderTooltip())}render(){return s("gux-popup",{key:"a0ab8d22aeefe6381bc2aa164aa88719f83ae884",expanded:this.expanded,exceedTargetWidth:!0,placement:"bottom-start"},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return i(this)}static get watchers(){return{value:["watchValue"],disabled:["watchDisabled"]}}};(function(t,e,s,i){var r,o=arguments.length,a=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,s,i);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(o<3?r(a):o>3?r(e,s,a):r(e,s))||a);o>3&&a&&Object.defineProperty(e,s,a)})([a({triggerEvents:"mousedown"})],h.prototype,"onClickOutside",null),h.style=":host{display:block}gux-button-slot button .gux-target-display{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:center}gux-button-slot button.gux-is-pressed{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}.gux-list-container{inline-size:214px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{h as gux_rich_text_editor_action_rich_style}
@@ -1 +1 @@
1
- import{r as t,h as e,H as o,g as s}from"./p-c2a62a18.js";import{r as i}from"./p-0934300e.js";import{t as a}from"./p-7f87dad7.js";import{b as r}from"./p-16feb2a1.js";import{O as n}from"./p-6a2b1013.js";import{b as u}from"./p-cf0e7d3b.js";import{w as c}from"./p-e97879b4.js";import"./p-4202e9f2.js";const d={contextMenuScreenreaderText:"Context menu"};const b=class{constructor(e){t(this,e),this.buttonId=i(),this.compact=!1,this.disabled=!1,this.screenreaderText="",this.placement="bottom-start",this.isOpen=!1}onClickOutside(){this.isOpen=!1}handleKeyDown(t){const e=t.composedPath().includes(this.listElement),o=t.composedPath().includes(this.button);switch(t.key){case"Escape":e&&(t.preventDefault(),this.isOpen=!1,this.button.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":o&&!this.isOpen&&(t.preventDefault(),this.isOpen=!0,this.focusFirstListItem());break;case"ArrowUp":o&&!this.isOpen&&(t.preventDefault(),this.isOpen=!0,this.focusLastListItem())}}handleKeyup(t){" "===t.key&&t.composedPath().includes(this.button)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstListItem())}focusFirstListItem(){u((()=>{this.listElement.guxFocusFirstItem()}))}focusLastListItem(){u((()=>{this.listElement.guxFocusLastItem()}))}onButtonClick(){this.isOpen=!this.isOpen,this.isOpen&&this.focusFirstListItem()}onListClick(t){c("gux-list-item",t,(()=>{this.isOpen=!1,this.button.focus()}))}async componentWillLoad(){a(this.root),this.i18n=await r(this.root,d)}render(){return e(o,{key:"446f10e68dfe34ed330491db4821e76011e8d92f"},e("gux-popup",{key:"93ae8993045a368f0f21f279816861484bae0094",placement:this.placement,expanded:this.isOpen,offset:4,"exceed-target-width":!0},e("div",{key:"ee3f6fa47d348711311e3a0efa21bf2bd9defd0e",slot:"target",class:"gux-button-container"},e("gux-button-slot",{key:"266a52f7bcb4f7382f3d54230db7129ce43ff9d8",accent:"ghost"},e("button",{key:"02646255c00803293f83bb24a895ebfbe2532745",type:"button",onClick:()=>this.onButtonClick(),id:this.buttonId,class:{"gux-compact":this.compact},ref:t=>this.button=t,"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),disabled:this.disabled},e("gux-icon",{key:"6df1d65f82ff48ef940fc4fbefc352603a650ccb","icon-name":"fa/ellipsis-vertical-regular","screenreader-text":this.screenreaderText||this.i18n("contextMenuScreenreaderText"),size:"small"})))),e("div",{key:"a80a79000a616a4d8007f70fda9fc07b40ef7a4a",slot:"popup",class:"gux-list-container"},e("gux-list",{key:"b0dd7d5f41a613552303ec52db02eef128f55551",onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},e("slot",{key:"060a9a39885458945b9950b5065201e8054dd443"})))))}static get delegatesFocus(){return!0}get root(){return s(this)}};(function(t,e,o,s){var i,a=arguments.length,r=a<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,o,s);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(r=(a<3?i(r):a>3?i(e,o,r):i(e,o))||r);a>3&&r&&Object.defineProperty(e,o,r)})([n({triggerEvents:"click"})],b.prototype,"onClickOutside",null),b.style=":host{display:block;max-inline-size:fit-content;white-space:normal}gux-icon{color:var(--gse-ui-button-ghost-default-foregroundColor)}button{block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-paddingIconOnly);border-radius:var(--gse-ui-button-borderRadius)}button.gux-compact{block-size:var(--gse-ui-button-compact-height);padding:var(--gse-ui-button-compact-paddingIconOnly)}button:hover:enabled{background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button:hover:enabled gux-icon{color:var(--gse-ui-button-ghost-hover-foregroundColor)}button:active:enabled{background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button:active:enabled gux-icon{color:var(--gse-ui-button-ghost-active-foregroundColor)}button[disabled]{opacity:var(--gse-ui-button-disabled-opacity)}.gux-list-container{inline-size:var(--gse-ui-contextMenu-menu-width);max-block-size:var(--gse-ui-contextMenu-menu-maxHeight);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{b as gux_context_menu}
1
+ import{r as t,h as e,H as o,g as s}from"./p-c2a62a18.js";import{r as i}from"./p-0934300e.js";import{t as a}from"./p-da402bc8.js";import{b as r}from"./p-16feb2a1.js";import{O as n}from"./p-6a2b1013.js";import{b as c}from"./p-cf0e7d3b.js";import{w as u}from"./p-e97879b4.js";import"./p-4202e9f2.js";const d={contextMenuScreenreaderText:"Context menu"};const b=class{constructor(e){t(this,e),this.buttonId=i(),this.compact=!1,this.disabled=!1,this.screenreaderText="",this.placement="bottom-start",this.isOpen=!1}onClickOutside(){this.isOpen=!1}handleKeyDown(t){const e=t.composedPath().includes(this.listElement),o=t.composedPath().includes(this.button);switch(t.key){case"Escape":e&&(t.preventDefault(),this.isOpen=!1,this.button.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":o&&!this.isOpen&&(t.preventDefault(),this.isOpen=!0,this.focusFirstListItem());break;case"ArrowUp":o&&!this.isOpen&&(t.preventDefault(),this.isOpen=!0,this.focusLastListItem())}}handleKeyup(t){" "===t.key&&t.composedPath().includes(this.button)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstListItem())}focusFirstListItem(){c((()=>{this.listElement.guxFocusFirstItem()}))}focusLastListItem(){c((()=>{this.listElement.guxFocusLastItem()}))}onButtonClick(){this.isOpen=!this.isOpen,this.isOpen&&this.focusFirstListItem()}onListClick(t){u("gux-list-item",t,(()=>{this.isOpen=!1,this.button.focus()}))}async componentWillLoad(){a(this.root),this.i18n=await r(this.root,d)}render(){return e(o,{key:"446f10e68dfe34ed330491db4821e76011e8d92f"},e("gux-popup",{key:"93ae8993045a368f0f21f279816861484bae0094",placement:this.placement,expanded:this.isOpen,offset:4,"exceed-target-width":!0},e("div",{key:"ee3f6fa47d348711311e3a0efa21bf2bd9defd0e",slot:"target",class:"gux-button-container"},e("gux-button-slot",{key:"266a52f7bcb4f7382f3d54230db7129ce43ff9d8",accent:"ghost"},e("button",{key:"02646255c00803293f83bb24a895ebfbe2532745",type:"button",onClick:()=>this.onButtonClick(),id:this.buttonId,class:{"gux-compact":this.compact},ref:t=>this.button=t,"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),disabled:this.disabled},e("gux-icon",{key:"6df1d65f82ff48ef940fc4fbefc352603a650ccb","icon-name":"fa/ellipsis-vertical-regular","screenreader-text":this.screenreaderText||this.i18n("contextMenuScreenreaderText"),size:"small"})))),e("div",{key:"a80a79000a616a4d8007f70fda9fc07b40ef7a4a",slot:"popup",class:"gux-list-container"},e("gux-list",{key:"b0dd7d5f41a613552303ec52db02eef128f55551",onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},e("slot",{key:"060a9a39885458945b9950b5065201e8054dd443"})))))}static get delegatesFocus(){return!0}get root(){return s(this)}};(function(t,e,o,s){var i,a=arguments.length,r=a<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,o,s);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(r=(a<3?i(r):a>3?i(e,o,r):i(e,o))||r);a>3&&r&&Object.defineProperty(e,o,r)})([n({triggerEvents:"click"})],b.prototype,"onClickOutside",null),b.style=":host{display:block;max-inline-size:fit-content;white-space:normal}gux-icon{color:var(--gse-ui-button-ghost-default-foregroundColor)}button{block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-paddingIconOnly);border-radius:var(--gse-ui-button-borderRadius)}button.gux-compact{block-size:var(--gse-ui-button-compact-height);padding:var(--gse-ui-button-compact-paddingIconOnly)}button:hover:enabled{background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button:hover:enabled gux-icon{color:var(--gse-ui-button-ghost-hover-foregroundColor)}button:active:enabled{background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button:active:enabled gux-icon{color:var(--gse-ui-button-ghost-active-foregroundColor)}button[disabled]{opacity:var(--gse-ui-button-disabled-opacity)}.gux-list-container{inline-size:var(--gse-ui-contextMenu-menu-width);max-block-size:var(--gse-ui-contextMenu-menu-maxHeight);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";export{b as gux_context_menu}
@@ -1 +1 @@
1
- import{r as t,c as i,d as e,h as r,g as o}from"./p-c2a62a18.js";import{O as n}from"./p-26772091.js";import{h as s}from"./p-6d8b4027.js";import{t as a}from"./p-7f87dad7.js";import{g as d}from"./p-b2e29026.js";import{b as c}from"./p-16feb2a1.js";import{t as h}from"./p-f01d2320.js";import"./p-43af726d.js";import"./p-4202e9f2.js";const l=class{constructor(e){t(this,e),this.guxToggleAction=i(this,"guxToggleAction",7),this.disabled=!1,this.typographicalEmphasisActions=[],this.textStylingActions=[],this.listsAndIndentationActions=[],this.insertingActions=[]}checkResponsiveLayout(){e((()=>{this.handleOverflow(),this.getHiddenActions()}))}async componentWillLoad(){a(this.root),this.i18n=await c(this.root,h)}componentDidLoad(){this.checkResponsiveLayout()}componentDidUpdate(){this.handleOverflow()}isOverFlowing(){var t;const i=null===(t=this.root)||void 0===t?void 0:t.shadowRoot.querySelector(".gux-rich-text-editor-toolbar-container");return Array.from(i.children).filter((t=>!t.classList.contains("gux-hidden"))).reduce(((t,i)=>t+i.clientWidth),0)>i.clientWidth}handleOverflow(){const t=Array.from(this.root.querySelectorAll("gux-rich-text-editor-action-group"));for(;this.isOverFlowing();){let i=!1;for(let e=t.length-1;e>=0;e--)if(!t[e].classList.contains("gux-hidden")){t[e].classList.add("gux-hidden"),i=!0;break}if(!i)break}for(const i of t)if(i.classList.contains("gux-hidden")&&(i.classList.remove("gux-hidden"),this.isOverFlowing())){i.classList.add("gux-hidden");break}}getHiddenActions(){this.typographicalEmphasisActions=d(this.root,'gux-rich-text-editor-action-group[slot="typographical-emphasis"]',"gux-hidden"),this.listsAndIndentationActions=d(this.root,'gux-rich-text-editor-action-group[slot="lists-indentation"]',"gux-hidden"),this.textStylingActions=d(this.root,'gux-rich-text-editor-action-group[slot="text-styling"]',"gux-hidden"),this.insertingActions=d(this.root,'gux-rich-text-editor-action-group[slot="inserting"]',"gux-hidden")}getAllActions(){return[...this.textStylingActions,...this.typographicalEmphasisActions,...this.listsAndIndentationActions,...this.insertingActions]}categorizeActions(t){const i=[],e=[],r=[];return t.forEach((t=>{t.startsWith("rich-style-")?i.push(t.slice(11)):t.startsWith("highlight-")?e.push(t.slice(10)):r.push(t)})),{richStyleActions:i,highlightActions:e,filteredActions:r}}renderListItems(t,i=!1){return t.map(((t,e)=>{const o=t.replace(/<\/?[^>]+(>|$)/g,"");return r("gux-rich-style-list-item",Object.assign({onClick:()=>this.guxToggleAction.emit(o),key:e,value:o},i?{innerHTML:t}:{}),!i&&(this.i18n(o)||o))}))}renderSubList(t,i,e=!1){if(i.length>0)return r("gux-rich-text-editor-sub-list",{label:this.i18n(t)},this.renderListItems(i,e))}renderHighlightSubList(t){if(t.length>0)return r("gux-rich-text-editor-sub-list",{label:this.i18n("textHighlight")},this.renderListItems(t),r("gux-rich-style-list-item",{onClick:()=>this.guxToggleAction.emit("noHighlightAction"),value:"noHighlight"},r("gux-truncate",{"max-lines":1},this.i18n("noHighlight"))))}renderTextEditorMenu(){const t=this.getAllActions();if(t.length>0){const{richStyleActions:i,highlightActions:e,filteredActions:o}=this.categorizeActions(t);return r("gux-rich-text-editor-menu",null,this.renderListItems(o),this.renderSubList("richStyle",i,!0),this.renderHighlightSubList(e))}}renderSlot(t,i){return s(this.root,t)?r("div",{class:i},r("slot",{name:t})):null}renderTypographicalEmphasis(){return this.renderSlot("typographical-emphasis","gux-typographical-emphasis-container")}renderTextStyling(){return this.renderSlot("text-styling","gux-text-styling-container")}renderListsIndentation(){return this.renderSlot("lists-indentation","gux-lists-indentation-container")}renderInserting(){return this.renderSlot("inserting","gux-inserting-container")}renderGlobalAction(){return this.renderSlot("global-action","gux-global-action-container")}render(){return r("div",{key:"40a431abfae4b59ab2cb5d6858669d95d67dd70f",class:{"gux-rich-text-editor-container":!0,"gux-disabled":this.disabled}},r("div",{key:"d69396356a78fe4f3af77c5d0da2d475085cb57b",class:"gux-rich-text-editor-toolbar-container"},this.renderTypographicalEmphasis(),this.renderTextStyling(),this.renderListsIndentation(),this.renderInserting(),this.renderTextEditorMenu(),this.renderGlobalAction()),r("slot",{key:"8346fe65a8764fc084dfb38857cd2309f4f89835",name:"editor"}))}get root(){return o(this)}};(function(t,i,e,r){var o,n=arguments.length,s=n<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,r);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(s=(n<3?o(s):n>3?o(i,e,s):o(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([n()],l.prototype,"checkResponsiveLayout",null),l.style=":host{display:block}.gux-rich-text-editor-container{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--gse-ui-rte-innerContainer-gap);inline-size:100%;max-inline-size:100%;padding:var(--gse-ui-rte-padding);overflow:auto;background-color:var(--gse-ui-formControl-input-backgroundColor);border:var(--gse-ui-rte-mainContainer-default-border-width) var(--gse-ui-rte-mainContainer-default-border-color) var(--gse-ui-rte-mainContainer-default-border-style);border-radius:var(--gse-ui-rte-container-borderRadius)}.gux-rich-text-editor-container .gux-rich-text-editor-toolbar-container{display:flex;flex-direction:row;justify-content:flex-start}.gux-rich-text-editor-container .gux-rich-text-editor-toolbar-container .gux-global-action-container{margin-inline-start:auto}.gux-rich-text-editor-container.gux-disabled{pointer-events:none;cursor:default;user-select:none;border:var(--gse-ui-rte-mainContainer-disabled-border-width) var(--gse-ui-rte-mainContainer-disabled-border-color) var(--gse-ui-rte-mainContainer-disabled-border-style);opacity:0.5}.gux-rich-text-editor-container:active:enabled{border:var(--gse-ui-rte-mainContainer-active-border-width) var(--gse-ui-rte-mainContainer-active-border-color) var(--gse-ui-rte-mainContainer-active-border-style)}.gux-rich-text-editor-container:focus-within:not(.gux-disabled),.gux-rich-text-editor-container:hover:not(.gux-disabled){border:var(--gse-ui-rte-mainContainer-hover-border-width) var(--gse-ui-rte-mainContainer-hover-border-color) var(--gse-ui-rte-mainContainer-hover-border-style)}.gux-rich-text-editor-container:focus-within:not(.gux-disabled){outline:var(--gse-ui-rte-mainContainer-focus-border-width) var(--gse-ui-rte-mainContainer-focus-border-color) var(--gse-ui-rte-mainContainer-focus-border-style)}";export{l as gux_rich_text_editor_beta}
1
+ import{r as t,c as i,d as e,h as r,g as o}from"./p-c2a62a18.js";import{O as n}from"./p-26772091.js";import{h as s}from"./p-6d8b4027.js";import{t as a}from"./p-da402bc8.js";import{g as d}from"./p-b2e29026.js";import{b as c}from"./p-16feb2a1.js";import{t as h}from"./p-f01d2320.js";import"./p-43af726d.js";import"./p-4202e9f2.js";const l=class{constructor(e){t(this,e),this.guxToggleAction=i(this,"guxToggleAction",7),this.disabled=!1,this.typographicalEmphasisActions=[],this.textStylingActions=[],this.listsAndIndentationActions=[],this.insertingActions=[]}checkResponsiveLayout(){e((()=>{this.handleOverflow(),this.getHiddenActions()}))}async componentWillLoad(){a(this.root),this.i18n=await c(this.root,h)}componentDidLoad(){this.checkResponsiveLayout()}componentDidUpdate(){this.handleOverflow()}isOverFlowing(){var t;const i=null===(t=this.root)||void 0===t?void 0:t.shadowRoot.querySelector(".gux-rich-text-editor-toolbar-container");return Array.from(i.children).filter((t=>!t.classList.contains("gux-hidden"))).reduce(((t,i)=>t+i.clientWidth),0)>i.clientWidth}handleOverflow(){const t=Array.from(this.root.querySelectorAll("gux-rich-text-editor-action-group"));for(;this.isOverFlowing();){let i=!1;for(let e=t.length-1;e>=0;e--)if(!t[e].classList.contains("gux-hidden")){t[e].classList.add("gux-hidden"),i=!0;break}if(!i)break}for(const i of t)if(i.classList.contains("gux-hidden")&&(i.classList.remove("gux-hidden"),this.isOverFlowing())){i.classList.add("gux-hidden");break}}getHiddenActions(){this.typographicalEmphasisActions=d(this.root,'gux-rich-text-editor-action-group[slot="typographical-emphasis"]',"gux-hidden"),this.listsAndIndentationActions=d(this.root,'gux-rich-text-editor-action-group[slot="lists-indentation"]',"gux-hidden"),this.textStylingActions=d(this.root,'gux-rich-text-editor-action-group[slot="text-styling"]',"gux-hidden"),this.insertingActions=d(this.root,'gux-rich-text-editor-action-group[slot="inserting"]',"gux-hidden")}getAllActions(){return[...this.textStylingActions,...this.typographicalEmphasisActions,...this.listsAndIndentationActions,...this.insertingActions]}categorizeActions(t){const i=[],e=[],r=[];return t.forEach((t=>{t.startsWith("rich-style-")?i.push(t.slice(11)):t.startsWith("highlight-")?e.push(t.slice(10)):r.push(t)})),{richStyleActions:i,highlightActions:e,filteredActions:r}}renderListItems(t,i=!1){return t.map(((t,e)=>{const o=t.replace(/<\/?[^>]+(>|$)/g,"");return r("gux-rich-style-list-item",Object.assign({onClick:()=>this.guxToggleAction.emit(o),key:e,value:o},i?{innerHTML:t}:{}),!i&&(this.i18n(o)||o))}))}renderSubList(t,i,e=!1){if(i.length>0)return r("gux-rich-text-editor-sub-list",{label:this.i18n(t)},this.renderListItems(i,e))}renderHighlightSubList(t){if(t.length>0)return r("gux-rich-text-editor-sub-list",{label:this.i18n("textHighlight")},this.renderListItems(t),r("gux-rich-style-list-item",{onClick:()=>this.guxToggleAction.emit("noHighlightAction"),value:"noHighlight"},r("gux-truncate",{"max-lines":1},this.i18n("noHighlight"))))}renderTextEditorMenu(){const t=this.getAllActions();if(t.length>0){const{richStyleActions:i,highlightActions:e,filteredActions:o}=this.categorizeActions(t);return r("gux-rich-text-editor-menu",null,this.renderListItems(o),this.renderSubList("richStyle",i,!0),this.renderHighlightSubList(e))}}renderSlot(t,i){return s(this.root,t)?r("div",{class:i},r("slot",{name:t})):null}renderTypographicalEmphasis(){return this.renderSlot("typographical-emphasis","gux-typographical-emphasis-container")}renderTextStyling(){return this.renderSlot("text-styling","gux-text-styling-container")}renderListsIndentation(){return this.renderSlot("lists-indentation","gux-lists-indentation-container")}renderInserting(){return this.renderSlot("inserting","gux-inserting-container")}renderGlobalAction(){return this.renderSlot("global-action","gux-global-action-container")}render(){return r("div",{key:"40a431abfae4b59ab2cb5d6858669d95d67dd70f",class:{"gux-rich-text-editor-container":!0,"gux-disabled":this.disabled}},r("div",{key:"d69396356a78fe4f3af77c5d0da2d475085cb57b",class:"gux-rich-text-editor-toolbar-container"},this.renderTypographicalEmphasis(),this.renderTextStyling(),this.renderListsIndentation(),this.renderInserting(),this.renderTextEditorMenu(),this.renderGlobalAction()),r("slot",{key:"8346fe65a8764fc084dfb38857cd2309f4f89835",name:"editor"}))}get root(){return o(this)}};(function(t,i,e,r){var o,n=arguments.length,s=n<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,r);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(s=(n<3?o(s):n>3?o(i,e,s):o(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([n()],l.prototype,"checkResponsiveLayout",null),l.style=":host{display:block}.gux-rich-text-editor-container{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--gse-ui-rte-innerContainer-gap);inline-size:100%;max-inline-size:100%;padding:var(--gse-ui-rte-padding);overflow:auto;background-color:var(--gse-ui-formControl-input-backgroundColor);border:var(--gse-ui-rte-mainContainer-default-border-width) var(--gse-ui-rte-mainContainer-default-border-color) var(--gse-ui-rte-mainContainer-default-border-style);border-radius:var(--gse-ui-rte-container-borderRadius)}.gux-rich-text-editor-container .gux-rich-text-editor-toolbar-container{display:flex;flex-direction:row;justify-content:flex-start}.gux-rich-text-editor-container .gux-rich-text-editor-toolbar-container .gux-global-action-container{margin-inline-start:auto}.gux-rich-text-editor-container.gux-disabled{pointer-events:none;cursor:default;user-select:none;border:var(--gse-ui-rte-mainContainer-disabled-border-width) var(--gse-ui-rte-mainContainer-disabled-border-color) var(--gse-ui-rte-mainContainer-disabled-border-style);opacity:0.5}.gux-rich-text-editor-container:active:enabled{border:var(--gse-ui-rte-mainContainer-active-border-width) var(--gse-ui-rte-mainContainer-active-border-color) var(--gse-ui-rte-mainContainer-active-border-style)}.gux-rich-text-editor-container:focus-within:not(.gux-disabled),.gux-rich-text-editor-container:hover:not(.gux-disabled){border:var(--gse-ui-rte-mainContainer-hover-border-width) var(--gse-ui-rte-mainContainer-hover-border-color) var(--gse-ui-rte-mainContainer-hover-border-style)}.gux-rich-text-editor-container:focus-within:not(.gux-disabled){outline:var(--gse-ui-rte-mainContainer-focus-border-width) var(--gse-ui-rte-mainContainer-focus-border-color) var(--gse-ui-rte-mainContainer-focus-border-style)}";export{l as gux_rich_text_editor_beta}
@@ -1 +1 @@
1
- import{r as t,c as o,h as a,g as s}from"./p-c2a62a18.js";import{t as e}from"./p-7f87dad7.js";import{h as i}from"./p-6d8b4027.js";import{a as n}from"./p-8eaf8caf.js";const r=class{constructor(a){t(this,a),this.guxdismiss=o(this,"guxdismiss",7),this.toastType="success",this.hasLink=!1,this.hasPrimaryButton=!1,this.hasSecondaryButton=!1}componentWillLoad(){e(this.root,{variant:this.toastType}),this.hasPrimaryButton=i(this.root,"primary-button"),this.hasSecondaryButton=i(this.root,"secondary-button"),this.hasLink=i(this.root,"link")}componentDidLoad(){this.checkAriaLive()}checkAriaLive(){let t=this.root.parentElement;for(;t;){if(t.hasAttribute("aria-live"))return;t=t.parentElement}n(this.root,"gux-toast must have a parent element with an `aria-live` attribute")}renderToastIcon(){switch(this.toastType){case"success":return a("gux-icon",{"icon-name":"fa/circle-check-solid",decorative:!0});case"warning":return a("gux-icon",{"icon-name":"fa/triangle-exclamation-solid",decorative:!0});case"error":return a("gux-icon",{"icon-name":"fa/hexagon-exclamation-solid",decorative:!0});case"info":return a("gux-icon",{"icon-name":"fa/circle-info-solid",decorative:!0});case"action":return a("slot",{name:"icon"})}}renderLink(){return a("div",{class:"gux-buttons-bar"},a("gux-link-beta",{standalone:!0},a("slot",{name:"link"})))}renderActions(){return a("gux-cta-group",{class:"gux-buttons-bar",align:"end"},this.hasSecondaryButton&&a("gux-button-slot",{slot:"secondary"},a("slot",{name:"secondary-button"})),a("gux-button-slot",{slot:"primary"},a("slot",{name:"primary-button"})))}render(){return a("div",{key:"ce0bcc99ac3578cb3e3699cd09f41fb5749cba47",class:`gux-toast gux-toast-${this.toastType}`},a("div",{key:"68204dff3bbef05163347f17a738072fb3aa7297",class:`gux-icon gux-icon-${this.toastType}`},this.renderToastIcon()),a("div",{key:"046d719d4f620e59a4de75e6be15045b59acd3dd",class:"gux-content"},a("div",{key:"748c8736d3ba84d90b2aea7b67cd7ce174c64729",class:"gux-message"},a("gux-truncate",{key:"e92fe7024f0f7e265aff213c4e7313d40c1a084b",class:"gux-message-title","max-lines":1},a("slot",{key:"2933d8e8b3ccb95d95fc84969e20e57a86afe92a",name:"title"})),a("gux-truncate",{key:"6ca1eb9c458e97c20b5d8a607358c39440f1a975",class:"gux-message-body","max-lines":2},a("slot",{key:"b2c5ab195271e1122144b750dcc8eeec939d2365",name:"message"}))),"action"!==this.toastType&&this.hasLink&&this.renderLink(),"action"===this.toastType&&this.hasPrimaryButton&&this.renderActions()),a("gux-dismiss-button",{key:"1819f59f0930eb56ec8adf56684def7009ab514e",position:"inherit",onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(t){t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return s(this)}};r.style=".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;inline-size:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-block-end:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow)}.gux-toast .gux-icon ::slotted(gux-icon){inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{inline-size:100%}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";export{r as gux_toast}
1
+ import{r as t,c as o,h as a,g as s}from"./p-c2a62a18.js";import{t as e}from"./p-da402bc8.js";import{h as i}from"./p-6d8b4027.js";import{a as n}from"./p-8eaf8caf.js";const r=class{constructor(a){t(this,a),this.guxdismiss=o(this,"guxdismiss",7),this.toastType="success",this.hasLink=!1,this.hasPrimaryButton=!1,this.hasSecondaryButton=!1}componentWillLoad(){e(this.root,{variant:this.toastType}),this.hasPrimaryButton=i(this.root,"primary-button"),this.hasSecondaryButton=i(this.root,"secondary-button"),this.hasLink=i(this.root,"link")}componentDidLoad(){this.checkAriaLive()}checkAriaLive(){let t=this.root.parentElement;for(;t;){if(t.hasAttribute("aria-live"))return;t=t.parentElement}n(this.root,"gux-toast must have a parent element with an `aria-live` attribute")}renderToastIcon(){switch(this.toastType){case"success":return a("gux-icon",{"icon-name":"fa/circle-check-solid",decorative:!0});case"warning":return a("gux-icon",{"icon-name":"fa/triangle-exclamation-solid",decorative:!0});case"error":return a("gux-icon",{"icon-name":"fa/hexagon-exclamation-solid",decorative:!0});case"info":return a("gux-icon",{"icon-name":"fa/circle-info-solid",decorative:!0});case"action":return a("slot",{name:"icon"})}}renderLink(){return a("div",{class:"gux-buttons-bar"},a("gux-link-beta",{standalone:!0},a("slot",{name:"link"})))}renderActions(){return a("gux-cta-group",{class:"gux-buttons-bar",align:"end"},this.hasSecondaryButton&&a("gux-button-slot",{slot:"secondary"},a("slot",{name:"secondary-button"})),a("gux-button-slot",{slot:"primary"},a("slot",{name:"primary-button"})))}render(){return a("div",{key:"ce0bcc99ac3578cb3e3699cd09f41fb5749cba47",class:`gux-toast gux-toast-${this.toastType}`},a("div",{key:"68204dff3bbef05163347f17a738072fb3aa7297",class:`gux-icon gux-icon-${this.toastType}`},this.renderToastIcon()),a("div",{key:"046d719d4f620e59a4de75e6be15045b59acd3dd",class:"gux-content"},a("div",{key:"748c8736d3ba84d90b2aea7b67cd7ce174c64729",class:"gux-message"},a("gux-truncate",{key:"e92fe7024f0f7e265aff213c4e7313d40c1a084b",class:"gux-message-title","max-lines":1},a("slot",{key:"2933d8e8b3ccb95d95fc84969e20e57a86afe92a",name:"title"})),a("gux-truncate",{key:"6ca1eb9c458e97c20b5d8a607358c39440f1a975",class:"gux-message-body","max-lines":2},a("slot",{key:"b2c5ab195271e1122144b750dcc8eeec939d2365",name:"message"}))),"action"!==this.toastType&&this.hasLink&&this.renderLink(),"action"===this.toastType&&this.hasPrimaryButton&&this.renderActions()),a("gux-dismiss-button",{key:"1819f59f0930eb56ec8adf56684def7009ab514e",position:"inherit",onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(t){t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return s(this)}};r.style=".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;inline-size:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-block-end:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow)}.gux-toast .gux-icon ::slotted(gux-icon){inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{inline-size:100%}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";export{r as gux_toast}
@@ -1 +1 @@
1
- import{r as e,f as t,h as o,g as i}from"./p-c2a62a18.js";import{c as r,o as n}from"./p-f4751a15.js";import{O as l}from"./p-9df4dd07.js";import{o as a}from"./p-6b12dd16.js";import{p as s}from"./p-a11d5d42.js";import{h as f}from"./p-6d8b4027.js";import{a as u,G as d}from"./p-546eb56a.js";import{G as p,a as h}from"./p-a99c18b5.js";import{h as g,b as c,c as x,g as m,v as b,a as v}from"./p-4aaf349e.js";import{t as C}from"./p-7f87dad7.js";import{f as y}from"./p-54822e3b.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const k=class{constructor(t){e(this,t),this.clearable=void 0,this.labelPosition=void 0,this.loading=!1,this.indicatorMark="required",this.hasPrefix=void 0,this.hasSuffix=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help")}handleKeyup(e){var t,o;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async guxForceUpdate(){this.hasContent=g(this.input),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help"),t(this.root)}renderRadialLoading(){if(this.loading)return o("gux-radial-loading",{context:"input"})}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help"),this.hasPrefix=Boolean(this.root.querySelector('[slot="prefix"]')),this.hasSuffix=Boolean(this.root.querySelector('[slot="suffix"]')),this.hasPrefix&&c(this.root,this.input,"prefix"),this.hasSuffix&&c(this.root,this.input,"suffix"),C(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return o(h,{key:"68e00776c9d7aa3da3127a45afd1c41e489789c5",labelPosition:this.computedLabelPosition},o(p,{key:"bd9e5d11020da48bc1d68d4db5bfd91d8e45fd3b",required:this.required,position:this.computedLabelPosition},o("slot",{key:"af4288db1d595dc4d3dba7fa9531daa6aeedeef3",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"4d61f084f9798e2269150fe6c04f7cfaef648bd5",variant:this.indicatorMark,required:this.required}),o("slot",{key:"0039a71e4fe7f4c9188f570476075e6b8efaa8b3",name:"label-info"})),o("div",{key:"cd8c5cc2353be18d79c074986113316b5066eb27",class:"gux-input-and-error-container"},o("div",{key:"9d48e7469cd2e7cd571d6667aa29858190cbc6fd",class:{"gux-input":!0,"gux-input-error":this.hasError}},o("div",{key:"373307a838f545d62af649e2b2832c38ec771027",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-has-prefix":this.hasPrefix,"gux-has-suffix":this.hasSuffix},onClick:()=>y(this.input)},o("slot",{key:"c41c80f86071eb9efdef094d4121063453f53a1c",name:"prefix"}),o("slot",{key:"da1b8631d91dbb0675397742ff7f049f454a25d8",name:"input"}),this.renderRadialLoading(),o("slot",{key:"504da3e4370b177d91e8b35055109c42058b3a5d",name:"suffix"}),this.clearable&&this.hasContent&&!this.disabled&&o("gux-form-field-input-clear-button",{key:"62612f269755b0fa31d2ea80ac6feddb16656784",onClick:()=>x(this.input)}))),o(u,{key:"e88b34fc940e53852ae06989b57624d8b39dced7",show:this.hasError},o("slot",{key:"f0dd772baf89ae7a32ca1c8a88bf4fbe94a3f491",name:"error"})),o(d,{key:"b1106c14dfa41ff32866ef21b6e8885715ad4ba7",show:!this.hasError&&this.hasHelp},o("slot",{key:"0a08c63fcbd379c95f72dcd812bde1344730942a",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=m(this.root,'input[type="email"][slot="input"], input[type="number"][slot="input"], input[type="password"][slot="input"], input[type="text"][slot="input"]'),this.hasContent=g(this.input),s(this.input),this.input.addEventListener("input",(()=>{this.hasContent=g(this.input)})),this.disabled=r(this.input),this.required=this.input.required,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=a(this.input,(e=>{this.required=e})),b(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=v(this.label,this.labelPosition)}get root(){return i(this)}};(function(e,t,o,i){var r,n=arguments.length,l=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(l=(n<3?r(l):n>3?r(t,o,l):r(t,o))||l);n>3&&l&&Object.defineProperty(t,o,l)})([l({childList:!0,subtree:!0})],k.prototype,"onMutation",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;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}slot[name=prefix],slot[name=suffix]{font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-prefixSufix-defaultColor);text-align:center;white-space:nowrap;text-decoration:none}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);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);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:end}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container: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 .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";export{k as gux_form_field_text_like}
1
+ import{r as e,f as t,h as o,g as i}from"./p-c2a62a18.js";import{c as r,o as n}from"./p-f4751a15.js";import{O as l}from"./p-9df4dd07.js";import{o as a}from"./p-6b12dd16.js";import{p as s}from"./p-a11d5d42.js";import{h as f}from"./p-6d8b4027.js";import{a as u,G as d}from"./p-546eb56a.js";import{G as p,a as h}from"./p-a99c18b5.js";import{h as g,b as c,c as x,g as m,v as b,a as v}from"./p-4aaf349e.js";import{t as C}from"./p-da402bc8.js";import{f as y}from"./p-54822e3b.js";import"./p-0934300e.js";import"./p-8eaf8caf.js";import"./p-2c25e2f2.js";const k=class{constructor(t){e(this,t),this.clearable=void 0,this.labelPosition=void 0,this.loading=!1,this.indicatorMark="required",this.hasPrefix=void 0,this.hasSuffix=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help")}handleKeyup(e){var t,o;"Tab"===e.key?this.input.matches(":focus-visible")&&(null===(t=this.labelInfo)||void 0===t||t.showTooltip(),this.hideLabelInfoTimeout=setTimeout((()=>{var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip()}),6e3)):this.input.matches(":focus-visible")&&(null===(o=this.labelInfo)||void 0===o||o.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout))}onFocusout(){var e;null===(e=this.labelInfo)||void 0===e||e.hideTooltip(),clearTimeout(this.hideLabelInfoTimeout)}async guxForceUpdate(){this.hasContent=g(this.input),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help"),t(this.root)}renderRadialLoading(){if(this.loading)return o("gux-radial-loading",{context:"input"})}componentWillLoad(){this.setInput(),this.setLabel(),this.labelInfo=this.root.querySelector("[slot=label-info]"),this.hasError=f(this.root,"error"),this.hasHelp=f(this.root,"help"),this.hasPrefix=Boolean(this.root.querySelector('[slot="prefix"]')),this.hasSuffix=Boolean(this.root.querySelector('[slot="suffix"]')),this.hasPrefix&&c(this.root,this.input,"prefix"),this.hasSuffix&&c(this.root,this.input,"suffix"),C(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return o(h,{key:"68e00776c9d7aa3da3127a45afd1c41e489789c5",labelPosition:this.computedLabelPosition},o(p,{key:"bd9e5d11020da48bc1d68d4db5bfd91d8e45fd3b",required:this.required,position:this.computedLabelPosition},o("slot",{key:"af4288db1d595dc4d3dba7fa9531daa6aeedeef3",name:"label",onSlotchange:()=>this.setLabel()}),o("gux-form-field-label-indicator",{key:"4d61f084f9798e2269150fe6c04f7cfaef648bd5",variant:this.indicatorMark,required:this.required}),o("slot",{key:"0039a71e4fe7f4c9188f570476075e6b8efaa8b3",name:"label-info"})),o("div",{key:"cd8c5cc2353be18d79c074986113316b5066eb27",class:"gux-input-and-error-container"},o("div",{key:"9d48e7469cd2e7cd571d6667aa29858190cbc6fd",class:{"gux-input":!0,"gux-input-error":this.hasError}},o("div",{key:"373307a838f545d62af649e2b2832c38ec771027",class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-has-prefix":this.hasPrefix,"gux-has-suffix":this.hasSuffix},onClick:()=>y(this.input)},o("slot",{key:"c41c80f86071eb9efdef094d4121063453f53a1c",name:"prefix"}),o("slot",{key:"da1b8631d91dbb0675397742ff7f049f454a25d8",name:"input"}),this.renderRadialLoading(),o("slot",{key:"504da3e4370b177d91e8b35055109c42058b3a5d",name:"suffix"}),this.clearable&&this.hasContent&&!this.disabled&&o("gux-form-field-input-clear-button",{key:"62612f269755b0fa31d2ea80ac6feddb16656784",onClick:()=>x(this.input)}))),o(u,{key:"e88b34fc940e53852ae06989b57624d8b39dced7",show:this.hasError},o("slot",{key:"f0dd772baf89ae7a32ca1c8a88bf4fbe94a3f491",name:"error"})),o(d,{key:"b1106c14dfa41ff32866ef21b6e8885715ad4ba7",show:!this.hasError&&this.hasHelp},o("slot",{key:"0a08c63fcbd379c95f72dcd812bde1344730942a",name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${e}`}setInput(){this.input=m(this.root,'input[type="email"][slot="input"], input[type="number"][slot="input"], input[type="password"][slot="input"], input[type="text"][slot="input"]'),this.hasContent=g(this.input),s(this.input),this.input.addEventListener("input",(()=>{this.hasContent=g(this.input)})),this.disabled=r(this.input),this.required=this.input.required,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=a(this.input,(e=>{this.required=e})),b(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=v(this.label,this.labelPosition)}get root(){return i(this)}};(function(e,t,o,i){var r,n=arguments.length,l=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(l=(n<3?r(l):n>3?r(t,o,l):r(t,o))||l);n>3&&l&&Object.defineProperty(t,o,l)})([l({childList:!0,subtree:!0})],k.prototype,"onMutation",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;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}slot[name=prefix],slot[name=suffix]{font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-prefixSufix-defaultColor);text-align:center;white-space:nowrap;text-decoration:none}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);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);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:end}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container: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 .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";export{k as gux_form_field_text_like}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,g as r}from"./p-c2a62a18.js";import{a as s,c as o,o as a,f as n}from"./p-864af39c.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-6a2b1013.js";import{t as f}from"./p-7f87dad7.js";import{b as x}from"./p-16feb2a1.js";import{u as b,g as k,a as m}from"./p-f36036e8.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 I=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.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),o=parseInt(r[i.indexOf("mm")],10)-1,a=parseInt(r[i.indexOf("dd")],10),n=new Date(s,o,a);return"yy"===this.yearFormat&&n.getFullYear()<1970&&this.lastYear>1970&&n.setFullYear(n.getFullYear()+100),n}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=c(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=h(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(w(this.format,this.focusedField.selectionStart)){case"d":{const t=l(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:r}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(r,(t=>i[t]));const{map:s,regexp:o}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(o,(t=>s[t]))}else{const t=l(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&d((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return l(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=w(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let r;switch(e){case"d":r=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,o,a;s=r,o=this.minDateDate,((a=this.maxDateDate)&&a<s||o&&o>s)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=D(e),r=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return r}(r,this.format),this.setValue()}async componentWillLoad(){if(f(this.root,{variant:this.mode}),this.i18n=await x(this.root,v),this.format=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(){o(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[a({crossAxis:-3}),n({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"fa/calendar-regular",size:"small"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{key:"51f5d5465d3d81d697aa26e3e92cefcaf6c1e5f1",class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return r(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,r){var s,o=arguments.length,a=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(a=(o<3?s(a):o>3?s(e,i,a):s(e,i))||a);o>3&&a&&Object.defineProperty(e,i,a)})([g({triggerEvents:"mousedown"})],I.prototype,"onClickOutside",null),I.style=":host{display:block;inline-size:fit-content}.gux-datepicker{display:flex}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;inline-size:100%;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-inline-start:var(--gse-ui-datePicker-range-gap)}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-block-start:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-inline-end:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-inline-end:var(--gse-ui-formControl-helper-gap);font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;inline-size:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-small-size));padding:0;overflow:hidden;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:transparent;border:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);outline:none;background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-datePicker-iconHover);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{I as gux_datepicker}
1
+ import{r as t,c as e,h as i,g as r}from"./p-c2a62a18.js";import{a as s,c as o,o as a,f as n}from"./p-864af39c.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-6a2b1013.js";import{t as f}from"./p-da402bc8.js";import{b as x}from"./p-16feb2a1.js";import{u as b,g as k,a as m}from"./p-f36036e8.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 I=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.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),o=parseInt(r[i.indexOf("mm")],10)-1,a=parseInt(r[i.indexOf("dd")],10),n=new Date(s,o,a);return"yy"===this.yearFormat&&n.getFullYear()<1970&&this.lastYear>1970&&n.setFullYear(n.getFullYear()+100),n}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=c(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=h(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(w(this.format,this.focusedField.selectionStart)){case"d":{const t=l(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:r}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(r,(t=>i[t]));const{map:s,regexp:o}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(o,(t=>s[t]))}else{const t=l(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&d((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return l(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=w(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let r;switch(e){case"d":r=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,o,a;s=r,o=this.minDateDate,((a=this.maxDateDate)&&a<s||o&&o>s)&&(r=i),this.lastYear=r.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=D(e),r=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return r}(r,this.format),this.setValue()}async componentWillLoad(){if(f(this.root,{variant:this.mode}),this.i18n=await x(this.root,v),this.format=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(){o(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[a({crossAxis:-3}),n({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"fa/calendar-regular",size:"small"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{key:"51f5d5465d3d81d697aa26e3e92cefcaf6c1e5f1",class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return r(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,r){var s,o=arguments.length,a=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(a=(o<3?s(a):o>3?s(e,i,a):s(e,i))||a);o>3&&a&&Object.defineProperty(e,i,a)})([g({triggerEvents:"mousedown"})],I.prototype,"onClickOutside",null),I.style=":host{display:block;inline-size:fit-content}.gux-datepicker{display:flex}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;inline-size:100%;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-inline-start:var(--gse-ui-datePicker-range-gap)}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-block-start:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-inline-end:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-inline-end:var(--gse-ui-formControl-helper-gap);font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;inline-size:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-small-size));padding:0;overflow:hidden;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:transparent;border:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);outline:none;background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-datePicker-iconHover);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{I as gux_datepicker}
@@ -1 +1 @@
1
- import{r as t,c as e,f as s,d as i,h as a,H as h,g as o}from"./p-c2a62a18.js";import{b as n}from"./p-16feb2a1.js";import{w as l}from"./p-e97879b4.js";import{r}from"./p-0934300e.js";import{t as c}from"./p-7f87dad7.js";import{t as d}from"./p-408d5857.js";import"./p-4202e9f2.js";const g=class{constructor(i){t(this,i),this.guxselectionchanged=e(this,"guxselectionchanged",7),this.guxsortchanged=e(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>{this.prepareSelectableRows(),s(this)})),this.tableId=r("gux-table"),this.columnsWidths={},this.isVerticalScroll=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1,this.emptyMessage=void 0,this.resizableColumns=void 0}async componentWillLoad(){c(this.root),this.i18n=await n(this.root,d)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSelectableRows(),i((()=>{this.checkVerticalScroll()})),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{i((()=>{this.checkVerticalScroll()}))}))),this.resizeObserver&&(this.resizeObserver.observe(this.tableContainer),this.resizeObserver.observe(this.slottedTable)),this.slotObserver.observe(this.slottedTable,{subtree:!0,childList:!0})}checkVerticalScroll(){const t=this.tableContainer;this.isVerticalScroll=t.scrollHeight>t.clientHeight}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.tableContainer),this.resizeObserver.unobserve(this.slottedTable)),this.resizableColumns&&document.getElementById(`${this.tableId}-resizable-styles`).remove()}onInternalAllRowSelectChange(t){t.stopPropagation(),this.handleSelectAllRows(t.detail)}onInternalRowSelectChange(t){t.stopPropagation();const e=t.target;e.selected=t.detail,this.handleRowSelection(e)}onMouseMove(t){this.resizableColumns&&this.updateResizeState(t)}onMouseDown(t){this.resizableColumns&&this.maybeStartResizing(t)}onMouseUp(){this.resizableColumns&&this.stopResizing()}get tableContainer(){return this.root.shadowRoot.querySelector(".gux-table-container")}get slottedTable(){return this.root.querySelector('table[slot="data"]')}get tableRows(){return Array.from(this.slottedTable.querySelectorAll("tbody tr"))}get tableColumns(){return Array.from(this.slottedTable.querySelectorAll("thead th"))}get rowCheckboxes(){return Array.from(this.slottedTable.querySelectorAll("tbody tr td gux-row-select"))}get selectAllCheckbox(){return this.slottedTable.querySelector("thead tr th gux-all-row-select")}async getSelected(){return this.getSelectedInternal()}getSelectedInternal(){return{selectedRowIds:Array.from(this.rowCheckboxes).filter((t=>t.selected)).map((t=>t.closest("tr").getAttribute("data-row-id")))}}prepareSelectableRows(){this.rowCheckboxes.forEach((t=>{this.updateRowSelection(t)})),this.updateSelectAllBoxState()}updateSelectAllBoxState(){const t=this.selectAllCheckbox;if(t){const e=this.rowCheckboxes,s=e.filter((t=>!t.disabled)),i=s.filter((t=>t.selected)),a=Boolean(e.length),h=i.length===s.length,o=0===i.length;t.selected=a&&h,t.setIndeterminate(a&&!h&&!o)}}handleSelectAllRows(t){this.rowCheckboxes.forEach((e=>{e.disabled||(e.selected=t,this.updateRowSelection(e))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const e=t.closest("tr");t.selected?e.setAttribute("data-selected-row",""):e.removeAttribute("data-selected-row")}prepareResizableColumns(){const t=document.createElement("style");t.id=`${this.tableId}-resizable-styles`,document.querySelector("head").appendChild(t),this.calculateColumnWidths(this.tableColumns).slice(0,-1).forEach((t=>this.columnsWidths[t.name]=t.width)),this.setResizableColumnsStyles()}updateResizeState(t){if(this.columnResizeState){const e=this.columnResizeState.resizableColumn.dataset.columnName,s=Math.max(this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX),1),i=this.calculateColumnWidths(this.tableColumns).map((t=>t.name===e?Object.assign(Object.assign({},t),{width:s}):t));this.columnsWidths[e]=i.find((t=>t.name===e)).width,this.setResizableColumnsStyles()}else this.columnResizeHover=!1,l("th",t,(e=>{this.tableColumns.length-1!==e.cellIndex&&this.isInResizeZone(t,e)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){l("th",t,(e=>{this.isInResizeZone(t,e)&&(this.columnResizeState={resizableColumn:e,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:e.clientWidth})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,e){return e.getBoundingClientRect().right-t.clientX<3}calculateColumnWidths(t){return t.map((t=>({name:t.dataset.columnName,width:t.clientWidth})))}setResizableColumnsStyles(){const t=document.getElementById(`${this.tableId}-resizable-styles`);let e="";Object.keys(this.columnsWidths).forEach((t=>{e+=`[gs-table-id=${this.tableId}] th[data-column-name="${t}"]{\n width:${String(this.columnsWidths[t])}px;\n min-width:${String(this.columnsWidths[t])}px;\n }`})),t.innerHTML=e}get isTableEmpty(){return!this.root.children[0]||this.tableRows.length<1}get tableContainerClasses(){return{"gux-table-container":!0,"gux-column-resizing":Boolean(this.columnResizeState),"gux-column-resizing-hover":this.columnResizeHover}}render(){return a(h,{key:"bd389cfd9c07dd80a974b4aa42679a32cc823251","gs-table-id":this.tableId,"gs-obj-table":this.objectTable,"gs-compact":this.compact},a("div",{key:"d23a9885c0d82a90509b1e681da8a993bfb502a6",class:"gux-table"},a("div",{key:"9aaca56f3ab9d94c407608e025a591ca8794bf68",tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},a("slot",{key:"ec9282a8e491bfc0592ff5adfeb1d52787c3d451",name:"data"})),this.isTableEmpty&&a("div",{key:"e66e25529aaeba857630213be99627b59c598acc",class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return o(this)}};g.style=":host{position:relative;display:block}:host .gux-table{position:relative;block-size:inherit}:host .gux-table .gux-table-container{max-block-size:100%;overflow:auto;scrollbar-color:var(--gse-ui-dataTableItems-scrollbar-foregroundColor);scrollbar-width:thin}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;block-size:calc(100% - var(--gse-ui-dataTableItems-header-default-height));color:var(--gse-semantic-foreground-container-lowEmphasis);background:var(--gse-semantic-background-container-page-tonalSubtle);font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}";export{g as gux_table}
1
+ import{r as t,c as e,f as s,d as i,h as a,H as h,g as o}from"./p-c2a62a18.js";import{b as n}from"./p-16feb2a1.js";import{w as l}from"./p-e97879b4.js";import{r}from"./p-0934300e.js";import{t as c}from"./p-da402bc8.js";import{t as d}from"./p-408d5857.js";import"./p-4202e9f2.js";const g=class{constructor(i){t(this,i),this.guxselectionchanged=e(this,"guxselectionchanged",7),this.guxsortchanged=e(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>{this.prepareSelectableRows(),s(this)})),this.tableId=r("gux-table"),this.columnsWidths={},this.isVerticalScroll=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1,this.emptyMessage=void 0,this.resizableColumns=void 0}async componentWillLoad(){c(this.root),this.i18n=await n(this.root,d)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSelectableRows(),i((()=>{this.checkVerticalScroll()})),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{i((()=>{this.checkVerticalScroll()}))}))),this.resizeObserver&&(this.resizeObserver.observe(this.tableContainer),this.resizeObserver.observe(this.slottedTable)),this.slotObserver.observe(this.slottedTable,{subtree:!0,childList:!0})}checkVerticalScroll(){const t=this.tableContainer;this.isVerticalScroll=t.scrollHeight>t.clientHeight}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.tableContainer),this.resizeObserver.unobserve(this.slottedTable)),this.resizableColumns&&document.getElementById(`${this.tableId}-resizable-styles`).remove()}onInternalAllRowSelectChange(t){t.stopPropagation(),this.handleSelectAllRows(t.detail)}onInternalRowSelectChange(t){t.stopPropagation();const e=t.target;e.selected=t.detail,this.handleRowSelection(e)}onMouseMove(t){this.resizableColumns&&this.updateResizeState(t)}onMouseDown(t){this.resizableColumns&&this.maybeStartResizing(t)}onMouseUp(){this.resizableColumns&&this.stopResizing()}get tableContainer(){return this.root.shadowRoot.querySelector(".gux-table-container")}get slottedTable(){return this.root.querySelector('table[slot="data"]')}get tableRows(){return Array.from(this.slottedTable.querySelectorAll("tbody tr"))}get tableColumns(){return Array.from(this.slottedTable.querySelectorAll("thead th"))}get rowCheckboxes(){return Array.from(this.slottedTable.querySelectorAll("tbody tr td gux-row-select"))}get selectAllCheckbox(){return this.slottedTable.querySelector("thead tr th gux-all-row-select")}async getSelected(){return this.getSelectedInternal()}getSelectedInternal(){return{selectedRowIds:Array.from(this.rowCheckboxes).filter((t=>t.selected)).map((t=>t.closest("tr").getAttribute("data-row-id")))}}prepareSelectableRows(){this.rowCheckboxes.forEach((t=>{this.updateRowSelection(t)})),this.updateSelectAllBoxState()}updateSelectAllBoxState(){const t=this.selectAllCheckbox;if(t){const e=this.rowCheckboxes,s=e.filter((t=>!t.disabled)),i=s.filter((t=>t.selected)),a=Boolean(e.length),h=i.length===s.length,o=0===i.length;t.selected=a&&h,t.setIndeterminate(a&&!h&&!o)}}handleSelectAllRows(t){this.rowCheckboxes.forEach((e=>{e.disabled||(e.selected=t,this.updateRowSelection(e))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const e=t.closest("tr");t.selected?e.setAttribute("data-selected-row",""):e.removeAttribute("data-selected-row")}prepareResizableColumns(){const t=document.createElement("style");t.id=`${this.tableId}-resizable-styles`,document.querySelector("head").appendChild(t),this.calculateColumnWidths(this.tableColumns).slice(0,-1).forEach((t=>this.columnsWidths[t.name]=t.width)),this.setResizableColumnsStyles()}updateResizeState(t){if(this.columnResizeState){const e=this.columnResizeState.resizableColumn.dataset.columnName,s=Math.max(this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX),1),i=this.calculateColumnWidths(this.tableColumns).map((t=>t.name===e?Object.assign(Object.assign({},t),{width:s}):t));this.columnsWidths[e]=i.find((t=>t.name===e)).width,this.setResizableColumnsStyles()}else this.columnResizeHover=!1,l("th",t,(e=>{this.tableColumns.length-1!==e.cellIndex&&this.isInResizeZone(t,e)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){l("th",t,(e=>{this.isInResizeZone(t,e)&&(this.columnResizeState={resizableColumn:e,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:e.clientWidth})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,e){return e.getBoundingClientRect().right-t.clientX<3}calculateColumnWidths(t){return t.map((t=>({name:t.dataset.columnName,width:t.clientWidth})))}setResizableColumnsStyles(){const t=document.getElementById(`${this.tableId}-resizable-styles`);let e="";Object.keys(this.columnsWidths).forEach((t=>{e+=`[gs-table-id=${this.tableId}] th[data-column-name="${t}"]{\n width:${String(this.columnsWidths[t])}px;\n min-width:${String(this.columnsWidths[t])}px;\n }`})),t.innerHTML=e}get isTableEmpty(){return!this.root.children[0]||this.tableRows.length<1}get tableContainerClasses(){return{"gux-table-container":!0,"gux-column-resizing":Boolean(this.columnResizeState),"gux-column-resizing-hover":this.columnResizeHover}}render(){return a(h,{key:"bd389cfd9c07dd80a974b4aa42679a32cc823251","gs-table-id":this.tableId,"gs-obj-table":this.objectTable,"gs-compact":this.compact},a("div",{key:"d23a9885c0d82a90509b1e681da8a993bfb502a6",class:"gux-table"},a("div",{key:"9aaca56f3ab9d94c407608e025a591ca8794bf68",tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},a("slot",{key:"ec9282a8e491bfc0592ff5adfeb1d52787c3d451",name:"data"})),this.isTableEmpty&&a("div",{key:"e66e25529aaeba857630213be99627b59c598acc",class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return o(this)}};g.style=":host{position:relative;display:block}:host .gux-table{position:relative;block-size:inherit}:host .gux-table .gux-table-container{max-block-size:100%;overflow:auto;scrollbar-color:var(--gse-ui-dataTableItems-scrollbar-foregroundColor);scrollbar-width:thin}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;block-size:calc(100% - var(--gse-ui-dataTableItems-header-default-height));color:var(--gse-semantic-foreground-container-lowEmphasis);background:var(--gse-semantic-background-container-page-tonalSubtle);font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}";export{g as gux_table}