genesys-spark-components 3.131.2 → 3.131.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (307) hide show
  1. package/dist/cjs/gux-accordion-legacy.cjs.entry.js +1 -1
  2. package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
  3. package/dist/cjs/gux-action-button-legacy.cjs.entry.js +1 -1
  4. package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
  5. package/dist/cjs/gux-action-list-legacy_2.cjs.entry.js +1 -1
  6. package/dist/cjs/gux-action-toast.cjs.entry.js +1 -1
  7. package/dist/cjs/gux-advanced-dropdown.cjs.entry.js +1 -1
  8. package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
  9. package/dist/cjs/gux-badge-beta.cjs.entry.js +1 -1
  10. package/dist/cjs/gux-blank-state-beta.cjs.entry.js +1 -1
  11. package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
  12. package/dist/cjs/gux-button-multi-legacy.cjs.entry.js +1 -1
  13. package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
  14. package/dist/cjs/gux-button-slot-beta.cjs.entry.js +1 -1
  15. package/dist/cjs/gux-button.cjs.entry.js +1 -1
  16. package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
  17. package/dist/cjs/gux-card-beta.cjs.entry.js +1 -1
  18. package/dist/cjs/gux-chart-column-beta.cjs.entry.js +1 -1
  19. package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +1 -1
  20. package/dist/cjs/gux-chart-line-beta.cjs.entry.js +1 -1
  21. package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +1 -1
  22. package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +1 -1
  23. package/dist/cjs/gux-column-manager-beta.cjs.entry.js +1 -1
  24. package/dist/cjs/gux-command-palette-legacy.cjs.entry.js +1 -1
  25. package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
  26. package/dist/cjs/gux-context-menu-beta.cjs.entry.js +1 -1
  27. package/dist/cjs/gux-copy-to-clipboard-beta.cjs.entry.js +1 -1
  28. package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
  29. package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
  30. package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
  31. package/dist/cjs/gux-disclosure-button.cjs.entry.js +1 -1
  32. package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
  33. package/dist/cjs/gux-dropdown-legacy.cjs.entry.js +1 -1
  34. package/dist/cjs/gux-dropdown-multi-beta.cjs.entry.js +1 -1
  35. package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
  36. package/dist/cjs/gux-error-message-beta_8.cjs.entry.js +1 -1
  37. package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +1 -1
  38. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
  39. package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
  40. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
  41. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
  42. package/dist/cjs/gux-form-field-legacy.cjs.entry.js +1 -1
  43. package/dist/cjs/gux-form-field-number_3.cjs.entry.js +1 -1
  44. package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
  45. package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
  46. package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
  47. package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
  48. package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
  49. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
  50. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
  51. package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
  52. package/dist/cjs/gux-icon.cjs.entry.js +1 -1
  53. package/dist/cjs/gux-inline-alert-beta.cjs.entry.js +1 -1
  54. package/dist/cjs/gux-list-item-legacy_2.cjs.entry.js +1 -1
  55. package/dist/cjs/gux-list.cjs.entry.js +1 -1
  56. package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
  57. package/dist/cjs/gux-loading-message-beta.cjs.entry.js +1 -1
  58. package/dist/cjs/gux-modal.cjs.entry.js +1 -1
  59. package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
  60. package/dist/cjs/gux-notification-toast.cjs.entry.js +1 -1
  61. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
  62. package/dist/cjs/gux-pagination-beta.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
  64. package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
  65. package/dist/cjs/gux-panel-frame-legacy.cjs.entry.js +1 -1
  66. package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
  67. package/dist/cjs/gux-popover-list-beta.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
  69. package/dist/cjs/gux-popover.cjs.entry.js +1 -1
  70. package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
  71. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  72. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-region-icon.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
  75. package/dist/cjs/gux-side-panel-legacy.cjs.entry.js +1 -1
  76. package/dist/cjs/gux-simple-toast.cjs.entry.js +1 -1
  77. package/dist/cjs/gux-skip-navigation-list-beta.cjs.entry.js +1 -1
  78. package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
  79. package/dist/cjs/gux-switch.cjs.entry.js +1 -1
  80. package/dist/cjs/gux-table-beta.cjs.entry.js +1 -1
  81. package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
  82. package/dist/cjs/gux-table-toolbar-beta.cjs.entry.js +7 -2
  83. package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
  84. package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
  85. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  86. package/dist/cjs/gux-tabs-legacy.cjs.entry.js +1 -1
  87. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  88. package/dist/cjs/gux-tag-beta.cjs.entry.js +1 -1
  89. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  90. package/dist/cjs/gux-text-label-legacy.cjs.entry.js +1 -1
  91. package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
  92. package/dist/cjs/gux-time-picker-beta.cjs.entry.js +1 -1
  93. package/dist/cjs/gux-time-zone-beta.cjs.entry.js +1 -1
  94. package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
  95. package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
  96. package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
  97. package/dist/cjs/gux-visualization-beta.cjs.entry.js +1 -1
  98. package/dist/cjs/{usage-a548dd2a.js → usage-7aba7167.js} +1 -1
  99. package/dist/collection/components/beta/gux-table-toolbar/gux-table-toolbar.js +3 -0
  100. package/dist/collection/components/beta/gux-table-toolbar/gux-table-toolbar.service.js +3 -1
  101. package/dist/collection/components/stable/gux-icon/icons/restricted/custom/sparkles-solid.svg +6 -0
  102. package/dist/deploy-info.json +3 -3
  103. package/dist/esm/gux-accordion-legacy.entry.js +1 -1
  104. package/dist/esm/gux-accordion.entry.js +1 -1
  105. package/dist/esm/gux-action-button-legacy.entry.js +1 -1
  106. package/dist/esm/gux-action-button.entry.js +1 -1
  107. package/dist/esm/gux-action-list-legacy_2.entry.js +1 -1
  108. package/dist/esm/gux-action-toast.entry.js +1 -1
  109. package/dist/esm/gux-advanced-dropdown.entry.js +1 -1
  110. package/dist/esm/gux-announce-beta.entry.js +1 -1
  111. package/dist/esm/gux-badge-beta.entry.js +1 -1
  112. package/dist/esm/gux-blank-state-beta.entry.js +1 -1
  113. package/dist/esm/gux-breadcrumbs.entry.js +1 -1
  114. package/dist/esm/gux-button-multi-legacy.entry.js +1 -1
  115. package/dist/esm/gux-button-multi.entry.js +1 -1
  116. package/dist/esm/gux-button-slot-beta.entry.js +1 -1
  117. package/dist/esm/gux-button.entry.js +1 -1
  118. package/dist/esm/gux-calendar.entry.js +1 -1
  119. package/dist/esm/gux-card-beta.entry.js +1 -1
  120. package/dist/esm/gux-chart-column-beta.entry.js +1 -1
  121. package/dist/esm/gux-chart-donut-beta.entry.js +1 -1
  122. package/dist/esm/gux-chart-line-beta.entry.js +1 -1
  123. package/dist/esm/gux-chart-pie-beta.entry.js +1 -1
  124. package/dist/esm/gux-chart-scatter-plot-beta.entry.js +1 -1
  125. package/dist/esm/gux-column-manager-beta.entry.js +1 -1
  126. package/dist/esm/gux-command-palette-legacy.entry.js +1 -1
  127. package/dist/esm/gux-content-search.entry.js +1 -1
  128. package/dist/esm/gux-context-menu-beta.entry.js +1 -1
  129. package/dist/esm/gux-copy-to-clipboard-beta.entry.js +1 -1
  130. package/dist/esm/gux-date-beta.entry.js +1 -1
  131. package/dist/esm/gux-date-time-beta.entry.js +1 -1
  132. package/dist/esm/gux-datepicker.entry.js +1 -1
  133. package/dist/esm/gux-disclosure-button.entry.js +1 -1
  134. package/dist/esm/gux-dismiss-button.entry.js +1 -1
  135. package/dist/esm/gux-dropdown-legacy.entry.js +1 -1
  136. package/dist/esm/gux-dropdown-multi-beta.entry.js +1 -1
  137. package/dist/esm/gux-dropdown_3.entry.js +1 -1
  138. package/dist/esm/gux-error-message-beta_8.entry.js +1 -1
  139. package/dist/esm/gux-flyout-menu-beta.entry.js +1 -1
  140. package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
  141. package/dist/esm/gux-form-field-color.entry.js +1 -1
  142. package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
  143. package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
  144. package/dist/esm/gux-form-field-legacy.entry.js +1 -1
  145. package/dist/esm/gux-form-field-number_3.entry.js +1 -1
  146. package/dist/esm/gux-form-field-phone.entry.js +1 -1
  147. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  148. package/dist/esm/gux-form-field-range.entry.js +1 -1
  149. package/dist/esm/gux-form-field-search.entry.js +1 -1
  150. package/dist/esm/gux-form-field-select.entry.js +1 -1
  151. package/dist/esm/gux-form-field-text-like.entry.js +1 -1
  152. package/dist/esm/gux-form-field-textarea.entry.js +1 -1
  153. package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
  154. package/dist/esm/gux-icon.entry.js +1 -1
  155. package/dist/esm/gux-inline-alert-beta.entry.js +1 -1
  156. package/dist/esm/gux-list-item-legacy_2.entry.js +1 -1
  157. package/dist/esm/gux-list.entry.js +1 -1
  158. package/dist/esm/gux-listbox-multi.entry.js +1 -1
  159. package/dist/esm/gux-loading-message-beta.entry.js +1 -1
  160. package/dist/esm/gux-modal.entry.js +1 -1
  161. package/dist/esm/gux-month-picker-beta.entry.js +1 -1
  162. package/dist/esm/gux-notification-toast.entry.js +1 -1
  163. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  164. package/dist/esm/gux-pagination-beta.entry.js +1 -1
  165. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  166. package/dist/esm/gux-pagination.entry.js +1 -1
  167. package/dist/esm/gux-panel-frame-legacy.entry.js +1 -1
  168. package/dist/esm/gux-phone-input-beta.entry.js +1 -1
  169. package/dist/esm/gux-popover-list-beta.entry.js +1 -1
  170. package/dist/esm/gux-popover-list.entry.js +1 -1
  171. package/dist/esm/gux-popover.entry.js +1 -1
  172. package/dist/esm/gux-radial-loading.entry.js +1 -1
  173. package/dist/esm/gux-radial-progress.entry.js +1 -1
  174. package/dist/esm/gux-rating.entry.js +1 -1
  175. package/dist/esm/gux-region-icon.entry.js +1 -1
  176. package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
  177. package/dist/esm/gux-side-panel-legacy.entry.js +1 -1
  178. package/dist/esm/gux-simple-toast.entry.js +1 -1
  179. package/dist/esm/gux-skip-navigation-list-beta.entry.js +1 -1
  180. package/dist/esm/gux-sort-control.entry.js +1 -1
  181. package/dist/esm/gux-switch.entry.js +1 -1
  182. package/dist/esm/gux-table-beta.entry.js +1 -1
  183. package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
  184. package/dist/esm/gux-table-toolbar-beta.entry.js +7 -2
  185. package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
  186. package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
  187. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  188. package/dist/esm/gux-tabs-legacy.entry.js +1 -1
  189. package/dist/esm/gux-tabs.entry.js +1 -1
  190. package/dist/esm/gux-tag-beta.entry.js +1 -1
  191. package/dist/esm/gux-text-highlight.entry.js +1 -1
  192. package/dist/esm/gux-text-label-legacy.entry.js +1 -1
  193. package/dist/esm/gux-time-beta.entry.js +1 -1
  194. package/dist/esm/gux-time-picker-beta.entry.js +1 -1
  195. package/dist/esm/gux-time-zone-beta.entry.js +1 -1
  196. package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
  197. package/dist/esm/gux-toggle.entry.js +1 -1
  198. package/dist/esm/gux-tooltip.entry.js +1 -1
  199. package/dist/esm/gux-visualization-beta.entry.js +1 -1
  200. package/dist/esm/{usage-4ec946ac.js → usage-e79743f4.js} +1 -1
  201. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  202. package/dist/genesys-webcomponents/icons/restricted/custom/sparkles-solid.svg +6 -0
  203. package/dist/genesys-webcomponents/{p-886fa15d.entry.js → p-01660317.entry.js} +1 -1
  204. package/dist/genesys-webcomponents/{p-e4f940d8.entry.js → p-04c5d93d.entry.js} +1 -1
  205. package/dist/genesys-webcomponents/{p-1d24eb9a.entry.js → p-05c8eeb8.entry.js} +1 -1
  206. package/dist/genesys-webcomponents/{p-ec406182.entry.js → p-05d17f33.entry.js} +1 -1
  207. package/dist/genesys-webcomponents/{p-d8df926c.entry.js → p-05dfa0af.entry.js} +1 -1
  208. package/dist/genesys-webcomponents/{p-456096fb.entry.js → p-08f12beb.entry.js} +1 -1
  209. package/dist/genesys-webcomponents/{p-11a7799d.entry.js → p-0b87e374.entry.js} +1 -1
  210. package/dist/genesys-webcomponents/{p-21cb7dda.entry.js → p-0c5ee387.entry.js} +1 -1
  211. package/dist/genesys-webcomponents/{p-d08b7546.entry.js → p-0ea5a3a2.entry.js} +1 -1
  212. package/dist/genesys-webcomponents/{p-2bf55956.entry.js → p-0f2c61d2.entry.js} +1 -1
  213. package/dist/genesys-webcomponents/{p-c92f760c.entry.js → p-11ef6b33.entry.js} +1 -1
  214. package/dist/genesys-webcomponents/{p-ee85a47d.entry.js → p-173fea8e.entry.js} +1 -1
  215. package/dist/genesys-webcomponents/{p-bf31403b.entry.js → p-19c25173.entry.js} +1 -1
  216. package/dist/genesys-webcomponents/{p-66c997a4.entry.js → p-1c08c4ff.entry.js} +1 -1
  217. package/dist/genesys-webcomponents/{p-1beeb216.entry.js → p-1f246aa5.entry.js} +1 -1
  218. package/dist/genesys-webcomponents/{p-3ad4e05a.entry.js → p-2425b0b9.entry.js} +1 -1
  219. package/dist/genesys-webcomponents/{p-c769166e.entry.js → p-27ab275b.entry.js} +1 -1
  220. package/dist/genesys-webcomponents/{p-8be19c53.entry.js → p-2b97e48a.entry.js} +1 -1
  221. package/dist/genesys-webcomponents/{p-d33ba517.entry.js → p-2be79dcd.entry.js} +1 -1
  222. package/dist/genesys-webcomponents/{p-fb331d57.entry.js → p-2be7bc04.entry.js} +1 -1
  223. package/dist/genesys-webcomponents/{p-f026b2f2.entry.js → p-2cae0b2e.entry.js} +1 -1
  224. package/dist/genesys-webcomponents/{p-955420d1.entry.js → p-3334ece5.entry.js} +1 -1
  225. package/dist/genesys-webcomponents/{p-370200c1.entry.js → p-34633e86.entry.js} +1 -1
  226. package/dist/genesys-webcomponents/{p-27ef48d0.entry.js → p-38775baf.entry.js} +1 -1
  227. package/dist/genesys-webcomponents/{p-c8a82486.entry.js → p-3962f82b.entry.js} +1 -1
  228. package/dist/genesys-webcomponents/{p-182d6771.entry.js → p-4027f01a.entry.js} +1 -1
  229. package/dist/genesys-webcomponents/{p-c5e4748b.entry.js → p-465e9e1b.entry.js} +1 -1
  230. package/dist/genesys-webcomponents/{p-b7d6a1bd.entry.js → p-477bc1ba.entry.js} +1 -1
  231. package/dist/genesys-webcomponents/{p-87178269.entry.js → p-48b6bf70.entry.js} +1 -1
  232. package/dist/genesys-webcomponents/{p-b18f5131.entry.js → p-48c5ea05.entry.js} +1 -1
  233. package/dist/genesys-webcomponents/{p-ee3cc123.entry.js → p-49186ef3.entry.js} +1 -1
  234. package/dist/genesys-webcomponents/{p-b51cf54f.entry.js → p-4c19b159.entry.js} +1 -1
  235. package/dist/genesys-webcomponents/{p-47e8d09a.entry.js → p-4e6d48f2.entry.js} +1 -1
  236. package/dist/genesys-webcomponents/{p-1131677d.entry.js → p-4f9aa3cc.entry.js} +1 -1
  237. package/dist/genesys-webcomponents/{p-937e5055.entry.js → p-53959adc.entry.js} +1 -1
  238. package/dist/genesys-webcomponents/{p-264a53d2.entry.js → p-5421feba.entry.js} +1 -1
  239. package/dist/genesys-webcomponents/{p-5f2986fa.entry.js → p-54731452.entry.js} +1 -1
  240. package/dist/genesys-webcomponents/{p-fb18a81f.entry.js → p-5a384f31.entry.js} +1 -1
  241. package/dist/genesys-webcomponents/{p-e54df090.entry.js → p-61f590f3.entry.js} +1 -1
  242. package/dist/genesys-webcomponents/{p-23d0bfe9.entry.js → p-6702f3b1.entry.js} +1 -1
  243. package/dist/genesys-webcomponents/{p-c9d3520a.entry.js → p-6746531f.entry.js} +1 -1
  244. package/dist/genesys-webcomponents/{p-c2ae205f.entry.js → p-6a8ba2dd.entry.js} +1 -1
  245. package/dist/genesys-webcomponents/{p-9b67a968.entry.js → p-6e9eb97e.entry.js} +1 -1
  246. package/dist/genesys-webcomponents/{p-c3604da4.entry.js → p-7302f1aa.entry.js} +1 -1
  247. package/dist/genesys-webcomponents/{p-48986f4b.entry.js → p-7305a81e.entry.js} +1 -1
  248. package/dist/genesys-webcomponents/{p-2d479995.entry.js → p-732fed22.entry.js} +1 -1
  249. package/dist/genesys-webcomponents/{p-28ef2506.entry.js → p-73e88a7a.entry.js} +1 -1
  250. package/dist/genesys-webcomponents/{p-6a4a62f7.entry.js → p-768793b9.entry.js} +1 -1
  251. package/dist/genesys-webcomponents/{p-078d2558.entry.js → p-77baffa7.entry.js} +1 -1
  252. package/dist/genesys-webcomponents/{p-c78244a7.entry.js → p-78aa9267.entry.js} +1 -1
  253. package/dist/genesys-webcomponents/{p-4f728e31.entry.js → p-7900027d.entry.js} +1 -1
  254. package/dist/genesys-webcomponents/{p-3ce8fce3.entry.js → p-7f3a4928.entry.js} +1 -1
  255. package/dist/genesys-webcomponents/{p-befa4858.entry.js → p-8c37778d.entry.js} +1 -1
  256. package/dist/genesys-webcomponents/{p-8fc7cd92.entry.js → p-8efd499b.entry.js} +1 -1
  257. package/dist/genesys-webcomponents/{p-cbf7d3d9.entry.js → p-90156c1b.entry.js} +1 -1
  258. package/dist/genesys-webcomponents/{p-6be2cc16.entry.js → p-90e63ee4.entry.js} +1 -1
  259. package/dist/genesys-webcomponents/{p-d8927988.entry.js → p-95fcee55.entry.js} +1 -1
  260. package/dist/genesys-webcomponents/{p-9739d3b0.entry.js → p-9a6565be.entry.js} +1 -1
  261. package/dist/genesys-webcomponents/{p-de145164.entry.js → p-9c11ff2c.entry.js} +1 -1
  262. package/dist/genesys-webcomponents/{p-e789eefc.entry.js → p-9e685ba4.entry.js} +1 -1
  263. package/dist/genesys-webcomponents/{p-f3ac88e2.entry.js → p-a06b9deb.entry.js} +1 -1
  264. package/dist/genesys-webcomponents/{p-be421878.entry.js → p-a219f86d.entry.js} +1 -1
  265. package/dist/genesys-webcomponents/{p-cc5b61db.entry.js → p-a635be69.entry.js} +1 -1
  266. package/dist/genesys-webcomponents/{p-8d65a723.entry.js → p-a6d6481a.entry.js} +1 -1
  267. package/dist/genesys-webcomponents/{p-5bcd48b2.entry.js → p-aa277f84.entry.js} +1 -1
  268. package/dist/genesys-webcomponents/{p-3a1f648a.entry.js → p-ac85ae4f.entry.js} +1 -1
  269. package/dist/genesys-webcomponents/{p-a46dc5b3.entry.js → p-adc6d544.entry.js} +1 -1
  270. package/dist/genesys-webcomponents/{p-ea07cab1.entry.js → p-b07afb78.entry.js} +1 -1
  271. package/dist/genesys-webcomponents/{p-4dc442ea.entry.js → p-b0f1ee6c.entry.js} +1 -1
  272. package/dist/genesys-webcomponents/{p-5a6305f4.entry.js → p-b2b97c24.entry.js} +1 -1
  273. package/dist/genesys-webcomponents/p-b4102460.entry.js +1 -0
  274. package/dist/genesys-webcomponents/{p-0b79ddfb.entry.js → p-b6d2b71c.entry.js} +1 -1
  275. package/dist/genesys-webcomponents/p-bd66e56f.entry.js +1 -0
  276. package/dist/genesys-webcomponents/{p-3a655830.entry.js → p-bde0f1e0.entry.js} +1 -1
  277. package/dist/genesys-webcomponents/{p-8979d8ed.entry.js → p-be9f8ea9.entry.js} +1 -1
  278. package/dist/genesys-webcomponents/{p-1acae408.entry.js → p-bf61b7ce.entry.js} +1 -1
  279. package/dist/genesys-webcomponents/{p-debc6b27.entry.js → p-c23a4f51.entry.js} +1 -1
  280. package/dist/genesys-webcomponents/{p-57fedb91.entry.js → p-c5f0c80f.entry.js} +1 -1
  281. package/dist/genesys-webcomponents/{p-ac0c793d.entry.js → p-cfb0987c.entry.js} +1 -1
  282. package/dist/genesys-webcomponents/{p-ed15c7f1.entry.js → p-cfb49d3e.entry.js} +1 -1
  283. package/dist/genesys-webcomponents/{p-ef3fa98b.entry.js → p-d419309d.entry.js} +1 -1
  284. package/dist/genesys-webcomponents/{p-100712a9.entry.js → p-d8fe7d69.entry.js} +1 -1
  285. package/dist/genesys-webcomponents/{p-b1b65e96.entry.js → p-da5ed5c4.entry.js} +1 -1
  286. package/dist/genesys-webcomponents/{p-37b1ec8a.entry.js → p-dab9ee84.entry.js} +1 -1
  287. package/dist/genesys-webcomponents/{p-75900eb9.entry.js → p-dc61d199.entry.js} +1 -1
  288. package/dist/genesys-webcomponents/{p-95639f30.entry.js → p-ddd48c60.entry.js} +1 -1
  289. package/dist/genesys-webcomponents/{p-e262700b.entry.js → p-e32b4d79.entry.js} +1 -1
  290. package/dist/genesys-webcomponents/{p-27c91519.entry.js → p-e3cf45a5.entry.js} +1 -1
  291. package/dist/genesys-webcomponents/{p-972fe315.entry.js → p-e4275767.entry.js} +1 -1
  292. package/dist/genesys-webcomponents/{p-bf031251.entry.js → p-e6354d93.entry.js} +1 -1
  293. package/dist/genesys-webcomponents/{p-6a37ebb5.js → p-e84dd694.js} +1 -1
  294. package/dist/genesys-webcomponents/{p-7ff1d830.entry.js → p-f1e00723.entry.js} +1 -1
  295. package/dist/genesys-webcomponents/{p-f713b8be.entry.js → p-f3be26e7.entry.js} +1 -1
  296. package/dist/genesys-webcomponents/{p-84578a39.entry.js → p-f924dc52.entry.js} +1 -1
  297. package/dist/genesys-webcomponents/{p-ad7fbf4b.entry.js → p-faa350d8.entry.js} +1 -1
  298. package/dist/genesys-webcomponents/{p-572380ce.entry.js → p-fb41fb96.entry.js} +1 -1
  299. package/dist/genesys-webcomponents/{p-1d56596f.entry.js → p-fc89f2ca.entry.js} +1 -1
  300. package/dist/genesys-webcomponents/{p-9cf7697e.entry.js → p-ff2bff62.entry.js} +1 -1
  301. package/dist/stencil-wrapper.js +1 -1
  302. package/dist/types/components/beta/gux-table-toolbar/gux-table-toolbar.d.ts +4 -4
  303. package/dist/types/components/stable/gux-icon/gux-icon.types.d.ts +1 -1
  304. package/dist/types/stencil-wrapper.d.ts +1 -1
  305. package/package.json +1 -1
  306. package/dist/genesys-webcomponents/p-45dc5ac8.entry.js +0 -1
  307. package/dist/genesys-webcomponents/p-90f9abaf.entry.js +0 -1
