genesys-spark-components 4.0.0-beta.26 → 4.0.0-beta.27

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 (361) 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 +1 -1
  4. package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
  5. package/dist/cjs/{gux-advanced-dropdown.cjs.entry.js → gux-advanced-dropdown-legacy.cjs.entry.js} +6 -6
  6. package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
  7. package/dist/cjs/gux-badge.cjs.entry.js +1 -1
  8. package/dist/cjs/gux-blank-state.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.cjs.entry.js +1 -1
  16. package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
  17. package/dist/cjs/gux-context-menu.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-option.cjs.entry.js +1 -1
  26. package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
  27. package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +1 -1
  28. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
  29. package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
  30. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
  31. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
  32. package/dist/cjs/gux-form-field-number_3.cjs.entry.js +2 -2
  33. package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
  34. package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
  35. package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
  36. package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
  37. package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
  38. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
  39. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
  40. package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
  41. package/dist/cjs/gux-icon.cjs.entry.js +1 -1
  42. package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
  43. package/dist/cjs/gux-list-item.cjs.entry.js +1 -1
  44. package/dist/cjs/gux-list.cjs.entry.js +1 -1
  45. package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
  46. package/dist/cjs/gux-loading-message.cjs.entry.js +1 -1
  47. package/dist/cjs/gux-modal.cjs.entry.js +1 -1
  48. package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
  49. package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
  50. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
  51. package/dist/cjs/{gux-pagination-buttons-beta_2.cjs.entry.js → gux-pagination-buttons_3.cjs.entry.js} +49 -11
  52. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
  53. package/dist/cjs/gux-pagination-legacy.cjs.entry.js +1 -1
  54. package/dist/cjs/{gux-pagination-beta.cjs.entry.js → gux-pagination.cjs.entry.js} +6 -6
  55. package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
  56. package/dist/cjs/gux-popover-list.cjs.entry.js +2 -2
  57. package/dist/cjs/gux-popup.cjs.entry.js +1 -1
  58. package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
  59. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  60. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  61. package/dist/cjs/gux-region-icon.cjs.entry.js +1 -1
  62. package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
  64. package/dist/cjs/gux-skip-navigation-item.cjs.entry.js +1 -1
  65. package/dist/cjs/gux-skip-navigation-list.cjs.entry.js +1 -1
  66. package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
  67. package/dist/cjs/gux-switch-item.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-switch.cjs.entry.js +2 -2
  69. package/dist/cjs/gux-tab-panel.cjs.entry.js +2 -2
  70. package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
  71. package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
  72. package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-table-toolbar.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-table.cjs.entry.js +1 -1
  75. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  76. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  77. package/dist/cjs/gux-tag.cjs.entry.js +80 -0
  78. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  79. package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
  80. package/dist/cjs/gux-time-picker.cjs.entry.js +1 -1
  81. package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js +1 -1
  82. package/dist/cjs/gux-toast.cjs.entry.js +1 -1
  83. package/dist/cjs/gux-toggle-slider.cjs.entry.js +1 -1
  84. package/dist/cjs/gux-toggle.cjs.entry.js +2 -2
  85. package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
  86. package/dist/cjs/index-0d0fdb85.js +8 -16
  87. package/dist/cjs/loader.cjs.js +1 -1
  88. package/dist/cjs/{usage-fcdc9156.js → usage-8d342ca0.js} +1 -1
  89. package/dist/collection/collection-manifest.json +11 -12
  90. package/dist/collection/components/{stable/gux-advanced-dropdown → legacy/gux-advanced-dropdown-legacy}/dropdown-option/gux-dropdown-option.css +3 -4
  91. package/dist/collection/components/{stable/gux-advanced-dropdown → legacy/gux-advanced-dropdown-legacy}/dropdown-option/gux-dropdown-option.js +1 -1
  92. package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/gux-advanced-dropdown.css +239 -0
  93. package/dist/collection/components/{stable/gux-advanced-dropdown → legacy/gux-advanced-dropdown-legacy}/gux-advanced-dropdown.js +4 -4
  94. package/dist/collection/components/stable/gux-list/gux-list-divider/gux-list-divider.css +1 -1
  95. package/dist/collection/components/stable/gux-list/gux-list-divider/gux-list-divider.js +1 -1
  96. package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.css +26 -15
  97. package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.js +1 -1
  98. package/dist/collection/components/stable/gux-list/gux-list.css +1 -1
  99. package/dist/collection/components/stable/gux-list/gux-list.js +1 -1
  100. package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-buttons-beta/gux-pagination-buttons-beta.css → stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.css} +11 -11
  101. package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-buttons-beta/gux-pagination-buttons-beta.js → stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.js} +8 -8
  102. package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-item-counts-beta/gux-pagination-item-counts-beta.css → stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.css} +1 -4
  103. package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-item-counts-beta/gux-pagination-item-counts-beta.js → stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.js} +4 -4
  104. package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-items-per-page-beta/gux-pagination-items-per-page-beta.css → stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.css} +5 -5
  105. package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-items-per-page-beta/gux-pagination-items-per-page-beta.js → stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.js} +5 -5
  106. package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-beta.js → stable/gux-pagination/gux-pagination.js} +8 -8
  107. package/dist/collection/components/stable/gux-popover-list/gux-popover-list.css +8 -34
  108. package/dist/collection/components/stable/gux-popover-list/gux-popover-list.js +1 -1
  109. package/dist/collection/components/stable/gux-popup/gux-popup.css +1 -0
  110. package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.css +4 -2
  111. package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.js +1 -1
  112. package/dist/collection/components/stable/gux-switch/gux-switch-item/gux-switch-item.css +159 -7
  113. package/dist/collection/components/stable/gux-switch/gux-switch-item/gux-switch-item.js +1 -1
  114. package/dist/collection/components/stable/gux-switch/gux-switch.css +2 -2
  115. package/dist/collection/components/stable/gux-switch/gux-switch.js +1 -1
  116. package/dist/collection/components/stable/gux-tabs/gux-tab-panel/gux-tab-panel.css +46 -3
  117. package/dist/collection/components/stable/gux-tabs/gux-tab-panel/gux-tab-panel.js +4 -3
  118. package/dist/collection/components/stable/gux-tag/gux-tag.css +155 -0
  119. package/dist/collection/components/{beta → stable}/gux-tag/gux-tag.js +27 -32
  120. package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.css +35 -2
  121. package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.js +1 -1
  122. package/dist/collection/components/stable/gux-toggle/gux-toggle.css +4 -2
  123. package/dist/collection/components/stable/gux-toggle/gux-toggle.js +1 -1
  124. package/dist/component-specs.json +59 -104
  125. package/dist/deploy-info.json +3 -3
  126. package/dist/esm/genesys-webcomponents.js +1 -1
  127. package/dist/esm/gux-accordion.entry.js +1 -1
  128. package/dist/esm/gux-action-button.entry.js +1 -1
  129. package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
  130. package/dist/esm/{gux-advanced-dropdown.entry.js → gux-advanced-dropdown-legacy.entry.js} +6 -6
  131. package/dist/esm/gux-announce-beta.entry.js +1 -1
  132. package/dist/esm/gux-badge.entry.js +1 -1
  133. package/dist/esm/gux-blank-state.entry.js +1 -1
  134. package/dist/esm/gux-breadcrumbs.entry.js +1 -1
  135. package/dist/esm/gux-button-multi.entry.js +1 -1
  136. package/dist/esm/gux-button-slot.entry.js +1 -1
  137. package/dist/esm/gux-button.entry.js +1 -1
  138. package/dist/esm/gux-calendar.entry.js +1 -1
  139. package/dist/esm/gux-card.entry.js +1 -1
  140. package/dist/esm/gux-column-manager.entry.js +1 -1
  141. package/dist/esm/gux-content-search.entry.js +1 -1
  142. package/dist/esm/gux-context-menu.entry.js +1 -1
  143. package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
  144. package/dist/esm/gux-date-beta.entry.js +1 -1
  145. package/dist/esm/gux-date-time-beta.entry.js +1 -1
  146. package/dist/esm/gux-datepicker.entry.js +1 -1
  147. package/dist/esm/gux-disclosure-button-legacy.entry.js +1 -1
  148. package/dist/esm/gux-dismiss-button.entry.js +1 -1
  149. package/dist/esm/gux-dropdown-multi-beta.entry.js +1 -1
  150. package/dist/esm/gux-dropdown-option.entry.js +1 -1
  151. package/dist/esm/gux-dropdown_3.entry.js +1 -1
  152. package/dist/esm/gux-flyout-menu-beta.entry.js +1 -1
  153. package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
  154. package/dist/esm/gux-form-field-color.entry.js +1 -1
  155. package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
  156. package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
  157. package/dist/esm/gux-form-field-number_3.entry.js +2 -2
  158. package/dist/esm/gux-form-field-phone.entry.js +1 -1
  159. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  160. package/dist/esm/gux-form-field-range.entry.js +1 -1
  161. package/dist/esm/gux-form-field-search.entry.js +1 -1
  162. package/dist/esm/gux-form-field-select.entry.js +1 -1
  163. package/dist/esm/gux-form-field-text-like.entry.js +1 -1
  164. package/dist/esm/gux-form-field-textarea.entry.js +1 -1
  165. package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
  166. package/dist/esm/gux-icon.entry.js +1 -1
  167. package/dist/esm/gux-inline-alert.entry.js +1 -1
  168. package/dist/esm/gux-list-item.entry.js +1 -1
  169. package/dist/esm/gux-list.entry.js +1 -1
  170. package/dist/esm/gux-listbox-multi.entry.js +1 -1
  171. package/dist/esm/gux-loading-message.entry.js +1 -1
  172. package/dist/esm/gux-modal.entry.js +1 -1
  173. package/dist/esm/gux-month-picker-beta.entry.js +1 -1
  174. package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
  175. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  176. package/dist/esm/{gux-pagination-buttons-beta_2.entry.js → gux-pagination-buttons_3.entry.js} +47 -10
  177. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  178. package/dist/esm/gux-pagination-legacy.entry.js +1 -1
  179. package/dist/esm/{gux-pagination-beta.entry.js → gux-pagination.entry.js} +6 -6
  180. package/dist/esm/gux-phone-input-beta.entry.js +1 -1
  181. package/dist/esm/gux-popover-list.entry.js +2 -2
  182. package/dist/esm/gux-popup.entry.js +1 -1
  183. package/dist/esm/gux-radial-loading.entry.js +1 -1
  184. package/dist/esm/gux-radial-progress.entry.js +1 -1
  185. package/dist/esm/gux-rating.entry.js +1 -1
  186. package/dist/esm/gux-region-icon.entry.js +1 -1
  187. package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
  188. package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
  189. package/dist/esm/gux-skip-navigation-item.entry.js +1 -1
  190. package/dist/esm/gux-skip-navigation-list.entry.js +1 -1
  191. package/dist/esm/gux-sort-control.entry.js +1 -1
  192. package/dist/esm/gux-switch-item.entry.js +1 -1
  193. package/dist/esm/gux-switch.entry.js +2 -2
  194. package/dist/esm/gux-tab-panel.entry.js +3 -3
  195. package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
  196. package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
  197. package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
  198. package/dist/esm/gux-table-toolbar.entry.js +1 -1
  199. package/dist/esm/gux-table.entry.js +1 -1
  200. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  201. package/dist/esm/gux-tabs.entry.js +1 -1
  202. package/dist/esm/gux-tag.entry.js +76 -0
  203. package/dist/esm/gux-text-highlight.entry.js +1 -1
  204. package/dist/esm/gux-time-beta.entry.js +1 -1
  205. package/dist/esm/gux-time-picker.entry.js +1 -1
  206. package/dist/esm/gux-time-zone-picker-beta.entry.js +1 -1
  207. package/dist/esm/gux-toast.entry.js +1 -1
  208. package/dist/esm/gux-toggle-slider.entry.js +1 -1
  209. package/dist/esm/gux-toggle.entry.js +2 -2
  210. package/dist/esm/gux-tooltip.entry.js +1 -1
  211. package/dist/esm/index-0b66fe2c.js +8 -16
  212. package/dist/esm/loader.js +1 -1
  213. package/dist/esm/{usage-f03a9e96.js → usage-4e7ef844.js} +1 -1
  214. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  215. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.en.json +1 -1
  216. package/dist/genesys-webcomponents/{p-da2efa1d.entry.js → p-0076f3f5.entry.js} +1 -1
  217. package/dist/genesys-webcomponents/p-04e0fe86.entry.js +1 -0
  218. package/dist/genesys-webcomponents/{p-ba247660.entry.js → p-0a1cc254.entry.js} +1 -1
  219. package/dist/genesys-webcomponents/{p-bcec2244.entry.js → p-0f33f457.entry.js} +1 -1
  220. package/dist/genesys-webcomponents/{p-c3980b75.entry.js → p-103ad753.entry.js} +1 -1
  221. package/dist/genesys-webcomponents/{p-0212b664.entry.js → p-11b420ed.entry.js} +1 -1
  222. package/dist/genesys-webcomponents/{p-8d693163.entry.js → p-13b39caa.entry.js} +1 -1
  223. package/dist/genesys-webcomponents/{p-855c7fcc.entry.js → p-164fd006.entry.js} +1 -1
  224. package/dist/genesys-webcomponents/{p-92095ee1.entry.js → p-1be0f29e.entry.js} +1 -1
  225. package/dist/genesys-webcomponents/{p-e33c43dd.entry.js → p-1ce5509b.entry.js} +1 -1
  226. package/dist/genesys-webcomponents/{p-f2f53d61.entry.js → p-213cdf2c.entry.js} +1 -1
  227. package/dist/genesys-webcomponents/{p-b08f2a1f.entry.js → p-2498b2e3.entry.js} +1 -1
  228. package/dist/genesys-webcomponents/{p-a0b3b9f2.entry.js → p-24c0304b.entry.js} +1 -1
  229. package/dist/genesys-webcomponents/{p-fab005df.entry.js → p-287495ec.entry.js} +1 -1
  230. package/dist/genesys-webcomponents/{p-82aad1f7.entry.js → p-2afda1fa.entry.js} +1 -1
  231. package/dist/genesys-webcomponents/{p-a3f9f44a.entry.js → p-30a59436.entry.js} +1 -1
  232. package/dist/genesys-webcomponents/{p-425a79f2.entry.js → p-31082d48.entry.js} +1 -1
  233. package/dist/genesys-webcomponents/{p-0b01b76e.entry.js → p-322710bc.entry.js} +1 -1
  234. package/dist/genesys-webcomponents/{p-dfc7c240.entry.js → p-34b96434.entry.js} +1 -1
  235. package/dist/genesys-webcomponents/{p-8e592f22.entry.js → p-362129ec.entry.js} +1 -1
  236. package/dist/genesys-webcomponents/p-38d60100.entry.js +1 -0
  237. package/dist/genesys-webcomponents/{p-0af113c1.entry.js → p-3dde3588.entry.js} +1 -1
  238. package/dist/genesys-webcomponents/{p-40744307.entry.js → p-3e9d0c7b.entry.js} +1 -1
  239. package/dist/genesys-webcomponents/{p-c9ada3f6.entry.js → p-3ef0a725.entry.js} +1 -1
  240. package/dist/genesys-webcomponents/{p-bb29dc80.entry.js → p-40d1b7d6.entry.js} +1 -1
  241. package/dist/genesys-webcomponents/{p-596ed860.entry.js → p-41f2ecb4.entry.js} +1 -1
  242. package/dist/genesys-webcomponents/{p-82bab522.entry.js → p-4412b9b1.entry.js} +1 -1
  243. package/dist/genesys-webcomponents/{p-81a01440.entry.js → p-44aed7b3.entry.js} +1 -1
  244. package/dist/genesys-webcomponents/{p-fd52eebf.entry.js → p-46108dd5.entry.js} +1 -1
  245. package/dist/genesys-webcomponents/{p-46abdd72.entry.js → p-4d623f46.entry.js} +1 -1
  246. package/dist/genesys-webcomponents/{p-de63108a.entry.js → p-501d06d9.entry.js} +1 -1
  247. package/dist/genesys-webcomponents/{p-6b48fbde.entry.js → p-51c934c5.entry.js} +1 -1
  248. package/dist/genesys-webcomponents/{p-bfa89db2.entry.js → p-5a22f1f6.entry.js} +1 -1
  249. package/dist/genesys-webcomponents/{p-06a92400.entry.js → p-5f22855f.entry.js} +1 -1
  250. package/dist/genesys-webcomponents/{p-e01bffb0.entry.js → p-6002a77c.entry.js} +1 -1
  251. package/dist/genesys-webcomponents/p-642c5650.entry.js +1 -0
  252. package/dist/genesys-webcomponents/p-68ebbf22.entry.js +1 -0
  253. package/dist/genesys-webcomponents/{p-dc6723ca.entry.js → p-6a31fb7e.entry.js} +1 -1
  254. package/dist/genesys-webcomponents/{p-0b14794a.entry.js → p-6b929d2d.entry.js} +1 -1
  255. package/dist/genesys-webcomponents/p-6bff9eb3.entry.js +1 -0
  256. package/dist/genesys-webcomponents/{p-e73a5b4e.entry.js → p-6e161af6.entry.js} +1 -1
  257. package/dist/genesys-webcomponents/{p-a7ad3633.entry.js → p-71739e39.entry.js} +1 -1
  258. package/dist/genesys-webcomponents/{p-1f39a936.entry.js → p-777735a1.entry.js} +1 -1
  259. package/dist/genesys-webcomponents/{p-5623eb9b.entry.js → p-77f1232b.entry.js} +1 -1
  260. package/dist/genesys-webcomponents/{p-24a36458.entry.js → p-78159639.entry.js} +1 -1
  261. package/dist/genesys-webcomponents/{p-a5d5ba91.entry.js → p-7b0db5cc.entry.js} +1 -1
  262. package/dist/genesys-webcomponents/{p-90379a2c.entry.js → p-83f11efa.entry.js} +1 -1
  263. package/dist/genesys-webcomponents/{p-75f9676c.entry.js → p-87093380.entry.js} +1 -1
  264. package/dist/genesys-webcomponents/{p-f06e2d5d.entry.js → p-8b9f4bd0.entry.js} +1 -1
  265. package/dist/genesys-webcomponents/{p-9f919a75.entry.js → p-8d5f3368.entry.js} +1 -1
  266. package/dist/genesys-webcomponents/{p-30598362.entry.js → p-8e14e2ff.entry.js} +1 -1
  267. package/dist/genesys-webcomponents/{p-516497a8.entry.js → p-8fcf1744.entry.js} +1 -1
  268. package/dist/genesys-webcomponents/{p-1b9ae90d.entry.js → p-9046d865.entry.js} +1 -1
  269. package/dist/genesys-webcomponents/{p-532ea636.entry.js → p-924c1da2.entry.js} +1 -1
  270. package/dist/genesys-webcomponents/p-9512246a.entry.js +1 -0
  271. package/dist/genesys-webcomponents/{p-c4bdc563.entry.js → p-9d2abb9e.entry.js} +1 -1
  272. package/dist/genesys-webcomponents/{p-0978a177.entry.js → p-9daee752.entry.js} +1 -1
  273. package/dist/genesys-webcomponents/{p-b90e7457.entry.js → p-a06dceae.entry.js} +1 -1
  274. package/dist/genesys-webcomponents/{p-82b561eb.entry.js → p-a1795d44.entry.js} +1 -1
  275. package/dist/genesys-webcomponents/{p-8056c132.entry.js → p-a81c0565.entry.js} +1 -1
  276. package/dist/genesys-webcomponents/{p-39170389.entry.js → p-ab3e0cf2.entry.js} +1 -1
  277. package/dist/genesys-webcomponents/{p-dc84cec7.js → p-adbed625.js} +1 -1
  278. package/dist/genesys-webcomponents/{p-ea9d71eb.entry.js → p-b005c9ec.entry.js} +1 -1
  279. package/dist/genesys-webcomponents/{p-d107d384.entry.js → p-b9a86ebe.entry.js} +1 -1
  280. package/dist/genesys-webcomponents/{p-c6a3a814.entry.js → p-bcba8202.entry.js} +1 -1
  281. package/dist/genesys-webcomponents/{p-1b35958d.entry.js → p-bcbab73b.entry.js} +1 -1
  282. package/dist/genesys-webcomponents/p-c1314b3a.entry.js +1 -0
  283. package/dist/genesys-webcomponents/{p-3ad223ac.entry.js → p-c4547d4a.entry.js} +1 -1
  284. package/dist/genesys-webcomponents/{p-7b43f40b.entry.js → p-c609ed18.entry.js} +1 -1
  285. package/dist/genesys-webcomponents/{p-ec46bb6e.entry.js → p-c6fc2a5d.entry.js} +1 -1
  286. package/dist/genesys-webcomponents/{p-46980018.entry.js → p-cb46759e.entry.js} +1 -1
  287. package/dist/genesys-webcomponents/{p-d68a0863.entry.js → p-ceed21c7.entry.js} +1 -1
  288. package/dist/genesys-webcomponents/{p-d0abf3d7.entry.js → p-d253461a.entry.js} +1 -1
  289. package/dist/genesys-webcomponents/{p-119bf1e5.entry.js → p-d339fb99.entry.js} +1 -1
  290. package/dist/genesys-webcomponents/p-d3a0a97b.entry.js +1 -0
  291. package/dist/genesys-webcomponents/p-d4bae794.entry.js +1 -0
  292. package/dist/genesys-webcomponents/p-d91f695d.entry.js +1 -0
  293. package/dist/genesys-webcomponents/{p-35784c37.entry.js → p-e01e8b11.entry.js} +1 -1
  294. package/dist/genesys-webcomponents/{p-f4048683.entry.js → p-e1b518fb.entry.js} +1 -1
  295. package/dist/genesys-webcomponents/{p-948ad846.entry.js → p-e82dbae5.entry.js} +1 -1
  296. package/dist/genesys-webcomponents/{p-b5eb0d49.entry.js → p-ea2177b4.entry.js} +1 -1
  297. package/dist/genesys-webcomponents/{p-7ae4a9fe.entry.js → p-ecb4b661.entry.js} +1 -1
  298. package/dist/genesys-webcomponents/{p-806357bf.entry.js → p-f4af5f6b.entry.js} +1 -1
  299. package/dist/genesys-webcomponents/{p-ffe2a7bc.entry.js → p-f5b1fc27.entry.js} +1 -1
  300. package/dist/genesys-webcomponents/p-fdc9e35c.entry.js +1 -0
  301. package/dist/stencil-wrapper.js +1 -1
  302. package/dist/types/components/{stable/gux-advanced-dropdown → legacy/gux-advanced-dropdown-legacy}/gux-advanced-dropdown.d.ts +1 -1
  303. package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-buttons-beta/gux-pagination-buttons-beta.d.ts → stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.d.ts} +3 -3
  304. package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-item-counts-beta/gux-pagination-item-counts-beta.d.ts → stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.d.ts} +1 -1
  305. package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-items-per-page-beta/gux-pagination-items-per-page-beta.d.ts → stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.d.ts} +2 -2
  306. package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-beta.d.ts → stable/gux-pagination/gux-pagination.d.ts} +4 -4
  307. package/dist/types/components/stable/gux-pagination/gux-pagination.types.d.ts +2 -0
  308. package/dist/types/components/{beta → stable}/gux-tag/gux-tag.d.ts +3 -16
  309. package/dist/types/components/stable/gux-tag/gux-tag.types.d.ts +1 -0
  310. package/dist/types/components.d.ts +86 -137
  311. package/dist/types/stencil-wrapper.d.ts +1 -1
  312. package/package.json +1 -1
  313. package/dist/cjs/gux-pagination-items-per-page-beta.cjs.entry.js +0 -46
  314. package/dist/cjs/gux-tab-panel-beta.cjs.entry.js +0 -34
  315. package/dist/cjs/gux-tag-beta.cjs.entry.js +0 -84
  316. package/dist/collection/components/beta/gux-tab-panel-beta/gux-tab-panel-beta.css +0 -15
  317. package/dist/collection/components/beta/gux-tab-panel-beta/gux-tab-panel-beta.js +0 -107
  318. package/dist/collection/components/beta/gux-tag/gux-tag.css +0 -461
  319. package/dist/collection/components/stable/gux-advanced-dropdown/gux-advanced-dropdown.css +0 -85
  320. package/dist/esm/gux-pagination-items-per-page-beta.entry.js +0 -42
  321. package/dist/esm/gux-tab-panel-beta.entry.js +0 -30
  322. package/dist/esm/gux-tag-beta.entry.js +0 -80
  323. package/dist/genesys-webcomponents/p-15182c48.entry.js +0 -1
  324. package/dist/genesys-webcomponents/p-1a7b3efe.entry.js +0 -1
  325. package/dist/genesys-webcomponents/p-27a62f54.entry.js +0 -1
  326. package/dist/genesys-webcomponents/p-3881c2c8.entry.js +0 -1
  327. package/dist/genesys-webcomponents/p-43d22f9f.entry.js +0 -1
  328. package/dist/genesys-webcomponents/p-5f0d8583.entry.js +0 -1
  329. package/dist/genesys-webcomponents/p-81c3fa5a.entry.js +0 -1
  330. package/dist/genesys-webcomponents/p-d2db8cfb.entry.js +0 -1
  331. package/dist/genesys-webcomponents/p-d2ec2410.entry.js +0 -1
  332. package/dist/genesys-webcomponents/p-d6b3146d.entry.js +0 -1
  333. package/dist/genesys-webcomponents/p-f2fea056.entry.js +0 -1
  334. package/dist/genesys-webcomponents/p-f51f3281.entry.js +0 -1
  335. package/dist/genesys-webcomponents/p-f9768ae7.entry.js +0 -1
  336. package/dist/types/components/beta/gux-pagination-beta/gux-pagination-beta.types.d.ts +0 -2
  337. package/dist/types/components/beta/gux-tab-panel-beta/gux-tab-panel-beta.d.ts +0 -18
  338. package/dist/types/components/beta/gux-tag/gux-tag.types.d.ts +0 -2
  339. /package/dist/cjs/{en-b3076cac.js → en-2a12d7c4.js} +0 -0
  340. /package/dist/collection/components/legacy/gux-pagination-legacy/{gux-pagination-buttons → gux-pagination-buttons-legacy}/gux-pagination-button.service.js +0 -0
  341. /package/dist/collection/components/legacy/gux-pagination-legacy/{gux-pagination-buttons → gux-pagination-buttons-legacy}/gux-pagination-buttons-legacy.css +0 -0
  342. /package/dist/collection/components/legacy/gux-pagination-legacy/{gux-pagination-buttons → gux-pagination-buttons-legacy}/gux-pagination-buttons.js +0 -0
  343. /package/dist/collection/components/legacy/gux-pagination-legacy/{gux-pagination-item-counts → gux-pagination-item-counts-legacy}/gux-pagination-item-counts-legacy.css +0 -0
  344. /package/dist/collection/components/legacy/gux-pagination-legacy/{gux-pagination-item-counts → gux-pagination-item-counts-legacy}/gux-pagination-item-counts.js +0 -0
  345. /package/dist/collection/components/legacy/gux-pagination-legacy/{gux-pagination-items-per-page → gux-pagination-items-per-page-legacy}/gux-pagination-items-per-page-legacy.css +0 -0
  346. /package/dist/collection/components/legacy/gux-pagination-legacy/{gux-pagination-items-per-page → gux-pagination-items-per-page-legacy}/gux-pagination-items-per-page.js +0 -0
  347. /package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-buttons-beta/gux-pagination-button-beta.service.js → stable/gux-pagination/gux-pagination-buttons/gux-pagination-button.service.js} +0 -0
  348. /package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-buttons-beta → stable/gux-pagination/gux-pagination-buttons}/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.css +0 -0
  349. /package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-buttons-beta → stable/gux-pagination/gux-pagination-buttons}/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js +0 -0
  350. /package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-beta.css → stable/gux-pagination/gux-pagination.css} +0 -0
  351. /package/dist/collection/components/{beta/gux-pagination-beta/gux-pagination-beta.types.js → stable/gux-pagination/gux-pagination.types.js} +0 -0
  352. /package/dist/collection/components/{beta → stable}/gux-tag/gux-tag.types.js +0 -0
  353. /package/dist/esm/{en-5d726a81.js → en-6c4aef39.js} +0 -0
  354. /package/dist/genesys-webcomponents/{p-89af02eb.js → p-abb9b5f7.js} +0 -0
  355. /package/dist/types/components/{stable/gux-advanced-dropdown → legacy/gux-advanced-dropdown-legacy}/dropdown-option/gux-dropdown-option.d.ts +0 -0
  356. /package/dist/types/components/legacy/gux-pagination-legacy/{gux-pagination-buttons → gux-pagination-buttons-legacy}/gux-pagination-button.service.d.ts +0 -0
  357. /package/dist/types/components/legacy/gux-pagination-legacy/{gux-pagination-buttons → gux-pagination-buttons-legacy}/gux-pagination-buttons.d.ts +0 -0
  358. /package/dist/types/components/legacy/gux-pagination-legacy/{gux-pagination-item-counts → gux-pagination-item-counts-legacy}/gux-pagination-item-counts.d.ts +0 -0
  359. /package/dist/types/components/legacy/gux-pagination-legacy/{gux-pagination-items-per-page → gux-pagination-items-per-page-legacy}/gux-pagination-items-per-page.d.ts +0 -0
  360. /package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-buttons-beta/gux-pagination-button-beta.service.d.ts → stable/gux-pagination/gux-pagination-buttons/gux-pagination-button.service.d.ts} +0 -0
  361. /package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-buttons-beta → stable/gux-pagination/gux-pagination-buttons}/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.d.ts +0 -0
