genesys-spark-components 3.74.0 → 3.76.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (432) hide show
  1. package/dist/cjs/gux-accordion-legacy.cjs.entry.js +1 -1
  2. package/dist/cjs/gux-accordion-section.cjs.entry.js +1 -1
  3. package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
  4. package/dist/cjs/gux-action-button-legacy.cjs.entry.js +1 -1
  5. package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
  6. package/dist/cjs/gux-action-list-legacy_2.cjs.entry.js +1 -1
  7. package/dist/cjs/gux-action-toast.cjs.entry.js +1 -1
  8. package/dist/cjs/gux-advanced-dropdown.cjs.entry.js +2 -2
  9. package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
  10. package/dist/cjs/gux-badge-beta.cjs.entry.js +1 -1
  11. package/dist/cjs/gux-blank-state-beta.cjs.entry.js +1 -1
  12. package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
  13. package/dist/cjs/gux-button-multi-legacy.cjs.entry.js +1 -1
  14. package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
  15. package/dist/cjs/gux-button-slot-beta.cjs.entry.js +2 -2
  16. package/dist/cjs/gux-button.cjs.entry.js +2 -2
  17. package/dist/cjs/gux-calendar.cjs.entry.js +2 -2
  18. package/dist/cjs/gux-card-beta.cjs.entry.js +1 -1
  19. package/dist/cjs/gux-chart-column-beta.cjs.entry.js +1 -1
  20. package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +1 -1
  21. package/dist/cjs/gux-chart-line-beta.cjs.entry.js +1 -1
  22. package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +1 -1
  23. package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +1 -1
  24. package/dist/cjs/gux-color-select_2.cjs.entry.js +1 -1
  25. package/dist/cjs/gux-column-manager-beta.cjs.entry.js +1 -1
  26. package/dist/cjs/gux-column-manager-item.cjs.entry.js +1 -1
  27. package/dist/cjs/gux-command-palette-legacy.cjs.entry.js +2 -2
  28. package/dist/cjs/gux-content-search.cjs.entry.js +2 -2
  29. package/dist/cjs/gux-context-menu-beta.cjs.entry.js +1 -1
  30. package/dist/cjs/gux-copy-to-clipboard-beta.cjs.entry.js +2 -2
  31. package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
  32. package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
  33. package/dist/cjs/gux-datepicker.cjs.entry.js +2 -2
  34. package/dist/cjs/gux-disclosure-button.cjs.entry.js +1 -1
  35. package/dist/cjs/gux-dismiss-button.cjs.entry.js +2 -2
  36. package/dist/cjs/gux-dropdown-legacy.cjs.entry.js +2 -2
  37. package/dist/cjs/gux-dropdown-multi-beta.cjs.entry.js +2 -2
  38. package/dist/cjs/gux-dropdown-option.cjs.entry.js +1 -1
  39. package/dist/cjs/gux-dropdown_3.cjs.entry.js +2 -2
  40. package/dist/cjs/gux-error-message-beta.cjs.entry.js +1 -1
  41. package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +1 -1
  42. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +2 -2
  43. package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
  44. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
  45. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +2 -2
  46. package/dist/cjs/gux-form-field-legacy.cjs.entry.js +1 -1
  47. package/dist/cjs/gux-form-field-number.cjs.entry.js +2 -2
  48. package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
  49. package/dist/cjs/gux-form-field-radio.cjs.entry.js +2 -2
  50. package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
  51. package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
  52. package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
  53. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
  54. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
  55. package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
  56. package/dist/cjs/gux-icon.cjs.entry.js +1 -1
  57. package/dist/cjs/gux-inline-alert-beta.cjs.entry.js +1 -1
  58. package/dist/cjs/gux-input-checkbox_7.cjs.entry.js +3 -3
  59. package/dist/cjs/gux-input-search.cjs.entry.js +1 -1
  60. package/dist/cjs/gux-input-text-like.cjs.entry.js +1 -1
  61. package/dist/cjs/gux-list-item-legacy_2.cjs.entry.js +2 -2
  62. package/dist/cjs/gux-list-item.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-list.cjs.entry.js +1 -1
  64. package/dist/cjs/gux-listbox-multi.cjs.entry.js +2 -2
  65. package/dist/cjs/gux-loading-message-beta.cjs.entry.js +1 -1
  66. package/dist/cjs/gux-modal.cjs.entry.js +1 -1
  67. package/dist/cjs/gux-month-calendar.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-month-list_2.cjs.entry.js +1 -1
  69. package/dist/cjs/gux-month-picker-beta.cjs.entry.js +2 -2
  70. package/dist/cjs/gux-notification-toast.cjs.entry.js +1 -1
  71. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
  72. package/dist/cjs/gux-pagination-beta.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
  75. package/dist/cjs/gux-panel-frame-legacy.cjs.entry.js +1 -1
  76. package/dist/cjs/gux-phone-input-beta.cjs.entry.js +2 -2
  77. package/dist/cjs/gux-popover-beta.cjs.entry.js +1 -1
  78. package/dist/cjs/gux-popover-list-beta.cjs.entry.js +1 -1
  79. package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
  80. package/dist/cjs/gux-popover.cjs.entry.js +1 -1
  81. package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
  82. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  83. package/dist/cjs/gux-rating.cjs.entry.js +2 -2
  84. package/dist/cjs/gux-region-icon.cjs.entry.js +1 -1
  85. package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
  86. package/dist/cjs/gux-side-panel-button.cjs.entry.js +1 -1
  87. package/dist/cjs/gux-side-panel-legacy.cjs.entry.js +1 -1
  88. package/dist/cjs/gux-simple-toast.cjs.entry.js +1 -1
  89. package/dist/cjs/gux-skip-navigation-list-beta.cjs.entry.js +1 -1
  90. package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
  91. package/dist/cjs/gux-switch-item.cjs.entry.js +1 -1
  92. package/dist/cjs/gux-switch.cjs.entry.js +1 -1
  93. package/dist/cjs/gux-tab-advanced-list.cjs.entry.js +1 -1
  94. package/dist/cjs/gux-tab-dropdown-option-legacy.cjs.entry.js +1 -1
  95. package/dist/cjs/gux-tab-legacy.cjs.entry.js +1 -1
  96. package/dist/cjs/gux-table-beta.cjs.entry.js +1 -1
  97. package/dist/cjs/gux-table-select-menu.cjs.entry.js +1 -1
  98. package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
  99. package/dist/cjs/gux-table-toolbar-beta.cjs.entry.js +1 -1
  100. package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
  101. package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
  102. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  103. package/dist/cjs/gux-tabs-legacy.cjs.entry.js +1 -1
  104. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  105. package/dist/cjs/gux-tag-beta.cjs.entry.js +1 -1
  106. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  107. package/dist/cjs/gux-text-label-legacy.cjs.entry.js +1 -1
  108. package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
  109. package/dist/cjs/gux-time-picker-beta.cjs.entry.js +3 -3
  110. package/dist/cjs/gux-toggle-slider.cjs.entry.js +1 -1
  111. package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
  112. package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
  113. package/dist/cjs/gux-visualization-beta.cjs.entry.js +1 -1
  114. package/dist/cjs/{usage-7326b1ee.js → usage-413eea02.js} +1 -1
  115. package/dist/collection/components/beta/gux-button-slot/gux-button-slot.css +3 -3
  116. package/dist/collection/components/beta/gux-column-manager/gux-column-manager-item/gux-column-manager-item.css +3 -3
  117. package/dist/collection/components/beta/gux-copy-to-clipboard/gux-copy-to-clipboard.css +3 -3
  118. package/dist/collection/components/beta/gux-dropdown-multi/gux-dropdown-multi.css +2 -2
  119. package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-calendar.css +2 -2
  120. package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-list/gux-month-list-item/gux-month-list-item.css +1 -1
  121. package/dist/collection/components/beta/gux-month-picker/gux-month-picker.css +8 -3
  122. package/dist/collection/components/beta/gux-phone-input/gux-phone-input.css +1 -1
  123. package/dist/collection/components/beta/gux-table/gux-table-select-menu/gux-table-select-menu.css +1 -1
  124. package/dist/collection/components/beta/gux-time-picker/gux-time-picker.css +14 -2
  125. package/dist/collection/components/beta/gux-time-picker/gux-time-picker.js +1 -1
  126. package/dist/collection/components/legacy/gux-command-palette-legacy/gux-command-palette.css +8 -8
  127. package/dist/collection/components/legacy/gux-dropdown-legacy/gux-dropdown.css +4 -4
  128. package/dist/collection/components/legacy/gux-form-field-legacy/components/gux-input-checkbox/gux-input-checkbox.css +1 -1
  129. package/dist/collection/components/legacy/gux-form-field-legacy/components/gux-input-color/components/gux-input-color-option/gux-input-color-option.css +1 -1
  130. package/dist/collection/components/legacy/gux-form-field-legacy/components/gux-input-color/gux-input-color.css +2 -2
  131. package/dist/collection/components/legacy/gux-form-field-legacy/components/gux-input-number/gux-input-number.css +2 -2
  132. package/dist/collection/components/legacy/gux-form-field-legacy/components/gux-input-search/gux-input-search.css +2 -2
  133. package/dist/collection/components/legacy/gux-form-field-legacy/components/gux-input-text-like/gux-input-text-like.css +2 -2
  134. package/dist/collection/components/legacy/gux-list-legacy/list-item/gux-list-item.css +2 -2
  135. package/dist/collection/components/legacy/gux-side-panel-legacy/buttons/gux-side-panel-button.css +8 -8
  136. package/dist/collection/components/legacy/gux-tabs-legacy/gux-tab-dropdown-option-legacy/gux-tab-dropdown-option-legacy.css +4 -4
  137. package/dist/collection/components/legacy/gux-tabs-legacy/gux-tab-legacy/gux-tab-legacy.css +4 -4
  138. package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.css +2 -2
  139. package/dist/collection/components/stable/gux-advanced-dropdown/dropdown-option/gux-dropdown-option.css +1 -1
  140. package/dist/collection/components/stable/gux-advanced-dropdown/gux-advanced-dropdown.css +1 -1
  141. package/dist/collection/components/stable/gux-button/gux-button.css +1 -1
  142. package/dist/collection/components/stable/gux-calendar/gux-calendar.css +1 -1
  143. package/dist/collection/components/stable/gux-content-search/gux-content-search.css +4 -4
  144. package/dist/collection/components/stable/gux-datepicker/gux-datepicker.css +3 -3
  145. package/dist/collection/components/stable/gux-dismiss-button/gux-dismiss-button.css +2 -2
  146. package/dist/collection/components/stable/gux-dropdown/gux-dropdown.css +2 -2
  147. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.css +1 -1
  148. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.css +1 -1
  149. package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio/gux-form-field-radio.css +1 -1
  150. package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-input-clear-button/gux-form-field-input-clear-button.css +2 -2
  151. package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.css +1 -1
  152. package/dist/collection/components/stable/gux-listbox-multi/gux-listbox-multi.css +1 -1
  153. package/dist/collection/components/stable/gux-rating/gux-rating.css +1 -1
  154. package/dist/collection/components/stable/gux-switch/gux-switch-item/gux-switch-item.css +3 -3
  155. package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.css +2 -2
  156. package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.css +1 -1
  157. package/dist/deploy-info.json +3 -3
  158. package/dist/esm/gux-accordion-legacy.entry.js +1 -1
  159. package/dist/esm/gux-accordion-section.entry.js +1 -1
  160. package/dist/esm/gux-accordion.entry.js +1 -1
  161. package/dist/esm/gux-action-button-legacy.entry.js +1 -1
  162. package/dist/esm/gux-action-button.entry.js +1 -1
  163. package/dist/esm/gux-action-list-legacy_2.entry.js +1 -1
  164. package/dist/esm/gux-action-toast.entry.js +1 -1
  165. package/dist/esm/gux-advanced-dropdown.entry.js +2 -2
  166. package/dist/esm/gux-announce-beta.entry.js +1 -1
  167. package/dist/esm/gux-badge-beta.entry.js +1 -1
  168. package/dist/esm/gux-blank-state-beta.entry.js +1 -1
  169. package/dist/esm/gux-breadcrumbs.entry.js +1 -1
  170. package/dist/esm/gux-button-multi-legacy.entry.js +1 -1
  171. package/dist/esm/gux-button-multi.entry.js +1 -1
  172. package/dist/esm/gux-button-slot-beta.entry.js +2 -2
  173. package/dist/esm/gux-button.entry.js +2 -2
  174. package/dist/esm/gux-calendar.entry.js +2 -2
  175. package/dist/esm/gux-card-beta.entry.js +1 -1
  176. package/dist/esm/gux-chart-column-beta.entry.js +1 -1
  177. package/dist/esm/gux-chart-donut-beta.entry.js +1 -1
  178. package/dist/esm/gux-chart-line-beta.entry.js +1 -1
  179. package/dist/esm/gux-chart-pie-beta.entry.js +1 -1
  180. package/dist/esm/gux-chart-scatter-plot-beta.entry.js +1 -1
  181. package/dist/esm/gux-color-select_2.entry.js +1 -1
  182. package/dist/esm/gux-column-manager-beta.entry.js +1 -1
  183. package/dist/esm/gux-column-manager-item.entry.js +1 -1
  184. package/dist/esm/gux-command-palette-legacy.entry.js +2 -2
  185. package/dist/esm/gux-content-search.entry.js +2 -2
  186. package/dist/esm/gux-context-menu-beta.entry.js +1 -1
  187. package/dist/esm/gux-copy-to-clipboard-beta.entry.js +2 -2
  188. package/dist/esm/gux-date-beta.entry.js +1 -1
  189. package/dist/esm/gux-date-time-beta.entry.js +1 -1
  190. package/dist/esm/gux-datepicker.entry.js +2 -2
  191. package/dist/esm/gux-disclosure-button.entry.js +1 -1
  192. package/dist/esm/gux-dismiss-button.entry.js +2 -2
  193. package/dist/esm/gux-dropdown-legacy.entry.js +2 -2
  194. package/dist/esm/gux-dropdown-multi-beta.entry.js +2 -2
  195. package/dist/esm/gux-dropdown-option.entry.js +1 -1
  196. package/dist/esm/gux-dropdown_3.entry.js +2 -2
  197. package/dist/esm/gux-error-message-beta.entry.js +1 -1
  198. package/dist/esm/gux-flyout-menu-beta.entry.js +1 -1
  199. package/dist/esm/gux-form-field-checkbox.entry.js +2 -2
  200. package/dist/esm/gux-form-field-color.entry.js +1 -1
  201. package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
  202. package/dist/esm/gux-form-field-input-clear-button.entry.js +2 -2
  203. package/dist/esm/gux-form-field-legacy.entry.js +1 -1
  204. package/dist/esm/gux-form-field-number.entry.js +2 -2
  205. package/dist/esm/gux-form-field-phone.entry.js +1 -1
  206. package/dist/esm/gux-form-field-radio.entry.js +2 -2
  207. package/dist/esm/gux-form-field-range.entry.js +1 -1
  208. package/dist/esm/gux-form-field-search.entry.js +1 -1
  209. package/dist/esm/gux-form-field-select.entry.js +1 -1
  210. package/dist/esm/gux-form-field-text-like.entry.js +1 -1
  211. package/dist/esm/gux-form-field-textarea.entry.js +1 -1
  212. package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
  213. package/dist/esm/gux-icon.entry.js +1 -1
  214. package/dist/esm/gux-inline-alert-beta.entry.js +1 -1
  215. package/dist/esm/gux-input-checkbox_7.entry.js +3 -3
  216. package/dist/esm/gux-input-search.entry.js +1 -1
  217. package/dist/esm/gux-input-text-like.entry.js +1 -1
  218. package/dist/esm/gux-list-item-legacy_2.entry.js +2 -2
  219. package/dist/esm/gux-list-item.entry.js +1 -1
  220. package/dist/esm/gux-list.entry.js +1 -1
  221. package/dist/esm/gux-listbox-multi.entry.js +2 -2
  222. package/dist/esm/gux-loading-message-beta.entry.js +1 -1
  223. package/dist/esm/gux-modal.entry.js +1 -1
  224. package/dist/esm/gux-month-calendar.entry.js +1 -1
  225. package/dist/esm/gux-month-list_2.entry.js +1 -1
  226. package/dist/esm/gux-month-picker-beta.entry.js +2 -2
  227. package/dist/esm/gux-notification-toast.entry.js +1 -1
  228. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  229. package/dist/esm/gux-pagination-beta.entry.js +1 -1
  230. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  231. package/dist/esm/gux-pagination.entry.js +1 -1
  232. package/dist/esm/gux-panel-frame-legacy.entry.js +1 -1
  233. package/dist/esm/gux-phone-input-beta.entry.js +2 -2
  234. package/dist/esm/gux-popover-beta.entry.js +1 -1
  235. package/dist/esm/gux-popover-list-beta.entry.js +1 -1
  236. package/dist/esm/gux-popover-list.entry.js +1 -1
  237. package/dist/esm/gux-popover.entry.js +1 -1
  238. package/dist/esm/gux-radial-loading.entry.js +1 -1
  239. package/dist/esm/gux-radial-progress.entry.js +1 -1
  240. package/dist/esm/gux-rating.entry.js +2 -2
  241. package/dist/esm/gux-region-icon.entry.js +1 -1
  242. package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
  243. package/dist/esm/gux-side-panel-button.entry.js +1 -1
  244. package/dist/esm/gux-side-panel-legacy.entry.js +1 -1
  245. package/dist/esm/gux-simple-toast.entry.js +1 -1
  246. package/dist/esm/gux-skip-navigation-list-beta.entry.js +1 -1
  247. package/dist/esm/gux-sort-control.entry.js +1 -1
  248. package/dist/esm/gux-switch-item.entry.js +1 -1
  249. package/dist/esm/gux-switch.entry.js +1 -1
  250. package/dist/esm/gux-tab-advanced-list.entry.js +1 -1
  251. package/dist/esm/gux-tab-dropdown-option-legacy.entry.js +1 -1
  252. package/dist/esm/gux-tab-legacy.entry.js +1 -1
  253. package/dist/esm/gux-table-beta.entry.js +1 -1
  254. package/dist/esm/gux-table-select-menu.entry.js +1 -1
  255. package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
  256. package/dist/esm/gux-table-toolbar-beta.entry.js +1 -1
  257. package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
  258. package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
  259. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  260. package/dist/esm/gux-tabs-legacy.entry.js +1 -1
  261. package/dist/esm/gux-tabs.entry.js +1 -1
  262. package/dist/esm/gux-tag-beta.entry.js +1 -1
  263. package/dist/esm/gux-text-highlight.entry.js +1 -1
  264. package/dist/esm/gux-text-label-legacy.entry.js +1 -1
  265. package/dist/esm/gux-time-beta.entry.js +1 -1
  266. package/dist/esm/gux-time-picker-beta.entry.js +3 -3
  267. package/dist/esm/gux-toggle-slider.entry.js +1 -1
  268. package/dist/esm/gux-toggle.entry.js +1 -1
  269. package/dist/esm/gux-tooltip.entry.js +1 -1
  270. package/dist/esm/gux-visualization-beta.entry.js +1 -1
  271. package/dist/esm/{usage-d2ded6c3.js → usage-4835daf4.js} +1 -1
  272. package/dist/genesys-webcomponents/genesys-webcomponents.css +1 -1
  273. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  274. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.ar.json +1 -1
  275. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.cs.json +1 -1
  276. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.de.json +1 -1
  277. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.es-es.json +1 -1
  278. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.es.json +1 -1
  279. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.fr-ca.json +1 -1
  280. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.fr.json +1 -1
  281. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.he.json +1 -1
  282. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.it.json +1 -1
  283. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.ja.json +1 -1
  284. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.ko.json +1 -1
  285. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.nl.json +1 -1
  286. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.no.json +1 -1
  287. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.pl.json +1 -1
  288. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.pt-br.json +1 -1
  289. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.ru.json +1 -1
  290. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.th.json +1 -1
  291. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.tr.json +1 -1
  292. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.zh-cn.json +1 -1
  293. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.zh-tw.json +1 -1
  294. package/dist/genesys-webcomponents/less/focus.less +12 -0
  295. package/dist/genesys-webcomponents/less/typography.less +1 -1
  296. package/dist/genesys-webcomponents/{p-8e1dbb27.entry.js → p-00307d94.entry.js} +1 -1
  297. package/dist/genesys-webcomponents/{p-5a04c9f1.entry.js → p-047c6a33.entry.js} +1 -1
  298. package/dist/genesys-webcomponents/{p-e467878b.entry.js → p-0820149f.entry.js} +1 -1
  299. package/dist/genesys-webcomponents/{p-01a3079e.entry.js → p-09be58e9.entry.js} +1 -1
  300. package/dist/genesys-webcomponents/{p-68a0564f.entry.js → p-0ae0fb1d.entry.js} +1 -1
  301. package/dist/genesys-webcomponents/{p-094883d2.entry.js → p-0c4dd231.entry.js} +1 -1
  302. package/dist/genesys-webcomponents/{p-62b87cc6.entry.js → p-1024c8f3.entry.js} +1 -1
  303. package/dist/genesys-webcomponents/{p-8a94c981.entry.js → p-1619f266.entry.js} +1 -1
  304. package/dist/genesys-webcomponents/{p-54a4b17c.entry.js → p-170ab25d.entry.js} +1 -1
  305. package/dist/genesys-webcomponents/{p-f0c7ab96.entry.js → p-17e9768c.entry.js} +1 -1
  306. package/dist/genesys-webcomponents/p-194153d9.entry.js +1 -0
  307. package/dist/genesys-webcomponents/{p-bd6f6f6e.entry.js → p-19b222e1.entry.js} +1 -1
  308. package/dist/genesys-webcomponents/{p-f6954ac4.entry.js → p-1adc234c.entry.js} +1 -1
  309. package/dist/genesys-webcomponents/{p-2d796dbe.entry.js → p-1dfcb97b.entry.js} +1 -1
  310. package/dist/genesys-webcomponents/{p-18f9f3db.entry.js → p-223ce2d2.entry.js} +1 -1
  311. package/dist/genesys-webcomponents/{p-c7b3dff9.entry.js → p-225054fa.entry.js} +1 -1
  312. package/dist/genesys-webcomponents/{p-493de388.entry.js → p-22900bdd.entry.js} +1 -1
  313. package/dist/genesys-webcomponents/{p-f52190bf.entry.js → p-26f688c3.entry.js} +1 -1
  314. package/dist/genesys-webcomponents/{p-b6b73c3d.entry.js → p-273e6879.entry.js} +1 -1
  315. package/dist/genesys-webcomponents/{p-2f3f1d4f.entry.js → p-28bf7cd3.entry.js} +1 -1
  316. package/dist/genesys-webcomponents/{p-5d15c174.entry.js → p-2b378077.entry.js} +1 -1
  317. package/dist/genesys-webcomponents/{p-de0f267a.entry.js → p-2bb6d4e2.entry.js} +1 -1
  318. package/dist/genesys-webcomponents/{p-59e96364.entry.js → p-2bcb5279.entry.js} +1 -1
  319. package/dist/genesys-webcomponents/{p-c4a89eb7.entry.js → p-2bd722d4.entry.js} +1 -1
  320. package/dist/genesys-webcomponents/{p-61031705.entry.js → p-2e5f3767.entry.js} +1 -1
  321. package/dist/genesys-webcomponents/p-3078e1f4.entry.js +1 -0
  322. package/dist/genesys-webcomponents/{p-8f596fe6.entry.js → p-336b0d82.entry.js} +1 -1
  323. package/dist/genesys-webcomponents/{p-b03295ac.entry.js → p-350ea16d.entry.js} +1 -1
  324. package/dist/genesys-webcomponents/{p-dc77c6d7.entry.js → p-3679a6e3.entry.js} +1 -1
  325. package/dist/genesys-webcomponents/{p-2936de7b.entry.js → p-38656fc3.entry.js} +1 -1
  326. package/dist/genesys-webcomponents/{p-17bc34ba.entry.js → p-3eacbaee.entry.js} +1 -1
  327. package/dist/genesys-webcomponents/p-46ee83e7.entry.js +1 -0
  328. package/dist/genesys-webcomponents/{p-384f1dc5.entry.js → p-4bf257fc.entry.js} +1 -1
  329. package/dist/genesys-webcomponents/{p-eaeef388.entry.js → p-5660573f.entry.js} +1 -1
  330. package/dist/genesys-webcomponents/{p-022b19d0.entry.js → p-572e8a8d.entry.js} +1 -1
  331. package/dist/genesys-webcomponents/{p-da008ec4.entry.js → p-573aa525.entry.js} +1 -1
  332. package/dist/genesys-webcomponents/p-58253190.entry.js +1 -0
  333. package/dist/genesys-webcomponents/p-590d72fb.entry.js +1 -0
  334. package/dist/genesys-webcomponents/p-5c6ff47c.entry.js +1 -0
  335. package/dist/genesys-webcomponents/{p-0ce9365d.entry.js → p-6889ddf4.entry.js} +1 -1
  336. package/dist/genesys-webcomponents/{p-2372855e.entry.js → p-6a696b2f.entry.js} +1 -1
  337. package/dist/genesys-webcomponents/{p-e1df7732.entry.js → p-6b943390.entry.js} +1 -1
  338. package/dist/genesys-webcomponents/{p-afbebd3a.entry.js → p-6bd3c409.entry.js} +1 -1
  339. package/dist/genesys-webcomponents/p-6ce70118.entry.js +1 -0
  340. package/dist/genesys-webcomponents/{p-d6ca852c.entry.js → p-6d52877f.entry.js} +1 -1
  341. package/dist/genesys-webcomponents/{p-fbff90cf.entry.js → p-6ee44bba.entry.js} +1 -1
  342. package/dist/genesys-webcomponents/{p-9b5b8227.entry.js → p-6fd07828.entry.js} +1 -1
  343. package/dist/genesys-webcomponents/{p-c2774f92.entry.js → p-70a64455.entry.js} +1 -1
  344. package/dist/genesys-webcomponents/{p-9e8f2792.entry.js → p-713c07ae.entry.js} +1 -1
  345. package/dist/genesys-webcomponents/{p-76cfe26d.entry.js → p-73b0e35e.entry.js} +1 -1
  346. package/dist/genesys-webcomponents/p-7ea5c377.entry.js +1 -0
  347. package/dist/genesys-webcomponents/{p-8d85e413.entry.js → p-803f1d37.entry.js} +1 -1
  348. package/dist/genesys-webcomponents/{p-b4830c54.entry.js → p-83e57947.entry.js} +1 -1
  349. package/dist/genesys-webcomponents/{p-83258fcf.entry.js → p-84e11292.entry.js} +1 -1
  350. package/dist/genesys-webcomponents/{p-9290289a.entry.js → p-84f15ab2.entry.js} +1 -1
  351. package/dist/genesys-webcomponents/{p-2f3fa092.entry.js → p-877da031.entry.js} +1 -1
  352. package/dist/genesys-webcomponents/p-8949a265.entry.js +1 -0
  353. package/dist/genesys-webcomponents/p-8cb86ef5.entry.js +1 -0
  354. package/dist/genesys-webcomponents/p-8d02ad2a.entry.js +1 -0
  355. package/dist/genesys-webcomponents/{p-4a2dc457.entry.js → p-8e0d7912.entry.js} +1 -1
  356. package/dist/genesys-webcomponents/{p-423f50b9.entry.js → p-8f178eec.entry.js} +1 -1
  357. package/dist/genesys-webcomponents/{p-d0c4103c.entry.js → p-8f664c07.entry.js} +1 -1
  358. package/dist/genesys-webcomponents/p-90b71540.entry.js +1 -0
  359. package/dist/genesys-webcomponents/{p-17b55405.entry.js → p-92e59a2a.entry.js} +1 -1
  360. package/dist/genesys-webcomponents/{p-7f6659e0.entry.js → p-96213f16.entry.js} +1 -1
  361. package/dist/genesys-webcomponents/p-98697f7c.entry.js +1 -0
  362. package/dist/genesys-webcomponents/p-99e06769.entry.js +1 -0
  363. package/dist/genesys-webcomponents/{p-4b43d2ab.entry.js → p-9aed8b61.entry.js} +1 -1
  364. package/dist/genesys-webcomponents/{p-d1821607.entry.js → p-9e1bf445.entry.js} +1 -1
  365. package/dist/genesys-webcomponents/{p-e488b9d3.entry.js → p-a0c46eb3.entry.js} +1 -1
  366. package/dist/genesys-webcomponents/{p-6da5e0fc.entry.js → p-a199ebcc.entry.js} +1 -1
  367. package/dist/genesys-webcomponents/p-a391479a.entry.js +1 -0
  368. package/dist/genesys-webcomponents/p-a5f744ad.entry.js +1 -0
  369. package/dist/genesys-webcomponents/{p-32a21627.entry.js → p-a70bc2b2.entry.js} +1 -1
  370. package/dist/genesys-webcomponents/{p-67963c64.entry.js → p-a7fbaada.entry.js} +1 -1
  371. package/dist/genesys-webcomponents/{p-749cbb19.entry.js → p-a887c54b.entry.js} +1 -1
  372. package/dist/genesys-webcomponents/{p-b70b1852.entry.js → p-aea1b3b1.entry.js} +1 -1
  373. package/dist/genesys-webcomponents/{p-a1a656c3.entry.js → p-af482384.entry.js} +1 -1
  374. package/dist/genesys-webcomponents/{p-8ef0bc79.entry.js → p-b29629b9.entry.js} +1 -1
  375. package/dist/genesys-webcomponents/{p-0d5d131b.entry.js → p-b3b2964f.entry.js} +1 -1
  376. package/dist/genesys-webcomponents/{p-ac93e6d2.entry.js → p-b4cf6987.entry.js} +1 -1
  377. package/dist/genesys-webcomponents/{p-f9234bd2.entry.js → p-b5e05c3a.entry.js} +1 -1
  378. package/dist/genesys-webcomponents/{p-e194c0a4.entry.js → p-b671aa52.entry.js} +1 -1
  379. package/dist/genesys-webcomponents/{p-bba8242b.entry.js → p-b707dfa5.entry.js} +1 -1
  380. package/dist/genesys-webcomponents/{p-cdbcc1cb.entry.js → p-bc381ffe.entry.js} +1 -1
  381. package/dist/genesys-webcomponents/{p-2ccd5012.js → p-bce4dece.js} +1 -1
  382. package/dist/genesys-webcomponents/p-be998127.entry.js +1 -0
  383. package/dist/genesys-webcomponents/p-c187bf4c.entry.js +1 -0
  384. package/dist/genesys-webcomponents/{p-c8078800.entry.js → p-c3a09c7e.entry.js} +1 -1
  385. package/dist/genesys-webcomponents/{p-f8521b6b.entry.js → p-c5c04b3b.entry.js} +1 -1
  386. package/dist/genesys-webcomponents/{p-3670638d.entry.js → p-c6f167af.entry.js} +1 -1
  387. package/dist/genesys-webcomponents/{p-ac8f2d8c.entry.js → p-c84193dc.entry.js} +1 -1
  388. package/dist/genesys-webcomponents/{p-f283fb8d.entry.js → p-ce8a7685.entry.js} +1 -1
  389. package/dist/genesys-webcomponents/{p-b0edd560.entry.js → p-d01647e0.entry.js} +1 -1
  390. package/dist/genesys-webcomponents/{p-c5fb4cd3.entry.js → p-d05c6d00.entry.js} +1 -1
  391. package/dist/genesys-webcomponents/{p-5be1d853.entry.js → p-d2491772.entry.js} +1 -1
  392. package/dist/genesys-webcomponents/{p-5782e63c.entry.js → p-d42a0133.entry.js} +1 -1
  393. package/dist/genesys-webcomponents/{p-4dc46a0c.entry.js → p-d441806a.entry.js} +1 -1
  394. package/dist/genesys-webcomponents/{p-07549a1e.entry.js → p-d76425be.entry.js} +1 -1
  395. package/dist/genesys-webcomponents/{p-b73549d2.entry.js → p-d7b8ed23.entry.js} +1 -1
  396. package/dist/genesys-webcomponents/{p-01607517.entry.js → p-da0e7019.entry.js} +1 -1
  397. package/dist/genesys-webcomponents/{p-efba00c7.entry.js → p-df78f500.entry.js} +1 -1
  398. package/dist/genesys-webcomponents/{p-955f8296.entry.js → p-e1253246.entry.js} +1 -1
  399. package/dist/genesys-webcomponents/{p-116ac604.entry.js → p-e1929df7.entry.js} +1 -1
  400. package/dist/genesys-webcomponents/{p-6cfaeecc.entry.js → p-e3e80779.entry.js} +1 -1
  401. package/dist/genesys-webcomponents/{p-5a854fd6.entry.js → p-ef932354.entry.js} +1 -1
  402. package/dist/genesys-webcomponents/{p-9c41ae22.entry.js → p-ef9dcdb9.entry.js} +1 -1
  403. package/dist/genesys-webcomponents/{p-caf27730.entry.js → p-f83cb7b5.entry.js} +1 -1
  404. package/dist/genesys-webcomponents/{p-03d8813e.entry.js → p-f881359b.entry.js} +1 -1
  405. package/dist/genesys-webcomponents/{p-0d21d6a5.entry.js → p-f9aeca20.entry.js} +1 -1
  406. package/dist/genesys-webcomponents/p-faa8a1f2.entry.js +1 -0
  407. package/dist/genesys-webcomponents/p-fb021610.entry.js +1 -0
  408. package/dist/genesys-webcomponents/{p-4eaf63e1.entry.js → p-fdffdf77.entry.js} +1 -1
  409. package/dist/genesys-webcomponents/{p-8936ffc6.entry.js → p-ff9007d6.entry.js} +1 -1
  410. package/dist/stencil-wrapper.js +1 -1
  411. package/dist/types/stencil-wrapper.d.ts +1 -1
  412. package/package.json +1 -1
  413. package/dist/genesys-webcomponents/p-0379f897.entry.js +0 -1
  414. package/dist/genesys-webcomponents/p-18d5f33b.entry.js +0 -1
  415. package/dist/genesys-webcomponents/p-1e65ee6c.entry.js +0 -1
  416. package/dist/genesys-webcomponents/p-27c24fe5.entry.js +0 -1
  417. package/dist/genesys-webcomponents/p-2da6fc62.entry.js +0 -1
  418. package/dist/genesys-webcomponents/p-4230db34.entry.js +0 -1
  419. package/dist/genesys-webcomponents/p-42ee80e4.entry.js +0 -1
  420. package/dist/genesys-webcomponents/p-89ef12a8.entry.js +0 -1
  421. package/dist/genesys-webcomponents/p-8a51b224.entry.js +0 -1
  422. package/dist/genesys-webcomponents/p-b9a88098.entry.js +0 -1
  423. package/dist/genesys-webcomponents/p-bb785e8b.entry.js +0 -1
  424. package/dist/genesys-webcomponents/p-bc988161.entry.js +0 -1
  425. package/dist/genesys-webcomponents/p-cc0838cf.entry.js +0 -1
  426. package/dist/genesys-webcomponents/p-d6d90587.entry.js +0 -1
  427. package/dist/genesys-webcomponents/p-d8eb880a.entry.js +0 -1
  428. package/dist/genesys-webcomponents/p-dd45f118.entry.js +0 -1
  429. package/dist/genesys-webcomponents/p-df1a6fa1.entry.js +0 -1
  430. package/dist/genesys-webcomponents/p-e268bce7.entry.js +0 -1
  431. package/dist/genesys-webcomponents/p-f8b4305f.entry.js +0 -1
  432. package/dist/genesys-webcomponents/p-f9fa6143.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as t,h as s,g as e,c as i}from"./p-9031eb6a.js";import{t as n}from"./p-2ccd5012.js";import{c as a}from"./p-f86fcdf4.js";const o="gux-action-item:not([disabled])",r=class{constructor(s){t(this,s),this.selectedIndex=-1}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){n(this.root)}render(){return this.updateTabIndexes(),s("div",{class:"gux-action-list-items-container",role:"list"},s("slot",null))}onKeyDown(t){const s=this.getFilteredList();let e=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),e=this.selectedIndex-1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),e=s.length-1);break;case"Home":this.selectedIndex&&(e=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),e=this.selectedIndex+1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),e=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(e=s.length-1)}-1!==e&&(this.selectedIndex=e)}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.shadowRoot.querySelector("button").setAttribute("tabindex","-1"):(t.shadowRoot.querySelector("button").setAttribute("tabindex","0"),t.shadowRoot.querySelector("button").focus())}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches(o))):Array.from(this.root.querySelectorAll(o))}get root(){return e(this)}};r.style=".gux-action-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";const c=class{constructor(s){t(this,s),this.internalexpanded=i(this,"internalexpanded",7),this.internalcollapsed=i(this,"internalcollapsed",7),this.expanded=!1,this.disabled=!1}onExpandedChange(t){t?(this.popperInstance.forceUpdate(),this.internalexpanded.emit()):this.internalcollapsed.emit()}connectedCallback(){this.targetElementContainer&&this.popupElementContainer&&this.setPopperInstance()}componentDidLoad(){this.setPopperInstance()}disconnectedCallback(){var t;null===(t=this.popperInstance)||void 0===t||t.destroy()}setPopperInstance(){this.popperInstance=a(this.targetElementContainer,this.popupElementContainer,{strategy:"fixed",modifiers:[{name:"flip",options:{boundary:[]}},{name:"offset",options:{offset:[0,2]}},{name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn({state:t}){t.styles.popper.width=`${t.rects.reference.width}px`},effect({state:t}){t.elements.popper.style.width=`${t.elements.reference.getBoundingClientRect().width}px`}}],placement:"bottom-start"})}render(){return s("div",{class:{"gux-target-container":!0,"gux-disabled":this.disabled},ref:t=>this.targetElementContainer=t},s("slot",{name:"target"}),s("div",{class:{"gux-popup-container":!0,"gux-expanded":this.expanded&&!this.disabled},ref:t=>this.popupElementContainer=t},s("slot",{name:"popup"})))}static get watchers(){return{expanded:["onExpandedChange"]}}};c.style=".gux-target-container.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-popup-container{z-index:var(--gux-zindex-popup, 1);visibility:hidden}.gux-popup-container.gux-expanded{visibility:visible}";export{r as gux_action_list_legacy,c as gux_popup}
