genesys-spark-components 3.23.1 → 3.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (275) hide show
  1. package/README.md +14 -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 +2 -2
  9. package/dist/cjs/gux-badge-beta.cjs.entry.js +1 -1
  10. package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
  11. package/dist/cjs/gux-button-multi-legacy.cjs.entry.js +1 -1
  12. package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
  13. package/dist/cjs/gux-button-slot-beta.cjs.entry.js +1 -1
  14. package/dist/cjs/gux-button.cjs.entry.js +1 -1
  15. package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
  16. package/dist/cjs/gux-card-beta.cjs.entry.js +1 -1
  17. package/dist/cjs/gux-chart-column-beta.cjs.entry.js +1 -1
  18. package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +1 -1
  19. package/dist/cjs/gux-chart-line-beta.cjs.entry.js +1 -1
  20. package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +1 -1
  21. package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +1 -1
  22. package/dist/cjs/gux-command-palette-legacy.cjs.entry.js +1 -1
  23. package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
  24. package/dist/cjs/gux-copy-to-clipboard-beta.cjs.entry.js +1 -1
  25. package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
  26. package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
  27. package/dist/cjs/gux-datepicker.cjs.entry.js +2 -2
  28. package/dist/cjs/gux-disclosure-button.cjs.entry.js +1 -1
  29. package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
  30. package/dist/cjs/gux-dropdown-legacy.cjs.entry.js +2 -2
  31. package/dist/cjs/gux-dropdown-multi-beta.cjs.entry.js +1 -1
  32. package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
  33. package/dist/cjs/gux-error-message-beta.cjs.entry.js +1 -1
  34. package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +2 -2
  35. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
  36. package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
  37. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
  38. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
  39. package/dist/cjs/gux-form-field-legacy.cjs.entry.js +1 -1
  40. package/dist/cjs/gux-form-field-number.cjs.entry.js +1 -1
  41. package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
  42. package/dist/cjs/gux-form-field-range.cjs.entry.js +2 -2
  43. package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
  44. package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
  45. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
  46. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
  47. package/dist/cjs/gux-icon.cjs.entry.js +1 -1
  48. package/dist/cjs/gux-input-checkbox_7.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 +2 -2
  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 +2 -2
  61. package/dist/cjs/gux-popover.cjs.entry.js +2 -2
  62. package/dist/cjs/gux-popup.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
  64. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  65. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  66. package/dist/cjs/gux-side-panel-legacy.cjs.entry.js +1 -1
  67. package/dist/cjs/gux-simple-toast.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-skip-navigation-list-beta.cjs.entry.js +1 -1
  69. package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
  70. package/dist/cjs/gux-switch.cjs.entry.js +1 -1
  71. package/dist/cjs/gux-table-beta.cjs.entry.js +1 -1
  72. package/dist/cjs/gux-table-select-popover.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-tabs-legacy.cjs.entry.js +1 -1
  75. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  76. package/dist/cjs/gux-tag-beta.cjs.entry.js +1 -1
  77. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  78. package/dist/cjs/gux-text-label-legacy.cjs.entry.js +1 -1
  79. package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
  80. package/dist/cjs/gux-time-picker-beta.cjs.entry.js +1 -1
  81. package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
  82. package/dist/cjs/gux-tooltip.cjs.entry.js +2 -2
  83. package/dist/cjs/gux-visualization-beta.cjs.entry.js +1 -1
  84. package/dist/cjs/{usage-tracking-1fdba423.js → usage-tracking-42de8a2d.js} +1 -1
  85. package/dist/collection/components/beta/gux-flyout-menu/gux-flyout-menu.css +1 -1
  86. package/dist/collection/components/beta/gux-popover-list/gux-popover-list.css +1 -1
  87. package/dist/collection/components/beta/gux-table/gux-table-select-menu/gux-table-select-popover/gux-table-select-popover.css +1 -1
  88. package/dist/collection/components/legacy/gux-dropdown-legacy/gux-dropdown.css +1 -1
  89. package/dist/collection/components/legacy/gux-form-field-legacy/components/gux-input-color/gux-input-color.css +1 -1
  90. package/dist/collection/components/stable/gux-advanced-dropdown/gux-advanced-dropdown.css +1 -1
  91. package/dist/collection/components/stable/gux-datepicker/gux-datepicker.css +1 -1
  92. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.css +1 -1
  93. package/dist/collection/components/stable/gux-modal/gux-modal.css +1 -1
  94. package/dist/collection/components/stable/gux-popover/gux-popover.css +1 -1
  95. package/dist/collection/components/stable/gux-popup/gux-popup.css +1 -1
  96. package/dist/collection/components/stable/gux-tooltip/gux-tooltip.css +1 -1
  97. package/dist/deploy-info.json +3 -3
  98. package/dist/esm/gux-accordion-legacy.entry.js +1 -1
  99. package/dist/esm/gux-accordion.entry.js +1 -1
  100. package/dist/esm/gux-action-button-legacy.entry.js +1 -1
  101. package/dist/esm/gux-action-button.entry.js +1 -1
  102. package/dist/esm/gux-action-list-legacy.entry.js +1 -1
  103. package/dist/esm/gux-action-toast.entry.js +1 -1
  104. package/dist/esm/gux-advanced-dropdown.entry.js +2 -2
  105. package/dist/esm/gux-badge-beta.entry.js +1 -1
  106. package/dist/esm/gux-breadcrumbs.entry.js +1 -1
  107. package/dist/esm/gux-button-multi-legacy.entry.js +1 -1
  108. package/dist/esm/gux-button-multi.entry.js +1 -1
  109. package/dist/esm/gux-button-slot-beta.entry.js +1 -1
  110. package/dist/esm/gux-button.entry.js +1 -1
  111. package/dist/esm/gux-calendar.entry.js +1 -1
  112. package/dist/esm/gux-card-beta.entry.js +1 -1
  113. package/dist/esm/gux-chart-column-beta.entry.js +1 -1
  114. package/dist/esm/gux-chart-donut-beta.entry.js +1 -1
  115. package/dist/esm/gux-chart-line-beta.entry.js +1 -1
  116. package/dist/esm/gux-chart-pie-beta.entry.js +1 -1
  117. package/dist/esm/gux-chart-scatter-plot-beta.entry.js +1 -1
  118. package/dist/esm/gux-command-palette-legacy.entry.js +1 -1
  119. package/dist/esm/gux-content-search.entry.js +1 -1
  120. package/dist/esm/gux-copy-to-clipboard-beta.entry.js +1 -1
  121. package/dist/esm/gux-date-beta.entry.js +1 -1
  122. package/dist/esm/gux-date-time-beta.entry.js +1 -1
  123. package/dist/esm/gux-datepicker.entry.js +2 -2
  124. package/dist/esm/gux-disclosure-button.entry.js +1 -1
  125. package/dist/esm/gux-dismiss-button.entry.js +1 -1
  126. package/dist/esm/gux-dropdown-legacy.entry.js +2 -2
  127. package/dist/esm/gux-dropdown-multi-beta.entry.js +1 -1
  128. package/dist/esm/gux-dropdown_3.entry.js +1 -1
  129. package/dist/esm/gux-error-message-beta.entry.js +1 -1
  130. package/dist/esm/gux-flyout-menu-beta.entry.js +2 -2
  131. package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
  132. package/dist/esm/gux-form-field-color.entry.js +1 -1
  133. package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
  134. package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
  135. package/dist/esm/gux-form-field-legacy.entry.js +1 -1
  136. package/dist/esm/gux-form-field-number.entry.js +1 -1
  137. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  138. package/dist/esm/gux-form-field-range.entry.js +2 -2
  139. package/dist/esm/gux-form-field-search.entry.js +1 -1
  140. package/dist/esm/gux-form-field-select.entry.js +1 -1
  141. package/dist/esm/gux-form-field-text-like.entry.js +1 -1
  142. package/dist/esm/gux-form-field-textarea.entry.js +1 -1
  143. package/dist/esm/gux-icon.entry.js +1 -1
  144. package/dist/esm/gux-input-checkbox_7.entry.js +1 -1
  145. package/dist/esm/gux-list-item-legacy_2.entry.js +1 -1
  146. package/dist/esm/gux-list.entry.js +1 -1
  147. package/dist/esm/gux-listbox-multi.entry.js +1 -1
  148. package/dist/esm/gux-loading-message-beta.entry.js +1 -1
  149. package/dist/esm/gux-modal.entry.js +2 -2
  150. package/dist/esm/gux-notification-toast.entry.js +1 -1
  151. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  152. package/dist/esm/gux-pagination-beta.entry.js +1 -1
  153. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  154. package/dist/esm/gux-pagination.entry.js +1 -1
  155. package/dist/esm/gux-panel-frame-legacy.entry.js +1 -1
  156. package/dist/esm/gux-popover-list.entry.js +2 -2
  157. package/dist/esm/gux-popover.entry.js +2 -2
  158. package/dist/esm/gux-popup.entry.js +1 -1
  159. package/dist/esm/gux-radial-loading.entry.js +1 -1
  160. package/dist/esm/gux-radial-progress.entry.js +1 -1
  161. package/dist/esm/gux-rating.entry.js +1 -1
  162. package/dist/esm/gux-side-panel-legacy.entry.js +1 -1
  163. package/dist/esm/gux-simple-toast.entry.js +1 -1
  164. package/dist/esm/gux-skip-navigation-list-beta.entry.js +1 -1
  165. package/dist/esm/gux-sort-control.entry.js +1 -1
  166. package/dist/esm/gux-switch.entry.js +1 -1
  167. package/dist/esm/gux-table-beta.entry.js +1 -1
  168. package/dist/esm/gux-table-select-popover.entry.js +1 -1
  169. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  170. package/dist/esm/gux-tabs-legacy.entry.js +1 -1
  171. package/dist/esm/gux-tabs.entry.js +1 -1
  172. package/dist/esm/gux-tag-beta.entry.js +1 -1
  173. package/dist/esm/gux-text-highlight.entry.js +1 -1
  174. package/dist/esm/gux-text-label-legacy.entry.js +1 -1
  175. package/dist/esm/gux-time-beta.entry.js +1 -1
  176. package/dist/esm/gux-time-picker-beta.entry.js +1 -1
  177. package/dist/esm/gux-toggle.entry.js +1 -1
  178. package/dist/esm/gux-tooltip.entry.js +2 -2
  179. package/dist/esm/gux-visualization-beta.entry.js +1 -1
  180. package/dist/esm/{usage-tracking-edc4422b.js → usage-tracking-76ce1d27.js} +1 -1
  181. package/dist/genesys-webcomponents/genesys-webcomponents.css +1 -1
  182. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  183. package/dist/genesys-webcomponents/{p-45c4c55c.entry.js → p-0664c90d.entry.js} +1 -1
  184. package/dist/genesys-webcomponents/{p-5451aaa2.entry.js → p-080dcb50.entry.js} +1 -1
  185. package/dist/genesys-webcomponents/{p-18efa98f.entry.js → p-0addd0bc.entry.js} +1 -1
  186. package/dist/genesys-webcomponents/{p-62b42937.entry.js → p-0cb8576d.entry.js} +1 -1
  187. package/dist/genesys-webcomponents/p-153f8165.entry.js +1 -0
  188. package/dist/genesys-webcomponents/{p-263dbdb2.js → p-15eea143.js} +1 -1
  189. package/dist/genesys-webcomponents/{p-c64725b0.entry.js → p-171bd89d.entry.js} +1 -1
  190. package/dist/genesys-webcomponents/{p-f4b10e21.entry.js → p-18cce50b.entry.js} +1 -1
  191. package/dist/genesys-webcomponents/{p-31769de0.entry.js → p-1957f1bc.entry.js} +1 -1
  192. package/dist/genesys-webcomponents/{p-966f7358.entry.js → p-1a945918.entry.js} +1 -1
  193. package/dist/genesys-webcomponents/{p-709f7954.entry.js → p-1cc1644c.entry.js} +1 -1
  194. package/dist/genesys-webcomponents/{p-c828e244.entry.js → p-1dcb8279.entry.js} +1 -1
  195. package/dist/genesys-webcomponents/{p-15695d5e.entry.js → p-23f5a670.entry.js} +1 -1
  196. package/dist/genesys-webcomponents/{p-4b3558b7.entry.js → p-241bd8e7.entry.js} +1 -1
  197. package/dist/genesys-webcomponents/{p-8ac00f9e.entry.js → p-28d2a46b.entry.js} +1 -1
  198. package/dist/genesys-webcomponents/{p-f867149c.entry.js → p-2ebf4d09.entry.js} +1 -1
  199. package/dist/genesys-webcomponents/{p-311036b5.entry.js → p-3098707c.entry.js} +1 -1
  200. package/dist/genesys-webcomponents/{p-4019414f.entry.js → p-31f3bdb1.entry.js} +1 -1
  201. package/dist/genesys-webcomponents/{p-d4d3d669.entry.js → p-36ab5c94.entry.js} +1 -1
  202. package/dist/genesys-webcomponents/p-38f4381c.entry.js +1 -0
  203. package/dist/genesys-webcomponents/{p-1147bb5b.entry.js → p-398dad32.entry.js} +1 -1
  204. package/dist/genesys-webcomponents/{p-1a4843e8.entry.js → p-3a4b224e.entry.js} +1 -1
  205. package/dist/genesys-webcomponents/{p-5bc1599b.entry.js → p-3b37ab2e.entry.js} +1 -1
  206. package/dist/genesys-webcomponents/{p-76116d1b.entry.js → p-47e2b323.entry.js} +1 -1
  207. package/dist/genesys-webcomponents/{p-02f1ee29.entry.js → p-48723d66.entry.js} +1 -1
  208. package/dist/genesys-webcomponents/p-487b2685.entry.js +1 -0
  209. package/dist/genesys-webcomponents/p-520bea0c.entry.js +1 -0
  210. package/dist/genesys-webcomponents/{p-f84e7369.entry.js → p-58c99afc.entry.js} +1 -1
  211. package/dist/genesys-webcomponents/p-5c663f4d.entry.js +1 -0
  212. package/dist/genesys-webcomponents/{p-1e619544.entry.js → p-60446a6a.entry.js} +1 -1
  213. package/dist/genesys-webcomponents/{p-1e40b42a.entry.js → p-60dc7ccf.entry.js} +1 -1
  214. package/dist/genesys-webcomponents/{p-7f689d71.entry.js → p-6386df7c.entry.js} +1 -1
  215. package/dist/genesys-webcomponents/{p-065bb9c5.entry.js → p-64a71245.entry.js} +1 -1
  216. package/dist/genesys-webcomponents/{p-64ceea90.entry.js → p-64f39fc4.entry.js} +1 -1
  217. package/dist/genesys-webcomponents/{p-a79aa0bd.entry.js → p-6662d238.entry.js} +1 -1
  218. package/dist/genesys-webcomponents/{p-42334309.entry.js → p-67e6496e.entry.js} +1 -1
  219. package/dist/genesys-webcomponents/{p-76ba3d09.entry.js → p-6a9a6135.entry.js} +1 -1
  220. package/dist/genesys-webcomponents/{p-a58e809f.entry.js → p-6fb0cdc2.entry.js} +1 -1
  221. package/dist/genesys-webcomponents/{p-f3e58d72.entry.js → p-72d5f3c8.entry.js} +1 -1
  222. package/dist/genesys-webcomponents/{p-bb04923e.entry.js → p-73e3f155.entry.js} +1 -1
  223. package/dist/genesys-webcomponents/{p-70baa65b.entry.js → p-74eeaefd.entry.js} +1 -1
  224. package/dist/genesys-webcomponents/{p-fb4d484b.entry.js → p-78685790.entry.js} +1 -1
  225. package/dist/genesys-webcomponents/{p-1f5ad51e.entry.js → p-7a7f7a17.entry.js} +1 -1
  226. package/dist/genesys-webcomponents/{p-48d28016.entry.js → p-7ff9abf1.entry.js} +1 -1
  227. package/dist/genesys-webcomponents/{p-fb167afd.entry.js → p-86c3b01f.entry.js} +1 -1
  228. package/dist/genesys-webcomponents/{p-961397f6.entry.js → p-8e0d649b.entry.js} +1 -1
  229. package/dist/genesys-webcomponents/{p-2446fd41.entry.js → p-8f90bc55.entry.js} +1 -1
  230. package/dist/genesys-webcomponents/{p-e092aec8.entry.js → p-90a3b63f.entry.js} +1 -1
  231. package/dist/genesys-webcomponents/{p-3495185c.entry.js → p-92072c0e.entry.js} +1 -1
  232. package/dist/genesys-webcomponents/{p-dc54f2c8.entry.js → p-97c61551.entry.js} +1 -1
  233. package/dist/genesys-webcomponents/{p-df72b42a.entry.js → p-9a98a18e.entry.js} +1 -1
  234. package/dist/genesys-webcomponents/{p-f655aa3c.entry.js → p-9b772e8a.entry.js} +1 -1
  235. package/dist/genesys-webcomponents/{p-35436eac.entry.js → p-9c7db6d3.entry.js} +1 -1
  236. package/dist/genesys-webcomponents/{p-ee70731d.entry.js → p-9fab9769.entry.js} +1 -1
  237. package/dist/genesys-webcomponents/{p-2272b986.entry.js → p-a6333d68.entry.js} +1 -1
  238. package/dist/genesys-webcomponents/{p-1ea94543.entry.js → p-aa324e9b.entry.js} +1 -1
  239. package/dist/genesys-webcomponents/{p-222317e5.entry.js → p-ae435d85.entry.js} +1 -1
  240. package/dist/genesys-webcomponents/{p-81441d42.entry.js → p-b20207bf.entry.js} +1 -1
  241. package/dist/genesys-webcomponents/{p-8408718f.entry.js → p-b4a7e292.entry.js} +1 -1
  242. package/dist/genesys-webcomponents/{p-5f96abd2.entry.js → p-b654d2a8.entry.js} +1 -1
  243. package/dist/genesys-webcomponents/{p-4ce658fa.entry.js → p-b6a775e9.entry.js} +1 -1
  244. package/dist/genesys-webcomponents/{p-43769412.entry.js → p-b7108637.entry.js} +1 -1
  245. package/dist/genesys-webcomponents/{p-750dfd40.entry.js → p-ba828c25.entry.js} +1 -1
  246. package/dist/genesys-webcomponents/{p-34587077.entry.js → p-bc24ca3e.entry.js} +1 -1
  247. package/dist/genesys-webcomponents/{p-683ba36b.entry.js → p-be8e99d1.entry.js} +1 -1
  248. package/dist/genesys-webcomponents/{p-e5a2a861.entry.js → p-bf4c74be.entry.js} +1 -1
  249. package/dist/genesys-webcomponents/p-c1052f71.entry.js +1 -0
  250. package/dist/genesys-webcomponents/{p-2f4eb8f1.entry.js → p-c1c1df9d.entry.js} +1 -1
  251. package/dist/genesys-webcomponents/{p-78459272.entry.js → p-c80c586d.entry.js} +1 -1
  252. package/dist/genesys-webcomponents/{p-8ae96ab8.entry.js → p-d09736c0.entry.js} +1 -1
  253. package/dist/genesys-webcomponents/{p-f820a76c.entry.js → p-d16c6fd0.entry.js} +1 -1
  254. package/dist/genesys-webcomponents/{p-c097cec0.entry.js → p-d56ffd2d.entry.js} +1 -1
  255. package/dist/genesys-webcomponents/{p-2f308503.entry.js → p-d86f2f50.entry.js} +1 -1
  256. package/dist/genesys-webcomponents/{p-309173b3.entry.js → p-d9148f13.entry.js} +1 -1
  257. package/dist/genesys-webcomponents/{p-6f0f3fda.entry.js → p-d9a965a4.entry.js} +1 -1
  258. package/dist/genesys-webcomponents/p-e0f41af3.entry.js +1 -0
  259. package/dist/genesys-webcomponents/{p-43725c9d.entry.js → p-eef3d8fd.entry.js} +1 -1
  260. package/dist/genesys-webcomponents/{p-eef0ad40.entry.js → p-f29a07c8.entry.js} +1 -1
  261. package/dist/genesys-webcomponents/{p-8e383b23.entry.js → p-f4a6fc82.entry.js} +1 -1
  262. package/dist/genesys-webcomponents/{p-773012c1.entry.js → p-f7bf686d.entry.js} +1 -1
  263. package/dist/genesys-webcomponents/{p-fd7bf6e5.entry.js → p-fc124dca.entry.js} +1 -1
  264. package/dist/genesys-webcomponents/{p-31ab7509.entry.js → p-fe524b10.entry.js} +1 -1
  265. package/dist/genesys-webcomponents/{p-a4a6e735.entry.js → p-ffc545d0.entry.js} +1 -1
  266. package/dist/stencil-wrapper.js +1 -1
  267. package/package.json +1 -1
  268. package/CHANGELOG.md +0 -5291
  269. package/dist/genesys-webcomponents/p-0900657a.entry.js +0 -1
  270. package/dist/genesys-webcomponents/p-5299a2ec.entry.js +0 -1
  271. package/dist/genesys-webcomponents/p-81dc7d7b.entry.js +0 -1
  272. package/dist/genesys-webcomponents/p-a5d8d7b1.entry.js +0 -1
  273. package/dist/genesys-webcomponents/p-bb62ca66.entry.js +0 -1
  274. package/dist/genesys-webcomponents/p-c756e2a7.entry.js +0 -1
  275. package/dist/genesys-webcomponents/p-cbd56d12.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as e,h as o,g as l}from"./p-74b510cb.js";import{t}from"./p-263dbdb2.js";import{b as r}from"./p-1c9dfc78.js";import"./p-8a133b9b.js";const a={neutral:"badge with label: {label}, color: neutral","neutral-bold":"badge with label: {label}, color: neutral bold",green:"badge with label: {label}, color: green","green-bold":"badge with label: {label}, color: green bold",yellow:"badge with label: {label}, color: yellow","yellow-bold":"badge with label: {label}, color: yellow bold",red:"badge with label: {label}, color: red","red-bold":"badge with label: {label}, color: red bold"},d=class{constructor(o){e(this,o),this.color="neutral",this.bold=!1}onSlotChange(e){const o=e.composedPath()[0].assignedNodes();this.label=o.map((e=>e.textContent)).join("")}renderBadgeTitle(){return o("gux-tooltip-title",null,o("span",null,o("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return o("div",{class:"gux-sr-only"},this.i18n(this.getVariant(),{label:this.label}))}getVariant(){return`${this.color}${this.bold?"-bold":""}`}async componentWillLoad(){t(this.root),this.i18n=await r(this.root,a)}render(){return o("div",{class:{"gux-badge":!0,[`gux-${this.color}`]:!0,"gux-bold":this.bold}},this.renderBadgeTitle(),this.renderSrText())}get root(){return l(this)}};d.style=":host{display:inline-block}.gux-badge{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:20px;padding:2px 8px;color:#fdfdfd;background-color:#2e394c;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-badge gux-tooltip-title{white-space:nowrap;cursor:default}.gux-badge gux-tooltip-title ::slotted(gux-icon){height:16px;font-size:16px}.gux-badge .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-badge.gux-neutral{color:#2e394c;background-color:#e2e6ee}.gux-badge.gux-neutral.gux-bold{color:#fdfdfd;background-color:#2e394c}.gux-badge.gux-red{color:#8f0707;background-color:#fceaea}.gux-badge.gux-red.gux-bold{color:#fdfdfd;background-color:#ea0b0b}.gux-badge.gux-yellow{color:#976700;background-color:#fdf8ec}.gux-badge.gux-yellow.gux-bold{color:#2e394c;background-color:#ffae00}.gux-badge.gux-green{color:#205a10;background-color:#eefcea}.gux-badge.gux-green.gux-bold{color:#fdfdfd;background-color:#3c8527}";export{d as gux_badge_beta}
1
+ import{r as e,h as o,g as l}from"./p-74b510cb.js";import{t}from"./p-15eea143.js";import{b as r}from"./p-1c9dfc78.js";import"./p-8a133b9b.js";const a={neutral:"badge with label: {label}, color: neutral","neutral-bold":"badge with label: {label}, color: neutral bold",green:"badge with label: {label}, color: green","green-bold":"badge with label: {label}, color: green bold",yellow:"badge with label: {label}, color: yellow","yellow-bold":"badge with label: {label}, color: yellow bold",red:"badge with label: {label}, color: red","red-bold":"badge with label: {label}, color: red bold"},d=class{constructor(o){e(this,o),this.color="neutral",this.bold=!1}onSlotChange(e){const o=e.composedPath()[0].assignedNodes();this.label=o.map((e=>e.textContent)).join("")}renderBadgeTitle(){return o("gux-tooltip-title",null,o("span",null,o("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return o("div",{class:"gux-sr-only"},this.i18n(this.getVariant(),{label:this.label}))}getVariant(){return`${this.color}${this.bold?"-bold":""}`}async componentWillLoad(){t(this.root),this.i18n=await r(this.root,a)}render(){return o("div",{class:{"gux-badge":!0,[`gux-${this.color}`]:!0,"gux-bold":this.bold}},this.renderBadgeTitle(),this.renderSrText())}get root(){return l(this)}};d.style=":host{display:inline-block}.gux-badge{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:20px;padding:2px 8px;color:#fdfdfd;background-color:#2e394c;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-badge gux-tooltip-title{white-space:nowrap;cursor:default}.gux-badge gux-tooltip-title ::slotted(gux-icon){height:16px;font-size:16px}.gux-badge .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-badge.gux-neutral{color:#2e394c;background-color:#e2e6ee}.gux-badge.gux-neutral.gux-bold{color:#fdfdfd;background-color:#2e394c}.gux-badge.gux-red{color:#8f0707;background-color:#fceaea}.gux-badge.gux-red.gux-bold{color:#fdfdfd;background-color:#ea0b0b}.gux-badge.gux-yellow{color:#976700;background-color:#fdf8ec}.gux-badge.gux-yellow.gux-bold{color:#2e394c;background-color:#ffae00}.gux-badge.gux-green{color:#205a10;background-color:#eefcea}.gux-badge.gux-green.gux-bold{color:#fdfdfd;background-color:#3c8527}";export{d as gux_badge_beta}
@@ -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-263dbdb2.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-15eea143.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 +1 @@
1
- import{r as t,h as i,g as o}from"./p-74b510cb.js";import{b as n}from"./p-1c9dfc78.js";import{t as a}from"./p-263dbdb2.js";import"./p-8a133b9b.js";const s={navigationName:"Skip links navigation"},e=class{constructor(i){t(this,i)}async componentWillLoad(){a(this.root),this.i18n=await n(this.root,s)}render(){return i("div",{class:"gux-container"},i("nav",{"aria-label":this.i18n("navigationName")},i("ul",{role:"list"},i("slot",null))))}static get delegatesFocus(){return!0}get root(){return o(this)}};e.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit;position:absolute;top:0;right:0;bottom:0;left:0}.gux-container nav{width:fit-content;margin:40px auto}.gux-container nav ul{padding:0;margin:0}";export{e as gux_skip_navigation_list_beta}
1
+ import{r as t,h as i,g as o}from"./p-74b510cb.js";import{b as n}from"./p-1c9dfc78.js";import{t as a}from"./p-15eea143.js";import"./p-8a133b9b.js";const e={navigationName:"Skip links navigation"},s=class{constructor(i){t(this,i)}async componentWillLoad(){a(this.root),this.i18n=await n(this.root,e)}render(){return i("div",{class:"gux-container"},i("nav",{"aria-label":this.i18n("navigationName")},i("ul",{role:"list"},i("slot",null))))}static get delegatesFocus(){return!0}get root(){return o(this)}};s.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit;position:absolute;top:0;right:0;bottom:0;left:0}.gux-container nav{width:fit-content;margin:40px auto}.gux-container nav ul{padding:0;margin:0}";export{s as gux_skip_navigation_list_beta}
@@ -1 +1 @@
1
- import{r as t,h as o,H as e,g as n}from"./p-74b510cb.js";import{t as s}from"./p-263dbdb2.js";import{l as a}from"./p-3184268e.js";const c=class{constructor(o){t(this,o),this.accent="secondary"}validateSlotContent(){const t=this.root.children[0],o=t.tagName;if("BUTTON"!==o){if("INPUT"===o){const o=t.getAttribute("type");if("button"===o||"submit"===o)return}a("gux-button-slot",'You must slot a button, input[type="button"] or input[type="submit"] element.')}}componentWillLoad(){s(this.root),this.validateSlotContent()}render(){return o(e,{accent:this.accent},o("slot",null))}get root(){return n(this)}};c.style=":host{display:inline-block;min-width:32px;pointer-events:none}::slotted(input[type='button']),::slotted(input[type='submit']),::slotted(button){width:100%;height:32px;padding:0 16px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}::slotted(input[type='button'][disabled]),::slotted(input[type='submit'][disabled]),::slotted(button[disabled]){color:rgba(46, 57, 76, 0.5);cursor:default;background-color:rgba(226, 230, 238, 0.5)}::slotted(input[type='button']:focus),::slotted(input[type='submit']:focus),::slotted(button:focus){outline:none}::slotted(input[type='button']:focus:enabled),::slotted(input[type='submit']:focus:enabled),::slotted(button:focus:enabled){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}::slotted(input[type='button']:hover:enabled),::slotted(input[type='submit']:hover:enabled),::slotted(button:hover:enabled){background-color:#d7dce5}::slotted(input[type='button']:active:enabled),::slotted(input[type='submit']:active:enabled),::slotted(button:active:enabled){background-color:#c8cfda}:host([accent='primary']) ::slotted(input[type='button']),:host([accent='primary']) ::slotted(input[type='submit']),:host([accent='primary']) ::slotted(button){color:#fdfdfd;background-color:#2a60c8}:host([accent='primary']) ::slotted(input[type='button'][disabled]),:host([accent='primary']) ::slotted(input[type='submit'][disabled]),:host([accent='primary']) ::slotted(button[disabled]){color:rgba(253, 253, 253, 0.5);background-color:rgba(42, 96, 200, 0.5)}:host([accent='primary']) ::slotted(input[type='button']:hover:enabled),:host([accent='primary']) ::slotted(input[type='submit']:hover:enabled),:host([accent='primary']) ::slotted(button:hover:enabled){background-color:#2754ac}:host([accent='primary']) ::slotted(input[type='button']:active:enabled),:host([accent='primary']) ::slotted(input[type='submit']:active:enabled),:host([accent='primary']) ::slotted(button:active:enabled){background-color:#23478f}:host([accent='tertiary']) ::slotted(input[type='button']),:host([accent='tertiary']) ::slotted(input[type='submit']),:host([accent='tertiary']) ::slotted(button){color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}:host([accent='tertiary']) ::slotted(input[type='button']),:host([accent='tertiary']) ::slotted(input[type='submit']),:host([accent='tertiary']) ::slotted(button){color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}:host([accent='tertiary']) ::slotted(input[type='button'][disabled]),:host([accent='tertiary']) ::slotted(input[type='submit'][disabled]),:host([accent='tertiary']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5);background-color:rgba(253, 253, 253, 0.5);border-color:rgba(42, 96, 200, 0.5)}:host([accent='tertiary']) ::slotted(input[type='button']:hover:enabled),:host([accent='tertiary']) ::slotted(input[type='submit']:hover:enabled),:host([accent='tertiary']) ::slotted(button:hover:enabled){color:#fdfdfd;background-color:#2754ac}:host([accent='tertiary']) ::slotted(input[type='button']:active:enabled),:host([accent='tertiary']) ::slotted(input[type='submit']:active:enabled),:host([accent='tertiary']) ::slotted(button:active:enabled){color:#fdfdfd;background-color:#23478f}:host([accent='ghost']) ::slotted(input[type='button']),:host([accent='ghost']) ::slotted(input[type='submit']),:host([accent='ghost']) ::slotted(button){color:#2a60c8;background:none;border:none}:host([accent='ghost']) ::slotted(input[type='button'][disabled]),:host([accent='ghost']) ::slotted(input[type='submit'][disabled]),:host([accent='ghost']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5)}:host([accent='ghost']) ::slotted(input[type='button']:hover:enabled),:host([accent='ghost']) ::slotted(input[type='submit']:hover:enabled),:host([accent='ghost']) ::slotted(button:hover:enabled){color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}:host([accent='ghost']) ::slotted(input[type='button']:active:enabled),:host([accent='ghost']) ::slotted(input[type='submit']:active:enabled),:host([accent='ghost']) ::slotted(button:active:enabled){color:#2754ac;background-color:#deeaff}";export{c as gux_button_slot_beta}
1
+ import{r as t,h as o,H as e,g as n}from"./p-74b510cb.js";import{t as s}from"./p-15eea143.js";import{l as a}from"./p-3184268e.js";const c=class{constructor(o){t(this,o),this.accent="secondary"}validateSlotContent(){const t=this.root.children[0],o=t.tagName;if("BUTTON"!==o){if("INPUT"===o){const o=t.getAttribute("type");if("button"===o||"submit"===o)return}a("gux-button-slot",'You must slot a button, input[type="button"] or input[type="submit"] element.')}}componentWillLoad(){s(this.root),this.validateSlotContent()}render(){return o(e,{accent:this.accent},o("slot",null))}get root(){return n(this)}};c.style=":host{display:inline-block;min-width:32px;pointer-events:none}::slotted(input[type='button']),::slotted(input[type='submit']),::slotted(button){width:100%;height:32px;padding:0 16px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}::slotted(input[type='button'][disabled]),::slotted(input[type='submit'][disabled]),::slotted(button[disabled]){color:rgba(46, 57, 76, 0.5);cursor:default;background-color:rgba(226, 230, 238, 0.5)}::slotted(input[type='button']:focus),::slotted(input[type='submit']:focus),::slotted(button:focus){outline:none}::slotted(input[type='button']:focus:enabled),::slotted(input[type='submit']:focus:enabled),::slotted(button:focus:enabled){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}::slotted(input[type='button']:hover:enabled),::slotted(input[type='submit']:hover:enabled),::slotted(button:hover:enabled){background-color:#d7dce5}::slotted(input[type='button']:active:enabled),::slotted(input[type='submit']:active:enabled),::slotted(button:active:enabled){background-color:#c8cfda}:host([accent='primary']) ::slotted(input[type='button']),:host([accent='primary']) ::slotted(input[type='submit']),:host([accent='primary']) ::slotted(button){color:#fdfdfd;background-color:#2a60c8}:host([accent='primary']) ::slotted(input[type='button'][disabled]),:host([accent='primary']) ::slotted(input[type='submit'][disabled]),:host([accent='primary']) ::slotted(button[disabled]){color:rgba(253, 253, 253, 0.5);background-color:rgba(42, 96, 200, 0.5)}:host([accent='primary']) ::slotted(input[type='button']:hover:enabled),:host([accent='primary']) ::slotted(input[type='submit']:hover:enabled),:host([accent='primary']) ::slotted(button:hover:enabled){background-color:#2754ac}:host([accent='primary']) ::slotted(input[type='button']:active:enabled),:host([accent='primary']) ::slotted(input[type='submit']:active:enabled),:host([accent='primary']) ::slotted(button:active:enabled){background-color:#23478f}:host([accent='tertiary']) ::slotted(input[type='button']),:host([accent='tertiary']) ::slotted(input[type='submit']),:host([accent='tertiary']) ::slotted(button){color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}:host([accent='tertiary']) ::slotted(input[type='button']),:host([accent='tertiary']) ::slotted(input[type='submit']),:host([accent='tertiary']) ::slotted(button){color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}:host([accent='tertiary']) ::slotted(input[type='button'][disabled]),:host([accent='tertiary']) ::slotted(input[type='submit'][disabled]),:host([accent='tertiary']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5);background-color:rgba(253, 253, 253, 0.5);border-color:rgba(42, 96, 200, 0.5)}:host([accent='tertiary']) ::slotted(input[type='button']:hover:enabled),:host([accent='tertiary']) ::slotted(input[type='submit']:hover:enabled),:host([accent='tertiary']) ::slotted(button:hover:enabled){color:#fdfdfd;background-color:#2754ac}:host([accent='tertiary']) ::slotted(input[type='button']:active:enabled),:host([accent='tertiary']) ::slotted(input[type='submit']:active:enabled),:host([accent='tertiary']) ::slotted(button:active:enabled){color:#fdfdfd;background-color:#23478f}:host([accent='ghost']) ::slotted(input[type='button']),:host([accent='ghost']) ::slotted(input[type='submit']),:host([accent='ghost']) ::slotted(button){color:#2a60c8;background:none;border:none}:host([accent='ghost']) ::slotted(input[type='button'][disabled]),:host([accent='ghost']) ::slotted(input[type='submit'][disabled]),:host([accent='ghost']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5)}:host([accent='ghost']) ::slotted(input[type='button']:hover:enabled),:host([accent='ghost']) ::slotted(input[type='submit']:hover:enabled),:host([accent='ghost']) ::slotted(button:hover:enabled){color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}:host([accent='ghost']) ::slotted(input[type='button']:active:enabled),:host([accent='ghost']) ::slotted(input[type='submit']:active:enabled),:host([accent='ghost']) ::slotted(button:active:enabled){color:#2754ac;background-color:#deeaff}";export{c as gux_button_slot_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-263dbdb2.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 r=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.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){switch(t.key){case" ":t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){setTimeout((()=>{this.listElement.focus&&this.listElement.focus()}),this.moveFocusDelay)}focusFirstItemInPopupList(){setTimeout((()=>{this.listElement.guxFocusFirstItem()}),this.moveFocusDelay)}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,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("div",{class:"gux-list-container",slot:"popup"},o("gux-list",{ref:t=>this.listElement=t},o("slot",null)))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var 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"})],r.prototype,"onClickOutside",null),r.style=":host{display:block;-webkit-user-select:none;user-select:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;min-width:0;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}.gux-action-button-container .gux-list-container{padding:8px 0;margin:0;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{r as gux_action_button}
1
+ import{r as t,c as i,h as o,g as s}from"./p-74b510cb.js";import{t as n}from"./p-15eea143.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 r=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.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){switch(t.key){case" ":t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){setTimeout((()=>{this.listElement.focus&&this.listElement.focus()}),this.moveFocusDelay)}focusFirstItemInPopupList(){setTimeout((()=>{this.listElement.guxFocusFirstItem()}),this.moveFocusDelay)}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,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("div",{class:"gux-list-container",slot:"popup"},o("gux-list",{ref:t=>this.listElement=t},o("slot",null)))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var 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"})],r.prototype,"onClickOutside",null),r.style=":host{display:block;-webkit-user-select:none;user-select:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;min-width:0;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}.gux-action-button-container .gux-list-container{padding:8px 0;margin:0;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{r as gux_action_button}
@@ -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-263dbdb2.js";import{c as r}from"./p-4c66f794.js";const n=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=r(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("slot",null))}get root(){return o(this)}};n.style=":host{z-index:1;box-sizing:border-box;max-width:250px;padding:6px 12px;font-size:12px;color:#2e394c;pointer-events:none;visibility:hidden !important;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24);opacity:0}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}:host(.gux-show){visibility:visible !important;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}";export{n 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-15eea143.js";import{c as r}from"./p-4c66f794.js";const n=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=r(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("slot",null))}get root(){return o(this)}};n.style=":host{z-index:var(--gux-zindex-tooltip, 1);box-sizing:border-box;max-width:250px;padding:6px 12px;font-size:12px;color:#2e394c;pointer-events:none;visibility:hidden !important;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24);opacity:0}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}:host(.gux-show){visibility:visible !important;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}";export{n as gux_tooltip}
@@ -1 +1 @@
1
- import{r as t,f as e,h as i,g as n}from"./p-74b510cb.js";import{O as o}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-263dbdb2.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.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)},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 n(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["validateValue"]}}};(function(t,e,i,n){var o,s=arguments.length,r=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,n);else for(var l=t.length-1;l>=0;l--)(o=t[l])&&(r=(s<3?o(r):s>3?o(e,i,r):o(e,i))||r);s>3&&r&&Object.defineProperty(e,i,r)})([o({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-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 n}from"./p-74b510cb.js";import{O as o}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-15eea143.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.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)},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 n(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["validateValue"]}}};(function(t,e,i,n){var o,s=arguments.length,r=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,n);else for(var l=t.length-1;l>=0;l--)(o=t[l])&&(r=(s<3?o(r):s>3?o(e,i,r):o(e,i))||r);s>3&&r&&Object.defineProperty(e,i,r)})([o({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-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 n,g as a}from"./p-74b510cb.js";import{t as e}from"./p-263dbdb2.js";const s=class{constructor(n){t(this,n),this.guxpaginationchange=i(this,"guxpaginationchange",7),this.currentPage=1,this.totalItems=0,this.itemsPerPage=25,this.layout="full"}setPage(t){if(t<0)return void this.setPage(this.totalPages>0?1:0);const i=this.calculatTotalPages();t>i?this.setPage(i):(this.currentPage=t,this.guxpaginationchange.emit({currentPage:this.currentPage,itemsPerPage:this.itemsPerPage}))}calculatTotalPages(){return Math.ceil(this.totalItems/this.itemsPerPage)}calculateCurrentPage(){return Math.max(this.totalPages>0?1:0,Math.min(this.currentPage,this.totalPages))}handleInternalitemsperpagechange(t){this.itemsPerPage=t.detail,this.setPage(1)}handleInternalcurrentpagechange(t){this.setPage(t.detail)}getPaginationInfoElement(t){if("expanded"===t)return null;const i=[n("gux-pagination-item-counts",{"total-items":this.totalItems,"current-page":this.currentPage,"items-per-page":this.itemsPerPage})];return"full"===t&&i.push(n("gux-pagination-items-per-page",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})),n("div",{class:"gux-pagination-info"},i)}componentWillLoad(){e(this.root,{variant:this.layout})}componentWillRender(){this.totalPages=this.calculatTotalPages(),this.currentPage=this.calculateCurrentPage()}render(){return n("div",{class:"gux-pagination-container"},this.getPaginationInfoElement(this.layout),n("div",{class:"gux-pagination-change"},n("gux-pagination-buttons",{layout:this.layout,"current-page":this.currentPage,"total-pages":this.totalPages,onInternalcurrentpagechange:this.handleInternalcurrentpagechange.bind(this)})))}get root(){return a(this)}};s.style=":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:32px;margin-top:12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0;margin-left:16px}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";export{s as gux_pagination}
1
+ import{r as t,c as i,h as n,g as a}from"./p-74b510cb.js";import{t as e}from"./p-15eea143.js";const s=class{constructor(n){t(this,n),this.guxpaginationchange=i(this,"guxpaginationchange",7),this.currentPage=1,this.totalItems=0,this.itemsPerPage=25,this.layout="full"}setPage(t){if(t<0)return void this.setPage(this.totalPages>0?1:0);const i=this.calculatTotalPages();t>i?this.setPage(i):(this.currentPage=t,this.guxpaginationchange.emit({currentPage:this.currentPage,itemsPerPage:this.itemsPerPage}))}calculatTotalPages(){return Math.ceil(this.totalItems/this.itemsPerPage)}calculateCurrentPage(){return Math.max(this.totalPages>0?1:0,Math.min(this.currentPage,this.totalPages))}handleInternalitemsperpagechange(t){this.itemsPerPage=t.detail,this.setPage(1)}handleInternalcurrentpagechange(t){this.setPage(t.detail)}getPaginationInfoElement(t){if("expanded"===t)return null;const i=[n("gux-pagination-item-counts",{"total-items":this.totalItems,"current-page":this.currentPage,"items-per-page":this.itemsPerPage})];return"full"===t&&i.push(n("gux-pagination-items-per-page",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})),n("div",{class:"gux-pagination-info"},i)}componentWillLoad(){e(this.root,{variant:this.layout})}componentWillRender(){this.totalPages=this.calculatTotalPages(),this.currentPage=this.calculateCurrentPage()}render(){return n("div",{class:"gux-pagination-container"},this.getPaginationInfoElement(this.layout),n("div",{class:"gux-pagination-change"},n("gux-pagination-buttons",{layout:this.layout,"current-page":this.currentPage,"total-pages":this.totalPages,onInternalcurrentpagechange:this.handleInternalcurrentpagechange.bind(this)})))}get root(){return a(this)}};s.style=":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:32px;margin-top:12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0;margin-left:16px}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";export{s as gux_pagination}
@@ -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-263dbdb2.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-15eea143.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}
@@ -0,0 +1 @@
1
+ import{r,h as s,g as t}from"./p-74b510cb.js";import{t as e}from"./p-15eea143.js";const a=class{constructor(s){r(this,s)}componentWillLoad(){e(this.root)}render(){return s("gux-radial-loading",{class:"gux-spinner","screenreader-text":this.screenreaderText,context:"full-page"})}get root(){return t(this)}};a.style=":host{display:flex}.gux-spinner{margin:auto}";export{a as gux_page_loading_spinner}
@@ -1 +1 @@
1
- import{r as t,h as e,g as i}from"./p-74b510cb.js";import{c as o,o as r}from"./p-3f5341ea.js";import{O as a}from"./p-e3c80187.js";import{a as n}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as l}from"./p-263dbdb2.js";import{G as d,a as p}from"./p-625f19b6.js";import{h as u,G as h,v as x,g as f}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(e){t(this,e),this.computedLabelPosition="above",this.required=!0,this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),l(this.root,{variant:this.variant})}componentDidLoad(){this.updateHeight(this.textareaContainerElement,this.input,this.resize)}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return e(p,{labelPosition:this.computedLabelPosition},e(d,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()})),e("div",{class:"gux-input-and-error-container"},e("div",{ref:t=>this.textareaContainerElement=t,class:{"gux-input":!0,[`gux-resize-${this.resize}`]:!0,"gux-disabled":this.disabled,"gux-input-error":this.hasError}},e("slot",{name:"input"})),e(h,{hasError:this.hasError},e("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.resize}-${t}`}setInput(){this.input=this.root.querySelector('textarea[slot="input"]'),s(this.input),this.updateHeight(this.textareaContainerElement,this.input,this.resize),this.input.addEventListener("input",(()=>{this.updateHeight(this.textareaContainerElement,this.input,this.resize)})),this.disabled=o(this.input),this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=n(this.input,(t=>{this.required=t})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=f(this.label,this.labelPosition)}updateHeight(t,e,i){"auto"===i&&t&&(t.dataset.replicatedValue=e.value,t.style.maxHeight=e.style.maxHeight)}get root(){return i(this)}};(function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);a>3&&n&&Object.defineProperty(e,i,n)})([a({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin: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;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:0 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(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;color:#2e394c;resize:vertical;background-color:#f6f7f9;background-image:none;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}::slotted(textarea)::placeholder{color:#596373;opacity:1}::slotted(textarea)[disabled]{opacity:0.5}::slotted(textarea)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:block;border:1px solid #6b7585;border-radius:4px;outline:none}.gux-input-and-error-container .gux-input: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{border-color:#ea0b0b}.gux-input-and-error-container .gux-input.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input.gux-resize-none ::slotted(textarea){resize:none}.gux-input-and-error-container .gux-input.gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}.gux-input-and-error-container .gux-input.gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) ' ';min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}.gux-input-and-error-container .gux-input.gux-resize-auto ::slotted(textarea){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}";export{g as gux_form_field_textarea}
1
+ import{r as t,h as e,g as i}from"./p-74b510cb.js";import{c as o,o as r}from"./p-3f5341ea.js";import{O as a}from"./p-e3c80187.js";import{a as n}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as l}from"./p-15eea143.js";import{G as d,a as p}from"./p-625f19b6.js";import{h as u,G as h,v as x,g as f}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(e){t(this,e),this.computedLabelPosition="above",this.required=!0,this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),l(this.root,{variant:this.variant})}componentDidLoad(){this.updateHeight(this.textareaContainerElement,this.input,this.resize)}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return e(p,{labelPosition:this.computedLabelPosition},e(d,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()})),e("div",{class:"gux-input-and-error-container"},e("div",{ref:t=>this.textareaContainerElement=t,class:{"gux-input":!0,[`gux-resize-${this.resize}`]:!0,"gux-disabled":this.disabled,"gux-input-error":this.hasError}},e("slot",{name:"input"})),e(h,{hasError:this.hasError},e("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.resize}-${t}`}setInput(){this.input=this.root.querySelector('textarea[slot="input"]'),s(this.input),this.updateHeight(this.textareaContainerElement,this.input,this.resize),this.input.addEventListener("input",(()=>{this.updateHeight(this.textareaContainerElement,this.input,this.resize)})),this.disabled=o(this.input),this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=n(this.input,(t=>{this.required=t})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=f(this.label,this.labelPosition)}updateHeight(t,e,i){"auto"===i&&t&&(t.dataset.replicatedValue=e.value,t.style.maxHeight=e.style.maxHeight)}get root(){return i(this)}};(function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);a>3&&n&&Object.defineProperty(e,i,n)})([a({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin: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;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:0 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(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;color:#2e394c;resize:vertical;background-color:#f6f7f9;background-image:none;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}::slotted(textarea)::placeholder{color:#596373;opacity:1}::slotted(textarea)[disabled]{opacity:0.5}::slotted(textarea)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:block;border:1px solid #6b7585;border-radius:4px;outline:none}.gux-input-and-error-container .gux-input: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{border-color:#ea0b0b}.gux-input-and-error-container .gux-input.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input.gux-resize-none ::slotted(textarea){resize:none}.gux-input-and-error-container .gux-input.gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}.gux-input-and-error-container .gux-input.gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) ' ';min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0}.gux-input-and-error-container .gux-input.gux-resize-auto ::slotted(textarea){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}";export{g as gux_form_field_textarea}
@@ -1 +1 @@
1
- import{r as e,h as t,g as l}from"./p-74b510cb.js";import{t as a}from"./p-263dbdb2.js";let o=1;const x=class{constructor(t){e(this,t),this.position="above",this.id=this.generateId()}componentWillLoad(){a(this.root,{variant:this.position})}componentDidLoad(){const e=this.labeledComponent.querySelector("*");"function"==typeof e.componentOnReady&&"function"==typeof e.setLabelledBy?e.componentOnReady().then((()=>{e.setLabelledBy(this.id)})):e.setAttribute("aria-labelledby",this.id)}render(){return t("div",{class:`gux-text-label-container gux-${this.position}`},t("label",{class:"gux-label",id:this.id},t("slot",{name:"label"},this.label)),t("div",{class:"gux-labeled-component",ref:e=>this.labeledComponent=e},t("slot",null)))}generateId(){return"gux-text-label-"+o++}get root(){return l(this)}};x.style="gux-text-label-legacy .gux-label{margin-right:8px}gux-text-label-legacy .gux-text-label-container.gux-beside{display:flex;flex-direction:row;align-items:baseline}gux-text-label-legacy .gux-text-label-container.gux-beside .gux-labeled-component{flex:1 1 auto}.gux-text-label-dark-theme{color:#fdfdfd}.gux-dark-theme gux-text-label-legacy{color:#fdfdfd}gux-text-label-legacy.gux-dark-theme{color:#fdfdfd}.gux-text-label-light-theme{color:#2e394c}.gux-light-theme gux-text-label-legacy{color:#2e394c}gux-text-label-legacy.gux-light-theme{color:#2e394c}gux-text-label-legacy{color:#2e394c}";export{x as gux_text_label_legacy}
1
+ import{r as e,h as t,g as l}from"./p-74b510cb.js";import{t as a}from"./p-15eea143.js";let o=1;const x=class{constructor(t){e(this,t),this.position="above",this.id=this.generateId()}componentWillLoad(){a(this.root,{variant:this.position})}componentDidLoad(){const e=this.labeledComponent.querySelector("*");"function"==typeof e.componentOnReady&&"function"==typeof e.setLabelledBy?e.componentOnReady().then((()=>{e.setLabelledBy(this.id)})):e.setAttribute("aria-labelledby",this.id)}render(){return t("div",{class:`gux-text-label-container gux-${this.position}`},t("label",{class:"gux-label",id:this.id},t("slot",{name:"label"},this.label)),t("div",{class:"gux-labeled-component",ref:e=>this.labeledComponent=e},t("slot",null)))}generateId(){return"gux-text-label-"+o++}get root(){return l(this)}};x.style="gux-text-label-legacy .gux-label{margin-right:8px}gux-text-label-legacy .gux-text-label-container.gux-beside{display:flex;flex-direction:row;align-items:baseline}gux-text-label-legacy .gux-text-label-container.gux-beside .gux-labeled-component{flex:1 1 auto}.gux-text-label-dark-theme{color:#fdfdfd}.gux-dark-theme gux-text-label-legacy{color:#fdfdfd}gux-text-label-legacy.gux-dark-theme{color:#fdfdfd}.gux-text-label-light-theme{color:#2e394c}.gux-light-theme gux-text-label-legacy{color:#2e394c}gux-text-label-legacy.gux-light-theme{color:#2e394c}gux-text-label-legacy{color:#2e394c}";export{x as gux_text_label_legacy}
@@ -1 +1 @@
1
- import{r as t,h as o,g as r}from"./p-74b510cb.js";import{t as e}from"./p-263dbdb2.js";import{b as n}from"./p-1c9dfc78.js";import"./p-8a133b9b.js";const a={clear:"Clear"},s=class{constructor(o){t(this,o)}async componentWillLoad(){e(this.root),this.i18n=await n(this.root,a)}render(){return o("button",{tabIndex:-1,type:"button",title:this.i18n("clear")},o("gux-icon",{"icon-name":"close",decorative:!0}))}static get delegatesFocus(){return!0}get root(){return r(this)}};s.style="button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px}button:not(:disabled):focus,button:not(:disabled):hover{color:#2e394c;cursor:pointer}button gux-icon{width:12px;height:12px;margin:4px;border-radius:4px}button:focus{outline:none}button:focus:enabled gux-icon{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}";export{s as gux_form_field_input_clear_button}
1
+ import{r as t,h as o,g as e}from"./p-74b510cb.js";import{t as r}from"./p-15eea143.js";import{b as n}from"./p-1c9dfc78.js";import"./p-8a133b9b.js";const a={clear:"Clear"},s=class{constructor(o){t(this,o)}async componentWillLoad(){r(this.root),this.i18n=await n(this.root,a)}render(){return o("button",{tabIndex:-1,type:"button",title:this.i18n("clear")},o("gux-icon",{"icon-name":"close",decorative:!0}))}static get delegatesFocus(){return!0}get root(){return e(this)}};s.style="button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px}button:not(:disabled):focus,button:not(:disabled):hover{color:#2e394c;cursor:pointer}button gux-icon{width:12px;height:12px;margin:4px;border-radius:4px}button:focus{outline:none}button:focus:enabled gux-icon{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}";export{s as gux_form_field_input_clear_button}
@@ -1 +1 @@
1
- import{r as t,h as e,g as i}from"./p-74b510cb.js";import{t as a}from"./p-263dbdb2.js";import{l as s}from"./p-3184268e.js";import{V as r}from"./p-5cacdfc9.js";const o=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},tooltip:{aggregate:"count",type:"quantitative"}},layer:[{mark:{type:"arc",outerRadius:80}},{mark:{type:"text",radius:90},encoding:{text:{field:"value",type:"quantitative"}}}],view:{stroke:null}},this.legendPosition="right"}parseData(){this.outerRadius||s("gux-chart-pie","[gux-chart-pie] requires outer-radius");let t={};this.chartData&&(t={data:this.chartData}),this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const e=this.colorFieldName||"category";e&&(this.baseChartSpec.encoding.color.field=e);const i=this.legendTitle;i&&(this.baseChartSpec.encoding.color.title=i),this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:this.outerRadius}}];const a=this.labelRadius;a&&this.baseChartSpec.layer.push({mark:{type:"text",radius:a},encoding:{text:{field:this.labelField||"value",type:"quantitative"}}});const r=Object.assign(this.baseChartSpec,t);this.visualizationSpec=r}componentWillLoad(){a(this.root),this.parseData()}render(){return e("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return i(this)}static get watchers(){return{chartData:["parseData"]}}};o.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{o as gux_chart_pie_beta}
1
+ import{r as t,h as e,g as i}from"./p-74b510cb.js";import{t as a}from"./p-15eea143.js";import{l as s}from"./p-3184268e.js";import{V as r}from"./p-5cacdfc9.js";const o=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},tooltip:{aggregate:"count",type:"quantitative"}},layer:[{mark:{type:"arc",outerRadius:80}},{mark:{type:"text",radius:90},encoding:{text:{field:"value",type:"quantitative"}}}],view:{stroke:null}},this.legendPosition="right"}parseData(){this.outerRadius||s("gux-chart-pie","[gux-chart-pie] requires outer-radius");let t={};this.chartData&&(t={data:this.chartData}),this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const e=this.colorFieldName||"category";e&&(this.baseChartSpec.encoding.color.field=e);const i=this.legendTitle;i&&(this.baseChartSpec.encoding.color.title=i),this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:this.outerRadius}}];const a=this.labelRadius;a&&this.baseChartSpec.layer.push({mark:{type:"text",radius:a},encoding:{text:{field:this.labelField||"value",type:"quantitative"}}});const r=Object.assign(this.baseChartSpec,t);this.visualizationSpec=r}componentWillLoad(){a(this.root),this.parseData()}render(){return e("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return i(this)}static get watchers(){return{chartData:["parseData"]}}};o.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{o as gux_chart_pie_beta}
@@ -1 +1 @@
1
- import{r as t,c as s,h as a,H as i,g as h}from"./p-74b510cb.js";import{t as c}from"./p-263dbdb2.js";const n=class{constructor(a){t(this,a),this.guxactivetabchange=s(this,"guxactivetabchange",7),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,a){this.activeTab=t||s.querySelector("gux-tab-advanced").getAttribute("tab-id"),s.guxSetActive(this.activeTab),a.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){c(this.root)}render(){return a(i,null,a("div",{class:"gux-tabs"},a("slot",{name:"tab-list"}),a("div",null,a("slot",{onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return h(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};n.style="gux-tabs-advanced{-custom-noop:noop}";export{n as gux_tabs_advanced}
1
+ import{r as t,c as s,h as a,H as i,g as h}from"./p-74b510cb.js";import{t as c}from"./p-15eea143.js";const e=class{constructor(a){t(this,a),this.guxactivetabchange=s(this,"guxactivetabchange",7),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,a){this.activeTab=t||s.querySelector("gux-tab-advanced").getAttribute("tab-id"),s.guxSetActive(this.activeTab),a.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){c(this.root)}render(){return a(i,null,a("div",{class:"gux-tabs"},a("slot",{name:"tab-list"}),a("div",null,a("slot",{onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return h(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};e.style="gux-tabs-advanced{-custom-noop:noop}";export{e as gux_tabs_advanced}
@@ -1 +1 @@
1
- import{r as t,c as i,h as s,g as o}from"./p-74b510cb.js";import{t as e}from"./p-263dbdb2.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(){e(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 o(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-15eea143.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,h as i,g as o}from"./p-74b510cb.js";import{c as e,o as r}from"./p-3f5341ea.js";import{O as n}from"./p-e3c80187.js";import{a as s}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as l}from"./p-263dbdb2.js";import{G as p,a as u}from"./p-625f19b6.js";import{h as f,G as x,v as c,g as d}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(i){t(this,i),this.hasError=!1}onMutation(){this.hasError=f(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=f(this.root),l(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(u,{labelPosition:this.computedLabelPosition},i(p,{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}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("slot",{name:"input",onSlotchange:()=>this.setInput()}))),i(x,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=this.root.querySelector('input[type="color"][slot="input"]'),a(this.input),this.disabled=e(this.input),this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=s(this.input,(t=>{this.required=t})),c(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return o(this)}};(function(t,i,o,e){var r,n=arguments.length,s=n<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,o):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,o,e);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,o,s):r(i,o))||s);n>3&&s&&Object.defineProperty(i,o,s)})([n({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin: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;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:0 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-align:right;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px;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-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-container.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{g as gux_form_field_color}
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 n}from"./p-e3c80187.js";import{a as s}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as l}from"./p-15eea143.js";import{G as p,a as u}from"./p-625f19b6.js";import{h as f,G as x,v as c,g as d}from"./p-8caf2514.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(i){t(this,i),this.hasError=!1}onMutation(){this.hasError=f(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=f(this.root),l(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(u,{labelPosition:this.computedLabelPosition},i(p,{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}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("slot",{name:"input",onSlotchange:()=>this.setInput()}))),i(x,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=this.root.querySelector('input[type="color"][slot="input"]'),a(this.input),this.disabled=o(this.input),this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=s(this.input,(t=>{this.required=t})),c(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return e(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)})([n({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin: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;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:0 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-align:right;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px;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-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-container.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{g as gux_form_field_color}
@@ -1 +1 @@
1
- import{r as t,c as s,f as e,d as i,h,H as o,g as l}from"./p-74b510cb.js";import{b as r}from"./p-1c9dfc78.js";import{w as a}from"./p-76ff3e75.js";import{r as n}from"./p-cbcbd1bb.js";import{t as c}from"./p-263dbdb2.js";import{t as b}from"./p-e310debb.js";import"./p-8a133b9b.js";const u=class{constructor(i){t(this,i),this.guxselectionchanged=s(this,"guxselectionchanged",7),this.guxsortchanged=s(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>e(this))),this.tableId=n("gux-table"),this.columnsWidths={},this.isVerticalScroll=!1,this.isHorizontalScroll=!1,this.isScrolledToFirstCell=!0,this.isScrolledToLastCell=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1}async componentWillLoad(){c(this.root),this.i18n=await r(this.root,b)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSelectableRows(),this.checkHorizontalScroll(),this.checkVerticalScroll(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{i((()=>{this.checkHorizontalScroll(),this.checkVerticalScroll(),this.updateScrollState()}))}))),this.resizeObserver&&(this.resizeObserver.observe(this.tableContainer),this.resizeObserver.observe(this.slottedTable)),this.slotObserver.observe(this.slottedTable,{subtree:!0,childList:!0})}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.tableContainer),this.resizeObserver.unobserve(this.slottedTable)),this.resizableColumns&&document.getElementById(`${this.tableId}-resizable-styles`).remove()}onScroll(){this.updateScrollState()}onInternalAllRowSelectChange(t){t.stopPropagation(),this.handleSelectAllRows()}onInternalRowSelectChange(t){t.stopPropagation(),this.handleRowSelection(t.target)}onMouseMove(t){this.resizableColumns&&this.updateResizeState(t)}onMouseDown(t){this.resizableColumns&&this.maybeStartResizing(t)}onMouseUp(){this.resizableColumns&&this.stopResizing()}get tableContainer(){return this.root.shadowRoot.querySelector(".gux-table-container")}get slottedTable(){return this.root.querySelector('table[slot="data"]')}get tableRows(){return Array.from(this.slottedTable.querySelectorAll("tbody tr"))}get tableColumns(){return Array.from(this.slottedTable.querySelectorAll("thead th"))}get rowCheckboxes(){return Array.from(this.slottedTable.querySelectorAll("tbody tr td gux-row-select"))}get selectAllCheckbox(){return this.slottedTable.querySelector("thead tr th gux-all-row-select")}async getSelected(){return this.getSelectedInternal()}getSelectedInternal(){return{selectedRowIds:Array.from(this.rowCheckboxes).filter((t=>t.selected)).map((t=>t.closest("tr").getAttribute("data-row-id")))}}prepareSelectableRows(){this.rowCheckboxes.forEach((t=>{this.updateRowSelection(t)})),this.updateSelectAllBoxState()}updateSelectAllBoxState(){const t=this.selectAllCheckbox;if(t){const s=this.rowCheckboxes,e=s.filter((t=>0==t.hasAttribute("disabled"))),i=e.filter((t=>t.selected)),h=Boolean(s.length),o=i.length===e.length,l=0===i.length;t.selected=h&&o,t.setIndeterminate(h&&!o&&!l)}}handleSelectAllRows(){const t=this.selectAllCheckbox;this.rowCheckboxes.forEach((s=>{s.hasAttribute("disabled")||(s.selected=t.selected,this.updateRowSelection(s))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const s=t.closest("tr");t.selected?s.setAttribute("data-selected-row",""):s.removeAttribute("data-selected-row")}nextColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect();let e=(t.find((t=>t.getBoundingClientRect().right>s.right))||t[t.length-1]).getBoundingClientRect().right-s.right;e>s.width&&(e=.9*s.width),this.tableContainer.scrollLeft+=Math.ceil(e),this.updateScrollState()}previousColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect(),e=(t.reverse().find((t=>t.getBoundingClientRect().left<s.left))||t[0]).getBoundingClientRect();let i=s.left-e.left;i>s.width&&(i=.9*s.width),this.tableContainer.scrollLeft+=-Math.ceil(i),this.updateScrollState()}updateScrollState(){const t=this.tableContainer.scrollLeft,s=this.tableContainer.scrollWidth-this.tableContainer.clientWidth;this.isScrolledToFirstCell=0===t,this.isScrolledToLastCell=s-t-this.tableScrollbarConstant<=0}checkHorizontalScroll(){const t=this.slottedTable.getBoundingClientRect().width,s=this.root.getBoundingClientRect().width;this.isHorizontalScroll=t>s}checkVerticalScroll(){const t=this.tableContainer;this.isVerticalScroll=t.scrollHeight>t.clientHeight}get tableScrollbarConstant(){const t=this.tableContainer;return t?t.offsetWidth-t.clientWidth:0}prepareResizableColumns(){const t=document.createElement("style");t.id=`${this.tableId}-resizable-styles`,document.querySelector("head").appendChild(t);const s=this.tableColumns;s.pop(),s.forEach((t=>{this.columnsWidths[t.dataset.columnName]=`${this.getElementComputedWidth(t)}px`})),this.setResizableColumnsStyles()}updateResizeState(t){if(this.columnResizeState){const s=this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX);this.columnsWidths[this.columnResizeState.resizableColumn.dataset.columnName]=`${s>1?s:1}px`,this.setResizableColumnsStyles()}else this.columnResizeHover=!1,a("th",t,(s=>{this.tableColumns.length-1!==s.cellIndex&&this.isInResizeZone(t,s)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){a("th",t,(s=>{this.isInResizeZone(t,s)&&(this.columnResizeState={resizableColumn:s,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:this.getElementComputedWidth(s)})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,s){return s.getBoundingClientRect().right-t.clientX<3}getElementComputedWidth(t){return parseInt(window.getComputedStyle(t).getPropertyValue("width").split("px")[0],10)}setResizableColumnsStyles(){const t=document.getElementById(`${this.tableId}-resizable-styles`);let s="";Object.keys(this.columnsWidths).forEach((t=>{s+=`[gs-table-id=${this.tableId}] th[data-column-name="${t}"]{\n width:${String(this.columnsWidths[t])};\n min-width:${String(this.columnsWidths[t])};\n }`})),t.innerHTML=s}get isTableEmpty(){return!this.root.children[0]||this.tableRows.length<1}get tableContainerClasses(){return{"gux-table-container":!0,"gux-column-resizing":Boolean(this.columnResizeState),"gux-column-resizing-hover":this.columnResizeHover}}render(){return h(o,{"gs-table-id":this.tableId,"gs-v-scroll":this.isVerticalScroll,"gs-h-scroll":this.isHorizontalScroll,"gs-obj-table":this.objectTable,"gs-compact":this.compact},h("div",{class:"gux-table"},h("div",{tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},h("slot",{name:"data"})),this.isHorizontalScroll&&h("gux-button-slot-beta",{accent:"secondary"},h("button",{class:"gux-table-scroll-left",disabled:this.isScrolledToFirstCell,onClick:!this.isScrolledToFirstCell&&this.previousColumn.bind(this)},h("gux-icon",{"icon-name":"chevron-left","screenreader-text":this.i18n("scrollLeft")}))),this.isHorizontalScroll&&h("gux-button-slot-beta",{accent:"secondary",style:{marginRight:`${this.tableScrollbarConstant}px`}},h("button",{class:"gux-table-scroll-right",disabled:this.isScrolledToLastCell,style:{marginRight:`${this.tableScrollbarConstant}px`},onClick:!this.isScrolledToLastCell&&this.nextColumn.bind(this)},h("gux-icon",{"icon-name":"chevron-right","screenreader-text":this.i18n("scrollRight")}))),this.isTableEmpty&&h("div",{class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return l(this)}};u.style=":host{display:block;isolation:isolate}:host .gux-table{position:relative;height:inherit}:host .gux-table .gux-table-scroll-left,:host .gux-table .gux-table-scroll-right{position:absolute;top:0;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;min-width:0;height:40px;padding:0;color:#2e394c;cursor:pointer;border-radius:4px}:host .gux-table .gux-table-scroll-left gux-icon,:host .gux-table .gux-table-scroll-right gux-icon{width:8px;height:8px}:host .gux-table .gux-table-scroll-left{border-top-left-radius:0;border-bottom-left-radius:0}:host .gux-table .gux-table-scroll-right{right:0;border-top-right-radius:0;border-bottom-right-radius:0}:host .gux-table .gux-table-container{width:100%;max-height:100%;overflow-x:hidden;scrollbar-color:rgba(32, 41, 55, 0.24) #fdfdfd;scrollbar-width:thin}:host .gux-table .gux-table-container::-webkit-scrollbar{width:4px}:host .gux-table .gux-table-container::-webkit-scrollbar-track{background:#fdfdfd}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb{background:rgba(32, 41, 55, 0.24)}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb:hover{background:rgba(32, 41, 55, 0.48)}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;height:150px;color:#596373;background:#fdfdfd;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}";export{u as gux_table_beta}
1
+ import{r as t,c as s,f as e,d as i,h,H as o,g as l}from"./p-74b510cb.js";import{b as r}from"./p-1c9dfc78.js";import{w as a}from"./p-76ff3e75.js";import{r as n}from"./p-cbcbd1bb.js";import{t as c}from"./p-15eea143.js";import{t as b}from"./p-e310debb.js";import"./p-8a133b9b.js";const u=class{constructor(i){t(this,i),this.guxselectionchanged=s(this,"guxselectionchanged",7),this.guxsortchanged=s(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>e(this))),this.tableId=n("gux-table"),this.columnsWidths={},this.isVerticalScroll=!1,this.isHorizontalScroll=!1,this.isScrolledToFirstCell=!0,this.isScrolledToLastCell=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1}async componentWillLoad(){c(this.root),this.i18n=await r(this.root,b)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSelectableRows(),this.checkHorizontalScroll(),this.checkVerticalScroll(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{i((()=>{this.checkHorizontalScroll(),this.checkVerticalScroll(),this.updateScrollState()}))}))),this.resizeObserver&&(this.resizeObserver.observe(this.tableContainer),this.resizeObserver.observe(this.slottedTable)),this.slotObserver.observe(this.slottedTable,{subtree:!0,childList:!0})}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.tableContainer),this.resizeObserver.unobserve(this.slottedTable)),this.resizableColumns&&document.getElementById(`${this.tableId}-resizable-styles`).remove()}onScroll(){this.updateScrollState()}onInternalAllRowSelectChange(t){t.stopPropagation(),this.handleSelectAllRows()}onInternalRowSelectChange(t){t.stopPropagation(),this.handleRowSelection(t.target)}onMouseMove(t){this.resizableColumns&&this.updateResizeState(t)}onMouseDown(t){this.resizableColumns&&this.maybeStartResizing(t)}onMouseUp(){this.resizableColumns&&this.stopResizing()}get tableContainer(){return this.root.shadowRoot.querySelector(".gux-table-container")}get slottedTable(){return this.root.querySelector('table[slot="data"]')}get tableRows(){return Array.from(this.slottedTable.querySelectorAll("tbody tr"))}get tableColumns(){return Array.from(this.slottedTable.querySelectorAll("thead th"))}get rowCheckboxes(){return Array.from(this.slottedTable.querySelectorAll("tbody tr td gux-row-select"))}get selectAllCheckbox(){return this.slottedTable.querySelector("thead tr th gux-all-row-select")}async getSelected(){return this.getSelectedInternal()}getSelectedInternal(){return{selectedRowIds:Array.from(this.rowCheckboxes).filter((t=>t.selected)).map((t=>t.closest("tr").getAttribute("data-row-id")))}}prepareSelectableRows(){this.rowCheckboxes.forEach((t=>{this.updateRowSelection(t)})),this.updateSelectAllBoxState()}updateSelectAllBoxState(){const t=this.selectAllCheckbox;if(t){const s=this.rowCheckboxes,e=s.filter((t=>0==t.hasAttribute("disabled"))),i=e.filter((t=>t.selected)),h=Boolean(s.length),o=i.length===e.length,l=0===i.length;t.selected=h&&o,t.setIndeterminate(h&&!o&&!l)}}handleSelectAllRows(){const t=this.selectAllCheckbox;this.rowCheckboxes.forEach((s=>{s.hasAttribute("disabled")||(s.selected=t.selected,this.updateRowSelection(s))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const s=t.closest("tr");t.selected?s.setAttribute("data-selected-row",""):s.removeAttribute("data-selected-row")}nextColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect();let e=(t.find((t=>t.getBoundingClientRect().right>s.right))||t[t.length-1]).getBoundingClientRect().right-s.right;e>s.width&&(e=.9*s.width),this.tableContainer.scrollLeft+=Math.ceil(e),this.updateScrollState()}previousColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect(),e=(t.reverse().find((t=>t.getBoundingClientRect().left<s.left))||t[0]).getBoundingClientRect();let i=s.left-e.left;i>s.width&&(i=.9*s.width),this.tableContainer.scrollLeft+=-Math.ceil(i),this.updateScrollState()}updateScrollState(){const t=this.tableContainer.scrollLeft,s=this.tableContainer.scrollWidth-this.tableContainer.clientWidth;this.isScrolledToFirstCell=0===t,this.isScrolledToLastCell=s-t-this.tableScrollbarConstant<=0}checkHorizontalScroll(){const t=this.slottedTable.getBoundingClientRect().width,s=this.root.getBoundingClientRect().width;this.isHorizontalScroll=t>s}checkVerticalScroll(){const t=this.tableContainer;this.isVerticalScroll=t.scrollHeight>t.clientHeight}get tableScrollbarConstant(){const t=this.tableContainer;return t?t.offsetWidth-t.clientWidth:0}prepareResizableColumns(){const t=document.createElement("style");t.id=`${this.tableId}-resizable-styles`,document.querySelector("head").appendChild(t);const s=this.tableColumns;s.pop(),s.forEach((t=>{this.columnsWidths[t.dataset.columnName]=`${this.getElementComputedWidth(t)}px`})),this.setResizableColumnsStyles()}updateResizeState(t){if(this.columnResizeState){const s=this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX);this.columnsWidths[this.columnResizeState.resizableColumn.dataset.columnName]=`${s>1?s:1}px`,this.setResizableColumnsStyles()}else this.columnResizeHover=!1,a("th",t,(s=>{this.tableColumns.length-1!==s.cellIndex&&this.isInResizeZone(t,s)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){a("th",t,(s=>{this.isInResizeZone(t,s)&&(this.columnResizeState={resizableColumn:s,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:this.getElementComputedWidth(s)})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,s){return s.getBoundingClientRect().right-t.clientX<3}getElementComputedWidth(t){return parseInt(window.getComputedStyle(t).getPropertyValue("width").split("px")[0],10)}setResizableColumnsStyles(){const t=document.getElementById(`${this.tableId}-resizable-styles`);let s="";Object.keys(this.columnsWidths).forEach((t=>{s+=`[gs-table-id=${this.tableId}] th[data-column-name="${t}"]{\n width:${String(this.columnsWidths[t])};\n min-width:${String(this.columnsWidths[t])};\n }`})),t.innerHTML=s}get isTableEmpty(){return!this.root.children[0]||this.tableRows.length<1}get tableContainerClasses(){return{"gux-table-container":!0,"gux-column-resizing":Boolean(this.columnResizeState),"gux-column-resizing-hover":this.columnResizeHover}}render(){return h(o,{"gs-table-id":this.tableId,"gs-v-scroll":this.isVerticalScroll,"gs-h-scroll":this.isHorizontalScroll,"gs-obj-table":this.objectTable,"gs-compact":this.compact},h("div",{class:"gux-table"},h("div",{tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},h("slot",{name:"data"})),this.isHorizontalScroll&&h("gux-button-slot-beta",{accent:"secondary"},h("button",{class:"gux-table-scroll-left",disabled:this.isScrolledToFirstCell,onClick:!this.isScrolledToFirstCell&&this.previousColumn.bind(this)},h("gux-icon",{"icon-name":"chevron-left","screenreader-text":this.i18n("scrollLeft")}))),this.isHorizontalScroll&&h("gux-button-slot-beta",{accent:"secondary",style:{marginRight:`${this.tableScrollbarConstant}px`}},h("button",{class:"gux-table-scroll-right",disabled:this.isScrolledToLastCell,style:{marginRight:`${this.tableScrollbarConstant}px`},onClick:!this.isScrolledToLastCell&&this.nextColumn.bind(this)},h("gux-icon",{"icon-name":"chevron-right","screenreader-text":this.i18n("scrollRight")}))),this.isTableEmpty&&h("div",{class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return l(this)}};u.style=":host{display:block;isolation:isolate}:host .gux-table{position:relative;height:inherit}:host .gux-table .gux-table-scroll-left,:host .gux-table .gux-table-scroll-right{position:absolute;top:0;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;min-width:0;height:40px;padding:0;color:#2e394c;cursor:pointer;border-radius:4px}:host .gux-table .gux-table-scroll-left gux-icon,:host .gux-table .gux-table-scroll-right gux-icon{width:8px;height:8px}:host .gux-table .gux-table-scroll-left{border-top-left-radius:0;border-bottom-left-radius:0}:host .gux-table .gux-table-scroll-right{right:0;border-top-right-radius:0;border-bottom-right-radius:0}:host .gux-table .gux-table-container{width:100%;max-height:100%;overflow-x:hidden;scrollbar-color:rgba(32, 41, 55, 0.24) #fdfdfd;scrollbar-width:thin}:host .gux-table .gux-table-container::-webkit-scrollbar{width:4px}:host .gux-table .gux-table-container::-webkit-scrollbar-track{background:#fdfdfd}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb{background:rgba(32, 41, 55, 0.24)}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb:hover{background:rgba(32, 41, 55, 0.48)}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;height:150px;color:#596373;background:#fdfdfd;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}";export{u as gux_table_beta}
@@ -0,0 +1 @@
1
+ import{r as e,h as t,g as o}from"./p-74b510cb.js";import{c as i,o as n}from"./p-3f5341ea.js";import{O as r}from"./p-e3c80187.js";import{a}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as p}from"./p-15eea143.js";import{G as l,a as u}from"./p-625f19b6.js";import{h as c,G as x,v as f,g}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=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=a(this.input,(e=>{this.required=e})),f(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=g(this.label,this.labelPosition)}get root(){return o(this)}};(function(e,t,o,i){var n,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(a=(r<3?n(a):r>3?n(t,o,a):n(t,o))||a);r>3&&a&&Object.defineProperty(t,o,a)})([r({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style=".gux-form-field-container{margin: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;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:0 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}