@@ -1 +1 @@
1
- import{r as t,h as s,g as i}from"./p-7d26b2e1.js";import{t as r}from"./p-dc84cec7.js";const e=/[ +]/g,n=new Map,h=new Map;function a(t){return t.replace(/[\^$*+?.(){}[\]\\]/g,"\\$&")}const o=class{constructor(s){t(this,s),this.text=void 0,this.highlight=void 0,this.strategy="start",this.dimmed=!1}componentWillLoad(){r(this.root)}render(){if(this.highlight&&this.text)switch(this.strategy){case"start":return this.renderStartsWith();case"contains":return this.renderContains();case"fuzzy":return this.renderFuzzy()}return s("span",{class:{"gux-dimmed":this.dimmed}},this.text)}renderStartsWith(){if(this.text.toLowerCase().startsWith(this.highlight.toLowerCase())){const t=this.text.substring(0,this.highlight.length),i=this.text.substring(this.highlight.length);return s("span",{class:{"gux-dimmed":this.dimmed}},s("mark",null,t),i)}return s("span",{class:{"gux-dimmed":this.dimmed}},this.text)}renderContains(){const t={highlighted:"",remaining:this.text};for(;t.remaining.toLowerCase().includes(this.highlight.toLowerCase());){const s=t.remaining.toLowerCase().indexOf(this.highlight.toLowerCase()),i=t.remaining.substring(0,s),r=t.remaining.substring(s,s+this.highlight.length);t.highlighted+=i+`<mark>${r}</mark>`,t.remaining=t.remaining.substring(s+r.length)}return s("span",{class:{"gux-dimmed":this.dimmed},innerHTML:t.highlighted+t.remaining})}renderFuzzy(){if(function(t,s){let i=n.get(t);return i||(i=function(t){const s=t.split(e).map(a);if(1===s.length)return new RegExp(s[0],"i");let i="(";return s.forEach(((t,r)=>{i+=t+").*",r!==s.length-1&&(i+="(")})),new RegExp(i+"$","i")}(t),n.set(t,i)),i.test(s)}(this.highlight,this.text)){const i=(t=this.highlight,t.split(e).map(a).map((t=>{let s=h.get(t);return s||(s=new RegExp(t,"i"),h.set(t,s)),s}))).reduce(((t,s)=>{const{0:i,index:r,input:e}=t.remaining.match(s),n=e.substring(0,r);return{highlighted:`${t.highlighted+n}<mark>${i}</mark>`,remaining:e.substring(r+i.length)}}),{highlighted:"",remaining:this.text});return s("span",{class:{"gux-dimmed":this.dimmed},innerHTML:i.highlighted+i.remaining})}var t;return s("span",{class:{"gux-dimmed":this.dimmed}},this.text)}get root(){return i(this)}};o.style="mark{background-color:var(--gse-ui-search-match-firstLevel-backgroundColor)}.gux-dimmed mark{background-color:var(--gse-ui-search-match-subsequentLevel-backgroundColor)}";export{o as gux_text_highlight}
1
+ import{r as t,h as s,g as i}from"./p-7d26b2e1.js";import{t as r}from"./p-adbed625.js";const e=/[ +]/g,n=new Map,h=new Map;function a(t){return t.replace(/[\^$*+?.(){}[\]\\]/g,"\\$&")}const o=class{constructor(s){t(this,s),this.text=void 0,this.highlight=void 0,this.strategy="start",this.dimmed=!1}componentWillLoad(){r(this.root)}render(){if(this.highlight&&this.text)switch(this.strategy){case"start":return this.renderStartsWith();case"contains":return this.renderContains();case"fuzzy":return this.renderFuzzy()}return s("span",{class:{"gux-dimmed":this.dimmed}},this.text)}renderStartsWith(){if(this.text.toLowerCase().startsWith(this.highlight.toLowerCase())){const t=this.text.substring(0,this.highlight.length),i=this.text.substring(this.highlight.length);return s("span",{class:{"gux-dimmed":this.dimmed}},s("mark",null,t),i)}return s("span",{class:{"gux-dimmed":this.dimmed}},this.text)}renderContains(){const t={highlighted:"",remaining:this.text};for(;t.remaining.toLowerCase().includes(this.highlight.toLowerCase());){const s=t.remaining.toLowerCase().indexOf(this.highlight.toLowerCase()),i=t.remaining.substring(0,s),r=t.remaining.substring(s,s+this.highlight.length);t.highlighted+=i+`<mark>${r}</mark>`,t.remaining=t.remaining.substring(s+r.length)}return s("span",{class:{"gux-dimmed":this.dimmed},innerHTML:t.highlighted+t.remaining})}renderFuzzy(){if(function(t,s){let i=n.get(t);return i||(i=function(t){const s=t.split(e).map(a);if(1===s.length)return new RegExp(s[0],"i");let i="(";return s.forEach(((t,r)=>{i+=t+").*",r!==s.length-1&&(i+="(")})),new RegExp(i+"$","i")}(t),n.set(t,i)),i.test(s)}(this.highlight,this.text)){const i=(t=this.highlight,t.split(e).map(a).map((t=>{let s=h.get(t);return s||(s=new RegExp(t,"i"),h.set(t,s)),s}))).reduce(((t,s)=>{const{0:i,index:r,input:e}=t.remaining.match(s),n=e.substring(0,r);return{highlighted:`${t.highlighted+n}<mark>${i}</mark>`,remaining:e.substring(r+i.length)}}),{highlighted:"",remaining:this.text});return s("span",{class:{"gux-dimmed":this.dimmed},innerHTML:i.highlighted+i.remaining})}var t;return s("span",{class:{"gux-dimmed":this.dimmed}},this.text)}get root(){return i(this)}};o.style="mark{background-color:var(--gse-ui-search-match-firstLevel-backgroundColor)}.gux-dimmed mark{background-color:var(--gse-ui-search-match-subsequentLevel-backgroundColor)}";export{o as gux_text_highlight}
@@ -1 +1 @@
1
- import{r as t,c as e,f as i,h as o,g as s,H as n}from"./p-7d26b2e1.js";import{O as r}from"./p-9d18d475.js";import{b as a}from"./p-deee079e.js";import{s as u}from"./p-d176c2ae.js";import{o as l,c as d}from"./p-3f5341ea.js";import{b as h}from"./p-091f51f6.js";import{t as c}from"./p-dc84cec7.js";import{O as g}from"./p-f34ce7dc.js";import{k as x,g as p,s as f,c as m,a as b,b as v,h as w,d as y,e as S,f as F,i as j,j as k,m as C,o as z}from"./p-55cf6d81.js";import{w as L}from"./p-76ff3e75.js";import{r as E}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const R={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var O=function(t,e,i,o){var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const T=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterable=!1,this.filterType="none",this.hasError=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}onKeydown(t){switch(t.key){case"Escape":return this.isFilterable()&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&h((()=>{this.listboxElement.focus(),this.isFilterable()&&this.filterElement&&this.filterElement.focus()}))}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.listboxElement&&this.validateValue(this.value,this.listboxElement)}async componentWillLoad(){c(this.root),this.i18n=await a(this.root,R),l(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.filter=this.filter)}showTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setShowTooltip()}hideTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setHideTooltip()}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)&&(e.value=t):e&&(e.value=t)}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return this.filterable||"starts-with"===this.filterType||"custom"===this.filterType}get optionElements(){return x(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,u(this.root,"input"),u(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){const e=t.length;if(e>0&&!this.loading){const i=p(this.listboxElement,t);if(i&&"custom"!==this.filterType)return i.textContent.trim().substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?o("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent);case"gux-option-icon":return this.renderIconOption(t);default:return e}}renderIconOption(t){let e=null;return null!==t.iconColor&&(e={color:t.iconColor}),o("span",{class:"gux-selected-icon"},o("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0}),o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderFilterInputField(){if(this.expanded&&this.isFilterable())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.filter),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:d(this.root),onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.isFilterable())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return o("gux-popup",{expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return s(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"]}}};O([r({triggerEvents:"mousedown"})],T.prototype,"onClickOutside",null),O([g({childList:!0,subtree:!0})],T.prototype,"onMutation",null),T.style=":host{color:#2e394c}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:6px 8px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border-color:#ea0b0b}.gux-field.gux-input-field{height:30px}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding-left:8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-visible,.gux-target-container-expanded:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:30px;padding:0 0 0 8px;margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus-visible,.gux-target-container-collapsed .gux-field-button:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}gux-popup::part(gux-popup-container){width:inherit}.gux-selected-icon{display:flex;align-items:center}.gux-selected-icon gux-icon{width:16px;height:16px;padding-right:8px}";const A=["gux-option","gux-option-icon"].join(","),I={noMatchesHeader:"Sorry, this menu is empty right now.",noMatchesMessage:"Please try again later.",loading:"Loading..."},M=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.filterType="none",this.emptyMessage=void 0,this.selectedValues=[],this.listboxOptions=[],this.allListboxOptionsFiltered=void 0}onFocus(){f(this.root)}onBlur(){m(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void j(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(S(this.root)?(t.stopPropagation(),F(this.root)):v(this.root));case"ArrowUp":return t.preventDefault(),void(w(this.root)?(t.stopPropagation(),y(this.root)):b(this.root));case"Home":return t.preventDefault(),void v(this.root);case"End":return t.preventDefault(),void b(this.root);case" ":return void t.preventDefault()}1!==t.key.length||k(this.root,t.key)}onKeyup(t){" "!==t.key||j(this.root,(t=>this.updateValue(t)))}onMousemove(){m(this.root)}onClick(t){L(A,t,(t=>{z(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){j(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),u(this.root,"input"),u(this.root,"change")}async componentWillLoad(){c(this.root),this.i18n=await a(this.root,I),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&(t.filtered=!C(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,!this.allListboxOptionsFiltered&&this.filter?v(this.root):m(this.root)}renderHiddenSlot(){return o("div",{hidden:!0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[o("div",{class:"gux-message-container"},o("gux-radial-loading",{context:"modal"}),o("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[o("div",{class:"gux-message-container"},o("div",{class:"gux-no-matches"},this.emptyMessage||[o("div",{class:"gux-no-matches-header"},this.i18n("noMatchesHeader")),o("div",null,this.i18n("noMatchesMessage"))])),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():o(n,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return s(this)}};M.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:var(--gse-ui-menu-padding);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color);outline:none}:host(:focus){outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;text-align:center}.gux-message-container .gux-no-matches{box-sizing:border-box;height:32px;font-family:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily);font-weight:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight);line-height:var(--gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight);font-size:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontSize);color:var(--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor)}.gux-message-container .gux-no-matches .gux-no-matches-header{font-family:var(--gse-ui-dropdown-menu-emptyState-header-text-fontFamily);font-weight:var(--gse-ui-dropdown-menu-emptyState-header-text-fontWeight);line-height:var(--gse-ui-dropdown-menu-emptyState-header-text-lineHeight);font-size:var(--gse-ui-dropdown-menu-emptyState-header-text-fontSize);color:var(--gse-ui-dropdown-menu-emptyState-header-foregroundColor)}";const H=class{constructor(e){t(this,e),this.value=void 0,this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}handleActive(t){var e,i;t?null===(e=this.truncateElement)||void 0===e||e.setShowTooltip():null===(i=this.truncateElement)||void 0===i||i.setHideTooltip()}componentWillLoad(){this.root.id=this.root.id||E("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return o(n,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("gux-truncate",{ref:t=>this.truncateElement=t},o("slot",null)))}get root(){return s(this)}static get watchers(){return{active:["handleActive"]}}};H.style=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);gap:var(--gse-ui-menu-option-gap)}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(.gux-active){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);border-radius:var(--gse-semantic-focusRing-cornerRadius)}:host(.gux-hovered:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{T as gux_dropdown,M as gux_listbox,H as gux_option}
1
+ import{r as t,c as e,f as i,h as o,g as s,H as n}from"./p-7d26b2e1.js";import{O as r}from"./p-9d18d475.js";import{b as a}from"./p-deee079e.js";import{s as u}from"./p-d176c2ae.js";import{o as l,c as d}from"./p-3f5341ea.js";import{b as h}from"./p-091f51f6.js";import{t as g}from"./p-adbed625.js";import{O as c}from"./p-f34ce7dc.js";import{k as x,g as p,s as f,c as m,a as b,b as v,h as w,d as y,e as S,f as F,i as j,j as k,m as C,o as z}from"./p-55cf6d81.js";import{w as L}from"./p-76ff3e75.js";import{r as E}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const R={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};var O=function(t,e,i,o){var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const T=class{constructor(i){t(this,i),this.guxexpanded=e(this,"guxexpanded",7),this.guxcollapsed=e(this,"guxcollapsed",7),this.guxfilter=e(this,"guxfilter",7),this.value=void 0,this.disabled=!1,this.required=!1,this.loading=!1,this.placeholder=void 0,this.filterable=!1,this.filterType="none",this.hasError=!1,this.expanded=!1,this.filter=""}watchExpanded(t){t||(this.filter="")}watchValue(t){this.validateValue(t,this.listboxElement)}handleFilter(t){this.guxfilter.emit(t)}onKeydown(t){switch(t.key){case"Escape":return this.isFilterable()&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),i(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}onMutation(){var t;this.listboxElement||(this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.applyListboxEventListeners())}onInternalExpanded(t){t.stopPropagation(),this.guxexpanded.emit(),this.listboxElement&&h((()=>{this.listboxElement.focus(),this.isFilterable()&&this.filterElement&&this.filterElement.focus()}))}onInternalCollapsed(t){t.stopPropagation(),this.guxcollapsed.emit()}connectedCallback(){var t;this.listboxElement=null===(t=this.root)||void 0===t?void 0:t.querySelector("gux-listbox"),this.listboxElement&&this.validateValue(this.value,this.listboxElement)}async componentWillLoad(){g(this.root),this.i18n=await a(this.root,R),l(this.root,(()=>{i(this.root)}))}componentDidLoad(){this.applyListboxEventListeners()}componentWillRender(){this.listboxElement&&(this.validateValue(this.value,this.listboxElement),this.listboxElement.loading=this.loading,this.listboxElement.filterType=this.filterType,this.listboxElement.filter=this.filter)}showTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setShowTooltip()}hideTooltip(){var t;null===(t=this.truncateElement)||void 0===t||t.setHideTooltip()}validateValue(t,e){void 0!==t?this.getOptionElementByValue(t)&&(e.value=t):e&&(e.value=t)}applyListboxEventListeners(){var t,e;null===(t=this.listboxElement)||void 0===t||t.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),null===(e=this.listboxElement)||void 0===e||e.addEventListener("change",(t=>{t.stopPropagation()}))}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}isFilterable(){return this.filterable||"starts-with"===this.filterType||"custom"===this.filterType}get optionElements(){return x(this.listboxElement)}getOptionElementByValue(t){return this.optionElements.find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.isFilterable()&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.isFilterable()&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){" "!==t.key||t.preventDefault()}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,u(this.root,"input"),u(this.root,"change")),this.collapseListbox("focusFieldButton")}getTypeaheadText(t){const e=t.length;if(e>0&&!this.loading){const i=p(this.listboxElement,t);if(i&&"custom"!==this.filterType)return i.textContent.trim().substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?o("div",{class:"gux-selected-option"},this.renderSelectedItem(t)):o("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderSelectedItem(t){const e=t.tagName.toLowerCase();switch(e){case"gux-option":return o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent);case"gux-option-icon":return this.renderIconOption(t);default:return e}}renderIconOption(t){let e=null;return null!==t.iconColor&&(e={color:t.iconColor}),o("span",{class:"gux-selected-icon"},o("gux-icon",{"icon-name":t.iconName,style:e,decorative:!0}),o("gux-truncate",{ref:t=>this.truncateElement=t},t.textContent))}renderFilterInputField(){if(this.expanded&&this.isFilterable())return o("div",{class:"gux-field gux-input-field"},o("div",{class:"gux-field-content"},o("div",{class:"gux-filter"},o("div",{class:"gux-filter-display"},o("span",{class:"gux-filter-text"},this.filter),o("span",{class:"gux-filter-suggestion"},this.getTypeaheadText(this.filter))),o("div",{class:"input-and-dropdown-button"},o("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return o("div",{slot:"popup",class:"gux-listbox-container"},o("slot",null))}renderTarget(){return o("div",{class:{"gux-target-container-expanded":this.expanded&&this.isFilterable(),"gux-target-container-collapsed":!(this.expanded&&this.isFilterable()),"gux-error":this.hasError},slot:"target"},this.renderFilterInputField(),o("button",{type:"button",class:"gux-field gux-field-button",disabled:d(this.root),onClick:this.fieldButtonClick.bind(this),onFocusin:this.showTooltip.bind(this),onFocusout:this.hideTooltip.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),this.renderRadialLoading(),o("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.isFilterable())return o("div",{class:"gux-field-content"},this.renderTargetDisplay())}renderRadialLoading(){if(this.loading&&!this.expanded)return o("gux-radial-loading",{context:"input"})}render(){return o("gux-popup",{expanded:this.expanded&&(!this.loading||this.isFilterable()),disabled:this.disabled},this.renderTarget(),this.renderPopup())}static get delegatesFocus(){return!0}get root(){return s(this)}static get watchers(){return{expanded:["watchExpanded"],value:["watchValue"],filter:["handleFilter"]}}};O([r({triggerEvents:"mousedown"})],T.prototype,"onClickOutside",null),O([c({childList:!0,subtree:!0})],T.prototype,"onMutation",null),T.style=":host{color:#2e394c}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:6px 8px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border-color:#ea0b0b}.gux-field.gux-input-field{height:30px}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding-left:8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-visible,.gux-target-container-expanded:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:30px;padding:0 0 0 8px;margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus-visible,.gux-target-container-collapsed .gux-field-button:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}gux-popup::part(gux-popup-container){width:inherit}.gux-selected-icon{display:flex;align-items:center}.gux-selected-icon gux-icon{width:16px;height:16px;padding-right:8px}";const A=["gux-option","gux-option-icon"].join(","),I={noMatchesHeader:"Sorry, this menu is empty right now.",noMatchesMessage:"Please try again later.",loading:"Loading..."},M=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=e(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.filterType="none",this.emptyMessage=void 0,this.selectedValues=[],this.listboxOptions=[],this.allListboxOptionsFiltered=void 0}onFocus(){f(this.root)}onBlur(){m(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void j(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(S(this.root)?(t.stopPropagation(),F(this.root)):v(this.root));case"ArrowUp":return t.preventDefault(),void(w(this.root)?(t.stopPropagation(),y(this.root)):b(this.root));case"Home":return t.preventDefault(),void v(this.root);case"End":return t.preventDefault(),void b(this.root);case" ":return void t.preventDefault()}1!==t.key.length||k(this.root,t.key)}onKeyup(t){" "!==t.key||j(this.root,(t=>this.updateValue(t)))}onMousemove(){m(this.root)}onClick(t){L(A,t,(t=>{z(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){j(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.value&&(this.selectedValues=this.value.split(",")),this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t),u(this.root,"input"),u(this.root,"change")}async componentWillLoad(){g(this.root),this.i18n=await a(this.root,I),this.setListboxOptions()}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,"custom"!==this.filterType&&(t.filtered=!C(t,this.filter))})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,!this.allListboxOptionsFiltered&&this.filter?v(this.root):m(this.root)}renderHiddenSlot(){return o("div",{hidden:!0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[o("div",{class:"gux-message-container"},o("gux-radial-loading",{context:"modal"}),o("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){return[o("div",{class:"gux-message-container"},o("div",{class:"gux-no-matches"},this.emptyMessage||[o("div",{class:"gux-no-matches-header"},this.i18n("noMatchesHeader")),o("div",null,this.i18n("noMatchesMessage"))])),this.renderHiddenSlot()]}render(){return this.loading?this.renderLoading():this.allListboxOptionsFiltered?this.renderAllListboxOptionsFiltered():o(n,{role:"listbox",tabindex:0},o("slot",{onSlotchange:()=>this.setListboxOptions()}))}get root(){return s(this)}};M.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:var(--gse-ui-menu-padding);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color);outline:none}:host(:focus){outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;text-align:center}.gux-message-container .gux-no-matches{box-sizing:border-box;height:32px;font-family:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily);font-weight:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight);line-height:var(--gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight);font-size:var(--gse-ui-dropdown-menu-emptyState-subheader-text-fontSize);color:var(--gse-ui-dropdown-menu-emptyState-subheader-foregroundColor)}.gux-message-container .gux-no-matches .gux-no-matches-header{font-family:var(--gse-ui-dropdown-menu-emptyState-header-text-fontFamily);font-weight:var(--gse-ui-dropdown-menu-emptyState-header-text-fontWeight);line-height:var(--gse-ui-dropdown-menu-emptyState-header-text-lineHeight);font-size:var(--gse-ui-dropdown-menu-emptyState-header-text-fontSize);color:var(--gse-ui-dropdown-menu-emptyState-header-foregroundColor)}";const H=class{constructor(e){t(this,e),this.value=void 0,this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}handleActive(t){var e,i;t?null===(e=this.truncateElement)||void 0===e||e.setShowTooltip():null===(i=this.truncateElement)||void 0===i||i.setHideTooltip()}componentWillLoad(){this.root.id=this.root.id||E("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return o(n,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},o("gux-truncate",{ref:t=>this.truncateElement=t},o("slot",null)))}get root(){return s(this)}static get watchers(){return{active:["handleActive"]}}};H.style=":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);gap:var(--gse-ui-menu-option-gap)}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(.gux-active){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);border-radius:var(--gse-semantic-focusRing-cornerRadius)}:host(.gux-hovered:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";export{T as gux_dropdown,M as gux_listbox,H as gux_option}
@@ -1 +1 @@
1
- import{r as e,h as o,H as t,g as r}from"./p-7d26b2e1.js";import{c as i,o as l}from"./p-3f5341ea.js";import{O as a}from"./p-f34ce7dc.js";import{p as s}from"./p-c10e41a9.js";import{h as n}from"./p-08bc2e6b.js";import{G as d,a as g,g as u,v as p}from"./p-b3c9fd06.js";import{t as f}from"./p-dc84cec7.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-d176c2ae.js";const h=class{constructor(o){e(this,o),this.disabled=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=n(this.root,"error"),this.hasHelp=n(this.root,"help")}componentWillLoad(){this.setInput(),this.hasError=n(this.root,"error"),this.hasHelp=n(this.root,"help"),f(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return o(t,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},o("div",{class:"gux-form-field-container"},o("div",{class:"gux-input-label"},o("div",{class:"gux-input"},o("slot",{name:"input",onSlotchange:()=>this.setInput()})),o("div",{class:"gux-label"},o("slot",{name:"label"}),o(d,{show:this.hasError},o("slot",{name:"error"})),o(g,{show:!this.hasError&&this.hasHelp},o("slot",{name:"help"}))))))}setInput(){this.input=u(this.root,'input[type="radio"][slot="input"]'),s(this.input),this.disabled=i(this.input),this.disabledObserver=l(this.input,(e=>{this.disabled=e})),p(this.root,this.input)}get root(){return r(this)}};(function(e,o,t,r){var i,l=arguments.length,a=l<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,o,t,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(l<3?i(a):l>3?i(o,t,a):i(o,t))||a);l>3&&a&&Object.defineProperty(o,t,a)})([a({childList:!0,subtree:!0})],h.prototype,"onMutation",null),h.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-padding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}:host(.gux-disabled){cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}:host(.gux-input-error) ::slotted(input[type=radio]:not(:checked))::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill='%23E22245'/%3E%3C/svg%3E\")}:host(.gux-input-error) ::slotted(input[type=radio]:checked)::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' fill='%23E22245'/%3E%3C/svg%3E\")}:host(.gux-input-error) .gux-form-field-error{color:var(--gse-ui-radioButton-icon-error-foregroundColor);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily)}.gux-input-label{display:flex;flex-direction:row;padding-top:4px}.gux-input-label .gux-label{display:flex;flex-direction:column;line-height:var(--gse-ui-radioButton-label-text-lineHeight)}::slotted(input[type=radio]){display:inline-grid;width:var(--gse-ui-radioButton-icon-width);height:var(--gse-ui-radioButton-icon-height);margin:1px var(--gse-ui-radioButton-helper-gap) 0px 0px;text-align:center;vertical-align:middle;-webkit-appearance:none;appearance:none;cursor:pointer;border:0;outline:none;color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor)}::slotted(input[type=radio])::before{grid-area:1/1;content:\"\";border-radius:50%}::slotted(input[type=radio]:focus-visible){border-radius:var(--gse-ui-radioButton-focus-borderRadius);outline:var(--gse-ui-radioButton-focus-border-width) var(--gse-ui-radioButton-focus-border-style) var(--gse-ui-radioButton-focus-border-color);outline-offset:1px}::slotted(input[type=radio]:not(:checked))::before{background-image:\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' fill='%23767C8D'/%3E%3C/svg%3E\"}::slotted(input[type=radio]:not(:checked):not(:disabled):hover)::before{background-image:\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' fill='%233742A2'/%3E%3C/svg%3E\"}::slotted(input[type=radio]:checked:not(:disabled):hover)::before{background-image:\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' fill='%233742A2'/%3E%3C/svg%3E\"}::slotted(input[type=radio]:checked)::before{background-image:\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' fill='%234856CB'/%3E%3C/svg%3E\"}::slotted(input[type=radio]:disabled)::before{cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}::slotted(label){display:inline-block;font-size:var(--gse-ui-formControl-label-text-fontSize);line-height:var(--gse-ui-radioButton-label-text-lineHeight);vertical-align:middle;font-weight:var(--gse-ui-radioButton-label-text-fontWeight);color:var(--gse-ui-radioButton-label-foregroundColor);font-family:var(--gse-ui-radioButton-label-text-fontFamily)}";export{h as gux_form_field_radio}
1
+ import{r as e,h as o,H as t,g as r}from"./p-7d26b2e1.js";import{c as i,o as l}from"./p-3f5341ea.js";import{O as a}from"./p-f34ce7dc.js";import{p as s}from"./p-c10e41a9.js";import{h as n}from"./p-08bc2e6b.js";import{G as d,a as g,g as u,v as p}from"./p-b3c9fd06.js";import{t as f}from"./p-adbed625.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-d176c2ae.js";const h=class{constructor(o){e(this,o),this.disabled=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=n(this.root,"error"),this.hasHelp=n(this.root,"help")}componentWillLoad(){this.setInput(),this.hasError=n(this.root,"error"),this.hasHelp=n(this.root,"help"),f(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return o(t,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},o("div",{class:"gux-form-field-container"},o("div",{class:"gux-input-label"},o("div",{class:"gux-input"},o("slot",{name:"input",onSlotchange:()=>this.setInput()})),o("div",{class:"gux-label"},o("slot",{name:"label"}),o(d,{show:this.hasError},o("slot",{name:"error"})),o(g,{show:!this.hasError&&this.hasHelp},o("slot",{name:"help"}))))))}setInput(){this.input=u(this.root,'input[type="radio"][slot="input"]'),s(this.input),this.disabled=i(this.input),this.disabledObserver=l(this.input,(e=>{this.disabled=e})),p(this.root,this.input)}get root(){return r(this)}};(function(e,o,t,r){var i,l=arguments.length,a=l<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,o,t,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(l<3?i(a):l>3?i(o,t,a):i(o,t))||a);l>3&&a&&Object.defineProperty(o,t,a)})([a({childList:!0,subtree:!0})],h.prototype,"onMutation",null),h.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-padding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}:host(.gux-disabled){cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}:host(.gux-input-error) ::slotted(input[type=radio]:not(:checked))::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill='%23E22245'/%3E%3C/svg%3E\")}:host(.gux-input-error) ::slotted(input[type=radio]:checked)::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' fill='%23E22245'/%3E%3C/svg%3E\")}:host(.gux-input-error) .gux-form-field-error{color:var(--gse-ui-radioButton-icon-error-foregroundColor);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily)}.gux-input-label{display:flex;flex-direction:row;padding-top:4px}.gux-input-label .gux-label{display:flex;flex-direction:column;line-height:var(--gse-ui-radioButton-label-text-lineHeight)}::slotted(input[type=radio]){display:inline-grid;width:var(--gse-ui-radioButton-icon-width);height:var(--gse-ui-radioButton-icon-height);margin:1px var(--gse-ui-radioButton-helper-gap) 0px 0px;text-align:center;vertical-align:middle;-webkit-appearance:none;appearance:none;cursor:pointer;border:0;outline:none;color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor)}::slotted(input[type=radio])::before{grid-area:1/1;content:\"\";border-radius:50%}::slotted(input[type=radio]:focus-visible){border-radius:var(--gse-ui-radioButton-focus-borderRadius);outline:var(--gse-ui-radioButton-focus-border-width) var(--gse-ui-radioButton-focus-border-style) var(--gse-ui-radioButton-focus-border-color);outline-offset:1px}::slotted(input[type=radio]:not(:checked))::before{background-image:\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' fill='%23767C8D'/%3E%3C/svg%3E\"}::slotted(input[type=radio]:not(:checked):not(:disabled):hover)::before{background-image:\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' fill='%233742A2'/%3E%3C/svg%3E\"}::slotted(input[type=radio]:checked:not(:disabled):hover)::before{background-image:\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' fill='%233742A2'/%3E%3C/svg%3E\"}::slotted(input[type=radio]:checked)::before{background-image:\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' fill='%234856CB'/%3E%3C/svg%3E\"}::slotted(input[type=radio]:disabled)::before{cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}::slotted(label){display:inline-block;font-size:var(--gse-ui-formControl-label-text-fontSize);line-height:var(--gse-ui-radioButton-label-text-lineHeight);vertical-align:middle;font-weight:var(--gse-ui-radioButton-label-text-fontWeight);color:var(--gse-ui-radioButton-label-foregroundColor);font-family:var(--gse-ui-radioButton-label-text-fontFamily)}";export{h as gux_form_field_radio}
@@ -1 +1 @@
1
- import{r as t,c as i,h as o,g as s}from"./p-7d26b2e1.js";import{r as e}from"./p-cbcbd1bb.js";import{t as r}from"./p-dc84cec7.js";import{b as n}from"./p-deee079e.js";import"./p-8a133b9b.js";const a={defaultLabel:"Disclosure button"},u=class{constructor(o){t(this,o),this.active=i(this,"active",7),this.panelId=e("gux-disclosure-button-panel"),this.position="left",this.label=void 0,this.isOpen=!1,this.icon="arrow-solid-right"}watchIsOpen(){this.updateIcon()}changeState(){this.togglePanel(),this.active.emit(this.isOpen)}togglePanel(){this.isOpen=!this.isOpen}updateIcon(){this.icon="right"===this.position?this.isOpen?"arrow-solid-right":"arrow-solid-left":this.isOpen?"arrow-solid-left":"arrow-solid-right"}async componentWillLoad(){r(this.root,{variant:this.position}),this.i18n=await n(this.root,a),this.updateIcon()}render(){return o("div",{class:`gux-disclosure-button-container gux-${this.position}`},o("button",{class:"gux-disclosure-button",onClick:()=>this.changeState(),"aria-controls":this.panelId,"aria-expanded":this.isOpen.toString(),"aria-label":this.label||this.i18n("defaultLabel")},o("gux-icon",{"icon-name":`${this.icon}`,decorative:!0})),o("div",{id:this.panelId,class:{"gux-disclosure-panel":!0,"gux-active":this.isOpen},role:"region"},o("slot",{name:"panel-content"})))}get root(){return s(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};u.style=":host{height:100%;color:var(--gse-ui-tabs-item-icon-iconColor)}.gux-disclosure-button-container{display:flex;flex-direction:row;justify-content:flex-start;height:100%}.gux-disclosure-button-container .gux-disclosure-button{width:16px;padding:0;margin:0;color:var(--gse-ui-tabs-item-icon-iconColor);background:transparent;border-top:none;border-right:1px solid var(--gse-ui-tabs-item-divider-dividerColor);border-bottom:none;border-left:1px solid var(--gse-ui-tabs-item-divider-dividerColor)}.gux-disclosure-button-container .gux-disclosure-button gux-icon{width:12px;height:12px}.gux-disclosure-button-container .gux-disclosure-button:focus{outline:none}.gux-disclosure-button-container .gux-disclosure-panel{display:none;order:-1;width:100%}.gux-disclosure-button-container .gux-disclosure-panel.gux-active{display:block}.gux-disclosure-button-container.gux-right{justify-content:flex-end}.gux-disclosure-button-container.gux-right .gux-disclosure-panel{order:1}";export{u as gux_disclosure_button_legacy}
1
+ import{r as t,c as i,h as o,g as s}from"./p-7d26b2e1.js";import{r as e}from"./p-cbcbd1bb.js";import{t as r}from"./p-adbed625.js";import{b as n}from"./p-deee079e.js";import"./p-8a133b9b.js";const a={defaultLabel:"Disclosure button"},u=class{constructor(o){t(this,o),this.active=i(this,"active",7),this.panelId=e("gux-disclosure-button-panel"),this.position="left",this.label=void 0,this.isOpen=!1,this.icon="arrow-solid-right"}watchIsOpen(){this.updateIcon()}changeState(){this.togglePanel(),this.active.emit(this.isOpen)}togglePanel(){this.isOpen=!this.isOpen}updateIcon(){this.icon="right"===this.position?this.isOpen?"arrow-solid-right":"arrow-solid-left":this.isOpen?"arrow-solid-left":"arrow-solid-right"}async componentWillLoad(){r(this.root,{variant:this.position}),this.i18n=await n(this.root,a),this.updateIcon()}render(){return o("div",{class:`gux-disclosure-button-container gux-${this.position}`},o("button",{class:"gux-disclosure-button",onClick:()=>this.changeState(),"aria-controls":this.panelId,"aria-expanded":this.isOpen.toString(),"aria-label":this.label||this.i18n("defaultLabel")},o("gux-icon",{"icon-name":`${this.icon}`,decorative:!0})),o("div",{id:this.panelId,class:{"gux-disclosure-panel":!0,"gux-active":this.isOpen},role:"region"},o("slot",{name:"panel-content"})))}get root(){return s(this)}static get watchers(){return{isOpen:["watchIsOpen"]}}};u.style=":host{height:100%;color:var(--gse-ui-tabs-item-icon-iconColor)}.gux-disclosure-button-container{display:flex;flex-direction:row;justify-content:flex-start;height:100%}.gux-disclosure-button-container .gux-disclosure-button{width:16px;padding:0;margin:0;color:var(--gse-ui-tabs-item-icon-iconColor);background:transparent;border-top:none;border-right:1px solid var(--gse-ui-tabs-item-divider-dividerColor);border-bottom:none;border-left:1px solid var(--gse-ui-tabs-item-divider-dividerColor)}.gux-disclosure-button-container .gux-disclosure-button gux-icon{width:12px;height:12px}.gux-disclosure-button-container .gux-disclosure-button:focus{outline:none}.gux-disclosure-button-container .gux-disclosure-panel{display:none;order:-1;width:100%}.gux-disclosure-button-container .gux-disclosure-panel.gux-active{display:block}.gux-disclosure-button-container.gux-right{justify-content:flex-end}.gux-disclosure-button-container.gux-right .gux-disclosure-panel{order:1}";export{u as gux_disclosure_button_legacy}
@@ -1 +1 @@
1
- import{r as t,h as i,g as o}from"./p-7d26b2e1.js";import{b as n}from"./p-deee079e.js";import{t as e}from"./p-dc84cec7.js";import"./p-8a133b9b.js";const a={navigationName:"Skip links navigation"},s=class{constructor(i){t(this,i)}async componentWillLoad(){e(this.root),this.i18n=await n(this.root,a)}render(){return i("div",{class:"gux-container"},i("nav",{"aria-label":this.i18n("navigationName")},i("ul",{role:"list"},i("slot",null))))}static get delegatesFocus(){return!0}get root(){return o(this)}};s.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit;position:absolute;inset:0}.gux-container nav{width:fit-content;margin:40px auto}.gux-container nav ul{padding:0;margin:0}";export{s as gux_skip_navigation_list}
1
+ import{r as t,h as i,g as o}from"./p-7d26b2e1.js";import{b as n}from"./p-deee079e.js";import{t as e}from"./p-adbed625.js";import"./p-8a133b9b.js";const a={navigationName:"Skip links navigation"},s=class{constructor(i){t(this,i)}async componentWillLoad(){e(this.root),this.i18n=await n(this.root,a)}render(){return i("div",{class:"gux-container"},i("nav",{"aria-label":this.i18n("navigationName")},i("ul",{role:"list"},i("slot",null))))}static get delegatesFocus(){return!0}get root(){return o(this)}};s.style=":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit;position:absolute;inset:0}.gux-container nav{width:fit-content;margin:40px auto}.gux-container nav ul{padding:0;margin:0}";export{s as gux_skip_navigation_list}
@@ -1 +1 @@
1
- import{r as e,c as t,f as n,h as s,g as o}from"./p-7d26b2e1.js";import{b as a}from"./p-deee079e.js";import{t as r}from"./p-dc84cec7.js";import{g as c,s as i,a as h,b as l,c as u,d,e as p,f as m,h as g}from"./p-4a6ae41e.js";import"./p-8a133b9b.js";import"./p-9dd4b14a.js";import"./p-d176c2ae.js";const x={search:"Search column",searchResults:"search results",selectedColumnCount:"{count}/{total} Columns Selected",selectAllColumnsScreenReader:"{count} of {total} columns selected: check checkbox to select all {total} columns",unselectAllColumnsScreenReader:"{count} of {total} columns selected: uncheck checkbox to unselect all {total} columns",movePositionPrompt:"Press space or enter to move the {columnName} column to position {newPositionNumber} from position {oldPositionNumber}.",reorderingModeActive:"Reordering mode active. Reposition the {columnName} column using the up arrow key, the down arrow key, the home key and the end key. Press Escape to deactivate reordering mode."},b=class{constructor(n){e(this,n),this.guxorderchange=t(this,"guxorderchange",7),this.highlightResults={matchCount:0,currentMatch:0},this.keyboardOrderChange=c()}watchKeyboardOrderChange(){i(this.root,this.keyboardOrderChange)}async componentWillLoad(){r(this.root),this.i18n=await a(this.root,x)}componentDidLoad(){h(this.root,this.mainCheckboxElement)}handleInternalorderchange(e){e.stopPropagation(),this.emitOrderChange(e.detail)}emitOrderChange(e){const{oldIndex:t,newIndex:n}=e;if(t!==n){const t=l(this.root,e);this.guxorderchange.emit(t)}}handleInternalkeyboardorderstart(e){e.stopPropagation();const t=e.detail,n=u(e.target);this.keyboardOrderChange={oldIndex:n,newIndex:n},this.announceElement.guxAnnounce(this.i18n("reorderingModeActive",{columnName:t}))}handleInternalkeyboardreordermove(e){e.stopPropagation();const{delta:t,column:n}=e.detail;this.keyboardOrderChange=d(this.root,this.keyboardOrderChange,t),this.announceElement.guxAnnounce(this.i18n("movePositionPrompt",{columnName:n,newPositionNumber:this.keyboardOrderChange.newIndex+1,oldPositionNumber:this.keyboardOrderChange.oldIndex+1}))}handleInternalkeyboarddoreorder(e){e.stopPropagation(),this.emitOrderChange(this.keyboardOrderChange),e.target.guxFocus()}handleInternalkeyboardorderfinish(e){e.stopPropagation(),this.keyboardOrderChange=c()}onSearchInput(){this.highlightResults=p(this.root,this.searchElement)}onGuxCurrentMatchChanged(e){this.highlightResults=p(this.root,this.searchElement,e.detail)}onMainCheckboxChange(){m(this.root,this.mainCheckboxElement.checked),n(this.root)}onListChange(){h(this.root,this.mainCheckboxElement),n(this.root)}onSlotChange(){this.onListChange()}renderSelectedColumnCount(){const{count:e,total:t}=g(this.root);return s("div",null,s("span",{"aria-hidden":"true"},this.i18n("selectedColumnCount",{count:e,total:t})),s("span",{class:"gux-sr-only"},s("span",null,": ",this.i18n(e===t?"unselectAllColumnsScreenReader":"selectAllColumnsScreenReader",{count:e,total:t}))))}render(){return s("div",{class:"gux-container"},s("div",{class:"gux-sr-only","aria-live":"polite"},`${this.highlightResults.matchCount} ${this.i18n("searchResults")}`),s("div",{class:"gux-search"},s("gux-content-search",{"match-count":this.highlightResults.matchCount,"current-match":this.highlightResults.currentMatch,onGuxcurrentmatchchanged:e=>this.onGuxCurrentMatchChanged(e)},s("input",{type:"search",placeholder:this.i18n("search"),onInput:()=>this.onSearchInput(),ref:e=>this.searchElement=e}))),s("div",{class:"gux-select"},s("gux-form-field-checkbox",null,s("input",{slot:"input",type:"checkbox",ref:e=>this.mainCheckboxElement=e,onChange:()=>this.onMainCheckboxChange()}),s("label",{slot:"label"},this.renderSelectedColumnCount()))),s("div",{class:"gux-list",onChange:()=>this.onListChange()},s("slot",{onSlotchange:()=>this.onSlotChange()})),s("gux-announce-beta",{ref:e=>this.announceElement=e}))}get root(){return o(this)}static get watchers(){return{keyboardOrderChange:["watchKeyboardOrderChange"]}}};b.style=".gux-container{width:320px;min-width:320px}.gux-container .gux-search gux-content-search{width:100%}.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-decoration,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-cancel-button,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-results-button,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-results-decoration{display:none;-webkit-appearance:none}.gux-container .gux-select{padding:8px 0 8px 16px;margin:4px 0;color:#596373;background-color:#f6f7f9;border-radius:4px}.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{b as gux_column_manager}
1
+ import{r as e,c as t,f as n,h as s,g as o}from"./p-7d26b2e1.js";import{b as a}from"./p-deee079e.js";import{t as r}from"./p-adbed625.js";import{g as i,s as c,a as h,b as l,c as u,d,e as p,f as m,h as g}from"./p-4a6ae41e.js";import"./p-8a133b9b.js";import"./p-9dd4b14a.js";import"./p-d176c2ae.js";const x={search:"Search column",searchResults:"search results",selectedColumnCount:"{count}/{total} Columns Selected",selectAllColumnsScreenReader:"{count} of {total} columns selected: check checkbox to select all {total} columns",unselectAllColumnsScreenReader:"{count} of {total} columns selected: uncheck checkbox to unselect all {total} columns",movePositionPrompt:"Press space or enter to move the {columnName} column to position {newPositionNumber} from position {oldPositionNumber}.",reorderingModeActive:"Reordering mode active. Reposition the {columnName} column using the up arrow key, the down arrow key, the home key and the end key. Press Escape to deactivate reordering mode."},b=class{constructor(n){e(this,n),this.guxorderchange=t(this,"guxorderchange",7),this.highlightResults={matchCount:0,currentMatch:0},this.keyboardOrderChange=i()}watchKeyboardOrderChange(){c(this.root,this.keyboardOrderChange)}async componentWillLoad(){r(this.root),this.i18n=await a(this.root,x)}componentDidLoad(){h(this.root,this.mainCheckboxElement)}handleInternalorderchange(e){e.stopPropagation(),this.emitOrderChange(e.detail)}emitOrderChange(e){const{oldIndex:t,newIndex:n}=e;if(t!==n){const t=l(this.root,e);this.guxorderchange.emit(t)}}handleInternalkeyboardorderstart(e){e.stopPropagation();const t=e.detail,n=u(e.target);this.keyboardOrderChange={oldIndex:n,newIndex:n},this.announceElement.guxAnnounce(this.i18n("reorderingModeActive",{columnName:t}))}handleInternalkeyboardreordermove(e){e.stopPropagation();const{delta:t,column:n}=e.detail;this.keyboardOrderChange=d(this.root,this.keyboardOrderChange,t),this.announceElement.guxAnnounce(this.i18n("movePositionPrompt",{columnName:n,newPositionNumber:this.keyboardOrderChange.newIndex+1,oldPositionNumber:this.keyboardOrderChange.oldIndex+1}))}handleInternalkeyboarddoreorder(e){e.stopPropagation(),this.emitOrderChange(this.keyboardOrderChange),e.target.guxFocus()}handleInternalkeyboardorderfinish(e){e.stopPropagation(),this.keyboardOrderChange=i()}onSearchInput(){this.highlightResults=p(this.root,this.searchElement)}onGuxCurrentMatchChanged(e){this.highlightResults=p(this.root,this.searchElement,e.detail)}onMainCheckboxChange(){m(this.root,this.mainCheckboxElement.checked),n(this.root)}onListChange(){h(this.root,this.mainCheckboxElement),n(this.root)}onSlotChange(){this.onListChange()}renderSelectedColumnCount(){const{count:e,total:t}=g(this.root);return s("div",null,s("span",{"aria-hidden":"true"},this.i18n("selectedColumnCount",{count:e,total:t})),s("span",{class:"gux-sr-only"},s("span",null,": ",this.i18n(e===t?"unselectAllColumnsScreenReader":"selectAllColumnsScreenReader",{count:e,total:t}))))}render(){return s("div",{class:"gux-container"},s("div",{class:"gux-sr-only","aria-live":"polite"},`${this.highlightResults.matchCount} ${this.i18n("searchResults")}`),s("div",{class:"gux-search"},s("gux-content-search",{"match-count":this.highlightResults.matchCount,"current-match":this.highlightResults.currentMatch,onGuxcurrentmatchchanged:e=>this.onGuxCurrentMatchChanged(e)},s("input",{type:"search",placeholder:this.i18n("search"),onInput:()=>this.onSearchInput(),ref:e=>this.searchElement=e}))),s("div",{class:"gux-select"},s("gux-form-field-checkbox",null,s("input",{slot:"input",type:"checkbox",ref:e=>this.mainCheckboxElement=e,onChange:()=>this.onMainCheckboxChange()}),s("label",{slot:"label"},this.renderSelectedColumnCount()))),s("div",{class:"gux-list",onChange:()=>this.onListChange()},s("slot",{onSlotchange:()=>this.onSlotChange()})),s("gux-announce-beta",{ref:e=>this.announceElement=e}))}get root(){return o(this)}static get watchers(){return{keyboardOrderChange:["watchKeyboardOrderChange"]}}};b.style=".gux-container{width:320px;min-width:320px}.gux-container .gux-search gux-content-search{width:100%}.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-decoration,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-cancel-button,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-results-button,.gux-container .gux-search gux-content-search input[type=search]::-webkit-search-results-decoration{display:none;-webkit-appearance:none}.gux-container .gux-select{padding:8px 0 8px 16px;margin:4px 0;color:#596373;background-color:#f6f7f9;border-radius:4px}.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{b as gux_column_manager}
@@ -0,0 +1 @@
1
+ import{r as i,h as e}from"./p-7d26b2e1.js";const o=class{constructor(e){i(this,e),this.checked=!1,this.disabled=!1,this.guxAriaLabel="",this.labelId="",this.errorId=""}componentDidLoad(){var i,e,o;this.labelId?null===(i=this.checkboxElement)||void 0===i||i.setAttribute("aria-labelledby",this.labelId):null===(e=this.checkboxElement)||void 0===e||e.setAttribute("aria-label",this.guxAriaLabel),this.errorId&&(null===(o=this.checkboxElement)||void 0===o||o.setAttribute("aria-describedby",this.errorId))}render(){return e("div",{class:{"gux-toggle-slider":!0,"gux-checked":this.checked,"gux-disabled":this.disabled},role:"checkbox","aria-checked":this.checked.toString(),"aria-disabled":this.disabled.toString(),tabindex:this.disabled?"":"0",ref:i=>this.checkboxElement=i},e("div",{class:"gux-slider"},e("div",{class:"gux-switch"},e("gux-icon",{"icon-name":"checkmark",decorative:!0}))))}};o.style='.gux-focus-ring-focused:focus{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-within:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-visible:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-small-focused:focus{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-within:focus-within{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-visible:focus-visible{outline:2px solid #aac9ff;outline-offset:0}gux-toggle-slider{display:flex;align-items:center;padding:2px;outline:none}gux-toggle-slider .gux-toggle-slider{position:relative;display:inline-block;flex:0 1 auto;align-self:auto;order:0;width:30px;height:16px;border-radius:8px}gux-toggle-slider .gux-toggle-slider.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-toggle-slider .gux-toggle-slider:focus-visible{outline:none;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}gux-toggle-slider .gux-toggle-slider .gux-slider{position:absolute;inset:0;background-color:#6b7585;border-radius:8px;transition:background-color 0.5s ease}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch{position:absolute;bottom:1px;left:1px;width:14px;height:14px;content:"";background-color:#fdfdfd;border-radius:50%;transition:0.5s}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch gux-icon{position:absolute;inset:0;width:12px;height:12px;padding:1px;color:#fdfdfd;opacity:0;transition:color 0.5s linear}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider{background-color:#2a60c8}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch{transform:translateX(14px)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch gux-icon{color:#2a60c8;opacity:1;transition:opacity 0.25s linear;transition-delay:0.25s}';export{o as gux_toggle_slider}
@@ -1 +1 @@
1
- import{r as o,h as r,g as t}from"./p-7d26b2e1.js";import{t as e}from"./p-dc84cec7.js";const n=class{constructor(r){o(this,r),this.type="button",this.guxTitle=void 0,this.disabled=!1,this.accent="secondary"}componentWillLoad(){e(this.root,{variant:this.accent}),this.makeSlotContentDisableable()}render(){return r("button",{type:this.type,title:this.guxTitle,disabled:this.disabled,class:`gux-${this.accent}`},r("slot",null))}makeSlotContentDisableable(){this.root.shadowRoot.addEventListener("click",(o=>{this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())})),Array.from(this.root.children).forEach((o=>{o.addEventListener("click",(o=>{this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())}))}))}static get delegatesFocus(){return!0}get root(){return t(this)}};n.style=":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size)}::slotted(*){padding-left:8px;vertical-align:middle}::slotted(*:first-child){padding:0}button{font-family:var(--gse-ui-button-text-fontFamily);font-weight:var(--gse-ui-button-text-fontWeight);font-size:var(--gse-ui-button-text-fontSize);line-height:var(--gse-ui-button-text-lineHeight);color:var(--gse-ui-button-secondary-default-foregroundColor);background-color:var(--gse-ui-button-secondary-default-backgroundColor);width:100%;min-width:var(--gse-ui-button-icon-only-width);height:var(--gse-ui-button-height);padding:var(--gse-ui-button-padding);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;border:none;border-radius:var(--gse-ui-button-borderRadius)}button[disabled]{opacity:var(--gse-ui-button-disabled-opacity);cursor:default}button:hover:enabled{color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}button:active:enabled{color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}button:focus-visible:enabled{outline:3px solid #7b88f7;outline-offset:1px;border-radius:3px}button.gux-primary{color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}button.gux-primary:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}button.gux-primary:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}button.gux-tertiary{color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-width:var(--gse-ui-button-tertiary-default-border-width);border-style:var(--gse-ui-button-tertiary-default-border-style);border-color:var(--gse-ui-button-tertiary-default-border-color)}button.gux-tertiary:hover:enabled{color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}button.gux-tertiary:active:enabled{color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}button.gux-ghost{color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}button.gux-ghost:hover:enabled{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button.gux-ghost:active:enabled{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button.gux-danger{color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}button.gux-danger:hover:enabled{color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}button.gux-danger:active:enabled{color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}button.gux-inline{min-width:initial;height:initial;padding:0;color:var(--gse-ui-link-default-color);background:none;border:none}button.gux-inline[disabled]{color:var(--gse-ui-link-disabled-color)}button.gux-inline:hover:enabled{text-decoration:underline;color:var(--gse-ui-link-hover-color);background:none}button.gux-inline:active:enabled{text-decoration:underline;color:var(--gse-ui-link-active-color);background:none}";export{n as gux_button}
1
+ import{r as o,h as r,g as t}from"./p-7d26b2e1.js";import{t as e}from"./p-adbed625.js";const n=class{constructor(r){o(this,r),this.type="button",this.guxTitle=void 0,this.disabled=!1,this.accent="secondary"}componentWillLoad(){e(this.root,{variant:this.accent}),this.makeSlotContentDisableable()}render(){return r("button",{type:this.type,title:this.guxTitle,disabled:this.disabled,class:`gux-${this.accent}`},r("slot",null))}makeSlotContentDisableable(){this.root.shadowRoot.addEventListener("click",(o=>{this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())})),Array.from(this.root.children).forEach((o=>{o.addEventListener("click",(o=>{this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())}))}))}static get delegatesFocus(){return!0}get root(){return t(this)}};n.style=":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size)}::slotted(*){padding-left:8px;vertical-align:middle}::slotted(*:first-child){padding:0}button{font-family:var(--gse-ui-button-text-fontFamily);font-weight:var(--gse-ui-button-text-fontWeight);font-size:var(--gse-ui-button-text-fontSize);line-height:var(--gse-ui-button-text-lineHeight);color:var(--gse-ui-button-secondary-default-foregroundColor);background-color:var(--gse-ui-button-secondary-default-backgroundColor);width:100%;min-width:var(--gse-ui-button-icon-only-width);height:var(--gse-ui-button-height);padding:var(--gse-ui-button-padding);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;border:none;border-radius:var(--gse-ui-button-borderRadius)}button[disabled]{opacity:var(--gse-ui-button-disabled-opacity);cursor:default}button:hover:enabled{color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}button:active:enabled{color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}button:focus-visible:enabled{outline:3px solid #7b88f7;outline-offset:1px;border-radius:3px}button.gux-primary{color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}button.gux-primary:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}button.gux-primary:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}button.gux-tertiary{color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-width:var(--gse-ui-button-tertiary-default-border-width);border-style:var(--gse-ui-button-tertiary-default-border-style);border-color:var(--gse-ui-button-tertiary-default-border-color)}button.gux-tertiary:hover:enabled{color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}button.gux-tertiary:active:enabled{color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}button.gux-ghost{color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}button.gux-ghost:hover:enabled{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button.gux-ghost:active:enabled{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button.gux-danger{color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}button.gux-danger:hover:enabled{color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}button.gux-danger:active:enabled{color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}button.gux-inline{min-width:initial;height:initial;padding:0;color:var(--gse-ui-link-default-color);background:none;border:none}button.gux-inline[disabled]{color:var(--gse-ui-link-disabled-color)}button.gux-inline:hover:enabled{text-decoration:underline;color:var(--gse-ui-link-hover-color);background:none}button.gux-inline:active:enabled{text-decoration:underline;color:var(--gse-ui-link-active-color);background:none}";export{n as gux_button}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,g as s}from"./p-7d26b2e1.js";import{a,c as n,o as r,f as d}from"./p-4e2b5bcf.js";import{r as c}from"./p-cbcbd1bb.js";import{a as u}from"./p-091f51f6.js";import{f as o,a as h,b as l,c as p}from"./p-4f26144b.js";import{O as g}from"./p-9d18d475.js";import{t as x}from"./p-dc84cec7.js";import{b as f}from"./p-deee079e.js";import"./p-8a133b9b.js";const k={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function b(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function m(t,e){const i=new Date(e.valueOf()),s=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(s),i.setFullYear(e.getFullYear()),i.getMonth()!==s?m(t,b(-1,e)):i}function y(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function w(t){return t.match(/\W/)[0]}function v(t){const e=w(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function D(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const F=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=c("gux-datepicker"),this.endInputId=c("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?o(t):null}watchMaxDate(t){this.maxDateDate=t?o(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=v(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=o(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=v(t),s=y(t,e.selectionStart),a=i.indexOf(s);return D(t,i[(a+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=v(t),s=y(t,e.selectionStart),a=i.indexOf(s);return D(t,i[(a+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");u((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||u((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=D(this.format,y(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return D(this.format,y(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===y(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const s=t.split(",").map((t=>t.trim()));return"range"===e?[s[0]||i[0],s[1]||i[1]]:"range"===e||s[0]?[s[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=w(this.format),i=this.format.toLowerCase().split(e),s=t.split(e),a=parseInt(s[i.indexOf(this.yearFormat)],10),n=parseInt(s[i.indexOf("mm")],10)-1,r=parseInt(s[i.indexOf("dd")],10),d=new Date(a,n,r);return"yy"===this.yearFormat&&d.getFullYear()<1970&&this.lastYear>1970&&d.setFullYear(d.getFullYear()+100),d}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=h(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=l(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(y(this.format,this.focusedField.selectionStart)){case"d":{const t=o(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:s}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(s,(t=>i[t]));const{map:a,regexp:n}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(n,(t=>a[t]))}else{const t=o(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&u((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return o(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=y(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let s;switch(e){case"d":s=b(t,i);break;case"m":s=m(t,i);break;case"y":s=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var a,n,r;a=s,n=this.minDateDate,((r=this.maxDateDate)&&r<a||n&&n>a)&&(s=i),this.lastYear=s.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=w(e),s=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return s}(s,this.format),this.setValue()}async componentWillLoad(){if(x(this.root,{variant:this.mode}),this.i18n=await f(this.root,k),this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?h(t,t):l(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=a(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){n(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[r({crossAxis:-3}),d({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"calendar"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return s(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,s){var a,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var d=t.length-1;d>=0;d--)(a=t[d])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([g({triggerEvents:"mousedown"})],F.prototype,"onClickOutside",null),F.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:0.5}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-top:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-right:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:8px;font-size:12px;font-weight:bold;line-height:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{position:relative;flex:0 1 auto;align-self:auto;order:0;margin:4px 0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px;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-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:100px;overflow:hidden;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:#596373;opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:16px;height:16px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gux-zindex-popup, 1);display:none;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{F as gux_datepicker}
1
+ import{r as t,c as e,h as i,g as s}from"./p-7d26b2e1.js";import{a,c as n,o as r,f as d}from"./p-4e2b5bcf.js";import{r as c}from"./p-cbcbd1bb.js";import{a as u}from"./p-091f51f6.js";import{f as o,a as h,b as l,c as p}from"./p-4f26144b.js";import{O as g}from"./p-9d18d475.js";import{t as x}from"./p-adbed625.js";import{b as f}from"./p-deee079e.js";import"./p-8a133b9b.js";const k={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function b(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function m(t,e){const i=new Date(e.valueOf()),s=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(s),i.setFullYear(e.getFullYear()),i.getMonth()!==s?m(t,b(-1,e)):i}function y(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function w(t){return t.match(/\W/)[0]}function v(t){const e=w(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function D(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const F=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.isSelectingRangeWithMouse=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=c("gux-datepicker"),this.endInputId=c("gux-datepicker"),this.value=void 0,this.label="",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.labelPosition="beside",this.formattedValue="",this.minDateDate=void 0,this.maxDateDate=void 0,this.toFormattedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?o(t):null}watchMaxDate(t){this.maxDateDate=t?o(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=v(t),this.lastIntervalRange=this.initialIntervalRange}watchActiveCalendar(t){if(!0===t){const t=o(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isInputFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=v(t),s=y(t,e.selectionStart),a=i.indexOf(s);return D(t,i[(a+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=v(t),s=y(t,e.selectionStart),a=i.indexOf(s);return D(t,i[(a+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),this.isSelectingRangeWithMouse||(this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange())}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");u((()=>{t.focus()}));break}case"Tab":this.active&&(this.active=!1)}}onMouseDown(t){this.isInputFieldEvent(t)&&(this.isSelectingRangeWithMouse=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onClickOutside(){this.active=!1}onInputFocusIn(t){this.focusedField=this.getInputFieldFromEvent(t),this.isSelectingRangeWithMouse||u((()=>this.setRange()))}onInputFocusOut(){this.lastIntervalRange=this.initialIntervalRange}onInputMouseUp(t){t.preventDefault(),this.lastIntervalRange=D(this.format,y(this.format,this.focusedField.selectionStart)),this.setRange(),this.isSelectingRangeWithMouse=!1}isInputFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}get initialIntervalRange(){return D(this.format,y(this.format,0))}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===y(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const s=t.split(",").map((t=>t.trim()));return"range"===e?[s[0]||i[0],s[1]||i[1]]:"range"===e||s[0]?[s[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=w(this.format),i=this.format.toLowerCase().split(e),s=t.split(e),a=parseInt(s[i.indexOf(this.yearFormat)],10),n=parseInt(s[i.indexOf("mm")],10)-1,r=parseInt(s[i.indexOf("dd")],10),d=new Date(a,n,r);return"yy"===this.yearFormat&&d.getFullYear()<1970&&this.lastYear>1970&&d.setFullYear(d.getFullYear()+100),d}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formattedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormattedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=h(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=l(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(y(this.format,this.focusedField.selectionStart)){case"d":{const t=o(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=p(this.value),{map:i,regexp:s}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(s,(t=>i[t]));const{map:a,regexp:n}=this.getMapAndRegexFromField(e);this.toFormattedValue=this.format.replace(n,(t=>a[t]))}else{const t=o(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formattedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&(this.focusedField.setSelectionRange(0,100),this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd))}toggleCalendar(){this.active=!this.active,this.active&&u((()=>{this.calendarElement.focusPreviewDate()}))}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return o(this.value)}getRangeFocusedDateValue(){const[t,e]=p(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=y(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let s;switch(e){case"d":s=b(t,i);break;case"m":s=m(t,i);break;case"y":s=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var a,n,r;a=s,n=this.minDateDate,((r=this.maxDateDate)&&r<a||n&&n>a)&&(s=i),this.lastYear=s.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=w(e),s=e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i);return s}(s,this.format),this.setValue()}async componentWillLoad(){if(x(this.root,{variant:this.mode}),this.i18n=await f(this.root,k),this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?h(t,t):l(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}this.updateDate()}runUpdatePosition(){this.cleanupUpdatePosition=a(this.datepickerElement,this.calendarElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0})}updatePosition(){n(this.datepickerElement,this.calendarElement,{strategy:"fixed",placement:"bottom-start",middleware:[r({crossAxis:-3}),d({fallbackStrategy:"initialPlacement"})]}).then((({x:t,y:e})=>{Object.assign(this.calendarElement.style,{left:`${t}px`,top:`${e}px`})}))}componentDidUpdate(){this.active?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"calendar"}))}renderCalendar(){return i("gux-calendar",{tabIndex:-1,ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onCalendarSelect:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths,startDayOfWeek:this.startDayOfWeek})}renderStartDateField(){return i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",onClick:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),ref:t=>this.inputElement=t,value:this.formattedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:{"gux-datepicker-field":!0,"gux-above":"above"===this.labelPosition}},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,onMouseUp:t=>this.onInputMouseUp(t),onFocusin:t=>this.onInputFocusIn(t),onFocusout:()=>this.onInputFocusOut(),value:this.toFormattedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return s(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,s){var a,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var d=t.length-1;d>=0;d--)(a=t[d])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([g({triggerEvents:"mousedown"})],F.prototype,"onClickOutside",null),F.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:0.5}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-top:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-right:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:8px;font-size:12px;font-weight:bold;line-height:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{position:relative;flex:0 1 auto;align-self:auto;order:0;margin:4px 0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px;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-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:100px;overflow:hidden;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:#596373;opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:16px;height:16px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gux-zindex-popup, 1);display:none;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{F as gux_datepicker}
@@ -1 +1 @@
1
- import{r as t,h as e,g as i}from"./p-7d26b2e1.js";import{t as s}from"./p-dc84cec7.js";import{O as n}from"./p-9d18d475.js";import{b as r,g as o}from"./p-deee079e.js";import{s as a}from"./p-d176c2ae.js";import{b as h}from"./p-091f51f6.js";import{g as u,a as p,b as g}from"./p-955a1e6a.js";import"./p-8a133b9b.js";const l={toggleCalendar:"Toggle month calendar view",month:"Month",year:"Year",unset:"Unset"};const d={year:"numeric",month:"long"},x=["ar","he","ja","ko","zh-cn","zh-tw"],c=class{constructor(e){t(this,e),this.value=void 0,this.min=void 0,this.max=void 0,this.disabled=!1,this.expanded=!1,this.locale=void 0}onKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.calendarToggleButtonElement.focus())}onValueUpdate(t){this.value=this.isOutOfBounds(t)?this.isBeforeMin(t)?this.min:this.max:t,a(this.root,"input"),a(this.root,"change")}onClickOutside(){this.expanded=!1}async componentWillLoad(){s(this.root),this.i18n=await r(this.root,l),this.locale=o(this.root)}isOutOfBounds(t){return this.isBeforeMin(t)||this.isAfterMax(t)}isBeforeMin(t){return this.min&&this.min>t}isAfterMax(t){return this.max&&this.max<t}toggleCalendar(){this.expanded=!this.expanded,this.expanded&&h((()=>{this.monthCalendarElement.guxFocus(this.value)}))}onMonthCalendarInput(){this.value=this.monthCalendarElement.value,this.expanded=!1,this.calendarToggleButtonElement.focus()}incrementMonth(t){if(this.value){const{year:e,month:i}=u(this.value),s=((parseInt(i)+11+t)%12+1).toString().padStart(2,"0");this.value=p(e,s)}else this.value=g()}incrementYear(t){if(this.value){const{year:e,month:i}=u(this.value),s=Math.max(Number(e)+t,0).toString();this.value=p(s,i)}else this.value=g()}onSpinnerKeyDown(t,e,i){switch(t.key){case"ArrowDown":t.preventDefault(),e(-1);break;case"ArrowUp":t.preventDefault(),e(1);break;case"ArrowLeft":case"ArrowRight":t.preventDefault(),i.focus();break;case"Enter":t.preventDefault(),this.expanded=!0,h((()=>{this.monthCalendarElement.guxFocus(this.value)}));break;case" ":t.preventDefault()}}onSpinnerKeyUp(t){t.stopPropagation()," "===t.key&&(t.preventDefault(),this.expanded=!0,h((()=>{this.monthCalendarElement.guxFocus(this.value)})))}onSpinnerClick(){this.expanded=!0}getSpinnerLabel(t){if(this.value){const{year:e,month:i}=u(this.value);return new Date(Number(e),Number(i)-1).toLocaleDateString(this.locale,{[t]:d[t]})}return this.i18n(t)}getSpinnerValueNow(t){return this.value?u(this.value)[t]:"0"}getSpinnerValueText(){if(this.value){const{year:t,month:e}=u(this.value);return new Date(Number(t),Number(e)-1).toLocaleDateString(this.locale,{year:"numeric",month:"long"})}return this.i18n("unset")}renderMonthSpinnerButton(){return e("div",{role:"spinbutton",class:{"gux-spinner":!0,"gux-empty":Boolean(!this.value)},tabIndex:this.disabled?-1:0,onKeyDown:t=>this.onSpinnerKeyDown(t,(t=>this.incrementMonth(t)),this.yearSpinnerElement),onKeyUp:t=>this.onSpinnerKeyUp(t),onClick:()=>this.onSpinnerClick(),ref:t=>this.monthSpinnerElement=t,"aria-valuenow":this.getSpinnerValueNow("month"),"aria-valuetext":this.getSpinnerValueText(),"aria-valuemin":"1","aria-valuemax":"12","aria-label":this.i18n("month")},this.getSpinnerLabel("month"))}renderYearSpinnerButton(){return e("div",{role:"spinbutton",class:{"gux-spinner":!0,"gux-empty":Boolean(!this.value)},tabIndex:this.disabled?-1:0,onKeyDown:t=>this.onSpinnerKeyDown(t,(t=>this.incrementYear(t)),this.monthSpinnerElement),onKeyUp:t=>this.onSpinnerKeyUp(t),onClick:()=>this.onSpinnerClick(),ref:t=>this.yearSpinnerElement=t,"aria-valuenow":this.getSpinnerValueNow("year"),"aria-valuetext":this.getSpinnerValueText(),"aria-valuemin":"0","aria-label":this.i18n("year")},this.getSpinnerLabel("year"))}renderSpinnerButtons(){return x.includes(this.locale)?e("span",{class:"gux-display"},this.renderYearSpinnerButton(),this.renderMonthSpinnerButton()):e("span",{class:"gux-display"},this.renderMonthSpinnerButton(),this.renderYearSpinnerButton())}renderCalendarToggleButton(){return e("button",{class:{"gux-popup-toggle":!0,"gux-expanded":this.expanded},ref:t=>this.calendarToggleButtonElement=t,type:"button",onClick:()=>this.toggleCalendar(),disabled:this.disabled},e("gux-icon",{"icon-name":"calendar","screenreader-text":this.i18n("toggleCalendar")}))}renderTarget(){return e("div",{class:"gux-target",slot:"target"},this.renderSpinnerButtons(),this.renderCalendarToggleButton())}renderPopup(){return e("gux-month-calendar",{slot:"popup",ref:t=>this.monthCalendarElement=t,onInput:()=>this.onMonthCalendarInput(),value:this.value,min:this.min,max:this.max})}render(){return e("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}static get watchers(){return{value:["onValueUpdate"]}}};(function(t,e,i,s){var n,r=arguments.length,o=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(o=(r<3?n(o):r>3?n(e,i,o):n(e,i))||o);r>3&&o&&Object.defineProperty(e,i,o)})([n({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:inline-block}.gux-target{display:inline-flex;padding:4px 8px 4px 12px;cursor:pointer;background-color:#f6f7f9;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-target .gux-display{display:inline-flex;min-width:100px;padding-right:8px;color:#2e394c}.gux-target .gux-display .gux-spinner{outline:none}.gux-target .gux-display .gux-spinner:not(:first-child){margin-left:4px}.gux-target .gux-display .gux-spinner:focus-visible{background:#deeaff}.gux-target .gux-display .gux-spinner.gux-empty{color:#596373}.gux-target .gux-popup-toggle{justify-content:right;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px}.gux-target .gux-popup-toggle:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-target .gux-popup-toggle:not(:disabled):focus,.gux-target .gux-popup-toggle:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-target .gux-popup-toggle gux-icon{width:16px;height:16px}.gux-target .gux-popup-toggle.gux-expanded{color:#2a60c8}.gux-target .gux-popup-toggle.gux-expanded:not(:disabled):focus-visible,.gux-target .gux-popup-toggle.gux-expanded:not(:disabled):hover{color:#2a60c8}";export{c as gux_month_picker_beta}
1
+ import{r as t,h as e,g as i}from"./p-7d26b2e1.js";import{t as s}from"./p-adbed625.js";import{O as n}from"./p-9d18d475.js";import{b as r,g as o}from"./p-deee079e.js";import{s as a}from"./p-d176c2ae.js";import{b as h}from"./p-091f51f6.js";import{g as u,a as p,b as g}from"./p-955a1e6a.js";import"./p-8a133b9b.js";const l={toggleCalendar:"Toggle month calendar view",month:"Month",year:"Year",unset:"Unset"};const d={year:"numeric",month:"long"},x=["ar","he","ja","ko","zh-cn","zh-tw"],c=class{constructor(e){t(this,e),this.value=void 0,this.min=void 0,this.max=void 0,this.disabled=!1,this.expanded=!1,this.locale=void 0}onKeyDown(t){"Escape"===t.key&&(this.expanded=!1,this.calendarToggleButtonElement.focus())}onValueUpdate(t){this.value=this.isOutOfBounds(t)?this.isBeforeMin(t)?this.min:this.max:t,a(this.root,"input"),a(this.root,"change")}onClickOutside(){this.expanded=!1}async componentWillLoad(){s(this.root),this.i18n=await r(this.root,l),this.locale=o(this.root)}isOutOfBounds(t){return this.isBeforeMin(t)||this.isAfterMax(t)}isBeforeMin(t){return this.min&&this.min>t}isAfterMax(t){return this.max&&this.max<t}toggleCalendar(){this.expanded=!this.expanded,this.expanded&&h((()=>{this.monthCalendarElement.guxFocus(this.value)}))}onMonthCalendarInput(){this.value=this.monthCalendarElement.value,this.expanded=!1,this.calendarToggleButtonElement.focus()}incrementMonth(t){if(this.value){const{year:e,month:i}=u(this.value),s=((parseInt(i)+11+t)%12+1).toString().padStart(2,"0");this.value=p(e,s)}else this.value=g()}incrementYear(t){if(this.value){const{year:e,month:i}=u(this.value),s=Math.max(Number(e)+t,0).toString();this.value=p(s,i)}else this.value=g()}onSpinnerKeyDown(t,e,i){switch(t.key){case"ArrowDown":t.preventDefault(),e(-1);break;case"ArrowUp":t.preventDefault(),e(1);break;case"ArrowLeft":case"ArrowRight":t.preventDefault(),i.focus();break;case"Enter":t.preventDefault(),this.expanded=!0,h((()=>{this.monthCalendarElement.guxFocus(this.value)}));break;case" ":t.preventDefault()}}onSpinnerKeyUp(t){t.stopPropagation()," "===t.key&&(t.preventDefault(),this.expanded=!0,h((()=>{this.monthCalendarElement.guxFocus(this.value)})))}onSpinnerClick(){this.expanded=!0}getSpinnerLabel(t){if(this.value){const{year:e,month:i}=u(this.value);return new Date(Number(e),Number(i)-1).toLocaleDateString(this.locale,{[t]:d[t]})}return this.i18n(t)}getSpinnerValueNow(t){return this.value?u(this.value)[t]:"0"}getSpinnerValueText(){if(this.value){const{year:t,month:e}=u(this.value);return new Date(Number(t),Number(e)-1).toLocaleDateString(this.locale,{year:"numeric",month:"long"})}return this.i18n("unset")}renderMonthSpinnerButton(){return e("div",{role:"spinbutton",class:{"gux-spinner":!0,"gux-empty":Boolean(!this.value)},tabIndex:this.disabled?-1:0,onKeyDown:t=>this.onSpinnerKeyDown(t,(t=>this.incrementMonth(t)),this.yearSpinnerElement),onKeyUp:t=>this.onSpinnerKeyUp(t),onClick:()=>this.onSpinnerClick(),ref:t=>this.monthSpinnerElement=t,"aria-valuenow":this.getSpinnerValueNow("month"),"aria-valuetext":this.getSpinnerValueText(),"aria-valuemin":"1","aria-valuemax":"12","aria-label":this.i18n("month")},this.getSpinnerLabel("month"))}renderYearSpinnerButton(){return e("div",{role:"spinbutton",class:{"gux-spinner":!0,"gux-empty":Boolean(!this.value)},tabIndex:this.disabled?-1:0,onKeyDown:t=>this.onSpinnerKeyDown(t,(t=>this.incrementYear(t)),this.monthSpinnerElement),onKeyUp:t=>this.onSpinnerKeyUp(t),onClick:()=>this.onSpinnerClick(),ref:t=>this.yearSpinnerElement=t,"aria-valuenow":this.getSpinnerValueNow("year"),"aria-valuetext":this.getSpinnerValueText(),"aria-valuemin":"0","aria-label":this.i18n("year")},this.getSpinnerLabel("year"))}renderSpinnerButtons(){return x.includes(this.locale)?e("span",{class:"gux-display"},this.renderYearSpinnerButton(),this.renderMonthSpinnerButton()):e("span",{class:"gux-display"},this.renderMonthSpinnerButton(),this.renderYearSpinnerButton())}renderCalendarToggleButton(){return e("button",{class:{"gux-popup-toggle":!0,"gux-expanded":this.expanded},ref:t=>this.calendarToggleButtonElement=t,type:"button",onClick:()=>this.toggleCalendar(),disabled:this.disabled},e("gux-icon",{"icon-name":"calendar","screenreader-text":this.i18n("toggleCalendar")}))}renderTarget(){return e("div",{class:"gux-target",slot:"target"},this.renderSpinnerButtons(),this.renderCalendarToggleButton())}renderPopup(){return e("gux-month-calendar",{slot:"popup",ref:t=>this.monthCalendarElement=t,onInput:()=>this.onMonthCalendarInput(),value:this.value,min:this.min,max:this.max})}render(){return e("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return i(this)}static get watchers(){return{value:["onValueUpdate"]}}};(function(t,e,i,s){var n,r=arguments.length,o=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(o=(r<3?n(o):r>3?n(e,i,o):n(e,i))||o);r>3&&o&&Object.defineProperty(e,i,o)})([n({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:inline-block}.gux-target{display:inline-flex;padding:4px 8px 4px 12px;cursor:pointer;background-color:#f6f7f9;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-target .gux-display{display:inline-flex;min-width:100px;padding-right:8px;color:#2e394c}.gux-target .gux-display .gux-spinner{outline:none}.gux-target .gux-display .gux-spinner:not(:first-child){margin-left:4px}.gux-target .gux-display .gux-spinner:focus-visible{background:#deeaff}.gux-target .gux-display .gux-spinner.gux-empty{color:#596373}.gux-target .gux-popup-toggle{justify-content:right;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px}.gux-target .gux-popup-toggle:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-target .gux-popup-toggle:not(:disabled):focus,.gux-target .gux-popup-toggle:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-target .gux-popup-toggle gux-icon{width:16px;height:16px}.gux-target .gux-popup-toggle.gux-expanded{color:#2a60c8}.gux-target .gux-popup-toggle.gux-expanded:not(:disabled):focus-visible,.gux-target .gux-popup-toggle.gux-expanded:not(:disabled):hover{color:#2a60c8}";export{c as gux_month_picker_beta}
@@ -1 +1 @@
1
- import{r as t,h as o,H as s,g as e}from"./p-7d26b2e1.js";import{a as i}from"./p-091f51f6.js";import{t as r}from"./p-dc84cec7.js";import{h as n}from"./p-837e3eff.js";import{c as a}from"./p-e459974a.js";const u=class{constructor(o){t(this,o),this.isShown=!1}forceUpdate(t){t&&this.popperInstance&&this.popperInstance.update()}onKeydown(t){if(t.stopPropagation(),this.isShown)switch(t.key){case"Escape":case"ArrowLeft":case"ArrowUp":return void this.root.focus();case"ArrowDown":return t.preventDefault(),void this.focusOnMenu();case"Enter":return void(this.hideDelayTimeout=i((()=>{this.focusOnMenu()})))}}onKeyup(t){t.stopPropagation()," "!==t.key||(this.menuContentElement.contains(document.activeElement)?this.root.focus():this.hideDelayTimeout=i((()=>{this.focusOnMenu()})))}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(t){0!==t.detail&&this.hide(),this.root.focus()}onFocusin(){this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),n))}runPopper(){this.popperInstance=a(this.targetElement,document.querySelector("gux-menu"),{modifiers:[{name:"offset",options:{offset:[0,16]}},{name:"arrow",options:{padding:16}}],placement:"bottom-start"})}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;const t=this.root.querySelector("gux-menu");Array.from(t.children)[0].guxFocus()}componentWillLoad(){r(this.root)}componentDidLoad(){this.runPopper()}disconnectedCallback(){this.destroyPopper()}render(){return o(s,{tabIndex:0,"aria-haspopup":"true"},o("span",{ref:t=>this.targetElement=t},o("slot",{name:"target"})),o("div",{class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:t=>this.menuContentElement=t},o("slot",{name:"menu"})))}get root(){return e(this)}static get watchers(){return{isShown:["forceUpdate"]}}};u.style=":host{z-index:var(--gux-zindex-popover, 2);color:#2e394c;cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-flyout-menu-content{display:none;margin:0}.gux-flyout-menu-content.gux-shown{display:flex}.gux-arrow,.gux-arrow::before{position:absolute;top:-3px;width:10px;height:10px;background:inherit}.gux-arrow::before{visibility:visible;content:'';border-top:1px solid #b4bccb;border-left:1px solid #b4bccb;transform:rotate(45deg)}";export{u as gux_flyout_menu_beta}
1
+ import{r as t,h as o,H as s,g as e}from"./p-7d26b2e1.js";import{a as i}from"./p-091f51f6.js";import{t as r}from"./p-adbed625.js";import{h as n}from"./p-837e3eff.js";import{c as a}from"./p-e459974a.js";const u=class{constructor(o){t(this,o),this.isShown=!1}forceUpdate(t){t&&this.popperInstance&&this.popperInstance.update()}onKeydown(t){if(t.stopPropagation(),this.isShown)switch(t.key){case"Escape":case"ArrowLeft":case"ArrowUp":return void this.root.focus();case"ArrowDown":return t.preventDefault(),void this.focusOnMenu();case"Enter":return void(this.hideDelayTimeout=i((()=>{this.focusOnMenu()})))}}onKeyup(t){t.stopPropagation()," "!==t.key||(this.menuContentElement.contains(document.activeElement)?this.root.focus():this.hideDelayTimeout=i((()=>{this.focusOnMenu()})))}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(t){0!==t.detail&&this.hide(),this.root.focus()}onFocusin(){this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),n))}runPopper(){this.popperInstance=a(this.targetElement,document.querySelector("gux-menu"),{modifiers:[{name:"offset",options:{offset:[0,16]}},{name:"arrow",options:{padding:16}}],placement:"bottom-start"})}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;const t=this.root.querySelector("gux-menu");Array.from(t.children)[0].guxFocus()}componentWillLoad(){r(this.root)}componentDidLoad(){this.runPopper()}disconnectedCallback(){this.destroyPopper()}render(){return o(s,{tabIndex:0,"aria-haspopup":"true"},o("span",{ref:t=>this.targetElement=t},o("slot",{name:"target"})),o("div",{class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:t=>this.menuContentElement=t},o("slot",{name:"menu"})))}get root(){return e(this)}static get watchers(){return{isShown:["forceUpdate"]}}};u.style=":host{z-index:var(--gux-zindex-popover, 2);color:#2e394c;cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-flyout-menu-content{display:none;margin:0}.gux-flyout-menu-content.gux-shown{display:flex}.gux-arrow,.gux-arrow::before{position:absolute;top:-3px;width:10px;height:10px;background:inherit}.gux-arrow::before{visibility:visible;content:'';border-top:1px solid #b4bccb;border-left:1px solid #b4bccb;transform:rotate(45deg)}";export{u as gux_flyout_menu_beta}
@@ -1 +1 @@
1
- import{r as t,h as s,H as e,g as i}from"./p-7d26b2e1.js";import{t as o}from"./p-dc84cec7.js";import{D as r,g as a}from"./p-8920a5e5.js";import{g as h}from"./p-deee079e.js";import"./p-8a133b9b.js";const m=class{constructor(s){t(this,s),this.datetime=(new Date).toISOString(),this.format="short",this.timeZone=void 0}componentWillLoad(){o(this.root),this.formatter=new r(h(this.root))}render(){return s(e,null,this.formatter.formatDateTime(new Date(this.datetime),this.format,{timeZone:a(this.timeZone)}))}get root(){return i(this)}};export{m as gux_date_time_beta}
1
+ import{r as t,h as s,H as e,g as i}from"./p-7d26b2e1.js";import{t as o}from"./p-adbed625.js";import{D as r,g as a}from"./p-8920a5e5.js";import{g as h}from"./p-deee079e.js";import"./p-8a133b9b.js";const m=class{constructor(s){t(this,s),this.datetime=(new Date).toISOString(),this.format="short",this.timeZone=void 0}componentWillLoad(){o(this.root),this.formatter=new r(h(this.root))}render(){return s(e,null,this.formatter.formatDateTime(new Date(this.datetime),this.format,{timeZone:a(this.timeZone)}))}get root(){return i(this)}};export{m as gux_date_time_beta}
@@ -1 +1 @@
1
- import{r as e,h as n,g as a}from"./p-7d26b2e1.js";import{t}from"./p-dc84cec7.js";const i=class{constructor(n){e(this,n)}componentWillLoad(){t(this.root)}render(){return n("div",{class:"gux-container"},n("div",{class:"gux-image"},n("slot",{name:"image"})),n("div",{class:"gux-message"},n("slot",{name:"primary-message"})),n("div",{class:"gux-guidance"},n("slot",{name:"additional-guidance"})),n("gux-button-slot",{accent:"primary"},n("slot",{name:"call-to-action"})))}get root(){return a(this)}};i.style="/**\n * @prop --gse-ui-badge-height\n * @prop --gse-ui-badge-height\n * @prop --gse-ui-blankState-backgroundColor\n * @prop --gse-ui-blankState-borderRadius\n * @prop --gse-ui-blankState-gapContent\n * @prop --gse-ui-blankState-gapMain\n * @prop --gse-ui-blankState-gapMessage\n * @prop --gse-ui-blankState-icon-size-lg\n * @prop --gse-ui-blankState-icon-size-sm\n * @prop --gse-ui-blankState-iconColor\n * @prop --gse-ui-blankState-large-width : // TODO https://inindca.atlassian.net/browse/COMUI-2242\n * @prop --gse-ui-blankState-padding\n * @prop --gse-ui-blankState-small-width : // TODO https://inindca.atlassian.net/browse/COMUI-2242\n * @prop --gse-ui-progressAndLoading-blankState-large-header-fontFamily\n * @prop --gse-ui-progressAndLoading-blankState-large-header-fontSize\n * @prop --gse-ui-progressAndLoading-blankState-large-header-fontWeight\n * @prop --gse-ui-progressAndLoading-blankState-large-header-lineHeight\n * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontFamily\n * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontSize\n * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontWeight\n * @prop --gse-ui-progressAndLoading-blankState-large-subheader-lineHeight\n * @prop --gse-ui-progressAndLoading-blankState-small-header-fontFamily\n * @prop --gse-ui-progressAndLoading-blankState-small-header-fontSize\n * @prop --gse-ui-progressAndLoading-blankState-small-header-fontWeight\n * @prop --gse-ui-progressAndLoading-blankState-small-header-lineHeight\n * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontFamily\n * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontSize\n * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontWeight\n * @prop --gse-ui-progressAndLoading-blankState-small-subheader-lineHeight\n */\n:host {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n container-type: inline-size;\n}\n\n.gux-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: var(--gse-ui-blankState-padding);\n border-radius: var(--gse-ui-blankState-borderRadius);\n color: var(--gse-ui-blankState-foregroundColor);\n background-color: var(--gse-ui-blankState-backgroundColor);\n}\n.gux-container .gux-image {\n padding-bottom: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n padding-bottom: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n padding-bottom: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n width: var(--gse-ui-blankState-icon-size-lg);\n height: var(--gse-ui-blankState-icon-size-lg);\n color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n}\n.gux-container slot[name=additional-guidance] {\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n}\n\n@container (width <= 250px) {\n .gux-container ::slotted(gux-icon) {\n width: var(--gse-ui-blankState-icon-size-sm);\n height: var(--gse-ui-blankState-icon-size-sm);\n }\n .gux-container slot[name=primary-message] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n }\n .gux-container slot[name=additional-guidance] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n }\n}";export{i as gux_blank_state}
1
+ import{r as e,h as n,g as a}from"./p-7d26b2e1.js";import{t}from"./p-adbed625.js";const i=class{constructor(n){e(this,n)}componentWillLoad(){t(this.root)}render(){return n("div",{class:"gux-container"},n("div",{class:"gux-image"},n("slot",{name:"image"})),n("div",{class:"gux-message"},n("slot",{name:"primary-message"})),n("div",{class:"gux-guidance"},n("slot",{name:"additional-guidance"})),n("gux-button-slot",{accent:"primary"},n("slot",{name:"call-to-action"})))}get root(){return a(this)}};i.style="/**\n * @prop --gse-ui-badge-height\n * @prop --gse-ui-badge-height\n * @prop --gse-ui-blankState-backgroundColor\n * @prop --gse-ui-blankState-borderRadius\n * @prop --gse-ui-blankState-gapContent\n * @prop --gse-ui-blankState-gapMain\n * @prop --gse-ui-blankState-gapMessage\n * @prop --gse-ui-blankState-icon-size-lg\n * @prop --gse-ui-blankState-icon-size-sm\n * @prop --gse-ui-blankState-iconColor\n * @prop --gse-ui-blankState-large-width : // TODO https://inindca.atlassian.net/browse/COMUI-2242\n * @prop --gse-ui-blankState-padding\n * @prop --gse-ui-blankState-small-width : // TODO https://inindca.atlassian.net/browse/COMUI-2242\n * @prop --gse-ui-progressAndLoading-blankState-large-header-fontFamily\n * @prop --gse-ui-progressAndLoading-blankState-large-header-fontSize\n * @prop --gse-ui-progressAndLoading-blankState-large-header-fontWeight\n * @prop --gse-ui-progressAndLoading-blankState-large-header-lineHeight\n * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontFamily\n * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontSize\n * @prop --gse-ui-progressAndLoading-blankState-large-subheader-fontWeight\n * @prop --gse-ui-progressAndLoading-blankState-large-subheader-lineHeight\n * @prop --gse-ui-progressAndLoading-blankState-small-header-fontFamily\n * @prop --gse-ui-progressAndLoading-blankState-small-header-fontSize\n * @prop --gse-ui-progressAndLoading-blankState-small-header-fontWeight\n * @prop --gse-ui-progressAndLoading-blankState-small-header-lineHeight\n * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontFamily\n * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontSize\n * @prop --gse-ui-progressAndLoading-blankState-small-subheader-fontWeight\n * @prop --gse-ui-progressAndLoading-blankState-small-subheader-lineHeight\n */\n:host {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n container-type: inline-size;\n}\n\n.gux-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: var(--gse-ui-blankState-padding);\n border-radius: var(--gse-ui-blankState-borderRadius);\n color: var(--gse-ui-blankState-foregroundColor);\n background-color: var(--gse-ui-blankState-backgroundColor);\n}\n.gux-container .gux-image {\n padding-bottom: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n padding-bottom: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n padding-bottom: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n width: var(--gse-ui-blankState-icon-size-lg);\n height: var(--gse-ui-blankState-icon-size-lg);\n color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n}\n.gux-container slot[name=additional-guidance] {\n color: var(--gse-ui-blankState-foregroundColor);\n text-align: center;\n font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n}\n\n@container (width <= 250px) {\n .gux-container ::slotted(gux-icon) {\n width: var(--gse-ui-blankState-icon-size-sm);\n height: var(--gse-ui-blankState-icon-size-sm);\n }\n .gux-container slot[name=primary-message] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n }\n .gux-container slot[name=additional-guidance] {\n font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n }\n}";export{i as gux_blank_state}
@@ -1 +1 @@
1
- import{r as e,c as t,h as g,H as i,g as l}from"./p-7d26b2e1.js";import{t as o}from"./p-dc84cec7.js";import{r as a}from"./p-cbcbd1bb.js";import{b as n}from"./p-deee079e.js";import"./p-8a133b9b.js";const s={defaultAriaLabel:"Toggle Switch",toggleIsLoading:"Toggle is loading",toggleIsFinishedLoading:"Toggle is finished loading"},r=class{constructor(g){e(this,g),this.check=t(this,"check",7),this.labelId=a("gux-toggle-label"),this.errorId=a("gux-toggle-error"),this.checked=!1,this.disabled=!1,this.loading=!1,this.checkedLabel=void 0,this.uncheckedLabel=void 0,this.labelPosition="right",this.errorMessage=void 0,this.displayInline=!1}handleLoading(e){this.announceElement.guxAnnounce(this.i18n(e?"toggleIsLoading":"toggleIsFinishedLoading"))}onClick(){this.toggle()}onKeydown(e){switch(e.key){case"Enter":case" ":e.preventDefault(),this.toggle()}}toggle(){this.disabled||this.loading||this.check.emit(!this.checked).defaultPrevented||(this.checked=!this.checked)}getAriaLabel(){return this.root.getAttribute("aria-label")||this.root.title||this.i18n("defaultAriaLabel")}async componentWillLoad(){this.i18n=await n(this.root,s),o(this.root,{variant:this.checkedLabel||this.uncheckedLabel?"labled":"unlabled"})}renderLoading(){if(this.loading)return g("div",{class:"gux-toggle-label-loading"},g("gux-radial-loading",{context:"input"}))}renderLabel(){if(this.uncheckedLabel&&this.checkedLabel)return g("div",{class:"gux-toggle-label-and-error"},g("div",{class:"gux-toggle-label"},g("div",{class:"gux-toggle-label-text"},g("span",{class:"gux-toggle-label-text-inner"},g("span",{id:this.labelId},this.checked?this.checkedLabel:this.uncheckedLabel),this.renderLoading()),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.checkedLabel),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.uncheckedLabel))))}renderError(){if(this.errorMessage)return g("div",{id:this.errorId,class:"gux-toggle-error"},g("div",{class:"gux-toggle-error-container"},g("gux-icon",{"icon-name":"alert-warning-octogon",decorative:!0}),g("div",{class:"gux-toggle-error-message"},this.errorMessage)))}render(){return g(i,{class:{"gux-display-inline":this.displayInline}},g("div",{class:{"gux-toggle-container":!0,"gux-toggle-label-left":"left"===this.labelPosition,"gux-disabled":this.disabled||this.loading}},g("div",{class:"gux-toggle-input"},g("gux-toggle-slider",{checked:this.checked,disabled:this.disabled||this.loading,guxAriaLabel:this.getAriaLabel(),labelId:this.checkedLabel&&this.uncheckedLabel?this.labelId:"",errorId:this.errorMessage?this.errorId:""}),this.renderLabel()),this.renderError()),g("gux-announce-beta",{ref:e=>this.announceElement=e}))}static get delegatesFocus(){return!0}get root(){return l(this)}static get watchers(){return{loading:["handleLoading"]}}};r.style=":host{display:block;margin:2px;color:#2e394c;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container{cursor:pointer}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:0.5}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:right}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block;padding:0 4px}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:'inner-div';place-items:start}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;font-size:11px;color:#2e394c}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message{flex:0 1 auto;align-self:auto;order:0}";export{r as gux_toggle}
1
+ import{r as e,c as t,h as g,H as i,g as l}from"./p-7d26b2e1.js";import{t as o}from"./p-adbed625.js";import{r as a}from"./p-cbcbd1bb.js";import{b as n}from"./p-deee079e.js";import"./p-8a133b9b.js";const s={defaultAriaLabel:"Toggle Switch",toggleIsLoading:"Toggle is loading",toggleIsFinishedLoading:"Toggle is finished loading"},r=class{constructor(g){e(this,g),this.check=t(this,"check",7),this.labelId=a("gux-toggle-label"),this.errorId=a("gux-toggle-error"),this.checked=!1,this.disabled=!1,this.loading=!1,this.checkedLabel=void 0,this.uncheckedLabel=void 0,this.labelPosition="right",this.errorMessage=void 0,this.displayInline=!1}handleLoading(e){this.announceElement.guxAnnounce(this.i18n(e?"toggleIsLoading":"toggleIsFinishedLoading"))}onClick(){this.toggle()}onKeydown(e){switch(e.key){case"Enter":case" ":e.preventDefault(),this.toggle()}}toggle(){this.disabled||this.loading||this.check.emit(!this.checked).defaultPrevented||(this.checked=!this.checked)}getAriaLabel(){return this.root.getAttribute("aria-label")||this.root.title||this.i18n("defaultAriaLabel")}async componentWillLoad(){this.i18n=await n(this.root,s),o(this.root,{variant:this.checkedLabel||this.uncheckedLabel?"labled":"unlabled"})}renderLoading(){if(this.loading)return g("div",{class:"gux-toggle-label-loading"},g("gux-radial-loading",{context:"input"}))}renderLabel(){if(this.uncheckedLabel&&this.checkedLabel)return g("div",{class:"gux-toggle-label-and-error"},g("div",{class:"gux-toggle-label"},g("div",{class:"gux-toggle-label-text"},g("span",{class:"gux-toggle-label-text-inner"},g("span",{id:this.labelId},this.checked?this.checkedLabel:this.uncheckedLabel),this.renderLoading()),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.checkedLabel),g("span",{class:"gux-toggle-label-text-inner gux-hidden"},this.uncheckedLabel))))}renderError(){if(this.errorMessage)return g("div",{id:this.errorId,class:"gux-toggle-error"},g("div",{class:"gux-toggle-error-container"},g("gux-icon",{"icon-name":"alert-warning-octogon",decorative:!0}),g("div",{class:"gux-toggle-error-message"},this.errorMessage)))}render(){return g(i,{class:{"gux-display-inline":this.displayInline}},g("div",{class:{"gux-toggle-container":!0,"gux-toggle-label-left":"left"===this.labelPosition,"gux-disabled":this.disabled||this.loading}},g("div",{class:"gux-toggle-input"},g("gux-toggle-slider",{checked:this.checked,disabled:this.disabled||this.loading,guxAriaLabel:this.getAriaLabel(),labelId:this.checkedLabel&&this.uncheckedLabel?this.labelId:"",errorId:this.errorMessage?this.errorId:""}),this.renderLabel()),this.renderError()),g("gux-announce-beta",{ref:e=>this.announceElement=e}))}static get delegatesFocus(){return!0}get root(){return l(this)}static get watchers(){return{loading:["handleLoading"]}}};r.style=':host{display:block;margin:2px;color:#2e394c;outline:none}:host(.gux-display-inline){display:inline-block}.gux-toggle-container{cursor:pointer}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:0.5}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{place-items:end}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:right}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block;padding:0 4px}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{display:grid;grid-template-areas:"inner-div";place-items:start}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner{position:relative;grid-area:inner-div}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-text .gux-toggle-label-text-inner.gux-hidden{visibility:hidden}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;font-size:11px;color:#2e394c}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message{flex:0 1 auto;align-self:auto;order:0}';export{r as gux_toggle}
@@ -1 +1 @@
1
- import{r as t,h as e,g as i}from"./p-7d26b2e1.js";import{b as r}from"./p-deee079e.js";import{O as s}from"./p-f34ce7dc.js";import{a as o,o as n}from"./p-3701eff0.js";import{t as a}from"./p-dc84cec7.js";import{G as l,a as h}from"./p-211cc1db.js";import{G as f,a as p,v as d,b as u}from"./p-b3c9fd06.js";import{h as g}from"./p-08bc2e6b.js";import{g as c}from"./p-aa2f9991.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-d176c2ae.js";const x={required:"Required"};const m=class{constructor(e){t(this,e),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=!1,this.hasError=!1,this.hasHelp=!1}watchValue(t){const e=this.root.querySelector("gux-phone-input-beta");e&&(e.hasError=t)}onMutation(){this.hasError=g(this.root,"error"),this.hasHelp=g(this.root,"help")}async componentWillLoad(){this.getI18nValue=await r(this.root,x),this.setInput(),this.setLabel(),this.hasError=g(this.root,"error"),this.hasHelp=g(this.root,"help"),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return e(h,{labelPosition:this.computedLabelPosition},e(l,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()}),this.renderScreenReaderText(this.getI18nValue("required"),this.required),this.renderScreenReaderText(c(this.root,"error"),this.hasError)),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},e("slot",null))),e(f,{show:this.hasError},e("slot",{name:"error"})),e(p,{show:!this.hasError&&this.hasHelp},e("slot",{name:"help"}))))}renderScreenReaderText(t,i=!0){if(i)return e("gux-screen-reader-beta",null,t)}get variant(){return`phoneInput-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.phoneInputElement=this.root.querySelector("gux-phone-input-beta"),this.disabled=this.phoneInputElement.disabled,this.required=this.phoneInputElement.required,this.disabledObserver=o(this.phoneInputElement,(t=>{this.disabled=t})),this.requiredObserver=n(this.phoneInputElement,(t=>{this.required=t})),d(this.root,this.phoneInputElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=u(this.label,this.labelPosition)}get root(){return i(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(t,e,i,r){var s,o=arguments.length,n=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(o<3?s(n):o>3?s(e,i,n):s(e,i))||n);o>3&&n&&Object.defineProperty(e,i,n)})([s({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style=".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:var(--gux-form-field-fieldset-container-margin-top, 16px) 0 var(--gux-form-field-fieldset-container-margin-bottom, 16px) 0;border:none}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label{padding:0}.gux-form-field-legend-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-legend-label.gux-beside{position:relative;top:8px;float:left;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-legend-label.gux-above{margin-bottom:8px}.gux-form-field-legend-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-input-and-error-container{flex-grow:1}";export{m as gux_form_field_phone}
1
+ import{r as t,h as e,g as i}from"./p-7d26b2e1.js";import{b as r}from"./p-deee079e.js";import{O as s}from"./p-f34ce7dc.js";import{a as o,o as n}from"./p-3701eff0.js";import{t as a}from"./p-adbed625.js";import{G as l,a as h}from"./p-211cc1db.js";import{G as f,a as p,v as d,b as u}from"./p-b3c9fd06.js";import{h as g}from"./p-08bc2e6b.js";import{g as x}from"./p-aa2f9991.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-d176c2ae.js";const c={required:"Required"};const m=class{constructor(e){t(this,e),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=!1,this.hasError=!1,this.hasHelp=!1}watchValue(t){const e=this.root.querySelector("gux-phone-input-beta");e&&(e.hasError=t)}onMutation(){this.hasError=g(this.root,"error"),this.hasHelp=g(this.root,"help")}async componentWillLoad(){this.getI18nValue=await r(this.root,c),this.setInput(),this.setLabel(),this.hasError=g(this.root,"error"),this.hasHelp=g(this.root,"help"),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return e(h,{labelPosition:this.computedLabelPosition},e(l,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()}),this.renderScreenReaderText(this.getI18nValue("required"),this.required),this.renderScreenReaderText(x(this.root,"error"),this.hasError)),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},e("slot",null))),e(f,{show:this.hasError},e("slot",{name:"error"})),e(p,{show:!this.hasError&&this.hasHelp},e("slot",{name:"help"}))))}renderScreenReaderText(t,i=!0){if(i)return e("gux-screen-reader-beta",null,t)}get variant(){return`phoneInput-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.phoneInputElement=this.root.querySelector("gux-phone-input-beta"),this.disabled=this.phoneInputElement.disabled,this.required=this.phoneInputElement.required,this.disabledObserver=o(this.phoneInputElement,(t=>{this.disabled=t})),this.requiredObserver=n(this.phoneInputElement,(t=>{this.required=t})),d(this.root,this.phoneInputElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=u(this.label,this.labelPosition)}get root(){return i(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(t,e,i,r){var s,o=arguments.length,n=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(o<3?s(n):o>3?s(e,i,n):s(e,i))||n);o>3&&n&&Object.defineProperty(e,i,n)})([s({childList:!0,subtree:!0})],m.prototype,"onMutation",null),m.style=".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:var(--gux-form-field-fieldset-container-margin-top, 16px) 0 var(--gux-form-field-fieldset-container-margin-bottom, 16px) 0;border:none}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label{padding:0}.gux-form-field-legend-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-legend-label.gux-beside{position:relative;top:8px;float:left;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-legend-label.gux-above{margin-bottom:8px}.gux-form-field-legend-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-input-and-error-container{flex-grow:1}";export{m as gux_form_field_phone}
@@ -1 +1 @@
1
- import{r as t,h as o,H as r,g as i}from"./p-7d26b2e1.js";import{a as e,c as a,o as s,f as l,s as d,b as g}from"./p-4e2b5bcf.js";import{r as n}from"./p-cbcbd1bb.js";import{t as u}from"./p-dc84cec7.js";import{f as h}from"./p-82ffe3cc.js";import{b as p}from"./p-091f51f6.js";const c=class{constructor(o){t(this,o),this.pointerenterHandler=()=>this.show(),this.pointerleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.id=n("gux-tooltip"),this.for=void 0,this.placement="bottom-start",this.accent="light",this.anchor=!1,this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition=e(this.forElement,this.root,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!1,ancestorResize:!0})}updatePosition(){const t=[s(16),l(),d()];this.anchor&&t.push(g({element:this.arrowElement})),a(this.forElement,this.root,{placement:this.placement,strategy:"fixed",middleware:t}).then((({x:t,y:o,middlewareData:r,placement:i})=>{Object.assign(this.root.style,{left:`${t}px`,top:`${o}px`}),this.root.setAttribute("data-placement",this.placement);const e={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(r.arrow){const t=13,{x:o,y:i}=r.arrow;Object.assign(this.arrowElement.style,{left:null!=o?`${o}px`:"",top:null!=i?`${i}px`:"",right:"",bottom:"",[e]:-t/2+"px",transform:"rotate(45deg)"})}}))}show(){this.isShown=!0,p((()=>{this.runUpdatePosition()}))}hide(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.isShown=!1}getForElement(){this.forElement=this.for?h(this.root,this.for):this.root.parentElement}logForAttributeError(){this.root.isConnected&&console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}renderAnchor(){if(this.anchor)return o("div",{ref:t=>this.arrowElement=t,class:"gux-arrow"})}connectedCallback(){this.getForElement(),this.forElement?(this.forElement.setAttribute("aria-describedby",this.id),this.forElement.addEventListener("pointerenter",this.pointerenterHandler),this.forElement.addEventListener("pointerleave",this.pointerleaveHandler),this.forElement.addEventListener("focusin",this.focusinHandler),this.forElement.addEventListener("focusout",this.focusoutHandler)):this.logForAttributeError()}componentWillLoad(){u(this.root,{variant:this.placement})}disconnectedCallback(){var t,o,r,i,e;this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),null===(t=this.forElement)||void 0===t||t.removeAttribute("aria-describedby"),null===(o=this.forElement)||void 0===o||o.removeEventListener("pointerenter",this.pointerenterHandler),null===(r=this.forElement)||void 0===r||r.removeEventListener("pointerleave",this.pointerleaveHandler),null===(i=this.forElement)||void 0===i||i.removeEventListener("focusin",this.focusinHandler),null===(e=this.forElement)||void 0===e||e.removeEventListener("focusout",this.focusoutHandler)}render(){return o(r,{id:this.id,class:{"gux-show":this.isShown},role:"tooltip"},o("div",{class:{"gux-container":!0,[`gux-${this.accent}`]:!0},"data-placement":this.placement},o("slot",null),this.renderAnchor()))}get root(){return i(this)}};c.style=":host{position:fixed;z-index:var(--gux-zindex-tooltip, 1);display:none;width:max-content;max-width:250px;opacity:0;box-shadow:var(--gse-ui-tooltip-boxShadow-x) var(--gse-ui-tooltip-boxShadow-y) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{display:flex;flex-direction:row;justify-content:flex-start;align-content:center;gap:var(--gse-ui-tooltip-gap);box-sizing:border-box;padding:var(--gse-ui-tooltip-padding);pointer-events:none;border-radius:var(--gse-ui-tooltip-borderRadius);font-family:var(--gse-ui-tooltip-text-fontFamily);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);font-size:var(--gse-ui-tooltip-text-fontSize);background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);color:var(--gse-ui-tooltip-light-foregroundColor)}.gux-container[data-placement=bottom] .gux-arrow,.gux-container[data-placement=bottom-start] .gux-arrow,.gux-container[data-placement=bottom-end] .gux-arrow{border-top:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-left:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color)}.gux-container[data-placement=top] .gux-arrow,.gux-container[data-placement=top-start] .gux-arrow,.gux-container[data-placement=top-end] .gux-arrow{border-right:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-bottom:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color)}.gux-container[data-placement=left] .gux-arrow,.gux-container[data-placement=left-start] .gux-arrow,.gux-container[data-placement=left-end] .gux-arrow{border-top:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-right:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color)}.gux-container[data-placement=right] .gux-arrow,.gux-container[data-placement=right-start] .gux-arrow,.gux-container[data-placement=right-end] .gux-arrow{border-bottom:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-left:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color)}.gux-container .gux-arrow{position:absolute;width:13px;height:13px;border-radius:var(--gse-ui-tooltip-borderRadius);background:inherit}.gux-container ::slotted(gux-icon){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-light-iconColor);align-self:center}.gux-container.gux-dark{background-color:var(--gse-ui-tooltip-dark-backgroundColor);border-color:var(--gse-ui-tooltip-dark-border-color);color:var(--gse-ui-tooltip-dark-foregroundColor)}.gux-container.gux-dark[data-placement=bottom] .gux-arrow,.gux-container.gux-dark[data-placement=bottom-start] .gux-arrow,.gux-container.gux-dark[data-placement=bottom-end] .gux-arrow{border-top:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color);border-left:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark[data-placement=top] .gux-arrow,.gux-container.gux-dark[data-placement=top-start] .gux-arrow,.gux-container.gux-dark[data-placement=top-end] .gux-arrow{border-right:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color);border-bottom:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark[data-placement=left] .gux-arrow,.gux-container.gux-dark[data-placement=left-start] .gux-arrow,.gux-container.gux-dark[data-placement=left-end] .gux-arrow{border-top:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color);border-right:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark[data-placement=right] .gux-arrow,.gux-container.gux-dark[data-placement=right-start] .gux-arrow,.gux-container.gux-dark[data-placement=right-end] .gux-arrow{border-bottom:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color);border-left:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-dark-iconColor);align-self:center}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";export{c as gux_tooltip}
1
+ import{r as t,h as o,H as r,g as i}from"./p-7d26b2e1.js";import{a as e,c as a,o as s,f as l,s as d,b as g}from"./p-4e2b5bcf.js";import{r as n}from"./p-cbcbd1bb.js";import{t as u}from"./p-adbed625.js";import{f as h}from"./p-82ffe3cc.js";import{b as p}from"./p-091f51f6.js";const c=class{constructor(o){t(this,o),this.pointerenterHandler=()=>this.show(),this.pointerleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.id=n("gux-tooltip"),this.for=void 0,this.placement="bottom-start",this.accent="light",this.anchor=!1,this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}runUpdatePosition(){this.cleanupUpdatePosition=e(this.forElement,this.root,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!1,ancestorResize:!0})}updatePosition(){const t=[s(16),l(),d()];this.anchor&&t.push(g({element:this.arrowElement})),a(this.forElement,this.root,{placement:this.placement,strategy:"fixed",middleware:t}).then((({x:t,y:o,middlewareData:r,placement:i})=>{Object.assign(this.root.style,{left:`${t}px`,top:`${o}px`}),this.root.setAttribute("data-placement",this.placement);const e={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(r.arrow){const t=13,{x:o,y:i}=r.arrow;Object.assign(this.arrowElement.style,{left:null!=o?`${o}px`:"",top:null!=i?`${i}px`:"",right:"",bottom:"",[e]:-t/2+"px",transform:"rotate(45deg)"})}}))}show(){this.isShown=!0,p((()=>{this.runUpdatePosition()}))}hide(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),this.isShown=!1}getForElement(){this.forElement=this.for?h(this.root,this.for):this.root.parentElement}logForAttributeError(){this.root.isConnected&&console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}renderAnchor(){if(this.anchor)return o("div",{ref:t=>this.arrowElement=t,class:"gux-arrow"})}connectedCallback(){this.getForElement(),this.forElement?(this.forElement.setAttribute("aria-describedby",this.id),this.forElement.addEventListener("pointerenter",this.pointerenterHandler),this.forElement.addEventListener("pointerleave",this.pointerleaveHandler),this.forElement.addEventListener("focusin",this.focusinHandler),this.forElement.addEventListener("focusout",this.focusoutHandler)):this.logForAttributeError()}componentWillLoad(){u(this.root,{variant:this.placement})}disconnectedCallback(){var t,o,r,i,e;this.cleanupUpdatePosition&&this.cleanupUpdatePosition(),null===(t=this.forElement)||void 0===t||t.removeAttribute("aria-describedby"),null===(o=this.forElement)||void 0===o||o.removeEventListener("pointerenter",this.pointerenterHandler),null===(r=this.forElement)||void 0===r||r.removeEventListener("pointerleave",this.pointerleaveHandler),null===(i=this.forElement)||void 0===i||i.removeEventListener("focusin",this.focusinHandler),null===(e=this.forElement)||void 0===e||e.removeEventListener("focusout",this.focusoutHandler)}render(){return o(r,{id:this.id,class:{"gux-show":this.isShown},role:"tooltip"},o("div",{class:{"gux-container":!0,[`gux-${this.accent}`]:!0},"data-placement":this.placement},o("slot",null),this.renderAnchor()))}get root(){return i(this)}};c.style=":host{position:fixed;z-index:var(--gux-zindex-tooltip, 1);display:none;width:max-content;max-width:250px;opacity:0;box-shadow:var(--gse-ui-tooltip-boxShadow-x) var(--gse-ui-tooltip-boxShadow-y) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{display:flex;flex-direction:row;justify-content:flex-start;align-content:center;gap:var(--gse-ui-tooltip-gap);box-sizing:border-box;padding:var(--gse-ui-tooltip-padding);pointer-events:none;border-radius:var(--gse-ui-tooltip-borderRadius);font-family:var(--gse-ui-tooltip-text-fontFamily);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);font-size:var(--gse-ui-tooltip-text-fontSize);background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);color:var(--gse-ui-tooltip-light-foregroundColor)}.gux-container[data-placement=bottom] .gux-arrow,.gux-container[data-placement=bottom-start] .gux-arrow,.gux-container[data-placement=bottom-end] .gux-arrow{border-top:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-left:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color)}.gux-container[data-placement=top] .gux-arrow,.gux-container[data-placement=top-start] .gux-arrow,.gux-container[data-placement=top-end] .gux-arrow{border-right:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-bottom:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color)}.gux-container[data-placement=left] .gux-arrow,.gux-container[data-placement=left-start] .gux-arrow,.gux-container[data-placement=left-end] .gux-arrow{border-top:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-right:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color)}.gux-container[data-placement=right] .gux-arrow,.gux-container[data-placement=right-start] .gux-arrow,.gux-container[data-placement=right-end] .gux-arrow{border-bottom:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-left:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color)}.gux-container .gux-arrow{position:absolute;width:13px;height:13px;border-radius:var(--gse-ui-tooltip-borderRadius);background:inherit}.gux-container ::slotted(gux-icon){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-light-iconColor);align-self:center}.gux-container.gux-dark{background-color:var(--gse-ui-tooltip-dark-backgroundColor);border-color:var(--gse-ui-tooltip-dark-border-color);color:var(--gse-ui-tooltip-dark-foregroundColor)}.gux-container.gux-dark[data-placement=bottom] .gux-arrow,.gux-container.gux-dark[data-placement=bottom-start] .gux-arrow,.gux-container.gux-dark[data-placement=bottom-end] .gux-arrow{border-top:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color);border-left:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark[data-placement=top] .gux-arrow,.gux-container.gux-dark[data-placement=top-start] .gux-arrow,.gux-container.gux-dark[data-placement=top-end] .gux-arrow{border-right:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color);border-bottom:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark[data-placement=left] .gux-arrow,.gux-container.gux-dark[data-placement=left-start] .gux-arrow,.gux-container.gux-dark[data-placement=left-end] .gux-arrow{border-top:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color);border-right:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark[data-placement=right] .gux-arrow,.gux-container.gux-dark[data-placement=right-start] .gux-arrow,.gux-container.gux-dark[data-placement=right-end] .gux-arrow{border-bottom:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color);border-left:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-dark-iconColor);align-self:center}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";export{c as gux_tooltip}