genesys-spark-components 4.0.0-beta.23 → 4.0.0-beta.24

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 (268) hide show
  1. package/dist/cjs/genesys-webcomponents.cjs.js +1 -1
  2. package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
  3. package/dist/cjs/gux-action-button.cjs.entry.js +2 -2
  4. package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
  5. package/dist/cjs/gux-advanced-dropdown.cjs.entry.js +1 -1
  6. package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
  7. package/dist/cjs/gux-badge.cjs.entry.js +68 -0
  8. package/dist/cjs/gux-blank-state-beta.cjs.entry.js +1 -1
  9. package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
  10. package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
  11. package/dist/cjs/gux-button-slot.cjs.entry.js +1 -1
  12. package/dist/cjs/gux-button.cjs.entry.js +1 -1
  13. package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
  14. package/dist/cjs/gux-card.cjs.entry.js +1 -1
  15. package/dist/cjs/gux-column-manager-beta.cjs.entry.js +1 -1
  16. package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
  17. package/dist/cjs/gux-context-menu-beta.cjs.entry.js +1 -1
  18. package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
  19. package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
  20. package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
  21. package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
  22. package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js +1 -1
  23. package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
  24. package/dist/cjs/gux-dropdown-multi-beta.cjs.entry.js +1 -1
  25. package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
  26. package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +1 -1
  27. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
  28. package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
  29. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
  30. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
  31. package/dist/cjs/gux-form-field-number_3.cjs.entry.js +1 -1
  32. package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
  33. package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
  34. package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
  35. package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
  36. package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
  37. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
  38. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
  39. package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
  40. package/dist/cjs/gux-icon.cjs.entry.js +1 -1
  41. package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
  42. package/dist/cjs/gux-list.cjs.entry.js +1 -1
  43. package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
  44. package/dist/cjs/gux-loading-message-beta.cjs.entry.js +1 -1
  45. package/dist/cjs/gux-modal.cjs.entry.js +1 -1
  46. package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
  47. package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
  48. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
  49. package/dist/cjs/gux-pagination-beta.cjs.entry.js +1 -1
  50. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
  51. package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
  52. package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
  53. package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
  54. package/dist/cjs/gux-popup.cjs.entry.js +19 -9
  55. package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
  56. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  57. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  58. package/dist/cjs/gux-region-icon.cjs.entry.js +1 -1
  59. package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
  60. package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
  61. package/dist/cjs/gux-skip-navigation-list-beta.cjs.entry.js +1 -1
  62. package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-switch.cjs.entry.js +1 -1
  64. package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
  65. package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
  66. package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
  67. package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-table.cjs.entry.js +1 -1
  69. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  70. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  71. package/dist/cjs/gux-tag-beta.cjs.entry.js +1 -1
  72. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
  75. package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
  76. package/dist/cjs/gux-toast.cjs.entry.js +1 -1
  77. package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
  78. package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
  79. package/dist/cjs/index-0d0fdb85.js +2 -2
  80. package/dist/cjs/loader.cjs.js +1 -1
  81. package/dist/cjs/{usage-4c4b807b.js → usage-350f4210.js} +1 -1
  82. package/dist/collection/collection-manifest.json +1 -1
  83. package/dist/collection/components/stable/gux-action-button/gux-action-button.css +1 -0
  84. package/dist/collection/components/stable/gux-badge/gux-badge.css +97 -0
  85. package/dist/collection/components/{beta → stable}/gux-badge/gux-badge.js +3 -28
  86. package/dist/collection/components/stable/gux-popup/gux-popup.css +1 -1
  87. package/dist/collection/components/stable/gux-popup/gux-popup.js +14 -8
  88. package/dist/collection/utils/dom/has-parent-element.js +4 -0
  89. package/dist/component-specs.json +14 -21
  90. package/dist/deploy-info.json +3 -3
  91. package/dist/esm/genesys-webcomponents.js +1 -1
  92. package/dist/esm/gux-accordion.entry.js +1 -1
  93. package/dist/esm/gux-action-button.entry.js +2 -2
  94. package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
  95. package/dist/esm/gux-advanced-dropdown.entry.js +1 -1
  96. package/dist/esm/gux-announce-beta.entry.js +1 -1
  97. package/dist/esm/gux-badge.entry.js +64 -0
  98. package/dist/esm/gux-blank-state-beta.entry.js +1 -1
  99. package/dist/esm/gux-breadcrumbs.entry.js +1 -1
  100. package/dist/esm/gux-button-multi.entry.js +1 -1
  101. package/dist/esm/gux-button-slot.entry.js +1 -1
  102. package/dist/esm/gux-button.entry.js +1 -1
  103. package/dist/esm/gux-calendar.entry.js +1 -1
  104. package/dist/esm/gux-card.entry.js +1 -1
  105. package/dist/esm/gux-column-manager-beta.entry.js +1 -1
  106. package/dist/esm/gux-content-search.entry.js +1 -1
  107. package/dist/esm/gux-context-menu-beta.entry.js +1 -1
  108. package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
  109. package/dist/esm/gux-date-beta.entry.js +1 -1
  110. package/dist/esm/gux-date-time-beta.entry.js +1 -1
  111. package/dist/esm/gux-datepicker.entry.js +1 -1
  112. package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
  113. package/dist/esm/gux-dismiss-button.entry.js +1 -1
  114. package/dist/esm/gux-dropdown-multi-beta.entry.js +1 -1
  115. package/dist/esm/gux-dropdown_3.entry.js +1 -1
  116. package/dist/esm/gux-flyout-menu-beta.entry.js +1 -1
  117. package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
  118. package/dist/esm/gux-form-field-color.entry.js +1 -1
  119. package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
  120. package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
  121. package/dist/esm/gux-form-field-number_3.entry.js +1 -1
  122. package/dist/esm/gux-form-field-phone.entry.js +1 -1
  123. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  124. package/dist/esm/gux-form-field-range.entry.js +1 -1
  125. package/dist/esm/gux-form-field-search.entry.js +1 -1
  126. package/dist/esm/gux-form-field-select.entry.js +1 -1
  127. package/dist/esm/gux-form-field-text-like.entry.js +1 -1
  128. package/dist/esm/gux-form-field-textarea.entry.js +1 -1
  129. package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
  130. package/dist/esm/gux-icon.entry.js +1 -1
  131. package/dist/esm/gux-inline-alert.entry.js +1 -1
  132. package/dist/esm/gux-list.entry.js +1 -1
  133. package/dist/esm/gux-listbox-multi.entry.js +1 -1
  134. package/dist/esm/gux-loading-message-beta.entry.js +1 -1
  135. package/dist/esm/gux-modal.entry.js +1 -1
  136. package/dist/esm/gux-month-picker-beta.entry.js +1 -1
  137. package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
  138. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  139. package/dist/esm/gux-pagination-beta.entry.js +1 -1
  140. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  141. package/dist/esm/gux-pagination.entry.js +1 -1
  142. package/dist/esm/gux-phone-input-beta.entry.js +1 -1
  143. package/dist/esm/gux-popover-list.entry.js +1 -1
  144. package/dist/esm/gux-popup.entry.js +20 -10
  145. package/dist/esm/gux-radial-loading.entry.js +1 -1
  146. package/dist/esm/gux-radial-progress.entry.js +1 -1
  147. package/dist/esm/gux-rating.entry.js +1 -1
  148. package/dist/esm/gux-region-icon.entry.js +1 -1
  149. package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
  150. package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
  151. package/dist/esm/gux-skip-navigation-list-beta.entry.js +1 -1
  152. package/dist/esm/gux-sort-control.entry.js +1 -1
  153. package/dist/esm/gux-switch.entry.js +1 -1
  154. package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
  155. package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
  156. package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
  157. package/dist/esm/gux-table-toolbar.entry.js +1 -1
  158. package/dist/esm/gux-table.entry.js +1 -1
  159. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  160. package/dist/esm/gux-tabs.entry.js +1 -1
  161. package/dist/esm/gux-tag-beta.entry.js +1 -1
  162. package/dist/esm/gux-text-highlight.entry.js +1 -1
  163. package/dist/esm/gux-time-beta.entry.js +1 -1
  164. package/dist/esm/gux-time-picker.entry.js +1 -1
  165. package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
  166. package/dist/esm/gux-toast.entry.js +1 -1
  167. package/dist/esm/gux-toggle.entry.js +1 -1
  168. package/dist/esm/gux-tooltip.entry.js +1 -1
  169. package/dist/esm/index-0b66fe2c.js +2 -2
  170. package/dist/esm/loader.js +1 -1
  171. package/dist/esm/{usage-9ca50bf0.js → usage-144bdf70.js} +1 -1
  172. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  173. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.en.json +1 -1
  174. package/dist/genesys-webcomponents/{p-e21c88c6.entry.js → p-081aaf02.entry.js} +1 -1
  175. package/dist/genesys-webcomponents/{p-81697e5d.entry.js → p-149233e1.entry.js} +1 -1
  176. package/dist/genesys-webcomponents/{p-9b28f6e5.entry.js → p-152851c5.entry.js} +1 -1
  177. package/dist/genesys-webcomponents/{p-dd486f21.entry.js → p-16867376.entry.js} +1 -1
  178. package/dist/genesys-webcomponents/{p-ec8f3ed6.entry.js → p-186085f3.entry.js} +1 -1
  179. package/dist/genesys-webcomponents/p-1b35958d.entry.js +1 -0
  180. package/dist/genesys-webcomponents/{p-8634ab05.entry.js → p-1bcb53c0.entry.js} +1 -1
  181. package/dist/genesys-webcomponents/{p-3d288a53.entry.js → p-1cd54bb6.entry.js} +1 -1
  182. package/dist/genesys-webcomponents/{p-716b25a2.entry.js → p-2987698a.entry.js} +1 -1
  183. package/dist/genesys-webcomponents/p-2a1a57db.entry.js +1 -0
  184. package/dist/genesys-webcomponents/{p-ee832fca.entry.js → p-2abcbff8.entry.js} +1 -1
  185. package/dist/genesys-webcomponents/{p-4da16ea2.entry.js → p-2bc99e5e.entry.js} +1 -1
  186. package/dist/genesys-webcomponents/{p-9f283002.entry.js → p-2e256680.entry.js} +1 -1
  187. package/dist/genesys-webcomponents/{p-7f7700f8.entry.js → p-2eb21361.entry.js} +1 -1
  188. package/dist/genesys-webcomponents/{p-79ae493b.entry.js → p-37051105.entry.js} +1 -1
  189. package/dist/genesys-webcomponents/{p-38c0fd4a.entry.js → p-39af23ba.entry.js} +1 -1
  190. package/dist/genesys-webcomponents/{p-19480ff9.entry.js → p-3d6c91b4.entry.js} +1 -1
  191. package/dist/genesys-webcomponents/p-3f818cd5.entry.js +1 -0
  192. package/dist/genesys-webcomponents/{p-b99d7b24.entry.js → p-41787744.entry.js} +1 -1
  193. package/dist/genesys-webcomponents/{p-5f619019.entry.js → p-42151d14.entry.js} +1 -1
  194. package/dist/genesys-webcomponents/{p-462c9fec.entry.js → p-49219c0d.entry.js} +1 -1
  195. package/dist/genesys-webcomponents/{p-edc3984d.entry.js → p-4e40fb5f.entry.js} +1 -1
  196. package/dist/genesys-webcomponents/{p-f11bc2b4.entry.js → p-5058a2ee.entry.js} +1 -1
  197. package/dist/genesys-webcomponents/{p-4f13d871.entry.js → p-5b57fc5a.entry.js} +1 -1
  198. package/dist/genesys-webcomponents/{p-fc2a0c5e.entry.js → p-5f572ff5.entry.js} +1 -1
  199. package/dist/genesys-webcomponents/{p-5f191d17.entry.js → p-6128be0b.entry.js} +1 -1
  200. package/dist/genesys-webcomponents/{p-c99e8934.entry.js → p-6bfa78c6.entry.js} +1 -1
  201. package/dist/genesys-webcomponents/{p-3be60800.entry.js → p-70c20c25.entry.js} +1 -1
  202. package/dist/genesys-webcomponents/{p-a3031b43.entry.js → p-77dfb786.entry.js} +1 -1
  203. package/dist/genesys-webcomponents/{p-88382b4f.entry.js → p-7e13a157.entry.js} +1 -1
  204. package/dist/genesys-webcomponents/{p-d3660752.entry.js → p-7e1e6609.entry.js} +1 -1
  205. package/dist/genesys-webcomponents/{p-e03f3c2d.entry.js → p-8107bee0.entry.js} +1 -1
  206. package/dist/genesys-webcomponents/p-836fbb2a.entry.js +1 -0
  207. package/dist/genesys-webcomponents/{p-da061d56.entry.js → p-85bc7ce7.entry.js} +1 -1
  208. package/dist/genesys-webcomponents/{p-09c7bd7d.entry.js → p-8ccc45cf.entry.js} +1 -1
  209. package/dist/genesys-webcomponents/{p-3a986247.entry.js → p-8f21ff40.entry.js} +1 -1
  210. package/dist/genesys-webcomponents/{p-1c74c4a6.entry.js → p-91c445ab.entry.js} +1 -1
  211. package/dist/genesys-webcomponents/{p-fc52401d.entry.js → p-93380bce.entry.js} +1 -1
  212. package/dist/genesys-webcomponents/{p-f7f3443e.js → p-9bf0a4a8.js} +1 -1
  213. package/dist/genesys-webcomponents/{p-a7e96d41.entry.js → p-a0ec6dde.entry.js} +1 -1
  214. package/dist/genesys-webcomponents/{p-a1cc19f6.entry.js → p-a4cb7a4a.entry.js} +1 -1
  215. package/dist/genesys-webcomponents/{p-b4693bc7.entry.js → p-a6378d29.entry.js} +1 -1
  216. package/dist/genesys-webcomponents/{p-0dbe2bda.entry.js → p-a756279a.entry.js} +1 -1
  217. package/dist/genesys-webcomponents/{p-178b38f9.entry.js → p-a7c56dad.entry.js} +1 -1
  218. package/dist/genesys-webcomponents/{p-e97693fd.entry.js → p-a961cc5e.entry.js} +1 -1
  219. package/dist/genesys-webcomponents/{p-dad21962.entry.js → p-b279643a.entry.js} +1 -1
  220. package/dist/genesys-webcomponents/{p-255828b2.entry.js → p-b3443cf0.entry.js} +1 -1
  221. package/dist/genesys-webcomponents/{p-d58c9460.entry.js → p-b73e2256.entry.js} +1 -1
  222. package/dist/genesys-webcomponents/{p-db42a7bf.entry.js → p-b98dcf72.entry.js} +1 -1
  223. package/dist/genesys-webcomponents/{p-84a5cc38.entry.js → p-baffb252.entry.js} +1 -1
  224. package/dist/genesys-webcomponents/{p-fe1f8064.entry.js → p-bbc47467.entry.js} +1 -1
  225. package/dist/genesys-webcomponents/{p-699ef85a.entry.js → p-bd12e46f.entry.js} +1 -1
  226. package/dist/genesys-webcomponents/{p-6c3aae28.entry.js → p-beceeda9.entry.js} +1 -1
  227. package/dist/genesys-webcomponents/{p-42d1b629.entry.js → p-c0c7fcd1.entry.js} +1 -1
  228. package/dist/genesys-webcomponents/p-c744ed0d.entry.js +1 -0
  229. package/dist/genesys-webcomponents/{p-1d9ec2d1.entry.js → p-c7c4227b.entry.js} +1 -1
  230. package/dist/genesys-webcomponents/{p-b938e322.entry.js → p-c858bbf5.entry.js} +1 -1
  231. package/dist/genesys-webcomponents/{p-e01c28fb.entry.js → p-c8dcfd36.entry.js} +1 -1
  232. package/dist/genesys-webcomponents/{p-3c10fc14.entry.js → p-cc043796.entry.js} +1 -1
  233. package/dist/genesys-webcomponents/{p-240eeb1b.entry.js → p-cdf3db02.entry.js} +1 -1
  234. package/dist/genesys-webcomponents/{p-95b41d1b.entry.js → p-ce78c6a2.entry.js} +1 -1
  235. package/dist/genesys-webcomponents/{p-e183299b.entry.js → p-cf1b7653.entry.js} +1 -1
  236. package/dist/genesys-webcomponents/{p-1661e5b6.entry.js → p-d275077a.entry.js} +1 -1
  237. package/dist/genesys-webcomponents/{p-3f3c6c2a.entry.js → p-d5ff613a.entry.js} +1 -1
  238. package/dist/genesys-webcomponents/{p-22a997cc.entry.js → p-da6575df.entry.js} +1 -1
  239. package/dist/genesys-webcomponents/{p-ff22af71.entry.js → p-dc0581c4.entry.js} +1 -1
  240. package/dist/genesys-webcomponents/{p-e243ca18.entry.js → p-df279eda.entry.js} +1 -1
  241. package/dist/genesys-webcomponents/{p-594b1278.entry.js → p-df3db717.entry.js} +1 -1
  242. package/dist/genesys-webcomponents/{p-fbd24ad9.entry.js → p-e4aa7b47.entry.js} +1 -1
  243. package/dist/genesys-webcomponents/{p-edae4d63.entry.js → p-e4e980c4.entry.js} +1 -1
  244. package/dist/genesys-webcomponents/{p-50f614f4.entry.js → p-e55b3774.entry.js} +1 -1
  245. package/dist/genesys-webcomponents/{p-16b8dd4e.entry.js → p-e7b25ec5.entry.js} +1 -1
  246. package/dist/genesys-webcomponents/{p-d62084d4.entry.js → p-e8d9d006.entry.js} +1 -1
  247. package/dist/genesys-webcomponents/{p-97b6a427.entry.js → p-ece938b3.entry.js} +1 -1
  248. package/dist/genesys-webcomponents/{p-402f9293.entry.js → p-ee52283b.entry.js} +1 -1
  249. package/dist/genesys-webcomponents/{p-6b027844.entry.js → p-eef539ab.entry.js} +1 -1
  250. package/dist/genesys-webcomponents/{p-9dab5671.entry.js → p-f4dd0fd2.entry.js} +1 -1
  251. package/dist/genesys-webcomponents/{p-fc151bf0.entry.js → p-f7a14a12.entry.js} +1 -1
  252. package/dist/stencil-wrapper.js +1 -1
  253. package/dist/types/components/{beta → stable}/gux-badge/gux-badge.d.ts +1 -2
  254. package/dist/types/components/{beta → stable}/gux-badge/gux-badge.types.d.ts +0 -1
  255. package/dist/types/components/stable/gux-popup/gux-popup.d.ts +1 -0
  256. package/dist/types/components.d.ts +11 -13
  257. package/dist/types/stencil-wrapper.d.ts +1 -1
  258. package/dist/types/utils/dom/has-parent-element.d.ts +1 -0
  259. package/package.json +1 -1
  260. package/dist/cjs/gux-badge-beta.cjs.entry.js +0 -70
  261. package/dist/collection/components/beta/gux-badge/gux-badge.css +0 -83
  262. package/dist/esm/gux-badge-beta.entry.js +0 -66
  263. package/dist/genesys-webcomponents/p-1e4d9d6a.entry.js +0 -1
  264. package/dist/genesys-webcomponents/p-1f349619.entry.js +0 -1
  265. package/dist/genesys-webcomponents/p-416f5a28.entry.js +0 -1
  266. package/dist/genesys-webcomponents/p-c68e0fbf.entry.js +0 -1
  267. package/dist/genesys-webcomponents/p-cf271c9a.entry.js +0 -1
  268. /package/dist/collection/components/{beta → stable}/gux-badge/gux-badge.types.js +0 -0
