genesys-spark-components 3.0.5 → 3.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (348) hide show
  1. package/dist/cjs/genesys-webcomponents.cjs.js +2 -2
  2. package/dist/cjs/gux-accordion-legacy.cjs.entry.js +2 -2
  3. package/dist/cjs/gux-accordion-section.cjs.entry.js +1 -1
  4. package/dist/cjs/gux-accordion.cjs.entry.js +2 -2
  5. package/dist/cjs/gux-action-button-legacy.cjs.entry.js +4 -4
  6. package/dist/cjs/gux-action-button.cjs.entry.js +4 -4
  7. package/dist/cjs/gux-action-item.cjs.entry.js +1 -1
  8. package/dist/cjs/gux-action-list-divider.cjs.entry.js +1 -1
  9. package/dist/cjs/gux-action-list-legacy.cjs.entry.js +2 -2
  10. package/dist/cjs/gux-action-toast.cjs.entry.js +2 -2
  11. package/dist/cjs/gux-advanced-dropdown.cjs.entry.js +3 -3
  12. package/dist/cjs/gux-all-row-select.cjs.entry.js +2 -2
  13. package/dist/cjs/gux-badge-beta.cjs.entry.js +3 -3
  14. package/dist/cjs/gux-breadcrumb-item.cjs.entry.js +1 -1
  15. package/dist/cjs/gux-breadcrumbs.cjs.entry.js +3 -3
  16. package/dist/cjs/gux-button-multi-legacy.cjs.entry.js +3 -3
  17. package/dist/cjs/gux-button-multi.cjs.entry.js +3 -3
  18. package/dist/cjs/gux-button-slot-beta.cjs.entry.js +2 -2
  19. package/dist/cjs/gux-button.cjs.entry.js +2 -2
  20. package/dist/cjs/gux-calendar.cjs.entry.js +3 -3
  21. package/dist/cjs/gux-card-beta.cjs.entry.js +2 -2
  22. package/dist/cjs/gux-chart-column-beta.cjs.entry.js +2 -2
  23. package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +2 -2
  24. package/dist/cjs/gux-chart-line-beta.cjs.entry.js +2 -2
  25. package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +2 -2
  26. package/dist/cjs/gux-color-select_2.cjs.entry.js +1 -1
  27. package/dist/cjs/gux-command-action.cjs.entry.js +1 -1
  28. package/dist/cjs/gux-command-palette-legacy.cjs.entry.js +3 -3
  29. package/dist/cjs/gux-content-search.cjs.entry.js +3 -3
  30. package/dist/cjs/gux-datepicker.cjs.entry.js +4 -4
  31. package/dist/cjs/gux-disclosure-button.cjs.entry.js +3 -3
  32. package/dist/cjs/gux-dismiss-button.cjs.entry.js +3 -3
  33. package/dist/cjs/gux-dropdown-legacy.cjs.entry.js +4 -4
  34. package/dist/cjs/gux-dropdown-option.cjs.entry.js +1 -1
  35. package/dist/cjs/gux-dropdown_3.cjs.entry.js +4 -4
  36. package/dist/cjs/gux-error-message-beta.cjs.entry.js +2 -2
  37. package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +2 -2
  38. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +4 -4
  39. package/dist/cjs/gux-form-field-color.cjs.entry.js +6 -6
  40. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +3 -3
  41. package/dist/cjs/{gux-form-field-label-fc16a49e.js → gux-form-field-label-d5088b51.js} +1 -1
  42. package/dist/cjs/gux-form-field-legacy.cjs.entry.js +3 -3
  43. package/dist/cjs/gux-form-field-number.cjs.entry.js +7 -7
  44. package/dist/cjs/gux-form-field-radio.cjs.entry.js +4 -4
  45. package/dist/cjs/gux-form-field-range.cjs.entry.js +6 -6
  46. package/dist/cjs/gux-form-field-search.cjs.entry.js +6 -6
  47. package/dist/cjs/gux-form-field-select.cjs.entry.js +6 -6
  48. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +6 -6
  49. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +6 -6
  50. package/dist/cjs/{gux-form-field.servce-23bd4970.js → gux-form-field.servce-e9451c50.js} +1 -1
  51. package/dist/cjs/gux-icon.cjs.entry.js +2 -2
  52. package/dist/cjs/gux-input-checkbox_7.cjs.entry.js +2 -2
  53. package/dist/cjs/gux-input-search.cjs.entry.js +2 -2
  54. package/dist/cjs/gux-input-text-like.cjs.entry.js +2 -2
  55. package/dist/cjs/gux-list-divider-legacy.cjs.entry.js +1 -1
  56. package/dist/cjs/gux-list-divider.cjs.entry.js +1 -1
  57. package/dist/cjs/gux-list-item-legacy_2.cjs.entry.js +2 -2
  58. package/dist/cjs/gux-list-item.cjs.entry.js +1 -1
  59. package/dist/cjs/gux-list.cjs.entry.js +2 -2
  60. package/dist/cjs/gux-menu-option.cjs.entry.js +1 -1
  61. package/dist/cjs/gux-menu.cjs.entry.js +1 -1
  62. package/dist/cjs/gux-modal.cjs.entry.js +2 -2
  63. package/dist/cjs/gux-notification-toast.cjs.entry.js +2 -2
  64. package/dist/cjs/gux-option-legacy.cjs.entry.js +1 -1
  65. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +2 -2
  66. package/dist/cjs/gux-pagination-buttons_3.cjs.entry.js +2 -2
  67. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +3 -3
  68. package/dist/cjs/gux-pagination.cjs.entry.js +2 -2
  69. package/dist/cjs/gux-panel-frame-legacy.cjs.entry.js +2 -2
  70. package/dist/cjs/gux-popover-list.cjs.entry.js +3 -3
  71. package/dist/cjs/gux-popover.cjs.entry.js +3 -3
  72. package/dist/cjs/gux-popup.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-radial-loading.cjs.entry.js +3 -3
  74. package/dist/cjs/gux-radial-progress.cjs.entry.js +2 -2
  75. package/dist/cjs/gux-rating.cjs.entry.js +2 -2
  76. package/dist/cjs/gux-row-select.cjs.entry.js +2 -2
  77. package/dist/cjs/gux-side-panel-button.cjs.entry.js +1 -1
  78. package/dist/cjs/gux-side-panel-legacy.cjs.entry.js +2 -2
  79. package/dist/cjs/gux-simple-toast.cjs.entry.js +2 -2
  80. package/dist/cjs/gux-submenu.cjs.entry.js +1 -1
  81. package/dist/cjs/gux-switch-item.cjs.entry.js +1 -1
  82. package/dist/cjs/gux-switch.cjs.entry.js +2 -2
  83. package/dist/cjs/gux-tab-advanced-list.cjs.entry.js +3 -3
  84. package/dist/cjs/gux-tab-advanced-panel.cjs.entry.js +1 -1
  85. package/dist/cjs/gux-tab-advanced.cjs.entry.js +2 -2
  86. package/dist/cjs/gux-tab-dropdown-option-legacy.cjs.entry.js +1 -1
  87. package/dist/cjs/gux-tab-legacy.cjs.entry.js +1 -1
  88. package/dist/cjs/gux-tab-list.cjs.entry.js +2 -2
  89. package/dist/cjs/gux-tab-panel.cjs.entry.js +1 -1
  90. package/dist/cjs/gux-tab.cjs.entry.js +1 -1
  91. package/dist/cjs/gux-table-beta.cjs.entry.js +3 -3
  92. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +2 -2
  93. package/dist/cjs/gux-tabs-legacy.cjs.entry.js +3 -3
  94. package/dist/cjs/gux-tabs.cjs.entry.js +2 -2
  95. package/dist/cjs/gux-tag-beta.cjs.entry.js +3 -3
  96. package/dist/cjs/gux-text-highlight.cjs.entry.js +2 -2
  97. package/dist/cjs/gux-text-label-legacy.cjs.entry.js +2 -2
  98. package/dist/cjs/gux-time-picker-beta.cjs.entry.js +4 -4
  99. package/dist/cjs/gux-toggle-slider.cjs.entry.js +1 -1
  100. package/dist/cjs/gux-toggle.cjs.entry.js +3 -3
  101. package/dist/cjs/gux-tooltip_2.cjs.entry.js +3 -3
  102. package/dist/cjs/gux-visualization-beta.cjs.entry.js +41 -22
  103. package/dist/cjs/{index-1057b10d.js → index-33b1b88e.js} +9 -7
  104. package/dist/cjs/{index-88d9f9ab.js → index-608364a8.js} +1 -1
  105. package/dist/cjs/loader.cjs.js +2 -2
  106. package/dist/cjs/{on-click-outside-b7ce33e4.js → on-click-outside-246a1eb3.js} +1 -1
  107. package/dist/cjs/{on-mutation-0bf9fa65.js → on-mutation-2e4dd956.js} +1 -1
  108. package/dist/cjs/{usage-tracking-e91c896e.js → usage-tracking-51715170.js} +19 -19
  109. package/dist/collection/collection-manifest.json +1 -1
  110. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.css +1 -1
  111. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.css +1 -1
  112. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.css +1 -1
  113. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.css +1 -1
  114. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.css +2 -2
  115. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.css +1 -1
  116. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.css +1 -1
  117. package/dist/deploy-info.json +3 -3
  118. package/dist/esm/genesys-webcomponents.js +2 -2
  119. package/dist/esm/gux-accordion-legacy.entry.js +2 -2
  120. package/dist/esm/gux-accordion-section.entry.js +1 -1
  121. package/dist/esm/gux-accordion.entry.js +2 -2
  122. package/dist/esm/gux-action-button-legacy.entry.js +4 -4
  123. package/dist/esm/gux-action-button.entry.js +4 -4
  124. package/dist/esm/gux-action-item.entry.js +1 -1
  125. package/dist/esm/gux-action-list-divider.entry.js +1 -1
  126. package/dist/esm/gux-action-list-legacy.entry.js +2 -2
  127. package/dist/esm/gux-action-toast.entry.js +2 -2
  128. package/dist/esm/gux-advanced-dropdown.entry.js +3 -3
  129. package/dist/esm/gux-all-row-select.entry.js +2 -2
  130. package/dist/esm/gux-badge-beta.entry.js +3 -3
  131. package/dist/esm/gux-breadcrumb-item.entry.js +1 -1
  132. package/dist/esm/gux-breadcrumbs.entry.js +3 -3
  133. package/dist/esm/gux-button-multi-legacy.entry.js +3 -3
  134. package/dist/esm/gux-button-multi.entry.js +3 -3
  135. package/dist/esm/gux-button-slot-beta.entry.js +2 -2
  136. package/dist/esm/gux-button.entry.js +2 -2
  137. package/dist/esm/gux-calendar.entry.js +3 -3
  138. package/dist/esm/gux-card-beta.entry.js +2 -2
  139. package/dist/esm/gux-chart-column-beta.entry.js +2 -2
  140. package/dist/esm/gux-chart-donut-beta.entry.js +2 -2
  141. package/dist/esm/gux-chart-line-beta.entry.js +2 -2
  142. package/dist/esm/gux-chart-pie-beta.entry.js +2 -2
  143. package/dist/esm/gux-color-select_2.entry.js +1 -1
  144. package/dist/esm/gux-command-action.entry.js +1 -1
  145. package/dist/esm/gux-command-palette-legacy.entry.js +3 -3
  146. package/dist/esm/gux-content-search.entry.js +3 -3
  147. package/dist/esm/gux-datepicker.entry.js +4 -4
  148. package/dist/esm/gux-disclosure-button.entry.js +3 -3
  149. package/dist/esm/gux-dismiss-button.entry.js +3 -3
  150. package/dist/esm/gux-dropdown-legacy.entry.js +4 -4
  151. package/dist/esm/gux-dropdown-option.entry.js +1 -1
  152. package/dist/esm/gux-dropdown_3.entry.js +4 -4
  153. package/dist/esm/gux-error-message-beta.entry.js +2 -2
  154. package/dist/esm/gux-flyout-menu-beta.entry.js +2 -2
  155. package/dist/esm/gux-form-field-checkbox.entry.js +4 -4
  156. package/dist/esm/gux-form-field-color.entry.js +6 -6
  157. package/dist/esm/gux-form-field-input-clear-button.entry.js +3 -3
  158. package/dist/esm/{gux-form-field-label-c42502e9.js → gux-form-field-label-ac49a8be.js} +1 -1
  159. package/dist/esm/gux-form-field-legacy.entry.js +3 -3
  160. package/dist/esm/gux-form-field-number.entry.js +7 -7
  161. package/dist/esm/gux-form-field-radio.entry.js +4 -4
  162. package/dist/esm/gux-form-field-range.entry.js +6 -6
  163. package/dist/esm/gux-form-field-search.entry.js +6 -6
  164. package/dist/esm/gux-form-field-select.entry.js +6 -6
  165. package/dist/esm/gux-form-field-text-like.entry.js +6 -6
  166. package/dist/esm/gux-form-field-textarea.entry.js +6 -6
  167. package/dist/esm/{gux-form-field.servce-9ea2bf56.js → gux-form-field.servce-971609e2.js} +1 -1
  168. package/dist/esm/gux-icon.entry.js +2 -2
  169. package/dist/esm/gux-input-checkbox_7.entry.js +2 -2
  170. package/dist/esm/gux-input-search.entry.js +2 -2
  171. package/dist/esm/gux-input-text-like.entry.js +2 -2
  172. package/dist/esm/gux-list-divider-legacy.entry.js +1 -1
  173. package/dist/esm/gux-list-divider.entry.js +1 -1
  174. package/dist/esm/gux-list-item-legacy_2.entry.js +2 -2
  175. package/dist/esm/gux-list-item.entry.js +1 -1
  176. package/dist/esm/gux-list.entry.js +2 -2
  177. package/dist/esm/gux-menu-option.entry.js +1 -1
  178. package/dist/esm/gux-menu.entry.js +1 -1
  179. package/dist/esm/gux-modal.entry.js +2 -2
  180. package/dist/esm/gux-notification-toast.entry.js +2 -2
  181. package/dist/esm/gux-option-legacy.entry.js +1 -1
  182. package/dist/esm/gux-page-loading-spinner.entry.js +2 -2
  183. package/dist/esm/gux-pagination-buttons_3.entry.js +2 -2
  184. package/dist/esm/gux-pagination-cursor.entry.js +3 -3
  185. package/dist/esm/gux-pagination.entry.js +2 -2
  186. package/dist/esm/gux-panel-frame-legacy.entry.js +2 -2
  187. package/dist/esm/gux-popover-list.entry.js +3 -3
  188. package/dist/esm/gux-popover.entry.js +3 -3
  189. package/dist/esm/gux-popup.entry.js +1 -1
  190. package/dist/esm/gux-radial-loading.entry.js +3 -3
  191. package/dist/esm/gux-radial-progress.entry.js +2 -2
  192. package/dist/esm/gux-rating.entry.js +2 -2
  193. package/dist/esm/gux-row-select.entry.js +2 -2
  194. package/dist/esm/gux-side-panel-button.entry.js +1 -1
  195. package/dist/esm/gux-side-panel-legacy.entry.js +2 -2
  196. package/dist/esm/gux-simple-toast.entry.js +2 -2
  197. package/dist/esm/gux-submenu.entry.js +1 -1
  198. package/dist/esm/gux-switch-item.entry.js +1 -1
  199. package/dist/esm/gux-switch.entry.js +2 -2
  200. package/dist/esm/gux-tab-advanced-list.entry.js +3 -3
  201. package/dist/esm/gux-tab-advanced-panel.entry.js +1 -1
  202. package/dist/esm/gux-tab-advanced.entry.js +2 -2
  203. package/dist/esm/gux-tab-dropdown-option-legacy.entry.js +1 -1
  204. package/dist/esm/gux-tab-legacy.entry.js +1 -1
  205. package/dist/esm/gux-tab-list.entry.js +2 -2
  206. package/dist/esm/gux-tab-panel.entry.js +1 -1
  207. package/dist/esm/gux-tab.entry.js +1 -1
  208. package/dist/esm/gux-table-beta.entry.js +3 -3
  209. package/dist/esm/gux-tabs-advanced.entry.js +2 -2
  210. package/dist/esm/gux-tabs-legacy.entry.js +3 -3
  211. package/dist/esm/gux-tabs.entry.js +2 -2
  212. package/dist/esm/gux-tag-beta.entry.js +3 -3
  213. package/dist/esm/gux-text-highlight.entry.js +2 -2
  214. package/dist/esm/gux-text-label-legacy.entry.js +2 -2
  215. package/dist/esm/gux-time-picker-beta.entry.js +4 -4
  216. package/dist/esm/gux-toggle-slider.entry.js +1 -1
  217. package/dist/esm/gux-toggle.entry.js +3 -3
  218. package/dist/esm/gux-tooltip_2.entry.js +3 -3
  219. package/dist/esm/gux-visualization-beta.entry.js +41 -22
  220. package/dist/esm/{index-ae6f2f18.js → index-76794476.js} +9 -7
  221. package/dist/esm/{index-78502efc.js → index-eb3999c5.js} +1 -1
  222. package/dist/esm/loader.js +2 -2
  223. package/dist/esm/{on-click-outside-a1375976.js → on-click-outside-ce30de20.js} +1 -1
  224. package/dist/esm/{on-mutation-4e2f475c.js → on-mutation-2e96b1b9.js} +1 -1
  225. package/dist/esm/{usage-tracking-01120286.js → usage-tracking-224ef42e.js} +19 -19
  226. package/dist/genesys-webcomponents/genesys-webcomponents.css +1 -1
  227. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  228. package/dist/genesys-webcomponents/less/typography.less +53 -0
  229. package/dist/genesys-webcomponents/{p-c28f88f2.entry.js → p-01a8c704.entry.js} +1 -1
  230. package/dist/genesys-webcomponents/{p-4c2c312e.entry.js → p-06ce336b.entry.js} +1 -1
  231. package/dist/genesys-webcomponents/{p-efcb7e5e.entry.js → p-08929793.entry.js} +1 -1
  232. package/dist/genesys-webcomponents/{p-24946167.js → p-08b07a2b.js} +1 -1
  233. package/dist/genesys-webcomponents/{p-cba4d9ad.entry.js → p-0a42e06e.entry.js} +1 -1
  234. package/dist/genesys-webcomponents/{p-e3823bce.entry.js → p-0aef68a8.entry.js} +1 -1
  235. package/dist/genesys-webcomponents/{p-acc66165.entry.js → p-0b548aea.entry.js} +1 -1
  236. package/dist/genesys-webcomponents/{p-52fdbbe7.entry.js → p-0cbce933.entry.js} +1 -1
  237. package/dist/genesys-webcomponents/p-105c630f.entry.js +1 -0
  238. package/dist/genesys-webcomponents/{p-db26537e.entry.js → p-112bf1cf.entry.js} +1 -1
  239. package/dist/genesys-webcomponents/{p-e983e68c.js → p-14a51c35.js} +1 -1
  240. package/dist/genesys-webcomponents/{p-ab97a69b.entry.js → p-155a1000.entry.js} +1 -1
  241. package/dist/genesys-webcomponents/{p-b99de1ce.entry.js → p-1992b106.entry.js} +1 -1
  242. package/dist/genesys-webcomponents/{p-60d14389.entry.js → p-1ab44919.entry.js} +1 -1
  243. package/dist/genesys-webcomponents/{p-2a283e23.entry.js → p-2212a472.entry.js} +1 -1
  244. package/dist/genesys-webcomponents/{p-1b5fa4d1.entry.js → p-2a84dce8.entry.js} +1 -1
  245. package/dist/genesys-webcomponents/{p-3ab8ad28.entry.js → p-2acf2470.entry.js} +1 -1
  246. package/dist/genesys-webcomponents/{p-076cb468.entry.js → p-2f9715c3.entry.js} +1 -1
  247. package/dist/genesys-webcomponents/{p-addba060.entry.js → p-324e1019.entry.js} +1 -1
  248. package/dist/genesys-webcomponents/{p-a1bdbe70.entry.js → p-32cbaa7c.entry.js} +1 -1
  249. package/dist/genesys-webcomponents/{p-97c3def7.entry.js → p-330e026c.entry.js} +1 -1
  250. package/dist/genesys-webcomponents/{p-c7e8a8db.entry.js → p-34e05274.entry.js} +1 -1
  251. package/dist/genesys-webcomponents/{p-72295996.entry.js → p-3e8021b3.entry.js} +1 -1
  252. package/dist/genesys-webcomponents/p-420731d1.entry.js +1 -0
  253. package/dist/genesys-webcomponents/{p-1d4ff291.entry.js → p-45d49edc.entry.js} +1 -1
  254. package/dist/genesys-webcomponents/{p-53b88f3b.entry.js → p-4636daf4.entry.js} +1 -1
  255. package/dist/genesys-webcomponents/{p-59f4f878.entry.js → p-46a7abdd.entry.js} +1 -1
  256. package/dist/genesys-webcomponents/{p-974b6198.entry.js → p-48dde5f5.entry.js} +1 -1
  257. package/dist/genesys-webcomponents/{p-a58ff1bb.entry.js → p-4afa1a61.entry.js} +1 -1
  258. package/dist/genesys-webcomponents/p-4b7056b2.js +1 -0
  259. package/dist/genesys-webcomponents/{p-a0967b23.entry.js → p-4d0c740e.entry.js} +1 -1
  260. package/dist/genesys-webcomponents/{p-5bcae09f.entry.js → p-4ddf13c8.entry.js} +1 -1
  261. package/dist/genesys-webcomponents/{p-c3ecaa6f.entry.js → p-51669836.entry.js} +1 -1
  262. package/dist/genesys-webcomponents/{p-c879efbe.entry.js → p-53df4573.entry.js} +1 -1
  263. package/dist/genesys-webcomponents/{p-fac4902c.entry.js → p-55315f22.entry.js} +1 -1
  264. package/dist/genesys-webcomponents/{p-30a13b1f.entry.js → p-5674b67a.entry.js} +1 -1
  265. package/dist/genesys-webcomponents/{p-d69abb33.entry.js → p-5a3afda9.entry.js} +1 -1
  266. package/dist/genesys-webcomponents/{p-d9c3f07f.js → p-5ca81424.js} +1 -1
  267. package/dist/genesys-webcomponents/{p-69497597.entry.js → p-5f8b46b5.entry.js} +1 -1
  268. package/dist/genesys-webcomponents/{p-2059bbb7.entry.js → p-61b568ff.entry.js} +1 -1
  269. package/dist/genesys-webcomponents/{p-af91699a.entry.js → p-61fd6f64.entry.js} +1 -1
  270. package/dist/genesys-webcomponents/{p-ff4e26cf.entry.js → p-622e758e.entry.js} +1 -1
  271. package/dist/genesys-webcomponents/{p-ed4e1d83.entry.js → p-64d6f1fa.entry.js} +1 -1
  272. package/dist/genesys-webcomponents/{p-e6e8f50f.entry.js → p-6511246a.entry.js} +1 -1
  273. package/dist/genesys-webcomponents/{p-16166b00.entry.js → p-653205da.entry.js} +1 -1
  274. package/dist/genesys-webcomponents/{p-95bd196d.entry.js → p-671aea0f.entry.js} +1 -1
  275. package/dist/genesys-webcomponents/{p-60b614e4.entry.js → p-672ba73d.entry.js} +1 -1
  276. package/dist/genesys-webcomponents/{p-376aa6e8.entry.js → p-69fe4ffe.entry.js} +1 -1
  277. package/dist/genesys-webcomponents/p-6cd6209a.entry.js +26 -0
  278. package/dist/genesys-webcomponents/{p-1dbe2cd2.entry.js → p-6e86416d.entry.js} +1 -1
  279. package/dist/genesys-webcomponents/{p-d52aeb48.entry.js → p-714a579d.entry.js} +1 -1
  280. package/dist/genesys-webcomponents/{p-83bf98a2.entry.js → p-74ab4e9c.entry.js} +1 -1
  281. package/dist/genesys-webcomponents/{p-10dac608.entry.js → p-75bfe5d5.entry.js} +1 -1
  282. package/dist/genesys-webcomponents/p-7879727c.entry.js +1 -0
  283. package/dist/genesys-webcomponents/{p-56041709.entry.js → p-7abebb37.entry.js} +1 -1
  284. package/dist/genesys-webcomponents/{p-bde6d035.entry.js → p-7c2d6eb6.entry.js} +1 -1
  285. package/dist/genesys-webcomponents/{p-a146f73a.entry.js → p-7c57956f.entry.js} +1 -1
  286. package/dist/genesys-webcomponents/{p-b1b0841b.entry.js → p-7f3ff3d3.entry.js} +1 -1
  287. package/dist/genesys-webcomponents/{p-c67307ae.entry.js → p-81cafead.entry.js} +1 -1
  288. package/dist/genesys-webcomponents/{p-d6bbc0cc.entry.js → p-8288a4c9.entry.js} +1 -1
  289. package/dist/genesys-webcomponents/p-84ebcbb3.entry.js +1 -0
  290. package/dist/genesys-webcomponents/{p-7b37d263.entry.js → p-863d3551.entry.js} +1 -1
  291. package/dist/genesys-webcomponents/{p-456a71ee.entry.js → p-87c0a9b9.entry.js} +1 -1
  292. package/dist/genesys-webcomponents/{p-aceb8c5e.entry.js → p-87d507f0.entry.js} +1 -1
  293. package/dist/genesys-webcomponents/{p-93107049.entry.js → p-89b4fa55.entry.js} +1 -1
  294. package/dist/genesys-webcomponents/p-907e9b0a.entry.js +1 -0
  295. package/dist/genesys-webcomponents/{p-bc8c5549.entry.js → p-91be81b6.entry.js} +1 -1
  296. package/dist/genesys-webcomponents/{p-1b0895a0.entry.js → p-994e852c.entry.js} +1 -1
  297. package/dist/genesys-webcomponents/{p-845b5c58.entry.js → p-9b476241.entry.js} +1 -1
  298. package/dist/genesys-webcomponents/{p-7e954e77.entry.js → p-9bdbd2da.entry.js} +1 -1
  299. package/dist/genesys-webcomponents/p-a085b143.js +2 -0
  300. package/dist/genesys-webcomponents/p-a5126ddb.entry.js +1 -0
  301. package/dist/genesys-webcomponents/{p-b80b9692.entry.js → p-a5c9fbed.entry.js} +1 -1
  302. package/dist/genesys-webcomponents/{p-c9b6184b.entry.js → p-a6b22b98.entry.js} +1 -1
  303. package/dist/genesys-webcomponents/{p-db13b2a7.entry.js → p-a7deb8e4.entry.js} +1 -1
  304. package/dist/genesys-webcomponents/{p-0d1f4da1.entry.js → p-ab7e6ae6.entry.js} +1 -1
  305. package/dist/genesys-webcomponents/{p-9ea2b705.entry.js → p-ab8f9752.entry.js} +1 -1
  306. package/dist/genesys-webcomponents/{p-05d2df0c.entry.js → p-ae53d4d6.entry.js} +1 -1
  307. package/dist/genesys-webcomponents/{p-0074384c.js → p-afb54d23.js} +1 -1
  308. package/dist/genesys-webcomponents/{p-782d092f.entry.js → p-b13d6f43.entry.js} +1 -1
  309. package/dist/genesys-webcomponents/{p-82204450.entry.js → p-b1f42b20.entry.js} +1 -1
  310. package/dist/genesys-webcomponents/{p-f4fb1789.entry.js → p-b49d342b.entry.js} +1 -1
  311. package/dist/genesys-webcomponents/{p-8d7c89c3.entry.js → p-b9cdd4b2.entry.js} +1 -1
  312. package/dist/genesys-webcomponents/{p-2c957b5c.entry.js → p-bb2c9b20.entry.js} +1 -1
  313. package/dist/genesys-webcomponents/{p-b6ddfd06.entry.js → p-bdc36828.entry.js} +1 -1
  314. package/dist/genesys-webcomponents/{p-00ae6570.entry.js → p-bea0187a.entry.js} +1 -1
  315. package/dist/genesys-webcomponents/{p-77c2cb13.entry.js → p-c0077c72.entry.js} +1 -1
  316. package/dist/genesys-webcomponents/{p-264bf172.entry.js → p-c3c3c607.entry.js} +1 -1
  317. package/dist/genesys-webcomponents/{p-b7e7ebb0.js → p-c50e3513.js} +1 -1
  318. package/dist/genesys-webcomponents/{p-1d7e655a.entry.js → p-c79daa65.entry.js} +1 -1
  319. package/dist/genesys-webcomponents/{p-04a5fb3d.entry.js → p-c87736cc.entry.js} +1 -1
  320. package/dist/genesys-webcomponents/{p-0d7692bf.entry.js → p-cfd5c06d.entry.js} +1 -1
  321. package/dist/genesys-webcomponents/{p-259304db.entry.js → p-d51d22cf.entry.js} +1 -1
  322. package/dist/genesys-webcomponents/{p-34eeef98.entry.js → p-d7a2f8dc.entry.js} +1 -1
  323. package/dist/genesys-webcomponents/{p-2938f992.entry.js → p-ddce47f1.entry.js} +1 -1
  324. package/dist/genesys-webcomponents/{p-d6684dfc.entry.js → p-e4e5aa67.entry.js} +1 -1
  325. package/dist/genesys-webcomponents/{p-61c0d6d8.entry.js → p-e61558ed.entry.js} +1 -1
  326. package/dist/genesys-webcomponents/{p-d4acf339.entry.js → p-e9ac3c07.entry.js} +1 -1
  327. package/dist/genesys-webcomponents/p-ebff35c8.entry.js +1 -0
  328. package/dist/genesys-webcomponents/{p-97b4bd64.entry.js → p-ece1fe02.entry.js} +1 -1
  329. package/dist/genesys-webcomponents/{p-a9e1113e.entry.js → p-eea89c1f.entry.js} +1 -1
  330. package/dist/genesys-webcomponents/{p-2d4af87b.entry.js → p-ef3e535d.entry.js} +1 -1
  331. package/dist/genesys-webcomponents/{p-4dc6133b.entry.js → p-f2a5fea9.entry.js} +1 -1
  332. package/dist/genesys-webcomponents/{p-b95c9db4.entry.js → p-f3c5e51e.entry.js} +1 -1
  333. package/dist/genesys-webcomponents/{p-37d1336d.entry.js → p-f56610d1.entry.js} +1 -1
  334. package/dist/genesys-webcomponents/{p-62c4cff2.entry.js → p-fe525cbd.entry.js} +1 -1
  335. package/dist/stencil-wrapper.js +1 -1
  336. package/dist/types/components.d.ts +227 -55
  337. package/package.json +19 -19
  338. package/CHANGELOG.md +0 -4855
  339. package/dist/genesys-webcomponents/p-17fc6962.js +0 -1
  340. package/dist/genesys-webcomponents/p-3bbe65c4.entry.js +0 -1
  341. package/dist/genesys-webcomponents/p-5295a8b1.entry.js +0 -1
  342. package/dist/genesys-webcomponents/p-63ec21b3.entry.js +0 -26
  343. package/dist/genesys-webcomponents/p-767fc0c6.js +0 -1
  344. package/dist/genesys-webcomponents/p-82c7e368.entry.js +0 -1
  345. package/dist/genesys-webcomponents/p-8438a56e.entry.js +0 -1
  346. package/dist/genesys-webcomponents/p-8e62c924.entry.js +0 -1
  347. package/dist/genesys-webcomponents/p-9c9ad2e3.entry.js +0 -1
  348. package/dist/genesys-webcomponents/p-ff47619c.entry.js +0 -1
