genesys-spark-components 3.26.4 → 3.26.5

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 (251) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/gux-accordion-legacy.cjs.entry.js +1 -1
  3. package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
  4. package/dist/cjs/gux-action-button-legacy.cjs.entry.js +1 -1
  5. package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
  6. package/dist/cjs/gux-action-list-legacy.cjs.entry.js +1 -1
  7. package/dist/cjs/gux-action-toast.cjs.entry.js +1 -1
  8. package/dist/cjs/gux-advanced-dropdown.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-command-palette-legacy.cjs.entry.js +1 -1
  24. package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
  25. package/dist/cjs/gux-copy-to-clipboard-beta.cjs.entry.js +1 -1
  26. package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
  27. package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
  28. package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
  29. package/dist/cjs/gux-disclosure-button.cjs.entry.js +1 -1
  30. package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
  31. package/dist/cjs/gux-dropdown-legacy.cjs.entry.js +1 -1
  32. package/dist/cjs/gux-dropdown-multi-beta.cjs.entry.js +1 -1
  33. package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
  34. package/dist/cjs/gux-error-message-beta.cjs.entry.js +1 -1
  35. package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +1 -1
  36. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
  37. package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
  38. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
  39. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
  40. package/dist/cjs/gux-form-field-legacy.cjs.entry.js +1 -1
  41. package/dist/cjs/gux-form-field-number.cjs.entry.js +1 -1
  42. package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
  43. package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
  44. package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
  45. package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
  46. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
  47. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
  48. package/dist/cjs/gux-icon.cjs.entry.js +1 -1
  49. package/dist/cjs/gux-list-item-legacy_2.cjs.entry.js +1 -1
  50. package/dist/cjs/gux-list.cjs.entry.js +1 -1
  51. package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
  52. package/dist/cjs/gux-loading-message-beta.cjs.entry.js +1 -1
  53. package/dist/cjs/gux-modal.cjs.entry.js +1 -1
  54. package/dist/cjs/gux-notification-toast.cjs.entry.js +1 -1
  55. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
  56. package/dist/cjs/gux-pagination-beta.cjs.entry.js +1 -1
  57. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
  58. package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
  59. package/dist/cjs/gux-panel-frame-legacy.cjs.entry.js +1 -1
  60. package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
  61. package/dist/cjs/gux-popover.cjs.entry.js +1 -1
  62. package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  64. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  65. package/dist/cjs/gux-side-panel-legacy.cjs.entry.js +1 -1
  66. package/dist/cjs/gux-simple-toast.cjs.entry.js +1 -1
  67. package/dist/cjs/gux-skip-navigation-list-beta.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
  69. package/dist/cjs/gux-switch.cjs.entry.js +1 -1
  70. package/dist/cjs/gux-table-beta.cjs.entry.js +1 -1
  71. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  72. package/dist/cjs/gux-tabs-legacy.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-tag-beta.cjs.entry.js +1 -1
  75. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  76. package/dist/cjs/gux-text-label-legacy.cjs.entry.js +1 -1
  77. package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
  78. package/dist/cjs/gux-time-picker-beta.cjs.entry.js +1 -1
  79. package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
  80. package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
  81. package/dist/cjs/gux-visualization-beta.cjs.entry.js +1 -1
  82. package/dist/cjs/{usage-tracking-00a6c336.js → usage-tracking-368ba89f.js} +1 -1
  83. package/dist/deploy-info.json +3 -3
  84. package/dist/esm/gux-accordion-legacy.entry.js +1 -1
  85. package/dist/esm/gux-accordion.entry.js +1 -1
  86. package/dist/esm/gux-action-button-legacy.entry.js +1 -1
  87. package/dist/esm/gux-action-button.entry.js +1 -1
  88. package/dist/esm/gux-action-list-legacy.entry.js +1 -1
  89. package/dist/esm/gux-action-toast.entry.js +1 -1
  90. package/dist/esm/gux-advanced-dropdown.entry.js +1 -1
  91. package/dist/esm/gux-badge-beta.entry.js +1 -1
  92. package/dist/esm/gux-blank-state-beta.entry.js +1 -1
  93. package/dist/esm/gux-breadcrumbs.entry.js +1 -1
  94. package/dist/esm/gux-button-multi-legacy.entry.js +1 -1
  95. package/dist/esm/gux-button-multi.entry.js +1 -1
  96. package/dist/esm/gux-button-slot-beta.entry.js +1 -1
  97. package/dist/esm/gux-button.entry.js +1 -1
  98. package/dist/esm/gux-calendar.entry.js +1 -1
  99. package/dist/esm/gux-card-beta.entry.js +1 -1
  100. package/dist/esm/gux-chart-column-beta.entry.js +1 -1
  101. package/dist/esm/gux-chart-donut-beta.entry.js +1 -1
  102. package/dist/esm/gux-chart-line-beta.entry.js +1 -1
  103. package/dist/esm/gux-chart-pie-beta.entry.js +1 -1
  104. package/dist/esm/gux-chart-scatter-plot-beta.entry.js +1 -1
  105. package/dist/esm/gux-command-palette-legacy.entry.js +1 -1
  106. package/dist/esm/gux-content-search.entry.js +1 -1
  107. package/dist/esm/gux-copy-to-clipboard-beta.entry.js +1 -1
  108. package/dist/esm/gux-date-beta.entry.js +1 -1
  109. package/dist/esm/gux-date-time-beta.entry.js +1 -1
  110. package/dist/esm/gux-datepicker.entry.js +1 -1
  111. package/dist/esm/gux-disclosure-button.entry.js +1 -1
  112. package/dist/esm/gux-dismiss-button.entry.js +1 -1
  113. package/dist/esm/gux-dropdown-legacy.entry.js +1 -1
  114. package/dist/esm/gux-dropdown-multi-beta.entry.js +1 -1
  115. package/dist/esm/gux-dropdown_3.entry.js +1 -1
  116. package/dist/esm/gux-error-message-beta.entry.js +1 -1
  117. package/dist/esm/gux-flyout-menu-beta.entry.js +1 -1
  118. package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
  119. package/dist/esm/gux-form-field-color.entry.js +1 -1
  120. package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
  121. package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
  122. package/dist/esm/gux-form-field-legacy.entry.js +1 -1
  123. package/dist/esm/gux-form-field-number.entry.js +1 -1
  124. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  125. package/dist/esm/gux-form-field-range.entry.js +1 -1
  126. package/dist/esm/gux-form-field-search.entry.js +1 -1
  127. package/dist/esm/gux-form-field-select.entry.js +1 -1
  128. package/dist/esm/gux-form-field-text-like.entry.js +1 -1
  129. package/dist/esm/gux-form-field-textarea.entry.js +1 -1
  130. package/dist/esm/gux-icon.entry.js +1 -1
  131. package/dist/esm/gux-list-item-legacy_2.entry.js +1 -1
  132. package/dist/esm/gux-list.entry.js +1 -1
  133. package/dist/esm/gux-listbox-multi.entry.js +1 -1
  134. package/dist/esm/gux-loading-message-beta.entry.js +1 -1
  135. package/dist/esm/gux-modal.entry.js +1 -1
  136. package/dist/esm/gux-notification-toast.entry.js +1 -1
  137. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  138. package/dist/esm/gux-pagination-beta.entry.js +1 -1
  139. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  140. package/dist/esm/gux-pagination.entry.js +1 -1
  141. package/dist/esm/gux-panel-frame-legacy.entry.js +1 -1
  142. package/dist/esm/gux-popover-list.entry.js +1 -1
  143. package/dist/esm/gux-popover.entry.js +1 -1
  144. package/dist/esm/gux-radial-loading.entry.js +1 -1
  145. package/dist/esm/gux-radial-progress.entry.js +1 -1
  146. package/dist/esm/gux-rating.entry.js +1 -1
  147. package/dist/esm/gux-side-panel-legacy.entry.js +1 -1
  148. package/dist/esm/gux-simple-toast.entry.js +1 -1
  149. package/dist/esm/gux-skip-navigation-list-beta.entry.js +1 -1
  150. package/dist/esm/gux-sort-control.entry.js +1 -1
  151. package/dist/esm/gux-switch.entry.js +1 -1
  152. package/dist/esm/gux-table-beta.entry.js +1 -1
  153. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  154. package/dist/esm/gux-tabs-legacy.entry.js +1 -1
  155. package/dist/esm/gux-tabs.entry.js +1 -1
  156. package/dist/esm/gux-tag-beta.entry.js +1 -1
  157. package/dist/esm/gux-text-highlight.entry.js +1 -1
  158. package/dist/esm/gux-text-label-legacy.entry.js +1 -1
  159. package/dist/esm/gux-time-beta.entry.js +1 -1
  160. package/dist/esm/gux-time-picker-beta.entry.js +1 -1
  161. package/dist/esm/gux-toggle.entry.js +1 -1
  162. package/dist/esm/gux-tooltip.entry.js +1 -1
  163. package/dist/esm/gux-visualization-beta.entry.js +1 -1
  164. package/dist/esm/{usage-tracking-58112960.js → usage-tracking-f7cbf5d9.js} +1 -1
  165. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  166. package/dist/genesys-webcomponents/{p-9f77aed7.entry.js → p-03d9f5e5.entry.js} +1 -1
  167. package/dist/genesys-webcomponents/{p-381b4b2e.entry.js → p-0573e584.entry.js} +1 -1
  168. package/dist/genesys-webcomponents/{p-b4fb9c25.entry.js → p-065e4479.entry.js} +1 -1
  169. package/dist/genesys-webcomponents/{p-6ea35a6a.entry.js → p-06996193.entry.js} +1 -1
  170. package/dist/genesys-webcomponents/{p-34efe413.entry.js → p-1333768e.entry.js} +1 -1
  171. package/dist/genesys-webcomponents/{p-389b4a0a.entry.js → p-1487c736.entry.js} +1 -1
  172. package/dist/genesys-webcomponents/{p-016188d2.entry.js → p-17446196.entry.js} +1 -1
  173. package/dist/genesys-webcomponents/{p-5b1fde77.entry.js → p-1897f8d7.entry.js} +1 -1
  174. package/dist/genesys-webcomponents/p-1e16bdc4.entry.js +1 -0
  175. package/dist/genesys-webcomponents/{p-a7d1b74e.entry.js → p-2101e63b.entry.js} +1 -1
  176. package/dist/genesys-webcomponents/{p-8ae582ab.entry.js → p-2453b3cd.entry.js} +1 -1
  177. package/dist/genesys-webcomponents/{p-503416ea.entry.js → p-26966e88.entry.js} +1 -1
  178. package/dist/genesys-webcomponents/{p-a9d3e7b8.entry.js → p-27096d74.entry.js} +1 -1
  179. package/dist/genesys-webcomponents/{p-b7043a51.entry.js → p-28fdea09.entry.js} +1 -1
  180. package/dist/genesys-webcomponents/{p-c795ee8b.entry.js → p-2a95bd82.entry.js} +1 -1
  181. package/dist/genesys-webcomponents/{p-2b6bb0b6.entry.js → p-343d859d.entry.js} +1 -1
  182. package/dist/genesys-webcomponents/{p-8f98cbbd.entry.js → p-3593298e.entry.js} +1 -1
  183. package/dist/genesys-webcomponents/{p-3f32b83e.entry.js → p-39e19883.entry.js} +1 -1
  184. package/dist/genesys-webcomponents/{p-928f5d04.entry.js → p-3f02396e.entry.js} +1 -1
  185. package/dist/genesys-webcomponents/{p-05f30417.entry.js → p-4d0196ea.entry.js} +1 -1
  186. package/dist/genesys-webcomponents/{p-e78d1efe.entry.js → p-50943bfb.entry.js} +1 -1
  187. package/dist/genesys-webcomponents/{p-7aa15d07.entry.js → p-5111ea4c.entry.js} +1 -1
  188. package/dist/genesys-webcomponents/{p-8fcc89a4.entry.js → p-57217cc1.entry.js} +1 -1
  189. package/dist/genesys-webcomponents/{p-ea8f27a0.entry.js → p-587d055f.entry.js} +1 -1
  190. package/dist/genesys-webcomponents/{p-8132dabe.entry.js → p-61908a72.entry.js} +1 -1
  191. package/dist/genesys-webcomponents/{p-49da4c96.entry.js → p-624e708e.entry.js} +1 -1
  192. package/dist/genesys-webcomponents/{p-83b549d9.entry.js → p-6352fe8f.entry.js} +1 -1
  193. package/dist/genesys-webcomponents/{p-08c5af6d.entry.js → p-666c76d5.entry.js} +1 -1
  194. package/dist/genesys-webcomponents/{p-79fba27d.entry.js → p-6d32207d.entry.js} +1 -1
  195. package/dist/genesys-webcomponents/{p-a3406501.entry.js → p-6d9dd7c5.entry.js} +1 -1
  196. package/dist/genesys-webcomponents/{p-5506bcc8.entry.js → p-6e412ec8.entry.js} +1 -1
  197. package/dist/genesys-webcomponents/{p-36526146.entry.js → p-71073d4e.entry.js} +1 -1
  198. package/dist/genesys-webcomponents/{p-a01b27fb.entry.js → p-713b6ba9.entry.js} +1 -1
  199. package/dist/genesys-webcomponents/{p-843a1102.entry.js → p-7350ed81.entry.js} +1 -1
  200. package/dist/genesys-webcomponents/{p-535b908b.entry.js → p-76d38fa6.entry.js} +1 -1
  201. package/dist/genesys-webcomponents/{p-6a25537a.entry.js → p-789792b3.entry.js} +1 -1
  202. package/dist/genesys-webcomponents/{p-11ffb2da.entry.js → p-818cba93.entry.js} +1 -1
  203. package/dist/genesys-webcomponents/{p-8c73d584.entry.js → p-832de7a2.entry.js} +1 -1
  204. package/dist/genesys-webcomponents/{p-1b4d4d75.entry.js → p-861ac939.entry.js} +1 -1
  205. package/dist/genesys-webcomponents/{p-28526f61.entry.js → p-8707e6b0.entry.js} +1 -1
  206. package/dist/genesys-webcomponents/{p-24459205.entry.js → p-881c2757.entry.js} +1 -1
  207. package/dist/genesys-webcomponents/{p-6534aedc.entry.js → p-8cb7921f.entry.js} +1 -1
  208. package/dist/genesys-webcomponents/{p-3d92611d.entry.js → p-8d1cd513.entry.js} +1 -1
  209. package/dist/genesys-webcomponents/{p-e516b08a.entry.js → p-8e645d48.entry.js} +1 -1
  210. package/dist/genesys-webcomponents/{p-7c2c186e.entry.js → p-94e08cde.entry.js} +1 -1
  211. package/dist/genesys-webcomponents/{p-d6cb2663.entry.js → p-975ed7ca.entry.js} +1 -1
  212. package/dist/genesys-webcomponents/{p-3882b589.entry.js → p-9aefb410.entry.js} +1 -1
  213. package/dist/genesys-webcomponents/{p-94eabaf1.entry.js → p-9e1f57e1.entry.js} +1 -1
  214. package/dist/genesys-webcomponents/{p-bddb502e.entry.js → p-a1b84834.entry.js} +1 -1
  215. package/dist/genesys-webcomponents/{p-4c3cde24.entry.js → p-a9c23c89.entry.js} +1 -1
  216. package/dist/genesys-webcomponents/p-ac0132f8.entry.js +1 -0
  217. package/dist/genesys-webcomponents/{p-2b94e568.entry.js → p-acd8cfde.entry.js} +1 -1
  218. package/dist/genesys-webcomponents/{p-60aed78a.entry.js → p-ad5735c5.entry.js} +1 -1
  219. package/dist/genesys-webcomponents/{p-1d31e96e.entry.js → p-b1f73a1e.entry.js} +1 -1
  220. package/dist/genesys-webcomponents/{p-5d894fff.entry.js → p-b2ef355c.entry.js} +1 -1
  221. package/dist/genesys-webcomponents/{p-07d29c22.entry.js → p-b3013046.entry.js} +1 -1
  222. package/dist/genesys-webcomponents/{p-c5b77640.entry.js → p-b65e4cd1.entry.js} +1 -1
  223. package/dist/genesys-webcomponents/{p-d4f0bdc7.entry.js → p-b66579b5.entry.js} +1 -1
  224. package/dist/genesys-webcomponents/{p-2df5ef89.entry.js → p-ba4953a5.entry.js} +1 -1
  225. package/dist/genesys-webcomponents/{p-ccaa1de3.entry.js → p-bc5f70e4.entry.js} +1 -1
  226. package/dist/genesys-webcomponents/{p-7ecd599e.entry.js → p-c73762d8.entry.js} +1 -1
  227. package/dist/genesys-webcomponents/{p-687da125.entry.js → p-c744ab31.entry.js} +1 -1
  228. package/dist/genesys-webcomponents/{p-c2c49971.entry.js → p-c97ce575.entry.js} +1 -1
  229. package/dist/genesys-webcomponents/{p-d272b2d9.entry.js → p-ca822b9e.entry.js} +1 -1
  230. package/dist/genesys-webcomponents/{p-c144ef8e.entry.js → p-cc8ef873.entry.js} +1 -1
  231. package/dist/genesys-webcomponents/{p-ad076e3b.entry.js → p-cd359a00.entry.js} +1 -1
  232. package/dist/genesys-webcomponents/{p-7d147f4c.entry.js → p-ce5ba205.entry.js} +1 -1
  233. package/dist/genesys-webcomponents/{p-fbb6674d.entry.js → p-d7250e0d.entry.js} +1 -1
  234. package/dist/genesys-webcomponents/{p-f8dc37b0.entry.js → p-d94b9762.entry.js} +1 -1
  235. package/dist/genesys-webcomponents/p-e2426c78.entry.js +1 -0
  236. package/dist/genesys-webcomponents/{p-5e8814fc.entry.js → p-e277a745.entry.js} +1 -1
  237. package/dist/genesys-webcomponents/{p-110f454e.js → p-e38e6890.js} +1 -1
  238. package/dist/genesys-webcomponents/{p-06862ba7.entry.js → p-e744e3ad.entry.js} +1 -1
  239. package/dist/genesys-webcomponents/{p-809a2b4a.entry.js → p-eb6a46f4.entry.js} +1 -1
  240. package/dist/genesys-webcomponents/{p-05b50090.entry.js → p-edb2438a.entry.js} +1 -1
  241. package/dist/genesys-webcomponents/{p-2d296845.entry.js → p-efe9823c.entry.js} +1 -1
  242. package/dist/genesys-webcomponents/{p-8075dc22.entry.js → p-f3bdb1d7.entry.js} +1 -1
  243. package/dist/genesys-webcomponents/{p-8e4b39ae.entry.js → p-f631c63b.entry.js} +1 -1
  244. package/dist/genesys-webcomponents/{p-18bddcb6.entry.js → p-f79c8a29.entry.js} +1 -1
  245. package/dist/genesys-webcomponents/{p-da9271ff.entry.js → p-f8b7e0a6.entry.js} +1 -1
  246. package/dist/genesys-webcomponents/{p-63858614.entry.js → p-fa3ef0bf.entry.js} +1 -1
  247. package/dist/stencil-wrapper.js +1 -1
  248. package/package.json +1 -1
  249. package/dist/genesys-webcomponents/p-3d566cb6.entry.js +0 -1
  250. package/dist/genesys-webcomponents/p-4deda965.entry.js +0 -1
  251. package/dist/genesys-webcomponents/p-f8c24877.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as e,h as t,H as o,g as i}from"./p-74b510cb.js";import{c as l,o as r}from"./p-3f5341ea.js";import{O as s}from"./p-e3c80187.js";import{p as a}from"./p-c10e41a9.js";import{t as n}from"./p-110f454e.js";import{h as d,G as c,v as p}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const u=class{constructor(t){e(this,t),this.hasError=!1}onMutation(){this.hasError=d(this.root)}componentWillLoad(){this.setInput(),this.hasError=d(this.root),n(this.root)}disconnectedCallback(){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(c,{hasError:this.hasError},t("slot",{name:"error"}))))))}setInput(){this.input=this.root.querySelector('input[type="checkbox"][slot="input"]'),a(this.input),this.disabled=l(this.input),this.disabledObserver=r(this.input,(e=>{this.disabled=e})),p(this.root,this.input)}get root(){return i(this)}};(function(e,t,o,i){var l,r=arguments.length,s=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(l=e[a])&&(s=(r<3?l(s):r>3?l(t,o,s):l(t,o))||s);r>3&&s&&Object.defineProperty(t,o,s)})([s({childList:!0,subtree:!0})],u.prototype,"onMutation",null),u.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:11px;line-height:16px;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;width:16px;height:16px;margin-right:4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;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-input{position:relative;height:24px;line-height:24px}.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-within)::before{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}::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{u as gux_form_field_checkbox}