@@ -7,6 +7,7 @@ export declare class GuxPopup {
7
7
  private targetElementContainer;
8
8
  private popupElementContainer;
9
9
  private cleanupUpdatePosition;
10
+ private root;
10
11
  expanded: boolean;
11
12
  disabled: boolean;
12
13
  /**
@@ -8,7 +8,7 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
8
8
  import { GuxAccordionSectionArrowPosition, GuxAccordionSectionContentLayout } from "./components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.types";
9
9
  import { GuxActionButtonAccent, GuxActionButtonType } from "./components/stable/gux-action-button/gux-action-button.types";
10
10
  import { GuxAnnouncePoliteness } from "./components/beta/gux-announce/gux-announce.types";
11
- import { GuxBadgeAccent, GuxBadgeColor } from "./components/beta/gux-badge/gux-badge.types";
11
+ import { GuxBadgeAccent } from "./components/stable/gux-badge/gux-badge.types";
12
12
  import { GuxBreadcrumbAccent } from "./components/stable/gux-breadcrumbs/gux-breadcrumbs.types";
13
13
  import { GuxButtonAccent, GuxButtonType } from "./components/stable/gux-button/gux-button.types";
14
14
  import { GuxButtonMultiAccent } from "./components/stable/gux-button-multi/gux-button-multi.types";
@@ -49,7 +49,7 @@ import { GuxTooltipAccent } from "./components/stable/gux-tooltip/gux-tooltip-ty
49
49
  export { GuxAccordionSectionArrowPosition, GuxAccordionSectionContentLayout } from "./components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.types";
50
50
  export { GuxActionButtonAccent, GuxActionButtonType } from "./components/stable/gux-action-button/gux-action-button.types";
51
51
  export { GuxAnnouncePoliteness } from "./components/beta/gux-announce/gux-announce.types";
52
- export { GuxBadgeAccent, GuxBadgeColor } from "./components/beta/gux-badge/gux-badge.types";
52
+ export { GuxBadgeAccent } from "./components/stable/gux-badge/gux-badge.types";
53
53
  export { GuxBreadcrumbAccent } from "./components/stable/gux-breadcrumbs/gux-breadcrumbs.types";
54
54
  export { GuxButtonAccent, GuxButtonType } from "./components/stable/gux-button/gux-button.types";
55
55
  export { GuxButtonMultiAccent } from "./components/stable/gux-button-multi/gux-button-multi.types";
@@ -161,10 +161,9 @@ export namespace Components {
161
161
  "guxAnnounce": (text: string) => Promise<void>;
162
162
  "politeness": GuxAnnouncePoliteness;
163
163
  }
164
- interface GuxBadgeBeta {
164
+ interface GuxBadge {
165
165
  "accent": GuxBadgeAccent;
166
166
  "bold": boolean;
167
- "color": GuxBadgeColor;
168
167
  }
169
168
  interface GuxBlankStateBeta {
170
169
  }
@@ -1331,11 +1330,11 @@ declare global {
1331
1330
  prototype: HTMLGuxAnnounceBetaElement;
1332
1331
  new (): HTMLGuxAnnounceBetaElement;
1333
1332
  };
1334
- interface HTMLGuxBadgeBetaElement extends Components.GuxBadgeBeta, HTMLStencilElement {
1333
+ interface HTMLGuxBadgeElement extends Components.GuxBadge, HTMLStencilElement {
1335
1334
  }
1336
- var HTMLGuxBadgeBetaElement: {
1337
- prototype: HTMLGuxBadgeBetaElement;
1338
- new (): HTMLGuxBadgeBetaElement;
1335
+ var HTMLGuxBadgeElement: {
1336
+ prototype: HTMLGuxBadgeElement;
1337
+ new (): HTMLGuxBadgeElement;
1339
1338
  };
1340
1339
  interface HTMLGuxBlankStateBetaElement extends Components.GuxBlankStateBeta, HTMLStencilElement {
1341
1340
  }
@@ -2027,7 +2026,7 @@ declare global {
2027
2026
  "gux-advanced-dropdown": HTMLGuxAdvancedDropdownElement;
2028
2027
  "gux-all-row-select": HTMLGuxAllRowSelectElement;
2029
2028
  "gux-announce-beta": HTMLGuxAnnounceBetaElement;
2030
- "gux-badge-beta": HTMLGuxBadgeBetaElement;
2029
+ "gux-badge": HTMLGuxBadgeElement;
2031
2030
  "gux-blank-state-beta": HTMLGuxBlankStateBetaElement;
2032
2031
  "gux-breadcrumb-item": HTMLGuxBreadcrumbItemElement;
2033
2032
  "gux-breadcrumbs": HTMLGuxBreadcrumbsElement;
@@ -2230,10 +2229,9 @@ declare namespace LocalJSX {
2230
2229
  interface GuxAnnounceBeta {
2231
2230
  "politeness"?: GuxAnnouncePoliteness;
2232
2231
  }
2233
- interface GuxBadgeBeta {
2232
+ interface GuxBadge {
2234
2233
  "accent"?: GuxBadgeAccent;
2235
2234
  "bold"?: boolean;
2236
- "color"?: GuxBadgeColor;
2237
2235
  }
2238
2236
  interface GuxBlankStateBeta {
2239
2237
  }
@@ -3232,7 +3230,7 @@ declare namespace LocalJSX {
3232
3230
  "gux-advanced-dropdown": GuxAdvancedDropdown;
3233
3231
  "gux-all-row-select": GuxAllRowSelect;
3234
3232
  "gux-announce-beta": GuxAnnounceBeta;
3235
- "gux-badge-beta": GuxBadgeBeta;
3233
+ "gux-badge": GuxBadge;
3236
3234
  "gux-blank-state-beta": GuxBlankStateBeta;
3237
3235
  "gux-breadcrumb-item": GuxBreadcrumbItem;
3238
3236
  "gux-breadcrumbs": GuxBreadcrumbs;
@@ -3358,7 +3356,7 @@ declare module "@stencil/core" {
3358
3356
  "gux-advanced-dropdown": LocalJSX.GuxAdvancedDropdown & JSXBase.HTMLAttributes<HTMLGuxAdvancedDropdownElement>;
3359
3357
  "gux-all-row-select": LocalJSX.GuxAllRowSelect & JSXBase.HTMLAttributes<HTMLGuxAllRowSelectElement>;
3360
3358
  "gux-announce-beta": LocalJSX.GuxAnnounceBeta & JSXBase.HTMLAttributes<HTMLGuxAnnounceBetaElement>;
3361
- "gux-badge-beta": LocalJSX.GuxBadgeBeta & JSXBase.HTMLAttributes<HTMLGuxBadgeBetaElement>;
3359
+ "gux-badge": LocalJSX.GuxBadge & JSXBase.HTMLAttributes<HTMLGuxBadgeElement>;
3362
3360
  "gux-blank-state-beta": LocalJSX.GuxBlankStateBeta & JSXBase.HTMLAttributes<HTMLGuxBlankStateBetaElement>;
3363
3361
  "gux-breadcrumb-item": LocalJSX.GuxBreadcrumbItem & JSXBase.HTMLAttributes<HTMLGuxBreadcrumbItemElement>;
3364
3362
  "gux-breadcrumbs": LocalJSX.GuxBreadcrumbs & JSXBase.HTMLAttributes<HTMLGuxBreadcrumbsElement>;
@@ -1,2 +1,2 @@
1
- export declare const CDN_URL = "/spark-components/build-assets/4.0.0-beta.23-19/genesys-webcomponents/";
1
+ export declare const CDN_URL = "/spark-components/build-assets/4.0.0-beta.24-20/genesys-webcomponents/";
2
2
  export declare function registerElements(): Promise<void>;
@@ -0,0 +1 @@
1
+ export declare function hasParentElement(selector: string, baseElement?: HTMLElement): boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "genesys-spark-components",
3
- "version": "4.0.0-beta.23",
3
+ "version": "4.0.0-beta.24",
4
4
  "description": "Common webcomponents",
5
5
  "license": "MIT",
6
6
  "main": "dist/stencil-wrapper.js",
@@ -1,70 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-0d0fdb85.js');
6
- const usage = require('./usage-4c4b807b.js');
7
- const index$1 = require('./index-9bbde1aa.js');
8
- require('./get-closest-element-ab4b2eee.js');
9
-
10
- const neutral = "badge with label: {label}, color: neutral";
11
- const green = "badge with label: {label}, color: green";
12
- const yellow = "badge with label: {label}, color: yellow";
13
- const red = "badge with label: {label}, color: red";
14
- const inherit = "badge with label: {label}";
15
- const translationResources = {
16
- neutral: neutral,
17
- "neutral-bold": "badge with label: {label}, color: neutral bold",
18
- green: green,
19
- "green-bold": "badge with label: {label}, color: green bold",
20
- yellow: yellow,
21
- "yellow-bold": "badge with label: {label}, color: yellow bold",
22
- red: red,
23
- "red-bold": "badge with label: {label}, color: red bold",
24
- inherit: inherit
25
- };
26
-
27
- const guxBadgeCss = ":host{display:inline-block;height:fit-content;border-radius:100%}.gux-badge{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:20px;padding:2px 8px;color:#fdfdfd;background-color:#2e394c;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-badge gux-tooltip-title{white-space:nowrap}.gux-badge gux-tooltip-title ::slotted(gux-icon){height:16px;font-size:16px}.gux-badge .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-badge.gux-info,.gux-badge.gux-neutral{color:#2e394c;background-color:#e2e6ee}.gux-badge.gux-info.gux-bold,.gux-badge.gux-neutral.gux-bold{color:#fdfdfd;background-color:#2e394c}.gux-badge.gux-error,.gux-badge.gux-red{color:#8f0707;background-color:#fceaea}.gux-badge.gux-error.gux-bold,.gux-badge.gux-red.gux-bold{color:#fdfdfd;background-color:#ea0b0b}.gux-badge.gux-warning,.gux-badge.gux-yellow{color:#976700;background-color:#fdf8ec}.gux-badge.gux-warning.gux-bold,.gux-badge.gux-yellow.gux-bold{color:#2e394c;background-color:#ffae00}.gux-badge.gux-success,.gux-badge.gux-green{color:#205a10;background-color:#eefcea}.gux-badge.gux-success.gux-bold,.gux-badge.gux-green.gux-bold{color:#fdfdfd;background-color:#3c8527}.gux-badge.gux-inherit{color:inherit;background-color:inherit}";
28
-
29
- const GuxBadge = class {
30
- constructor(hostRef) {
31
- index.registerInstance(this, hostRef);
32
- this.color = 'neutral';
33
- this.accent = 'info';
34
- this.bold = false;
35
- this.label = undefined;
36
- }
37
- onSlotChange(event) {
38
- const slotAssignedNodes = event.composedPath()[0].assignedNodes();
39
- this.label = slotAssignedNodes
40
- .map(nodeItem => nodeItem.textContent)
41
- .join('');
42
- }
43
- renderBadgeTitle() {
44
- return (index.h("gux-tooltip-title", null, index.h("span", null, index.h("slot", { "aria-hidden": "true", onSlotchange: this.onSlotChange.bind(this) }))));
45
- }
46
- renderSrText() {
47
- return (index.h("div", { class: "gux-sr-only" }, this.i18n(this.getVariant(), {
48
- label: this.label
49
- })));
50
- }
51
- getVariant() {
52
- return `${this.color}${this.bold ? '-bold' : ''}`;
53
- }
54
- async componentWillLoad() {
55
- usage.trackComponent(this.root);
56
- this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
57
- }
58
- render() {
59
- return (index.h("div", { class: {
60
- 'gux-badge': true,
61
- [`gux-${this.color}`]: true,
62
- [`gux-${this.accent}`]: true,
63
- 'gux-bold': this.bold
64
- } }, this.renderBadgeTitle(), this.renderSrText()));
65
- }
66
- get root() { return index.getElement(this); }
67
- };
68
- GuxBadge.style = guxBadgeCss;
69
-
70
- exports.gux_badge_beta = GuxBadge;
@@ -1,83 +0,0 @@
1
- :host {
2
- display: inline-block;
3
- height: fit-content;
4
- border-radius: 100%;
5
- }
6
- .gux-badge {
7
- display: flex;
8
- flex-direction: row;
9
- flex-wrap: nowrap;
10
- align-content: stretch;
11
- align-items: center;
12
- justify-content: flex-start;
13
- height: 20px;
14
- padding: 2px 8px;
15
- color: #fdfdfd;
16
- background-color: #2e394c;
17
- border-radius: 4px;
18
- font-family: Roboto, sans-serif;
19
- font-weight: 400;
20
- font-weight: 700;
21
- font-size: 12px;
22
- line-height: 16px;
23
- }
24
- .gux-badge gux-tooltip-title {
25
- white-space: nowrap;
26
- }
27
- .gux-badge gux-tooltip-title ::slotted(gux-icon) {
28
- height: 16px;
29
- font-size: 16px;
30
- }
31
- .gux-badge .gux-sr-only:not(:focus):not(:active) {
32
- position: absolute;
33
- width: 1px;
34
- height: 1px;
35
- overflow: hidden;
36
- clip: rect(0 0 0 0);
37
- clip-path: inset(50%);
38
- white-space: nowrap;
39
- }
40
- .gux-badge.gux-info,
41
- .gux-badge.gux-neutral {
42
- color: #2e394c;
43
- background-color: #e2e6ee;
44
- }
45
- .gux-badge.gux-info.gux-bold,
46
- .gux-badge.gux-neutral.gux-bold {
47
- color: #fdfdfd;
48
- background-color: #2e394c;
49
- }
50
- .gux-badge.gux-error,
51
- .gux-badge.gux-red {
52
- color: #8f0707;
53
- background-color: #fceaea;
54
- }
55
- .gux-badge.gux-error.gux-bold,
56
- .gux-badge.gux-red.gux-bold {
57
- color: #fdfdfd;
58
- background-color: #ea0b0b;
59
- }
60
- .gux-badge.gux-warning,
61
- .gux-badge.gux-yellow {
62
- color: #976700;
63
- background-color: #fdf8ec;
64
- }
65
- .gux-badge.gux-warning.gux-bold,
66
- .gux-badge.gux-yellow.gux-bold {
67
- color: #2e394c;
68
- background-color: #ffae00;
69
- }
70
- .gux-badge.gux-success,
71
- .gux-badge.gux-green {
72
- color: #205a10;
73
- background-color: #eefcea;
74
- }
75
- .gux-badge.gux-success.gux-bold,
76
- .gux-badge.gux-green.gux-bold {
77
- color: #fdfdfd;
78
- background-color: #3c8527;
79
- }
80
- .gux-badge.gux-inherit {
81
- color: inherit;
82
- background-color: inherit;
83
- }
@@ -1,66 +0,0 @@
1
- import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
2
- import { t as trackComponent } from './usage-9ca50bf0.js';
3
- import { b as buildI18nForComponent } from './index-694d55cf.js';
4
- import './get-closest-element-1597503c.js';
5
-
6
- const neutral = "badge with label: {label}, color: neutral";
7
- const green = "badge with label: {label}, color: green";
8
- const yellow = "badge with label: {label}, color: yellow";
9
- const red = "badge with label: {label}, color: red";
10
- const inherit = "badge with label: {label}";
11
- const translationResources = {
12
- neutral: neutral,
13
- "neutral-bold": "badge with label: {label}, color: neutral bold",
14
- green: green,
15
- "green-bold": "badge with label: {label}, color: green bold",
16
- yellow: yellow,
17
- "yellow-bold": "badge with label: {label}, color: yellow bold",
18
- red: red,
19
- "red-bold": "badge with label: {label}, color: red bold",
20
- inherit: inherit
21
- };
22
-
23
- const guxBadgeCss = ":host{display:inline-block;height:fit-content;border-radius:100%}.gux-badge{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:20px;padding:2px 8px;color:#fdfdfd;background-color:#2e394c;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-badge gux-tooltip-title{white-space:nowrap}.gux-badge gux-tooltip-title ::slotted(gux-icon){height:16px;font-size:16px}.gux-badge .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-badge.gux-info,.gux-badge.gux-neutral{color:#2e394c;background-color:#e2e6ee}.gux-badge.gux-info.gux-bold,.gux-badge.gux-neutral.gux-bold{color:#fdfdfd;background-color:#2e394c}.gux-badge.gux-error,.gux-badge.gux-red{color:#8f0707;background-color:#fceaea}.gux-badge.gux-error.gux-bold,.gux-badge.gux-red.gux-bold{color:#fdfdfd;background-color:#ea0b0b}.gux-badge.gux-warning,.gux-badge.gux-yellow{color:#976700;background-color:#fdf8ec}.gux-badge.gux-warning.gux-bold,.gux-badge.gux-yellow.gux-bold{color:#2e394c;background-color:#ffae00}.gux-badge.gux-success,.gux-badge.gux-green{color:#205a10;background-color:#eefcea}.gux-badge.gux-success.gux-bold,.gux-badge.gux-green.gux-bold{color:#fdfdfd;background-color:#3c8527}.gux-badge.gux-inherit{color:inherit;background-color:inherit}";
24
-
25
- const GuxBadge = class {
26
- constructor(hostRef) {
27
- registerInstance(this, hostRef);
28
- this.color = 'neutral';
29
- this.accent = 'info';
30
- this.bold = false;
31
- this.label = undefined;
32
- }
33
- onSlotChange(event) {
34
- const slotAssignedNodes = event.composedPath()[0].assignedNodes();
35
- this.label = slotAssignedNodes
36
- .map(nodeItem => nodeItem.textContent)
37
- .join('');
38
- }
39
- renderBadgeTitle() {
40
- return (h("gux-tooltip-title", null, h("span", null, h("slot", { "aria-hidden": "true", onSlotchange: this.onSlotChange.bind(this) }))));
41
- }
42
- renderSrText() {
43
- return (h("div", { class: "gux-sr-only" }, this.i18n(this.getVariant(), {
44
- label: this.label
45
- })));
46
- }
47
- getVariant() {
48
- return `${this.color}${this.bold ? '-bold' : ''}`;
49
- }
50
- async componentWillLoad() {
51
- trackComponent(this.root);
52
- this.i18n = await buildI18nForComponent(this.root, translationResources);
53
- }
54
- render() {
55
- return (h("div", { class: {
56
- 'gux-badge': true,
57
- [`gux-${this.color}`]: true,
58
- [`gux-${this.accent}`]: true,
59
- 'gux-bold': this.bold
60
- } }, this.renderBadgeTitle(), this.renderSrText()));
61
- }
62
- get root() { return getElement(this); }
63
- };
64
- GuxBadge.style = guxBadgeCss;
65
-
66
- export { GuxBadge as gux_badge_beta };
@@ -1 +0,0 @@
1
- import{r as t,c as i,h as e}from"./p-7d26b2e1.js";import{a as s,c as n,o as a,f as o,d as p,s as r,h as d}from"./p-4e2b5bcf.js";const h=class{constructor(e){t(this,e),this.internalexpanded=i(this,"internalexpanded",7),this.internalcollapsed=i(this,"internalcollapsed",7),this.expanded=!1,this.disabled=!1}runUpdatePosition(){this.cleanupUpdatePosition=s(this.targetElementContainer,this.popupElementContainer,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){if(this.targetElementContainer&&this.popupElementContainer){const t=this.popupElementContainer,i=this.targetElementContainer;n(this.targetElementContainer,this.popupElementContainer,{strategy:"fixed",placement:"bottom-start",middleware:[a(2),o(),p({apply({rects:e}){Object.assign(t.style,{minWidth:`${e.reference.width}px`}),Object.assign(i.style,{width:`${e.reference.width}px`})}}),r(),d()]}).then((({x:t,y:i,middlewareData:e})=>{const{referenceHidden:s}=e.hide;Object.assign(this.popupElementContainer.style,{left:`${t}px`,top:`${i}px`}),s?this.popupElementContainer.classList.add("gux-sr-only-clip"):this.popupElementContainer.classList.remove("gux-sr-only-clip")}))}}onExpandedChange(t){t?this.internalexpanded.emit():this.internalcollapsed.emit()}componentDidLoad(){this.expanded&&this.runUpdatePosition()}componentDidUpdate(){this.expanded?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}render(){return e("div",{class:{"gux-target-container":!0,"gux-disabled":this.disabled},ref:t=>this.targetElementContainer=t},e("slot",{name:"target"}),e("div",{part:"gux-popup-container",class:{"gux-popup-container":!0,"gux-expanded":this.expanded&&!this.disabled},ref:t=>this.popupElementContainer=t},e("slot",{name:"popup"})))}static get watchers(){return{expanded:["onExpandedChange"]}}};h.style=".gux-target-container.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-popup-container{position:fixed;z-index:var(--gux-zindex-popup, 1);width:max-content;visibility:hidden}.gux-popup-container.gux-expanded{visibility:visible}.gux-sr-only-clip:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";export{h as gux_popup}
@@ -1 +0,0 @@
1
- import{r as t,c as s,h as i,g as e}from"./p-7d26b2e1.js";import{O as o}from"./p-9d18d475.js";import{w as n}from"./p-76ff3e75.js";import{a as r}from"./p-091f51f6.js";import{t as a}from"./p-f7f3443e.js";const u=["primary","secondary","tertiary"];const c=class{constructor(i){t(this,i),this.open=s(this,"open",7),this.close=s(this,"close",7),this.text=void 0,this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const s=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,s.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":s.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(){this.isOpen=!1}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){r((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){r((()=>{this.listElement.guxFocusFirstItem()}))}onListClick(t){n("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}componentWillLoad(){a(this.root,{variant:this.accent})}render(){return i("gux-popup",{expanded:this.isOpen},i("div",{slot:"target",class:"gux-button-multi-container"},i("gux-button-slot",{class:"gux-dropdown-button",accent:(t=this.accent,u.find((s=>s===t))?t:"secondary")},i("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},i("slot",{name:"title"},this.text),i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),i("div",{class:"gux-list-container",slot:"popup"},i("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",null))));var t}get root(){return e(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,s,i,e){var o,n=arguments.length,r=n<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(s,i,r):o(s,i))||r);n>3&&r&&Object.defineProperty(s,i,r)})([o({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-button-multi-container .gux-dropdown-button button{display:inline-flex;align-items:center}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size);margin-left:var(--gux-spacing-xs)}.gux-list-container{max-width:220px;padding:var(--gux-spacing-xs) 0;margin:0;list-style:none;background-color:var(--gse-ui-menu-wrapper-backgroundColor);border:1px solid var(--gse-ui-menu-wrapper-border);border-radius:4px;box-shadow:0px 4px 6px 1px rgba(35, 57, 92, 0.12)}";export{c as gux_button_multi}
@@ -1 +0,0 @@
1
- import{r as t,h as o,H as s,g as i}from"./p-7d26b2e1.js";import{t as e}from"./p-f7f3443e.js";import{b as r}from"./p-091f51f6.js";const n=class{constructor(o){t(this,o),this.politeness="polite"}async guxAnnounce(t){this.containerElement.innerText="",r((()=>{this.containerElement.innerText=t}))}componentWillLoad(){e(this.root)}render(){return o(s,{"aria-live":this.politeness},o("slot",null),o("div",{ref:t=>this.containerElement=t}))}get root(){return i(this)}};n.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{n as gux_announce_beta}
@@ -1 +0,0 @@
1
- import{r as e,h as o,g as l}from"./p-7d26b2e1.js";import{t}from"./p-f7f3443e.js";import{b as g}from"./p-deee079e.js";import"./p-8a133b9b.js";const r={neutral:"badge with label: {label}, color: neutral","neutral-bold":"badge with label: {label}, color: neutral bold",green:"badge with label: {label}, color: green","green-bold":"badge with label: {label}, color: green bold",yellow:"badge with label: {label}, color: yellow","yellow-bold":"badge with label: {label}, color: yellow bold",red:"badge with label: {label}, color: red","red-bold":"badge with label: {label}, color: red bold",inherit:"badge with label: {label}"},a=class{constructor(o){e(this,o),this.color="neutral",this.accent="info",this.bold=!1,this.label=void 0}onSlotChange(e){const o=e.composedPath()[0].assignedNodes();this.label=o.map((e=>e.textContent)).join("")}renderBadgeTitle(){return o("gux-tooltip-title",null,o("span",null,o("slot",{"aria-hidden":"true",onSlotchange:this.onSlotChange.bind(this)})))}renderSrText(){return o("div",{class:"gux-sr-only"},this.i18n(this.getVariant(),{label:this.label}))}getVariant(){return`${this.color}${this.bold?"-bold":""}`}async componentWillLoad(){t(this.root),this.i18n=await g(this.root,r)}render(){return o("div",{class:{"gux-badge":!0,[`gux-${this.color}`]:!0,[`gux-${this.accent}`]:!0,"gux-bold":this.bold}},this.renderBadgeTitle(),this.renderSrText())}get root(){return l(this)}};a.style=":host{display:inline-block;height:fit-content;border-radius:100%}.gux-badge{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:20px;padding:2px 8px;color:#fdfdfd;background-color:#2e394c;border-radius:4px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-badge gux-tooltip-title{white-space:nowrap}.gux-badge gux-tooltip-title ::slotted(gux-icon){height:16px;font-size:16px}.gux-badge .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-badge.gux-info,.gux-badge.gux-neutral{color:#2e394c;background-color:#e2e6ee}.gux-badge.gux-info.gux-bold,.gux-badge.gux-neutral.gux-bold{color:#fdfdfd;background-color:#2e394c}.gux-badge.gux-error,.gux-badge.gux-red{color:#8f0707;background-color:#fceaea}.gux-badge.gux-error.gux-bold,.gux-badge.gux-red.gux-bold{color:#fdfdfd;background-color:#ea0b0b}.gux-badge.gux-warning,.gux-badge.gux-yellow{color:#976700;background-color:#fdf8ec}.gux-badge.gux-warning.gux-bold,.gux-badge.gux-yellow.gux-bold{color:#2e394c;background-color:#ffae00}.gux-badge.gux-success,.gux-badge.gux-green{color:#205a10;background-color:#eefcea}.gux-badge.gux-success.gux-bold,.gux-badge.gux-green.gux-bold{color:#fdfdfd;background-color:#3c8527}.gux-badge.gux-inherit{color:inherit;background-color:inherit}";export{a as gux_badge_beta}
@@ -1 +0,0 @@
1
- import{r as t,h as o,g as s}from"./p-7d26b2e1.js";import{t as e}from"./p-f7f3443e.js";const r=class{constructor(o){t(this,o)}componentWillLoad(){e(this.root)}render(){return o("span",{class:"gux-sr-only"},o("slot",null))}get root(){return s(this)}};r.style=".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";export{r as gux_screen_reader_beta}