genesys-spark-components 3.86.0 → 3.86.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (302) 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.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.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-beta.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-popover-list-beta.cjs.entry.js +1 -1
  69. package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
  70. package/dist/cjs/gux-popover.cjs.entry.js +1 -1
  71. package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
  72. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-region-icon.cjs.entry.js +1 -1
  75. package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
  76. package/dist/cjs/gux-side-panel-legacy.cjs.entry.js +1 -1
  77. package/dist/cjs/gux-simple-toast.cjs.entry.js +1 -1
  78. package/dist/cjs/gux-skip-navigation-list-beta.cjs.entry.js +1 -1
  79. package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
  80. package/dist/cjs/gux-switch.cjs.entry.js +1 -1
  81. package/dist/cjs/gux-tab-advanced-list.cjs.entry.js +22 -3
  82. package/dist/cjs/gux-table-beta.cjs.entry.js +1 -1
  83. package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
  84. package/dist/cjs/gux-table-toolbar-beta.cjs.entry.js +1 -1
  85. package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
  86. package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
  87. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  88. package/dist/cjs/gux-tabs-legacy.cjs.entry.js +1 -1
  89. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  90. package/dist/cjs/gux-tag-beta.cjs.entry.js +1 -1
  91. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  92. package/dist/cjs/gux-text-label-legacy.cjs.entry.js +1 -1
  93. package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
  94. package/dist/cjs/gux-time-picker-beta.cjs.entry.js +1 -1
  95. package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
  96. package/dist/cjs/gux-tooltip_2.cjs.entry.js +1 -1
  97. package/dist/cjs/gux-visualization-beta.cjs.entry.js +1 -1
  98. package/dist/cjs/{usage-242742ce.js → usage-81e90293.js} +1 -1
  99. package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.js +25 -3
  100. package/dist/deploy-info.json +3 -3
  101. package/dist/esm/gux-accordion-legacy.entry.js +1 -1
  102. package/dist/esm/gux-accordion.entry.js +1 -1
  103. package/dist/esm/gux-action-button-legacy.entry.js +1 -1
  104. package/dist/esm/gux-action-button.entry.js +1 -1
  105. package/dist/esm/gux-action-list-legacy_2.entry.js +1 -1
  106. package/dist/esm/gux-action-toast.entry.js +1 -1
  107. package/dist/esm/gux-advanced-dropdown.entry.js +1 -1
  108. package/dist/esm/gux-announce-beta.entry.js +1 -1
  109. package/dist/esm/gux-badge-beta.entry.js +1 -1
  110. package/dist/esm/gux-blank-state-beta.entry.js +1 -1
  111. package/dist/esm/gux-breadcrumbs.entry.js +1 -1
  112. package/dist/esm/gux-button-multi-legacy.entry.js +1 -1
  113. package/dist/esm/gux-button-multi.entry.js +1 -1
  114. package/dist/esm/gux-button-slot-beta.entry.js +1 -1
  115. package/dist/esm/gux-button.entry.js +1 -1
  116. package/dist/esm/gux-calendar.entry.js +1 -1
  117. package/dist/esm/gux-card-beta.entry.js +1 -1
  118. package/dist/esm/gux-chart-column-beta.entry.js +1 -1
  119. package/dist/esm/gux-chart-donut-beta.entry.js +1 -1
  120. package/dist/esm/gux-chart-line-beta.entry.js +1 -1
  121. package/dist/esm/gux-chart-pie-beta.entry.js +1 -1
  122. package/dist/esm/gux-chart-scatter-plot-beta.entry.js +1 -1
  123. package/dist/esm/gux-column-manager-beta.entry.js +1 -1
  124. package/dist/esm/gux-command-palette-legacy.entry.js +1 -1
  125. package/dist/esm/gux-content-search.entry.js +1 -1
  126. package/dist/esm/gux-context-menu-beta.entry.js +1 -1
  127. package/dist/esm/gux-copy-to-clipboard-beta.entry.js +1 -1
  128. package/dist/esm/gux-date-beta.entry.js +1 -1
  129. package/dist/esm/gux-date-time-beta.entry.js +1 -1
  130. package/dist/esm/gux-datepicker.entry.js +1 -1
  131. package/dist/esm/gux-disclosure-button.entry.js +1 -1
  132. package/dist/esm/gux-dismiss-button.entry.js +1 -1
  133. package/dist/esm/gux-dropdown-legacy.entry.js +1 -1
  134. package/dist/esm/gux-dropdown-multi-beta.entry.js +1 -1
  135. package/dist/esm/gux-dropdown_3.entry.js +1 -1
  136. package/dist/esm/gux-error-message-beta.entry.js +1 -1
  137. package/dist/esm/gux-flyout-menu-beta.entry.js +1 -1
  138. package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
  139. package/dist/esm/gux-form-field-color.entry.js +1 -1
  140. package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
  141. package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
  142. package/dist/esm/gux-form-field-legacy.entry.js +1 -1
  143. package/dist/esm/gux-form-field-number.entry.js +1 -1
  144. package/dist/esm/gux-form-field-phone.entry.js +1 -1
  145. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  146. package/dist/esm/gux-form-field-range.entry.js +1 -1
  147. package/dist/esm/gux-form-field-search.entry.js +1 -1
  148. package/dist/esm/gux-form-field-select.entry.js +1 -1
  149. package/dist/esm/gux-form-field-text-like.entry.js +1 -1
  150. package/dist/esm/gux-form-field-textarea.entry.js +1 -1
  151. package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
  152. package/dist/esm/gux-icon.entry.js +1 -1
  153. package/dist/esm/gux-inline-alert-beta.entry.js +1 -1
  154. package/dist/esm/gux-list-item-legacy_2.entry.js +1 -1
  155. package/dist/esm/gux-list.entry.js +1 -1
  156. package/dist/esm/gux-listbox-multi.entry.js +1 -1
  157. package/dist/esm/gux-loading-message-beta.entry.js +1 -1
  158. package/dist/esm/gux-modal.entry.js +1 -1
  159. package/dist/esm/gux-month-picker-beta.entry.js +1 -1
  160. package/dist/esm/gux-notification-toast.entry.js +1 -1
  161. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  162. package/dist/esm/gux-pagination-beta.entry.js +1 -1
  163. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  164. package/dist/esm/gux-pagination.entry.js +1 -1
  165. package/dist/esm/gux-panel-frame-legacy.entry.js +1 -1
  166. package/dist/esm/gux-phone-input-beta.entry.js +1 -1
  167. package/dist/esm/gux-popover-beta.entry.js +1 -1
  168. package/dist/esm/gux-popover-list-beta.entry.js +1 -1
  169. package/dist/esm/gux-popover-list.entry.js +1 -1
  170. package/dist/esm/gux-popover.entry.js +1 -1
  171. package/dist/esm/gux-radial-loading.entry.js +1 -1
  172. package/dist/esm/gux-radial-progress.entry.js +1 -1
  173. package/dist/esm/gux-rating.entry.js +1 -1
  174. package/dist/esm/gux-region-icon.entry.js +1 -1
  175. package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
  176. package/dist/esm/gux-side-panel-legacy.entry.js +1 -1
  177. package/dist/esm/gux-simple-toast.entry.js +1 -1
  178. package/dist/esm/gux-skip-navigation-list-beta.entry.js +1 -1
  179. package/dist/esm/gux-sort-control.entry.js +1 -1
  180. package/dist/esm/gux-switch.entry.js +1 -1
  181. package/dist/esm/gux-tab-advanced-list.entry.js +22 -3
  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 +1 -1
  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-toggle.entry.js +1 -1
  196. package/dist/esm/gux-tooltip_2.entry.js +1 -1
  197. package/dist/esm/gux-visualization-beta.entry.js +1 -1
  198. package/dist/esm/{usage-a9aceb8e.js → usage-321d1ef2.js} +1 -1
  199. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  200. package/dist/genesys-webcomponents/{p-44fc032e.entry.js → p-09281437.entry.js} +1 -1
  201. package/dist/genesys-webcomponents/{p-8fa02a07.entry.js → p-0bffa89d.entry.js} +1 -1
  202. package/dist/genesys-webcomponents/{p-b8d36095.entry.js → p-0c977a35.entry.js} +1 -1
  203. package/dist/genesys-webcomponents/{p-f8d4cc5f.entry.js → p-122a9a80.entry.js} +1 -1
  204. package/dist/genesys-webcomponents/{p-68c34a4e.entry.js → p-1410b096.entry.js} +1 -1
  205. package/dist/genesys-webcomponents/{p-c020b709.entry.js → p-146befeb.entry.js} +1 -1
  206. package/dist/genesys-webcomponents/{p-59855147.entry.js → p-1510b43f.entry.js} +1 -1
  207. package/dist/genesys-webcomponents/{p-c6dfa63d.entry.js → p-158a45ee.entry.js} +1 -1
  208. package/dist/genesys-webcomponents/{p-fba97a17.entry.js → p-15f25ffe.entry.js} +1 -1
  209. package/dist/genesys-webcomponents/{p-229e667a.entry.js → p-16ae4ad3.entry.js} +1 -1
  210. package/dist/genesys-webcomponents/{p-9b2aaa34.entry.js → p-1ed1421b.entry.js} +1 -1
  211. package/dist/genesys-webcomponents/{p-0cfc5f3f.entry.js → p-2ae98905.entry.js} +1 -1
  212. package/dist/genesys-webcomponents/{p-f90a1cbd.entry.js → p-318d0ad5.entry.js} +1 -1
  213. package/dist/genesys-webcomponents/{p-98f726e0.entry.js → p-35581577.entry.js} +1 -1
  214. package/dist/genesys-webcomponents/{p-6484e778.entry.js → p-365aaf93.entry.js} +1 -1
  215. package/dist/genesys-webcomponents/p-37fb9a58.entry.js +1 -0
  216. package/dist/genesys-webcomponents/{p-f4a4afbf.entry.js → p-3a406201.entry.js} +1 -1
  217. package/dist/genesys-webcomponents/{p-71a2eb53.entry.js → p-3ab8e418.entry.js} +1 -1
  218. package/dist/genesys-webcomponents/{p-0d9778fd.entry.js → p-3ac68b16.entry.js} +1 -1
  219. package/dist/genesys-webcomponents/{p-2588a7e9.entry.js → p-3b31b1a9.entry.js} +1 -1
  220. package/dist/genesys-webcomponents/{p-42deef83.entry.js → p-3cca48f8.entry.js} +1 -1
  221. package/dist/genesys-webcomponents/{p-6568279a.entry.js → p-3fdd06ef.entry.js} +1 -1
  222. package/dist/genesys-webcomponents/{p-31363dc4.entry.js → p-42940f29.entry.js} +1 -1
  223. package/dist/genesys-webcomponents/{p-307a61d7.entry.js → p-490feba6.entry.js} +1 -1
  224. package/dist/genesys-webcomponents/{p-cc7c0def.entry.js → p-4bc4ce64.entry.js} +1 -1
  225. package/dist/genesys-webcomponents/{p-c6e4d940.entry.js → p-4befd5bf.entry.js} +1 -1
  226. package/dist/genesys-webcomponents/{p-86b07ed4.entry.js → p-4c5fbffa.entry.js} +1 -1
  227. package/dist/genesys-webcomponents/{p-8e96c3a9.entry.js → p-4ce496f1.entry.js} +1 -1
  228. package/dist/genesys-webcomponents/{p-b32407b7.entry.js → p-4ce642d8.entry.js} +1 -1
  229. package/dist/genesys-webcomponents/{p-74874acb.entry.js → p-50cb26aa.entry.js} +1 -1
  230. package/dist/genesys-webcomponents/{p-99db86b0.entry.js → p-5232d012.entry.js} +1 -1
  231. package/dist/genesys-webcomponents/{p-0d43b7b3.entry.js → p-561130c0.entry.js} +1 -1
  232. package/dist/genesys-webcomponents/{p-e4fafd97.entry.js → p-591ca5ec.entry.js} +1 -1
  233. package/dist/genesys-webcomponents/{p-8e3cbd35.entry.js → p-5a0e4957.entry.js} +1 -1
  234. package/dist/genesys-webcomponents/{p-5ae28895.entry.js → p-5aff6a68.entry.js} +1 -1
  235. package/dist/genesys-webcomponents/{p-b6fb4bb7.entry.js → p-5b0ee53b.entry.js} +1 -1
  236. package/dist/genesys-webcomponents/{p-a2d5304b.entry.js → p-632d5de2.entry.js} +1 -1
  237. package/dist/genesys-webcomponents/{p-ea77f337.entry.js → p-64d5f1c5.entry.js} +1 -1
  238. package/dist/genesys-webcomponents/{p-ea2c6c7a.entry.js → p-64ea8786.entry.js} +1 -1
  239. package/dist/genesys-webcomponents/{p-5869dbb9.entry.js → p-65c21206.entry.js} +1 -1
  240. package/dist/genesys-webcomponents/{p-c8b3fd34.entry.js → p-66987a08.entry.js} +1 -1
  241. package/dist/genesys-webcomponents/{p-6ae0aa45.entry.js → p-6ae052f4.entry.js} +1 -1
  242. package/dist/genesys-webcomponents/{p-e7750f74.entry.js → p-6b5ca388.entry.js} +1 -1
  243. package/dist/genesys-webcomponents/{p-7ace65d8.entry.js → p-6db9bd7e.entry.js} +1 -1
  244. package/dist/genesys-webcomponents/{p-4208b33a.entry.js → p-77174916.entry.js} +1 -1
  245. package/dist/genesys-webcomponents/{p-c2822b94.entry.js → p-7a20a93d.entry.js} +1 -1
  246. package/dist/genesys-webcomponents/{p-e054456a.entry.js → p-7f04465a.entry.js} +1 -1
  247. package/dist/genesys-webcomponents/{p-e6a3439c.entry.js → p-8256ccb0.entry.js} +1 -1
  248. package/dist/genesys-webcomponents/{p-5c763641.entry.js → p-84a05cad.entry.js} +1 -1
  249. package/dist/genesys-webcomponents/{p-9dd0f90a.entry.js → p-895182f3.entry.js} +1 -1
  250. package/dist/genesys-webcomponents/{p-b26e06bc.entry.js → p-8d712bab.entry.js} +1 -1
  251. package/dist/genesys-webcomponents/{p-8e3893e8.entry.js → p-9540b72a.entry.js} +1 -1
  252. package/dist/genesys-webcomponents/{p-faaa7ca7.entry.js → p-97afe8f4.entry.js} +1 -1
  253. package/dist/genesys-webcomponents/{p-92dc6e26.entry.js → p-99172328.entry.js} +1 -1
  254. package/dist/genesys-webcomponents/{p-b2c15ce0.entry.js → p-99f07de4.entry.js} +1 -1
  255. package/dist/genesys-webcomponents/{p-125b80ec.entry.js → p-9b728f66.entry.js} +1 -1
  256. package/dist/genesys-webcomponents/{p-b9a86d40.entry.js → p-9b812f49.entry.js} +1 -1
  257. package/dist/genesys-webcomponents/{p-7ade7418.entry.js → p-9d4e8be7.entry.js} +1 -1
  258. package/dist/genesys-webcomponents/{p-22bd6b05.entry.js → p-a549345f.entry.js} +1 -1
  259. package/dist/genesys-webcomponents/{p-741ac96f.entry.js → p-a8510173.entry.js} +1 -1
  260. package/dist/genesys-webcomponents/{p-ddb63029.entry.js → p-a905e7c4.entry.js} +1 -1
  261. package/dist/genesys-webcomponents/{p-7767ec38.entry.js → p-ac817a4c.entry.js} +1 -1
  262. package/dist/genesys-webcomponents/{p-9e82ec72.entry.js → p-ad3bf7c8.entry.js} +1 -1
  263. package/dist/genesys-webcomponents/{p-75b04d18.entry.js → p-ad78e006.entry.js} +1 -1
  264. package/dist/genesys-webcomponents/{p-780011e0.entry.js → p-b76f0cae.entry.js} +1 -1
  265. package/dist/genesys-webcomponents/{p-d77469c9.entry.js → p-baff6849.entry.js} +1 -1
  266. package/dist/genesys-webcomponents/{p-9e30e784.entry.js → p-bbaa6081.entry.js} +1 -1
  267. package/dist/genesys-webcomponents/{p-00619bc5.entry.js → p-c0708eaa.entry.js} +1 -1
  268. package/dist/genesys-webcomponents/{p-f61d55db.entry.js → p-c1693442.entry.js} +1 -1
  269. package/dist/genesys-webcomponents/{p-dc182f99.entry.js → p-c1f24f66.entry.js} +1 -1
  270. package/dist/genesys-webcomponents/{p-76c879d6.entry.js → p-c3c96c2d.entry.js} +1 -1
  271. package/dist/genesys-webcomponents/{p-9a08da17.entry.js → p-c3dad5b3.entry.js} +1 -1
  272. package/dist/genesys-webcomponents/{p-a01dc86a.entry.js → p-c929e426.entry.js} +1 -1
  273. package/dist/genesys-webcomponents/{p-e160f4d1.entry.js → p-c952f6a1.entry.js} +1 -1
  274. package/dist/genesys-webcomponents/{p-f9fe2d78.entry.js → p-c9c6e4d6.entry.js} +1 -1
  275. package/dist/genesys-webcomponents/{p-266910a5.entry.js → p-cbc740df.entry.js} +1 -1
  276. package/dist/genesys-webcomponents/{p-cc9454d4.entry.js → p-d235b327.entry.js} +1 -1
  277. package/dist/genesys-webcomponents/{p-0667fb73.entry.js → p-d2ddb348.entry.js} +1 -1
  278. package/dist/genesys-webcomponents/{p-ce5cf0ba.entry.js → p-d6170cb5.entry.js} +1 -1
  279. package/dist/genesys-webcomponents/{p-35d45997.entry.js → p-d99efc1c.entry.js} +1 -1
  280. package/dist/genesys-webcomponents/{p-6d732152.entry.js → p-db770136.entry.js} +1 -1
  281. package/dist/genesys-webcomponents/{p-75c164b5.entry.js → p-dd515eb0.entry.js} +1 -1
  282. package/dist/genesys-webcomponents/{p-b7f7d0a4.entry.js → p-deac5e25.entry.js} +1 -1
  283. package/dist/genesys-webcomponents/{p-9b88e3fb.entry.js → p-ded68767.entry.js} +1 -1
  284. package/dist/genesys-webcomponents/{p-b4e8fc67.entry.js → p-e32ad2d1.entry.js} +1 -1
  285. package/dist/genesys-webcomponents/{p-72897474.entry.js → p-e43b6c85.entry.js} +1 -1
  286. package/dist/genesys-webcomponents/{p-6c94efda.entry.js → p-e6eb3d28.entry.js} +1 -1
  287. package/dist/genesys-webcomponents/{p-06ed3319.entry.js → p-e8eaf997.entry.js} +1 -1
  288. package/dist/genesys-webcomponents/{p-e88dbbcb.entry.js → p-e957bac2.entry.js} +1 -1
  289. package/dist/genesys-webcomponents/{p-3ab1cbdc.entry.js → p-e9ede418.entry.js} +1 -1
  290. package/dist/genesys-webcomponents/{p-fcfe8925.entry.js → p-ea3d3090.entry.js} +1 -1
  291. package/dist/genesys-webcomponents/{p-8cbc9129.entry.js → p-f07b5d23.entry.js} +1 -1
  292. package/dist/genesys-webcomponents/{p-17468d32.entry.js → p-f2bc1ec9.entry.js} +1 -1
  293. package/dist/genesys-webcomponents/{p-6bcb2645.entry.js → p-f8bdfffd.entry.js} +1 -1
  294. package/dist/genesys-webcomponents/{p-72fd6885.entry.js → p-f8f7e5e4.entry.js} +1 -1
  295. package/dist/genesys-webcomponents/{p-1008c5aa.entry.js → p-f967773f.entry.js} +1 -1
  296. package/dist/genesys-webcomponents/{p-748dab62.entry.js → p-fac9212d.entry.js} +1 -1
  297. package/dist/genesys-webcomponents/{p-b416bdcf.js → p-ffb1bb70.js} +1 -1
  298. package/dist/stencil-wrapper.js +1 -1
  299. package/dist/types/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.d.ts +3 -0
  300. package/dist/types/stencil-wrapper.d.ts +1 -1
  301. package/package.json +1 -1
  302. package/dist/genesys-webcomponents/p-ca0d9756.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,g as s}from"./p-9031eb6a.js";import{a,c as n,o as r,f as d}from"./p-9149b16e.js";import{r as u}from"./p-cbcbd1bb.js";import{a as c}from"./p-091f51f6.js";import{f as o,a as h,b as l,c as p}from"./p-4f26144b.js";import{O as x}from"./p-23975bfb.js";import{t as g}from"./p-b416bdcf.js";import{b as f}from"./p-2b58afeb.js";import"./p-8a133b9b.js";const k={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function b(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function m(t,e){const i=new Date(e.valueOf()),s=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(s),i.setFullYear(e.getFullYear()),i.getMonth()!==s?m(t,b(-1,e)):i}function y(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function w(t){return t.match(/\W/)[0]}function v(t){const e=w(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function D(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const F=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?o(t):null}watchMaxDate(t){this.maxDateDate=t?o(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=v(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=o(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=v(t),s=y(t,e.selectionStart),a=i.indexOf(s);return D(t,i[(a+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=v(t),s=y(t,e.selectionStart),a=i.indexOf(s);return D(t,i[(a+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");c((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||c((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=D(this.format,y(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return D(this.format,y(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===y(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const s=t.split(",").map((t=>t.trim()));return"range"===e?[s[0]||i[0],s[1]||i[1]]:"range"===e||s[0]?[s[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=w(this.format),i=this.format.toLowerCase().split(e),s=t.split(e),a=parseInt(s[i.indexOf(this.yearFormat)],10),n=parseInt(s[i.indexOf("mm")],10)-1,r=parseInt(s[i.indexOf("dd")],10),d=new Date(a,n,r);return"yy"===this.yearFormat&&d.getFullYear()<1970&&this.lastYear>1970&&d.setFullYear(d.getFullYear()+100),d}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=h(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=l(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(y(this.format,this.focusedField.selectionStart)){case"d":{const t=o(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:s}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(s,(t=>i[t]));const{map:a,regexp:n}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(n,(t=>a[t]))}else{const t=o(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&c((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return o(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=y(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let s;switch(e){case"d":s=b(t,i);break;case"m":s=m(t,i);break;case"y":s=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var a,n,r;a=s,n=this.minDateDate,((r=this.maxDateDate)&&r<a||n&&n>a)&&(s=i),this.lastYear=s.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=w(e),s=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return s}(s,this.format),this.setValue()}async componentWillLoad(){if(g(this.root,{variant:this.mode}),this.i18n=await f(this.root,k),this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?h(t,t):l(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=a(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){n(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[r({crossAxis:-3}),d({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"calendar"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onInput:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return s(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,s){var a,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 d=t.length-1;d>=0;d--)(a=t[d])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([x({triggerEvents:"mousedown"})],F.prototype,"onClickOutside",null),F.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:0.5}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-top:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-right:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:8px;font-size:12px;font-weight:bold;line-height:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{position:relative;flex:0 1 auto;align-self:auto;order:0;margin:4px 0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;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-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:100px;overflow:hidden;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:#596373;opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:16px;height:16px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gux-zindex-popup, 1);display:none;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{F as gux_datepicker}
1
+ import{r as t,c as e,h as i,g as s}from"./p-9031eb6a.js";import{a,c as n,o as r,f as d}from"./p-9149b16e.js";import{r as u}from"./p-cbcbd1bb.js";import{a as c}from"./p-091f51f6.js";import{f as o,a as h,b as l,c as p}from"./p-4f26144b.js";import{O as x}from"./p-23975bfb.js";import{t as g}from"./p-ffb1bb70.js";import{b as f}from"./p-2b58afeb.js";import"./p-8a133b9b.js";const k={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function b(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function m(t,e){const i=new Date(e.valueOf()),s=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(s),i.setFullYear(e.getFullYear()),i.getMonth()!==s?m(t,b(-1,e)):i}function y(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function w(t){return t.match(/\W/)[0]}function v(t){const e=w(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function D(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const F=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=u("gux-datepicker"),this.endInputId=u("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?o(t):null}watchMaxDate(t){this.maxDateDate=t?o(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=v(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=o(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=v(t),s=y(t,e.selectionStart),a=i.indexOf(s);return D(t,i[(a+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=v(t),s=y(t,e.selectionStart),a=i.indexOf(s);return D(t,i[(a+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");c((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||c((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=D(this.format,y(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return D(this.format,y(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===y(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const s=t.split(",").map((t=>t.trim()));return"range"===e?[s[0]||i[0],s[1]||i[1]]:"range"===e||s[0]?[s[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=w(this.format),i=this.format.toLowerCase().split(e),s=t.split(e),a=parseInt(s[i.indexOf(this.yearFormat)],10),n=parseInt(s[i.indexOf("mm")],10)-1,r=parseInt(s[i.indexOf("dd")],10),d=new Date(a,n,r);return"yy"===this.yearFormat&&d.getFullYear()<1970&&this.lastYear>1970&&d.setFullYear(d.getFullYear()+100),d}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=h(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=l(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(y(this.format,this.focusedField.selectionStart)){case"d":{const t=o(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:s}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(s,(t=>i[t]));const{map:a,regexp:n}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(n,(t=>a[t]))}else{const t=o(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&c((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return o(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=y(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let s;switch(e){case"d":s=b(t,i);break;case"m":s=m(t,i);break;case"y":s=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var a,n,r;a=s,n=this.minDateDate,((r=this.maxDateDate)&&r<a||n&&n>a)&&(s=i),this.lastYear=s.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=w(e),s=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return s}(s,this.format),this.setValue()}async componentWillLoad(){if(g(this.root,{variant:this.mode}),this.i18n=await f(this.root,k),this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?h(t,t):l(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=a(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){n(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[r({crossAxis:-3}),d({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"calendar"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onInput:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return s(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,s){var a,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 d=t.length-1;d>=0;d--)(a=t[d])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([x({triggerEvents:"mousedown"})],F.prototype,"onClickOutside",null),F.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:0.5}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-top:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-right:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:8px;font-size:12px;font-weight:bold;line-height:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{position:relative;flex:0 1 auto;align-self:auto;order:0;margin:4px 0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;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-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:100px;overflow:hidden;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:#596373;opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:16px;height:16px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gux-zindex-popup, 1);display:none;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{F as gux_datepicker}
@@ -1 +1 @@
1
- import{r as t,h as e,H as o,g as n}from"./p-9031eb6a.js";import{t as a}from"./p-b416bdcf.js";import{l as s}from"./p-45fec011.js";const c=class{constructor(e){t(this,e),this.accent="secondary"}validateSlotContent(){let t=this.root.children[0],e=t.tagName;if("SLOT"===e&&(t=t.assignedNodes()[0],e=t.tagName),"BUTTON"!==e){if("INPUT"===e){const e=t.getAttribute("type");if("button"===e||"submit"===e)return}s("gux-button-slot",'You must slot a button, input[type="button"] or input[type="submit"] element.')}}componentWillLoad(){a(this.root),this.validateSlotContent()}render(){return e(o,{accent:this.accent},e("slot",null))}get root(){return n(this)}};c.style=":host{display:inline-block;min-width:32px;pointer-events:none}::slotted(input[type='button']),::slotted(input[type='submit']),::slotted(button){width:100%;height:32px;padding:0 16px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}::slotted(input[type='button'][disabled]),::slotted(input[type='submit'][disabled]),::slotted(button[disabled]){color:rgba(46, 57, 76, 0.5);cursor:default;background-color:rgba(226, 230, 238, 0.5)}::slotted(input[type='button']:focus),::slotted(input[type='submit']:focus),::slotted(button:focus){outline:none}::slotted(input[type='button']:focus-visible:enabled),::slotted(input[type='submit']:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}::slotted(input[type='button']:hover:enabled),::slotted(input[type='submit']:hover:enabled),::slotted(button:hover:enabled){background-color:#d7dce5}::slotted(input[type='button']:active:enabled),::slotted(input[type='submit']:active:enabled),::slotted(button:active:enabled){background-color:#c8cfda}:host([accent='primary']) ::slotted(input[type='button']),:host([accent='primary']) ::slotted(input[type='submit']),:host([accent='primary']) ::slotted(button){color:#fdfdfd;background-color:#2a60c8}:host([accent='primary']) ::slotted(input[type='button'][disabled]),:host([accent='primary']) ::slotted(input[type='submit'][disabled]),:host([accent='primary']) ::slotted(button[disabled]){color:rgba(253, 253, 253, 0.5);background-color:rgba(42, 96, 200, 0.5)}:host([accent='primary']) ::slotted(input[type='button']:hover:enabled),:host([accent='primary']) ::slotted(input[type='submit']:hover:enabled),:host([accent='primary']) ::slotted(button:hover:enabled){background-color:#2754ac}:host([accent='primary']) ::slotted(input[type='button']:active:enabled),:host([accent='primary']) ::slotted(input[type='submit']:active:enabled),:host([accent='primary']) ::slotted(button:active:enabled){background-color:#23478f}:host([accent='tertiary']) ::slotted(input[type='button']),:host([accent='tertiary']) ::slotted(input[type='submit']),:host([accent='tertiary']) ::slotted(button){color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}:host([accent='tertiary']) ::slotted(input[type='button']),:host([accent='tertiary']) ::slotted(input[type='submit']),:host([accent='tertiary']) ::slotted(button){color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}:host([accent='tertiary']) ::slotted(input[type='button'][disabled]),:host([accent='tertiary']) ::slotted(input[type='submit'][disabled]),:host([accent='tertiary']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5);background-color:rgba(253, 253, 253, 0.5);border-color:rgba(42, 96, 200, 0.5)}:host([accent='tertiary']) ::slotted(input[type='button']:hover:enabled),:host([accent='tertiary']) ::slotted(input[type='submit']:hover:enabled),:host([accent='tertiary']) ::slotted(button:hover:enabled){color:#fdfdfd;background-color:#2754ac}:host([accent='tertiary']) ::slotted(input[type='button']:active:enabled),:host([accent='tertiary']) ::slotted(input[type='submit']:active:enabled),:host([accent='tertiary']) ::slotted(button:active:enabled){color:#fdfdfd;background-color:#23478f}:host([accent='ghost']) ::slotted(input[type='button']),:host([accent='ghost']) ::slotted(input[type='submit']),:host([accent='ghost']) ::slotted(button){color:#2a60c8;background:none;border:none}:host([accent='ghost']) ::slotted(input[type='button'][disabled]),:host([accent='ghost']) ::slotted(input[type='submit'][disabled]),:host([accent='ghost']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5)}:host([accent='ghost']) ::slotted(input[type='button']:hover:enabled),:host([accent='ghost']) ::slotted(input[type='submit']:hover:enabled),:host([accent='ghost']) ::slotted(button:hover:enabled){color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}:host([accent='ghost']) ::slotted(input[type='button']:active:enabled),:host([accent='ghost']) ::slotted(input[type='submit']:active:enabled),:host([accent='ghost']) ::slotted(button:active:enabled){color:#2754ac;background-color:#deeaff}:host([accent='danger']) ::slotted(input[type='button']),:host([accent='danger']) ::slotted(input[type='submit']),:host([accent='danger']) ::slotted(button){color:#fdfdfd;background-color:#ea0b0b}:host([accent='danger']) ::slotted(input[type='button'][disabled]),:host([accent='danger']) ::slotted(input[type='submit'][disabled]),:host([accent='danger']) ::slotted(button[disabled]){color:rgba(253, 253, 253, 0.5);background-color:rgba(234, 11, 11, 0.5)}:host([accent='danger']) ::slotted(input[type='button']:hover:enabled),:host([accent='danger']) ::slotted(input[type='submit']:hover:enabled),:host([accent='danger']) ::slotted(button:hover:enabled){background-color:#cc0a0a}:host([accent='danger']) ::slotted(input[type='button']:active:enabled),:host([accent='danger']) ::slotted(input[type='submit']:active:enabled),:host([accent='danger']) ::slotted(button:active:enabled){background-color:#ad0808}:host([accent='inline']){min-width:initial}:host([accent='inline']) ::slotted(input[type='button']),:host([accent='inline']) ::slotted(input[type='submit']),:host([accent='inline']) ::slotted(button){height:initial;padding:0;color:#2a60c8;text-decoration:underline;background:none;border:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}:host([accent='inline']) ::slotted(input[type='button'][disabled]),:host([accent='inline']) ::slotted(input[type='submit'][disabled]),:host([accent='inline']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5)}:host([accent='inline']) ::slotted(input[type='button']:hover:enabled),:host([accent='inline']) ::slotted(input[type='submit']:hover:enabled),:host([accent='inline']) ::slotted(button:hover:enabled){color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}:host([accent='inline']) ::slotted(input[type='button']:active:enabled),:host([accent='inline']) ::slotted(input[type='submit']:active:enabled),:host([accent='inline']) ::slotted(button:active:enabled){color:#2754ac;background-color:#deeaff}";export{c as gux_button_slot_beta}
1
+ import{r as t,h as e,H as o,g as n}from"./p-9031eb6a.js";import{t as a}from"./p-ffb1bb70.js";import{l as s}from"./p-45fec011.js";const c=class{constructor(e){t(this,e),this.accent="secondary"}validateSlotContent(){let t=this.root.children[0],e=t.tagName;if("SLOT"===e&&(t=t.assignedNodes()[0],e=t.tagName),"BUTTON"!==e){if("INPUT"===e){const e=t.getAttribute("type");if("button"===e||"submit"===e)return}s("gux-button-slot",'You must slot a button, input[type="button"] or input[type="submit"] element.')}}componentWillLoad(){a(this.root),this.validateSlotContent()}render(){return e(o,{accent:this.accent},e("slot",null))}get root(){return n(this)}};c.style=":host{display:inline-block;min-width:32px;pointer-events:none}::slotted(input[type='button']),::slotted(input[type='submit']),::slotted(button){width:100%;height:32px;padding:0 16px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}::slotted(input[type='button'][disabled]),::slotted(input[type='submit'][disabled]),::slotted(button[disabled]){color:rgba(46, 57, 76, 0.5);cursor:default;background-color:rgba(226, 230, 238, 0.5)}::slotted(input[type='button']:focus),::slotted(input[type='submit']:focus),::slotted(button:focus){outline:none}::slotted(input[type='button']:focus-visible:enabled),::slotted(input[type='submit']:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}::slotted(input[type='button']:hover:enabled),::slotted(input[type='submit']:hover:enabled),::slotted(button:hover:enabled){background-color:#d7dce5}::slotted(input[type='button']:active:enabled),::slotted(input[type='submit']:active:enabled),::slotted(button:active:enabled){background-color:#c8cfda}:host([accent='primary']) ::slotted(input[type='button']),:host([accent='primary']) ::slotted(input[type='submit']),:host([accent='primary']) ::slotted(button){color:#fdfdfd;background-color:#2a60c8}:host([accent='primary']) ::slotted(input[type='button'][disabled]),:host([accent='primary']) ::slotted(input[type='submit'][disabled]),:host([accent='primary']) ::slotted(button[disabled]){color:rgba(253, 253, 253, 0.5);background-color:rgba(42, 96, 200, 0.5)}:host([accent='primary']) ::slotted(input[type='button']:hover:enabled),:host([accent='primary']) ::slotted(input[type='submit']:hover:enabled),:host([accent='primary']) ::slotted(button:hover:enabled){background-color:#2754ac}:host([accent='primary']) ::slotted(input[type='button']:active:enabled),:host([accent='primary']) ::slotted(input[type='submit']:active:enabled),:host([accent='primary']) ::slotted(button:active:enabled){background-color:#23478f}:host([accent='tertiary']) ::slotted(input[type='button']),:host([accent='tertiary']) ::slotted(input[type='submit']),:host([accent='tertiary']) ::slotted(button){color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}:host([accent='tertiary']) ::slotted(input[type='button']),:host([accent='tertiary']) ::slotted(input[type='submit']),:host([accent='tertiary']) ::slotted(button){color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}:host([accent='tertiary']) ::slotted(input[type='button'][disabled]),:host([accent='tertiary']) ::slotted(input[type='submit'][disabled]),:host([accent='tertiary']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5);background-color:rgba(253, 253, 253, 0.5);border-color:rgba(42, 96, 200, 0.5)}:host([accent='tertiary']) ::slotted(input[type='button']:hover:enabled),:host([accent='tertiary']) ::slotted(input[type='submit']:hover:enabled),:host([accent='tertiary']) ::slotted(button:hover:enabled){color:#fdfdfd;background-color:#2754ac}:host([accent='tertiary']) ::slotted(input[type='button']:active:enabled),:host([accent='tertiary']) ::slotted(input[type='submit']:active:enabled),:host([accent='tertiary']) ::slotted(button:active:enabled){color:#fdfdfd;background-color:#23478f}:host([accent='ghost']) ::slotted(input[type='button']),:host([accent='ghost']) ::slotted(input[type='submit']),:host([accent='ghost']) ::slotted(button){color:#2a60c8;background:none;border:none}:host([accent='ghost']) ::slotted(input[type='button'][disabled]),:host([accent='ghost']) ::slotted(input[type='submit'][disabled]),:host([accent='ghost']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5)}:host([accent='ghost']) ::slotted(input[type='button']:hover:enabled),:host([accent='ghost']) ::slotted(input[type='submit']:hover:enabled),:host([accent='ghost']) ::slotted(button:hover:enabled){color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}:host([accent='ghost']) ::slotted(input[type='button']:active:enabled),:host([accent='ghost']) ::slotted(input[type='submit']:active:enabled),:host([accent='ghost']) ::slotted(button:active:enabled){color:#2754ac;background-color:#deeaff}:host([accent='danger']) ::slotted(input[type='button']),:host([accent='danger']) ::slotted(input[type='submit']),:host([accent='danger']) ::slotted(button){color:#fdfdfd;background-color:#ea0b0b}:host([accent='danger']) ::slotted(input[type='button'][disabled]),:host([accent='danger']) ::slotted(input[type='submit'][disabled]),:host([accent='danger']) ::slotted(button[disabled]){color:rgba(253, 253, 253, 0.5);background-color:rgba(234, 11, 11, 0.5)}:host([accent='danger']) ::slotted(input[type='button']:hover:enabled),:host([accent='danger']) ::slotted(input[type='submit']:hover:enabled),:host([accent='danger']) ::slotted(button:hover:enabled){background-color:#cc0a0a}:host([accent='danger']) ::slotted(input[type='button']:active:enabled),:host([accent='danger']) ::slotted(input[type='submit']:active:enabled),:host([accent='danger']) ::slotted(button:active:enabled){background-color:#ad0808}:host([accent='inline']){min-width:initial}:host([accent='inline']) ::slotted(input[type='button']),:host([accent='inline']) ::slotted(input[type='submit']),:host([accent='inline']) ::slotted(button){height:initial;padding:0;color:#2a60c8;text-decoration:underline;background:none;border:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}:host([accent='inline']) ::slotted(input[type='button'][disabled]),:host([accent='inline']) ::slotted(input[type='submit'][disabled]),:host([accent='inline']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5)}:host([accent='inline']) ::slotted(input[type='button']:hover:enabled),:host([accent='inline']) ::slotted(input[type='submit']:hover:enabled),:host([accent='inline']) ::slotted(button:hover:enabled){color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}:host([accent='inline']) ::slotted(input[type='button']:active:enabled),:host([accent='inline']) ::slotted(input[type='submit']:active:enabled),:host([accent='inline']) ::slotted(button:active:enabled){color:#2754ac;background-color:#deeaff}";export{c as gux_button_slot_beta}
@@ -1 +1 @@
1
- import{r as t,h as o,g as s}from"./p-9031eb6a.js";import{t as r}from"./p-b416bdcf.js";const e=class{constructor(o){t(this,o)}componentWillLoad(){r(this.root)}render(){return o("span",{class:"gux-sr-only"},o("slot",null))}get root(){return s(this)}};e.style=".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}";export{e as gux_screen_reader_beta}
1
+ import{r as t,h as o,g as s}from"./p-9031eb6a.js";import{t as r}from"./p-ffb1bb70.js";const e=class{constructor(o){t(this,o)}componentWillLoad(){r(this.root)}render(){return o("span",{class:"gux-sr-only"},o("slot",null))}get root(){return s(this)}};e.style=".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}";export{e as gux_screen_reader_beta}
@@ -1 +1 @@
1
- import{r as t,d as i,h as e,H as n,g as o}from"./p-9031eb6a.js";import{O as s}from"./p-8957ab46.js";import{O as r}from"./p-09124c44.js";import{t as a}from"./p-b416bdcf.js";import{g as l}from"./p-3e6097e5.js";function c(t,i){[].concat(t).forEach((t=>{null!=t&&(t.accent=i)}))}function h(t,...i){i.flat().filter((t=>null!==t&&!t.hasAttribute("icon-only"))).forEach((i=>i.iconOnly=t))}var u=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 d=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()}recordLayoutMinSize(){i((()=>{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 l(this.root,"search-and-filter")}get menuActionSlot(){return l(this.root,"menu-actions")}get permanentSlot(){return l(this.root,"permanent-actions")}get contextualSlot(){return l(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;if(null===(t=this.permanentSlot)||void 0===t?void 0:t.hasChildNodes)return 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;if(null===(t=this.contextualSlot)||void 0===t?void 0:t.hasChildNodes)return 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;if(null===(t=this.filterSlot)||void 0===t?void 0:t.hasChildNodes)return 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",h(!1,this.primaryAction,...this.allFilterContextual,...this.permanentActions)}renderIconOnlyLayoutScaleDown(t){this.displayedLayout="iconOnly",h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions),this.iconOnlySectionWidth=t}renderIconOnlyLayoutScaleUp(){var t,i;this.displayedLayout="iconOnly",c(this.permanentActions,"secondary"),c(this.primaryAction,"primary"),h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions),this.permanentActions&&(null===(t=this.root)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(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)),h(!0,...this.allFilterContextual),h(!1,...this.permanentActions),h(!1,this.primaryAction),c(this.menuActionsItems,"ghost")}componentWillLoad(){a(this.root),this.hasContextDivider=this.needsContextDivider()}componentDidLoad(){this.recordLayoutMinSize(),this.checkResponsiveLayout(),c(this.menuActionsItems,"ghost")}componentDidUpdate(){this.recordLayoutMinSize(),this.checkResponsiveLayout()}checkResponsiveLayout(){i((()=>{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 e(n,{role:"toolbar","aria-orientation":"horizontal"},e("div",{class:"search-filter-container"},e("slot",{name:"search-and-filter"})),e("div",{class:"section-spacing"}),e("div",{class:"gux-contextual-permanent-primary"},e("div",{class:{"gux-contextual-wrapper":this.hasContextDivider}},e("slot",{name:"contextual-actions"})),e("div",{class:"gux-permanent-menu-primary-wrapper"},e("slot",{name:"permanent-actions"}),e("gux-table-toolbar-menu-button",{"show-menu":this.renderMenu()},e("slot",{name:"menu-actions"})),e("slot",{name:"primary-action"}))))}get root(){return o(this)}};u([r({childList:!0,subtree:!0})],d.prototype,"onMutation",null),u([s()],d.prototype,"checkResponsiveLayout",null),d.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{d as gux_table_toolbar_beta}
1
+ import{r as t,d as i,h as e,H as n,g as o}from"./p-9031eb6a.js";import{O as s}from"./p-8957ab46.js";import{O as r}from"./p-09124c44.js";import{t as a}from"./p-ffb1bb70.js";import{g as l}from"./p-3e6097e5.js";function c(t,i){[].concat(t).forEach((t=>{null!=t&&(t.accent=i)}))}function h(t,...i){i.flat().filter((t=>null!==t&&!t.hasAttribute("icon-only"))).forEach((i=>i.iconOnly=t))}var u=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 d=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()}recordLayoutMinSize(){i((()=>{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 l(this.root,"search-and-filter")}get menuActionSlot(){return l(this.root,"menu-actions")}get permanentSlot(){return l(this.root,"permanent-actions")}get contextualSlot(){return l(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;if(null===(t=this.permanentSlot)||void 0===t?void 0:t.hasChildNodes)return 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;if(null===(t=this.contextualSlot)||void 0===t?void 0:t.hasChildNodes)return 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;if(null===(t=this.filterSlot)||void 0===t?void 0:t.hasChildNodes)return 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",h(!1,this.primaryAction,...this.allFilterContextual,...this.permanentActions)}renderIconOnlyLayoutScaleDown(t){this.displayedLayout="iconOnly",h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions),this.iconOnlySectionWidth=t}renderIconOnlyLayoutScaleUp(){var t,i;this.displayedLayout="iconOnly",c(this.permanentActions,"secondary"),c(this.primaryAction,"primary"),h(!0,this.primaryAction,...this.allFilterContextual,...this.permanentActions),this.permanentActions&&(null===(t=this.root)||void 0===t||t.appendChild(this.permanentSlot)),this.primaryAction&&(null===(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)),h(!0,...this.allFilterContextual),h(!1,...this.permanentActions),h(!1,this.primaryAction),c(this.menuActionsItems,"ghost")}componentWillLoad(){a(this.root),this.hasContextDivider=this.needsContextDivider()}componentDidLoad(){this.recordLayoutMinSize(),this.checkResponsiveLayout(),c(this.menuActionsItems,"ghost")}componentDidUpdate(){this.recordLayoutMinSize(),this.checkResponsiveLayout()}checkResponsiveLayout(){i((()=>{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 e(n,{role:"toolbar","aria-orientation":"horizontal"},e("div",{class:"search-filter-container"},e("slot",{name:"search-and-filter"})),e("div",{class:"section-spacing"}),e("div",{class:"gux-contextual-permanent-primary"},e("div",{class:{"gux-contextual-wrapper":this.hasContextDivider}},e("slot",{name:"contextual-actions"})),e("div",{class:"gux-permanent-menu-primary-wrapper"},e("slot",{name:"permanent-actions"}),e("gux-table-toolbar-menu-button",{"show-menu":this.renderMenu()},e("slot",{name:"menu-actions"})),e("slot",{name:"primary-action"}))))}get root(){return o(this)}};u([r({childList:!0,subtree:!0})],d.prototype,"onMutation",null),u([s()],d.prototype,"checkResponsiveLayout",null),d.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{d as gux_table_toolbar_beta}
@@ -1 +1 @@
1
- import{r as t,h as s,H as i,g as o}from"./p-9031eb6a.js";import{s as h}from"./p-d176c2ae.js";import{t as r}from"./p-b416bdcf.js";const e=class{constructor(s){t(this,s),this.value=void 0,this.layout="default",this.switchItems=[]}onClick(t){t.stopPropagation();const s=t.target.closest("gux-switch-item");s&&this.value!==s.value&&(this.value=s.value,h(this.root,"input"),h(this.root,"change"))}slotChanged(){this.switchItems=Array.from(this.root.children)}componentWillLoad(){r(this.root,{variant:this.layout})}componentWillRender(){this.switchItems.forEach((t=>{t.selected=t.value===this.value}))}render(){return s(i,{role:"group",class:`gux-${this.layout}`},s("slot",{onSlotchange:this.slotChanged.bind(this)}))}get root(){return o(this)}};e.style="gux-switch{display:flex;align-items:flex-end}";export{e as gux_switch}
1
+ import{r as t,h as s,H as i,g as o}from"./p-9031eb6a.js";import{s as h}from"./p-d176c2ae.js";import{t as r}from"./p-ffb1bb70.js";const e=class{constructor(s){t(this,s),this.value=void 0,this.layout="default",this.switchItems=[]}onClick(t){t.stopPropagation();const s=t.target.closest("gux-switch-item");s&&this.value!==s.value&&(this.value=s.value,h(this.root,"input"),h(this.root,"change"))}slotChanged(){this.switchItems=Array.from(this.root.children)}componentWillLoad(){r(this.root,{variant:this.layout})}componentWillRender(){this.switchItems.forEach((t=>{t.selected=t.value===this.value}))}render(){return s(i,{role:"group",class:`gux-${this.layout}`},s("slot",{onSlotchange:this.slotChanged.bind(this)}))}get root(){return o(this)}};e.style="gux-switch{display:flex;align-items:flex-end}";export{e as gux_switch}
@@ -1 +1 @@
1
- import{r as e,c as t,h as i,g as o}from"./p-9031eb6a.js";import{o as s}from"./p-93904222.js";import{O as a}from"./p-23975bfb.js";import{a as n}from"./p-091f51f6.js";import{t as r}from"./p-b416bdcf.js";import{b as p}from"./p-2b58afeb.js";import"./p-8a133b9b.js";const u={searchAria:"Search"};const c=class{constructor(i){e(this,i),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.placeholder=void 0,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px",this.srLabelledby=void 0,this.opened=void 0,this.currentlySelectedOption=void 0,this.selectionOptions=void 0}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onClickOutside(){this.closeDropdown(!1)}async componentWillLoad(){r(this.root),this.i18n=await p(this.root,u),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=s(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver&&this.slotObserver.disconnect()}render(){return i("gux-popup-beta",{expanded:this.opened,disabled:this.disabled},i("div",{slot:"target",class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},i("a",{ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&i("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&i("span",{class:"gux-select-value",title:this.value},this.value)),i("div",{class:"gux-icon-wrapper"},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),i("div",{slot:"popup",class:"gux-advanced-dropdown-menu"},i("div",{class:"gux-dropdown-menu-container"},i("gux-form-field-search",{"label-position":"screenreader"},i("label",{slot:"label"},this.i18n("searchAria")),i("input",{slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),i("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},i("slot",null)))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){n((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return o(this)}static get watchers(){return{disabled:["watchValue"]}}};(function(e,t,i,o){var s,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(n=(a<3?s(n):a>3?s(t,i,n):s(t,i))||n);a>3&&n&&Object.defineProperty(t,i,n)})([a({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{color:#2e394c}gux-popup-beta{display:block;margin:4px 0}gux-popup-beta .gux-select-field{position:relative;width:100%;height:32px}gux-popup-beta .gux-select-field a.gux-select-input{position:absolute;top:0;right:0;bottom:0;left:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-popup-beta .gux-select-field a.gux-select-input .gux-select-placeholder,gux-popup-beta .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}gux-popup-beta .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}gux-popup-beta .gux-select-field a.gux-select-input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}gux-popup-beta .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}gux-popup-beta .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}gux-popup-beta .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}gux-popup-beta .gux-advanced-dropdown-menu{width:100%;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-popup-beta .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}gux-popup-beta .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,gux-popup-beta .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,gux-popup-beta .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}gux-popup-beta .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}gux-popup-beta::part(gux-popup-container){width:inherit}";export{c as gux_advanced_dropdown}
1
+ import{r as e,c as t,h as i,g as o}from"./p-9031eb6a.js";import{o as s}from"./p-93904222.js";import{O as a}from"./p-23975bfb.js";import{a as n}from"./p-091f51f6.js";import{t as r}from"./p-ffb1bb70.js";import{b as p}from"./p-2b58afeb.js";import"./p-8a133b9b.js";const u={searchAria:"Search"};const c=class{constructor(i){e(this,i),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.placeholder=void 0,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px",this.srLabelledby=void 0,this.opened=void 0,this.currentlySelectedOption=void 0,this.selectionOptions=void 0}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onClickOutside(){this.closeDropdown(!1)}async componentWillLoad(){r(this.root),this.i18n=await p(this.root,u),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=s(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver&&this.slotObserver.disconnect()}render(){return i("gux-popup-beta",{expanded:this.opened,disabled:this.disabled},i("div",{slot:"target",class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},i("a",{ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&i("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&i("span",{class:"gux-select-value",title:this.value},this.value)),i("div",{class:"gux-icon-wrapper"},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),i("div",{slot:"popup",class:"gux-advanced-dropdown-menu"},i("div",{class:"gux-dropdown-menu-container"},i("gux-form-field-search",{"label-position":"screenreader"},i("label",{slot:"label"},this.i18n("searchAria")),i("input",{slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),i("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},i("slot",null)))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){n((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return o(this)}static get watchers(){return{disabled:["watchValue"]}}};(function(e,t,i,o){var s,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(n=(a<3?s(n):a>3?s(t,i,n):s(t,i))||n);a>3&&n&&Object.defineProperty(t,i,n)})([a({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{color:#2e394c}gux-popup-beta{display:block;margin:4px 0}gux-popup-beta .gux-select-field{position:relative;width:100%;height:32px}gux-popup-beta .gux-select-field a.gux-select-input{position:absolute;top:0;right:0;bottom:0;left:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-popup-beta .gux-select-field a.gux-select-input .gux-select-placeholder,gux-popup-beta .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}gux-popup-beta .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}gux-popup-beta .gux-select-field a.gux-select-input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}gux-popup-beta .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}gux-popup-beta .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}gux-popup-beta .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}gux-popup-beta .gux-advanced-dropdown-menu{width:100%;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-popup-beta .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}gux-popup-beta .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,gux-popup-beta .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,gux-popup-beta .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}gux-popup-beta .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}gux-popup-beta::part(gux-popup-container){width:inherit}";export{c as gux_advanced_dropdown}
@@ -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-09124c44.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-31f48d0b.js";import{t as g}from"./p-b416bdcf.js";import"./p-cbcbd1bb.js";import"./p-45fec011.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;cursor:pointer;border:0;-webkit-appearance:none;appearance:none;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-09124c44.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-31f48d0b.js";import{t as g}from"./p-ffb1bb70.js";import"./p-cbcbd1bb.js";import"./p-45fec011.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;cursor:pointer;border:0;-webkit-appearance:none;appearance:none;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 l}from"./p-9031eb6a.js";import{t as a}from"./p-b416bdcf.js";let o=1;const x=class{constructor(t){e(this,t),this.label=void 0,this.position="above",this.id=this.generateId()}componentWillLoad(){a(this.root,{variant:this.position})}componentDidLoad(){const e=this.labeledComponent.querySelector("*");"function"==typeof e.componentOnReady&&"function"==typeof e.setLabelledBy?e.componentOnReady().then((()=>{e.setLabelledBy(this.id)})):e.setAttribute("aria-labelledby",this.id)}render(){return t("div",{class:`gux-text-label-container gux-${this.position}`},t("label",{class:"gux-label",id:this.id},t("slot",{name:"label"},this.label)),t("div",{class:"gux-labeled-component",ref:e=>this.labeledComponent=e},t("slot",null)))}generateId(){return"gux-text-label-"+o++}get root(){return l(this)}};x.style="gux-text-label-legacy .gux-label{margin-right:8px}gux-text-label-legacy .gux-text-label-container.gux-beside{display:flex;flex-direction:row;align-items:baseline}gux-text-label-legacy .gux-text-label-container.gux-beside .gux-labeled-component{flex:1 1 auto}.gux-text-label-dark-theme{color:#fdfdfd}.gux-dark-theme gux-text-label-legacy{color:#fdfdfd}gux-text-label-legacy.gux-dark-theme{color:#fdfdfd}.gux-text-label-light-theme{color:#2e394c}.gux-light-theme gux-text-label-legacy{color:#2e394c}gux-text-label-legacy.gux-light-theme{color:#2e394c}gux-text-label-legacy{color:#2e394c}";export{x as gux_text_label_legacy}
1
+ import{r as e,h as t,g as l}from"./p-9031eb6a.js";import{t as a}from"./p-ffb1bb70.js";let o=1;const x=class{constructor(t){e(this,t),this.label=void 0,this.position="above",this.id=this.generateId()}componentWillLoad(){a(this.root,{variant:this.position})}componentDidLoad(){const e=this.labeledComponent.querySelector("*");"function"==typeof e.componentOnReady&&"function"==typeof e.setLabelledBy?e.componentOnReady().then((()=>{e.setLabelledBy(this.id)})):e.setAttribute("aria-labelledby",this.id)}render(){return t("div",{class:`gux-text-label-container gux-${this.position}`},t("label",{class:"gux-label",id:this.id},t("slot",{name:"label"},this.label)),t("div",{class:"gux-labeled-component",ref:e=>this.labeledComponent=e},t("slot",null)))}generateId(){return"gux-text-label-"+o++}get root(){return l(this)}};x.style="gux-text-label-legacy .gux-label{margin-right:8px}gux-text-label-legacy .gux-text-label-container.gux-beside{display:flex;flex-direction:row;align-items:baseline}gux-text-label-legacy .gux-text-label-container.gux-beside .gux-labeled-component{flex:1 1 auto}.gux-text-label-dark-theme{color:#fdfdfd}.gux-dark-theme gux-text-label-legacy{color:#fdfdfd}gux-text-label-legacy.gux-dark-theme{color:#fdfdfd}.gux-text-label-light-theme{color:#2e394c}.gux-light-theme gux-text-label-legacy{color:#2e394c}gux-text-label-legacy.gux-light-theme{color:#2e394c}gux-text-label-legacy{color:#2e394c}";export{x as gux_text_label_legacy}
@@ -1 +1 @@
1
- import{r as t,c as s,h as e,g as i}from"./p-9031eb6a.js";import{b as o}from"./p-2b58afeb.js";import{t as n}from"./p-b416bdcf.js";import{g as r}from"./p-8a133b9b.js";import{o as a}from"./p-93904222.js";import{t as c}from"./p-e310debb.js";const h=class{constructor(e){t(this,e),this.guxsortchanged=s(this,"guxsortchanged",7),this.includeUnsorted=!1,this.headerContent=void 0,this.active=!1,this.sort="none",this.isLeftAlignIcon=!1}async componentWillLoad(){n(this.root),this.i18n=await o(this.root,c,"gux-table"),this.tableHeader=r("th",this.root),this.thObserver=a(this.tableHeader,(()=>{this.setState()}),{attributes:!0,childList:!1,subtree:!1}),this.setState()}disconnectedCallback(){this.thObserver&&this.thObserver.disconnect()}onClick(){this.guxsortchanged.emit({columnName:this.tableHeader.dataset.columnName,sortDirection:this.getNextSort(this.sort)})}setState(){this.headerContent=this.tableHeader.textContent,this.isLeftAlignIcon=this.tableHeader.hasAttribute("data-cell-numeric")||this.tableHeader.hasAttribute("data-cell-action");const t=this.tableHeader.getAttribute("aria-sort");switch(t){case"ascending":case"descending":this.active=!0,this.sort=t;break;default:this.active=!1,this.sort="none"}}getIconName(t){return"descending"===t?"arrow-solid-up":"arrow-solid-down"}getNextSort(t){switch(t){case"none":return"ascending";case"ascending":return"descending";default:return this.includeUnsorted?"none":"ascending"}}getSRText(t){switch(t){case"ascending":return this.i18n("ascendingColumnSort",{headerContent:this.headerContent});case"descending":return this.i18n(this.includeUnsorted?"descendingColumnSortIncludeUnsorted":"descendingColumnSort",{headerContent:this.headerContent});default:return this.i18n("noColumnSort",{headerContent:this.headerContent})}}render(){return e("div",{class:"gux-container"},e("button",{class:{"gux-sort-button":!0,"gux-active":this.active},type:"button",onClick:()=>this.onClick()},e("span",{class:"gux-sr-only"},this.getSRText(this.sort)),e("gux-icon",{class:{"gux-sort-icon":!0,"gux-left":this.isLeftAlignIcon},"icon-name":this.getIconName(this.sort),decorative:!0})),e("div",{class:"gux-resize-spacer"}))}static get delegatesFocus(){return!0}get root(){return i(this)}};h.style=".gux-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start;border-top:3px solid transparent;border-bottom:3px solid transparent}.gux-container:focus-within{border-bottom-color:#75a8ff}.gux-container .gux-sort-button{all:unset;flex:1 1 auto;align-self:stretch;order:0;cursor:pointer}.gux-container .gux-sort-button .gux-sort-icon{float:right;width:16px;height:16px;margin:8px;color:#d7dce5}.gux-container .gux-sort-button .gux-sort-icon.gux-left{float:left}.gux-container .gux-sort-button.gux-active .gux-sort-icon{color:#2e394c}.gux-container .gux-resize-spacer{flex:0 1 auto;align-self:stretch;order:0;width:2px}.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}";export{h as gux_sort_control}
1
+ import{r as t,c as s,h as e,g as i}from"./p-9031eb6a.js";import{b as o}from"./p-2b58afeb.js";import{t as n}from"./p-ffb1bb70.js";import{g as r}from"./p-8a133b9b.js";import{o as a}from"./p-93904222.js";import{t as c}from"./p-e310debb.js";const h=class{constructor(e){t(this,e),this.guxsortchanged=s(this,"guxsortchanged",7),this.includeUnsorted=!1,this.headerContent=void 0,this.active=!1,this.sort="none",this.isLeftAlignIcon=!1}async componentWillLoad(){n(this.root),this.i18n=await o(this.root,c,"gux-table"),this.tableHeader=r("th",this.root),this.thObserver=a(this.tableHeader,(()=>{this.setState()}),{attributes:!0,childList:!1,subtree:!1}),this.setState()}disconnectedCallback(){this.thObserver&&this.thObserver.disconnect()}onClick(){this.guxsortchanged.emit({columnName:this.tableHeader.dataset.columnName,sortDirection:this.getNextSort(this.sort)})}setState(){this.headerContent=this.tableHeader.textContent,this.isLeftAlignIcon=this.tableHeader.hasAttribute("data-cell-numeric")||this.tableHeader.hasAttribute("data-cell-action");const t=this.tableHeader.getAttribute("aria-sort");switch(t){case"ascending":case"descending":this.active=!0,this.sort=t;break;default:this.active=!1,this.sort="none"}}getIconName(t){return"descending"===t?"arrow-solid-up":"arrow-solid-down"}getNextSort(t){switch(t){case"none":return"ascending";case"ascending":return"descending";default:return this.includeUnsorted?"none":"ascending"}}getSRText(t){switch(t){case"ascending":return this.i18n("ascendingColumnSort",{headerContent:this.headerContent});case"descending":return this.i18n(this.includeUnsorted?"descendingColumnSortIncludeUnsorted":"descendingColumnSort",{headerContent:this.headerContent});default:return this.i18n("noColumnSort",{headerContent:this.headerContent})}}render(){return e("div",{class:"gux-container"},e("button",{class:{"gux-sort-button":!0,"gux-active":this.active},type:"button",onClick:()=>this.onClick()},e("span",{class:"gux-sr-only"},this.getSRText(this.sort)),e("gux-icon",{class:{"gux-sort-icon":!0,"gux-left":this.isLeftAlignIcon},"icon-name":this.getIconName(this.sort),decorative:!0})),e("div",{class:"gux-resize-spacer"}))}static get delegatesFocus(){return!0}get root(){return i(this)}};h.style=".gux-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start;border-top:3px solid transparent;border-bottom:3px solid transparent}.gux-container:focus-within{border-bottom-color:#75a8ff}.gux-container .gux-sort-button{all:unset;flex:1 1 auto;align-self:stretch;order:0;cursor:pointer}.gux-container .gux-sort-button .gux-sort-icon{float:right;width:16px;height:16px;margin:8px;color:#d7dce5}.gux-container .gux-sort-button .gux-sort-icon.gux-left{float:left}.gux-container .gux-sort-button.gux-active .gux-sort-icon{color:#2e394c}.gux-container .gux-resize-spacer{flex:0 1 auto;align-self:stretch;order:0;width:2px}.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}";export{h as gux_sort_control}
@@ -1 +1 @@
1
- import{r as t,c as s,f as i,d as e,h,H as o,g as l}from"./p-9031eb6a.js";import{b as a}from"./p-2b58afeb.js";import{w as r}from"./p-76ff3e75.js";import{r as n}from"./p-cbcbd1bb.js";import{t as c}from"./p-b416bdcf.js";import{t as b}from"./p-e310debb.js";import"./p-8a133b9b.js";const u=class{constructor(e){t(this,e),this.guxselectionchanged=s(this,"guxselectionchanged",7),this.guxsortchanged=s(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>i(this))),this.tableId=n("gux-table"),this.columnsWidths={},this.tableWidth=this.getElementComputedWidth(this.slottedTable),this.isVerticalScroll=!1,this.isHorizontalScroll=!1,this.isScrolledToFirstCell=!0,this.isScrolledToLastCell=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1,this.emptyMessage=void 0,this.resizableColumns=void 0}async componentWillLoad(){c(this.root),this.i18n=await a(this.root,b)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSelectableRows(),this.checkHorizontalScroll(),this.checkVerticalScroll(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{e((()=>{this.checkHorizontalScroll(),this.checkVerticalScroll(),this.updateScrollState(),this.scaleColumnWidths()}))}))),this.resizeObserver&&(this.resizeObserver.observe(this.tableContainer),this.resizeObserver.observe(this.slottedTable)),this.slotObserver.observe(this.slottedTable,{subtree:!0,childList:!0})}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.tableContainer),this.resizeObserver.unobserve(this.slottedTable)),this.resizableColumns&&document.getElementById(`${this.tableId}-resizable-styles`).remove()}onScroll(){this.updateScrollState()}onInternalAllRowSelectChange(t){t.stopPropagation(),this.handleSelectAllRows()}onInternalRowSelectChange(t){t.stopPropagation(),this.handleRowSelection(t.target)}onMouseMove(t){this.resizableColumns&&this.updateResizeState(t)}onMouseDown(t){this.resizableColumns&&this.maybeStartResizing(t)}onMouseUp(){this.resizableColumns&&this.stopResizing()}get tableContainer(){return this.root.shadowRoot.querySelector(".gux-table-container")}get slottedTable(){return this.root.querySelector('table[slot="data"]')}get tableRows(){return Array.from(this.slottedTable.querySelectorAll("tbody tr"))}get tableColumns(){return Array.from(this.slottedTable.querySelectorAll("thead th"))}get rowCheckboxes(){return Array.from(this.slottedTable.querySelectorAll("tbody tr td gux-row-select"))}get selectAllCheckbox(){return this.slottedTable.querySelector("thead tr th gux-all-row-select")}async getSelected(){return this.getSelectedInternal()}getSelectedInternal(){return{selectedRowIds:Array.from(this.rowCheckboxes).filter((t=>t.selected)).map((t=>t.closest("tr").getAttribute("data-row-id")))}}prepareSelectableRows(){this.rowCheckboxes.forEach((t=>{this.updateRowSelection(t)})),this.updateSelectAllBoxState()}updateSelectAllBoxState(){const t=this.selectAllCheckbox;if(t){const s=this.rowCheckboxes,i=s.filter((t=>0==t.hasAttribute("disabled"))),e=i.filter((t=>t.selected)),h=Boolean(s.length),o=e.length===i.length,l=0===e.length;t.selected=h&&o,t.setIndeterminate(h&&!o&&!l)}}handleSelectAllRows(){const t=this.selectAllCheckbox;this.rowCheckboxes.forEach((s=>{s.hasAttribute("disabled")||(s.selected=t.selected,this.updateRowSelection(s))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const s=t.closest("tr");t.selected?s.setAttribute("data-selected-row",""):s.removeAttribute("data-selected-row")}nextColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect();let i=(t.find((t=>t.getBoundingClientRect().right>s.right))||t[t.length-1]).getBoundingClientRect().right-s.right;i>s.width&&(i=.9*s.width),this.tableContainer.scrollLeft+=Math.ceil(i),this.updateScrollState()}previousColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect(),i=(t.reverse().find((t=>t.getBoundingClientRect().left<s.left))||t[0]).getBoundingClientRect();let e=s.left-i.left;e>s.width&&(e=.9*s.width),this.tableContainer.scrollLeft+=-Math.ceil(e),this.updateScrollState()}updateScrollState(){const t=this.tableContainer.scrollLeft,s=this.tableContainer.scrollWidth-this.tableContainer.clientWidth;this.isScrolledToFirstCell=0===t,this.isScrolledToLastCell=s-t-this.tableScrollbarConstant<=0}checkHorizontalScroll(){const t=this.slottedTable.getBoundingClientRect().width,s=this.root.getBoundingClientRect().width;this.isHorizontalScroll=t>s}checkVerticalScroll(){const t=this.tableContainer;this.isVerticalScroll=t.scrollHeight>t.clientHeight}get tableScrollbarConstant(){const t=this.tableContainer;return t?t.offsetWidth-t.clientWidth:0}prepareResizableColumns(){const t=document.createElement("style");t.id=`${this.tableId}-resizable-styles`,document.querySelector("head").appendChild(t);const s=this.calculateColumnWidths(this.tableColumns);this.tableWidth=this.getElementComputedWidth(this.slottedTable),s.slice(0,-1).forEach((t=>this.columnsWidths[t.name]=t.width)),this.setResizableColumnsStyles()}scaleColumnWidths(){if(!this.columnResizeState&&this.resizableColumns&&!this.isHorizontalScroll){const t=this.calculateColumnWidths(this.tableColumns),s=this.tableWidth,i=this.getElementComputedWidth(this.slottedTable);t.map((t=>Object.assign(Object.assign({},t),{width:this.calcScaledColWidth(t.width,s,i)}))).slice(0,-1).forEach((t=>this.columnsWidths[t.name]=t.width)),this.tableWidth=i,this.setResizableColumnsStyles()}}calcScaledColWidth(t,s,i){const e=Math.round(t/s*i);return Math.max(e,1)}updateResizeState(t){if(this.columnResizeState){const s=this.columnResizeState.resizableColumn.dataset.columnName,i=Math.max(this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX),1),e=this.calculateColumnWidths(this.tableColumns).map((t=>t.name===s?Object.assign(Object.assign({},t),{width:i}):t));this.columnsWidths[s]=e.find((t=>t.name===s)).width,this.setResizableColumnsStyles(),this.tableWidth=this.getElementComputedWidth(this.slottedTable)}else this.columnResizeHover=!1,r("th",t,(s=>{this.tableColumns.length-1!==s.cellIndex&&this.isInResizeZone(t,s)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){r("th",t,(s=>{this.isInResizeZone(t,s)&&(this.columnResizeState={resizableColumn:s,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:this.getElementComputedWidth(s)})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,s){return s.getBoundingClientRect().right-t.clientX<3}getElementComputedWidth(t){return t.clientWidth-parseInt(window.getComputedStyle(t).paddingLeft)-parseInt(window.getComputedStyle(t).paddingRight)}calculateColumnWidths(t){return t.map((t=>({name:t.dataset.columnName,width:this.getElementComputedWidth(t)})))}setResizableColumnsStyles(){const t=document.getElementById(`${this.tableId}-resizable-styles`);let s="";Object.keys(this.columnsWidths).forEach((t=>{s+=`[gs-table-id=${this.tableId}] th[data-column-name="${t}"]{\n width:${String(this.columnsWidths[t])}px;\n min-width:${String(this.columnsWidths[t])}px;\n }`})),t.innerHTML=s}get isTableEmpty(){return!this.root.children[0]||this.tableRows.length<1}get tableContainerClasses(){return{"gux-table-container":!0,"gux-column-resizing":Boolean(this.columnResizeState),"gux-column-resizing-hover":this.columnResizeHover}}render(){return h(o,{"gs-table-id":this.tableId,"gs-v-scroll":this.isVerticalScroll,"gs-h-scroll":this.isHorizontalScroll,"gs-obj-table":this.objectTable,"gs-compact":this.compact},h("div",{class:"gux-table"},h("div",{tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},h("slot",{name:"data"})),this.isHorizontalScroll&&h("gux-button-slot-beta",{accent:"secondary"},h("button",{class:"gux-table-scroll-left",disabled:this.isScrolledToFirstCell,onClick:!this.isScrolledToFirstCell&&this.previousColumn.bind(this)},h("gux-icon",{"icon-name":"chevron-left","screenreader-text":this.i18n("scrollLeft")}))),this.isHorizontalScroll&&h("gux-button-slot-beta",{accent:"secondary",style:{marginRight:`${this.tableScrollbarConstant}px`}},h("button",{class:"gux-table-scroll-right",disabled:this.isScrolledToLastCell,style:{marginRight:`${this.tableScrollbarConstant}px`},onClick:!this.isScrolledToLastCell&&this.nextColumn.bind(this)},h("gux-icon",{"icon-name":"chevron-right","screenreader-text":this.i18n("scrollRight")}))),this.isTableEmpty&&h("div",{class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return l(this)}};u.style=":host{display:block;isolation:isolate}:host .gux-table{position:relative;height:inherit}:host .gux-table .gux-table-scroll-left,:host .gux-table .gux-table-scroll-right{position:absolute;top:0;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;min-width:0;height:40px;padding:0;color:#2e394c;cursor:pointer;border-radius:4px}:host .gux-table .gux-table-scroll-left gux-icon,:host .gux-table .gux-table-scroll-right gux-icon{width:8px;height:8px}:host .gux-table .gux-table-scroll-left{border-top-left-radius:0;border-bottom-left-radius:0}:host .gux-table .gux-table-scroll-right{right:0;border-top-right-radius:0;border-bottom-right-radius:0}:host .gux-table .gux-table-container{width:100%;max-height:100%;overflow-x:hidden;scrollbar-color:rgba(32, 41, 55, 0.24) #fdfdfd;scrollbar-width:thin}:host .gux-table .gux-table-container::-webkit-scrollbar{width:4px}:host .gux-table .gux-table-container::-webkit-scrollbar-track{background:#fdfdfd}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb{background:rgba(32, 41, 55, 0.24)}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb:hover{background:rgba(32, 41, 55, 0.48)}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;height:150px;color:#596373;background:#fdfdfd;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}";export{u as gux_table_beta}
1
+ import{r as t,c as s,f as i,d as e,h,H as o,g as l}from"./p-9031eb6a.js";import{b as a}from"./p-2b58afeb.js";import{w as r}from"./p-76ff3e75.js";import{r as n}from"./p-cbcbd1bb.js";import{t as c}from"./p-ffb1bb70.js";import{t as b}from"./p-e310debb.js";import"./p-8a133b9b.js";const u=class{constructor(e){t(this,e),this.guxselectionchanged=s(this,"guxselectionchanged",7),this.guxsortchanged=s(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>i(this))),this.tableId=n("gux-table"),this.columnsWidths={},this.tableWidth=this.getElementComputedWidth(this.slottedTable),this.isVerticalScroll=!1,this.isHorizontalScroll=!1,this.isScrolledToFirstCell=!0,this.isScrolledToLastCell=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1,this.emptyMessage=void 0,this.resizableColumns=void 0}async componentWillLoad(){c(this.root),this.i18n=await a(this.root,b)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSelectableRows(),this.checkHorizontalScroll(),this.checkVerticalScroll(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{e((()=>{this.checkHorizontalScroll(),this.checkVerticalScroll(),this.updateScrollState(),this.scaleColumnWidths()}))}))),this.resizeObserver&&(this.resizeObserver.observe(this.tableContainer),this.resizeObserver.observe(this.slottedTable)),this.slotObserver.observe(this.slottedTable,{subtree:!0,childList:!0})}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.tableContainer),this.resizeObserver.unobserve(this.slottedTable)),this.resizableColumns&&document.getElementById(`${this.tableId}-resizable-styles`).remove()}onScroll(){this.updateScrollState()}onInternalAllRowSelectChange(t){t.stopPropagation(),this.handleSelectAllRows()}onInternalRowSelectChange(t){t.stopPropagation(),this.handleRowSelection(t.target)}onMouseMove(t){this.resizableColumns&&this.updateResizeState(t)}onMouseDown(t){this.resizableColumns&&this.maybeStartResizing(t)}onMouseUp(){this.resizableColumns&&this.stopResizing()}get tableContainer(){return this.root.shadowRoot.querySelector(".gux-table-container")}get slottedTable(){return this.root.querySelector('table[slot="data"]')}get tableRows(){return Array.from(this.slottedTable.querySelectorAll("tbody tr"))}get tableColumns(){return Array.from(this.slottedTable.querySelectorAll("thead th"))}get rowCheckboxes(){return Array.from(this.slottedTable.querySelectorAll("tbody tr td gux-row-select"))}get selectAllCheckbox(){return this.slottedTable.querySelector("thead tr th gux-all-row-select")}async getSelected(){return this.getSelectedInternal()}getSelectedInternal(){return{selectedRowIds:Array.from(this.rowCheckboxes).filter((t=>t.selected)).map((t=>t.closest("tr").getAttribute("data-row-id")))}}prepareSelectableRows(){this.rowCheckboxes.forEach((t=>{this.updateRowSelection(t)})),this.updateSelectAllBoxState()}updateSelectAllBoxState(){const t=this.selectAllCheckbox;if(t){const s=this.rowCheckboxes,i=s.filter((t=>0==t.hasAttribute("disabled"))),e=i.filter((t=>t.selected)),h=Boolean(s.length),o=e.length===i.length,l=0===e.length;t.selected=h&&o,t.setIndeterminate(h&&!o&&!l)}}handleSelectAllRows(){const t=this.selectAllCheckbox;this.rowCheckboxes.forEach((s=>{s.hasAttribute("disabled")||(s.selected=t.selected,this.updateRowSelection(s))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const s=t.closest("tr");t.selected?s.setAttribute("data-selected-row",""):s.removeAttribute("data-selected-row")}nextColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect();let i=(t.find((t=>t.getBoundingClientRect().right>s.right))||t[t.length-1]).getBoundingClientRect().right-s.right;i>s.width&&(i=.9*s.width),this.tableContainer.scrollLeft+=Math.ceil(i),this.updateScrollState()}previousColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect(),i=(t.reverse().find((t=>t.getBoundingClientRect().left<s.left))||t[0]).getBoundingClientRect();let e=s.left-i.left;e>s.width&&(e=.9*s.width),this.tableContainer.scrollLeft+=-Math.ceil(e),this.updateScrollState()}updateScrollState(){const t=this.tableContainer.scrollLeft,s=this.tableContainer.scrollWidth-this.tableContainer.clientWidth;this.isScrolledToFirstCell=0===t,this.isScrolledToLastCell=s-t-this.tableScrollbarConstant<=0}checkHorizontalScroll(){const t=this.slottedTable.getBoundingClientRect().width,s=this.root.getBoundingClientRect().width;this.isHorizontalScroll=t>s}checkVerticalScroll(){const t=this.tableContainer;this.isVerticalScroll=t.scrollHeight>t.clientHeight}get tableScrollbarConstant(){const t=this.tableContainer;return t?t.offsetWidth-t.clientWidth:0}prepareResizableColumns(){const t=document.createElement("style");t.id=`${this.tableId}-resizable-styles`,document.querySelector("head").appendChild(t);const s=this.calculateColumnWidths(this.tableColumns);this.tableWidth=this.getElementComputedWidth(this.slottedTable),s.slice(0,-1).forEach((t=>this.columnsWidths[t.name]=t.width)),this.setResizableColumnsStyles()}scaleColumnWidths(){if(!this.columnResizeState&&this.resizableColumns&&!this.isHorizontalScroll){const t=this.calculateColumnWidths(this.tableColumns),s=this.tableWidth,i=this.getElementComputedWidth(this.slottedTable);t.map((t=>Object.assign(Object.assign({},t),{width:this.calcScaledColWidth(t.width,s,i)}))).slice(0,-1).forEach((t=>this.columnsWidths[t.name]=t.width)),this.tableWidth=i,this.setResizableColumnsStyles()}}calcScaledColWidth(t,s,i){const e=Math.round(t/s*i);return Math.max(e,1)}updateResizeState(t){if(this.columnResizeState){const s=this.columnResizeState.resizableColumn.dataset.columnName,i=Math.max(this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX),1),e=this.calculateColumnWidths(this.tableColumns).map((t=>t.name===s?Object.assign(Object.assign({},t),{width:i}):t));this.columnsWidths[s]=e.find((t=>t.name===s)).width,this.setResizableColumnsStyles(),this.tableWidth=this.getElementComputedWidth(this.slottedTable)}else this.columnResizeHover=!1,r("th",t,(s=>{this.tableColumns.length-1!==s.cellIndex&&this.isInResizeZone(t,s)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){r("th",t,(s=>{this.isInResizeZone(t,s)&&(this.columnResizeState={resizableColumn:s,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:this.getElementComputedWidth(s)})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,s){return s.getBoundingClientRect().right-t.clientX<3}getElementComputedWidth(t){return t.clientWidth-parseInt(window.getComputedStyle(t).paddingLeft)-parseInt(window.getComputedStyle(t).paddingRight)}calculateColumnWidths(t){return t.map((t=>({name:t.dataset.columnName,width:this.getElementComputedWidth(t)})))}setResizableColumnsStyles(){const t=document.getElementById(`${this.tableId}-resizable-styles`);let s="";Object.keys(this.columnsWidths).forEach((t=>{s+=`[gs-table-id=${this.tableId}] th[data-column-name="${t}"]{\n width:${String(this.columnsWidths[t])}px;\n min-width:${String(this.columnsWidths[t])}px;\n }`})),t.innerHTML=s}get isTableEmpty(){return!this.root.children[0]||this.tableRows.length<1}get tableContainerClasses(){return{"gux-table-container":!0,"gux-column-resizing":Boolean(this.columnResizeState),"gux-column-resizing-hover":this.columnResizeHover}}render(){return h(o,{"gs-table-id":this.tableId,"gs-v-scroll":this.isVerticalScroll,"gs-h-scroll":this.isHorizontalScroll,"gs-obj-table":this.objectTable,"gs-compact":this.compact},h("div",{class:"gux-table"},h("div",{tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},h("slot",{name:"data"})),this.isHorizontalScroll&&h("gux-button-slot-beta",{accent:"secondary"},h("button",{class:"gux-table-scroll-left",disabled:this.isScrolledToFirstCell,onClick:!this.isScrolledToFirstCell&&this.previousColumn.bind(this)},h("gux-icon",{"icon-name":"chevron-left","screenreader-text":this.i18n("scrollLeft")}))),this.isHorizontalScroll&&h("gux-button-slot-beta",{accent:"secondary",style:{marginRight:`${this.tableScrollbarConstant}px`}},h("button",{class:"gux-table-scroll-right",disabled:this.isScrolledToLastCell,style:{marginRight:`${this.tableScrollbarConstant}px`},onClick:!this.isScrolledToLastCell&&this.nextColumn.bind(this)},h("gux-icon",{"icon-name":"chevron-right","screenreader-text":this.i18n("scrollRight")}))),this.isTableEmpty&&h("div",{class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return l(this)}};u.style=":host{display:block;isolation:isolate}:host .gux-table{position:relative;height:inherit}:host .gux-table .gux-table-scroll-left,:host .gux-table .gux-table-scroll-right{position:absolute;top:0;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;min-width:0;height:40px;padding:0;color:#2e394c;cursor:pointer;border-radius:4px}:host .gux-table .gux-table-scroll-left gux-icon,:host .gux-table .gux-table-scroll-right gux-icon{width:8px;height:8px}:host .gux-table .gux-table-scroll-left{border-top-left-radius:0;border-bottom-left-radius:0}:host .gux-table .gux-table-scroll-right{right:0;border-top-right-radius:0;border-bottom-right-radius:0}:host .gux-table .gux-table-container{width:100%;max-height:100%;overflow-x:hidden;scrollbar-color:rgba(32, 41, 55, 0.24) #fdfdfd;scrollbar-width:thin}:host .gux-table .gux-table-container::-webkit-scrollbar{width:4px}:host .gux-table .gux-table-container::-webkit-scrollbar-track{background:#fdfdfd}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb{background:rgba(32, 41, 55, 0.24)}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb:hover{background:rgba(32, 41, 55, 0.48)}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;height:150px;color:#596373;background:#fdfdfd;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}";export{u as gux_table_beta}
@@ -1 +1 @@
1
- import{r as t,f as i,h as e,g as o}from"./p-9031eb6a.js";import{c as s,o as r}from"./p-3f5341ea.js";import{O as n}from"./p-09124c44.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,c as f,d as u,G as x,a as d,g as c,v as g,b as m}from"./p-31f48d0b.js";import{G as b,a as w}from"./p-43ad56a8.js";import{t as v}from"./p-b416bdcf.js";import"./p-cbcbd1bb.js";import"./p-45fec011.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const y=class{constructor(i){t(this,i),this.clearable=void 0,this.labelPosition=void 0,this.hasPrefix=void 0,this.hasSuffix=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.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"),this.hasPrefix=Boolean(this.root.querySelector('[slot="prefix"]')),this.hasSuffix=Boolean(this.root.querySelector('[slot="suffix"]')),this.hasPrefix&&f(this.root,this.input,"prefix"),this.hasSuffix&&f(this.root,this.input,"suffix"),v(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return e(w,{labelPosition:this.computedLabelPosition},e(b,{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,"gux-has-prefix":this.hasPrefix,"gux-has-suffix":this.hasSuffix}},e("slot",{name:"prefix"}),e("slot",{name:"input"}),e("slot",{name:"suffix"}),this.clearable&&this.hasContent&&!this.disabled&&e("gux-form-field-input-clear-button",{onClick:()=>u(this.input)}))),e(x,{show:this.hasError},e("slot",{name:"error"})),e(d,{show:!this.hasError&&this.hasHelp},e("slot",{name:"help"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=c(this.root,'input[type="email"][slot="input"], input[type="number"][slot="input"], input[type="password"][slot="input"], input[type="text"][slot="input"]'),this.hasContent=h(this.input),l(this.input),this.input.addEventListener("input",(()=>{this.hasContent=h(this.input)})),this.disabled=s(this.input),this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=a(this.input,(t=>{this.required=t})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}get root(){return o(this)}};(function(t,i,e,o){var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);r>3&&n&&Object.defineProperty(i,e,n)})([n({childList:!0,subtree:!0})],y.prototype,"onMutation",null),y.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:#2e394c;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}slot[name='prefix'],slot[name='suffix']{color:#2e394c;white-space:nowrap}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 12px;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-input-and-error-container .gux-input .gux-input-container.gux-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:right}.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: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{y as gux_form_field_text_like}
1
+ import{r as t,f as i,h as e,g as o}from"./p-9031eb6a.js";import{c as s,o as r}from"./p-3f5341ea.js";import{O as n}from"./p-09124c44.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,c as f,d as u,G as x,a as d,g as c,v as g,b as m}from"./p-31f48d0b.js";import{G as b,a as w}from"./p-43ad56a8.js";import{t as v}from"./p-ffb1bb70.js";import"./p-cbcbd1bb.js";import"./p-45fec011.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const y=class{constructor(i){t(this,i),this.clearable=void 0,this.labelPosition=void 0,this.hasPrefix=void 0,this.hasSuffix=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.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"),this.hasPrefix=Boolean(this.root.querySelector('[slot="prefix"]')),this.hasSuffix=Boolean(this.root.querySelector('[slot="suffix"]')),this.hasPrefix&&f(this.root,this.input,"prefix"),this.hasSuffix&&f(this.root,this.input,"suffix"),v(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return e(w,{labelPosition:this.computedLabelPosition},e(b,{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,"gux-has-prefix":this.hasPrefix,"gux-has-suffix":this.hasSuffix}},e("slot",{name:"prefix"}),e("slot",{name:"input"}),e("slot",{name:"suffix"}),this.clearable&&this.hasContent&&!this.disabled&&e("gux-form-field-input-clear-button",{onClick:()=>u(this.input)}))),e(x,{show:this.hasError},e("slot",{name:"error"})),e(d,{show:!this.hasError&&this.hasHelp},e("slot",{name:"help"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=c(this.root,'input[type="email"][slot="input"], input[type="number"][slot="input"], input[type="password"][slot="input"], input[type="text"][slot="input"]'),this.hasContent=h(this.input),l(this.input),this.input.addEventListener("input",(()=>{this.hasContent=h(this.input)})),this.disabled=s(this.input),this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=a(this.input,(t=>{this.required=t})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}get root(){return o(this)}};(function(t,i,e,o){var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);r>3&&n&&Object.defineProperty(i,e,n)})([n({childList:!0,subtree:!0})],y.prototype,"onMutation",null),y.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:#2e394c;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}slot[name='prefix'],slot[name='suffix']{color:#2e394c;white-space:nowrap}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 12px;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-input-and-error-container .gux-input .gux-input-container.gux-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:right}.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: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{y as gux_form_field_text_like}
@@ -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-2b58afeb.js";import{t as i}from"./p-b416bdcf.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-2b58afeb.js";import{t as i}from"./p-ffb1bb70.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,4 +1,4 @@
1
- import{r as t,c as n,h as e,g as r}from"./p-9031eb6a.js";import{c as i}from"./p-eab67c09.js";import{g as o}from"./p-2b58afeb.js";import{t as u}from"./p-b416bdcf.js";import"./p-8a133b9b.js";
1
+ import{r as t,c as n,h as e,g as r}from"./p-9031eb6a.js";import{c as i}from"./p-eab67c09.js";import{g as o}from"./p-2b58afeb.js";import{t as u}from"./p-ffb1bb70.js";import"./p-8a133b9b.js";
2
2
  /*!
3
3
  * https://github.com/Starcounter-Jack/JSON-Patch
4
4
  * (c) 2017-2022 Joachim Wester
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,H as h,g as a}from"./p-9031eb6a.js";import{t as e}from"./p-b416bdcf.js";const c=class{constructor(i){t(this,i),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.activeTab=void 0,this.orientation="horizontal",this.alignment="left",this.tabList=void 0,this.tabPanels=[]}watchActiveTab(t){this.activateTab(t,this.tabList,this.tabPanels),this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,s]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=s.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,s,i){this.activeTab=t||i[0].tabId,s.guxSetActive(this.activeTab),i.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){e(this.root)}render(){return i(h,null,i("div",{class:`gux-tabs gux-${this.alignment} gux-${this.orientation}`},i("slot",{name:"tab-list"}),i("div",{class:`gux-${this.alignment} gux-${this.orientation}`},i("slot",{onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return a(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};c.style=".gux-tabs.gux-vertical{display:flex;height:100%}";export{c as gux_tabs}
1
+ import{r as t,c as s,h as i,H as h,g as a}from"./p-9031eb6a.js";import{t as e}from"./p-ffb1bb70.js";const o=class{constructor(i){t(this,i),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.activeTab=void 0,this.orientation="horizontal",this.alignment="left",this.tabList=void 0,this.tabPanels=[]}watchActiveTab(t){this.activateTab(t,this.tabList,this.tabPanels),this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,s]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=s.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,s,i){this.activeTab=t||i[0].tabId,s.guxSetActive(this.activeTab),i.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){e(this.root)}render(){return i(h,null,i("div",{class:`gux-tabs gux-${this.alignment} gux-${this.orientation}`},i("slot",{name:"tab-list"}),i("div",{class:`gux-${this.alignment} gux-${this.orientation}`},i("slot",{onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return a(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};o.style=".gux-tabs.gux-vertical{display:flex;height:100%}";export{o as gux_tabs}
@@ -1 +1 @@
1
- import{r as e,h as t,g as r}from"./p-9031eb6a.js";import{O as i}from"./p-09124c44.js";import{r as n}from"./p-cbcbd1bb.js";import{a}from"./p-45fec011.js";import{o as s}from"./p-3701eff0.js";import{p as o}from"./p-c10e41a9.js";import{t as l}from"./p-b416bdcf.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,r){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":r},t("slot",{name:"input"})))}renderInputNumber(e,r){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":r},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(r)))}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,r){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":r},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(r)))}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("gux-form-field",'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("gux-form-field","The input id and label for attribute should match.");else this.input.setAttribute("id",this.defaultInputId),this.label.setAttribute("for",this.defaultInputId)}else a("gux-form-field",'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 r(this)}};(function(e,t,r,i){var n,a=arguments.length,s=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,i);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,r,s):n(t,r))||s);a>3&&s&&Object.defineProperty(t,r,s)})([i({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 r}from"./p-9031eb6a.js";import{O as i}from"./p-09124c44.js";import{r as n}from"./p-cbcbd1bb.js";import{a}from"./p-45fec011.js";import{o as s}from"./p-3701eff0.js";import{p as o}from"./p-c10e41a9.js";import{t as l}from"./p-ffb1bb70.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,r){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":r},t("slot",{name:"input"})))}renderInputNumber(e,r){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":r},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(r)))}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,r){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":r},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(r)))}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("gux-form-field",'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("gux-form-field","The input id and label for attribute should match.");else this.input.setAttribute("id",this.defaultInputId),this.label.setAttribute("for",this.defaultInputId)}else a("gux-form-field",'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 r(this)}};(function(e,t,r,i){var n,a=arguments.length,s=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,i);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,r,s):n(t,r))||s);a>3&&s&&Object.defineProperty(t,r,s)})([i({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 t,c as i,h as o,g as s}from"./p-9031eb6a.js";import{O as n}from"./p-23975bfb.js";import{w as e}from"./p-76ff3e75.js";import{a}from"./p-091f51f6.js";import{t as r}from"./p-b416bdcf.js";import{b as c}from"./p-2b58afeb.js";import"./p-8a133b9b.js";const h=["primary","secondary","tertiary","danger"];function u(t){return h.find((i=>i===t))?t:"secondary"}const d={actionButtonDropdown:"Dropdown for {buttonTitle}"};const l=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.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.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){a((()=>{this.listElement.focus&&this.listElement.focus()}))}focusFirstItemInPopupList(){a((()=>{this.listElement.guxFocusFirstItem()}))}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}onListClick(t){e("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}async componentWillLoad(){r(this.root,{variant:this.type}),this.i18n=await c(this.root,d)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup-beta",{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:u(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:u(this.accent)},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("div",{class:"gux-list-container",slot:"popup"},o("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=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 r=t.length-1;r>=0;r--)(n=t[r])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([n({triggerEvents:"click"})],l.prototype,"onClickOutside",null),l.style=":host{display:block;-webkit-user-select:none;user-select:none;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}.gux-action-button-container .gux-list-container{max-width:220px;padding:8px 0;margin:0;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{l as gux_action_button}
1
+ import{r as t,c as i,h as o,g as s}from"./p-9031eb6a.js";import{O as n}from"./p-23975bfb.js";import{w as e}from"./p-76ff3e75.js";import{a}from"./p-091f51f6.js";import{t as r}from"./p-ffb1bb70.js";import{b as c}from"./p-2b58afeb.js";import"./p-8a133b9b.js";const h=["primary","secondary","tertiary","danger"];function u(t){return h.find((i=>i===t))?t:"secondary"}const d={actionButtonDropdown:"Dropdown for {buttonTitle}"};const l=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.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.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){a((()=>{this.listElement.focus&&this.listElement.focus()}))}focusFirstItemInPopupList(){a((()=>{this.listElement.guxFocusFirstItem()}))}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}onListClick(t){e("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}async componentWillLoad(){r(this.root,{variant:this.type}),this.i18n=await c(this.root,d)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup-beta",{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:u(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:u(this.accent)},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("div",{class:"gux-list-container",slot:"popup"},o("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=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 r=t.length-1;r>=0;r--)(n=t[r])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([n({triggerEvents:"click"})],l.prototype,"onClickOutside",null),l.style=":host{display:block;-webkit-user-select:none;user-select:none;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}.gux-action-button-container .gux-list-container{max-width:220px;padding:8px 0;margin:0;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{l as gux_action_button}
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,H as e,g as o}from"./p-9031eb6a.js";import{s as n,c as a,a as h,b as r,h as d,d as l,e as c,f as u,i as p,j as g,o as x}from"./p-55cf6d81.js";import{b as m}from"./p-2b58afeb.js";import{w as b}from"./p-76ff3e75.js";import{s as f}from"./p-d176c2ae.js";import{t as v}from"./p-b416bdcf.js";import{b as w}from"./p-091f51f6.js";import"./p-8a133b9b.js";const O={add:"Add {name}",noMatches:"No matches",loading:"Loading..."},j=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=s(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.textInput="",this.filterType="none",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 s;switch(t.key){case"Enter":return t.preventDefault(),void((null===(s=this.optionCreateElement)||void 0===s?void 0:s.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),w((()=>{n(this.root)}))):p(this.root,(t=>this.updateValue(t))));case"ArrowDown":return t.preventDefault(),void(c(this.root)?(t.stopPropagation(),u(this.root)):r(this.root));case"ArrowUp":return t.preventDefault(),void(d(this.root)?(t.stopPropagation(),l(this.root)):h(this.root));case"Home":return t.preventDefault(),void r(this.root);case"End":return t.preventDefault(),void h(this.root);case" ":return void t.preventDefault()}1!==t.key.length||g(this.root,t.key)}onKeyup(t){var s;" "!==t.key||((null===(s=this.optionCreateElement)||void 0===s?void 0:s.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),w((()=>{n(this.root)}))):p(this.root,(t=>this.updateValue(t))))}onMousemove(){a(this.root)}onClick(t){b("gux-option-multi",t,(t=>{x(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){p(this.root,(t=>this.updateValue(t)))}getHasExactMatch(){let t=!1;return this.hasExactMatch=!1,this.listboxOptions.forEach((s=>{var i,e,o;(null===(o=null===(e=null===(i=s.querySelector("[gux-slot-container]"))||void 0===i?void 0:i.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(),n(this.root)}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((s=>s!==t)).join(",");else{const s=[...this.getSelectedValues(),t];this.value=s.join(",")}f(this.root,"input"),f(this.root,"change")}async componentWillLoad(){v(this.root),this.i18n=await m(this.root,O),this.setListboxOptions(),this.getOptionCreateElement()}componentWillRender(){this.setListboxOptions(),this.updateListboxOptions(),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return i("div",{hidden:!0},i("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[i("div",{class:"gux-message-container"},i("gux-radial-loading",{context:"modal"}),i("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return[i("div",{class:"gux-message-container"},i("div",{class:"gux-no-matches"},this.i18n("noMatches"))),this.renderHiddenSlot()]}renderCreateOptionSlot(){return i("slot",{name:"create"})}render(){return this.loading?this.renderLoading():i(e,{role:"listbox","aria-multiselectable":"true",tabindex:0},i("slot",{onSlotchange:()=>this.updateOnSlotChange()}),this.renderAllListboxOptionsFiltered(),this.renderCreateOptionSlot())}get root(){return o(this)}static get watchers(){return{textInput:["updateOptionMultiCreateValue"]}}};j.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{j as gux_listbox_multi}
1
+ import{r as t,c as s,h as i,H as e,g as o}from"./p-9031eb6a.js";import{s as n,c as a,a as h,b as r,h as d,d as l,e as c,f as u,i as p,j as g,o as x}from"./p-55cf6d81.js";import{b as m}from"./p-2b58afeb.js";import{w as b}from"./p-76ff3e75.js";import{s as f}from"./p-d176c2ae.js";import{t as v}from"./p-ffb1bb70.js";import{b as w}from"./p-091f51f6.js";import"./p-8a133b9b.js";const O={add:"Add {name}",noMatches:"No matches",loading:"Loading..."},j=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=s(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.textInput="",this.filterType="none",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 s;switch(t.key){case"Enter":return t.preventDefault(),void((null===(s=this.optionCreateElement)||void 0===s?void 0:s.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),w((()=>{n(this.root)}))):p(this.root,(t=>this.updateValue(t))));case"ArrowDown":return t.preventDefault(),void(c(this.root)?(t.stopPropagation(),u(this.root)):r(this.root));case"ArrowUp":return t.preventDefault(),void(d(this.root)?(t.stopPropagation(),l(this.root)):h(this.root));case"Home":return t.preventDefault(),void r(this.root);case"End":return t.preventDefault(),void h(this.root);case" ":return void t.preventDefault()}1!==t.key.length||g(this.root,t.key)}onKeyup(t){var s;" "!==t.key||((null===(s=this.optionCreateElement)||void 0===s?void 0:s.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),w((()=>{n(this.root)}))):p(this.root,(t=>this.updateValue(t))))}onMousemove(){a(this.root)}onClick(t){b("gux-option-multi",t,(t=>{x(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){p(this.root,(t=>this.updateValue(t)))}getHasExactMatch(){let t=!1;return this.hasExactMatch=!1,this.listboxOptions.forEach((s=>{var i,e,o;(null===(o=null===(e=null===(i=s.querySelector("[gux-slot-container]"))||void 0===i?void 0:i.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(),n(this.root)}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((s=>s!==t)).join(",");else{const s=[...this.getSelectedValues(),t];this.value=s.join(",")}f(this.root,"input"),f(this.root,"change")}async componentWillLoad(){v(this.root),this.i18n=await m(this.root,O),this.setListboxOptions(),this.getOptionCreateElement()}componentWillRender(){this.setListboxOptions(),this.updateListboxOptions(),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return i("div",{hidden:!0},i("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[i("div",{class:"gux-message-container"},i("gux-radial-loading",{context:"modal"}),i("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return[i("div",{class:"gux-message-container"},i("div",{class:"gux-no-matches"},this.i18n("noMatches"))),this.renderHiddenSlot()]}renderCreateOptionSlot(){return i("slot",{name:"create"})}render(){return this.loading?this.renderLoading():i(e,{role:"listbox","aria-multiselectable":"true",tabindex:0},i("slot",{onSlotchange:()=>this.updateOnSlotChange()}),this.renderAllListboxOptionsFiltered(),this.renderCreateOptionSlot())}get root(){return o(this)}static get watchers(){return{textInput:["updateOptionMultiCreateValue"]}}};j.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{j as gux_listbox_multi}
@@ -1 +1 @@
1
- import{r as o,h as r,g as d}from"./p-9031eb6a.js";import{t}from"./p-b416bdcf.js";const s=class{constructor(r){o(this,r),this.accent="outline"}componentWillLoad(){t(this.root)}render(){return r("div",{class:{"gux-card":!0,[`gux-${this.accent}`]:!0}},r("slot",null))}get root(){return d(this)}};s.style=":host{display:block;width:fit-content}.gux-card{box-sizing:border-box;padding:16px;background-color:#fdfdfd;border:1px solid #e2e6ee;border-radius:4px}.gux-card.gux-outline{background-color:#fdfdfd}.gux-card.gux-filled{background-color:#f6f7f9}.gux-card.gux-raised{box-shadow:0 0 2px rgba(32, 41, 55, 0.16)}";export{s as gux_card_beta}
1
+ import{r as o,h as r,g as d}from"./p-9031eb6a.js";import{t}from"./p-ffb1bb70.js";const s=class{constructor(r){o(this,r),this.accent="outline"}componentWillLoad(){t(this.root)}render(){return r("div",{class:{"gux-card":!0,[`gux-${this.accent}`]:!0}},r("slot",null))}get root(){return d(this)}};s.style=":host{display:block;width:fit-content}.gux-card{box-sizing:border-box;padding:16px;background-color:#fdfdfd;border:1px solid #e2e6ee;border-radius:4px}.gux-card.gux-outline{background-color:#fdfdfd}.gux-card.gux-filled{background-color:#f6f7f9}.gux-card.gux-raised{box-shadow:0 0 2px rgba(32, 41, 55, 0.16)}";export{s as gux_card_beta}