1
+ import{r as t,h as s,g as e,c as i}from"./p-9031eb6a.js";import{t as n}from"./p-bce4dece.js";import{c as a}from"./p-f86fcdf4.js";const o="gux-action-item:not([disabled])",r=class{constructor(s){t(this,s),this.selectedIndex=-1}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){n(this.root)}render(){return this.updateTabIndexes(),s("div",{class:"gux-action-list-items-container",role:"list"},s("slot",null))}onKeyDown(t){const s=this.getFilteredList();let e=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),e=this.selectedIndex-1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),e=s.length-1);break;case"Home":this.selectedIndex&&(e=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),e=this.selectedIndex+1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),e=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(e=s.length-1)}-1!==e&&(this.selectedIndex=e)}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.shadowRoot.querySelector("button").setAttribute("tabindex","-1"):(t.shadowRoot.querySelector("button").setAttribute("tabindex","0"),t.shadowRoot.querySelector("button").focus())}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches(o))):Array.from(this.root.querySelectorAll(o))}get root(){return e(this)}};r.style=".gux-action-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";const c=class{constructor(s){t(this,s),this.internalexpanded=i(this,"internalexpanded",7),this.internalcollapsed=i(this,"internalcollapsed",7),this.expanded=!1,this.disabled=!1}onExpandedChange(t){t?(this.popperInstance.forceUpdate(),this.internalexpanded.emit()):this.internalcollapsed.emit()}connectedCallback(){this.targetElementContainer&&this.popupElementContainer&&this.setPopperInstance()}componentDidLoad(){this.setPopperInstance()}disconnectedCallback(){var t;null===(t=this.popperInstance)||void 0===t||t.destroy()}setPopperInstance(){this.popperInstance=a(this.targetElementContainer,this.popupElementContainer,{strategy:"fixed",modifiers:[{name:"flip",options:{boundary:[]}},{name:"offset",options:{offset:[0,2]}},{name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn({state:t}){t.styles.popper.width=`${t.rects.reference.width}px`},effect({state:t}){t.elements.popper.style.width=`${t.elements.reference.getBoundingClientRect().width}px`}}],placement:"bottom-start"})}render(){return s("div",{class:{"gux-target-container":!0,"gux-disabled":this.disabled},ref:t=>this.targetElementContainer=t},s("slot",{name:"target"}),s("div",{class:{"gux-popup-container":!0,"gux-expanded":this.expanded&&!this.disabled},ref:t=>this.popupElementContainer=t},s("slot",{name:"popup"})))}static get watchers(){return{expanded:["onExpandedChange"]}}};c.style=".gux-target-container.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-popup-container{z-index:var(--gux-zindex-popup, 1);visibility:hidden}.gux-popup-container.gux-expanded{visibility:visible}";export{r as gux_action_list_legacy,c as gux_popup}
@@ -1 +1 @@
1
- import{r as t,h as i,g as e}from"./p-9031eb6a.js";import{c as o,o as s}from"./p-3f5341ea.js";import{O as r}from"./p-09124c44.js";import{o as n}from"./p-3701eff0.js";import{h as a}from"./p-08bc2e6b.js";import{G as l,a as h,v as f,g as p}from"./p-f007a6f8.js";import{G as x,a as u}from"./p-43ad56a8.js";import{t as d}from"./p-2ccd5012.js";import"./p-cbcbd1bb.js";import"./p-45fec011.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(i){t(this,i),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}watchValue(t){const i=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi-beta");i&&(i.hasError=t)}onMutation(){this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),d(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return i(u,{labelPosition:this.computedLabelPosition},i(x,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError,"gux-disabled":this.disabled}},i("slot",null)),i(l,{show:this.hasError},i("slot",{name:"error"})),i(h,{show:!this.hasError&&this.hasHelp},i("slot",{name:"help"}))))}get variant(){return`dropdown-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.dropdownElement=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi-beta"),this.listboxElement=this.root.querySelector("gux-listbox")||this.root.querySelector("gux-listbox-multi"),this.disabled=o(this.dropdownElement),this.required=this.dropdownElement.required,this.disabledObserver=s(this.dropdownElement,(t=>{this.disabled=t})),this.requiredObserver=n(this.dropdownElement,(t=>{this.required=t})),f(this.root,this.listboxElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=p(this.label,this.labelPosition)}get root(){return e(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(t,i,e,o){var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);r>3&&n&&Object.defineProperty(i,e,n)})([r({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 16px) 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input.gux-disabled{pointer-events:none;opacity:0.5}";export{g as gux_form_field_dropdown}
1
+ import{r as t,h as i,g as e}from"./p-9031eb6a.js";import{c as o,o as s}from"./p-3f5341ea.js";import{O as r}from"./p-09124c44.js";import{o as n}from"./p-3701eff0.js";import{h as a}from"./p-08bc2e6b.js";import{G as l,a as h,v as f,g as p}from"./p-f007a6f8.js";import{G as x,a as u}from"./p-43ad56a8.js";import{t as d}from"./p-bce4dece.js";import"./p-cbcbd1bb.js";import"./p-45fec011.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(i){t(this,i),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}watchValue(t){const i=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi-beta");i&&(i.hasError=t)}onMutation(){this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help")}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),d(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){return i(u,{labelPosition:this.computedLabelPosition},i(x,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError,"gux-disabled":this.disabled}},i("slot",null)),i(l,{show:this.hasError},i("slot",{name:"error"})),i(h,{show:!this.hasError&&this.hasHelp},i("slot",{name:"help"}))))}get variant(){return`dropdown-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.dropdownElement=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi-beta"),this.listboxElement=this.root.querySelector("gux-listbox")||this.root.querySelector("gux-listbox-multi"),this.disabled=o(this.dropdownElement),this.required=this.dropdownElement.required,this.disabledObserver=s(this.dropdownElement,(t=>{this.disabled=t})),this.requiredObserver=n(this.dropdownElement,(t=>{this.required=t})),f(this.root,this.listboxElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=p(this.label,this.labelPosition)}get root(){return e(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(t,i,e,o){var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);r>3&&n&&Object.defineProperty(i,e,n)})([r({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 16px) 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input.gux-disabled{pointer-events:none;opacity:0.5}";export{g as gux_form_field_dropdown}
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,H as a,g as h}from"./p-9031eb6a.js";import{t as e}from"./p-2ccd5012.js";const c=class{constructor(i){t(this,i),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.activeTab=void 0,this.orientation="horizontal",this.alignment="left",this.tabList=void 0,this.tabPanels=[]}watchActiveTab(t){this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,s]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=s.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,s,i){this.activeTab=t||i[0].tabId,s.guxSetActive(this.activeTab),i.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){e(this.root)}render(){return i(a,null,i("div",{class:`gux-tabs gux-${this.alignment} gux-${this.orientation}`},i("slot",{name:"tab-list"}),i("div",{class:`gux-${this.alignment} gux-${this.orientation}`},i("slot",{onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return h(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};c.style=".gux-tabs.gux-vertical{display:flex;height:100%}";export{c as gux_tabs}
1
+ import{r as t,c as s,h as i,H as a,g as h}from"./p-9031eb6a.js";import{t as e}from"./p-bce4dece.js";const c=class{constructor(i){t(this,i),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.activeTab=void 0,this.orientation="horizontal",this.alignment="left",this.tabList=void 0,this.tabPanels=[]}watchActiveTab(t){this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,s]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=s.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,s,i){this.activeTab=t||i[0].tabId,s.guxSetActive(this.activeTab),i.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){e(this.root)}render(){return i(a,null,i("div",{class:`gux-tabs gux-${this.alignment} gux-${this.orientation}`},i("slot",{name:"tab-list"}),i("div",{class:`gux-${this.alignment} gux-${this.orientation}`},i("slot",{onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return h(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};c.style=".gux-tabs.gux-vertical{display:flex;height:100%}";export{c as gux_tabs}
@@ -0,0 +1 @@
1
+ import{r as t,c as e,h as s,g as i}from"./p-9031eb6a.js";import{t as o}from"./p-bce4dece.js";import{b as n}from"./p-2b58afeb.js";import"./p-8a133b9b.js";const a={previous:"Previous",next:"Next"},r=class{constructor(s){t(this,s),this.guxPaginationCursorchange=e(this,"guxPaginationCursorchange",7),this.hasPrevious=!1,this.hasNext=!1}onButtonClick(t){("previous"===t&&this.hasPrevious||"next"===t&&this.hasNext)&&this.guxPaginationCursorchange.emit(t)}async componentWillLoad(){o(this.root),this.i18n=await n(this.root,a)}render(){return[s("gux-button-slot-beta",{accent:"secondary"},s("button",{type:"button",title:this.i18n("previous"),disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},s("gux-icon",{decorative:!0,iconName:"chevron-small-left"}))),s("gux-button-slot-beta",{accent:"secondary"},s("button",{type:"button",title:this.i18n("next"),disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},s("gux-icon",{decorative:!0,iconName:"chevron-small-right"})))]}get root(){return i(this)}};r.style=":host{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:space-between}";export{r as gux_pagination_cursor}
@@ -1 +1 @@
1
- import{r as e,c as t,h as s,g as i}from"./p-9031eb6a.js";import{o}from"./p-93904222.js";import{O as a}from"./p-23975bfb.js";import{a as n}from"./p-091f51f6.js";import{t as r}from"./p-2ccd5012.js";import{b as p}from"./p-2b58afeb.js";import"./p-8a133b9b.js";const u={searchAria:"Search"};const c=class{constructor(s){e(this,s),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.placeholder=void 0,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px",this.srLabelledby=void 0,this.opened=void 0,this.currentlySelectedOption=void 0,this.selectionOptions=void 0}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onClickOutside(){this.closeDropdown(!1)}async componentWillLoad(){r(this.root),this.i18n=await p(this.root,u),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=o(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver&&this.slotObserver.disconnect()}render(){return s("gux-popup-beta",{expanded:this.opened,disabled:this.disabled},s("div",{slot:"target",class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},s("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&&s("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&s("span",{class:"gux-select-value",title:this.value},this.value)),s("div",{class:"gux-icon-wrapper"},s("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),s("div",{slot:"popup",class:"gux-advanced-dropdown-menu"},s("div",{class:"gux-dropdown-menu-container"},s("gux-form-field-search",{"label-position":"screenreader"},s("label",{slot:"label"},this.i18n("searchAria")),s("input",{slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),s("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},s("slot",null)))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){n((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return i(this)}static get watchers(){return{disabled:["watchValue"]}}};(function(e,t,s,i){var o,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,s,i);else for(var r=e.length-1;r>=0;r--)(o=e[r])&&(n=(a<3?o(n):a>3?o(t,s,n):o(t,s))||n);a>3&&n&&Object.defineProperty(t,s,n)})([a({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{color:#2e394c}gux-popup-beta{display:block;margin:4px 0}gux-popup-beta .gux-select-field{position:relative;width:100%;height:32px}gux-popup-beta .gux-select-field a.gux-select-input{position:absolute;top:0;right:0;bottom:0;left:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-popup-beta .gux-select-field a.gux-select-input .gux-select-placeholder,gux-popup-beta .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}gux-popup-beta .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}gux-popup-beta .gux-select-field a.gux-select-input:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}gux-popup-beta .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}gux-popup-beta .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}gux-popup-beta .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}gux-popup-beta .gux-advanced-dropdown-menu{width:100%;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-popup-beta .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}gux-popup-beta .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,gux-popup-beta .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,gux-popup-beta .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}gux-popup-beta .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{c as gux_advanced_dropdown}
1
+ import{r as e,c as t,h as i,g as s}from"./p-9031eb6a.js";import{o}from"./p-93904222.js";import{O as a}from"./p-23975bfb.js";import{a as n}from"./p-091f51f6.js";import{t as r}from"./p-bce4dece.js";import{b as p}from"./p-2b58afeb.js";import"./p-8a133b9b.js";const u={searchAria:"Search"};const c=class{constructor(i){e(this,i),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.placeholder=void 0,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px",this.srLabelledby=void 0,this.opened=void 0,this.currentlySelectedOption=void 0,this.selectionOptions=void 0}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onClickOutside(){this.closeDropdown(!1)}async componentWillLoad(){r(this.root),this.i18n=await p(this.root,u),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=o(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver&&this.slotObserver.disconnect()}render(){return i("gux-popup-beta",{expanded:this.opened,disabled:this.disabled},i("div",{slot:"target",class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},i("a",{ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&i("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&i("span",{class:"gux-select-value",title:this.value},this.value)),i("div",{class:"gux-icon-wrapper"},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),i("div",{slot:"popup",class:"gux-advanced-dropdown-menu"},i("div",{class:"gux-dropdown-menu-container"},i("gux-form-field-search",{"label-position":"screenreader"},i("label",{slot:"label"},this.i18n("searchAria")),i("input",{slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),i("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},i("slot",null)))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){n((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return s(this)}static get watchers(){return{disabled:["watchValue"]}}};(function(e,t,i,s){var o,a=arguments.length,n=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var r=e.length-1;r>=0;r--)(o=e[r])&&(n=(a<3?o(n):a>3?o(t,i,n):o(t,i))||n);a>3&&n&&Object.defineProperty(t,i,n)})([a({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{color:#2e394c}gux-popup-beta{display:block;margin:4px 0}gux-popup-beta .gux-select-field{position:relative;width:100%;height:32px}gux-popup-beta .gux-select-field a.gux-select-input{position:absolute;top:0;right:0;bottom:0;left:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-popup-beta .gux-select-field a.gux-select-input .gux-select-placeholder,gux-popup-beta .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}gux-popup-beta .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}gux-popup-beta .gux-select-field a.gux-select-input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}gux-popup-beta .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}gux-popup-beta .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}gux-popup-beta .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}gux-popup-beta .gux-advanced-dropdown-menu{width:100%;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-popup-beta .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}gux-popup-beta .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,gux-popup-beta .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,gux-popup-beta .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}gux-popup-beta .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{c as gux_advanced_dropdown}
@@ -1 +1 @@
1
- import{r as t,c as o,h as i,g as s,H as e}from"./p-9031eb6a.js";const n=/[-/\\^$*+?.()|[\]{}]/g,r=class{constructor(i){t(this,i),this.selectedChanged=o(this,"selectedChanged",7),this.value=void 0,this.disabled=void 0,this.filtered=void 0,this.selected=void 0,this.text=void 0,this.highlight=void 0}getDisplayedValue(){return Promise.resolve(this.text)}shouldFilter(t){if(this.highlight=t,this.highlightIndex=-1,!t)return Promise.resolve(!1);const o=new RegExp(t.replace(n,"\\$&"),"gi").exec(this.text),i=null===o;return i||(this.highlightIndex=o.index),Promise.resolve(i)}componentDidLoad(){this.root.onclick=()=>{this.onItemClicked()},this.root.onkeydown=t=>{switch(t.key){case" ":case"Enter":this.selected=!0,this.selectedChanged.emit(this.value)}}}hostData(){return{tabindex:"0"}}__stencil_render(){return i("div",{class:"gux-dropdown-option",title:this.text},this.textWithHighlights())}textWithHighlights(){if(!this.highlight||!this.text)return i("span",null,this.text);if(this.highlightIndex<0)return i("span",null,this.text);const t=this.text.substring(0,this.highlightIndex),o=this.text.substring(this.highlightIndex,this.highlightIndex+this.highlight.length),s=this.text.substring(t.length+this.highlight.length);return i("span",null,t,i("strong",null,o),s)}onItemClicked(){this.selected=!0,this.selectedChanged.emit(this.value)}get root(){return s(this)}render(){return i(e,this.hostData(),this.__stencil_render())}};r.style="gux-dropdown-option{position:relative;display:flex;height:var(--option-height);padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-option div.gux-dropdown-option{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-option div.gux-dropdown-option .gux-ghost{position:absolute}gux-dropdown-option[filtered]{display:none}gux-dropdown-option[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-option[disabled='false']{pointer-events:auto;cursor:pointer;opacity:1}gux-dropdown-option:not(:disabled)[selected]{color:#2e394c;background:#deeaff}gux-dropdown-option:not(:disabled):hover,gux-dropdown-option:not(:disabled):focus{color:#fdfdfd;background:#2a60c8}";export{r as gux_dropdown_option}
1
+ import{r as t,c as i,h as o,g as s,H as e}from"./p-9031eb6a.js";const n=/[-/\\^$*+?.()|[\]{}]/g,r=class{constructor(o){t(this,o),this.selectedChanged=i(this,"selectedChanged",7),this.value=void 0,this.disabled=void 0,this.filtered=void 0,this.selected=void 0,this.text=void 0,this.highlight=void 0}getDisplayedValue(){return Promise.resolve(this.text)}shouldFilter(t){if(this.highlight=t,this.highlightIndex=-1,!t)return Promise.resolve(!1);const i=new RegExp(t.replace(n,"\\$&"),"gi").exec(this.text),o=null===i;return o||(this.highlightIndex=i.index),Promise.resolve(o)}componentDidLoad(){this.root.onclick=()=>{this.onItemClicked()},this.root.onkeydown=t=>{switch(t.key){case" ":case"Enter":this.selected=!0,this.selectedChanged.emit(this.value)}}}hostData(){return{tabindex:"0"}}__stencil_render(){return o("div",{class:"gux-dropdown-option",title:this.text},this.textWithHighlights())}textWithHighlights(){if(!this.highlight||!this.text)return o("span",null,this.text);if(this.highlightIndex<0)return o("span",null,this.text);const t=this.text.substring(0,this.highlightIndex),i=this.text.substring(this.highlightIndex,this.highlightIndex+this.highlight.length),s=this.text.substring(t.length+this.highlight.length);return o("span",null,t,o("strong",null,i),s)}onItemClicked(){this.selected=!0,this.selectedChanged.emit(this.value)}get root(){return s(this)}render(){return o(e,this.hostData(),this.__stencil_render())}};r.style="gux-dropdown-option{position:relative;display:flex;height:var(--option-height);padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-option div.gux-dropdown-option{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-option div.gux-dropdown-option .gux-ghost{position:absolute}gux-dropdown-option[filtered]{display:none}gux-dropdown-option[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-option[disabled='false']{pointer-events:auto;cursor:pointer;opacity:1}gux-dropdown-option:not(:disabled)[selected]{color:#2e394c;background:#deeaff}gux-dropdown-option:not(:disabled):hover,gux-dropdown-option:not(:disabled):focus-visible{color:#fdfdfd;background:#2a60c8}";export{r as gux_dropdown_option}
@@ -0,0 +1 @@
1
+ import{r as t,c as s,h as i,H as e,g as o}from"./p-9031eb6a.js";import{t as h}from"./p-bce4dece.js";const r=class{constructor(i){t(this,i),this.press=s(this,"press",7),this.text=void 0,this.value=void 0,this.strategy=void 0}handleClick(){this.onItemClicked()}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key||this.onItemClicked()}render(){return i(e,{role:"listitem"},i("span",{class:"gux-list-item"},this.text&&i("gux-text-highlight",{class:"gux-text",text:this.text,strategy:this.strategy}),i("slot",null)))}onItemClicked(){this.emitPress()}emitPress(){this.press.emit(this.value)}};r.style=":host:focus-visible .gux-list-item,:host:active .gux-list-item,:host:hover:not([disabled]) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host(:focus-visible) .gux-list-item,:host(:active) .gux-list-item,:host(:hover:not([disabled])) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host([disabled]) .gux-list-item{pointer-events:none;cursor:default;opacity:0.5}.gux-list-item{display:flex;height:max-content;padding:0 16px;line-height:32px;word-wrap:break-word;cursor:pointer}.gux-list-item .gux-text{width:100%}";const n=["gux-list-item-legacy:not([disabled])","gux-action-item:not([disabled])"].join(","),a=class{constructor(i){t(this,i),this.changed=s(this,"changed",7),this.observer=new MutationObserver((()=>{this.performHighlight(this.highlight)})),this.value=void 0,this.highlight=void 0,this.selectedIndex=-1}emitChanged(t){this.changed.emit(t)}itemSelected(t){t.detail&&(this.value=t.detail)}valueHandler(t){this.emitChanged(t)}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){h(this.root)}componentDidLoad(){this.performHighlight(this.highlight),this.observer.observe(this.root,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer&&this.observer.disconnect()}render(){return this.performHighlight(this.highlight),this.updateTabIndexes(),i("div",{class:"gux-list-items-container",role:"list",tabindex:0,onKeyDown:t=>this.onKeyDown(t)},i("slot",null))}onKeyDown(t){if(!["ArrowUp","ArrowDown","End","Home"].includes(t.key))return;const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=s.length-1);break;case"Home":this.selectedIndex&&(i=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),i=this.selectedIndex+1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}isCommandPaletteList(){return Boolean(this.root.closest("gux-command-palette-legacy"))}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.setAttribute("tabindex","-1"):(t.setAttribute("tabindex","0"),t.focus(),setTimeout((()=>{this.value=t.value})))}))}performHighlight(t){const s=this.root.querySelectorAll("gux-text-highlight");s&&s.forEach((s=>{s.highlight=t}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches(n))):Array.from(this.root.querySelectorAll(n))}get root(){return o(this)}static get watchers(){return{value:["valueHandler"]}}};a.style=".gux-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{r as gux_list_item_legacy,a as gux_list_legacy}
@@ -0,0 +1 @@
1
+ import{r as o,h as t}from"./p-9031eb6a.js";const n=class{constructor(t){o(this,t),this.optionId=void 0,this.iconName=void 0}render(){return t("button",{class:"tab-dropdown-option"},t("gux-icon",{"icon-name":this.iconName,decorative:!0}),t("span",null,t("slot",null)))}};n.style="gux-tab-dropdown-option-legacy .tab-dropdown-option{display:flex;align-items:center;width:120px;height:36px;padding:0;font-size:12px;cursor:pointer;background:none;border:none;transition:color 0.25s, background-color 0.25s}gux-tab-dropdown-option-legacy .tab-dropdown-option:hover,gux-tab-dropdown-option-legacy .tab-dropdown-option:focus{outline:none}gux-tab-dropdown-option-legacy .tab-dropdown-option gux-icon{width:16px;height:16px;margin:0 10px}.gux-tab-dropdown-option-light-theme .tab-dropdown-option{color:#2e394c}.gux-tab-dropdown-option-light-theme .tab-dropdown-option:hover,.gux-tab-dropdown-option-light-theme .tab-dropdown-option:focus-visible{color:#fdfdfd;background-color:#2a60c8}.gux-light-theme gux-tab-dropdown-option-legacy .tab-dropdown-option{color:#2e394c}.gux-light-theme gux-tab-dropdown-option-legacy .tab-dropdown-option:hover,.gux-light-theme gux-tab-dropdown-option-legacy .tab-dropdown-option:focus-visible{color:#fdfdfd;background-color:#2a60c8}gux-tab-dropdown-option-legacy.gux-light-theme .tab-dropdown-option{color:#2e394c}gux-tab-dropdown-option-legacy.gux-light-theme .tab-dropdown-option:hover,gux-tab-dropdown-option-legacy.gux-light-theme .tab-dropdown-option:focus-visible{color:#fdfdfd;background-color:#2a60c8}gux-tab-dropdown-option-legacy .tab-dropdown-option{color:#2e394c}gux-tab-dropdown-option-legacy .tab-dropdown-option:hover,gux-tab-dropdown-option-legacy .tab-dropdown-option:focus-visible{color:#fdfdfd;background-color:#2a60c8}";export{n as gux_tab_dropdown_option_legacy}
@@ -1 +1 @@
1
- import{r as t,h as e,g as i}from"./p-9031eb6a.js";import{t as s}from"./p-2ccd5012.js";import{O as r}from"./p-23975bfb.js";import{b as n,g as o}from"./p-2b58afeb.js";import{s as a}from"./p-d176c2ae.js";import{b as h}from"./p-091f51f6.js";import{g as u,a as p,b as g}from"./p-955a1e6a.js";import"./p-8a133b9b.js";const l={toggleCalendar:"Toggle month calendar view",month:"Month",year:"Year",unset:"Unset"};const d={year:"numeric",month:"long"},x=["ar","he","ja","ko","zh-cn","zh-tw"],c=class{constructor(e){t(this,e),this.value=void 0,this.min=void 0,this.max=void 0,this.disabled=!1,this.expanded=!1,this.locale=void 0}onKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.calendarToggleButtonElement.focus())}onValueUpdate(t){this.value=this.isOutOfBounds(t)?this.isBeforeMin(t)?this.min:this.max:t,a(this.root,"input"),a(this.root,"change")}onClickOutside(){this.expanded=!1}async componentWillLoad(){s(this.root),this.i18n=await n(this.root,l),this.locale=o(this.root)}isOutOfBounds(t){return this.isBeforeMin(t)||this.isAfterMax(t)}isBeforeMin(t){return this.min&&this.min>t}isAfterMax(t){return this.max&&this.max<t}toggleCalendar(){this.expanded=!this.expanded,this.expanded&&h((()=>{this.monthCalendarElement.guxFocus(this.value)}))}onMonthCalendarInput(){this.value=this.monthCalendarElement.value,this.expanded=!1,this.calendarToggleButtonElement.focus()}incrementMonth(t){if(this.value){const{year:e,month:i}=u(this.value),s=((parseInt(i)+11+t)%12+1).toString().padStart(2,"0");this.value=p(e,s)}else this.value=g()}incrementYear(t){if(this.value){const{year:e,month:i}=u(this.value),s=Math.max(Number(e)+t,0).toString();this.value=p(s,i)}else this.value=g()}onSpinnerKeyDown(t,e,i){switch(t.key){case"ArrowDown":t.preventDefault(),e(-1);break;case"ArrowUp":t.preventDefault(),e(1);break;case"ArrowLeft":case"ArrowRight":t.preventDefault(),i.focus();break;case"Enter":t.preventDefault(),this.expanded=!0,h((()=>{this.monthCalendarElement.guxFocus(this.value)}));break;case" ":t.preventDefault()}}onSpinnerKeyUp(t){t.stopPropagation()," "===t.key&&(t.preventDefault(),this.expanded=!0,h((()=>{this.monthCalendarElement.guxFocus(this.value)})))}onSpinnerClick(){this.expanded=!0}getSpinnerLabel(t){if(this.value){const{year:e,month:i}=u(this.value);return new Date(Number(e),Number(i)-1).toLocaleDateString(this.locale,{[t]:d[t]})}return this.i18n(t)}getSpinnerValueNow(t){return this.value?u(this.value)[t]:"0"}getSpinnerValueText(){if(this.value){const{year:t,month:e}=u(this.value);return new Date(Number(t),Number(e)-1).toLocaleDateString(this.locale,{year:"numeric",month:"long"})}return this.i18n("unset")}renderMonthSpinnerButton(){return e("div",{role:"spinbutton",class:{"gux-spinner":!0,"gux-empty":Boolean(!this.value)},tabIndex:this.disabled?-1:0,onKeyDown:t=>this.onSpinnerKeyDown(t,(t=>this.incrementMonth(t)),this.yearSpinnerElement),onKeyUp:t=>this.onSpinnerKeyUp(t),onClick:()=>this.onSpinnerClick(),ref:t=>this.monthSpinnerElement=t,"aria-valuenow":this.getSpinnerValueNow("month"),"aria-valuetext":this.getSpinnerValueText(),"aria-valuemin":"1","aria-valuemax":"12","aria-label":this.i18n("month")},this.getSpinnerLabel("month"))}renderYearSpinnerButton(){return e("div",{role:"spinbutton",class:{"gux-spinner":!0,"gux-empty":Boolean(!this.value)},tabIndex:this.disabled?-1:0,onKeyDown:t=>this.onSpinnerKeyDown(t,(t=>this.incrementYear(t)),this.monthSpinnerElement),onKeyUp:t=>this.onSpinnerKeyUp(t),onClick:()=>this.onSpinnerClick(),ref:t=>this.yearSpinnerElement=t,"aria-valuenow":this.getSpinnerValueNow("year"),"aria-valuetext":this.getSpinnerValueText(),"aria-valuemin":"0","aria-label":this.i18n("year")},this.getSpinnerLabel("year"))}renderSpinnerButtons(){return x.includes(this.locale)?e("span",{class:"gux-display"},this.renderYearSpinnerButton(),this.renderMonthSpinnerButton()):e("span",{class:"gux-display"},this.renderMonthSpinnerButton(),this.renderYearSpinnerButton())}renderCalendarToggleButton(){return e("button",{class:{"gux-popup-toggle":!0,"gux-expanded":this.expanded},ref:t=>this.calendarToggleButtonElement=t,type:"button",onClick:()=>this.toggleCalendar(),disabled:this.disabled},e("gux-icon",{"icon-name":"calendar","screenreader-text":this.i18n("toggleCalendar")}))}renderTarget(){return e("div",{class:"gux-target",slot:"target"},this.renderSpinnerButtons(),this.renderCalendarToggleButton())}renderPopup(){return e("gux-month-calendar",{slot:"popup",ref:t=>this.monthCalendarElement=t,onInput:()=>this.onMonthCalendarInput(),value:this.value,min:this.min,max:this.max})}render(){return e("gux-popup-beta",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}static get watchers(){return{value:["onValueUpdate"]}}};(function(t,e,i,s){var r,n=arguments.length,o=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(n<3?r(o):n>3?r(e,i,o):r(e,i))||o);n>3&&o&&Object.defineProperty(e,i,o)})([r({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:inline-block}.gux-target{display:inline-flex;padding:4px 8px 4px 12px;cursor:pointer;background-color:#f6f7f9;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target .gux-display{display:inline-flex;min-width:100px;padding-right:8px;color:#2e394c}.gux-target .gux-display .gux-spinner{outline:none}.gux-target .gux-display .gux-spinner:not(:first-child){margin-left:4px}.gux-target .gux-display .gux-spinner:focus{background:#deeaff}.gux-target .gux-display .gux-spinner.gux-empty{color:#596373}.gux-target .gux-popup-toggle{justify-content:right;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px}.gux-target .gux-popup-toggle:focus{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-target .gux-popup-toggle:not(:disabled):focus,.gux-target .gux-popup-toggle:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-target .gux-popup-toggle gux-icon{width:16px;height:16px}.gux-target .gux-popup-toggle.gux-expanded{color:#2a60c8}.gux-target .gux-popup-toggle.gux-expanded:not(:disabled):focus,.gux-target .gux-popup-toggle.gux-expanded:not(:disabled):hover{color:#2a60c8}";export{c as gux_month_picker_beta}
1
+ import{r as t,h as e,g as i}from"./p-9031eb6a.js";import{t as s}from"./p-bce4dece.js";import{O as n}from"./p-23975bfb.js";import{b as r,g as o}from"./p-2b58afeb.js";import{s as a}from"./p-d176c2ae.js";import{b as h}from"./p-091f51f6.js";import{g as u,a as p,b as g}from"./p-955a1e6a.js";import"./p-8a133b9b.js";const l={toggleCalendar:"Toggle month calendar view",month:"Month",year:"Year",unset:"Unset"};const d={year:"numeric",month:"long"},x=["ar","he","ja","ko","zh-cn","zh-tw"],c=class{constructor(e){t(this,e),this.value=void 0,this.min=void 0,this.max=void 0,this.disabled=!1,this.expanded=!1,this.locale=void 0}onKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.calendarToggleButtonElement.focus())}onValueUpdate(t){this.value=this.isOutOfBounds(t)?this.isBeforeMin(t)?this.min:this.max:t,a(this.root,"input"),a(this.root,"change")}onClickOutside(){this.expanded=!1}async componentWillLoad(){s(this.root),this.i18n=await r(this.root,l),this.locale=o(this.root)}isOutOfBounds(t){return this.isBeforeMin(t)||this.isAfterMax(t)}isBeforeMin(t){return this.min&&this.min>t}isAfterMax(t){return this.max&&this.max<t}toggleCalendar(){this.expanded=!this.expanded,this.expanded&&h((()=>{this.monthCalendarElement.guxFocus(this.value)}))}onMonthCalendarInput(){this.value=this.monthCalendarElement.value,this.expanded=!1,this.calendarToggleButtonElement.focus()}incrementMonth(t){if(this.value){const{year:e,month:i}=u(this.value),s=((parseInt(i)+11+t)%12+1).toString().padStart(2,"0");this.value=p(e,s)}else this.value=g()}incrementYear(t){if(this.value){const{year:e,month:i}=u(this.value),s=Math.max(Number(e)+t,0).toString();this.value=p(s,i)}else this.value=g()}onSpinnerKeyDown(t,e,i){switch(t.key){case"ArrowDown":t.preventDefault(),e(-1);break;case"ArrowUp":t.preventDefault(),e(1);break;case"ArrowLeft":case"ArrowRight":t.preventDefault(),i.focus();break;case"Enter":t.preventDefault(),this.expanded=!0,h((()=>{this.monthCalendarElement.guxFocus(this.value)}));break;case" ":t.preventDefault()}}onSpinnerKeyUp(t){t.stopPropagation()," "===t.key&&(t.preventDefault(),this.expanded=!0,h((()=>{this.monthCalendarElement.guxFocus(this.value)})))}onSpinnerClick(){this.expanded=!0}getSpinnerLabel(t){if(this.value){const{year:e,month:i}=u(this.value);return new Date(Number(e),Number(i)-1).toLocaleDateString(this.locale,{[t]:d[t]})}return this.i18n(t)}getSpinnerValueNow(t){return this.value?u(this.value)[t]:"0"}getSpinnerValueText(){if(this.value){const{year:t,month:e}=u(this.value);return new Date(Number(t),Number(e)-1).toLocaleDateString(this.locale,{year:"numeric",month:"long"})}return this.i18n("unset")}renderMonthSpinnerButton(){return e("div",{role:"spinbutton",class:{"gux-spinner":!0,"gux-empty":Boolean(!this.value)},tabIndex:this.disabled?-1:0,onKeyDown:t=>this.onSpinnerKeyDown(t,(t=>this.incrementMonth(t)),this.yearSpinnerElement),onKeyUp:t=>this.onSpinnerKeyUp(t),onClick:()=>this.onSpinnerClick(),ref:t=>this.monthSpinnerElement=t,"aria-valuenow":this.getSpinnerValueNow("month"),"aria-valuetext":this.getSpinnerValueText(),"aria-valuemin":"1","aria-valuemax":"12","aria-label":this.i18n("month")},this.getSpinnerLabel("month"))}renderYearSpinnerButton(){return e("div",{role:"spinbutton",class:{"gux-spinner":!0,"gux-empty":Boolean(!this.value)},tabIndex:this.disabled?-1:0,onKeyDown:t=>this.onSpinnerKeyDown(t,(t=>this.incrementYear(t)),this.monthSpinnerElement),onKeyUp:t=>this.onSpinnerKeyUp(t),onClick:()=>this.onSpinnerClick(),ref:t=>this.yearSpinnerElement=t,"aria-valuenow":this.getSpinnerValueNow("year"),"aria-valuetext":this.getSpinnerValueText(),"aria-valuemin":"0","aria-label":this.i18n("year")},this.getSpinnerLabel("year"))}renderSpinnerButtons(){return x.includes(this.locale)?e("span",{class:"gux-display"},this.renderYearSpinnerButton(),this.renderMonthSpinnerButton()):e("span",{class:"gux-display"},this.renderMonthSpinnerButton(),this.renderYearSpinnerButton())}renderCalendarToggleButton(){return e("button",{class:{"gux-popup-toggle":!0,"gux-expanded":this.expanded},ref:t=>this.calendarToggleButtonElement=t,type:"button",onClick:()=>this.toggleCalendar(),disabled:this.disabled},e("gux-icon",{"icon-name":"calendar","screenreader-text":this.i18n("toggleCalendar")}))}renderTarget(){return e("div",{class:"gux-target",slot:"target"},this.renderSpinnerButtons(),this.renderCalendarToggleButton())}renderPopup(){return e("gux-month-calendar",{slot:"popup",ref:t=>this.monthCalendarElement=t,onInput:()=>this.onMonthCalendarInput(),value:this.value,min:this.min,max:this.max})}render(){return e("gux-popup-beta",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}static get watchers(){return{value:["onValueUpdate"]}}};(function(t,e,i,s){var n,r=arguments.length,o=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(o=(r<3?n(o):r>3?n(e,i,o):n(e,i))||o);r>3&&o&&Object.defineProperty(e,i,o)})([n({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:inline-block}.gux-target{display:inline-flex;padding:4px 8px 4px 12px;cursor:pointer;background-color:#f6f7f9;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-target .gux-display{display:inline-flex;min-width:100px;padding-right:8px;color:#2e394c}.gux-target .gux-display .gux-spinner{outline:none}.gux-target .gux-display .gux-spinner:not(:first-child){margin-left:4px}.gux-target .gux-display .gux-spinner:focus-visible{background:#deeaff}.gux-target .gux-display .gux-spinner.gux-empty{color:#596373}.gux-target .gux-popup-toggle{justify-content:right;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px}.gux-target .gux-popup-toggle:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-target .gux-popup-toggle:not(:disabled):focus,.gux-target .gux-popup-toggle:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-target .gux-popup-toggle gux-icon{width:16px;height:16px}.gux-target .gux-popup-toggle.gux-expanded{color:#2a60c8}.gux-target .gux-popup-toggle.gux-expanded:not(:disabled):focus-visible,.gux-target .gux-popup-toggle.gux-expanded:not(:disabled):hover{color:#2a60c8}";export{c as gux_month_picker_beta}
@@ -1 +1 @@
1
- import{r as o,h as t,g as i,c as n}from"./p-9031eb6a.js";const r=["#203B73","#75A8FF","#8452CF","#1DA8B3","#B5B5EB","#CC3EBE","#5E6782","#FF8FDD","#868C1E","#DDD933"],e=class{constructor(t){o(this,t),this.color=void 0}onColorSelect(o){const t=o.target;this.color=t.value,this.input.value=t.value,this.input.dispatchEvent(new Event("input",{bubbles:!0,cancelable:!0})),this.input.dispatchEvent(new Event("change",{bubbles:!0}))}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"]'),this.color=this.input.value}render(){return[t("div",{hidden:!0},t("slot",{name:"input"})),t("div",null,t("div",{class:"gux-input-color-matrix"},this.renderDefaultTiles()))]}renderDefaultTiles(){return r.map(((o,i)=>t("gux-input-color-option",{key:`${o}-${i}`,value:o,active:this.color.toLowerCase()===o.toLowerCase()})))}get root(){return i(this)}};e.style="gux-color-select{display:inline-block;color:#2e394c}gux-color-select>div{box-sizing:border-box;padding:20px 0 12px;margin-top:2px;background-color:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-color-select .gux-input-color-matrix{display:flex;flex-wrap:wrap;align-content:flex-start;width:120px;padding:0 20px 8px;margin:0}gux-color-select .gux-input-color-matrix>*{display:none}gux-color-select .gux-input-color-matrix>gux-input-color-option{display:inline-block}";const l=class{constructor(t){o(this,t),this.colorSelect=n(this,"colorSelect",7),this.active=void 0,this.value=void 0}render(){return t("button",{type:"button",value:this.value,class:this.active?"gux-input-color-option-active":"",disabled:!this.value,style:this.value&&{"background-color":this.value},title:this.value,onClick:this.onColorOptionClickHandler.bind(this)})}onColorOptionClickHandler(){this.colorSelect.emit(this.value)}};l.style="gux-input-color-option{color:#2e394c}gux-input-color-option>button{display:inline-block;flex:0 0 16px;width:16px;height:16px;padding:0;margin:4px;font-size:0;line-height:0;cursor:pointer;border:none}gux-input-color-option>button:not(:disabled):hover,gux-input-color-option>button:focus,gux-input-color-option>button.gux-input-color-option-active,gux-input-color-option>button:active{border:1px white solid;outline:1px solid #2a60c8}gux-input-color-option>button:disabled{cursor:default;background-color:#fdfdfd;border:1px solid #2e394c;opacity:0.5}gux-input-color-option button::-moz-focus-inner{border:none}";export{e as gux_color_select,l as gux_input_color_option}
1
+ import{r as o,h as t,g as i,c as n}from"./p-9031eb6a.js";const r=["#203B73","#75A8FF","#8452CF","#1DA8B3","#B5B5EB","#CC3EBE","#5E6782","#FF8FDD","#868C1E","#DDD933"],e=class{constructor(t){o(this,t),this.color=void 0}onColorSelect(o){const t=o.target;this.color=t.value,this.input.value=t.value,this.input.dispatchEvent(new Event("input",{bubbles:!0,cancelable:!0})),this.input.dispatchEvent(new Event("change",{bubbles:!0}))}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"]'),this.color=this.input.value}render(){return[t("div",{hidden:!0},t("slot",{name:"input"})),t("div",null,t("div",{class:"gux-input-color-matrix"},this.renderDefaultTiles()))]}renderDefaultTiles(){return r.map(((o,i)=>t("gux-input-color-option",{key:`${o}-${i}`,value:o,active:this.color.toLowerCase()===o.toLowerCase()})))}get root(){return i(this)}};e.style="gux-color-select{display:inline-block;color:#2e394c}gux-color-select>div{box-sizing:border-box;padding:20px 0 12px;margin-top:2px;background-color:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-color-select .gux-input-color-matrix{display:flex;flex-wrap:wrap;align-content:flex-start;width:120px;padding:0 20px 8px;margin:0}gux-color-select .gux-input-color-matrix>*{display:none}gux-color-select .gux-input-color-matrix>gux-input-color-option{display:inline-block}";const l=class{constructor(t){o(this,t),this.colorSelect=n(this,"colorSelect",7),this.active=void 0,this.value=void 0}render(){return t("button",{type:"button",value:this.value,class:this.active?"gux-input-color-option-active":"",disabled:!this.value,style:this.value&&{"background-color":this.value},title:this.value,onClick:this.onColorOptionClickHandler.bind(this)})}onColorOptionClickHandler(){this.colorSelect.emit(this.value)}};l.style="gux-input-color-option{color:#2e394c}gux-input-color-option>button{display:inline-block;flex:0 0 16px;width:16px;height:16px;padding:0;margin:4px;font-size:0;line-height:0;cursor:pointer;border:none}gux-input-color-option>button:not(:disabled):hover,gux-input-color-option>button:focus-visible,gux-input-color-option>button.gux-input-color-option-active,gux-input-color-option>button:active{border:1px white solid;outline:1px solid #2a60c8}gux-input-color-option>button:disabled{cursor:default;background-color:#fdfdfd;border:1px solid #2e394c;opacity:0.5}gux-input-color-option button::-moz-focus-inner{border:none}";export{e as gux_color_select,l as gux_input_color_option}
@@ -1 +1 @@
1
- import{r as t,c as e,h as g,H as i,g as l}from"./p-9031eb6a.js";import{t as o}from"./p-2ccd5012.js";import{r as s}from"./p-cbcbd1bb.js";import{b as a}from"./p-2b58afeb.js";import"./p-8a133b9b.js";const n={defaultAriaLabel:"Toggle Switch",toggleIsLoading:"Toggle is loading",toggleIsFinishedLoading:"Toggle is finished loading"},r=class{constructor(g){t(this,g),this.check=e(this,"check",7),this.labelId=s("gux-toggle-label"),this.errorId=s("gux-toggle-error"),this.checked=!1,this.disabled=!1,this.loading=!1,this.checkedLabel=void 0,this.uncheckedLabel=void 0,this.labelPosition="right",this.errorMessage=void 0,this.displayInline=!1}handleLoading(t){this.announceElement.guxAnnounce(this.i18n(t?"toggleIsLoading":"toggleIsFinishedLoading"))}onClick(){this.toggle()}onKeydown(t){switch(t.key){case"Enter":case" ":t.preventDefault(),this.toggle()}}toggle(){this.disabled||this.loading||this.check.emit(!this.checked).defaultPrevented||(this.checked=!this.checked)}getAriaLabel(){return this.root.getAttribute("aria-label")||this.root.title||this.i18n("defaultAriaLabel")}async componentWillLoad(){this.i18n=await a(this.root,n),o(this.root,{variant:this.checkedLabel||this.uncheckedLabel?"labled":"unlabled"})}renderLoading(){if(this.loading)return g("div",{class:"gux-toggle-label-loading"},g("gux-radial-loading",{context:"input"}))}renderLabel(){if(this.uncheckedLabel&&this.checkedLabel)return g("div",{class:"gux-toggle-label-and-error"},g("div",{class:"gux-toggle-label"},g("div",{class:"gux-toggle-label-text"},g("span",{class:"gux-toggle-label-text-inner"},g("span",{id:this.labelId},this.checked?this.checkedLabel:this.uncheckedLabel),this.renderLoading()),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.checkedLabel),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.uncheckedLabel))))}renderError(){if(this.errorMessage)return g("div",{id:this.errorId,class:"gux-toggle-error"},g("gux-error-message-beta",null,this.errorMessage))}render(){return g(i,{class:{"gux-display-inline":this.displayInline}},g("div",{class:{"gux-toggle-container":!0,"gux-toggle-label-left":"left"===this.labelPosition,"gux-disabled":this.disabled||this.loading}},g("div",{class:"gux-toggle-input"},g("gux-toggle-slider",{checked:this.checked,disabled:this.disabled||this.loading,guxAriaLabel:this.getAriaLabel(),labelId:this.checkedLabel&&this.uncheckedLabel?this.labelId:"",errorId:this.errorMessage?this.errorId:""}),this.renderLabel()),this.renderError()),g("gux-announce-beta",{ref:t=>this.announceElement=t}))}static get delegatesFocus(){return!0}get root(){return l(this)}static get watchers(){return{loading:["handleLoading"]}}};r.style=":host{display:block;margin:2px;color:#2e394c;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container{cursor:pointer}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:0.5}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:right}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block;padding:0 4px}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:'inner-div';place-items:start}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}";export{r as gux_toggle}
1
+ import{r as t,c as e,h as g,H as i,g as l}from"./p-9031eb6a.js";import{t as o}from"./p-bce4dece.js";import{r as s}from"./p-cbcbd1bb.js";import{b as a}from"./p-2b58afeb.js";import"./p-8a133b9b.js";const n={defaultAriaLabel:"Toggle Switch",toggleIsLoading:"Toggle is loading",toggleIsFinishedLoading:"Toggle is finished loading"},r=class{constructor(g){t(this,g),this.check=e(this,"check",7),this.labelId=s("gux-toggle-label"),this.errorId=s("gux-toggle-error"),this.checked=!1,this.disabled=!1,this.loading=!1,this.checkedLabel=void 0,this.uncheckedLabel=void 0,this.labelPosition="right",this.errorMessage=void 0,this.displayInline=!1}handleLoading(t){this.announceElement.guxAnnounce(this.i18n(t?"toggleIsLoading":"toggleIsFinishedLoading"))}onClick(){this.toggle()}onKeydown(t){switch(t.key){case"Enter":case" ":t.preventDefault(),this.toggle()}}toggle(){this.disabled||this.loading||this.check.emit(!this.checked).defaultPrevented||(this.checked=!this.checked)}getAriaLabel(){return this.root.getAttribute("aria-label")||this.root.title||this.i18n("defaultAriaLabel")}async componentWillLoad(){this.i18n=await a(this.root,n),o(this.root,{variant:this.checkedLabel||this.uncheckedLabel?"labled":"unlabled"})}renderLoading(){if(this.loading)return g("div",{class:"gux-toggle-label-loading"},g("gux-radial-loading",{context:"input"}))}renderLabel(){if(this.uncheckedLabel&&this.checkedLabel)return g("div",{class:"gux-toggle-label-and-error"},g("div",{class:"gux-toggle-label"},g("div",{class:"gux-toggle-label-text"},g("span",{class:"gux-toggle-label-text-inner"},g("span",{id:this.labelId},this.checked?this.checkedLabel:this.uncheckedLabel),this.renderLoading()),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.checkedLabel),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.uncheckedLabel))))}renderError(){if(this.errorMessage)return g("div",{id:this.errorId,class:"gux-toggle-error"},g("gux-error-message-beta",null,this.errorMessage))}render(){return g(i,{class:{"gux-display-inline":this.displayInline}},g("div",{class:{"gux-toggle-container":!0,"gux-toggle-label-left":"left"===this.labelPosition,"gux-disabled":this.disabled||this.loading}},g("div",{class:"gux-toggle-input"},g("gux-toggle-slider",{checked:this.checked,disabled:this.disabled||this.loading,guxAriaLabel:this.getAriaLabel(),labelId:this.checkedLabel&&this.uncheckedLabel?this.labelId:"",errorId:this.errorMessage?this.errorId:""}),this.renderLabel()),this.renderError()),g("gux-announce-beta",{ref:t=>this.announceElement=t}))}static get delegatesFocus(){return!0}get root(){return l(this)}static get watchers(){return{loading:["handleLoading"]}}};r.style=":host{display:block;margin:2px;color:#2e394c;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container{cursor:pointer}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:0.5}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:right}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block;padding:0 4px}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:'inner-div';place-items:start}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}";export{r as gux_toggle}
@@ -1 +1 @@
1
- import{r as e,h as o,g as l}from"./p-9031eb6a.js";import{t}from"./p-2ccd5012.js";import{b as r}from"./p-2b58afeb.js";import"./p-8a133b9b.js";const a={neutral:"badge with label: {label}, color: neutral","neutral-bold":"badge with label: {label}, color: neutral bold",green:"badge with label: {label}, color: green","green-bold":"badge with label: {label}, color: green bold",yellow:"badge with label: {label}, color: yellow","yellow-bold":"badge with label: {label}, color: yellow bold",red:"badge with label: {label}, color: red","red-bold":"badge with label: {label}, color: red bold",inherit:"badge with label: {label}"},i=class{constructor(o){e(this,o),this.color="neutral",this.bold=!1,this.label=void 0}onSlotChange(e){const o=e.composedPath()[0].assignedNodes();this.label=o.map((e=>e.textContent)).join("")}renderBadgeTitle(){return o("gux-tooltip-title",null,o("span",null,o("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return o("div",{class:"gux-sr-only"},this.i18n(this.getVariant(),{label:this.label}))}getVariant(){return`${this.color}${this.bold?"-bold":""}`}async componentWillLoad(){t(this.root),this.i18n=await r(this.root,a)}render(){return o("div",{class:{"gux-badge":!0,[`gux-${this.color}`]:!0,"gux-bold":this.bold}},this.renderBadgeTitle(),this.renderSrText())}get root(){return l(this)}};i.style=":host{display:inline-block;height:fit-content;border-radius:100%}.gux-badge{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:20px;padding:2px 8px;color:#fdfdfd;background-color:#2e394c;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-badge gux-tooltip-title{white-space:nowrap}.gux-badge gux-tooltip-title ::slotted(gux-icon){height:16px;font-size:16px}.gux-badge .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-badge.gux-neutral{color:#2e394c;background-color:#e2e6ee}.gux-badge.gux-neutral.gux-bold{color:#fdfdfd;background-color:#2e394c}.gux-badge.gux-red{color:#8f0707;background-color:#fceaea}.gux-badge.gux-red.gux-bold{color:#fdfdfd;background-color:#ea0b0b}.gux-badge.gux-yellow{color:#976700;background-color:#fdf8ec}.gux-badge.gux-yellow.gux-bold{color:#2e394c;background-color:#ffae00}.gux-badge.gux-green{color:#205a10;background-color:#eefcea}.gux-badge.gux-green.gux-bold{color:#fdfdfd;background-color:#3c8527}.gux-badge.gux-inherit{color:inherit;background-color:inherit}";export{i as gux_badge_beta}
1
+ import{r as e,h as o,g as l}from"./p-9031eb6a.js";import{t}from"./p-bce4dece.js";import{b as r}from"./p-2b58afeb.js";import"./p-8a133b9b.js";const a={neutral:"badge with label: {label}, color: neutral","neutral-bold":"badge with label: {label}, color: neutral bold",green:"badge with label: {label}, color: green","green-bold":"badge with label: {label}, color: green bold",yellow:"badge with label: {label}, color: yellow","yellow-bold":"badge with label: {label}, color: yellow bold",red:"badge with label: {label}, color: red","red-bold":"badge with label: {label}, color: red bold",inherit:"badge with label: {label}"},i=class{constructor(o){e(this,o),this.color="neutral",this.bold=!1,this.label=void 0}onSlotChange(e){const o=e.composedPath()[0].assignedNodes();this.label=o.map((e=>e.textContent)).join("")}renderBadgeTitle(){return o("gux-tooltip-title",null,o("span",null,o("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return o("div",{class:"gux-sr-only"},this.i18n(this.getVariant(),{label:this.label}))}getVariant(){return`${this.color}${this.bold?"-bold":""}`}async componentWillLoad(){t(this.root),this.i18n=await r(this.root,a)}render(){return o("div",{class:{"gux-badge":!0,[`gux-${this.color}`]:!0,"gux-bold":this.bold}},this.renderBadgeTitle(),this.renderSrText())}get root(){return l(this)}};i.style=":host{display:inline-block;height:fit-content;border-radius:100%}.gux-badge{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:20px;padding:2px 8px;color:#fdfdfd;background-color:#2e394c;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-badge gux-tooltip-title{white-space:nowrap}.gux-badge gux-tooltip-title ::slotted(gux-icon){height:16px;font-size:16px}.gux-badge .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-badge.gux-neutral{color:#2e394c;background-color:#e2e6ee}.gux-badge.gux-neutral.gux-bold{color:#fdfdfd;background-color:#2e394c}.gux-badge.gux-red{color:#8f0707;background-color:#fceaea}.gux-badge.gux-red.gux-bold{color:#fdfdfd;background-color:#ea0b0b}.gux-badge.gux-yellow{color:#976700;background-color:#fdf8ec}.gux-badge.gux-yellow.gux-bold{color:#2e394c;background-color:#ffae00}.gux-badge.gux-green{color:#205a10;background-color:#eefcea}.gux-badge.gux-green.gux-bold{color:#fdfdfd;background-color:#3c8527}.gux-badge.gux-inherit{color:inherit;background-color:inherit}";export{i as gux_badge_beta}
@@ -0,0 +1 @@
1
+ import{r as e,h as t}from"./p-9031eb6a.js";const o=class{constructor(t){e(this,t),this.icon=void 0,this.altText=void 0,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-visible{color:#2a60c8}gux-side-panel-button button:hover.selected,gux-side-panel-button button:active.selected,gux-side-panel-button button:focus-visible.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-visible{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-visible.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-visible{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-visible.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-visible{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-visible.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}
@@ -0,0 +1 @@
1
+ import{r as e,c as t,h as o,g as i}from"./p-9031eb6a.js";import{r as s}from"./p-cbcbd1bb.js";import{l as r}from"./p-45fec011.js";const n=class{constructor(o){e(this,o),this.internalsectionopened=t(this,"internalsectionopened",7),this.sectionId=s("gux-accordion-section"),this.arrowPosition="default",this.contentLayout="text",this.open=!1,this.disabled=!1,this.reverseHeadings=!1}watchOpen(e){e&&this.internalsectionopened.emit()}toggle(){this.open=!this.open}isArrowPositionBeforeText(){return"before-text"===this.arrowPosition}isArrowPositionedBesideText(){return"beside-text"===this.arrowPosition}handleSlotChange(e){const t=this.root.querySelector(`[slot="${e}"]`);t&&/^H[1-6]$/.test(t.nodeName)||r("gux-accordion-section",`For accessibility reasons the ${e} slot should be filled with a HTML heading tag (h1 - h6).`)}componentWillLoad(){this.hasIconSlot=!!this.root.querySelector('[slot="icon"]')}render(){return o("section",{class:{"gux-disabled":this.disabled}},o("button",{class:{"gux-header":!0,"gux-reverse-headings":this.reverseHeadings},"aria-expanded":this.open.toString(),"aria-controls":this.sectionId,disabled:this.disabled,onClick:this.toggle.bind(this)},this.hasIconSlot&&o("slot",{name:"icon"}),o("div",{class:{"gux-header-text":!0,"gux-arrow-position-beside":this.isArrowPositionedBesideText()}},o("slot",{onSlotchange:()=>this.handleSlotChange("header"),name:"header"}),o("slot",{onSlotchange:()=>this.handleSlotChange("subheader"),name:"subheader"})),o("div",{class:{"gux-header-icon":!0,"gux-expanded":this.open,"gux-arrow-position-before-text":this.isArrowPositionBeforeText()}},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),o("div",{id:this.sectionId,class:{"gux-content":!0,"gux-expanded":this.open,"gux-text-content-layout":"text"===this.contentLayout}},o("slot",{name:"content"})))}get root(){return i(this)}static get watchers(){return{open:["watchOpen"]}}};n.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%;padding:12px 12px 12px 16px;margin:0;cursor:pointer;border-bottom:1px solid #e2e6ee}.gux-header .gux-header-text{flex:1 1 auto;align-self:auto;padding-right:8px;text-align:left}.gux-header .gux-header-text.gux-arrow-position-beside{flex-grow:0}.gux-header.gux-reverse-headings .gux-header-text{display:flex;flex-direction:column-reverse}.gux-header ::slotted([slot='header']){padding:0;margin:0;font-size:12px !important;font-weight:bold !important;line-height:16px !important}.gux-header ::slotted([slot='subheader']){padding:0;margin:2px 0 0;font-size:11px !important;font-weight:400 !important;color:#4c5667}.gux-reverse-headings.gux-header ::slotted([slot='subheader']){margin:0 0 2px 0}.gux-header ::slotted([slot='icon']){flex:0 0 auto;align-self:flex-start;width:16px;height:16px;margin-right:8px;color:#6b7585}.gux-reverse-headings.gux-header ::slotted([slot='icon']){align-self:flex-end}.gux-header .gux-header-icon{flex:0 1 auto;align-items:center;align-self:auto;margin-left:8px;color:#6b7585;transition:transform 0.5s ease;transform-origin:center}.gux-header .gux-header-icon gux-icon{width:16px;height:16px}.gux-header .gux-header-icon.gux-arrow-position-before-text{order:-1;margin:0 8px 0 0}.gux-header .gux-header-icon.gux-expanded{transform:rotate(-180deg)}.gux-header:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-header:focus-visible .gux-header-icon{color:#2e394c}.gux-header:hover .gux-header-icon{color:#2e394c}.gux-content{box-sizing:border-box;display:none;border-bottom:1px solid #e2e6ee}.gux-content.gux-expanded{display:block}.gux-content.gux-text-content-layout{padding:16px}";export{n as gux_accordion_section}
@@ -1 +1 @@
1
- import{r as t,c as o,d as a,w as e,h as c,g as r}from"./p-9031eb6a.js";import{S as i}from"./p-1486d7ea.js";import{t as n}from"./p-2ccd5012.js";import{b as l}from"./p-2b58afeb.js";import{w as b}from"./p-76ff3e75.js";import"./p-8a133b9b.js";const s={createNewTab:"Create New Tab",scrollLeft:"Scroll Left",scrollRight:"Scroll Right",disableNewTab:"Maximum number of tabs created has been reached"},d=class{constructor(a){t(this,a),this.newTab=o(this,"newTab",7),this.input=o(this,"input",7),this.sortChanged=o(this,"sortChanged",7),this.allowSort=!1,this.showNewTabButton=!1,this.value="",this.tabLimit=1/0,this.disableAddTabButton=!1,this.hasScrollbar=!1}watchHandler(t){const o=Array.from(this.root.querySelectorAll("gux-tab-legacy"));for(const a of o)a.active=a.tabId===t}internaltabselectedHandler(t){b("gux-tab-legacy",t,(t=>{t.active||(this.value=t.tabId,this.input.emit())}))}createSortable(){this.sortableInstance=new i(this.root,{animation:250,draggable:"gux-tab-legacy",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-legacy")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-tabs")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){n(this.root),this.i18n=await l(this.root,s)}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-legacy")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}checkForScrollbarHideOrShow(){a((()=>{const t=this.root.shadowRoot.querySelector(".scrollable-section"),o=t.clientWidth!==t.scrollWidth;o!==this.hasScrollbar&&(this.hasScrollbar=o)}))}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(this.checkForScrollbarHideOrShow.bind(this))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-tabs")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver(this.checkForScrollbarHideOrShow.bind(this))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}componentDidRender(){setTimeout((()=>{a((()=>{if(this.value){const t=this.root.querySelector(`gux-tab-legacy[tab-id='${this.value}']`);t&&(t.active=!0)}}))}),500)}scrollLeft(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(-100,0)}))}scrollRight(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(100,0)}))}render(){const t=t=>c("button",{title:this.i18n(this.disableAddTabButton?"disableNewTab":"createNewTab"),class:"add-tab",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},c("gux-icon",{"icon-name":"add",decorative:!0}));return c("div",{class:"gux-tabs"},c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollLeft"),class:"arrow-button",onClick:()=>this.scrollLeft()},c("gux-icon",{"icon-name":"chevron-left",decorative:!0})):null),c("div",{class:"scrollable-section"},c("slot",null),this.showNewTabButton&&!this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null),c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollRight"),class:"arrow-button",onClick:()=>this.scrollRight()},c("gux-icon",{"icon-name":"chevron-right",decorative:!0})):null,this.showNewTabButton&&this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null))}get root(){return r(this)}static get watchers(){return{value:["watchHandler"]}}};d.style=".gux-tabs{display:flex;align-items:flex-end;width:100%;height:40px;overflow-x:hidden}.gux-tabs .action-button-container{display:flex;border-radius:2px}.gux-tabs .action-button-container .arrow-button{display:flex;align-items:center;justify-content:center;width:24px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .arrow-button gux-icon{width:10px;height:10px}.gux-tabs .action-button-container .add-tab{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .add-tab:disabled{opacity:0.5}.gux-tabs .action-button-container .add-tab:disabled:hover{color:#202937}.gux-tabs .action-button-container .add-tab:disabled:active{background-color:#e2e6ee}.gux-tabs .action-button-container .add-tab gux-icon{width:16px;height:16px}.gux-tabs .scrollable-section{display:flex;flex:1 1 auto;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.gux-tabs .scrollable-section::-webkit-scrollbar{height:0}.gux-tabs .scrollable-section .add-tab{display:flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;margin-left:4px;border:none;transition:color 0.25s}.gux-tabs .scrollable-section .add-tab gux-icon{width:16px;height:16px}.gux-tabs-light-theme{background-color:#e2e6ee}.gux-tabs-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-light-theme .gux-tabs{background-color:#e2e6ee}.gux-light-theme .gux-tabs .action-button-container{background-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-light-theme .gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-light-theme .gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs.gux-light-theme{background-color:#e2e6ee}.gux-tabs.gux-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs.gux-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs.gux-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs{background-color:#e2e6ee}.gux-tabs .action-button-container{background-color:#c8cfda}.gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}";export{d as gux_tabs_legacy}
1
+ import{r as t,c as o,d as a,w as e,h as c,g as r}from"./p-9031eb6a.js";import{S as i}from"./p-1486d7ea.js";import{t as n}from"./p-bce4dece.js";import{b as l}from"./p-2b58afeb.js";import{w as b}from"./p-76ff3e75.js";import"./p-8a133b9b.js";const s={createNewTab:"Create New Tab",scrollLeft:"Scroll Left",scrollRight:"Scroll Right",disableNewTab:"Maximum number of tabs created has been reached"},d=class{constructor(a){t(this,a),this.newTab=o(this,"newTab",7),this.input=o(this,"input",7),this.sortChanged=o(this,"sortChanged",7),this.allowSort=!1,this.showNewTabButton=!1,this.value="",this.tabLimit=1/0,this.disableAddTabButton=!1,this.hasScrollbar=!1}watchHandler(t){const o=Array.from(this.root.querySelectorAll("gux-tab-legacy"));for(const a of o)a.active=a.tabId===t}internaltabselectedHandler(t){b("gux-tab-legacy",t,(t=>{t.active||(this.value=t.tabId,this.input.emit())}))}createSortable(){this.sortableInstance=new i(this.root,{animation:250,draggable:"gux-tab-legacy",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-legacy")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-tabs")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){n(this.root),this.i18n=await l(this.root,s)}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-legacy")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}checkForScrollbarHideOrShow(){a((()=>{const t=this.root.shadowRoot.querySelector(".scrollable-section"),o=t.clientWidth!==t.scrollWidth;o!==this.hasScrollbar&&(this.hasScrollbar=o)}))}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(this.checkForScrollbarHideOrShow.bind(this))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-tabs")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver(this.checkForScrollbarHideOrShow.bind(this))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}componentDidRender(){setTimeout((()=>{a((()=>{if(this.value){const t=this.root.querySelector(`gux-tab-legacy[tab-id='${this.value}']`);t&&(t.active=!0)}}))}),500)}scrollLeft(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(-100,0)}))}scrollRight(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(100,0)}))}render(){const t=t=>c("button",{title:this.i18n(this.disableAddTabButton?"disableNewTab":"createNewTab"),class:"add-tab",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},c("gux-icon",{"icon-name":"add",decorative:!0}));return c("div",{class:"gux-tabs"},c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollLeft"),class:"arrow-button",onClick:()=>this.scrollLeft()},c("gux-icon",{"icon-name":"chevron-left",decorative:!0})):null),c("div",{class:"scrollable-section"},c("slot",null),this.showNewTabButton&&!this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null),c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollRight"),class:"arrow-button",onClick:()=>this.scrollRight()},c("gux-icon",{"icon-name":"chevron-right",decorative:!0})):null,this.showNewTabButton&&this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null))}get root(){return r(this)}static get watchers(){return{value:["watchHandler"]}}};d.style=".gux-tabs{display:flex;align-items:flex-end;width:100%;height:40px;overflow-x:hidden}.gux-tabs .action-button-container{display:flex;border-radius:2px}.gux-tabs .action-button-container .arrow-button{display:flex;align-items:center;justify-content:center;width:24px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .arrow-button gux-icon{width:10px;height:10px}.gux-tabs .action-button-container .add-tab{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .add-tab:disabled{opacity:0.5}.gux-tabs .action-button-container .add-tab:disabled:hover{color:#202937}.gux-tabs .action-button-container .add-tab:disabled:active{background-color:#e2e6ee}.gux-tabs .action-button-container .add-tab gux-icon{width:16px;height:16px}.gux-tabs .scrollable-section{display:flex;flex:1 1 auto;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.gux-tabs .scrollable-section::-webkit-scrollbar{height:0}.gux-tabs .scrollable-section .add-tab{display:flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;margin-left:4px;border:none;transition:color 0.25s}.gux-tabs .scrollable-section .add-tab gux-icon{width:16px;height:16px}.gux-tabs-light-theme{background-color:#e2e6ee}.gux-tabs-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-light-theme .gux-tabs{background-color:#e2e6ee}.gux-light-theme .gux-tabs .action-button-container{background-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-light-theme .gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-light-theme .gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs.gux-light-theme{background-color:#e2e6ee}.gux-tabs.gux-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs.gux-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs.gux-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs{background-color:#e2e6ee}.gux-tabs .action-button-container{background-color:#c8cfda}.gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}";export{d as gux_tabs_legacy}
@@ -1 +1 @@
1
- import{r as t,c as i,h as o,g as s}from"./p-9031eb6a.js";import{O as n}from"./p-23975bfb.js";import{w as e}from"./p-76ff3e75.js";import{a}from"./p-091f51f6.js";import{t as c}from"./p-2ccd5012.js";import{b as r}from"./p-2b58afeb.js";import"./p-8a133b9b.js";const h={actionButtonDropdown:"Dropdown for {buttonTitle}"};const u=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.type="button",this.text=void 0,this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const i=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,i.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){a((()=>{this.listElement.focus&&this.listElement.focus()}))}focusFirstItemInPopupList(){a((()=>{this.listElement.guxFocusFirstItem()}))}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}onListClick(t){e("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}async componentWillLoad(){c(this.root,{variant:this.type}),this.i18n=await r(this.root,h)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup-beta",{expanded:this.isOpen,disabled:this.disabled},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot-beta",{class:"gux-action-button",accent:this.accent},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},this.text)),o("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("div",{class:"gux-list-container",slot:"popup"},o("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},o("slot",null)))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([n({triggerEvents:"click"})],u.prototype,"onClickOutside",null),u.style=":host{display:block;-webkit-user-select:none;user-select:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;min-width:0;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}.gux-action-button-container .gux-list-container{padding:8px 0;margin:0;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{u as gux_action_button}
1
+ import{r as t,c as i,h as o,g as s}from"./p-9031eb6a.js";import{O as n}from"./p-23975bfb.js";import{w as e}from"./p-76ff3e75.js";import{a}from"./p-091f51f6.js";import{t as c}from"./p-bce4dece.js";import{b as r}from"./p-2b58afeb.js";import"./p-8a133b9b.js";const h={actionButtonDropdown:"Dropdown for {buttonTitle}"};const u=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.type="button",this.text=void 0,this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const i=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,i.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){a((()=>{this.listElement.focus&&this.listElement.focus()}))}focusFirstItemInPopupList(){a((()=>{this.listElement.guxFocusFirstItem()}))}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}onListClick(t){e("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}async componentWillLoad(){c(this.root,{variant:this.type}),this.i18n=await r(this.root,h)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup-beta",{expanded:this.isOpen,disabled:this.disabled},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot-beta",{class:"gux-action-button",accent:this.accent},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},this.text)),o("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("div",{class:"gux-list-container",slot:"popup"},o("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},o("slot",null)))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([n({triggerEvents:"click"})],u.prototype,"onClickOutside",null),u.style=":host{display:block;-webkit-user-select:none;user-select:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;min-width:0;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}.gux-action-button-container .gux-list-container{padding:8px 0;margin:0;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{u as gux_action_button}
@@ -1 +1 @@
1
- import{r as t,c as n,h as e,g as i}from"./p-9031eb6a.js";import{t as o}from"./p-2ccd5012.js";import{b as s}from"./p-2b58afeb.js";import{a}from"./p-3701eff0.js";import"./p-8a133b9b.js";const r={eraseBtnAria:"Clear",navigateNextBtn:"Next",navigatePreviousBtn:"Previous",totalMatches:"{currentMatch, number} of {matchCount, number}"},c=class{constructor(e){t(this,e),this.guxcurrentmatchchanged=n(this,"guxcurrentmatchchanged",7),this.matchCount=0,this.currentMatch=0,this.disabled=void 0,this.value=void 0}async clear(){this.disabled||(this.matchCount=0,this.currentMatch=0,this.value="",this.resetInputSlottedElement(),this.emitCurrentMatchChanged())}async componentWillLoad(){o(this.root),this.i18n=await s(this.root,r),this.inputSlottedElement=this.root.querySelector("input"),this.disabled=this.inputSlottedElement.disabled,this.value=this.inputSlottedElement.value,this.disabledObserver=a(this.inputSlottedElement,(t=>{this.disabled=t})),this.inputSlottedElement.addEventListener("input",(t=>this.onInput(t)))}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return e("div",{class:{"gux-content-search":!0,"gux-disabled":this.disabled}},e("div",{class:"gux-search-icon"},e("gux-icon",{decorative:!0,"icon-name":"search"})),e("slot",null),this.getNavigationPanel())}getNavigationPanel(){if(this.showNavigationPanel()){const t=this.disableNavigationPanel();return e("div",{class:"gux-content-control-panel"},e("div",{class:{"gux-navigation-panel":!0,"gux-navigation-disabled":t},title:this.matchCountResult()},e("span",{class:{"gux-navigation-result":!0,"gux-navigation-result-disabled":t},"aria-label":this.matchCountResult()},this.matchCountResult()),e("button",{type:"button",class:"gux-previous-button",title:this.i18n("navigatePreviousBtn"),"aria-label":this.i18n("navigatePreviousBtn"),onClick:()=>this.previousClick(),disabled:t},e("gux-icon",{decorative:!0,"icon-name":"arrow-solid-up"})),e("button",{type:"button",class:"gux-next-button",title:this.i18n("navigateNextBtn"),"aria-label":this.i18n("navigateNextBtn"),onClick:()=>this.nextClick(),disabled:t},e("gux-icon",{decorative:!0,"icon-name":"arrow-solid-down"}))),e("button",{type:"button",class:"gux-clear-button",title:this.i18n("eraseBtnAria"),"aria-label":this.i18n("eraseBtnAria"),onClick:()=>{this.clear()},disabled:this.disabled},e("gux-icon",{decorative:!0,"icon-name":"close"})))}return null}matchCountResult(){return this.i18n("totalMatches",{currentMatch:this.getNormalizedCurrentMatch(),matchCount:this.getNormalizedMatchCount()})}showNavigationPanel(){return""!==this.value}disableNavigationPanel(){return this.disabled||this.getNormalizedMatchCount()<=0}getNormalizedMatchCount(){return this.matchCount&&Number.isInteger(this.matchCount)&&this.matchCount>=0?Number(this.matchCount):0}getNormalizedCurrentMatch(){return this.currentMatch&&Number.isInteger(this.currentMatch)&&this.currentMatch>=0&&this.currentMatch<=this.getNormalizedMatchCount()&&this.getNormalizedMatchCount()>0?Number(this.currentMatch):0}resetInputSlottedElement(){this.inputSlottedElement.value="",this.inputSlottedElement.dispatchEvent(new InputEvent("input",{bubbles:!0,cancelable:!0})),this.inputSlottedElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}nextClick(){this.disableNavigationPanel()||(this.currentMatch=this.getNormalizedCurrentMatch()===this.getNormalizedMatchCount()?1:this.getNormalizedCurrentMatch()+1,this.emitCurrentMatchChanged())}previousClick(){this.disableNavigationPanel()||(this.currentMatch=1===this.getNormalizedCurrentMatch()||0===this.getNormalizedCurrentMatch()?this.getNormalizedMatchCount():this.getNormalizedCurrentMatch()-1,this.emitCurrentMatchChanged())}onInput(t){this.value=t.target.value}emitCurrentMatchChanged(){this.guxcurrentmatchchanged.emit(this.getNormalizedCurrentMatch())}get root(){return i(this)}};c.style=":host{display:inline-block;width:300px;min-width:300px;color:#596373}::slotted(input){box-sizing:border-box;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;background-color:#fdfdfd;background-image:none;border:1px solid #6b7585;border-radius:2px;flex-basis:100%;flex-shrink:1;min-width:0;height:22px;padding:0;color:#2e394c;background-color:#f6f7f9;border:0;border-radius:0;outline:none}::slotted(input)::placeholder{color:#596373}::slotted(input).gux-focused,::slotted(input):focus{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px rgba(170, 201, 255, 0.5)}::slotted(input).gux-focused,::slotted(input):focus{border:0;outline:none;box-shadow:none}.gux-content-search{box-sizing:border-box;display:flex;flex-direction:row;width:100%;height:32px;padding:4px 0 4px 0;margin:4px 0;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-content-search.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-content-search:focus,.gux-content-search:focus-within{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px #75a8ff}.gux-content-search .gux-search-icon{display:flex;flex-shrink:0;align-items:center;padding:0 4px 0 8px}.gux-content-search .gux-search-icon:disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-content-search .gux-search-icon gux-icon{width:16px;height:16px}.gux-content-search .gux-content-control-panel{box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:0;align-content:center;align-items:center;justify-content:flex-end;height:22px;padding:0;line-height:1.6667}.gux-content-search .gux-content-control-panel button{display:block;align-items:center;overflow:hidden;color:#596373;cursor:pointer;background:none;border:none;border-radius:4px;outline:none}.gux-content-search .gux-content-control-panel button:disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-content-search .gux-content-control-panel button:not(:disabled):hover,.gux-content-search .gux-content-control-panel button:not(:disabled):focus{color:#2e394c}.gux-content-search .gux-content-control-panel button:focus:enabled{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-content-search .gux-content-control-panel button gux-icon{width:16px;height:16px}.gux-content-search .gux-content-control-panel .gux-clear-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0;margin-right:8px;margin-left:8px}.gux-content-search .gux-content-control-panel .gux-navigation-disabled{pointer-events:auto;cursor:default;opacity:0.5}.gux-content-search .gux-content-control-panel .gux-navigation-panel{display:flex;align-content:center;align-items:center;justify-content:flex-end;border-right:1px solid #596373}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-result{align-items:center;padding-left:8px;font-family:inherit;font-size:12px;white-space:nowrap}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-previous-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0;margin-left:4px}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-next-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0;margin-right:4px}";export{c as gux_content_search}
1
+ import{r as t,c as n,h as e,g as i}from"./p-9031eb6a.js";import{t as o}from"./p-bce4dece.js";import{b as s}from"./p-2b58afeb.js";import{a}from"./p-3701eff0.js";import"./p-8a133b9b.js";const r={eraseBtnAria:"Clear",navigateNextBtn:"Next",navigatePreviousBtn:"Previous",totalMatches:"{currentMatch, number} of {matchCount, number}"},c=class{constructor(e){t(this,e),this.guxcurrentmatchchanged=n(this,"guxcurrentmatchchanged",7),this.matchCount=0,this.currentMatch=0,this.disabled=void 0,this.value=void 0}async clear(){this.disabled||(this.matchCount=0,this.currentMatch=0,this.value="",this.resetInputSlottedElement(),this.emitCurrentMatchChanged())}async componentWillLoad(){o(this.root),this.i18n=await s(this.root,r),this.inputSlottedElement=this.root.querySelector("input"),this.disabled=this.inputSlottedElement.disabled,this.value=this.inputSlottedElement.value,this.disabledObserver=a(this.inputSlottedElement,(t=>{this.disabled=t})),this.inputSlottedElement.addEventListener("input",(t=>this.onInput(t)))}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return e("div",{class:{"gux-content-search":!0,"gux-disabled":this.disabled}},e("div",{class:"gux-search-icon"},e("gux-icon",{decorative:!0,"icon-name":"search"})),e("slot",null),this.getNavigationPanel())}getNavigationPanel(){if(this.showNavigationPanel()){const t=this.disableNavigationPanel();return e("div",{class:"gux-content-control-panel"},e("div",{class:{"gux-navigation-panel":!0,"gux-navigation-disabled":t},title:this.matchCountResult()},e("span",{class:{"gux-navigation-result":!0,"gux-navigation-result-disabled":t},"aria-label":this.matchCountResult()},this.matchCountResult()),e("button",{type:"button",class:"gux-previous-button",title:this.i18n("navigatePreviousBtn"),"aria-label":this.i18n("navigatePreviousBtn"),onClick:()=>this.previousClick(),disabled:t},e("gux-icon",{decorative:!0,"icon-name":"arrow-solid-up"})),e("button",{type:"button",class:"gux-next-button",title:this.i18n("navigateNextBtn"),"aria-label":this.i18n("navigateNextBtn"),onClick:()=>this.nextClick(),disabled:t},e("gux-icon",{decorative:!0,"icon-name":"arrow-solid-down"}))),e("button",{type:"button",class:"gux-clear-button",title:this.i18n("eraseBtnAria"),"aria-label":this.i18n("eraseBtnAria"),onClick:()=>{this.clear()},disabled:this.disabled},e("gux-icon",{decorative:!0,"icon-name":"close"})))}return null}matchCountResult(){return this.i18n("totalMatches",{currentMatch:this.getNormalizedCurrentMatch(),matchCount:this.getNormalizedMatchCount()})}showNavigationPanel(){return""!==this.value}disableNavigationPanel(){return this.disabled||this.getNormalizedMatchCount()<=0}getNormalizedMatchCount(){return this.matchCount&&Number.isInteger(this.matchCount)&&this.matchCount>=0?Number(this.matchCount):0}getNormalizedCurrentMatch(){return this.currentMatch&&Number.isInteger(this.currentMatch)&&this.currentMatch>=0&&this.currentMatch<=this.getNormalizedMatchCount()&&this.getNormalizedMatchCount()>0?Number(this.currentMatch):0}resetInputSlottedElement(){this.inputSlottedElement.value="",this.inputSlottedElement.dispatchEvent(new InputEvent("input",{bubbles:!0,cancelable:!0})),this.inputSlottedElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}nextClick(){this.disableNavigationPanel()||(this.currentMatch=this.getNormalizedCurrentMatch()===this.getNormalizedMatchCount()?1:this.getNormalizedCurrentMatch()+1,this.emitCurrentMatchChanged())}previousClick(){this.disableNavigationPanel()||(this.currentMatch=1===this.getNormalizedCurrentMatch()||0===this.getNormalizedCurrentMatch()?this.getNormalizedMatchCount():this.getNormalizedCurrentMatch()-1,this.emitCurrentMatchChanged())}onInput(t){this.value=t.target.value}emitCurrentMatchChanged(){this.guxcurrentmatchchanged.emit(this.getNormalizedCurrentMatch())}get root(){return i(this)}};c.style=":host{display:inline-block;width:300px;min-width:300px;color:#596373}::slotted(input){box-sizing:border-box;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;background-color:#fdfdfd;background-image:none;border:1px solid #6b7585;border-radius:2px;flex-basis:100%;flex-shrink:1;min-width:0;height:22px;padding:0;color:#2e394c;background-color:#f6f7f9;border:0;border-radius:0;outline:none}::slotted(input)::placeholder{color:#596373}::slotted(input).gux-focused,::slotted(input):focus-visible{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px rgba(170, 201, 255, 0.5)}::slotted(input).gux-focused,::slotted(input):focus{border:0;outline:none;box-shadow:none}.gux-content-search{box-sizing:border-box;display:flex;flex-direction:row;width:100%;height:32px;padding:4px 0 4px 0;margin:4px 0;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-content-search.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-content-search:focus-visible,.gux-content-search:focus-within{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px #75a8ff}.gux-content-search .gux-search-icon{display:flex;flex-shrink:0;align-items:center;padding:0 4px 0 8px}.gux-content-search .gux-search-icon:disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-content-search .gux-search-icon gux-icon{width:16px;height:16px}.gux-content-search .gux-content-control-panel{box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:0;align-content:center;align-items:center;justify-content:flex-end;height:22px;padding:0;line-height:1.6667}.gux-content-search .gux-content-control-panel button{display:block;align-items:center;overflow:hidden;color:#596373;cursor:pointer;background:none;border:none;border-radius:4px;outline:none}.gux-content-search .gux-content-control-panel button:disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-content-search .gux-content-control-panel button:not(:disabled):hover,.gux-content-search .gux-content-control-panel button:not(:disabled):focus-visible{color:#2e394c}.gux-content-search .gux-content-control-panel button:focus-visible:enabled{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-content-search .gux-content-control-panel button gux-icon{width:16px;height:16px}.gux-content-search .gux-content-control-panel .gux-clear-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0;margin-right:8px;margin-left:8px}.gux-content-search .gux-content-control-panel .gux-navigation-disabled{pointer-events:auto;cursor:default;opacity:0.5}.gux-content-search .gux-content-control-panel .gux-navigation-panel{display:flex;align-content:center;align-items:center;justify-content:flex-end;border-right:1px solid #596373}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-result{align-items:center;padding-left:8px;font-family:inherit;font-size:12px;white-space:nowrap}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-previous-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0;margin-left:4px}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-next-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0;margin-right:4px}";export{c as gux_content_search}