@@ -0,0 +1 @@
1
+ import{g as t}from"./p-a085b143.js";function n(n){return(e,s)=>{const{connectedCallback:c,disconnectedCallback:i}=e;let o;e.connectedCallback=function(){const e=t(this);return o=new MutationObserver(this[s].bind(this)),o.observe(e,n),c&&c.call(this)},e.disconnectedCallback=function(){return o.disconnect(),i&&i.call(this)}}}export{n as O}
@@ -1 +1 @@
1
- import{r as t,f as e,h as i,g as o,c as n,H as s}from"./p-767fc0c6.js";import{O as r}from"./p-d9c3f07f.js";import{b as u}from"./p-e983e68c.js";import{s as l}from"./p-d176c2ae.js";import{t as a}from"./p-b7e7ebb0.js";import{w as d}from"./p-76ff3e75.js";import{l as c}from"./p-3184268e.js";import{r as h}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const x={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};function f(t){return Array.from(t.children)}function g(t){return f(t).find((t=>t.active))}function p(t,e){e&&(f(t).forEach((i=>{const o=!(i.disabled&&i.filtered||i!==e);i.active=o,o&&t.setAttribute("aria-activedescendant",i.id)})),e.scrollIntoView({block:"nearest"}))}function b(t){let e=f(t)[0];for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return e}function m(t){return Boolean(g(t))}function w(t,e){return f(t).find((t=>(!t.disabled||!t.filtered)&&t.textContent.toLowerCase().startsWith(e.toLowerCase())))}function v(t){f(t).forEach((t=>{t.active=!1}))}function y(t){p(t,b(t))}function F(t){p(t,function(t){const e=f(t);let i=e[e.length-1];for(;i&&(i.disabled||i.filtered);)i=i.previousElementSibling;return i}(t))}function k(t,e){m(t)&&e(g(t).value)}let j,A="";const B=class{constructor(e){t(this,e),this.disabled=!1,this.filterable=!1,this.expanded=!1,this.filter=""}focusSelectedItemAfterRender(t){t&&this.listboxElement&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.listboxElement.focus(),this.filterable&&this.filterElement.focus()}))})),t||(this.filter="")}validateValue(t){void 0!==t?this.getOptionElementByValue(t)?this.listboxElement.value=t:this.value=void 0:this.listboxElement.value=t}onKeydown(t){switch(t.key){case"Escape":return this.filterable&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),e(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}async componentWillLoad(){a(this.root),this.i18n=await u(this.root,x),this.listboxElement=this.root.querySelector("gux-listbox"),this.validateValue(this.value)}componentDidLoad(){this.listboxElement.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),this.listboxElement.addEventListener("change",(t=>{t.stopPropagation()}))}componentWillRender(){this.validateValue(this.value),this.listboxElement.filter=this.filter}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=this.root.querySelectorAll("gux-option");return Array.from(e).find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.filterable&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.filterable&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){switch(t.key){case" ":return void t.preventDefault()}}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,this.collapseListbox("focusFieldButton"),l(this.root,"input"),l(this.root,"change"))}getSuggestionText(t){const e=t.length;if(e>0){const i=w(this.listboxElement,t);if(i)return i.textContent.substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?i("div",{class:"gux-selected-option"},t.textContent):i("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderFilterInputField(){if(this.expanded&&this.filterable)return i("div",{class:"gux-field gux-input-field"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.filter),i("span",{class:"gux-filter-suggestion"},this.getSuggestionText(this.filter))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return i("div",{slot:"popup",class:"gux-listbox-container"},i("slot",null))}renderTarget(){return i("div",{class:{"gux-target-container-expanded":this.expanded&&this.filterable,"gux-target-container-collapsed":!(this.expanded&&this.filterable)},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),i("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.filterable)return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return i("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return o(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["validateValue"]}}};(function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(n=t[u])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);s>3&&r&&Object.defineProperty(e,i,r)})([r({triggerEvents:"mousedown"})],B.prototype,"onClickOutside",null),B.style=":host{color:#2e394c}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:6px 8px 6px 6px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-field.gux-input-field{height:30px}.gux-field .gux-field-content{display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding-left:8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-within{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:30px;padding:0 0 0 8px;margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}";const E={noMatches:"No matches"},L=class{constructor(e){t(this,e),this.internallistboxoptionsupdated=n(this,"internallistboxoptionsupdated",7),this.filter="",this.listboxOptions=[]}onFocus(){var t;p(t=this.root,function(t){return f(t).find((t=>t.hovered&&!t.disabled&&!t.filtered))}(t)||function(t){return f(t).find((t=>t.selected&&!t.disabled&&!t.filtered))}(t)||b(t))}onBlur(){v(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void k(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(function(t){if(m(t)){let e=g(t).nextElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return Boolean(e)}return!1}(this.root)?(t.stopPropagation(),e=this.root,p(e,function(t){if(m(t)){let e=g(t).nextElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return e}return b(t)}(e))):y(this.root));case"ArrowUp":return t.preventDefault(),void(function(t){if(m(t)){let e=g(t).previousElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.previousElementSibling;return Boolean(e)}return!1}(this.root)?(t.stopPropagation(),function(t){p(t,function(t){if(m(t)){let e=g(t).previousElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.previousElementSibling;return e}return b(t)}(t))}(this.root)):F(this.root));case"Home":return t.preventDefault(),void y(this.root);case"End":return t.preventDefault(),void F(this.root);case" ":return void t.preventDefault()}var e;1!==t.key.length||function(t,e){clearTimeout(j),A+=e,j=setTimeout((()=>{!function(t){const e=w(t,A);e?p(t,e):v(t)}(t),A=""}),250)}(this.root,t.key)}onKeyup(t){switch(t.key){case" ":return void k(this.root,(t=>this.updateValue(t)))}}onMousemove(){v(this.root)}onClick(t){d("gux-option",t,(t=>{!function(t,e){e(t.value)}(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){k(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t,l(this.root,"input"),l(this.root,"change"))}async componentWillLoad(){a(this.root),this.i18n=await u(this.root,E),this.setListboxOptions()}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||c("gux-listbox","`gux-listbox` requires a label. Either provide a label and associate it with the listbox using `aria-labelledby` or add an `aria-label` attribute to the gux-listbox element.")}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,t.filtered=!t.textContent.toLowerCase().startsWith(this.filter.toLowerCase())})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,this.filter&&y(this.root)}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return i("div",{class:"gux-no-matches"},this.i18n("noMatches"))}render(){return i(s,{role:"listbox",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}),this.renderAllListboxOptionsFiltered())}get root(){return o(this)}};L.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";const T=class{constructor(e){t(this,e),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}componentWillLoad(){this.root.id=this.root.id||h("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return i(s,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},i("slot",null))}get root(){return o(this)}};T.style="gux-option{box-sizing:border-box;display:flex;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option.gux-selected{background:#deeaff}gux-option.gux-active,gux-option.gux-hovered:not([disabled]){color:#fdfdfd;background:#2a60c8}gux-option.gux-filtered{display:none}";export{B as gux_dropdown,L as gux_listbox,T as gux_option}
1
+ import{r as t,f as e,h as i,g as o,c as n,H as s}from"./p-a085b143.js";import{O as r}from"./p-5ca81424.js";import{b as u}from"./p-14a51c35.js";import{s as a}from"./p-d176c2ae.js";import{t as l}from"./p-c50e3513.js";import{w as d}from"./p-76ff3e75.js";import{l as c}from"./p-3184268e.js";import{r as h}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const x={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};function f(t){return Array.from(t.children)}function g(t){return f(t).find((t=>t.active))}function p(t,e){e&&(f(t).forEach((i=>{const o=!(i.disabled&&i.filtered||i!==e);i.active=o,o&&t.setAttribute("aria-activedescendant",i.id)})),e.scrollIntoView({block:"nearest"}))}function b(t){let e=f(t)[0];for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return e}function m(t){return Boolean(g(t))}function w(t,e){return f(t).find((t=>(!t.disabled||!t.filtered)&&t.textContent.toLowerCase().startsWith(e.toLowerCase())))}function v(t){f(t).forEach((t=>{t.active=!1}))}function y(t){p(t,b(t))}function F(t){p(t,function(t){const e=f(t);let i=e[e.length-1];for(;i&&(i.disabled||i.filtered);)i=i.previousElementSibling;return i}(t))}function k(t,e){m(t)&&e(g(t).value)}let j,A="";const B=class{constructor(e){t(this,e),this.disabled=!1,this.filterable=!1,this.expanded=!1,this.filter=""}focusSelectedItemAfterRender(t){t&&this.listboxElement&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.listboxElement.focus(),this.filterable&&this.filterElement.focus()}))})),t||(this.filter="")}validateValue(t){void 0!==t?this.getOptionElementByValue(t)?this.listboxElement.value=t:this.value=void 0:this.listboxElement.value=t}onKeydown(t){switch(t.key){case"Escape":return this.filterable&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),e(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}async componentWillLoad(){l(this.root),this.i18n=await u(this.root,x),this.listboxElement=this.root.querySelector("gux-listbox"),this.validateValue(this.value)}componentDidLoad(){this.listboxElement.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),this.listboxElement.addEventListener("change",(t=>{t.stopPropagation()}))}componentWillRender(){this.validateValue(this.value),this.listboxElement.filter=this.filter}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=this.root.querySelectorAll("gux-option");return Array.from(e).find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.filterable&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.filterable&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){switch(t.key){case" ":return void t.preventDefault()}}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,this.collapseListbox("focusFieldButton"),a(this.root,"input"),a(this.root,"change"))}getSuggestionText(t){const e=t.length;if(e>0){const i=w(this.listboxElement,t);if(i)return i.textContent.substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?i("div",{class:"gux-selected-option"},t.textContent):i("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderFilterInputField(){if(this.expanded&&this.filterable)return i("div",{class:"gux-field gux-input-field"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.filter),i("span",{class:"gux-filter-suggestion"},this.getSuggestionText(this.filter))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return i("div",{slot:"popup",class:"gux-listbox-container"},i("slot",null))}renderTarget(){return i("div",{class:{"gux-target-container-expanded":this.expanded&&this.filterable,"gux-target-container-collapsed":!(this.expanded&&this.filterable)},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),i("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.filterable)return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return i("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return o(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["validateValue"]}}};(function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(n=t[u])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);s>3&&r&&Object.defineProperty(e,i,r)})([r({triggerEvents:"mousedown"})],B.prototype,"onClickOutside",null),B.style=":host{color:#2e394c}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:6px 8px 6px 6px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-field.gux-input-field{height:30px}.gux-field .gux-field-content{display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding-left:8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-within{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:30px;padding:0 0 0 8px;margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}";const E={noMatches:"No matches"},L=class{constructor(e){t(this,e),this.internallistboxoptionsupdated=n(this,"internallistboxoptionsupdated",7),this.filter="",this.listboxOptions=[]}onFocus(){var t;p(t=this.root,function(t){return f(t).find((t=>t.hovered&&!t.disabled&&!t.filtered))}(t)||function(t){return f(t).find((t=>t.selected&&!t.disabled&&!t.filtered))}(t)||b(t))}onBlur(){v(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void k(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(function(t){if(m(t)){let e=g(t).nextElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return Boolean(e)}return!1}(this.root)?(t.stopPropagation(),e=this.root,p(e,function(t){if(m(t)){let e=g(t).nextElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return e}return b(t)}(e))):y(this.root));case"ArrowUp":return t.preventDefault(),void(function(t){if(m(t)){let e=g(t).previousElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.previousElementSibling;return Boolean(e)}return!1}(this.root)?(t.stopPropagation(),function(t){p(t,function(t){if(m(t)){let e=g(t).previousElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.previousElementSibling;return e}return b(t)}(t))}(this.root)):F(this.root));case"Home":return t.preventDefault(),void y(this.root);case"End":return t.preventDefault(),void F(this.root);case" ":return void t.preventDefault()}var e;1!==t.key.length||function(t,e){clearTimeout(j),A+=e,j=setTimeout((()=>{!function(t){const e=w(t,A);e?p(t,e):v(t)}(t),A=""}),250)}(this.root,t.key)}onKeyup(t){switch(t.key){case" ":return void k(this.root,(t=>this.updateValue(t)))}}onMousemove(){v(this.root)}onClick(t){d("gux-option",t,(t=>{!function(t,e){e(t.value)}(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){k(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t,a(this.root,"input"),a(this.root,"change"))}async componentWillLoad(){l(this.root),this.i18n=await u(this.root,E),this.setListboxOptions()}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||c("gux-listbox","`gux-listbox` requires a label. Either provide a label and associate it with the listbox using `aria-labelledby` or add an `aria-label` attribute to the gux-listbox element.")}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,t.filtered=!t.textContent.toLowerCase().startsWith(this.filter.toLowerCase())})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,this.filter&&y(this.root)}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return i("div",{class:"gux-no-matches"},this.i18n("noMatches"))}render(){return i(s,{role:"listbox",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}),this.renderAllListboxOptionsFiltered())}get root(){return o(this)}};L.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";const T=class{constructor(e){t(this,e),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}componentWillLoad(){this.root.id=this.root.id||h("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return i(s,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},i("slot",null))}get root(){return o(this)}};T.style="gux-option{box-sizing:border-box;display:flex;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option.gux-selected{background:#deeaff}gux-option.gux-active,gux-option.gux-hovered:not([disabled]){color:#fdfdfd;background:#2a60c8}gux-option.gux-filtered{display:none}";export{B as gux_dropdown,L as gux_listbox,T as gux_option}
@@ -1 +1 @@
1
- import{r as t,h as i,H as e}from"./p-767fc0c6.js";const s=class{constructor(i){t(this,i),this.selected=!1,this.disabled=!1}onClick(t){this.disabled&&t.stopPropagation()}render(){return i(e,{class:{"gux-selected":this.selected}},i("button",{type:"button",class:"gux-switch-item",disabled:this.disabled},i("slot",null)))}};s.style="gux-switch-item>.gux-switch-item{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;font:unset;color:#2e394c;text-align:center;background:none;border:none;outline:none}gux-switch-item>.gux-switch-item>gux-icon svg{fill:#99a4b8}gux-switch-item[disabled]{pointer-events:none;opacity:0.5}gux-switch-item.gux-selected{font-family:Roboto, sans-serif;font-weight:400;font-weight:700}gux-switch>gux-switch-item .gux-switch-item{padding:0 8px 4px;border-bottom:1px solid #e2e6ee}gux-switch>gux-switch-item .gux-switch-item:focus,gux-switch>gux-switch-item .gux-switch-item:hover{padding:0 8px 1px;border-bottom:4px solid #2a60c8;outline:none}gux-switch>gux-switch-item .gux-switch-item:focus>gux-icon svg,gux-switch>gux-switch-item .gux-switch-item:hover>gux-icon svg{fill:#2e394c}gux-switch>gux-switch-item .gux-switch-item>gux-icon{width:32px;height:32px}gux-switch>gux-switch-item.gux-selected .gux-switch-item{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch>gux-switch-item.gux-selected .gux-switch-item>gux-icon svg{fill:#2e394c}gux-switch.gux-small>gux-switch-item .gux-switch-item{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px;padding:0 4px;border-bottom:1px solid #e2e6ee}gux-switch.gux-small>gux-switch-item .gux-switch-item:focus,gux-switch.gux-small>gux-switch-item .gux-switch-item:hover{border-bottom-color:#2e394c}gux-switch.gux-small>gux-switch-item .gux-switch-item>gux-icon{width:24px;height:24px}gux-switch.gux-small>gux-switch-item.gux-selected .gux-switch-item{border-bottom-color:#2e394c}";export{s as gux_switch_item}
1
+ import{r as t,h as i,H as e}from"./p-a085b143.js";const s=class{constructor(i){t(this,i),this.selected=!1,this.disabled=!1}onClick(t){this.disabled&&t.stopPropagation()}render(){return i(e,{class:{"gux-selected":this.selected}},i("button",{type:"button",class:"gux-switch-item",disabled:this.disabled},i("slot",null)))}};s.style="gux-switch-item>.gux-switch-item{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;font:unset;color:#2e394c;text-align:center;background:none;border:none;outline:none}gux-switch-item>.gux-switch-item>gux-icon svg{fill:#99a4b8}gux-switch-item[disabled]{pointer-events:none;opacity:0.5}gux-switch-item.gux-selected{font-family:Roboto, sans-serif;font-weight:400;font-weight:700}gux-switch>gux-switch-item .gux-switch-item{padding:0 8px 4px;border-bottom:1px solid #e2e6ee}gux-switch>gux-switch-item .gux-switch-item:focus,gux-switch>gux-switch-item .gux-switch-item:hover{padding:0 8px 1px;border-bottom:4px solid #2a60c8;outline:none}gux-switch>gux-switch-item .gux-switch-item:focus>gux-icon svg,gux-switch>gux-switch-item .gux-switch-item:hover>gux-icon svg{fill:#2e394c}gux-switch>gux-switch-item .gux-switch-item>gux-icon{width:32px;height:32px}gux-switch>gux-switch-item.gux-selected .gux-switch-item{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch>gux-switch-item.gux-selected .gux-switch-item>gux-icon svg{fill:#2e394c}gux-switch.gux-small>gux-switch-item .gux-switch-item{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px;padding:0 4px;border-bottom:1px solid #e2e6ee}gux-switch.gux-small>gux-switch-item .gux-switch-item:focus,gux-switch.gux-small>gux-switch-item .gux-switch-item:hover{border-bottom-color:#2e394c}gux-switch.gux-small>gux-switch-item .gux-switch-item>gux-icon{width:24px;height:24px}gux-switch.gux-small>gux-switch-item.gux-selected .gux-switch-item{border-bottom-color:#2e394c}";export{s as gux_switch_item}
@@ -1 +1 @@
1
- import{r as t,h as e,H as o,g as a}from"./p-767fc0c6.js";import{t as n}from"./p-b7e7ebb0.js";const i=class{constructor(e){t(this,e)}componentWillLoad(){n(this.root)}render(){return e(o,null,e("div",{class:"gux-header"},e("div",{class:"gux-icon"},e("slot",{name:"icon"})),e("div",{class:"gux-title"},e("slot",{name:"title"}))),e("div",{class:"gux-message"},e("slot",{name:"message"})),e("div",{class:"gux-action-buttons"},e("div",{class:"gux-positive-button"},e("slot",{name:"positive-button"})),e("div",{class:"gux-negative-button"},e("slot",{name:"negative-button"}))))}get root(){return a(this)}};i.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start;width:270px;padding:20px 24px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:space-between;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:space-between;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";export{i as gux_action_toast}
1
+ import{r as t,h as e,H as o,g as a}from"./p-a085b143.js";import{t as n}from"./p-c50e3513.js";const i=class{constructor(e){t(this,e)}componentWillLoad(){n(this.root)}render(){return e(o,null,e("div",{class:"gux-header"},e("div",{class:"gux-icon"},e("slot",{name:"icon"})),e("div",{class:"gux-title"},e("slot",{name:"title"}))),e("div",{class:"gux-message"},e("slot",{name:"message"})),e("div",{class:"gux-action-buttons"},e("div",{class:"gux-positive-button"},e("slot",{name:"positive-button"})),e("div",{class:"gux-negative-button"},e("slot",{name:"negative-button"}))))}get root(){return a(this)}};i.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start;width:270px;padding:20px 24px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:space-between;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:space-between;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";export{i as gux_action_toast}
@@ -1 +1 @@
1
- import{r as e,h as i}from"./p-767fc0c6.js";const r=class{constructor(i){e(this,i)}render(){return i("span",{role:"presentation",class:"gux-list-item gux-divider",tabindex:-1})}};r.style=":host{position:relative;display:flex;height:32px;height:1px;padding:0;margin:16px 0;line-height:32px;pointer-events:none;cursor:pointer;background-color:#c8cfda}";export{r as gux_list_divider_legacy}
1
+ import{r as e,h as i}from"./p-a085b143.js";const r=class{constructor(i){e(this,i)}render(){return i("span",{role:"presentation",class:"gux-list-item gux-divider",tabindex:-1})}};r.style=":host{position:relative;display:flex;height:32px;height:1px;padding:0;margin:16px 0;line-height:32px;pointer-events:none;cursor:pointer;background-color:#c8cfda}";export{r as gux_list_divider_legacy}
@@ -1 +1 @@
1
- import{r as t,c as o,h as i,H as e,g as s}from"./p-767fc0c6.js";import{t as n}from"./p-b7e7ebb0.js";const l=class{constructor(i){t(this,i),this.guxdismiss=o(this,"guxdismiss",7),this.accent="neutral"}componentWillLoad(){n(this.root,{variant:this.accent})}render(){return i(e,null,i("div",{class:`gux-icon gux-${this.accent}`},i("slot",{name:"icon"})),i("div",{class:"gux-content"},i("div",{class:"gux-title"},i("slot",{name:"title"})),i("div",{class:"gux-message"},i("slot",{name:"message"}))),i("gux-dismiss-button",{onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(t){t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return s(this)}};l.style=":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;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:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.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-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:flex-start;order:0}.gux-content .gux-title{flex:1 1 auto;align-self:auto;order:0;max-height:48px;margin:0 12px 0 8px;overflow:hidden;font-size:14px;line-height:20px;color:#2e394c;text-overflow:ellipsis}.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0;max-height:24px;margin:0 12px 0 8px;overflow:hidden;line-height:24px;text-overflow:ellipsis}";export{l as gux_notification_toast}
1
+ import{r as t,c as o,h as i,H as e,g as s}from"./p-a085b143.js";import{t as n}from"./p-c50e3513.js";const a=class{constructor(i){t(this,i),this.guxdismiss=o(this,"guxdismiss",7),this.accent="neutral"}componentWillLoad(){n(this.root,{variant:this.accent})}render(){return i(e,null,i("div",{class:`gux-icon gux-${this.accent}`},i("slot",{name:"icon"})),i("div",{class:"gux-content"},i("div",{class:"gux-title"},i("slot",{name:"title"})),i("div",{class:"gux-message"},i("slot",{name:"message"}))),i("gux-dismiss-button",{onClick:this.onDismissClickHandler.bind(this)}))}onDismissClickHandler(t){t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||this.root.remove()}get root(){return s(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:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;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:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.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-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:flex-start;order:0}.gux-content .gux-title{flex:1 1 auto;align-self:auto;order:0;max-height:48px;margin:0 12px 0 8px;overflow:hidden;font-size:14px;line-height:20px;color:#2e394c;text-overflow:ellipsis}.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0;max-height:24px;margin:0 12px 0 8px;overflow:hidden;line-height:24px;text-overflow:ellipsis}";export{a as gux_notification_toast}
@@ -1 +1 @@
1
- import{r as e,h as t}from"./p-767fc0c6.js";const o=class{constructor(t){e(this,t),this.isSelected=!1}get buttonClass(){return this.isSelected?"selected":""}render(){return t("button",{"aria-label":this.altText,class:this.buttonClass},t("gux-icon",{decorative:!0,"icon-name":this.icon}))}};o.style="gux-side-panel-button button{width:48px;height:48px;color:#2e394c;cursor:pointer;background-color:#fdfdfd;border:none;border-bottom:1px solid #e2e6ee}gux-side-panel-button button.selected{color:#fdfdfd;background-color:#2a60c8}gux-side-panel-button button:hover,gux-side-panel-button button:active,gux-side-panel-button button:focus{color:#2a60c8}gux-side-panel-button button:hover.selected,gux-side-panel-button button:active.selected,gux-side-panel-button button:focus.selected{color:#fdfdfd}gux-side-panel-button button:focus{outline:none}gux-side-panel-button button i{font-size:24px}.gux-side-panel-button-dark-theme button{color:#fdfdfd;background-color:#2e394c;border-color:#202937}.gux-side-panel-button-dark-theme button.selected{background-color:#2a60c8}.gux-side-panel-button-dark-theme button:hover,.gux-side-panel-button-dark-theme button:active,.gux-side-panel-button-dark-theme button:focus{color:#75a8ff}.gux-side-panel-button-dark-theme button:hover.selected,.gux-side-panel-button-dark-theme button:active.selected,.gux-side-panel-button-dark-theme button:focus.selected{color:#fdfdfd}.gux-dark-theme gux-side-panel-button button{color:#fdfdfd;background-color:#2e394c;border-color:#202937}.gux-dark-theme gux-side-panel-button button.selected{background-color:#2a60c8}.gux-dark-theme gux-side-panel-button button:hover,.gux-dark-theme gux-side-panel-button button:active,.gux-dark-theme gux-side-panel-button button:focus{color:#75a8ff}.gux-dark-theme gux-side-panel-button button:hover.selected,.gux-dark-theme gux-side-panel-button button:active.selected,.gux-dark-theme gux-side-panel-button button:focus.selected{color:#fdfdfd}gux-side-panel-button.gux-dark-theme button{color:#fdfdfd;background-color:#2e394c;border-color:#202937}gux-side-panel-button.gux-dark-theme button.selected{background-color:#2a60c8}gux-side-panel-button.gux-dark-theme button:hover,gux-side-panel-button.gux-dark-theme button:active,gux-side-panel-button.gux-dark-theme button:focus{color:#75a8ff}gux-side-panel-button.gux-dark-theme button:hover.selected,gux-side-panel-button.gux-dark-theme button:active.selected,gux-side-panel-button.gux-dark-theme button:focus.selected{color:#fdfdfd}.gux-side-panel-button-light-theme{color:#2e394c}.gux-light-theme gux-side-panel-button{color:#2e394c}gux-side-panel-button.gux-light-theme{color:#2e394c}gux-side-panel-button{color:#2e394c}";export{o as gux_side_panel_button}
1
+ import{r as e,h as t}from"./p-a085b143.js";const o=class{constructor(t){e(this,t),this.isSelected=!1}get buttonClass(){return this.isSelected?"selected":""}render(){return t("button",{"aria-label":this.altText,class:this.buttonClass},t("gux-icon",{decorative:!0,"icon-name":this.icon}))}};o.style="gux-side-panel-button button{width:48px;height:48px;color:#2e394c;cursor:pointer;background-color:#fdfdfd;border:none;border-bottom:1px solid #e2e6ee}gux-side-panel-button button.selected{color:#fdfdfd;background-color:#2a60c8}gux-side-panel-button button:hover,gux-side-panel-button button:active,gux-side-panel-button button:focus{color:#2a60c8}gux-side-panel-button button:hover.selected,gux-side-panel-button button:active.selected,gux-side-panel-button button:focus.selected{color:#fdfdfd}gux-side-panel-button button:focus{outline:none}gux-side-panel-button button i{font-size:24px}.gux-side-panel-button-dark-theme button{color:#fdfdfd;background-color:#2e394c;border-color:#202937}.gux-side-panel-button-dark-theme button.selected{background-color:#2a60c8}.gux-side-panel-button-dark-theme button:hover,.gux-side-panel-button-dark-theme button:active,.gux-side-panel-button-dark-theme button:focus{color:#75a8ff}.gux-side-panel-button-dark-theme button:hover.selected,.gux-side-panel-button-dark-theme button:active.selected,.gux-side-panel-button-dark-theme button:focus.selected{color:#fdfdfd}.gux-dark-theme gux-side-panel-button button{color:#fdfdfd;background-color:#2e394c;border-color:#202937}.gux-dark-theme gux-side-panel-button button.selected{background-color:#2a60c8}.gux-dark-theme gux-side-panel-button button:hover,.gux-dark-theme gux-side-panel-button button:active,.gux-dark-theme gux-side-panel-button button:focus{color:#75a8ff}.gux-dark-theme gux-side-panel-button button:hover.selected,.gux-dark-theme gux-side-panel-button button:active.selected,.gux-dark-theme gux-side-panel-button button:focus.selected{color:#fdfdfd}gux-side-panel-button.gux-dark-theme button{color:#fdfdfd;background-color:#2e394c;border-color:#202937}gux-side-panel-button.gux-dark-theme button.selected{background-color:#2a60c8}gux-side-panel-button.gux-dark-theme button:hover,gux-side-panel-button.gux-dark-theme button:active,gux-side-panel-button.gux-dark-theme button:focus{color:#75a8ff}gux-side-panel-button.gux-dark-theme button:hover.selected,gux-side-panel-button.gux-dark-theme button:active.selected,gux-side-panel-button.gux-dark-theme button:focus.selected{color:#fdfdfd}.gux-side-panel-button-light-theme{color:#2e394c}.gux-light-theme gux-side-panel-button{color:#2e394c}gux-side-panel-button.gux-light-theme{color:#2e394c}gux-side-panel-button{color:#2e394c}";export{o as gux_side_panel_button}
@@ -1 +1 @@
1
- import{r as e,c as t,h as o,g as a}from"./p-767fc0c6.js";import{r as s}from"./p-cbcbd1bb.js";import{l as i}from"./p-3184268e.js";const r=class{constructor(o){e(this,o),this.internalsectionopened=t(this,"internalsectionopened",7),this.sectionId=s("gux-accordion-section"),this.arrowPosition="default",this.open=!1,this.disabled=!1}watchOpen(e){e&&this.internalsectionopened.emit()}toggle(){this.open=!this.open}onHeaderSlotChange(){const e=this.root.querySelector('[slot="header"]');e&&/^H[1-6]$/.test(e.nodeName)||i("gux-accordion-section","For accessibility reasons the header slot should be filled with a HTML heading tag (h1 - h6).")}renderHeaderSpacer(e){return"beside-text"===e?null:o("div",{class:"gux-header-spacer"})}render(){return o("section",{class:{"gux-disabled":this.disabled}},o("button",{class:"gux-header","aria-expanded":this.open.toString(),"aria-controls":this.sectionId,disabled:this.disabled,onClick:this.toggle.bind(this)},o("div",{class:"gux-header-text"},o("slot",{onSlotchange:this.onHeaderSlotChange.bind(this),name:"header"})),this.renderHeaderSpacer(this.arrowPosition),o("div",{class:{"gux-header-icon":!0,"gux-expanded":this.open}},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),o("div",{id:this.sectionId,class:{"gux-content":!0,"gux-expanded":this.open}},o("slot",{name:"content"})))}get root(){return a(this)}static get watchers(){return{open:["watchOpen"]}}};r.style=":host{color:#2e394c;-webkit-user-select:none;user-select:none;background-color:#fdfdfd}:host:first-child .gux-header{border-top:1px solid #e2e6ee}section.gux-disabled{cursor:default;opacity:0.5}section.gux-disabled>*{pointer-events:none}.gux-header{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:100%;height:40px;padding:0 16px;margin:0;cursor:pointer;border-bottom:1px solid #e2e6ee}.gux-header .gux-header-text{flex:0 1 auto;align-self:auto;padding-right:8px;text-align:left;font-size:14px;line-height:24px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-header .gux-header-text ::slotted(h1),.gux-header .gux-header-text ::slotted(h2){all:unset !important}.gux-header .gux-header-spacer{flex:1 1 auto;align-self:auto}.gux-header .gux-header-icon{flex:0 1 auto;align-items:center;align-self:auto;color:#6b7585;transition:transform 0.5s ease;transform-origin:center}.gux-header .gux-header-icon gux-icon{width:20px;height:20px}.gux-header .gux-header-icon.gux-expanded{transform:rotate(-180deg)}.gux-header:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-header:focus .gux-header-icon{color:#2e394c}.gux-header:hover .gux-header-icon{color:#2e394c}.gux-content{box-sizing:border-box;display:none;padding:16px;border-bottom:1px solid #e2e6ee}.gux-content.gux-expanded{display:block}";export{r as gux_accordion_section}
1
+ import{r as e,c as t,h as o,g as a}from"./p-a085b143.js";import{r as s}from"./p-cbcbd1bb.js";import{l as i}from"./p-3184268e.js";const r=class{constructor(o){e(this,o),this.internalsectionopened=t(this,"internalsectionopened",7),this.sectionId=s("gux-accordion-section"),this.arrowPosition="default",this.open=!1,this.disabled=!1}watchOpen(e){e&&this.internalsectionopened.emit()}toggle(){this.open=!this.open}onHeaderSlotChange(){const e=this.root.querySelector('[slot="header"]');e&&/^H[1-6]$/.test(e.nodeName)||i("gux-accordion-section","For accessibility reasons the header slot should be filled with a HTML heading tag (h1 - h6).")}renderHeaderSpacer(e){return"beside-text"===e?null:o("div",{class:"gux-header-spacer"})}render(){return o("section",{class:{"gux-disabled":this.disabled}},o("button",{class:"gux-header","aria-expanded":this.open.toString(),"aria-controls":this.sectionId,disabled:this.disabled,onClick:this.toggle.bind(this)},o("div",{class:"gux-header-text"},o("slot",{onSlotchange:this.onHeaderSlotChange.bind(this),name:"header"})),this.renderHeaderSpacer(this.arrowPosition),o("div",{class:{"gux-header-icon":!0,"gux-expanded":this.open}},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),o("div",{id:this.sectionId,class:{"gux-content":!0,"gux-expanded":this.open}},o("slot",{name:"content"})))}get root(){return a(this)}static get watchers(){return{open:["watchOpen"]}}};r.style=":host{color:#2e394c;-webkit-user-select:none;user-select:none;background-color:#fdfdfd}:host:first-child .gux-header{border-top:1px solid #e2e6ee}section.gux-disabled{cursor:default;opacity:0.5}section.gux-disabled>*{pointer-events:none}.gux-header{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:100%;height:40px;padding:0 16px;margin:0;cursor:pointer;border-bottom:1px solid #e2e6ee}.gux-header .gux-header-text{flex:0 1 auto;align-self:auto;padding-right:8px;text-align:left;font-size:14px;line-height:24px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-header .gux-header-text ::slotted(h1),.gux-header .gux-header-text ::slotted(h2){all:unset !important}.gux-header .gux-header-spacer{flex:1 1 auto;align-self:auto}.gux-header .gux-header-icon{flex:0 1 auto;align-items:center;align-self:auto;color:#6b7585;transition:transform 0.5s ease;transform-origin:center}.gux-header .gux-header-icon gux-icon{width:20px;height:20px}.gux-header .gux-header-icon.gux-expanded{transform:rotate(-180deg)}.gux-header:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-header:focus .gux-header-icon{color:#2e394c}.gux-header:hover .gux-header-icon{color:#2e394c}.gux-content{box-sizing:border-box;display:none;padding:16px;border-bottom:1px solid #e2e6ee}.gux-content.gux-expanded{display:block}";export{r as gux_accordion_section}
@@ -1 +1 @@
1
- import{g as t}from"./p-767fc0c6.js";const n={triggerEvents:"click",exclude:""};function c(c=n){return(o,r)=>{const{connectedCallback:u,disconnectedCallback:s}=o;o.connectedCallback=function(){return function(t,c,o,r=n){const u=function(t){if(t.exclude)try{return Array.from(document.querySelectorAll(t.exclude))}catch(n){console.warn(`@OnClickOutside: Exclude: '${t.exclude}' will not be evaluated. Check your exclude selector syntax.`,n)}}(r);e(r).forEach((n=>{window.addEventListener(n,(n=>{i(n,t,c,o,u)}),!1)}))}(this,t(this),this[r],c),u&&u.call(this)},o.disconnectedCallback=function(){return function(t,c,o,r=n){e(r).forEach((n=>{window.removeEventListener(n,(n=>{i(n,t,c,o)}),!1)}))}(this,t(this),this[r],c),s&&s.call(this)}}}function i(t,n,c,i,e){const o=t.composedPath();o.includes(c)||function(t,n){return!(!t||!n)&&n.some((n=>t.includes(n)))}(o,e)||i.call(n,t)}function e(t){return t.triggerEvents?t.triggerEvents.split(",").map((t=>t.trim())):["click"]}export{c as O}
1
+ import{g as t}from"./p-a085b143.js";const n={triggerEvents:"click",exclude:""};function c(c=n){return(o,r)=>{const{connectedCallback:u,disconnectedCallback:s}=o;o.connectedCallback=function(){return function(t,c,o,r=n){const u=function(t){if(t.exclude)try{return Array.from(document.querySelectorAll(t.exclude))}catch(n){console.warn(`@OnClickOutside: Exclude: '${t.exclude}' will not be evaluated. Check your exclude selector syntax.`,n)}}(r);e(r).forEach((n=>{window.addEventListener(n,(n=>{i(n,t,c,o,u)}),!1)}))}(this,t(this),this[r],c),u&&u.call(this)},o.disconnectedCallback=function(){return function(t,c,o,r=n){e(r).forEach((n=>{window.removeEventListener(n,(n=>{i(n,t,c,o)}),!1)}))}(this,t(this),this[r],c),s&&s.call(this)}}}function i(t,n,c,i,e){const o=t.composedPath();o.includes(c)||function(t,n){return!(!t||!n)&&n.some((n=>t.includes(n)))}(o,e)||i.call(n,t)}function e(t){return t.triggerEvents?t.triggerEvents.split(",").map((t=>t.trim())):["click"]}export{c as O}
@@ -1 +1 @@
1
- import{r as t,c as i,h as a}from"./p-767fc0c6.js";const o=class{constructor(a){t(this,a),this.internalactivatetabpanel=i(this,"internalactivatetabpanel",7),this.guxDisabled=!1,this.active=!1}onClick(){this.active||this.guxDisabled||this.internalactivatetabpanel.emit(this.tabId)}onFocusin(){this.tooltipTitleElement.setShowTooltip()}onFocusout(){this.tooltipTitleElement.setHideTooltip()}async guxSetActive(t){this.active=t}async guxFocus(){this.buttonElement.focus()}async guxGetActive(){return this.active}render(){return a("button",{class:{"gux-disabled":this.guxDisabled,"gux-tab":!0,"gux-active":this.active},type:"button","aria-disabled":this.guxDisabled.toString(),id:`gux-${this.tabId}-tab`,role:"tab","aria-controls":`gux-${this.tabId}-panel`,"aria-selected":this.active.toString(),tabIndex:this.active?0:-1,ref:t=>this.buttonElement=t},a("gux-tooltip-title",{ref:t=>this.tooltipTitleElement=t},a("span",null,a("slot",null))))}};o.style="gux-tabs[orientation='vertical'] .gux-tab{display:flex;justify-content:flex-end;padding:12px 16px}gux-tabs[orientation='vertical'] .gux-tab.gux-active{padding-right:14px;border-right:2px solid #2a60c8}gux-tabs[orientation='vertical'] .gux-tab:hover:not(.gux-active):not(.gux-disabled){padding-right:14px;border-right:2px solid #8a97ad}gux-tabs:not([orientation='vertical']) .gux-tab{box-sizing:border-box;padding-bottom:2px}gux-tabs:not([orientation='vertical']) .gux-tab.gux-active{padding-bottom:0;border-bottom:2px solid #2a60c8}gux-tabs:not([orientation='vertical']) .gux-tab:hover:not(.gux-active):not(.gux-disabled){padding-bottom:0;border-bottom:2px solid #8a97ad}gux-tabs:not([orientation='vertical']) .gux-tab gux-tooltip-title{margin:auto}gux-tabs[alignment='center'] .gux-scrollable-section{justify-content:center}gux-tabs[alignment='full-width'] .gux-scrollable-section{flex-grow:1}gux-tabs[alignment='full-width'] gux-tab{width:100%;max-width:100%}gux-tabs[alignment='full-width'] gux-tab .gux-tab{width:100%;max-width:100%}gux-tab{display:flex;max-width:160px}gux-tab .gux-tab{display:flex;align-items:center;width:100%;max-width:160px;height:40px;padding:0 16px;font-size:14px;color:#2e394c;cursor:pointer;background-color:#fff;border:none}gux-tab .gux-tab.gux-disabled{cursor:default}gux-tab .gux-tab.gux-disabled gux-tooltip-title{color:rgba(46, 57, 76, 0.5);cursor:default}gux-tab .gux-tab:focus-visible{padding:0 13px 3px;border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab .gux-tab gux-tooltip-title{max-width:160px;white-space:nowrap;cursor:pointer}";export{o as gux_tab}
1
+ import{r as t,c as i,h as a}from"./p-a085b143.js";const o=class{constructor(a){t(this,a),this.internalactivatetabpanel=i(this,"internalactivatetabpanel",7),this.guxDisabled=!1,this.active=!1}onClick(){this.active||this.guxDisabled||this.internalactivatetabpanel.emit(this.tabId)}onFocusin(){this.tooltipTitleElement.setShowTooltip()}onFocusout(){this.tooltipTitleElement.setHideTooltip()}async guxSetActive(t){this.active=t}async guxFocus(){this.buttonElement.focus()}async guxGetActive(){return this.active}render(){return a("button",{class:{"gux-disabled":this.guxDisabled,"gux-tab":!0,"gux-active":this.active},type:"button","aria-disabled":this.guxDisabled.toString(),id:`gux-${this.tabId}-tab`,role:"tab","aria-controls":`gux-${this.tabId}-panel`,"aria-selected":this.active.toString(),tabIndex:this.active?0:-1,ref:t=>this.buttonElement=t},a("gux-tooltip-title",{ref:t=>this.tooltipTitleElement=t},a("span",null,a("slot",null))))}};o.style="gux-tabs[orientation='vertical'] .gux-tab{display:flex;justify-content:flex-end;padding:12px 16px}gux-tabs[orientation='vertical'] .gux-tab.gux-active{padding-right:14px;border-right:2px solid #2a60c8}gux-tabs[orientation='vertical'] .gux-tab:hover:not(.gux-active):not(.gux-disabled){padding-right:14px;border-right:2px solid #8a97ad}gux-tabs:not([orientation='vertical']) .gux-tab{box-sizing:border-box;padding-bottom:2px}gux-tabs:not([orientation='vertical']) .gux-tab.gux-active{padding-bottom:0;border-bottom:2px solid #2a60c8}gux-tabs:not([orientation='vertical']) .gux-tab:hover:not(.gux-active):not(.gux-disabled){padding-bottom:0;border-bottom:2px solid #8a97ad}gux-tabs:not([orientation='vertical']) .gux-tab gux-tooltip-title{margin:auto}gux-tabs[alignment='center'] .gux-scrollable-section{justify-content:center}gux-tabs[alignment='full-width'] .gux-scrollable-section{flex-grow:1}gux-tabs[alignment='full-width'] gux-tab{width:100%;max-width:100%}gux-tabs[alignment='full-width'] gux-tab .gux-tab{width:100%;max-width:100%}gux-tab{display:flex;max-width:160px}gux-tab .gux-tab{display:flex;align-items:center;width:100%;max-width:160px;height:40px;padding:0 16px;font-size:14px;color:#2e394c;cursor:pointer;background-color:#fff;border:none}gux-tab .gux-tab.gux-disabled{cursor:default}gux-tab .gux-tab.gux-disabled gux-tooltip-title{color:rgba(46, 57, 76, 0.5);cursor:default}gux-tab .gux-tab:focus-visible{padding:0 13px 3px;border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab .gux-tab gux-tooltip-title{max-width:160px;white-space:nowrap;cursor:pointer}";export{o as gux_tab}
@@ -1 +1 @@
1
- import{r as t,h as i,H as a,g as s}from"./p-767fc0c6.js";import{s as r}from"./p-d176c2ae.js";import{c as e}from"./p-9dd4b14a.js";import{t as n}from"./p-b7e7ebb0.js";import{l as o}from"./p-3184268e.js";const h=class{constructor(i){t(this,i),this.value=0,this.maxValue=5,this.disabled=!1,this.readonly=!1}onClick(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const[i]=t.composedPath(),a=i.getRootNode(),s=Array.from(this.starContainer.children).findIndex((t=>t.shadowRoot===a))+1;s===this.value+.5?this.updateRatingValue(s):s===this.value?this.updateRatingValue(0):s!==Math.floor(this.value)&&this.updateRatingValue(s-.5)}onKeyDown(t){if(t.stopPropagation(),!this.disabled&&!this.readonly)switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault(),this.updateRatingValue(this.value-.5);break;case"ArrowDown":case"ArrowRight":t.preventDefault(),this.updateRatingValue(this.value+.5);break;case"End":t.preventDefault(),this.updateRatingValue(1/0);break;case"Home":t.preventDefault(),this.updateRatingValue(-1/0)}}updateRatingValue(t){const i=e(t,0,Array.from(this.starContainer.children).length);this.value!==i&&(this.value=i,r(this.root,"input"),r(this.root,"change"))}getRatingStarElements(){return[...Array(this.maxValue).keys()].reduce(((t,i)=>t.concat(i+.5===this.value?"rating-partial":i+1<=this.value?"rating-active":"rating")),[]).map((t=>i("gux-icon",{"icon-name":t,decorative:!0})))}getTabIndex(){return this.disabled?-1:0}componentWillLoad(){n(this.root)}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||o("gux-rating","`gux-rating` requires a label. Either provide a label and associate it with the gux-rating element using `aria-labelledby` or add an `aria-label` attribute to the gux-rating element.")}render(){return i(a,{role:"spinbutton",tabindex:this.getTabIndex(),"aria-readonly":this.readonly.toString(),"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":this.maxValue},i("div",{ref:t=>this.starContainer=t,class:{"gux-rating-star-container":!0,"gux-disabled":this.disabled}},this.getRatingStarElements()))}get root(){return s(this)}};h.style=":host{display:inline-flex;user-select:none}:host:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}.gux-rating-star-container{color:#2e394c}.gux-rating-star-container.gux-disabled{opacity:0.5}.gux-rating-star-container gux-icon{width:24px;height:24px}";export{h as gux_rating}
1
+ import{r as t,h as i,H as a,g as s}from"./p-a085b143.js";import{s as r}from"./p-d176c2ae.js";import{c as e}from"./p-9dd4b14a.js";import{t as n}from"./p-c50e3513.js";import{l as o}from"./p-3184268e.js";const h=class{constructor(i){t(this,i),this.value=0,this.maxValue=5,this.disabled=!1,this.readonly=!1}onClick(t){if(t.stopPropagation(),this.disabled||this.readonly)return;const[i]=t.composedPath(),a=i.getRootNode(),s=Array.from(this.starContainer.children).findIndex((t=>t.shadowRoot===a))+1;s===this.value+.5?this.updateRatingValue(s):s===this.value?this.updateRatingValue(0):s!==Math.floor(this.value)&&this.updateRatingValue(s-.5)}onKeyDown(t){if(t.stopPropagation(),!this.disabled&&!this.readonly)switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault(),this.updateRatingValue(this.value-.5);break;case"ArrowDown":case"ArrowRight":t.preventDefault(),this.updateRatingValue(this.value+.5);break;case"End":t.preventDefault(),this.updateRatingValue(1/0);break;case"Home":t.preventDefault(),this.updateRatingValue(-1/0)}}updateRatingValue(t){const i=e(t,0,Array.from(this.starContainer.children).length);this.value!==i&&(this.value=i,r(this.root,"input"),r(this.root,"change"))}getRatingStarElements(){return[...Array(this.maxValue).keys()].reduce(((t,i)=>t.concat(i+.5===this.value?"rating-partial":i+1<=this.value?"rating-active":"rating")),[]).map((t=>i("gux-icon",{"icon-name":t,decorative:!0})))}getTabIndex(){return this.disabled?-1:0}componentWillLoad(){n(this.root)}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||o("gux-rating","`gux-rating` requires a label. Either provide a label and associate it with the gux-rating element using `aria-labelledby` or add an `aria-label` attribute to the gux-rating element.")}render(){return i(a,{role:"spinbutton",tabindex:this.getTabIndex(),"aria-readonly":this.readonly.toString(),"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":this.maxValue},i("div",{ref:t=>this.starContainer=t,class:{"gux-rating-star-container":!0,"gux-disabled":this.disabled}},this.getRatingStarElements()))}get root(){return s(this)}};h.style=":host{display:inline-flex;user-select:none}:host:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}.gux-rating-star-container{color:#2e394c}.gux-rating-star-container.gux-disabled{opacity:0.5}.gux-rating-star-container gux-icon{width:24px;height:24px}";export{h as gux_rating}
@@ -1 +1 @@
1
- import{r,h as e,H as t}from"./p-767fc0c6.js";const o=class{constructor(e){r(this,e)}render(){return e(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
+ import{r,h as e,H as t}from"./p-a085b143.js";const o=class{constructor(e){r(this,e)}render(){return e(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 s,h as a,H as i,g as h}from"./p-767fc0c6.js";import{t as c}from"./p-b7e7ebb0.js";const e=class{constructor(a){t(this,a),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.tabPanels=[]}watchActiveTab(t){this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,s]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=s.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,s,a){this.activeTab=t||s.querySelector("gux-tab-advanced").getAttribute("tab-id"),s.guxSetActive(this.activeTab),a.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){c(this.root)}render(){return a(i,null,a("div",{class:"gux-tabs"},a("slot",{name:"tab-list"}),a("div",null,a("slot",{onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return h(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};e.style="gux-tabs-advanced{-custom-noop:noop}";export{e as gux_tabs_advanced}
1
+ import{r as t,c as s,h as a,H as i,g as h}from"./p-a085b143.js";import{t as c}from"./p-c50e3513.js";const e=class{constructor(a){t(this,a),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.tabPanels=[]}watchActiveTab(t){this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,s]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=s.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,s,a){this.activeTab=t||s.querySelector("gux-tab-advanced").getAttribute("tab-id"),s.guxSetActive(this.activeTab),a.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){c(this.root)}render(){return a(i,null,a("div",{class:"gux-tabs"},a("slot",{name:"tab-list"}),a("div",null,a("slot",{onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return h(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};e.style="gux-tabs-advanced{-custom-noop:noop}";export{e as gux_tabs_advanced}
@@ -1 +1 @@
1
- import{r as t,c as i,d as a,w as o,h as s,g as n}from"./p-767fc0c6.js";import{S as e}from"./p-020b6498.js";import{O as c}from"./p-17fc6962.js";import{b as r}from"./p-e983e68c.js";import{e as l}from"./p-29e8b184.js";import{t as d}from"./p-2c3d934a.js";import"./p-8a133b9b.js";const b=class{constructor(a){t(this,a),this.newTab=i(this,"newTab",7),this.sortChanged=i(this,"sortChanged",7),this.moveFocusDelay=100,this.showNewTabButton=!0,this.tabLimit=1/0,this.allowSort=!0,this.focused=0,this.disableAddTabButton=!1,this.hasScrollbar=!1,this.keyboardSort=!1,this.initialSortIndex=0,this.ariaLiveAlert=""}onFocusin(t){this.allowSort&&l(".gux-scrollable-section",t)&&!this.keyboardSort&&(this.ariaLiveAlert="toggleSort")}onFocusout(t){this.root.querySelector(".gux-scrollable-section").contains(t.relatedTarget)||this.tabTriggers.forEach((async(t,i)=>{await t.guxGetActive()?this.focused=i:(t.querySelector(".gux-tab-button").setAttribute("tabindex","-1"),t.querySelector(".gux-tab-options-button")&&t.querySelector(".gux-tab-options-button").setAttribute("tabindex","-1"))}))}onMutation(){this.setTabTriggers()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":if(t.preventDefault(),this.keyboardSort&&!l(".gux-tab-options-button",t)){this.ariaLiveAlert="";const t=this.root.querySelector(".gux-scrollable-section"),i=t.querySelectorAll("gux-tab-advanced"),a=Array.prototype.indexOf.call(i,this.sortTarget);let o;o=a===i.length-1?i[0]:i[a+2],t.insertBefore(this.sortTarget,o),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)}else l(".gux-tab-options-button",t)||l(".gux-dropdown-option-container",t)||this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":if(t.preventDefault(),this.keyboardSort&&!l(".gux-tab-options-button",t)){this.ariaLiveAlert="";const t=this.root.querySelector(".gux-scrollable-section"),i=t.querySelectorAll("gux-tab-advanced"),a=Array.prototype.indexOf.call(i,this.sortTarget);t.insertBefore(this.sortTarget,i[a-1]||null),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)}else l(".gux-tab-options-button",t)||l(".gux-dropdown-option-container",t)||this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.keyboardSort&&this.allowSort&&(this.keyboardSort=!1,this.ariaLiveAlert="sortCancelled",this.root.querySelector(".gux-scrollable-section").insertBefore(this.sortTarget,this.tabTriggers[this.initialSortIndex]||null)),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.initialSortIndex),setTimeout((()=>{this.focusTab(this.initialSortIndex)}),this.moveFocusDelay);break;case"Enter":this.keyboardSort&&(t.preventDefault(),this.keyboardSort=!1,this.ariaLiveAlert="sortComplete",this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.focused=i)})));break;case"Tab":this.keyboardSort&&(this.keyboardSort=!1,this.ariaLiveAlert="sortCancelled");break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onKeyup(t){switch(t.key){case" ":l(".gux-tab",t)&&!l(".gux-tab-options-button",t)&&!l("gux-popover-list",t)&&this.allowSort&&(t.preventDefault(),!0===this.keyboardSort?(this.keyboardSort=!1,this.ariaLiveAlert="sortComplete",this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)):(this.keyboardSort=!0,this.sortTarget=t.target.parentNode.parentNode,this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.initialSortIndex=i)})),this.ariaLiveAlert="sortModeOn"))}}async guxSetActive(t){this.tabTriggers.forEach(((i,a)=>{const o=i.tabId===t;i.guxSetActive(o),o&&(this.focused=a)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach((async(t,i)=>{const a=await t.guxGetActive();this.focused===i||a||(t.querySelector(".gux-tab-button").setAttribute("tabindex","-1"),t.querySelector(".gux-tab-options-button")&&t.querySelector(".gux-tab-options-button").setAttribute("tabindex","-1"))})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].querySelector(".gux-tab-options-button")&&this.tabTriggers[this.focused].querySelector(".gux-tab-options-button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}createSortable(){this.sortableInstance=new e(this.root.querySelector(".gux-scrollable-section"),{animation:250,draggable:"gux-tab-advanced",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-advanced")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}checkForScrollbarHideOrShow(){a((()=>{const t=this.root.querySelector(".gux-scrollable-section"),i=t.clientWidth<t.scrollWidth;i!==this.hasScrollbar&&(this.hasScrollbar=i)}))}handleKeyboardScroll(t){const i=this.root.querySelector(".gux-scrollable-section"),a=this.root.querySelectorAll("gux-tab-advanced")[this.focused];"forward"===t?this.focused<this.tabTriggers.length-1?(o((()=>{this.hasScrollbar&&i.scrollBy(a.clientWidth,0)})),this.focusTab(this.focused+1)):(o((()=>{this.hasScrollbar&&i.scrollBy(-i.scrollWidth,0)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(o((()=>{this.hasScrollbar&&i.scrollBy(-a.clientWidth,0)})),this.focusTab(this.focused-1)):(o((()=>{this.hasScrollbar&&i.scrollBy(i.scrollWidth,0)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),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,d)}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!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)}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)}))}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-advanced")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}render(){const t=t=>s("button",{title:this.i18n(this.disableAddTabButton?"disableNewTab":"createNewTab"),class:"add-tab",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},s("gux-icon",{"icon-name":"add",decorative:!0}));return[s("span",{class:"gux-sr-only gux-aria-live-region","aria-live":"polite"},this.ariaLiveAlert?this.i18n(this.ariaLiveAlert):""),s("div",{class:"gux-tab-container"},s("div",{class:"action-button-container"},this.renderScrollButton(this.hasScrollbar?"scrollLeft":"scrollUp")),s("div",{role:"tablist",class:"gux-scrollable-section "+(this.keyboardSort?"gux-tab-sorting":""),"aria-owns":this.triggerIds},s("slot",null)),s("div",{class:"new-tab"},this.showNewTabButton&&!this.hasScrollbar?s(t,{onClick:()=>this.newTab.emit()}):null),s("div",{class:"action-button-container"},this.renderScrollButton(this.hasScrollbar?"scrollRight":"scrollDown"),this.showNewTabButton&&this.hasScrollbar?s(t,{onClick:()=>this.newTab.emit()}):null))]}renderScrollButton(t){return s("div",{class:"gux-scroll-button-container"},this.hasScrollbar?s("button",{tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},s("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}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-left";case"scrollRight":return"chevron-right";case"scrollUp":return"chevron-up";case"scrollDown":return"chevron-down"}}get root(){return n(this)}};(function(t,i,a,o){var s,n=arguments.length,e=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,i,a,o);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(e=(n<3?s(e):n>3?s(i,a,e):s(i,a))||e);n>3&&e&&Object.defineProperty(i,a,e)})([c({childList:!0,subtree:!0})],b.prototype,"onMutation",null),b.style="gux-tab-advanced-list .gux-tab-container{display:flex;align-items:flex-end;width:100%;height:50px;margin-bottom:16px;overflow-x:auto;overflow-y:hidden;background-color:#f6f7f9;border-bottom:1px solid #d7dce5;border-radius:4px 4px 0 0}gux-tab-advanced-list .gux-tab-container .action-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab{display:flex;align-items:center;justify-content:center;width:35px;height:50px;margin-left:2px;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab:disabled{opacity:0.5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab:focus{border:3px solid #aac9ff;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:50px;padding:0;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus{border:3px solid #aac9ff;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab{display:flex;align-items:center;justify-content:center;width:35px;height:50px;padding:0;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab:focus{border:3px solid #aac9ff;outline:none}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section{display:flex;align-items:flex-end;height:50px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tab-advanced-list .gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{b as gux_tab_advanced_list}
1
+ import{r as t,c as i,d as a,w as o,h as s,g as n}from"./p-a085b143.js";import{S as e}from"./p-020b6498.js";import{O as c}from"./p-4b7056b2.js";import{b as r}from"./p-14a51c35.js";import{e as l}from"./p-29e8b184.js";import{t as b}from"./p-2c3d934a.js";import"./p-8a133b9b.js";const d=class{constructor(a){t(this,a),this.newTab=i(this,"newTab",7),this.sortChanged=i(this,"sortChanged",7),this.moveFocusDelay=100,this.showNewTabButton=!0,this.tabLimit=1/0,this.allowSort=!0,this.focused=0,this.disableAddTabButton=!1,this.hasScrollbar=!1,this.keyboardSort=!1,this.initialSortIndex=0,this.ariaLiveAlert=""}onFocusin(t){this.allowSort&&l(".gux-scrollable-section",t)&&!this.keyboardSort&&(this.ariaLiveAlert="toggleSort")}onFocusout(t){this.root.querySelector(".gux-scrollable-section").contains(t.relatedTarget)||this.tabTriggers.forEach((async(t,i)=>{await t.guxGetActive()?this.focused=i:(t.querySelector(".gux-tab-button").setAttribute("tabindex","-1"),t.querySelector(".gux-tab-options-button")&&t.querySelector(".gux-tab-options-button").setAttribute("tabindex","-1"))}))}onMutation(){this.setTabTriggers()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":if(t.preventDefault(),this.keyboardSort&&!l(".gux-tab-options-button",t)){this.ariaLiveAlert="";const t=this.root.querySelector(".gux-scrollable-section"),i=t.querySelectorAll("gux-tab-advanced"),a=Array.prototype.indexOf.call(i,this.sortTarget);let o;o=a===i.length-1?i[0]:i[a+2],t.insertBefore(this.sortTarget,o),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)}else l(".gux-tab-options-button",t)||l(".gux-dropdown-option-container",t)||this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":if(t.preventDefault(),this.keyboardSort&&!l(".gux-tab-options-button",t)){this.ariaLiveAlert="";const t=this.root.querySelector(".gux-scrollable-section"),i=t.querySelectorAll("gux-tab-advanced"),a=Array.prototype.indexOf.call(i,this.sortTarget);t.insertBefore(this.sortTarget,i[a-1]||null),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)}else l(".gux-tab-options-button",t)||l(".gux-dropdown-option-container",t)||this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.keyboardSort&&this.allowSort&&(this.keyboardSort=!1,this.ariaLiveAlert="sortCancelled",this.root.querySelector(".gux-scrollable-section").insertBefore(this.sortTarget,this.tabTriggers[this.initialSortIndex]||null)),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.initialSortIndex),setTimeout((()=>{this.focusTab(this.initialSortIndex)}),this.moveFocusDelay);break;case"Enter":this.keyboardSort&&(t.preventDefault(),this.keyboardSort=!1,this.ariaLiveAlert="sortComplete",this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.focused=i)})));break;case"Tab":this.keyboardSort&&(this.keyboardSort=!1,this.ariaLiveAlert="sortCancelled");break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onKeyup(t){switch(t.key){case" ":l(".gux-tab",t)&&!l(".gux-tab-options-button",t)&&!l("gux-popover-list",t)&&this.allowSort&&(t.preventDefault(),!0===this.keyboardSort?(this.keyboardSort=!1,this.ariaLiveAlert="sortComplete",this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)):(this.keyboardSort=!0,this.sortTarget=t.target.parentNode.parentNode,this.tabTriggers.forEach(((t,i)=>{var a;t.tabId===(null===(a=this.sortTarget)||void 0===a?void 0:a.getAttribute("tab-id"))&&(this.initialSortIndex=i)})),this.ariaLiveAlert="sortModeOn"))}}async guxSetActive(t){this.tabTriggers.forEach(((i,a)=>{const o=i.tabId===t;i.guxSetActive(o),o&&(this.focused=a)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach((async(t,i)=>{const a=await t.guxGetActive();this.focused===i||a||(t.querySelector(".gux-tab-button").setAttribute("tabindex","-1"),t.querySelector(".gux-tab-options-button")&&t.querySelector(".gux-tab-options-button").setAttribute("tabindex","-1"))})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].querySelector(".gux-tab-options-button")&&this.tabTriggers[this.focused].querySelector(".gux-tab-options-button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}createSortable(){this.sortableInstance=new e(this.root.querySelector(".gux-scrollable-section"),{animation:250,draggable:"gux-tab-advanced",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-advanced")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}checkForScrollbarHideOrShow(){a((()=>{const t=this.root.querySelector(".gux-scrollable-section"),i=t.clientWidth<t.scrollWidth;i!==this.hasScrollbar&&(this.hasScrollbar=i)}))}handleKeyboardScroll(t){const i=this.root.querySelector(".gux-scrollable-section"),a=this.root.querySelectorAll("gux-tab-advanced")[this.focused];"forward"===t?this.focused<this.tabTriggers.length-1?(o((()=>{this.hasScrollbar&&i.scrollBy(a.clientWidth,0)})),this.focusTab(this.focused+1)):(o((()=>{this.hasScrollbar&&i.scrollBy(-i.scrollWidth,0)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(o((()=>{this.hasScrollbar&&i.scrollBy(-a.clientWidth,0)})),this.focusTab(this.focused-1)):(o((()=>{this.hasScrollbar&&i.scrollBy(i.scrollWidth,0)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),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,b)}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!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)}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)}))}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-advanced")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}render(){const t=t=>s("button",{title:this.i18n(this.disableAddTabButton?"disableNewTab":"createNewTab"),class:"add-tab",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},s("gux-icon",{"icon-name":"add",decorative:!0}));return[s("span",{class:"gux-sr-only gux-aria-live-region","aria-live":"polite"},this.ariaLiveAlert?this.i18n(this.ariaLiveAlert):""),s("div",{class:"gux-tab-container"},s("div",{class:"action-button-container"},this.renderScrollButton(this.hasScrollbar?"scrollLeft":"scrollUp")),s("div",{role:"tablist",class:"gux-scrollable-section "+(this.keyboardSort?"gux-tab-sorting":""),"aria-owns":this.triggerIds},s("slot",null)),s("div",{class:"new-tab"},this.showNewTabButton&&!this.hasScrollbar?s(t,{onClick:()=>this.newTab.emit()}):null),s("div",{class:"action-button-container"},this.renderScrollButton(this.hasScrollbar?"scrollRight":"scrollDown"),this.showNewTabButton&&this.hasScrollbar?s(t,{onClick:()=>this.newTab.emit()}):null))]}renderScrollButton(t){return s("div",{class:"gux-scroll-button-container"},this.hasScrollbar?s("button",{tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},s("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}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-left";case"scrollRight":return"chevron-right";case"scrollUp":return"chevron-up";case"scrollDown":return"chevron-down"}}get root(){return n(this)}};(function(t,i,a,o){var s,n=arguments.length,e=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,i,a,o);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(e=(n<3?s(e):n>3?s(i,a,e):s(i,a))||e);n>3&&e&&Object.defineProperty(i,a,e)})([c({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style="gux-tab-advanced-list .gux-tab-container{display:flex;align-items:flex-end;width:100%;height:50px;margin-bottom:16px;overflow-x:auto;overflow-y:hidden;background-color:#f6f7f9;border-bottom:1px solid #d7dce5;border-radius:4px 4px 0 0}gux-tab-advanced-list .gux-tab-container .action-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab{display:flex;align-items:center;justify-content:center;width:35px;height:50px;margin-left:2px;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab:disabled{opacity:0.5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab:focus{border:3px solid #aac9ff;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:50px;padding:0;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus{border:3px solid #aac9ff;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab{display:flex;align-items:center;justify-content:center;width:35px;height:50px;padding:0;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab:focus{border:3px solid #aac9ff;outline:none}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-list .gux-tab-container .new-tab .add-tab gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section{display:flex;align-items:flex-end;height:50px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tab-advanced-list .gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{d as gux_tab_advanced_list}
@@ -1 +1 @@
1
- import{r as e,h as o,g as n}from"./p-767fc0c6.js";import{t as r}from"./p-b7e7ebb0.js";const a=class{constructor(o){e(this,o)}componentWillLoad(){r(this.root)}renderOptionalSlot(e){if(function(e,o){return Boolean(e.querySelector(`[slot=${o}]`))}(this.root,e))switch(e){case"header":return o("header",{class:"gux-panel-header"},o("slot",{name:`${e}`}));case"body":return o("div",{class:"gux-panel-body"},o("slot",{name:`${e}`}));case"footer":return o("footer",{class:"gux-panel-footer"},o("slot",{name:`${e}`}))}}render(){return o("section",{class:"gux-panel-container"},this.renderOptionalSlot("header"),this.renderOptionalSlot("body"),this.renderOptionalSlot("footer"))}get root(){return n(this)}};a.style=".gux-panel-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:8px 15px;color:#2e394c;background-color:#fdfdfd;border:1px solid #e2e6ee}.gux-panel-container .gux-panel-header,.gux-panel-container .gux-panel-body,.gux-panel-container .gux-panel-footer{box-sizing:border-box;width:100%}.gux-panel-container .gux-panel-header{flex-shrink:0;padding:0 8px;border-bottom:1px solid #e2e6ee}.gux-panel-container .gux-panel-body{flex-grow:1;padding:8px;overflow-y:auto}.gux-panel-container .gux-panel-footer{flex-shrink:0;padding:12px 8px;border-top:1px solid #e2e6ee}";export{a as gux_panel_frame_legacy}
1
+ import{r as e,h as o,g as n}from"./p-a085b143.js";import{t as r}from"./p-c50e3513.js";const a=class{constructor(o){e(this,o)}componentWillLoad(){r(this.root)}renderOptionalSlot(e){if(function(e,o){return Boolean(e.querySelector(`[slot=${o}]`))}(this.root,e))switch(e){case"header":return o("header",{class:"gux-panel-header"},o("slot",{name:`${e}`}));case"body":return o("div",{class:"gux-panel-body"},o("slot",{name:`${e}`}));case"footer":return o("footer",{class:"gux-panel-footer"},o("slot",{name:`${e}`}))}}render(){return o("section",{class:"gux-panel-container"},this.renderOptionalSlot("header"),this.renderOptionalSlot("body"),this.renderOptionalSlot("footer"))}get root(){return n(this)}};a.style=".gux-panel-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:8px 15px;color:#2e394c;background-color:#fdfdfd;border:1px solid #e2e6ee}.gux-panel-container .gux-panel-header,.gux-panel-container .gux-panel-body,.gux-panel-container .gux-panel-footer{box-sizing:border-box;width:100%}.gux-panel-container .gux-panel-header{flex-shrink:0;padding:0 8px;border-bottom:1px solid #e2e6ee}.gux-panel-container .gux-panel-body{flex-grow:1;padding:8px;overflow-y:auto}.gux-panel-container .gux-panel-footer{flex-shrink:0;padding:12px 8px;border-top:1px solid #e2e6ee}";export{a as gux_panel_frame_legacy}
@@ -1 +1 @@
1
- import{r as e,c as t,h as o,g as i}from"./p-767fc0c6.js";import{t as s}from"./p-b7e7ebb0.js";import{b as d}from"./p-e983e68c.js";import"./p-8a133b9b.js";const n={searchAria:"Search"},r=class{constructor(o){e(this,o),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px"}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onFocusOut(e){e.relatedTarget&&this.root.contains(e.relatedTarget)||this.closeDropdown(!1)}async componentWillLoad(){s(this.root),this.i18n=await d(this.root,n),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=function(e,t,o={}){const i=new MutationObserver(t);return i.observe(e,Object.assign({attributes:!0,childList:!0,subtree:!0},o)),i}(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver.disconnect()}render(){return o("div",{class:`gux-dropdown\n ${this.disabled?"gux-disabled":""}\n ${this.opened?"gux-active":""}`},o("div",{class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},o("a",{ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&o("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&o("span",{class:"gux-select-value",title:this.value},this.value)),o("div",{class:"gux-icon-wrapper"},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),o("div",{class:"gux-advanced-dropdown-menu "+(this.opened?"gux-opened":"")},o("div",{class:"gux-dropdown-menu-container"},o("gux-form-field-search",{"label-position":"screenreader"},o("label",{slot:"label"},this.i18n("searchAria")),o("input",{slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),o("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},o("slot",null)))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){setTimeout((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return i(this)}static get watchers(){return{disabled:["watchValue"]}}};r.style=":host{color:#2e394c}div.gux-dropdown{position:relative;margin:4px 0}div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}div.gux-dropdown .gux-select-field a.gux-select-input{position:absolute;top:0;right:0;bottom:0;left:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder,div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}div.gux-dropdown .gux-select-field a.gux-select-input:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}div.gux-dropdown .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}div.gux-dropdown .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}div.gux-dropdown .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}div.gux-dropdown.gux-active .gux-select-field .gux-select-input{border:1px solid #2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown.gux-active .gux-select-field .gux-select-input:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown .gux-advanced-dropdown-menu{position:absolute;top:36px;z-index:1;display:none;width:100%;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}div.gux-dropdown .gux-advanced-dropdown-menu.gux-opened{display:block}div.gux-dropdown .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{r as gux_advanced_dropdown}
1
+ import{r as e,c as t,h as o,g as i}from"./p-a085b143.js";import{t as s}from"./p-c50e3513.js";import{b as d}from"./p-14a51c35.js";import"./p-8a133b9b.js";const n={searchAria:"Search"},r=class{constructor(o){e(this,o),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px"}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onFocusOut(e){e.relatedTarget&&this.root.contains(e.relatedTarget)||this.closeDropdown(!1)}async componentWillLoad(){s(this.root),this.i18n=await d(this.root,n),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=function(e,t,o={}){const i=new MutationObserver(t);return i.observe(e,Object.assign({attributes:!0,childList:!0,subtree:!0},o)),i}(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver.disconnect()}render(){return o("div",{class:`gux-dropdown\n ${this.disabled?"gux-disabled":""}\n ${this.opened?"gux-active":""}`},o("div",{class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},o("a",{ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&o("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&o("span",{class:"gux-select-value",title:this.value},this.value)),o("div",{class:"gux-icon-wrapper"},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),o("div",{class:"gux-advanced-dropdown-menu "+(this.opened?"gux-opened":"")},o("div",{class:"gux-dropdown-menu-container"},o("gux-form-field-search",{"label-position":"screenreader"},o("label",{slot:"label"},this.i18n("searchAria")),o("input",{slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),o("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},o("slot",null)))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){setTimeout((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return i(this)}static get watchers(){return{disabled:["watchValue"]}}};r.style=":host{color:#2e394c}div.gux-dropdown{position:relative;margin:4px 0}div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}div.gux-dropdown .gux-select-field a.gux-select-input{position:absolute;top:0;right:0;bottom:0;left:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder,div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}div.gux-dropdown .gux-select-field a.gux-select-input:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}div.gux-dropdown .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}div.gux-dropdown .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}div.gux-dropdown .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}div.gux-dropdown.gux-active .gux-select-field .gux-select-input{border:1px solid #2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown.gux-active .gux-select-field .gux-select-input:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown .gux-advanced-dropdown-menu{position:absolute;top:36px;z-index:1;display:none;width:100%;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}div.gux-dropdown .gux-advanced-dropdown-menu.gux-opened{display:block}div.gux-dropdown .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{r as gux_advanced_dropdown}
@@ -1 +1 @@
1
- import{r as t,h as i,g as e}from"./p-767fc0c6.js";import{O as o}from"./p-17fc6962.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-b7e7ebb0.js";import{G as l,a as p}from"./p-0074384c.js";import{h as u,c as f,G as x,a as h,v as c,g as d}from"./p-24946167.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.hasContent=!1,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"}),this.clearable&&this.hasContent&&!this.disabled&&i("gux-form-field-input-clear-button",{onClick:()=>f(this.input)}))),i(x,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=this.root.querySelector('input[type="email"][slot="input"], input[type="password"][slot="input"], input[type="text"][slot="input"]'),this.hasContent=h(this.input),s(this.input),this.input.addEventListener("input",(()=>{this.hasContent=h(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})),c(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return e(this)}};(function(t,i,e,o){var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([o({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:7px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{g as gux_form_field_text_like}
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 s}from"./p-c10e41a9.js";import{t as a}from"./p-c50e3513.js";import{G as l,a as p}from"./p-afb54d23.js";import{h as u,c as f,G as x,a as h,v as c,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(i){t(this,i),this.computedLabelPosition="above",this.hasContent=!1,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"}),this.clearable&&this.hasContent&&!this.disabled&&i("gux-form-field-input-clear-button",{onClick:()=>f(this.input)}))),i(x,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=this.root.querySelector('input[type="email"][slot="input"], input[type="password"][slot="input"], input[type="text"][slot="input"]'),this.hasContent=h(this.input),s(this.input),this.input.addEventListener("input",(()=>{this.hasContent=h(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})),c(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return e(this)}};(function(t,i,e,o){var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([o({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-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 .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{g as gux_form_field_text_like}
@@ -1 +1 @@
1
- import{r,h as t,g as s}from"./p-767fc0c6.js";import{b as a}from"./p-e983e68c.js";import{t as e}from"./p-b7e7ebb0.js";import"./p-8a133b9b.js";const i={breadcrumbs:"Breadcrumbs"},n=class{constructor(t){r(this,t),this.accent="primary"}componentWillLoad(){e(this.root,{variant:this.accent})}async componentWillRender(){this.i18n=await a(this.root,i)}render(){return t("nav",{"aria-label":this.i18n("breadcrumbs"),class:"gux-breadcrumbs-container"},t("slot",null))}get root(){return s(this)}};n.style=".gux-breadcrumbs-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}";export{n as gux_breadcrumbs}
1
+ import{r,h as t,g as a}from"./p-a085b143.js";import{b as s}from"./p-14a51c35.js";import{t as e}from"./p-c50e3513.js";import"./p-8a133b9b.js";const i={breadcrumbs:"Breadcrumbs"},n=class{constructor(t){r(this,t),this.accent="primary"}componentWillLoad(){e(this.root,{variant:this.accent})}async componentWillRender(){this.i18n=await s(this.root,i)}render(){return t("nav",{"aria-label":this.i18n("breadcrumbs"),class:"gux-breadcrumbs-container"},t("slot",null))}get root(){return a(this)}};n.style=".gux-breadcrumbs-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}";export{n as gux_breadcrumbs}
@@ -1 +1 @@
1
- import{r as t,h as n,g as e}from"./p-767fc0c6.js";import{b as i}from"./p-e983e68c.js";import{s as o}from"./p-8fe7daff.js";import{o as r}from"./p-e2bea786.js";import"./p-8a133b9b.js";import"./p-d176c2ae.js";const a={clear:"Clear"},u=class{constructor(n){t(this,n),this.hasContent=!1}clearInput(){o(this.input,"",!0)}setHasContent(){this.hasContent=Boolean(this.input.value)}renderSearchIcon(){return n("gux-icon",{class:"gux-search-icon","icon-name":"search",decorative:!0})}renderClearButton(){return 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}async componentWillLoad(){this.getI18nValue=await i(this.root,a),this.input=this.root.querySelector('input[type="search"]'),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-container":!0,"gux-disabled":this.disabled}},this.renderSearchIcon(),n("slot",null),this.renderClearButton())}get root(){return e(this)}};u.style="gux-input-search{position:relative;display:block}gux-input-search .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-input-search .gux-input-container.gux-disabled{opacity:0.5}gux-input-search .gux-input-container .gux-search-icon{flex:0 0 auto;align-self:auto;order:0;width:20px;height:20px;color:#596373}gux-input-search .gux-input-container input{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}gux-input-search .gux-input-container input::placeholder{color:#596373;opacity:1}gux-input-search .gux-input-container input::-webkit-search-cancel-button,gux-input-search .gux-input-container input::-webkit-search-results-button,gux-input-search .gux-input-container input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}gux-input-search .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-search .gux-input-container .gux-clear-button:not(:disabled):focus,gux-input-search .gux-input-container .gux-clear-button:not(:disabled):hover{color:#2e394c;cursor:pointer}gux-input-search .gux-input-container .gux-clear-button gux-icon{width:12px;height:12px;border-radius:4px}gux-input-search .gux-input-container .gux-clear-button:focus{outline:none}gux-input-search .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-search .gux-input-container:focus-within{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px #75a8ff}";export{u as gux_input_search}
1
+ import{r as t,h as n,g as i}from"./p-a085b143.js";import{b as e}from"./p-14a51c35.js";import{s as o}from"./p-8fe7daff.js";import{o as r}from"./p-e2bea786.js";import"./p-8a133b9b.js";import"./p-d176c2ae.js";const a={clear:"Clear"},u=class{constructor(n){t(this,n),this.hasContent=!1}clearInput(){o(this.input,"",!0)}setHasContent(){this.hasContent=Boolean(this.input.value)}renderSearchIcon(){return n("gux-icon",{class:"gux-search-icon","icon-name":"search",decorative:!0})}renderClearButton(){return 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}async componentWillLoad(){this.getI18nValue=await e(this.root,a),this.input=this.root.querySelector('input[type="search"]'),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-container":!0,"gux-disabled":this.disabled}},this.renderSearchIcon(),n("slot",null),this.renderClearButton())}get root(){return i(this)}};u.style="gux-input-search{position:relative;display:block}gux-input-search .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-input-search .gux-input-container.gux-disabled{opacity:0.5}gux-input-search .gux-input-container .gux-search-icon{flex:0 0 auto;align-self:auto;order:0;width:20px;height:20px;color:#596373}gux-input-search .gux-input-container input{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}gux-input-search .gux-input-container input::placeholder{color:#596373;opacity:1}gux-input-search .gux-input-container input::-webkit-search-cancel-button,gux-input-search .gux-input-container input::-webkit-search-results-button,gux-input-search .gux-input-container input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}gux-input-search .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-search .gux-input-container .gux-clear-button:not(:disabled):focus,gux-input-search .gux-input-container .gux-clear-button:not(:disabled):hover{color:#2e394c;cursor:pointer}gux-input-search .gux-input-container .gux-clear-button gux-icon{width:12px;height:12px;border-radius:4px}gux-input-search .gux-input-container .gux-clear-button:focus{outline:none}gux-input-search .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-search .gux-input-container:focus-within{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px #75a8ff}";export{u as gux_input_search}