1
+ import{r as e,h as t,H as o,g as i}from"./p-74b510cb.js";import{c as l,o as r}from"./p-3f5341ea.js";import{O as s}from"./p-e3c80187.js";import{p as a}from"./p-c10e41a9.js";import{t as n}from"./p-e38e6890.js";import{h as d,G as c,v as p}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const u=class{constructor(t){e(this,t),this.hasError=!1}onMutation(){this.hasError=d(this.root)}componentWillLoad(){this.setInput(),this.hasError=d(this.root),n(this.root)}disconnectedCallback(){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(c,{hasError:this.hasError},t("slot",{name:"error"}))))))}setInput(){this.input=this.root.querySelector('input[type="checkbox"][slot="input"]'),a(this.input),this.disabled=l(this.input),this.disabledObserver=r(this.input,(e=>{this.disabled=e})),p(this.root,this.input)}get root(){return i(this)}};(function(e,t,o,i){var l,r=arguments.length,s=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(l=e[a])&&(s=(r<3?l(s):r>3?l(t,o,s):l(t,o))||s);r>3&&s&&Object.defineProperty(t,o,s)})([s({childList:!0,subtree:!0})],u.prototype,"onMutation",null),u.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:11px;line-height:16px;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;width:16px;height:16px;margin-right:4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;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-input{position:relative;height:24px;line-height:24px}.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-within)::before{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}::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{u as gux_form_field_checkbox}
@@ -1 +1 @@
1
- import{r as t,f as e,h as i,g as s,c as o,H as n}from"./p-74b510cb.js";import{O as r}from"./p-acd2fa20.js";import{b as a}from"./p-1c9dfc78.js";import{s as d}from"./p-d176c2ae.js";import{o as l,c as u}from"./p-3f5341ea.js";import{t as h}from"./p-110f454e.js";import{g as c,s as x,c as g,a as p,b as f,h as b,d as m,e as w,f as v,i as y,j as F,o as j}from"./p-3770c1e9.js";import{w as k}from"./p-76ff3e75.js";import{r as A}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const C={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};const E=class{constructor(e){t(this,e),this.disabled=!1,this.required=!1,this.filterable=!1,this.hasError=!1,this.expanded=!1,this.filter=""}focusSelectedItemAfterRender(t){t&&this.listboxElement&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.listboxElement.focus(),this.filterable&&this.filterElement.focus()}))})),t||(this.filter="")}validateValue(t){void 0!==t?this.getOptionElementByValue(t)?this.listboxElement.value=t:this.value=void 0:this.listboxElement&&(this.listboxElement.value=t)}onKeydown(t){switch(t.key){case"Escape":return this.filterable&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),e(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}async componentWillLoad(){h(this.root),this.i18n=await a(this.root,C),this.listboxElement=this.root.querySelector("gux-listbox"),this.validateValue(this.value),l(this.root,(()=>{e(this.root)}))}componentDidLoad(){this.listboxElement.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),this.listboxElement.addEventListener("change",(t=>{t.stopPropagation()}))}componentWillRender(){this.validateValue(this.value),this.listboxElement.filter=this.filter}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=this.root.querySelectorAll("gux-option");return Array.from(e).find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.filterable&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.filterable&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){switch(t.key){case" ":return void t.preventDefault()}}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,d(this.root,"input"),d(this.root,"change")),this.collapseListbox("focusFieldButton")}getSuggestionText(t){const e=t.length;if(e>0){const i=c(this.listboxElement,t);if(i)return i.textContent.substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?i("div",{class:"gux-selected-option"},t.textContent):i("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderFilterInputField(){if(this.expanded&&this.filterable)return i("div",{class:"gux-field gux-input-field"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.filter),i("span",{class:"gux-filter-suggestion"},this.getSuggestionText(this.filter))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return i("div",{slot:"popup",class:"gux-listbox-container"},i("slot",null))}renderTarget(){return i("div",{class:{"gux-target-container-expanded":this.expanded&&this.filterable,"gux-target-container-collapsed":!(this.expanded&&this.filterable),"gux-error":this.hasError},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:u(this.root),onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),i("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.filterable)return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return i("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return s(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["validateValue"]}}};(function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([r({triggerEvents:"mousedown"})],E.prototype,"onClickOutside",null),E.style=":host{color:#2e394c}.gux-field,.gux-target-container-expanded{all:unset;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:6px 8px 6px 6px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border-color:#ea0b0b}.gux-field.gux-input-field{height:30px}.gux-field .gux-field-content{display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding-left:8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-within{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:30px;padding:0 0 0 8px;margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}";const L={noMatches:"No matches"},O=class{constructor(e){t(this,e),this.internallistboxoptionsupdated=o(this,"internallistboxoptionsupdated",7),this.filter="",this.selectedValues=[],this.listboxOptions=[]}onFocus(){x(this.root)}onBlur(){g(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void y(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(w(this.root)?(t.stopPropagation(),v(this.root)):f(this.root));case"ArrowUp":return t.preventDefault(),void(b(this.root)?(t.stopPropagation(),m(this.root)):p(this.root));case"Home":return t.preventDefault(),void f(this.root);case"End":return t.preventDefault(),void p(this.root);case" ":return void t.preventDefault()}1!==t.key.length||F(this.root,t.key)}onKeyup(t){switch(t.key){case" ":return void y(this.root,(t=>this.updateValue(t)))}}onMousemove(){g(this.root)}onClick(t){k("gux-option",t,(t=>{j(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){y(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),d(this.root,"input"),d(this.root,"change")}async componentWillLoad(){h(this.root),this.i18n=await a(this.root,L),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,t.filtered=!t.textContent.toLowerCase().startsWith(this.filter.toLowerCase())})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,this.filter&&f(this.root)}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return i("div",{class:"gux-no-matches"},this.i18n("noMatches"))}render(){return i(n,{role:"listbox",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}),this.renderAllListboxOptionsFiltered())}get root(){return s(this)}};O.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){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";const R=class{constructor(e){t(this,e),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}componentWillLoad(){this.root.id=this.root.id||A("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return i(n,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},i("slot",null))}get root(){return s(this)}};R.style="gux-option{box-sizing:border-box;display:flex;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option.gux-selected{background:#deeaff}gux-option.gux-active,gux-option.gux-hovered:not(:disabled){color:#fdfdfd;background:#2a60c8}gux-option.gux-filtered{display:none}";export{E as gux_dropdown,O as gux_listbox,R as gux_option}
1
+ import{r as t,f as e,h as i,g as s,c as o,H as n}from"./p-74b510cb.js";import{O as r}from"./p-acd2fa20.js";import{b as a}from"./p-1c9dfc78.js";import{s as d}from"./p-d176c2ae.js";import{o as l,c as u}from"./p-3f5341ea.js";import{t as h}from"./p-e38e6890.js";import{g as c,s as x,c as g,a as p,b as f,h as b,d as m,e as w,f as v,i as y,j as F,o as j}from"./p-3770c1e9.js";import{w as k}from"./p-76ff3e75.js";import{r as A}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const C={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};const E=class{constructor(e){t(this,e),this.disabled=!1,this.required=!1,this.filterable=!1,this.hasError=!1,this.expanded=!1,this.filter=""}focusSelectedItemAfterRender(t){t&&this.listboxElement&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.listboxElement.focus(),this.filterable&&this.filterElement.focus()}))})),t||(this.filter="")}validateValue(t){void 0!==t?this.getOptionElementByValue(t)?this.listboxElement.value=t:this.value=void 0:this.listboxElement&&(this.listboxElement.value=t)}onKeydown(t){switch(t.key){case"Escape":return this.filterable&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),e(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}async componentWillLoad(){h(this.root),this.i18n=await a(this.root,C),this.listboxElement=this.root.querySelector("gux-listbox"),this.validateValue(this.value),l(this.root,(()=>{e(this.root)}))}componentDidLoad(){this.listboxElement.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),this.listboxElement.addEventListener("change",(t=>{t.stopPropagation()}))}componentWillRender(){this.validateValue(this.value),this.listboxElement.filter=this.filter}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=this.root.querySelectorAll("gux-option");return Array.from(e).find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.filterable&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.filterable&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){switch(t.key){case" ":return void t.preventDefault()}}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,d(this.root,"input"),d(this.root,"change")),this.collapseListbox("focusFieldButton")}getSuggestionText(t){const e=t.length;if(e>0){const i=c(this.listboxElement,t);if(i)return i.textContent.substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?i("div",{class:"gux-selected-option"},t.textContent):i("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderFilterInputField(){if(this.expanded&&this.filterable)return i("div",{class:"gux-field gux-input-field"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.filter),i("span",{class:"gux-filter-suggestion"},this.getSuggestionText(this.filter))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return i("div",{slot:"popup",class:"gux-listbox-container"},i("slot",null))}renderTarget(){return i("div",{class:{"gux-target-container-expanded":this.expanded&&this.filterable,"gux-target-container-collapsed":!(this.expanded&&this.filterable),"gux-error":this.hasError},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:u(this.root),onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),i("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.filterable)return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return i("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return s(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["validateValue"]}}};(function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([r({triggerEvents:"mousedown"})],E.prototype,"onClickOutside",null),E.style=":host{color:#2e394c}.gux-field,.gux-target-container-expanded{all:unset;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:6px 8px 6px 6px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border-color:#ea0b0b}.gux-field.gux-input-field{height:30px}.gux-field .gux-field-content{display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding-left:8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-within{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:30px;padding:0 0 0 8px;margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}";const L={noMatches:"No matches"},O=class{constructor(e){t(this,e),this.internallistboxoptionsupdated=o(this,"internallistboxoptionsupdated",7),this.filter="",this.selectedValues=[],this.listboxOptions=[]}onFocus(){x(this.root)}onBlur(){g(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void y(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(w(this.root)?(t.stopPropagation(),v(this.root)):f(this.root));case"ArrowUp":return t.preventDefault(),void(b(this.root)?(t.stopPropagation(),m(this.root)):p(this.root));case"Home":return t.preventDefault(),void f(this.root);case"End":return t.preventDefault(),void p(this.root);case" ":return void t.preventDefault()}1!==t.key.length||F(this.root,t.key)}onKeyup(t){switch(t.key){case" ":return void y(this.root,(t=>this.updateValue(t)))}}onMousemove(){g(this.root)}onClick(t){k("gux-option",t,(t=>{j(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){y(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),d(this.root,"input"),d(this.root,"change")}async componentWillLoad(){h(this.root),this.i18n=await a(this.root,L),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,t.filtered=!t.textContent.toLowerCase().startsWith(this.filter.toLowerCase())})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,this.filter&&f(this.root)}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return i("div",{class:"gux-no-matches"},this.i18n("noMatches"))}render(){return i(n,{role:"listbox",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}),this.renderAllListboxOptionsFiltered())}get root(){return s(this)}};O.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){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";const R=class{constructor(e){t(this,e),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}componentWillLoad(){this.root.id=this.root.id||A("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return i(n,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},i("slot",null))}get root(){return s(this)}};R.style="gux-option{box-sizing:border-box;display:flex;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option.gux-selected{background:#deeaff}gux-option.gux-active,gux-option.gux-hovered:not(:disabled){color:#fdfdfd;background:#2a60c8}gux-option.gux-filtered{display:none}";export{E as gux_dropdown,O as gux_listbox,R as gux_option}
@@ -1 +1 @@
1
- import{r as t,h as e,g as i}from"./p-74b510cb.js";import{t as a}from"./p-110f454e.js";import{l as s}from"./p-3184268e.js";import{V as r}from"./p-5cacdfc9.js";const n=class{constructor(e){t(this,e),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",config:{legend:{symbolType:"circle"}},encoding:{theta:{field:"value",type:"quantitative",stack:!0},color:{field:"category",type:"nominal",scale:{range:r},legend:null}},layer:[{mark:{type:"arc",outerRadius:80}},{mark:{type:"text",radius:90},encoding:{text:{field:"value",type:"quantitative"}}}],view:{stroke:null}},this.legendPosition="right",this.showTooltip=!0}parseData(){this.outerRadius||this.innerRadius||s("gux-chart-donut","[gux-chart-donut] requires at least one of outer-radius or inner-radius");let t={};this.chartData&&(t={data:this.chartData}),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition),this.includeLegend?(this.baseChartSpec.encoding.color.legend={},(this.legendX||this.legendY)&&(this.baseChartSpec.config.legend.orient="none",this.legendX&&(this.baseChartSpec.encoding.color.legend.legendX=this.legendX),this.legendY&&(this.baseChartSpec.encoding.color.legend.legendY=this.legendY)),this.legendFontSize&&(this.baseChartSpec.encoding.color.legend.labelFontSize=this.legendFontSize),this.legendSymbolSize&&(this.baseChartSpec.encoding.color.legend.symbolSize=this.legendSymbolSize)):this.baseChartSpec.encoding.color.legend=null;const e=this.colorFieldName||"category";e&&(this.baseChartSpec.encoding.color.field=e);this.baseChartSpec.encoding.color.title=this.legendTitle||"";let i=this.outerRadius,a=this.innerRadius;i||(i=a+32),a||(a=i-32);let r=1;this.gauge?(this.baseChartSpec.layer=[{data:{values:[{progress:"default",value:100}]},mark:{type:"arc",innerRadius:a},encoding:{theta:{field:"value",type:"quantitative"},color:{value:"#E4E9F0"},tooltip:null}},{mark:{type:"arc",outerRadius:i,innerRadius:a,padAngle:.01}},{mark:{type:"arc",innerRadius:a,padAngle:.01}}],r=2):this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:i,innerRadius:a}},{mark:{type:"arc",innerRadius:a,stroke:"#fff"}}];const n=this.centerText;n&&this.baseChartSpec.layer.push({data:{values:[{centerText:n,value:0}]},mark:{align:"center",type:"text",baseline:"middle"},encoding:{color:{value:"#4C5054"},text:{field:"centerText"},size:{value:{expr:"height * 0.09"}},tooltip:null}});const h=this.centerSubText;h&&this.baseChartSpec.layer.push({data:{values:[{centerSubText:h,value:0}]},mark:{align:"center",type:"text",baseline:"middle",y:{expr:"height/2 + 20"}},encoding:{color:{value:"#6A6D70"},text:{field:"centerSubText"},size:{value:{expr:"height * 0.06"}},tooltip:null}});const o=this.labelRadius,l=this.labelField||"value";o&&this.baseChartSpec.layer.push({mark:{type:"text",radius:o},encoding:{text:{field:l,type:"quantitative"}}}),this.showTooltip&&(this.tooltipOptions?(this.baseChartSpec.layer[r].mark.tooltip={content:"data"},this.tooltipSpec={actions:!1,tooltip:this.tooltipOptions}):this.baseChartSpec.encoding.tooltip={field:l,aggregate:"count",type:"quantitative"});const u=Object.assign(this.baseChartSpec,t);this.visualizationSpec=u}componentWillLoad(){a(this.root),this.parseData()}render(){return e("gux-visualization-beta",{visualizationSpec:this.visualizationSpec,embedOptions:this.tooltipSpec})}get root(){return i(this)}static get watchers(){return{chartData:["parseData"]}}};n.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{n as gux_chart_donut_beta}
1
+ import{r as t,h as e,g as i}from"./p-74b510cb.js";import{t as a}from"./p-e38e6890.js";import{l as s}from"./p-3184268e.js";import{V as r}from"./p-5cacdfc9.js";const n=class{constructor(e){t(this,e),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",config:{legend:{symbolType:"circle"}},encoding:{theta:{field:"value",type:"quantitative",stack:!0},color:{field:"category",type:"nominal",scale:{range:r},legend:null}},layer:[{mark:{type:"arc",outerRadius:80}},{mark:{type:"text",radius:90},encoding:{text:{field:"value",type:"quantitative"}}}],view:{stroke:null}},this.legendPosition="right",this.showTooltip=!0}parseData(){this.outerRadius||this.innerRadius||s("gux-chart-donut","[gux-chart-donut] requires at least one of outer-radius or inner-radius");let t={};this.chartData&&(t={data:this.chartData}),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition),this.includeLegend?(this.baseChartSpec.encoding.color.legend={},(this.legendX||this.legendY)&&(this.baseChartSpec.config.legend.orient="none",this.legendX&&(this.baseChartSpec.encoding.color.legend.legendX=this.legendX),this.legendY&&(this.baseChartSpec.encoding.color.legend.legendY=this.legendY)),this.legendFontSize&&(this.baseChartSpec.encoding.color.legend.labelFontSize=this.legendFontSize),this.legendSymbolSize&&(this.baseChartSpec.encoding.color.legend.symbolSize=this.legendSymbolSize)):this.baseChartSpec.encoding.color.legend=null;const e=this.colorFieldName||"category";e&&(this.baseChartSpec.encoding.color.field=e);this.baseChartSpec.encoding.color.title=this.legendTitle||"";let i=this.outerRadius,a=this.innerRadius;i||(i=a+32),a||(a=i-32);let r=1;this.gauge?(this.baseChartSpec.layer=[{data:{values:[{progress:"default",value:100}]},mark:{type:"arc",innerRadius:a},encoding:{theta:{field:"value",type:"quantitative"},color:{value:"#E4E9F0"},tooltip:null}},{mark:{type:"arc",outerRadius:i,innerRadius:a,padAngle:.01}},{mark:{type:"arc",innerRadius:a,padAngle:.01}}],r=2):this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:i,innerRadius:a}},{mark:{type:"arc",innerRadius:a,stroke:"#fff"}}];const n=this.centerText;n&&this.baseChartSpec.layer.push({data:{values:[{centerText:n,value:0}]},mark:{align:"center",type:"text",baseline:"middle"},encoding:{color:{value:"#4C5054"},text:{field:"centerText"},size:{value:{expr:"height * 0.09"}},tooltip:null}});const h=this.centerSubText;h&&this.baseChartSpec.layer.push({data:{values:[{centerSubText:h,value:0}]},mark:{align:"center",type:"text",baseline:"middle",y:{expr:"height/2 + 20"}},encoding:{color:{value:"#6A6D70"},text:{field:"centerSubText"},size:{value:{expr:"height * 0.06"}},tooltip:null}});const o=this.labelRadius,l=this.labelField||"value";o&&this.baseChartSpec.layer.push({mark:{type:"text",radius:o},encoding:{text:{field:l,type:"quantitative"}}}),this.showTooltip&&(this.tooltipOptions?(this.baseChartSpec.layer[r].mark.tooltip={content:"data"},this.tooltipSpec={actions:!1,tooltip:this.tooltipOptions}):this.baseChartSpec.encoding.tooltip={field:l,aggregate:"count",type:"quantitative"});const u=Object.assign(this.baseChartSpec,t);this.visualizationSpec=u}componentWillLoad(){a(this.root),this.parseData()}render(){return e("gux-visualization-beta",{visualizationSpec:this.visualizationSpec,embedOptions:this.tooltipSpec})}get root(){return i(this)}static get watchers(){return{chartData:["parseData"]}}};n.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{n as gux_chart_donut_beta}
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,g as o}from"./p-74b510cb.js";import{r as e}from"./p-cbcbd1bb.js";import{t as r}from"./p-110f454e.js";import{b as n}from"./p-1c9dfc78.js";import"./p-8a133b9b.js";const u={defaultLabel:"Disclosure button"},a=class{constructor(i){t(this,i),this.active=s(this,"active",7),this.panelId=e("gux-disclosure-button-panel"),this.position="left",this.isOpen=!1,this.icon="arrow-solid-right"}watchIsOpen(){this.updateIcon()}changeState(){this.togglePanel(),this.active.emit(this.isOpen)}togglePanel(){this.isOpen=!this.isOpen}updateIcon(){this.icon="right"===this.position?this.isOpen?"arrow-solid-right":"arrow-solid-left":this.isOpen?"arrow-solid-left":"arrow-solid-right"}async componentWillLoad(){r(this.root,{variant:this.position}),this.i18n=await n(this.root,u),this.updateIcon()}render(){return i("div",{class:`gux-disclosure-button-container gux-${this.position}`},i("button",{class:"gux-disclosure-button",onClick:()=>this.changeState(),"aria-controls":this.panelId,"aria-expanded":this.isOpen.toString(),"aria-label":this.label||this.i18n("defaultLabel")},i("gux-icon",{"icon-name":`${this.icon}`,decorative:!0})),i("div",{id:this.panelId,class:{"gux-disclosure-panel":!0,"gux-active":this.isOpen},role:"region"},i("slot",{name:"panel-content"})))}get root(){return o(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};a.style=":host{height:100%;color:#2e394c}.gux-disclosure-button-container{display:flex;flex-direction:row;justify-content:flex-start;height:100%}.gux-disclosure-button-container .gux-disclosure-button{width:16px;padding:0;margin:0;color:#2e394c;background:transparent;border-top:none;border-right:1px solid #e2e6ee;border-bottom:none;border-left:1px solid #e2e6ee}.gux-disclosure-button-container .gux-disclosure-button gux-icon{width:12px;height:12px}.gux-disclosure-button-container .gux-disclosure-button:focus{outline:none}.gux-disclosure-button-container .gux-disclosure-panel{display:none;order:-1;width:100%}.gux-disclosure-button-container .gux-disclosure-panel.gux-active{display:block}.gux-disclosure-button-container.gux-right{justify-content:flex-end}.gux-disclosure-button-container.gux-right .gux-disclosure-panel{order:1}";export{a as gux_disclosure_button}
1
+ import{r as t,c as s,h as i,g as o}from"./p-74b510cb.js";import{r as e}from"./p-cbcbd1bb.js";import{t as r}from"./p-e38e6890.js";import{b as n}from"./p-1c9dfc78.js";import"./p-8a133b9b.js";const u={defaultLabel:"Disclosure button"},a=class{constructor(i){t(this,i),this.active=s(this,"active",7),this.panelId=e("gux-disclosure-button-panel"),this.position="left",this.isOpen=!1,this.icon="arrow-solid-right"}watchIsOpen(){this.updateIcon()}changeState(){this.togglePanel(),this.active.emit(this.isOpen)}togglePanel(){this.isOpen=!this.isOpen}updateIcon(){this.icon="right"===this.position?this.isOpen?"arrow-solid-right":"arrow-solid-left":this.isOpen?"arrow-solid-left":"arrow-solid-right"}async componentWillLoad(){r(this.root,{variant:this.position}),this.i18n=await n(this.root,u),this.updateIcon()}render(){return i("div",{class:`gux-disclosure-button-container gux-${this.position}`},i("button",{class:"gux-disclosure-button",onClick:()=>this.changeState(),"aria-controls":this.panelId,"aria-expanded":this.isOpen.toString(),"aria-label":this.label||this.i18n("defaultLabel")},i("gux-icon",{"icon-name":`${this.icon}`,decorative:!0})),i("div",{id:this.panelId,class:{"gux-disclosure-panel":!0,"gux-active":this.isOpen},role:"region"},i("slot",{name:"panel-content"})))}get root(){return o(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};a.style=":host{height:100%;color:#2e394c}.gux-disclosure-button-container{display:flex;flex-direction:row;justify-content:flex-start;height:100%}.gux-disclosure-button-container .gux-disclosure-button{width:16px;padding:0;margin:0;color:#2e394c;background:transparent;border-top:none;border-right:1px solid #e2e6ee;border-bottom:none;border-left:1px solid #e2e6ee}.gux-disclosure-button-container .gux-disclosure-button gux-icon{width:12px;height:12px}.gux-disclosure-button-container .gux-disclosure-button:focus{outline:none}.gux-disclosure-button-container .gux-disclosure-panel{display:none;order:-1;width:100%}.gux-disclosure-button-container .gux-disclosure-panel.gux-active{display:block}.gux-disclosure-button-container.gux-right{justify-content:flex-end}.gux-disclosure-button-container.gux-right .gux-disclosure-panel{order:1}";export{a as gux_disclosure_button}
@@ -1 +1 @@
1
- import{r as t,h as i,g as e}from"./p-74b510cb.js";import{c as o,o as r}from"./p-3f5341ea.js";import{O as s}from"./p-e3c80187.js";import{a}from"./p-e2bea786.js";import{t as n}from"./p-110f454e.js";import{G as l,a as h}from"./p-625f19b6.js";import{h as f,G as p,v as u,g as x}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const d=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.hasError=!1}watchValue(t){const i=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi-beta");i&&(i.hasError=t)}onMutation(){this.hasError=f(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=f(this.root),n(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(h,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError,"gux-disabled":this.disabled}},i("slot",null)),i(p,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){return`dropdown-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.dropdownElement=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi-beta"),this.listboxElement=this.root.querySelector("gux-listbox")||this.root.querySelector("gux-listbox-multi"),this.disabled=o(this.dropdownElement),this.required=this.dropdownElement.required,this.disabledObserver=r(this.dropdownElement,(t=>{this.disabled=t})),this.requiredObserver=a(this.dropdownElement,(t=>{this.required=t})),u(this.root,this.listboxElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=x(this.label,this.labelPosition)}get root(){return e(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(t,i,e,o){var r,s=arguments.length,a=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,o);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(s<3?r(a):s>3?r(i,e,a):r(i,e))||a);s>3&&a&&Object.defineProperty(i,e,a)})([s({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 16px) 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;line-height:16px;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;width:16px;height:16px;margin-right:4px;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}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input.gux-disabled{pointer-events:none;opacity:0.5}";export{d as gux_form_field_dropdown}
1
+ import{r as t,h as i,g as e}from"./p-74b510cb.js";import{c as o,o as r}from"./p-3f5341ea.js";import{O as s}from"./p-e3c80187.js";import{a}from"./p-e2bea786.js";import{t as n}from"./p-e38e6890.js";import{G as l,a as h}from"./p-625f19b6.js";import{h as f,G as p,v as u,g as x}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const d=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.hasError=!1}watchValue(t){const i=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi-beta");i&&(i.hasError=t)}onMutation(){this.hasError=f(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=f(this.root),n(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(h,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError,"gux-disabled":this.disabled}},i("slot",null)),i(p,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){return`dropdown-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.dropdownElement=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi-beta"),this.listboxElement=this.root.querySelector("gux-listbox")||this.root.querySelector("gux-listbox-multi"),this.disabled=o(this.dropdownElement),this.required=this.dropdownElement.required,this.disabledObserver=r(this.dropdownElement,(t=>{this.disabled=t})),this.requiredObserver=a(this.dropdownElement,(t=>{this.required=t})),u(this.root,this.listboxElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=x(this.label,this.labelPosition)}get root(){return e(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(t,i,e,o){var r,s=arguments.length,a=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,o);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(s<3?r(a):s>3?r(i,e,a):r(i,e))||a);s>3&&a&&Object.defineProperty(i,e,a)})([s({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 16px) 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;line-height:16px;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;width:16px;height:16px;margin-right:4px;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}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input.gux-disabled{pointer-events:none;opacity:0.5}";export{d as gux_form_field_dropdown}
@@ -1 +1 @@
1
- import{r as t,h as s,H as r,g as o}from"./p-74b510cb.js";import{t as i}from"./p-110f454e.js";import{D as e}from"./p-defdb6b9.js";import{g as a}from"./p-1c9dfc78.js";import"./p-8a133b9b.js";const p=class{constructor(s){t(this,s),this.datetime=(new Date).toISOString(),this.format="short"}componentWillLoad(){i(this.root),this.formatter=new e(a(this.root))}render(){return s(r,null,this.formatter.formatTime(new Date(this.datetime),this.format))}get root(){return o(this)}};export{p as gux_time_beta}
1
+ import{r as t,h as s,H as r,g as o}from"./p-74b510cb.js";import{t as e}from"./p-e38e6890.js";import{D as i}from"./p-defdb6b9.js";import{g as a}from"./p-1c9dfc78.js";import"./p-8a133b9b.js";const p=class{constructor(s){t(this,s),this.datetime=(new Date).toISOString(),this.format="short"}componentWillLoad(){e(this.root),this.formatter=new i(a(this.root))}render(){return s(r,null,this.formatter.formatTime(new Date(this.datetime),this.format))}get root(){return o(this)}};export{p as gux_time_beta}
@@ -1 +1 @@
1
- import{r as t,c as o,h as n,g as a}from"./p-74b510cb.js";import{t as i}from"./p-110f454e.js";const s=class{constructor(n){t(this,n),this.guxdismiss=o(this,"guxdismiss",7),this.size="dynamic",this.trapFocus=!0}handleKeyEvent(t){"Escape"===t.key&&this.onDismissHandler(t)}connectedCallback(){this.triggerElement=document.activeElement}componentWillLoad(){i(this.root,{variant:`${this.size}-${this.trapFocus?"trapfocuson":"trapfocusoff"}`})}componentDidLoad(){var t,o,n;const a=this.getInitialFocusElement();a?null===(t=a.focus)||void 0===t||t.call(a):this.dismissButton&&(null===(n=(o=this.dismissButton).focus)||void 0===n||n.call(o))}render(){const t=this.hasModalTitleSlot(),o=this.hasFooterButtons();return n("div",{class:"gux-modal"},n("div",{class:`gux-modal-container gux-${this.size}`},this.renderModalTrapFocusEl(),n("gux-dismiss-button",{onClick:this.onDismissHandler.bind(this),ref:t=>this.dismissButton=t}),t&&n("h1",{class:"gux-modal-header"},n("slot",{name:"title"})),n("div",{class:{"gux-modal-content":!0,"gux-no-buttons":!o}},n("p",null,n("slot",{name:"content"}))),o&&n("div",{class:"gux-button-footer"},n("div",{class:"gux-left-align-buttons"},n("slot",{name:"left-align-buttons"})),n("div",{class:"gux-right-align-buttons"},n("slot",{name:"right-align-buttons"}))),this.renderModalTrapFocusEl()))}renderModalTrapFocusEl(){if(this.trapFocus)return n("span",{onFocus:()=>this.dismissButton.focus(),tabindex:"0"})}getInitialFocusElement(){return this.initialFocus?this.root.querySelector(this.initialFocus):void 0}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){return Boolean(this.root.querySelector('[slot="left-align-buttons"]'))||Boolean(this.root.querySelector('[slot="right-align-buttons"]'))}onDismissHandler(t){var o;t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||(this.root.remove(),null===(o=this.triggerElement)||void 0===o||o.focus())}get root(){return a(this)}};s.style=":host .gux-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--gux-zindex-modal, 1);display:flex;align-items:center;justify-content:center;color:#2e394c;background:rgba(32, 41, 55, 0.8)}:host .gux-modal .gux-modal-container{box-shadow:0 8px 24px rgba(32, 41, 55, 0.4);position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}:host .gux-modal .gux-modal-container.gux-small{width:416px;max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:672px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:940px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 2 * 24px);max-height:calc(100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding-bottom:24px;margin:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin:0 8px 24px;overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}:host .gux-modal .gux-modal-container .gux-button-footer .gux-left-align-buttons gux-button{padding-right:5px}:host .gux-modal .gux-modal-container .gux-button-footer .gux-right-align-buttons gux-button{padding-left:5px}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";export{s as gux_modal}
1
+ import{r as t,c as o,h as n,g as a}from"./p-74b510cb.js";import{t as i}from"./p-e38e6890.js";const s=class{constructor(n){t(this,n),this.guxdismiss=o(this,"guxdismiss",7),this.size="dynamic",this.trapFocus=!0}handleKeyEvent(t){"Escape"===t.key&&this.onDismissHandler(t)}connectedCallback(){this.triggerElement=document.activeElement}componentWillLoad(){i(this.root,{variant:`${this.size}-${this.trapFocus?"trapfocuson":"trapfocusoff"}`})}componentDidLoad(){var t,o,n;const a=this.getInitialFocusElement();a?null===(t=a.focus)||void 0===t||t.call(a):this.dismissButton&&(null===(n=(o=this.dismissButton).focus)||void 0===n||n.call(o))}render(){const t=this.hasModalTitleSlot(),o=this.hasFooterButtons();return n("div",{class:"gux-modal"},n("div",{class:`gux-modal-container gux-${this.size}`},this.renderModalTrapFocusEl(),n("gux-dismiss-button",{onClick:this.onDismissHandler.bind(this),ref:t=>this.dismissButton=t}),t&&n("h1",{class:"gux-modal-header"},n("slot",{name:"title"})),n("div",{class:{"gux-modal-content":!0,"gux-no-buttons":!o}},n("p",null,n("slot",{name:"content"}))),o&&n("div",{class:"gux-button-footer"},n("div",{class:"gux-left-align-buttons"},n("slot",{name:"left-align-buttons"})),n("div",{class:"gux-right-align-buttons"},n("slot",{name:"right-align-buttons"}))),this.renderModalTrapFocusEl()))}renderModalTrapFocusEl(){if(this.trapFocus)return n("span",{onFocus:()=>this.dismissButton.focus(),tabindex:"0"})}getInitialFocusElement(){return this.initialFocus?this.root.querySelector(this.initialFocus):void 0}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){return Boolean(this.root.querySelector('[slot="left-align-buttons"]'))||Boolean(this.root.querySelector('[slot="right-align-buttons"]'))}onDismissHandler(t){var o;t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||(this.root.remove(),null===(o=this.triggerElement)||void 0===o||o.focus())}get root(){return a(this)}};s.style=":host .gux-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--gux-zindex-modal, 1);display:flex;align-items:center;justify-content:center;color:#2e394c;background:rgba(32, 41, 55, 0.8)}:host .gux-modal .gux-modal-container{box-shadow:0 8px 24px rgba(32, 41, 55, 0.4);position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}:host .gux-modal .gux-modal-container.gux-small{width:416px;max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:672px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:940px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 2 * 24px);max-height:calc(100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding-bottom:24px;margin:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin:0 8px 24px;overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}:host .gux-modal .gux-modal-container .gux-button-footer .gux-left-align-buttons gux-button{padding-right:5px}:host .gux-modal .gux-modal-container .gux-button-footer .gux-right-align-buttons gux-button{padding-left:5px}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";export{s as gux_modal}
@@ -1 +1 @@
1
- import{r as t,f as i,h as e,g as o}from"./p-74b510cb.js";import{c as r,o as n}from"./p-3f5341ea.js";import{O as s}from"./p-e3c80187.js";import{a}from"./p-e2bea786.js";import{p as l}from"./p-c10e41a9.js";import{t as p}from"./p-110f454e.js";import{G as u,a as f}from"./p-625f19b6.js";import{h as x,a as h,s as c,c as g,G as d,v as b,g as m}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const w=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1}onMutation(){this.hasError=x(this.root)}async guxForceUpdate(){this.hasContent=h(this.input),this.hasError=x(this.root),i(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=x(this.root),this.hasPrefix=Boolean(this.root.querySelector('[slot="prefix"]')),this.hasSuffix=Boolean(this.root.querySelector('[slot="suffix"]')),this.hasPrefix&&c(this.root,this.input,"prefix"),this.hasSuffix&&c(this.root,this.input,"suffix"),p(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return e(f,{labelPosition:this.computedLabelPosition},e(u,{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:()=>g(this.input)}))),e(d,{hasError:this.hasError},e("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=this.root.querySelector('input[type="email"][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=r(this.input),this.required=this.input.required,this.disabledObserver=n(this.input,(t=>{this.disabled=t})),this.requiredObserver=a(this.input,(t=>{this.required=t})),b(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 r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([s({childList:!0,subtree:!0})],w.prototype,"onMutation",null),w.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:11px;line-height:16px;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;width:16px;height:16px;margin-right:4px;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}: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}::slotted(span){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:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{w as gux_form_field_text_like}
1
+ import{r as t,f as i,h as e,g as o}from"./p-74b510cb.js";import{c as r,o as n}from"./p-3f5341ea.js";import{O as s}from"./p-e3c80187.js";import{a}from"./p-e2bea786.js";import{p as l}from"./p-c10e41a9.js";import{t as p}from"./p-e38e6890.js";import{G as u,a as f}from"./p-625f19b6.js";import{h as x,a as h,s as c,c as g,G as d,v as b,g as m}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const w=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1}onMutation(){this.hasError=x(this.root)}async guxForceUpdate(){this.hasContent=h(this.input),this.hasError=x(this.root),i(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=x(this.root),this.hasPrefix=Boolean(this.root.querySelector('[slot="prefix"]')),this.hasSuffix=Boolean(this.root.querySelector('[slot="suffix"]')),this.hasPrefix&&c(this.root,this.input,"prefix"),this.hasSuffix&&c(this.root,this.input,"suffix"),p(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return e(f,{labelPosition:this.computedLabelPosition},e(u,{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:()=>g(this.input)}))),e(d,{hasError:this.hasError},e("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=this.root.querySelector('input[type="email"][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=r(this.input),this.required=this.input.required,this.disabledObserver=n(this.input,(t=>{this.disabled=t})),this.requiredObserver=a(this.input,(t=>{this.required=t})),b(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 r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([s({childList:!0,subtree:!0})],w.prototype,"onMutation",null),w.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:11px;line-height:16px;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;width:16px;height:16px;margin-right:4px;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}: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}::slotted(span){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:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{w as gux_form_field_text_like}
@@ -1 +1 @@
1
- import{r as t,f as e,h as i,g as o}from"./p-74b510cb.js";import{O as n}from"./p-acd2fa20.js";import{b as s}from"./p-1c9dfc78.js";import{s as r}from"./p-d176c2ae.js";import{t as l}from"./p-110f454e.js";import{g as u}from"./p-3770c1e9.js";import"./p-8a133b9b.js";const d={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown",numberSelected:"{numberSelected} selected"};const a=class{constructor(e){t(this,e),this.disabled=!1,this.required=!1,this.filterable=!1,this.hasError=!1,this.expanded=!1,this.filter=""}focusSelectedItemAfterRender(t){t&&this.listboxElement&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.listboxElement.focus(),this.filterable&&this.filterElement.focus()}))})),t||(this.filter="")}validateValue(t){void 0!==t?this.getOptionElementByValue(t)?this.listboxElement.value=t:this.value=void 0:this.listboxElement&&(this.listboxElement.value=t)}getSelectedValues(){var t;return Promise.resolve((null===(t=this.value)||void 0===t?void 0:t.split(","))||[])}onKeydown(t){switch(t.key){case"Escape":return this.filterable&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),e(this.root)}onGuxclearselected(t){t.stopPropagation(),this.updateValue(""),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value),this.fieldButtonElement.focus()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}async componentWillLoad(){l(this.root),this.i18n=await s(this.root,d),this.listboxElement=this.root.querySelector("gux-listbox-multi"),this.validateValue(this.value)}componentDidLoad(){this.listboxElement.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),this.listboxElement.addEventListener("change",(t=>{t.stopPropagation()}))}componentWillRender(){this.validateValue(this.value),this.listboxElement.filter=this.filter}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),i=t?t.split(","):void 0;if(i)return e.filter((t=>i.includes(t.value)))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.filterable&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.filterable&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){switch(t.key){case" ":return void t.preventDefault()}}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,r(this.root,"input"),r(this.root,"change"))}getSuggestionText(t){const e=t.length;if(e>0){const i=u(this.listboxElement,t);if(i)return i.textContent.substring(e)}return""}renderTargetDisplay(){return i("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"),this.getSrSelectedText())}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(null==t?void 0:t.length)return i("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}renderTag(){const t=this.getOptionElementByValue(this.value);if(null==t?void 0:t.length)return i("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":t.length})}renderFilterInputField(){if(this.expanded&&this.filterable)return i("div",{class:"gux-field gux-input-field"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.filter),i("span",{class:"gux-filter-suggestion"},this.getSuggestionText(this.filter))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return i("div",{slot:"popup",class:"gux-listbox-container"},i("slot",null))}renderTarget(){return i("div",{class:{"gux-target-container":!0,"gux-target-container-expanded":this.expanded&&this.filterable,"gux-target-container-collapsed":!(this.expanded&&this.filterable),"gux-error":this.hasError},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),i("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.filterable)return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return[i("div",{class:"gux-dropdown-container"},i("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup()),this.renderTag())]}get root(){return o(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["validateValue"]}}};(function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);s>3&&r&&Object.defineProperty(e,i,r)})([n({triggerEvents:"mousedown"})],a.prototype,"onClickOutside",null),a.style=":host{color:#2e394c}.gux-dropdown-container{position:relative}gux-dropdown-multi-tag{position:absolute;right:32px;bottom:4px}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border-color:#ea0b0b}.gux-field,.gux-target-container-expanded{all:unset;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:6px 0 6px 6px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-field.gux-input-field{height:30px;cursor:text}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%;padding-left:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;caret-color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding:0 8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-within{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:30px;padding:0 0 0 8px;margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}.gux-error-message-container{display:none;margin:4px 0}.gux-error-message-container.gux-show{display:flex}";export{a as gux_dropdown_multi_beta}
1
+ import{r as t,f as e,h as i,g as o}from"./p-74b510cb.js";import{O as n}from"./p-acd2fa20.js";import{b as s}from"./p-1c9dfc78.js";import{s as r}from"./p-d176c2ae.js";import{t as l}from"./p-e38e6890.js";import{g as u}from"./p-3770c1e9.js";import"./p-8a133b9b.js";const d={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown",numberSelected:"{numberSelected} selected"};const a=class{constructor(e){t(this,e),this.disabled=!1,this.required=!1,this.filterable=!1,this.hasError=!1,this.expanded=!1,this.filter=""}focusSelectedItemAfterRender(t){t&&this.listboxElement&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.listboxElement.focus(),this.filterable&&this.filterElement.focus()}))})),t||(this.filter="")}validateValue(t){void 0!==t?this.getOptionElementByValue(t)?this.listboxElement.value=t:this.value=void 0:this.listboxElement&&(this.listboxElement.value=t)}getSelectedValues(){var t;return Promise.resolve((null===(t=this.value)||void 0===t?void 0:t.split(","))||[])}onKeydown(t){switch(t.key){case"Escape":return this.filterable&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),e(this.root)}onGuxclearselected(t){t.stopPropagation(),this.updateValue(""),this.listboxElement&&(this.listboxElement.value=void 0),this.validateValue(this.value),this.fieldButtonElement.focus()}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}async componentWillLoad(){l(this.root),this.i18n=await s(this.root,d),this.listboxElement=this.root.querySelector("gux-listbox-multi"),this.validateValue(this.value)}componentDidLoad(){this.listboxElement.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),this.listboxElement.addEventListener("change",(t=>{t.stopPropagation()}))}componentWillRender(){this.validateValue(this.value),this.listboxElement.filter=this.filter}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=Array.from(this.root.querySelectorAll("gux-option-multi")),i=t?t.split(","):void 0;if(i)return e.filter((t=>i.includes(t.value)))}fieldButtonClick(){this.expanded=!this.expanded}fieldButtonInputClick(){this.expanded||(this.expanded=!this.expanded)}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.filterable&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.filterable&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){switch(t.key){case" ":return void t.preventDefault()}}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,r(this.root,"input"),r(this.root,"change"))}getSuggestionText(t){const e=t.length;if(e>0){const i=u(this.listboxElement,t);if(i)return i.textContent.substring(e)}return""}renderTargetDisplay(){return i("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"),this.getSrSelectedText())}getSrSelectedText(){const t=this.getOptionElementByValue(this.value);if(null==t?void 0:t.length)return i("span",{class:"gux-sr-only"},this.i18n("numberSelected",{numberSelected:t.length.toString()}))}renderTag(){const t=this.getOptionElementByValue(this.value);if(null==t?void 0:t.length)return i("gux-dropdown-multi-tag",{disabled:this.disabled,"number-selected":t.length})}renderFilterInputField(){if(this.expanded&&this.filterable)return i("div",{class:"gux-field gux-input-field"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.filter),i("span",{class:"gux-filter-suggestion"},this.getSuggestionText(this.filter))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonInputClick.bind(this),placeholder:this.placeholder||this.i18n("noSelection"),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return i("div",{slot:"popup",class:"gux-listbox-container"},i("slot",null))}renderTarget(){return i("div",{class:{"gux-target-container":!0,"gux-target-container-expanded":this.expanded&&this.filterable,"gux-target-container-collapsed":!(this.expanded&&this.filterable),"gux-error":this.hasError},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),i("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.filterable)return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return[i("div",{class:"gux-dropdown-container"},i("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup()),this.renderTag())]}get root(){return o(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["validateValue"]}}};(function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);s>3&&r&&Object.defineProperty(e,i,r)})([n({triggerEvents:"mousedown"})],a.prototype,"onClickOutside",null),a.style=":host{color:#2e394c}.gux-dropdown-container{position:relative}gux-dropdown-multi-tag{position:absolute;right:32px;bottom:4px}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border-color:#ea0b0b}.gux-field,.gux-target-container-expanded{all:unset;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:6px 0 6px 6px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-field.gux-input-field{height:30px;cursor:text}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%;padding-left:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;caret-color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding:0 8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-within{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:30px;padding:0 0 0 8px;margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}.gux-error-message-container{display:none;margin:4px 0}.gux-error-message-container.gux-show{display:flex}";export{a as gux_dropdown_multi_beta}
@@ -1 +1 @@
1
- import{r as t,c as i,h as s,g as e}from"./p-74b510cb.js";import{t as o}from"./p-110f454e.js";import{b as n}from"./p-1c9dfc78.js";import"./p-8a133b9b.js";const r={previous:"Previous",next:"Next"},a=class{constructor(s){t(this,s),this.guxPaginationCursorchange=i(this,"guxPaginationCursorchange",7),this.hasPrevious=!1,this.hasNext=!1}onButtonClick(t){("previous"===t&&this.hasPrevious||"next"===t&&this.hasNext)&&this.guxPaginationCursorchange.emit(t)}async componentWillLoad(){o(this.root),this.i18n=await n(this.root,r)}render(){return[s("gux-button-slot-beta",{accent:"secondary"},s("button",{type:"button",title:this.i18n("previous"),disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},s("gux-icon",{decorative:!0,iconName:"ic-chevron-small-left"}))),s("gux-button-slot-beta",{accent:"secondary"},s("button",{type:"button",title:this.i18n("next"),disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},s("gux-icon",{decorative:!0,iconName:"ic-chevron-small-right"})))]}get root(){return e(this)}};a.style=":host{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:space-between}";export{a as gux_pagination_cursor}
1
+ import{r as t,c as i,h as s,g as e}from"./p-74b510cb.js";import{t as o}from"./p-e38e6890.js";import{b as n}from"./p-1c9dfc78.js";import"./p-8a133b9b.js";const r={previous:"Previous",next:"Next"},a=class{constructor(s){t(this,s),this.guxPaginationCursorchange=i(this,"guxPaginationCursorchange",7),this.hasPrevious=!1,this.hasNext=!1}onButtonClick(t){("previous"===t&&this.hasPrevious||"next"===t&&this.hasNext)&&this.guxPaginationCursorchange.emit(t)}async componentWillLoad(){o(this.root),this.i18n=await n(this.root,r)}render(){return[s("gux-button-slot-beta",{accent:"secondary"},s("button",{type:"button",title:this.i18n("previous"),disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},s("gux-icon",{decorative:!0,iconName:"ic-chevron-small-left"}))),s("gux-button-slot-beta",{accent:"secondary"},s("button",{type:"button",title:this.i18n("next"),disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},s("gux-icon",{decorative:!0,iconName:"ic-chevron-small-right"})))]}get root(){return e(this)}};a.style=":host{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:space-between}";export{a as gux_pagination_cursor}
@@ -1 +1 @@
1
- import{r as t,c as s,h as e,g as i}from"./p-74b510cb.js";import{b as n}from"./p-1c9dfc78.js";import{t as o}from"./p-110f454e.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.active=!1,this.sort="none",this.isLeftAlignIcon=!1}async componentWillLoad(){o(this.root),this.i18n=await n(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.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){switch(t){case"descending":return"arrow-solid-up";case"ascending":default:return"arrow-solid-down"}}getNextSort(t){switch(t){case"none":return"ascending";case"ascending":return"descending";case"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-74b510cb.js";import{b as n}from"./p-1c9dfc78.js";import{t as o}from"./p-e38e6890.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.active=!1,this.sort="none",this.isLeftAlignIcon=!1}async componentWillLoad(){o(this.root),this.i18n=await n(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.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){switch(t){case"descending":return"arrow-solid-up";case"ascending":default:return"arrow-solid-down"}}getNextSort(t){switch(t){case"none":return"ascending";case"ascending":return"descending";case"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,h as i,g as a}from"./p-74b510cb.js";import{t as s}from"./p-110f454e.js";import{V as e}from"./p-5cacdfc9.js";import{l as r}from"./p-3184268e.js";const h=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",mark:{type:"bar"},config:{axis:{ticks:!1,titlePadding:8},axisX:{labelAngle:0},scale:{bandPaddingInner:.4,bandPaddingOuter:.4},legend:{symbolType:"circle"},bar:{color:e[0]}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},tooltip:{aggregate:"count",type:"quantitative"}}},this.legendPosition="right"}parseData(){this.xFieldName&&this.yFieldName||r("gux-chart-column","[gux-chart-column] requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=45),this.includeLegend&&(this.baseChartSpec.encoding.color={field:"category"}),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,a=this.yFieldName,s=this.xAxisTitle,h=this.yAxisTitle,n=this.legendTitle;if(this.chartLayers){const t=this.chartLayers.map((t=>({mark:"bar",transform:[{filter:{field:"series",equal:t}}],encoding:{x:{field:i,type:"nominal"},y:{field:a,type:"quantitative"}}})));this.baseChartSpec.layer=t}else i&&(this.baseChartSpec.encoding.x.field=i),a&&(this.baseChartSpec.encoding.y.field=a),s&&(this.baseChartSpec.encoding.x.title=s),h&&(this.baseChartSpec.encoding.y.title=h),n&&(this.baseChartSpec.encoding.color.title=n);this.baseChartSpec.config.range={[i]:e};const o=Object.assign(this.baseChartSpec,t);this.visualizationSpec=o}componentWillLoad(){s(this.root),this.parseData()}render(){return i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return a(this)}static get watchers(){return{chartData:["parseData"]}}};h.style="gux-visualization-beta{height:fit-content;color:#2e394c;}gux-visualization-beta .mark-rect.layer_0_marks path{fill:url(#diagonalHatch0)}gux-visualization-beta .mark-rect.layer_1_marks path{fill:#1da8b3}";export{h as gux_chart_column_beta}
1
+ import{r as t,h as i,g as a}from"./p-74b510cb.js";import{t as s}from"./p-e38e6890.js";import{V as e}from"./p-5cacdfc9.js";import{l as r}from"./p-3184268e.js";const h=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",mark:{type:"bar"},config:{axis:{ticks:!1,titlePadding:8},axisX:{labelAngle:0},scale:{bandPaddingInner:.4,bandPaddingOuter:.4},legend:{symbolType:"circle"},bar:{color:e[0]}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},tooltip:{aggregate:"count",type:"quantitative"}}},this.legendPosition="right"}parseData(){this.xFieldName&&this.yFieldName||r("gux-chart-column","[gux-chart-column] requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=45),this.includeLegend&&(this.baseChartSpec.encoding.color={field:"category"}),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,a=this.yFieldName,s=this.xAxisTitle,h=this.yAxisTitle,n=this.legendTitle;if(this.chartLayers){const t=this.chartLayers.map((t=>({mark:"bar",transform:[{filter:{field:"series",equal:t}}],encoding:{x:{field:i,type:"nominal"},y:{field:a,type:"quantitative"}}})));this.baseChartSpec.layer=t}else i&&(this.baseChartSpec.encoding.x.field=i),a&&(this.baseChartSpec.encoding.y.field=a),s&&(this.baseChartSpec.encoding.x.title=s),h&&(this.baseChartSpec.encoding.y.title=h),n&&(this.baseChartSpec.encoding.color.title=n);this.baseChartSpec.config.range={[i]:e};const o=Object.assign(this.baseChartSpec,t);this.visualizationSpec=o}componentWillLoad(){s(this.root),this.parseData()}render(){return i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return a(this)}static get watchers(){return{chartData:["parseData"]}}};h.style="gux-visualization-beta{height:fit-content;color:#2e394c;}gux-visualization-beta .mark-rect.layer_0_marks path{fill:url(#diagonalHatch0)}gux-visualization-beta .mark-rect.layer_1_marks path{fill:#1da8b3}";export{h as gux_chart_column_beta}
@@ -1 +1 @@
1
- import{r as t,c as i,h as o,g as s}from"./p-74b510cb.js";import{t as n}from"./p-110f454e.js";import{O as e}from"./p-acd2fa20.js";import{b as a}from"./p-1c9dfc78.js";import"./p-8a133b9b.js";const c={actionButtonDropdown:"Dropdown for {buttonTitle}"};const h=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.moveFocusDelay=100,this.type="button",this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const i=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,i.includes(this.actionListElement)&&this.dropdownButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":t.preventDefault(),i.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay));break;case"Enter":i.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}handleKeyup(t){const i=t.composedPath();switch(t.key){case" ":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen)}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}async componentWillLoad(){n(this.root,{variant:this.type}),this.i18n=await a(this.root,c)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup",{expanded:this.isOpen,disabled:this.disabled},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot-beta",{class:"gux-action-button",accent:this.accent},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},this.text)),o("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("gux-action-list-legacy",{slot:"popup",ref:t=>this.actionListElement=t},o("slot",null))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([e({triggerEvents:"click"})],h.prototype,"onClickOutside",null),h.style=":host{display:block;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;min-width:0;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}";export{h as gux_action_button_legacy}
1
+ import{r as t,c as i,h as o,g as s}from"./p-74b510cb.js";import{t as n}from"./p-e38e6890.js";import{O as e}from"./p-acd2fa20.js";import{b as a}from"./p-1c9dfc78.js";import"./p-8a133b9b.js";const c={actionButtonDropdown:"Dropdown for {buttonTitle}"};const h=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.moveFocusDelay=100,this.type="button",this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const i=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,i.includes(this.actionListElement)&&this.dropdownButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":t.preventDefault(),i.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay));break;case"Enter":i.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}handleKeyup(t){const i=t.composedPath();switch(t.key){case" ":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen)}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}async componentWillLoad(){n(this.root,{variant:this.type}),this.i18n=await a(this.root,c)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup",{expanded:this.isOpen,disabled:this.disabled},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot-beta",{class:"gux-action-button",accent:this.accent},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},this.text)),o("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("gux-action-list-legacy",{slot:"popup",ref:t=>this.actionListElement=t},o("slot",null))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([e({triggerEvents:"click"})],h.prototype,"onClickOutside",null),h.style=":host{display:block;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;min-width:0;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}";export{h as gux_action_button_legacy}
@@ -0,0 +1 @@
1
+ import{r as e,h as t,g as o}from"./p-74b510cb.js";import{c as i,o as r}from"./p-3f5341ea.js";import{O as n}from"./p-e3c80187.js";import{a}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as p}from"./p-e38e6890.js";import{G as l,a as u}from"./p-625f19b6.js";import{h as c,G as x,v as g,g as f}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const d=class{constructor(t){e(this,t),this.computedLabelPosition="above",this.hasError=!1}onMutation(){this.hasError=c(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=c(this.root),p(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return t(u,{labelPosition:this.computedLabelPosition},t(l,{position:this.computedLabelPosition,required:this.required},t("slot",{name:"label",onSlotchange:()=>this.setLabel()})),t("div",{class:"gux-input-and-error-container"},t("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},t("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},t("slot",{name:"input"}),t("gux-icon",{"icon-name":"ic-dropdown-arrow",decorative:!0}))),t(x,{hasError:this.hasError},t("slot",{name:"error"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${e}`}setInput(){this.input=this.root.querySelector('select[slot="input"]'),s(this.input),this.disabled=i(this.input),this.required=this.input.required,this.disabledObserver=r(this.input,(e=>{this.disabled=e})),this.requiredObserver=a(this.input,(e=>{this.required=e})),g(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=f(this.label,this.labelPosition)}get root(){return o(this)}};(function(e,t,o,i){var r,n=arguments.length,a=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(n<3?r(a):n>3?r(t,o,a):r(t,o))||a);n>3&&a&&Object.defineProperty(t,o,a)})([n({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 16px) 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;line-height:16px;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;width:16px;height:16px;margin-right:4px;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}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(select){flex:1 1 auto;align-self:auto;order:0;height:30px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted(select)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:#2a60c8}.gux-input-and-error-container .gux-input .gux-input-container select{flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{d as gux_form_field_select}
@@ -1 +1 @@
1
- import{r as t,h as e,g as a}from"./p-74b510cb.js";import{m as l}from"./p-5ac4e2cf.js";import{b as g}from"./p-1c9dfc78.js";import{t as i}from"./p-110f454e.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 .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 .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 .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 .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 .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 .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 .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 .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-74b510cb.js";import{m as l}from"./p-5ac4e2cf.js";import{b as g}from"./p-1c9dfc78.js";import{t as i}from"./p-e38e6890.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 .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 .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 .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 .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 .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 .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 .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 .gux-list-item .gux-details,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}";export{u as gux_command_palette_legacy}
@@ -1 +1 @@
1
- import{r as t,h as i,H as s,g as o}from"./p-74b510cb.js";import{r as e}from"./p-cbcbd1bb.js";import{t as h}from"./p-110f454e.js";import{c as n}from"./p-ec26fc38.js";const r=class{constructor(i){t(this,i),this.pointerenterHandler=()=>this.show(),this.pointerleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.id=e("gux-tooltip"),this.placement="bottom-start",this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}show(){this.popperInstance.forceUpdate(),this.isShown=!0}hide(){this.isShown=!1}getForElement(){this.forElement=this.for?document.getElementById(this.for):this.root.parentElement}logForAttributeError(){console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}connectedCallback(){this.getForElement(),this.forElement?(this.forElement.setAttribute("aria-describedby",this.id),this.popperInstance=n(this.forElement,this.root,{modifiers:[{name:"offset",options:{offset:[0,16]}}],placement:this.placement,strategy:"fixed"}),this.forElement.addEventListener("pointerenter",this.pointerenterHandler),this.forElement.addEventListener("pointerleave",this.pointerleaveHandler),this.forElement.addEventListener("focusin",this.focusinHandler),this.forElement.addEventListener("focusout",this.focusoutHandler)):this.logForAttributeError()}componentWillLoad(){h(this.root)}disconnectedCallback(){this.forElement.removeAttribute("aria-describedby"),this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null),this.forElement.removeEventListener("pointerenter",this.pointerenterHandler),this.forElement.removeEventListener("pointerleave",this.pointerleaveHandler),this.forElement.removeEventListener("focusin",this.focusinHandler),this.forElement.removeEventListener("focusout",this.focusoutHandler)}render(){return i(s,{id:this.id,class:{"gux-show":this.isShown},role:"tooltip"},i("div",{class:"gux-container"},i("slot",null)))}get root(){return o(this)}};r.style=":host{z-index:var(--gux-zindex-tooltip, 1);visibility:hidden !important;opacity:0}:host(.gux-show){visibility:visible !important;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;max-width:250px;padding:6px 12px;color:#2e394c;pointer-events:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";export{r as gux_tooltip}
1
+ import{r as t,h as i,H as s,g as o}from"./p-74b510cb.js";import{r as e}from"./p-cbcbd1bb.js";import{t as h}from"./p-e38e6890.js";import{c as n}from"./p-ec26fc38.js";const r=class{constructor(i){t(this,i),this.pointerenterHandler=()=>this.show(),this.pointerleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.id=e("gux-tooltip"),this.placement="bottom-start",this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}show(){this.popperInstance.forceUpdate(),this.isShown=!0}hide(){this.isShown=!1}getForElement(){this.forElement=this.for?document.getElementById(this.for):this.root.parentElement}logForAttributeError(){console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}connectedCallback(){this.getForElement(),this.forElement?(this.forElement.setAttribute("aria-describedby",this.id),this.popperInstance=n(this.forElement,this.root,{modifiers:[{name:"offset",options:{offset:[0,16]}}],placement:this.placement,strategy:"fixed"}),this.forElement.addEventListener("pointerenter",this.pointerenterHandler),this.forElement.addEventListener("pointerleave",this.pointerleaveHandler),this.forElement.addEventListener("focusin",this.focusinHandler),this.forElement.addEventListener("focusout",this.focusoutHandler)):this.logForAttributeError()}componentWillLoad(){h(this.root)}disconnectedCallback(){this.forElement.removeAttribute("aria-describedby"),this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null),this.forElement.removeEventListener("pointerenter",this.pointerenterHandler),this.forElement.removeEventListener("pointerleave",this.pointerleaveHandler),this.forElement.removeEventListener("focusin",this.focusinHandler),this.forElement.removeEventListener("focusout",this.focusoutHandler)}render(){return i(s,{id:this.id,class:{"gux-show":this.isShown},role:"tooltip"},i("div",{class:"gux-container"},i("slot",null)))}get root(){return o(this)}};r.style=":host{z-index:var(--gux-zindex-tooltip, 1);visibility:hidden !important;opacity:0}:host(.gux-show){visibility:visible !important;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;max-width:250px;padding:6px 12px;color:#2e394c;pointer-events:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";export{r as gux_tooltip}
@@ -1 +1 @@
1
- import{r as t,h as n,H as r,g as s}from"./p-74b510cb.js";import{t as o}from"./p-110f454e.js";const e=["gux-list-item"];function i(t){return function(t){const n=t.querySelector("slot");return n?n.assignedElements():Array.from(t.children)}(t).filter((t=>!!e.includes(t.tagName.toLowerCase())&&!t.disabled))}function c(t,n){a(t,(function(t){return i(t).findIndex((t=>t.matches(":focus-within")))}(t)+n)%i(t).length)}function a(t,n){var r;const s=i(t);for(;n<0;)n+=s.length;null===(r=s[n])||void 0===r||r.focus()}function u(t){a(t,0)}const l=class{constructor(n){t(this,n)}componentWillLoad(){o(this.root)}onKeyDown(t){switch(t.key){case"ArrowUp":t.preventDefault(),c(this.root,-1);break;case"Home":t.preventDefault(),u(this.root);break;case"ArrowDown":t.preventDefault(),c(this.root,1);break;case"End":t.preventDefault(),function(t){a(t,function(t){return i(t).length-1}(t))}(this.root)}}async guxFocusFirstItem(){u(this.root)}renderFocusTarget(){return n("span",{tabindex:"-1"})}render(){return n(r,{role:"list"},this.renderFocusTarget(),n("slot",null))}static get delegatesFocus(){return!0}get root(){return s(this)}};l.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}";export{l as gux_list}
1
+ import{r as t,h as n,H as r,g as s}from"./p-74b510cb.js";import{t as e}from"./p-e38e6890.js";const o=["gux-list-item"];function i(t){return function(t){const n=t.querySelector("slot");return n?n.assignedElements():Array.from(t.children)}(t).filter((t=>!!o.includes(t.tagName.toLowerCase())&&!t.disabled))}function c(t,n){a(t,(function(t){return i(t).findIndex((t=>t.matches(":focus-within")))}(t)+n)%i(t).length)}function a(t,n){var r;const s=i(t);for(;n<0;)n+=s.length;null===(r=s[n])||void 0===r||r.focus()}function u(t){a(t,0)}const l=class{constructor(n){t(this,n)}componentWillLoad(){e(this.root)}onKeyDown(t){switch(t.key){case"ArrowUp":t.preventDefault(),c(this.root,-1);break;case"Home":t.preventDefault(),u(this.root);break;case"ArrowDown":t.preventDefault(),c(this.root,1);break;case"End":t.preventDefault(),function(t){a(t,function(t){return i(t).length-1}(t))}(this.root)}}async guxFocusFirstItem(){u(this.root)}renderFocusTarget(){return n("span",{tabindex:"-1"})}render(){return n(r,{role:"list"},this.renderFocusTarget(),n("slot",null))}static get delegatesFocus(){return!0}get root(){return s(this)}};l.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}";export{l as gux_list}
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,H as a,g as h}from"./p-74b510cb.js";import{t as e}from"./p-110f454e.js";const c=class{constructor(i){t(this,i),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.orientation="horizontal",this.alignment="left",this.tabPanels=[]}watchActiveTab(t){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(a,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 h(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 a,g as h}from"./p-74b510cb.js";import{t as e}from"./p-e38e6890.js";const c=class{constructor(i){t(this,i),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.orientation="horizontal",this.alignment="left",this.tabPanels=[]}watchActiveTab(t){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(a,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 h(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};c.style=".gux-tabs.gux-vertical{display:flex;height:100%}";export{c as gux_tabs}
@@ -1 +1 @@
1
- import{r as t,h as i,H as a,g as s}from"./p-74b510cb.js";import{s as r}from"./p-d176c2ae.js";import{c as e}from"./p-9dd4b14a.js";import{t as n}from"./p-110f454e.js";import{l as o}from"./p-3184268e.js";const h=class{constructor(i){t(this,i),this.value=0,this.maxValue=5,this.disabled=!1,this.readonly=!1}onClick(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const[i]=t.composedPath(),a=i.getRootNode(),s=Array.from(this.starContainer.children).findIndex((t=>t.shadowRoot===a))+1;s===this.value+.5?this.updateRatingValue(s):s===this.value?this.updateRatingValue(0):s!==Math.floor(this.value)&&this.updateRatingValue(s-.5)}onKeyDown(t){if(t.stopPropagation(),!this.disabled&&!this.readonly)switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault(),this.updateRatingValue(this.value-.5);break;case"ArrowDown":case"ArrowRight":t.preventDefault(),this.updateRatingValue(this.value+.5);break;case"End":t.preventDefault(),this.updateRatingValue(1/0);break;case"Home":t.preventDefault(),this.updateRatingValue(-1/0)}}updateRatingValue(t){const i=e(t,0,Array.from(this.starContainer.children).length);this.value!==i&&(this.value=i,r(this.root,"input"),r(this.root,"change"))}getRatingStarElements(){return[...Array(this.maxValue).keys()].reduce(((t,i)=>t.concat(i+.5===this.value?"rating-partial":i+1<=this.value?"rating-active":"rating")),[]).map((t=>i("gux-icon",{"icon-name":t,decorative:!0})))}getTabIndex(){return this.disabled?-1:0}componentWillLoad(){n(this.root)}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||o("gux-rating","`gux-rating` requires a label. Either provide a label and associate it with the gux-rating element using `aria-labelledby` or add an `aria-label` attribute to the gux-rating element.")}render(){return i(a,{role:"spinbutton",tabindex:this.getTabIndex(),"aria-readonly":this.readonly.toString(),"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":this.maxValue},i("div",{ref:t=>this.starContainer=t,class:{"gux-rating-star-container":!0,"gux-disabled":this.disabled}},this.getRatingStarElements()))}get root(){return s(this)}};h.style=":host{display:inline-flex;user-select:none}:host:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}.gux-rating-star-container{color:#2e394c}.gux-rating-star-container.gux-disabled{opacity:0.5}.gux-rating-star-container gux-icon{width:24px;height:24px}";export{h as gux_rating}
1
+ import{r as t,h as i,H as a,g as s}from"./p-74b510cb.js";import{s as r}from"./p-d176c2ae.js";import{c as e}from"./p-9dd4b14a.js";import{t as n}from"./p-e38e6890.js";import{l as o}from"./p-3184268e.js";const h=class{constructor(i){t(this,i),this.value=0,this.maxValue=5,this.disabled=!1,this.readonly=!1}onClick(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const[i]=t.composedPath(),a=i.getRootNode(),s=Array.from(this.starContainer.children).findIndex((t=>t.shadowRoot===a))+1;s===this.value+.5?this.updateRatingValue(s):s===this.value?this.updateRatingValue(0):s!==Math.floor(this.value)&&this.updateRatingValue(s-.5)}onKeyDown(t){if(t.stopPropagation(),!this.disabled&&!this.readonly)switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault(),this.updateRatingValue(this.value-.5);break;case"ArrowDown":case"ArrowRight":t.preventDefault(),this.updateRatingValue(this.value+.5);break;case"End":t.preventDefault(),this.updateRatingValue(1/0);break;case"Home":t.preventDefault(),this.updateRatingValue(-1/0)}}updateRatingValue(t){const i=e(t,0,Array.from(this.starContainer.children).length);this.value!==i&&(this.value=i,r(this.root,"input"),r(this.root,"change"))}getRatingStarElements(){return[...Array(this.maxValue).keys()].reduce(((t,i)=>t.concat(i+.5===this.value?"rating-partial":i+1<=this.value?"rating-active":"rating")),[]).map((t=>i("gux-icon",{"icon-name":t,decorative:!0})))}getTabIndex(){return this.disabled?-1:0}componentWillLoad(){n(this.root)}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||o("gux-rating","`gux-rating` requires a label. Either provide a label and associate it with the gux-rating element using `aria-labelledby` or add an `aria-label` attribute to the gux-rating element.")}render(){return i(a,{role:"spinbutton",tabindex:this.getTabIndex(),"aria-readonly":this.readonly.toString(),"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":this.maxValue},i("div",{ref:t=>this.starContainer=t,class:{"gux-rating-star-container":!0,"gux-disabled":this.disabled}},this.getRatingStarElements()))}get root(){return s(this)}};h.style=":host{display:inline-flex;user-select:none}:host:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}.gux-rating-star-container{color:#2e394c}.gux-rating-star-container.gux-disabled{opacity:0.5}.gux-rating-star-container gux-icon{width:24px;height:24px}";export{h as gux_rating}
@@ -1 +1 @@
1
- import{r as t,c as o,d as a,w as e,h as c,g as r}from"./p-74b510cb.js";import{S as i}from"./p-020b6498.js";import{t as n}from"./p-110f454e.js";import{b as l}from"./p-1c9dfc78.js";import{w as b}from"./p-76ff3e75.js";import"./p-8a133b9b.js";const s={createNewTab:"Create New Tab",scrollLeft:"Scroll Left",scrollRight:"Scroll Right",disableNewTab:"Maximum number of tabs created has been reached"},d=class{constructor(a){t(this,a),this.newTab=o(this,"newTab",7),this.input=o(this,"input",7),this.sortChanged=o(this,"sortChanged",7),this.allowSort=!1,this.showNewTabButton=!1,this.value="",this.tabLimit=1/0,this.disableAddTabButton=!1,this.hasScrollbar=!1}watchHandler(t){const o=Array.from(this.root.querySelectorAll("gux-tab-legacy"));for(const a of o)a.active=a.tabId===t}internaltabselectedHandler(t){b("gux-tab-legacy",t,(t=>{t.active||(this.value=t.tabId,this.input.emit())}))}createSortable(){this.sortableInstance=new i(this.root,{animation:250,draggable:"gux-tab-legacy",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-legacy")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-tabs")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){n(this.root),this.i18n=await l(this.root,s)}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-legacy")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}checkForScrollbarHideOrShow(){a((()=>{const t=this.root.shadowRoot.querySelector(".scrollable-section"),o=t.clientWidth!==t.scrollWidth;o!==this.hasScrollbar&&(this.hasScrollbar=o)}))}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(this.checkForScrollbarHideOrShow.bind(this))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-tabs")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver(this.checkForScrollbarHideOrShow.bind(this))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}componentDidRender(){setTimeout((()=>{a((()=>{if(this.value){const t=this.root.querySelector(`gux-tab-legacy[tab-id='${this.value}']`);t&&(t.active=!0)}}))}),500)}scrollLeft(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(-100,0)}))}scrollRight(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(100,0)}))}render(){const t=t=>c("button",{title:this.i18n(this.disableAddTabButton?"disableNewTab":"createNewTab"),class:"add-tab",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},c("gux-icon",{"icon-name":"add",decorative:!0}));return c("div",{class:"gux-tabs"},c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollLeft"),class:"arrow-button",onClick:()=>this.scrollLeft()},c("gux-icon",{"icon-name":"chevron-left",decorative:!0})):null),c("div",{class:"scrollable-section"},c("slot",null),this.showNewTabButton&&!this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null),c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollRight"),class:"arrow-button",onClick:()=>this.scrollRight()},c("gux-icon",{"icon-name":"chevron-right",decorative:!0})):null,this.showNewTabButton&&this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null))}get root(){return r(this)}static get watchers(){return{value:["watchHandler"]}}};d.style=".gux-tabs{display:flex;align-items:flex-end;width:100%;height:40px;overflow-x:hidden}.gux-tabs .action-button-container{display:flex;border-radius:2px}.gux-tabs .action-button-container .arrow-button{display:flex;align-items:center;justify-content:center;width:24px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .arrow-button gux-icon{width:10px;height:10px}.gux-tabs .action-button-container .add-tab{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .add-tab:disabled{opacity:0.5}.gux-tabs .action-button-container .add-tab:disabled:hover{color:#202937}.gux-tabs .action-button-container .add-tab:disabled:active{background-color:#e2e6ee}.gux-tabs .action-button-container .add-tab gux-icon{width:16px;height:16px}.gux-tabs .scrollable-section{display:flex;flex:1 1 auto;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.gux-tabs .scrollable-section::-webkit-scrollbar{height:0}.gux-tabs .scrollable-section .add-tab{display:flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;margin-left:4px;border:none;transition:color 0.25s}.gux-tabs .scrollable-section .add-tab gux-icon{width:16px;height:16px}.gux-tabs-light-theme{background-color:#e2e6ee}.gux-tabs-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-light-theme .gux-tabs{background-color:#e2e6ee}.gux-light-theme .gux-tabs .action-button-container{background-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-light-theme .gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-light-theme .gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs.gux-light-theme{background-color:#e2e6ee}.gux-tabs.gux-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs.gux-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs.gux-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs{background-color:#e2e6ee}.gux-tabs .action-button-container{background-color:#c8cfda}.gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}";export{d as gux_tabs_legacy}
1
+ import{r as t,c as o,d as a,w as e,h as c,g as r}from"./p-74b510cb.js";import{S as i}from"./p-020b6498.js";import{t as n}from"./p-e38e6890.js";import{b as l}from"./p-1c9dfc78.js";import{w as b}from"./p-76ff3e75.js";import"./p-8a133b9b.js";const s={createNewTab:"Create New Tab",scrollLeft:"Scroll Left",scrollRight:"Scroll Right",disableNewTab:"Maximum number of tabs created has been reached"},d=class{constructor(a){t(this,a),this.newTab=o(this,"newTab",7),this.input=o(this,"input",7),this.sortChanged=o(this,"sortChanged",7),this.allowSort=!1,this.showNewTabButton=!1,this.value="",this.tabLimit=1/0,this.disableAddTabButton=!1,this.hasScrollbar=!1}watchHandler(t){const o=Array.from(this.root.querySelectorAll("gux-tab-legacy"));for(const a of o)a.active=a.tabId===t}internaltabselectedHandler(t){b("gux-tab-legacy",t,(t=>{t.active||(this.value=t.tabId,this.input.emit())}))}createSortable(){this.sortableInstance=new i(this.root,{animation:250,draggable:"gux-tab-legacy",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-legacy")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-tabs")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){n(this.root),this.i18n=await l(this.root,s)}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-legacy")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}checkForScrollbarHideOrShow(){a((()=>{const t=this.root.shadowRoot.querySelector(".scrollable-section"),o=t.clientWidth!==t.scrollWidth;o!==this.hasScrollbar&&(this.hasScrollbar=o)}))}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(this.checkForScrollbarHideOrShow.bind(this))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-tabs")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver(this.checkForScrollbarHideOrShow.bind(this))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}componentDidRender(){setTimeout((()=>{a((()=>{if(this.value){const t=this.root.querySelector(`gux-tab-legacy[tab-id='${this.value}']`);t&&(t.active=!0)}}))}),500)}scrollLeft(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(-100,0)}))}scrollRight(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(100,0)}))}render(){const t=t=>c("button",{title:this.i18n(this.disableAddTabButton?"disableNewTab":"createNewTab"),class:"add-tab",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},c("gux-icon",{"icon-name":"add",decorative:!0}));return c("div",{class:"gux-tabs"},c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollLeft"),class:"arrow-button",onClick:()=>this.scrollLeft()},c("gux-icon",{"icon-name":"chevron-left",decorative:!0})):null),c("div",{class:"scrollable-section"},c("slot",null),this.showNewTabButton&&!this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null),c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollRight"),class:"arrow-button",onClick:()=>this.scrollRight()},c("gux-icon",{"icon-name":"chevron-right",decorative:!0})):null,this.showNewTabButton&&this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null))}get root(){return r(this)}static get watchers(){return{value:["watchHandler"]}}};d.style=".gux-tabs{display:flex;align-items:flex-end;width:100%;height:40px;overflow-x:hidden}.gux-tabs .action-button-container{display:flex;border-radius:2px}.gux-tabs .action-button-container .arrow-button{display:flex;align-items:center;justify-content:center;width:24px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .arrow-button gux-icon{width:10px;height:10px}.gux-tabs .action-button-container .add-tab{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .add-tab:disabled{opacity:0.5}.gux-tabs .action-button-container .add-tab:disabled:hover{color:#202937}.gux-tabs .action-button-container .add-tab:disabled:active{background-color:#e2e6ee}.gux-tabs .action-button-container .add-tab gux-icon{width:16px;height:16px}.gux-tabs .scrollable-section{display:flex;flex:1 1 auto;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.gux-tabs .scrollable-section::-webkit-scrollbar{height:0}.gux-tabs .scrollable-section .add-tab{display:flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;margin-left:4px;border:none;transition:color 0.25s}.gux-tabs .scrollable-section .add-tab gux-icon{width:16px;height:16px}.gux-tabs-light-theme{background-color:#e2e6ee}.gux-tabs-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-light-theme .gux-tabs{background-color:#e2e6ee}.gux-light-theme .gux-tabs .action-button-container{background-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-light-theme .gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-light-theme .gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs.gux-light-theme{background-color:#e2e6ee}.gux-tabs.gux-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs.gux-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs.gux-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs{background-color:#e2e6ee}.gux-tabs .action-button-container{background-color:#c8cfda}.gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}";export{d as gux_tabs_legacy}