genesys-spark-components 3.8.0 → 3.8.3

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 (282) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/cjs/genesys-webcomponents.cjs.js +2 -2
  3. package/dist/cjs/gux-accordion-legacy.cjs.entry.js +1 -1
  4. package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
  5. package/dist/cjs/gux-action-button-legacy.cjs.entry.js +2 -2
  6. package/dist/cjs/gux-action-button.cjs.entry.js +2 -2
  7. package/dist/cjs/gux-action-list-legacy.cjs.entry.js +1 -1
  8. package/dist/cjs/gux-action-toast.cjs.entry.js +1 -1
  9. package/dist/cjs/gux-advanced-dropdown.cjs.entry.js +2 -2
  10. package/dist/cjs/gux-all-row-select.cjs.entry.js +1 -1
  11. package/dist/cjs/gux-badge-beta.cjs.entry.js +2 -2
  12. package/dist/cjs/gux-breadcrumbs.cjs.entry.js +2 -2
  13. package/dist/cjs/gux-button-multi-legacy.cjs.entry.js +1 -1
  14. package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
  15. package/dist/cjs/gux-button-slot-beta.cjs.entry.js +1 -1
  16. package/dist/cjs/gux-button.cjs.entry.js +1 -1
  17. package/dist/cjs/gux-calendar.cjs.entry.js +2 -2
  18. package/dist/cjs/gux-card-beta.cjs.entry.js +1 -1
  19. package/dist/cjs/gux-chart-column-beta.cjs.entry.js +1 -1
  20. package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +20 -17
  21. package/dist/cjs/gux-chart-line-beta.cjs.entry.js +1 -1
  22. package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +1 -1
  23. package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +1 -1
  24. package/dist/cjs/gux-command-palette-legacy.cjs.entry.js +2 -2
  25. package/dist/cjs/gux-content-search.cjs.entry.js +2 -2
  26. package/dist/cjs/gux-copy-to-clipboard-beta.cjs.entry.js +2 -2
  27. package/dist/cjs/gux-datepicker.cjs.entry.js +2 -2
  28. package/dist/cjs/gux-disclosure-button.cjs.entry.js +2 -2
  29. package/dist/cjs/gux-dismiss-button.cjs.entry.js +2 -2
  30. package/dist/cjs/gux-dropdown-legacy.cjs.entry.js +1 -1
  31. package/dist/cjs/gux-dropdown-multi-beta.cjs.entry.js +2 -2
  32. package/dist/cjs/gux-dropdown-multi-tag.cjs.entry.js +1 -1
  33. package/dist/cjs/gux-dropdown_3.cjs.entry.js +2 -2
  34. package/dist/cjs/gux-error-message-beta.cjs.entry.js +1 -1
  35. package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +1 -1
  36. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
  37. package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
  38. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
  39. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +2 -2
  40. package/dist/cjs/gux-form-field-legacy.cjs.entry.js +1 -1
  41. package/dist/cjs/gux-form-field-number.cjs.entry.js +2 -2
  42. package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
  43. package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
  44. package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
  45. package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
  46. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
  47. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
  48. package/dist/cjs/gux-icon.cjs.entry.js +1 -1
  49. package/dist/cjs/gux-input-checkbox_7.cjs.entry.js +1 -1
  50. package/dist/cjs/gux-input-search.cjs.entry.js +1 -1
  51. package/dist/cjs/gux-input-text-like.cjs.entry.js +1 -1
  52. package/dist/cjs/gux-list-item-legacy_2.cjs.entry.js +1 -1
  53. package/dist/cjs/gux-list.cjs.entry.js +1 -1
  54. package/dist/cjs/gux-listbox-multi.cjs.entry.js +2 -2
  55. package/dist/cjs/gux-modal.cjs.entry.js +1 -1
  56. package/dist/cjs/gux-notification-toast.cjs.entry.js +1 -1
  57. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
  58. package/dist/cjs/gux-pagination-beta.cjs.entry.js +1 -1
  59. package/dist/cjs/gux-pagination-buttons-beta_3.cjs.entry.js +1 -1
  60. package/dist/cjs/gux-pagination-buttons_3.cjs.entry.js +1 -1
  61. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +2 -2
  62. package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-panel-frame-legacy.cjs.entry.js +1 -1
  64. package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
  65. package/dist/cjs/gux-popover.cjs.entry.js +1 -1
  66. package/dist/cjs/gux-radial-loading.cjs.entry.js +2 -2
  67. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  69. package/dist/cjs/gux-row-select.cjs.entry.js +1 -1
  70. package/dist/cjs/gux-side-panel-legacy.cjs.entry.js +1 -1
  71. package/dist/cjs/gux-simple-toast.cjs.entry.js +1 -1
  72. package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-switch.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-tab-advanced-list.cjs.entry.js +1 -1
  75. package/dist/cjs/gux-tab-advanced.cjs.entry.js +1 -1
  76. package/dist/cjs/gux-tab-list.cjs.entry.js +1 -1
  77. package/dist/cjs/gux-table-beta.cjs.entry.js +2 -2
  78. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  79. package/dist/cjs/gux-tabs-legacy.cjs.entry.js +2 -2
  80. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  81. package/dist/cjs/gux-tag-beta.cjs.entry.js +2 -2
  82. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  83. package/dist/cjs/gux-text-label-legacy.cjs.entry.js +1 -1
  84. package/dist/cjs/gux-time-picker-beta.cjs.entry.js +2 -2
  85. package/dist/cjs/gux-toggle.cjs.entry.js +2 -2
  86. package/dist/cjs/gux-tooltip_2.cjs.entry.js +1 -1
  87. package/dist/cjs/gux-visualization-beta.cjs.entry.js +1740 -2951
  88. package/dist/cjs/{index-d83bf15a.js → index-77b430d5.js} +8 -60
  89. package/dist/cjs/loader.cjs.js +2 -2
  90. package/dist/cjs/{usage-tracking-37cb3ee4.js → usage-tracking-91d211a8.js} +25 -25
  91. package/dist/collection/collection-manifest.json +1 -1
  92. package/dist/collection/components/beta/gux-chart-donut/gux-chart-donut.js +37 -16
  93. package/dist/deploy-info.json +3 -3
  94. package/dist/esm/genesys-webcomponents.js +2 -2
  95. package/dist/esm/gux-accordion-legacy.entry.js +1 -1
  96. package/dist/esm/gux-accordion.entry.js +1 -1
  97. package/dist/esm/gux-action-button-legacy.entry.js +2 -2
  98. package/dist/esm/gux-action-button.entry.js +2 -2
  99. package/dist/esm/gux-action-list-legacy.entry.js +1 -1
  100. package/dist/esm/gux-action-toast.entry.js +1 -1
  101. package/dist/esm/gux-advanced-dropdown.entry.js +2 -2
  102. package/dist/esm/gux-all-row-select.entry.js +1 -1
  103. package/dist/esm/gux-badge-beta.entry.js +2 -2
  104. package/dist/esm/gux-breadcrumbs.entry.js +2 -2
  105. package/dist/esm/gux-button-multi-legacy.entry.js +1 -1
  106. package/dist/esm/gux-button-multi.entry.js +1 -1
  107. package/dist/esm/gux-button-slot-beta.entry.js +1 -1
  108. package/dist/esm/gux-button.entry.js +1 -1
  109. package/dist/esm/gux-calendar.entry.js +2 -2
  110. package/dist/esm/gux-card-beta.entry.js +1 -1
  111. package/dist/esm/gux-chart-column-beta.entry.js +1 -1
  112. package/dist/esm/gux-chart-donut-beta.entry.js +20 -17
  113. package/dist/esm/gux-chart-line-beta.entry.js +1 -1
  114. package/dist/esm/gux-chart-pie-beta.entry.js +1 -1
  115. package/dist/esm/gux-chart-scatter-plot-beta.entry.js +1 -1
  116. package/dist/esm/gux-command-palette-legacy.entry.js +2 -2
  117. package/dist/esm/gux-content-search.entry.js +2 -2
  118. package/dist/esm/gux-copy-to-clipboard-beta.entry.js +2 -2
  119. package/dist/esm/gux-datepicker.entry.js +2 -2
  120. package/dist/esm/gux-disclosure-button.entry.js +2 -2
  121. package/dist/esm/gux-dismiss-button.entry.js +2 -2
  122. package/dist/esm/gux-dropdown-legacy.entry.js +1 -1
  123. package/dist/esm/gux-dropdown-multi-beta.entry.js +2 -2
  124. package/dist/esm/gux-dropdown-multi-tag.entry.js +1 -1
  125. package/dist/esm/gux-dropdown_3.entry.js +2 -2
  126. package/dist/esm/gux-error-message-beta.entry.js +1 -1
  127. package/dist/esm/gux-flyout-menu-beta.entry.js +1 -1
  128. package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
  129. package/dist/esm/gux-form-field-color.entry.js +1 -1
  130. package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
  131. package/dist/esm/gux-form-field-input-clear-button.entry.js +2 -2
  132. package/dist/esm/gux-form-field-legacy.entry.js +1 -1
  133. package/dist/esm/gux-form-field-number.entry.js +2 -2
  134. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  135. package/dist/esm/gux-form-field-range.entry.js +1 -1
  136. package/dist/esm/gux-form-field-search.entry.js +1 -1
  137. package/dist/esm/gux-form-field-select.entry.js +1 -1
  138. package/dist/esm/gux-form-field-text-like.entry.js +1 -1
  139. package/dist/esm/gux-form-field-textarea.entry.js +1 -1
  140. package/dist/esm/gux-icon.entry.js +1 -1
  141. package/dist/esm/gux-input-checkbox_7.entry.js +1 -1
  142. package/dist/esm/gux-input-search.entry.js +1 -1
  143. package/dist/esm/gux-input-text-like.entry.js +1 -1
  144. package/dist/esm/gux-list-item-legacy_2.entry.js +1 -1
  145. package/dist/esm/gux-list.entry.js +1 -1
  146. package/dist/esm/gux-listbox-multi.entry.js +2 -2
  147. package/dist/esm/gux-modal.entry.js +1 -1
  148. package/dist/esm/gux-notification-toast.entry.js +1 -1
  149. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  150. package/dist/esm/gux-pagination-beta.entry.js +1 -1
  151. package/dist/esm/gux-pagination-buttons-beta_3.entry.js +1 -1
  152. package/dist/esm/gux-pagination-buttons_3.entry.js +1 -1
  153. package/dist/esm/gux-pagination-cursor.entry.js +2 -2
  154. package/dist/esm/gux-pagination.entry.js +1 -1
  155. package/dist/esm/gux-panel-frame-legacy.entry.js +1 -1
  156. package/dist/esm/gux-popover-list.entry.js +1 -1
  157. package/dist/esm/gux-popover.entry.js +1 -1
  158. package/dist/esm/gux-radial-loading.entry.js +2 -2
  159. package/dist/esm/gux-radial-progress.entry.js +1 -1
  160. package/dist/esm/gux-rating.entry.js +1 -1
  161. package/dist/esm/gux-row-select.entry.js +1 -1
  162. package/dist/esm/gux-side-panel-legacy.entry.js +1 -1
  163. package/dist/esm/gux-simple-toast.entry.js +1 -1
  164. package/dist/esm/gux-sort-control.entry.js +1 -1
  165. package/dist/esm/gux-switch.entry.js +1 -1
  166. package/dist/esm/gux-tab-advanced-list.entry.js +1 -1
  167. package/dist/esm/gux-tab-advanced.entry.js +1 -1
  168. package/dist/esm/gux-tab-list.entry.js +1 -1
  169. package/dist/esm/gux-table-beta.entry.js +2 -2
  170. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  171. package/dist/esm/gux-tabs-legacy.entry.js +2 -2
  172. package/dist/esm/gux-tabs.entry.js +1 -1
  173. package/dist/esm/gux-tag-beta.entry.js +2 -2
  174. package/dist/esm/gux-text-highlight.entry.js +1 -1
  175. package/dist/esm/gux-text-label-legacy.entry.js +1 -1
  176. package/dist/esm/gux-time-picker-beta.entry.js +2 -2
  177. package/dist/esm/gux-toggle.entry.js +2 -2
  178. package/dist/esm/gux-tooltip_2.entry.js +1 -1
  179. package/dist/esm/gux-visualization-beta.entry.js +1740 -2951
  180. package/dist/esm/{index-8fe81fcb.js → index-2d9f3350.js} +8 -60
  181. package/dist/esm/loader.js +2 -2
  182. package/dist/esm/{usage-tracking-a639e68b.js → usage-tracking-a9150164.js} +25 -25
  183. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  184. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.he.json +1 -1
  185. package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.pt-pt.json +1 -1
  186. package/dist/genesys-webcomponents/{p-9ffef09d.entry.js → p-001f01a0.entry.js} +1 -1
  187. package/dist/genesys-webcomponents/{p-11c81c59.entry.js → p-033dbd7a.entry.js} +1 -1
  188. package/dist/genesys-webcomponents/{p-781026b8.entry.js → p-041db50a.entry.js} +1 -1
  189. package/dist/genesys-webcomponents/{p-d7ead098.entry.js → p-044959e8.entry.js} +1 -1
  190. package/dist/genesys-webcomponents/{p-fa69137e.entry.js → p-075e2088.entry.js} +1 -1
  191. package/dist/genesys-webcomponents/{p-6d552886.entry.js → p-0ba669f5.entry.js} +1 -1
  192. package/dist/genesys-webcomponents/p-0c8c542f.entry.js +1 -0
  193. package/dist/genesys-webcomponents/{p-7d57ca54.entry.js → p-0f8d24a7.entry.js} +1 -1
  194. package/dist/genesys-webcomponents/{p-85c91a04.entry.js → p-1a5b5443.entry.js} +1 -1
  195. package/dist/genesys-webcomponents/{p-3aa50db0.entry.js → p-1fce0fd9.entry.js} +1 -1
  196. package/dist/genesys-webcomponents/p-20f33457.entry.js +1 -0
  197. package/dist/genesys-webcomponents/{p-2bb893f9.entry.js → p-24999f55.entry.js} +1 -1
  198. package/dist/genesys-webcomponents/{p-95927402.entry.js → p-25cddf42.entry.js} +1 -1
  199. package/dist/genesys-webcomponents/{p-39870f7e.entry.js → p-272c5d82.entry.js} +1 -1
  200. package/dist/genesys-webcomponents/{p-9597d043.entry.js → p-27c94477.entry.js} +1 -1
  201. package/dist/genesys-webcomponents/{p-680a55bc.entry.js → p-2b815744.entry.js} +1 -1
  202. package/dist/genesys-webcomponents/{p-ff0512c7.entry.js → p-301afc2f.entry.js} +1 -1
  203. package/dist/genesys-webcomponents/{p-3bdb2ffe.entry.js → p-3dc9db00.entry.js} +1 -1
  204. package/dist/genesys-webcomponents/{p-60b95877.entry.js → p-4f713c6a.entry.js} +1 -1
  205. package/dist/genesys-webcomponents/{p-2486973d.entry.js → p-5017567b.entry.js} +1 -1
  206. package/dist/genesys-webcomponents/{p-37c9b3fa.entry.js → p-509a5c94.entry.js} +1 -1
  207. package/dist/genesys-webcomponents/{p-099cfc49.entry.js → p-59987276.entry.js} +1 -1
  208. package/dist/genesys-webcomponents/{p-efb4f761.entry.js → p-5a41105d.entry.js} +1 -1
  209. package/dist/genesys-webcomponents/{p-e7e6f626.entry.js → p-5a76316c.entry.js} +1 -1
  210. package/dist/genesys-webcomponents/{p-56b7f252.entry.js → p-6234d7da.entry.js} +1 -1
  211. package/dist/genesys-webcomponents/{p-6456a917.entry.js → p-66ec82bb.entry.js} +1 -1
  212. package/dist/genesys-webcomponents/{p-a03ac208.entry.js → p-6946a105.entry.js} +1 -1
  213. package/dist/genesys-webcomponents/{p-127d79ad.entry.js → p-69c04db8.entry.js} +1 -1
  214. package/dist/genesys-webcomponents/{p-66c6e687.entry.js → p-6ae4b9f8.entry.js} +1 -1
  215. package/dist/genesys-webcomponents/{p-2eba1b1b.entry.js → p-6e744568.entry.js} +1 -1
  216. package/dist/genesys-webcomponents/{p-b12b70c1.entry.js → p-6fba219e.entry.js} +1 -1
  217. package/dist/genesys-webcomponents/{p-b2c62e64.entry.js → p-71b81e34.entry.js} +1 -1
  218. package/dist/genesys-webcomponents/{p-f948a825.entry.js → p-747d85d1.entry.js} +1 -1
  219. package/dist/genesys-webcomponents/{p-175c91f2.entry.js → p-780f63aa.entry.js} +1 -1
  220. package/dist/genesys-webcomponents/{p-407f92a5.entry.js → p-79638c00.entry.js} +1 -1
  221. package/dist/genesys-webcomponents/{p-4a094027.entry.js → p-7e2a09be.entry.js} +1 -1
  222. package/dist/genesys-webcomponents/{p-5632fef9.entry.js → p-808fb291.entry.js} +1 -1
  223. package/dist/genesys-webcomponents/{p-e50d2c4b.entry.js → p-80d95b56.entry.js} +1 -1
  224. package/dist/genesys-webcomponents/{p-9afd5458.entry.js → p-89462116.entry.js} +1 -1
  225. package/dist/genesys-webcomponents/{p-2b588707.entry.js → p-898968aa.entry.js} +1 -1
  226. package/dist/genesys-webcomponents/{p-22c2f1d6.entry.js → p-8dcc91f0.entry.js} +1 -1
  227. package/dist/genesys-webcomponents/{p-3fa34e8f.entry.js → p-934eecb5.entry.js} +1 -1
  228. package/dist/genesys-webcomponents/{p-e1cbfbb0.entry.js → p-9415ae90.entry.js} +1 -1
  229. package/dist/genesys-webcomponents/{p-d861df0b.entry.js → p-9477e6f2.entry.js} +1 -1
  230. package/dist/genesys-webcomponents/{p-e055b7ed.entry.js → p-971ef235.entry.js} +1 -1
  231. package/dist/genesys-webcomponents/{p-040a1b97.entry.js → p-984b0c88.entry.js} +1 -1
  232. package/dist/genesys-webcomponents/{p-7c5a4d20.entry.js → p-9a450e14.entry.js} +1 -1
  233. package/dist/genesys-webcomponents/{p-80012df3.entry.js → p-9d211058.entry.js} +1 -1
  234. package/dist/genesys-webcomponents/{p-758ead8c.entry.js → p-a08a6cb9.entry.js} +1 -1
  235. package/dist/genesys-webcomponents/{p-9dd6d898.entry.js → p-a097213d.entry.js} +1 -1
  236. package/dist/genesys-webcomponents/{p-49bb9b7d.entry.js → p-a1fd5a47.entry.js} +1 -1
  237. package/dist/genesys-webcomponents/{p-c8e38a49.entry.js → p-a23fc1ed.entry.js} +1 -1
  238. package/dist/genesys-webcomponents/{p-f6b17616.entry.js → p-a2b7820d.entry.js} +1 -1
  239. package/dist/genesys-webcomponents/{p-8f000673.entry.js → p-a5f74f3a.entry.js} +1 -1
  240. package/dist/genesys-webcomponents/{p-671ef381.entry.js → p-a93adc4a.entry.js} +1 -1
  241. package/dist/genesys-webcomponents/{p-6ca11086.entry.js → p-ab09f9b9.entry.js} +1 -1
  242. package/dist/genesys-webcomponents/{p-923cda19.entry.js → p-ac7e471e.entry.js} +1 -1
  243. package/dist/genesys-webcomponents/{p-bc26dbe4.entry.js → p-ae43b7cf.entry.js} +1 -1
  244. package/dist/genesys-webcomponents/{p-14c7b8e2.entry.js → p-b2052ca1.entry.js} +1 -1
  245. package/dist/genesys-webcomponents/{p-4ce70865.entry.js → p-b643866d.entry.js} +1 -1
  246. package/dist/genesys-webcomponents/{p-b7a32872.entry.js → p-b781abe0.entry.js} +1 -1
  247. package/dist/genesys-webcomponents/{p-8a39f50c.entry.js → p-b8db123e.entry.js} +1 -1
  248. package/dist/genesys-webcomponents/{p-e5ac15ff.entry.js → p-b9538f85.entry.js} +1 -1
  249. package/dist/genesys-webcomponents/{p-616220c4.js → p-bedc76a7.js} +1 -1
  250. package/dist/genesys-webcomponents/{p-747825ec.entry.js → p-bfb02313.entry.js} +1 -1
  251. package/dist/genesys-webcomponents/{p-20b22e2c.entry.js → p-cc1e309b.entry.js} +1 -1
  252. package/dist/genesys-webcomponents/{p-86987616.entry.js → p-cc320b81.entry.js} +1 -1
  253. package/dist/genesys-webcomponents/{p-01b973d6.entry.js → p-cd6ab67f.entry.js} +1 -1
  254. package/dist/genesys-webcomponents/{p-d06f88d4.entry.js → p-ce173635.entry.js} +1 -1
  255. package/dist/genesys-webcomponents/{p-bc94a7b1.entry.js → p-d0e9031a.entry.js} +1 -1
  256. package/dist/genesys-webcomponents/p-d12095ae.entry.js +1 -0
  257. package/dist/genesys-webcomponents/{p-941eebaf.entry.js → p-d275a7c7.entry.js} +1 -1
  258. package/dist/genesys-webcomponents/{p-6558498b.entry.js → p-d2bfd80b.entry.js} +1 -1
  259. package/dist/genesys-webcomponents/{p-8481969e.entry.js → p-d528a61c.entry.js} +1 -1
  260. package/dist/genesys-webcomponents/{p-c7187577.entry.js → p-d7554073.entry.js} +1 -1
  261. package/dist/genesys-webcomponents/{p-9d7da461.entry.js → p-dc33305a.entry.js} +1 -1
  262. package/dist/genesys-webcomponents/p-e5123f28.entry.js +26 -0
  263. package/dist/genesys-webcomponents/p-e974f062.js +1 -0
  264. package/dist/genesys-webcomponents/{p-5611f43a.entry.js → p-ec27ae84.entry.js} +1 -1
  265. package/dist/genesys-webcomponents/{p-237252d6.entry.js → p-ee935113.entry.js} +1 -1
  266. package/dist/genesys-webcomponents/{p-4263cb65.entry.js → p-f02bdc34.entry.js} +1 -1
  267. package/dist/genesys-webcomponents/{p-e5a955bf.entry.js → p-f06ead41.entry.js} +1 -1
  268. package/dist/genesys-webcomponents/{p-4ff49151.entry.js → p-f12b6237.entry.js} +1 -1
  269. package/dist/genesys-webcomponents/p-f27b157d.entry.js +1 -0
  270. package/dist/genesys-webcomponents/{p-173b4e83.entry.js → p-f2f3f8e3.entry.js} +1 -1
  271. package/dist/genesys-webcomponents/{p-6e4dc109.entry.js → p-f38d9eef.entry.js} +1 -1
  272. package/dist/genesys-webcomponents/{p-f9cf23a4.entry.js → p-f4c6ed36.entry.js} +1 -1
  273. package/dist/stencil-wrapper.js +1 -1
  274. package/dist/types/components/beta/gux-chart-donut/gux-chart-donut.d.ts +1 -0
  275. package/dist/types/components.d.ts +2 -0
  276. package/package.json +25 -25
  277. package/dist/genesys-webcomponents/p-3c89f194.entry.js +0 -1
  278. package/dist/genesys-webcomponents/p-4154675a.js +0 -1
  279. package/dist/genesys-webcomponents/p-7b9a7fe6.entry.js +0 -1
  280. package/dist/genesys-webcomponents/p-b4ffa251.entry.js +0 -1
  281. package/dist/genesys-webcomponents/p-bc3fd282.entry.js +0 -26
  282. package/dist/genesys-webcomponents/p-c4736455.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,H as e,g as o}from"./p-e571f861.js";import{t as r}from"./p-616220c4.js";const h=class{constructor(i){t(this,i),this.press=s(this,"press",7)}handleClick(){this.onItemClicked()}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key||this.onItemClicked()}render(){return i(e,{role:"listitem"},i("span",{class:"gux-list-item"},this.text&&i("gux-text-highlight",{class:"gux-text",text:this.text,strategy:this.strategy}),i("slot",null)))}onItemClicked(){this.emitPress()}emitPress(){this.press.emit(this.value)}};h.style=":host:focus .gux-list-item,:host:active .gux-list-item,:host:hover:not([disabled]) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host(:focus) .gux-list-item,:host(:active) .gux-list-item,:host(:hover:not([disabled])) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host([disabled]) .gux-list-item{pointer-events:none;cursor:default;opacity:0.5}.gux-list-item{display:flex;height:max-content;padding:0 16px;line-height:32px;word-wrap:break-word;cursor:pointer}.gux-list-item .gux-text{width:100%}";const n=["gux-list-item-legacy:not([disabled])","gux-action-item:not([disabled])"].join(","),a=class{constructor(i){t(this,i),this.changed=s(this,"changed",7),this.selectedIndex=-1,this.observer=new MutationObserver((()=>{this.performHighlight(this.highlight)}))}emitChanged(t){this.changed.emit(t)}itemSelected(t){t.detail&&(this.value=t.detail)}valueHandler(t){this.emitChanged(t)}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){r(this.root)}componentDidLoad(){this.performHighlight(this.highlight),this.observer.observe(this.root,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer.disconnect()}render(){return this.performHighlight(this.highlight),this.updateTabIndexes(),i("div",{class:"gux-list-items-container",role:"list",tabindex:0,onKeyDown:t=>this.onKeyDown(t)},i("slot",null))}onKeyDown(t){if(!["ArrowUp","ArrowDown","End","Home"].includes(t.key))return;const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=s.length-1);break;case"Home":this.selectedIndex&&(i=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),i=this.selectedIndex+1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}isCommandPaletteList(){return Boolean(this.root.closest("gux-command-palette-legacy"))}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.setAttribute("tabindex","-1"):(t.setAttribute("tabindex","0"),t.focus(),setTimeout((()=>{this.value=t.value})))}))}performHighlight(t){const s=this.root.querySelectorAll("gux-text-highlight");s&&s.forEach((s=>{s.highlight=t}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches(n))):Array.from(this.root.querySelectorAll(n))}get root(){return o(this)}static get watchers(){return{value:["valueHandler"]}}};a.style=".gux-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{h as gux_list_item_legacy,a as gux_list_legacy}
