genesys-spark-components 3.8.4 → 3.8.7

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 (273) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/gux-accordion-legacy.cjs.entry.js +1 -1
  3. package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
  4. package/dist/cjs/gux-action-button-legacy.cjs.entry.js +2 -2
  5. package/dist/cjs/gux-action-button.cjs.entry.js +2 -2
  6. package/dist/cjs/gux-action-list-legacy.cjs.entry.js +1 -1
  7. package/dist/cjs/gux-action-toast.cjs.entry.js +1 -1
  8. package/dist/cjs/gux-advanced-dropdown.cjs.entry.js +2 -2
  9. package/dist/cjs/gux-all-row-select.cjs.entry.js +1 -1
  10. package/dist/cjs/gux-badge-beta.cjs.entry.js +2 -2
  11. package/dist/cjs/gux-breadcrumbs.cjs.entry.js +2 -2
  12. package/dist/cjs/gux-button-multi-legacy.cjs.entry.js +1 -1
  13. package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
  14. package/dist/cjs/gux-button-slot-beta.cjs.entry.js +1 -1
  15. package/dist/cjs/gux-button.cjs.entry.js +1 -1
  16. package/dist/cjs/gux-calendar.cjs.entry.js +2 -2
  17. package/dist/cjs/gux-card-beta.cjs.entry.js +1 -1
  18. package/dist/cjs/gux-chart-column-beta.cjs.entry.js +1 -1
  19. package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +1 -1
  20. package/dist/cjs/gux-chart-line-beta.cjs.entry.js +1 -1
  21. package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +1 -1
  22. package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +1 -1
  23. package/dist/cjs/gux-command-palette-legacy.cjs.entry.js +2 -2
  24. package/dist/cjs/gux-content-search.cjs.entry.js +2 -2
  25. package/dist/cjs/gux-copy-to-clipboard-beta.cjs.entry.js +2 -2
  26. package/dist/cjs/gux-datepicker.cjs.entry.js +2 -2
  27. package/dist/cjs/gux-disclosure-button.cjs.entry.js +2 -2
  28. package/dist/cjs/gux-dismiss-button.cjs.entry.js +2 -2
  29. package/dist/cjs/gux-dropdown-legacy.cjs.entry.js +1 -1
  30. package/dist/cjs/gux-dropdown-multi-beta.cjs.entry.js +2 -2
  31. package/dist/cjs/gux-dropdown-multi-tag.cjs.entry.js +1 -1
  32. package/dist/cjs/gux-dropdown_3.cjs.entry.js +2 -2
  33. package/dist/cjs/gux-error-message-beta.cjs.entry.js +1 -1
  34. package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +1 -1
  35. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
  36. package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
  37. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
  38. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +2 -2
  39. package/dist/cjs/gux-form-field-legacy.cjs.entry.js +1 -1
  40. package/dist/cjs/gux-form-field-number.cjs.entry.js +2 -2
  41. package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
  42. package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
  43. package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
  44. package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
  45. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
  46. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
  47. package/dist/cjs/gux-icon.cjs.entry.js +1 -1
  48. package/dist/cjs/gux-input-checkbox_7.cjs.entry.js +1 -1
  49. package/dist/cjs/gux-input-search.cjs.entry.js +1 -1
  50. package/dist/cjs/gux-input-text-like.cjs.entry.js +1 -1
  51. package/dist/cjs/gux-list-item-legacy_2.cjs.entry.js +1 -1
  52. package/dist/cjs/gux-list.cjs.entry.js +1 -1
  53. package/dist/cjs/gux-listbox-multi.cjs.entry.js +2 -2
  54. package/dist/cjs/gux-modal.cjs.entry.js +1 -1
  55. package/dist/cjs/gux-notification-toast.cjs.entry.js +1 -1
  56. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
  57. package/dist/cjs/gux-pagination-beta.cjs.entry.js +1 -1
  58. package/dist/cjs/gux-pagination-buttons-beta_3.cjs.entry.js +1 -1
  59. package/dist/cjs/gux-pagination-buttons_3.cjs.entry.js +1 -1
  60. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +2 -2
  61. package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
  62. package/dist/cjs/gux-panel-frame-legacy.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
  64. package/dist/cjs/gux-popover.cjs.entry.js +1 -1
  65. package/dist/cjs/gux-radial-loading.cjs.entry.js +2 -2
  66. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  67. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-row-select.cjs.entry.js +1 -1
  69. package/dist/cjs/gux-side-panel-legacy.cjs.entry.js +1 -1
  70. package/dist/cjs/gux-simple-toast.cjs.entry.js +1 -1
  71. package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
  72. package/dist/cjs/gux-switch.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-tab-advanced-list.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-tab-advanced.cjs.entry.js +1 -1
  75. package/dist/cjs/gux-tab-list.cjs.entry.js +1 -1
  76. package/dist/cjs/gux-table-beta.cjs.entry.js +2 -2
  77. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  78. package/dist/cjs/gux-tabs-legacy.cjs.entry.js +2 -2
  79. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  80. package/dist/cjs/gux-tag-beta.cjs.entry.js +3 -3
  81. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  82. package/dist/cjs/gux-text-label-legacy.cjs.entry.js +1 -1
  83. package/dist/cjs/gux-time-picker-beta.cjs.entry.js +2 -2
  84. package/dist/cjs/gux-toggle.cjs.entry.js +2 -2
  85. package/dist/cjs/gux-tooltip_2.cjs.entry.js +1 -1
  86. package/dist/cjs/gux-visualization-beta.cjs.entry.js +2 -2
  87. package/dist/cjs/{index-77b430d5.js → index-0d3a5385.js} +1 -25
  88. package/dist/cjs/{usage-tracking-bc989061.js → usage-tracking-84c7d348.js} +1 -1
  89. package/dist/collection/components/beta/gux-tag/gux-tag.css +8 -0
  90. package/dist/collection/components/beta/gux-tag/gux-tag.js +1 -1
  91. package/dist/collection/i18n/index.js +1 -1
  92. package/dist/deploy-info.json +3 -3
  93. package/dist/esm/gux-accordion-legacy.entry.js +1 -1
  94. package/dist/esm/gux-accordion.entry.js +1 -1
  95. package/dist/esm/gux-action-button-legacy.entry.js +2 -2
  96. package/dist/esm/gux-action-button.entry.js +2 -2
  97. package/dist/esm/gux-action-list-legacy.entry.js +1 -1
  98. package/dist/esm/gux-action-toast.entry.js +1 -1
  99. package/dist/esm/gux-advanced-dropdown.entry.js +2 -2
  100. package/dist/esm/gux-all-row-select.entry.js +1 -1
  101. package/dist/esm/gux-badge-beta.entry.js +2 -2
  102. package/dist/esm/gux-breadcrumbs.entry.js +2 -2
  103. package/dist/esm/gux-button-multi-legacy.entry.js +1 -1
  104. package/dist/esm/gux-button-multi.entry.js +1 -1
  105. package/dist/esm/gux-button-slot-beta.entry.js +1 -1
  106. package/dist/esm/gux-button.entry.js +1 -1
  107. package/dist/esm/gux-calendar.entry.js +2 -2
  108. package/dist/esm/gux-card-beta.entry.js +1 -1
  109. package/dist/esm/gux-chart-column-beta.entry.js +1 -1
  110. package/dist/esm/gux-chart-donut-beta.entry.js +1 -1
  111. package/dist/esm/gux-chart-line-beta.entry.js +1 -1
  112. package/dist/esm/gux-chart-pie-beta.entry.js +1 -1
  113. package/dist/esm/gux-chart-scatter-plot-beta.entry.js +1 -1
  114. package/dist/esm/gux-command-palette-legacy.entry.js +2 -2
  115. package/dist/esm/gux-content-search.entry.js +2 -2
  116. package/dist/esm/gux-copy-to-clipboard-beta.entry.js +2 -2
  117. package/dist/esm/gux-datepicker.entry.js +2 -2
  118. package/dist/esm/gux-disclosure-button.entry.js +2 -2
  119. package/dist/esm/gux-dismiss-button.entry.js +2 -2
  120. package/dist/esm/gux-dropdown-legacy.entry.js +1 -1
  121. package/dist/esm/gux-dropdown-multi-beta.entry.js +2 -2
  122. package/dist/esm/gux-dropdown-multi-tag.entry.js +1 -1
  123. package/dist/esm/gux-dropdown_3.entry.js +2 -2
  124. package/dist/esm/gux-error-message-beta.entry.js +1 -1
  125. package/dist/esm/gux-flyout-menu-beta.entry.js +1 -1
  126. package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
  127. package/dist/esm/gux-form-field-color.entry.js +1 -1
  128. package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
  129. package/dist/esm/gux-form-field-input-clear-button.entry.js +2 -2
  130. package/dist/esm/gux-form-field-legacy.entry.js +1 -1
  131. package/dist/esm/gux-form-field-number.entry.js +2 -2
  132. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  133. package/dist/esm/gux-form-field-range.entry.js +1 -1
  134. package/dist/esm/gux-form-field-search.entry.js +1 -1
  135. package/dist/esm/gux-form-field-select.entry.js +1 -1
  136. package/dist/esm/gux-form-field-text-like.entry.js +1 -1
  137. package/dist/esm/gux-form-field-textarea.entry.js +1 -1
  138. package/dist/esm/gux-icon.entry.js +1 -1
  139. package/dist/esm/gux-input-checkbox_7.entry.js +1 -1
  140. package/dist/esm/gux-input-search.entry.js +1 -1
  141. package/dist/esm/gux-input-text-like.entry.js +1 -1
  142. package/dist/esm/gux-list-item-legacy_2.entry.js +1 -1
  143. package/dist/esm/gux-list.entry.js +1 -1
  144. package/dist/esm/gux-listbox-multi.entry.js +2 -2
  145. package/dist/esm/gux-modal.entry.js +1 -1
  146. package/dist/esm/gux-notification-toast.entry.js +1 -1
  147. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  148. package/dist/esm/gux-pagination-beta.entry.js +1 -1
  149. package/dist/esm/gux-pagination-buttons-beta_3.entry.js +1 -1
  150. package/dist/esm/gux-pagination-buttons_3.entry.js +1 -1
  151. package/dist/esm/gux-pagination-cursor.entry.js +2 -2
  152. package/dist/esm/gux-pagination.entry.js +1 -1
  153. package/dist/esm/gux-panel-frame-legacy.entry.js +1 -1
  154. package/dist/esm/gux-popover-list.entry.js +1 -1
  155. package/dist/esm/gux-popover.entry.js +1 -1
  156. package/dist/esm/gux-radial-loading.entry.js +2 -2
  157. package/dist/esm/gux-radial-progress.entry.js +1 -1
  158. package/dist/esm/gux-rating.entry.js +1 -1
  159. package/dist/esm/gux-row-select.entry.js +1 -1
  160. package/dist/esm/gux-side-panel-legacy.entry.js +1 -1
  161. package/dist/esm/gux-simple-toast.entry.js +1 -1
  162. package/dist/esm/gux-sort-control.entry.js +1 -1
  163. package/dist/esm/gux-switch.entry.js +1 -1
  164. package/dist/esm/gux-tab-advanced-list.entry.js +1 -1
  165. package/dist/esm/gux-tab-advanced.entry.js +1 -1
  166. package/dist/esm/gux-tab-list.entry.js +1 -1
  167. package/dist/esm/gux-table-beta.entry.js +2 -2
  168. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  169. package/dist/esm/gux-tabs-legacy.entry.js +2 -2
  170. package/dist/esm/gux-tabs.entry.js +1 -1
  171. package/dist/esm/gux-tag-beta.entry.js +3 -3
  172. package/dist/esm/gux-text-highlight.entry.js +1 -1
  173. package/dist/esm/gux-text-label-legacy.entry.js +1 -1
  174. package/dist/esm/gux-time-picker-beta.entry.js +2 -2
  175. package/dist/esm/gux-toggle.entry.js +2 -2
  176. package/dist/esm/gux-tooltip_2.entry.js +1 -1
  177. package/dist/esm/gux-visualization-beta.entry.js +2 -2
  178. package/dist/esm/{index-2d9f3350.js → index-b644eb47.js} +1 -25
  179. package/dist/esm/{usage-tracking-d511b007.js → usage-tracking-788d5d32.js} +1 -1
  180. package/dist/genesys-webcomponents/genesys-webcomponents.css +1 -1
  181. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  182. package/dist/genesys-webcomponents/less/color-palette.less +2 -1
  183. package/dist/genesys-webcomponents/{p-c6a59bad.entry.js → p-014070d6.entry.js} +1 -1
  184. package/dist/genesys-webcomponents/{p-9477e6f2.entry.js → p-02f88e5c.entry.js} +1 -1
  185. package/dist/genesys-webcomponents/{p-29e83ab8.entry.js → p-038e8349.entry.js} +1 -1
  186. package/dist/genesys-webcomponents/{p-90ea1ca7.entry.js → p-0e29645f.entry.js} +1 -1
  187. package/dist/genesys-webcomponents/{p-062c4888.entry.js → p-0f54bfff.entry.js} +1 -1
  188. package/dist/genesys-webcomponents/{p-4d2eb7d6.entry.js → p-10273b75.entry.js} +1 -1
  189. package/dist/genesys-webcomponents/{p-87c5db37.entry.js → p-175f0d2d.entry.js} +1 -1
  190. package/dist/genesys-webcomponents/{p-8d8f3e36.entry.js → p-1c9e5f0a.entry.js} +1 -1
  191. package/dist/genesys-webcomponents/{p-9f256566.js → p-277949f8.js} +1 -1
  192. package/dist/genesys-webcomponents/{p-44e71d48.entry.js → p-290078f0.entry.js} +1 -1
  193. package/dist/genesys-webcomponents/{p-7a670003.entry.js → p-29fec081.entry.js} +1 -1
  194. package/dist/genesys-webcomponents/{p-0be47b6d.entry.js → p-2cb5a2b1.entry.js} +1 -1
  195. package/dist/genesys-webcomponents/{p-e974f062.js → p-2fb2e5b0.js} +1 -1
  196. package/dist/genesys-webcomponents/{p-1ad43a31.entry.js → p-31d1d7c1.entry.js} +1 -1
  197. package/dist/genesys-webcomponents/{p-7549514d.entry.js → p-32c264eb.entry.js} +1 -1
  198. package/dist/genesys-webcomponents/{p-ee935113.entry.js → p-332b356f.entry.js} +1 -1
  199. package/dist/genesys-webcomponents/{p-3bae46d0.entry.js → p-3581d6cf.entry.js} +1 -1
  200. package/dist/genesys-webcomponents/{p-898968aa.entry.js → p-361aa2c4.entry.js} +1 -1
  201. package/dist/genesys-webcomponents/{p-5042dde0.entry.js → p-36a0d805.entry.js} +1 -1
  202. package/dist/genesys-webcomponents/{p-60359867.entry.js → p-37b10e30.entry.js} +1 -1
  203. package/dist/genesys-webcomponents/{p-d4d85f4d.entry.js → p-3bc837a3.entry.js} +1 -1
  204. package/dist/genesys-webcomponents/{p-1d898c13.entry.js → p-3c5122d4.entry.js} +1 -1
  205. package/dist/genesys-webcomponents/{p-4471fa3a.entry.js → p-43c00510.entry.js} +1 -1
  206. package/dist/genesys-webcomponents/{p-509a5c94.entry.js → p-47672c3b.entry.js} +1 -1
  207. package/dist/genesys-webcomponents/{p-4531ef44.entry.js → p-4d13d755.entry.js} +1 -1
  208. package/dist/genesys-webcomponents/{p-18b32260.entry.js → p-4e79882c.entry.js} +1 -1
  209. package/dist/genesys-webcomponents/{p-033dbd7a.entry.js → p-51c70da6.entry.js} +1 -1
  210. package/dist/genesys-webcomponents/{p-fabe9d9d.entry.js → p-53045712.entry.js} +1 -1
  211. package/dist/genesys-webcomponents/{p-044959e8.entry.js → p-536a4370.entry.js} +1 -1
  212. package/dist/genesys-webcomponents/{p-d97d8dff.entry.js → p-57b05862.entry.js} +1 -1
  213. package/dist/genesys-webcomponents/{p-33072b72.entry.js → p-58536f2d.entry.js} +1 -1
  214. package/dist/genesys-webcomponents/{p-ac7b67f0.entry.js → p-5af36762.entry.js} +1 -1
  215. package/dist/genesys-webcomponents/{p-ce173635.entry.js → p-5c2a8035.entry.js} +1 -1
  216. package/dist/genesys-webcomponents/{p-3811d7ae.entry.js → p-5d6be689.entry.js} +1 -1
  217. package/dist/genesys-webcomponents/{p-b249020d.entry.js → p-5d7083af.entry.js} +1 -1
  218. package/dist/genesys-webcomponents/{p-ce69dcb3.entry.js → p-5f9efa73.entry.js} +1 -1
  219. package/dist/genesys-webcomponents/{p-43d031b2.entry.js → p-643ab45f.entry.js} +1 -1
  220. package/dist/genesys-webcomponents/{p-a0c6c9d9.entry.js → p-6628f4da.entry.js} +1 -1
  221. package/dist/genesys-webcomponents/{p-fe10fb24.entry.js → p-682f61e3.entry.js} +1 -1
  222. package/dist/genesys-webcomponents/{p-1a011ff5.entry.js → p-689ecab2.entry.js} +1 -1
  223. package/dist/genesys-webcomponents/{p-1457e29b.entry.js → p-6ef43bc9.entry.js} +1 -1
  224. package/dist/genesys-webcomponents/{p-adc4e002.entry.js → p-717fee1b.entry.js} +1 -1
  225. package/dist/genesys-webcomponents/{p-0fffcf2c.entry.js → p-71a4b76b.entry.js} +1 -1
  226. package/dist/genesys-webcomponents/{p-19935e89.entry.js → p-7b7eda26.entry.js} +1 -1
  227. package/dist/genesys-webcomponents/{p-e2dabb7c.entry.js → p-7de7c7ee.entry.js} +1 -1
  228. package/dist/genesys-webcomponents/{p-fc1f0f90.entry.js → p-7edb1457.entry.js} +1 -1
  229. package/dist/genesys-webcomponents/{p-9bd1f471.entry.js → p-84e6263e.entry.js} +1 -1
  230. package/dist/genesys-webcomponents/{p-2ff005bf.entry.js → p-86a42923.entry.js} +1 -1
  231. package/dist/genesys-webcomponents/{p-1be92033.entry.js → p-8cf6b0a0.entry.js} +1 -1
  232. package/dist/genesys-webcomponents/{p-8b473f75.entry.js → p-9905621f.entry.js} +1 -1
  233. package/dist/genesys-webcomponents/{p-001f01a0.entry.js → p-9cf81b2b.entry.js} +1 -1
  234. package/dist/genesys-webcomponents/{p-92804027.entry.js → p-9d3cc598.entry.js} +1 -1
  235. package/dist/genesys-webcomponents/{p-ca1f94c4.entry.js → p-9f4186a8.entry.js} +1 -1
  236. package/dist/genesys-webcomponents/{p-6a390428.entry.js → p-9f671e48.entry.js} +1 -1
  237. package/dist/genesys-webcomponents/{p-66315ead.entry.js → p-a4720070.entry.js} +1 -1
  238. package/dist/genesys-webcomponents/{p-b8db123e.entry.js → p-a4e3a10c.entry.js} +1 -1
  239. package/dist/genesys-webcomponents/{p-5672e388.entry.js → p-a5bdc571.entry.js} +1 -1
  240. package/dist/genesys-webcomponents/{p-d1c8e875.entry.js → p-af5d3cac.entry.js} +1 -1
  241. package/dist/genesys-webcomponents/{p-8ec4b984.entry.js → p-af5d9069.entry.js} +1 -1
  242. package/dist/genesys-webcomponents/{p-678e99cb.entry.js → p-b305ed8d.entry.js} +1 -1
  243. package/dist/genesys-webcomponents/{p-40d91911.entry.js → p-b3577b58.entry.js} +1 -1
  244. package/dist/genesys-webcomponents/{p-f5f71d02.entry.js → p-b3d3b193.entry.js} +1 -1
  245. package/dist/genesys-webcomponents/{p-f0df2fda.entry.js → p-b6751b1c.entry.js} +1 -1
  246. package/dist/genesys-webcomponents/{p-f38705eb.entry.js → p-b7127408.entry.js} +1 -1
  247. package/dist/genesys-webcomponents/{p-2c597db4.entry.js → p-b7961ef9.entry.js} +1 -1
  248. package/dist/genesys-webcomponents/{p-83f7d714.entry.js → p-bd57033c.entry.js} +1 -1
  249. package/dist/genesys-webcomponents/{p-0118a845.entry.js → p-bdbf9351.entry.js} +1 -1
  250. package/dist/genesys-webcomponents/{p-6ae4b9f8.entry.js → p-be37f4ca.entry.js} +1 -1
  251. package/dist/genesys-webcomponents/{p-126620e4.entry.js → p-bf82a190.entry.js} +1 -1
  252. package/dist/genesys-webcomponents/{p-b5bb34d6.entry.js → p-c40d22cb.entry.js} +1 -1
  253. package/dist/genesys-webcomponents/{p-09592608.entry.js → p-c49999e8.entry.js} +1 -1
  254. package/dist/genesys-webcomponents/{p-992c205f.entry.js → p-c53bbc41.entry.js} +1 -1
  255. package/dist/genesys-webcomponents/{p-27c94477.entry.js → p-c68d6c4d.entry.js} +1 -1
  256. package/dist/genesys-webcomponents/{p-4c0c343d.entry.js → p-c9184a3c.entry.js} +1 -1
  257. package/dist/genesys-webcomponents/{p-f5ed9aea.entry.js → p-cd29e8db.entry.js} +1 -1
  258. package/dist/genesys-webcomponents/{p-aa41383b.entry.js → p-cdf9aed3.entry.js} +1 -1
  259. package/dist/genesys-webcomponents/{p-f2438bf2.entry.js → p-cfc941dc.entry.js} +1 -1
  260. package/dist/genesys-webcomponents/{p-ca1fded1.entry.js → p-d2d87611.entry.js} +1 -1
  261. package/dist/genesys-webcomponents/{p-46e19ad6.entry.js → p-d7efd5f6.entry.js} +1 -1
  262. package/dist/genesys-webcomponents/{p-68a9fbd6.entry.js → p-dc210e6a.entry.js} +1 -1
  263. package/dist/genesys-webcomponents/p-e12142b9.entry.js +1 -0
  264. package/dist/genesys-webcomponents/{p-5a76316c.entry.js → p-e220c05f.entry.js} +1 -1
  265. package/dist/genesys-webcomponents/{p-4b11f94c.entry.js → p-e49d1566.entry.js} +1 -1
  266. package/dist/genesys-webcomponents/{p-d6b4e637.entry.js → p-e9626823.entry.js} +1 -1
  267. package/dist/genesys-webcomponents/{p-8e010864.entry.js → p-ec7fbbb2.entry.js} +1 -1
  268. package/dist/genesys-webcomponents/{p-a49769c9.entry.js → p-fa139c48.entry.js} +1 -1
  269. package/dist/genesys-webcomponents/{p-afdcb27f.entry.js → p-fecdcfb3.entry.js} +1 -1
  270. package/dist/stencil-wrapper.js +1 -1
  271. package/dist/types/components/beta/gux-tag/gux-tag.types.d.ts +1 -1
  272. package/package.json +1 -1
  273. package/dist/genesys-webcomponents/p-bdc18339.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as t,h as i,H as e,g as o}from"./p-e571f861.js";import{r as s}from"./p-cbcbd1bb.js";import{t as r}from"./p-9f256566.js";import{c as n}from"./p-4c66f794.js";import{l as h}from"./p-3184268e.js";import{O as l}from"./p-35578249.js";const a=class{constructor(i){t(this,i),this.mouseenterHandler=()=>this.show(),this.mouseleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.id=s("gux-tooltip"),this.placement="bottom-start",this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}show(){this.popperInstance.forceUpdate(),this.delayTimeout=setTimeout((()=>{this.isShown=!0}),750)}hide(){clearTimeout(this.delayTimeout),this.isShown=!1}getForElement(){this.forElement=this.for?document.getElementById(this.for):this.root.parentElement}logForAttributeError(){console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}connectedCallback(){this.getForElement(),this.forElement?(this.forElement.setAttribute("aria-describedby",this.id),this.popperInstance=n(this.forElement,this.root,{modifiers:[{name:"offset",options:{offset:[0,16]}}],placement:this.placement,strategy:"fixed"}),this.forElement.addEventListener("mouseenter",this.mouseenterHandler),this.forElement.addEventListener("mouseleave",this.mouseleaveHandler),this.forElement.addEventListener("focusin",this.focusinHandler),this.forElement.addEventListener("focusout",this.focusoutHandler)):this.logForAttributeError()}componentWillLoad(){r(this.root)}disconnectedCallback(){this.forElement.removeAttribute("aria-describedby"),this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null),this.forElement.removeEventListener("mouseenter",this.mouseenterHandler),this.forElement.removeEventListener("mouseleave",this.mouseleaveHandler),this.forElement.removeEventListener("focusin",this.focusinHandler),this.forElement.removeEventListener("focusout",this.focusoutHandler)}render(){return i(e,{id:this.id,class:{"gux-show":this.isShown},role:"tooltip"},i("slot",null))}get root(){return o(this)}};a.style=":host{z-index:1;box-sizing:border-box;max-width:250px;padding:6px 12px;font-size:12px;color:#2e394c;pointer-events:none;visibility:hidden !important;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24);opacity:0;transition:opacity 0.25s ease-in-out}:host(.gux-show){visibility:visible !important;opacity:1}";const c=class{constructor(i){t(this,i),this.hasTooltip=!1,this.showTooltip=!1,this.iconOnly=!1,this.titleName=""}onmouseenter(t){t.buttons||(this.showTooltip=!0)}onmouseleave(){this.showTooltip=!1}onmousedown(){this.showTooltip=!1}async setShowTooltip(){this.tooltipElement&&(this.showTooltip=!0,await this.tooltipElement.showTooltip())}async setHideTooltip(){this.tooltipElement&&(this.showTooltip=!1,await this.tooltipElement.hideTooltip())}onMutation(){this.titleName=this.setTooltipTitleText(),this.checkForTooltipHideOrShow()}componentWillLoad(){this.titleName=this.setTooltipTitleText()}componentDidLoad(){this.logErrorNoIconSrText()}logErrorNoIconSrText(){this.iconOnly&&!this.titleName&&h("gux-tooltip-title","No screenreader-text provided. Provide a localized screenreader-text property for the gux-icon. The screenreader-text property is used for the icon screenreader text and the tooltip.")}addIconDecorative(){this.root.classList.add("gux-tooltip-icon-decorative")}getTitleElements(){var t;const i=this.root.querySelector("slot"),e=null===(t=this.root.querySelector(".gux-title-container span"))||void 0===t?void 0:t.children;return i?i.assignedElements():e?Array.from(e):[]}getTitleTextContent(){return this.root.querySelector("slot")?this.root.querySelector("slot").assignedNodes().map((t=>t.textContent)).join("").trim():this.root.querySelector(".gux-title-container")?this.root.querySelector(".gux-title-container").textContent.trim():""}setTooltipTitleText(){let t=this.getTitleTextContent();return this.getTitleElements().forEach((i=>{"GUX-ICON"!==i.tagName||this.getTitleTextContent()?"GUX-ICON"===i.tagName&&this.getTitleTextContent()&&this.addIconDecorative():(this.iconOnly=!0,t=i.getAttribute("screenreader-text"))})),t}checkForTooltipHideOrShow(){const t=this.root.querySelector(".gux-title-container");this.root.classList.remove("gux-overflow-hidden"),this.iconOnly&&this.titleName?this.hasTooltip=!0:(null==t?void 0:t.scrollWidth)>(null==t?void 0:t.offsetWidth)?(this.root.classList.add("gux-overflow-hidden"),this.hasTooltip=!0):this.hasTooltip=!1}render(){return[i("span",{class:"gux-title-container"},i("slot",null)),this.renderTooltip()]}renderTooltip(){if(this.hasTooltip)return i("gux-tooltip",{"aria-hidden":"true",ref:t=>this.tooltipElement=t,hidden:!this.showTooltip},this.titleName)}get root(){return o(this)}};(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 h=t.length-1;h>=0;h--)(s=t[h])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);r>3&&n&&Object.defineProperty(i,e,n)})([l({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.style="gux-tooltip-title{overflow:hidden;cursor:default}gux-tooltip{font-weight:normal;line-height:normal;text-align:left;overflow-wrap:break-word;white-space:normal}.gux-overflow-hidden .gux-title-container ::slotted(span){overflow:hidden;text-overflow:ellipsis}.gux-overflow-hidden .gux-title-container>*{overflow:hidden;text-overflow:ellipsis}.gux-title-container{display:flex;pointer-events:none}.gux-tooltip-icon-decorative .gux-title-container{position:relative;margin-left:calc(1rem + 4px)}.gux-tooltip-icon-decorative .gux-title-container gux-icon,.gux-tooltip-icon-decorative .gux-title-container ::slotted(gux-icon){position:absolute;left:calc(-1rem - 4px);flex-shrink:0}";export{a as gux_tooltip,c as gux_tooltip_title}
1
+ import{r as t,h as i,H as e,g as o}from"./p-e571f861.js";import{r as s}from"./p-cbcbd1bb.js";import{t as r}from"./p-277949f8.js";import{c as n}from"./p-4c66f794.js";import{l as h}from"./p-3184268e.js";import{O as l}from"./p-35578249.js";const a=class{constructor(i){t(this,i),this.mouseenterHandler=()=>this.show(),this.mouseleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.id=s("gux-tooltip"),this.placement="bottom-start",this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}show(){this.popperInstance.forceUpdate(),this.delayTimeout=setTimeout((()=>{this.isShown=!0}),750)}hide(){clearTimeout(this.delayTimeout),this.isShown=!1}getForElement(){this.forElement=this.for?document.getElementById(this.for):this.root.parentElement}logForAttributeError(){console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}connectedCallback(){this.getForElement(),this.forElement?(this.forElement.setAttribute("aria-describedby",this.id),this.popperInstance=n(this.forElement,this.root,{modifiers:[{name:"offset",options:{offset:[0,16]}}],placement:this.placement,strategy:"fixed"}),this.forElement.addEventListener("mouseenter",this.mouseenterHandler),this.forElement.addEventListener("mouseleave",this.mouseleaveHandler),this.forElement.addEventListener("focusin",this.focusinHandler),this.forElement.addEventListener("focusout",this.focusoutHandler)):this.logForAttributeError()}componentWillLoad(){r(this.root)}disconnectedCallback(){this.forElement.removeAttribute("aria-describedby"),this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null),this.forElement.removeEventListener("mouseenter",this.mouseenterHandler),this.forElement.removeEventListener("mouseleave",this.mouseleaveHandler),this.forElement.removeEventListener("focusin",this.focusinHandler),this.forElement.removeEventListener("focusout",this.focusoutHandler)}render(){return i(e,{id:this.id,class:{"gux-show":this.isShown},role:"tooltip"},i("slot",null))}get root(){return o(this)}};a.style=":host{z-index:1;box-sizing:border-box;max-width:250px;padding:6px 12px;font-size:12px;color:#2e394c;pointer-events:none;visibility:hidden !important;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24);opacity:0;transition:opacity 0.25s ease-in-out}:host(.gux-show){visibility:visible !important;opacity:1}";const c=class{constructor(i){t(this,i),this.hasTooltip=!1,this.showTooltip=!1,this.iconOnly=!1,this.titleName=""}onmouseenter(t){t.buttons||(this.showTooltip=!0)}onmouseleave(){this.showTooltip=!1}onmousedown(){this.showTooltip=!1}async setShowTooltip(){this.tooltipElement&&(this.showTooltip=!0,await this.tooltipElement.showTooltip())}async setHideTooltip(){this.tooltipElement&&(this.showTooltip=!1,await this.tooltipElement.hideTooltip())}onMutation(){this.titleName=this.setTooltipTitleText(),this.checkForTooltipHideOrShow()}componentWillLoad(){this.titleName=this.setTooltipTitleText()}componentDidLoad(){this.logErrorNoIconSrText()}logErrorNoIconSrText(){this.iconOnly&&!this.titleName&&h("gux-tooltip-title","No screenreader-text provided. Provide a localized screenreader-text property for the gux-icon. The screenreader-text property is used for the icon screenreader text and the tooltip.")}addIconDecorative(){this.root.classList.add("gux-tooltip-icon-decorative")}getTitleElements(){var t;const i=this.root.querySelector("slot"),e=null===(t=this.root.querySelector(".gux-title-container span"))||void 0===t?void 0:t.children;return i?i.assignedElements():e?Array.from(e):[]}getTitleTextContent(){return this.root.querySelector("slot")?this.root.querySelector("slot").assignedNodes().map((t=>t.textContent)).join("").trim():this.root.querySelector(".gux-title-container")?this.root.querySelector(".gux-title-container").textContent.trim():""}setTooltipTitleText(){let t=this.getTitleTextContent();return this.getTitleElements().forEach((i=>{"GUX-ICON"!==i.tagName||this.getTitleTextContent()?"GUX-ICON"===i.tagName&&this.getTitleTextContent()&&this.addIconDecorative():(this.iconOnly=!0,t=i.getAttribute("screenreader-text"))})),t}checkForTooltipHideOrShow(){const t=this.root.querySelector(".gux-title-container");this.root.classList.remove("gux-overflow-hidden"),this.iconOnly&&this.titleName?this.hasTooltip=!0:(null==t?void 0:t.scrollWidth)>(null==t?void 0:t.offsetWidth)?(this.root.classList.add("gux-overflow-hidden"),this.hasTooltip=!0):this.hasTooltip=!1}render(){return[i("span",{class:"gux-title-container"},i("slot",null)),this.renderTooltip()]}renderTooltip(){if(this.hasTooltip)return i("gux-tooltip",{"aria-hidden":"true",ref:t=>this.tooltipElement=t,hidden:!this.showTooltip},this.titleName)}get root(){return o(this)}};(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 h=t.length-1;h>=0;h--)(s=t[h])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);r>3&&n&&Object.defineProperty(i,e,n)})([l({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.style="gux-tooltip-title{overflow:hidden;cursor:default}gux-tooltip{font-weight:normal;line-height:normal;text-align:left;overflow-wrap:break-word;white-space:normal}.gux-overflow-hidden .gux-title-container ::slotted(span){overflow:hidden;text-overflow:ellipsis}.gux-overflow-hidden .gux-title-container>*{overflow:hidden;text-overflow:ellipsis}.gux-title-container{display:flex;pointer-events:none}.gux-tooltip-icon-decorative .gux-title-container{position:relative;margin-left:calc(1rem + 4px)}.gux-tooltip-icon-decorative .gux-title-container gux-icon,.gux-tooltip-icon-decorative .gux-title-container ::slotted(gux-icon){position:absolute;left:calc(-1rem - 4px);flex-shrink:0}";export{a as gux_tooltip,c as gux_tooltip_title}
@@ -1 +1 @@
1
- import{r as t,h as i,g as e}from"./p-e571f861.js";import{O as o}from"./p-35578249.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as a}from"./p-9f256566.js";import{G as l,a as p}from"./p-cdf5cb56.js";import{h as u,c as f,G as x,a as h,v as c,g as d}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(p,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("slot",{name:"input"}),this.clearable&&this.hasContent&&!this.disabled&&i("gux-form-field-input-clear-button",{onClick:()=>f(this.input)}))),i(x,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=this.root.querySelector('input[type="email"][slot="input"], input[type="password"][slot="input"], input[type="text"][slot="input"]'),this.hasContent=h(this.input),s(this.input),this.input.addEventListener("input",(()=>{this.hasContent=h(this.input)})),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=n(this.input,(t=>{this.required=t})),c(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return e(this)}};(function(t,i,e,o){var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([o({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{g as gux_form_field_text_like}
1
+ import{r as t,h as i,g as e}from"./p-e571f861.js";import{O as o}from"./p-35578249.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as a}from"./p-277949f8.js";import{G as l,a as p}from"./p-cdf5cb56.js";import{h as u,c as f,G as x,a as h,v as c,g as d}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(p,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("slot",{name:"input"}),this.clearable&&this.hasContent&&!this.disabled&&i("gux-form-field-input-clear-button",{onClick:()=>f(this.input)}))),i(x,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=this.root.querySelector('input[type="email"][slot="input"], input[type="password"][slot="input"], input[type="text"][slot="input"]'),this.hasContent=h(this.input),s(this.input),this.input.addEventListener("input",(()=>{this.hasContent=h(this.input)})),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=n(this.input,(t=>{this.required=t})),c(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return e(this)}};(function(t,i,e,o){var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([o({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{g as gux_form_field_text_like}
@@ -1 +1 @@
1
- import{r as e,h as t,g as r}from"./p-e571f861.js";import{O as i}from"./p-35578249.js";import{r as n}from"./p-cbcbd1bb.js";import{l as a}from"./p-3184268e.js";import{a as s}from"./p-e2bea786.js";import{p as o}from"./p-c10e41a9.js";import{t as l}from"./p-9f256566.js";const u=class{constructor(t){e(this,t),this.errorId=n("gux-form-field-error"),this.labelId=n("gux-form-field-label"),this.defaultInputId=n("gux-form-field"),this.computedLabelPosition="above",this.required=!0,this.hasError=!1}onMutation(){this.hasError=Boolean(this.root.querySelector('[slot="error"]'))}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"], select[slot="input"], textarea[slot="input"]'),this.label=this.root.querySelector('label[slot="label"]'),this.slottedElementType=this.input.tagName.toLowerCase(),this.required=this.input.required,this.requiredObserver=s(this.input,(e=>{this.required=e})),o(this.input);const e=this.labelPosition?this.labelPosition.toLowerCase():"none";if("input"===this.slottedElementType){const t=this.input.getAttribute("type");l(this.root,{variant:`${this.slottedElementType}-${t}-${e}`})}else l(this.root,{variant:`${this.slottedElementType}-${e}`})}componentWillRender(){this.computedLabelPosition=this.getComputedLabelPosition(this.label,this.labelPosition),this.validateFormIds()}disconnectedCallback(){this.requiredObserver.disconnect()}renderInputCheckbox(e){return t("div",null,t("gux-input-checkbox",{class:{"gux-input-error":e}},t("slot",{name:"input"}),t("slot",{name:"label"})),this.renderError(e))}renderInputRadio(){return t("gux-input-radio",null,t("slot",{name:"input"}),t("slot",{name:"label"}))}renderInputColor(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-color",{"gux-label-describedby":this.labelId,"gux-error-describedby":this.errorId,"gux-required":this.required,class:{"gux-input-error":e}},t("slot",{name:"input"})),this.renderError(e)))}renderInputRange(e,r){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("gux-input-range",{"display-units":e,"value-in-tooltip":r},t("slot",{name:"input"})))}renderInputNumber(e,r){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-number",{class:{"gux-input-error":r},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(r)))}renderInputSelect(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-select",{slot:"input",class:{"gux-input-error":e}},t("slot",{name:"input"})),this.renderError(e)))}renderInputTextLike(e,r){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-text-like",{class:{"gux-input-error":r},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(r)))}renderInputSearch(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-search",null,t("slot",{name:"input"})),this.renderError(e)))}renderInputTextArea(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-textarea",{class:{"gux-input-error":e},slot:"input",resize:this.resize},t("slot",{name:"input"})),this.renderError(e)))}render(){const e=this.input.getAttribute("type");switch(this.slottedElementType){case"input":switch(e){case"checkbox":return this.renderInputCheckbox(this.hasError);case"radio":return this.renderInputRadio();case"color":return this.renderInputColor(this.hasError);case"range":return this.renderInputRange(this.displayUnits,this.valueInTooltip);case"email":case"password":case"text":return this.renderInputTextLike(this.clearable,this.hasError);case"number":return this.renderInputNumber(this.clearable,this.hasError);case"search":return this.renderInputSearch(this.hasError);default:return t("div",null,t("slot",{name:"label"}),t("slot",{name:"input"}),t("slot",{name:"error"}))}case"select":return this.renderInputSelect(this.hasError);case"textarea":return this.renderInputTextArea(this.hasError);default:return t("div",null,t("slot",{name:"label"}),t("slot",{name:"input"}),t("slot",{name:"error"}))}}validateFormIds(){if(this.label){if("color"===this.input.getAttribute("type"))return this.label.getAttribute("id")&&(this.labelId=this.label.getAttribute("id")),void this.label.setAttribute("id",this.labelId);const e=!!this.input.hasAttribute("id"),t=!!this.label.hasAttribute("for");if(!e&&t)a("gux-form-field",'A "for" attribute has been provided on the label but there is no corresponding id on the input. Either provide an id on the input or omit the "for" attribute from the label. If there is no input id and no "for" attribute provided, the component will automatically generate an id and link it to the "for" attribute.');else if(e)if(e&&!t){const e=this.input.getAttribute("id");this.label.setAttribute("for",e)}else e&&t&&this.input.getAttribute("id")!==this.label.getAttribute("for")&&a("gux-form-field","The input id and label for attribute should match.");else this.input.setAttribute("id",this.defaultInputId),this.label.setAttribute("for",this.defaultInputId)}else a("gux-form-field",'A label is required for this component. If a visual label is not needed for this use case, please add localized text for a screenreader and set the label-position attribute to "screenreader" to visually hide the label.');this.hasErrorSlot()?this.input.setAttribute("aria-describedby",this.errorId):this.input.getAttribute("aria-describedby")&&this.input.getAttribute("aria-describedby").startsWith("gux-form-field-error")&&this.input.removeAttribute("aria-describedby")}getComputedLabelPosition(e,t){if(e)return["above","beside","screenreader"].includes(t)?t:e.offsetWidth>1&&e.offsetWidth<40?"beside":"above"}hasErrorSlot(){return!!this.root.querySelector('[slot="error"]')}renderLabel(e){return t("div",{class:{"gux-label-container":!0,"gux-required":e}},t("slot",{name:"label",slot:"label"}))}renderError(e){return t("div",{id:this.errorId,class:{"gux-error":!0,"gux-show":e}},t("gux-error-message-beta",null,t("slot",{name:"error"})))}get root(){return r(this)}};(function(e,t,r,i){var n,a=arguments.length,s=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,i);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,r,s):n(t,r))||s);a>3&&s&&Object.defineProperty(t,r,s)})([i({childList:!0,subtree:!0})],u.prototype,"onMutation",null),u.style="gux-form-field-legacy{display:block;color:#2e394c}gux-form-field-legacy .gux-label-and-input-and-error-container{margin:16px 0}gux-form-field-legacy .gux-label-and-input-and-error-container label{font-size:12px;font-weight:bold;line-height:20px}gux-form-field-legacy .gux-label-and-input-and-error-container input,gux-form-field-legacy .gux-label-and-input-and-error-container select{width:100%;font-size:12px}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-container input{overflow:hidden;text-overflow:ellipsis}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-container{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error textarea{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-color-main-element{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-and-error-container{flex-grow:1}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside{display:flex;flex-direction:row}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside .gux-label-container{position:relative;top:7px;width:fit-content;min-width:45px;margin-right:8px}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-range,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-select,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-text-like,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-search{flex:1 1 auto}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-screenreader label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}gux-form-field-legacy .gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}gux-form-field-legacy .gux-error{display:none;margin:4px 0}gux-form-field-legacy .gux-error.gux-show{display:block}";export{u as gux_form_field_legacy}
1
+ import{r as e,h as t,g as r}from"./p-e571f861.js";import{O as i}from"./p-35578249.js";import{r as n}from"./p-cbcbd1bb.js";import{l as a}from"./p-3184268e.js";import{a as s}from"./p-e2bea786.js";import{p as o}from"./p-c10e41a9.js";import{t as l}from"./p-277949f8.js";const u=class{constructor(t){e(this,t),this.errorId=n("gux-form-field-error"),this.labelId=n("gux-form-field-label"),this.defaultInputId=n("gux-form-field"),this.computedLabelPosition="above",this.required=!0,this.hasError=!1}onMutation(){this.hasError=Boolean(this.root.querySelector('[slot="error"]'))}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"], select[slot="input"], textarea[slot="input"]'),this.label=this.root.querySelector('label[slot="label"]'),this.slottedElementType=this.input.tagName.toLowerCase(),this.required=this.input.required,this.requiredObserver=s(this.input,(e=>{this.required=e})),o(this.input);const e=this.labelPosition?this.labelPosition.toLowerCase():"none";if("input"===this.slottedElementType){const t=this.input.getAttribute("type");l(this.root,{variant:`${this.slottedElementType}-${t}-${e}`})}else l(this.root,{variant:`${this.slottedElementType}-${e}`})}componentWillRender(){this.computedLabelPosition=this.getComputedLabelPosition(this.label,this.labelPosition),this.validateFormIds()}disconnectedCallback(){this.requiredObserver.disconnect()}renderInputCheckbox(e){return t("div",null,t("gux-input-checkbox",{class:{"gux-input-error":e}},t("slot",{name:"input"}),t("slot",{name:"label"})),this.renderError(e))}renderInputRadio(){return t("gux-input-radio",null,t("slot",{name:"input"}),t("slot",{name:"label"}))}renderInputColor(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-color",{"gux-label-describedby":this.labelId,"gux-error-describedby":this.errorId,"gux-required":this.required,class:{"gux-input-error":e}},t("slot",{name:"input"})),this.renderError(e)))}renderInputRange(e,r){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("gux-input-range",{"display-units":e,"value-in-tooltip":r},t("slot",{name:"input"})))}renderInputNumber(e,r){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-number",{class:{"gux-input-error":r},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(r)))}renderInputSelect(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-select",{slot:"input",class:{"gux-input-error":e}},t("slot",{name:"input"})),this.renderError(e)))}renderInputTextLike(e,r){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-text-like",{class:{"gux-input-error":r},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(r)))}renderInputSearch(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-search",null,t("slot",{name:"input"})),this.renderError(e)))}renderInputTextArea(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-textarea",{class:{"gux-input-error":e},slot:"input",resize:this.resize},t("slot",{name:"input"})),this.renderError(e)))}render(){const e=this.input.getAttribute("type");switch(this.slottedElementType){case"input":switch(e){case"checkbox":return this.renderInputCheckbox(this.hasError);case"radio":return this.renderInputRadio();case"color":return this.renderInputColor(this.hasError);case"range":return this.renderInputRange(this.displayUnits,this.valueInTooltip);case"email":case"password":case"text":return this.renderInputTextLike(this.clearable,this.hasError);case"number":return this.renderInputNumber(this.clearable,this.hasError);case"search":return this.renderInputSearch(this.hasError);default:return t("div",null,t("slot",{name:"label"}),t("slot",{name:"input"}),t("slot",{name:"error"}))}case"select":return this.renderInputSelect(this.hasError);case"textarea":return this.renderInputTextArea(this.hasError);default:return t("div",null,t("slot",{name:"label"}),t("slot",{name:"input"}),t("slot",{name:"error"}))}}validateFormIds(){if(this.label){if("color"===this.input.getAttribute("type"))return this.label.getAttribute("id")&&(this.labelId=this.label.getAttribute("id")),void this.label.setAttribute("id",this.labelId);const e=!!this.input.hasAttribute("id"),t=!!this.label.hasAttribute("for");if(!e&&t)a("gux-form-field",'A "for" attribute has been provided on the label but there is no corresponding id on the input. Either provide an id on the input or omit the "for" attribute from the label. If there is no input id and no "for" attribute provided, the component will automatically generate an id and link it to the "for" attribute.');else if(e)if(e&&!t){const e=this.input.getAttribute("id");this.label.setAttribute("for",e)}else e&&t&&this.input.getAttribute("id")!==this.label.getAttribute("for")&&a("gux-form-field","The input id and label for attribute should match.");else this.input.setAttribute("id",this.defaultInputId),this.label.setAttribute("for",this.defaultInputId)}else a("gux-form-field",'A label is required for this component. If a visual label is not needed for this use case, please add localized text for a screenreader and set the label-position attribute to "screenreader" to visually hide the label.');this.hasErrorSlot()?this.input.setAttribute("aria-describedby",this.errorId):this.input.getAttribute("aria-describedby")&&this.input.getAttribute("aria-describedby").startsWith("gux-form-field-error")&&this.input.removeAttribute("aria-describedby")}getComputedLabelPosition(e,t){if(e)return["above","beside","screenreader"].includes(t)?t:e.offsetWidth>1&&e.offsetWidth<40?"beside":"above"}hasErrorSlot(){return!!this.root.querySelector('[slot="error"]')}renderLabel(e){return t("div",{class:{"gux-label-container":!0,"gux-required":e}},t("slot",{name:"label",slot:"label"}))}renderError(e){return t("div",{id:this.errorId,class:{"gux-error":!0,"gux-show":e}},t("gux-error-message-beta",null,t("slot",{name:"error"})))}get root(){return r(this)}};(function(e,t,r,i){var n,a=arguments.length,s=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,i);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,r,s):n(t,r))||s);a>3&&s&&Object.defineProperty(t,r,s)})([i({childList:!0,subtree:!0})],u.prototype,"onMutation",null),u.style="gux-form-field-legacy{display:block;color:#2e394c}gux-form-field-legacy .gux-label-and-input-and-error-container{margin:16px 0}gux-form-field-legacy .gux-label-and-input-and-error-container label{font-size:12px;font-weight:bold;line-height:20px}gux-form-field-legacy .gux-label-and-input-and-error-container input,gux-form-field-legacy .gux-label-and-input-and-error-container select{width:100%;font-size:12px}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-container input{overflow:hidden;text-overflow:ellipsis}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-container{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error textarea{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-color-main-element{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-and-error-container{flex-grow:1}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside{display:flex;flex-direction:row}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside .gux-label-container{position:relative;top:7px;width:fit-content;min-width:45px;margin-right:8px}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-range,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-select,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-text-like,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-search{flex:1 1 auto}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-screenreader label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}gux-form-field-legacy .gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}gux-form-field-legacy .gux-error{display:none;margin:4px 0}gux-form-field-legacy .gux-error.gux-show{display:block}";export{u as gux_form_field_legacy}
@@ -1 +1 @@
1
- import{r as e,h as t,H as o,g as i}from"./p-e571f861.js";import{O as s}from"./p-35578249.js";import{o as r}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as l}from"./p-9f256566.js";import{h as n,G as d,v as p}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const c=class{constructor(t){e(this,t),this.hasError=!1}onMutation(){this.hasError=n(this.root)}componentWillLoad(){this.setInput(),this.hasError=n(this.root),l(this.root)}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return t(o,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},t("div",{class:"gux-form-field-container"},t("div",{class:"gux-input"},t("slot",{name:"input",onSlotchange:()=>this.setInput()}),t("slot",{name:"label"})),t(d,{hasError:this.hasError},t("slot",{name:"error"}))))}setInput(){this.input=this.root.querySelector('input[type="radio"][slot="input"]'),a(this.input),this.disabled=this.input.disabled,this.disabledObserver=r(this.input,(e=>{this.disabled=e})),p(this.root,this.input)}get root(){return i(this)}};(function(e,t,o,i){var s,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(a=(r<3?s(a):r>3?s(t,o,a):s(t,o))||a);r>3&&a&&Object.defineProperty(t,o,a)})([s({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}:host{display:block;color:#2e394c}:host(.gux-disabled){cursor:not-allowed;opacity:0.5}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}.gux-input{position:relative;height:24px;line-height:24px}::slotted(input[type='radio']){display:inline-grid;width:16px;height:16px;margin:4px;text-align:center;vertical-align:middle;cursor:pointer;border:0;-webkit-appearance:none;appearance:none;outline:none}::slotted(input[type='radio'])::before{grid-area:1;content:'';border-radius:50%}::slotted(input[type='radio']:focus-within)::before{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff;margin:-1px;box-shadow:0 0 0 1px #fdfdfd inset, 0 0 0 4px #aac9ff inset}::slotted(input[type='radio']:not(:checked))::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%2377828f'/%3E%3C/svg%3E\")}::slotted(input[type='radio']:not(:checked):not(:disabled):hover)::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='radio']:checked)::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.026 5.262a2.8 2.8 0 1 0 .001 5.601 2.8 2.8 0 0 0-.001-5.601zm0-2.2c-2.761 0-5 2.211-5 4.938s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='radio']:disabled)::before{cursor:not-allowed;opacity:0.5}::slotted(label){display:inline-block;font-size:12px;line-height:24px;vertical-align:middle}";export{c as gux_form_field_radio}
1
+ import{r as e,h as t,H as o,g as i}from"./p-e571f861.js";import{O as s}from"./p-35578249.js";import{o as r}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as l}from"./p-277949f8.js";import{h as n,G as d,v as p}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const c=class{constructor(t){e(this,t),this.hasError=!1}onMutation(){this.hasError=n(this.root)}componentWillLoad(){this.setInput(),this.hasError=n(this.root),l(this.root)}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return t(o,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},t("div",{class:"gux-form-field-container"},t("div",{class:"gux-input"},t("slot",{name:"input",onSlotchange:()=>this.setInput()}),t("slot",{name:"label"})),t(d,{hasError:this.hasError},t("slot",{name:"error"}))))}setInput(){this.input=this.root.querySelector('input[type="radio"][slot="input"]'),a(this.input),this.disabled=this.input.disabled,this.disabledObserver=r(this.input,(e=>{this.disabled=e})),p(this.root,this.input)}get root(){return i(this)}};(function(e,t,o,i){var s,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(a=(r<3?s(a):r>3?s(t,o,a):s(t,o))||a);r>3&&a&&Object.defineProperty(t,o,a)})([s({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}:host{display:block;color:#2e394c}:host(.gux-disabled){cursor:not-allowed;opacity:0.5}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}.gux-input{position:relative;height:24px;line-height:24px}::slotted(input[type='radio']){display:inline-grid;width:16px;height:16px;margin:4px;text-align:center;vertical-align:middle;cursor:pointer;border:0;-webkit-appearance:none;appearance:none;outline:none}::slotted(input[type='radio'])::before{grid-area:1;content:'';border-radius:50%}::slotted(input[type='radio']:focus-within)::before{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff;margin:-1px;box-shadow:0 0 0 1px #fdfdfd inset, 0 0 0 4px #aac9ff inset}::slotted(input[type='radio']:not(:checked))::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%2377828f'/%3E%3C/svg%3E\")}::slotted(input[type='radio']:not(:checked):not(:disabled):hover)::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='radio']:checked)::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.026 5.262a2.8 2.8 0 1 0 .001 5.601 2.8 2.8 0 0 0-.001-5.601zm0-2.2c-2.761 0-5 2.211-5 4.938s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='radio']:disabled)::before{cursor:not-allowed;opacity:0.5}::slotted(label){display:inline-block;font-size:12px;line-height:24px;vertical-align:middle}";export{c as gux_form_field_radio}
@@ -1 +1 @@
1
- import{r as t,c as i,h as s,g as h}from"./p-e571f861.js";import{O as e}from"./p-49b1912a.js";import{t as r}from"./p-9f256566.js";import{b as o}from"./p-e974f062.js";import"./p-8a133b9b.js";function a(t){return new Date("1978-09-23T"+t.trim()+"Z")}const n={defaultAriaLabel:"Time Picker"};const c=class{constructor(s){t(this,s),this.changed=i(this,"changed",7),this.value="",this.interval=15,this.max="23:59:59",this.min="00:00:00",this.label="",this.active=!1,this.openDropdown=!1,this.suggestion="00",this.isPressEvent=!1}watchValue(t){this.changed.emit(t)}getShadowDomEventTarget(t){return t.composedPath()[0]}onKeyDown(t){if(this.focusedField=this.getShadowDomEventTarget(t),this.focusedField===this.inputElement)switch(t.key){case"Enter":this.updateChosenValue(),this.inputElement.focus();break;case"Backspace":t.preventDefault(),this.handleBackspace();break;case"Tab":this.updateChosenValue();break;case"ArrowDown":t.preventDefault(),this.listElement&&this.listElement.guxFocusFirstItem();break;case"ArrowUp":case"ArrowRight":case"ArrowLeft":t.preventDefault();break;default:if(t.preventDefault(),"0"<=t.key&&t.key<="9"&&(this.openDropdown=!0,this.focusedField.value.length<8)){let i=this.focusedField.value+String(parseInt(t.key,10));const s=i.split(":");if(i.length>6&&Number(s[2].padEnd(2,"0"))>59)return;if(!this.canBeCompletedToAValidTime(i))return;2===s[s.length-1].length&&i.length<8&&(i+=":"),this.focusedField.value=i,this.suggestion=s[0].padEnd(2,"0")}}else switch(t.key){case"Escape":this.updateChosenValue(),this.inputElement.focus()}}canBeCompletedToAValidTime(t){const i=a(t+this.max.slice(t.length)),s=a(t+this.min.slice(t.length));return this.minTimeObj<=i&&i<=this.maxTimeObj||this.minTimeObj<=s&&s<=this.maxTimeObj}handleBackspace(){if(this.openDropdown=!0,this.focusedField.selectionStart===this.focusedField.selectionEnd){const t=this.focusedField.value.endsWith(":")?-2:-1;this.focusedField.value=this.focusedField.value.slice(0,t),this.suggestion=this.focusedField.value.split(":")[0].padEnd(2,"0")}else this.focusedField.value=""}onListItemClick(t){this.inputElement.value=t,this.updateChosenValue(),this.inputElement.focus()}onClickOutside(){this.updateChosenValue()}updateChosenValue(){this.inputElement.value=this.validateValue(this.inputElement.value),this.value=this.inputElement.value,this.active=!1,this.openDropdown=!1}onMouseUp(t){this.focusedField=this.getShadowDomEventTarget(t),this.focusedField===this.inputElement&&this.inputElement.setSelectionRange(this.focusedField.selectionEnd!==this.inputElement.value.length?0:this.inputElement.value.length,this.inputElement.value.length)}onFocusIn(t){this.focusedField=this.getShadowDomEventTarget(t),this.active=!0}isValidTime(t){const i=t.split(":"),s="23:59:59".split(":");for(let t=0;t<i.length;t++)if(Number(i[t])>Number(s[t]))return!1;return!0}validateUpperBound(){this.max=this.isInFormat(this.max)?this.max:"23:59:59",this.max=this.isValidTime(this.max)?this.max:"23:59:59"}validateLowerBound(){this.min=this.isInFormat(this.min)?this.min:"00:00:00",this.min=this.isValidTime(this.min)?this.min:"00:00:00"}validateBounds(){this.validateUpperBound(),this.validateLowerBound(),this.maxTimeObj=a(this.max),this.minTimeObj=a(this.min),this.maxTimeObj<this.minTimeObj&&(this.max="23:59:59",this.min="00:00:00",this.maxTimeObj=a(this.max),this.minTimeObj=a(this.min))}validateValue(t){let i=this.isInFormat(t)?t:"";if(i=""!==i&&this.isValidTime(i)?i:"",i){const t=a(i);i=this.minTimeObj<=t&&t<=this.maxTimeObj?i:""}return i}async componentWillLoad(){r(this.root),this.i18n=await o(this.root,n),this.validateBounds(),this.value=this.validateValue(this.value)}isInFormat(t){return/^\d{2}:\d{2}:\d{2}$/.test(t)}render(){return s("div",null,s("div",{class:"gux-input"},s("input",{type:"text",value:this.value,size:9,"aria-label":this.label||this.i18n("defaultAriaLabel"),ref:t=>this.inputElement=t})),!0===this.openDropdown&&s("div",{class:"gux-list-container"},s("gux-list",{ref:t=>this.listElement=t},this.buildDropdownOptions().map((t=>s("gux-list-item",{onClick:()=>this.onListItemClick(t)},t))))))}buildDropdownOptions(){const t=[];for(let i=0;i<60;i+=this.interval){const s=[this.suggestion.toString().padStart(2,"0"),i.toString().padStart(2,"0"),"00"].join(":"),h=a(s);this.minTimeObj<=h&&h<=this.maxTimeObj&&t.push(s)}return t}get root(){return h(this)}static get watchers(){return{value:["watchValue"]}}};(function(t,i,s,h){var e,r=arguments.length,o=r<3?i:null===h?h=Object.getOwnPropertyDescriptor(i,s):h;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,s,h);else for(var a=t.length-1;a>=0;a--)(e=t[a])&&(o=(r<3?e(o):r>3?e(i,s,o):e(i,s))||o);r>3&&o&&Object.defineProperty(i,s,o)})([e({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:inline-block}input{box-sizing:border-box;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#fdfdfd;background-image:none;border:1px solid #6b7585;border-radius:2px;text-align:right}input::placeholder{color:#596373}input.gux-focused,input:focus{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px rgba(170, 201, 255, 0.5)}.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{c as gux_time_picker_beta}
1
+ import{r as t,c as i,h as s,g as h}from"./p-e571f861.js";import{O as e}from"./p-49b1912a.js";import{t as r}from"./p-277949f8.js";import{b as o}from"./p-2fb2e5b0.js";import"./p-8a133b9b.js";function a(t){return new Date("1978-09-23T"+t.trim()+"Z")}const n={defaultAriaLabel:"Time Picker"};const c=class{constructor(s){t(this,s),this.changed=i(this,"changed",7),this.value="",this.interval=15,this.max="23:59:59",this.min="00:00:00",this.label="",this.active=!1,this.openDropdown=!1,this.suggestion="00",this.isPressEvent=!1}watchValue(t){this.changed.emit(t)}getShadowDomEventTarget(t){return t.composedPath()[0]}onKeyDown(t){if(this.focusedField=this.getShadowDomEventTarget(t),this.focusedField===this.inputElement)switch(t.key){case"Enter":this.updateChosenValue(),this.inputElement.focus();break;case"Backspace":t.preventDefault(),this.handleBackspace();break;case"Tab":this.updateChosenValue();break;case"ArrowDown":t.preventDefault(),this.listElement&&this.listElement.guxFocusFirstItem();break;case"ArrowUp":case"ArrowRight":case"ArrowLeft":t.preventDefault();break;default:if(t.preventDefault(),"0"<=t.key&&t.key<="9"&&(this.openDropdown=!0,this.focusedField.value.length<8)){let i=this.focusedField.value+String(parseInt(t.key,10));const s=i.split(":");if(i.length>6&&Number(s[2].padEnd(2,"0"))>59)return;if(!this.canBeCompletedToAValidTime(i))return;2===s[s.length-1].length&&i.length<8&&(i+=":"),this.focusedField.value=i,this.suggestion=s[0].padEnd(2,"0")}}else switch(t.key){case"Escape":this.updateChosenValue(),this.inputElement.focus()}}canBeCompletedToAValidTime(t){const i=a(t+this.max.slice(t.length)),s=a(t+this.min.slice(t.length));return this.minTimeObj<=i&&i<=this.maxTimeObj||this.minTimeObj<=s&&s<=this.maxTimeObj}handleBackspace(){if(this.openDropdown=!0,this.focusedField.selectionStart===this.focusedField.selectionEnd){const t=this.focusedField.value.endsWith(":")?-2:-1;this.focusedField.value=this.focusedField.value.slice(0,t),this.suggestion=this.focusedField.value.split(":")[0].padEnd(2,"0")}else this.focusedField.value=""}onListItemClick(t){this.inputElement.value=t,this.updateChosenValue(),this.inputElement.focus()}onClickOutside(){this.updateChosenValue()}updateChosenValue(){this.inputElement.value=this.validateValue(this.inputElement.value),this.value=this.inputElement.value,this.active=!1,this.openDropdown=!1}onMouseUp(t){this.focusedField=this.getShadowDomEventTarget(t),this.focusedField===this.inputElement&&this.inputElement.setSelectionRange(this.focusedField.selectionEnd!==this.inputElement.value.length?0:this.inputElement.value.length,this.inputElement.value.length)}onFocusIn(t){this.focusedField=this.getShadowDomEventTarget(t),this.active=!0}isValidTime(t){const i=t.split(":"),s="23:59:59".split(":");for(let t=0;t<i.length;t++)if(Number(i[t])>Number(s[t]))return!1;return!0}validateUpperBound(){this.max=this.isInFormat(this.max)?this.max:"23:59:59",this.max=this.isValidTime(this.max)?this.max:"23:59:59"}validateLowerBound(){this.min=this.isInFormat(this.min)?this.min:"00:00:00",this.min=this.isValidTime(this.min)?this.min:"00:00:00"}validateBounds(){this.validateUpperBound(),this.validateLowerBound(),this.maxTimeObj=a(this.max),this.minTimeObj=a(this.min),this.maxTimeObj<this.minTimeObj&&(this.max="23:59:59",this.min="00:00:00",this.maxTimeObj=a(this.max),this.minTimeObj=a(this.min))}validateValue(t){let i=this.isInFormat(t)?t:"";if(i=""!==i&&this.isValidTime(i)?i:"",i){const t=a(i);i=this.minTimeObj<=t&&t<=this.maxTimeObj?i:""}return i}async componentWillLoad(){r(this.root),this.i18n=await o(this.root,n),this.validateBounds(),this.value=this.validateValue(this.value)}isInFormat(t){return/^\d{2}:\d{2}:\d{2}$/.test(t)}render(){return s("div",null,s("div",{class:"gux-input"},s("input",{type:"text",value:this.value,size:9,"aria-label":this.label||this.i18n("defaultAriaLabel"),ref:t=>this.inputElement=t})),!0===this.openDropdown&&s("div",{class:"gux-list-container"},s("gux-list",{ref:t=>this.listElement=t},this.buildDropdownOptions().map((t=>s("gux-list-item",{onClick:()=>this.onListItemClick(t)},t))))))}buildDropdownOptions(){const t=[];for(let i=0;i<60;i+=this.interval){const s=[this.suggestion.toString().padStart(2,"0"),i.toString().padStart(2,"0"),"00"].join(":"),h=a(s);this.minTimeObj<=h&&h<=this.maxTimeObj&&t.push(s)}return t}get root(){return h(this)}static get watchers(){return{value:["watchValue"]}}};(function(t,i,s,h){var e,r=arguments.length,o=r<3?i:null===h?h=Object.getOwnPropertyDescriptor(i,s):h;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,s,h);else for(var a=t.length-1;a>=0;a--)(e=t[a])&&(o=(r<3?e(o):r>3?e(i,s,o):e(i,s))||o);r>3&&o&&Object.defineProperty(i,s,o)})([e({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:inline-block}input{box-sizing:border-box;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#fdfdfd;background-image:none;border:1px solid #6b7585;border-radius:2px;text-align:right}input::placeholder{color:#596373}input.gux-focused,input:focus{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px rgba(170, 201, 255, 0.5)}.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{c as gux_time_picker_beta}
@@ -1 +1 @@
1
- import{r as t,h as o,g as s}from"./p-e571f861.js";import{t as n}from"./p-9f256566.js";import{b as i}from"./p-e974f062.js";import"./p-8a133b9b.js";const e={dismiss:"Dismiss"},r=class{constructor(o){t(this,o)}async componentWillLoad(){n(this.root),this.i18n=await i(this.root,e)}render(){return o("button",{type:"button",title:this.i18n("dismiss")},o("gux-icon",{"icon-name":"close","screenreader-text":this.i18n("dismiss")}))}static get delegatesFocus(){return!0}get root(){return s(this)}};r.style="button{position:absolute;top:0;right:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px}button:not(:disabled):focus,button:not(:disabled):hover{color:#2e394c;cursor:pointer}button gux-icon{width:15px;height:15px;margin:4px;border-radius:4px}button:focus{outline:none}button:focus gux-icon{outline:none}button:focus:enabled gux-icon{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}";export{r as gux_dismiss_button}
1
+ import{r as t,h as o,g as s}from"./p-e571f861.js";import{t as n}from"./p-277949f8.js";import{b as i}from"./p-2fb2e5b0.js";import"./p-8a133b9b.js";const e={dismiss:"Dismiss"},r=class{constructor(o){t(this,o)}async componentWillLoad(){n(this.root),this.i18n=await i(this.root,e)}render(){return o("button",{type:"button",title:this.i18n("dismiss")},o("gux-icon",{"icon-name":"close","screenreader-text":this.i18n("dismiss")}))}static get delegatesFocus(){return!0}get root(){return s(this)}};r.style="button{position:absolute;top:0;right:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px}button:not(:disabled):focus,button:not(:disabled):hover{color:#2e394c;cursor:pointer}button gux-icon{width:15px;height:15px;margin:4px;border-radius:4px}button:focus{outline:none}button:focus gux-icon{outline:none}button:focus:enabled gux-icon{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}";export{r as gux_dismiss_button}
@@ -1 +1 @@
1
- import{r as t,d as s,w as o,h as i,g as e}from"./p-e571f861.js";import{b as l}from"./p-e974f062.js";import{O as r}from"./p-35578249.js";import"./p-8a133b9b.js";const c={scrollLeft:"Scroll Left",scrollRight:"Scroll Right",scrollUp:"Scroll Up",scrollDown:"Scroll Down"};const a=class{constructor(s){t(this,s),this.focused=0,this.hasHorizontalScrollbar=!1,this.hasVerticalScrollbar=!1,this.isScrolledToBeginning=!1,this.isScrolledToEnd=!1}onFocusout(t){this.root.contains(t.relatedTarget)||this.tabTriggers.forEach((async(t,s)=>{await t.guxGetActive()?this.focused=s:t.querySelector("button").setAttribute("tabindex","-1")}))}onHasVerticalScrollBar(){this.checkDisabledScrollButtons()}onScroll(){this.checkDisabledScrollButtons()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":t.preventDefault(),this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.focusTab(this.focused);break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onMutation(){this.setTabTriggers()}async guxSetActive(t){this.tabTriggers.forEach(((s,o)=>{const i=s.tabId===t;s.guxSetActive(i),i&&(this.focused=o)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach((async(t,s)=>{const o=await t.guxGetActive();this.focused===s||o||t.querySelector("button").setAttribute("tabindex","-1")})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}checkForScrollbarHideOrShow(){s((()=>{const t=this.root.querySelector(".gux-scrollable-section"),s=t.clientWidth<t.scrollWidth,o=t.clientHeight<t.scrollHeight;s!==this.hasHorizontalScrollbar&&(this.hasHorizontalScrollbar=s),o!==this.hasVerticalScrollbar&&(this.hasVerticalScrollbar=o),this.checkDisabledScrollButtons()}))}handleKeyboardScroll(t){const s=this.root.querySelector(".gux-scrollable-section"),i=this.root.querySelectorAll("gux-tab")[this.focused];"forward"===t?this.focused<this.tabTriggers.length-1?(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(i.clientWidth,0):s.scrollBy(0,i.clientHeight)})),this.focusTab(this.focused+1)):(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(-s.scrollWidth,0):s.scrollBy(0,-s.scrollHeight)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(-i.clientWidth,0):s.scrollBy(0,-i.clientHeight)})),this.focusTab(this.focused-1)):(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(s.scrollWidth,0):s.scrollBy(0,s.scrollHeight)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await l(this.root,c,"gux-tabs")}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}checkDisabledScrollButtons(){const t=this.root.querySelector(".gux-scrollable-section");if(this.hasHorizontalScrollbar){const s=t.scrollLeft,o=t.scrollWidth-t.clientWidth;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=o-s==0}else{const s=t.scrollTop,o=t.scrollHeight-t.clientHeight;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=o-s==0}}scrollLeft(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(-100,0)}))}scrollRight(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(100,0)}))}scrollUp(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-100)}))}scrollDown(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,100)}))}render(){return i("div",{class:"gux-tab-container"},this.renderScrollButton(this.hasHorizontalScrollbar?"scrollLeft":"scrollUp"),i("div",{role:"tablist",class:"gux-scrollable-section","aria-owns":this.triggerIds},i("slot",null)),this.renderScrollButton(this.hasHorizontalScrollbar?"scrollRight":"scrollDown"))}renderScrollButton(t){return i("div",{class:"gux-scroll-button-container"},this.hasHorizontalScrollbar||this.hasVerticalScrollbar?i("button",{disabled:this.getButtonDisabled(t),tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},i("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}getButtonDisabled(t){switch(t){case"scrollLeft":case"scrollUp":return this.isScrolledToBeginning;case"scrollRight":case"scrollDown":return this.isScrolledToEnd}}getScrollDirection(t){switch(t){case"scrollLeft":this.scrollLeft();break;case"scrollRight":this.scrollRight();break;case"scrollUp":this.scrollUp();break;case"scrollDown":this.scrollDown()}}getChevronIconName(t){switch(t){case"scrollLeft":return"chevron-small-left";case"scrollRight":return"chevron-small-right";case"scrollUp":return"chevron-small-up";case"scrollDown":return"chevron-small-down"}}get root(){return e(this)}};(function(t,s,o,i){var e,l=arguments.length,r=l<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,o,i);else for(var c=t.length-1;c>=0;c--)(e=t[c])&&(r=(l<3?e(r):l>3?e(s,o,r):e(s,o))||r);l>3&&r&&Object.defineProperty(s,o,r)})([r({childList:!0,subtree:!0})],a.prototype,"onMutation",null),a.style="gux-tabs[orientation='vertical']{height:100%}gux-tabs[orientation='vertical'] .gux-tab-container{display:flex;flex-direction:column;width:160px;max-width:160px;height:100%;margin-right:16px;border-right:1px solid #d7dce5}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scroll-button-container{width:100%}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scroll-button-container button{width:100%}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scrollable-section{flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{width:0;height:0}gux-tabs:not([orientation='vertical']) .gux-tab-container{height:40px;margin-bottom:16px;border-bottom:1px solid #d7dce5}gux-tabs:not([orientation='vertical']) .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;width:100%;overflow-x:hidden;overflow-y:hidden;background-color:#fff}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tabs .gux-scroll-button-container{display:flex;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:40px;color:#202937;cursor:pointer;background-color:#c8cfda;background-color:#e2e6ee;border:none;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tabs .gux-scroll-button-container .gux-scroll-button:hover:not(:disabled){background-color:#d7dce5}gux-tabs .gux-scroll-button-container .gux-scroll-button:active:not(:disabled){background-color:#d2d8e5}gux-tabs .gux-scroll-button-container .gux-scroll-button:disabled{cursor:default;opacity:0.5}";export{a as gux_tab_list}
1
+ import{r as t,d as s,w as o,h as i,g as e}from"./p-e571f861.js";import{b as l}from"./p-2fb2e5b0.js";import{O as r}from"./p-35578249.js";import"./p-8a133b9b.js";const c={scrollLeft:"Scroll Left",scrollRight:"Scroll Right",scrollUp:"Scroll Up",scrollDown:"Scroll Down"};const a=class{constructor(s){t(this,s),this.focused=0,this.hasHorizontalScrollbar=!1,this.hasVerticalScrollbar=!1,this.isScrolledToBeginning=!1,this.isScrolledToEnd=!1}onFocusout(t){this.root.contains(t.relatedTarget)||this.tabTriggers.forEach((async(t,s)=>{await t.guxGetActive()?this.focused=s:t.querySelector("button").setAttribute("tabindex","-1")}))}onHasVerticalScrollBar(){this.checkDisabledScrollButtons()}onScroll(){this.checkDisabledScrollButtons()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":t.preventDefault(),this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.focusTab(this.focused);break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onMutation(){this.setTabTriggers()}async guxSetActive(t){this.tabTriggers.forEach(((s,o)=>{const i=s.tabId===t;s.guxSetActive(i),i&&(this.focused=o)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach((async(t,s)=>{const o=await t.guxGetActive();this.focused===s||o||t.querySelector("button").setAttribute("tabindex","-1")})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}checkForScrollbarHideOrShow(){s((()=>{const t=this.root.querySelector(".gux-scrollable-section"),s=t.clientWidth<t.scrollWidth,o=t.clientHeight<t.scrollHeight;s!==this.hasHorizontalScrollbar&&(this.hasHorizontalScrollbar=s),o!==this.hasVerticalScrollbar&&(this.hasVerticalScrollbar=o),this.checkDisabledScrollButtons()}))}handleKeyboardScroll(t){const s=this.root.querySelector(".gux-scrollable-section"),i=this.root.querySelectorAll("gux-tab")[this.focused];"forward"===t?this.focused<this.tabTriggers.length-1?(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(i.clientWidth,0):s.scrollBy(0,i.clientHeight)})),this.focusTab(this.focused+1)):(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(-s.scrollWidth,0):s.scrollBy(0,-s.scrollHeight)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(-i.clientWidth,0):s.scrollBy(0,-i.clientHeight)})),this.focusTab(this.focused-1)):(o((()=>{this.hasHorizontalScrollbar?s.scrollBy(s.scrollWidth,0):s.scrollBy(0,s.scrollHeight)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await l(this.root,c,"gux-tabs")}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}checkDisabledScrollButtons(){const t=this.root.querySelector(".gux-scrollable-section");if(this.hasHorizontalScrollbar){const s=t.scrollLeft,o=t.scrollWidth-t.clientWidth;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=o-s==0}else{const s=t.scrollTop,o=t.scrollHeight-t.clientHeight;this.isScrolledToBeginning=0===s,this.isScrolledToEnd=o-s==0}}scrollLeft(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(-100,0)}))}scrollRight(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(100,0)}))}scrollUp(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-100)}))}scrollDown(){o((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,100)}))}render(){return i("div",{class:"gux-tab-container"},this.renderScrollButton(this.hasHorizontalScrollbar?"scrollLeft":"scrollUp"),i("div",{role:"tablist",class:"gux-scrollable-section","aria-owns":this.triggerIds},i("slot",null)),this.renderScrollButton(this.hasHorizontalScrollbar?"scrollRight":"scrollDown"))}renderScrollButton(t){return i("div",{class:"gux-scroll-button-container"},this.hasHorizontalScrollbar||this.hasVerticalScrollbar?i("button",{disabled:this.getButtonDisabled(t),tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},i("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}getButtonDisabled(t){switch(t){case"scrollLeft":case"scrollUp":return this.isScrolledToBeginning;case"scrollRight":case"scrollDown":return this.isScrolledToEnd}}getScrollDirection(t){switch(t){case"scrollLeft":this.scrollLeft();break;case"scrollRight":this.scrollRight();break;case"scrollUp":this.scrollUp();break;case"scrollDown":this.scrollDown()}}getChevronIconName(t){switch(t){case"scrollLeft":return"chevron-small-left";case"scrollRight":return"chevron-small-right";case"scrollUp":return"chevron-small-up";case"scrollDown":return"chevron-small-down"}}get root(){return e(this)}};(function(t,s,o,i){var e,l=arguments.length,r=l<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,o,i);else for(var c=t.length-1;c>=0;c--)(e=t[c])&&(r=(l<3?e(r):l>3?e(s,o,r):e(s,o))||r);l>3&&r&&Object.defineProperty(s,o,r)})([r({childList:!0,subtree:!0})],a.prototype,"onMutation",null),a.style="gux-tabs[orientation='vertical']{height:100%}gux-tabs[orientation='vertical'] .gux-tab-container{display:flex;flex-direction:column;width:160px;max-width:160px;height:100%;margin-right:16px;border-right:1px solid #d7dce5}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scroll-button-container{width:100%}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scroll-button-container button{width:100%}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scrollable-section{flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}gux-tabs[orientation='vertical'] .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{width:0;height:0}gux-tabs:not([orientation='vertical']) .gux-tab-container{height:40px;margin-bottom:16px;border-bottom:1px solid #d7dce5}gux-tabs:not([orientation='vertical']) .gux-scrollable-section{overflow-x:auto}gux-tabs .gux-tab-container{box-sizing:content-box;display:flex;width:100%;overflow-x:hidden;overflow-y:hidden;background-color:#fff}gux-tabs .gux-scrollable-section{display:flex;flex:1 1 auto;scroll-behavior:smooth;scrollbar-width:none}gux-tabs .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tabs .gux-scroll-button-container{display:flex;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:40px;color:#202937;cursor:pointer;background-color:#c8cfda;background-color:#e2e6ee;border:none;border-radius:4px}gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tabs .gux-scroll-button-container .gux-scroll-button:hover:not(:disabled){background-color:#d7dce5}gux-tabs .gux-scroll-button-container .gux-scroll-button:active:not(:disabled){background-color:#d2d8e5}gux-tabs .gux-scroll-button-container .gux-scroll-button:disabled{cursor:default;opacity:0.5}";export{a as gux_tab_list}
@@ -1 +1 @@
1
- import{r as t,h as o,H as e,g as n}from"./p-e571f861.js";import{t as s}from"./p-9f256566.js";import{l as a}from"./p-3184268e.js";const c=class{constructor(o){t(this,o),this.accent="secondary"}validateSlotContent(){const t=this.root.children[0],o=t.tagName;if("BUTTON"!==o){if("INPUT"===o){const o=t.getAttribute("type");if("button"===o||"submit"===o)return}a("gux-button-slot",'You must slot a button, input[type="button"] or input[type="submit"] element.')}}componentWillLoad(){s(this.root),this.validateSlotContent()}render(){return o(e,{accent:this.accent},o("slot",null))}get root(){return n(this)}};c.style=":host{display:inline-block;min-width:32px;pointer-events:none}::slotted(input[type='button']),::slotted(input[type='submit']),::slotted(button){width:100%;height:32px;padding:0 16px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}::slotted(input[type='button'][disabled]),::slotted(input[type='submit'][disabled]),::slotted(button[disabled]){color:rgba(46, 57, 76, 0.5);cursor:default;background-color:rgba(226, 230, 238, 0.5)}::slotted(input[type='button']:focus),::slotted(input[type='submit']:focus),::slotted(button:focus){outline:none}::slotted(input[type='button']:focus:enabled),::slotted(input[type='submit']:focus:enabled),::slotted(button:focus:enabled){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}::slotted(input[type='button']:hover:enabled),::slotted(input[type='submit']:hover:enabled),::slotted(button:hover:enabled){background-color:#d7dce5}::slotted(input[type='button']:active:enabled),::slotted(input[type='submit']:active:enabled),::slotted(button:active:enabled){background-color:#c8cfda}:host([accent='primary']) ::slotted(input[type='button']),:host([accent='primary']) ::slotted(input[type='submit']),:host([accent='primary']) ::slotted(button){color:#fdfdfd;background-color:#2a60c8}:host([accent='primary']) ::slotted(input[type='button'][disabled]),:host([accent='primary']) ::slotted(input[type='submit'][disabled]),:host([accent='primary']) ::slotted(button[disabled]){color:rgba(253, 253, 253, 0.5);background-color:rgba(42, 96, 200, 0.5)}:host([accent='primary']) ::slotted(input[type='button']:hover:enabled),:host([accent='primary']) ::slotted(input[type='submit']:hover:enabled),:host([accent='primary']) ::slotted(button:hover:enabled){background-color:#2754ac}:host([accent='primary']) ::slotted(input[type='button']:active:enabled),:host([accent='primary']) ::slotted(input[type='submit']:active:enabled),:host([accent='primary']) ::slotted(button:active:enabled){background-color:#23478f}:host([accent='tertiary']) ::slotted(input[type='button']),:host([accent='tertiary']) ::slotted(input[type='submit']),:host([accent='tertiary']) ::slotted(button){color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}:host([accent='tertiary']) ::slotted(input[type='button']),:host([accent='tertiary']) ::slotted(input[type='submit']),:host([accent='tertiary']) ::slotted(button){color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}:host([accent='tertiary']) ::slotted(input[type='button'][disabled]),:host([accent='tertiary']) ::slotted(input[type='submit'][disabled]),:host([accent='tertiary']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5);background-color:rgba(253, 253, 253, 0.5);border-color:rgba(42, 96, 200, 0.5)}:host([accent='tertiary']) ::slotted(input[type='button']:hover:enabled),:host([accent='tertiary']) ::slotted(input[type='submit']:hover:enabled),:host([accent='tertiary']) ::slotted(button:hover:enabled){color:#fdfdfd;background-color:#2754ac}:host([accent='tertiary']) ::slotted(input[type='button']:active:enabled),:host([accent='tertiary']) ::slotted(input[type='submit']:active:enabled),:host([accent='tertiary']) ::slotted(button:active:enabled){color:#fdfdfd;background-color:#23478f}:host([accent='ghost']) ::slotted(input[type='button']),:host([accent='ghost']) ::slotted(input[type='submit']),:host([accent='ghost']) ::slotted(button){color:#2a60c8;background:none;border:none}:host([accent='ghost']) ::slotted(input[type='button'][disabled]),:host([accent='ghost']) ::slotted(input[type='submit'][disabled]),:host([accent='ghost']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5)}:host([accent='ghost']) ::slotted(input[type='button']:hover:enabled),:host([accent='ghost']) ::slotted(input[type='submit']:hover:enabled),:host([accent='ghost']) ::slotted(button:hover:enabled){color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}:host([accent='ghost']) ::slotted(input[type='button']:active:enabled),:host([accent='ghost']) ::slotted(input[type='submit']:active:enabled),:host([accent='ghost']) ::slotted(button:active:enabled){color:#2754ac;background-color:#deeaff}";export{c as gux_button_slot_beta}
1
+ import{r as t,h as o,H as e,g as n}from"./p-e571f861.js";import{t as s}from"./p-277949f8.js";import{l as a}from"./p-3184268e.js";const c=class{constructor(o){t(this,o),this.accent="secondary"}validateSlotContent(){const t=this.root.children[0],o=t.tagName;if("BUTTON"!==o){if("INPUT"===o){const o=t.getAttribute("type");if("button"===o||"submit"===o)return}a("gux-button-slot",'You must slot a button, input[type="button"] or input[type="submit"] element.')}}componentWillLoad(){s(this.root),this.validateSlotContent()}render(){return o(e,{accent:this.accent},o("slot",null))}get root(){return n(this)}};c.style=":host{display:inline-block;min-width:32px;pointer-events:none}::slotted(input[type='button']),::slotted(input[type='submit']),::slotted(button){width:100%;height:32px;padding:0 16px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}::slotted(input[type='button'][disabled]),::slotted(input[type='submit'][disabled]),::slotted(button[disabled]){color:rgba(46, 57, 76, 0.5);cursor:default;background-color:rgba(226, 230, 238, 0.5)}::slotted(input[type='button']:focus),::slotted(input[type='submit']:focus),::slotted(button:focus){outline:none}::slotted(input[type='button']:focus:enabled),::slotted(input[type='submit']:focus:enabled),::slotted(button:focus:enabled){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}::slotted(input[type='button']:hover:enabled),::slotted(input[type='submit']:hover:enabled),::slotted(button:hover:enabled){background-color:#d7dce5}::slotted(input[type='button']:active:enabled),::slotted(input[type='submit']:active:enabled),::slotted(button:active:enabled){background-color:#c8cfda}:host([accent='primary']) ::slotted(input[type='button']),:host([accent='primary']) ::slotted(input[type='submit']),:host([accent='primary']) ::slotted(button){color:#fdfdfd;background-color:#2a60c8}:host([accent='primary']) ::slotted(input[type='button'][disabled]),:host([accent='primary']) ::slotted(input[type='submit'][disabled]),:host([accent='primary']) ::slotted(button[disabled]){color:rgba(253, 253, 253, 0.5);background-color:rgba(42, 96, 200, 0.5)}:host([accent='primary']) ::slotted(input[type='button']:hover:enabled),:host([accent='primary']) ::slotted(input[type='submit']:hover:enabled),:host([accent='primary']) ::slotted(button:hover:enabled){background-color:#2754ac}:host([accent='primary']) ::slotted(input[type='button']:active:enabled),:host([accent='primary']) ::slotted(input[type='submit']:active:enabled),:host([accent='primary']) ::slotted(button:active:enabled){background-color:#23478f}:host([accent='tertiary']) ::slotted(input[type='button']),:host([accent='tertiary']) ::slotted(input[type='submit']),:host([accent='tertiary']) ::slotted(button){color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}:host([accent='tertiary']) ::slotted(input[type='button']),:host([accent='tertiary']) ::slotted(input[type='submit']),:host([accent='tertiary']) ::slotted(button){color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}:host([accent='tertiary']) ::slotted(input[type='button'][disabled]),:host([accent='tertiary']) ::slotted(input[type='submit'][disabled]),:host([accent='tertiary']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5);background-color:rgba(253, 253, 253, 0.5);border-color:rgba(42, 96, 200, 0.5)}:host([accent='tertiary']) ::slotted(input[type='button']:hover:enabled),:host([accent='tertiary']) ::slotted(input[type='submit']:hover:enabled),:host([accent='tertiary']) ::slotted(button:hover:enabled){color:#fdfdfd;background-color:#2754ac}:host([accent='tertiary']) ::slotted(input[type='button']:active:enabled),:host([accent='tertiary']) ::slotted(input[type='submit']:active:enabled),:host([accent='tertiary']) ::slotted(button:active:enabled){color:#fdfdfd;background-color:#23478f}:host([accent='ghost']) ::slotted(input[type='button']),:host([accent='ghost']) ::slotted(input[type='submit']),:host([accent='ghost']) ::slotted(button){color:#2a60c8;background:none;border:none}:host([accent='ghost']) ::slotted(input[type='button'][disabled]),:host([accent='ghost']) ::slotted(input[type='submit'][disabled]),:host([accent='ghost']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5)}:host([accent='ghost']) ::slotted(input[type='button']:hover:enabled),:host([accent='ghost']) ::slotted(input[type='submit']:hover:enabled),:host([accent='ghost']) ::slotted(button:hover:enabled){color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}:host([accent='ghost']) ::slotted(input[type='button']:active:enabled),:host([accent='ghost']) ::slotted(input[type='submit']:active:enabled),:host([accent='ghost']) ::slotted(button:active:enabled){color:#2754ac;background-color:#deeaff}";export{c as gux_button_slot_beta}
@@ -1 +1 @@
1
- import{r as o,c as t,h as g,g as a}from"./p-e571f861.js";import{b as e}from"./p-e974f062.js";import{t as r}from"./p-9f256566.js";import"./p-8a133b9b.js";const u={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"},l=class{constructor(g){o(this,g),this.guxdelete=t(this,"guxdelete",7),this.color="default",this.disabled=!1,this.removable=!1}onKeyDown(o){switch(o.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){!this.disabled&&this.removable&&this.guxdelete.emit(this.value)}onSlotChange(o){const t=o.composedPath()[0].assignedNodes();this.label=t.map((o=>o.textContent)).join("")}renderTagTitle(){return g("gux-tooltip-title",null,g("span",null,g("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return g("div",{class:"gux-sr-only"},this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return g("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},g("gux-icon",{class:"gux-tag-remove-icon","icon-name":"close","screenreader-text":this.i18n("remove-tag",{label:this.label})}))}componentWillLoad(){r(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await e(this.root,u)}render(){return g("div",{class:{"gux-tag":!0,[`gux-${this.color}`]:!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.renderTagTitle(),this.renderSrText(),this.renderRemoveButton())}get root(){return a(this)}};l.style=":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;padding:2px 8px;font-size:12px;font-weight:bold;color:#fdfdfd;background-color:#2e394c;border-radius:4px}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){height:20px;font-size:16px}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center;margin-left:8px}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:16px;height:16px;border-radius:25%}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:none;box-shadow:0 0 0 1px transparent, 0 0 0 2px #aac9ff}.gux-tag.gux-disabled{background-color:rgba(46, 57, 76, 0.5)}.gux-tag.gux-default{background-color:#2e394c}.gux-tag.gux-default.gux-disabled{background-color:rgba(46, 57, 76, 0.5)}.gux-tag.gux-default-subtle{color:#2e394c;background-color:#e2e6ee}.gux-tag.gux-default-subtle.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(226, 230, 238, 0.5)}.gux-tag.gux-navy{background-color:#203b73}.gux-tag.gux-navy.gux-disabled{background-color:rgba(32, 59, 115, 0.5)}.gux-tag.gux-blue{color:#2e394c;background-color:#75a8ff}.gux-tag.gux-blue.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(117, 168, 255, 0.5)}.gux-tag.gux-electric-purple{background-color:#8452cf}.gux-tag.gux-electric-purple.gux-disabled{background-color:rgba(132, 82, 207, 0.5)}.gux-tag.gux-aqua-green{color:#202937;background-color:#1da8b3}.gux-tag.gux-aqua-green.gux-disabled{color:rgba(32, 41, 55, 0.5);background-color:rgba(29, 168, 179, 0.5)}.gux-tag.gux-fuscha{color:#000000;background-color:#cc3ebe}.gux-tag.gux-fuscha.gux-disabled{color:rgba(0, 0, 0, 0.5);background-color:rgba(204, 62, 190, 0.5)}.gux-tag.gux-dark-purple{background-color:#5e5782}.gux-tag.gux-dark-purple.gux-disabled{background-color:rgba(94, 87, 130, 0.5)}.gux-tag.gux-bubblegum-pink{color:#2e394c;background-color:#ff8fdd}.gux-tag.gux-bubblegum-pink.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(255, 143, 221, 0.5)}.gux-tag.gux-olive-green{color:#151d28;background-color:#868c1e}.gux-tag.gux-olive-green.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(134, 140, 30, 0.5)}.gux-tag.gux-lilac{color:#2e394c;background-color:#b5b5eb}.gux-tag.gux-lilac.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(181, 181, 235, 0.5)}.gux-tag.gux-alert-yellow-green{color:#2e394c;background-color:#ddd933}.gux-tag.gux-alert-yellow-green.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(221, 217, 51, 0.5)}";export{l as gux_tag_beta}
1
+ import{r as o,c as g,h as a,g as t}from"./p-e571f861.js";import{b as e}from"./p-2fb2e5b0.js";import{t as r}from"./p-277949f8.js";import"./p-8a133b9b.js";const u={tag:"tag with label: {label}","tag-disabled":"disabled tag with label: {label}","remove-tag":"Remove tag with label: {label}"},l=class{constructor(a){o(this,a),this.guxdelete=g(this,"guxdelete",7),this.color="default",this.disabled=!1,this.removable=!1}onKeyDown(o){switch(o.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){!this.disabled&&this.removable&&this.guxdelete.emit(this.value)}onSlotChange(o){const g=o.composedPath()[0].assignedNodes();this.label=g.map((o=>o.textContent)).join("")}renderTagTitle(){return a("gux-tooltip-title",null,a("span",null,a("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return a("div",{class:"gux-sr-only"},this.i18n(this.disabled?"tag-disabled":"tag",{label:this.label}))}renderRemoveButton(){if(this.removable)return a("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},a("gux-icon",{class:"gux-tag-remove-icon","icon-name":"close","screenreader-text":this.i18n("remove-tag",{label:this.label})}))}componentWillLoad(){r(this.root,{variant:this.removable?"removable":"permenant"})}async componentWillRender(){this.i18n=await e(this.root,u)}render(){return a("div",{class:{"gux-tag":!0,[`gux-${this.color}`]:!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.renderTagTitle(),this.renderSrText(),this.renderRemoveButton())}get root(){return t(this)}};l.style=":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;padding:2px 8px;font-size:12px;font-weight:bold;color:#fdfdfd;background-color:#2e394c;border-radius:4px}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){height:20px;font-size:16px}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center;margin-left:8px}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:16px;height:16px;border-radius:25%}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:none;box-shadow:0 0 0 1px transparent, 0 0 0 2px #aac9ff}.gux-tag.gux-disabled{background-color:rgba(46, 57, 76, 0.5)}.gux-tag.gux-default{background-color:#2e394c}.gux-tag.gux-default.gux-disabled{background-color:rgba(46, 57, 76, 0.5)}.gux-tag.gux-default-subtle{color:#2e394c;background-color:#e2e6ee}.gux-tag.gux-default-subtle.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(226, 230, 238, 0.5)}.gux-tag.gux-navy{background-color:#203b73}.gux-tag.gux-navy.gux-disabled{background-color:rgba(32, 59, 115, 0.5)}.gux-tag.gux-blue{color:#2e394c;background-color:#75a8ff}.gux-tag.gux-blue.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(117, 168, 255, 0.5)}.gux-tag.gux-electric-purple{background-color:#8452cf}.gux-tag.gux-electric-purple.gux-disabled{background-color:rgba(132, 82, 207, 0.5)}.gux-tag.gux-aqua-green{color:#202937;background-color:#1da8b3}.gux-tag.gux-aqua-green.gux-disabled{color:rgba(32, 41, 55, 0.5);background-color:rgba(29, 168, 179, 0.5)}.gux-tag.gux-fuscha{color:#000000;background-color:#cc3ebe}.gux-tag.gux-fuscha.gux-disabled{color:rgba(0, 0, 0, 0.5);background-color:rgba(204, 62, 190, 0.5)}.gux-tag.gux-fuchsia{color:#000000;background-color:#cc3ebe}.gux-tag.gux-fuchsia.gux-disabled{color:rgba(0, 0, 0, 0.5);background-color:rgba(204, 62, 190, 0.5)}.gux-tag.gux-dark-purple{background-color:#5e5782}.gux-tag.gux-dark-purple.gux-disabled{background-color:rgba(94, 87, 130, 0.5)}.gux-tag.gux-bubblegum-pink{color:#2e394c;background-color:#ff8fdd}.gux-tag.gux-bubblegum-pink.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(255, 143, 221, 0.5)}.gux-tag.gux-olive-green{color:#151d28;background-color:#868c1e}.gux-tag.gux-olive-green.gux-disabled{color:rgba(21, 29, 40, 0.5);background-color:rgba(134, 140, 30, 0.5)}.gux-tag.gux-lilac{color:#2e394c;background-color:#b5b5eb}.gux-tag.gux-lilac.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(181, 181, 235, 0.5)}.gux-tag.gux-alert-yellow-green{color:#2e394c;background-color:#ddd933}.gux-tag.gux-alert-yellow-green.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(221, 217, 51, 0.5)}";export{l as gux_tag_beta}
@@ -1 +1 @@
1
- import{r as t,c as n,h as e,g as i}from"./p-e571f861.js";import{t as o}from"./p-9f256566.js";import{b as a}from"./p-e974f062.js";import{o as s}from"./p-e2bea786.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}async clear(){this.disabled||(this.matchCount=0,this.currentMatch=0,this.value="",this.emitCurrentMatchChanged(),this.resetInputSlottedElement())}async componentWillLoad(){o(this.root),this.i18n=await a(this.root,r),this.inputSlottedElement=this.root.querySelector("input"),this.disabled=this.inputSlottedElement.disabled,this.value=this.inputSlottedElement.value,this.disabledObserver=s(this.inputSlottedElement,(t=>{this.disabled=t})),this.inputSlottedElement.addEventListener("input",(t=>this.onInput(t)))}disconnectedCallback(){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:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.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-e571f861.js";import{t as o}from"./p-277949f8.js";import{b as a}from"./p-2fb2e5b0.js";import{o as s}from"./p-e2bea786.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}async clear(){this.disabled||(this.matchCount=0,this.currentMatch=0,this.value="",this.emitCurrentMatchChanged(),this.resetInputSlottedElement())}async componentWillLoad(){o(this.root),this.i18n=await a(this.root,r),this.inputSlottedElement=this.root.querySelector("input"),this.disabled=this.inputSlottedElement.disabled,this.value=this.inputSlottedElement.value,this.disabledObserver=s(this.inputSlottedElement,(t=>{this.disabled=t})),this.inputSlottedElement.addEventListener("input",(t=>this.onInput(t)))}disconnectedCallback(){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:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.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 +1 @@
1
- import{r as e,h as a,g as l}from"./p-e571f861.js";import{t as s}from"./p-9f256566.js";const i=class{constructor(a){e(this,a),this.isOpen=!1,this.position="left"}get containerClass(){return`gux-${this.position} gux-${this.isOpen?"open":"closed"}`}get contentClass(){return"gux-panel-content gux-"+(this.isOpen?"open":"closed")}componentWillLoad(){s(this.root,{variant:this.position})}render(){return a("aside",{class:this.containerClass},a("div",{class:"gux-panel-icons"},a("slot",{name:"side-panel-icons"})),a("div",{class:this.contentClass},a("slot",{name:"side-panel-content"})))}get root(){return l(this)}};i.style="gux-side-panel-legacy aside{position:relative;display:flex;flex-direction:row-reverse;width:49px;height:100%;color:#2e394c;background-color:#fdfdfd}gux-side-panel-legacy aside.gux-left{flex-direction:row}gux-side-panel-legacy aside.gux-left .gux-panel-content{left:49px}gux-side-panel-legacy aside.gux-right .gux-panel-content{right:49px}gux-side-panel-legacy aside .gux-panel-icons{border:1px solid #e2e6ee}gux-side-panel-legacy aside .gux-panel-icons gux-side-panel-button{display:flex;flex-direction:column}gux-side-panel-legacy aside .gux-panel-content{position:absolute;width:280px;height:100%}gux-side-panel-legacy aside .gux-panel-content [slot='side-panel-content']{height:100%}gux-side-panel-legacy aside .gux-panel-content.gux-closed{display:none}.gux-side-panel-dark-theme{color:#fdfdfd}.gux-side-panel-dark-theme aside{background-color:#2e394c}.gux-side-panel-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-dark-theme gux-side-panel-legacy{color:#fdfdfd}.gux-dark-theme gux-side-panel-legacy aside{background-color:#2e394c}.gux-dark-theme gux-side-panel-legacy aside .gux-panel-icons{border-color:#202937}gux-side-panel-legacy.gux-dark-theme{color:#fdfdfd}gux-side-panel-legacy.gux-dark-theme aside{background-color:#2e394c}gux-side-panel-legacy.gux-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-side-panel-light-theme{color:#2e394c}.gux-light-theme gux-side-panel-legacy{color:#2e394c}gux-side-panel-legacy.gux-light-theme{color:#2e394c}gux-side-panel-legacy{color:#2e394c}";export{i as gux_side_panel_legacy}
1
+ import{r as e,h as a,g as l}from"./p-e571f861.js";import{t as s}from"./p-277949f8.js";const i=class{constructor(a){e(this,a),this.isOpen=!1,this.position="left"}get containerClass(){return`gux-${this.position} gux-${this.isOpen?"open":"closed"}`}get contentClass(){return"gux-panel-content gux-"+(this.isOpen?"open":"closed")}componentWillLoad(){s(this.root,{variant:this.position})}render(){return a("aside",{class:this.containerClass},a("div",{class:"gux-panel-icons"},a("slot",{name:"side-panel-icons"})),a("div",{class:this.contentClass},a("slot",{name:"side-panel-content"})))}get root(){return l(this)}};i.style="gux-side-panel-legacy aside{position:relative;display:flex;flex-direction:row-reverse;width:49px;height:100%;color:#2e394c;background-color:#fdfdfd}gux-side-panel-legacy aside.gux-left{flex-direction:row}gux-side-panel-legacy aside.gux-left .gux-panel-content{left:49px}gux-side-panel-legacy aside.gux-right .gux-panel-content{right:49px}gux-side-panel-legacy aside .gux-panel-icons{border:1px solid #e2e6ee}gux-side-panel-legacy aside .gux-panel-icons gux-side-panel-button{display:flex;flex-direction:column}gux-side-panel-legacy aside .gux-panel-content{position:absolute;width:280px;height:100%}gux-side-panel-legacy aside .gux-panel-content [slot='side-panel-content']{height:100%}gux-side-panel-legacy aside .gux-panel-content.gux-closed{display:none}.gux-side-panel-dark-theme{color:#fdfdfd}.gux-side-panel-dark-theme aside{background-color:#2e394c}.gux-side-panel-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-dark-theme gux-side-panel-legacy{color:#fdfdfd}.gux-dark-theme gux-side-panel-legacy aside{background-color:#2e394c}.gux-dark-theme gux-side-panel-legacy aside .gux-panel-icons{border-color:#202937}gux-side-panel-legacy.gux-dark-theme{color:#fdfdfd}gux-side-panel-legacy.gux-dark-theme aside{background-color:#2e394c}gux-side-panel-legacy.gux-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-side-panel-light-theme{color:#2e394c}.gux-light-theme gux-side-panel-legacy{color:#2e394c}gux-side-panel-legacy.gux-light-theme{color:#2e394c}gux-side-panel-legacy{color:#2e394c}";export{i as gux_side_panel_legacy}
@@ -1 +1 @@
1
- import{r as t,c as n,h as i,g as a}from"./p-e571f861.js";import{b as e}from"./p-e974f062.js";import"./p-8a133b9b.js";const o={page:"Page",totalPages:" of {totalPages, number}",first:"First",previous:"Previous",next:"Next",last:"Last",pageInputLabel:"Page {currentPage, number} of {totalPages, number}"},s=class{constructor(i){t(this,i),this.internalcurrentpagechange=n(this,"internalcurrentpagechange",3),this.layout="advanced"}get onFirstPage(){return this.currentPage<=1}get onLastPage(){return this.currentPage>=this.totalPages}handleClickFirst(){this.internalcurrentpagechange.emit(1)}handleClickPrevious(){this.internalcurrentpagechange.emit(this.currentPage-1)}handleClickNext(){this.internalcurrentpagechange.emit(this.currentPage+1)}handleClickLast(){this.internalcurrentpagechange.emit(this.totalPages)}handleClickPage(t){this.internalcurrentpagechange.emit(t)}getPageListEnteries(t,n){return class{static getPageList(t,n){if(n<=10)return[...Array(n).keys()].map((n=>{const i=n+1;return{pageNumber:i,display:String(i),current:i===t}}));if(t<=5)return[...[...Array(6).keys()].map((n=>{const i=n+1;return{pageNumber:i,display:String(i),current:i===t}})),{pageNumber:7,display:"...",current:!1},{pageNumber:n,display:String(n),current:!1}];if(t>n-5){const i=[...Array(6).keys()].map((i=>{const a=i+n-5;return{pageNumber:a,display:String(a),current:a===t}}));return[{pageNumber:1,display:"1",current:!1},{pageNumber:n-6,display:"...",current:!1},...i]}const i=[...Array(5).keys()].map((n=>{const i=n+t-2;return{pageNumber:i,display:String(i),current:i===t}}));return[{pageNumber:1,display:"1",current:!1},{pageNumber:t-3,display:"...",current:!1},...i,{pageNumber:t+3,display:"...",current:!1},{pageNumber:n,display:String(n),current:!1}]}}.getPageList(t,n).reduce(((t,n)=>t.concat(i("button",n.current?{class:"gux-pagination-buttons-list-current"}:{class:"gux-pagination-buttons-list-target",onClick:()=>this.handleClickPage(n.pageNumber)},n.display))),[])}getSmallPagePicker(){return i("div",{class:"gux-pagination-buttons-spacer"})}getFullPagePicker(){return i("div",{class:"gux-pagination-buttons-list-container"},this.getPageListEnteries(this.currentPage,this.totalPages))}getPagePicker(t){return"simple"===t?this.getSmallPagePicker():this.getFullPagePicker()}async componentWillLoad(){this.i18n=await e(this.root,o)}render(){return i("div",{class:`gux-pagination-buttons-container gux-${this.layout}`},i("div",{class:"gux-pagination-buttons-group"},i("gux-button-slot-beta",{accent:"secondary"},i("button",{title:this.i18n("first"),disabled:this.onFirstPage,onClick:this.handleClickFirst.bind(this)},i("gux-icon",{decorative:!0,"icon-name":"chevron-double-left"}))),i("gux-button-slot-beta",{accent:"secondary"},i("button",{title:this.i18n("previous"),disabled:this.onFirstPage,onClick:this.handleClickPrevious.bind(this)},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-left"})))),this.getPagePicker(this.layout),i("div",{class:"gux-pagination-buttons-group"},i("gux-button-slot-beta",{accent:"secondary"},i("button",{title:this.i18n("next"),disabled:this.onLastPage,onClick:this.handleClickNext.bind(this)},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-right"}))),i("gux-button-slot-beta",{accent:"secondary"},i("button",{title:this.i18n("last"),disabled:this.onLastPage,onClick:this.handleClickLast.bind(this)},i("gux-icon",{decorative:!0,"icon-name":"chevron-double-right"})))))}get root(){return a(this)}};s.style="gux-pagination-buttons-beta{color:#2e394c}gux-pagination-buttons-beta .gux-pagination-buttons-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-end}gux-pagination-buttons-beta .gux-pagination-buttons-container>div{flex:0 1 auto;align-self:auto;order:0}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-group{white-space:nowrap}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-group gux-button-slot-beta:not(:first-of-type){margin-left:8px}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;margin:0 16px}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-input-container>div{flex:0 1 auto;align-self:auto;order:0;white-space:nowrap}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-input-container .gux-pagination-buttons-input{width:60px;margin:0 8px}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-input-container .gux-pagination-buttons-input input{width:inherit;text-align:center}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current,gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{height:32px;padding:0 8px;margin:0;background:inherit;border:none}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current:focus-visible,gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current{font-weight:600}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{color:#2a60c8;cursor:pointer}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-spacer{width:8px}";const r={itemCountDisplay:"{firstItem, number} - {lastItem, number}",totalItems:" of {totalItems, number}"},g=class{constructor(n){t(this,n),this.totalItems=0,this.currentPage=0,this.itemsPerPage=25}get firstItem(){return this.totalItems<1?0:(this.currentPage-1)*this.itemsPerPage+1}get lastItem(){return this.totalItems<1?0:Math.min(this.currentPage*this.itemsPerPage,this.totalItems)}async componentWillLoad(){this.i18n=await e(this.root,r)}getPaginationItemCountsRange(){if(this.totalItems)return i("span",null,this.i18n("totalItems",{totalItems:this.totalItems}))}render(){return i("div",{class:"gux-pagination-item-counts-container"},i("span",{class:"gux-pagination-item-counts-range"},this.i18n("itemCountDisplay",{firstItem:this.firstItem,lastItem:this.lastItem})),this.getPaginationItemCountsRange())}get root(){return a(this)}};g.style="gux-pagination-item-counts-beta{color:#2e394c}gux-pagination-item-counts-beta .gux-pagination-item-counts-container{white-space:nowrap}gux-pagination-item-counts-beta .gux-pagination-item-counts-container .gux-pagination-item-counts-range{font-weight:bold}";const u={perPage:"per page",itemsPerPage:"Items per page"},p=class{constructor(i){t(this,i),this.internalitemsperpagechange=n(this,"internalitemsperpagechange",3),this.itemsPerPage=25}handleChange(t){t.stopPropagation();const n=parseInt(this.dropdownElement.value,10);this.internalitemsperpagechange.emit(n)}async componentWillLoad(){this.i18n=await e(this.root,u)}getDropdown(){return i("gux-dropdown",{ref:t=>this.dropdownElement=t,value:`${this.itemsPerPage}`},i("gux-listbox",{"aria-label":this.i18n("itemsPerPage")},i("gux-option",{value:"25"},"25"),i("gux-option",{value:"50"},"50"),i("gux-option",{value:"75"},"75"),i("gux-option",{value:"100"},"100")))}render(){return i("div",{class:"gux-pagination-items-per-page-container"},i("div",{class:"gux-pagination-items-per-page-picker"},this.getDropdown()),i("div",null,this.i18n("perPage")))}get root(){return a(this)}};p.style="gux-pagination-items-per-page-beta{color:#2e394c}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container>div{flex:0 1 auto;align-self:auto;order:0;white-space:nowrap}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container .gux-pagination-items-per-page-picker{margin:0 8px 0 16px}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container gux-dropdown div.gux-dropdown .gux-options.gux-opened{bottom:100%;display:flex;flex-direction:column-reverse}";export{s as gux_pagination_buttons_beta,g as gux_pagination_item_counts_beta,p as gux_pagination_items_per_page_beta}
1
+ import{r as t,c as n,h as i,g as a}from"./p-e571f861.js";import{b as e}from"./p-2fb2e5b0.js";import"./p-8a133b9b.js";const o={page:"Page",totalPages:" of {totalPages, number}",first:"First",previous:"Previous",next:"Next",last:"Last",pageInputLabel:"Page {currentPage, number} of {totalPages, number}"},s=class{constructor(i){t(this,i),this.internalcurrentpagechange=n(this,"internalcurrentpagechange",3),this.layout="advanced"}get onFirstPage(){return this.currentPage<=1}get onLastPage(){return this.currentPage>=this.totalPages}handleClickFirst(){this.internalcurrentpagechange.emit(1)}handleClickPrevious(){this.internalcurrentpagechange.emit(this.currentPage-1)}handleClickNext(){this.internalcurrentpagechange.emit(this.currentPage+1)}handleClickLast(){this.internalcurrentpagechange.emit(this.totalPages)}handleClickPage(t){this.internalcurrentpagechange.emit(t)}getPageListEnteries(t,n){return class{static getPageList(t,n){if(n<=10)return[...Array(n).keys()].map((n=>{const i=n+1;return{pageNumber:i,display:String(i),current:i===t}}));if(t<=5)return[...[...Array(6).keys()].map((n=>{const i=n+1;return{pageNumber:i,display:String(i),current:i===t}})),{pageNumber:7,display:"...",current:!1},{pageNumber:n,display:String(n),current:!1}];if(t>n-5){const i=[...Array(6).keys()].map((i=>{const a=i+n-5;return{pageNumber:a,display:String(a),current:a===t}}));return[{pageNumber:1,display:"1",current:!1},{pageNumber:n-6,display:"...",current:!1},...i]}const i=[...Array(5).keys()].map((n=>{const i=n+t-2;return{pageNumber:i,display:String(i),current:i===t}}));return[{pageNumber:1,display:"1",current:!1},{pageNumber:t-3,display:"...",current:!1},...i,{pageNumber:t+3,display:"...",current:!1},{pageNumber:n,display:String(n),current:!1}]}}.getPageList(t,n).reduce(((t,n)=>t.concat(i("button",n.current?{class:"gux-pagination-buttons-list-current"}:{class:"gux-pagination-buttons-list-target",onClick:()=>this.handleClickPage(n.pageNumber)},n.display))),[])}getSmallPagePicker(){return i("div",{class:"gux-pagination-buttons-spacer"})}getFullPagePicker(){return i("div",{class:"gux-pagination-buttons-list-container"},this.getPageListEnteries(this.currentPage,this.totalPages))}getPagePicker(t){return"simple"===t?this.getSmallPagePicker():this.getFullPagePicker()}async componentWillLoad(){this.i18n=await e(this.root,o)}render(){return i("div",{class:`gux-pagination-buttons-container gux-${this.layout}`},i("div",{class:"gux-pagination-buttons-group"},i("gux-button-slot-beta",{accent:"secondary"},i("button",{title:this.i18n("first"),disabled:this.onFirstPage,onClick:this.handleClickFirst.bind(this)},i("gux-icon",{decorative:!0,"icon-name":"chevron-double-left"}))),i("gux-button-slot-beta",{accent:"secondary"},i("button",{title:this.i18n("previous"),disabled:this.onFirstPage,onClick:this.handleClickPrevious.bind(this)},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-left"})))),this.getPagePicker(this.layout),i("div",{class:"gux-pagination-buttons-group"},i("gux-button-slot-beta",{accent:"secondary"},i("button",{title:this.i18n("next"),disabled:this.onLastPage,onClick:this.handleClickNext.bind(this)},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-right"}))),i("gux-button-slot-beta",{accent:"secondary"},i("button",{title:this.i18n("last"),disabled:this.onLastPage,onClick:this.handleClickLast.bind(this)},i("gux-icon",{decorative:!0,"icon-name":"chevron-double-right"})))))}get root(){return a(this)}};s.style="gux-pagination-buttons-beta{color:#2e394c}gux-pagination-buttons-beta .gux-pagination-buttons-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-end}gux-pagination-buttons-beta .gux-pagination-buttons-container>div{flex:0 1 auto;align-self:auto;order:0}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-group{white-space:nowrap}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-group gux-button-slot-beta:not(:first-of-type){margin-left:8px}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;margin:0 16px}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-input-container>div{flex:0 1 auto;align-self:auto;order:0;white-space:nowrap}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-input-container .gux-pagination-buttons-input{width:60px;margin:0 8px}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-input-container .gux-pagination-buttons-input input{width:inherit;text-align:center}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current,gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{height:32px;padding:0 8px;margin:0;background:inherit;border:none}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current:focus-visible,gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current{font-weight:600}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{color:#2a60c8;cursor:pointer}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-spacer{width:8px}";const r={itemCountDisplay:"{firstItem, number} - {lastItem, number}",totalItems:" of {totalItems, number}"},g=class{constructor(n){t(this,n),this.totalItems=0,this.currentPage=0,this.itemsPerPage=25}get firstItem(){return this.totalItems<1?0:(this.currentPage-1)*this.itemsPerPage+1}get lastItem(){return this.totalItems<1?0:Math.min(this.currentPage*this.itemsPerPage,this.totalItems)}async componentWillLoad(){this.i18n=await e(this.root,r)}getPaginationItemCountsRange(){if(this.totalItems)return i("span",null,this.i18n("totalItems",{totalItems:this.totalItems}))}render(){return i("div",{class:"gux-pagination-item-counts-container"},i("span",{class:"gux-pagination-item-counts-range"},this.i18n("itemCountDisplay",{firstItem:this.firstItem,lastItem:this.lastItem})),this.getPaginationItemCountsRange())}get root(){return a(this)}};g.style="gux-pagination-item-counts-beta{color:#2e394c}gux-pagination-item-counts-beta .gux-pagination-item-counts-container{white-space:nowrap}gux-pagination-item-counts-beta .gux-pagination-item-counts-container .gux-pagination-item-counts-range{font-weight:bold}";const u={perPage:"per page",itemsPerPage:"Items per page"},p=class{constructor(i){t(this,i),this.internalitemsperpagechange=n(this,"internalitemsperpagechange",3),this.itemsPerPage=25}handleChange(t){t.stopPropagation();const n=parseInt(this.dropdownElement.value,10);this.internalitemsperpagechange.emit(n)}async componentWillLoad(){this.i18n=await e(this.root,u)}getDropdown(){return i("gux-dropdown",{ref:t=>this.dropdownElement=t,value:`${this.itemsPerPage}`},i("gux-listbox",{"aria-label":this.i18n("itemsPerPage")},i("gux-option",{value:"25"},"25"),i("gux-option",{value:"50"},"50"),i("gux-option",{value:"75"},"75"),i("gux-option",{value:"100"},"100")))}render(){return i("div",{class:"gux-pagination-items-per-page-container"},i("div",{class:"gux-pagination-items-per-page-picker"},this.getDropdown()),i("div",null,this.i18n("perPage")))}get root(){return a(this)}};p.style="gux-pagination-items-per-page-beta{color:#2e394c}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container>div{flex:0 1 auto;align-self:auto;order:0;white-space:nowrap}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container .gux-pagination-items-per-page-picker{margin:0 8px 0 16px}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container gux-dropdown div.gux-dropdown .gux-options.gux-opened{bottom:100%;display:flex;flex-direction:column-reverse}";export{s as gux_pagination_buttons_beta,g as gux_pagination_item_counts_beta,p as gux_pagination_items_per_page_beta}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,g as l}from"./p-e571f861.js";import{t as g}from"./p-9f256566.js";import{r as s}from"./p-cbcbd1bb.js";import{b as o}from"./p-e974f062.js";import"./p-8a133b9b.js";const r={defaultAriaLabel:"Toggle Switch"},a=class{constructor(i){t(this,i),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.labelPosition="right"}onClick(){this.toggle()}onKeydown(t){switch(t.key){case"Enter":case" ":t.preventDefault(),this.toggle()}}toggle(){this.disabled||this.loading||(this.checked=!this.checked,this.check.emit(this.checked))}getAriaLabel(){return this.root.getAttribute("aria-label")||this.root.title||this.i18n("defaultAriaLabel")}async componentWillLoad(){this.i18n=await o(this.root,r),g(this.root,{variant:this.checkedLabel||this.uncheckedLabel?"labled":"unlabled"})}renderLoading(){if(this.loading)return i("div",{class:"gux-toggle-label-loading"},i("gux-radial-loading",{context:"input"}))}renderLabel(){if(this.uncheckedLabel&&this.checkedLabel)return i("div",{class:"gux-toggle-label-and-error"},i("div",{class:"gux-toggle-label"},i("div",{id:this.labelId,class:"gux-toggle-label-text"},this.checked?this.checkedLabel:this.uncheckedLabel),this.renderLoading()))}renderError(){if(this.errorMessage)return i("div",{id:this.errorId,class:"gux-toggle-error"},i("gux-error-message-beta",null,this.errorMessage))}render(){return i("div",{class:{"gux-toggle-container":!0,"gux-toggle-label-left":"left"===this.labelPosition,"gux-disabled":this.disabled||this.loading}},i("div",{class:"gux-toggle-input"},i("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())}static get delegatesFocus(){return!0}get root(){return l(this)}};a.style=":host{display:block;margin:2px;color:#2e394c;outline:none}.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;text-align:right}.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-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{a as gux_toggle}
1
+ import{r as t,c as e,h as i,g as l}from"./p-e571f861.js";import{t as g}from"./p-277949f8.js";import{r as s}from"./p-cbcbd1bb.js";import{b as o}from"./p-2fb2e5b0.js";import"./p-8a133b9b.js";const r={defaultAriaLabel:"Toggle Switch"},a=class{constructor(i){t(this,i),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.labelPosition="right"}onClick(){this.toggle()}onKeydown(t){switch(t.key){case"Enter":case" ":t.preventDefault(),this.toggle()}}toggle(){this.disabled||this.loading||(this.checked=!this.checked,this.check.emit(this.checked))}getAriaLabel(){return this.root.getAttribute("aria-label")||this.root.title||this.i18n("defaultAriaLabel")}async componentWillLoad(){this.i18n=await o(this.root,r),g(this.root,{variant:this.checkedLabel||this.uncheckedLabel?"labled":"unlabled"})}renderLoading(){if(this.loading)return i("div",{class:"gux-toggle-label-loading"},i("gux-radial-loading",{context:"input"}))}renderLabel(){if(this.uncheckedLabel&&this.checkedLabel)return i("div",{class:"gux-toggle-label-and-error"},i("div",{class:"gux-toggle-label"},i("div",{id:this.labelId,class:"gux-toggle-label-text"},this.checked?this.checkedLabel:this.uncheckedLabel),this.renderLoading()))}renderError(){if(this.errorMessage)return i("div",{id:this.errorId,class:"gux-toggle-error"},i("gux-error-message-beta",null,this.errorMessage))}render(){return i("div",{class:{"gux-toggle-container":!0,"gux-toggle-label-left":"left"===this.labelPosition,"gux-disabled":this.disabled||this.loading}},i("div",{class:"gux-toggle-input"},i("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())}static get delegatesFocus(){return!0}get root(){return l(this)}};a.style=":host{display:block;margin:2px;color:#2e394c;outline:none}.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;text-align:right}.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-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{a as gux_toggle}