genesys-spark-components 3.4.3 → 3.7.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 (439) hide show
  1. package/CHANGELOG.md +23 -1
  2. package/dist/cjs/{en-3662eafc.js → en-3d7b896f.js} +3 -1
  3. package/dist/cjs/genesys-webcomponents.cjs.js +2 -2
  4. package/dist/cjs/gux-accordion-legacy.cjs.entry.js +2 -2
  5. package/dist/cjs/gux-accordion-section.cjs.entry.js +1 -1
  6. package/dist/cjs/gux-accordion.cjs.entry.js +2 -2
  7. package/dist/cjs/gux-action-button-legacy.cjs.entry.js +4 -4
  8. package/dist/cjs/gux-action-button.cjs.entry.js +4 -4
  9. package/dist/cjs/gux-action-item.cjs.entry.js +1 -1
  10. package/dist/cjs/gux-action-list-divider.cjs.entry.js +1 -1
  11. package/dist/cjs/gux-action-list-legacy.cjs.entry.js +2 -2
  12. package/dist/cjs/gux-action-toast.cjs.entry.js +2 -2
  13. package/dist/cjs/gux-advanced-dropdown.cjs.entry.js +3 -3
  14. package/dist/cjs/gux-all-row-select.cjs.entry.js +3 -3
  15. package/dist/cjs/gux-badge-beta.cjs.entry.js +3 -3
  16. package/dist/cjs/gux-breadcrumb-item.cjs.entry.js +1 -1
  17. package/dist/cjs/gux-breadcrumbs.cjs.entry.js +3 -3
  18. package/dist/cjs/gux-button-multi-legacy.cjs.entry.js +3 -3
  19. package/dist/cjs/gux-button-multi.cjs.entry.js +3 -3
  20. package/dist/cjs/gux-button-slot-beta.cjs.entry.js +2 -2
  21. package/dist/cjs/gux-button.cjs.entry.js +2 -2
  22. package/dist/cjs/gux-calendar.cjs.entry.js +3 -3
  23. package/dist/cjs/gux-card-beta.cjs.entry.js +2 -2
  24. package/dist/cjs/gux-chart-column-beta.cjs.entry.js +2 -2
  25. package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +2 -2
  26. package/dist/cjs/gux-chart-line-beta.cjs.entry.js +2 -2
  27. package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +2 -2
  28. package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +2 -2
  29. package/dist/cjs/gux-color-select_2.cjs.entry.js +1 -1
  30. package/dist/cjs/gux-command-action.cjs.entry.js +1 -1
  31. package/dist/cjs/gux-command-palette-legacy.cjs.entry.js +3 -3
  32. package/dist/cjs/gux-content-search.cjs.entry.js +3 -3
  33. package/dist/cjs/gux-copy-to-clipboard-beta.cjs.entry.js +3 -3
  34. package/dist/cjs/gux-datepicker.cjs.entry.js +4 -4
  35. package/dist/cjs/gux-disclosure-button.cjs.entry.js +3 -3
  36. package/dist/cjs/gux-dismiss-button.cjs.entry.js +3 -3
  37. package/dist/cjs/gux-dropdown-legacy.cjs.entry.js +4 -4
  38. package/dist/cjs/gux-dropdown-multi-beta.cjs.entry.js +297 -0
  39. package/dist/cjs/gux-dropdown-multi-tag.cjs.entry.js +58 -0
  40. package/dist/cjs/gux-dropdown-option.cjs.entry.js +1 -1
  41. package/dist/cjs/gux-dropdown_3.cjs.entry.js +30 -178
  42. package/dist/cjs/gux-error-message-beta.cjs.entry.js +2 -2
  43. package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +2 -2
  44. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +8 -8
  45. package/dist/cjs/gux-form-field-color.cjs.entry.js +10 -10
  46. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +91 -0
  47. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +3 -3
  48. package/dist/cjs/{gux-form-field-label-d5088b51.js → gux-form-field-label-abbb7396.js} +1 -1
  49. package/dist/cjs/gux-form-field-legacy.cjs.entry.js +3 -3
  50. package/dist/cjs/gux-form-field-number.cjs.entry.js +13 -13
  51. package/dist/cjs/gux-form-field-radio.cjs.entry.js +8 -8
  52. package/dist/cjs/gux-form-field-range.cjs.entry.js +10 -10
  53. package/dist/cjs/gux-form-field-search.cjs.entry.js +12 -12
  54. package/dist/cjs/gux-form-field-select.cjs.entry.js +10 -10
  55. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +12 -12
  56. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +10 -10
  57. package/dist/cjs/{gux-form-field.servce-e9451c50.js → gux-form-field.service-21126f1d.js} +1 -1
  58. package/dist/cjs/gux-icon.cjs.entry.js +2 -2
  59. package/dist/cjs/gux-input-checkbox_7.cjs.entry.js +2 -2
  60. package/dist/cjs/gux-input-search.cjs.entry.js +2 -2
  61. package/dist/cjs/gux-input-text-like.cjs.entry.js +2 -2
  62. package/dist/cjs/gux-list-divider-legacy.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-list-divider.cjs.entry.js +1 -1
  64. package/dist/cjs/gux-list-item-legacy_2.cjs.entry.js +2 -2
  65. package/dist/cjs/gux-list-item.cjs.entry.js +1 -1
  66. package/dist/cjs/gux-list.cjs.entry.js +2 -2
  67. package/dist/cjs/gux-listbox-multi.cjs.entry.js +159 -0
  68. package/dist/cjs/gux-listbox.service-d394da79.js +161 -0
  69. package/dist/cjs/gux-menu-option.cjs.entry.js +1 -1
  70. package/dist/cjs/gux-menu.cjs.entry.js +1 -1
  71. package/dist/cjs/gux-modal.cjs.entry.js +2 -2
  72. package/dist/cjs/gux-notification-toast.cjs.entry.js +2 -2
  73. package/dist/cjs/gux-option-legacy.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-option-multi.cjs.entry.js +47 -0
  75. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +2 -2
  76. package/dist/cjs/gux-pagination-beta.cjs.entry.js +2 -2
  77. package/dist/cjs/gux-pagination-buttons-beta_3.cjs.entry.js +2 -2
  78. package/dist/cjs/gux-pagination-buttons_3.cjs.entry.js +2 -2
  79. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +3 -3
  80. package/dist/cjs/gux-pagination.cjs.entry.js +2 -2
  81. package/dist/cjs/gux-panel-frame-legacy.cjs.entry.js +2 -2
  82. package/dist/cjs/gux-popover-list.cjs.entry.js +3 -3
  83. package/dist/cjs/gux-popover.cjs.entry.js +3 -3
  84. package/dist/cjs/gux-popup.cjs.entry.js +1 -1
  85. package/dist/cjs/gux-radial-loading.cjs.entry.js +3 -3
  86. package/dist/cjs/gux-radial-progress.cjs.entry.js +2 -2
  87. package/dist/cjs/gux-rating.cjs.entry.js +2 -2
  88. package/dist/cjs/gux-row-select.cjs.entry.js +4 -4
  89. package/dist/cjs/gux-side-panel-button.cjs.entry.js +1 -1
  90. package/dist/cjs/gux-side-panel-legacy.cjs.entry.js +2 -2
  91. package/dist/cjs/gux-simple-toast.cjs.entry.js +2 -2
  92. package/dist/cjs/gux-sort-control.cjs.entry.js +42 -0
  93. package/dist/cjs/gux-submenu.cjs.entry.js +1 -1
  94. package/dist/cjs/gux-switch-item.cjs.entry.js +1 -1
  95. package/dist/cjs/gux-switch.cjs.entry.js +2 -2
  96. package/dist/cjs/gux-tab-advanced-list.cjs.entry.js +3 -3
  97. package/dist/cjs/gux-tab-advanced-panel.cjs.entry.js +1 -1
  98. package/dist/cjs/gux-tab-advanced.cjs.entry.js +2 -2
  99. package/dist/cjs/gux-tab-dropdown-option-legacy.cjs.entry.js +1 -1
  100. package/dist/cjs/gux-tab-legacy.cjs.entry.js +1 -1
  101. package/dist/cjs/gux-tab-list.cjs.entry.js +2 -2
  102. package/dist/cjs/gux-tab-panel.cjs.entry.js +1 -1
  103. package/dist/cjs/gux-tab.cjs.entry.js +1 -1
  104. package/dist/cjs/gux-table-beta.cjs.entry.js +54 -35
  105. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +2 -2
  106. package/dist/cjs/gux-tabs-legacy.cjs.entry.js +3 -3
  107. package/dist/cjs/gux-tabs.cjs.entry.js +2 -2
  108. package/dist/cjs/gux-tag-beta.cjs.entry.js +3 -3
  109. package/dist/cjs/gux-text-highlight.cjs.entry.js +2 -2
  110. package/dist/cjs/gux-text-label-legacy.cjs.entry.js +2 -2
  111. package/dist/cjs/gux-time-picker-beta.cjs.entry.js +4 -4
  112. package/dist/cjs/gux-toggle-slider.cjs.entry.js +1 -1
  113. package/dist/cjs/gux-toggle.cjs.entry.js +3 -3
  114. package/dist/cjs/gux-tooltip_2.cjs.entry.js +3 -3
  115. package/dist/cjs/gux-visualization-beta.cjs.entry.js +3 -3
  116. package/dist/cjs/{index-33b1b88e.js → index-525cfec0.js} +30 -4
  117. package/dist/cjs/{index-2202ad01.js → index-57ec1998.js} +1 -1
  118. package/dist/cjs/loader.cjs.js +2 -2
  119. package/dist/cjs/{on-click-outside-246a1eb3.js → on-click-outside-e0d28eff.js} +1 -1
  120. package/dist/cjs/{on-mutation-2e4dd956.js → on-mutation-347de78d.js} +1 -1
  121. package/dist/cjs/{usage-tracking-615fea70.js → usage-tracking-7df85f4e.js} +1 -1
  122. package/dist/collection/collection-manifest.json +6 -0
  123. package/dist/collection/components/beta/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.css +50 -0
  124. package/dist/collection/components/beta/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.js +116 -0
  125. package/dist/collection/components/beta/gux-dropdown-multi/gux-dropdown-multi.css +151 -0
  126. package/dist/collection/components/beta/gux-dropdown-multi/gux-dropdown-multi.js +458 -0
  127. package/dist/collection/components/beta/gux-table/gux-row-select/gux-row-select.js +18 -1
  128. package/dist/collection/components/beta/gux-table/gux-sort-control/gux-sort-control.css +39 -0
  129. package/dist/collection/components/beta/gux-table/gux-sort-control/gux-sort-control.js +50 -0
  130. package/dist/collection/components/beta/gux-table/gux-table.js +50 -31
  131. package/dist/collection/components/beta/gux-tag/gux-tag.js +0 -17
  132. package/dist/collection/components/stable/gux-dropdown/gux-dropdown.js +19 -0
  133. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.js +1 -1
  134. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.js +1 -1
  135. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.css +153 -0
  136. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.js +126 -0
  137. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.js +1 -1
  138. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio/gux-form-field-radio.js +1 -1
  139. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.js +1 -1
  140. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.js +1 -1
  141. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.js +1 -1
  142. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.js +1 -1
  143. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.js +1 -1
  144. package/dist/collection/components/stable/gux-form-field/{gux-form-field.servce.js → gux-form-field.service.js} +0 -0
  145. package/dist/collection/components/stable/gux-listbox/gux-listbox.js +7 -9
  146. package/dist/collection/components/stable/gux-listbox-multi/gux-listbox-multi.css +23 -0
  147. package/dist/collection/components/stable/gux-listbox-multi/gux-listbox-multi.js +269 -0
  148. package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.css +45 -0
  149. package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js +167 -0
  150. package/dist/deploy-info.json +3 -3
  151. package/dist/esm/{en-07edddda.js → en-d22521fc.js} +3 -1
  152. package/dist/esm/genesys-webcomponents.js +2 -2
  153. package/dist/esm/gux-accordion-legacy.entry.js +2 -2
  154. package/dist/esm/gux-accordion-section.entry.js +1 -1
  155. package/dist/esm/gux-accordion.entry.js +2 -2
  156. package/dist/esm/gux-action-button-legacy.entry.js +4 -4
  157. package/dist/esm/gux-action-button.entry.js +4 -4
  158. package/dist/esm/gux-action-item.entry.js +1 -1
  159. package/dist/esm/gux-action-list-divider.entry.js +1 -1
  160. package/dist/esm/gux-action-list-legacy.entry.js +2 -2
  161. package/dist/esm/gux-action-toast.entry.js +2 -2
  162. package/dist/esm/gux-advanced-dropdown.entry.js +3 -3
  163. package/dist/esm/gux-all-row-select.entry.js +3 -3
  164. package/dist/esm/gux-badge-beta.entry.js +3 -3
  165. package/dist/esm/gux-breadcrumb-item.entry.js +1 -1
  166. package/dist/esm/gux-breadcrumbs.entry.js +3 -3
  167. package/dist/esm/gux-button-multi-legacy.entry.js +3 -3
  168. package/dist/esm/gux-button-multi.entry.js +3 -3
  169. package/dist/esm/gux-button-slot-beta.entry.js +2 -2
  170. package/dist/esm/gux-button.entry.js +2 -2
  171. package/dist/esm/gux-calendar.entry.js +3 -3
  172. package/dist/esm/gux-card-beta.entry.js +2 -2
  173. package/dist/esm/gux-chart-column-beta.entry.js +2 -2
  174. package/dist/esm/gux-chart-donut-beta.entry.js +2 -2
  175. package/dist/esm/gux-chart-line-beta.entry.js +2 -2
  176. package/dist/esm/gux-chart-pie-beta.entry.js +2 -2
  177. package/dist/esm/gux-chart-scatter-plot-beta.entry.js +2 -2
  178. package/dist/esm/gux-color-select_2.entry.js +1 -1
  179. package/dist/esm/gux-command-action.entry.js +1 -1
  180. package/dist/esm/gux-command-palette-legacy.entry.js +3 -3
  181. package/dist/esm/gux-content-search.entry.js +3 -3
  182. package/dist/esm/gux-copy-to-clipboard-beta.entry.js +3 -3
  183. package/dist/esm/gux-datepicker.entry.js +4 -4
  184. package/dist/esm/gux-disclosure-button.entry.js +3 -3
  185. package/dist/esm/gux-dismiss-button.entry.js +3 -3
  186. package/dist/esm/gux-dropdown-legacy.entry.js +4 -4
  187. package/dist/esm/gux-dropdown-multi-beta.entry.js +293 -0
  188. package/dist/esm/gux-dropdown-multi-tag.entry.js +54 -0
  189. package/dist/esm/gux-dropdown-option.entry.js +1 -1
  190. package/dist/esm/gux-dropdown_3.entry.js +12 -160
  191. package/dist/esm/gux-error-message-beta.entry.js +2 -2
  192. package/dist/esm/gux-flyout-menu-beta.entry.js +2 -2
  193. package/dist/esm/gux-form-field-checkbox.entry.js +4 -4
  194. package/dist/esm/gux-form-field-color.entry.js +5 -5
  195. package/dist/esm/gux-form-field-dropdown.entry.js +87 -0
  196. package/dist/esm/gux-form-field-input-clear-button.entry.js +3 -3
  197. package/dist/esm/{gux-form-field-label-ac49a8be.js → gux-form-field-label-1d0c1a02.js} +1 -1
  198. package/dist/esm/gux-form-field-legacy.entry.js +3 -3
  199. package/dist/esm/gux-form-field-number.entry.js +6 -6
  200. package/dist/esm/gux-form-field-radio.entry.js +4 -4
  201. package/dist/esm/gux-form-field-range.entry.js +5 -5
  202. package/dist/esm/gux-form-field-search.entry.js +5 -5
  203. package/dist/esm/gux-form-field-select.entry.js +5 -5
  204. package/dist/esm/gux-form-field-text-like.entry.js +5 -5
  205. package/dist/esm/gux-form-field-textarea.entry.js +5 -5
  206. package/dist/esm/{gux-form-field.servce-971609e2.js → gux-form-field.service-4bfd6534.js} +1 -1
  207. package/dist/esm/gux-icon.entry.js +2 -2
  208. package/dist/esm/gux-input-checkbox_7.entry.js +2 -2
  209. package/dist/esm/gux-input-search.entry.js +2 -2
  210. package/dist/esm/gux-input-text-like.entry.js +2 -2
  211. package/dist/esm/gux-list-divider-legacy.entry.js +1 -1
  212. package/dist/esm/gux-list-divider.entry.js +1 -1
  213. package/dist/esm/gux-list-item-legacy_2.entry.js +2 -2
  214. package/dist/esm/gux-list-item.entry.js +1 -1
  215. package/dist/esm/gux-list.entry.js +2 -2
  216. package/dist/esm/gux-listbox-multi.entry.js +155 -0
  217. package/dist/esm/gux-listbox.service-3541a2f7.js +148 -0
  218. package/dist/esm/gux-menu-option.entry.js +1 -1
  219. package/dist/esm/gux-menu.entry.js +1 -1
  220. package/dist/esm/gux-modal.entry.js +2 -2
  221. package/dist/esm/gux-notification-toast.entry.js +2 -2
  222. package/dist/esm/gux-option-legacy.entry.js +1 -1
  223. package/dist/esm/gux-option-multi.entry.js +43 -0
  224. package/dist/esm/gux-page-loading-spinner.entry.js +2 -2
  225. package/dist/esm/gux-pagination-beta.entry.js +2 -2
  226. package/dist/esm/gux-pagination-buttons-beta_3.entry.js +2 -2
  227. package/dist/esm/gux-pagination-buttons_3.entry.js +2 -2
  228. package/dist/esm/gux-pagination-cursor.entry.js +3 -3
  229. package/dist/esm/gux-pagination.entry.js +2 -2
  230. package/dist/esm/gux-panel-frame-legacy.entry.js +2 -2
  231. package/dist/esm/gux-popover-list.entry.js +3 -3
  232. package/dist/esm/gux-popover.entry.js +3 -3
  233. package/dist/esm/gux-popup.entry.js +1 -1
  234. package/dist/esm/gux-radial-loading.entry.js +3 -3
  235. package/dist/esm/gux-radial-progress.entry.js +2 -2
  236. package/dist/esm/gux-rating.entry.js +2 -2
  237. package/dist/esm/gux-row-select.entry.js +4 -4
  238. package/dist/esm/gux-side-panel-button.entry.js +1 -1
  239. package/dist/esm/gux-side-panel-legacy.entry.js +2 -2
  240. package/dist/esm/gux-simple-toast.entry.js +2 -2
  241. package/dist/esm/gux-sort-control.entry.js +38 -0
  242. package/dist/esm/gux-submenu.entry.js +1 -1
  243. package/dist/esm/gux-switch-item.entry.js +1 -1
  244. package/dist/esm/gux-switch.entry.js +2 -2
  245. package/dist/esm/gux-tab-advanced-list.entry.js +3 -3
  246. package/dist/esm/gux-tab-advanced-panel.entry.js +1 -1
  247. package/dist/esm/gux-tab-advanced.entry.js +2 -2
  248. package/dist/esm/gux-tab-dropdown-option-legacy.entry.js +1 -1
  249. package/dist/esm/gux-tab-legacy.entry.js +1 -1
  250. package/dist/esm/gux-tab-list.entry.js +2 -2
  251. package/dist/esm/gux-tab-panel.entry.js +1 -1
  252. package/dist/esm/gux-tab.entry.js +1 -1
  253. package/dist/esm/gux-table-beta.entry.js +54 -35
  254. package/dist/esm/gux-tabs-advanced.entry.js +2 -2
  255. package/dist/esm/gux-tabs-legacy.entry.js +3 -3
  256. package/dist/esm/gux-tabs.entry.js +2 -2
  257. package/dist/esm/gux-tag-beta.entry.js +3 -3
  258. package/dist/esm/gux-text-highlight.entry.js +2 -2
  259. package/dist/esm/gux-text-label-legacy.entry.js +2 -2
  260. package/dist/esm/gux-time-picker-beta.entry.js +4 -4
  261. package/dist/esm/gux-toggle-slider.entry.js +1 -1
  262. package/dist/esm/gux-toggle.entry.js +3 -3
  263. package/dist/esm/gux-tooltip_2.entry.js +3 -3
  264. package/dist/esm/gux-visualization-beta.entry.js +3 -3
  265. package/dist/esm/{index-5bfcdeb1.js → index-16dc4871.js} +1 -1
  266. package/dist/esm/{index-76794476.js → index-d8b1bc53.js} +30 -4
  267. package/dist/esm/loader.js +2 -2
  268. package/dist/esm/{on-click-outside-ce30de20.js → on-click-outside-9635bd3e.js} +1 -1
  269. package/dist/esm/{on-mutation-2e96b1b9.js → on-mutation-1c2ba0a6.js} +1 -1
  270. package/dist/esm/{usage-tracking-d43351c0.js → usage-tracking-7ca27c3f.js} +1 -1
  271. package/dist/genesys-webcomponents/genesys-webcomponents.css +1 -1
  272. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  273. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.ar.json +1 -1
  274. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.cs.json +1 -1
  275. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.da.json +1 -1
  276. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.de.json +1 -1
  277. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.en.json +1 -1
  278. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.es-es.json +1 -1
  279. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.es.json +1 -1
  280. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.fi.json +1 -1
  281. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.fr-ca.json +1 -1
  282. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.fr.json +1 -1
  283. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.it.json +1 -1
  284. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.ja.json +1 -1
  285. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.ko.json +1 -1
  286. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.nl.json +1 -1
  287. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.no.json +1 -1
  288. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.pl.json +1 -1
  289. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.pt-br.json +1 -1
  290. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.ru.json +1 -1
  291. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.sv.json +1 -1
  292. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.th.json +1 -1
  293. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.tr.json +1 -1
  294. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.zh-cn.json +1 -1
  295. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.zh-tw.json +1 -1
  296. package/dist/genesys-webcomponents/{p-be9a43f8.entry.js → p-01bc0c0d.entry.js} +1 -1
  297. package/dist/genesys-webcomponents/p-04a2187d.entry.js +1 -0
  298. package/dist/genesys-webcomponents/{p-8288a4c9.entry.js → p-0b1bf180.entry.js} +1 -1
  299. package/dist/genesys-webcomponents/{p-b4797114.entry.js → p-0d7ffb0d.entry.js} +1 -1
  300. package/dist/genesys-webcomponents/{p-5674b67a.entry.js → p-1173c715.entry.js} +1 -1
  301. package/dist/genesys-webcomponents/{p-c6eab0f6.entry.js → p-1255480b.entry.js} +1 -1
  302. package/dist/genesys-webcomponents/{p-c917491c.entry.js → p-12bafe6e.entry.js} +1 -1
  303. package/dist/genesys-webcomponents/{p-08b07a2b.js → p-14551b38.js} +1 -1
  304. package/dist/genesys-webcomponents/{p-5a3afda9.entry.js → p-1483501f.entry.js} +1 -1
  305. package/dist/genesys-webcomponents/{p-90f86b6f.entry.js → p-15e8c249.entry.js} +1 -1
  306. package/dist/genesys-webcomponents/{p-7c57956f.entry.js → p-17e7772d.entry.js} +1 -1
  307. package/dist/genesys-webcomponents/{p-e4e5aa67.entry.js → p-1ad06cfc.entry.js} +1 -1
  308. package/dist/genesys-webcomponents/{p-5f8b46b5.entry.js → p-1f1554e3.entry.js} +1 -1
  309. package/dist/genesys-webcomponents/{p-be79f47d.js → p-2065021e.js} +1 -1
  310. package/dist/genesys-webcomponents/{p-98c2b858.entry.js → p-218b2949.entry.js} +1 -1
  311. package/dist/genesys-webcomponents/{p-e08ae631.entry.js → p-22d23a76.entry.js} +1 -1
  312. package/dist/genesys-webcomponents/p-2b24dcb6.entry.js +1 -0
  313. package/dist/genesys-webcomponents/{p-c150db37.entry.js → p-2b7d8c71.entry.js} +1 -1
  314. package/dist/genesys-webcomponents/{p-d5cd81ef.entry.js → p-2f644041.entry.js} +1 -1
  315. package/dist/genesys-webcomponents/{p-4402a21b.entry.js → p-33c27a48.entry.js} +1 -1
  316. package/dist/genesys-webcomponents/{p-aeaa6fb5.entry.js → p-34db3dd5.entry.js} +1 -1
  317. package/dist/genesys-webcomponents/{p-4b7056b2.js → p-35578249.js} +1 -1
  318. package/dist/genesys-webcomponents/{p-9b476241.entry.js → p-356c4b29.entry.js} +1 -1
  319. package/dist/genesys-webcomponents/{p-e61558ed.entry.js → p-35c9b84c.entry.js} +1 -1
  320. package/dist/genesys-webcomponents/{p-bb7ce26a.entry.js → p-36c0f9c6.entry.js} +1 -1
  321. package/dist/genesys-webcomponents/p-3770c1e9.js +1 -0
  322. package/dist/genesys-webcomponents/{p-ba9b75d5.entry.js → p-386a5e11.entry.js} +1 -1
  323. package/dist/genesys-webcomponents/{p-dc78875c.entry.js → p-389a7726.entry.js} +1 -1
  324. package/dist/genesys-webcomponents/p-3944a28c.entry.js +1 -0
  325. package/dist/genesys-webcomponents/p-3cf4f2b4.entry.js +1 -0
  326. package/dist/genesys-webcomponents/{p-7b5cfa36.entry.js → p-3d3da13c.entry.js} +1 -1
  327. package/dist/genesys-webcomponents/p-3d6504f2.entry.js +1 -0
  328. package/dist/genesys-webcomponents/{p-138f5752.entry.js → p-3dbadd4b.entry.js} +1 -1
  329. package/dist/genesys-webcomponents/{p-d91b8ebc.entry.js → p-41cdf0e5.entry.js} +1 -1
  330. package/dist/genesys-webcomponents/{p-a9b797be.entry.js → p-43117b25.entry.js} +1 -1
  331. package/dist/genesys-webcomponents/{p-a6257c98.js → p-451a9239.js} +1 -1
  332. package/dist/genesys-webcomponents/{p-8df52df5.entry.js → p-45517975.entry.js} +1 -1
  333. package/dist/genesys-webcomponents/{p-dbd5a915.entry.js → p-47eeb17a.entry.js} +1 -1
  334. package/dist/genesys-webcomponents/{p-5ca81424.js → p-49b1912a.js} +1 -1
  335. package/dist/genesys-webcomponents/{p-4ecdb7bc.entry.js → p-4df6bcb9.entry.js} +1 -1
  336. package/dist/genesys-webcomponents/{p-66c88faf.entry.js → p-51729bfe.entry.js} +1 -1
  337. package/dist/genesys-webcomponents/{p-2548bdad.js → p-523a0237.js} +1 -1
  338. package/dist/genesys-webcomponents/{p-476e998c.entry.js → p-55e607e7.entry.js} +1 -1
  339. package/dist/genesys-webcomponents/{p-f2a5fea9.entry.js → p-5647d38b.entry.js} +1 -1
  340. package/dist/genesys-webcomponents/{p-cb7ee59b.entry.js → p-5955fe3f.entry.js} +1 -1
  341. package/dist/genesys-webcomponents/{p-53df4573.entry.js → p-5b9ed635.entry.js} +1 -1
  342. package/dist/genesys-webcomponents/{p-dc4a2df0.entry.js → p-603d8065.entry.js} +1 -1
  343. package/dist/genesys-webcomponents/{p-bd4ecc66.entry.js → p-63de6e73.entry.js} +1 -1
  344. package/dist/genesys-webcomponents/{p-029337ed.entry.js → p-647dd4a5.entry.js} +1 -1
  345. package/dist/genesys-webcomponents/{p-421513fb.entry.js → p-659e0050.entry.js} +1 -1
  346. package/dist/genesys-webcomponents/{p-d7a2f8dc.entry.js → p-66117fa0.entry.js} +1 -1
  347. package/dist/genesys-webcomponents/{p-b6c2da3c.entry.js → p-6f1d66a1.entry.js} +1 -1
  348. package/dist/genesys-webcomponents/{p-4ddf13c8.entry.js → p-6fe4eeb9.entry.js} +1 -1
  349. package/dist/genesys-webcomponents/{p-fcc3ad28.entry.js → p-70280c21.entry.js} +1 -1
  350. package/dist/genesys-webcomponents/{p-74ab4e9c.entry.js → p-7341343a.entry.js} +1 -1
  351. package/dist/genesys-webcomponents/{p-7c2fde74.entry.js → p-748648d7.entry.js} +1 -1
  352. package/dist/genesys-webcomponents/{p-45d49edc.entry.js → p-7623d68f.entry.js} +1 -1
  353. package/dist/genesys-webcomponents/{p-3d613b08.entry.js → p-7e339355.entry.js} +1 -1
  354. package/dist/genesys-webcomponents/{p-0b1201f8.entry.js → p-80c23151.entry.js} +1 -1
  355. package/dist/genesys-webcomponents/p-81835685.entry.js +1 -0
  356. package/dist/genesys-webcomponents/{p-ecc80e4a.entry.js → p-82e7411b.entry.js} +1 -1
  357. package/dist/genesys-webcomponents/{p-6835601a.entry.js → p-839df9e8.entry.js} +1 -1
  358. package/dist/genesys-webcomponents/{p-79e6d305.entry.js → p-865f9155.entry.js} +1 -1
  359. package/dist/genesys-webcomponents/{p-56cf4de0.entry.js → p-871f1877.entry.js} +1 -1
  360. package/dist/genesys-webcomponents/{p-7ee9ea99.entry.js → p-8d724126.entry.js} +1 -1
  361. package/dist/genesys-webcomponents/{p-2e20a804.entry.js → p-8ed65ede.entry.js} +1 -1
  362. package/dist/genesys-webcomponents/{p-34e05274.entry.js → p-9154b32a.entry.js} +1 -1
  363. package/dist/genesys-webcomponents/{p-e26127e1.entry.js → p-945e7ac9.entry.js} +1 -1
  364. package/dist/genesys-webcomponents/{p-d84f477d.entry.js → p-94729a52.entry.js} +1 -1
  365. package/dist/genesys-webcomponents/p-9626853f.entry.js +1 -0
  366. package/dist/genesys-webcomponents/{p-71684343.entry.js → p-9a6b9457.entry.js} +1 -1
  367. package/dist/genesys-webcomponents/{p-4a5922ba.entry.js → p-9ff5f713.entry.js} +1 -1
  368. package/dist/genesys-webcomponents/p-a0a0d12d.entry.js +1 -0
  369. package/dist/genesys-webcomponents/p-a2f34941.entry.js +1 -0
  370. package/dist/genesys-webcomponents/{p-cfd5c06d.entry.js → p-a41b086e.entry.js} +1 -1
  371. package/dist/genesys-webcomponents/{p-2acf2470.entry.js → p-a6509d00.entry.js} +1 -1
  372. package/dist/genesys-webcomponents/{p-a60243d3.entry.js → p-a6c5c249.entry.js} +1 -1
  373. package/dist/genesys-webcomponents/{p-b39ba52b.entry.js → p-a9251ac5.entry.js} +1 -1
  374. package/dist/genesys-webcomponents/{p-2e1ecedf.entry.js → p-acf67c95.entry.js} +1 -1
  375. package/dist/genesys-webcomponents/{p-63e85901.entry.js → p-b0496b8f.entry.js} +1 -1
  376. package/dist/genesys-webcomponents/p-b0c0bff1.entry.js +1 -0
  377. package/dist/genesys-webcomponents/{p-a5c9fbed.entry.js → p-b225ce42.entry.js} +1 -1
  378. package/dist/genesys-webcomponents/p-b27f0bef.entry.js +1 -0
  379. package/dist/genesys-webcomponents/{p-2e0680ef.entry.js → p-b381c84b.entry.js} +1 -1
  380. package/dist/genesys-webcomponents/{p-947b7fe3.entry.js → p-b3a7b931.entry.js} +1 -1
  381. package/dist/genesys-webcomponents/{p-68ee84bf.entry.js → p-b41cc336.entry.js} +1 -1
  382. package/dist/genesys-webcomponents/{p-415f6c94.entry.js → p-b4462c3b.entry.js} +1 -1
  383. package/dist/genesys-webcomponents/{p-d565a701.entry.js → p-b73c7df6.entry.js} +1 -1
  384. package/dist/genesys-webcomponents/{p-6c3740b9.entry.js → p-b950af05.entry.js} +1 -1
  385. package/dist/genesys-webcomponents/{p-8f8cc114.entry.js → p-bd981172.entry.js} +1 -1
  386. package/dist/genesys-webcomponents/{p-b3bdfcc9.entry.js → p-bf05f0be.entry.js} +1 -1
  387. package/dist/genesys-webcomponents/{p-4b3e8e83.entry.js → p-c07588f6.entry.js} +1 -1
  388. package/dist/genesys-webcomponents/{p-389324ee.entry.js → p-c291c7ce.entry.js} +1 -1
  389. package/dist/genesys-webcomponents/{p-c86cf183.entry.js → p-cb80973e.entry.js} +1 -1
  390. package/dist/genesys-webcomponents/{p-860fb98c.entry.js → p-cbc1e53a.entry.js} +1 -1
  391. package/dist/genesys-webcomponents/p-cdf5cb56.js +1 -0
  392. package/dist/genesys-webcomponents/{p-0246b90a.entry.js → p-ce151ab8.entry.js} +1 -1
  393. package/dist/genesys-webcomponents/p-cf1561e4.entry.js +1 -0
  394. package/dist/genesys-webcomponents/{p-dd977705.entry.js → p-d17782f2.entry.js} +1 -1
  395. package/dist/genesys-webcomponents/{p-adc5b8f9.entry.js → p-d1d251cf.entry.js} +1 -1
  396. package/dist/genesys-webcomponents/{p-bea0187a.entry.js → p-d33adb9d.entry.js} +1 -1
  397. package/dist/genesys-webcomponents/p-d3478c48.entry.js +1 -0
  398. package/dist/genesys-webcomponents/{p-95bf6df8.entry.js → p-d3863df8.entry.js} +1 -1
  399. package/dist/genesys-webcomponents/{p-ed0b3496.entry.js → p-d4d63d34.entry.js} +1 -1
  400. package/dist/genesys-webcomponents/{p-582b7a46.entry.js → p-d7496724.entry.js} +1 -1
  401. package/dist/genesys-webcomponents/{p-65c97d28.entry.js → p-d7d26ff4.entry.js} +1 -1
  402. package/dist/genesys-webcomponents/{p-fdcd8958.entry.js → p-d90a6aeb.entry.js} +1 -1
  403. package/dist/genesys-webcomponents/{p-9bea99f9.entry.js → p-da4152f5.entry.js} +1 -1
  404. package/dist/genesys-webcomponents/{p-991b2ddb.entry.js → p-dfef5175.entry.js} +1 -1
  405. package/dist/genesys-webcomponents/{p-2212a472.entry.js → p-e0660777.entry.js} +1 -1
  406. package/dist/genesys-webcomponents/{p-3674c2f1.entry.js → p-e560b587.entry.js} +1 -1
  407. package/dist/genesys-webcomponents/p-e571f861.js +2 -0
  408. package/dist/genesys-webcomponents/{p-e8b70c45.entry.js → p-ead7d375.entry.js} +1 -1
  409. package/dist/genesys-webcomponents/p-f1264d64.entry.js +1 -0
  410. package/dist/genesys-webcomponents/{p-c87736cc.entry.js → p-f3f4c59f.entry.js} +1 -1
  411. package/dist/genesys-webcomponents/{p-e211d484.entry.js → p-f84cd0a6.entry.js} +1 -1
  412. package/dist/genesys-webcomponents/{p-1dedbc02.entry.js → p-fa2adfa7.entry.js} +1 -1
  413. package/dist/genesys-webcomponents/{p-7abebb37.entry.js → p-fee0493f.entry.js} +1 -1
  414. package/dist/stencil-wrapper.js +1 -1
  415. package/dist/types/components/beta/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.d.ts +20 -0
  416. package/dist/types/components/beta/gux-dropdown-multi/gux-dropdown-multi.d.ts +56 -0
  417. package/dist/types/components/beta/gux-table/gux-row-select/gux-row-select.d.ts +1 -0
  418. package/dist/types/components/beta/gux-table/gux-sort-control/gux-sort-control.d.ts +13 -0
  419. package/dist/types/components/beta/gux-table/gux-table.d.ts +2 -0
  420. package/dist/types/components/beta/gux-tag/gux-tag.d.ts +0 -4
  421. package/dist/types/components/stable/gux-dropdown/gux-dropdown.d.ts +1 -0
  422. package/dist/types/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.d.ts +27 -0
  423. package/dist/types/components/stable/gux-form-field/{gux-form-field.servce.d.ts → gux-form-field.service.d.ts} +1 -1
  424. package/dist/types/components/stable/gux-listbox/gux-listbox.d.ts +1 -1
  425. package/dist/types/components/stable/gux-listbox-multi/gux-listbox-multi.d.ts +28 -0
  426. package/dist/types/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.d.ts +15 -0
  427. package/dist/types/components.d.ts +138 -8
  428. package/dist/types/utils/dom/on-attribute-change.d.ts +2 -2
  429. package/package.json +1 -1
  430. package/dist/genesys-webcomponents/p-18bc0d49.entry.js +0 -1
  431. package/dist/genesys-webcomponents/p-1e5a7b93.entry.js +0 -1
  432. package/dist/genesys-webcomponents/p-201c4e67.entry.js +0 -1
  433. package/dist/genesys-webcomponents/p-33e039c8.entry.js +0 -1
  434. package/dist/genesys-webcomponents/p-46e6c443.entry.js +0 -1
  435. package/dist/genesys-webcomponents/p-61fd6f64.entry.js +0 -1
  436. package/dist/genesys-webcomponents/p-a085b143.js +0 -2
  437. package/dist/genesys-webcomponents/p-afb54d23.js +0 -1
  438. package/dist/genesys-webcomponents/p-cbc180ef.entry.js +0 -1
  439. package/dist/genesys-webcomponents/p-ce81614f.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as t,h as i,g as e}from"./p-a085b143.js";import{O as o}from"./p-4b7056b2.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as s}from"./p-be79f47d.js";import{G as l,a as p}from"./p-afb54d23.js";import{h as u,G as f,v as x,g as c}from"./p-08b07a2b.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const d=class{constructor(i){t(this,i),this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),s(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(p,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("slot",{name:"input",onSlotchange:()=>this.setInput()}))),i(f,{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=this.input.disabled,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=c(this.label,this.labelPosition)}get root(){return e(this)}};(function(t,i,e,o){var r,n=arguments.length,a=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(i,e,a):r(i,e))||a);n>3&&a&&Object.defineProperty(i,e,a)})([o({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(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{d as gux_form_field_color}
1
+ import{r as t,h as i,g as e}from"./p-e571f861.js";import{O as o}from"./p-35578249.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as a}from"./p-2065021e.js";import{G as l,a as p}from"./p-cdf5cb56.js";import{h as u,G as f,v as x,g as c}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const d=class{constructor(i){t(this,i),this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(p,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("slot",{name:"input",onSlotchange:()=>this.setInput()}))),i(f,{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"]'),s(this.input),this.disabled=this.input.disabled,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=c(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)})([o({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(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{d as gux_form_field_color}
@@ -0,0 +1 @@
1
+ import{r as t,c as s,h as e,g as o}from"./p-e571f861.js";import{b as i}from"./p-523a0237.js";import{r as l}from"./p-cbcbd1bb.js";import{t as r}from"./p-451a9239.js";import"./p-8a133b9b.js";const a=class{constructor(e){t(this,e),this.internalrowselectchange=s(this,"internalrowselectchange",7),this.id=l("gux-row-select"),this.selected=!1}onCheck(t){t.stopPropagation(),this.selected=t.target.checked,this.internalrowselectchange.emit()}async componentWillLoad(){this.i18n=await i(this.root,r,"gux-table")}render(){return e("gux-form-field-checkbox",null,e("input",{slot:"input",id:this.id,type:"checkbox",checked:this.selected,disabled:this.disabled}),e("label",{slot:"label",htmlFor:this.id},"​",e("span",{class:"gux-label-text"},this.i18n("selectTableRow"))))}get root(){return o(this)}};a.style="gux-row-select .gux-label-text{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{a as gux_row_select}
@@ -0,0 +1 @@
1
+ import{r as t,c as e,h as o,g as i}from"./p-e571f861.js";import{b as a}from"./p-523a0237.js";import"./p-8a133b9b.js";const s={clearSelection:"Clear {numberSelected} selected items"},n=class{constructor(o){t(this,o),this.guxclearselected=e(this,"guxclearselected",7),this.disabled=!1,this.numberSelected=0,this.label=""}onKeyDown(t){switch(t.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){this.disabled||this.guxclearselected.emit()}renderRemoveButton(){return o("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},o("gux-icon",{class:"gux-tag-remove-icon","icon-name":"close","screenreader-text":this.i18n("clearSelection",{numberSelected:this.numberSelected.toString()})}))}async componentWillRender(){this.i18n=await a(this.root,s)}render(){return o("div",{class:{"gux-tag":!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.numberSelected.toString(),this.renderRemoveButton())}get root(){return i(this)}};n.style=":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;padding:2px 4px 2px 8px;font-size:12px;font-weight:bold;color:#2e394c;background-color:#e2e6ee;border-radius:4px}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center;margin-left:7px}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:16px;height:16px;border-radius:25%}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:none;box-shadow:0 0 0 1px transparent, 0 0 0 2px #aac9ff}.gux-tag.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(226, 230, 238, 0.5)}";export{n as gux_dropdown_multi_tag}
@@ -1 +1 @@
1
- import{r as t,h as o,H as e,g as r}from"./p-a085b143.js";import{g as n}from"./p-8a133b9b.js";const s=class{constructor(o){t(this,o),this.disabled=!1}onMouseup(){this.focusParentList()}onMouseover(){this.focusParentList()}focusParentList(){const t=n("gux-list",this.root);t&&null===t.shadowRoot.activeElement&&(this.root.blur(),t.focus())}render(){return o(e,{role:"listitem"},o("button",{type:"button",tabIndex:-1,disabled:this.disabled},o("slot",null)))}static get delegatesFocus(){return!0}get root(){return r(this)}};s.style=":host{width:100%;outline:none}:host([disabled]){pointer-events:none}::slotted(gux-icon){width:16px;height:16px;margin-right:8px;vertical-align:middle}button{all:unset;box-sizing:border-box;width:100%;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer;border:none;outline:none}button:focus:not(:disabled){color:#fdfdfd;background:#2a60c8}button:hover:not(:disabled){color:#fdfdfd;background:#2754ac}button:active:not(:disabled){color:#fdfdfd;background:#23478f}button:disabled{color:rgba(46, 57, 76, 0.5);cursor:default}";export{s as gux_list_item}
1
+ import{r as t,h as o,H as e,g as r}from"./p-e571f861.js";import{g as n}from"./p-8a133b9b.js";const s=class{constructor(o){t(this,o),this.disabled=!1}onMouseup(){this.focusParentList()}onMouseover(){this.focusParentList()}focusParentList(){const t=n("gux-list",this.root);t&&null===t.shadowRoot.activeElement&&(this.root.blur(),t.focus())}render(){return o(e,{role:"listitem"},o("button",{type:"button",tabIndex:-1,disabled:this.disabled},o("slot",null)))}static get delegatesFocus(){return!0}get root(){return r(this)}};s.style=":host{width:100%;outline:none}:host([disabled]){pointer-events:none}::slotted(gux-icon){width:16px;height:16px;margin-right:8px;vertical-align:middle}button{all:unset;box-sizing:border-box;width:100%;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer;border:none;outline:none}button:focus:not(:disabled){color:#fdfdfd;background:#2a60c8}button:hover:not(:disabled){color:#fdfdfd;background:#2754ac}button:active:not(:disabled){color:#fdfdfd;background:#23478f}button:disabled{color:rgba(46, 57, 76, 0.5);cursor:default}";export{s as gux_list_item}
@@ -1 +1 @@
1
- import{r as o,h as t,g as i,c as n}from"./p-a085b143.js";const r=["#203B73","#75A8FF","#8452CF","#1DA8B3","#B5B5EB","#CC3EBE","#5E6782","#FF8FDD","#868C1E","#DDD933"],l=class{constructor(t){o(this,t)}onColorSelect(o){const t=o.target;this.color=t.value,this.input.value=t.value,this.input.dispatchEvent(new Event("input",{bubbles:!0,cancelable:!0})),this.input.dispatchEvent(new Event("change",{bubbles:!0}))}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"]'),this.color=this.input.value}render(){return[t("div",{hidden:!0},t("slot",{name:"input"})),t("div",null,t("div",{class:"gux-input-color-matrix"},this.renderDefaultTiles()))]}renderDefaultTiles(){return r.map(((o,i)=>t("gux-input-color-option",{key:`${o}-${i}`,value:o,active:this.color.toLowerCase()===o.toLowerCase()})))}get root(){return i(this)}};l.style="gux-color-select{display:inline-block;color:#2e394c}gux-color-select>div{box-sizing:border-box;padding:20px 0 12px;margin-top:2px;background-color:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-color-select .gux-input-color-matrix{display:flex;flex-wrap:wrap;align-content:flex-start;width:120px;padding:0 20px 8px;margin:0}gux-color-select .gux-input-color-matrix>*{display:none}gux-color-select .gux-input-color-matrix>gux-input-color-option{display:inline-block}";const e=class{constructor(t){o(this,t),this.colorSelect=n(this,"colorSelect",7)}render(){return t("button",{type:"button",value:this.value,class:this.active?"gux-input-color-option-active":"",disabled:!this.value,style:this.value&&{"background-color":this.value},title:this.value,onClick:this.onColorOptionClickHandler.bind(this)})}onColorOptionClickHandler(){this.colorSelect.emit(this.value)}};e.style="gux-input-color-option{color:#2e394c}gux-input-color-option>button{display:inline-block;flex:0 0 16px;width:16px;height:16px;padding:0;margin:4px;font-size:0;line-height:0;cursor:pointer;border:none}gux-input-color-option>button:not(:disabled):hover,gux-input-color-option>button:focus,gux-input-color-option>button.gux-input-color-option-active,gux-input-color-option>button:active{border:1px white solid;outline:1px solid #2a60c8}gux-input-color-option>button:disabled{cursor:default;background-color:#fdfdfd;border:1px solid #2e394c;opacity:0.5}gux-input-color-option button::-moz-focus-inner{border:none}";export{l as gux_color_select,e as gux_input_color_option}
1
+ import{r as o,h as t,g as i,c as n}from"./p-e571f861.js";const r=["#203B73","#75A8FF","#8452CF","#1DA8B3","#B5B5EB","#CC3EBE","#5E6782","#FF8FDD","#868C1E","#DDD933"],e=class{constructor(t){o(this,t)}onColorSelect(o){const t=o.target;this.color=t.value,this.input.value=t.value,this.input.dispatchEvent(new Event("input",{bubbles:!0,cancelable:!0})),this.input.dispatchEvent(new Event("change",{bubbles:!0}))}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"]'),this.color=this.input.value}render(){return[t("div",{hidden:!0},t("slot",{name:"input"})),t("div",null,t("div",{class:"gux-input-color-matrix"},this.renderDefaultTiles()))]}renderDefaultTiles(){return r.map(((o,i)=>t("gux-input-color-option",{key:`${o}-${i}`,value:o,active:this.color.toLowerCase()===o.toLowerCase()})))}get root(){return i(this)}};e.style="gux-color-select{display:inline-block;color:#2e394c}gux-color-select>div{box-sizing:border-box;padding:20px 0 12px;margin-top:2px;background-color:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-color-select .gux-input-color-matrix{display:flex;flex-wrap:wrap;align-content:flex-start;width:120px;padding:0 20px 8px;margin:0}gux-color-select .gux-input-color-matrix>*{display:none}gux-color-select .gux-input-color-matrix>gux-input-color-option{display:inline-block}";const l=class{constructor(t){o(this,t),this.colorSelect=n(this,"colorSelect",7)}render(){return t("button",{type:"button",value:this.value,class:this.active?"gux-input-color-option-active":"",disabled:!this.value,style:this.value&&{"background-color":this.value},title:this.value,onClick:this.onColorOptionClickHandler.bind(this)})}onColorOptionClickHandler(){this.colorSelect.emit(this.value)}};l.style="gux-input-color-option{color:#2e394c}gux-input-color-option>button{display:inline-block;flex:0 0 16px;width:16px;height:16px;padding:0;margin:4px;font-size:0;line-height:0;cursor:pointer;border:none}gux-input-color-option>button:not(:disabled):hover,gux-input-color-option>button:focus,gux-input-color-option>button.gux-input-color-option-active,gux-input-color-option>button:active{border:1px white solid;outline:1px solid #2a60c8}gux-input-color-option>button:disabled{cursor:default;background-color:#fdfdfd;border:1px solid #2e394c;opacity:0.5}gux-input-color-option button::-moz-focus-inner{border:none}";export{e as gux_color_select,l as gux_input_color_option}
@@ -1 +1 @@
1
- import{r as t,c as i,h as o,g as s}from"./p-a085b143.js";import{t as n}from"./p-be79f47d.js";import{O as e}from"./p-5ca81424.js";import{b as a}from"./p-2548bdad.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-e571f861.js";import{t as n}from"./p-2065021e.js";import{O as e}from"./p-49b1912a.js";import{b as a}from"./p-523a0237.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 e,h as t,g as o}from"./p-a085b143.js";import{O as i}from"./p-4b7056b2.js";import{o as n,a as r}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as s}from"./p-be79f47d.js";import{G as p,a as l}from"./p-afb54d23.js";import{h as u,G as c,v as x,g as d}from"./p-08b07a2b.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(t){e(this,t),this.computedLabelPosition="above",this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),s(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return t(l,{labelPosition:this.computedLabelPosition},t(p,{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(c,{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"]'),a(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=r(this.input,(e=>{this.required=e})),x(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(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)})([i({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(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{g as gux_form_field_select}
1
+ import{r as e,h as t,g as o}from"./p-e571f861.js";import{O as i}from"./p-35578249.js";import{o as n,a as r}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as s}from"./p-2065021e.js";import{G as p,a as l}from"./p-cdf5cb56.js";import{h as u,G as c,v as x,g as d}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(t){e(this,t),this.computedLabelPosition="above",this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),s(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return t(l,{labelPosition:this.computedLabelPosition},t(p,{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(c,{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"]'),a(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=r(this.input,(e=>{this.required=e})),x(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(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)})([i({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(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{g as gux_form_field_select}
@@ -1 +1 @@
1
- import{r as e,h as t,g as o}from"./p-a085b143.js";import{t as r}from"./p-be79f47d.js";const a=class{constructor(t){e(this,t)}componentWillLoad(){r(this.root)}render(){return t("div",{class:"gux-container"},t("gux-icon",{"icon-name":"alert-warning-octogon",decorative:!0}),t("div",{class:"gux-message"},t("slot",null),t("slot",{name:"error"})))}get root(){return o(this)}};a.style=".gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;font-size:11px;color:#2e394c}.gux-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-container .gux-message{flex:0 1 auto;align-self:auto;order:0}";export{a as gux_error_message_beta}
1
+ import{r as e,h as t,g as o}from"./p-e571f861.js";import{t as r}from"./p-2065021e.js";const a=class{constructor(t){e(this,t)}componentWillLoad(){r(this.root)}render(){return t("div",{class:"gux-container"},t("gux-icon",{"icon-name":"alert-warning-octogon",decorative:!0}),t("div",{class:"gux-message"},t("slot",null),t("slot",{name:"error"})))}get root(){return o(this)}};a.style=".gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;font-size:11px;color:#2e394c}.gux-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-container .gux-message{flex:0 1 auto;align-self:auto;order:0}";export{a as gux_error_message_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-a085b143.js";import{S as i}from"./p-020b6498.js";import{t as n}from"./p-be79f47d.js";import{b as l}from"./p-2548bdad.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-e571f861.js";import{S as i}from"./p-020b6498.js";import{t as n}from"./p-2065021e.js";import{b as l}from"./p-523a0237.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}
@@ -0,0 +1 @@
1
+ import{r as e,h as r,H as t}from"./p-e571f861.js";const o=class{constructor(r){e(this,r)}render(){return r(t,{role:"presentation",tabIndex:-1})}};o.style=":host{position:relative;display:flex;height:1px;padding:0;margin:16px 0;line-height:32px;pointer-events:none;cursor:pointer;background-color:#c8cfda}";export{o as gux_action_list_divider}
@@ -1 +1 @@
1
- import{r as t,c as a,h as e}from"./p-a085b143.js";const i=class{constructor(e){t(this,e),this.guxactivepanelchange=a(this,"guxactivepanelchange",7),this.active=!1}async guxSetActive(t){this.active=t}watchActivePanel(){!0===this.active&&this.guxactivepanelchange.emit(this.tabId)}render(){return e("div",{id:`gux-${this.tabId}-panel`,role:"tabpanel","aria-labelledby":`gux-${this.tabId}-tab`,tabIndex:0,hidden:!this.active},e("slot",null))}static get watchers(){return{active:["watchActivePanel"]}}};i.style="gux-tab-panel div[role='tabpanel']:focus{outline:none}gux-tab-panel div[role='tabpanel']:focus-visible{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}";export{i as gux_tab_panel}
1
+ import{r as t,c as e,h as a}from"./p-e571f861.js";const i=class{constructor(a){t(this,a),this.guxactivepanelchange=e(this,"guxactivepanelchange",7),this.active=!1}async guxSetActive(t){this.active=t}watchActivePanel(){!0===this.active&&this.guxactivepanelchange.emit(this.tabId)}render(){return a("div",{id:`gux-${this.tabId}-panel`,role:"tabpanel","aria-labelledby":`gux-${this.tabId}-tab`,tabIndex:0,hidden:!this.active},a("slot",null))}static get watchers(){return{active:["watchActivePanel"]}}};i.style="gux-tab-panel div[role='tabpanel']:focus{outline:none}gux-tab-panel div[role='tabpanel']:focus-visible{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}";export{i as gux_tab_panel}
@@ -0,0 +1 @@
1
+ import{r as e,h as o,H as t,g as i}from"./p-e571f861.js";import{r as l}from"./p-cbcbd1bb.js";const g=class{constructor(o){e(this,o),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}componentWillLoad(){this.root.id=this.root.id||l("gux-option-multi")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return o(t,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("div",{class:"gux-option"},o("slot",null)))}get root(){return i(this)}};g.style="gux-option-multi{box-sizing:border-box;display:flex;min-height:32px;padding:6px 12px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option-multi .gux-option::before{position:relative;top:2px;display:inline-block;width:13px;height:13px;margin-right:7px;content:'';background-color:white;background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' viewBox='1 1 13 13'%3E%3Cpath d='M11 2.5H4C3.17157 2.5 2.5 3.17157 2.5 4V11C2.5 11.8284 3.17157 12.5 4 12.5H11C11.8284 12.5 12.5 11.8284 12.5 11V4C12.5 3.17157 11.8284 2.5 11 2.5ZM4 1C2.34315 1 1 2.34315 1 4V11C1 12.6569 2.34315 14 4 14H11C12.6569 14 14 12.6569 14 11V4C14 2.34315 12.6569 1 11 1H4Z' fill='%23596373' /%3E%3C/svg%3E\");border-radius:30%}gux-option-multi.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option-multi.gux-selected .gux-option::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' viewBox='1 1 13 13'%3E%3Cpath d='M4 1H11C11.7956 1 12.5587 1.31607 13.1213 1.87868C13.6839 2.44129 14 3.20435 14 4V11C14 11.7956 13.6839 12.5587 13.1213 13.1213C12.5587 13.6839 11.7956 14 11 14H4C3.20435 14 2.44129 13.6839 1.87868 13.1213C1.31607 12.5587 1 11.7956 1 11V4C1 3.20435 1.31607 2.44129 1.87868 1.87868C2.44129 1.31607 3.20435 1 4 1ZM5.57018 10.4198C5.7051 10.5547 5.87599 10.6177 6.04689 10.6177C6.22678 10.6177 6.39767 10.5457 6.52359 10.4198L11.7944 5.14905C12.0552 4.88821 12.0552 4.45647 11.7944 4.19563C11.5335 3.93479 11.1018 3.93479 10.841 4.19563L6.04689 8.9897L4.14905 7.08286C3.88821 6.82202 3.45647 6.82202 3.19563 7.08286C2.93479 7.3437 2.93479 7.77544 3.19563 8.03628L5.57018 10.4198Z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-option-multi.gux-active,gux-option-multi.gux-hovered:not([disabled]){color:#fdfdfd;background:#2a60c8}gux-option-multi.gux-active.gux-selected .gux-option::before,gux-option-multi.gux-hovered:not([disabled]).gux-selected .gux-option::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' viewBox='1 1 13 13'%3E%3Cpath d='M5.57018 10.4198C5.7051 10.5547 5.87599 10.6177 6.04689 10.6177C6.22678 10.6177 6.39767 10.5457 6.52359 10.4198L11.7944 5.14905C12.0552 4.88821 12.0552 4.45647 11.7944 4.19563C11.5335 3.93479 11.1018 3.93479 10.841 4.19563L6.04689 8.9897L4.14905 7.08286C3.88821 6.82202 3.45647 6.82202 3.19563 7.08286C2.93479 7.3437 2.93479 7.77544 3.19563 8.03628L5.57018 10.4198Z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-option-multi.gux-active:not(.gux-selected) .gux-option::before,gux-option-multi.gux-hovered:not([disabled]):not(.gux-selected) .gux-option::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' viewBox='1 1 13 13'%3E%3Cpath d='M11 2.5H4C3.17157 2.5 2.5 3.17157 2.5 4V11C2.5 11.8284 3.17157 12.5 4 12.5H11C11.8284 12.5 12.5 11.8284 12.5 11V4C12.5 3.17157 11.8284 2.5 11 2.5ZM4 1C2.34315 1 1 2.34315 1 4V11C1 12.6569 2.34315 14 4 14H11C12.6569 14 14 12.6569 14 11V4C14 2.34315 12.6569 1 11 1H4Z' fill='none' /%3E%3C/svg%3E\")}gux-option-multi.gux-filtered{display:none}";export{g as gux_option_multi}
@@ -1 +1 @@
1
- import{r as t,h as e,g as i}from"./p-a085b143.js";import{t as a}from"./p-be79f47d.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||this.innerRadius||s("gux-chart-donut","[gux-chart-donut] requires at least one of outer-radius or inner-radius");let t={};this.chartData&&(t={data:this.chartData}),this.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);let a=this.outerRadius,r=this.innerRadius;a||(a=r+32),r||(r=a-32),this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:a,innerRadius:r}},{mark:{type:"arc",innerRadius:r,stroke:"#fff"}}];const o=this.labelRadius,n=this.labelField||"value";o&&this.baseChartSpec.layer.push({mark:{type:"text",radius:o},encoding:{text:{field:n,type:"quantitative"}}}),this.baseChartSpec.encoding.tooltip.field=n;const h=Object.assign(this.baseChartSpec,t);this.visualizationSpec=h}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_donut_beta}
1
+ import{r as t,h as e,g as i}from"./p-e571f861.js";import{t as a}from"./p-2065021e.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||this.innerRadius||s("gux-chart-donut","[gux-chart-donut] requires at least one of outer-radius or inner-radius");let t={};this.chartData&&(t={data:this.chartData}),this.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);let a=this.outerRadius,r=this.innerRadius;a||(a=r+32),r||(r=a-32),this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:a,innerRadius:r}},{mark:{type:"arc",innerRadius:r,stroke:"#fff"}}];const o=this.labelRadius,n=this.labelField||"value";o&&this.baseChartSpec.layer.push({mark:{type:"text",radius:o},encoding:{text:{field:n,type:"quantitative"}}}),this.baseChartSpec.encoding.tooltip.field=n;const h=Object.assign(this.baseChartSpec,t);this.visualizationSpec=h}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_donut_beta}
@@ -1 +1 @@
1
- import{r as t,d as s,w as o,h as i,g as l}from"./p-a085b143.js";import{b as r}from"./p-2548bdad.js";import"./p-8a133b9b.js";const e={scrollLeft:"Scroll Left",scrollRight:"Scroll Right",scrollUp:"Scroll Up",scrollDown:"Scroll Down"},c=class{constructor(s){t(this,s),this.focused=0,this.hasHorizontalScrollbar=!1,this.hasVerticalScrollbar=!1,this.isScrolledToBeginning=!1,this.isScrolledToEnd=!1}onFocusout(t){this.root.contains(t.relatedTarget)||this.tabTriggers.forEach((async(t,s)=>{await t.guxGetActive()?this.focused=s:t.querySelector("button").setAttribute("tabindex","-1")}))}onHasVerticalScrollBar(){this.checkDisabledScrollButtons()}onScroll(){this.checkDisabledScrollButtons()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":t.preventDefault(),this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.focusTab(this.focused);break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}async guxSetActive(t){this.tabTriggers.forEach(((s,o)=>{const i=s.tabId===t;s.guxSetActive(i),i&&(this.focused=o)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach((async(t,s)=>{const o=await t.guxGetActive();this.focused===s||o||t.querySelector("button").setAttribute("tabindex","-1")})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}checkForScrollbarHideOrShow(){s((()=>{const t=this.root.querySelector(".gux-scrollable-section"),s=t.clientWidth<t.scrollWidth,o=t.clientHeight<t.scrollHeight;s!==this.hasHorizontalScrollbar&&(this.hasHorizontalScrollbar=s),o!==this.hasVerticalScrollbar&&(this.hasVerticalScrollbar=o),this.checkDisabledScrollButtons()}))}handleKeyboardScroll(t){const s=this.root.querySelector(".gux-scrollable-section"),i=this.root.querySelectorAll("gux-tab")[this.focused];"forward"===t?this.focused<this.tabTriggers.length-1?(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(i.clientWidth,0):s.scrollBy(0,i.clientHeight)})),this.focusTab(this.focused+1)):(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(-s.scrollWidth,0):s.scrollBy(0,-s.scrollHeight)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(-i.clientWidth,0):s.scrollBy(0,-i.clientHeight)})),this.focusTab(this.focused-1)):(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(s.scrollWidth,0):s.scrollBy(0,s.scrollHeight)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await r(this.root,e,"gux-tabs")}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}checkDisabledScrollButtons(){const t=this.root.querySelector(".gux-scrollable-section");if(this.hasHorizontalScrollbar){const s=t.scrollLeft,o=t.scrollWidth-t.clientWidth;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=o-s==0}else{const s=t.scrollTop,o=t.scrollHeight-t.clientHeight;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=o-s==0}}scrollLeft(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(-100,0)}))}scrollRight(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(100,0)}))}scrollUp(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-100)}))}scrollDown(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,100)}))}render(){return i("div",{class:"gux-tab-container"},this.renderScrollButton(this.hasHorizontalScrollbar?"scrollLeft":"scrollUp"),i("div",{role:"tablist",class:"gux-scrollable-section","aria-owns":this.triggerIds},i("slot",null)),this.renderScrollButton(this.hasHorizontalScrollbar?"scrollRight":"scrollDown"))}renderScrollButton(t){return i("div",{class:"gux-scroll-button-container"},this.hasHorizontalScrollbar||this.hasVerticalScrollbar?i("button",{disabled:this.getButtonDisabled(t),tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},i("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}getButtonDisabled(t){switch(t){case"scrollLeft":case"scrollUp":return this.isScrolledToBeginning;case"scrollRight":case"scrollDown":return this.isScrolledToEnd}}getScrollDirection(t){switch(t){case"scrollLeft":this.scrollLeft();break;case"scrollRight":this.scrollRight();break;case"scrollUp":this.scrollUp();break;case"scrollDown":this.scrollDown()}}getChevronIconName(t){switch(t){case"scrollLeft":return"chevron-small-left";case"scrollRight":return"chevron-small-right";case"scrollUp":return"chevron-small-up";case"scrollDown":return"chevron-small-down"}}get root(){return l(this)}};c.style="gux-tabs[orientation='vertical']{height:100%}gux-tabs[orientation='vertical'] .gux-tab-container{display:flex;flex-direction:column;width:160px;max-width:160px;height:100%;margin-right:16px;border-right:1px solid #d7dce5}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scroll-button-container{width:100%}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scroll-button-container button{width:100%}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scrollable-section{flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{width:0;height:0}gux-tabs:not([orientation='vertical']) .gux-tab-container{height:40px;margin-bottom:16px;border-bottom:1px solid #d7dce5}gux-tabs:not([orientation='vertical']) .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;width:100%;overflow-x:hidden;overflow-y:hidden;background-color:#fff}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tabs .gux-scroll-button-container{display:flex;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:40px;color:#202937;cursor:pointer;background-color:#c8cfda;background-color:#e2e6ee;border:none;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tabs .gux-scroll-button-container .gux-scroll-button:hover:not(:disabled){background-color:#d7dce5}gux-tabs .gux-scroll-button-container .gux-scroll-button:active:not(:disabled){background-color:#d2d8e5}gux-tabs .gux-scroll-button-container .gux-scroll-button:disabled{cursor:default;opacity:0.5}";export{c as gux_tab_list}
1
+ import{r as t,d as s,w as o,h as i,g as l}from"./p-e571f861.js";import{b as r}from"./p-523a0237.js";import"./p-8a133b9b.js";const e={scrollLeft:"Scroll Left",scrollRight:"Scroll Right",scrollUp:"Scroll Up",scrollDown:"Scroll Down"},c=class{constructor(s){t(this,s),this.focused=0,this.hasHorizontalScrollbar=!1,this.hasVerticalScrollbar=!1,this.isScrolledToBeginning=!1,this.isScrolledToEnd=!1}onFocusout(t){this.root.contains(t.relatedTarget)||this.tabTriggers.forEach((async(t,s)=>{await t.guxGetActive()?this.focused=s:t.querySelector("button").setAttribute("tabindex","-1")}))}onHasVerticalScrollBar(){this.checkDisabledScrollButtons()}onScroll(){this.checkDisabledScrollButtons()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":t.preventDefault(),this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.focusTab(this.focused);break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}async guxSetActive(t){this.tabTriggers.forEach(((s,o)=>{const i=s.tabId===t;s.guxSetActive(i),i&&(this.focused=o)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach((async(t,s)=>{const o=await t.guxGetActive();this.focused===s||o||t.querySelector("button").setAttribute("tabindex","-1")})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}checkForScrollbarHideOrShow(){s((()=>{const t=this.root.querySelector(".gux-scrollable-section"),s=t.clientWidth<t.scrollWidth,o=t.clientHeight<t.scrollHeight;s!==this.hasHorizontalScrollbar&&(this.hasHorizontalScrollbar=s),o!==this.hasVerticalScrollbar&&(this.hasVerticalScrollbar=o),this.checkDisabledScrollButtons()}))}handleKeyboardScroll(t){const s=this.root.querySelector(".gux-scrollable-section"),i=this.root.querySelectorAll("gux-tab")[this.focused];"forward"===t?this.focused<this.tabTriggers.length-1?(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(i.clientWidth,0):s.scrollBy(0,i.clientHeight)})),this.focusTab(this.focused+1)):(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(-s.scrollWidth,0):s.scrollBy(0,-s.scrollHeight)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(-i.clientWidth,0):s.scrollBy(0,-i.clientHeight)})),this.focusTab(this.focused-1)):(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(s.scrollWidth,0):s.scrollBy(0,s.scrollHeight)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await r(this.root,e,"gux-tabs")}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}checkDisabledScrollButtons(){const t=this.root.querySelector(".gux-scrollable-section");if(this.hasHorizontalScrollbar){const s=t.scrollLeft,o=t.scrollWidth-t.clientWidth;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=o-s==0}else{const s=t.scrollTop,o=t.scrollHeight-t.clientHeight;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=o-s==0}}scrollLeft(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(-100,0)}))}scrollRight(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(100,0)}))}scrollUp(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-100)}))}scrollDown(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,100)}))}render(){return i("div",{class:"gux-tab-container"},this.renderScrollButton(this.hasHorizontalScrollbar?"scrollLeft":"scrollUp"),i("div",{role:"tablist",class:"gux-scrollable-section","aria-owns":this.triggerIds},i("slot",null)),this.renderScrollButton(this.hasHorizontalScrollbar?"scrollRight":"scrollDown"))}renderScrollButton(t){return i("div",{class:"gux-scroll-button-container"},this.hasHorizontalScrollbar||this.hasVerticalScrollbar?i("button",{disabled:this.getButtonDisabled(t),tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},i("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}getButtonDisabled(t){switch(t){case"scrollLeft":case"scrollUp":return this.isScrolledToBeginning;case"scrollRight":case"scrollDown":return this.isScrolledToEnd}}getScrollDirection(t){switch(t){case"scrollLeft":this.scrollLeft();break;case"scrollRight":this.scrollRight();break;case"scrollUp":this.scrollUp();break;case"scrollDown":this.scrollDown()}}getChevronIconName(t){switch(t){case"scrollLeft":return"chevron-small-left";case"scrollRight":return"chevron-small-right";case"scrollUp":return"chevron-small-up";case"scrollDown":return"chevron-small-down"}}get root(){return l(this)}};c.style="gux-tabs[orientation='vertical']{height:100%}gux-tabs[orientation='vertical'] .gux-tab-container{display:flex;flex-direction:column;width:160px;max-width:160px;height:100%;margin-right:16px;border-right:1px solid #d7dce5}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scroll-button-container{width:100%}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scroll-button-container button{width:100%}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scrollable-section{flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{width:0;height:0}gux-tabs:not([orientation='vertical']) .gux-tab-container{height:40px;margin-bottom:16px;border-bottom:1px solid #d7dce5}gux-tabs:not([orientation='vertical']) .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;width:100%;overflow-x:hidden;overflow-y:hidden;background-color:#fff}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tabs .gux-scroll-button-container{display:flex;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:40px;color:#202937;cursor:pointer;background-color:#c8cfda;background-color:#e2e6ee;border:none;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tabs .gux-scroll-button-container .gux-scroll-button:hover:not(:disabled){background-color:#d7dce5}gux-tabs .gux-scroll-button-container .gux-scroll-button:active:not(:disabled){background-color:#d2d8e5}gux-tabs .gux-scroll-button-container .gux-scroll-button:disabled{cursor:default;opacity:0.5}";export{c as gux_tab_list}
@@ -1 +1 @@
1
- import{r as t,h as i,g as n}from"./p-a085b143.js";import{b as e}from"./p-2548bdad.js";import{s as o}from"./p-8fe7daff.js";import{o as u}from"./p-e2bea786.js";import"./p-8a133b9b.js";import"./p-d176c2ae.js";const r={clear:"Clear"},a=class{constructor(i){t(this,i),this.hasContent=!1}clearInput(){o(this.input,"",!0)}setHasContent(){this.hasContent=Boolean(this.input.value)}renderClearButton(){return this.clearable&&this.hasContent&&!this.disabled?i("button",{class:"gux-clear-button",tabIndex:-1,type:"button",title:this.getI18nValue("clear"),disabled:this.disabled,onClick:this.clearInput.bind(this)},i("gux-icon",{"icon-name":"close",decorative:!0})):null}async componentWillLoad(){this.getI18nValue=await e(this.root,r),this.input=this.root.querySelector('input[slot="input"]'),this.setHasContent(),this.disabled=this.input.disabled,this.input.addEventListener("input",(()=>{this.setHasContent()})),this.disabledObserver=u(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("slot",{name:"input"}),this.renderClearButton())}get root(){return n(this)}};a.style="gux-input-text-like{display:block}gux-input-text-like .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-input-text-like .gux-input-container.gux-disabled{opacity:0.5}gux-input-text-like .gux-input-container input{flex:1 1 auto;align-self:auto;order:0;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}gux-input-text-like .gux-input-container input::placeholder{color:#596373;opacity:1}gux-input-text-like .gux-input-container .gux-clear-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;margin-left:8px;color:#596373;background:transparent;border:none;border-radius:4px}gux-input-text-like .gux-input-container .gux-clear-button:not(:disabled):focus,gux-input-text-like .gux-input-container .gux-clear-button:not(:disabled):hover{color:#2e394c;cursor:pointer}gux-input-text-like .gux-input-container .gux-clear-button gux-icon{width:12px;height:12px;margin:4px;border-radius:4px}gux-input-text-like .gux-input-container .gux-clear-button:focus{outline:none}gux-input-text-like .gux-input-container .gux-clear-button:focus:enabled gux-icon{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}gux-input-text-like .gux-input-container:focus-within{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px #75a8ff}";export{a as gux_input_text_like}
1
+ import{r as t,h as i,g as n}from"./p-e571f861.js";import{b as e}from"./p-523a0237.js";import{s as o}from"./p-8fe7daff.js";import{o as u}from"./p-e2bea786.js";import"./p-8a133b9b.js";import"./p-d176c2ae.js";const r={clear:"Clear"},a=class{constructor(i){t(this,i),this.hasContent=!1}clearInput(){o(this.input,"",!0)}setHasContent(){this.hasContent=Boolean(this.input.value)}renderClearButton(){return this.clearable&&this.hasContent&&!this.disabled?i("button",{class:"gux-clear-button",tabIndex:-1,type:"button",title:this.getI18nValue("clear"),disabled:this.disabled,onClick:this.clearInput.bind(this)},i("gux-icon",{"icon-name":"close",decorative:!0})):null}async componentWillLoad(){this.getI18nValue=await e(this.root,r),this.input=this.root.querySelector('input[slot="input"]'),this.setHasContent(),this.disabled=this.input.disabled,this.input.addEventListener("input",(()=>{this.setHasContent()})),this.disabledObserver=u(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("slot",{name:"input"}),this.renderClearButton())}get root(){return n(this)}};a.style="gux-input-text-like{display:block}gux-input-text-like .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-input-text-like .gux-input-container.gux-disabled{opacity:0.5}gux-input-text-like .gux-input-container input{flex:1 1 auto;align-self:auto;order:0;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}gux-input-text-like .gux-input-container input::placeholder{color:#596373;opacity:1}gux-input-text-like .gux-input-container .gux-clear-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;margin-left:8px;color:#596373;background:transparent;border:none;border-radius:4px}gux-input-text-like .gux-input-container .gux-clear-button:not(:disabled):focus,gux-input-text-like .gux-input-container .gux-clear-button:not(:disabled):hover{color:#2e394c;cursor:pointer}gux-input-text-like .gux-input-container .gux-clear-button gux-icon{width:12px;height:12px;margin:4px;border-radius:4px}gux-input-text-like .gux-input-container .gux-clear-button:focus{outline:none}gux-input-text-like .gux-input-container .gux-clear-button:focus:enabled gux-icon{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}gux-input-text-like .gux-input-container:focus-within{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px #75a8ff}";export{a as gux_input_text_like}
@@ -1 +1 @@
1
- import{r as o,h as t,g as r}from"./p-a085b143.js";import{t as e}from"./p-be79f47d.js";const s=class{constructor(t){o(this,t),this.accent="outline"}componentWillLoad(){e(this.root)}render(){return t("slot",null)}get root(){return r(this)}};s.style=":host{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;width:fit-content;padding:16px;background-color:#fdfdfd;border:1px solid #e2e6ee;border-radius:4px}:host([accent='outline']){background-color:#fdfdfd}:host([accent='filled']){background-color:#f6f7f9}:host([accent='raised']){box-shadow:0 0 2px rgba(32, 41, 55, 0.16)}";export{s as gux_card_beta}
1
+ import{r as o,h as t,g as r}from"./p-e571f861.js";import{t as e}from"./p-2065021e.js";const s=class{constructor(t){o(this,t),this.accent="outline"}componentWillLoad(){e(this.root)}render(){return t("slot",null)}get root(){return r(this)}};s.style=":host{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;width:fit-content;padding:16px;background-color:#fdfdfd;border:1px solid #e2e6ee;border-radius:4px}:host([accent='outline']){background-color:#fdfdfd}:host([accent='filled']){background-color:#f6f7f9}:host([accent='raised']){box-shadow:0 0 2px rgba(32, 41, 55, 0.16)}";export{s as gux_card_beta}
@@ -1 +1 @@
1
- import{r as t,c as o,h as n,g as a}from"./p-a085b143.js";import{t as i}from"./p-be79f47d.js";const s=class{constructor(n){t(this,n),this.guxdismiss=o(this,"guxdismiss",7),this.size="dynamic",this.trapFocus=!0}handleKeyEvent(t){"Escape"===t.key&&this.onDismissHandler(t)}connectedCallback(){this.triggerElement=document.activeElement}componentWillLoad(){i(this.root,{variant:`${this.size}-${this.trapFocus?"trapfocuson":"trapfocusoff"}`})}componentDidLoad(){var t,o,n;const a=this.getInitialFocusElement();a?null===(t=a.focus)||void 0===t||t.call(a):this.dismissButton&&(null===(n=(o=this.dismissButton).focus)||void 0===n||n.call(o))}render(){const t=this.hasModalTitleSlot(),o=this.hasFooterButtons();return n("div",{class:"gux-modal"},n("div",{class:`gux-modal-container gux-${this.size}`},this.renderModalTrapFocusEl(),n("gux-dismiss-button",{onClick:this.onDismissHandler.bind(this),ref:t=>this.dismissButton=t}),t&&n("h1",{class:"gux-modal-header"},n("slot",{name:"title"})),n("div",{class:{"gux-modal-content":!0,"gux-no-buttons":!o}},n("p",null,n("slot",{name:"content"}))),o&&n("div",{class:"gux-button-footer"},n("div",{class:"gux-left-align-buttons"},n("slot",{name:"left-align-buttons"})),n("div",{class:"gux-right-align-buttons"},n("slot",{name:"right-align-buttons"}))),this.renderModalTrapFocusEl()))}renderModalTrapFocusEl(){if(this.trapFocus)return n("span",{onFocus:()=>this.dismissButton.focus(),tabindex:"0"})}getInitialFocusElement(){return this.initialFocus?this.root.querySelector(this.initialFocus):void 0}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){return Boolean(this.root.querySelector('[slot="left-align-buttons"]'))||Boolean(this.root.querySelector('[slot="right-align-buttons"]'))}onDismissHandler(t){var o;t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||(this.root.remove(),null===(o=this.triggerElement)||void 0===o||o.focus())}get root(){return a(this)}};s.style=":host .gux-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;color:#2e394c;background:rgba(32, 41, 55, 0.8)}:host .gux-modal .gux-modal-container{box-shadow:0 8px 24px rgba(32, 41, 55, 0.4);position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}:host .gux-modal .gux-modal-container.gux-small{width:416px;max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:672px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:940px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 2 * 24px);max-height:calc(100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding-bottom:24px;margin:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin:0 8px 24px;overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}:host .gux-modal .gux-modal-container .gux-button-footer .gux-left-align-buttons gux-button{padding-right:5px}:host .gux-modal .gux-modal-container .gux-button-footer .gux-right-align-buttons gux-button{padding-left:5px}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";export{s as gux_modal}
1
+ import{r as t,c as o,h as n,g as i}from"./p-e571f861.js";import{t as a}from"./p-2065021e.js";const s=class{constructor(n){t(this,n),this.guxdismiss=o(this,"guxdismiss",7),this.size="dynamic",this.trapFocus=!0}handleKeyEvent(t){"Escape"===t.key&&this.onDismissHandler(t)}connectedCallback(){this.triggerElement=document.activeElement}componentWillLoad(){a(this.root,{variant:`${this.size}-${this.trapFocus?"trapfocuson":"trapfocusoff"}`})}componentDidLoad(){var t,o,n;const i=this.getInitialFocusElement();i?null===(t=i.focus)||void 0===t||t.call(i):this.dismissButton&&(null===(n=(o=this.dismissButton).focus)||void 0===n||n.call(o))}render(){const t=this.hasModalTitleSlot(),o=this.hasFooterButtons();return n("div",{class:"gux-modal"},n("div",{class:`gux-modal-container gux-${this.size}`},this.renderModalTrapFocusEl(),n("gux-dismiss-button",{onClick:this.onDismissHandler.bind(this),ref:t=>this.dismissButton=t}),t&&n("h1",{class:"gux-modal-header"},n("slot",{name:"title"})),n("div",{class:{"gux-modal-content":!0,"gux-no-buttons":!o}},n("p",null,n("slot",{name:"content"}))),o&&n("div",{class:"gux-button-footer"},n("div",{class:"gux-left-align-buttons"},n("slot",{name:"left-align-buttons"})),n("div",{class:"gux-right-align-buttons"},n("slot",{name:"right-align-buttons"}))),this.renderModalTrapFocusEl()))}renderModalTrapFocusEl(){if(this.trapFocus)return n("span",{onFocus:()=>this.dismissButton.focus(),tabindex:"0"})}getInitialFocusElement(){return this.initialFocus?this.root.querySelector(this.initialFocus):void 0}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){return Boolean(this.root.querySelector('[slot="left-align-buttons"]'))||Boolean(this.root.querySelector('[slot="right-align-buttons"]'))}onDismissHandler(t){var o;t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||(this.root.remove(),null===(o=this.triggerElement)||void 0===o||o.focus())}get root(){return i(this)}};s.style=":host .gux-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;color:#2e394c;background:rgba(32, 41, 55, 0.8)}:host .gux-modal .gux-modal-container{box-shadow:0 8px 24px rgba(32, 41, 55, 0.4);position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}:host .gux-modal .gux-modal-container.gux-small{width:416px;max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:672px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:940px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 2 * 24px);max-height:calc(100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding-bottom:24px;margin:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin:0 8px 24px;overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}:host .gux-modal .gux-modal-container .gux-button-footer .gux-left-align-buttons gux-button{padding-right:5px}:host .gux-modal .gux-modal-container .gux-button-footer .gux-right-align-buttons gux-button{padding-left:5px}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";export{s as gux_modal}
@@ -1 +1 @@
1
- import{r as t,c as i,d as a,h as n,g as e}from"./p-a085b143.js";import{t as s}from"./p-be79f47d.js";const o=class{constructor(a){t(this,a),this.guxpaginationchange=i(this,"guxpaginationchange",7),this.layout="advanced",this.currentPage=1,this.totalItems=0,this.itemsPerPage=25}setPage(t){if(t<0)return void this.setPage(this.totalPages>0?1:0);const i=this.calculateTotalPages(this.totalItems,this.itemsPerPage);t>i?this.setPage(i):(this.currentPage=t,this.guxpaginationchange.emit({currentPage:this.currentPage,itemsPerPage:this.itemsPerPage}))}handleInternalitemsperpagechange(t){this.itemsPerPage=t.detail,this.setPage(1)}handleInternalcurrentpagechange(t){this.setPage(t.detail)}calculateTotalPages(t,i){return Math.ceil(t/i)}calculateCurrentPage(t,i){return Math.max(t>0?1:0,Math.min(i,t))}checkPaginationContainerWidthForLayout(){a((()=>{const t=this.root.shadowRoot.querySelector(".gux-pagination-container");this.displayedLayout=t.clientWidth<810?"simple":this.layout}))}componentWillLoad(){s(this.root,{variant:this.layout})}componentWillRender(){this.totalPages=this.calculateTotalPages(this.totalItems,this.itemsPerPage),this.currentPage=this.calculateCurrentPage(this.totalPages,this.currentPage)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-pagination-container"))}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkPaginationContainerWidthForLayout()))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-pagination-container")),setTimeout((()=>{this.checkPaginationContainerWidthForLayout()}),500)}render(){return n("div",{class:"gux-pagination-container"},n("div",{class:"gux-pagination-info"},n("gux-pagination-item-counts-beta",{"total-items":this.totalItems,"current-page":this.currentPage,"items-per-page":this.itemsPerPage}),"advanced"===this.displayedLayout&&n("gux-pagination-items-per-page-beta",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})),n("div",{class:"gux-pagination-change"},n("gux-pagination-buttons-beta",{layout:this.displayedLayout,"current-page":this.currentPage,"total-pages":this.totalPages,onInternalcurrentpagechange:this.handleInternalcurrentpagechange.bind(this)})))}get root(){return e(this)}};o.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:40px;margin:12px 12px 0 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:24px}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";export{o as gux_pagination_beta}
1
+ import{r as t,c as i,d as a,h as n,g as e}from"./p-e571f861.js";import{t as s}from"./p-2065021e.js";const o=class{constructor(a){t(this,a),this.guxpaginationchange=i(this,"guxpaginationchange",7),this.layout="advanced",this.currentPage=1,this.totalItems=0,this.itemsPerPage=25}setPage(t){if(t<0)return void this.setPage(this.totalPages>0?1:0);const i=this.calculateTotalPages(this.totalItems,this.itemsPerPage);t>i?this.setPage(i):(this.currentPage=t,this.guxpaginationchange.emit({currentPage:this.currentPage,itemsPerPage:this.itemsPerPage}))}handleInternalitemsperpagechange(t){this.itemsPerPage=t.detail,this.setPage(1)}handleInternalcurrentpagechange(t){this.setPage(t.detail)}calculateTotalPages(t,i){return Math.ceil(t/i)}calculateCurrentPage(t,i){return Math.max(t>0?1:0,Math.min(i,t))}checkPaginationContainerWidthForLayout(){a((()=>{const t=this.root.shadowRoot.querySelector(".gux-pagination-container");this.displayedLayout=t.clientWidth<810?"simple":this.layout}))}componentWillLoad(){s(this.root,{variant:this.layout})}componentWillRender(){this.totalPages=this.calculateTotalPages(this.totalItems,this.itemsPerPage),this.currentPage=this.calculateCurrentPage(this.totalPages,this.currentPage)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-pagination-container"))}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkPaginationContainerWidthForLayout()))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-pagination-container")),setTimeout((()=>{this.checkPaginationContainerWidthForLayout()}),500)}render(){return n("div",{class:"gux-pagination-container"},n("div",{class:"gux-pagination-info"},n("gux-pagination-item-counts-beta",{"total-items":this.totalItems,"current-page":this.currentPage,"items-per-page":this.itemsPerPage}),"advanced"===this.displayedLayout&&n("gux-pagination-items-per-page-beta",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})),n("div",{class:"gux-pagination-change"},n("gux-pagination-buttons-beta",{layout:this.displayedLayout,"current-page":this.currentPage,"total-pages":this.totalPages,onInternalcurrentpagechange:this.handleInternalcurrentpagechange.bind(this)})))}get root(){return e(this)}};o.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:40px;margin:12px 12px 0 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:24px}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";export{o as gux_pagination_beta}
@@ -1 +1 @@
1
- import{r as o,c as i,h as t,H as s,g as e}from"./p-a085b143.js";import{t as r}from"./p-be79f47d.js";const a=class{constructor(t){o(this,t),this.guxdismiss=i(this,"guxdismiss",7),this.accent="neutral"}componentWillLoad(){r(this.root,{variant:this.accent})}render(){return t(s,null,t("div",{class:`gux-icon gux-${this.accent}`},t("slot",{name:"icon"})),t("div",{class:"gux-message"},t("slot",{name:"message"})),t("gux-dismiss-button",{onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(o){o.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return e(this)}};a.style=":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:286px;padding:8px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:6px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon gux-icon{width:12px;height:12px}.gux-message{flex:1 1 auto;align-self:auto;order:0;max-height:48px;margin:0 12px 0 8px;overflow:hidden;line-height:24px;text-overflow:ellipsis}";export{a as gux_simple_toast}
1
+ import{r as o,c as i,h as t,H as s,g as e}from"./p-e571f861.js";import{t as r}from"./p-2065021e.js";const a=class{constructor(t){o(this,t),this.guxdismiss=i(this,"guxdismiss",7),this.accent="neutral"}componentWillLoad(){r(this.root,{variant:this.accent})}render(){return t(s,null,t("div",{class:`gux-icon gux-${this.accent}`},t("slot",{name:"icon"})),t("div",{class:"gux-message"},t("slot",{name:"message"})),t("gux-dismiss-button",{onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(o){o.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return e(this)}};a.style=":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:286px;padding:8px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:6px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon gux-icon{width:12px;height:12px}.gux-message{flex:1 1 auto;align-self:auto;order:0;max-height:48px;margin:0 12px 0 8px;overflow:hidden;line-height:24px;text-overflow:ellipsis}";export{a as gux_simple_toast}
@@ -1 +1 @@
1
- import{r as t,h as n,g as e}from"./p-a085b143.js";import{b as i}from"./p-2548bdad.js";import{r as o}from"./p-cbcbd1bb.js";import{o as r}from"./p-e2bea786.js";import{s as a}from"./p-8fe7daff.js";import{s as u}from"./p-d176c2ae.js";import{c as s,a as g}from"./p-112455b1.js";import"./p-8a133b9b.js";const p=class{constructor(n){t(this,n)}render(){return n("div",{class:"gux-input-checkbox-container"},n("slot",{name:"input"}),n("slot",{name:"label"}))}};p.style="gux-input-checkbox{display:block;color:#2e394c}gux-input-checkbox .gux-input-checkbox-container{position:relative;padding-left:24px;line-height:24px}gux-input-checkbox input{position:absolute;z-index:-1;opacity:0}gux-input-checkbox label{display:inline-block;font-size:12px}gux-input-checkbox label:hover{cursor:pointer}gux-input-checkbox label::after{position:absolute;top:4px;left:4px;display:block;width:16px;height:16px;content:'';border-radius:15%}gux-input-checkbox input:focus-within~label::after{box-shadow:0 0 3px 2px #aac9ff}gux-input-checkbox input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%2377828f' /%3E%3C/svg%3E\")}gux-input-checkbox.gux-input-error input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%23ea0b0b' /%3E%3C/svg%3E\")}gux-input-checkbox input:not(:checked):not(:disabled):not(:indeterminate)~label:hover::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:checked~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 1.467h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zM6.8 11 3.638 7.941l.89-.932L6.8 9.2l3.947-3.861.891.932z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:indeterminate~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.138 8.467h7v-1h-7zm7-7h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zm2 10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:disabled~label::after,gux-input-checkbox input:disabled~label{cursor:not-allowed;opacity:0.5}";const c={required:"Required"},l=class{constructor(n){t(this,n),this.requiredId=o("gux-input-color-required")}onClick(t){this.root.contains(t.target)||this.setOpened(!1)}onInput(t){this.color=t.target.value}async componentWillLoad(){this.i18n=await i(this.root,c),this.input=this.root.querySelector('input[slot="input"]'),this.input.addEventListener("change",(t=>{this.opened&&(t.stopImmediatePropagation(),t.stopPropagation(),t.preventDefault())})),this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.disabled=this.input.disabled,this.color=this.input.value}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("section",null,n("span",{class:"gux-hidden",id:this.requiredId},this.i18n("required")),n("button",{"aria-describedby":`${this.guxLabelDescribedby} ${this.guxRequired?this.requiredId:""} ${this.guxErrorDescribedby}`,"aria-expanded":this.opened?"true":"false",type:"button",class:{"gux-input-color-main-element":!0,"gux-opened":this.opened},disabled:this.disabled,onClick:this.clickHandler.bind(this)},n("div",{class:"gux-input-color-selected-color",style:{background:this.color}}),n("div",{class:"gux-input-color-color-name"},this.color),n("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})),n("gux-color-select",{class:{"gux-input-color-color-select":!0,"gux-opened":this.opened}},n("slot",{name:"input",slot:"input"})))}setOpened(t){this.colorOnOpen&&this.colorOnOpen!==this.color&&(this.colorOnOpen=this.color,this.input.dispatchEvent(new Event("change",{bubbles:!0}))),this.colorOnOpen=this.color,this.opened=t}clickHandler(){this.disabled||this.setOpened(!this.opened)}get root(){return e(this)}};l.style="gux-input-color{color:#2e394c}gux-input-color>section{position:relative;display:inline-block;width:160px}gux-input-color>gux-input-color-option{display:none}gux-input-color .gux-input-color-main-element{box-sizing:border-box;width:100%;padding:0;margin:0;cursor:pointer;user-select:none;background-color:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;outline:none;box-shadow:0 0 0 0 transparent;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);transition:box-shadow 0.2s}gux-input-color .gux-input-color-main-element:focus,gux-input-color .gux-input-color-main-element.gux-opened{border-color:#2a60c8;outline:none;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}gux-input-color .gux-input-color-main-element:disabled{pointer-events:none;cursor:default;opacity:0.5}gux-input-color .gux-input-color-main-element:hover gux-icon,gux-input-color .gux-input-color-main-element:focus gux-icon{color:#2e394c}gux-input-color .gux-input-color-selected-color{float:left;padding:8px;margin:8px 12px}gux-input-color .gux-input-color-color-name{float:left;margin:9px 0;font-size:12px}gux-input-color .gux-input-color-color-select{position:absolute;top:100%;left:0;z-index:1;display:none;width:100%}gux-input-color .gux-input-color-color-select.gux-opened{display:inherit}gux-input-color gux-icon{position:absolute;top:0;right:0;display:flex;align-items:center;width:16px;height:100%;padding:0 7px;overflow:hidden;color:#596373;pointer-events:none;cursor:pointer;background:none;border:none;outline:none}gux-input-color .gux-hidden{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";const x={clear:"Clear",increment:"Increment",decrement:"Decrement"},d=class{constructor(n){t(this,n),this.hasContent=!1}clearInput(){a(this.input,"",!0)}setHasContent(){this.hasContent=Boolean(this.input.value)}simulateNativeInputAndChangeEvents(){u(this.input,"input"),u(this.input,"change")}stepUp(){""===this.input.value?a(this.input,this.input.min||"0",!1):(this.input.stepUp(),this.simulateNativeInputAndChangeEvents())}stepDown(){""===this.input.value?a(this.input,this.input.min||"0",!1):(this.input.stepDown(),this.simulateNativeInputAndChangeEvents())}renderClearButton(){return this.clearable&&this.hasContent&&!this.disabled?n("button",{class:"gux-clear-button",tabIndex:-1,type:"button",title:this.getI18nValue("clear"),disabled:this.disabled,onClick:this.clearInput.bind(this)},n("gux-icon",{"icon-name":"close",decorative:!0})):null}renderStepButtons(){return n("div",{class:"gux-step-buttons-container"},n("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:this.getI18nValue("increment"),disabled:this.disabled,onClick:()=>this.stepUp()},n("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),n("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:this.getI18nValue("decrement"),disabled:this.disabled,onClick:()=>this.stepDown()},n("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}async componentWillLoad(){this.getI18nValue=await i(this.root,x),this.input=this.root.querySelector('input[slot="input"]'),this.setHasContent(),this.disabled=this.input.disabled,this.input.addEventListener("input",(()=>{this.setHasContent()})),this.disabledObserver=r(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("div",{class:{"gux-input-number-container":!0,"gux-disabled":this.disabled}},n("div",{class:"gux-input-container"},n("slot",{name:"input"}),this.renderClearButton()),this.renderStepButtons())}get root(){return e(this)}};d.style="gux-input-number{position:relative;display:block}gux-input-number .gux-input-number-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}gux-input-number .gux-input-number-container.gux-disabled{opacity:0.5}gux-input-number .gux-input-number-container .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 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-input-number .gux-input-number-container .gux-input-container input{flex:1 1 auto;align-self:auto;order:0;color:#2e394c;text-align:right;background-color:#f6f7f9;border:none;outline:none;}gux-input-number .gux-input-number-container .gux-input-container input::placeholder{color:#596373;opacity:1}gux-input-number .gux-input-number-container .gux-input-container input::-webkit-outer-spin-button,gux-input-number .gux-input-number-container .gux-input-container input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}gux-input-number .gux-input-number-container .gux-input-container input[type='number']{-moz-appearance:textfield}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button:not(:disabled):focus,gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button gux-icon{width:12px;height:12px}gux-input-number .gux-input-number-container .gux-step-buttons-container{flex:0 1 16px;align-self:auto;order:0;margin:0 4px}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button:not(:disabled):focus,gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button gux-icon{width:10px;height:10px}gux-input-number .gux-input-number-container:focus-within .gux-input-container{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}";const h=class{constructor(n){t(this,n)}render(){return n("div",{class:"gux-input-radio-container"},n("slot",{name:"input"}),n("slot",{name:"label"}))}};h.style="gux-input-radio{display:block;color:#2e394c}gux-input-radio .gux-input-radio-container{position:relative;padding-left:24px;line-height:24px}gux-input-radio input{position:absolute;z-index:-1;opacity:0}gux-input-radio label{display:inline-block;font-size:12px}gux-input-radio label::after{position:absolute;top:4px;left:4px;display:block;width:16px;height:16px;content:'';border-radius:50%}gux-input-radio input:focus-within~label::after{box-shadow:0 0 2px 1px #aac9ff, inset 0 0 2px 1px #aac9ff}gux-input-radio input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%2377828f'/%3E%3C/svg%3E\")}gux-input-radio input:not(:checked):not(:disabled)~label:hover::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%232a60c8'/%3E%3C/svg%3E\")}gux-input-radio input:checked~label::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.026 5.262a2.8 2.8 0 1 0 .001 5.601 2.8 2.8 0 0 0-.001-5.601zm0-2.2c-2.761 0-5 2.211-5 4.938s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill='%232a60c8'/%3E%3C/svg%3E\")}gux-input-radio input:disabled~label::after,gux-input-radio input:disabled~label{cursor:not-allowed;opacity:0.5}";for(var b=s((function(t){(function(){var n,e,i,o,r,a;"undefined"!=typeof performance&&null!==performance&&performance.now?t.exports=function(){return performance.now()}:"undefined"!=typeof process&&null!==process&&process.hrtime?(t.exports=function(){return(n()-r)/1e6},e=process.hrtime,o=(n=function(){var t;return 1e9*(t=e())[0]+t[1]})(),a=1e9*process.uptime(),r=o-a):Date.now?(t.exports=function(){return Date.now()-i},i=Date.now()):(t.exports=function(){return(new Date).getTime()-i},i=(new Date).getTime())}).call(g)})),m="undefined"==typeof window?g:window,f=["moz","webkit"],w="AnimationFrame",v=m["request"+w],k=m["cancel"+w]||m["cancelRequest"+w],y=0;!v&&y<f.length;y++)v=m[f[y]+"Request"+w],k=m[f[y]+"Cancel"+w]||m[f[y]+"CancelRequest"+w];if(!v||!k){var z=0,C=0,E=[];v=function(t){if(0===E.length){var n=b(),e=Math.max(0,16.666666666666668-(n-z));z=e+n,setTimeout((function(){var t=E.slice(0);E.length=0;for(var n=0;n<t.length;n++)if(!t[n].cancelled)try{t[n].callback(z)}catch(t){setTimeout((function(){throw t}),0)}}),Math.round(e))}return E.push({handle:++C,callback:t,cancelled:!1}),C},k=function(t){for(var n=0;n<E.length;n++)E[n].handle===t&&(E[n].cancelled=!0)}}var M,_=function(t){return v.call(m,t)};_.cancel=function(){k.apply(m,arguments)},_.polyfill=function(t){t||(t=m),t.requestAnimationFrame=v,t.cancelAnimationFrame=k},function(t){t[t.MODE_TIMEOUT=0]="MODE_TIMEOUT",t[t.MODE_INTERVAL=1]="MODE_INTERVAL"}(M||(M={}));const D=new Map,j=new Set;let B=!1,I=0;function L(){return(new Date).getTime()}function q(t){const{fn:n,args:e}=t;n(...e)}function T(){if(0===D.size)return void(B=!1);const t=L();D.forEach((t=>(n,e)=>{const{nextTick:i,ms:o,mode:r}=n;t-i>=0&&(j.add(n),r===M.MODE_TIMEOUT?D.delete(e):D.set(e,{...n,nextTick:i+o}))})(t)),0!==j.size&&(j.forEach(q),j.clear()),0!==D.size?_(T):B=!1}const $=class{constructor(n){t(this,n),this.valueInTooltip=!1}onInput(t){this.updateValue(t.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}updateValue(t){this.value=t,this.updatePosition()}updatePosition(){const t=Number(this.input.value||0),n=Number(this.input.min||0),e=(t-n)/(Number(this.input.max||100)-n)*100;if(this.sliderTooltip){const t=Math.round(1e3*(e/100-e/8/this.sliderTooltipContainer.offsetWidth))/10;this.sliderTooltip.style.left=`${t}%`}this.progressElement.style.width=`${e}%`}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"]'),this.disabled=this.input.disabled,this.value=this.input.value,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.valueWatcherId=((t,n=0,...e)=>function({fn:t,ms:n,args:e,mode:i}){if(!t)return null;const o=I;return D.set(o,{fn:t,ms:n,nextTick:L()+n,args:e,mode:i}),B||(B=!0,_(T)),I+=1,o}({fn:t,ms:n,args:e,mode:M.MODE_INTERVAL}))((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100)}componentDidLoad(){this.updatePosition()}disconnectedCallback(){this.disabledObserver.disconnect(),function(t){null!=t&&D.has(t)&&D.delete(t)}(this.valueWatcherId)}render(){return n("div",{class:{"gux-container":!0,"gux-disabled":this.disabled}},n("div",{class:{"gux-range":!0,"gux-active":this.active}},n("div",{class:"gux-track"},n("div",{class:"gux-progress",ref:t=>this.progressElement=t})),n("slot",{name:"input"}),n("div",{class:{"gux-range-tooltip-container":!0,"gux-hidden":!this.valueInTooltip},ref:t=>this.sliderTooltipContainer=t},n("div",{class:"gux-range-tooltip",ref:t=>this.sliderTooltip=t},this.getDisplayValue()))),n("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}get root(){return e(this)}};$.style="gux-input-range .gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:32px;font-size:12px}gux-input-range .gux-container.gux-disabled{pointer-events:none;opacity:0.5}gux-input-range .gux-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}gux-input-range .gux-container .gux-range .gux-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad}gux-input-range .gux-container .gux-range .gux-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']{position:absolute;width:100%;height:2px;margin:6px 0;margin-top:calc(-1 * (12px / 2 + 2px));background:transparent;-webkit-appearance:none}gux-input-range .gux-container .gux-range input[type='range']:focus{outline:none}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-runnable-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-runnable-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;margin-top:-5px;-webkit-appearance:none;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']:focus::-webkit-slider-runnable-track{background:rgba(13, 13, 13, 0)}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;margin-top:-5px;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-ms-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;color:transparent;background:transparent;border-color:transparent;border-width:12px 0}gux-input-range .gux-container .gux-range input[type='range']::-ms-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-ms-fill-lower{background:rgba(0, 0, 0, 0)}gux-input-range .gux-container .gux-range input[type='range']::-ms-fill-upper{background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-ms-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']:focus::-ms-fill-lower{background:transparent}gux-input-range .gux-container .gux-range input[type='range']:focus::-ms-fill-upper{background:rgba(13, 13, 13, 0)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-webkit-slider-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-moz-range-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-ms-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-display{flex:0 1 auto;align-self:auto;order:0;height:32px;margin:0 0 0 16px;line-height:32px;text-align:right}gux-input-range .gux-container .gux-display.gux-hidden{display:none}gux-input-range .gux-range-tooltip-container{position:absolute;top:-50px;width:100%;height:32px;visibility:hidden}gux-input-range .gux-range-tooltip-container .gux-range-tooltip{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px;position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:50px;height:32px;margin-left:-20px;visibility:hidden;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::after,gux-input-range .gux-range-tooltip-container .gux-range-tooltip::before{position:absolute;top:100%;left:50%;width:0;height:0;pointer-events:none;content:' ';border:solid transparent}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::after{margin-left:-4px;border-width:4px;border-top-color:#fdfdfd}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::before{margin-left:-6px;border-width:6px;border-top-color:#b4bccb}gux-input-range input[type='range']:hover~.gux-range-tooltip-container:not(.gux-hidden),gux-input-range input[type='range']:focus~.gux-range-tooltip-container:not(.gux-hidden),gux-input-range input[type='range']:active~.gux-range-tooltip-container:not(.gux-hidden){visibility:visible}gux-input-range input[type='range']:hover~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip,gux-input-range input[type='range']:focus~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip,gux-input-range input[type='range']:active~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip{visibility:visible}";const R=class{constructor(n){t(this,n)}componentWillLoad(){this.input=this.root.querySelector('select[slot="input"]'),this.disabled=this.input.disabled,this.disabledObserver=r(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},n("slot",{name:"input"}),n("gux-icon",{decorative:!0,iconName:"ic-dropdown-arrow"}))}get root(){return e(this)}};R.style="gux-input-select{position:relative;display:block}gux-input-select .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;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-input-select .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}gux-input-select .gux-input-container:hover gux-icon{color:#2a60c8}gux-input-select .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-select .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}gux-input-select .gux-input-container:focus-within{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px #75a8ff}";const N=class{constructor(n){t(this,n),this.resize="none"}componentWillLoad(){this.input=this.root.querySelector('textarea[slot="input"]'),this.input.addEventListener("input",(()=>{this.updateHeight()}))}componentDidLoad(){this.updateHeight()}updateHeight(){"auto"===this.resize&&(this.containerElement.dataset.replicatedValue=this.input.value,this.containerElement.style.maxHeight=this.input.style.maxHeight)}render(){return n("div",{ref:t=>this.containerElement=t,class:`gux-resize-${this.resize}`},n("slot",{name:"input"}))}get root(){return e(this)}};N.style="gux-input-textarea{position:relative;display:block}gux-input-textarea .gux-resize-none textarea{resize:none}gux-input-textarea .gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}gux-input-textarea .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;border:1px solid #6b7585}gux-input-textarea .gux-resize-auto textarea{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}gux-input-textarea textarea{flex:1 1 auto;align-self:auto;order:0;font-family:inherit;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;color:#2e394c;background-color:#f6f7f9;background-image:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0;border:1px solid #6b7585}gux-input-textarea textarea::placeholder{color:#596373;opacity:1}gux-input-textarea textarea:focus-within{border-color:#2a60c8;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}gux-input-textarea textarea[disabled]{opacity:0.5}";export{p as gux_input_checkbox,l as gux_input_color,d as gux_input_number,h as gux_input_radio,$ as gux_input_range,R as gux_input_select,N as gux_input_textarea}
1
+ import{r as t,h as n,g as e}from"./p-e571f861.js";import{b as i}from"./p-523a0237.js";import{r as o}from"./p-cbcbd1bb.js";import{o as r}from"./p-e2bea786.js";import{s as a}from"./p-8fe7daff.js";import{s as u}from"./p-d176c2ae.js";import{c as s,a as g}from"./p-112455b1.js";import"./p-8a133b9b.js";const p=class{constructor(n){t(this,n)}render(){return n("div",{class:"gux-input-checkbox-container"},n("slot",{name:"input"}),n("slot",{name:"label"}))}};p.style="gux-input-checkbox{display:block;color:#2e394c}gux-input-checkbox .gux-input-checkbox-container{position:relative;padding-left:24px;line-height:24px}gux-input-checkbox input{position:absolute;z-index:-1;opacity:0}gux-input-checkbox label{display:inline-block;font-size:12px}gux-input-checkbox label:hover{cursor:pointer}gux-input-checkbox label::after{position:absolute;top:4px;left:4px;display:block;width:16px;height:16px;content:'';border-radius:15%}gux-input-checkbox input:focus-within~label::after{box-shadow:0 0 3px 2px #aac9ff}gux-input-checkbox input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%2377828f' /%3E%3C/svg%3E\")}gux-input-checkbox.gux-input-error input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%23ea0b0b' /%3E%3C/svg%3E\")}gux-input-checkbox input:not(:checked):not(:disabled):not(:indeterminate)~label:hover::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:checked~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 1.467h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zM6.8 11 3.638 7.941l.89-.932L6.8 9.2l3.947-3.861.891.932z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:indeterminate~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.138 8.467h7v-1h-7zm7-7h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zm2 10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:disabled~label::after,gux-input-checkbox input:disabled~label{cursor:not-allowed;opacity:0.5}";const c={required:"Required"},l=class{constructor(n){t(this,n),this.requiredId=o("gux-input-color-required")}onClick(t){this.root.contains(t.target)||this.setOpened(!1)}onInput(t){this.color=t.target.value}async componentWillLoad(){this.i18n=await i(this.root,c),this.input=this.root.querySelector('input[slot="input"]'),this.input.addEventListener("change",(t=>{this.opened&&(t.stopImmediatePropagation(),t.stopPropagation(),t.preventDefault())})),this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.disabled=this.input.disabled,this.color=this.input.value}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("section",null,n("span",{class:"gux-hidden",id:this.requiredId},this.i18n("required")),n("button",{"aria-describedby":`${this.guxLabelDescribedby} ${this.guxRequired?this.requiredId:""} ${this.guxErrorDescribedby}`,"aria-expanded":this.opened?"true":"false",type:"button",class:{"gux-input-color-main-element":!0,"gux-opened":this.opened},disabled:this.disabled,onClick:this.clickHandler.bind(this)},n("div",{class:"gux-input-color-selected-color",style:{background:this.color}}),n("div",{class:"gux-input-color-color-name"},this.color),n("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})),n("gux-color-select",{class:{"gux-input-color-color-select":!0,"gux-opened":this.opened}},n("slot",{name:"input",slot:"input"})))}setOpened(t){this.colorOnOpen&&this.colorOnOpen!==this.color&&(this.colorOnOpen=this.color,this.input.dispatchEvent(new Event("change",{bubbles:!0}))),this.colorOnOpen=this.color,this.opened=t}clickHandler(){this.disabled||this.setOpened(!this.opened)}get root(){return e(this)}};l.style="gux-input-color{color:#2e394c}gux-input-color>section{position:relative;display:inline-block;width:160px}gux-input-color>gux-input-color-option{display:none}gux-input-color .gux-input-color-main-element{box-sizing:border-box;width:100%;padding:0;margin:0;cursor:pointer;user-select:none;background-color:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;outline:none;box-shadow:0 0 0 0 transparent;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);transition:box-shadow 0.2s}gux-input-color .gux-input-color-main-element:focus,gux-input-color .gux-input-color-main-element.gux-opened{border-color:#2a60c8;outline:none;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}gux-input-color .gux-input-color-main-element:disabled{pointer-events:none;cursor:default;opacity:0.5}gux-input-color .gux-input-color-main-element:hover gux-icon,gux-input-color .gux-input-color-main-element:focus gux-icon{color:#2e394c}gux-input-color .gux-input-color-selected-color{float:left;padding:8px;margin:8px 12px}gux-input-color .gux-input-color-color-name{float:left;margin:9px 0;font-size:12px}gux-input-color .gux-input-color-color-select{position:absolute;top:100%;left:0;z-index:1;display:none;width:100%}gux-input-color .gux-input-color-color-select.gux-opened{display:inherit}gux-input-color gux-icon{position:absolute;top:0;right:0;display:flex;align-items:center;width:16px;height:100%;padding:0 7px;overflow:hidden;color:#596373;pointer-events:none;cursor:pointer;background:none;border:none;outline:none}gux-input-color .gux-hidden{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";const x={clear:"Clear",increment:"Increment",decrement:"Decrement"},d=class{constructor(n){t(this,n),this.hasContent=!1}clearInput(){a(this.input,"",!0)}setHasContent(){this.hasContent=Boolean(this.input.value)}simulateNativeInputAndChangeEvents(){u(this.input,"input"),u(this.input,"change")}stepUp(){""===this.input.value?a(this.input,this.input.min||"0",!1):(this.input.stepUp(),this.simulateNativeInputAndChangeEvents())}stepDown(){""===this.input.value?a(this.input,this.input.min||"0",!1):(this.input.stepDown(),this.simulateNativeInputAndChangeEvents())}renderClearButton(){return this.clearable&&this.hasContent&&!this.disabled?n("button",{class:"gux-clear-button",tabIndex:-1,type:"button",title:this.getI18nValue("clear"),disabled:this.disabled,onClick:this.clearInput.bind(this)},n("gux-icon",{"icon-name":"close",decorative:!0})):null}renderStepButtons(){return n("div",{class:"gux-step-buttons-container"},n("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:this.getI18nValue("increment"),disabled:this.disabled,onClick:()=>this.stepUp()},n("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),n("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:this.getI18nValue("decrement"),disabled:this.disabled,onClick:()=>this.stepDown()},n("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}async componentWillLoad(){this.getI18nValue=await i(this.root,x),this.input=this.root.querySelector('input[slot="input"]'),this.setHasContent(),this.disabled=this.input.disabled,this.input.addEventListener("input",(()=>{this.setHasContent()})),this.disabledObserver=r(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("div",{class:{"gux-input-number-container":!0,"gux-disabled":this.disabled}},n("div",{class:"gux-input-container"},n("slot",{name:"input"}),this.renderClearButton()),this.renderStepButtons())}get root(){return e(this)}};d.style="gux-input-number{position:relative;display:block}gux-input-number .gux-input-number-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}gux-input-number .gux-input-number-container.gux-disabled{opacity:0.5}gux-input-number .gux-input-number-container .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 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-input-number .gux-input-number-container .gux-input-container input{flex:1 1 auto;align-self:auto;order:0;color:#2e394c;text-align:right;background-color:#f6f7f9;border:none;outline:none;}gux-input-number .gux-input-number-container .gux-input-container input::placeholder{color:#596373;opacity:1}gux-input-number .gux-input-number-container .gux-input-container input::-webkit-outer-spin-button,gux-input-number .gux-input-number-container .gux-input-container input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}gux-input-number .gux-input-number-container .gux-input-container input[type='number']{-moz-appearance:textfield}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button:not(:disabled):focus,gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button gux-icon{width:12px;height:12px}gux-input-number .gux-input-number-container .gux-step-buttons-container{flex:0 1 16px;align-self:auto;order:0;margin:0 4px}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button:not(:disabled):focus,gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button gux-icon{width:10px;height:10px}gux-input-number .gux-input-number-container:focus-within .gux-input-container{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}";const h=class{constructor(n){t(this,n)}render(){return n("div",{class:"gux-input-radio-container"},n("slot",{name:"input"}),n("slot",{name:"label"}))}};h.style="gux-input-radio{display:block;color:#2e394c}gux-input-radio .gux-input-radio-container{position:relative;padding-left:24px;line-height:24px}gux-input-radio input{position:absolute;z-index:-1;opacity:0}gux-input-radio label{display:inline-block;font-size:12px}gux-input-radio label::after{position:absolute;top:4px;left:4px;display:block;width:16px;height:16px;content:'';border-radius:50%}gux-input-radio input:focus-within~label::after{box-shadow:0 0 2px 1px #aac9ff, inset 0 0 2px 1px #aac9ff}gux-input-radio input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%2377828f'/%3E%3C/svg%3E\")}gux-input-radio input:not(:checked):not(:disabled)~label:hover::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%232a60c8'/%3E%3C/svg%3E\")}gux-input-radio input:checked~label::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.026 5.262a2.8 2.8 0 1 0 .001 5.601 2.8 2.8 0 0 0-.001-5.601zm0-2.2c-2.761 0-5 2.211-5 4.938s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill='%232a60c8'/%3E%3C/svg%3E\")}gux-input-radio input:disabled~label::after,gux-input-radio input:disabled~label{cursor:not-allowed;opacity:0.5}";for(var b=s((function(t){(function(){var n,e,i,o,r,a;"undefined"!=typeof performance&&null!==performance&&performance.now?t.exports=function(){return performance.now()}:"undefined"!=typeof process&&null!==process&&process.hrtime?(t.exports=function(){return(n()-r)/1e6},e=process.hrtime,o=(n=function(){var t;return 1e9*(t=e())[0]+t[1]})(),a=1e9*process.uptime(),r=o-a):Date.now?(t.exports=function(){return Date.now()-i},i=Date.now()):(t.exports=function(){return(new Date).getTime()-i},i=(new Date).getTime())}).call(g)})),m="undefined"==typeof window?g:window,f=["moz","webkit"],w="AnimationFrame",v=m["request"+w],k=m["cancel"+w]||m["cancelRequest"+w],y=0;!v&&y<f.length;y++)v=m[f[y]+"Request"+w],k=m[f[y]+"Cancel"+w]||m[f[y]+"CancelRequest"+w];if(!v||!k){var z=0,C=0,E=[];v=function(t){if(0===E.length){var n=b(),e=Math.max(0,16.666666666666668-(n-z));z=e+n,setTimeout((function(){var t=E.slice(0);E.length=0;for(var n=0;n<t.length;n++)if(!t[n].cancelled)try{t[n].callback(z)}catch(t){setTimeout((function(){throw t}),0)}}),Math.round(e))}return E.push({handle:++C,callback:t,cancelled:!1}),C},k=function(t){for(var n=0;n<E.length;n++)E[n].handle===t&&(E[n].cancelled=!0)}}var M,_=function(t){return v.call(m,t)};_.cancel=function(){k.apply(m,arguments)},_.polyfill=function(t){t||(t=m),t.requestAnimationFrame=v,t.cancelAnimationFrame=k},function(t){t[t.MODE_TIMEOUT=0]="MODE_TIMEOUT",t[t.MODE_INTERVAL=1]="MODE_INTERVAL"}(M||(M={}));const D=new Map,j=new Set;let B=!1,I=0;function L(){return(new Date).getTime()}function q(t){const{fn:n,args:e}=t;n(...e)}function T(){if(0===D.size)return void(B=!1);const t=L();D.forEach((t=>(n,e)=>{const{nextTick:i,ms:o,mode:r}=n;t-i>=0&&(j.add(n),r===M.MODE_TIMEOUT?D.delete(e):D.set(e,{...n,nextTick:i+o}))})(t)),0!==j.size&&(j.forEach(q),j.clear()),0!==D.size?_(T):B=!1}const $=class{constructor(n){t(this,n),this.valueInTooltip=!1}onInput(t){this.updateValue(t.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}updateValue(t){this.value=t,this.updatePosition()}updatePosition(){const t=Number(this.input.value||0),n=Number(this.input.min||0),e=(t-n)/(Number(this.input.max||100)-n)*100;if(this.sliderTooltip){const t=Math.round(1e3*(e/100-e/8/this.sliderTooltipContainer.offsetWidth))/10;this.sliderTooltip.style.left=`${t}%`}this.progressElement.style.width=`${e}%`}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"]'),this.disabled=this.input.disabled,this.value=this.input.value,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.valueWatcherId=((t,n=0,...e)=>function({fn:t,ms:n,args:e,mode:i}){if(!t)return null;const o=I;return D.set(o,{fn:t,ms:n,nextTick:L()+n,args:e,mode:i}),B||(B=!0,_(T)),I+=1,o}({fn:t,ms:n,args:e,mode:M.MODE_INTERVAL}))((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100)}componentDidLoad(){this.updatePosition()}disconnectedCallback(){this.disabledObserver.disconnect(),function(t){null!=t&&D.has(t)&&D.delete(t)}(this.valueWatcherId)}render(){return n("div",{class:{"gux-container":!0,"gux-disabled":this.disabled}},n("div",{class:{"gux-range":!0,"gux-active":this.active}},n("div",{class:"gux-track"},n("div",{class:"gux-progress",ref:t=>this.progressElement=t})),n("slot",{name:"input"}),n("div",{class:{"gux-range-tooltip-container":!0,"gux-hidden":!this.valueInTooltip},ref:t=>this.sliderTooltipContainer=t},n("div",{class:"gux-range-tooltip",ref:t=>this.sliderTooltip=t},this.getDisplayValue()))),n("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}get root(){return e(this)}};$.style="gux-input-range .gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:32px;font-size:12px}gux-input-range .gux-container.gux-disabled{pointer-events:none;opacity:0.5}gux-input-range .gux-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}gux-input-range .gux-container .gux-range .gux-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad}gux-input-range .gux-container .gux-range .gux-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']{position:absolute;width:100%;height:2px;margin:6px 0;margin-top:calc(-1 * (12px / 2 + 2px));background:transparent;-webkit-appearance:none}gux-input-range .gux-container .gux-range input[type='range']:focus{outline:none}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-runnable-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-runnable-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;margin-top:-5px;-webkit-appearance:none;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']:focus::-webkit-slider-runnable-track{background:rgba(13, 13, 13, 0)}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;margin-top:-5px;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-ms-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;color:transparent;background:transparent;border-color:transparent;border-width:12px 0}gux-input-range .gux-container .gux-range input[type='range']::-ms-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-ms-fill-lower{background:rgba(0, 0, 0, 0)}gux-input-range .gux-container .gux-range input[type='range']::-ms-fill-upper{background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-ms-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']:focus::-ms-fill-lower{background:transparent}gux-input-range .gux-container .gux-range input[type='range']:focus::-ms-fill-upper{background:rgba(13, 13, 13, 0)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-webkit-slider-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-moz-range-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-ms-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-display{flex:0 1 auto;align-self:auto;order:0;height:32px;margin:0 0 0 16px;line-height:32px;text-align:right}gux-input-range .gux-container .gux-display.gux-hidden{display:none}gux-input-range .gux-range-tooltip-container{position:absolute;top:-50px;width:100%;height:32px;visibility:hidden}gux-input-range .gux-range-tooltip-container .gux-range-tooltip{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px;position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:50px;height:32px;margin-left:-20px;visibility:hidden;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::after,gux-input-range .gux-range-tooltip-container .gux-range-tooltip::before{position:absolute;top:100%;left:50%;width:0;height:0;pointer-events:none;content:' ';border:solid transparent}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::after{margin-left:-4px;border-width:4px;border-top-color:#fdfdfd}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::before{margin-left:-6px;border-width:6px;border-top-color:#b4bccb}gux-input-range input[type='range']:hover~.gux-range-tooltip-container:not(.gux-hidden),gux-input-range input[type='range']:focus~.gux-range-tooltip-container:not(.gux-hidden),gux-input-range input[type='range']:active~.gux-range-tooltip-container:not(.gux-hidden){visibility:visible}gux-input-range input[type='range']:hover~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip,gux-input-range input[type='range']:focus~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip,gux-input-range input[type='range']:active~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip{visibility:visible}";const R=class{constructor(n){t(this,n)}componentWillLoad(){this.input=this.root.querySelector('select[slot="input"]'),this.disabled=this.input.disabled,this.disabledObserver=r(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},n("slot",{name:"input"}),n("gux-icon",{decorative:!0,iconName:"ic-dropdown-arrow"}))}get root(){return e(this)}};R.style="gux-input-select{position:relative;display:block}gux-input-select .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;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-input-select .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}gux-input-select .gux-input-container:hover gux-icon{color:#2a60c8}gux-input-select .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-select .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}gux-input-select .gux-input-container:focus-within{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px #75a8ff}";const N=class{constructor(n){t(this,n),this.resize="none"}componentWillLoad(){this.input=this.root.querySelector('textarea[slot="input"]'),this.input.addEventListener("input",(()=>{this.updateHeight()}))}componentDidLoad(){this.updateHeight()}updateHeight(){"auto"===this.resize&&(this.containerElement.dataset.replicatedValue=this.input.value,this.containerElement.style.maxHeight=this.input.style.maxHeight)}render(){return n("div",{ref:t=>this.containerElement=t,class:`gux-resize-${this.resize}`},n("slot",{name:"input"}))}get root(){return e(this)}};N.style="gux-input-textarea{position:relative;display:block}gux-input-textarea .gux-resize-none textarea{resize:none}gux-input-textarea .gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}gux-input-textarea .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;border:1px solid #6b7585}gux-input-textarea .gux-resize-auto textarea{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}gux-input-textarea textarea{flex:1 1 auto;align-self:auto;order:0;font-family:inherit;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;color:#2e394c;background-color:#f6f7f9;background-image:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0;border:1px solid #6b7585}gux-input-textarea textarea::placeholder{color:#596373;opacity:1}gux-input-textarea textarea:focus-within{border-color:#2a60c8;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}gux-input-textarea textarea[disabled]{opacity:0.5}";export{p as gux_input_checkbox,l as gux_input_color,d as gux_input_number,h as gux_input_radio,$ as gux_input_range,R as gux_input_select,N as gux_input_textarea}
@@ -1 +1 @@
1
- import{r as e,h as a,g as l}from"./p-a085b143.js";import{t as s}from"./p-be79f47d.js";const i=class{constructor(a){e(this,a),this.isOpen=!1,this.position="left"}get containerClass(){return`gux-${this.position} gux-${this.isOpen?"open":"closed"}`}get contentClass(){return"gux-panel-content gux-"+(this.isOpen?"open":"closed")}componentWillLoad(){s(this.root,{variant:this.position})}render(){return a("aside",{class:this.containerClass},a("div",{class:"gux-panel-icons"},a("slot",{name:"side-panel-icons"})),a("div",{class:this.contentClass},a("slot",{name:"side-panel-content"})))}get root(){return l(this)}};i.style="gux-side-panel-legacy aside{position:relative;display:flex;flex-direction:row-reverse;width:49px;height:100%;color:#2e394c;background-color:#fdfdfd}gux-side-panel-legacy aside.gux-left{flex-direction:row}gux-side-panel-legacy aside.gux-left .gux-panel-content{left:49px}gux-side-panel-legacy aside.gux-right .gux-panel-content{right:49px}gux-side-panel-legacy aside .gux-panel-icons{border:1px solid #e2e6ee}gux-side-panel-legacy aside .gux-panel-icons gux-side-panel-button{display:flex;flex-direction:column}gux-side-panel-legacy aside .gux-panel-content{position:absolute;width:280px;height:100%}gux-side-panel-legacy aside .gux-panel-content [slot='side-panel-content']{height:100%}gux-side-panel-legacy aside .gux-panel-content.gux-closed{display:none}.gux-side-panel-dark-theme{color:#fdfdfd}.gux-side-panel-dark-theme aside{background-color:#2e394c}.gux-side-panel-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-dark-theme gux-side-panel-legacy{color:#fdfdfd}.gux-dark-theme gux-side-panel-legacy aside{background-color:#2e394c}.gux-dark-theme gux-side-panel-legacy aside .gux-panel-icons{border-color:#202937}gux-side-panel-legacy.gux-dark-theme{color:#fdfdfd}gux-side-panel-legacy.gux-dark-theme aside{background-color:#2e394c}gux-side-panel-legacy.gux-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-side-panel-light-theme{color:#2e394c}.gux-light-theme gux-side-panel-legacy{color:#2e394c}gux-side-panel-legacy.gux-light-theme{color:#2e394c}gux-side-panel-legacy{color:#2e394c}";export{i as gux_side_panel_legacy}
1
+ import{r as e,h as a,g as l}from"./p-e571f861.js";import{t as s}from"./p-2065021e.js";const i=class{constructor(a){e(this,a),this.isOpen=!1,this.position="left"}get containerClass(){return`gux-${this.position} gux-${this.isOpen?"open":"closed"}`}get contentClass(){return"gux-panel-content gux-"+(this.isOpen?"open":"closed")}componentWillLoad(){s(this.root,{variant:this.position})}render(){return a("aside",{class:this.containerClass},a("div",{class:"gux-panel-icons"},a("slot",{name:"side-panel-icons"})),a("div",{class:this.contentClass},a("slot",{name:"side-panel-content"})))}get root(){return l(this)}};i.style="gux-side-panel-legacy aside{position:relative;display:flex;flex-direction:row-reverse;width:49px;height:100%;color:#2e394c;background-color:#fdfdfd}gux-side-panel-legacy aside.gux-left{flex-direction:row}gux-side-panel-legacy aside.gux-left .gux-panel-content{left:49px}gux-side-panel-legacy aside.gux-right .gux-panel-content{right:49px}gux-side-panel-legacy aside .gux-panel-icons{border:1px solid #e2e6ee}gux-side-panel-legacy aside .gux-panel-icons gux-side-panel-button{display:flex;flex-direction:column}gux-side-panel-legacy aside .gux-panel-content{position:absolute;width:280px;height:100%}gux-side-panel-legacy aside .gux-panel-content [slot='side-panel-content']{height:100%}gux-side-panel-legacy aside .gux-panel-content.gux-closed{display:none}.gux-side-panel-dark-theme{color:#fdfdfd}.gux-side-panel-dark-theme aside{background-color:#2e394c}.gux-side-panel-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-dark-theme gux-side-panel-legacy{color:#fdfdfd}.gux-dark-theme gux-side-panel-legacy aside{background-color:#2e394c}.gux-dark-theme gux-side-panel-legacy aside .gux-panel-icons{border-color:#202937}gux-side-panel-legacy.gux-dark-theme{color:#fdfdfd}gux-side-panel-legacy.gux-dark-theme aside{background-color:#2e394c}gux-side-panel-legacy.gux-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-side-panel-light-theme{color:#2e394c}.gux-light-theme gux-side-panel-legacy{color:#2e394c}gux-side-panel-legacy.gux-light-theme{color:#2e394c}gux-side-panel-legacy{color:#2e394c}";export{i as gux_side_panel_legacy}
@@ -1 +1 @@
1
- import{r as o,c as e,f as t,h as i,g as d}from"./p-a085b143.js";import{O as n}from"./p-5ca81424.js";import{w as g}from"./p-76ff3e75.js";import{t as u}from"./p-be79f47d.js";import{O as r}from"./p-4b7056b2.js";var x=function(o,e,t,i){var d,n=arguments.length,g=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(o,e,t,i);else for(var u=o.length-1;u>=0;u--)(d=o[u])&&(g=(n<3?d(g):n>3?d(e,t,g):d(e,t))||g);return n>3&&g&&Object.defineProperty(e,t,g),g};const l=class{constructor(t){o(this,t),this.change=e(this,"change",7),this.mode="default",this.disabled=!1,this.value="",this.inputIsFocused=!1,this.valueEdited=!1}emitChange(o){this.change.emit(o)}onClickOutside(o){o.relatedTarget&&this.root.contains(o.relatedTarget)||(this.opened=!1,this.forcedGhostValue="",this.getSelectionOptions().some((o=>o.text===this.value))||(this.value=""))}async setLabeledBy(o){this.srLabeledBy=o}async setSelected(){const o=this.getSelectionOptions(),e=o.map((o=>o.selected)).lastIndexOf(!0);if(e>=0)return void(this.value=o[e].text);const t=o.find((o=>this.value===o.value));this.value=t?t.text:""}onMutation(){t(this.root),this.setSelected()}onKeyDown(o){const e=this.getSelectionOptions(),t=this.getFocusIndex(e);switch(o.key){case"ArrowUp":o.preventDefault(),t>0&&e[t-1].focus();break;case"ArrowDown":o.preventDefault(),this.inputIsFocused&&(this.opened=!0),t<e.length-1&&e[t+1].focus();break;case"Home":if(!e.length)return;e[0].focus();break;case"End":if(!e.length)return;e[e.length-1].focus();break;case"Escape":case"Tab":this.textFieldElement.focus(),this.opened=!1;break;case"Enter":case"Space":break;default:if(this.valueEdited=!0,!this.filterable){const t=e.filter((e=>e.text.startsWith(o.key)));t[0]&&t[0].focus()}}}setValue(o,e){this.value=o,this.opened=!1,this.valueEdited=!1,this.emitChange(e)}_clickHandler(){this.disabled||(this.opened=!this.opened)}_focusHandler(){this.inputIsFocused=!0}_optionFocusedHandler(o){g("gux-option-legacy",o,(o=>{this.forcedGhostValue=this.value+o.text.substring(this.value.length)}))}optionSelectedHandler(o){g("gux-option-legacy",o,(o=>{const e=o;this.getSelectionOptions().forEach((o=>{o===e?(o.selected=!0,this.setValue(o.text,o.value||o.text)):o.selected=!1}))}))}optionKeyDownHandler(o){" "!==o.key&&"Enter"!==o.key||this.optionSelectedHandler(o)}_blurHandler(){this.inputIsFocused=!1,this.forcedGhostValue=""}_inputHandler(o){this.value=o.target.value,this.opened=!0}getFilteredItems(){const o=this.getSelectionOptions();return this.filterable?o.filter((o=>o.text.toLowerCase().startsWith(this.value.toLowerCase()))):o}getSuggestionText(o=""){this.searchHighlightAndFilter(this.value);const e=o.length,t=this.getFilteredItems().length?this.getFilteredItems()[0].text:"";if(e>0){const o=t;if(o)return this.opened&&this.filterable?o.substring(e):""}return""}componentWillLoad(){u(this.root,{variant:this.filterable?"filterable":"full"})}componentDidLoad(){this.setSelected(),this.filterable||(this.textFieldElement.readOnly=!0)}getSelectionOptions(){const o=[],e=this.root.getElementsByClassName("gux-options")[0];return e?(Array.from(e.children).forEach((e=>{e.matches("gux-option-legacy")&&o.push(e)})),o):[]}render(){return i("div",{class:`gux-dropdown gux-${this.mode} ${this.disabled?"gux-disabled":""} ${this.opened?"gux-active":""}`,onKeyDown:o=>this.onKeyDown(o)},i("div",{class:"gux-select-field"},i("span",{class:"gux-filter-suggestion "+(this.opened?"gux-active":""),"aria-hidden":"true"},i("span",{class:"gux-filter-text"},this.value),i("span",{class:"gux-filter-typeahead"},this.getSuggestionText(this.value))),i("gux-input-text-like",null,i("input",{placeholder:this.placeholder,slot:"input",value:this.value,"aria-labelledby":this.srLabeledBy,disabled:this.disabled,ref:o=>this.textFieldElement=o,onMouseDown:()=>{this._clickHandler()},onFocus:()=>{this._focusHandler()},onBlur:()=>{this._blurHandler()},onInput:o=>{this._inputHandler(o)}})),i("button",{class:"gux-dropdown-indicator","aria-hidden":"true",tabindex:"-1",type:"button"},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),i("div",{class:"gux-options "+(this.opened?"gux-opened":""),onClick:this.optionSelectedHandler.bind(this),onFocusin:this._optionFocusedHandler.bind(this),onKeyDown:this.optionKeyDownHandler.bind(this)},i("slot",null)))}getFocusIndex(o){return o.findIndex((o=>o.matches(":focus")))}searchHighlightAndFilter(o){const e=this.getSelectionOptions();if(e)for(const t of e)t.shouldFilter(o).then((o=>{this.filterable&&o&&this.valueEdited?t.classList.add("gux-filtered"):t.classList.remove("gux-filtered")}))}get root(){return d(this)}};x([n({triggerEvents:"mousedown"})],l.prototype,"onClickOutside",null),x([r({childList:!0,subtree:!0})],l.prototype,"onMutation",null),l.style="gux-dropdown-legacy .gux-hidden{display:none}gux-dropdown-legacy div.gux-dropdown{position:relative;margin:4px 0}gux-dropdown-legacy div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-legacy div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion{position:absolute;box-sizing:border-box;width:100%;height:32px;padding:6px 25px 6px 14px;overflow:hidden;font-size:12px;line-height:1.6667;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion .gux-filter-text{color:#2e394c}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion .gux-filter-typeahead{color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like>div{margin:0}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like input{width:100%;padding-right:25px;font-size:12px;text-overflow:ellipsis;cursor:pointer;background-color:transparent}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like.gux-unclearable button{display:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{position:absolute;top:1px;right:3px;bottom:0;display:block;overflow:hidden;pointer-events:none;cursor:pointer;background:none;border:none;outline:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator gux-icon{width:16px;height:16px;color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field:hover button.gux-dropdown-indicator gux-icon,gux-dropdown-legacy div.gux-dropdown .gux-select-field:focus-within button.gux-dropdown-indicator gux-icon{color:#2e394c}gux-dropdown-legacy div.gux-dropdown .gux-options{position:absolute;z-index:1;display:none;width:100%;padding:8px 0;margin-top:2px;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-dropdown-legacy div.gux-dropdown .gux-options.gux-opened{display:block}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy{position:relative;display:flex;height:32px;padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy>div{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy>div .gux-filter-suggestion{position:absolute}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy.gux-filtered{display:none}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled])[selected]{color:#2e394c;background:#deeaff}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled]):hover,gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled]):focus{color:#fdfdfd;background:#2a60c8}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field{height:48px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{height:48px;padding:2px 25px 4px 11px;overflow:hidden;line-height:1.6667;white-space:nowrap;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like div.gux-input-container{height:48px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px;height:48px;line-height:1.6667;color:transparent;border:none;border-bottom:2px solid transparent;caret-color:#2e394c}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input:focus{border:none;border-bottom:2px solid rgba(117, 168, 255, 0.5);box-shadow:none}gux-dropdown-legacy div.gux-dropdown.gux-page.gux-active .gux-select-field gux-input-text-like input:focus{border-bottom:1px solid #2a60c8}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field{height:52px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{height:52px;padding:9px 25px 4px 11px;overflow:hidden;line-height:1.6667;white-space:nowrap;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like div.gux-input-container{height:52px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px;height:52px;line-height:1.6667;border:none;border-bottom:2px solid transparent}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input:focus{border:none;border-bottom:2px solid rgba(117, 168, 255, 0.5);box-shadow:none}gux-dropdown-legacy div.gux-dropdown.gux-palette.gux-active .gux-select-field gux-input-text-like input:focus{border-bottom:1px solid #2a60c8}gux-dropdown-legacy:hover gux-icon,gux-dropdown-legacy:focus gux-icon{color:#2e394c}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field .gux-filter-suggestion{color:#596373}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field gux-input-text-like input{color:transparent;caret-color:#2e394c;border-color:#6b7585}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{color:#596373}.gux-dropdown-light-theme div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}.gux-dropdown-light-theme div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}.gux-dropdown-light-theme div.gux-dropdown.gux-page.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}.gux-dropdown-light-theme div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}.gux-dropdown-light-theme div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}.gux-dropdown-light-theme div.gux-dropdown.gux-palette.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion{color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like input{color:transparent;caret-color:#2e394c;border-color:#6b7585}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{color:#596373}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}gux-dropdown-legacy div.gux-dropdown.gux-page.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}gux-dropdown-legacy div.gux-dropdown.gux-palette.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}";export{l as gux_dropdown_legacy}
1
+ import{r as o,c as e,f as t,h as i,g as d}from"./p-e571f861.js";import{O as n}from"./p-49b1912a.js";import{w as g}from"./p-76ff3e75.js";import{t as u}from"./p-2065021e.js";import{O as r}from"./p-35578249.js";var x=function(o,e,t,i){var d,n=arguments.length,g=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(o,e,t,i);else for(var u=o.length-1;u>=0;u--)(d=o[u])&&(g=(n<3?d(g):n>3?d(e,t,g):d(e,t))||g);return n>3&&g&&Object.defineProperty(e,t,g),g};const l=class{constructor(t){o(this,t),this.change=e(this,"change",7),this.mode="default",this.disabled=!1,this.value="",this.inputIsFocused=!1,this.valueEdited=!1}emitChange(o){this.change.emit(o)}onClickOutside(o){o.relatedTarget&&this.root.contains(o.relatedTarget)||(this.opened=!1,this.forcedGhostValue="",this.getSelectionOptions().some((o=>o.text===this.value))||(this.value=""))}async setLabeledBy(o){this.srLabeledBy=o}async setSelected(){const o=this.getSelectionOptions(),e=o.map((o=>o.selected)).lastIndexOf(!0);if(e>=0)return void(this.value=o[e].text);const t=o.find((o=>this.value===o.value));this.value=t?t.text:""}onMutation(){t(this.root),this.setSelected()}onKeyDown(o){const e=this.getSelectionOptions(),t=this.getFocusIndex(e);switch(o.key){case"ArrowUp":o.preventDefault(),t>0&&e[t-1].focus();break;case"ArrowDown":o.preventDefault(),this.inputIsFocused&&(this.opened=!0),t<e.length-1&&e[t+1].focus();break;case"Home":if(!e.length)return;e[0].focus();break;case"End":if(!e.length)return;e[e.length-1].focus();break;case"Escape":case"Tab":this.textFieldElement.focus(),this.opened=!1;break;case"Enter":case"Space":break;default:if(this.valueEdited=!0,!this.filterable){const t=e.filter((e=>e.text.startsWith(o.key)));t[0]&&t[0].focus()}}}setValue(o,e){this.value=o,this.opened=!1,this.valueEdited=!1,this.emitChange(e)}_clickHandler(){this.disabled||(this.opened=!this.opened)}_focusHandler(){this.inputIsFocused=!0}_optionFocusedHandler(o){g("gux-option-legacy",o,(o=>{this.forcedGhostValue=this.value+o.text.substring(this.value.length)}))}optionSelectedHandler(o){g("gux-option-legacy",o,(o=>{const e=o;this.getSelectionOptions().forEach((o=>{o===e?(o.selected=!0,this.setValue(o.text,o.value||o.text)):o.selected=!1}))}))}optionKeyDownHandler(o){" "!==o.key&&"Enter"!==o.key||this.optionSelectedHandler(o)}_blurHandler(){this.inputIsFocused=!1,this.forcedGhostValue=""}_inputHandler(o){this.value=o.target.value,this.opened=!0}getFilteredItems(){const o=this.getSelectionOptions();return this.filterable?o.filter((o=>o.text.toLowerCase().startsWith(this.value.toLowerCase()))):o}getSuggestionText(o=""){this.searchHighlightAndFilter(this.value);const e=o.length,t=this.getFilteredItems().length?this.getFilteredItems()[0].text:"";if(e>0){const o=t;if(o)return this.opened&&this.filterable?o.substring(e):""}return""}componentWillLoad(){u(this.root,{variant:this.filterable?"filterable":"full"})}componentDidLoad(){this.setSelected(),this.filterable||(this.textFieldElement.readOnly=!0)}getSelectionOptions(){const o=[],e=this.root.getElementsByClassName("gux-options")[0];return e?(Array.from(e.children).forEach((e=>{e.matches("gux-option-legacy")&&o.push(e)})),o):[]}render(){return i("div",{class:`gux-dropdown gux-${this.mode} ${this.disabled?"gux-disabled":""} ${this.opened?"gux-active":""}`,onKeyDown:o=>this.onKeyDown(o)},i("div",{class:"gux-select-field"},i("span",{class:"gux-filter-suggestion "+(this.opened?"gux-active":""),"aria-hidden":"true"},i("span",{class:"gux-filter-text"},this.value),i("span",{class:"gux-filter-typeahead"},this.getSuggestionText(this.value))),i("gux-input-text-like",null,i("input",{placeholder:this.placeholder,slot:"input",value:this.value,"aria-labelledby":this.srLabeledBy,disabled:this.disabled,ref:o=>this.textFieldElement=o,onMouseDown:()=>{this._clickHandler()},onFocus:()=>{this._focusHandler()},onBlur:()=>{this._blurHandler()},onInput:o=>{this._inputHandler(o)}})),i("button",{class:"gux-dropdown-indicator","aria-hidden":"true",tabindex:"-1",type:"button"},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),i("div",{class:"gux-options "+(this.opened?"gux-opened":""),onClick:this.optionSelectedHandler.bind(this),onFocusin:this._optionFocusedHandler.bind(this),onKeyDown:this.optionKeyDownHandler.bind(this)},i("slot",null)))}getFocusIndex(o){return o.findIndex((o=>o.matches(":focus")))}searchHighlightAndFilter(o){const e=this.getSelectionOptions();if(e)for(const t of e)t.shouldFilter(o).then((o=>{this.filterable&&o&&this.valueEdited?t.classList.add("gux-filtered"):t.classList.remove("gux-filtered")}))}get root(){return d(this)}};x([n({triggerEvents:"mousedown"})],l.prototype,"onClickOutside",null),x([r({childList:!0,subtree:!0})],l.prototype,"onMutation",null),l.style="gux-dropdown-legacy .gux-hidden{display:none}gux-dropdown-legacy div.gux-dropdown{position:relative;margin:4px 0}gux-dropdown-legacy div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-legacy div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion{position:absolute;box-sizing:border-box;width:100%;height:32px;padding:6px 25px 6px 14px;overflow:hidden;font-size:12px;line-height:1.6667;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion .gux-filter-text{color:#2e394c}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion .gux-filter-typeahead{color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like>div{margin:0}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like input{width:100%;padding-right:25px;font-size:12px;text-overflow:ellipsis;cursor:pointer;background-color:transparent}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like.gux-unclearable button{display:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{position:absolute;top:1px;right:3px;bottom:0;display:block;overflow:hidden;pointer-events:none;cursor:pointer;background:none;border:none;outline:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator gux-icon{width:16px;height:16px;color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field:hover button.gux-dropdown-indicator gux-icon,gux-dropdown-legacy div.gux-dropdown .gux-select-field:focus-within button.gux-dropdown-indicator gux-icon{color:#2e394c}gux-dropdown-legacy div.gux-dropdown .gux-options{position:absolute;z-index:1;display:none;width:100%;padding:8px 0;margin-top:2px;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-dropdown-legacy div.gux-dropdown .gux-options.gux-opened{display:block}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy{position:relative;display:flex;height:32px;padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy>div{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy>div .gux-filter-suggestion{position:absolute}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy.gux-filtered{display:none}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled])[selected]{color:#2e394c;background:#deeaff}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled]):hover,gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled]):focus{color:#fdfdfd;background:#2a60c8}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field{height:48px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{height:48px;padding:2px 25px 4px 11px;overflow:hidden;line-height:1.6667;white-space:nowrap;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like div.gux-input-container{height:48px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px;height:48px;line-height:1.6667;color:transparent;border:none;border-bottom:2px solid transparent;caret-color:#2e394c}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input:focus{border:none;border-bottom:2px solid rgba(117, 168, 255, 0.5);box-shadow:none}gux-dropdown-legacy div.gux-dropdown.gux-page.gux-active .gux-select-field gux-input-text-like input:focus{border-bottom:1px solid #2a60c8}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field{height:52px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{height:52px;padding:9px 25px 4px 11px;overflow:hidden;line-height:1.6667;white-space:nowrap;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like div.gux-input-container{height:52px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px;height:52px;line-height:1.6667;border:none;border-bottom:2px solid transparent}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input:focus{border:none;border-bottom:2px solid rgba(117, 168, 255, 0.5);box-shadow:none}gux-dropdown-legacy div.gux-dropdown.gux-palette.gux-active .gux-select-field gux-input-text-like input:focus{border-bottom:1px solid #2a60c8}gux-dropdown-legacy:hover gux-icon,gux-dropdown-legacy:focus gux-icon{color:#2e394c}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field .gux-filter-suggestion{color:#596373}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field gux-input-text-like input{color:transparent;caret-color:#2e394c;border-color:#6b7585}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{color:#596373}.gux-dropdown-light-theme div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}.gux-dropdown-light-theme div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}.gux-dropdown-light-theme div.gux-dropdown.gux-page.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}.gux-dropdown-light-theme div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}.gux-dropdown-light-theme div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}.gux-dropdown-light-theme div.gux-dropdown.gux-palette.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion{color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like input{color:transparent;caret-color:#2e394c;border-color:#6b7585}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{color:#596373}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}gux-dropdown-legacy div.gux-dropdown.gux-page.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}gux-dropdown-legacy div.gux-dropdown.gux-palette.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}";export{l as gux_dropdown_legacy}
@@ -1 +1 @@
1
- import{r as t,h as s,g as i}from"./p-a085b143.js";import{t as e}from"./p-be79f47d.js";const n=class{constructor(s){t(this,s),this.selectedIndex=-1}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){e(this.root)}render(){return this.updateTabIndexes(),s("div",{class:"gux-action-list-items-container",role:"list"},s("slot",null))}onKeyDown(t){const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),i=s.length-1);break;case"Home":this.selectedIndex&&(i=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),i=this.selectedIndex+1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.shadowRoot.querySelector("button").setAttribute("tabindex","-1"):(t.shadowRoot.querySelector("button").setAttribute("tabindex","0"),t.shadowRoot.querySelector("button").focus())}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches("gux-action-item:not([disabled])"))):Array.from(this.root.querySelectorAll("gux-action-item:not([disabled])"))}get root(){return i(this)}};n.style=".gux-action-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{n as gux_action_list_legacy}
1
+ import{r as t,h as s,g as i}from"./p-e571f861.js";import{t as e}from"./p-2065021e.js";const n=class{constructor(s){t(this,s),this.selectedIndex=-1}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){e(this.root)}render(){return this.updateTabIndexes(),s("div",{class:"gux-action-list-items-container",role:"list"},s("slot",null))}onKeyDown(t){const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),i=s.length-1);break;case"Home":this.selectedIndex&&(i=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),i=this.selectedIndex+1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.shadowRoot.querySelector("button").setAttribute("tabindex","-1"):(t.shadowRoot.querySelector("button").setAttribute("tabindex","0"),t.shadowRoot.querySelector("button").focus())}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches("gux-action-item:not([disabled])"))):Array.from(this.root.querySelectorAll("gux-action-item:not([disabled])"))}get root(){return i(this)}};n.style=".gux-action-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{n as gux_action_list_legacy}