@@ -0,0 +1 @@
1
+ import{r as t,c as i,h as s,H as e,g as o}from"./p-9031eb6a.js";import{s as n,c as a,h,a as r,b as d,d as l,e as u,f as c,i as p,j as g,k as x,o as m}from"./p-b7438ad0.js";import{b as f}from"./p-54ad2682.js";import{w as v}from"./p-76ff3e75.js";import{s as b}from"./p-d176c2ae.js";import{t as w}from"./p-e84dd694.js";import{b as O}from"./p-091f51f6.js";import"./p-8a133b9b.js";const j={add:"Add {name}",noMatches:"No matches",loading:"Loading..."},y=class{constructor(s){t(this,s),this.internallistboxoptionsupdated=i(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.textInput="",this.filterType="none",this.emptyMessage=void 0,this.listboxOptions=[],this.allListboxOptionsFiltered=void 0,this.hasExactMatch=!1}onFocus(){n(this.root)}onBlur(){a(this.root)}selectNewCustomOption(t){this.updateValue(t.detail)}onKeydown(t){var i;if(!h(this.root))return t.preventDefault(),void n(this.root);switch(t.key){case"Enter":return t.preventDefault(),void((null===(i=this.optionCreateElement)||void 0===i?void 0:i.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),O((()=>{n(this.root)}))):g(this.root,(t=>this.updateValue(t))));case"ArrowDown":return t.preventDefault(),void(c(this.root)?(t.stopPropagation(),p(this.root)):d(this.root));case"ArrowUp":return t.preventDefault(),void(l(this.root)?(t.stopPropagation(),u(this.root)):r(this.root));case"Home":return t.preventDefault(),void d(this.root);case"End":return t.preventDefault(),void r(this.root);case" ":return void t.preventDefault()}1!==t.key.length||x(this.root,t.key)}onKeyup(t){var i;" "!==t.key||((null===(i=this.optionCreateElement)||void 0===i?void 0:i.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),O((()=>{n(this.root)}))):g(this.root,(t=>this.updateValue(t))))}onMousemove(){a(this.root)}onClick(t){v("gux-option-multi",t,(t=>{m(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){g(this.root,(t=>this.updateValue(t)))}getHasExactMatch(){let t=!1;return this.hasExactMatch=!1,this.listboxOptions.forEach((i=>{var s,e,o;(null===(o=null===(e=null===(s=i.querySelector("[gux-slot-container]"))||void 0===s?void 0:s.textContent)||void 0===e?void 0:e.toLowerCase())||void 0===o?void 0:o.trim())==this.textInput.toLowerCase().trim()&&(t=!0,this.hasExactMatch=!0)})),t}updateOptionMultiCreateValue(){this.optionCreateElement&&(this.optionCreateElement.value=this.textInput,this.optionCreateElement.filtered=!this.textInput||this.getHasExactMatch())}getSelectedValues(){return this.value?this.value.split(","):[]}updateOnSlotChange(){this.setListboxOptions(),this.updateListboxOptions()}getOptionCreateElement(){this.optionCreateElement=this.root.querySelector("gux-create-option")}setListboxOptions(){this.listboxOptions=Array.from(this.root.children).filter((t=>"GUX-OPTION-MULTI"===t.tagName)),this.internallistboxoptionsupdated.emit()}updateListboxOptions(){this.listboxOptions.forEach((t=>{t.selected=this.getSelectedValues().includes(t.value),"custom"!==this.filterType&&(t.filtered=!t.textContent.toLowerCase().startsWith(this.textInput.toLowerCase()))}))}updateValue(t){if(this.getSelectedValues().includes(t))this.value=this.getSelectedValues().filter((i=>i!==t)).join(",");else{const i=[...this.getSelectedValues(),t];this.value=i.join(",")}b(this.root,"input"),b(this.root,"change")}async componentWillLoad(){w(this.root),this.i18n=await f(this.root,j),this.setListboxOptions(),this.getOptionCreateElement()}componentWillRender(){this.setListboxOptions(),this.updateListboxOptions(),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return s("div",{hidden:!0},s("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[s("div",{class:"gux-message-container"},s("gux-radial-loading",{context:"modal"}),s("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return[s("div",{class:"gux-message-container"},s("div",{class:"gux-no-matches"},this.emptyMessage||this.i18n("noMatches"))),this.renderHiddenSlot()]}renderCreateOptionSlot(){return s("slot",{name:"create"})}render(){return this.loading?this.renderLoading():s(e,{role:"listbox","aria-multiselectable":"true",tabindex:0},s("slot",{onSlotchange:()=>this.updateOnSlotChange()}),this.renderAllListboxOptionsFiltered(),this.renderCreateOptionSlot())}get root(){return o(this)}static get watchers(){return{textInput:["updateOptionMultiCreateValue"]}}};y.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus-visible){outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}.gux-message-container .gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";export{y as gux_listbox_multi}
@@ -1 +1 @@
1
- import{h as e,r,g as s}from"./p-9031eb6a.js";import{t}from"./p-6a37ebb5.js";import{a}from"./p-d0805f56.js";import{r as o}from"./p-cbcbd1bb.js";import{c as i}from"./p-9dd4b14a.js";const n=23.5,c=2*Math.PI*n;function l(e,r){return!(isNaN(e)||isNaN(r)||e>r||e<0||0===r)}const d=({value:r,max:s,scale:t,dropshadowId:a,screenreaderText:o})=>e("div",{role:"progressbar","aria-valuenow":r,"aria-valuemin":"0","aria-valuemax":s,"aria-label":o},e("svg",{class:"gux-svg-container",width:"60px",height:"60px",viewBox:"0 0 60 60",role:"presentation"},e("filter",{id:a},e("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"1.4"}),e("feOffset",{dx:"0",dy:"0",result:"offsetblur"}),e("feMerge",null,e("feMergeNode",null),e("feMergeNode",{in:"SourceGraphic"}))),e("circle",{cx:"50%",cy:"50%",r:n,class:"gux-static-circle"}),e("circle",{cx:"50%",cy:"50%",r:n,class:"gux-dynamic-circle-shadow","stroke-dashoffset":c*(1-r/s),"stroke-dasharray":c,"stroke-linecap":"round",filter:"url(#"+a+")"}),e("circle",{cx:"50%",cy:"50%",r:n,class:"gux-dynamic-circle","stroke-dashoffset":c*(1-r/s),"stroke-dasharray":c,"stroke-linecap":"round"}),e("text",{x:"50%",y:"50%","dominant-baseline":"central",class:{"gux-percentage":!0,"gux-small":![0,1].includes(t)}},function(e,r,s){const t=Math.pow(10,i(s,0,2));return Math.round((e+Number.EPSILON)/r*100*t)/t+"%"}(r,s,t)))),g=({screenreaderText:r})=>e("gux-radial-loading",{"screenreader-text":r,context:"modal"}),h=class{constructor(e){r(this,e),this.dropshadowId=o("gux-dropshadow"),this.value=void 0,this.max=100,this.scale=0,this.screenreaderText=""}componentWillLoad(){t(this.root)}componentDidLoad(){!this.screenreaderText&&l(this.value,this.max)&&a(this.root,"No screenreader-text provided. Provide a localized screenreader-text property for the component.")}render(){return l(this.value,this.max)?e(d,{value:this.value,max:this.max,scale:this.scale,dropshadowId:this.dropshadowId,screenreaderText:this.screenreaderText}):e(g,{screenreaderText:this.screenreaderText})}get root(){return s(this)}};h.style=":host{display:inline-block}div[role='progressbar'] .gux-svg-container{display:block}div[role='progressbar'] .gux-svg-container .gux-dynamic-circle{fill:none;stroke:#2a60c8;stroke-width:5;transform:rotate(-90deg);transform-origin:50% 50%}div[role='progressbar'] .gux-svg-container .gux-dynamic-circle-shadow{fill:none;stroke:#75a8ff;stroke-width:5;transform:rotate(-90deg);transform-origin:50% 50%}div[role='progressbar'] .gux-svg-container .gux-static-circle{fill:none;stroke:#deeaff;stroke-width:4}div[role='progressbar'] .gux-svg-container .gux-percentage{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;text-anchor:middle;fill:#2e394c}div[role='progressbar'] .gux-svg-container .gux-percentage.gux-small{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px}";export{h as gux_radial_progress}
1
+ import{h as e,r,g as s}from"./p-9031eb6a.js";import{t}from"./p-e84dd694.js";import{a}from"./p-d0805f56.js";import{r as o}from"./p-cbcbd1bb.js";import{c as i}from"./p-9dd4b14a.js";const n=23.5,c=2*Math.PI*n;function l(e,r){return!(isNaN(e)||isNaN(r)||e>r||e<0||0===r)}const d=({value:r,max:s,scale:t,dropshadowId:a,screenreaderText:o})=>e("div",{role:"progressbar","aria-valuenow":r,"aria-valuemin":"0","aria-valuemax":s,"aria-label":o},e("svg",{class:"gux-svg-container",width:"60px",height:"60px",viewBox:"0 0 60 60",role:"presentation"},e("filter",{id:a},e("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"1.4"}),e("feOffset",{dx:"0",dy:"0",result:"offsetblur"}),e("feMerge",null,e("feMergeNode",null),e("feMergeNode",{in:"SourceGraphic"}))),e("circle",{cx:"50%",cy:"50%",r:n,class:"gux-static-circle"}),e("circle",{cx:"50%",cy:"50%",r:n,class:"gux-dynamic-circle-shadow","stroke-dashoffset":c*(1-r/s),"stroke-dasharray":c,"stroke-linecap":"round",filter:"url(#"+a+")"}),e("circle",{cx:"50%",cy:"50%",r:n,class:"gux-dynamic-circle","stroke-dashoffset":c*(1-r/s),"stroke-dasharray":c,"stroke-linecap":"round"}),e("text",{x:"50%",y:"50%","dominant-baseline":"central",class:{"gux-percentage":!0,"gux-small":![0,1].includes(t)}},function(e,r,s){const t=Math.pow(10,i(s,0,2));return Math.round((e+Number.EPSILON)/r*100*t)/t+"%"}(r,s,t)))),g=({screenreaderText:r})=>e("gux-radial-loading",{"screenreader-text":r,context:"modal"}),h=class{constructor(e){r(this,e),this.dropshadowId=o("gux-dropshadow"),this.value=void 0,this.max=100,this.scale=0,this.screenreaderText=""}componentWillLoad(){t(this.root)}componentDidLoad(){!this.screenreaderText&&l(this.value,this.max)&&a(this.root,"No screenreader-text provided. Provide a localized screenreader-text property for the component.")}render(){return l(this.value,this.max)?e(d,{value:this.value,max:this.max,scale:this.scale,dropshadowId:this.dropshadowId,screenreaderText:this.screenreaderText}):e(g,{screenreaderText:this.screenreaderText})}get root(){return s(this)}};h.style=":host{display:inline-block}div[role='progressbar'] .gux-svg-container{display:block}div[role='progressbar'] .gux-svg-container .gux-dynamic-circle{fill:none;stroke:#2a60c8;stroke-width:5;transform:rotate(-90deg);transform-origin:50% 50%}div[role='progressbar'] .gux-svg-container .gux-dynamic-circle-shadow{fill:none;stroke:#75a8ff;stroke-width:5;transform:rotate(-90deg);transform-origin:50% 50%}div[role='progressbar'] .gux-svg-container .gux-static-circle{fill:none;stroke:#deeaff;stroke-width:4}div[role='progressbar'] .gux-svg-container .gux-percentage{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;text-anchor:middle;fill:#2e394c}div[role='progressbar'] .gux-svg-container .gux-percentage.gux-small{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px}";export{h as gux_radial_progress}
@@ -0,0 +1 @@
1
+ import{r as t,f as i,d as e,h as n,H as o,g as s}from"./p-9031eb6a.js";import{O as r}from"./p-c3f208cd.js";import{O as a}from"./p-f222d4b1.js";import{t as l}from"./p-e84dd694.js";import{g as c}from"./p-3e6097e5.js";function h(t,i){[].concat(t).forEach((t=>{null!=t&&(t.accent=i)}))}function u(t,...i){i.flat().filter((t=>null!=t&&!(null==t?void 0:t.hasAttribute("icon-only")))).forEach((i=>i.iconOnly=t))}var d=function(t,i,e,n){var o,s=arguments.length,r=s<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,e,n);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(s<3?o(r):s>3?o(i,e,r):o(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};const p=class{constructor(i){t(this,i),this.minimumSizes={full:0,iconOnly:0,condensed:0},this.displayedLayout="full",this.hasContextDivider=!1}onMutation(){this.hasContextDivider=this.needsContextDivider(),i(this.root)}recordLayoutMinSize(){e((()=>{var t,i;const e=0|(null===(t=this.filterSlot)||void 0===t?void 0:t.clientWidth),n=0|(null===(i=this.actionsContainer)||void 0===i?void 0:i.clientWidth);this.minimumSizes[this.displayedLayout]=e+n+72}))}get actionsContainer(){return this.root.shadowRoot.querySelector(".gux-contextual-permanent-primary")}get filterSlot(){return c(this.root,"search-and-filter")}get menuActionSlot(){return c(this.root,"menu-actions")}get permanentSlot(){return c(this.root,"permanent-actions")}get contextualSlot(){return c(this.root,"contextual-actions")}get primaryAction(){var t;return null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-table-toolbar-custom-action[slot]")}get permanentActions(){var t,i;return(null===(t=this.permanentSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(i=this.permanentSlot)||void 0===i?void 0:i.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get menuActionsItems(){var t,i;if(null===(t=this.menuActionSlot)||void 0===t?void 0:t.hasChildNodes)return Array.from(null===(i=this.menuActionSlot)||void 0===i?void 0:i.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action"))}get contextualActions(){var t,i;return(null===(t=this.contextualSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(i=this.contextualSlot)||void 0===i?void 0:i.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get filterActions(){var t,i;return(null===(t=this.filterSlot)||void 0===t?void 0:t.hasChildNodes)?Array.from(null===(i=this.filterSlot)||void 0===i?void 0:i.querySelectorAll("gux-table-toolbar-action, gux-table-toolbar-custom-action")):[]}get allFilterContextual(){var t;return null===(t=this.filterActions)||void 0===t?void 0:t.concat(this.contextualActions)}needsContextDivider(){var t;return(null===(t=this.contextualActions)||void 0===t?void 0:t.length)&&this.contextualSlot!==this.root.lastElementChild}renderMenu(){var t;return Boolean((null===(t=this.menuActionsItems)||void 0===t?void 0:t.length)||"condensed"==this.displayedLayout)}renderFullLayout(){this.displayedLayout="full",u(!1,this.primaryAction,...this.allFilterContextual,...this.permanentActions)}renderIconOnlyLayoutScaleDown(t){this.displayedLayout="iconOnly",u(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions),this.iconOnlySectionWidth=t}renderIconOnlyLayoutScaleUp(){var t,i;this.displayedLayout="iconOnly",h(this.permanentActions,"secondary"),h(this.primaryAction,"primary"),u(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions),this.permanentActions&&(null===(t=this.root)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(i=this.root)||void 0===i||i.appendChild(this.primaryAction))}renderCondensedLayout(){var t,i;this.displayedLayout="condensed",this.permanentActions&&(null===(t=this.menuActionSlot)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(i=this.menuActionSlot)||void 0===i||i.appendChild(this.primaryAction)),u(!0,...this.allFilterContextual),u(!1,...this.permanentActions),u(!1,this.primaryAction),h(this.menuActionsItems,"ghost")}componentWillLoad(){l(this.root),this.hasContextDivider=this.needsContextDivider()}componentDidLoad(){this.recordLayoutMinSize(),this.checkResponsiveLayout(),h(this.menuActionsItems,"ghost")}componentDidUpdate(){this.recordLayoutMinSize(),this.checkResponsiveLayout()}checkResponsiveLayout(){e((()=>{var t;const i=0|(null===(t=this.actionsContainer)||void 0===t?void 0:t.clientWidth),e=this.root.clientWidth;e<=this.minimumSizes.full&&e>=this.minimumSizes.iconOnly?"full"==this.displayedLayout?this.renderIconOnlyLayoutScaleDown(i):"condensed"==this.displayedLayout&&this.renderIconOnlyLayoutScaleUp():e<=this.minimumSizes.iconOnly?this.renderCondensedLayout():this.minimumSizes.iconOnly>this.minimumSizes.full?this.renderIconOnlyLayoutScaleUp():this.renderFullLayout()}))}render(){return n(o,{role:"toolbar","aria-orientation":"horizontal"},n("div",{class:"search-filter-container"},n("slot",{name:"search-and-filter"})),n("div",{class:"section-spacing"}),n("div",{class:"gux-contextual-permanent-primary"},n("div",{class:{"gux-contextual-wrapper":this.hasContextDivider}},n("slot",{name:"contextual-actions"})),n("div",{class:"gux-permanent-menu-primary-wrapper"},n("slot",{name:"permanent-actions"}),n("gux-table-toolbar-menu-button",{"show-menu":this.renderMenu()},n("slot",{name:"menu-actions"})),n("slot",{name:"primary-action"}))))}get root(){return s(this)}};d([a({childList:!0,subtree:!0})],p.prototype,"onMutation",null),d([r()],p.prototype,"checkResponsiveLayout",null),p.style=":host{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-height:48px;padding:0 8px 16px 8px;background-color:#fdfdfd;border-radius:4px}:host .search-filter-container{width:260px;min-width:260px}:host slot[name='search-and-filter']::slotted(*){display:flex;flex-direction:row;gap:4px;align-content:flex-start;align-items:center}:host .section-spacing{display:flex;flex-direction:row;min-width:72px}:host .gux-contextual-permanent-primary{display:flex;flex-direction:row;justify-content:space-between}:host .gux-contextual-permanent-primary slot[name='permanent-actions']::slotted(*),:host .gux-contextual-permanent-primary slot[name='contextual-actions']::slotted(*){display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-content:flex-end;align-items:center}:host .gux-contextual-permanent-primary .gux-contextual-wrapper{padding-right:8px;border-right:1px solid #d7dce5}:host .gux-contextual-permanent-primary .gux-permanent-menu-primary-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;margin-left:8px}";export{p as gux_table_toolbar_beta}
@@ -1 +1 @@
1
- import{r as e,h as o,g as l}from"./p-9031eb6a.js";import{t}from"./p-6a37ebb5.js";import{b as g}from"./p-54ad2682.js";import"./p-8a133b9b.js";const r={neutral:"badge with label: {label}, color: neutral","neutral-bold":"badge with label: {label}, color: neutral bold",green:"badge with label: {label}, color: green","green-bold":"badge with label: {label}, color: green bold",yellow:"badge with label: {label}, color: yellow","yellow-bold":"badge with label: {label}, color: yellow bold",red:"badge with label: {label}, color: red","red-bold":"badge with label: {label}, color: red bold",inherit:"badge with label: {label}"},a=class{constructor(o){e(this,o),this.color="neutral",this.accent="info",this.bold=!1,this.label=void 0}onSlotChange(e){const o=e.composedPath()[0].assignedNodes();this.label=o.map((e=>e.textContent)).join("")}renderBadgeTitle(){return o("gux-tooltip-title",null,o("span",null,o("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return o("div",{class:"gux-sr-only"},this.i18n(this.getVariant(),{label:this.label}))}getVariant(){return`${this.color}${this.bold?"-bold":""}`}async componentWillLoad(){t(this.root),this.i18n=await g(this.root,r)}render(){return o("div",{class:{"gux-badge":!0,[`gux-${this.color}`]:!0,[`gux-${this.accent}`]:!0,"gux-bold":this.bold}},this.renderBadgeTitle(),this.renderSrText())}get root(){return l(this)}};a.style=":host{display:inline-block;height:fit-content;border-radius:100%}.gux-badge{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:20px;padding:2px 8px;color:#fdfdfd;background-color:#2e394c;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-badge gux-tooltip-title{white-space:nowrap}.gux-badge gux-tooltip-title ::slotted(gux-icon){height:16px;font-size:16px}.gux-badge .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-badge.gux-info,.gux-badge.gux-neutral{color:#2e394c;background-color:#e2e6ee}.gux-badge.gux-info.gux-bold,.gux-badge.gux-neutral.gux-bold{color:#fdfdfd;background-color:#2e394c}.gux-badge.gux-error,.gux-badge.gux-red{color:#8f0707;background-color:#fceaea}.gux-badge.gux-error.gux-bold,.gux-badge.gux-red.gux-bold{color:#fdfdfd;background-color:#ea0b0b}.gux-badge.gux-warning,.gux-badge.gux-yellow{color:#976700;background-color:#fdf8ec}.gux-badge.gux-warning.gux-bold,.gux-badge.gux-yellow.gux-bold{color:#2e394c;background-color:#ffae00}.gux-badge.gux-success,.gux-badge.gux-green{color:#205a10;background-color:#eefcea}.gux-badge.gux-success.gux-bold,.gux-badge.gux-green.gux-bold{color:#fdfdfd;background-color:#3c8527}.gux-badge.gux-inherit{color:inherit;background-color:inherit}";export{a as gux_badge_beta}
1
+ import{r as e,h as o,g as l}from"./p-9031eb6a.js";import{t}from"./p-e84dd694.js";import{b as g}from"./p-54ad2682.js";import"./p-8a133b9b.js";const r={neutral:"badge with label: {label}, color: neutral","neutral-bold":"badge with label: {label}, color: neutral bold",green:"badge with label: {label}, color: green","green-bold":"badge with label: {label}, color: green bold",yellow:"badge with label: {label}, color: yellow","yellow-bold":"badge with label: {label}, color: yellow bold",red:"badge with label: {label}, color: red","red-bold":"badge with label: {label}, color: red bold",inherit:"badge with label: {label}"},a=class{constructor(o){e(this,o),this.color="neutral",this.accent="info",this.bold=!1,this.label=void 0}onSlotChange(e){const o=e.composedPath()[0].assignedNodes();this.label=o.map((e=>e.textContent)).join("")}renderBadgeTitle(){return o("gux-tooltip-title",null,o("span",null,o("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return o("div",{class:"gux-sr-only"},this.i18n(this.getVariant(),{label:this.label}))}getVariant(){return`${this.color}${this.bold?"-bold":""}`}async componentWillLoad(){t(this.root),this.i18n=await g(this.root,r)}render(){return o("div",{class:{"gux-badge":!0,[`gux-${this.color}`]:!0,[`gux-${this.accent}`]:!0,"gux-bold":this.bold}},this.renderBadgeTitle(),this.renderSrText())}get root(){return l(this)}};a.style=":host{display:inline-block;height:fit-content;border-radius:100%}.gux-badge{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:20px;padding:2px 8px;color:#fdfdfd;background-color:#2e394c;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-badge gux-tooltip-title{white-space:nowrap}.gux-badge gux-tooltip-title ::slotted(gux-icon){height:16px;font-size:16px}.gux-badge .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-badge.gux-info,.gux-badge.gux-neutral{color:#2e394c;background-color:#e2e6ee}.gux-badge.gux-info.gux-bold,.gux-badge.gux-neutral.gux-bold{color:#fdfdfd;background-color:#2e394c}.gux-badge.gux-error,.gux-badge.gux-red{color:#8f0707;background-color:#fceaea}.gux-badge.gux-error.gux-bold,.gux-badge.gux-red.gux-bold{color:#fdfdfd;background-color:#ea0b0b}.gux-badge.gux-warning,.gux-badge.gux-yellow{color:#976700;background-color:#fdf8ec}.gux-badge.gux-warning.gux-bold,.gux-badge.gux-yellow.gux-bold{color:#2e394c;background-color:#ffae00}.gux-badge.gux-success,.gux-badge.gux-green{color:#205a10;background-color:#eefcea}.gux-badge.gux-success.gux-bold,.gux-badge.gux-green.gux-bold{color:#fdfdfd;background-color:#3c8527}.gux-badge.gux-inherit{color:inherit;background-color:inherit}";export{a as gux_badge_beta}
@@ -1 +1 @@
1
- import{r as t,h as o,H as s,g as e}from"./p-9031eb6a.js";import{a as i}from"./p-091f51f6.js";import{t as r}from"./p-6a37ebb5.js";import{h as n}from"./p-837e3eff.js";import{c as a}from"./p-e459974a.js";const u=class{constructor(o){t(this,o),this.isShown=!1}forceUpdate(t){t&&this.popperInstance&&this.popperInstance.update()}onKeydown(t){if(t.stopPropagation(),this.isShown)switch(t.key){case"Escape":case"ArrowLeft":case"ArrowUp":return void this.root.focus();case"ArrowDown":return t.preventDefault(),void this.focusOnMenu();case"Enter":return void(this.hideDelayTimeout=i((()=>{this.focusOnMenu()})))}}onKeyup(t){t.stopPropagation()," "!==t.key||(this.menuContentElement.contains(document.activeElement)?this.root.focus():this.hideDelayTimeout=i((()=>{this.focusOnMenu()})))}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(t){0!==t.detail&&this.hide(),this.root.focus()}onFocusin(){this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),n))}runPopper(){this.popperInstance=a(this.targetElement,document.querySelector("gux-menu"),{modifiers:[{name:"offset",options:{offset:[0,16]}},{name:"arrow",options:{padding:16}}],placement:"bottom-start"})}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;const t=this.root.querySelector("gux-menu");Array.from(t.children)[0].guxFocus()}componentWillLoad(){r(this.root)}componentDidLoad(){this.runPopper()}disconnectedCallback(){this.destroyPopper()}render(){return o(s,{tabIndex:0,"aria-haspopup":"true"},o("span",{ref:t=>this.targetElement=t},o("slot",{name:"target"})),o("div",{class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:t=>this.menuContentElement=t},o("slot",{name:"menu"})))}get root(){return e(this)}static get watchers(){return{isShown:["forceUpdate"]}}};u.style=":host{z-index:var(--gux-zindex-popover, 2);color:#2e394c;cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-flyout-menu-content{display:none;margin:0}.gux-flyout-menu-content.gux-shown{display:flex}.gux-arrow,.gux-arrow::before{position:absolute;top:-3px;width:10px;height:10px;background:inherit}.gux-arrow::before{visibility:visible;content:'';border-top:1px solid #b4bccb;border-left:1px solid #b4bccb;transform:rotate(45deg)}";export{u as gux_flyout_menu_beta}
1
+ import{r as t,h as o,H as s,g as e}from"./p-9031eb6a.js";import{a as i}from"./p-091f51f6.js";import{t as r}from"./p-e84dd694.js";import{h as n}from"./p-837e3eff.js";import{c as a}from"./p-e459974a.js";const u=class{constructor(o){t(this,o),this.isShown=!1}forceUpdate(t){t&&this.popperInstance&&this.popperInstance.update()}onKeydown(t){if(t.stopPropagation(),this.isShown)switch(t.key){case"Escape":case"ArrowLeft":case"ArrowUp":return void this.root.focus();case"ArrowDown":return t.preventDefault(),void this.focusOnMenu();case"Enter":return void(this.hideDelayTimeout=i((()=>{this.focusOnMenu()})))}}onKeyup(t){t.stopPropagation()," "!==t.key||(this.menuContentElement.contains(document.activeElement)?this.root.focus():this.hideDelayTimeout=i((()=>{this.focusOnMenu()})))}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(t){0!==t.detail&&this.hide(),this.root.focus()}onFocusin(){this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),n))}runPopper(){this.popperInstance=a(this.targetElement,document.querySelector("gux-menu"),{modifiers:[{name:"offset",options:{offset:[0,16]}},{name:"arrow",options:{padding:16}}],placement:"bottom-start"})}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;const t=this.root.querySelector("gux-menu");Array.from(t.children)[0].guxFocus()}componentWillLoad(){r(this.root)}componentDidLoad(){this.runPopper()}disconnectedCallback(){this.destroyPopper()}render(){return o(s,{tabIndex:0,"aria-haspopup":"true"},o("span",{ref:t=>this.targetElement=t},o("slot",{name:"target"})),o("div",{class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:t=>this.menuContentElement=t},o("slot",{name:"menu"})))}get root(){return e(this)}static get watchers(){return{isShown:["forceUpdate"]}}};u.style=":host{z-index:var(--gux-zindex-popover, 2);color:#2e394c;cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-flyout-menu-content{display:none;margin:0}.gux-flyout-menu-content.gux-shown{display:flex}.gux-arrow,.gux-arrow::before{position:absolute;top:-3px;width:10px;height:10px;background:inherit}.gux-arrow::before{visibility:visible;content:'';border-top:1px solid #b4bccb;border-left:1px solid #b4bccb;transform:rotate(45deg)}";export{u as gux_flyout_menu_beta}
@@ -1 +1 @@
1
- import{r as t,h as e,g as a}from"./p-9031eb6a.js";import{m as l}from"./p-5ac4e2cf.js";import{b as g}from"./p-54ad2682.js";import{t as i}from"./p-6a37ebb5.js";import"./p-8a133b9b.js";const m={recentSearch:"Recently Searched:",commonSearch:"Common Searches:",limited:"Results limited, refine your search for more commands.",search:"Search for commands.",title:"Command Palette"};function c(t){return t.sort(((t,e)=>{if(t.recent&&!e.recent)return-1;if(!t.recent&&e.recent)return 1;const a=t.text.toUpperCase(),l=e.text.toUpperCase();return a<l?-1:a>l?1:0}))}const u=class{constructor(e){t(this,e),this.filterValue="",this.visible=!1}async componentWillLoad(){i(this.root),this.i18n=await g(this.root,m)}render(){return e("div",{class:"gux-command-palette "+(this.visible?"":"gux-hidden"),role:"dialog",onKeyDown:t=>this.onKeyDown(t),"aria-label":this.i18n("title")},e("label",{htmlFor:"gux-command-palette-search",class:"gux-command-palette-search-label"},this.i18n("search")),e("gux-input-search",null,e("input",{id:"gux-command-palette-search",type:"search",onInput:t=>{this.handleInput(t)},value:this.filterValue,ref:t=>this.inputElement=t})),this.visible&&this.renderLists())}renderLists(){const t=Array.from(this.root.children).slice(0,-1),a=t.filter((t=>t.recent)),l=t.filter((t=>t.common));let g,i=this.filterItems(t);if(l.length&&(g=this.createList(l,this.filterValue,this.i18n("commonSearch"))),this.filterValue&&i.length){const t=i.length>50;t&&(i=i.slice(0,50));const a=[e("gux-list-legacy",{tabindex:"-1",highlight:this.filterValue},i)];return t&&a.unshift(e("div",{class:"gux-limit"},this.i18n("limited"))),1!==i.length&&l.length?[a,g]:a}const m=[];return a.length&&!this.filterValue&&m.push(this.createList(a,this.filterValue,this.i18n("recentSearch"))),g&&m.push(g),m.length?m:e("gux-list-legacy",{tabindex:"-1"},this.transformCommands(c(t)))}async open(){this.visible=!0,setTimeout((()=>{this.inputElement.focus()}),300)}async close(){this.filterValue="",this.visible=!1}handleInput(t){this.filterValue=t.target.value}filterItems(t){return this.transformCommands(c(t.filter((t=>l(this.filterValue,`${t.text} + ${t.details}`)))),"")}createShortcutItem(t){return e("gux-list-item-legacy",{value:t.text,onPress:this.handlePress(t),class:t.details?"gux-has-details":""},e("div",null,e("gux-text-highlight",{text:t.text,strategy:"fuzzy"}),e("span",{class:"gux-shortcut"},t.shortcut)),t.details&&e("gux-text-highlight",{class:"gux-details",text:t.details,strategy:"fuzzy"}))}createStandardItem(t){return e("gux-list-item-legacy",{value:t.text,onPress:this.handlePress(t),class:t.details?"gux-has-details":""},e("gux-text-highlight",{text:t.text,strategy:"fuzzy"}),t.details&&e("gux-text-highlight",{class:"gux-details",text:t.details,strategy:"fuzzy"}))}transformCommands(t,a){const l=[];return a&&l.push(e("strong",null,a)),t.forEach((t=>{l.push(t.shortcut?this.createShortcutItem(t):this.createStandardItem(t))})),l}handlePress(t){return()=>{this.close(),setTimeout((()=>{t.invokePress()}))}}createList(t,a,l){return e("gux-list-legacy",{class:"gux-command-palette-list",highlight:a,tabindex:"-1"},this.transformCommands(c(t),l))}onKeyDown(t){switch(t.key){case"ArrowUp":t.preventDefault(),this.navigateUp();break;case"ArrowDown":t.preventDefault(),this.navigateDown()}}elementIsSearch(t){return null!==t.closest("gux-input-search")}getParentGuxList(t){return t.closest("gux-list-legacy")}setFocusOnElement(t){t&&t.setFocusOnLastItem?t.setFocusOnLastItem():this.inputElement.focus()}navigateUp(){const t=this.root.querySelector(":focus");if(this.elementIsSearch(t))return;const e=this.getParentGuxList(t);e&&e.isFirstItemSelected().then((t=>{t&&this.setFocusOnElement(e.previousElementSibling)}))}navigateDown(){const t=this.root.querySelector(":focus");if(this.elementIsSearch(t))return void this.root.querySelector("gux-list-legacy").setFocusOnFirstItem();const e=this.getParentGuxList(t);e&&e.isLastItemSelected().then((t=>{t&&this.setFocusOnElement(e.nextElementSibling)}))}get root(){return a(this)}};u.style="gux-command-palette-legacy .gux-command-palette{position:absolute;right:0;left:0;max-width:750px;padding:12px;margin:0 auto;border-color:1px solid #e2e6ee;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);}gux-command-palette-legacy .gux-command-palette .gux-command-palette-search-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}gux-command-palette-legacy .gux-command-palette.gux-hidden{top:0;display:none}gux-command-palette-legacy .gux-command-palette:not(.gux-hidden){top:40px;animation-name:fadeIn;animation-duration:300ms;animation-timing-function:ease-in;animation-iteration-count:1}@keyframes fadeIn{0%{top:0;opacity:0}100%{top:40px;opacity:1}}gux-command-palette-legacy .gux-command-palette .gux-limit{margin-bottom:8px}gux-command-palette-legacy .gux-command-palette gux-list-legacy{display:block;margin-top:4px}gux-command-palette-legacy .gux-command-palette gux-list-legacy>strong{height:32px;padding:0 16px;line-height:32px}gux-command-palette-legacy .gux-command-palette gux-text-field,gux-command-palette-legacy .gux-command-palette gux-list-legacy>div[role='list']{margin-bottom:12px}gux-command-palette-legacy .gux-command-palette gux-list-legacy+gux-list-legacy{margin-bottom:0}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy.gux-has-details .gux-list-item{line-height:16px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item{display:block;line-height:32px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item gux-text-highlight,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-shortcut{display:block}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item div{display:flex;padding:0;border:none;box-shadow:none}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item div gux-text-highlight{flex:1 1 auto}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item div .gux-shortcut{flex:0 1 auto}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item gux-text-highlight:last-child{margin-bottom:8px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{margin-left:4px;font-size:11px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:last-of-type .gux-details,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:last-of-type div:last-child{margin-bottom:0}.gux-command-palette-light-theme .gux-command-palette{color:#2e394c;background:#fdfdfd}.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus-visible .gux-list-item div,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus-visible .gux-list-item .gux-details,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}.gux-light-theme gux-command-palette-legacy .gux-command-palette{color:#2e394c;background:#fdfdfd}.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus-visible .gux-list-item div,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus-visible .gux-list-item .gux-details,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}gux-command-palette-legacy.gux-light-theme .gux-command-palette{color:#2e394c;background:#fdfdfd}gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus-visible .gux-list-item div,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus-visible .gux-list-item .gux-details,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}gux-command-palette-legacy .gux-command-palette{color:#2e394c;background:#fdfdfd}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus-visible .gux-list-item div,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus-visible .gux-list-item .gux-details,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}";export{u as gux_command_palette_legacy}
1
+ import{r as t,h as e,g as a}from"./p-9031eb6a.js";import{m as l}from"./p-5ac4e2cf.js";import{b as g}from"./p-54ad2682.js";import{t as i}from"./p-e84dd694.js";import"./p-8a133b9b.js";const m={recentSearch:"Recently Searched:",commonSearch:"Common Searches:",limited:"Results limited, refine your search for more commands.",search:"Search for commands.",title:"Command Palette"};function c(t){return t.sort(((t,e)=>{if(t.recent&&!e.recent)return-1;if(!t.recent&&e.recent)return 1;const a=t.text.toUpperCase(),l=e.text.toUpperCase();return a<l?-1:a>l?1:0}))}const u=class{constructor(e){t(this,e),this.filterValue="",this.visible=!1}async componentWillLoad(){i(this.root),this.i18n=await g(this.root,m)}render(){return e("div",{class:"gux-command-palette "+(this.visible?"":"gux-hidden"),role:"dialog",onKeyDown:t=>this.onKeyDown(t),"aria-label":this.i18n("title")},e("label",{htmlFor:"gux-command-palette-search",class:"gux-command-palette-search-label"},this.i18n("search")),e("gux-input-search",null,e("input",{id:"gux-command-palette-search",type:"search",onInput:t=>{this.handleInput(t)},value:this.filterValue,ref:t=>this.inputElement=t})),this.visible&&this.renderLists())}renderLists(){const t=Array.from(this.root.children).slice(0,-1),a=t.filter((t=>t.recent)),l=t.filter((t=>t.common));let g,i=this.filterItems(t);if(l.length&&(g=this.createList(l,this.filterValue,this.i18n("commonSearch"))),this.filterValue&&i.length){const t=i.length>50;t&&(i=i.slice(0,50));const a=[e("gux-list-legacy",{tabindex:"-1",highlight:this.filterValue},i)];return t&&a.unshift(e("div",{class:"gux-limit"},this.i18n("limited"))),1!==i.length&&l.length?[a,g]:a}const m=[];return a.length&&!this.filterValue&&m.push(this.createList(a,this.filterValue,this.i18n("recentSearch"))),g&&m.push(g),m.length?m:e("gux-list-legacy",{tabindex:"-1"},this.transformCommands(c(t)))}async open(){this.visible=!0,setTimeout((()=>{this.inputElement.focus()}),300)}async close(){this.filterValue="",this.visible=!1}handleInput(t){this.filterValue=t.target.value}filterItems(t){return this.transformCommands(c(t.filter((t=>l(this.filterValue,`${t.text} + ${t.details}`)))),"")}createShortcutItem(t){return e("gux-list-item-legacy",{value:t.text,onPress:this.handlePress(t),class:t.details?"gux-has-details":""},e("div",null,e("gux-text-highlight",{text:t.text,strategy:"fuzzy"}),e("span",{class:"gux-shortcut"},t.shortcut)),t.details&&e("gux-text-highlight",{class:"gux-details",text:t.details,strategy:"fuzzy"}))}createStandardItem(t){return e("gux-list-item-legacy",{value:t.text,onPress:this.handlePress(t),class:t.details?"gux-has-details":""},e("gux-text-highlight",{text:t.text,strategy:"fuzzy"}),t.details&&e("gux-text-highlight",{class:"gux-details",text:t.details,strategy:"fuzzy"}))}transformCommands(t,a){const l=[];return a&&l.push(e("strong",null,a)),t.forEach((t=>{l.push(t.shortcut?this.createShortcutItem(t):this.createStandardItem(t))})),l}handlePress(t){return()=>{this.close(),setTimeout((()=>{t.invokePress()}))}}createList(t,a,l){return e("gux-list-legacy",{class:"gux-command-palette-list",highlight:a,tabindex:"-1"},this.transformCommands(c(t),l))}onKeyDown(t){switch(t.key){case"ArrowUp":t.preventDefault(),this.navigateUp();break;case"ArrowDown":t.preventDefault(),this.navigateDown()}}elementIsSearch(t){return null!==t.closest("gux-input-search")}getParentGuxList(t){return t.closest("gux-list-legacy")}setFocusOnElement(t){t&&t.setFocusOnLastItem?t.setFocusOnLastItem():this.inputElement.focus()}navigateUp(){const t=this.root.querySelector(":focus");if(this.elementIsSearch(t))return;const e=this.getParentGuxList(t);e&&e.isFirstItemSelected().then((t=>{t&&this.setFocusOnElement(e.previousElementSibling)}))}navigateDown(){const t=this.root.querySelector(":focus");if(this.elementIsSearch(t))return void this.root.querySelector("gux-list-legacy").setFocusOnFirstItem();const e=this.getParentGuxList(t);e&&e.isLastItemSelected().then((t=>{t&&this.setFocusOnElement(e.nextElementSibling)}))}get root(){return a(this)}};u.style="gux-command-palette-legacy .gux-command-palette{position:absolute;right:0;left:0;max-width:750px;padding:12px;margin:0 auto;border-color:1px solid #e2e6ee;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);}gux-command-palette-legacy .gux-command-palette .gux-command-palette-search-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}gux-command-palette-legacy .gux-command-palette.gux-hidden{top:0;display:none}gux-command-palette-legacy .gux-command-palette:not(.gux-hidden){top:40px;animation-name:fadeIn;animation-duration:300ms;animation-timing-function:ease-in;animation-iteration-count:1}@keyframes fadeIn{0%{top:0;opacity:0}100%{top:40px;opacity:1}}gux-command-palette-legacy .gux-command-palette .gux-limit{margin-bottom:8px}gux-command-palette-legacy .gux-command-palette gux-list-legacy{display:block;margin-top:4px}gux-command-palette-legacy .gux-command-palette gux-list-legacy>strong{height:32px;padding:0 16px;line-height:32px}gux-command-palette-legacy .gux-command-palette gux-text-field,gux-command-palette-legacy .gux-command-palette gux-list-legacy>div[role='list']{margin-bottom:12px}gux-command-palette-legacy .gux-command-palette gux-list-legacy+gux-list-legacy{margin-bottom:0}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy.gux-has-details .gux-list-item{line-height:16px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item{display:block;line-height:32px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item gux-text-highlight,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-shortcut{display:block}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item div{display:flex;padding:0;border:none;box-shadow:none}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item div gux-text-highlight{flex:1 1 auto}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item div .gux-shortcut{flex:0 1 auto}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item gux-text-highlight:last-child{margin-bottom:8px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{margin-left:4px;font-size:11px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:last-of-type .gux-details,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:last-of-type div:last-child{margin-bottom:0}.gux-command-palette-light-theme .gux-command-palette{color:#2e394c;background:#fdfdfd}.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus-visible .gux-list-item div,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus-visible .gux-list-item .gux-details,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}.gux-light-theme gux-command-palette-legacy .gux-command-palette{color:#2e394c;background:#fdfdfd}.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus-visible .gux-list-item div,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus-visible .gux-list-item .gux-details,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}gux-command-palette-legacy.gux-light-theme .gux-command-palette{color:#2e394c;background:#fdfdfd}gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus-visible .gux-list-item div,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus-visible .gux-list-item .gux-details,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}gux-command-palette-legacy .gux-command-palette{color:#2e394c;background:#fdfdfd}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus-visible .gux-list-item div,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus-visible .gux-list-item .gux-details,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}";export{u as gux_command_palette_legacy}
@@ -1 +1 @@
1
- import{r as t,h as i,g as e}from"./p-9031eb6a.js";import{t as s}from"./p-6a37ebb5.js";import{l as a}from"./p-d0805f56.js";import{V as o}from"./p-5cacdfc9.js";const r="category",h="value",n=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",config:{legend:{symbolType:"circle"}},encoding:{theta:{field:"value",type:"quantitative",stack:!0},color:{field:r,type:"nominal",scale:{range:o},legend:null},tooltip:{aggregate:"count",type:"quantitative"}},layer:[{mark:{type:"arc",outerRadius:80}},{mark:{type:"text",radius:90},encoding:{text:{field:h,type:"quantitative"}}}],view:{stroke:null}},this.chartData=void 0,this.includeLegend=void 0,this.legendPosition="right",this.legendTitle=void 0,this.colorFieldName=void 0,this.outerRadius=void 0,this.labelRadius=void 0,this.labelField=void 0,this.embedOptions=void 0}parseData(){this.outerRadius||a(this.root,"requires outer-radius");let t={};this.chartData&&(t={data:this.chartData}),this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.colorFieldName||r;i&&(this.baseChartSpec.encoding.color.field=i);const e=this.legendTitle;e&&(this.baseChartSpec.encoding.color.title=e),this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:this.outerRadius}}];const s=this.labelRadius;s&&this.baseChartSpec.layer.push({mark:{type:"text",radius:s},encoding:{text:{field:this.labelField||h,type:"quantitative"}}});const o=Object.assign(this.baseChartSpec,t);this.visualizationSpec=o}componentWillLoad(){s(this.root),this.parseData()}render(){return i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return e(this)}static get watchers(){return{chartData:["parseData"]}}};n.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{n as gux_chart_pie_beta}
1
+ import{r as t,h as i,g as e}from"./p-9031eb6a.js";import{t as s}from"./p-e84dd694.js";import{l as a}from"./p-d0805f56.js";import{V as o}from"./p-5cacdfc9.js";const r="category",h="value",n=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",config:{legend:{symbolType:"circle"}},encoding:{theta:{field:"value",type:"quantitative",stack:!0},color:{field:r,type:"nominal",scale:{range:o},legend:null},tooltip:{aggregate:"count",type:"quantitative"}},layer:[{mark:{type:"arc",outerRadius:80}},{mark:{type:"text",radius:90},encoding:{text:{field:h,type:"quantitative"}}}],view:{stroke:null}},this.chartData=void 0,this.includeLegend=void 0,this.legendPosition="right",this.legendTitle=void 0,this.colorFieldName=void 0,this.outerRadius=void 0,this.labelRadius=void 0,this.labelField=void 0,this.embedOptions=void 0}parseData(){this.outerRadius||a(this.root,"requires outer-radius");let t={};this.chartData&&(t={data:this.chartData}),this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.colorFieldName||r;i&&(this.baseChartSpec.encoding.color.field=i);const e=this.legendTitle;e&&(this.baseChartSpec.encoding.color.title=e),this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:this.outerRadius}}];const s=this.labelRadius;s&&this.baseChartSpec.layer.push({mark:{type:"text",radius:s},encoding:{text:{field:this.labelField||h,type:"quantitative"}}});const o=Object.assign(this.baseChartSpec,t);this.visualizationSpec=o}componentWillLoad(){s(this.root),this.parseData()}render(){return i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return e(this)}static get watchers(){return{chartData:["parseData"]}}};n.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{n as gux_chart_pie_beta}
@@ -1 +1 @@
1
- import{r as e,h as r,g as i}from"./p-9031eb6a.js";import{b as t}from"./p-54ad2682.js";import{t as o}from"./p-6a37ebb5.js";import"./p-8a133b9b.js";const a={info:"Information alert with message",success:"Success alert with message",warning:"Warning alert with message",error:"Error alert with message"},n=class{constructor(r){e(this,r),this.accent="info"}getIcon(e){switch(e){case"info":default:return"alert-info";case"success":return"alert-success";case"warning":return"alert-warning-triangle";case"error":return"alert-warning-octogon"}}async componentWillLoad(){o(this.root,{variant:this.accent}),this.i18n=await t(this.root,a)}render(){return r("div",{class:{"gux-inline-alert":!0,[`gux-${this.accent}`]:!0}},r("gux-icon",{"icon-name":this.getIcon(this.accent),decorative:!0}),r("div",{class:"gux-message-wrapper"},r("div",{class:"gux-sr-only"},this.i18n(this.accent)),r("slot",null)))}get root(){return i(this)}};n.style=":host{display:block}.gux-inline-alert{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;align-items:center;justify-content:flex-start;padding:4px 8px;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-inline-alert gux-icon{flex-shrink:0;align-self:flex-start;width:16px;height:16px;margin-top:2px}.gux-inline-alert gux-tooltip-title{white-space:nowrap}.gux-inline-alert .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-inline-alert.gux-info{color:#4c5667;background-color:#f6f7f9;border:1px solid #d7dce5}.gux-inline-alert.gux-error{color:#8f0707;background-color:#fceaea;border:1px solid #f8b2b2}.gux-inline-alert.gux-warning{color:#976700;background-color:#fdf8ec;border:1px solid #fce5b1}.gux-inline-alert.gux-success{color:#205a10;background-color:#eefcea;border:1px solid #c2deb9}";export{n as gux_inline_alert_beta}
1
+ import{r as e,h as r,g as i}from"./p-9031eb6a.js";import{b as t}from"./p-54ad2682.js";import{t as o}from"./p-e84dd694.js";import"./p-8a133b9b.js";const n={info:"Information alert with message",success:"Success alert with message",warning:"Warning alert with message",error:"Error alert with message"},s=class{constructor(r){e(this,r),this.accent="info"}getIcon(e){switch(e){case"info":default:return"alert-info";case"success":return"alert-success";case"warning":return"alert-warning-triangle";case"error":return"alert-warning-octogon"}}async componentWillLoad(){o(this.root,{variant:this.accent}),this.i18n=await t(this.root,n)}render(){return r("div",{class:{"gux-inline-alert":!0,[`gux-${this.accent}`]:!0}},r("gux-icon",{"icon-name":this.getIcon(this.accent),decorative:!0}),r("div",{class:"gux-message-wrapper"},r("div",{class:"gux-sr-only"},this.i18n(this.accent)),r("slot",null)))}get root(){return i(this)}};s.style=":host{display:block}.gux-inline-alert{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;align-items:center;justify-content:flex-start;padding:4px 8px;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-inline-alert gux-icon{flex-shrink:0;align-self:flex-start;width:16px;height:16px;margin-top:2px}.gux-inline-alert gux-tooltip-title{white-space:nowrap}.gux-inline-alert .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-inline-alert.gux-info{color:#4c5667;background-color:#f6f7f9;border:1px solid #d7dce5}.gux-inline-alert.gux-error{color:#8f0707;background-color:#fceaea;border:1px solid #f8b2b2}.gux-inline-alert.gux-warning{color:#976700;background-color:#fdf8ec;border:1px solid #fce5b1}.gux-inline-alert.gux-success{color:#205a10;background-color:#eefcea;border:1px solid #c2deb9}";export{s as gux_inline_alert_beta}
@@ -1 +1 @@
1
- import{r as t,h as e,g as i}from"./p-9031eb6a.js";import{O as s}from"./p-35f13878.js";import{s as o}from"./p-d176c2ae.js";import{b as n}from"./p-091f51f6.js";import{g as r,b as a}from"./p-54ad2682.js";import{t as u}from"./p-6a37ebb5.js";import{u as c,a as p}from"./p-12dc5326.js";import"./p-8a133b9b.js";const l={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function h(t,e){const[i,s]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${s}`}function g(t,e,i){const[s,o]=t.split(":");let n=(parseInt(o,10)+e+60)%60;for(;n%i!=0;)n=(n+e+60)%60;return`${s}:${n.toString().padStart(2,"0")}`}function m(t,e){const[i,s]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString()}:${s}`:`${i}:${s}`}function x(t,e,i){const[s,o]=t.split(":");return"12h"===e?i?`${(parseInt(s,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(s,10)%12+12).toString().padStart(2,"0")}:${o}`:`${s}:${o}`}function d(t,e){const[i]=m(t,e).split(":");return i}function f(t){const[,e]=t.split(":");return e}function b(t){const[e]=t.split(":");return parseInt(e,10)<12}function k(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const w=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.clockType=void 0,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){u(this.root),this.i18n=await a(this.root,l),this.clockType=this.clockType||function(t){let e;e=c()?p(t).toLowerCase():r(t).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),s=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return!c()&&["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||new RegExp(".*15.*").test(s)?"24h":"12h"}(this.root)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){n((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}handleClickDropdownValue(t){const e=x(t,this.clockType,b(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(h(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(h(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,s,o){const[n,r]=m(t,e).split(":");let a=n;return a="Backspace"===i?"12h"==e&&1==o?a.split("").filter(((t,e)=>e==s-1)).join(""):a.split("").filter(((t,e)=>e!==s-1)).join("").padStart(2,"0"):parseInt(a.slice(0,s)+i+a.slice(s+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(k(e)).test(a)||(a="12h"===e?i:i.padStart(2,"0")),x(`${a}:${r}`,e,b(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(g(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(g(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[s,o]=t.split(":");let n=o;return n="Backspace"===e?n.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(n.slice(0,i)+e+n.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(n)||(n=e.padStart(2,"0")),`${s}:${n}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(h(this.value,12),!0)}getAmPmString(){return b(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:d(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:k(this.clockType),ref:t=>this.hourInputElement=t}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:f(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t)},e("div",{class:{"gux-meridiem":!0,"gux-visible":b(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!b(this.value)}},this.i18n("pm")))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"clock-outline"}))}renderTimeListItems(){return function(t,e){const i=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0")));return("12h"===e?["12","1","2","3","4","5","6","7","8","9","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(i.map((t=>`${e}:${t}`)))),[])}(this.interval,this.clockType).map((t=>{const i=x(t,this.clockType,b(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target"},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup-beta",{class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}};(function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([s({triggerEvents:"mousedown"})],w.prototype,"onClickOutside",null),w.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:#ea0b0b}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-time-picker .gux-input-time:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;width:20px;padding:0;font-size:12px;color:#2e394c;text-align:center;text-align:left;background-color:#f6f7f9;border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:right}.gux-time-picker .gux-input-time input::placeholder{color:#596373;opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr / auto 1fr auto;place-items:flex-end;padding:0;font-size:12px;font-weight:bold;color:#2e394c;background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:not(:disabled):hover{color:#2a60c8;cursor:pointer}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{color:#2a60c8;outline:2px solid #aac9ff;outline-offset:0;border-radius:2px}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1;grid-column:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:#596373;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:#2a60c8;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled):hover{color:#2a60c8 !important;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus{border:none;outline:none}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible gux-icon{outline:2px solid #aac9ff;outline-offset:0;border-radius:2px}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{width:16px;height:16px}.gux-time-picker .gux-list-container{max-height:150px;padding:8px 0;margin:0;overflow-y:scroll;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{w as gux_time_picker_beta}
1
+ import{r as t,h as e,g as i}from"./p-9031eb6a.js";import{O as s}from"./p-35f13878.js";import{s as o}from"./p-d176c2ae.js";import{b as n}from"./p-091f51f6.js";import{g as r,b as u}from"./p-54ad2682.js";import{t as a}from"./p-e84dd694.js";import{u as c,a as p}from"./p-12dc5326.js";import"./p-8a133b9b.js";const l={am:"AM","time-separator":":",clockButton:"Toggle suggested times",hoursInput:"Input hours",minutesInput:"Input minutes",pm:"PM",timeOptionsState:"Time options open: {state}",toggleAmPM:"{amOrPm} selected, click to toggle"};function h(t,e){const[i,s]=t.split(":");return`${((parseInt(i,10)+e+24)%24).toString().padStart(2,"0")}:${s}`}function g(t,e,i){const[s,o]=t.split(":");let n=(parseInt(o,10)+e+60)%60;for(;n%i!=0;)n=(n+e+60)%60;return`${s}:${n.toString().padStart(2,"0")}`}function m(t,e){const[i,s]=t.split(":");return"12h"===e?`${(parseInt(i,10)%12||12).toString()}:${s}`:`${i}:${s}`}function x(t,e,i){const[s,o]=t.split(":");return"12h"===e?i?`${(parseInt(s,10)%12).toString().padStart(2,"0")}:${o}`:`${(parseInt(s,10)%12+12).toString().padStart(2,"0")}:${o}`:`${s}:${o}`}function d(t,e){const[i]=m(t,e).split(":");return i}function f(t){const[,e]=t.split(":");return e}function b(t){const[e]=t.split(":");return parseInt(e,10)<12}function k(t){return"12h"===t?"^(0?[1-9]|1[012])$":"^([01]?[0-9]|2[0-3])$"}const w=class{constructor(e){t(this,e),this.value="00:00",this.interval=60,this.step=1,this.disabled=!1,this.required=!1,this.hasError=!1,this.clockType=void 0,this.expanded=!1}onFocus(){this.valueLastChange=this.value}onBlur(){this.valueLastChange!==this.value&&o(this.root,"change")}onClickOutside(){this.expanded=!1}handleKeydown(t){switch(t.key){case"Escape":case"Tab":this.expanded=!1}}async componentWillLoad(){a(this.root),this.i18n=await u(this.root,l),this.clockType=this.clockType||function(t){let e;e=c()?p(t).toLowerCase():r(t).toLowerCase();const i=new Date("January 19, 1975 15:00:00 UTC+00:00"),s=new Intl.DateTimeFormat(e,{timeStyle:"short",timeZone:"UTC"}).format(i);return!c()&&["ar","ko","zh-cn","zh-tw"].some((t=>e.startsWith(t)))||new RegExp(".*15.*").test(s)?"24h":"12h"}(this.root)}updateValue(t,e=!1){t!==this.value&&(this.value=t,o(this.root,"input"),e&&this.valueLastChange!==this.value&&(o(this.root,"change"),this.valueLastChange=this.value))}valueToId(t){return`gux-id-${t.replace(":","-")}`}focusRelevantItemInPopupList(){n((()=>{this.listElement.guxFocusItemByClosestId(this.valueToId(this.value))}))}toggleDropdown(){this.expanded=!this.expanded,this.expanded&&this.focusRelevantItemInPopupList()}handleClickDropdownValue(t){const e=x(t,this.clockType,b(this.value));this.updateValue(e,!0),this.clockButton.focus(),this.expanded=!1}onHourKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(h(this.value,-1));break;case"ArrowUp":t.preventDefault(),this.updateValue(h(this.value,1));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.hourInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i,s,o){const[n,r]=m(t,e).split(":");let u=n;return u="Backspace"===i?"12h"==e&&1==o?u.split("").filter(((t,e)=>e==s-1)).join(""):u.split("").filter(((t,e)=>e!==s-1)).join("").padStart(2,"0"):parseInt(u.slice(0,s)+i+u.slice(s+1),10).toString().slice(-2).padStart(2,"0"),new RegExp(k(e)).test(u)||(u="12h"===e?i:i.padStart(2,"0")),x(`${u}:${r}`,e,b(t))}(this.value,this.clockType,t.key,this.hourInputElement.selectionStart,this.hourInputElement.value.length));break;default:t.preventDefault()}}onMinuteKeyDown(t){switch(t.key){case"Tab":case"ArrowLeft":case"ArrowRight":case"Escape":break;case"ArrowDown":t.preventDefault(),this.updateValue(g(this.value,-1,this.step));break;case"ArrowUp":t.preventDefault(),this.updateValue(g(this.value,1,this.step));break;case"Backspace":case"0":case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":t.preventDefault(),this.minuteInputElement.setSelectionRange(2,2),this.updateValue(function(t,e,i){const[s,o]=t.split(":");let n=o;return n="Backspace"===e?n.split("").filter(((t,e)=>e!==i-1)).join("").padStart(2,"0"):(n.slice(0,i)+e+n.slice(i+1)).slice(-2).padStart(2,"0"),new RegExp("^[0-5][0-9]$").test(n)||(n=e.padStart(2,"0")),`${s}:${n}`}(this.value,t.key,this.minuteInputElement.selectionStart));break;default:t.preventDefault()}}onAmPmButtonKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":this.toggleAmPm(t)}}onListKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.clockButton.focus())}toggleAmPm(t){t.preventDefault(),this.updateValue(h(this.value,12),!0)}getAmPmString(){return b(this.value)?this.i18n("am"):this.i18n("pm")}renderNumberInput(){return e("div",{class:"gux-input-time-container"},e("input",{class:"gux-input-time-hours",type:"text",disabled:this.disabled,value:d(this.value,this.clockType),onKeyDown:t=>this.onHourKeyDown(t),"aria-label":this.i18n("hoursInput"),pattern:k(this.clockType),ref:t=>this.hourInputElement=t}),e("span",{class:"gux-time-separator"},this.i18n("time-separator")),e("input",{class:"gux-input-time-minutes",type:"text",disabled:this.disabled,value:f(this.value),onKeyDown:t=>this.onMinuteKeyDown(t),"aria-label":this.i18n("minutesInput"),pattern:"^[0-5][0-9]$",ref:t=>this.minuteInputElement=t}))}renderAmPmSelector(){if("12h"===this.clockType)return e("button",{class:"gux-input-time-am-pm-selector",type:"button",disabled:this.disabled,"aria-label":this.i18n("toggleAmPM",{amOrPm:this.getAmPmString()}),onClick:t=>this.toggleAmPm(t),onKeyDown:t=>this.onAmPmButtonKeyDown(t)},e("div",{class:{"gux-meridiem":!0,"gux-visible":b(this.value)}},this.i18n("am")),e("div",{class:{"gux-meridiem":!0,"gux-visible":!b(this.value)}},this.i18n("pm")))}renderClockButton(){return e("button",{class:{"gux-clock-button":!0,"gux-active":this.expanded},type:"button",disabled:this.disabled,"aria-label":this.i18n("clockButton"),"aria-expanded":this.expanded.toString(),onClick:this.toggleDropdown.bind(this),ref:t=>this.clockButton=t},e("gux-icon",{decorative:!0,"icon-name":"clock-outline"}))}renderTimeListItems(){return function(t,e){const i=[0,15,30,45].filter((e=>Number.isInteger(e/t))).map((t=>String(t).padStart(2,"0")));return("12h"===e?["12","1","2","3","4","5","6","7","8","9","10","11"]:Array.from(Array(24).keys()).map((t=>String(t).padStart(2,"0")))).reduce(((t,e)=>t.concat(i.map((t=>`${e}:${t}`)))),[])}(this.interval,this.clockType).map((t=>{const i=x(t,this.clockType,b(this.value));return e("gux-list-item",{id:this.valueToId(i),onClick:()=>this.handleClickDropdownValue(t)},t)}))}renderTarget(){return e("div",{class:"gux-input-time",slot:"target"},this.renderNumberInput(),this.renderAmPmSelector(),this.renderClockButton())}renderPopup(){return e("div",{slot:"popup",class:"gux-list-container",onKeyDown:t=>this.onListKeyDown(t)},e("gux-list",{ref:t=>this.listElement=t},this.renderTimeListItems()))}render(){return e("gux-popup-beta",{class:{"gux-time-picker":!0,"gux-error":this.hasError},expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}};(function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var u=t.length-1;u>=0;u--)(o=t[u])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([s({triggerEvents:"mousedown"})],w.prototype,"onClickOutside",null),w.style=".gux-time-picker{position:relative;display:inline-block}.gux-time-picker.gux-error .gux-input-time{border-color:#ea0b0b}.gux-time-picker .gux-input-time{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-time-picker .gux-input-time:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-time-picker .gux-input-time input{flex:1 1 auto;align-self:auto;order:0;width:20px;padding:0;font-size:12px;color:#2e394c;text-align:center;text-align:left;background-color:#f6f7f9;border:none;outline:none}.gux-time-picker .gux-input-time input.gux-input-time-hours{text-align:right}.gux-time-picker .gux-input-time input::placeholder{color:#596373;opacity:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector{display:grid;grid-template:auto 1fr / auto 1fr auto;place-items:flex-end;padding:0;font-size:12px;font-weight:bold;color:#2e394c;background:transparent;border:none;outline:none}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:not(:disabled):hover{color:#2a60c8;cursor:pointer}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector:focus-visible{color:#2a60c8;outline:2px solid #aac9ff;outline-offset:0;border-radius:2px}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem{display:none;grid-row:1;grid-column:1}.gux-time-picker .gux-input-time .gux-input-time-am-pm-selector .gux-meridiem.gux-visible{display:inline-block}.gux-time-picker .gux-input-time .gux-clock-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:#596373;background:transparent;border:none}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled){color:#2a60c8;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button.gux-active:not(:disabled):hover{color:#2a60c8 !important;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-time-picker .gux-input-time .gux-clock-button:focus{border:none;outline:none}.gux-time-picker .gux-input-time .gux-clock-button:focus-visible gux-icon{outline:2px solid #aac9ff;outline-offset:0;border-radius:2px}.gux-time-picker .gux-input-time .gux-clock-button gux-icon{width:16px;height:16px}.gux-time-picker .gux-list-container{max-height:150px;padding:8px 0;margin:0;overflow-y:scroll;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{w as gux_time_picker_beta}
@@ -1 +1 @@
1
- import{r as t,f as i,h as e,g as o}from"./p-9031eb6a.js";import{c as r,o as n}from"./p-3f5341ea.js";import{O as s}from"./p-f222d4b1.js";import{o as a}from"./p-3701eff0.js";import{p as l}from"./p-c10e41a9.js";import{h as p}from"./p-08bc2e6b.js";import{h,d as f,G as u,a as x,g as c,v as d,b as g}from"./p-36a19e41.js";import{G as m,a as b}from"./p-43ad56a8.js";import{t as w}from"./p-6a37ebb5.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const v=class{constructor(i){t(this,i),this.labelPosition=void 0,this.computedLabelPosition="above",this.clearable=!0,this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=p(this.root,"error"),this.hasHelp=p(this.root,"help")}async guxForceUpdate(){this.hasContent=h(this.input),this.hasError=p(this.root,"error"),this.hasHelp=p(this.root,"help"),i(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=p(this.root,"error"),this.hasHelp=p(this.root,"help"),w(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return e(b,{labelPosition:this.computedLabelPosition},e(m,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()})),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},e("gux-icon",{"icon-name":"search",decorative:!0}),e("slot",{name:"input"}),this.clearable&&this.hasContent&&!this.disabled&&e("gux-form-field-input-clear-button",{onClick:()=>f(this.input)}))),e(u,{show:this.hasError},e("slot",{name:"error"})),e(x,{show:!this.hasError&&this.hasHelp},e("slot",{name:"help"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${t}`}setInput(){this.input=c(this.root,'input[type="search"][slot="input"]'),this.hasContent=h(this.input),l(this.input),this.input.addEventListener("input",(()=>{this.hasContent=h(this.input)})),this.disabled=r(this.input),this.required=this.input.required,this.disabledObserver=n(this.input,(t=>{this.disabled=t})),this.requiredObserver=a(this.input,(t=>{this.required=t})),d(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=g(this.label,this.labelPosition)}get root(){return o(this)}};(function(t,i,e,o){var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([s({childList:!0,subtree:!0})],v.prototype,"onMutation",null),v.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 16px) 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.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;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.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;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#283243;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;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:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px 8px;font-size:12px;line-height:1.6667;color:#283243;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container gux-icon[icon-name='search']{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;margin-right:4px;color:#596373}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{v as gux_form_field_search}
1
+ import{r as t,f as i,h as e,g as o}from"./p-9031eb6a.js";import{c as r,o as n}from"./p-3f5341ea.js";import{O as s}from"./p-f222d4b1.js";import{o as a}from"./p-3701eff0.js";import{p as l}from"./p-c10e41a9.js";import{h as p}from"./p-08bc2e6b.js";import{h,d as f,G as u,a as x,g as d,v as c,b as g}from"./p-36a19e41.js";import{G as m,a as b}from"./p-43ad56a8.js";import{t as w}from"./p-e84dd694.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const v=class{constructor(i){t(this,i),this.labelPosition=void 0,this.computedLabelPosition="above",this.clearable=!0,this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=p(this.root,"error"),this.hasHelp=p(this.root,"help")}async guxForceUpdate(){this.hasContent=h(this.input),this.hasError=p(this.root,"error"),this.hasHelp=p(this.root,"help"),i(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=p(this.root,"error"),this.hasHelp=p(this.root,"help"),w(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return e(b,{labelPosition:this.computedLabelPosition},e(m,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()})),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},e("gux-icon",{"icon-name":"search",decorative:!0}),e("slot",{name:"input"}),this.clearable&&this.hasContent&&!this.disabled&&e("gux-form-field-input-clear-button",{onClick:()=>f(this.input)}))),e(u,{show:this.hasError},e("slot",{name:"error"})),e(x,{show:!this.hasError&&this.hasHelp},e("slot",{name:"help"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${t}`}setInput(){this.input=d(this.root,'input[type="search"][slot="input"]'),this.hasContent=h(this.input),l(this.input),this.input.addEventListener("input",(()=>{this.hasContent=h(this.input)})),this.disabled=r(this.input),this.required=this.input.required,this.disabledObserver=n(this.input,(t=>{this.disabled=t})),this.requiredObserver=a(this.input,(t=>{this.required=t})),c(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=g(this.label,this.labelPosition)}get root(){return o(this)}};(function(t,i,e,o){var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([s({childList:!0,subtree:!0})],v.prototype,"onMutation",null),v.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 16px) 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.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;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.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;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#283243;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;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:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px 8px;font-size:12px;line-height:1.6667;color:#283243;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container gux-icon[icon-name='search']{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;margin-right:4px;color:#596373}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{v as gux_form_field_search}
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,H as e,g as o}from"./p-9031eb6a.js";import{t as h}from"./p-6a37ebb5.js";const r=class{constructor(i){t(this,i),this.press=s(this,"press",7),this.text=void 0,this.value=void 0,this.strategy=void 0}handleClick(){this.onItemClicked()}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key||this.onItemClicked()}render(){return i(e,{role:"listitem"},i("span",{class:"gux-list-item"},this.text&&i("gux-text-highlight",{class:"gux-text",text:this.text,strategy:this.strategy}),i("slot",null)))}onItemClicked(){this.emitPress()}emitPress(){this.press.emit(this.value)}};r.style=":host:focus-visible .gux-list-item,:host:active .gux-list-item,:host:hover:not([disabled]) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host(:focus-visible) .gux-list-item,:host(:active) .gux-list-item,:host(:hover:not([disabled])) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host([disabled]) .gux-list-item{pointer-events:none;cursor:default;opacity:0.5}.gux-list-item{display:flex;height:max-content;padding:0 16px;line-height:32px;word-wrap:break-word;cursor:pointer}.gux-list-item .gux-text{width:100%}";const a=["gux-list-item-legacy:not([disabled])","gux-action-item:not([disabled])"].join(","),n=class{constructor(i){t(this,i),this.changed=s(this,"changed",7),this.observer=new MutationObserver((()=>{this.performHighlight(this.highlight)})),this.value=void 0,this.highlight=void 0,this.selectedIndex=-1}emitChanged(t){this.changed.emit(t)}itemSelected(t){t.detail&&(this.value=t.detail)}valueHandler(t){this.emitChanged(t)}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){h(this.root)}componentDidLoad(){this.performHighlight(this.highlight),this.observer.observe(this.root,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer&&this.observer.disconnect()}render(){return this.performHighlight(this.highlight),this.updateTabIndexes(),i("div",{class:"gux-list-items-container",role:"list",tabindex:0,onKeyDown:t=>this.onKeyDown(t)},i("slot",null))}onKeyDown(t){if(!["ArrowUp","ArrowDown","End","Home"].includes(t.key))return;const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=s.length-1);break;case"Home":this.selectedIndex&&(i=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),i=this.selectedIndex+1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}isCommandPaletteList(){return Boolean(this.root.closest("gux-command-palette-legacy"))}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.setAttribute("tabindex","-1"):(t.setAttribute("tabindex","0"),t.focus(),setTimeout((()=>{this.value=t.value})))}))}performHighlight(t){const s=this.root.querySelectorAll("gux-text-highlight");s&&s.forEach((s=>{s.highlight=t}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches(a))):Array.from(this.root.querySelectorAll(a))}get root(){return o(this)}static get watchers(){return{value:["valueHandler"]}}};n.style=".gux-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{r as gux_list_item_legacy,n as gux_list_legacy}
1
+ import{r as t,c as s,h as i,H as e,g as o}from"./p-9031eb6a.js";import{t as h}from"./p-e84dd694.js";const r=class{constructor(i){t(this,i),this.press=s(this,"press",7),this.text=void 0,this.value=void 0,this.strategy=void 0}handleClick(){this.onItemClicked()}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key||this.onItemClicked()}render(){return i(e,{role:"listitem"},i("span",{class:"gux-list-item"},this.text&&i("gux-text-highlight",{class:"gux-text",text:this.text,strategy:this.strategy}),i("slot",null)))}onItemClicked(){this.emitPress()}emitPress(){this.press.emit(this.value)}};r.style=":host:focus-visible .gux-list-item,:host:active .gux-list-item,:host:hover:not([disabled]) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host(:focus-visible) .gux-list-item,:host(:active) .gux-list-item,:host(:hover:not([disabled])) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host([disabled]) .gux-list-item{pointer-events:none;cursor:default;opacity:0.5}.gux-list-item{display:flex;height:max-content;padding:0 16px;line-height:32px;word-wrap:break-word;cursor:pointer}.gux-list-item .gux-text{width:100%}";const n=["gux-list-item-legacy:not([disabled])","gux-action-item:not([disabled])"].join(","),a=class{constructor(i){t(this,i),this.changed=s(this,"changed",7),this.observer=new MutationObserver((()=>{this.performHighlight(this.highlight)})),this.value=void 0,this.highlight=void 0,this.selectedIndex=-1}emitChanged(t){this.changed.emit(t)}itemSelected(t){t.detail&&(this.value=t.detail)}valueHandler(t){this.emitChanged(t)}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){h(this.root)}componentDidLoad(){this.performHighlight(this.highlight),this.observer.observe(this.root,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer&&this.observer.disconnect()}render(){return this.performHighlight(this.highlight),this.updateTabIndexes(),i("div",{class:"gux-list-items-container",role:"list",tabindex:0,onKeyDown:t=>this.onKeyDown(t)},i("slot",null))}onKeyDown(t){if(!["ArrowUp","ArrowDown","End","Home"].includes(t.key))return;const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=s.length-1);break;case"Home":this.selectedIndex&&(i=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),i=this.selectedIndex+1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}isCommandPaletteList(){return Boolean(this.root.closest("gux-command-palette-legacy"))}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.setAttribute("tabindex","-1"):(t.setAttribute("tabindex","0"),t.focus(),setTimeout((()=>{this.value=t.value})))}))}performHighlight(t){const s=this.root.querySelectorAll("gux-text-highlight");s&&s.forEach((s=>{s.highlight=t}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches(n))):Array.from(this.root.querySelectorAll(n))}get root(){return o(this)}static get watchers(){return{value:["valueHandler"]}}};a.style=".gux-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{r as gux_list_item_legacy,a as gux_list_legacy}
@@ -1 +1 @@
1
- import{r as t,h as i,H as s,g as o}from"./p-9031eb6a.js";import{a as e,c as a,o as h,f as r,s as n,h as d}from"./p-42e2cc1f.js";import{r as l}from"./p-cbcbd1bb.js";import{t as c}from"./p-6a37ebb5.js";import{f as p}from"./p-82ffe3cc.js";import{b as m}from"./p-091f51f6.js";const b=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=l("gux-tooltip"),this.for=void 0,this.placement="bottom-start",this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition=e(this.forElement,this.root,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!1,ancestorResize:!0})}updatePosition(){a(this.forElement,this.root,{placement:this.placement,strategy:"fixed",middleware:[h(16),r(),n(),d()]}).then((({x:t,y:i,middlewareData:s,placement:o})=>{var e;Object.assign(this.root.style,{left:`${t}px`,top:`${i}px`,visibility:(null===(e=s.hide)||void 0===e?void 0:e.referenceHidden)?"hidden":"visible"}),this.root.setAttribute("data-placement",o)}))}show(){this.isShown=!0,m((()=>{this.runUpdatePosition()}))}hide(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.isShown=!1}getForElement(){return this.for?p(this.root,this.for):this.root.parentElement}logForAttributeError(){this.root.isConnected&&console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}setForElement(){this.forElement=this.getForElement(),this.forElement?(this.forElement.setAttribute("aria-describedby",this.id),this.forElementListeners.forEach(((t,i)=>this.forElement.addEventListener(i,t)))):this.logForAttributeError()}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)}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnectForElement()}render(){return i(s,{id:this.id,class:{"gux-show":this.isShown},role:"tooltip"},i("div",{class:"gux-container"},i("slot",null)))}get root(){return o(this)}static get watchers(){return{for:["updateForElement"]}}};b.style=":host{position:fixed;z-index:var(--gux-zindex-tooltip, 1);display:none;width:max-content;max-width:250px;overflow:hidden;pointer-events:none;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;padding:6px 12px;color:#2e394c;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";export{b as gux_tooltip}
1
+ import{r as t,h as i,H as s,g as o}from"./p-9031eb6a.js";import{a as e,c as a,o as h,f as r,s as n,h as d}from"./p-42e2cc1f.js";import{r as l}from"./p-cbcbd1bb.js";import{t as c}from"./p-e84dd694.js";import{f as p}from"./p-82ffe3cc.js";import{b as m}from"./p-091f51f6.js";const f=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=l("gux-tooltip"),this.for=void 0,this.placement="bottom-start",this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition=e(this.forElement,this.root,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!1,ancestorResize:!0})}updatePosition(){a(this.forElement,this.root,{placement:this.placement,strategy:"fixed",middleware:[h(16),r(),n(),d()]}).then((({x:t,y:i,middlewareData:s,placement:o})=>{var e;Object.assign(this.root.style,{left:`${t}px`,top:`${i}px`,visibility:(null===(e=s.hide)||void 0===e?void 0:e.referenceHidden)?"hidden":"visible"}),this.root.setAttribute("data-placement",o)}))}show(){this.isShown=!0,m((()=>{this.runUpdatePosition()}))}hide(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.isShown=!1}getForElement(){return this.for?p(this.root,this.for):this.root.parentElement}logForAttributeError(){this.root.isConnected&&console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}setForElement(){this.forElement=this.getForElement(),this.forElement?(this.forElement.setAttribute("aria-describedby",this.id),this.forElementListeners.forEach(((t,i)=>this.forElement.addEventListener(i,t)))):this.logForAttributeError()}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)}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.disconnectForElement()}render(){return i(s,{id:this.id,class:{"gux-show":this.isShown},role:"tooltip"},i("div",{class:"gux-container"},i("slot",null)))}get root(){return o(this)}static get watchers(){return{for:["updateForElement"]}}};f.style=":host{position:fixed;z-index:var(--gux-zindex-tooltip, 1);display:none;width:max-content;max-width:250px;overflow:hidden;pointer-events:none;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;padding:6px 12px;color:#2e394c;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";export{f as gux_tooltip}
@@ -1 +1 @@
1
- import{r as t,h as i,g as s}from"./p-9031eb6a.js";import{t as a}from"./p-6a37ebb5.js";import{V as e}from"./p-5cacdfc9.js";import{l as h}from"./p-d0805f56.js";const o=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",mark:{type:"bar"},config:{axis:{ticks:!1,titlePadding:8},axisX:{labelAngle:0},scale:{bandPaddingInner:.4,bandPaddingOuter:.4},legend:{symbolType:"circle"},bar:{color:e[0]}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},tooltip:{aggregate:"count",type:"quantitative"}}},this.chartData=void 0,this.xTickLabelSlant=void 0,this.includeLegend=void 0,this.xFieldName=void 0,this.yFieldName=void 0,this.xAxisTitle=void 0,this.yAxisTitle=void 0,this.legendTitle=void 0,this.legendPosition="right",this.chartLayers=void 0,this.embedOptions=void 0}parseData(){this.xFieldName&&this.yFieldName||h(this.root,"requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=45),this.includeLegend&&(this.baseChartSpec.encoding.color={field:"category"}),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,s=this.yFieldName,a=this.xAxisTitle,o=this.yAxisTitle,r=this.legendTitle;if(this.chartLayers){const t=this.chartLayers.map((t=>({mark:"bar",transform:[{filter:{field:"series",equal:t}}],encoding:{x:{field:i,type:"nominal"},y:{field:s,type:"quantitative"}}})));this.baseChartSpec.layer=t}else i&&(this.baseChartSpec.encoding.x.field=i),s&&(this.baseChartSpec.encoding.y.field=s),a&&(this.baseChartSpec.encoding.x.title=a),o&&(this.baseChartSpec.encoding.y.title=o),r&&(this.baseChartSpec.encoding.color.title=r);this.baseChartSpec.config.range={[i]:e};const n=Object.assign(this.baseChartSpec,t);this.visualizationSpec=n}componentWillLoad(){a(this.root),this.parseData()}render(){return i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return s(this)}static get watchers(){return{chartData:["parseData"]}}};o.style="gux-visualization-beta{height:fit-content;color:#2e394c;}gux-visualization-beta .mark-rect.layer_0_marks path{fill:url(#diagonalHatch0)}gux-visualization-beta .mark-rect.layer_1_marks path{fill:#1da8b3}";export{o as gux_chart_column_beta}
1
+ import{r as t,h as i,g as s}from"./p-9031eb6a.js";import{t as a}from"./p-e84dd694.js";import{V as e}from"./p-5cacdfc9.js";import{l as h}from"./p-d0805f56.js";const o=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",mark:{type:"bar"},config:{axis:{ticks:!1,titlePadding:8},axisX:{labelAngle:0},scale:{bandPaddingInner:.4,bandPaddingOuter:.4},legend:{symbolType:"circle"},bar:{color:e[0]}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},tooltip:{aggregate:"count",type:"quantitative"}}},this.chartData=void 0,this.xTickLabelSlant=void 0,this.includeLegend=void 0,this.xFieldName=void 0,this.yFieldName=void 0,this.xAxisTitle=void 0,this.yAxisTitle=void 0,this.legendTitle=void 0,this.legendPosition="right",this.chartLayers=void 0,this.embedOptions=void 0}parseData(){this.xFieldName&&this.yFieldName||h(this.root,"requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=45),this.includeLegend&&(this.baseChartSpec.encoding.color={field:"category"}),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,s=this.yFieldName,a=this.xAxisTitle,o=this.yAxisTitle,r=this.legendTitle;if(this.chartLayers){const t=this.chartLayers.map((t=>({mark:"bar",transform:[{filter:{field:"series",equal:t}}],encoding:{x:{field:i,type:"nominal"},y:{field:s,type:"quantitative"}}})));this.baseChartSpec.layer=t}else i&&(this.baseChartSpec.encoding.x.field=i),s&&(this.baseChartSpec.encoding.y.field=s),a&&(this.baseChartSpec.encoding.x.title=a),o&&(this.baseChartSpec.encoding.y.title=o),r&&(this.baseChartSpec.encoding.color.title=r);this.baseChartSpec.config.range={[i]:e};const n=Object.assign(this.baseChartSpec,t);this.visualizationSpec=n}componentWillLoad(){a(this.root),this.parseData()}render(){return i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return s(this)}static get watchers(){return{chartData:["parseData"]}}};o.style="gux-visualization-beta{height:fit-content;color:#2e394c;}gux-visualization-beta .mark-rect.layer_0_marks path{fill:url(#diagonalHatch0)}gux-visualization-beta .mark-rect.layer_1_marks path{fill:#1da8b3}";export{o as gux_chart_column_beta}
@@ -1 +1 @@
1
- import{r as g,c as a,h as o,g as r}from"./p-9031eb6a.js";import{b as u}from"./p-54ad2682.js";import{t as l}from"./p-6a37ebb5.js";import"./p-8a133b9b.js";const e={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"},c=class{constructor(o){g(this,o),this.guxdelete=a(this,"guxdelete",7),this.color="default",this.accent="default",this.value=void 0,this.disabled=!1,this.removable=!1,this.label=void 0}onKeyDown(g){switch(g.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){!this.disabled&&this.removable&&this.guxdelete.emit(this.value)}onSlotChange(g){const a=g.composedPath()[0].assignedNodes();this.label=a.map((g=>g.textContent)).join("")}renderTagTitle(){return o("gux-tooltip-title",null,o("span",null,o("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return o("div",{class:"gux-sr-only"},this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return o("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},o("gux-icon",{class:"gux-tag-remove-icon","icon-name":"close","screenreader-text":this.i18n("remove-tag",{label:this.label})}))}componentWillLoad(){l(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await u(this.root,e)}render(){return o("div",{class:{"gux-tag":!0,[`gux-${this.color}`]:!0,[`gux-accent-${this.accent}`]:!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.renderTagTitle(),this.renderSrText(),this.renderRemoveButton())}get root(){return r(this)}};c.style=":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;padding:2px 8px;font-size:12px;font-weight:bold;color:#fdfdfd;background-color:#2e394c;border-radius:4px}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){height:20px;font-size:16px}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center;margin-left:8px}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:16px;height:16px;border-radius:25%}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:2px solid #aac9ff;outline-offset:0}.gux-tag.gux-disabled{background-color:rgba(46, 57, 76, 0.5)}.gux-tag.gux-default{background-color:#2e394c}.gux-tag.gux-default.gux-disabled{background-color:rgba(46, 57, 76, 0.5)}.gux-tag.gux-default-subtle{color:#2e394c;background-color:#e2e6ee}.gux-tag.gux-default-subtle.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(226, 230, 238, 0.5)}.gux-tag.gux-navy{background-color:#203b73}.gux-tag.gux-navy.gux-disabled{background-color:rgba(32, 59, 115, 0.5)}.gux-tag.gux-blue{color:#2e394c;background-color:#75a8ff}.gux-tag.gux-blue.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(117, 168, 255, 0.5)}.gux-tag.gux-electric-purple{background-color:#8452cf}.gux-tag.gux-electric-purple.gux-disabled{background-color:rgba(132, 82, 207, 0.5)}.gux-tag.gux-aqua-green{color:#202937;background-color:#1da8b3}.gux-tag.gux-aqua-green.gux-disabled{color:rgba(32, 41, 55, 0.5);background-color:rgba(29, 168, 179, 0.5)}.gux-tag.gux-fuscha{color:#000000;background-color:#cc3ebe}.gux-tag.gux-fuscha.gux-disabled{color:rgba(0, 0, 0, 0.5);background-color:rgba(204, 62, 190, 0.5)}.gux-tag.gux-fuchsia{color:#000000;background-color:#cc3ebe}.gux-tag.gux-fuchsia.gux-disabled{color:rgba(0, 0, 0, 0.5);background-color:rgba(204, 62, 190, 0.5)}.gux-tag.gux-dark-purple{background-color:#5e5782}.gux-tag.gux-dark-purple.gux-disabled{background-color:rgba(94, 87, 130, 0.5)}.gux-tag.gux-bubblegum-pink{color:#2e394c;background-color:#ff8fdd}.gux-tag.gux-bubblegum-pink.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(255, 143, 221, 0.5)}.gux-tag.gux-olive-green{color:#151d28;background-color:#868c1e}.gux-tag.gux-olive-green.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(134, 140, 30, 0.5)}.gux-tag.gux-lilac{color:#2e394c;background-color:#b5b5eb}.gux-tag.gux-lilac.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(181, 181, 235, 0.5)}.gux-tag.gux-alert-yellow-green{color:#2e394c;background-color:#ddd933}.gux-tag.gux-alert-yellow-green.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(221, 217, 51, 0.5)}.gux-tag.gux-blue-10{background-color:#172b52}.gux-tag.gux-blue-10.gux-disabled{background-color:rgba(23, 43, 82, 0.5)}.gux-tag.gux-blue-20{background-color:#1c3363}.gux-tag.gux-blue-20.gux-disabled{background-color:rgba(28, 51, 99, 0.5)}.gux-tag.gux-blue-30{background-color:#203b73}.gux-tag.gux-blue-30.gux-disabled{background-color:rgba(32, 59, 115, 0.5)}.gux-tag.gux-blue-40{background-color:#23478f}.gux-tag.gux-blue-40.gux-disabled{background-color:rgba(35, 71, 143, 0.5)}.gux-tag.gux-blue-50{background-color:#2754ac}.gux-tag.gux-blue-50.gux-disabled{background-color:rgba(39, 84, 172, 0.5)}.gux-tag.gux-blue-60{background-color:#2a60c8}.gux-tag.gux-blue-60.gux-disabled{background-color:rgba(42, 96, 200, 0.5)}.gux-tag.gux-blue-70{color:#151d28;background-color:#5084e3}.gux-tag.gux-blue-70.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(80, 132, 227, 0.5)}.gux-tag.gux-blue-80{color:#2e394c;background-color:#75a8ff}.gux-tag.gux-blue-80.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(117, 168, 255, 0.5)}.gux-tag.gux-blue-90{color:#2e394c;background-color:#aac9ff}.gux-tag.gux-blue-90.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(170, 201, 255, 0.5)}.gux-tag.gux-blue-100{color:#2e394c;background-color:#deeaff}.gux-tag.gux-blue-100.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(222, 234, 255, 0.5)}.gux-tag.gux-alert-red-10{background-color:#520404}.gux-tag.gux-alert-red-10.gux-disabled{background-color:rgba(82, 4, 4, 0.5)}.gux-tag.gux-alert-red-20{background-color:#700505}.gux-tag.gux-alert-red-20.gux-disabled{background-color:rgba(112, 5, 5, 0.5)}.gux-tag.gux-alert-red-30{background-color:#8f0707}.gux-tag.gux-alert-red-30.gux-disabled{background-color:rgba(143, 7, 7, 0.5)}.gux-tag.gux-alert-red-40{background-color:#ad0808}.gux-tag.gux-alert-red-40.gux-disabled{background-color:rgba(173, 8, 8, 0.5)}.gux-tag.gux-alert-red-50{background-color:#cc0a0a}.gux-tag.gux-alert-red-50.gux-disabled{background-color:rgba(204, 10, 10, 0.5)}.gux-tag.gux-alert-red-60{background-color:#ea0b0b}.gux-tag.gux-alert-red-60.gux-disabled{background-color:rgba(234, 11, 11, 0.5)}.gux-tag.gux-alert-red-70{color:#000000;background-color:#ef4343}.gux-tag.gux-alert-red-70.gux-disabled{color:rgba(0, 0, 0, 0.5);background-color:rgba(239, 67, 67, 0.5)}.gux-tag.gux-alert-red-80{color:#283243;background-color:#f37a7a}.gux-tag.gux-alert-red-80.gux-disabled{color:rgba(40, 50, 67, 0.5);background-color:rgba(243, 122, 122, 0.5)}.gux-tag.gux-alert-red-90{color:#2e394c;background-color:#f8b2b2}.gux-tag.gux-alert-red-90.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(248, 178, 178, 0.5)}.gux-tag.gux-alert-red-100{color:#2e394c;background-color:#fceaea}.gux-tag.gux-alert-red-100.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(252, 234, 234, 0.5)}.gux-tag.gux-alert-green-10{background-color:#0d3d00}.gux-tag.gux-alert-green-10.gux-disabled{background-color:rgba(13, 61, 0, 0.5)}.gux-tag.gux-alert-green-20{background-color:#164b08}.gux-tag.gux-alert-green-20.gux-disabled{background-color:rgba(22, 75, 8, 0.5)}.gux-tag.gux-alert-green-30{background-color:#205a10}.gux-tag.gux-alert-green-30.gux-disabled{background-color:rgba(32, 90, 16, 0.5)}.gux-tag.gux-alert-green-40{background-color:#296817}.gux-tag.gux-alert-green-40.gux-disabled{background-color:rgba(41, 104, 23, 0.5)}.gux-tag.gux-alert-green-50{background-color:#33771f}.gux-tag.gux-alert-green-50.gux-disabled{background-color:rgba(51, 119, 31, 0.5)}.gux-tag.gux-alert-green-60{background-color:#3c8527}.gux-tag.gux-alert-green-60.gux-disabled{background-color:rgba(60, 133, 39, 0.5)}.gux-tag.gux-alert-green-70{color:#202937;background-color:#69a358}.gux-tag.gux-alert-green-70.gux-disabled{color:rgba(32, 41, 55, 0.5);background-color:rgba(105, 163, 88, 0.5)}.gux-tag.gux-alert-green-80{color:#2e394c;background-color:#95c189}.gux-tag.gux-alert-green-80.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(149, 193, 137, 0.5)}.gux-tag.gux-alert-green-90{color:#2e394c;background-color:#c2deb9}.gux-tag.gux-alert-green-90.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(194, 222, 185, 0.5)}.gux-tag.gux-alert-green-100{color:#2e394c;background-color:#eefcea}.gux-tag.gux-alert-green-100.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(238, 252, 234, 0.5)}.gux-tag.gux-alert-yellow-10{background-color:#523800}.gux-tag.gux-alert-yellow-10.gux-disabled{background-color:rgba(82, 56, 0, 0.5)}.gux-tag.gux-alert-yellow-20{background-color:#755000}.gux-tag.gux-alert-yellow-20.gux-disabled{background-color:rgba(117, 80, 0, 0.5)}.gux-tag.gux-alert-yellow-30{background-color:#976700}.gux-tag.gux-alert-yellow-30.gux-disabled{background-color:rgba(151, 103, 0, 0.5)}.gux-tag.gux-alert-yellow-40{color:#151d28;background-color:#ba7f00}.gux-tag.gux-alert-yellow-40.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(186, 127, 0, 0.5)}.gux-tag.gux-alert-yellow-50{color:#2e394c;background-color:#dc9600}.gux-tag.gux-alert-yellow-50.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(220, 150, 0, 0.5)}.gux-tag.gux-alert-yellow-60{color:#2e394c;background-color:#ffae00}.gux-tag.gux-alert-yellow-60.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(255, 174, 0, 0.5)}.gux-tag.gux-alert-yellow-70{color:#2e394c;background-color:#fbbe3b}.gux-tag.gux-alert-yellow-70.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(251, 190, 59, 0.5)}.gux-tag.gux-alert-yellow-80{color:#2e394c;background-color:#fcd276}.gux-tag.gux-alert-yellow-80.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(252, 210, 118, 0.5)}.gux-tag.gux-alert-yellow-90{color:#2e394c;background-color:#fce5b1}.gux-tag.gux-alert-yellow-90.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(252, 229, 177, 0.5)}.gux-tag.gux-alert-yellow-100{color:#2e394c;background-color:#fdf8ec}.gux-tag.gux-alert-yellow-100.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(253, 248, 236, 0.5)}.gux-tag.gux-brand-orange{color:#151d28;background-color:#ff4f1f}.gux-tag.gux-brand-orange.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(255, 79, 31, 0.5)}.gux-tag.gux-brand-teal{color:#283243;background-color:#00ae9e}.gux-tag.gux-brand-teal.gux-disabled{color:rgba(40, 50, 67, 0.5);background-color:rgba(0, 174, 158, 0.5)}.gux-tag.gux-brand-navy{background-color:#23395d}.gux-tag.gux-brand-navy.gux-disabled{background-color:rgba(35, 57, 93, 0.5)}.gux-tag.gux-brand-light-blue{color:#151d28;background-color:#3b90aa}.gux-tag.gux-brand-light-blue.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(59, 144, 170, 0.5)}.gux-tag.gux-brand-yellow{color:#2e394c;background-color:#ff8f14}.gux-tag.gux-brand-yellow.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(255, 143, 20, 0.5)}";export{c as gux_tag_beta}
1
+ import{r as g,c as o,h as a,g as r}from"./p-9031eb6a.js";import{b as u}from"./p-54ad2682.js";import{t as l}from"./p-e84dd694.js";import"./p-8a133b9b.js";const e={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"},c=class{constructor(a){g(this,a),this.guxdelete=o(this,"guxdelete",7),this.color="default",this.accent="default",this.value=void 0,this.disabled=!1,this.removable=!1,this.label=void 0}onKeyDown(g){switch(g.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){!this.disabled&&this.removable&&this.guxdelete.emit(this.value)}onSlotChange(g){const o=g.composedPath()[0].assignedNodes();this.label=o.map((g=>g.textContent)).join("")}renderTagTitle(){return a("gux-tooltip-title",null,a("span",null,a("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return a("div",{class:"gux-sr-only"},this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return a("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},a("gux-icon",{class:"gux-tag-remove-icon","icon-name":"close","screenreader-text":this.i18n("remove-tag",{label:this.label})}))}componentWillLoad(){l(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await u(this.root,e)}render(){return a("div",{class:{"gux-tag":!0,[`gux-${this.color}`]:!0,[`gux-accent-${this.accent}`]:!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.renderTagTitle(),this.renderSrText(),this.renderRemoveButton())}get root(){return r(this)}};c.style=":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;padding:2px 8px;font-size:12px;font-weight:bold;color:#fdfdfd;background-color:#2e394c;border-radius:4px}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){height:20px;font-size:16px}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center;margin-left:8px}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:16px;height:16px;border-radius:25%}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:2px solid #aac9ff;outline-offset:0}.gux-tag.gux-disabled{background-color:rgba(46, 57, 76, 0.5)}.gux-tag.gux-default{background-color:#2e394c}.gux-tag.gux-default.gux-disabled{background-color:rgba(46, 57, 76, 0.5)}.gux-tag.gux-default-subtle{color:#2e394c;background-color:#e2e6ee}.gux-tag.gux-default-subtle.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(226, 230, 238, 0.5)}.gux-tag.gux-navy{background-color:#203b73}.gux-tag.gux-navy.gux-disabled{background-color:rgba(32, 59, 115, 0.5)}.gux-tag.gux-blue{color:#2e394c;background-color:#75a8ff}.gux-tag.gux-blue.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(117, 168, 255, 0.5)}.gux-tag.gux-electric-purple{background-color:#8452cf}.gux-tag.gux-electric-purple.gux-disabled{background-color:rgba(132, 82, 207, 0.5)}.gux-tag.gux-aqua-green{color:#202937;background-color:#1da8b3}.gux-tag.gux-aqua-green.gux-disabled{color:rgba(32, 41, 55, 0.5);background-color:rgba(29, 168, 179, 0.5)}.gux-tag.gux-fuscha{color:#000000;background-color:#cc3ebe}.gux-tag.gux-fuscha.gux-disabled{color:rgba(0, 0, 0, 0.5);background-color:rgba(204, 62, 190, 0.5)}.gux-tag.gux-fuchsia{color:#000000;background-color:#cc3ebe}.gux-tag.gux-fuchsia.gux-disabled{color:rgba(0, 0, 0, 0.5);background-color:rgba(204, 62, 190, 0.5)}.gux-tag.gux-dark-purple{background-color:#5e5782}.gux-tag.gux-dark-purple.gux-disabled{background-color:rgba(94, 87, 130, 0.5)}.gux-tag.gux-bubblegum-pink{color:#2e394c;background-color:#ff8fdd}.gux-tag.gux-bubblegum-pink.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(255, 143, 221, 0.5)}.gux-tag.gux-olive-green{color:#151d28;background-color:#868c1e}.gux-tag.gux-olive-green.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(134, 140, 30, 0.5)}.gux-tag.gux-lilac{color:#2e394c;background-color:#b5b5eb}.gux-tag.gux-lilac.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(181, 181, 235, 0.5)}.gux-tag.gux-alert-yellow-green{color:#2e394c;background-color:#ddd933}.gux-tag.gux-alert-yellow-green.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(221, 217, 51, 0.5)}.gux-tag.gux-blue-10{background-color:#172b52}.gux-tag.gux-blue-10.gux-disabled{background-color:rgba(23, 43, 82, 0.5)}.gux-tag.gux-blue-20{background-color:#1c3363}.gux-tag.gux-blue-20.gux-disabled{background-color:rgba(28, 51, 99, 0.5)}.gux-tag.gux-blue-30{background-color:#203b73}.gux-tag.gux-blue-30.gux-disabled{background-color:rgba(32, 59, 115, 0.5)}.gux-tag.gux-blue-40{background-color:#23478f}.gux-tag.gux-blue-40.gux-disabled{background-color:rgba(35, 71, 143, 0.5)}.gux-tag.gux-blue-50{background-color:#2754ac}.gux-tag.gux-blue-50.gux-disabled{background-color:rgba(39, 84, 172, 0.5)}.gux-tag.gux-blue-60{background-color:#2a60c8}.gux-tag.gux-blue-60.gux-disabled{background-color:rgba(42, 96, 200, 0.5)}.gux-tag.gux-blue-70{color:#151d28;background-color:#5084e3}.gux-tag.gux-blue-70.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(80, 132, 227, 0.5)}.gux-tag.gux-blue-80{color:#2e394c;background-color:#75a8ff}.gux-tag.gux-blue-80.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(117, 168, 255, 0.5)}.gux-tag.gux-blue-90{color:#2e394c;background-color:#aac9ff}.gux-tag.gux-blue-90.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(170, 201, 255, 0.5)}.gux-tag.gux-blue-100{color:#2e394c;background-color:#deeaff}.gux-tag.gux-blue-100.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(222, 234, 255, 0.5)}.gux-tag.gux-alert-red-10{background-color:#520404}.gux-tag.gux-alert-red-10.gux-disabled{background-color:rgba(82, 4, 4, 0.5)}.gux-tag.gux-alert-red-20{background-color:#700505}.gux-tag.gux-alert-red-20.gux-disabled{background-color:rgba(112, 5, 5, 0.5)}.gux-tag.gux-alert-red-30{background-color:#8f0707}.gux-tag.gux-alert-red-30.gux-disabled{background-color:rgba(143, 7, 7, 0.5)}.gux-tag.gux-alert-red-40{background-color:#ad0808}.gux-tag.gux-alert-red-40.gux-disabled{background-color:rgba(173, 8, 8, 0.5)}.gux-tag.gux-alert-red-50{background-color:#cc0a0a}.gux-tag.gux-alert-red-50.gux-disabled{background-color:rgba(204, 10, 10, 0.5)}.gux-tag.gux-alert-red-60{background-color:#ea0b0b}.gux-tag.gux-alert-red-60.gux-disabled{background-color:rgba(234, 11, 11, 0.5)}.gux-tag.gux-alert-red-70{color:#000000;background-color:#ef4343}.gux-tag.gux-alert-red-70.gux-disabled{color:rgba(0, 0, 0, 0.5);background-color:rgba(239, 67, 67, 0.5)}.gux-tag.gux-alert-red-80{color:#283243;background-color:#f37a7a}.gux-tag.gux-alert-red-80.gux-disabled{color:rgba(40, 50, 67, 0.5);background-color:rgba(243, 122, 122, 0.5)}.gux-tag.gux-alert-red-90{color:#2e394c;background-color:#f8b2b2}.gux-tag.gux-alert-red-90.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(248, 178, 178, 0.5)}.gux-tag.gux-alert-red-100{color:#2e394c;background-color:#fceaea}.gux-tag.gux-alert-red-100.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(252, 234, 234, 0.5)}.gux-tag.gux-alert-green-10{background-color:#0d3d00}.gux-tag.gux-alert-green-10.gux-disabled{background-color:rgba(13, 61, 0, 0.5)}.gux-tag.gux-alert-green-20{background-color:#164b08}.gux-tag.gux-alert-green-20.gux-disabled{background-color:rgba(22, 75, 8, 0.5)}.gux-tag.gux-alert-green-30{background-color:#205a10}.gux-tag.gux-alert-green-30.gux-disabled{background-color:rgba(32, 90, 16, 0.5)}.gux-tag.gux-alert-green-40{background-color:#296817}.gux-tag.gux-alert-green-40.gux-disabled{background-color:rgba(41, 104, 23, 0.5)}.gux-tag.gux-alert-green-50{background-color:#33771f}.gux-tag.gux-alert-green-50.gux-disabled{background-color:rgba(51, 119, 31, 0.5)}.gux-tag.gux-alert-green-60{background-color:#3c8527}.gux-tag.gux-alert-green-60.gux-disabled{background-color:rgba(60, 133, 39, 0.5)}.gux-tag.gux-alert-green-70{color:#202937;background-color:#69a358}.gux-tag.gux-alert-green-70.gux-disabled{color:rgba(32, 41, 55, 0.5);background-color:rgba(105, 163, 88, 0.5)}.gux-tag.gux-alert-green-80{color:#2e394c;background-color:#95c189}.gux-tag.gux-alert-green-80.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(149, 193, 137, 0.5)}.gux-tag.gux-alert-green-90{color:#2e394c;background-color:#c2deb9}.gux-tag.gux-alert-green-90.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(194, 222, 185, 0.5)}.gux-tag.gux-alert-green-100{color:#2e394c;background-color:#eefcea}.gux-tag.gux-alert-green-100.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(238, 252, 234, 0.5)}.gux-tag.gux-alert-yellow-10{background-color:#523800}.gux-tag.gux-alert-yellow-10.gux-disabled{background-color:rgba(82, 56, 0, 0.5)}.gux-tag.gux-alert-yellow-20{background-color:#755000}.gux-tag.gux-alert-yellow-20.gux-disabled{background-color:rgba(117, 80, 0, 0.5)}.gux-tag.gux-alert-yellow-30{background-color:#976700}.gux-tag.gux-alert-yellow-30.gux-disabled{background-color:rgba(151, 103, 0, 0.5)}.gux-tag.gux-alert-yellow-40{color:#151d28;background-color:#ba7f00}.gux-tag.gux-alert-yellow-40.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(186, 127, 0, 0.5)}.gux-tag.gux-alert-yellow-50{color:#2e394c;background-color:#dc9600}.gux-tag.gux-alert-yellow-50.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(220, 150, 0, 0.5)}.gux-tag.gux-alert-yellow-60{color:#2e394c;background-color:#ffae00}.gux-tag.gux-alert-yellow-60.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(255, 174, 0, 0.5)}.gux-tag.gux-alert-yellow-70{color:#2e394c;background-color:#fbbe3b}.gux-tag.gux-alert-yellow-70.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(251, 190, 59, 0.5)}.gux-tag.gux-alert-yellow-80{color:#2e394c;background-color:#fcd276}.gux-tag.gux-alert-yellow-80.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(252, 210, 118, 0.5)}.gux-tag.gux-alert-yellow-90{color:#2e394c;background-color:#fce5b1}.gux-tag.gux-alert-yellow-90.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(252, 229, 177, 0.5)}.gux-tag.gux-alert-yellow-100{color:#2e394c;background-color:#fdf8ec}.gux-tag.gux-alert-yellow-100.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(253, 248, 236, 0.5)}.gux-tag.gux-brand-orange{color:#151d28;background-color:#ff4f1f}.gux-tag.gux-brand-orange.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(255, 79, 31, 0.5)}.gux-tag.gux-brand-teal{color:#283243;background-color:#00ae9e}.gux-tag.gux-brand-teal.gux-disabled{color:rgba(40, 50, 67, 0.5);background-color:rgba(0, 174, 158, 0.5)}.gux-tag.gux-brand-navy{background-color:#23395d}.gux-tag.gux-brand-navy.gux-disabled{background-color:rgba(35, 57, 93, 0.5)}.gux-tag.gux-brand-light-blue{color:#151d28;background-color:#3b90aa}.gux-tag.gux-brand-light-blue.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(59, 144, 170, 0.5)}.gux-tag.gux-brand-yellow{color:#2e394c;background-color:#ff8f14}.gux-tag.gux-brand-yellow.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(255, 143, 20, 0.5)}";export{c as gux_tag_beta}
@@ -1 +1 @@
1
- import{r as e,h as t,H as o,g as i}from"./p-9031eb6a.js";import{c as l,o as s}from"./p-3f5341ea.js";import{O as r}from"./p-f222d4b1.js";import{p as a}from"./p-c10e41a9.js";import{h as n}from"./p-08bc2e6b.js";import{G as d,a as p,g as c,v as f}from"./p-36a19e41.js";import{t as g}from"./p-6a37ebb5.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const h=class{constructor(t){e(this,t),this.disabled=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=n(this.root,"error"),this.hasHelp=n(this.root,"help")}componentWillLoad(){this.setInput(),this.hasError=n(this.root,"error"),this.hasHelp=n(this.root,"help"),g(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return t(o,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},t("div",{class:"gux-form-field-container"},t("div",{class:"gux-input-label"},t("div",{class:"gux-input"},t("slot",{name:"input",onSlotchange:()=>this.setInput()})),t("div",{class:"gux-label"},t("slot",{name:"label"}),t(d,{show:this.hasError},t("slot",{name:"error"})),t(p,{show:!this.hasError&&this.hasHelp},t("slot",{name:"help"}))))))}setInput(){this.input=c(this.root,'input[type="checkbox"][slot="input"]'),a(this.input),this.disabled=l(this.input),this.disabledObserver=s(this.input,(e=>{this.disabled=e})),f(this.root,this.input)}get root(){return i(this)}};(function(e,t,o,i){var l,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(l=e[a])&&(r=(s<3?l(r):s>3?l(t,o,r):l(t,o))||r);s>3&&r&&Object.defineProperty(t,o,r)})([r({childList:!0,subtree:!0})],h.prototype,"onMutation",null),h.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.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;color:#2e394c}:host(.gux-input-error) ::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3077 1.84615H3.69231C2.67271 1.84615 1.84615 2.67271 1.84615 3.69231V12.3077C1.84615 13.3273 2.67271 14.1538 3.69231 14.1538H12.3077C13.3273 14.1538 14.1538 13.3273 14.1538 12.3077V3.69231C14.1538 2.67271 13.3273 1.84615 12.3077 1.84615ZM3.69231 0C1.6531 0 0 1.6531 0 3.69231V12.3077C0 14.3469 1.6531 16 3.69231 16H12.3077C14.3469 16 16 14.3469 16 12.3077V3.69231C16 1.6531 14.3469 0 12.3077 0H3.69231Z' fill='%23ea0b0b'/%3E%3C/svg%3E\")}:host(.gux-disabled){cursor:not-allowed;opacity:0.5}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}.gux-input-label{display:flex;flex-direction:row}.gux-input-label .gux-label{display:flex;flex-direction:column}::slotted(input[type='checkbox']){display:inline-grid;width:16px;height:16px;margin:4px;text-align:center;vertical-align:middle;-webkit-appearance:none;appearance:none;cursor:pointer;border:0;outline:none}::slotted(input[type='checkbox'])::before{grid-area:1;content:'';border-radius:15%}::slotted(input[type='checkbox']:focus-visible)::before{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3077 1.84615H3.69231C2.67271 1.84615 1.84615 2.67271 1.84615 3.69231V12.3077C1.84615 13.3273 2.67271 14.1538 3.69231 14.1538H12.3077C13.3273 14.1538 14.1538 13.3273 14.1538 12.3077V3.69231C14.1538 2.67271 13.3273 1.84615 12.3077 1.84615ZM3.69231 0C1.6531 0 0 1.6531 0 3.69231V12.3077C0 14.3469 1.6531 16 3.69231 16H12.3077C14.3469 16 16 14.3469 16 12.3077V3.69231C16 1.6531 14.3469 0 12.3077 0H3.69231Z' fill='%2377828f'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:not(:checked):not(:disabled):not(:indeterminate):hover)::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3077 1.84615H3.69231C2.67271 1.84615 1.84615 2.67271 1.84615 3.69231V12.3077C1.84615 13.3273 2.67271 14.1538 3.69231 14.1538H12.3077C13.3273 14.1538 14.1538 13.3273 14.1538 12.3077V3.69231C14.1538 2.67271 13.3273 1.84615 12.3077 1.84615ZM3.69231 0C1.6531 0 0 1.6531 0 3.69231V12.3077C0 14.3469 1.6531 16 3.69231 16H12.3077C14.3469 16 16 14.3469 16 12.3077V3.69231C16 1.6531 14.3469 0 12.3077 0H3.69231Z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:checked)::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.69231 0H12.3077C13.287 0 14.2261 0.38901 14.9185 1.08145C15.611 1.77389 16 2.71305 16 3.69231V12.3077C16 13.287 15.611 14.2261 14.9185 14.9185C14.2261 15.611 13.287 16 12.3077 16H3.69231C2.71305 16 1.77389 15.611 1.08145 14.9185C0.38901 14.2261 0 13.287 0 12.3077V3.69231C0 2.71305 0.38901 1.77389 1.08145 1.08145C1.77389 0.38901 2.71305 0 3.69231 0ZM5.62483 11.5936C5.79089 11.7597 6.00122 11.8372 6.21155 11.8372C6.43295 11.8372 6.64329 11.7486 6.79827 11.5936L13.2854 5.10652C13.6064 4.78549 13.6064 4.25412 13.2854 3.93308C12.9643 3.61205 12.433 3.61205 12.1119 3.93308L6.21155 9.83348L3.87575 7.4866C3.55472 7.16557 3.02335 7.16557 2.70231 7.4866C2.38128 7.80764 2.38128 8.339 2.70231 8.66004L5.62483 11.5936Z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:indeterminate)::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.69231 1.84615H12.3077C13.3273 1.84615 14.1538 2.67271 14.1538 3.69231V12.3077C14.1538 13.3273 13.3273 14.1538 12.3077 14.1538H3.69231C2.67271 14.1538 1.84615 13.3273 1.84615 12.3077V3.69231C1.84615 2.67271 2.67271 1.84615 3.69231 1.84615ZM0 3.69231C0 1.6531 1.6531 0 3.69231 0H12.3077C14.3469 0 16 1.6531 16 3.69231V12.3077C16 14.3469 14.3469 16 12.3077 16H3.69231C1.6531 16 0 14.3469 0 12.3077V3.69231ZM4.00028 9.2308H12.0003C12.5049 9.2308 12.9234 8.81234 12.9234 8.30773C12.9234 7.80311 12.5049 7.38465 12.0003 7.38465H4.00028C3.49567 7.38465 3.07721 7.80311 3.07721 8.30773C3.07721 8.81234 3.49567 9.2308 4.00028 9.2308Z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:disabled)::before{cursor:not-allowed;opacity:0.5}::slotted(label){display:inline-block;font-size:12px;line-height:24px;vertical-align:middle}";export{h as gux_form_field_checkbox}
1
+ import{r as e,h as t,H as o,g as i}from"./p-9031eb6a.js";import{c as l,o as s}from"./p-3f5341ea.js";import{O as r}from"./p-f222d4b1.js";import{p as a}from"./p-c10e41a9.js";import{h as n}from"./p-08bc2e6b.js";import{G as d,a as p,g as c,v as f}from"./p-36a19e41.js";import{t as g}from"./p-e84dd694.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const h=class{constructor(t){e(this,t),this.disabled=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=n(this.root,"error"),this.hasHelp=n(this.root,"help")}componentWillLoad(){this.setInput(),this.hasError=n(this.root,"error"),this.hasHelp=n(this.root,"help"),g(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return t(o,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},t("div",{class:"gux-form-field-container"},t("div",{class:"gux-input-label"},t("div",{class:"gux-input"},t("slot",{name:"input",onSlotchange:()=>this.setInput()})),t("div",{class:"gux-label"},t("slot",{name:"label"}),t(d,{show:this.hasError},t("slot",{name:"error"})),t(p,{show:!this.hasError&&this.hasHelp},t("slot",{name:"help"}))))))}setInput(){this.input=c(this.root,'input[type="checkbox"][slot="input"]'),a(this.input),this.disabled=l(this.input),this.disabledObserver=s(this.input,(e=>{this.disabled=e})),f(this.root,this.input)}get root(){return i(this)}};(function(e,t,o,i){var l,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(l=e[a])&&(r=(s<3?l(r):s>3?l(t,o,r):l(t,o))||r);s>3&&r&&Object.defineProperty(t,o,r)})([r({childList:!0,subtree:!0})],h.prototype,"onMutation",null),h.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.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;color:#2e394c}:host(.gux-input-error) ::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3077 1.84615H3.69231C2.67271 1.84615 1.84615 2.67271 1.84615 3.69231V12.3077C1.84615 13.3273 2.67271 14.1538 3.69231 14.1538H12.3077C13.3273 14.1538 14.1538 13.3273 14.1538 12.3077V3.69231C14.1538 2.67271 13.3273 1.84615 12.3077 1.84615ZM3.69231 0C1.6531 0 0 1.6531 0 3.69231V12.3077C0 14.3469 1.6531 16 3.69231 16H12.3077C14.3469 16 16 14.3469 16 12.3077V3.69231C16 1.6531 14.3469 0 12.3077 0H3.69231Z' fill='%23ea0b0b'/%3E%3C/svg%3E\")}:host(.gux-disabled){cursor:not-allowed;opacity:0.5}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}.gux-input-label{display:flex;flex-direction:row}.gux-input-label .gux-label{display:flex;flex-direction:column}::slotted(input[type='checkbox']){display:inline-grid;width:16px;height:16px;margin:4px;text-align:center;vertical-align:middle;-webkit-appearance:none;appearance:none;cursor:pointer;border:0;outline:none}::slotted(input[type='checkbox'])::before{grid-area:1;content:'';border-radius:15%}::slotted(input[type='checkbox']:focus-visible)::before{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3077 1.84615H3.69231C2.67271 1.84615 1.84615 2.67271 1.84615 3.69231V12.3077C1.84615 13.3273 2.67271 14.1538 3.69231 14.1538H12.3077C13.3273 14.1538 14.1538 13.3273 14.1538 12.3077V3.69231C14.1538 2.67271 13.3273 1.84615 12.3077 1.84615ZM3.69231 0C1.6531 0 0 1.6531 0 3.69231V12.3077C0 14.3469 1.6531 16 3.69231 16H12.3077C14.3469 16 16 14.3469 16 12.3077V3.69231C16 1.6531 14.3469 0 12.3077 0H3.69231Z' fill='%2377828f'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:not(:checked):not(:disabled):not(:indeterminate):hover)::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3077 1.84615H3.69231C2.67271 1.84615 1.84615 2.67271 1.84615 3.69231V12.3077C1.84615 13.3273 2.67271 14.1538 3.69231 14.1538H12.3077C13.3273 14.1538 14.1538 13.3273 14.1538 12.3077V3.69231C14.1538 2.67271 13.3273 1.84615 12.3077 1.84615ZM3.69231 0C1.6531 0 0 1.6531 0 3.69231V12.3077C0 14.3469 1.6531 16 3.69231 16H12.3077C14.3469 16 16 14.3469 16 12.3077V3.69231C16 1.6531 14.3469 0 12.3077 0H3.69231Z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:checked)::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.69231 0H12.3077C13.287 0 14.2261 0.38901 14.9185 1.08145C15.611 1.77389 16 2.71305 16 3.69231V12.3077C16 13.287 15.611 14.2261 14.9185 14.9185C14.2261 15.611 13.287 16 12.3077 16H3.69231C2.71305 16 1.77389 15.611 1.08145 14.9185C0.38901 14.2261 0 13.287 0 12.3077V3.69231C0 2.71305 0.38901 1.77389 1.08145 1.08145C1.77389 0.38901 2.71305 0 3.69231 0ZM5.62483 11.5936C5.79089 11.7597 6.00122 11.8372 6.21155 11.8372C6.43295 11.8372 6.64329 11.7486 6.79827 11.5936L13.2854 5.10652C13.6064 4.78549 13.6064 4.25412 13.2854 3.93308C12.9643 3.61205 12.433 3.61205 12.1119 3.93308L6.21155 9.83348L3.87575 7.4866C3.55472 7.16557 3.02335 7.16557 2.70231 7.4866C2.38128 7.80764 2.38128 8.339 2.70231 8.66004L5.62483 11.5936Z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:indeterminate)::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.69231 1.84615H12.3077C13.3273 1.84615 14.1538 2.67271 14.1538 3.69231V12.3077C14.1538 13.3273 13.3273 14.1538 12.3077 14.1538H3.69231C2.67271 14.1538 1.84615 13.3273 1.84615 12.3077V3.69231C1.84615 2.67271 2.67271 1.84615 3.69231 1.84615ZM0 3.69231C0 1.6531 1.6531 0 3.69231 0H12.3077C14.3469 0 16 1.6531 16 3.69231V12.3077C16 14.3469 14.3469 16 12.3077 16H3.69231C1.6531 16 0 14.3469 0 12.3077V3.69231ZM4.00028 9.2308H12.0003C12.5049 9.2308 12.9234 8.81234 12.9234 8.30773C12.9234 7.80311 12.5049 7.38465 12.0003 7.38465H4.00028C3.49567 7.38465 3.07721 7.80311 3.07721 8.30773C3.07721 8.81234 3.49567 9.2308 4.00028 9.2308Z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:disabled)::before{cursor:not-allowed;opacity:0.5}::slotted(label){display:inline-block;font-size:12px;line-height:24px;vertical-align:middle}";export{h as gux_form_field_checkbox}
@@ -1 +1 @@
1
- import{r as e,h as t,g as i}from"./p-9031eb6a.js";import{O as r}from"./p-f222d4b1.js";import{r as n}from"./p-cbcbd1bb.js";import{a}from"./p-d0805f56.js";import{o as s}from"./p-3701eff0.js";import{p as o}from"./p-c10e41a9.js";import{t as l}from"./p-6a37ebb5.js";const u=class{constructor(t){e(this,t),this.errorId=n("gux-form-field-error"),this.labelId=n("gux-form-field-label"),this.defaultInputId=n("gux-form-field"),this.clearable=void 0,this.resize=void 0,this.displayUnits=void 0,this.valueInTooltip=void 0,this.labelPosition=void 0,this.slottedElementType=void 0,this.computedLabelPosition="above",this.required=!0,this.hasError=!1}onMutation(){this.hasError=Boolean(this.root.querySelector('[slot="error"]'))}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"], select[slot="input"], textarea[slot="input"]'),this.label=this.root.querySelector('label[slot="label"]'),this.slottedElementType=this.input.tagName.toLowerCase(),this.required=this.input.required,this.requiredObserver=s(this.input,(e=>{this.required=e})),o(this.input);const e=this.labelPosition?this.labelPosition.toLowerCase():"none";if("input"===this.slottedElementType){const t=this.input.getAttribute("type");l(this.root,{variant:`${this.slottedElementType}-${t}-${e}`})}else l(this.root,{variant:`${this.slottedElementType}-${e}`})}componentWillRender(){this.computedLabelPosition=this.getComputedLabelPosition(this.label,this.labelPosition),this.validateFormIds()}disconnectedCallback(){this.requiredObserver&&this.requiredObserver.disconnect()}renderInputCheckbox(e){return t("div",null,t("gux-input-checkbox",{class:{"gux-input-error":e}},t("slot",{name:"input"}),t("slot",{name:"label"})),this.renderError(e))}renderInputRadio(){return t("gux-input-radio",null,t("slot",{name:"input"}),t("slot",{name:"label"}))}renderInputColor(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-color",{"gux-label-describedby":this.labelId,"gux-error-describedby":this.errorId,"gux-required":this.required,class:{"gux-input-error":e}},t("slot",{name:"input"})),this.renderError(e)))}renderInputRange(e,i){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("gux-input-range",{"display-units":e,"value-in-tooltip":i},t("slot",{name:"input"})))}renderInputNumber(e,i){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-number",{class:{"gux-input-error":i},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(i)))}renderInputSelect(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-select",{slot:"input",class:{"gux-input-error":e}},t("slot",{name:"input"})),this.renderError(e)))}renderInputTextLike(e,i){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-text-like",{class:{"gux-input-error":i},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(i)))}renderInputSearch(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-search",null,t("slot",{name:"input"})),this.renderError(e)))}renderInputTextArea(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-textarea",{class:{"gux-input-error":e},slot:"input",resize:this.resize},t("slot",{name:"input"})),this.renderError(e)))}render(){const e=this.input.getAttribute("type");switch(this.slottedElementType){case"input":switch(e){case"checkbox":return this.renderInputCheckbox(this.hasError);case"radio":return this.renderInputRadio();case"color":return this.renderInputColor(this.hasError);case"range":return this.renderInputRange(this.displayUnits,this.valueInTooltip);case"email":case"password":case"text":return this.renderInputTextLike(this.clearable,this.hasError);case"number":return this.renderInputNumber(this.clearable,this.hasError);case"search":return this.renderInputSearch(this.hasError);default:return t("div",null,t("slot",{name:"label"}),t("slot",{name:"input"}),t("slot",{name:"error"}))}case"select":return this.renderInputSelect(this.hasError);case"textarea":return this.renderInputTextArea(this.hasError);default:return t("div",null,t("slot",{name:"label"}),t("slot",{name:"input"}),t("slot",{name:"error"}))}}validateFormIds(){if(this.label){if("color"===this.input.getAttribute("type"))return this.label.getAttribute("id")&&(this.labelId=this.label.getAttribute("id")),void this.label.setAttribute("id",this.labelId);const e=!!this.input.hasAttribute("id"),t=!!this.label.hasAttribute("for");if(!e&&t)a(this.root,'A "for" attribute has been provided on the label but there is no corresponding id on the input. Either provide an id on the input or omit the "for" attribute from the label. If there is no input id and no "for" attribute provided, the component will automatically generate an id and link it to the "for" attribute.');else if(e)if(e&&!t){const e=this.input.getAttribute("id");this.label.setAttribute("for",e)}else e&&t&&this.input.getAttribute("id")!==this.label.getAttribute("for")&&a(this.root,"The input id and label for attribute should match.");else this.input.setAttribute("id",this.defaultInputId),this.label.setAttribute("for",this.defaultInputId)}else a(this.root,'A label is required for this component. If a visual label is not needed for this use case, please add localized text for a screenreader and set the label-position attribute to "screenreader" to visually hide the label.');this.hasErrorSlot()?this.input.setAttribute("aria-describedby",this.errorId):this.input.getAttribute("aria-describedby")&&this.input.getAttribute("aria-describedby").startsWith("gux-form-field-error")&&this.input.removeAttribute("aria-describedby")}getComputedLabelPosition(e,t){if(e)return["above","beside","screenreader"].includes(t)?t:e.offsetWidth>1&&e.offsetWidth<40?"beside":"above"}hasErrorSlot(){return!!this.root.querySelector('[slot="error"]')}renderLabel(e){return t("div",{class:{"gux-label-container":!0,"gux-required":e}},t("slot",{name:"label",slot:"label"}))}renderError(e){return t("div",{id:this.errorId,class:{"gux-error":!0,"gux-show":e}},t("gux-error-message-beta",null,t("slot",{name:"error"})))}get root(){return i(this)}};(function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);a>3&&s&&Object.defineProperty(t,i,s)})([r({childList:!0,subtree:!0})],u.prototype,"onMutation",null),u.style="gux-form-field-legacy{display:block;color:#2e394c}gux-form-field-legacy .gux-label-and-input-and-error-container{margin:16px 0}gux-form-field-legacy .gux-label-and-input-and-error-container label{font-size:12px;font-weight:bold;line-height:20px}gux-form-field-legacy .gux-label-and-input-and-error-container input,gux-form-field-legacy .gux-label-and-input-and-error-container select{width:100%;font-size:12px}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-container input{overflow:hidden;text-overflow:ellipsis}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-container{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error textarea{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-color-main-element{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-and-error-container{flex-grow:1}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside{display:flex;flex-direction:row}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside .gux-label-container{position:relative;top:7px;width:fit-content;min-width:45px;margin-right:8px}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-range,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-select,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-text-like,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-search{flex:1 1 auto}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-screenreader label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}gux-form-field-legacy .gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}gux-form-field-legacy .gux-error{display:none;margin:4px 0}gux-form-field-legacy .gux-error.gux-show{display:block}";export{u as gux_form_field_legacy}
1
+ import{r as e,h as t,g as i}from"./p-9031eb6a.js";import{O as r}from"./p-f222d4b1.js";import{r as n}from"./p-cbcbd1bb.js";import{a}from"./p-d0805f56.js";import{o as s}from"./p-3701eff0.js";import{p as o}from"./p-c10e41a9.js";import{t as l}from"./p-e84dd694.js";const u=class{constructor(t){e(this,t),this.errorId=n("gux-form-field-error"),this.labelId=n("gux-form-field-label"),this.defaultInputId=n("gux-form-field"),this.clearable=void 0,this.resize=void 0,this.displayUnits=void 0,this.valueInTooltip=void 0,this.labelPosition=void 0,this.slottedElementType=void 0,this.computedLabelPosition="above",this.required=!0,this.hasError=!1}onMutation(){this.hasError=Boolean(this.root.querySelector('[slot="error"]'))}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"], select[slot="input"], textarea[slot="input"]'),this.label=this.root.querySelector('label[slot="label"]'),this.slottedElementType=this.input.tagName.toLowerCase(),this.required=this.input.required,this.requiredObserver=s(this.input,(e=>{this.required=e})),o(this.input);const e=this.labelPosition?this.labelPosition.toLowerCase():"none";if("input"===this.slottedElementType){const t=this.input.getAttribute("type");l(this.root,{variant:`${this.slottedElementType}-${t}-${e}`})}else l(this.root,{variant:`${this.slottedElementType}-${e}`})}componentWillRender(){this.computedLabelPosition=this.getComputedLabelPosition(this.label,this.labelPosition),this.validateFormIds()}disconnectedCallback(){this.requiredObserver&&this.requiredObserver.disconnect()}renderInputCheckbox(e){return t("div",null,t("gux-input-checkbox",{class:{"gux-input-error":e}},t("slot",{name:"input"}),t("slot",{name:"label"})),this.renderError(e))}renderInputRadio(){return t("gux-input-radio",null,t("slot",{name:"input"}),t("slot",{name:"label"}))}renderInputColor(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-color",{"gux-label-describedby":this.labelId,"gux-error-describedby":this.errorId,"gux-required":this.required,class:{"gux-input-error":e}},t("slot",{name:"input"})),this.renderError(e)))}renderInputRange(e,i){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("gux-input-range",{"display-units":e,"value-in-tooltip":i},t("slot",{name:"input"})))}renderInputNumber(e,i){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-number",{class:{"gux-input-error":i},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(i)))}renderInputSelect(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-select",{slot:"input",class:{"gux-input-error":e}},t("slot",{name:"input"})),this.renderError(e)))}renderInputTextLike(e,i){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-text-like",{class:{"gux-input-error":i},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(i)))}renderInputSearch(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-search",null,t("slot",{name:"input"})),this.renderError(e)))}renderInputTextArea(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-textarea",{class:{"gux-input-error":e},slot:"input",resize:this.resize},t("slot",{name:"input"})),this.renderError(e)))}render(){const e=this.input.getAttribute("type");switch(this.slottedElementType){case"input":switch(e){case"checkbox":return this.renderInputCheckbox(this.hasError);case"radio":return this.renderInputRadio();case"color":return this.renderInputColor(this.hasError);case"range":return this.renderInputRange(this.displayUnits,this.valueInTooltip);case"email":case"password":case"text":return this.renderInputTextLike(this.clearable,this.hasError);case"number":return this.renderInputNumber(this.clearable,this.hasError);case"search":return this.renderInputSearch(this.hasError);default:return t("div",null,t("slot",{name:"label"}),t("slot",{name:"input"}),t("slot",{name:"error"}))}case"select":return this.renderInputSelect(this.hasError);case"textarea":return this.renderInputTextArea(this.hasError);default:return t("div",null,t("slot",{name:"label"}),t("slot",{name:"input"}),t("slot",{name:"error"}))}}validateFormIds(){if(this.label){if("color"===this.input.getAttribute("type"))return this.label.getAttribute("id")&&(this.labelId=this.label.getAttribute("id")),void this.label.setAttribute("id",this.labelId);const e=!!this.input.hasAttribute("id"),t=!!this.label.hasAttribute("for");if(!e&&t)a(this.root,'A "for" attribute has been provided on the label but there is no corresponding id on the input. Either provide an id on the input or omit the "for" attribute from the label. If there is no input id and no "for" attribute provided, the component will automatically generate an id and link it to the "for" attribute.');else if(e)if(e&&!t){const e=this.input.getAttribute("id");this.label.setAttribute("for",e)}else e&&t&&this.input.getAttribute("id")!==this.label.getAttribute("for")&&a(this.root,"The input id and label for attribute should match.");else this.input.setAttribute("id",this.defaultInputId),this.label.setAttribute("for",this.defaultInputId)}else a(this.root,'A label is required for this component. If a visual label is not needed for this use case, please add localized text for a screenreader and set the label-position attribute to "screenreader" to visually hide the label.');this.hasErrorSlot()?this.input.setAttribute("aria-describedby",this.errorId):this.input.getAttribute("aria-describedby")&&this.input.getAttribute("aria-describedby").startsWith("gux-form-field-error")&&this.input.removeAttribute("aria-describedby")}getComputedLabelPosition(e,t){if(e)return["above","beside","screenreader"].includes(t)?t:e.offsetWidth>1&&e.offsetWidth<40?"beside":"above"}hasErrorSlot(){return!!this.root.querySelector('[slot="error"]')}renderLabel(e){return t("div",{class:{"gux-label-container":!0,"gux-required":e}},t("slot",{name:"label",slot:"label"}))}renderError(e){return t("div",{id:this.errorId,class:{"gux-error":!0,"gux-show":e}},t("gux-error-message-beta",null,t("slot",{name:"error"})))}get root(){return i(this)}};(function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);a>3&&s&&Object.defineProperty(t,i,s)})([r({childList:!0,subtree:!0})],u.prototype,"onMutation",null),u.style="gux-form-field-legacy{display:block;color:#2e394c}gux-form-field-legacy .gux-label-and-input-and-error-container{margin:16px 0}gux-form-field-legacy .gux-label-and-input-and-error-container label{font-size:12px;font-weight:bold;line-height:20px}gux-form-field-legacy .gux-label-and-input-and-error-container input,gux-form-field-legacy .gux-label-and-input-and-error-container select{width:100%;font-size:12px}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-container input{overflow:hidden;text-overflow:ellipsis}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-container{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error textarea{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-color-main-element{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-and-error-container{flex-grow:1}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside{display:flex;flex-direction:row}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside .gux-label-container{position:relative;top:7px;width:fit-content;min-width:45px;margin-right:8px}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-range,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-select,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-text-like,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-search{flex:1 1 auto}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-screenreader label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}gux-form-field-legacy .gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}gux-form-field-legacy .gux-error{display:none;margin:4px 0}gux-form-field-legacy .gux-error.gux-show{display:block}";export{u as gux_form_field_legacy}
@@ -1 +1 @@
1
- import{r as e,h as t,g as o}from"./p-9031eb6a.js";import{c as i,o as n}from"./p-3f5341ea.js";import{O as r}from"./p-f222d4b1.js";import{o as a}from"./p-3701eff0.js";import{p as s}from"./p-c10e41a9.js";import{h as l}from"./p-08bc2e6b.js";import{G as p,a as u,v as x,b as f}from"./p-36a19e41.js";import{G as c,a as h}from"./p-43ad56a8.js";import{t as g}from"./p-6a37ebb5.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const d=class{constructor(t){e(this,t),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=l(this.root,"error"),this.hasHelp=l(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=l(this.root,"error"),this.hasHelp=l(this.root,"help"),g(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return t(h,{labelPosition:this.computedLabelPosition},t(c,{position:this.computedLabelPosition,required:this.required},t("slot",{name:"label",onSlotchange:()=>this.setLabel()})),t("div",{class:"gux-input-and-error-container"},t("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},t("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},t("slot",{name:"input"}),t("gux-icon",{"icon-name":"chevron-small-down",decorative:!0}))),t(p,{show:this.hasError},t("slot",{name:"error"})),t(u,{show:!this.hasError&&this.hasHelp},t("slot",{name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${e}`}setInput(){this.input=this.root.querySelector('select[slot="input"]'),s(this.input),this.disabled=i(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})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=f(this.label,this.labelPosition)}get root(){return o(this)}};(function(e,t,o,i){var n,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(a=(r<3?n(a):r>3?n(t,o,a):n(t,o))||a);r>3&&a&&Object.defineProperty(t,o,a)})([r({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 16px) 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.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;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.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;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(select){flex:1 1 auto;align-self:auto;order:0;width:100%;height:30px;padding:0 32px 0 12px;margin:0;color:#283243;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}::slotted(select)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;font-family:inherit;font-size:12px;line-height:1.6667;color:#283243;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:#2a60c8}.gux-input-and-error-container .gux-input .gux-input-container select{flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#283243;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{d as gux_form_field_select}
1
+ import{r as e,h as t,g as o}from"./p-9031eb6a.js";import{c as i,o as n}from"./p-3f5341ea.js";import{O as r}from"./p-f222d4b1.js";import{o as a}from"./p-3701eff0.js";import{p as s}from"./p-c10e41a9.js";import{h as l}from"./p-08bc2e6b.js";import{G as p,a as u,v as x,b as f}from"./p-36a19e41.js";import{G as c,a as d}from"./p-43ad56a8.js";import{t as h}from"./p-e84dd694.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(t){e(this,t),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=l(this.root,"error"),this.hasHelp=l(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=l(this.root,"error"),this.hasHelp=l(this.root,"help"),h(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return t(d,{labelPosition:this.computedLabelPosition},t(c,{position:this.computedLabelPosition,required:this.required},t("slot",{name:"label",onSlotchange:()=>this.setLabel()})),t("div",{class:"gux-input-and-error-container"},t("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},t("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},t("slot",{name:"input"}),t("gux-icon",{"icon-name":"chevron-small-down",decorative:!0}))),t(p,{show:this.hasError},t("slot",{name:"error"})),t(u,{show:!this.hasError&&this.hasHelp},t("slot",{name:"help"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${e}`}setInput(){this.input=this.root.querySelector('select[slot="input"]'),s(this.input),this.disabled=i(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})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=f(this.label,this.labelPosition)}get root(){return o(this)}};(function(e,t,o,i){var n,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(a=(r<3?n(a):r>3?n(t,o,a):n(t,o))||a);r>3&&a&&Object.defineProperty(t,o,a)})([r({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 16px) 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.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;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.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;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(select){flex:1 1 auto;align-self:auto;order:0;width:100%;height:30px;padding:0 32px 0 12px;margin:0;color:#283243;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}::slotted(select)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;font-family:inherit;font-size:12px;line-height:1.6667;color:#283243;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:#2a60c8}.gux-input-and-error-container .gux-input .gux-input-container select{flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#283243;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{g as gux_form_field_select}
@@ -1 +1 @@
1
- import{r as t,h as e,g as i}from"./p-9031eb6a.js";import{b as r}from"./p-54ad2682.js";import{O as s}from"./p-f222d4b1.js";import{a as o,o as a}from"./p-3701eff0.js";import{h as n}from"./p-08bc2e6b.js";import{g as l}from"./p-aa2f9991.js";import{G as h,a as f,v as p,b as d}from"./p-36a19e41.js";import{G as g,a as x}from"./p-0c09e6a8.js";import{t as u}from"./p-6a37ebb5.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const m={required:"Required"};const c=class{constructor(e){t(this,e),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}watchValue(t){const e=this.root.querySelector("gux-time-picker-beta");e&&(e.hasError=t)}onMutation(){this.hasError=n(this.root,"error"),this.hasHelp=n(this.root,"help")}async componentWillLoad(){this.getI18nValue=await r(this.root,m),this.setInput(),this.setLabel(),this.hasError=n(this.root,"error"),this.hasHelp=n(this.root,"help"),u(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return e(x,{labelPosition:this.computedLabelPosition},e(g,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()}),this.renderScreenReaderText(this.getI18nValue("required"),this.required),this.renderScreenReaderText(l(this.root,"error"),this.hasError)),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{class:{"gux-time-picker-container":!0,"gux-disabled":this.disabled}},e("slot",null))),e(h,{show:this.hasError},e("slot",{name:"error"})),e(f,{show:!this.hasError&&this.hasHelp},e("slot",{name:"help"}))))}renderScreenReaderText(t,i=!0){if(i)return e("gux-screen-reader-beta",null,t)}get variant(){return`timePicker-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.timePickerElement=this.root.querySelector("gux-time-picker-beta"),this.disabled=this.timePickerElement.disabled,this.required=this.timePickerElement.required,this.disabledObserver=o(this.timePickerElement,(t=>{this.disabled=t})),this.requiredObserver=a(this.timePickerElement,(t=>{this.required=t})),p(this.root,this.timePickerElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return i(this)}static get watchers(){return{hasError:["watchValue"]}}};(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)})([s({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.style=".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:var(--gux-form-field-fieldset-container-margin-top, 16px) 0 var(--gux-form-field-fieldset-container-margin-bottom, 16px) 0;border:none}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label{padding:0}.gux-form-field-legend-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-legend-label.gux-beside{position:relative;top:8px;float:left;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-legend-label.gux-above{margin-bottom:8px}.gux-form-field-legend-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;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-input-and-error-container{flex-grow:1}";export{c as gux_form_field_time_picker}
1
+ import{r as t,h as e,g as i}from"./p-9031eb6a.js";import{b as r}from"./p-54ad2682.js";import{O as s}from"./p-f222d4b1.js";import{a as o,o as a}from"./p-3701eff0.js";import{h as n}from"./p-08bc2e6b.js";import{g as l}from"./p-aa2f9991.js";import{G as h,a as f,v as p,b as d}from"./p-36a19e41.js";import{G as g,a as x}from"./p-0c09e6a8.js";import{t as u}from"./p-e84dd694.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const m={required:"Required"};const c=class{constructor(e){t(this,e),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}watchValue(t){const e=this.root.querySelector("gux-time-picker-beta");e&&(e.hasError=t)}onMutation(){this.hasError=n(this.root,"error"),this.hasHelp=n(this.root,"help")}async componentWillLoad(){this.getI18nValue=await r(this.root,m),this.setInput(),this.setLabel(),this.hasError=n(this.root,"error"),this.hasHelp=n(this.root,"help"),u(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return e(x,{labelPosition:this.computedLabelPosition},e(g,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()}),this.renderScreenReaderText(this.getI18nValue("required"),this.required),this.renderScreenReaderText(l(this.root,"error"),this.hasError)),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{class:{"gux-time-picker-container":!0,"gux-disabled":this.disabled}},e("slot",null))),e(h,{show:this.hasError},e("slot",{name:"error"})),e(f,{show:!this.hasError&&this.hasHelp},e("slot",{name:"help"}))))}renderScreenReaderText(t,i=!0){if(i)return e("gux-screen-reader-beta",null,t)}get variant(){return`timePicker-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.timePickerElement=this.root.querySelector("gux-time-picker-beta"),this.disabled=this.timePickerElement.disabled,this.required=this.timePickerElement.required,this.disabledObserver=o(this.timePickerElement,(t=>{this.disabled=t})),this.requiredObserver=a(this.timePickerElement,(t=>{this.required=t})),p(this.root,this.timePickerElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return i(this)}static get watchers(){return{hasError:["watchValue"]}}};(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)})([s({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.style=".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:var(--gux-form-field-fieldset-container-margin-top, 16px) 0 var(--gux-form-field-fieldset-container-margin-bottom, 16px) 0;border:none}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label{padding:0}.gux-form-field-legend-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-legend-label.gux-beside{position:relative;top:8px;float:left;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-legend-label.gux-above{margin-bottom:8px}.gux-form-field-legend-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;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-input-and-error-container{flex-grow:1}";export{c as gux_form_field_time_picker}
@@ -1 +1 @@
1
- import{r as t,c as i,h as o,g as s}from"./p-9031eb6a.js";import{t as n}from"./p-6a37ebb5.js";import{O as e}from"./p-35f13878.js";import{b as a}from"./p-54ad2682.js";import"./p-8a133b9b.js";const c={actionButtonDropdown:"Dropdown for {buttonTitle}"};const h=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.moveFocusDelay=100,this.type="button",this.text=void 0,this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const i=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,i.includes(this.actionListElement)&&this.dropdownButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":t.preventDefault(),i.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay));break;case"Enter":i.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}handleKeyup(t){const i=t.composedPath();" "===t.key&&i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay))}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen)}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}async componentWillLoad(){n(this.root,{variant:this.type}),this.i18n=await a(this.root,c)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup",{expanded:this.isOpen,disabled:this.disabled},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot-beta",{class:"gux-action-button",accent:this.accent},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},this.text)),o("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("gux-action-list-legacy",{slot:"popup",ref:t=>this.actionListElement=t},o("slot",null))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([e({triggerEvents:"click"})],h.prototype,"onClickOutside",null),h.style=":host{display:block;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;min-width:0;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}";export{h as gux_action_button_legacy}
1
+ import{r as t,c as i,h as o,g as s}from"./p-9031eb6a.js";import{t as n}from"./p-e84dd694.js";import{O as e}from"./p-35f13878.js";import{b as a}from"./p-54ad2682.js";import"./p-8a133b9b.js";const c={actionButtonDropdown:"Dropdown for {buttonTitle}"};const h=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.moveFocusDelay=100,this.type="button",this.text=void 0,this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const i=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,i.includes(this.actionListElement)&&this.dropdownButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":t.preventDefault(),i.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay));break;case"Enter":i.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}handleKeyup(t){const i=t.composedPath();" "===t.key&&i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay))}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen)}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}async componentWillLoad(){n(this.root,{variant:this.type}),this.i18n=await a(this.root,c)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup",{expanded:this.isOpen,disabled:this.disabled},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot-beta",{class:"gux-action-button",accent:this.accent},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},this.text)),o("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("gux-action-list-legacy",{slot:"popup",ref:t=>this.actionListElement=t},o("slot",null))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([e({triggerEvents:"click"})],h.prototype,"onClickOutside",null),h.style=":host{display:block;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;min-width:0;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}";export{h as gux_action_button_legacy}