genesys-spark-components 4.0.0-beta.2 → 4.0.0-beta.4

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 (247) hide show
  1. package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
  2. package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
  3. package/dist/cjs/gux-action-toast-legacy.cjs.entry.js +1 -1
  4. package/dist/cjs/gux-advanced-dropdown.cjs.entry.js +1 -1
  5. package/dist/cjs/gux-announce-beta.cjs.entry.js +1 -1
  6. package/dist/cjs/gux-badge-beta.cjs.entry.js +1 -1
  7. package/dist/cjs/gux-blank-state-beta.cjs.entry.js +1 -1
  8. package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
  9. package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
  10. package/dist/cjs/gux-button-slot-beta.cjs.entry.js +1 -1
  11. package/dist/cjs/gux-button.cjs.entry.js +1 -1
  12. package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
  13. package/dist/cjs/gux-card.cjs.entry.js +1 -1
  14. package/dist/cjs/gux-column-manager-beta.cjs.entry.js +1 -1
  15. package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
  16. package/dist/cjs/gux-context-menu-beta.cjs.entry.js +1 -1
  17. package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js +1 -1
  18. package/dist/cjs/gux-date-beta.cjs.entry.js +1 -1
  19. package/dist/cjs/gux-date-time-beta.cjs.entry.js +1 -1
  20. package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
  21. package/dist/cjs/gux-disclosure-button.cjs.entry.js +1 -1
  22. package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
  23. package/dist/cjs/gux-dropdown-multi-beta.cjs.entry.js +1 -1
  24. package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
  25. package/dist/cjs/gux-error-message-beta.cjs.entry.js +1 -1
  26. package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +1 -1
  27. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
  28. package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
  29. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
  30. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
  31. package/dist/cjs/gux-form-field-number_3.cjs.entry.js +1 -1
  32. package/dist/cjs/gux-form-field-phone.cjs.entry.js +1 -1
  33. package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
  34. package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
  35. package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
  36. package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
  37. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
  38. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
  39. package/dist/cjs/gux-form-field-time-picker.cjs.entry.js +1 -1
  40. package/dist/cjs/gux-icon.cjs.entry.js +1 -1
  41. package/dist/cjs/gux-inline-alert.cjs.entry.js +1 -1
  42. package/dist/cjs/gux-list.cjs.entry.js +1 -1
  43. package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
  44. package/dist/cjs/gux-loading-message-beta.cjs.entry.js +1 -1
  45. package/dist/cjs/gux-modal.cjs.entry.js +1 -1
  46. package/dist/cjs/gux-month-picker-beta.cjs.entry.js +1 -1
  47. package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js +1 -1
  48. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
  49. package/dist/cjs/gux-pagination-beta.cjs.entry.js +1 -1
  50. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
  51. package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
  52. package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
  53. package/dist/cjs/gux-popover-list-beta.cjs.entry.js +1 -1
  54. package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
  55. package/dist/cjs/gux-popover.cjs.entry.js +1 -1
  56. package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
  57. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  58. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  59. package/dist/cjs/gux-region-icon.cjs.entry.js +1 -1
  60. package/dist/cjs/gux-screen-reader-beta.cjs.entry.js +1 -1
  61. package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js +1 -1
  62. package/dist/cjs/gux-skip-navigation-list-beta.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-sort-control.cjs.entry.js +1 -1
  64. package/dist/cjs/gux-switch.cjs.entry.js +1 -1
  65. package/dist/cjs/gux-table-beta.cjs.entry.js +1 -1
  66. package/dist/cjs/gux-table-toolbar-action.cjs.entry.js +1 -1
  67. package/dist/cjs/gux-table-toolbar-beta.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js +1 -1
  69. package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js +1 -1
  70. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  71. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  72. package/dist/cjs/gux-tag-beta.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-time-beta.cjs.entry.js +1 -1
  75. package/dist/cjs/gux-time-picker-beta.cjs.entry.js +1 -1
  76. package/dist/cjs/gux-toast.cjs.entry.js +1 -1
  77. package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
  78. package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
  79. package/dist/cjs/{usage-1570e763.js → usage-010f0789.js} +1 -1
  80. package/dist/deploy-info.json +3 -3
  81. package/dist/esm/gux-accordion.entry.js +1 -1
  82. package/dist/esm/gux-action-button.entry.js +1 -1
  83. package/dist/esm/gux-action-toast-legacy.entry.js +1 -1
  84. package/dist/esm/gux-advanced-dropdown.entry.js +1 -1
  85. package/dist/esm/gux-announce-beta.entry.js +1 -1
  86. package/dist/esm/gux-badge-beta.entry.js +1 -1
  87. package/dist/esm/gux-blank-state-beta.entry.js +1 -1
  88. package/dist/esm/gux-breadcrumbs.entry.js +1 -1
  89. package/dist/esm/gux-button-multi.entry.js +1 -1
  90. package/dist/esm/gux-button-slot-beta.entry.js +1 -1
  91. package/dist/esm/gux-button.entry.js +1 -1
  92. package/dist/esm/gux-calendar.entry.js +1 -1
  93. package/dist/esm/gux-card.entry.js +1 -1
  94. package/dist/esm/gux-column-manager-beta.entry.js +1 -1
  95. package/dist/esm/gux-content-search.entry.js +1 -1
  96. package/dist/esm/gux-context-menu-beta.entry.js +1 -1
  97. package/dist/esm/gux-copy-to-clipboard.entry.js +1 -1
  98. package/dist/esm/gux-date-beta.entry.js +1 -1
  99. package/dist/esm/gux-date-time-beta.entry.js +1 -1
  100. package/dist/esm/gux-datepicker.entry.js +1 -1
  101. package/dist/esm/gux-disclosure-button.entry.js +1 -1
  102. package/dist/esm/gux-dismiss-button.entry.js +1 -1
  103. package/dist/esm/gux-dropdown-multi-beta.entry.js +1 -1
  104. package/dist/esm/gux-dropdown_3.entry.js +1 -1
  105. package/dist/esm/gux-error-message-beta.entry.js +1 -1
  106. package/dist/esm/gux-flyout-menu-beta.entry.js +1 -1
  107. package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
  108. package/dist/esm/gux-form-field-color.entry.js +1 -1
  109. package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
  110. package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
  111. package/dist/esm/gux-form-field-number_3.entry.js +1 -1
  112. package/dist/esm/gux-form-field-phone.entry.js +1 -1
  113. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  114. package/dist/esm/gux-form-field-range.entry.js +1 -1
  115. package/dist/esm/gux-form-field-search.entry.js +1 -1
  116. package/dist/esm/gux-form-field-select.entry.js +1 -1
  117. package/dist/esm/gux-form-field-text-like.entry.js +1 -1
  118. package/dist/esm/gux-form-field-textarea.entry.js +1 -1
  119. package/dist/esm/gux-form-field-time-picker.entry.js +1 -1
  120. package/dist/esm/gux-icon.entry.js +1 -1
  121. package/dist/esm/gux-inline-alert.entry.js +1 -1
  122. package/dist/esm/gux-list.entry.js +1 -1
  123. package/dist/esm/gux-listbox-multi.entry.js +1 -1
  124. package/dist/esm/gux-loading-message-beta.entry.js +1 -1
  125. package/dist/esm/gux-modal.entry.js +1 -1
  126. package/dist/esm/gux-month-picker-beta.entry.js +1 -1
  127. package/dist/esm/gux-notification-toast-legacy.entry.js +1 -1
  128. package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
  129. package/dist/esm/gux-pagination-beta.entry.js +1 -1
  130. package/dist/esm/gux-pagination-cursor.entry.js +1 -1
  131. package/dist/esm/gux-pagination.entry.js +1 -1
  132. package/dist/esm/gux-phone-input-beta.entry.js +1 -1
  133. package/dist/esm/gux-popover-list-beta.entry.js +1 -1
  134. package/dist/esm/gux-popover-list.entry.js +1 -1
  135. package/dist/esm/gux-popover.entry.js +1 -1
  136. package/dist/esm/gux-radial-loading.entry.js +1 -1
  137. package/dist/esm/gux-radial-progress.entry.js +1 -1
  138. package/dist/esm/gux-rating.entry.js +1 -1
  139. package/dist/esm/gux-region-icon.entry.js +1 -1
  140. package/dist/esm/gux-screen-reader-beta.entry.js +1 -1
  141. package/dist/esm/gux-simple-toast-legacy.entry.js +1 -1
  142. package/dist/esm/gux-skip-navigation-list-beta.entry.js +1 -1
  143. package/dist/esm/gux-sort-control.entry.js +1 -1
  144. package/dist/esm/gux-switch.entry.js +1 -1
  145. package/dist/esm/gux-table-beta.entry.js +1 -1
  146. package/dist/esm/gux-table-toolbar-action.entry.js +1 -1
  147. package/dist/esm/gux-table-toolbar-beta.entry.js +1 -1
  148. package/dist/esm/gux-table-toolbar-custom-action.entry.js +1 -1
  149. package/dist/esm/gux-table-toolbar-menu-button.entry.js +1 -1
  150. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  151. package/dist/esm/gux-tabs.entry.js +1 -1
  152. package/dist/esm/gux-tag-beta.entry.js +1 -1
  153. package/dist/esm/gux-text-highlight.entry.js +1 -1
  154. package/dist/esm/gux-time-beta.entry.js +1 -1
  155. package/dist/esm/gux-time-picker-beta.entry.js +1 -1
  156. package/dist/esm/gux-toast.entry.js +1 -1
  157. package/dist/esm/gux-toggle.entry.js +1 -1
  158. package/dist/esm/gux-tooltip.entry.js +1 -1
  159. package/dist/esm/{usage-6453d04f.js → usage-bfef43d7.js} +1 -1
  160. package/dist/genesys-webcomponents/genesys-webcomponents.css +2 -1
  161. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  162. package/dist/genesys-webcomponents/{p-f0130c37.entry.js → p-061ecf7b.entry.js} +1 -1
  163. package/dist/genesys-webcomponents/p-06e95994.entry.js +1 -0
  164. package/dist/genesys-webcomponents/{p-28fbb46f.entry.js → p-0af7012f.entry.js} +1 -1
  165. package/dist/genesys-webcomponents/{p-0aafbc82.entry.js → p-0afc1d48.entry.js} +1 -1
  166. package/dist/genesys-webcomponents/{p-395f175a.entry.js → p-0cd541ba.entry.js} +1 -1
  167. package/dist/genesys-webcomponents/{p-f2ea1fc8.entry.js → p-11abc0f2.entry.js} +1 -1
  168. package/dist/genesys-webcomponents/{p-283063d6.entry.js → p-12a08666.entry.js} +1 -1
  169. package/dist/genesys-webcomponents/{p-fb602fce.entry.js → p-2258507a.entry.js} +1 -1
  170. package/dist/genesys-webcomponents/{p-e4c69cea.entry.js → p-22747d02.entry.js} +1 -1
  171. package/dist/genesys-webcomponents/p-24f2a8e7.entry.js +1 -0
  172. package/dist/genesys-webcomponents/p-26b9c41b.entry.js +1 -0
  173. package/dist/genesys-webcomponents/{p-539eb204.entry.js → p-2f506871.entry.js} +1 -1
  174. package/dist/genesys-webcomponents/{p-c6ba5161.entry.js → p-37ab2f4f.entry.js} +1 -1
  175. package/dist/genesys-webcomponents/{p-631b7db1.entry.js → p-3d82a3d3.entry.js} +1 -1
  176. package/dist/genesys-webcomponents/{p-e2415433.entry.js → p-42e02d0a.entry.js} +1 -1
  177. package/dist/genesys-webcomponents/{p-61ce99d1.entry.js → p-46e95b90.entry.js} +1 -1
  178. package/dist/genesys-webcomponents/{p-7e8c92b8.entry.js → p-4db87725.entry.js} +1 -1
  179. package/dist/genesys-webcomponents/{p-6f14ca4d.entry.js → p-4ec8d6c9.entry.js} +1 -1
  180. package/dist/genesys-webcomponents/{p-2e1793b1.entry.js → p-4fc061fa.entry.js} +1 -1
  181. package/dist/genesys-webcomponents/{p-77168890.entry.js → p-501aaa00.entry.js} +1 -1
  182. package/dist/genesys-webcomponents/{p-c3058d22.entry.js → p-53c7ff9e.entry.js} +1 -1
  183. package/dist/genesys-webcomponents/{p-e2e46746.entry.js → p-54a25ce5.entry.js} +1 -1
  184. package/dist/genesys-webcomponents/{p-0894e452.entry.js → p-58abf9d5.entry.js} +1 -1
  185. package/dist/genesys-webcomponents/{p-f56710cd.entry.js → p-59b5043e.entry.js} +1 -1
  186. package/dist/genesys-webcomponents/{p-f7f46bb2.entry.js → p-5a1d0394.entry.js} +1 -1
  187. package/dist/genesys-webcomponents/{p-53e2db6e.entry.js → p-5c647142.entry.js} +1 -1
  188. package/dist/genesys-webcomponents/{p-73c9052d.entry.js → p-5dd86c3c.entry.js} +1 -1
  189. package/dist/genesys-webcomponents/{p-9b94e81f.entry.js → p-6113321c.entry.js} +1 -1
  190. package/dist/genesys-webcomponents/{p-02668d94.entry.js → p-61f7c550.entry.js} +1 -1
  191. package/dist/genesys-webcomponents/{p-5f050b7c.entry.js → p-655e3ad1.entry.js} +1 -1
  192. package/dist/genesys-webcomponents/{p-7b332a66.entry.js → p-66fa67d7.entry.js} +1 -1
  193. package/dist/genesys-webcomponents/{p-83e0aa3b.entry.js → p-690a9a5a.entry.js} +1 -1
  194. package/dist/genesys-webcomponents/{p-07253631.entry.js → p-6e07c9dd.entry.js} +1 -1
  195. package/dist/genesys-webcomponents/{p-b1155753.entry.js → p-76a8e7bc.entry.js} +1 -1
  196. package/dist/genesys-webcomponents/{p-d5ad30d7.entry.js → p-7ffacfab.entry.js} +1 -1
  197. package/dist/genesys-webcomponents/{p-160d985e.entry.js → p-8564b5cf.entry.js} +1 -1
  198. package/dist/genesys-webcomponents/{p-ce0b7ecf.entry.js → p-85da3eea.entry.js} +1 -1
  199. package/dist/genesys-webcomponents/{p-38b40c06.entry.js → p-8c2fcb56.entry.js} +1 -1
  200. package/dist/genesys-webcomponents/{p-cf589829.entry.js → p-912825cb.entry.js} +1 -1
  201. package/dist/genesys-webcomponents/{p-2a8efc50.entry.js → p-95397548.entry.js} +1 -1
  202. package/dist/genesys-webcomponents/{p-a4d8976c.entry.js → p-958f8403.entry.js} +1 -1
  203. package/dist/genesys-webcomponents/{p-2ee07833.entry.js → p-9915c303.entry.js} +1 -1
  204. package/dist/genesys-webcomponents/{p-692691dd.entry.js → p-9a2c31be.entry.js} +1 -1
  205. package/dist/genesys-webcomponents/{p-d729057c.entry.js → p-a5d41844.entry.js} +1 -1
  206. package/dist/genesys-webcomponents/{p-655e313e.entry.js → p-a6adfa74.entry.js} +1 -1
  207. package/dist/genesys-webcomponents/{p-810f3994.entry.js → p-a9682b86.entry.js} +1 -1
  208. package/dist/genesys-webcomponents/{p-140e80ee.entry.js → p-aeb9bd95.entry.js} +1 -1
  209. package/dist/genesys-webcomponents/{p-7ec9a1e2.js → p-af4a6b41.js} +1 -1
  210. package/dist/genesys-webcomponents/{p-688be066.entry.js → p-b1796b4f.entry.js} +1 -1
  211. package/dist/genesys-webcomponents/{p-81b8c762.entry.js → p-b2ceff59.entry.js} +1 -1
  212. package/dist/genesys-webcomponents/{p-3197b8ea.entry.js → p-b429507e.entry.js} +1 -1
  213. package/dist/genesys-webcomponents/{p-1d8d50d1.entry.js → p-b50e70f8.entry.js} +1 -1
  214. package/dist/genesys-webcomponents/{p-6780438a.entry.js → p-b770a4aa.entry.js} +1 -1
  215. package/dist/genesys-webcomponents/{p-7206846c.entry.js → p-b80935a0.entry.js} +1 -1
  216. package/dist/genesys-webcomponents/{p-beef0db8.entry.js → p-ba435972.entry.js} +1 -1
  217. package/dist/genesys-webcomponents/{p-faa3179a.entry.js → p-bb0ab283.entry.js} +1 -1
  218. package/dist/genesys-webcomponents/{p-536ccc8e.entry.js → p-bb854fd8.entry.js} +1 -1
  219. package/dist/genesys-webcomponents/{p-2c91ad7b.entry.js → p-bc08fdea.entry.js} +1 -1
  220. package/dist/genesys-webcomponents/{p-209e1915.entry.js → p-bca404bf.entry.js} +1 -1
  221. package/dist/genesys-webcomponents/{p-f6545877.entry.js → p-c084e729.entry.js} +1 -1
  222. package/dist/genesys-webcomponents/{p-b1a53ee7.entry.js → p-c440922f.entry.js} +1 -1
  223. package/dist/genesys-webcomponents/{p-af08188f.entry.js → p-c6efca99.entry.js} +1 -1
  224. package/dist/genesys-webcomponents/{p-96447082.entry.js → p-ca8a7753.entry.js} +1 -1
  225. package/dist/genesys-webcomponents/{p-7ab9fa9d.entry.js → p-cbc80950.entry.js} +1 -1
  226. package/dist/genesys-webcomponents/{p-d77d2a28.entry.js → p-cf7f97a3.entry.js} +1 -1
  227. package/dist/genesys-webcomponents/{p-b85c9a75.entry.js → p-d14cb303.entry.js} +1 -1
  228. package/dist/genesys-webcomponents/{p-4f268ebe.entry.js → p-d355783f.entry.js} +1 -1
  229. package/dist/genesys-webcomponents/{p-f345cb29.entry.js → p-d5b56dfb.entry.js} +1 -1
  230. package/dist/genesys-webcomponents/{p-bbc82d63.entry.js → p-db8cc8a8.entry.js} +1 -1
  231. package/dist/genesys-webcomponents/{p-606575ce.entry.js → p-dc7eda15.entry.js} +1 -1
  232. package/dist/genesys-webcomponents/{p-0cd818da.entry.js → p-de89fcb4.entry.js} +1 -1
  233. package/dist/genesys-webcomponents/{p-4d7a0457.entry.js → p-e32a07e1.entry.js} +1 -1
  234. package/dist/genesys-webcomponents/{p-4d3cc2d7.entry.js → p-e76b9627.entry.js} +1 -1
  235. package/dist/genesys-webcomponents/{p-1adda806.entry.js → p-ea0f2939.entry.js} +1 -1
  236. package/dist/genesys-webcomponents/{p-b852cde4.entry.js → p-f24b87f9.entry.js} +1 -1
  237. package/dist/genesys-webcomponents/p-f544ad28.entry.js +1 -0
  238. package/dist/genesys-webcomponents/{p-b2a525ef.entry.js → p-f58c35ec.entry.js} +1 -1
  239. package/dist/genesys-webcomponents/{p-32aa0041.entry.js → p-f7a9b28d.entry.js} +1 -1
  240. package/dist/genesys-webcomponents/{p-2dc2ed4a.entry.js → p-ff3ad932.entry.js} +1 -1
  241. package/dist/stencil-wrapper.js +1 -1
  242. package/dist/types/stencil-wrapper.d.ts +1 -1
  243. package/package.json +1 -1
  244. package/dist/genesys-webcomponents/p-25fede4d.entry.js +0 -1
  245. package/dist/genesys-webcomponents/p-761f2341.entry.js +0 -1
  246. package/dist/genesys-webcomponents/p-858e95b5.entry.js +0 -1
  247. package/dist/genesys-webcomponents/p-ddbd8139.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,g as e}from"./p-7d26b2e1.js";import{O as o}from"./p-9d18d475.js";import{w as n}from"./p-76ff3e75.js";import{a}from"./p-091f51f6.js";import{t as r}from"./p-7ec9a1e2.js";const u=["primary","secondary","tertiary"];const c=class{constructor(i){t(this,i),this.open=s(this,"open",7),this.close=s(this,"close",7),this.text=void 0,this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const s=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,s.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":s.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(){this.isOpen=!1}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){a((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){a((()=>{this.listElement.guxFocusFirstItem()}))}onListClick(t){n("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}componentWillLoad(){r(this.root,{variant:this.accent})}render(){return i("gux-popup",{expanded:this.isOpen},i("div",{slot:"target",class:"gux-button-multi-container"},i("gux-button-slot-beta",{class:"gux-dropdown-button",accent:(t=this.accent,u.find((s=>s===t))?t:"secondary")},i("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},i("slot",{name:"title"},this.text),i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),i("div",{class:"gux-list-container",slot:"popup"},i("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",null))));var t}get root(){return e(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,s,i,e){var o,n=arguments.length,a=n<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,s,i,e);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(a=(n<3?o(a):n>3?o(s,i,a):o(s,i))||a);n>3&&a&&Object.defineProperty(s,i,a)})([o({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-button-multi-container .gux-dropdown-button button{display:inline-flex;align-items:center}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size);margin-left:var(--gux-spacing-xs)}.gux-list-container{max-width:220px;padding:var(--gux-spacing-xs) 0;margin:0;list-style:none;background-color:var(--gse-ui-menu-wrapper-backgroundColor);border:1px solid var(--gse-ui-menu-wrapper-border);border-radius:4px;box-shadow:0px 4px 6px 1px rgba(35, 57, 92, 0.12)}";export{c as gux_button_multi}
1
+ import{r as t,c as s,h as i,g as e}from"./p-7d26b2e1.js";import{O as o}from"./p-9d18d475.js";import{w as n}from"./p-76ff3e75.js";import{a}from"./p-091f51f6.js";import{t as r}from"./p-af4a6b41.js";const u=["primary","secondary","tertiary"];const c=class{constructor(i){t(this,i),this.open=s(this,"open",7),this.close=s(this,"close",7),this.text=void 0,this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const s=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,s.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":s.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(){this.isOpen=!1}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){a((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){a((()=>{this.listElement.guxFocusFirstItem()}))}onListClick(t){n("gux-list-item",t,(()=>{this.isOpen=!1,this.dropdownButton.focus()}))}componentWillLoad(){r(this.root,{variant:this.accent})}render(){return i("gux-popup",{expanded:this.isOpen},i("div",{slot:"target",class:"gux-button-multi-container"},i("gux-button-slot-beta",{class:"gux-dropdown-button",accent:(t=this.accent,u.find((s=>s===t))?t:"secondary")},i("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},i("slot",{name:"title"},this.text),i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),i("div",{class:"gux-list-container",slot:"popup"},i("gux-list",{onClick:t=>this.onListClick(t),ref:t=>this.listElement=t},i("slot",null))));var t}get root(){return e(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,s,i,e){var o,n=arguments.length,a=n<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,s,i,e);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(a=(n<3?o(a):n>3?o(s,i,a):o(s,i))||a);n>3&&a&&Object.defineProperty(s,i,a)})([o({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:block;-webkit-user-select:none;user-select:none}.gux-button-multi-container .gux-dropdown-button button{display:inline-flex;align-items:center}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size);margin-left:var(--gux-spacing-xs)}.gux-list-container{max-width:220px;padding:var(--gux-spacing-xs) 0;margin:0;list-style:none;background-color:var(--gse-ui-menu-wrapper-backgroundColor);border:1px solid var(--gse-ui-menu-wrapper-border);border-radius:4px;box-shadow:0px 4px 6px 1px rgba(35, 57, 92, 0.12)}";export{c as gux_button_multi}
@@ -1 +1 @@
1
- import{r as t,h as e,g as i}from"./p-7d26b2e1.js";import{b as o}from"./p-deee079e.js";import{c as s,o as r}from"./p-3f5341ea.js";import{O as n}from"./p-f34ce7dc.js";import{o as l}from"./p-3701eff0.js";import{h as a}from"./p-08bc2e6b.js";import{G as h,a as f,s as d,c as p,b as u}from"./p-b3c9fd06.js";import{G as x,g,a as c}from"./p-17385760.js";import{t as m}from"./p-7ec9a1e2.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-d176c2ae.js";const b={required:"Required"};const w=class{constructor(e){t(this,e),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}watchValue(t){const e=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi-beta");e&&(e.hasError=t)}onMutation(){this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help")}async componentWillLoad(){this.getI18nValue=await o(this.root,b),this.setInput(),this.setLabel(),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),m(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}renderScreenReaderText(t,i=!1){if(i)return e("gux-screen-reader-beta",null,t)}render(){return e(c,{labelPosition:this.computedLabelPosition},e(x,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()}),this.renderScreenReaderText(this.getI18nValue("required"),this.required),this.renderScreenReaderText(g(this.root,"error"),this.hasError),this.renderScreenReaderText(g(this.root,"help"),this.hasHelp)),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError,"gux-disabled":this.disabled}},e("slot",null)),e(h,{show:this.hasError},e("slot",{name:"error"})),e(f,{show:!this.hasError&&this.hasHelp},e("slot",{name:"help"}))))}get variant(){return`dropdown-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.dropdownElement=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi-beta"),this.listboxElement=this.root.querySelector("gux-listbox")||this.root.querySelector("gux-listbox-multi"),this.disabled=s(this.dropdownElement),this.required=this.dropdownElement.required,this.disabledObserver=r(this.dropdownElement,(t=>{this.disabled=t})),this.requiredObserver=l(this.dropdownElement,(t=>{this.required=t})),d(this.root,this.listboxElement,"label"),p(this.root,this.listboxElement,"error"),p(this.root,this.listboxElement,"help")}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=u(this.label,this.labelPosition)}get root(){return i(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(t,e,i,o){var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);r>3&&n&&Object.defineProperty(e,i,n)})([n({childList:!0,subtree:!0})],w.prototype,"onMutation",null),w.style=".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:var(--gux-form-field-fieldset-container-margin-top, 16px) 0 var(--gux-form-field-fieldset-container-margin-bottom, 16px) 0;border:none}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label{padding:0}.gux-form-field-legend-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-legend-label.gux-beside{position:relative;top:8px;float:left;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-legend-label.gux-above{margin-bottom:8px}.gux-form-field-legend-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input.gux-disabled{pointer-events:none;opacity:0.5}";export{w as gux_form_field_dropdown}
1
+ import{r as t,h as e,g as i}from"./p-7d26b2e1.js";import{b as o}from"./p-deee079e.js";import{c as s,o as r}from"./p-3f5341ea.js";import{O as n}from"./p-f34ce7dc.js";import{o as l}from"./p-3701eff0.js";import{h as a}from"./p-08bc2e6b.js";import{G as h,a as f,s as d,c as p,b as u}from"./p-b3c9fd06.js";import{G as x,g,a as c}from"./p-17385760.js";import{t as m}from"./p-af4a6b41.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-d176c2ae.js";const b={required:"Required"};const w=class{constructor(e){t(this,e),this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasError=!1,this.hasHelp=!1}watchValue(t){const e=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi-beta");e&&(e.hasError=t)}onMutation(){this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help")}async componentWillLoad(){this.getI18nValue=await o(this.root,b),this.setInput(),this.setLabel(),this.hasError=a(this.root,"error"),this.hasHelp=a(this.root,"help"),m(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}renderScreenReaderText(t,i=!1){if(i)return e("gux-screen-reader-beta",null,t)}render(){return e(c,{labelPosition:this.computedLabelPosition},e(x,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()}),this.renderScreenReaderText(this.getI18nValue("required"),this.required),this.renderScreenReaderText(g(this.root,"error"),this.hasError),this.renderScreenReaderText(g(this.root,"help"),this.hasHelp)),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError,"gux-disabled":this.disabled}},e("slot",null)),e(h,{show:this.hasError},e("slot",{name:"error"})),e(f,{show:!this.hasError&&this.hasHelp},e("slot",{name:"help"}))))}get variant(){return`dropdown-${this.labelPosition?this.labelPosition.toLowerCase():"none"}`}setInput(){this.dropdownElement=this.root.querySelector("gux-dropdown")||this.root.querySelector("gux-dropdown-multi-beta"),this.listboxElement=this.root.querySelector("gux-listbox")||this.root.querySelector("gux-listbox-multi"),this.disabled=s(this.dropdownElement),this.required=this.dropdownElement.required,this.disabledObserver=r(this.dropdownElement,(t=>{this.disabled=t})),this.requiredObserver=l(this.dropdownElement,(t=>{this.required=t})),d(this.root,this.listboxElement,"label"),p(this.root,this.listboxElement,"error"),p(this.root,this.listboxElement,"help")}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=u(this.label,this.labelPosition)}get root(){return i(this)}static get watchers(){return{hasError:["watchValue"]}}};(function(t,e,i,o){var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);r>3&&n&&Object.defineProperty(e,i,n)})([n({childList:!0,subtree:!0})],w.prototype,"onMutation",null),w.style=".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:var(--gux-form-field-fieldset-container-margin-top, 16px) 0 var(--gux-form-field-fieldset-container-margin-bottom, 16px) 0;border:none}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label{padding:0}.gux-form-field-legend-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-legend-label.gux-beside{position:relative;top:8px;float:left;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-legend-label.gux-above{margin-bottom:8px}.gux-form-field-legend-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input.gux-disabled{pointer-events:none;opacity:0.5}";export{w as gux_form_field_dropdown}
@@ -1 +1 @@
1
- import{r as t,h as e,g as o}from"./p-7d26b2e1.js";import{c as i}from"./p-251befef.js";import{t as s}from"./p-7ec9a1e2.js";import{b as r}from"./p-deee079e.js";import"./p-8a133b9b.js";const n={actionRefresh:"Refresh",actionDelete:"Delete",actionExport:"Export",actionImport:"Import",actionRevert:"Revert",actionAdd:"Add"},a=class{constructor(e){t(this,e),this.action=void 0,this.accent="secondary",this.iconOnly=!1,this.disabled=!1}returnActionLocale(t){return this.i18n(`action${i(t)}`)}returnActionTypeIcon(t){return"revert"==t?"reset":t}async componentWillLoad(){s(this.root,{variant:this.action}),this.i18n=await r(this.root,n)}render(){return e("gux-table-toolbar-custom-action",{"icon-only":this.iconOnly,accent:this.accent,disabled:this.disabled},e("span",{slot:"text"},this.returnActionLocale(this.action)),e("gux-icon",{slot:"icon","icon-name":this.returnActionTypeIcon(this.action),decorative:!0}))}get root(){return o(this)}};a.style=":host([disabled]){pointer-events:none}";export{a as gux_table_toolbar_action}
1
+ import{r as t,h as o,g as e}from"./p-7d26b2e1.js";import{c as i}from"./p-251befef.js";import{t as s}from"./p-af4a6b41.js";import{b as r}from"./p-deee079e.js";import"./p-8a133b9b.js";const n={actionRefresh:"Refresh",actionDelete:"Delete",actionExport:"Export",actionImport:"Import",actionRevert:"Revert",actionAdd:"Add"},a=class{constructor(o){t(this,o),this.action=void 0,this.accent="secondary",this.iconOnly=!1,this.disabled=!1}returnActionLocale(t){return this.i18n(`action${i(t)}`)}returnActionTypeIcon(t){return"revert"==t?"reset":t}async componentWillLoad(){s(this.root,{variant:this.action}),this.i18n=await r(this.root,n)}render(){return o("gux-table-toolbar-custom-action",{"icon-only":this.iconOnly,accent:this.accent,disabled:this.disabled},o("span",{slot:"text"},this.returnActionLocale(this.action)),o("gux-icon",{slot:"icon","icon-name":this.returnActionTypeIcon(this.action),decorative:!0}))}get root(){return e(this)}};a.style=":host([disabled]){pointer-events:none}";export{a as gux_table_toolbar_action}
@@ -1 +1 @@
1
- import{r,c as p,h as e,g as o}from"./p-7d26b2e1.js";import{O as t}from"./p-9d18d475.js";import{b as a}from"./p-3701eff0.js";import{t as i}from"./p-7ec9a1e2.js";import{c as s}from"./p-e459974a.js";const d=class{constructor(e){r(this,e),this.guxdismiss=p(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.hidden=!0}hiddenHandler(r){r||this.popperInstance?!r&&this.popperInstance&&this.popperInstance.forceUpdate():this.runPopper()}checkForClickOutside(r){const p=r.composedPath(),e=document.getElementById(this.for),o=p.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||this.hidden||o||this.dismiss()}runPopper(){const r=document.getElementById(this.for);r?this.popupElement&&(this.popperInstance=s(r,this.popupElement,{modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"arrow",options:{padding:16}}],placement:this.position})):console.error(`gux-popover-list: invalid "for" attribute. No element in page with the id "${this.for}"`)}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}dismiss(){this.guxdismiss.emit().defaultPrevented||this.root.setAttribute("hidden","")}connectedCallback(){i(this.root,{variant:this.position}),this.hiddenObserver=a(this.root,(r=>{this.hidden=r})),this.hidden=this.root.hidden}componentDidLoad(){this.runPopper()}disconnectedCallback(){this.destroyPopper(),this.hiddenObserver&&this.hiddenObserver.disconnect()}render(){return e("div",{ref:r=>this.popupElement=r,class:"gux-popover-wrapper"},e("div",{class:"gux-arrow","data-popper-arrow":!0}),this.displayDismissButton&&e("gux-dismiss-button",{onClick:this.dismiss.bind(this)}),e("div",{class:"gux-popover-content"},e("slot",null)))}get root(){return o(this)}static get watchers(){return{hidden:["hiddenHandler"]}}};(function(r,p,e,o){var t,a=arguments.length,i=a<3?p:null===o?o=Object.getOwnPropertyDescriptor(p,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(r,p,e,o);else for(var s=r.length-1;s>=0;s--)(t=r[s])&&(i=(a<3?t(i):a>3?t(p,e,i):t(p,e))||i);a>3&&i&&Object.defineProperty(p,e,i)})([t({triggerEvents:"mousedown"})],d.prototype,"checkForClickOutside",null),d.style=":host{color:#2e394c}.gux-popover-wrapper{z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:8px 0;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper .gux-arrow,.gux-popover-wrapper .gux-arrow::before{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper .gux-arrow{visibility:hidden}.gux-popover-wrapper .gux-arrow::before{visibility:visible;content:'';transform:rotate(45deg)}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow{top:-5px}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow{bottom:-5px}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow::before{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow{right:-5px}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow{left:-5px}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow::before{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";export{d as gux_popover_list}
1
+ import{r,c as p,h as e,g as o}from"./p-7d26b2e1.js";import{O as t}from"./p-9d18d475.js";import{b as a}from"./p-3701eff0.js";import{t as i}from"./p-af4a6b41.js";import{c as s}from"./p-e459974a.js";const d=class{constructor(e){r(this,e),this.guxdismiss=p(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.hidden=!0}hiddenHandler(r){r||this.popperInstance?!r&&this.popperInstance&&this.popperInstance.forceUpdate():this.runPopper()}checkForClickOutside(r){const p=r.composedPath(),e=document.getElementById(this.for),o=p.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||this.hidden||o||this.dismiss()}runPopper(){const r=document.getElementById(this.for);r?this.popupElement&&(this.popperInstance=s(r,this.popupElement,{modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"arrow",options:{padding:16}}],placement:this.position})):console.error(`gux-popover-list: invalid "for" attribute. No element in page with the id "${this.for}"`)}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}dismiss(){this.guxdismiss.emit().defaultPrevented||this.root.setAttribute("hidden","")}connectedCallback(){i(this.root,{variant:this.position}),this.hiddenObserver=a(this.root,(r=>{this.hidden=r})),this.hidden=this.root.hidden}componentDidLoad(){this.runPopper()}disconnectedCallback(){this.destroyPopper(),this.hiddenObserver&&this.hiddenObserver.disconnect()}render(){return e("div",{ref:r=>this.popupElement=r,class:"gux-popover-wrapper"},e("div",{class:"gux-arrow","data-popper-arrow":!0}),this.displayDismissButton&&e("gux-dismiss-button",{onClick:this.dismiss.bind(this)}),e("div",{class:"gux-popover-content"},e("slot",null)))}get root(){return o(this)}static get watchers(){return{hidden:["hiddenHandler"]}}};(function(r,p,e,o){var t,a=arguments.length,i=a<3?p:null===o?o=Object.getOwnPropertyDescriptor(p,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(r,p,e,o);else for(var s=r.length-1;s>=0;s--)(t=r[s])&&(i=(a<3?t(i):a>3?t(p,e,i):t(p,e))||i);a>3&&i&&Object.defineProperty(p,e,i)})([t({triggerEvents:"mousedown"})],d.prototype,"checkForClickOutside",null),d.style=":host{color:#2e394c}.gux-popover-wrapper{z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:8px 0;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper .gux-arrow,.gux-popover-wrapper .gux-arrow::before{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper .gux-arrow{visibility:hidden}.gux-popover-wrapper .gux-arrow::before{visibility:visible;content:'';transform:rotate(45deg)}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow{top:-5px}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow{bottom:-5px}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow::before{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow{right:-5px}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow{left:-5px}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow::before{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";export{d as gux_popover_list}
@@ -1 +1 @@
1
- import{r as t,c as e,h as n,g as i}from"./p-7d26b2e1.js";import{t as o}from"./p-7ec9a1e2.js";import{b as s}from"./p-deee079e.js";import"./p-8a133b9b.js";const a={previous:"Previous",next:"Next"},r=class{constructor(n){t(this,n),this.guxPaginationCursorchange=e(this,"guxPaginationCursorchange",7),this.guxitemsperpagechange=e(this,"guxitemsperpagechange",7),this.hasPrevious=!1,this.hasNext=!1,this.itemsPerPage=void 0,this.layout="simple"}handleInternalitemsperpagechange(t){this.guxitemsperpagechange.emit(t.detail)}onButtonClick(t){("previous"===t&&this.hasPrevious||"next"===t&&this.hasNext)&&this.guxPaginationCursorchange.emit(t)}async componentWillLoad(){o(this.root),this.i18n=await s(this.root,a)}renderSimpleLayout(){return[n("div",{role:"navigation",class:"gux-pagination-button-container"},n("gux-button-slot-beta",{accent:"ghost",class:"gux-previous"},n("button",{class:"gux-simple-button",type:"button",disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},n("gux-icon",{iconName:"chevron-small-left","screenreader-text":this.i18n("previous")}))),n("gux-button-slot-beta",{accent:"ghost",class:"gux-next"},n("button",{class:"gux-simple-button",type:"button",disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},n("gux-icon",{iconName:"chevron-small-right","screenreader-text":this.i18n("next")}))))]}renderAdvancedLayout(){return[n("div",{role:"navigation",class:"gux-pagination-button-container"},n("gux-button-slot-beta",{accent:"ghost",class:"gux-previous"},n("button",{type:"button",disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},n("div",{class:"gux-button-align-content"},n("gux-icon",{class:"gux-icon-previous",decorative:!0,iconName:"chevron-small-left"}),n("span",null,this.i18n("previous"))))),n("gux-button-slot-beta",{accent:"ghost",class:"gux-next"},n("button",{type:"button",disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},n("div",{class:"gux-button-align-content"},n("span",null,this.i18n("next")),n("gux-icon",{class:"gux-icon-next",decorative:!0,iconName:"chevron-small-right"}))))),this.renderItemsPerPage()]}renderItemsPerPage(){return this.itemsPerPage&&n("gux-pagination-items-per-page-beta",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})}render(){return"advanced"===this.layout?this.renderAdvancedLayout():this.renderSimpleLayout()}get root(){return i(this)}};r.style=":host{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:space-between;padding:12px;border-top:1px solid #e2e6ee}:host .gux-pagination-button-container{display:flex;flex-wrap:nowrap;justify-content:space-between}:host button{color:#2e394c}:host button[disabled]{color:rgba(46, 57, 76, 0.5)}:host .gux-button-align-content{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:center}:host .gux-button-align-content>*{flex:0 1 auto;align-self:auto;order:0}:host .gux-button-align-content>.gux-icon-previous{padding-right:4px}:host .gux-button-align-content>.gux-icon-next{padding-left:4px}:host gux-icon{width:16px;height:16px}:host gux-button-slot-beta.gux-previous{margin-right:12px}:host gux-button-slot-beta.gux-next{margin-left:12px}:host .gux-simple-button{padding:0}";export{r as gux_pagination_cursor}
1
+ import{r as t,c as e,h as n,g as i}from"./p-7d26b2e1.js";import{t as o}from"./p-af4a6b41.js";import{b as s}from"./p-deee079e.js";import"./p-8a133b9b.js";const a={previous:"Previous",next:"Next"},r=class{constructor(n){t(this,n),this.guxPaginationCursorchange=e(this,"guxPaginationCursorchange",7),this.guxitemsperpagechange=e(this,"guxitemsperpagechange",7),this.hasPrevious=!1,this.hasNext=!1,this.itemsPerPage=void 0,this.layout="simple"}handleInternalitemsperpagechange(t){this.guxitemsperpagechange.emit(t.detail)}onButtonClick(t){("previous"===t&&this.hasPrevious||"next"===t&&this.hasNext)&&this.guxPaginationCursorchange.emit(t)}async componentWillLoad(){o(this.root),this.i18n=await s(this.root,a)}renderSimpleLayout(){return[n("div",{role:"navigation",class:"gux-pagination-button-container"},n("gux-button-slot-beta",{accent:"ghost",class:"gux-previous"},n("button",{class:"gux-simple-button",type:"button",disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},n("gux-icon",{iconName:"chevron-small-left","screenreader-text":this.i18n("previous")}))),n("gux-button-slot-beta",{accent:"ghost",class:"gux-next"},n("button",{class:"gux-simple-button",type:"button",disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},n("gux-icon",{iconName:"chevron-small-right","screenreader-text":this.i18n("next")}))))]}renderAdvancedLayout(){return[n("div",{role:"navigation",class:"gux-pagination-button-container"},n("gux-button-slot-beta",{accent:"ghost",class:"gux-previous"},n("button",{type:"button",disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},n("div",{class:"gux-button-align-content"},n("gux-icon",{class:"gux-icon-previous",decorative:!0,iconName:"chevron-small-left"}),n("span",null,this.i18n("previous"))))),n("gux-button-slot-beta",{accent:"ghost",class:"gux-next"},n("button",{type:"button",disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},n("div",{class:"gux-button-align-content"},n("span",null,this.i18n("next")),n("gux-icon",{class:"gux-icon-next",decorative:!0,iconName:"chevron-small-right"}))))),this.renderItemsPerPage()]}renderItemsPerPage(){return this.itemsPerPage&&n("gux-pagination-items-per-page-beta",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})}render(){return"advanced"===this.layout?this.renderAdvancedLayout():this.renderSimpleLayout()}get root(){return i(this)}};r.style=":host{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:space-between;padding:12px;border-top:1px solid #e2e6ee}:host .gux-pagination-button-container{display:flex;flex-wrap:nowrap;justify-content:space-between}:host button{color:#2e394c}:host button[disabled]{color:rgba(46, 57, 76, 0.5)}:host .gux-button-align-content{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:center}:host .gux-button-align-content>*{flex:0 1 auto;align-self:auto;order:0}:host .gux-button-align-content>.gux-icon-previous{padding-right:4px}:host .gux-button-align-content>.gux-icon-next{padding-left:4px}:host gux-icon{width:16px;height:16px}:host gux-button-slot-beta.gux-previous{margin-right:12px}:host gux-button-slot-beta.gux-next{margin-left:12px}:host .gux-simple-button{padding:0}";export{r as gux_pagination_cursor}
@@ -1 +1 @@
1
- import{r as t,h as o,g as i}from"./p-7d26b2e1.js";import{t as s}from"./p-7ec9a1e2.js";import{b as e}from"./p-deee079e.js";import"./p-8a133b9b.js";const n={dismiss:"Dismiss"},r=class{constructor(o){t(this,o),this.position="absolute"}async componentWillLoad(){s(this.root,{variant:this.position}),this.i18n=await e(this.root,n)}render(){return o("button",{class:"inherit"==this.position?"gux-inherit":void 0,type:"button",title:this.i18n("dismiss")},o("gux-icon",{"icon-name":"close","screenreader-text":this.i18n("dismiss")}))}static get delegatesFocus(){return!0}get root(){return i(this)}};r.style="button{position:absolute;top:0;right:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px}button.gux-inherit{position:inherit}button:not(:disabled):focus-visible,button:not(:disabled):hover{color:#2e394c;cursor:pointer}button gux-icon{width:16px;height:16px;margin:4px;border-radius:4px}button:focus{outline:none}button:focus gux-icon{outline:none}button:focus-visible:enabled gux-icon{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}";export{r as gux_dismiss_button}
1
+ import{r as t,h as o,g as i}from"./p-7d26b2e1.js";import{t as s}from"./p-af4a6b41.js";import{b as e}from"./p-deee079e.js";import"./p-8a133b9b.js";const n={dismiss:"Dismiss"},r=class{constructor(o){t(this,o),this.position="absolute"}async componentWillLoad(){s(this.root,{variant:this.position}),this.i18n=await e(this.root,n)}render(){return o("button",{class:"inherit"==this.position?"gux-inherit":void 0,type:"button",title:this.i18n("dismiss")},o("gux-icon",{"icon-name":"close","screenreader-text":this.i18n("dismiss")}))}static get delegatesFocus(){return!0}get root(){return i(this)}};r.style="button{position:absolute;top:0;right:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px}button.gux-inherit{position:inherit}button:not(:disabled):focus-visible,button:not(:disabled):hover{color:#2e394c;cursor:pointer}button gux-icon{width:16px;height:16px;margin:4px;border-radius:4px}button:focus{outline:none}button:focus gux-icon{outline:none}button:focus-visible:enabled gux-icon{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}";export{r as gux_dismiss_button}
@@ -1 +1 @@
1
- import{r as t,c as i,d as a,h as n,g as e}from"./p-7d26b2e1.js";import{a as s}from"./p-091f51f6.js";import{t as o}from"./p-7ec9a1e2.js";const r=class{constructor(a){t(this,a),this.guxpaginationchange=i(this,"guxpaginationchange",7),this.reinstateLayoutBreakpoint=0,this.layout="advanced",this.currentPage=1,this.totalItems=0,this.itemsPerPage=25,this.totalPages=void 0,this.displayedLayout=void 0}setPage(t){if(t<=0)return void this.setPage(1);const i=this.calculateTotalPages(this.totalItems,this.itemsPerPage);t>i?this.setPage(i):(this.currentPage=t,this.guxpaginationchange.emit({currentPage:this.currentPage,itemsPerPage:this.itemsPerPage}))}handleInternalitemsperpagechange(t){this.itemsPerPage=t.detail,this.setPage(1)}handleInternalcurrentpagechange(t){this.setPage(t.detail)}calculateTotalPages(t,i){return Math.max(1,Math.ceil(t/i))}calculateCurrentPage(t,i){return Math.max(t>0?1:0,Math.min(i,t))}checkPaginationContainerWidthForLayout(){a((()=>{const t=this.root.shadowRoot.querySelector(".gux-pagination-container"),i=this.root.shadowRoot.querySelector(".gux-pagination-spacer"),a=t.clientWidth;i.clientWidth<24&&"simple"!==this.displayedLayout?(this.reinstateLayoutBreakpoint=a,this.displayedLayout="simple"):a>this.reinstateLayoutBreakpoint&&(this.reinstateLayoutBreakpoint=0,this.displayedLayout=this.layout)}))}componentWillLoad(){o(this.root,{variant:this.layout})}componentWillRender(){this.totalPages=this.calculateTotalPages(this.totalItems,this.itemsPerPage),this.currentPage=this.calculateCurrentPage(this.totalPages,this.currentPage)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-pagination-container"))}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkPaginationContainerWidthForLayout()))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-pagination-container")),s((()=>{this.checkPaginationContainerWidthForLayout()}),500)}render(){return n("div",{class:"gux-pagination-container"},n("div",{class:"gux-pagination-info"},n("gux-pagination-item-counts-beta",{"total-items":this.totalItems,"current-page":this.currentPage,"items-per-page":this.itemsPerPage}),"advanced"===this.displayedLayout&&n("gux-pagination-items-per-page-beta",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})),n("div",{class:"gux-pagination-spacer"}),n("div",{class:"gux-pagination-change"},n("gux-pagination-buttons-beta",{layout:this.displayedLayout,"current-page":this.currentPage,"total-pages":this.totalPages,onInternalcurrentpagechange:this.handleInternalcurrentpagechange.bind(this)})))}get root(){return e(this)}};r.style=":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:40px;margin:12px 12px 0 12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";export{r as gux_pagination_beta}
1
+ import{r as t,c as i,d as a,h as n,g as e}from"./p-7d26b2e1.js";import{a as s}from"./p-091f51f6.js";import{t as o}from"./p-af4a6b41.js";const r=class{constructor(a){t(this,a),this.guxpaginationchange=i(this,"guxpaginationchange",7),this.reinstateLayoutBreakpoint=0,this.layout="advanced",this.currentPage=1,this.totalItems=0,this.itemsPerPage=25,this.totalPages=void 0,this.displayedLayout=void 0}setPage(t){if(t<=0)return void this.setPage(1);const i=this.calculateTotalPages(this.totalItems,this.itemsPerPage);t>i?this.setPage(i):(this.currentPage=t,this.guxpaginationchange.emit({currentPage:this.currentPage,itemsPerPage:this.itemsPerPage}))}handleInternalitemsperpagechange(t){this.itemsPerPage=t.detail,this.setPage(1)}handleInternalcurrentpagechange(t){this.setPage(t.detail)}calculateTotalPages(t,i){return Math.max(1,Math.ceil(t/i))}calculateCurrentPage(t,i){return Math.max(t>0?1:0,Math.min(i,t))}checkPaginationContainerWidthForLayout(){a((()=>{const t=this.root.shadowRoot.querySelector(".gux-pagination-container"),i=this.root.shadowRoot.querySelector(".gux-pagination-spacer"),a=t.clientWidth;i.clientWidth<24&&"simple"!==this.displayedLayout?(this.reinstateLayoutBreakpoint=a,this.displayedLayout="simple"):a>this.reinstateLayoutBreakpoint&&(this.reinstateLayoutBreakpoint=0,this.displayedLayout=this.layout)}))}componentWillLoad(){o(this.root,{variant:this.layout})}componentWillRender(){this.totalPages=this.calculateTotalPages(this.totalItems,this.itemsPerPage),this.currentPage=this.calculateCurrentPage(this.totalPages,this.currentPage)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-pagination-container"))}componentDidLoad(){!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkPaginationContainerWidthForLayout()))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-pagination-container")),s((()=>{this.checkPaginationContainerWidthForLayout()}),500)}render(){return n("div",{class:"gux-pagination-container"},n("div",{class:"gux-pagination-info"},n("gux-pagination-item-counts-beta",{"total-items":this.totalItems,"current-page":this.currentPage,"items-per-page":this.itemsPerPage}),"advanced"===this.displayedLayout&&n("gux-pagination-items-per-page-beta",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})),n("div",{class:"gux-pagination-spacer"}),n("div",{class:"gux-pagination-change"},n("gux-pagination-buttons-beta",{layout:this.displayedLayout,"current-page":this.currentPage,"total-pages":this.totalPages,onInternalcurrentpagechange:this.handleInternalcurrentpagechange.bind(this)})))}get root(){return e(this)}};r.style=":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:40px;margin:12px 12px 0 12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";export{r as gux_pagination_beta}
@@ -1 +1 @@
1
- import{r as e,h as t,g as o}from"./p-7d26b2e1.js";import{t as r}from"./p-7ec9a1e2.js";const a=class{constructor(t){e(this,t)}componentWillLoad(){r(this.root)}render(){return t("div",{class:"gux-container"},t("gux-icon",{"icon-name":"alert-warning-octogon",decorative:!0}),t("div",{class:"gux-message"},t("slot",null),t("slot",{name:"error"})))}get root(){return o(this)}};a.style=".gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;font-size:11px;color:#2e394c}.gux-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-container .gux-message{flex:0 1 auto;align-self:auto;order:0}";export{a as gux_error_message_beta}
1
+ import{r as e,h as t,g as o}from"./p-7d26b2e1.js";import{t as r}from"./p-af4a6b41.js";const a=class{constructor(t){e(this,t)}componentWillLoad(){r(this.root)}render(){return t("div",{class:"gux-container"},t("gux-icon",{"icon-name":"alert-warning-octogon",decorative:!0}),t("div",{class:"gux-message"},t("slot",null),t("slot",{name:"error"})))}get root(){return o(this)}};a.style=".gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;font-size:11px;color:#2e394c}.gux-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-container .gux-message{flex:0 1 auto;align-self:auto;order:0}";export{a as gux_error_message_beta}
@@ -1 +1 @@
1
- import{r as t,c as o,h as a,g as i}from"./p-7d26b2e1.js";import{r as n}from"./p-cbcbd1bb.js";import{t as s}from"./p-7ec9a1e2.js";const e=class{constructor(a){t(this,a),this.guxdismiss=o(this,"guxdismiss",7),this.size="dynamic",this.trapFocus=!0,this.initialFocus=void 0}handleKeyEvent(t){"Escape"===t.key&&this.onDismissHandler(t)}connectedCallback(){this.triggerElement=document.activeElement}componentWillLoad(){s(this.root,{variant:`${this.size}-${this.trapFocus?"trapfocuson":"trapfocusoff"}`})}componentDidLoad(){var t,o,a;const i=this.getInitialFocusElement();i?null===(t=i.focus)||void 0===t||t.call(i):this.dismissButton&&(null===(a=(o=this.dismissButton).focus)||void 0===a||a.call(o))}render(){const t=this.hasModalTitleSlot(),o=this.hasFooterButtons(),i=n();return a("div",{class:"gux-modal",role:"dialog","aria-modal":"true","aria-labelledby":t?i:null},a("div",{class:`gux-modal-container gux-${this.size}`},this.renderModalTrapFocusEl(),t&&a("h1",{class:"gux-modal-header",id:i},a("slot",{name:"title"})),a("gux-dismiss-button",{onClick:this.onDismissHandler.bind(this),ref:t=>this.dismissButton=t}),a("div",{class:{"gux-modal-content":!0,"gux-no-buttons":!o}},a("p",null,a("slot",{name:"content"}))),o&&a("div",{class:"gux-button-footer"},a("div",{class:"gux-left-align-buttons"},a("slot",{name:"left-align-buttons"})),a("div",{class:"gux-right-align-buttons"},a("slot",{name:"right-align-buttons"}))),this.renderModalTrapFocusEl()))}renderModalTrapFocusEl(){if(this.trapFocus)return a("span",{onFocus:()=>this.dismissButton.focus(),tabindex:"0"})}getInitialFocusElement(){return this.initialFocus?this.root.querySelector(this.initialFocus):void 0}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){return Boolean(this.root.querySelector('[slot="left-align-buttons"]'))||Boolean(this.root.querySelector('[slot="right-align-buttons"]'))}onDismissHandler(t){var o;t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||(this.root.remove(),null===(o=this.triggerElement)||void 0===o||o.focus())}get root(){return i(this)}};e.style=":host .gux-modal{position:fixed;inset:0;z-index:var(--gux-zindex-modal, 1);display:flex;align-items:center;justify-content:center;color:#2e394c;background:rgba(32, 41, 55, 0.8)}:host .gux-modal .gux-modal-container{box-shadow:0 8px 24px rgba(32, 41, 55, 0.4);position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}:host .gux-modal .gux-modal-container.gux-small{width:416px;max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:672px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:940px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 2 * 24px);max-height:calc(100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding-bottom:24px;margin:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin:0 8px 24px;overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}:host .gux-modal .gux-modal-container .gux-button-footer .gux-left-align-buttons gux-button{padding-right:5px}:host .gux-modal .gux-modal-container .gux-button-footer .gux-right-align-buttons gux-button{padding-left:5px}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";export{e as gux_modal}
1
+ import{r as t,c as o,h as a,g as i}from"./p-7d26b2e1.js";import{r as n}from"./p-cbcbd1bb.js";import{t as s}from"./p-af4a6b41.js";const e=class{constructor(a){t(this,a),this.guxdismiss=o(this,"guxdismiss",7),this.size="dynamic",this.trapFocus=!0,this.initialFocus=void 0}handleKeyEvent(t){"Escape"===t.key&&this.onDismissHandler(t)}connectedCallback(){this.triggerElement=document.activeElement}componentWillLoad(){s(this.root,{variant:`${this.size}-${this.trapFocus?"trapfocuson":"trapfocusoff"}`})}componentDidLoad(){var t,o,a;const i=this.getInitialFocusElement();i?null===(t=i.focus)||void 0===t||t.call(i):this.dismissButton&&(null===(a=(o=this.dismissButton).focus)||void 0===a||a.call(o))}render(){const t=this.hasModalTitleSlot(),o=this.hasFooterButtons(),i=n();return a("div",{class:"gux-modal",role:"dialog","aria-modal":"true","aria-labelledby":t?i:null},a("div",{class:`gux-modal-container gux-${this.size}`},this.renderModalTrapFocusEl(),t&&a("h1",{class:"gux-modal-header",id:i},a("slot",{name:"title"})),a("gux-dismiss-button",{onClick:this.onDismissHandler.bind(this),ref:t=>this.dismissButton=t}),a("div",{class:{"gux-modal-content":!0,"gux-no-buttons":!o}},a("p",null,a("slot",{name:"content"}))),o&&a("div",{class:"gux-button-footer"},a("div",{class:"gux-left-align-buttons"},a("slot",{name:"left-align-buttons"})),a("div",{class:"gux-right-align-buttons"},a("slot",{name:"right-align-buttons"}))),this.renderModalTrapFocusEl()))}renderModalTrapFocusEl(){if(this.trapFocus)return a("span",{onFocus:()=>this.dismissButton.focus(),tabindex:"0"})}getInitialFocusElement(){return this.initialFocus?this.root.querySelector(this.initialFocus):void 0}hasModalTitleSlot(){return Boolean(this.root.querySelector('[slot="title"]'))}hasFooterButtons(){return Boolean(this.root.querySelector('[slot="left-align-buttons"]'))||Boolean(this.root.querySelector('[slot="right-align-buttons"]'))}onDismissHandler(t){var o;t.stopPropagation(),this.guxdismiss.emit().defaultPrevented||(this.root.remove(),null===(o=this.triggerElement)||void 0===o||o.focus())}get root(){return i(this)}};e.style=":host .gux-modal{position:fixed;inset:0;z-index:var(--gux-zindex-modal, 1);display:flex;align-items:center;justify-content:center;color:#2e394c;background:rgba(32, 41, 55, 0.8)}:host .gux-modal .gux-modal-container{box-shadow:0 8px 24px rgba(32, 41, 55, 0.4);position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}:host .gux-modal .gux-modal-container.gux-small{width:416px;max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:672px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:940px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 2 * 24px);max-height:calc(100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding-bottom:24px;margin:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin:0 8px 24px;overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}:host .gux-modal .gux-modal-container .gux-button-footer .gux-left-align-buttons gux-button{padding-right:5px}:host .gux-modal .gux-modal-container .gux-button-footer .gux-right-align-buttons gux-button{padding-left:5px}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";export{e as gux_modal}
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,H as e,g as o}from"./p-7d26b2e1.js";import{s as n,c as a,a as h,b as r,h as d,d as l,e as c,f as u,i as p,j as g,o as x}from"./p-55cf6d81.js";import{b as m}from"./p-deee079e.js";import{w as f}from"./p-76ff3e75.js";import{s as b}from"./p-d176c2ae.js";import{t as v}from"./p-7ec9a1e2.js";import{b as w}from"./p-091f51f6.js";import"./p-8a133b9b.js";const O={add:"Add {name}",noMatches:"No matches",loading:"Loading..."},j=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=s(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.textInput="",this.filterType="none",this.listboxOptions=[],this.allListboxOptionsFiltered=void 0,this.hasExactMatch=!1}onFocus(){n(this.root)}onBlur(){a(this.root)}selectNewCustomOption(t){this.updateValue(t.detail)}onKeydown(t){var s;switch(t.key){case"Enter":return t.preventDefault(),void((null===(s=this.optionCreateElement)||void 0===s?void 0:s.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),w((()=>{n(this.root)}))):p(this.root,(t=>this.updateValue(t))));case"ArrowDown":return t.preventDefault(),void(c(this.root)?(t.stopPropagation(),u(this.root)):r(this.root));case"ArrowUp":return t.preventDefault(),void(d(this.root)?(t.stopPropagation(),l(this.root)):h(this.root));case"Home":return t.preventDefault(),void r(this.root);case"End":return t.preventDefault(),void h(this.root);case" ":return void t.preventDefault()}1!==t.key.length||g(this.root,t.key)}onKeyup(t){var s;" "!==t.key||((null===(s=this.optionCreateElement)||void 0===s?void 0:s.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),w((()=>{n(this.root)}))):p(this.root,(t=>this.updateValue(t))))}onMousemove(){a(this.root)}onClick(t){f("gux-option-multi",t,(t=>{x(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){p(this.root,(t=>this.updateValue(t)))}getHasExactMatch(){let t=!1;return this.hasExactMatch=!1,this.listboxOptions.forEach((s=>{var i,e,o;(null===(o=null===(e=null===(i=s.querySelector("[gux-slot-container]"))||void 0===i?void 0:i.textContent)||void 0===e?void 0:e.toLowerCase())||void 0===o?void 0:o.trim())==this.textInput.toLowerCase().trim()&&(t=!0,this.hasExactMatch=!0)})),t}updateOptionMultiCreateValue(){this.optionCreateElement&&(this.optionCreateElement.value=this.textInput,this.optionCreateElement.filtered=!this.textInput||this.getHasExactMatch())}getSelectedValues(){return this.value?this.value.split(","):[]}updateOnSlotChange(){this.setListboxOptions(),this.updateListboxOptions(),n(this.root)}getOptionCreateElement(){this.optionCreateElement=this.root.querySelector("gux-create-option")}setListboxOptions(){this.listboxOptions=Array.from(this.root.children).filter((t=>"GUX-OPTION-MULTI"===t.tagName)),this.internallistboxoptionsupdated.emit()}updateListboxOptions(){this.listboxOptions.forEach((t=>{t.selected=this.getSelectedValues().includes(t.value),"custom"!==this.filterType&&(t.filtered=!t.textContent.toLowerCase().startsWith(this.textInput.toLowerCase()))}))}updateValue(t){if(this.getSelectedValues().includes(t))this.value=this.getSelectedValues().filter((s=>s!==t)).join(",");else{const s=[...this.getSelectedValues(),t];this.value=s.join(",")}b(this.root,"input"),b(this.root,"change")}async componentWillLoad(){v(this.root),this.i18n=await m(this.root,O),this.setListboxOptions(),this.getOptionCreateElement()}componentWillRender(){this.setListboxOptions(),this.updateListboxOptions(),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return i("div",{hidden:!0},i("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[i("div",{class:"gux-message-container"},i("gux-radial-loading",{context:"modal"}),i("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return[i("div",{class:"gux-message-container"},i("div",{class:"gux-no-matches"},this.i18n("noMatches"))),this.renderHiddenSlot()]}renderCreateOptionSlot(){return i("slot",{name:"create"})}render(){return this.loading?this.renderLoading():i(e,{role:"listbox","aria-multiselectable":"true",tabindex:0},i("slot",{onSlotchange:()=>this.updateOnSlotChange()}),this.renderAllListboxOptionsFiltered(),this.renderCreateOptionSlot())}get root(){return o(this)}static get watchers(){return{textInput:["updateOptionMultiCreateValue"]}}};j.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus-visible){outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}.gux-message-container .gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";export{j as gux_listbox_multi}
1
+ import{r as t,c as s,h as i,H as e,g as o}from"./p-7d26b2e1.js";import{s as n,c as a,a as h,b as r,h as d,d as l,e as c,f as u,i as p,j as g,o as x}from"./p-55cf6d81.js";import{b as m}from"./p-deee079e.js";import{w as f}from"./p-76ff3e75.js";import{s as b}from"./p-d176c2ae.js";import{t as v}from"./p-af4a6b41.js";import{b as w}from"./p-091f51f6.js";import"./p-8a133b9b.js";const O={add:"Add {name}",noMatches:"No matches",loading:"Loading..."},j=class{constructor(i){t(this,i),this.internallistboxoptionsupdated=s(this,"internallistboxoptionsupdated",7),this.value=void 0,this.loading=!1,this.filter="",this.textInput="",this.filterType="none",this.listboxOptions=[],this.allListboxOptionsFiltered=void 0,this.hasExactMatch=!1}onFocus(){n(this.root)}onBlur(){a(this.root)}selectNewCustomOption(t){this.updateValue(t.detail)}onKeydown(t){var s;switch(t.key){case"Enter":return t.preventDefault(),void((null===(s=this.optionCreateElement)||void 0===s?void 0:s.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),w((()=>{n(this.root)}))):p(this.root,(t=>this.updateValue(t))));case"ArrowDown":return t.preventDefault(),void(c(this.root)?(t.stopPropagation(),u(this.root)):r(this.root));case"ArrowUp":return t.preventDefault(),void(d(this.root)?(t.stopPropagation(),l(this.root)):h(this.root));case"Home":return t.preventDefault(),void r(this.root);case"End":return t.preventDefault(),void h(this.root);case" ":return void t.preventDefault()}1!==t.key.length||g(this.root,t.key)}onKeyup(t){var s;" "!==t.key||((null===(s=this.optionCreateElement)||void 0===s?void 0:s.active)?(this.optionCreateElement.guxEmitInternalCreateNewOption(),w((()=>{n(this.root)}))):p(this.root,(t=>this.updateValue(t))))}onMousemove(){a(this.root)}onClick(t){f("gux-option-multi",t,(t=>{x(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){p(this.root,(t=>this.updateValue(t)))}getHasExactMatch(){let t=!1;return this.hasExactMatch=!1,this.listboxOptions.forEach((s=>{var i,e,o;(null===(o=null===(e=null===(i=s.querySelector("[gux-slot-container]"))||void 0===i?void 0:i.textContent)||void 0===e?void 0:e.toLowerCase())||void 0===o?void 0:o.trim())==this.textInput.toLowerCase().trim()&&(t=!0,this.hasExactMatch=!0)})),t}updateOptionMultiCreateValue(){this.optionCreateElement&&(this.optionCreateElement.value=this.textInput,this.optionCreateElement.filtered=!this.textInput||this.getHasExactMatch())}getSelectedValues(){return this.value?this.value.split(","):[]}updateOnSlotChange(){this.setListboxOptions(),this.updateListboxOptions(),n(this.root)}getOptionCreateElement(){this.optionCreateElement=this.root.querySelector("gux-create-option")}setListboxOptions(){this.listboxOptions=Array.from(this.root.children).filter((t=>"GUX-OPTION-MULTI"===t.tagName)),this.internallistboxoptionsupdated.emit()}updateListboxOptions(){this.listboxOptions.forEach((t=>{t.selected=this.getSelectedValues().includes(t.value),"custom"!==this.filterType&&(t.filtered=!t.textContent.toLowerCase().startsWith(this.textInput.toLowerCase()))}))}updateValue(t){if(this.getSelectedValues().includes(t))this.value=this.getSelectedValues().filter((s=>s!==t)).join(",");else{const s=[...this.getSelectedValues(),t];this.value=s.join(",")}b(this.root,"input"),b(this.root,"change")}async componentWillLoad(){v(this.root),this.i18n=await m(this.root,O),this.setListboxOptions(),this.getOptionCreateElement()}componentWillRender(){this.setListboxOptions(),this.updateListboxOptions(),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length}renderHiddenSlot(){return i("div",{hidden:!0},i("slot",{onSlotchange:()=>this.setListboxOptions()}))}renderLoading(){return[i("div",{class:"gux-message-container"},i("gux-radial-loading",{context:"modal"}),i("span",null,this.i18n("loading"))),this.renderHiddenSlot()]}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return[i("div",{class:"gux-message-container"},i("div",{class:"gux-no-matches"},this.i18n("noMatches"))),this.renderHiddenSlot()]}renderCreateOptionSlot(){return i("slot",{name:"create"})}render(){return this.loading?this.renderLoading():i(e,{role:"listbox","aria-multiselectable":"true",tabindex:0},i("slot",{onSlotchange:()=>this.updateOnSlotChange()}),this.renderAllListboxOptionsFiltered(),this.renderCreateOptionSlot())}get root(){return o(this)}static get watchers(){return{textInput:["updateOptionMultiCreateValue"]}}};j.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus-visible){outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-message-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}.gux-message-container .gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";export{j as gux_listbox_multi}
@@ -1 +1 @@
1
- import{r as t,f as e,h as o,g as i,c as r,H as n}from"./p-7d26b2e1.js";import{b as s}from"./p-deee079e.js";import{c as a,o as p}from"./p-3f5341ea.js";import{O as l}from"./p-f34ce7dc.js";import{o as u}from"./p-3701eff0.js";import{p as c}from"./p-c10e41a9.js";import{h,d,G as x,a as g,g as f,v as b,b as m,e as w}from"./p-b3c9fd06.js";import{s as v}from"./p-d176c2ae.js";import{h as y}from"./p-08bc2e6b.js";import{G as j,a as k}from"./p-a733f4ca.js";import{t as z}from"./p-7ec9a1e2.js";import{t as O}from"./p-89af02eb.js";import{O as C}from"./p-9d18d475.js";import{b as R}from"./p-091f51f6.js";import{a as D,c as _,o as E,f as I,s as L,b as P}from"./p-ec218689.js";import{g as T}from"./p-3e6097e5.js";import{f as $}from"./p-7d614de7.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";const F={increment:"Increment",decrement:"Decrement"};const S=class{constructor(e){t(this,e),this.clearable=void 0,this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=y(this.root,"error"),this.hasHelp=y(this.root,"help")}async guxForceUpdate(){this.hasContent=h(this.input),this.hasError=y(this.root,"error"),this.hasHelp=y(this.root,"help"),e(this.root)}async componentWillLoad(){this.getI18nValue=await s(this.root,F),this.setInput(),this.setLabel(),this.hasError=y(this.root,"error"),this.hasHelp=y(this.root,"help"),z(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){const t=this.clearable&&this.hasContent&&!this.disabled;return o(k,{labelPosition:this.computedLabelPosition},o(j,{position:this.computedLabelPosition,required:this.required},o("slot",{name:"label",onSlotchange:()=>this.setLabel()})),o("div",{class:"gux-input-and-error-container"},o("div",{class:{"gux-input":!0,"gux-input-error":this.hasError},part:"input-section"},o("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":t}},o("slot",{name:"input",onSlotchange:()=>this.setInput()}),t&&o("gux-form-field-input-clear-button",{onClick:()=>d(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),o(x,{show:this.hasError},o("slot",{name:"error"})),o(g,{show:!this.hasError&&this.hasHelp},o("slot",{name:"help"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=f(this.root,'input[type="number"][slot="input"]'),this.hasContent=h(this.input),c(this.input),this.input.addEventListener("input",(()=>{this.hasContent=h(this.input)})),this.disabled=a(this.input),this.required=this.input.required,this.disabledObserver=p(this.input,(t=>{this.disabled=t})),this.requiredObserver=u(this.input,(t=>{this.required=t})),b(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}renderStepButtons(t,e,i){return o("div",{class:"gux-step-buttons-container"},o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:e("increment"),disabled:i,onClick:()=>this.stepUp(t)},o("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:e("decrement"),disabled:i,onClick:()=>this.stepDown(t)},o("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}stepDown(t){""===t.value?w(t,t.min||"0",!1):(t.stepDown(),this.simulateNativeInputAndChangeEvents(t))}stepUp(t){""===t.value?w(t,t.min||"0",!1):(t.stepUp(),this.simulateNativeInputAndChangeEvents(t))}simulateNativeInputAndChangeEvents(t){v(t,"input"),v(t,"change")}static get delegatesFocus(){return!0}get root(){return i(this)}};(function(t,e,o,i){var r,n=arguments.length,s=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(e,o,s):r(e,o))||s);n>3&&s&&Object.defineProperty(e,o,s)})([l({childList:!0,subtree:!0})],S.prototype,"onMutation",null),S.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 16px) 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-align:right;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;width:100%}.gux-input-and-error-container .gux-input .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-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container.gux-clear{padding-right:0}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin:0 4px}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:#596373;background:transparent;border:none}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;width:14px;height:14px}";const U=class{constructor(e){t(this,e),this.goToPage=r(this,"goToPage",7),this.isOpen=!1,this.totalPages=void 0}handleKeyDown(t){const e=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,this.ellipsisButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":e.includes(this.ellipsisButton)&&(t.preventDefault(),this.isOpen=!0,this.focusInputElement())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.ellipsisButton)&&(this.isOpen=!0,this.focusInputElement())}toggle(){this.isOpen=!this.isOpen,this.isOpen&&this.focusInputElement()}onClickOutside(){this.isOpen=!1}focusInputElement(){R((()=>{this.inputElement.focus()}))}applyInputListener(){var t;null===(t=this.inputElement)||void 0===t||t.addEventListener("keydown",(t=>{"Enter"!=t.key&&" "!=t.key||(t.preventDefault(),this.goToPage.emit(t.target.value),this.isOpen=!1)}))}async componentWillLoad(){this.i18n=await s(this.root,O),z(this.root)}componentDidLoad(){this.applyInputListener()}render(){return o(n,null,o("button",{id:"popover-target",type:"button",ref:t=>this.ellipsisButton=t,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},o("gux-icon",{screenreaderText:this.i18n("goToPage"),"icon-name":"menu-kebab-horizontal"})),o("gux-tooltip",{for:"popover-target"},this.i18n("goToPage")),o("gux-popover-beta",{"is-open":this.isOpen,for:"popover-target"},o("span",{slot:"title"},this.i18n("goToPage")),o("gux-form-field-number",null,o("input",{slot:"input",type:"number",ref:t=>this.inputElement=t,min:"1",max:this.totalPages,value:"1"}),o("label",{slot:"label"}))))}get root(){return i(this)}};(function(t,e,o,i){var r,n=arguments.length,s=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(e,o,s):r(e,o))||s);n>3&&s&&Object.defineProperty(e,o,s)})([C({triggerEvents:"mousedown"})],U.prototype,"onClickOutside",null),U.style="button{padding:0 2px;color:#6b7585;cursor:pointer;background:none;border:none}button:hover{color:#2e394c}button:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}button gux-icon{width:16px;height:16px;padding-top:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type='number']{-moz-appearance:textfield}";const B=class{constructor(e){t(this,e),this.guxdismiss=r(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}checkForClickOutside(t){const e=t.composedPath(),o=$(this.root,this.for),i=e.includes(o);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss()}get titleSlot(){return T(this.root,"title")}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=D($(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=$(this.root,this.for);this.popupElement&&_(t,this.popupElement,{placement:this.position,middleware:[E(7),I(),L(),P({element:this.arrowElement,padding:16})]}).then((({x:t,y:e,middlewareData:o,placement:i})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${e}px`});const r={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(o.arrow){const{x:t,y:e}=o.arrow;this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[r]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){z(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderDismissButton(){if(this.displayDismissButton)return o("gux-dismiss-button",{onClick:this.dismiss.bind(this),position:"inherit"})}render(){return o("div",{ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},o("div",{ref:t=>this.arrowElement=t,class:"gux-arrow"}),o("div",{class:{"gux-popover-header":Boolean(this.titleSlot)}},o("slot",{name:"title"}),this.renderDismissButton()),o("div",{class:"gux-popover-content"},o("slot",null)))}get root(){return i(this)}};(function(t,e,o,i){var r,n=arguments.length,s=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(e,o,s):r(e,o))||s);n>3&&s&&Object.defineProperty(e,o,s)})([C({triggerEvents:"mousedown"})],B.prototype,"checkForClickOutside",null),B.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:16px;color:#2e394c;background-color:#fdfdfd;border-radius:4px;box-shadow:0 3px 14px rgba(46, 57, 76, 0.22)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper[data-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-placement='bottom-end'] .gux-arrow{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-placement='top'] .gux-arrow,.gux-popover-wrapper[data-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-placement='top-end'] .gux-arrow{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-placement='left'] .gux-arrow,.gux-popover-wrapper[data-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-placement='left-end'] .gux-arrow{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-placement='right'] .gux-arrow,.gux-popover-wrapper[data-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-placement='right-end'] .gux-arrow{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper .gux-popover-header{font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;display:flex;flex-direction:row;align-content:center;align-items:center;justify-content:space-between;padding-bottom:16px}.gux-popover-wrapper gux-dismiss-button{float:right}";export{S as gux_form_field_number,U as gux_pagination_ellipsis_button,B as gux_popover_beta}
1
+ import{r as t,f as e,h as o,g as i,c as r,H as n}from"./p-7d26b2e1.js";import{b as s}from"./p-deee079e.js";import{c as a,o as p}from"./p-3f5341ea.js";import{O as l}from"./p-f34ce7dc.js";import{o as u}from"./p-3701eff0.js";import{p as c}from"./p-c10e41a9.js";import{h,d,G as x,a as g,g as f,v as b,b as m,e as w}from"./p-b3c9fd06.js";import{s as v}from"./p-d176c2ae.js";import{h as y}from"./p-08bc2e6b.js";import{G as j,a as k}from"./p-a733f4ca.js";import{t as z}from"./p-af4a6b41.js";import{t as O}from"./p-89af02eb.js";import{O as C}from"./p-9d18d475.js";import{b as R}from"./p-091f51f6.js";import{a as D,c as _,o as E,f as I,s as L,b as P}from"./p-ec218689.js";import{g as T}from"./p-3e6097e5.js";import{f as $}from"./p-7d614de7.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";const F={increment:"Increment",decrement:"Decrement"};const S=class{constructor(e){t(this,e),this.clearable=void 0,this.labelPosition=void 0,this.computedLabelPosition="above",this.disabled=void 0,this.required=void 0,this.hasContent=!1,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=y(this.root,"error"),this.hasHelp=y(this.root,"help")}async guxForceUpdate(){this.hasContent=h(this.input),this.hasError=y(this.root,"error"),this.hasHelp=y(this.root,"help"),e(this.root)}async componentWillLoad(){this.getI18nValue=await s(this.root,F),this.setInput(),this.setLabel(),this.hasError=y(this.root,"error"),this.hasHelp=y(this.root,"help"),z(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect(),this.requiredObserver&&this.requiredObserver.disconnect()}render(){const t=this.clearable&&this.hasContent&&!this.disabled;return o(k,{labelPosition:this.computedLabelPosition},o(j,{position:this.computedLabelPosition,required:this.required},o("slot",{name:"label",onSlotchange:()=>this.setLabel()})),o("div",{class:"gux-input-and-error-container"},o("div",{class:{"gux-input":!0,"gux-input-error":this.hasError},part:"input-section"},o("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":t}},o("slot",{name:"input",onSlotchange:()=>this.setInput()}),t&&o("gux-form-field-input-clear-button",{onClick:()=>d(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),o(x,{show:this.hasError},o("slot",{name:"error"})),o(g,{show:!this.hasError&&this.hasHelp},o("slot",{name:"help"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=f(this.root,'input[type="number"][slot="input"]'),this.hasContent=h(this.input),c(this.input),this.input.addEventListener("input",(()=>{this.hasContent=h(this.input)})),this.disabled=a(this.input),this.required=this.input.required,this.disabledObserver=p(this.input,(t=>{this.disabled=t})),this.requiredObserver=u(this.input,(t=>{this.required=t})),b(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}renderStepButtons(t,e,i){return o("div",{class:"gux-step-buttons-container"},o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:e("increment"),disabled:i,onClick:()=>this.stepUp(t)},o("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),o("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:e("decrement"),disabled:i,onClick:()=>this.stepDown(t)},o("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}stepDown(t){""===t.value?w(t,t.min||"0",!1):(t.stepDown(),this.simulateNativeInputAndChangeEvents(t))}stepUp(t){""===t.value?w(t,t.min||"0",!1):(t.stepUp(),this.simulateNativeInputAndChangeEvents(t))}simulateNativeInputAndChangeEvents(t){v(t,"input"),v(t,"change")}static get delegatesFocus(){return!0}get root(){return i(this)}};(function(t,e,o,i){var r,n=arguments.length,s=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(e,o,s):r(e,o))||s);n>3&&s&&Object.defineProperty(e,o,s)})([l({childList:!0,subtree:!0})],S.prototype,"onMutation",null),S.style=".gux-form-field-container{margin:var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 16px) 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-align:right;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;width:100%}.gux-input-and-error-container .gux-input .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-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container.gux-clear{padding-right:0}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin:0 4px}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:#596373;background:transparent;border:none}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;width:14px;height:14px}";const U=class{constructor(e){t(this,e),this.goToPage=r(this,"goToPage",7),this.isOpen=!1,this.totalPages=void 0}handleKeyDown(t){const e=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,this.ellipsisButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":e.includes(this.ellipsisButton)&&(t.preventDefault(),this.isOpen=!0,this.focusInputElement())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.ellipsisButton)&&(this.isOpen=!0,this.focusInputElement())}toggle(){this.isOpen=!this.isOpen,this.isOpen&&this.focusInputElement()}onClickOutside(){this.isOpen=!1}focusInputElement(){R((()=>{this.inputElement.focus()}))}applyInputListener(){var t;null===(t=this.inputElement)||void 0===t||t.addEventListener("keydown",(t=>{"Enter"!=t.key&&" "!=t.key||(t.preventDefault(),this.goToPage.emit(t.target.value),this.isOpen=!1)}))}async componentWillLoad(){this.i18n=await s(this.root,O),z(this.root)}componentDidLoad(){this.applyInputListener()}render(){return o(n,null,o("button",{id:"popover-target",type:"button",ref:t=>this.ellipsisButton=t,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString()},o("gux-icon",{screenreaderText:this.i18n("goToPage"),"icon-name":"menu-kebab-horizontal"})),o("gux-tooltip",{for:"popover-target"},this.i18n("goToPage")),o("gux-popover-beta",{"is-open":this.isOpen,for:"popover-target"},o("span",{slot:"title"},this.i18n("goToPage")),o("gux-form-field-number",null,o("input",{slot:"input",type:"number",ref:t=>this.inputElement=t,min:"1",max:this.totalPages,value:"1"}),o("label",{slot:"label"}))))}get root(){return i(this)}};(function(t,e,o,i){var r,n=arguments.length,s=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(e,o,s):r(e,o))||s);n>3&&s&&Object.defineProperty(e,o,s)})([C({triggerEvents:"mousedown"})],U.prototype,"onClickOutside",null),U.style="button{padding:0 2px;color:#6b7585;cursor:pointer;background:none;border:none}button:hover{color:#2e394c}button:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}button gux-icon{width:16px;height:16px;padding-top:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type='number']{-moz-appearance:textfield}";const B=class{constructor(e){t(this,e),this.guxdismiss=r(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.isOpen=!1}checkForClickOutside(t){const e=t.composedPath(),o=$(this.root,this.for),i=e.includes(o);!this.closeOnClickOutside&&this.displayDismissButton||!this.isOpen||i||this.dismiss()}get titleSlot(){return T(this.root,"title")}runUpdatePosition(){this.root.isConnected?this.cleanupUpdatePosition=D($(this.root,this.for),this.popupElement,(()=>this.updatePosition()),{ancestorScroll:!0,elementResize:!0,animationFrame:!0,ancestorResize:!0}):this.disconnectedCallback()}updatePosition(){const t=$(this.root,this.for);this.popupElement&&_(t,this.popupElement,{placement:this.position,middleware:[E(7),I(),L(),P({element:this.arrowElement,padding:16})]}).then((({x:t,y:e,middlewareData:o,placement:i})=>{Object.assign(this.popupElement.style,{left:`${t}px`,top:`${e}px`});const r={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(o.arrow){const{x:t,y:e}=o.arrow;this.popupElement.setAttribute("data-placement",i),Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[r]:"-6.5px",transform:"rotate(45deg)"})}}))}dismiss(){this.guxdismiss.emit().defaultPrevented||(this.isOpen=!1)}connectedCallback(){z(this.root,{variant:this.position})}componentDidLoad(){this.isOpen&&this.runUpdatePosition()}componentDidUpdate(){this.isOpen?this.runUpdatePosition():this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}disconnectedCallback(){this.cleanupUpdatePosition&&this.cleanupUpdatePosition()}renderDismissButton(){if(this.displayDismissButton)return o("gux-dismiss-button",{onClick:this.dismiss.bind(this),position:"inherit"})}render(){return o("div",{ref:t=>this.popupElement=t,class:{"gux-hidden":!this.isOpen,"gux-popover-wrapper":!0},"data-placement":!0},o("div",{ref:t=>this.arrowElement=t,class:"gux-arrow"}),o("div",{class:{"gux-popover-header":Boolean(this.titleSlot)}},o("slot",{name:"title"}),this.renderDismissButton()),o("div",{class:"gux-popover-content"},o("slot",null)))}get root(){return i(this)}};(function(t,e,o,i){var r,n=arguments.length,s=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(e,o,s):r(e,o))||s);n>3&&s&&Object.defineProperty(e,o,s)})([C({triggerEvents:"mousedown"})],B.prototype,"checkForClickOutside",null),B.style=".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:16px;color:#2e394c;background-color:#fdfdfd;border-radius:4px;box-shadow:0 3px 14px rgba(46, 57, 76, 0.22)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper[data-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-placement='bottom-end'] .gux-arrow{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-placement='top'] .gux-arrow,.gux-popover-wrapper[data-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-placement='top-end'] .gux-arrow{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-placement='left'] .gux-arrow,.gux-popover-wrapper[data-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-placement='left-end'] .gux-arrow{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-placement='right'] .gux-arrow,.gux-popover-wrapper[data-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-placement='right-end'] .gux-arrow{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper .gux-popover-header{font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;display:flex;flex-direction:row;align-content:center;align-items:center;justify-content:space-between;padding-bottom:16px}.gux-popover-wrapper gux-dismiss-button{float:right}";export{S as gux_form_field_number,U as gux_pagination_ellipsis_button,B as gux_popover_beta}
@@ -1 +1 @@
1
- import{r,h as d,g as a}from"./p-7d26b2e1.js";import{t as e}from"./p-7ec9a1e2.js";const o=class{constructor(d){r(this,d),this.accent="bordered"}componentWillLoad(){e(this.root,{variant:this.accent})}render(){return d("div",{class:{"gux-card":!0,[`gux-${this.accent}`]:!0}},d("slot",null))}get root(){return a(this)}};o.style=":host{display:block;width:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow-x) var(--gse-ui-card-raised-boxShadow-y) var(--gse-ui-card-raised-boxShadow-blur) var(--gse-ui-card-raised-boxShadow-spread) var(--gse-ui-card-raised-boxShadow-color)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";export{o as gux_card}
1
+ import{r,h as d,g as a}from"./p-7d26b2e1.js";import{t as e}from"./p-af4a6b41.js";const o=class{constructor(d){r(this,d),this.accent="bordered"}componentWillLoad(){e(this.root,{variant:this.accent})}render(){return d("div",{class:{"gux-card":!0,[`gux-${this.accent}`]:!0}},d("slot",null))}get root(){return a(this)}};o.style=":host{display:block;width:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow-x) var(--gse-ui-card-raised-boxShadow-y) var(--gse-ui-card-raised-boxShadow-blur) var(--gse-ui-card-raised-boxShadow-spread) var(--gse-ui-card-raised-boxShadow-color)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";export{o as gux_card}
@@ -1 +1 @@
1
- import{r as t,c as s,f as e,d as i,h,H as o,g as l}from"./p-7d26b2e1.js";import{b as a}from"./p-deee079e.js";import{w as r}from"./p-76ff3e75.js";import{r as n}from"./p-cbcbd1bb.js";import{t as c}from"./p-7ec9a1e2.js";import{t as b}from"./p-e310debb.js";import"./p-8a133b9b.js";const u=class{constructor(i){t(this,i),this.guxselectionchanged=s(this,"guxselectionchanged",7),this.guxsortchanged=s(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>e(this))),this.tableId=n("gux-table"),this.columnsWidths={},this.tableWidth=this.getElementComputedWidth(this.slottedTable),this.isVerticalScroll=!1,this.isHorizontalScroll=!1,this.isScrolledToFirstCell=!0,this.isScrolledToLastCell=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1,this.emptyMessage=void 0,this.resizableColumns=void 0}async componentWillLoad(){c(this.root),this.i18n=await a(this.root,b)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSelectableRows(),this.checkHorizontalScroll(),this.checkVerticalScroll(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{i((()=>{this.checkHorizontalScroll(),this.checkVerticalScroll(),this.updateScrollState(),this.scaleColumnWidths()}))}))),this.resizeObserver&&(this.resizeObserver.observe(this.tableContainer),this.resizeObserver.observe(this.slottedTable)),this.slotObserver.observe(this.slottedTable,{subtree:!0,childList:!0})}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.tableContainer),this.resizeObserver.unobserve(this.slottedTable)),this.resizableColumns&&document.getElementById(`${this.tableId}-resizable-styles`).remove()}onScroll(){this.updateScrollState()}onInternalAllRowSelectChange(t){t.stopPropagation(),this.handleSelectAllRows()}onInternalRowSelectChange(t){t.stopPropagation(),this.handleRowSelection(t.target)}onMouseMove(t){this.resizableColumns&&this.updateResizeState(t)}onMouseDown(t){this.resizableColumns&&this.maybeStartResizing(t)}onMouseUp(){this.resizableColumns&&this.stopResizing()}get tableContainer(){return this.root.shadowRoot.querySelector(".gux-table-container")}get slottedTable(){return this.root.querySelector('table[slot="data"]')}get tableRows(){return Array.from(this.slottedTable.querySelectorAll("tbody tr"))}get tableColumns(){return Array.from(this.slottedTable.querySelectorAll("thead th"))}get rowCheckboxes(){return Array.from(this.slottedTable.querySelectorAll("tbody tr td gux-row-select"))}get selectAllCheckbox(){return this.slottedTable.querySelector("thead tr th gux-all-row-select")}async getSelected(){return this.getSelectedInternal()}getSelectedInternal(){return{selectedRowIds:Array.from(this.rowCheckboxes).filter((t=>t.selected)).map((t=>t.closest("tr").getAttribute("data-row-id")))}}prepareSelectableRows(){this.rowCheckboxes.forEach((t=>{this.updateRowSelection(t)})),this.updateSelectAllBoxState()}updateSelectAllBoxState(){const t=this.selectAllCheckbox;if(t){const s=this.rowCheckboxes,e=s.filter((t=>0==t.hasAttribute("disabled"))),i=e.filter((t=>t.selected)),h=Boolean(s.length),o=i.length===e.length,l=0===i.length;t.selected=h&&o,t.setIndeterminate(h&&!o&&!l)}}handleSelectAllRows(){const t=this.selectAllCheckbox;this.rowCheckboxes.forEach((s=>{s.hasAttribute("disabled")||(s.selected=t.selected,this.updateRowSelection(s))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const s=t.closest("tr");t.selected?s.setAttribute("data-selected-row",""):s.removeAttribute("data-selected-row")}nextColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect();let e=(t.find((t=>t.getBoundingClientRect().right>s.right))||t[t.length-1]).getBoundingClientRect().right-s.right;e>s.width&&(e=.9*s.width),this.tableContainer.scrollLeft+=Math.ceil(e),this.updateScrollState()}previousColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect(),e=(t.reverse().find((t=>t.getBoundingClientRect().left<s.left))||t[0]).getBoundingClientRect();let i=s.left-e.left;i>s.width&&(i=.9*s.width),this.tableContainer.scrollLeft+=-Math.ceil(i),this.updateScrollState()}updateScrollState(){const t=this.tableContainer.scrollLeft,s=this.tableContainer.scrollWidth-this.tableContainer.clientWidth;this.isScrolledToFirstCell=0===t,this.isScrolledToLastCell=s-t-this.tableScrollbarConstant<=0}checkHorizontalScroll(){const t=this.slottedTable.getBoundingClientRect().width,s=this.root.getBoundingClientRect().width;this.isHorizontalScroll=t>s}checkVerticalScroll(){const t=this.tableContainer;this.isVerticalScroll=t.scrollHeight>t.clientHeight}get tableScrollbarConstant(){const t=this.tableContainer;return t?t.offsetWidth-t.clientWidth:0}prepareResizableColumns(){const t=document.createElement("style");t.id=`${this.tableId}-resizable-styles`,document.querySelector("head").appendChild(t);const s=this.calculateColumnWidths(this.tableColumns);this.tableWidth=this.getElementComputedWidth(this.slottedTable),s.slice(0,-1).forEach((t=>this.columnsWidths[t.name]=t.width)),this.setResizableColumnsStyles()}scaleColumnWidths(){if(!this.columnResizeState&&this.resizableColumns&&!this.isHorizontalScroll){const t=this.calculateColumnWidths(this.tableColumns),s=this.tableWidth,e=this.getElementComputedWidth(this.slottedTable);t.map((t=>Object.assign(Object.assign({},t),{width:this.calcScaledColWidth(t.width,s,e)}))).slice(0,-1).forEach((t=>this.columnsWidths[t.name]=t.width)),this.tableWidth=e,this.setResizableColumnsStyles()}}calcScaledColWidth(t,s,e){const i=Math.round(t/s*e);return Math.max(i,1)}updateResizeState(t){if(this.columnResizeState){const s=this.columnResizeState.resizableColumn.dataset.columnName,e=Math.max(this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX),1),i=this.calculateColumnWidths(this.tableColumns).map((t=>t.name===s?Object.assign(Object.assign({},t),{width:e}):t));this.columnsWidths[s]=i.find((t=>t.name===s)).width,this.setResizableColumnsStyles(),this.tableWidth=this.getElementComputedWidth(this.slottedTable)}else this.columnResizeHover=!1,r("th",t,(s=>{this.tableColumns.length-1!==s.cellIndex&&this.isInResizeZone(t,s)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){r("th",t,(s=>{this.isInResizeZone(t,s)&&(this.columnResizeState={resizableColumn:s,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:this.getElementComputedWidth(s)})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,s){return s.getBoundingClientRect().right-t.clientX<3}getElementComputedWidth(t){return t.clientWidth-parseInt(window.getComputedStyle(t).paddingLeft)-parseInt(window.getComputedStyle(t).paddingRight)}calculateColumnWidths(t){return t.map((t=>({name:t.dataset.columnName,width:this.getElementComputedWidth(t)})))}setResizableColumnsStyles(){const t=document.getElementById(`${this.tableId}-resizable-styles`);let s="";Object.keys(this.columnsWidths).forEach((t=>{s+=`[gs-table-id=${this.tableId}] th[data-column-name="${t}"]{\n width:${String(this.columnsWidths[t])}px;\n min-width:${String(this.columnsWidths[t])}px;\n }`})),t.innerHTML=s}get isTableEmpty(){return!this.root.children[0]||this.tableRows.length<1}get tableContainerClasses(){return{"gux-table-container":!0,"gux-column-resizing":Boolean(this.columnResizeState),"gux-column-resizing-hover":this.columnResizeHover}}render(){return h(o,{"gs-table-id":this.tableId,"gs-v-scroll":this.isVerticalScroll,"gs-h-scroll":this.isHorizontalScroll,"gs-obj-table":this.objectTable,"gs-compact":this.compact},h("div",{class:"gux-table"},h("div",{tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},h("slot",{name:"data"})),this.isHorizontalScroll&&h("gux-button-slot-beta",{accent:"secondary"},h("button",{class:"gux-table-scroll-left",disabled:this.isScrolledToFirstCell,onClick:!this.isScrolledToFirstCell&&this.previousColumn.bind(this)},h("gux-icon",{"icon-name":"chevron-left","screenreader-text":this.i18n("scrollLeft")}))),this.isHorizontalScroll&&h("gux-button-slot-beta",{accent:"secondary",style:{marginRight:`${this.tableScrollbarConstant}px`}},h("button",{class:"gux-table-scroll-right",disabled:this.isScrolledToLastCell,style:{marginRight:`${this.tableScrollbarConstant}px`},onClick:!this.isScrolledToLastCell&&this.nextColumn.bind(this)},h("gux-icon",{"icon-name":"chevron-right","screenreader-text":this.i18n("scrollRight")}))),this.isTableEmpty&&h("div",{class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return l(this)}};u.style=":host{display:block;isolation:isolate}:host .gux-table{position:relative;height:inherit}:host .gux-table .gux-table-scroll-left,:host .gux-table .gux-table-scroll-right{position:absolute;top:0;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;min-width:0;height:40px;padding:0;color:#2e394c;cursor:pointer;border-radius:4px}:host .gux-table .gux-table-scroll-left gux-icon,:host .gux-table .gux-table-scroll-right gux-icon{width:8px;height:8px}:host .gux-table .gux-table-scroll-left{border-top-left-radius:0;border-bottom-left-radius:0}:host .gux-table .gux-table-scroll-right{right:0;border-top-right-radius:0;border-bottom-right-radius:0}:host .gux-table .gux-table-container{width:100%;max-height:100%;overflow-x:hidden;scrollbar-color:rgba(32, 41, 55, 0.24) #fdfdfd;scrollbar-width:thin}:host .gux-table .gux-table-container::-webkit-scrollbar{width:4px}:host .gux-table .gux-table-container::-webkit-scrollbar-track{background:#fdfdfd}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb{background:rgba(32, 41, 55, 0.24)}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb:hover{background:rgba(32, 41, 55, 0.48)}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;height:150px;color:#596373;background:#fdfdfd;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}";export{u as gux_table_beta}
1
+ import{r as t,c as s,f as e,d as i,h,H as o,g as l}from"./p-7d26b2e1.js";import{b as a}from"./p-deee079e.js";import{w as r}from"./p-76ff3e75.js";import{r as n}from"./p-cbcbd1bb.js";import{t as c}from"./p-af4a6b41.js";import{t as b}from"./p-e310debb.js";import"./p-8a133b9b.js";const u=class{constructor(i){t(this,i),this.guxselectionchanged=s(this,"guxselectionchanged",7),this.guxsortchanged=s(this,"guxsortchanged",7),this.slotObserver=new MutationObserver((()=>e(this))),this.tableId=n("gux-table"),this.columnsWidths={},this.tableWidth=this.getElementComputedWidth(this.slottedTable),this.isVerticalScroll=!1,this.isHorizontalScroll=!1,this.isScrolledToFirstCell=!0,this.isScrolledToLastCell=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1,this.emptyMessage=void 0,this.resizableColumns=void 0}async componentWillLoad(){c(this.root),this.i18n=await a(this.root,b)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSelectableRows(),this.checkHorizontalScroll(),this.checkVerticalScroll(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{i((()=>{this.checkHorizontalScroll(),this.checkVerticalScroll(),this.updateScrollState(),this.scaleColumnWidths()}))}))),this.resizeObserver&&(this.resizeObserver.observe(this.tableContainer),this.resizeObserver.observe(this.slottedTable)),this.slotObserver.observe(this.slottedTable,{subtree:!0,childList:!0})}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.unobserve(this.tableContainer),this.resizeObserver.unobserve(this.slottedTable)),this.resizableColumns&&document.getElementById(`${this.tableId}-resizable-styles`).remove()}onScroll(){this.updateScrollState()}onInternalAllRowSelectChange(t){t.stopPropagation(),this.handleSelectAllRows()}onInternalRowSelectChange(t){t.stopPropagation(),this.handleRowSelection(t.target)}onMouseMove(t){this.resizableColumns&&this.updateResizeState(t)}onMouseDown(t){this.resizableColumns&&this.maybeStartResizing(t)}onMouseUp(){this.resizableColumns&&this.stopResizing()}get tableContainer(){return this.root.shadowRoot.querySelector(".gux-table-container")}get slottedTable(){return this.root.querySelector('table[slot="data"]')}get tableRows(){return Array.from(this.slottedTable.querySelectorAll("tbody tr"))}get tableColumns(){return Array.from(this.slottedTable.querySelectorAll("thead th"))}get rowCheckboxes(){return Array.from(this.slottedTable.querySelectorAll("tbody tr td gux-row-select"))}get selectAllCheckbox(){return this.slottedTable.querySelector("thead tr th gux-all-row-select")}async getSelected(){return this.getSelectedInternal()}getSelectedInternal(){return{selectedRowIds:Array.from(this.rowCheckboxes).filter((t=>t.selected)).map((t=>t.closest("tr").getAttribute("data-row-id")))}}prepareSelectableRows(){this.rowCheckboxes.forEach((t=>{this.updateRowSelection(t)})),this.updateSelectAllBoxState()}updateSelectAllBoxState(){const t=this.selectAllCheckbox;if(t){const s=this.rowCheckboxes,e=s.filter((t=>0==t.hasAttribute("disabled"))),i=e.filter((t=>t.selected)),h=Boolean(s.length),o=i.length===e.length,l=0===i.length;t.selected=h&&o,t.setIndeterminate(h&&!o&&!l)}}handleSelectAllRows(){const t=this.selectAllCheckbox;this.rowCheckboxes.forEach((s=>{s.hasAttribute("disabled")||(s.selected=t.selected,this.updateRowSelection(s))})),this.emitSelectionEvent()}handleRowSelection(t){this.updateRowSelection(t),this.updateSelectAllBoxState(),this.emitSelectionEvent()}emitSelectionEvent(){this.guxselectionchanged.emit(this.getSelectedInternal())}updateRowSelection(t){const s=t.closest("tr");t.selected?s.setAttribute("data-selected-row",""):s.removeAttribute("data-selected-row")}nextColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect();let e=(t.find((t=>t.getBoundingClientRect().right>s.right))||t[t.length-1]).getBoundingClientRect().right-s.right;e>s.width&&(e=.9*s.width),this.tableContainer.scrollLeft+=Math.ceil(e),this.updateScrollState()}previousColumn(){const t=this.tableColumns,s=this.tableContainer.getBoundingClientRect(),e=(t.reverse().find((t=>t.getBoundingClientRect().left<s.left))||t[0]).getBoundingClientRect();let i=s.left-e.left;i>s.width&&(i=.9*s.width),this.tableContainer.scrollLeft+=-Math.ceil(i),this.updateScrollState()}updateScrollState(){const t=this.tableContainer.scrollLeft,s=this.tableContainer.scrollWidth-this.tableContainer.clientWidth;this.isScrolledToFirstCell=0===t,this.isScrolledToLastCell=s-t-this.tableScrollbarConstant<=0}checkHorizontalScroll(){const t=this.slottedTable.getBoundingClientRect().width,s=this.root.getBoundingClientRect().width;this.isHorizontalScroll=t>s}checkVerticalScroll(){const t=this.tableContainer;this.isVerticalScroll=t.scrollHeight>t.clientHeight}get tableScrollbarConstant(){const t=this.tableContainer;return t?t.offsetWidth-t.clientWidth:0}prepareResizableColumns(){const t=document.createElement("style");t.id=`${this.tableId}-resizable-styles`,document.querySelector("head").appendChild(t);const s=this.calculateColumnWidths(this.tableColumns);this.tableWidth=this.getElementComputedWidth(this.slottedTable),s.slice(0,-1).forEach((t=>this.columnsWidths[t.name]=t.width)),this.setResizableColumnsStyles()}scaleColumnWidths(){if(!this.columnResizeState&&this.resizableColumns&&!this.isHorizontalScroll){const t=this.calculateColumnWidths(this.tableColumns),s=this.tableWidth,e=this.getElementComputedWidth(this.slottedTable);t.map((t=>Object.assign(Object.assign({},t),{width:this.calcScaledColWidth(t.width,s,e)}))).slice(0,-1).forEach((t=>this.columnsWidths[t.name]=t.width)),this.tableWidth=e,this.setResizableColumnsStyles()}}calcScaledColWidth(t,s,e){const i=Math.round(t/s*e);return Math.max(i,1)}updateResizeState(t){if(this.columnResizeState){const s=this.columnResizeState.resizableColumn.dataset.columnName,e=Math.max(this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX),1),i=this.calculateColumnWidths(this.tableColumns).map((t=>t.name===s?Object.assign(Object.assign({},t),{width:e}):t));this.columnsWidths[s]=i.find((t=>t.name===s)).width,this.setResizableColumnsStyles(),this.tableWidth=this.getElementComputedWidth(this.slottedTable)}else this.columnResizeHover=!1,r("th",t,(s=>{this.tableColumns.length-1!==s.cellIndex&&this.isInResizeZone(t,s)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){r("th",t,(s=>{this.isInResizeZone(t,s)&&(this.columnResizeState={resizableColumn:s,columnResizeMouseStartX:t.pageX,resizableColumnInitialWidth:this.getElementComputedWidth(s)})}))}stopResizing(){this.columnResizeState&&(this.columnResizeState=null)}isInResizeZone(t,s){return s.getBoundingClientRect().right-t.clientX<3}getElementComputedWidth(t){return t.clientWidth-parseInt(window.getComputedStyle(t).paddingLeft)-parseInt(window.getComputedStyle(t).paddingRight)}calculateColumnWidths(t){return t.map((t=>({name:t.dataset.columnName,width:this.getElementComputedWidth(t)})))}setResizableColumnsStyles(){const t=document.getElementById(`${this.tableId}-resizable-styles`);let s="";Object.keys(this.columnsWidths).forEach((t=>{s+=`[gs-table-id=${this.tableId}] th[data-column-name="${t}"]{\n width:${String(this.columnsWidths[t])}px;\n min-width:${String(this.columnsWidths[t])}px;\n }`})),t.innerHTML=s}get isTableEmpty(){return!this.root.children[0]||this.tableRows.length<1}get tableContainerClasses(){return{"gux-table-container":!0,"gux-column-resizing":Boolean(this.columnResizeState),"gux-column-resizing-hover":this.columnResizeHover}}render(){return h(o,{"gs-table-id":this.tableId,"gs-v-scroll":this.isVerticalScroll,"gs-h-scroll":this.isHorizontalScroll,"gs-obj-table":this.objectTable,"gs-compact":this.compact},h("div",{class:"gux-table"},h("div",{tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},h("slot",{name:"data"})),this.isHorizontalScroll&&h("gux-button-slot-beta",{accent:"secondary"},h("button",{class:"gux-table-scroll-left",disabled:this.isScrolledToFirstCell,onClick:!this.isScrolledToFirstCell&&this.previousColumn.bind(this)},h("gux-icon",{"icon-name":"chevron-left","screenreader-text":this.i18n("scrollLeft")}))),this.isHorizontalScroll&&h("gux-button-slot-beta",{accent:"secondary",style:{marginRight:`${this.tableScrollbarConstant}px`}},h("button",{class:"gux-table-scroll-right",disabled:this.isScrolledToLastCell,style:{marginRight:`${this.tableScrollbarConstant}px`},onClick:!this.isScrolledToLastCell&&this.nextColumn.bind(this)},h("gux-icon",{"icon-name":"chevron-right","screenreader-text":this.i18n("scrollRight")}))),this.isTableEmpty&&h("div",{class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return l(this)}};u.style=":host{display:block;isolation:isolate}:host .gux-table{position:relative;height:inherit}:host .gux-table .gux-table-scroll-left,:host .gux-table .gux-table-scroll-right{position:absolute;top:0;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;min-width:0;height:40px;padding:0;color:#2e394c;cursor:pointer;border-radius:4px}:host .gux-table .gux-table-scroll-left gux-icon,:host .gux-table .gux-table-scroll-right gux-icon{width:8px;height:8px}:host .gux-table .gux-table-scroll-left{border-top-left-radius:0;border-bottom-left-radius:0}:host .gux-table .gux-table-scroll-right{right:0;border-top-right-radius:0;border-bottom-right-radius:0}:host .gux-table .gux-table-container{width:100%;max-height:100%;overflow-x:hidden;scrollbar-color:rgba(32, 41, 55, 0.24) #fdfdfd;scrollbar-width:thin}:host .gux-table .gux-table-container::-webkit-scrollbar{width:4px}:host .gux-table .gux-table-container::-webkit-scrollbar-track{background:#fdfdfd}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb{background:rgba(32, 41, 55, 0.24)}:host .gux-table .gux-table-container::-webkit-scrollbar-thumb:hover{background:rgba(32, 41, 55, 0.48)}:host .gux-table .gux-table-container.gux-column-resizing-hover,:host .gux-table .gux-table-container.gux-column-resizing{cursor:col-resize}:host .gux-empty-table{display:flex;align-items:center;justify-content:center;height:150px;color:#596373;background:#fdfdfd;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}";export{u as gux_table_beta}
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,H as h,g as a}from"./p-7d26b2e1.js";import{t as e}from"./p-7ec9a1e2.js";const c=class{constructor(i){t(this,i),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.activeTab=void 0,this.orientation="horizontal",this.alignment="left",this.tabList=void 0,this.tabPanels=[]}watchActiveTab(t){this.activateTab(t,this.tabList,this.tabPanels),this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,s]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=s.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,s,i){this.activeTab=t||i[0].tabId,s.guxSetActive(this.activeTab),i.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){e(this.root)}render(){return i(h,null,i("div",{class:`gux-tabs gux-${this.alignment} gux-${this.orientation}`},i("slot",{name:"tab-list"}),i("div",{class:`gux-${this.alignment} gux-${this.orientation}`},i("slot",{onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return a(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};c.style=".gux-tabs.gux-vertical{display:flex;height:100%}";export{c as gux_tabs}
1
+ import{r as t,c as s,h as i,H as h,g as a}from"./p-7d26b2e1.js";import{t as e}from"./p-af4a6b41.js";const o=class{constructor(i){t(this,i),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.activeTab=void 0,this.orientation="horizontal",this.alignment="left",this.tabList=void 0,this.tabPanels=[]}watchActiveTab(t){this.activateTab(t,this.tabList,this.tabPanels),this.guxactivetabchange.emit(t)}onInternalActivateTabPanel(t){t.stopPropagation(),this.activateTab(t.detail,this.tabList,this.tabPanels)}async guxActivate(t){this.activateTab(t,this.tabList,this.tabPanels)}onSlotchange(){const[t,s]=Array.from(this.root.shadowRoot.querySelectorAll("slot"));this.tabList=t.assignedElements()[0],this.tabPanels=s.assignedElements(),this.activateTab(this.activeTab,this.tabList,this.tabPanels)}activateTab(t,s,i){this.activeTab=t||i[0].tabId,s.guxSetActive(this.activeTab),i.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){e(this.root)}render(){return i(h,null,i("div",{class:`gux-tabs gux-${this.alignment} gux-${this.orientation}`},i("slot",{name:"tab-list"}),i("div",{class:`gux-${this.alignment} gux-${this.orientation}`},i("slot",{onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return a(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};o.style=".gux-tabs.gux-vertical{display:flex;height:100%}";export{o as gux_tabs}
@@ -1 +1 @@
1
- import{r as e,h as t,H as o,g as i}from"./p-7d26b2e1.js";import{c as l,o as s}from"./p-3f5341ea.js";import{O as r}from"./p-f34ce7dc.js";import{p as a}from"./p-c10e41a9.js";import{h as n}from"./p-08bc2e6b.js";import{G as d,a as p,g as c,v as g}from"./p-b3c9fd06.js";import{t as h}from"./p-7ec9a1e2.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-d176c2ae.js";const f=class{constructor(t){e(this,t),this.disabled=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=n(this.root,"error"),this.hasHelp=n(this.root,"help")}componentWillLoad(){this.setInput(),this.hasError=n(this.root,"error"),this.hasHelp=n(this.root,"help"),h(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return t(o,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},t("div",{class:"gux-form-field-container"},t("div",{class:"gux-input-label"},t("div",{class:"gux-input"},t("slot",{name:"input",onSlotchange:()=>this.setInput()})),t("div",{class:"gux-label"},t("slot",{name:"label"}),t(d,{show:this.hasError},t("slot",{name:"error"})),t(p,{show:!this.hasError&&this.hasHelp},t("slot",{name:"help"}))))))}setInput(){this.input=c(this.root,'input[type="checkbox"][slot="input"]'),a(this.input),this.disabled=l(this.input),this.disabledObserver=s(this.input,(e=>{this.disabled=e})),g(this.root,this.input)}get root(){return i(this)}};(function(e,t,o,i){var l,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(l=e[a])&&(r=(s<3?l(r):s>3?l(t,o,r):l(t,o))||r);s>3&&r&&Object.defineProperty(t,o,r)})([r({childList:!0,subtree:!0})],f.prototype,"onMutation",null),f.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block;color:#2e394c}:host(.gux-input-error) ::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3077 1.84615H3.69231C2.67271 1.84615 1.84615 2.67271 1.84615 3.69231V12.3077C1.84615 13.3273 2.67271 14.1538 3.69231 14.1538H12.3077C13.3273 14.1538 14.1538 13.3273 14.1538 12.3077V3.69231C14.1538 2.67271 13.3273 1.84615 12.3077 1.84615ZM3.69231 0C1.6531 0 0 1.6531 0 3.69231V12.3077C0 14.3469 1.6531 16 3.69231 16H12.3077C14.3469 16 16 14.3469 16 12.3077V3.69231C16 1.6531 14.3469 0 12.3077 0H3.69231Z' fill='%23ea0b0b'/%3E%3C/svg%3E\")}:host(.gux-disabled){cursor:not-allowed;opacity:0.5}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}.gux-input-label{display:flex;flex-direction:row}.gux-input-label .gux-label{display:flex;flex-direction:column}::slotted(input[type='checkbox']){display:inline-grid;width:16px;height:16px;margin:4px;text-align:center;vertical-align:middle;-webkit-appearance:none;appearance:none;cursor:pointer;border:0;outline:none}::slotted(input[type='checkbox'])::before{grid-area:1;content:'';border-radius:15%}::slotted(input[type='checkbox']:focus-visible)::before{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3077 1.84615H3.69231C2.67271 1.84615 1.84615 2.67271 1.84615 3.69231V12.3077C1.84615 13.3273 2.67271 14.1538 3.69231 14.1538H12.3077C13.3273 14.1538 14.1538 13.3273 14.1538 12.3077V3.69231C14.1538 2.67271 13.3273 1.84615 12.3077 1.84615ZM3.69231 0C1.6531 0 0 1.6531 0 3.69231V12.3077C0 14.3469 1.6531 16 3.69231 16H12.3077C14.3469 16 16 14.3469 16 12.3077V3.69231C16 1.6531 14.3469 0 12.3077 0H3.69231Z' fill='%2377828f'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:not(:checked):not(:disabled):not(:indeterminate):hover)::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3077 1.84615H3.69231C2.67271 1.84615 1.84615 2.67271 1.84615 3.69231V12.3077C1.84615 13.3273 2.67271 14.1538 3.69231 14.1538H12.3077C13.3273 14.1538 14.1538 13.3273 14.1538 12.3077V3.69231C14.1538 2.67271 13.3273 1.84615 12.3077 1.84615ZM3.69231 0C1.6531 0 0 1.6531 0 3.69231V12.3077C0 14.3469 1.6531 16 3.69231 16H12.3077C14.3469 16 16 14.3469 16 12.3077V3.69231C16 1.6531 14.3469 0 12.3077 0H3.69231Z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:checked)::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.69231 0H12.3077C13.287 0 14.2261 0.38901 14.9185 1.08145C15.611 1.77389 16 2.71305 16 3.69231V12.3077C16 13.287 15.611 14.2261 14.9185 14.9185C14.2261 15.611 13.287 16 12.3077 16H3.69231C2.71305 16 1.77389 15.611 1.08145 14.9185C0.38901 14.2261 0 13.287 0 12.3077V3.69231C0 2.71305 0.38901 1.77389 1.08145 1.08145C1.77389 0.38901 2.71305 0 3.69231 0ZM5.62483 11.5936C5.79089 11.7597 6.00122 11.8372 6.21155 11.8372C6.43295 11.8372 6.64329 11.7486 6.79827 11.5936L13.2854 5.10652C13.6064 4.78549 13.6064 4.25412 13.2854 3.93308C12.9643 3.61205 12.433 3.61205 12.1119 3.93308L6.21155 9.83348L3.87575 7.4866C3.55472 7.16557 3.02335 7.16557 2.70231 7.4866C2.38128 7.80764 2.38128 8.339 2.70231 8.66004L5.62483 11.5936Z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:indeterminate)::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.69231 1.84615H12.3077C13.3273 1.84615 14.1538 2.67271 14.1538 3.69231V12.3077C14.1538 13.3273 13.3273 14.1538 12.3077 14.1538H3.69231C2.67271 14.1538 1.84615 13.3273 1.84615 12.3077V3.69231C1.84615 2.67271 2.67271 1.84615 3.69231 1.84615ZM0 3.69231C0 1.6531 1.6531 0 3.69231 0H12.3077C14.3469 0 16 1.6531 16 3.69231V12.3077C16 14.3469 14.3469 16 12.3077 16H3.69231C1.6531 16 0 14.3469 0 12.3077V3.69231ZM4.00028 9.2308H12.0003C12.5049 9.2308 12.9234 8.81234 12.9234 8.30773C12.9234 7.80311 12.5049 7.38465 12.0003 7.38465H4.00028C3.49567 7.38465 3.07721 7.80311 3.07721 8.30773C3.07721 8.81234 3.49567 9.2308 4.00028 9.2308Z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:disabled)::before{cursor:not-allowed;opacity:0.5}::slotted(label){display:inline-block;font-size:12px;line-height:24px;vertical-align:middle}";export{f as gux_form_field_checkbox}
1
+ import{r as e,h as t,H as o,g as i}from"./p-7d26b2e1.js";import{c as l,o as s}from"./p-3f5341ea.js";import{O as r}from"./p-f34ce7dc.js";import{p as a}from"./p-c10e41a9.js";import{h as n}from"./p-08bc2e6b.js";import{G as d,a as p,g as c,v as g}from"./p-b3c9fd06.js";import{t as f}from"./p-af4a6b41.js";import"./p-cbcbd1bb.js";import"./p-d0805f56.js";import"./p-d176c2ae.js";const h=class{constructor(t){e(this,t),this.disabled=void 0,this.hasError=!1,this.hasHelp=!1}onMutation(){this.hasError=n(this.root,"error"),this.hasHelp=n(this.root,"help")}componentWillLoad(){this.setInput(),this.hasError=n(this.root,"error"),this.hasHelp=n(this.root,"help"),f(this.root)}disconnectedCallback(){this.disabledObserver&&this.disabledObserver.disconnect()}render(){return t(o,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},t("div",{class:"gux-form-field-container"},t("div",{class:"gux-input-label"},t("div",{class:"gux-input"},t("slot",{name:"input",onSlotchange:()=>this.setInput()})),t("div",{class:"gux-label"},t("slot",{name:"label"}),t(d,{show:this.hasError},t("slot",{name:"error"})),t(p,{show:!this.hasError&&this.hasHelp},t("slot",{name:"help"}))))))}setInput(){this.input=c(this.root,'input[type="checkbox"][slot="input"]'),a(this.input),this.disabled=l(this.input),this.disabledObserver=s(this.input,(e=>{this.disabled=e})),g(this.root,this.input)}get root(){return i(this)}};(function(e,t,o,i){var l,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(l=e[a])&&(r=(s<3?l(r):s>3?l(t,o,r):l(t,o))||r);s>3&&r&&Object.defineProperty(t,o,r)})([r({childList:!0,subtree:!0})],h.prototype,"onMutation",null),h.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;line-height:20px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:16px;min-height:16px;margin:2px 4px 0 0;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:12px;font-weight:400;line-height:20px;color:#6b7585}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block;color:#2e394c}:host(.gux-input-error) ::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3077 1.84615H3.69231C2.67271 1.84615 1.84615 2.67271 1.84615 3.69231V12.3077C1.84615 13.3273 2.67271 14.1538 3.69231 14.1538H12.3077C13.3273 14.1538 14.1538 13.3273 14.1538 12.3077V3.69231C14.1538 2.67271 13.3273 1.84615 12.3077 1.84615ZM3.69231 0C1.6531 0 0 1.6531 0 3.69231V12.3077C0 14.3469 1.6531 16 3.69231 16H12.3077C14.3469 16 16 14.3469 16 12.3077V3.69231C16 1.6531 14.3469 0 12.3077 0H3.69231Z' fill='%23ea0b0b'/%3E%3C/svg%3E\")}:host(.gux-disabled){cursor:not-allowed;opacity:0.5}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}.gux-input-label{display:flex;flex-direction:row}.gux-input-label .gux-label{display:flex;flex-direction:column}::slotted(input[type='checkbox']){display:inline-grid;width:16px;height:16px;margin:4px;text-align:center;vertical-align:middle;-webkit-appearance:none;appearance:none;cursor:pointer;border:0;outline:none}::slotted(input[type='checkbox'])::before{grid-area:1;content:'';border-radius:15%}::slotted(input[type='checkbox']:focus-visible)::before{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3077 1.84615H3.69231C2.67271 1.84615 1.84615 2.67271 1.84615 3.69231V12.3077C1.84615 13.3273 2.67271 14.1538 3.69231 14.1538H12.3077C13.3273 14.1538 14.1538 13.3273 14.1538 12.3077V3.69231C14.1538 2.67271 13.3273 1.84615 12.3077 1.84615ZM3.69231 0C1.6531 0 0 1.6531 0 3.69231V12.3077C0 14.3469 1.6531 16 3.69231 16H12.3077C14.3469 16 16 14.3469 16 12.3077V3.69231C16 1.6531 14.3469 0 12.3077 0H3.69231Z' fill='%2377828f'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:not(:checked):not(:disabled):not(:indeterminate):hover)::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3077 1.84615H3.69231C2.67271 1.84615 1.84615 2.67271 1.84615 3.69231V12.3077C1.84615 13.3273 2.67271 14.1538 3.69231 14.1538H12.3077C13.3273 14.1538 14.1538 13.3273 14.1538 12.3077V3.69231C14.1538 2.67271 13.3273 1.84615 12.3077 1.84615ZM3.69231 0C1.6531 0 0 1.6531 0 3.69231V12.3077C0 14.3469 1.6531 16 3.69231 16H12.3077C14.3469 16 16 14.3469 16 12.3077V3.69231C16 1.6531 14.3469 0 12.3077 0H3.69231Z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:checked)::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.69231 0H12.3077C13.287 0 14.2261 0.38901 14.9185 1.08145C15.611 1.77389 16 2.71305 16 3.69231V12.3077C16 13.287 15.611 14.2261 14.9185 14.9185C14.2261 15.611 13.287 16 12.3077 16H3.69231C2.71305 16 1.77389 15.611 1.08145 14.9185C0.38901 14.2261 0 13.287 0 12.3077V3.69231C0 2.71305 0.38901 1.77389 1.08145 1.08145C1.77389 0.38901 2.71305 0 3.69231 0ZM5.62483 11.5936C5.79089 11.7597 6.00122 11.8372 6.21155 11.8372C6.43295 11.8372 6.64329 11.7486 6.79827 11.5936L13.2854 5.10652C13.6064 4.78549 13.6064 4.25412 13.2854 3.93308C12.9643 3.61205 12.433 3.61205 12.1119 3.93308L6.21155 9.83348L3.87575 7.4866C3.55472 7.16557 3.02335 7.16557 2.70231 7.4866C2.38128 7.80764 2.38128 8.339 2.70231 8.66004L5.62483 11.5936Z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:indeterminate)::before{background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.69231 1.84615H12.3077C13.3273 1.84615 14.1538 2.67271 14.1538 3.69231V12.3077C14.1538 13.3273 13.3273 14.1538 12.3077 14.1538H3.69231C2.67271 14.1538 1.84615 13.3273 1.84615 12.3077V3.69231C1.84615 2.67271 2.67271 1.84615 3.69231 1.84615ZM0 3.69231C0 1.6531 1.6531 0 3.69231 0H12.3077C14.3469 0 16 1.6531 16 3.69231V12.3077C16 14.3469 14.3469 16 12.3077 16H3.69231C1.6531 16 0 14.3469 0 12.3077V3.69231ZM4.00028 9.2308H12.0003C12.5049 9.2308 12.9234 8.81234 12.9234 8.30773C12.9234 7.80311 12.5049 7.38465 12.0003 7.38465H4.00028C3.49567 7.38465 3.07721 7.80311 3.07721 8.30773C3.07721 8.81234 3.49567 9.2308 4.00028 9.2308Z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:disabled)::before{cursor:not-allowed;opacity:0.5}::slotted(label){display:inline-block;font-size:12px;line-height:24px;vertical-align:middle}";export{h as gux_form_field_checkbox}
@@ -1 +1 @@
1
- import{r as e,c as t,f as o,h as n,g as s}from"./p-7d26b2e1.js";import{b as r}from"./p-deee079e.js";import{t as a}from"./p-7ec9a1e2.js";import{g as i,s as c,a as h,b as l,c as d,d as u,e as m,f as p,h as g}from"./p-62913396.js";import"./p-8a133b9b.js";import"./p-9dd4b14a.js";import"./p-d176c2ae.js";const x={search:"Search column",selectedColumnCount:"{count}/{total} Columns Selected",selectAllColumnsScreenReader:"{count} of {total} columns selected: check checkbox to select all {total} columns",unselectAllColumnsScreenReader:"{count} of {total} columns selected: uncheck checkbox to unselect all {total} columns",movePositionPrompt:"Press space or enter to move the {columnName} column to position {newPositionNumber} from position {oldPositionNumber}.",reorderingModeActive:"Reordering mode active. Reposition the {columnName} column using the up arrow key, the down arrow key, the home key and the end key. Press Escape to deactivate reordering mode."},b=class{constructor(o){e(this,o),this.guxorderchange=t(this,"guxorderchange",7),this.highlightResults={matchCount:0,currentMatch:0},this.keyboardOrderChange=i()}watchKeyboardOrderChange(){c(this.root,this.keyboardOrderChange)}async componentWillLoad(){a(this.root),this.i18n=await r(this.root,x)}componentDidLoad(){h(this.root,this.mainCheckboxElement)}handleInternalorderchange(e){e.stopPropagation(),this.emitOrderChange(e.detail)}emitOrderChange(e){const{oldIndex:t,newIndex:o}=e;if(t!==o){const t=l(this.root,e);this.guxorderchange.emit(t)}}handleInternalkeyboardorderstart(e){e.stopPropagation();const t=e.detail,o=d(e.target);this.keyboardOrderChange={oldIndex:o,newIndex:o},this.announceElement.guxAnnounce(this.i18n("reorderingModeActive",{columnName:t}))}handleInternalkeyboardreordermove(e){e.stopPropagation();const{delta:t,column:o}=e.detail;this.keyboardOrderChange=u(this.root,this.keyboardOrderChange,t),this.announceElement.guxAnnounce(this.i18n("movePositionPrompt",{columnName:o,newPositionNumber:this.keyboardOrderChange.newIndex+1,oldPositionNumber:this.keyboardOrderChange.oldIndex+1}))}handleInternalkeyboarddoreorder(e){e.stopPropagation(),this.emitOrderChange(this.keyboardOrderChange),e.target.guxFocus()}handleInternalkeyboardorderfinish(e){e.stopPropagation(),this.keyboardOrderChange=i()}onSearchInput(){this.highlightResults=m(this.root,this.searchElement)}onGuxCurrentMatchChanged(e){this.highlightResults=m(this.root,this.searchElement,e.detail)}onMainCheckboxChange(){p(this.root,this.mainCheckboxElement.checked),o(this.root)}onListChange(){h(this.root,this.mainCheckboxElement),o(this.root)}onSlotChange(){this.onListChange()}renderSelectedColumnCount(){const{count:e,total:t}=g(this.root);return n("div",null,n("span",{"aria-hidden":"true"},this.i18n("selectedColumnCount",{count:e,total:t})),n("span",{class:"gux-sr-only"},n("span",null,": ",this.i18n(e===t?"unselectAllColumnsScreenReader":"selectAllColumnsScreenReader",{count:e,total:t}))))}render(){return n("div",{class:"gux-container"},n("div",{class:"gux-search"},n("gux-content-search",{"match-count":this.highlightResults.matchCount,"current-match":this.highlightResults.currentMatch,onGuxcurrentmatchchanged:e=>this.onGuxCurrentMatchChanged(e)},n("input",{type:"text",placeholder:this.i18n("search"),onInput:()=>this.onSearchInput(),ref:e=>this.searchElement=e}))),n("div",{class:"gux-select"},n("gux-form-field-checkbox",null,n("input",{slot:"input",type:"checkbox",ref:e=>this.mainCheckboxElement=e,onChange:()=>this.onMainCheckboxChange()}),n("label",{slot:"label"},this.renderSelectedColumnCount()))),n("div",{class:"gux-list",onChange:()=>this.onListChange()},n("slot",{onSlotchange:()=>this.onSlotChange()})),n("gux-announce-beta",{ref:e=>this.announceElement=e}))}get root(){return s(this)}static get watchers(){return{keyboardOrderChange:["watchKeyboardOrderChange"]}}};b.style=".gux-container{width:320px;min-width:320px}.gux-container .gux-search gux-content-search{width:100%}.gux-container .gux-select{padding:8px 0 8px 16px;margin:4px 0;color:#596373;background-color:#f6f7f9;border-radius:4px}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";export{b as gux_column_manager_beta}
1
+ import{r as e,c as t,f as o,h as n,g as s}from"./p-7d26b2e1.js";import{b as r}from"./p-deee079e.js";import{t as a}from"./p-af4a6b41.js";import{g as i,s as h,a as c,b as l,c as d,d as u,e as m,f as p,h as g}from"./p-62913396.js";import"./p-8a133b9b.js";import"./p-9dd4b14a.js";import"./p-d176c2ae.js";const x={search:"Search column",selectedColumnCount:"{count}/{total} Columns Selected",selectAllColumnsScreenReader:"{count} of {total} columns selected: check checkbox to select all {total} columns",unselectAllColumnsScreenReader:"{count} of {total} columns selected: uncheck checkbox to unselect all {total} columns",movePositionPrompt:"Press space or enter to move the {columnName} column to position {newPositionNumber} from position {oldPositionNumber}.",reorderingModeActive:"Reordering mode active. Reposition the {columnName} column using the up arrow key, the down arrow key, the home key and the end key. Press Escape to deactivate reordering mode."},b=class{constructor(o){e(this,o),this.guxorderchange=t(this,"guxorderchange",7),this.highlightResults={matchCount:0,currentMatch:0},this.keyboardOrderChange=i()}watchKeyboardOrderChange(){h(this.root,this.keyboardOrderChange)}async componentWillLoad(){a(this.root),this.i18n=await r(this.root,x)}componentDidLoad(){c(this.root,this.mainCheckboxElement)}handleInternalorderchange(e){e.stopPropagation(),this.emitOrderChange(e.detail)}emitOrderChange(e){const{oldIndex:t,newIndex:o}=e;if(t!==o){const t=l(this.root,e);this.guxorderchange.emit(t)}}handleInternalkeyboardorderstart(e){e.stopPropagation();const t=e.detail,o=d(e.target);this.keyboardOrderChange={oldIndex:o,newIndex:o},this.announceElement.guxAnnounce(this.i18n("reorderingModeActive",{columnName:t}))}handleInternalkeyboardreordermove(e){e.stopPropagation();const{delta:t,column:o}=e.detail;this.keyboardOrderChange=u(this.root,this.keyboardOrderChange,t),this.announceElement.guxAnnounce(this.i18n("movePositionPrompt",{columnName:o,newPositionNumber:this.keyboardOrderChange.newIndex+1,oldPositionNumber:this.keyboardOrderChange.oldIndex+1}))}handleInternalkeyboarddoreorder(e){e.stopPropagation(),this.emitOrderChange(this.keyboardOrderChange),e.target.guxFocus()}handleInternalkeyboardorderfinish(e){e.stopPropagation(),this.keyboardOrderChange=i()}onSearchInput(){this.highlightResults=m(this.root,this.searchElement)}onGuxCurrentMatchChanged(e){this.highlightResults=m(this.root,this.searchElement,e.detail)}onMainCheckboxChange(){p(this.root,this.mainCheckboxElement.checked),o(this.root)}onListChange(){c(this.root,this.mainCheckboxElement),o(this.root)}onSlotChange(){this.onListChange()}renderSelectedColumnCount(){const{count:e,total:t}=g(this.root);return n("div",null,n("span",{"aria-hidden":"true"},this.i18n("selectedColumnCount",{count:e,total:t})),n("span",{class:"gux-sr-only"},n("span",null,": ",this.i18n(e===t?"unselectAllColumnsScreenReader":"selectAllColumnsScreenReader",{count:e,total:t}))))}render(){return n("div",{class:"gux-container"},n("div",{class:"gux-search"},n("gux-content-search",{"match-count":this.highlightResults.matchCount,"current-match":this.highlightResults.currentMatch,onGuxcurrentmatchchanged:e=>this.onGuxCurrentMatchChanged(e)},n("input",{type:"text",placeholder:this.i18n("search"),onInput:()=>this.onSearchInput(),ref:e=>this.searchElement=e}))),n("div",{class:"gux-select"},n("gux-form-field-checkbox",null,n("input",{slot:"input",type:"checkbox",ref:e=>this.mainCheckboxElement=e,onChange:()=>this.onMainCheckboxChange()}),n("label",{slot:"label"},this.renderSelectedColumnCount()))),n("div",{class:"gux-list",onChange:()=>this.onListChange()},n("slot",{onSlotchange:()=>this.onSlotChange()})),n("gux-announce-beta",{ref:e=>this.announceElement=e}))}get root(){return s(this)}static get watchers(){return{keyboardOrderChange:["watchKeyboardOrderChange"]}}};b.style=".gux-container{width:320px;min-width:320px}.gux-container .gux-search gux-content-search{width:100%}.gux-container .gux-select{padding:8px 0 8px 16px;margin:4px 0;color:#596373;background-color:#f6f7f9;border-radius:4px}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";export{b as gux_column_manager_beta}
@@ -1 +1 @@
1
- import{r as t,c as e,h as n,g as a}from"./p-7d26b2e1.js";import{a as s}from"./p-091f51f6.js";import{a as i,c as r,b as o,f as d}from"./p-4f26144b.js";import{t as h}from"./p-7ec9a1e2.js";import{g as l,a as c}from"./p-deee079e.js";import{c as u}from"./p-251befef.js";import"./p-8a133b9b.js";function g(t,e){x(t,"remove",e)}function x(t=[],e,n){const a=[].concat(t);for(const t of a)t.classList[e](n)}function b(t,e){return u(t.toLocaleDateString(e,{year:"numeric",month:"long"}))}const f=class{constructor(n){t(this,n),this.calendarSelect=e(this,"calendarSelect",7),this.locale="en",this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.previewValue=new Date,this.selectingDate=null}emitCalendarSelect(){this.calendarSelect.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),s((()=>{this.focusPreviewDate()}))}async setValueAndEmit(t){await this.setValue(t),this.emitCalendarSelect()}outOfBounds(t){return""!==this.maxDate&&d(this.maxDate)<t||""!==this.minDate&&d(this.minDate)>t}generateDatesFrom(t,e,n){const a=[],s=new Date(e.getFullYear(),e.getMonth(),e.getDate(),0,0,0,0);for(let e=0;e<n;e++){const e=new Date(s.getFullYear(),s.getMonth(),s.getDate(),0,0,0,0),n=[];let i=!1,o=!1;e.getMonth()!==t&&(n.push("gux-not-in-month"),i=!0,"range"===this.mode&&(n.push("gux-hidden"),o=!0)),this.outOfBounds(e)&&(n.push("gux-disabled"),i=!0);let h=!1;if("range"===this.mode){const[t,a]=r(this.value),s=t.getTime(),i=a.getTime();e.getTime()===s?(h=!0,n.push("gux-selected"),n.push("gux-start-date")):e.getTime()===i&&(h=!0,n.push("gux-selected"),n.push("gux-end-date"))}else{const t=d(this.value).getTime();e.getTime()===t&&(h=!0,n.push("gux-selected"))}a.push({class:n.join(" "),date:e,hidden:o,disabled:i,selected:h}),s.setDate(s.getDate()+1)}return a}create2DArray(t,e){const n=[];for(let a=0;a<e-1;a++){const s=t.slice(a*e,a*e+e);this.weekShouldBeDisplayed(s)&&n.push(s)}return n}isFocusableDate(t){return t.selected||this.previewValue.getTime()===t.date.getTime()}weekShouldBeDisplayed(t){const e=t.find((t=>!t.hidden));return t.length&&!!e}getMonthDays(t){const e=new Date(this.previewValue.getTime());e.setDate(1),e.setMonth(e.getMonth()+t);const n=e.getMonth(),a=function(t,e,n){const a=new Date(e,t,1,1,0,0,0),s=-1*(n-a.getDay()-7)%7;return new Date(a.getTime()-864e5*s)}(n,e.getFullYear(),this.startDayOfWeek),s=this.generateDatesFrom(n,a,42);return this.create2DArray(s,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 a;a=e<t?this.getRangeDates(e,t):this.getRangeDates(t,e);for(const t of a){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 a=t;for(;a<=e;)n.push(new Date(a)),a=this.addDays(a,1);return n}async onDateClick(t){if(!this.outOfBounds(t))if("range"!==this.mode)await this.setValueAndEmit(t);else if(null===this.selectingDate)g(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){g(this.getAllDatesElements(),"gux-hovered");const[t,e]=r(this.value);x(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),s((()=>{this.focusPreviewDate()}));break;case"ArrowUp":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowRight":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"PageUp":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}componentWillLoad(){if(h(this.root,{variant:this.mode}),this.locale=l(this.root),this.startDayOfWeek=this.startDayOfWeek||c(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=d(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return n("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((t=>{const e=function(t,e){const n=new Date(t);return n.setDate(1),n.setMonth(n.getMonth()+e),n}(this.previewValue,t);return n("label",null,b(e,this.locale))})))}renderCalendarTable(t){return n("table",null,n("tr",null,function(t,e){const n=[],a=new Date(1970,0,4);for(let e=0;e<7;e++){const e=a.toLocaleString(t,{weekday:"narrow"});n.push(e),a.setDate(a.getDate()+1)}return(s=n).concat(s.splice(0,(i=e)>s.length?i%s.length:i));var s,i}(this.locale,this.startDayOfWeek).map((t=>n("th",null,t)))),this.getMonthDays(t).map((t=>n("tr",null,t.map((t=>n("td",{tabindex:this.isFocusableDate(t)?"0":"-1",class:t.class,"aria-hidden":t.hidden?"true":"false","aria-disabled":t.disabled?"true":"false","data-date":t.date.getTime(),onClick:()=>{this.onDateClick(t.date)},onMouseEnter:()=>this.onDateMouseEnter(t.date),onKeyDown:t=>{this.onKeyDown(t)}},t.date.getDate(),n("span",{class:"gux-sr-only"},b(t.date,this.locale)))))))))}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 a(this)}};f.style=":host{display:inline-block}.gux-calendar{margin-top:2px;border:1px solid #b4bccb;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-visible{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;align-items:flex-start;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:rgba(46, 57, 76, 0.5);pointer-events:none}.gux-calendar .gux-content table tr td.gux-not-in-month{color:rgba(107, 117, 133, 0.5)}.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{f as gux_calendar}
1
+ import{r as t,c as e,h as n,g as a}from"./p-7d26b2e1.js";import{a as s}from"./p-091f51f6.js";import{a as i,c as r,b as o,f as d}from"./p-4f26144b.js";import{t as h}from"./p-af4a6b41.js";import{g as l,a as c}from"./p-deee079e.js";import{c as u}from"./p-251befef.js";import"./p-8a133b9b.js";function g(t,e){x(t,"remove",e)}function x(t=[],e,n){const a=[].concat(t);for(const t of a)t.classList[e](n)}function b(t,e){return u(t.toLocaleDateString(e,{year:"numeric",month:"long"}))}const f=class{constructor(n){t(this,n),this.calendarSelect=e(this,"calendarSelect",7),this.locale="en",this.value="",this.minDate="",this.maxDate="",this.mode="single",this.numberOfMonths=1,this.startDayOfWeek=void 0,this.previewValue=new Date,this.selectingDate=null}emitCalendarSelect(){this.calendarSelect.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),s((()=>{this.focusPreviewDate()}))}async setValueAndEmit(t){await this.setValue(t),this.emitCalendarSelect()}outOfBounds(t){return""!==this.maxDate&&d(this.maxDate)<t||""!==this.minDate&&d(this.minDate)>t}generateDatesFrom(t,e,n){const a=[],s=new Date(e.getFullYear(),e.getMonth(),e.getDate(),0,0,0,0);for(let e=0;e<n;e++){const e=new Date(s.getFullYear(),s.getMonth(),s.getDate(),0,0,0,0),n=[];let i=!1,o=!1;e.getMonth()!==t&&(n.push("gux-not-in-month"),i=!0,"range"===this.mode&&(n.push("gux-hidden"),o=!0)),this.outOfBounds(e)&&(n.push("gux-disabled"),i=!0);let h=!1;if("range"===this.mode){const[t,a]=r(this.value),s=t.getTime(),i=a.getTime();e.getTime()===s?(h=!0,n.push("gux-selected"),n.push("gux-start-date")):e.getTime()===i&&(h=!0,n.push("gux-selected"),n.push("gux-end-date"))}else{const t=d(this.value).getTime();e.getTime()===t&&(h=!0,n.push("gux-selected"))}a.push({class:n.join(" "),date:e,hidden:o,disabled:i,selected:h}),s.setDate(s.getDate()+1)}return a}create2DArray(t,e){const n=[];for(let a=0;a<e-1;a++){const s=t.slice(a*e,a*e+e);this.weekShouldBeDisplayed(s)&&n.push(s)}return n}isFocusableDate(t){return t.selected||this.previewValue.getTime()===t.date.getTime()}weekShouldBeDisplayed(t){const e=t.find((t=>!t.hidden));return t.length&&!!e}getMonthDays(t){const e=new Date(this.previewValue.getTime());e.setDate(1),e.setMonth(e.getMonth()+t);const n=e.getMonth(),a=function(t,e,n){const a=new Date(e,t,1,1,0,0,0),s=-1*(n-a.getDay()-7)%7;return new Date(a.getTime()-864e5*s)}(n,e.getFullYear(),this.startDayOfWeek),s=this.generateDatesFrom(n,a,42);return this.create2DArray(s,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 a;a=e<t?this.getRangeDates(e,t):this.getRangeDates(t,e);for(const t of a){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 a=t;for(;a<=e;)n.push(new Date(a)),a=this.addDays(a,1);return n}async onDateClick(t){if(!this.outOfBounds(t))if("range"!==this.mode)await this.setValueAndEmit(t);else if(null===this.selectingDate)g(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){g(this.getAllDatesElements(),"gux-hovered");const[t,e]=r(this.value);x(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),s((()=>{this.focusPreviewDate()}));break;case"ArrowUp":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-7)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowLeft":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()-1)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"ArrowRight":t.preventDefault(),this.previewValue=new Date(this.previewValue.setDate(this.previewValue.getDate()+1)),this.onDateMouseEnter(this.previewValue),s((()=>{this.focusPreviewDate()}));break;case"PageUp":this.incrementPreviewDateByMonth(1),this.onDateMouseEnter(this.previewValue);break;case"PageDown":this.incrementPreviewDateByMonth(-1),this.onDateMouseEnter(this.previewValue)}}componentWillLoad(){if(h(this.root,{variant:this.mode}),this.locale=l(this.root),this.startDayOfWeek=this.startDayOfWeek||c(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=d(this.value)}componentDidRender(){this.updateRangeElements()}renderMonthHeader(){return n("div",{class:"gux-month-list"},Array.from(Array(this.numberOfMonths).keys()).map((t=>{const e=function(t,e){const n=new Date(t);return n.setDate(1),n.setMonth(n.getMonth()+e),n}(this.previewValue,t);return n("label",null,b(e,this.locale))})))}renderCalendarTable(t){return n("table",null,n("tr",null,function(t,e){const n=[],a=new Date(1970,0,4);for(let e=0;e<7;e++){const e=a.toLocaleString(t,{weekday:"narrow"});n.push(e),a.setDate(a.getDate()+1)}return(s=n).concat(s.splice(0,(i=e)>s.length?i%s.length:i));var s,i}(this.locale,this.startDayOfWeek).map((t=>n("th",null,t)))),this.getMonthDays(t).map((t=>n("tr",null,t.map((t=>n("td",{tabindex:this.isFocusableDate(t)?"0":"-1",class:t.class,"aria-hidden":t.hidden?"true":"false","aria-disabled":t.disabled?"true":"false","data-date":t.date.getTime(),onClick:()=>{this.onDateClick(t.date)},onMouseEnter:()=>this.onDateMouseEnter(t.date),onKeyDown:t=>{this.onKeyDown(t)}},t.date.getDate(),n("span",{class:"gux-sr-only"},b(t.date,this.locale)))))))))}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 a(this)}};f.style=":host{display:inline-block}.gux-calendar{margin-top:2px;border:1px solid #b4bccb;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-visible{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;align-items:flex-start;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:rgba(46, 57, 76, 0.5);pointer-events:none}.gux-calendar .gux-content table tr td.gux-not-in-month{color:rgba(107, 117, 133, 0.5)}.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{f as gux_calendar}
@@ -1 +1 @@
1
- import{r as t,h as s,H as e,g as o}from"./p-7d26b2e1.js";import{t as i}from"./p-7ec9a1e2.js";import{O as n}from"./p-9d18d475.js";import{b as a}from"./p-deee079e.js";import{b as r}from"./p-091f51f6.js";import"./p-8a133b9b.js";const u={additionalActions:"Additional Actions"};const c=class{constructor(s){t(this,s),this.showMenu=void 0,this.expanded=!1}handleKeyDown(t){const s=t.composedPath();switch(t.key){case"Escape":this.expanded=!1,s.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.expanded=!1;break;case"ArrowDown":case"Enter":s.includes(this.dropdownButton)&&(t.preventDefault(),this.expanded=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.expanded=!0,this.focusFirstItemInPopupList())}toggle(){this.expanded=!this.expanded,this.expanded&&this.focusPopupList()}onClickOutside(){this.expanded=!1}focusPopupList(){r((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){r((()=>{this.listElement.guxFocusFirstItem()}))}async componentWillLoad(){this.i18n=await a(this.root,u),i(this.root)}render(){return s(e,{class:{"gux-show-menu":this.showMenu}},s("gux-popup",{expanded:this.expanded},s("div",{slot:"target",class:"gux-toolbar-menu-container"},s("gux-button-slot-beta",{class:"gux-menu-button"},s("button",{type:"button",ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.expanded.toString()},s("gux-icon",{"screenreader-text":this.i18n("additionalActions"),"icon-name":"menu-kebab-horizontal"})))),s("div",{class:"gux-list-container",slot:"popup"},s("gux-list",{ref:t=>this.listElement=t},s("slot",null)))))}static get delegatesFocus(){return!0}get root(){return o(this)}};(function(t,s,e,o){var i,n=arguments.length,a=n<3?s:null===o?o=Object.getOwnPropertyDescriptor(s,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,s,e,o);else for(var r=t.length-1;r>=0;r--)(i=t[r])&&(a=(n<3?i(a):n>3?i(s,e,a):i(s,e))||a);n>3&&a&&Object.defineProperty(s,e,a)})([n({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:none;-webkit-user-select:none;user-select:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}:host(.gux-show-menu){display:block}>*{vertical-align:middle}.gux-menu-button button{color:#2e394c;cursor:grab;background-color:#e2e6ee;border:none}.gux-menu-button button gux-icon{width:16px;height:16px}.gux-list-container{width:min-content;padding:8px 0;margin:0;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{c as gux_table_toolbar_menu_button}
1
+ import{r as t,h as s,H as o,g as e}from"./p-7d26b2e1.js";import{t as i}from"./p-af4a6b41.js";import{O as n}from"./p-9d18d475.js";import{b as a}from"./p-deee079e.js";import{b as r}from"./p-091f51f6.js";import"./p-8a133b9b.js";const u={additionalActions:"Additional Actions"};const c=class{constructor(s){t(this,s),this.showMenu=void 0,this.expanded=!1}handleKeyDown(t){const s=t.composedPath();switch(t.key){case"Escape":this.expanded=!1,s.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.expanded=!1;break;case"ArrowDown":case"Enter":s.includes(this.dropdownButton)&&(t.preventDefault(),this.expanded=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){if(" "===t.key)t.composedPath().includes(this.dropdownButton)&&(this.expanded=!0,this.focusFirstItemInPopupList())}toggle(){this.expanded=!this.expanded,this.expanded&&this.focusPopupList()}onClickOutside(){this.expanded=!1}focusPopupList(){r((()=>{this.listElement.focus()}))}focusFirstItemInPopupList(){r((()=>{this.listElement.guxFocusFirstItem()}))}async componentWillLoad(){this.i18n=await a(this.root,u),i(this.root)}render(){return s(o,{class:{"gux-show-menu":this.showMenu}},s("gux-popup",{expanded:this.expanded},s("div",{slot:"target",class:"gux-toolbar-menu-container"},s("gux-button-slot-beta",{class:"gux-menu-button"},s("button",{type:"button",ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.expanded.toString()},s("gux-icon",{"screenreader-text":this.i18n("additionalActions"),"icon-name":"menu-kebab-horizontal"})))),s("div",{class:"gux-list-container",slot:"popup"},s("gux-list",{ref:t=>this.listElement=t},s("slot",null)))))}static get delegatesFocus(){return!0}get root(){return e(this)}};(function(t,s,o,e){var i,n=arguments.length,a=n<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,o):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,s,o,e);else for(var r=t.length-1;r>=0;r--)(i=t[r])&&(a=(n<3?i(a):n>3?i(s,o,a):i(s,o))||a);n>3&&a&&Object.defineProperty(s,o,a)})([n({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:none;-webkit-user-select:none;user-select:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}:host(.gux-show-menu){display:block}>*{vertical-align:middle}.gux-menu-button button{color:#2e394c;cursor:grab;background-color:#e2e6ee;border:none}.gux-menu-button button gux-icon{width:16px;height:16px}.gux-list-container{width:min-content;padding:8px 0;margin:0;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{c as gux_table_toolbar_menu_button}