1
+ import{r as t,c as s,h as i,H as e,g as o}from"./p-e571f861.js";import{t as r}from"./p-bedc76a7.js";const h=class{constructor(i){t(this,i),this.press=s(this,"press",7)}handleClick(){this.onItemClicked()}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key||this.onItemClicked()}render(){return i(e,{role:"listitem"},i("span",{class:"gux-list-item"},this.text&&i("gux-text-highlight",{class:"gux-text",text:this.text,strategy:this.strategy}),i("slot",null)))}onItemClicked(){this.emitPress()}emitPress(){this.press.emit(this.value)}};h.style=":host:focus .gux-list-item,:host:active .gux-list-item,:host:hover:not([disabled]) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host(:focus) .gux-list-item,:host(:active) .gux-list-item,:host(:hover:not([disabled])) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host([disabled]) .gux-list-item{pointer-events:none;cursor:default;opacity:0.5}.gux-list-item{display:flex;height:max-content;padding:0 16px;line-height:32px;word-wrap:break-word;cursor:pointer}.gux-list-item .gux-text{width:100%}";const n=["gux-list-item-legacy:not([disabled])","gux-action-item:not([disabled])"].join(","),a=class{constructor(i){t(this,i),this.changed=s(this,"changed",7),this.selectedIndex=-1,this.observer=new MutationObserver((()=>{this.performHighlight(this.highlight)}))}emitChanged(t){this.changed.emit(t)}itemSelected(t){t.detail&&(this.value=t.detail)}valueHandler(t){this.emitChanged(t)}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){r(this.root)}componentDidLoad(){this.performHighlight(this.highlight),this.observer.observe(this.root,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer.disconnect()}render(){return this.performHighlight(this.highlight),this.updateTabIndexes(),i("div",{class:"gux-list-items-container",role:"list",tabindex:0,onKeyDown:t=>this.onKeyDown(t)},i("slot",null))}onKeyDown(t){if(!["ArrowUp","ArrowDown","End","Home"].includes(t.key))return;const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=s.length-1);break;case"Home":this.selectedIndex&&(i=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),i=this.selectedIndex+1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}isCommandPaletteList(){return Boolean(this.root.closest("gux-command-palette-legacy"))}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.setAttribute("tabindex","-1"):(t.setAttribute("tabindex","0"),t.focus(),setTimeout((()=>{this.value=t.value})))}))}performHighlight(t){const s=this.root.querySelectorAll("gux-text-highlight");s&&s.forEach((s=>{s.highlight=t}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches(n))):Array.from(this.root.querySelectorAll(n))}get root(){return o(this)}static get watchers(){return{value:["valueHandler"]}}};a.style=".gux-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{h as gux_list_item_legacy,a as gux_list_legacy}
@@ -1 +1 @@
1
- import{r as o,h as e,g as n}from"./p-e571f861.js";import{t}from"./p-616220c4.js";function c(o,e,n){const t=function(o,e){return e.find((e=>e.slotName===o))}(o,n);null==t||t.ref.classList[e]("gux-opened")}const r=class{constructor(e){o(this,e),this.sections=[],this.headingLevel=null,this.arrowPosition="default"}async open(o){c(o,"add",this.sections)}async close(o){c(o,"remove",this.sections)}async toggle(o){c(o,"toggle",this.sections)}componentWillLoad(){t(this.root),this.sections=function(o){const e=Array.from(o.children),n=[];return e.forEach((o=>{const e=o.getAttribute("slot");o.hidden=!Boolean(e),e&&n.push({slotName:e,ref:null})})),n}(this.root)}render(){return e("div",{class:"gux-accordion"},this.sections.map((o=>e("section",{class:"gux-section",onKeyDown:e=>function(o,e,n){let t;switch(o.key){case"ArrowUp":t=function(o,e){const n=e.findIndex((e=>e.slotName===o));return n<=0?e[e.length-1].ref:e[n-1].ref}(e,n);break;case"ArrowDown":t=function(o,e){const n=e.findIndex((e=>e.slotName===o));return n>=e.length-1?e[0].ref:e[n+1].ref}(e,n);break;case"End":t=function(o){return o[this.sections.length-1].ref}(n);break;case"Home":t=function(o){return o[0].ref}(n)}var c;t&&(c=t,c.querySelector(".gux-header-button")).focus()}(e,o.slotName,this.sections),ref:e=>o.ref=e},e("div",{"aria-role":"heading","aria-level":this.headingLevel,class:"gux-header"},e("button",{class:"gux-header-button",type:"button",onClick:()=>this.toggle(o.slotName)},e("div",{class:"gux-text"},o.slotName),"beside-text"===this.arrowPosition?null:e("div",{class:"gux-spacer"}),e("div",{class:"gux-toggle-arrow"},e("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),e("div",{class:"gux-content"},e("slot",{name:o.slotName}))))))}get root(){return n(this)}};r.style="gux-accordion-legacy .gux-accordion{padding:0;margin:0;background-color:#fdfdfd}gux-accordion-legacy .gux-accordion .gux-section{color:#2e394c}gux-accordion-legacy .gux-accordion .gux-section .gux-header{box-sizing:border-box;height:40px;border-top:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:0 16px;margin:0;color:#2e394c;cursor:pointer;background:none;border:none}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-text{flex:0 1 auto;align-self:auto;padding-right:8px;font-family:inherit;font-size:inherit;font-weight:bold;text-align:left}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-spacer{flex:1 1 auto;align-self:auto}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-toggle-arrow{flex:0 1 auto;align-items:center;align-self:auto;color:#6b7585;transition:transform 0.5s ease;transform-origin:center}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-toggle-arrow gux-icon{width:20px;height:20px}gux-accordion-legacy .gux-accordion .gux-section .gux-header:hover .gux-toggle-arrow{color:#2e394c}gux-accordion-legacy .gux-accordion .gux-section .gux-content{box-sizing:border-box;display:none;padding:16px}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-header{border-bottom:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-header .gux-toggle-arrow{transform:rotate(-180deg)}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-content{display:block}gux-accordion-legacy .gux-accordion .gux-section:last-of-type .gux-header{border-bottom:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section:last-of-type .gux-content{border-bottom:1px solid #e2e6ee}";export{r as gux_accordion_legacy}
1
+ import{r as o,h as e,g as n}from"./p-e571f861.js";import{t}from"./p-bedc76a7.js";function c(o,e,n){const t=function(o,e){return e.find((e=>e.slotName===o))}(o,n);null==t||t.ref.classList[e]("gux-opened")}const r=class{constructor(e){o(this,e),this.sections=[],this.headingLevel=null,this.arrowPosition="default"}async open(o){c(o,"add",this.sections)}async close(o){c(o,"remove",this.sections)}async toggle(o){c(o,"toggle",this.sections)}componentWillLoad(){t(this.root),this.sections=function(o){const e=Array.from(o.children),n=[];return e.forEach((o=>{const e=o.getAttribute("slot");o.hidden=!Boolean(e),e&&n.push({slotName:e,ref:null})})),n}(this.root)}render(){return e("div",{class:"gux-accordion"},this.sections.map((o=>e("section",{class:"gux-section",onKeyDown:e=>function(o,e,n){let t;switch(o.key){case"ArrowUp":t=function(o,e){const n=e.findIndex((e=>e.slotName===o));return n<=0?e[e.length-1].ref:e[n-1].ref}(e,n);break;case"ArrowDown":t=function(o,e){const n=e.findIndex((e=>e.slotName===o));return n>=e.length-1?e[0].ref:e[n+1].ref}(e,n);break;case"End":t=function(o){return o[this.sections.length-1].ref}(n);break;case"Home":t=function(o){return o[0].ref}(n)}var c;t&&(c=t,c.querySelector(".gux-header-button")).focus()}(e,o.slotName,this.sections),ref:e=>o.ref=e},e("div",{"aria-role":"heading","aria-level":this.headingLevel,class:"gux-header"},e("button",{class:"gux-header-button",type:"button",onClick:()=>this.toggle(o.slotName)},e("div",{class:"gux-text"},o.slotName),"beside-text"===this.arrowPosition?null:e("div",{class:"gux-spacer"}),e("div",{class:"gux-toggle-arrow"},e("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),e("div",{class:"gux-content"},e("slot",{name:o.slotName}))))))}get root(){return n(this)}};r.style="gux-accordion-legacy .gux-accordion{padding:0;margin:0;background-color:#fdfdfd}gux-accordion-legacy .gux-accordion .gux-section{color:#2e394c}gux-accordion-legacy .gux-accordion .gux-section .gux-header{box-sizing:border-box;height:40px;border-top:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:0 16px;margin:0;color:#2e394c;cursor:pointer;background:none;border:none}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-text{flex:0 1 auto;align-self:auto;padding-right:8px;font-family:inherit;font-size:inherit;font-weight:bold;text-align:left}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-spacer{flex:1 1 auto;align-self:auto}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-toggle-arrow{flex:0 1 auto;align-items:center;align-self:auto;color:#6b7585;transition:transform 0.5s ease;transform-origin:center}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-toggle-arrow gux-icon{width:20px;height:20px}gux-accordion-legacy .gux-accordion .gux-section .gux-header:hover .gux-toggle-arrow{color:#2e394c}gux-accordion-legacy .gux-accordion .gux-section .gux-content{box-sizing:border-box;display:none;padding:16px}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-header{border-bottom:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-header .gux-toggle-arrow{transform:rotate(-180deg)}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-content{display:block}gux-accordion-legacy .gux-accordion .gux-section:last-of-type .gux-header{border-bottom:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section:last-of-type .gux-content{border-bottom:1px solid #e2e6ee}";export{r as gux_accordion_legacy}
@@ -1 +1 @@
1
- import{r as t,h as n,g as e}from"./p-e571f861.js";import{b as i}from"./p-4154675a.js";import{r as o}from"./p-cbcbd1bb.js";import{o as r}from"./p-e2bea786.js";import{s as a}from"./p-8fe7daff.js";import{s as u}from"./p-d176c2ae.js";import{c as s,a as g}from"./p-112455b1.js";import"./p-8a133b9b.js";const p=class{constructor(n){t(this,n)}render(){return n("div",{class:"gux-input-checkbox-container"},n("slot",{name:"input"}),n("slot",{name:"label"}))}};p.style="gux-input-checkbox{display:block;color:#2e394c}gux-input-checkbox .gux-input-checkbox-container{position:relative;padding-left:24px;line-height:24px}gux-input-checkbox input{position:absolute;z-index:-1;opacity:0}gux-input-checkbox label{display:inline-block;font-size:12px}gux-input-checkbox label:hover{cursor:pointer}gux-input-checkbox label::after{position:absolute;top:4px;left:4px;display:block;width:16px;height:16px;content:'';border-radius:15%}gux-input-checkbox input:focus-within~label::after{box-shadow:0 0 3px 2px #aac9ff}gux-input-checkbox input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%2377828f' /%3E%3C/svg%3E\")}gux-input-checkbox.gux-input-error input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%23ea0b0b' /%3E%3C/svg%3E\")}gux-input-checkbox input:not(:checked):not(:disabled):not(:indeterminate)~label:hover::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:checked~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 1.467h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zM6.8 11 3.638 7.941l.89-.932L6.8 9.2l3.947-3.861.891.932z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:indeterminate~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.138 8.467h7v-1h-7zm7-7h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zm2 10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:disabled~label::after,gux-input-checkbox input:disabled~label{cursor:not-allowed;opacity:0.5}";const c={required:"Required"},l=class{constructor(n){t(this,n),this.requiredId=o("gux-input-color-required")}onClick(t){this.root.contains(t.target)||this.setOpened(!1)}onInput(t){this.color=t.target.value}async componentWillLoad(){this.i18n=await i(this.root,c),this.input=this.root.querySelector('input[slot="input"]'),this.input.addEventListener("change",(t=>{this.opened&&(t.stopImmediatePropagation(),t.stopPropagation(),t.preventDefault())})),this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.disabled=this.input.disabled,this.color=this.input.value}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("section",null,n("span",{class:"gux-hidden",id:this.requiredId},this.i18n("required")),n("button",{"aria-describedby":`${this.guxLabelDescribedby} ${this.guxRequired?this.requiredId:""} ${this.guxErrorDescribedby}`,"aria-expanded":this.opened?"true":"false",type:"button",class:{"gux-input-color-main-element":!0,"gux-opened":this.opened},disabled:this.disabled,onClick:this.clickHandler.bind(this)},n("div",{class:"gux-input-color-selected-color",style:{background:this.color}}),n("div",{class:"gux-input-color-color-name"},this.color),n("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})),n("gux-color-select",{class:{"gux-input-color-color-select":!0,"gux-opened":this.opened}},n("slot",{name:"input",slot:"input"})))}setOpened(t){this.colorOnOpen&&this.colorOnOpen!==this.color&&(this.colorOnOpen=this.color,this.input.dispatchEvent(new Event("change",{bubbles:!0}))),this.colorOnOpen=this.color,this.opened=t}clickHandler(){this.disabled||this.setOpened(!this.opened)}get root(){return e(this)}};l.style="gux-input-color{color:#2e394c}gux-input-color>section{position:relative;display:inline-block;width:160px}gux-input-color>gux-input-color-option{display:none}gux-input-color .gux-input-color-main-element{box-sizing:border-box;width:100%;padding:0;margin:0;cursor:pointer;user-select:none;background-color:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;outline:none;box-shadow:0 0 0 0 transparent;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);transition:box-shadow 0.2s}gux-input-color .gux-input-color-main-element:focus,gux-input-color .gux-input-color-main-element.gux-opened{border-color:#2a60c8;outline:none;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}gux-input-color .gux-input-color-main-element:disabled{pointer-events:none;cursor:default;opacity:0.5}gux-input-color .gux-input-color-main-element:hover gux-icon,gux-input-color .gux-input-color-main-element:focus gux-icon{color:#2e394c}gux-input-color .gux-input-color-selected-color{float:left;padding:8px;margin:8px 12px}gux-input-color .gux-input-color-color-name{float:left;margin:9px 0;font-size:12px}gux-input-color .gux-input-color-color-select{position:absolute;top:100%;left:0;z-index:1;display:none;width:100%}gux-input-color .gux-input-color-color-select.gux-opened{display:inherit}gux-input-color gux-icon{position:absolute;top:0;right:0;display:flex;align-items:center;width:16px;height:100%;padding:0 7px;overflow:hidden;color:#596373;pointer-events:none;cursor:pointer;background:none;border:none;outline:none}gux-input-color .gux-hidden{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";const x={clear:"Clear",increment:"Increment",decrement:"Decrement"},d=class{constructor(n){t(this,n),this.hasContent=!1}clearInput(){a(this.input,"",!0)}setHasContent(){this.hasContent=Boolean(this.input.value)}simulateNativeInputAndChangeEvents(){u(this.input,"input"),u(this.input,"change")}stepUp(){""===this.input.value?a(this.input,this.input.min||"0",!1):(this.input.stepUp(),this.simulateNativeInputAndChangeEvents())}stepDown(){""===this.input.value?a(this.input,this.input.min||"0",!1):(this.input.stepDown(),this.simulateNativeInputAndChangeEvents())}renderClearButton(){return this.clearable&&this.hasContent&&!this.disabled?n("button",{class:"gux-clear-button",tabIndex:-1,type:"button",title:this.getI18nValue("clear"),disabled:this.disabled,onClick:this.clearInput.bind(this)},n("gux-icon",{"icon-name":"close",decorative:!0})):null}renderStepButtons(){return n("div",{class:"gux-step-buttons-container"},n("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:this.getI18nValue("increment"),disabled:this.disabled,onClick:()=>this.stepUp()},n("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),n("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:this.getI18nValue("decrement"),disabled:this.disabled,onClick:()=>this.stepDown()},n("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}async componentWillLoad(){this.getI18nValue=await i(this.root,x),this.input=this.root.querySelector('input[slot="input"]'),this.setHasContent(),this.disabled=this.input.disabled,this.input.addEventListener("input",(()=>{this.setHasContent()})),this.disabledObserver=r(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("div",{class:{"gux-input-number-container":!0,"gux-disabled":this.disabled}},n("div",{class:"gux-input-container"},n("slot",{name:"input"}),this.renderClearButton()),this.renderStepButtons())}get root(){return e(this)}};d.style="gux-input-number{position:relative;display:block}gux-input-number .gux-input-number-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}gux-input-number .gux-input-number-container.gux-disabled{opacity:0.5}gux-input-number .gux-input-number-container .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-input-number .gux-input-number-container .gux-input-container input{flex:1 1 auto;align-self:auto;order:0;color:#2e394c;text-align:right;background-color:#f6f7f9;border:none;outline:none;}gux-input-number .gux-input-number-container .gux-input-container input::placeholder{color:#596373;opacity:1}gux-input-number .gux-input-number-container .gux-input-container input::-webkit-outer-spin-button,gux-input-number .gux-input-number-container .gux-input-container input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}gux-input-number .gux-input-number-container .gux-input-container input[type='number']{-moz-appearance:textfield}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button:not(:disabled):focus,gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button gux-icon{width:12px;height:12px}gux-input-number .gux-input-number-container .gux-step-buttons-container{flex:0 1 16px;align-self:auto;order:0;margin:0 4px}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button:not(:disabled):focus,gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button gux-icon{width:10px;height:10px}gux-input-number .gux-input-number-container:focus-within .gux-input-container{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}";const h=class{constructor(n){t(this,n)}render(){return n("div",{class:"gux-input-radio-container"},n("slot",{name:"input"}),n("slot",{name:"label"}))}};h.style="gux-input-radio{display:block;color:#2e394c}gux-input-radio .gux-input-radio-container{position:relative;padding-left:24px;line-height:24px}gux-input-radio input{position:absolute;z-index:-1;opacity:0}gux-input-radio label{display:inline-block;font-size:12px}gux-input-radio label::after{position:absolute;top:4px;left:4px;display:block;width:16px;height:16px;content:'';border-radius:50%}gux-input-radio input:focus-within~label::after{box-shadow:0 0 2px 1px #aac9ff, inset 0 0 2px 1px #aac9ff}gux-input-radio input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%2377828f'/%3E%3C/svg%3E\")}gux-input-radio input:not(:checked):not(:disabled)~label:hover::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%232a60c8'/%3E%3C/svg%3E\")}gux-input-radio input:checked~label::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.026 5.262a2.8 2.8 0 1 0 .001 5.601 2.8 2.8 0 0 0-.001-5.601zm0-2.2c-2.761 0-5 2.211-5 4.938s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill='%232a60c8'/%3E%3C/svg%3E\")}gux-input-radio input:disabled~label::after,gux-input-radio input:disabled~label{cursor:not-allowed;opacity:0.5}";for(var b=s((function(t){(function(){var n,e,i,o,r,a;"undefined"!=typeof performance&&null!==performance&&performance.now?t.exports=function(){return performance.now()}:"undefined"!=typeof process&&null!==process&&process.hrtime?(t.exports=function(){return(n()-r)/1e6},e=process.hrtime,o=(n=function(){var t;return 1e9*(t=e())[0]+t[1]})(),a=1e9*process.uptime(),r=o-a):Date.now?(t.exports=function(){return Date.now()-i},i=Date.now()):(t.exports=function(){return(new Date).getTime()-i},i=(new Date).getTime())}).call(g)})),m="undefined"==typeof window?g:window,f=["moz","webkit"],w="AnimationFrame",v=m["request"+w],k=m["cancel"+w]||m["cancelRequest"+w],y=0;!v&&y<f.length;y++)v=m[f[y]+"Request"+w],k=m[f[y]+"Cancel"+w]||m[f[y]+"CancelRequest"+w];if(!v||!k){var z=0,C=0,E=[];v=function(t){if(0===E.length){var n=b(),e=Math.max(0,16.666666666666668-(n-z));z=e+n,setTimeout((function(){var t=E.slice(0);E.length=0;for(var n=0;n<t.length;n++)if(!t[n].cancelled)try{t[n].callback(z)}catch(t){setTimeout((function(){throw t}),0)}}),Math.round(e))}return E.push({handle:++C,callback:t,cancelled:!1}),C},k=function(t){for(var n=0;n<E.length;n++)E[n].handle===t&&(E[n].cancelled=!0)}}var M,_=function(t){return v.call(m,t)};_.cancel=function(){k.apply(m,arguments)},_.polyfill=function(t){t||(t=m),t.requestAnimationFrame=v,t.cancelAnimationFrame=k},function(t){t[t.MODE_TIMEOUT=0]="MODE_TIMEOUT",t[t.MODE_INTERVAL=1]="MODE_INTERVAL"}(M||(M={}));const D=new Map,j=new Set;let B=!1,I=0;function L(){return(new Date).getTime()}function q(t){const{fn:n,args:e}=t;n(...e)}function T(){if(0===D.size)return void(B=!1);const t=L();D.forEach((t=>(n,e)=>{const{nextTick:i,ms:o,mode:r}=n;t-i>=0&&(j.add(n),r===M.MODE_TIMEOUT?D.delete(e):D.set(e,{...n,nextTick:i+o}))})(t)),0!==j.size&&(j.forEach(q),j.clear()),0!==D.size?_(T):B=!1}const $=class{constructor(n){t(this,n),this.valueInTooltip=!1}onInput(t){this.updateValue(t.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}updateValue(t){this.value=t,this.updatePosition()}updatePosition(){const t=Number(this.input.value||0),n=Number(this.input.min||0),e=(t-n)/(Number(this.input.max||100)-n)*100;if(this.sliderTooltip){const t=Math.round(1e3*(e/100-e/8/this.sliderTooltipContainer.offsetWidth))/10;this.sliderTooltip.style.left=`${t}%`}this.progressElement.style.width=`${e}%`}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"]'),this.disabled=this.input.disabled,this.value=this.input.value,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.valueWatcherId=((t,n=0,...e)=>function({fn:t,ms:n,args:e,mode:i}){if(!t)return null;const o=I;return D.set(o,{fn:t,ms:n,nextTick:L()+n,args:e,mode:i}),B||(B=!0,_(T)),I+=1,o}({fn:t,ms:n,args:e,mode:M.MODE_INTERVAL}))((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100)}componentDidLoad(){this.updatePosition()}disconnectedCallback(){this.disabledObserver.disconnect(),function(t){null!=t&&D.has(t)&&D.delete(t)}(this.valueWatcherId)}render(){return n("div",{class:{"gux-container":!0,"gux-disabled":this.disabled}},n("div",{class:{"gux-range":!0,"gux-active":this.active}},n("div",{class:"gux-track"},n("div",{class:"gux-progress",ref:t=>this.progressElement=t})),n("slot",{name:"input"}),n("div",{class:{"gux-range-tooltip-container":!0,"gux-hidden":!this.valueInTooltip},ref:t=>this.sliderTooltipContainer=t},n("div",{class:"gux-range-tooltip",ref:t=>this.sliderTooltip=t},this.getDisplayValue()))),n("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}get root(){return e(this)}};$.style="gux-input-range .gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:32px;font-size:12px}gux-input-range .gux-container.gux-disabled{pointer-events:none;opacity:0.5}gux-input-range .gux-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}gux-input-range .gux-container .gux-range .gux-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad}gux-input-range .gux-container .gux-range .gux-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']{position:absolute;width:100%;height:2px;margin:6px 0;margin-top:calc(-1 * (12px / 2 + 2px));background:transparent;-webkit-appearance:none}gux-input-range .gux-container .gux-range input[type='range']:focus{outline:none}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-runnable-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-runnable-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;margin-top:-5px;-webkit-appearance:none;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']:focus::-webkit-slider-runnable-track{background:rgba(13, 13, 13, 0)}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;margin-top:-5px;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-ms-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;color:transparent;background:transparent;border-color:transparent;border-width:12px 0}gux-input-range .gux-container .gux-range input[type='range']::-ms-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-ms-fill-lower{background:rgba(0, 0, 0, 0)}gux-input-range .gux-container .gux-range input[type='range']::-ms-fill-upper{background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-ms-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']:focus::-ms-fill-lower{background:transparent}gux-input-range .gux-container .gux-range input[type='range']:focus::-ms-fill-upper{background:rgba(13, 13, 13, 0)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-webkit-slider-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-moz-range-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-ms-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-display{flex:0 1 auto;align-self:auto;order:0;height:32px;margin:0 0 0 16px;line-height:32px;text-align:right}gux-input-range .gux-container .gux-display.gux-hidden{display:none}gux-input-range .gux-range-tooltip-container{position:absolute;top:-50px;width:100%;height:32px;visibility:hidden}gux-input-range .gux-range-tooltip-container .gux-range-tooltip{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px;position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:50px;height:32px;margin-left:-20px;visibility:hidden;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::after,gux-input-range .gux-range-tooltip-container .gux-range-tooltip::before{position:absolute;top:100%;left:50%;width:0;height:0;pointer-events:none;content:' ';border:solid transparent}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::after{margin-left:-4px;border-width:4px;border-top-color:#fdfdfd}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::before{margin-left:-6px;border-width:6px;border-top-color:#b4bccb}gux-input-range input[type='range']:hover~.gux-range-tooltip-container:not(.gux-hidden),gux-input-range input[type='range']:focus~.gux-range-tooltip-container:not(.gux-hidden),gux-input-range input[type='range']:active~.gux-range-tooltip-container:not(.gux-hidden){visibility:visible}gux-input-range input[type='range']:hover~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip,gux-input-range input[type='range']:focus~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip,gux-input-range input[type='range']:active~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip{visibility:visible}";const R=class{constructor(n){t(this,n)}componentWillLoad(){this.input=this.root.querySelector('select[slot="input"]'),this.disabled=this.input.disabled,this.disabledObserver=r(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},n("slot",{name:"input"}),n("gux-icon",{decorative:!0,iconName:"ic-dropdown-arrow"}))}get root(){return e(this)}};R.style="gux-input-select{position:relative;display:block}gux-input-select .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-input-select .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}gux-input-select .gux-input-container:hover gux-icon{color:#2a60c8}gux-input-select .gux-input-container select{flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}gux-input-select .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}gux-input-select .gux-input-container:focus-within{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px #75a8ff}";const N=class{constructor(n){t(this,n),this.resize="none"}componentWillLoad(){this.input=this.root.querySelector('textarea[slot="input"]'),this.input.addEventListener("input",(()=>{this.updateHeight()}))}componentDidLoad(){this.updateHeight()}updateHeight(){"auto"===this.resize&&(this.containerElement.dataset.replicatedValue=this.input.value,this.containerElement.style.maxHeight=this.input.style.maxHeight)}render(){return n("div",{ref:t=>this.containerElement=t,class:`gux-resize-${this.resize}`},n("slot",{name:"input"}))}get root(){return e(this)}};N.style="gux-input-textarea{position:relative;display:block}gux-input-textarea .gux-resize-none textarea{resize:none}gux-input-textarea .gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}gux-input-textarea .gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) ' ';min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0;border:1px solid #6b7585}gux-input-textarea .gux-resize-auto textarea{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}gux-input-textarea textarea{flex:1 1 auto;align-self:auto;order:0;font-family:inherit;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;color:#2e394c;background-color:#f6f7f9;background-image:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0;border:1px solid #6b7585}gux-input-textarea textarea::placeholder{color:#596373;opacity:1}gux-input-textarea textarea:focus-within{border-color:#2a60c8;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}gux-input-textarea textarea[disabled]{opacity:0.5}";export{p as gux_input_checkbox,l as gux_input_color,d as gux_input_number,h as gux_input_radio,$ as gux_input_range,R as gux_input_select,N as gux_input_textarea}
1
+ import{r as t,h as n,g as e}from"./p-e571f861.js";import{b as i}from"./p-e974f062.js";import{r as o}from"./p-cbcbd1bb.js";import{o as r}from"./p-e2bea786.js";import{s as a}from"./p-8fe7daff.js";import{s as u}from"./p-d176c2ae.js";import{c as s,a as g}from"./p-112455b1.js";import"./p-8a133b9b.js";const p=class{constructor(n){t(this,n)}render(){return n("div",{class:"gux-input-checkbox-container"},n("slot",{name:"input"}),n("slot",{name:"label"}))}};p.style="gux-input-checkbox{display:block;color:#2e394c}gux-input-checkbox .gux-input-checkbox-container{position:relative;padding-left:24px;line-height:24px}gux-input-checkbox input{position:absolute;z-index:-1;opacity:0}gux-input-checkbox label{display:inline-block;font-size:12px}gux-input-checkbox label:hover{cursor:pointer}gux-input-checkbox label::after{position:absolute;top:4px;left:4px;display:block;width:16px;height:16px;content:'';border-radius:15%}gux-input-checkbox input:focus-within~label::after{box-shadow:0 0 3px 2px #aac9ff}gux-input-checkbox input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%2377828f' /%3E%3C/svg%3E\")}gux-input-checkbox.gux-input-error input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%23ea0b0b' /%3E%3C/svg%3E\")}gux-input-checkbox input:not(:checked):not(:disabled):not(:indeterminate)~label:hover::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:checked~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 1.467h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zM6.8 11 3.638 7.941l.89-.932L6.8 9.2l3.947-3.861.891.932z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:indeterminate~label::after{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.138 8.467h7v-1h-7zm7-7h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zm2 10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-input-checkbox input:disabled~label::after,gux-input-checkbox input:disabled~label{cursor:not-allowed;opacity:0.5}";const c={required:"Required"},l=class{constructor(n){t(this,n),this.requiredId=o("gux-input-color-required")}onClick(t){this.root.contains(t.target)||this.setOpened(!1)}onInput(t){this.color=t.target.value}async componentWillLoad(){this.i18n=await i(this.root,c),this.input=this.root.querySelector('input[slot="input"]'),this.input.addEventListener("change",(t=>{this.opened&&(t.stopImmediatePropagation(),t.stopPropagation(),t.preventDefault())})),this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.disabled=this.input.disabled,this.color=this.input.value}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("section",null,n("span",{class:"gux-hidden",id:this.requiredId},this.i18n("required")),n("button",{"aria-describedby":`${this.guxLabelDescribedby} ${this.guxRequired?this.requiredId:""} ${this.guxErrorDescribedby}`,"aria-expanded":this.opened?"true":"false",type:"button",class:{"gux-input-color-main-element":!0,"gux-opened":this.opened},disabled:this.disabled,onClick:this.clickHandler.bind(this)},n("div",{class:"gux-input-color-selected-color",style:{background:this.color}}),n("div",{class:"gux-input-color-color-name"},this.color),n("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})),n("gux-color-select",{class:{"gux-input-color-color-select":!0,"gux-opened":this.opened}},n("slot",{name:"input",slot:"input"})))}setOpened(t){this.colorOnOpen&&this.colorOnOpen!==this.color&&(this.colorOnOpen=this.color,this.input.dispatchEvent(new Event("change",{bubbles:!0}))),this.colorOnOpen=this.color,this.opened=t}clickHandler(){this.disabled||this.setOpened(!this.opened)}get root(){return e(this)}};l.style="gux-input-color{color:#2e394c}gux-input-color>section{position:relative;display:inline-block;width:160px}gux-input-color>gux-input-color-option{display:none}gux-input-color .gux-input-color-main-element{box-sizing:border-box;width:100%;padding:0;margin:0;cursor:pointer;user-select:none;background-color:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;outline:none;box-shadow:0 0 0 0 transparent;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);transition:box-shadow 0.2s}gux-input-color .gux-input-color-main-element:focus,gux-input-color .gux-input-color-main-element.gux-opened{border-color:#2a60c8;outline:none;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}gux-input-color .gux-input-color-main-element:disabled{pointer-events:none;cursor:default;opacity:0.5}gux-input-color .gux-input-color-main-element:hover gux-icon,gux-input-color .gux-input-color-main-element:focus gux-icon{color:#2e394c}gux-input-color .gux-input-color-selected-color{float:left;padding:8px;margin:8px 12px}gux-input-color .gux-input-color-color-name{float:left;margin:9px 0;font-size:12px}gux-input-color .gux-input-color-color-select{position:absolute;top:100%;left:0;z-index:1;display:none;width:100%}gux-input-color .gux-input-color-color-select.gux-opened{display:inherit}gux-input-color gux-icon{position:absolute;top:0;right:0;display:flex;align-items:center;width:16px;height:100%;padding:0 7px;overflow:hidden;color:#596373;pointer-events:none;cursor:pointer;background:none;border:none;outline:none}gux-input-color .gux-hidden{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";const x={clear:"Clear",increment:"Increment",decrement:"Decrement"},d=class{constructor(n){t(this,n),this.hasContent=!1}clearInput(){a(this.input,"",!0)}setHasContent(){this.hasContent=Boolean(this.input.value)}simulateNativeInputAndChangeEvents(){u(this.input,"input"),u(this.input,"change")}stepUp(){""===this.input.value?a(this.input,this.input.min||"0",!1):(this.input.stepUp(),this.simulateNativeInputAndChangeEvents())}stepDown(){""===this.input.value?a(this.input,this.input.min||"0",!1):(this.input.stepDown(),this.simulateNativeInputAndChangeEvents())}renderClearButton(){return this.clearable&&this.hasContent&&!this.disabled?n("button",{class:"gux-clear-button",tabIndex:-1,type:"button",title:this.getI18nValue("clear"),disabled:this.disabled,onClick:this.clearInput.bind(this)},n("gux-icon",{"icon-name":"close",decorative:!0})):null}renderStepButtons(){return n("div",{class:"gux-step-buttons-container"},n("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:this.getI18nValue("increment"),disabled:this.disabled,onClick:()=>this.stepUp()},n("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),n("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:this.getI18nValue("decrement"),disabled:this.disabled,onClick:()=>this.stepDown()},n("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}async componentWillLoad(){this.getI18nValue=await i(this.root,x),this.input=this.root.querySelector('input[slot="input"]'),this.setHasContent(),this.disabled=this.input.disabled,this.input.addEventListener("input",(()=>{this.setHasContent()})),this.disabledObserver=r(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("div",{class:{"gux-input-number-container":!0,"gux-disabled":this.disabled}},n("div",{class:"gux-input-container"},n("slot",{name:"input"}),this.renderClearButton()),this.renderStepButtons())}get root(){return e(this)}};d.style="gux-input-number{position:relative;display:block}gux-input-number .gux-input-number-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}gux-input-number .gux-input-number-container.gux-disabled{opacity:0.5}gux-input-number .gux-input-number-container .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-input-number .gux-input-number-container .gux-input-container input{flex:1 1 auto;align-self:auto;order:0;color:#2e394c;text-align:right;background-color:#f6f7f9;border:none;outline:none;}gux-input-number .gux-input-number-container .gux-input-container input::placeholder{color:#596373;opacity:1}gux-input-number .gux-input-number-container .gux-input-container input::-webkit-outer-spin-button,gux-input-number .gux-input-number-container .gux-input-container input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}gux-input-number .gux-input-number-container .gux-input-container input[type='number']{-moz-appearance:textfield}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button:not(:disabled):focus,gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}gux-input-number .gux-input-number-container .gux-input-container .gux-clear-button gux-icon{width:12px;height:12px}gux-input-number .gux-input-number-container .gux-step-buttons-container{flex:0 1 16px;align-self:auto;order:0;margin:0 4px}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button:not(:disabled):focus,gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}gux-input-number .gux-input-number-container .gux-step-buttons-container .gux-step-button gux-icon{width:10px;height:10px}gux-input-number .gux-input-number-container:focus-within .gux-input-container{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}";const h=class{constructor(n){t(this,n)}render(){return n("div",{class:"gux-input-radio-container"},n("slot",{name:"input"}),n("slot",{name:"label"}))}};h.style="gux-input-radio{display:block;color:#2e394c}gux-input-radio .gux-input-radio-container{position:relative;padding-left:24px;line-height:24px}gux-input-radio input{position:absolute;z-index:-1;opacity:0}gux-input-radio label{display:inline-block;font-size:12px}gux-input-radio label::after{position:absolute;top:4px;left:4px;display:block;width:16px;height:16px;content:'';border-radius:50%}gux-input-radio input:focus-within~label::after{box-shadow:0 0 2px 1px #aac9ff, inset 0 0 2px 1px #aac9ff}gux-input-radio input:not(:checked)~label::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%2377828f'/%3E%3C/svg%3E\")}gux-input-radio input:not(:checked):not(:disabled)~label:hover::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%232a60c8'/%3E%3C/svg%3E\")}gux-input-radio input:checked~label::after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.026 5.262a2.8 2.8 0 1 0 .001 5.601 2.8 2.8 0 0 0-.001-5.601zm0-2.2c-2.761 0-5 2.211-5 4.938s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill='%232a60c8'/%3E%3C/svg%3E\")}gux-input-radio input:disabled~label::after,gux-input-radio input:disabled~label{cursor:not-allowed;opacity:0.5}";for(var b=s((function(t){(function(){var n,e,i,o,r,a;"undefined"!=typeof performance&&null!==performance&&performance.now?t.exports=function(){return performance.now()}:"undefined"!=typeof process&&null!==process&&process.hrtime?(t.exports=function(){return(n()-r)/1e6},e=process.hrtime,o=(n=function(){var t;return 1e9*(t=e())[0]+t[1]})(),a=1e9*process.uptime(),r=o-a):Date.now?(t.exports=function(){return Date.now()-i},i=Date.now()):(t.exports=function(){return(new Date).getTime()-i},i=(new Date).getTime())}).call(g)})),m="undefined"==typeof window?g:window,f=["moz","webkit"],w="AnimationFrame",v=m["request"+w],k=m["cancel"+w]||m["cancelRequest"+w],y=0;!v&&y<f.length;y++)v=m[f[y]+"Request"+w],k=m[f[y]+"Cancel"+w]||m[f[y]+"CancelRequest"+w];if(!v||!k){var z=0,C=0,E=[];v=function(t){if(0===E.length){var n=b(),e=Math.max(0,16.666666666666668-(n-z));z=e+n,setTimeout((function(){var t=E.slice(0);E.length=0;for(var n=0;n<t.length;n++)if(!t[n].cancelled)try{t[n].callback(z)}catch(t){setTimeout((function(){throw t}),0)}}),Math.round(e))}return E.push({handle:++C,callback:t,cancelled:!1}),C},k=function(t){for(var n=0;n<E.length;n++)E[n].handle===t&&(E[n].cancelled=!0)}}var M,_=function(t){return v.call(m,t)};_.cancel=function(){k.apply(m,arguments)},_.polyfill=function(t){t||(t=m),t.requestAnimationFrame=v,t.cancelAnimationFrame=k},function(t){t[t.MODE_TIMEOUT=0]="MODE_TIMEOUT",t[t.MODE_INTERVAL=1]="MODE_INTERVAL"}(M||(M={}));const D=new Map,j=new Set;let B=!1,I=0;function L(){return(new Date).getTime()}function q(t){const{fn:n,args:e}=t;n(...e)}function T(){if(0===D.size)return void(B=!1);const t=L();D.forEach((t=>(n,e)=>{const{nextTick:i,ms:o,mode:r}=n;t-i>=0&&(j.add(n),r===M.MODE_TIMEOUT?D.delete(e):D.set(e,{...n,nextTick:i+o}))})(t)),0!==j.size&&(j.forEach(q),j.clear()),0!==D.size?_(T):B=!1}const $=class{constructor(n){t(this,n),this.valueInTooltip=!1}onInput(t){this.updateValue(t.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}updateValue(t){this.value=t,this.updatePosition()}updatePosition(){const t=Number(this.input.value||0),n=Number(this.input.min||0),e=(t-n)/(Number(this.input.max||100)-n)*100;if(this.sliderTooltip){const t=Math.round(1e3*(e/100-e/8/this.sliderTooltipContainer.offsetWidth))/10;this.sliderTooltip.style.left=`${t}%`}this.progressElement.style.width=`${e}%`}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"]'),this.disabled=this.input.disabled,this.value=this.input.value,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.valueWatcherId=((t,n=0,...e)=>function({fn:t,ms:n,args:e,mode:i}){if(!t)return null;const o=I;return D.set(o,{fn:t,ms:n,nextTick:L()+n,args:e,mode:i}),B||(B=!0,_(T)),I+=1,o}({fn:t,ms:n,args:e,mode:M.MODE_INTERVAL}))((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100)}componentDidLoad(){this.updatePosition()}disconnectedCallback(){this.disabledObserver.disconnect(),function(t){null!=t&&D.has(t)&&D.delete(t)}(this.valueWatcherId)}render(){return n("div",{class:{"gux-container":!0,"gux-disabled":this.disabled}},n("div",{class:{"gux-range":!0,"gux-active":this.active}},n("div",{class:"gux-track"},n("div",{class:"gux-progress",ref:t=>this.progressElement=t})),n("slot",{name:"input"}),n("div",{class:{"gux-range-tooltip-container":!0,"gux-hidden":!this.valueInTooltip},ref:t=>this.sliderTooltipContainer=t},n("div",{class:"gux-range-tooltip",ref:t=>this.sliderTooltip=t},this.getDisplayValue()))),n("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}get root(){return e(this)}};$.style="gux-input-range .gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:32px;font-size:12px}gux-input-range .gux-container.gux-disabled{pointer-events:none;opacity:0.5}gux-input-range .gux-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}gux-input-range .gux-container .gux-range .gux-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad}gux-input-range .gux-container .gux-range .gux-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']{position:absolute;width:100%;height:2px;margin:6px 0;margin-top:calc(-1 * (12px / 2 + 2px));background:transparent;-webkit-appearance:none}gux-input-range .gux-container .gux-range input[type='range']:focus{outline:none}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-runnable-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-runnable-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-webkit-slider-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;margin-top:-5px;-webkit-appearance:none;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']:focus::-webkit-slider-runnable-track{background:rgba(13, 13, 13, 0)}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-moz-range-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;margin-top:-5px;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-ms-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad;color:transparent;background:transparent;border-color:transparent;border-width:12px 0}gux-input-range .gux-container .gux-range input[type='range']::-ms-track .gux-progress{height:2px;background-color:#2a60c8}gux-input-range .gux-container .gux-range input[type='range']::-ms-fill-lower{background:rgba(0, 0, 0, 0)}gux-input-range .gux-container .gux-range input[type='range']::-ms-fill-upper{background:transparent}gux-input-range .gux-container .gux-range input[type='range']::-ms-thumb{display:block;width:12px;height:12px;cursor:pointer;border-radius:100%;background:#2a60c8;border:0 solid #2a60c8}gux-input-range .gux-container .gux-range input[type='range']:focus::-ms-fill-lower{background:transparent}gux-input-range .gux-container .gux-range input[type='range']:focus::-ms-fill-upper{background:rgba(13, 13, 13, 0)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-webkit-slider-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-moz-range-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-range.gux-active input[type='range']::-ms-thumb{transform:scale(1.5)}gux-input-range .gux-container .gux-display{flex:0 1 auto;align-self:auto;order:0;height:32px;margin:0 0 0 16px;line-height:32px;text-align:right}gux-input-range .gux-container .gux-display.gux-hidden{display:none}gux-input-range .gux-range-tooltip-container{position:absolute;top:-50px;width:100%;height:32px;visibility:hidden}gux-input-range .gux-range-tooltip-container .gux-range-tooltip{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px;position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:50px;height:32px;margin-left:-20px;visibility:hidden;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::after,gux-input-range .gux-range-tooltip-container .gux-range-tooltip::before{position:absolute;top:100%;left:50%;width:0;height:0;pointer-events:none;content:' ';border:solid transparent}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::after{margin-left:-4px;border-width:4px;border-top-color:#fdfdfd}gux-input-range .gux-range-tooltip-container .gux-range-tooltip::before{margin-left:-6px;border-width:6px;border-top-color:#b4bccb}gux-input-range input[type='range']:hover~.gux-range-tooltip-container:not(.gux-hidden),gux-input-range input[type='range']:focus~.gux-range-tooltip-container:not(.gux-hidden),gux-input-range input[type='range']:active~.gux-range-tooltip-container:not(.gux-hidden){visibility:visible}gux-input-range input[type='range']:hover~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip,gux-input-range input[type='range']:focus~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip,gux-input-range input[type='range']:active~.gux-range-tooltip-container:not(.gux-hidden) .gux-range-tooltip{visibility:visible}";const R=class{constructor(n){t(this,n)}componentWillLoad(){this.input=this.root.querySelector('select[slot="input"]'),this.disabled=this.input.disabled,this.disabledObserver=r(this.input,(t=>{this.disabled=t}))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return n("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},n("slot",{name:"input"}),n("gux-icon",{decorative:!0,iconName:"ic-dropdown-arrow"}))}get root(){return e(this)}};R.style="gux-input-select{position:relative;display:block}gux-input-select .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-input-select .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}gux-input-select .gux-input-container:hover gux-icon{color:#2a60c8}gux-input-select .gux-input-container select{flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}gux-input-select .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}gux-input-select .gux-input-container:focus-within{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px #75a8ff}";const N=class{constructor(n){t(this,n),this.resize="none"}componentWillLoad(){this.input=this.root.querySelector('textarea[slot="input"]'),this.input.addEventListener("input",(()=>{this.updateHeight()}))}componentDidLoad(){this.updateHeight()}updateHeight(){"auto"===this.resize&&(this.containerElement.dataset.replicatedValue=this.input.value,this.containerElement.style.maxHeight=this.input.style.maxHeight)}render(){return n("div",{ref:t=>this.containerElement=t,class:`gux-resize-${this.resize}`},n("slot",{name:"input"}))}get root(){return e(this)}};N.style="gux-input-textarea{position:relative;display:block}gux-input-textarea .gux-resize-none textarea{resize:none}gux-input-textarea .gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}gux-input-textarea .gux-resize-auto::after{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;visibility:hidden;content:attr(data-replicated-value) ' ';min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0;border:1px solid #6b7585}gux-input-textarea .gux-resize-auto textarea{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}gux-input-textarea textarea{flex:1 1 auto;align-self:auto;order:0;font-family:inherit;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;color:#2e394c;background-color:#f6f7f9;background-image:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);min-width:100%;max-width:100%;min-height:90px;padding:4px 12px;margin:0;border:1px solid #6b7585}gux-input-textarea textarea::placeholder{color:#596373;opacity:1}gux-input-textarea textarea:focus-within{border-color:#2a60c8;box-shadow:0 0 4px rgba(117, 168, 255, 0.5)}gux-input-textarea textarea[disabled]{opacity:0.5}";export{p as gux_input_checkbox,l as gux_input_color,d as gux_input_number,h as gux_input_radio,$ as gux_input_range,R as gux_input_select,N as gux_input_textarea}
@@ -1 +1 @@
1
- import{r as t,c as e,h as n,g as s}from"./p-e571f861.js";import{t as a}from"./p-616220c4.js";import{a as i,c as r,b as o,f as h}from"./p-4f26144b.js";import{g as d,a as l}from"./p-4154675a.js";import"./p-8a133b9b.js";function u(t,e){c(t,"remove",e)}function c(t=[],e,n){const s=[].concat(t);for(const t of s)t.classList[e](n)}const g=class{constructor(n){t(this,n),this.input=e(this,"input",7),this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.previewValue=new Date,this.selectingDate=null,this.locale="en"}emitInput(){this.input.emit(this.value)}async setValue(t){if("range"===this.mode&&t instanceof Array){const[e,n]=t;this.value=i(e,n),this.previewValue=r(this.value)[0]}else{const e=t;this.value=o(e),this.previewValue=e}}async focusPreviewDate(){const t=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);t&&t.focus()}async resetCalendarView(t){this.previewValue=t}incrementPreviewDateByMonth(t){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+t,15,0,0,0),setTimeout((()=>{this.focusPreviewDate()}))}async setValueAndEmit(t){await this.setValue(t),this.emitInput()}getMonthLabel(t){const e=new Date(this.previewValue.getTime());e.setMonth(e.getMonth()+t);const n=e.toLocaleString(this.locale,{month:"long"});return n.charAt(0).toUpperCase()+n.slice(1)}getYearLabel(t){const e=new Date(this.previewValue.getTime());return e.setMonth(e.getMonth()+t),e.getFullYear()}firstDateInMonth(t,e){const n=new Date(e,t,1,1,0,0,0),s=n.getDay(),a=-1*(this.startDayOfWeek-s-7)%7;return new Date(n.getTime()-864e5*a)}outOfBounds(t){return""!==this.maxDate&&h(this.maxDate)<t||""!==this.minDate&&h(this.minDate)>t}generateDatesFrom(t,e,n){const s=[],a=new Date(e.getFullYear(),e.getMonth(),e.getDate(),0,0,0,0);for(let e=0;e<n;e++){const e=new Date(a.getFullYear(),a.getMonth(),a.getDate(),0,0,0,0),n=[];let i=!1;e.getMonth()!==t&&(n.push("gux-not-in-month"),"range"===this.mode&&(n.push("gux-hidden"),i=!0));let o=!1;this.outOfBounds(e)&&(n.push("gux-disabled"),o=!0);let d=!1;if("range"===this.mode){const[t,s]=r(this.value),a=t.getTime(),i=s.getTime();e.getTime()===a?(d=!0,n.push("gux-selected"),n.push("gux-start-date")):e.getTime()===i&&(d=!0,n.push("gux-selected"),n.push("gux-end-date"))}else{const t=h(this.value).getTime();e.getTime()===t&&(d=!0,n.push("gux-selected"))}s.push({class:n.join(" "),date:e,hidden:i,disabled:o,selected:d}),a.setDate(a.getDate()+1)}return s}create2DArray(t,e){const n=[];for(let s=0;s<e-1;s++){const a=t.slice(s*e,s*e+e);this.weekShouldBeDisplayed(a)&&n.push(a)}return n}weekShouldBeDisplayed(t){const e=t.find((t=>!t.hidden));return t.length&&!!e}getMonthDays(t){const e=new Date(this.previewValue.getTime());e.setMonth(e.getMonth()+t);const n=e.getMonth(),s=e.getFullYear(),a=this.firstDateInMonth(n,s),i=this.generateDatesFrom(n,a,42);return this.create2DArray(i,7)}addDays(t,e){const n=new Date(t.valueOf());return n.setDate(n.getDate()+e),n}getAllDatesElements(){const t=this.root.shadowRoot.querySelectorAll("td");return Array.from(t)}getAllSelectableDatesElements(){const t=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(t)}getRangeDatesElements(t,e){const n=[];let s;s=e<t?this.getRangeDates(e,t):this.getRangeDates(t,e);for(const t of s){const e=this.root.shadowRoot.querySelector(`td[data-date="${t.getTime()}"]:not(.gux-hidden)`);e&&n.push(e)}return n}getRangeDates(t,e){const n=[];let s=t;for(;s<=e;)n.push(new Date(s)),s=this.addDays(s,1);return n}async onDateClick(t){if(!this.outOfBounds(t))if("range"!==this.mode)await this.setValueAndEmit(t);else if(null===this.selectingDate)u(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(t.valueOf()),this.value=i(t,t);else{const e=this.root.shadowRoot.querySelector(`td[data-date="${t.getTime()}"]`);e&&e.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,t]),this.previewValue=t,this.selectingDate=null}}onDateMouseEnter(t){"range"===this.mode&&null!==this.selectingDate&&(this.value=i(t,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){u(this.getAllDatesElements(),"gux-hovered");const[t,e]=r(this.value);c(this.getRangeDatesElements(t,e),"add","gux-hovered")}}async onKeyDown(t){switch(t.key){case" ":case"Enter":t.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),setTimeout((()=>{this.focusPreviewDate()}));break;case"ArrowUp":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),setTimeout((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),setTimeout((()=>{this.focusPreviewDate()}));break;case"ArrowRight":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),setTimeout((()=>{this.focusPreviewDate()}));break;case"PageUp":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}shiftArray(t,e){return t.concat(t.splice(0,e>t.length?e%t.length:e))}getWeekdays(){const t=[],e=new Date(1970,0,4);for(let n=0;n<7;n++){const n=e.toLocaleString(this.locale,{weekday:"narrow"});t.push(n),e.setDate(e.getDate()+1)}return this.shiftArray(t,this.startDayOfWeek)}componentWillLoad(){if(a(this.root,{variant:this.mode}),this.locale=d(this.root),this.startDayOfWeek=l(this.locale),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?i(t,t):o(t)}this.previewValue=h(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return n("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((t=>n("label",null,this.getMonthLabel(t)," ",this.getYearLabel(t)))))}renderCalendarTable(t){return n("table",null,n("tr",null,this.getWeekdays().map((t=>n("th",null,t)))),this.getMonthDays(t).map((e=>n("tr",null,e.map((e=>n("td",{tabindex:e.selected?"0":"-1",class:e.class,"aria-hidden":e.hidden?"true":"false","data-date":e.date.getTime(),onClick:()=>{this.onDateClick(e.date)},onMouseEnter:()=>this.onDateMouseEnter(e.date),onKeyDown:t=>{this.onKeyDown(t)}},e.date.getDate(),n("span",{class:"gux-sr-only"},this.getMonthLabel(t)," ",e.date.getFullYear()))))))))}render(){return n("div",{class:"gux-calendar"},n("div",{class:"gux-header"},n("button",{type:"button",class:"gux-left",onClick:()=>this.incrementPreviewDateByMonth(-1),tabindex:"-1","aria-hidden":"true"},n("gux-icon",{decorative:!0,"icon-name":"chevron-small-left"})),this.renderMonthHeader(),n("button",{type:"button",class:"gux-right",onClick:()=>this.incrementPreviewDateByMonth(1),tabindex:"-1","aria-hidden":"true"},n("gux-icon",{decorative:!0,"icon-name":"chevron-small-right"}))),n("div",{class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((t=>this.renderCalendarTable(t)))))}get root(){return s(this)}};g.style=":host{display:inline-block}.gux-calendar{margin-top:2px;border:1px solid #b4bccb;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24);border-radius:4px}.gux-calendar .gux-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:16px;padding:16px;color:#fdfdfd;background-color:#2a60c8;border-top-left-radius:3px;border-top-right-radius:3px}.gux-calendar .gux-header button{position:absolute;padding:5px;color:#fdfdfd;cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header button:focus{outline:#75a8ff auto 5px}.gux-calendar .gux-header button.gux-left{left:18px}.gux-calendar .gux-header button.gux-right{right:18px}.gux-calendar .gux-header button gux-icon{width:16px;height:16px;pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;width:100%}.gux-calendar .gux-header .gux-month-list label{width:100%;text-align:center;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-calendar .gux-content{display:flex;padding:20px 24px;color:#2e394c;background-color:#fdfdfd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.gux-calendar .gux-content table{width:168px;text-align:left;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-right:24px}.gux-calendar .gux-content table tr{height:28px}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{width:28px;height:28px;padding:0;margin:0;text-align:center;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-calendar .gux-content table tr th{font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-calendar .gux-content table tr td{cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:#deeaff}.gux-calendar .gux-content table tr td.gux-selected{color:#fdfdfd;background-color:#2a60c8;border-radius:4px}.gux-calendar .gux-content table tr td.gux-selected.gux-start-date{border-radius:4px 0 0 4px}.gux-calendar .gux-content table tr td.gux-selected.gux-end-date{border-radius:0 4px 4px 0}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date){color:#fdfdfd;background-color:#2a60c8;border-radius:4px}.gux-calendar .gux-content table tr td.gux-disabled{color:#596373;pointer-events:none}.gux-calendar .gux-content table tr td.gux-not-in-month{color:#596373}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{color:#2e394c;background-color:#e2e6ee}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{g as gux_calendar}
1
+ import{r as t,c as e,h as n,g as s}from"./p-e571f861.js";import{t as a}from"./p-bedc76a7.js";import{a as i,c as r,b as o,f as h}from"./p-4f26144b.js";import{g as d,a as l}from"./p-e974f062.js";import"./p-8a133b9b.js";function u(t,e){c(t,"remove",e)}function c(t=[],e,n){const s=[].concat(t);for(const t of s)t.classList[e](n)}const g=class{constructor(n){t(this,n),this.input=e(this,"input",7),this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.previewValue=new Date,this.selectingDate=null,this.locale="en"}emitInput(){this.input.emit(this.value)}async setValue(t){if("range"===this.mode&&t instanceof Array){const[e,n]=t;this.value=i(e,n),this.previewValue=r(this.value)[0]}else{const e=t;this.value=o(e),this.previewValue=e}}async focusPreviewDate(){const t=this.root.shadowRoot.querySelector(`td[data-date="${this.previewValue.getTime()}"]`);t&&t.focus()}async resetCalendarView(t){this.previewValue=t}incrementPreviewDateByMonth(t){this.previewValue=new Date(this.previewValue.getFullYear(),this.previewValue.getMonth()+t,15,0,0,0),setTimeout((()=>{this.focusPreviewDate()}))}async setValueAndEmit(t){await this.setValue(t),this.emitInput()}getMonthLabel(t){const e=new Date(this.previewValue.getTime());e.setMonth(e.getMonth()+t);const n=e.toLocaleString(this.locale,{month:"long"});return n.charAt(0).toUpperCase()+n.slice(1)}getYearLabel(t){const e=new Date(this.previewValue.getTime());return e.setMonth(e.getMonth()+t),e.getFullYear()}firstDateInMonth(t,e){const n=new Date(e,t,1,1,0,0,0),s=n.getDay(),a=-1*(this.startDayOfWeek-s-7)%7;return new Date(n.getTime()-864e5*a)}outOfBounds(t){return""!==this.maxDate&&h(this.maxDate)<t||""!==this.minDate&&h(this.minDate)>t}generateDatesFrom(t,e,n){const s=[],a=new Date(e.getFullYear(),e.getMonth(),e.getDate(),0,0,0,0);for(let e=0;e<n;e++){const e=new Date(a.getFullYear(),a.getMonth(),a.getDate(),0,0,0,0),n=[];let i=!1;e.getMonth()!==t&&(n.push("gux-not-in-month"),"range"===this.mode&&(n.push("gux-hidden"),i=!0));let o=!1;this.outOfBounds(e)&&(n.push("gux-disabled"),o=!0);let d=!1;if("range"===this.mode){const[t,s]=r(this.value),a=t.getTime(),i=s.getTime();e.getTime()===a?(d=!0,n.push("gux-selected"),n.push("gux-start-date")):e.getTime()===i&&(d=!0,n.push("gux-selected"),n.push("gux-end-date"))}else{const t=h(this.value).getTime();e.getTime()===t&&(d=!0,n.push("gux-selected"))}s.push({class:n.join(" "),date:e,hidden:i,disabled:o,selected:d}),a.setDate(a.getDate()+1)}return s}create2DArray(t,e){const n=[];for(let s=0;s<e-1;s++){const a=t.slice(s*e,s*e+e);this.weekShouldBeDisplayed(a)&&n.push(a)}return n}weekShouldBeDisplayed(t){const e=t.find((t=>!t.hidden));return t.length&&!!e}getMonthDays(t){const e=new Date(this.previewValue.getTime());e.setMonth(e.getMonth()+t);const n=e.getMonth(),s=e.getFullYear(),a=this.firstDateInMonth(n,s),i=this.generateDatesFrom(n,a,42);return this.create2DArray(i,7)}addDays(t,e){const n=new Date(t.valueOf());return n.setDate(n.getDate()+e),n}getAllDatesElements(){const t=this.root.shadowRoot.querySelectorAll("td");return Array.from(t)}getAllSelectableDatesElements(){const t=this.root.shadowRoot.querySelectorAll('td[tabindex="0"]');return Array.from(t)}getRangeDatesElements(t,e){const n=[];let s;s=e<t?this.getRangeDates(e,t):this.getRangeDates(t,e);for(const t of s){const e=this.root.shadowRoot.querySelector(`td[data-date="${t.getTime()}"]:not(.gux-hidden)`);e&&n.push(e)}return n}getRangeDates(t,e){const n=[];let s=t;for(;s<=e;)n.push(new Date(s)),s=this.addDays(s,1);return n}async onDateClick(t){if(!this.outOfBounds(t))if("range"!==this.mode)await this.setValueAndEmit(t);else if(null===this.selectingDate)u(this.getAllDatesElements(),"gux-hovered"),this.selectingDate=new Date(t.valueOf()),this.value=i(t,t);else{const e=this.root.shadowRoot.querySelector(`td[data-date="${t.getTime()}"]`);e&&e.classList.add("gux-selected"),this.updateRangeElements(),await this.setValueAndEmit([this.selectingDate,t]),this.previewValue=t,this.selectingDate=null}}onDateMouseEnter(t){"range"===this.mode&&null!==this.selectingDate&&(this.value=i(t,this.selectingDate),this.updateRangeElements())}updateRangeElements(){if("range"===this.mode){u(this.getAllDatesElements(),"gux-hovered");const[t,e]=r(this.value);c(this.getRangeDatesElements(t,e),"add","gux-hovered")}}async onKeyDown(t){switch(t.key){case" ":case"Enter":t.preventDefault(),await this.onDateClick(this.previewValue);break;case"ArrowDown":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+7)),this.onDateMouseEnter(this.previewValue),setTimeout((()=>{this.focusPreviewDate()}));break;case"ArrowUp":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),setTimeout((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),setTimeout((()=>{this.focusPreviewDate()}));break;case"ArrowRight":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),setTimeout((()=>{this.focusPreviewDate()}));break;case"PageUp":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}shiftArray(t,e){return t.concat(t.splice(0,e>t.length?e%t.length:e))}getWeekdays(){const t=[],e=new Date(1970,0,4);for(let n=0;n<7;n++){const n=e.toLocaleString(this.locale,{weekday:"narrow"});t.push(n),e.setDate(e.getDate()+1)}return this.shiftArray(t,this.startDayOfWeek)}componentWillLoad(){if(a(this.root,{variant:this.mode}),this.locale=d(this.root),this.startDayOfWeek=l(this.locale),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?i(t,t):o(t)}this.previewValue=h(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return n("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((t=>n("label",null,this.getMonthLabel(t)," ",this.getYearLabel(t)))))}renderCalendarTable(t){return n("table",null,n("tr",null,this.getWeekdays().map((t=>n("th",null,t)))),this.getMonthDays(t).map((e=>n("tr",null,e.map((e=>n("td",{tabindex:e.selected?"0":"-1",class:e.class,"aria-hidden":e.hidden?"true":"false","data-date":e.date.getTime(),onClick:()=>{this.onDateClick(e.date)},onMouseEnter:()=>this.onDateMouseEnter(e.date),onKeyDown:t=>{this.onKeyDown(t)}},e.date.getDate(),n("span",{class:"gux-sr-only"},this.getMonthLabel(t)," ",e.date.getFullYear()))))))))}render(){return n("div",{class:"gux-calendar"},n("div",{class:"gux-header"},n("button",{type:"button",class:"gux-left",onClick:()=>this.incrementPreviewDateByMonth(-1),tabindex:"-1","aria-hidden":"true"},n("gux-icon",{decorative:!0,"icon-name":"chevron-small-left"})),this.renderMonthHeader(),n("button",{type:"button",class:"gux-right",onClick:()=>this.incrementPreviewDateByMonth(1),tabindex:"-1","aria-hidden":"true"},n("gux-icon",{decorative:!0,"icon-name":"chevron-small-right"}))),n("div",{class:"gux-content"},Array.from(Array(this.numberOfMonths).keys()).map((t=>this.renderCalendarTable(t)))))}get root(){return s(this)}};g.style=":host{display:inline-block}.gux-calendar{margin-top:2px;border:1px solid #b4bccb;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24);border-radius:4px}.gux-calendar .gux-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:16px;padding:16px;color:#fdfdfd;background-color:#2a60c8;border-top-left-radius:3px;border-top-right-radius:3px}.gux-calendar .gux-header button{position:absolute;padding:5px;color:#fdfdfd;cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header button:focus{outline:#75a8ff auto 5px}.gux-calendar .gux-header button.gux-left{left:18px}.gux-calendar .gux-header button.gux-right{right:18px}.gux-calendar .gux-header button gux-icon{width:16px;height:16px;pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;width:100%}.gux-calendar .gux-header .gux-month-list label{width:100%;text-align:center;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-calendar .gux-content{display:flex;padding:20px 24px;color:#2e394c;background-color:#fdfdfd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.gux-calendar .gux-content table{width:168px;text-align:left;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-right:24px}.gux-calendar .gux-content table tr{height:28px}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{width:28px;height:28px;padding:0;margin:0;text-align:center;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-calendar .gux-content table tr th{font-family:Roboto, sans-serif;font-weight:400;font-weight:700}.gux-calendar .gux-content table tr td{cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:#deeaff}.gux-calendar .gux-content table tr td.gux-selected{color:#fdfdfd;background-color:#2a60c8;border-radius:4px}.gux-calendar .gux-content table tr td.gux-selected.gux-start-date{border-radius:4px 0 0 4px}.gux-calendar .gux-content table tr td.gux-selected.gux-end-date{border-radius:0 4px 4px 0}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date){color:#fdfdfd;background-color:#2a60c8;border-radius:4px}.gux-calendar .gux-content table tr td.gux-disabled{color:#596373;pointer-events:none}.gux-calendar .gux-content table tr td.gux-not-in-month{color:#596373}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{color:#2e394c;background-color:#e2e6ee}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{g as gux_calendar}
@@ -1 +1 @@
1
- import{r as t,h as i,H as e,g as n}from"./p-e571f861.js";import{O as r}from"./p-35578249.js";import{o,a}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as g}from"./p-616220c4.js";import{a as p,G as u}from"./p-cdf5cb56.js";import{h as l,G as x,v as h,g as d}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const c=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.hasError=!1}onInput(t){this.updateValue(t.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.hasError=l(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=l(this.root),g(this.root,{variant:this.variant})}componentDidLoad(){this.updatePosition()}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect(),clearInterval(this.valueWatcherId)}render(){return i(e,{class:{"gux-active":this.active}},i(p,{labelPosition:this.computedLabelPosition},i(u,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},this.renderRangeInput(),i(x,{hasError:this.hasError},i("slot",{name:"error"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=this.root.querySelector('input[type="range"][slot="input"]'),s(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.value=this.input.value,this.disabledObserver=o(this.input,(t=>{this.disabled=t})),this.requiredObserver=a(this.input,(t=>{this.required=t})),clearInterval(this.valueWatcherId),this.valueWatcherId=setInterval((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100),h(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}renderRangeInput(){return i("div",{class:{"gux-range-input-container":!0,"gux-disabled":this.disabled}},i("div",{class:"gux-range"},i("div",{class:"gux-track"},i("div",{class:"gux-progress",ref:t=>this.progressElement=t})),i("slot",{name:"input"}),i("div",{class:{"gux-range-tooltip-container":!0,"gux-hidden":!this.valueInTooltip},ref:t=>this.sliderTooltipContainer=t},i("div",{class:"gux-range-tooltip",ref:t=>this.sliderTooltip=t},this.getDisplayValue()))),i("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(t){this.value=t,this.updatePosition()}updatePosition(){const t=Number(this.input.value||0),i=Number(this.input.min||0),e=(t-i)/(Number(this.input.max||100)-i)*100;this.sliderTooltip&&(this.sliderTooltip.style.left=e-e/8/this.sliderTooltipContainer.offsetWidth*100+"%"),this.progressElement.style.width=`${e}%`}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return n(this)}};(function(t,i,e,n){var r,o=arguments.length,a=o<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,n);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(o<3?r(a):o>3?r(i,e,a):r(i,e))||a);o>3&&a&&Object.defineProperty(i,e,a)})([r({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input[type='range']){position:absolute;width:100%;height:2px;margin:6px 0;margin-top:calc(-1 * (12px / 2 + 2px));background:transparent;-webkit-appearance:none}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:32px;font-size:12px}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{height:2px;background-color:#2a60c8}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;height:32px;margin:0 0 0 16px;line-height:32px;text-align:right}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}.gux-input-and-error-container .gux-range-tooltip-container{position:absolute;top:-50px;width:100%;height:32px;pointer-events:none}.gux-input-and-error-container .gux-range-tooltip-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px;position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:50px;height:32px;margin-left:-20px;visibility:hidden;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::after,.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::before{position:absolute;top:100%;left:50%;width:0;height:0;pointer-events:none;content:' ';border:solid transparent}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::after{margin-left:-4px;border-width:4px;border-top-color:#fdfdfd}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::before{margin-left:-6px;border-width:6px;border-top-color:#b4bccb}";export{c as gux_form_field_range}
1
+ import{r as t,h as i,H as e,g as n}from"./p-e571f861.js";import{O as r}from"./p-35578249.js";import{o,a}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as g}from"./p-bedc76a7.js";import{a as p,G as u}from"./p-cdf5cb56.js";import{h as l,G as x,v as h,g as d}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const c=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.hasError=!1}onInput(t){this.updateValue(t.target.value)}onMousedown(){this.disabled||(this.active=!0)}onMouseup(){this.active=!1}onMutation(){this.hasError=l(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=l(this.root),g(this.root,{variant:this.variant})}componentDidLoad(){this.updatePosition()}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect(),clearInterval(this.valueWatcherId)}render(){return i(e,{class:{"gux-active":this.active}},i(p,{labelPosition:this.computedLabelPosition},i(u,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},this.renderRangeInput(),i(x,{hasError:this.hasError},i("slot",{name:"error"})))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=this.root.querySelector('input[type="range"][slot="input"]'),s(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.value=this.input.value,this.disabledObserver=o(this.input,(t=>{this.disabled=t})),this.requiredObserver=a(this.input,(t=>{this.required=t})),clearInterval(this.valueWatcherId),this.valueWatcherId=setInterval((()=>{this.value!==this.input.value&&this.updateValue(this.input.value)}),100),h(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}renderRangeInput(){return i("div",{class:{"gux-range-input-container":!0,"gux-disabled":this.disabled}},i("div",{class:"gux-range"},i("div",{class:"gux-track"},i("div",{class:"gux-progress",ref:t=>this.progressElement=t})),i("slot",{name:"input"}),i("div",{class:{"gux-range-tooltip-container":!0,"gux-hidden":!this.valueInTooltip},ref:t=>this.sliderTooltipContainer=t},i("div",{class:"gux-range-tooltip",ref:t=>this.sliderTooltip=t},this.getDisplayValue()))),i("div",{class:{"gux-display":!0,"gux-hidden":this.valueInTooltip}},this.getDisplayValue()))}updateValue(t){this.value=t,this.updatePosition()}updatePosition(){const t=Number(this.input.value||0),i=Number(this.input.min||0),e=(t-i)/(Number(this.input.max||100)-i)*100;this.sliderTooltip&&(this.sliderTooltip.style.left=e-e/8/this.sliderTooltipContainer.offsetWidth*100+"%"),this.progressElement.style.width=`${e}%`}getDisplayValue(){return this.displayUnits?`${this.value}${this.displayUnits}`:this.value}get root(){return n(this)}};(function(t,i,e,n){var r,o=arguments.length,a=o<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,n);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(o<3?r(a):o>3?r(i,e,a):r(i,e))||a);o>3&&a&&Object.defineProperty(i,e,a)})([r({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input[type='range']){position:absolute;width:100%;height:2px;margin:6px 0;margin-top:calc(-1 * (12px / 2 + 2px));background:transparent;-webkit-appearance:none}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;height:32px;font-size:12px}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{width:100%;height:2px;margin:6px 0;background-color:#8a97ad}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{height:2px;background-color:#2a60c8}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;height:32px;margin:0 0 0 16px;line-height:32px;text-align:right}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}.gux-input-and-error-container .gux-range-tooltip-container{position:absolute;top:-50px;width:100%;height:32px;pointer-events:none}.gux-input-and-error-container .gux-range-tooltip-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px;position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:50px;height:32px;margin-left:-20px;visibility:hidden;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::after,.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::before{position:absolute;top:100%;left:50%;width:0;height:0;pointer-events:none;content:' ';border:solid transparent}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::after{margin-left:-4px;border-width:4px;border-top-color:#fdfdfd}.gux-input-and-error-container .gux-range-tooltip-container .gux-range-tooltip::before{margin-left:-6px;border-width:6px;border-top-color:#b4bccb}";export{c as gux_form_field_range}
@@ -1 +1 @@
1
- import{r as e,c as t,h as o,g as i}from"./p-e571f861.js";import{t as s}from"./p-616220c4.js";import{b as d}from"./p-4154675a.js";import"./p-8a133b9b.js";const n={searchAria:"Search"},r=class{constructor(o){e(this,o),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px"}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onFocusOut(e){e.relatedTarget&&this.root.contains(e.relatedTarget)||this.closeDropdown(!1)}async componentWillLoad(){s(this.root),this.i18n=await d(this.root,n),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=function(e,t,o={}){const i=new MutationObserver(t);return i.observe(e,Object.assign({attributes:!0,childList:!0,subtree:!0},o)),i}(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver.disconnect()}render(){return o("div",{class:`gux-dropdown\n ${this.disabled?"gux-disabled":""}\n ${this.opened?"gux-active":""}`},o("div",{class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},o("a",{ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&o("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&o("span",{class:"gux-select-value",title:this.value},this.value)),o("div",{class:"gux-icon-wrapper"},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),o("div",{class:"gux-advanced-dropdown-menu "+(this.opened?"gux-opened":"")},o("div",{class:"gux-dropdown-menu-container"},o("gux-form-field-search",{"label-position":"screenreader"},o("label",{slot:"label"},this.i18n("searchAria")),o("input",{slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),o("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},o("slot",null)))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){setTimeout((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return i(this)}static get watchers(){return{disabled:["watchValue"]}}};r.style=":host{color:#2e394c}div.gux-dropdown{position:relative;margin:4px 0}div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}div.gux-dropdown .gux-select-field a.gux-select-input{position:absolute;top:0;right:0;bottom:0;left:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder,div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}div.gux-dropdown .gux-select-field a.gux-select-input:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}div.gux-dropdown .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}div.gux-dropdown .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}div.gux-dropdown .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}div.gux-dropdown.gux-active .gux-select-field .gux-select-input{border:1px solid #2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown.gux-active .gux-select-field .gux-select-input:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown .gux-advanced-dropdown-menu{position:absolute;top:36px;z-index:1;display:none;width:100%;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}div.gux-dropdown .gux-advanced-dropdown-menu.gux-opened{display:block}div.gux-dropdown .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{r as gux_advanced_dropdown}
1
+ import{r as e,c as t,h as o,g as i}from"./p-e571f861.js";import{t as s}from"./p-bedc76a7.js";import{b as d}from"./p-e974f062.js";import"./p-8a133b9b.js";const n={searchAria:"Search"},r=class{constructor(o){e(this,o),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px"}watchValue(e){this.opened&&e&&this.closeDropdown(!1)}get value(){var e;return null===(e=this.currentlySelectedOption)||void 0===e?void 0:e.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(e){this.srLabelledby=e}onFocusOut(e){e.relatedTarget&&this.root.contains(e.relatedTarget)||this.closeDropdown(!1)}async componentWillLoad(){s(this.root),this.i18n=await d(this.root,n),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=function(e,t,o={}){const i=new MutationObserver(t);return i.observe(e,Object.assign({attributes:!0,childList:!0,subtree:!0},o)),i}(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver.disconnect()}render(){return o("div",{class:`gux-dropdown\n ${this.disabled?"gux-disabled":""}\n ${this.opened?"gux-active":""}`},o("div",{class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},o("a",{ref:e=>this.inputBox=e,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:e=>this.inputKeyDown(e)},this.placeholder&&!this.value&&o("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&o("span",{class:"gux-select-value",title:this.value},this.value)),o("div",{class:"gux-icon-wrapper"},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),o("div",{class:"gux-advanced-dropdown-menu "+(this.opened?"gux-opened":"")},o("div",{class:"gux-dropdown-menu-container"},o("gux-form-field-search",{"label-position":"screenreader"},o("label",{slot:"label"},this.i18n("searchAria")),o("input",{slot:"input",type:"search",onInput:e=>{this.handleSearchInput(e)},ref:e=>this.searchInput=e})),o("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:e=>this.optionsKeyDown(e)},o("slot",null)))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((e=>e.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(e=>this.handleSelectionChange(e)))}handleSelectionChange({target:e}){const t=e;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const e=this.root.querySelectorAll("gux-dropdown-option");return Array.from(e)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((e=>e.matches(":focus")))}optionsKeyDown(e){switch(e.key){case"ArrowUp":{e.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{e.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(e){switch(e.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(e){e.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const e=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(e).then((e=>{t.filtered=e}))}changeFocusToSearch(){setTimeout((()=>{this.searchInput.focus()}))}openDropdown(e){this.opened=!0,e&&this.changeFocusToSearch()}closeDropdown(e){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),e&&this.inputBox.focus()}get root(){return i(this)}static get watchers(){return{disabled:["watchValue"]}}};r.style=":host{color:#2e394c}div.gux-dropdown{position:relative;margin:4px 0}div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}div.gux-dropdown .gux-select-field a.gux-select-input{position:absolute;top:0;right:0;bottom:0;left:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder,div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}div.gux-dropdown .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}div.gux-dropdown .gux-select-field a.gux-select-input:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}div.gux-dropdown .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}div.gux-dropdown .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}div.gux-dropdown .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}div.gux-dropdown.gux-active .gux-select-field .gux-select-input{border:1px solid #2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown.gux-active .gux-select-field .gux-select-input:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}div.gux-dropdown .gux-advanced-dropdown-menu{position:absolute;top:36px;z-index:1;display:none;width:100%;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,div.gux-dropdown .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}div.gux-dropdown .gux-advanced-dropdown-menu.gux-opened{display:block}div.gux-dropdown .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}";export{r as gux_advanced_dropdown}
@@ -1 +1 @@
1
- import{r as t,c as e,h as o,g as i}from"./p-e571f861.js";import{b as a}from"./p-4154675a.js";import"./p-8a133b9b.js";const s={clearSelection:"Clear {numberSelected} selected items"},n=class{constructor(o){t(this,o),this.guxclearselected=e(this,"guxclearselected",7),this.disabled=!1,this.numberSelected=0,this.label=""}onKeyDown(t){switch(t.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){this.disabled||this.guxclearselected.emit()}renderRemoveButton(){return o("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},o("gux-icon",{class:"gux-tag-remove-icon","icon-name":"close","screenreader-text":this.i18n("clearSelection",{numberSelected:this.numberSelected.toString()})}))}async componentWillRender(){this.i18n=await a(this.root,s)}render(){return o("div",{class:{"gux-tag":!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.numberSelected.toString(),this.renderRemoveButton())}get root(){return i(this)}};n.style=":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;padding:2px 4px 2px 8px;font-size:12px;font-weight:bold;color:#2e394c;background-color:#e2e6ee;border-radius:4px}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center;margin-left:7px}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:16px;height:16px;border-radius:25%}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:none;box-shadow:0 0 0 1px transparent, 0 0 0 2px #aac9ff}.gux-tag.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(226, 230, 238, 0.5)}";export{n as gux_dropdown_multi_tag}
1
+ import{r as t,c as e,h as o,g as i}from"./p-e571f861.js";import{b as s}from"./p-e974f062.js";import"./p-8a133b9b.js";const a={clearSelection:"Clear {numberSelected} selected items"},n=class{constructor(o){t(this,o),this.guxclearselected=e(this,"guxclearselected",7),this.disabled=!1,this.numberSelected=0,this.label=""}onKeyDown(t){switch(t.key){case"Backspace":case"Delete":this.removeTag()}}removeTag(){this.disabled||this.guxclearselected.emit()}renderRemoveButton(){return o("button",{class:"gux-tag-remove-button",onClick:this.removeTag.bind(this),type:"button",disabled:this.disabled},o("gux-icon",{class:"gux-tag-remove-icon","icon-name":"close","screenreader-text":this.i18n("clearSelection",{numberSelected:this.numberSelected.toString()})}))}async componentWillRender(){this.i18n=await s(this.root,a)}render(){return o("div",{class:{"gux-tag":!0,"gux-disabled":this.disabled},"aria-disabled":this.disabled.toString()},this.numberSelected.toString(),this.renderRemoveButton())}get root(){return i(this)}};n.style=":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;padding:2px 4px 2px 8px;font-size:12px;font-weight:bold;color:#2e394c;background-color:#e2e6ee;border-radius:4px}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center;margin-left:7px}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:16px;height:16px;border-radius:25%}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:none;box-shadow:0 0 0 1px transparent, 0 0 0 2px #aac9ff}.gux-tag.gux-disabled{color:rgba(46, 57, 76, 0.5);background-color:rgba(226, 230, 238, 0.5)}";export{n as gux_dropdown_multi_tag}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,g as s}from"./p-e571f861.js";import{t as a}from"./p-616220c4.js";import{r as n}from"./p-cbcbd1bb.js";import{b as r}from"./p-4154675a.js";import{f as h,a as c,b as d,c as u}from"./p-4f26144b.js";import{O as o}from"./p-49b1912a.js";import{c as l}from"./p-4c66f794.js";import"./p-8a133b9b.js";const p={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function g(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 x(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?x(t,g(-1,e)):i}function f(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function k(t){return t.match(/\W/)[0]}function b(t){const e=k(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function m(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const y=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.focusingRange=!1,this.isSelectingRange=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=n("gux-datepicker"),this.endInputId=n("gux-datepicker"),this.label="",this.numberOfMonths=1,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.formatedValue="",this.toFormatedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?h(t):null}watchMaxDate(t){this.maxDateDate=t?h(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=b(t),this.lastIntervalRange=m(this.format,f(this.format,0))}watchActiveCalendar(t){if(!0===t){const t=h(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isFocusedFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":this.isSelectingRange=!0,this.setRange();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=b(t),s=f(t,e.selectionStart),a=i.indexOf(s);return m(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=b(t),s=f(t,e.selectionStart),a=i.indexOf(s);return m(t,i[(a+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),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");setTimeout((()=>{t.focus()}),100);break}case"Tab":this.active&&(this.active=!1)}}onFocusIn(t){this.isFocusedFieldEvent(t)&&(this.isSelectingRange||(this.focusedField=this.getInputFieldFromEvent(t),this.setRange()))}onFocusOut(t){t.composedPath().includes(this.root)||(this.lastIntervalRange=m(this.format,f(this.format,0)))}onMouseDown(t){this.isFocusedFieldEvent(t)&&(this.isSelectingRange=!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)}onMouseUp(t){t.preventDefault(),this.isSelectingRange&&this.isFocusedFieldEvent(t)&&(this.focusedField=this.getInputFieldFromEvent(t),this.lastIntervalRange=m(this.format,f(this.format,this.focusedField.selectionStart)),this.setRange())}onClickOutside(){this.active=!1}isFocusedFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}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"===f(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=k(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),h=new Date(a,n,r);return"yy"===this.yearFormat&&h.getFullYear()<1970&&this.lastYear>1970&&h.setFullYear(h.getFullYear()+100),h}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formatedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormatedValue),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=c(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=d(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.isSelectingRange=!1,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(f(this.format,this.focusedField.selectionStart)){case"d":{const t=h(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]=u(this.value),{map:i,regexp:s}=this.getMapAndRegexFromField(t);this.formatedValue=this.format.replace(s,(t=>i[t]));const{map:a,regexp:n}=this.getMapAndRegexFromField(e);this.toFormatedValue=this.format.replace(n,(t=>a[t]))}else{const t=h(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formatedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd)}toggleCalendar(){this.active=!this.active,this.active&&setTimeout((()=>{this.calendarElement.focusPreviewDate()}),100)}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return h(this.value)}getRangeFocusedDateValue(){const[t,e]=u(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=f(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let s;switch(e){case"d":s=g(t,i);break;case"m":s=x(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=k(e);return 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)}(s,this.format),this.setValue()}async componentWillLoad(){if(a(this.root,{variant:this.mode}),this.i18n=await r(this.root,p),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?c(t,t):d(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}}componentDidLoad(){this.updateDate(),this.popperInstance=l(this.datepickerElement,this.calendarElement,{modifiers:[{name:"offset",options:{offset:[0,-3]}}],placement:"bottom-start"})}componentDidUpdate(){this.popperInstance.forceUpdate()}disconnectedCallback(){this.popperInstance.destroy()}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",{ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onInput:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths})}renderStartDateField(){return i("div",{class:"gux-datepicker-field"},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",ref:t=>this.inputElement=t,value:this.formatedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:"gux-datepicker-field"},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,value:this.toFormatedValue,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 h=t.length-1;h>=0;h--)(a=t[h])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([o({triggerEvents:"mousedown"})],y.prototype,"onClickOutside",null),y.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-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 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 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{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus,.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{z-index:1;display:none}.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,.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{y as gux_datepicker}
1
+ import{r as t,c as e,h as i,g as s}from"./p-e571f861.js";import{t as a}from"./p-bedc76a7.js";import{r as n}from"./p-cbcbd1bb.js";import{b as r}from"./p-e974f062.js";import{f as h,a as c,b as d,c as u}from"./p-4f26144b.js";import{O as o}from"./p-49b1912a.js";import{c as l}from"./p-4c66f794.js";import"./p-8a133b9b.js";const p={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function g(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 x(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?x(t,g(-1,e)):i}function f(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function k(t){return t.match(/\W/)[0]}function b(t){const e=k(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function m(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const y=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.focusingRange=!1,this.isSelectingRange=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=n("gux-datepicker"),this.endInputId=n("gux-datepicker"),this.label="",this.numberOfMonths=1,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.formatedValue="",this.toFormatedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?h(t):null}watchMaxDate(t){this.maxDateDate=t?h(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=b(t),this.lastIntervalRange=m(this.format,f(this.format,0))}watchActiveCalendar(t){if(!0===t){const t=h(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isFocusedFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":this.isSelectingRange=!0,this.setRange();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=b(t),s=f(t,e.selectionStart),a=i.indexOf(s);return m(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=b(t),s=f(t,e.selectionStart),a=i.indexOf(s);return m(t,i[(a+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),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");setTimeout((()=>{t.focus()}),100);break}case"Tab":this.active&&(this.active=!1)}}onFocusIn(t){this.isFocusedFieldEvent(t)&&(this.isSelectingRange||(this.focusedField=this.getInputFieldFromEvent(t),this.setRange()))}onFocusOut(t){t.composedPath().includes(this.root)||(this.lastIntervalRange=m(this.format,f(this.format,0)))}onMouseDown(t){this.isFocusedFieldEvent(t)&&(this.isSelectingRange=!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)}onMouseUp(t){t.preventDefault(),this.isSelectingRange&&this.isFocusedFieldEvent(t)&&(this.focusedField=this.getInputFieldFromEvent(t),this.lastIntervalRange=m(this.format,f(this.format,this.focusedField.selectionStart)),this.setRange())}onClickOutside(){this.active=!1}isFocusedFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}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"===f(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=k(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),h=new Date(a,n,r);return"yy"===this.yearFormat&&h.getFullYear()<1970&&this.lastYear>1970&&h.setFullYear(h.getFullYear()+100),h}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formatedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormatedValue),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=c(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=d(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.isSelectingRange=!1,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(f(this.format,this.focusedField.selectionStart)){case"d":{const t=h(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]=u(this.value),{map:i,regexp:s}=this.getMapAndRegexFromField(t);this.formatedValue=this.format.replace(s,(t=>i[t]));const{map:a,regexp:n}=this.getMapAndRegexFromField(e);this.toFormatedValue=this.format.replace(n,(t=>a[t]))}else{const t=h(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formatedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd)}toggleCalendar(){this.active=!this.active,this.active&&setTimeout((()=>{this.calendarElement.focusPreviewDate()}),100)}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return h(this.value)}getRangeFocusedDateValue(){const[t,e]=u(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=f(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let s;switch(e){case"d":s=g(t,i);break;case"m":s=x(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=k(e);return 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)}(s,this.format),this.setValue()}async componentWillLoad(){if(a(this.root,{variant:this.mode}),this.i18n=await r(this.root,p),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?c(t,t):d(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}}componentDidLoad(){this.updateDate(),this.popperInstance=l(this.datepickerElement,this.calendarElement,{modifiers:[{name:"offset",options:{offset:[0,-3]}}],placement:"bottom-start"})}componentDidUpdate(){this.popperInstance.forceUpdate()}disconnectedCallback(){this.popperInstance.destroy()}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",{ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onInput:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths})}renderStartDateField(){return i("div",{class:"gux-datepicker-field"},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",ref:t=>this.inputElement=t,value:this.formatedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:"gux-datepicker-field"},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,value:this.toFormatedValue,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 h=t.length-1;h>=0;h--)(a=t[h])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([o({triggerEvents:"mousedown"})],y.prototype,"onClickOutside",null),y.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-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 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 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{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus,.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{z-index:1;display:none}.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,.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{y as gux_datepicker}
@@ -1 +1 @@
1
- import{r as t,h as i,H as e,g as o}from"./p-e571f861.js";import{r as s}from"./p-cbcbd1bb.js";import{t as r}from"./p-616220c4.js";import{c as n}from"./p-4c66f794.js";import{l as h}from"./p-3184268e.js";import{O as l}from"./p-35578249.js";const a=class{constructor(i){t(this,i),this.mouseenterHandler=()=>this.show(),this.mouseleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.id=s("gux-tooltip"),this.placement="bottom-start",this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}show(){this.popperInstance.forceUpdate(),this.delayTimeout=setTimeout((()=>{this.isShown=!0}),750)}hide(){clearTimeout(this.delayTimeout),this.isShown=!1}getForElement(){this.forElement=this.for?document.getElementById(this.for):this.root.parentElement}logForAttributeError(){console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}connectedCallback(){this.getForElement(),this.forElement?(this.forElement.setAttribute("aria-describedby",this.id),this.popperInstance=n(this.forElement,this.root,{modifiers:[{name:"offset",options:{offset:[0,16]}}],placement:this.placement,strategy:"fixed"}),this.forElement.addEventListener("mouseenter",this.mouseenterHandler),this.forElement.addEventListener("mouseleave",this.mouseleaveHandler),this.forElement.addEventListener("focusin",this.focusinHandler),this.forElement.addEventListener("focusout",this.focusoutHandler)):this.logForAttributeError()}componentWillLoad(){r(this.root)}disconnectedCallback(){this.forElement.removeAttribute("aria-describedby"),this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null),this.forElement.removeEventListener("mouseenter",this.mouseenterHandler),this.forElement.removeEventListener("mouseleave",this.mouseleaveHandler),this.forElement.removeEventListener("focusin",this.focusinHandler),this.forElement.removeEventListener("focusout",this.focusoutHandler)}render(){return i(e,{id:this.id,class:{"gux-show":this.isShown},role:"tooltip"},i("slot",null))}get root(){return o(this)}};a.style=":host{z-index:1;box-sizing:border-box;max-width:250px;padding:6px 12px;font-size:12px;color:#2e394c;pointer-events:none;visibility:hidden !important;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24);opacity:0;transition:opacity 0.25s ease-in-out}:host(.gux-show){visibility:visible !important;opacity:1}";const c=class{constructor(i){t(this,i),this.hasTooltip=!1,this.showTooltip=!1,this.iconOnly=!1,this.titleName=""}onmouseenter(t){t.buttons||(this.showTooltip=!0)}onmouseleave(){this.showTooltip=!1}onmousedown(){this.showTooltip=!1}async setShowTooltip(){this.tooltipElement&&(this.showTooltip=!0,await this.tooltipElement.showTooltip())}async setHideTooltip(){this.tooltipElement&&(this.showTooltip=!1,await this.tooltipElement.hideTooltip())}onMutation(){this.titleName=this.setTooltipTitleText(),this.checkForTooltipHideOrShow()}componentWillLoad(){this.titleName=this.setTooltipTitleText()}componentDidLoad(){this.logErrorNoIconSrText()}logErrorNoIconSrText(){this.iconOnly&&!this.titleName&&h("gux-tooltip-title","No screenreader-text provided. Provide a localized screenreader-text property for the gux-icon. The screenreader-text property is used for the icon screenreader text and the tooltip.")}addIconDecorative(){this.root.classList.add("gux-tooltip-icon-decorative")}getTitleElements(){var t;const i=this.root.querySelector("slot"),e=null===(t=this.root.querySelector(".gux-title-container span"))||void 0===t?void 0:t.children;return i?i.assignedElements():e?Array.from(e):[]}getTitleTextContent(){return this.root.querySelector("slot")?this.root.querySelector("slot").assignedNodes().map((t=>t.textContent)).join("").trim():this.root.querySelector(".gux-title-container")?this.root.querySelector(".gux-title-container").textContent.trim():""}setTooltipTitleText(){let t=this.getTitleTextContent();return this.getTitleElements().forEach((i=>{"GUX-ICON"!==i.tagName||this.getTitleTextContent()?"GUX-ICON"===i.tagName&&this.getTitleTextContent()&&this.addIconDecorative():(this.iconOnly=!0,t=i.getAttribute("screenreader-text"))})),t}checkForTooltipHideOrShow(){const t=this.root.querySelector(".gux-title-container");this.root.classList.remove("gux-overflow-hidden"),this.iconOnly&&this.titleName?this.hasTooltip=!0:(null==t?void 0:t.scrollWidth)>(null==t?void 0:t.offsetWidth)?(this.root.classList.add("gux-overflow-hidden"),this.hasTooltip=!0):this.hasTooltip=!1}render(){return[i("span",{class:"gux-title-container"},i("slot",null)),this.renderTooltip()]}renderTooltip(){if(this.hasTooltip)return i("gux-tooltip",{"aria-hidden":"true",ref:t=>this.tooltipElement=t,hidden:!this.showTooltip},this.titleName)}get root(){return o(this)}};(function(t,i,e,o){var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,e,o);else for(var h=t.length-1;h>=0;h--)(s=t[h])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);r>3&&n&&Object.defineProperty(i,e,n)})([l({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.style="gux-tooltip-title{overflow:hidden;cursor:default}gux-tooltip{font-weight:normal;line-height:normal;text-align:left;overflow-wrap:break-word;white-space:normal}.gux-overflow-hidden .gux-title-container ::slotted(span){overflow:hidden;text-overflow:ellipsis}.gux-overflow-hidden .gux-title-container>*{overflow:hidden;text-overflow:ellipsis}.gux-title-container{display:flex;pointer-events:none}.gux-tooltip-icon-decorative .gux-title-container{position:relative;margin-left:calc(1rem + 4px)}.gux-tooltip-icon-decorative .gux-title-container gux-icon,.gux-tooltip-icon-decorative .gux-title-container ::slotted(gux-icon){position:absolute;left:calc(-1rem - 4px);flex-shrink:0}";export{a as gux_tooltip,c as gux_tooltip_title}
1
+ import{r as t,h as i,H as e,g as o}from"./p-e571f861.js";import{r as s}from"./p-cbcbd1bb.js";import{t as r}from"./p-bedc76a7.js";import{c as n}from"./p-4c66f794.js";import{l as h}from"./p-3184268e.js";import{O as l}from"./p-35578249.js";const a=class{constructor(i){t(this,i),this.mouseenterHandler=()=>this.show(),this.mouseleaveHandler=()=>this.hide(),this.focusinHandler=()=>this.show(),this.focusoutHandler=()=>this.hide(),this.id=s("gux-tooltip"),this.placement="bottom-start",this.isShown=!1}handleKeyDown(t){"Escape"===t.key&&this.isShown&&this.hide()}async showTooltip(){this.show()}async hideTooltip(){this.hide()}show(){this.popperInstance.forceUpdate(),this.delayTimeout=setTimeout((()=>{this.isShown=!0}),750)}hide(){clearTimeout(this.delayTimeout),this.isShown=!1}getForElement(){this.forElement=this.for?document.getElementById(this.for):this.root.parentElement}logForAttributeError(){console.error(`gux-tooltip: invalid element supplied to 'for': "${this.for}"`)}connectedCallback(){this.getForElement(),this.forElement?(this.forElement.setAttribute("aria-describedby",this.id),this.popperInstance=n(this.forElement,this.root,{modifiers:[{name:"offset",options:{offset:[0,16]}}],placement:this.placement,strategy:"fixed"}),this.forElement.addEventListener("mouseenter",this.mouseenterHandler),this.forElement.addEventListener("mouseleave",this.mouseleaveHandler),this.forElement.addEventListener("focusin",this.focusinHandler),this.forElement.addEventListener("focusout",this.focusoutHandler)):this.logForAttributeError()}componentWillLoad(){r(this.root)}disconnectedCallback(){this.forElement.removeAttribute("aria-describedby"),this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null),this.forElement.removeEventListener("mouseenter",this.mouseenterHandler),this.forElement.removeEventListener("mouseleave",this.mouseleaveHandler),this.forElement.removeEventListener("focusin",this.focusinHandler),this.forElement.removeEventListener("focusout",this.focusoutHandler)}render(){return i(e,{id:this.id,class:{"gux-show":this.isShown},role:"tooltip"},i("slot",null))}get root(){return o(this)}};a.style=":host{z-index:1;box-sizing:border-box;max-width:250px;padding:6px 12px;font-size:12px;color:#2e394c;pointer-events:none;visibility:hidden !important;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24);opacity:0;transition:opacity 0.25s ease-in-out}:host(.gux-show){visibility:visible !important;opacity:1}";const c=class{constructor(i){t(this,i),this.hasTooltip=!1,this.showTooltip=!1,this.iconOnly=!1,this.titleName=""}onmouseenter(t){t.buttons||(this.showTooltip=!0)}onmouseleave(){this.showTooltip=!1}onmousedown(){this.showTooltip=!1}async setShowTooltip(){this.tooltipElement&&(this.showTooltip=!0,await this.tooltipElement.showTooltip())}async setHideTooltip(){this.tooltipElement&&(this.showTooltip=!1,await this.tooltipElement.hideTooltip())}onMutation(){this.titleName=this.setTooltipTitleText(),this.checkForTooltipHideOrShow()}componentWillLoad(){this.titleName=this.setTooltipTitleText()}componentDidLoad(){this.logErrorNoIconSrText()}logErrorNoIconSrText(){this.iconOnly&&!this.titleName&&h("gux-tooltip-title","No screenreader-text provided. Provide a localized screenreader-text property for the gux-icon. The screenreader-text property is used for the icon screenreader text and the tooltip.")}addIconDecorative(){this.root.classList.add("gux-tooltip-icon-decorative")}getTitleElements(){var t;const i=this.root.querySelector("slot"),e=null===(t=this.root.querySelector(".gux-title-container span"))||void 0===t?void 0:t.children;return i?i.assignedElements():e?Array.from(e):[]}getTitleTextContent(){return this.root.querySelector("slot")?this.root.querySelector("slot").assignedNodes().map((t=>t.textContent)).join("").trim():this.root.querySelector(".gux-title-container")?this.root.querySelector(".gux-title-container").textContent.trim():""}setTooltipTitleText(){let t=this.getTitleTextContent();return this.getTitleElements().forEach((i=>{"GUX-ICON"!==i.tagName||this.getTitleTextContent()?"GUX-ICON"===i.tagName&&this.getTitleTextContent()&&this.addIconDecorative():(this.iconOnly=!0,t=i.getAttribute("screenreader-text"))})),t}checkForTooltipHideOrShow(){const t=this.root.querySelector(".gux-title-container");this.root.classList.remove("gux-overflow-hidden"),this.iconOnly&&this.titleName?this.hasTooltip=!0:(null==t?void 0:t.scrollWidth)>(null==t?void 0:t.offsetWidth)?(this.root.classList.add("gux-overflow-hidden"),this.hasTooltip=!0):this.hasTooltip=!1}render(){return[i("span",{class:"gux-title-container"},i("slot",null)),this.renderTooltip()]}renderTooltip(){if(this.hasTooltip)return i("gux-tooltip",{"aria-hidden":"true",ref:t=>this.tooltipElement=t,hidden:!this.showTooltip},this.titleName)}get root(){return o(this)}};(function(t,i,e,o){var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,e,o);else for(var h=t.length-1;h>=0;h--)(s=t[h])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);r>3&&n&&Object.defineProperty(i,e,n)})([l({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.style="gux-tooltip-title{overflow:hidden;cursor:default}gux-tooltip{font-weight:normal;line-height:normal;text-align:left;overflow-wrap:break-word;white-space:normal}.gux-overflow-hidden .gux-title-container ::slotted(span){overflow:hidden;text-overflow:ellipsis}.gux-overflow-hidden .gux-title-container>*{overflow:hidden;text-overflow:ellipsis}.gux-title-container{display:flex;pointer-events:none}.gux-tooltip-icon-decorative .gux-title-container{position:relative;margin-left:calc(1rem + 4px)}.gux-tooltip-icon-decorative .gux-title-container gux-icon,.gux-tooltip-icon-decorative .gux-title-container ::slotted(gux-icon){position:absolute;left:calc(-1rem - 4px);flex-shrink:0}";export{a as gux_tooltip,c as gux_tooltip_title}