genesys-spark-components 3.7.0 → 3.7.1

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 (234) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/gux-accordion-legacy.cjs.entry.js +1 -1
  3. package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
  4. package/dist/cjs/gux-action-button-legacy.cjs.entry.js +1 -1
  5. package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
  6. package/dist/cjs/gux-action-list-legacy.cjs.entry.js +1 -1
  7. package/dist/cjs/gux-action-toast.cjs.entry.js +1 -1
  8. package/dist/cjs/gux-advanced-dropdown.cjs.entry.js +1 -1
  9. package/dist/cjs/gux-badge-beta.cjs.entry.js +1 -1
  10. package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
  11. package/dist/cjs/gux-button-multi-legacy.cjs.entry.js +1 -1
  12. package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
  13. package/dist/cjs/gux-button-slot-beta.cjs.entry.js +1 -1
  14. package/dist/cjs/gux-button.cjs.entry.js +1 -1
  15. package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
  16. package/dist/cjs/gux-card-beta.cjs.entry.js +1 -1
  17. package/dist/cjs/gux-chart-column-beta.cjs.entry.js +1 -1
  18. package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +1 -1
  19. package/dist/cjs/gux-chart-line-beta.cjs.entry.js +1 -1
  20. package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +1 -1
  21. package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +1 -1
  22. package/dist/cjs/gux-command-palette-legacy.cjs.entry.js +1 -1
  23. package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
  24. package/dist/cjs/gux-copy-to-clipboard-beta.cjs.entry.js +1 -1
  25. package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
  26. package/dist/cjs/gux-disclosure-button.cjs.entry.js +1 -1
  27. package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
  28. package/dist/cjs/gux-dropdown-legacy.cjs.entry.js +1 -1
  29. package/dist/cjs/gux-dropdown-multi-beta.cjs.entry.js +1 -1
  30. package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
  31. package/dist/cjs/gux-error-message-beta.cjs.entry.js +1 -1
  32. package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +1 -1
  33. package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
  34. package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
  35. package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +1 -1
  36. package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
  37. package/dist/cjs/gux-form-field-legacy.cjs.entry.js +1 -1
  38. package/dist/cjs/gux-form-field-number.cjs.entry.js +1 -1
  39. package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
  40. package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
  41. package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
  42. package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
  43. package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
  44. package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
  45. package/dist/cjs/gux-icon.cjs.entry.js +1 -1
  46. package/dist/cjs/gux-list-item-legacy_2.cjs.entry.js +1 -1
  47. package/dist/cjs/gux-list.cjs.entry.js +1 -1
  48. package/dist/cjs/gux-listbox-multi.cjs.entry.js +1 -1
  49. package/dist/cjs/gux-modal.cjs.entry.js +1 -1
  50. package/dist/cjs/gux-notification-toast.cjs.entry.js +1 -1
  51. package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
  52. package/dist/cjs/gux-pagination-beta.cjs.entry.js +1 -1
  53. package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
  54. package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
  55. package/dist/cjs/gux-panel-frame-legacy.cjs.entry.js +1 -1
  56. package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
  57. package/dist/cjs/gux-popover.cjs.entry.js +1 -1
  58. package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
  59. package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
  60. package/dist/cjs/gux-rating.cjs.entry.js +1 -1
  61. package/dist/cjs/gux-side-panel-legacy.cjs.entry.js +1 -1
  62. package/dist/cjs/gux-simple-toast.cjs.entry.js +1 -1
  63. package/dist/cjs/gux-switch.cjs.entry.js +1 -1
  64. package/dist/cjs/gux-tab-list.cjs.entry.js +17 -0
  65. package/dist/cjs/gux-table-beta.cjs.entry.js +1 -1
  66. package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
  67. package/dist/cjs/gux-tabs-legacy.cjs.entry.js +1 -1
  68. package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
  69. package/dist/cjs/gux-tag-beta.cjs.entry.js +1 -1
  70. package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
  71. package/dist/cjs/gux-text-label-legacy.cjs.entry.js +1 -1
  72. package/dist/cjs/gux-time-picker-beta.cjs.entry.js +1 -1
  73. package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
  74. package/dist/cjs/gux-tooltip_2.cjs.entry.js +1 -1
  75. package/dist/cjs/gux-visualization-beta.cjs.entry.js +1 -1
  76. package/dist/cjs/{usage-tracking-7df85f4e.js → usage-tracking-39a72be3.js} +1 -1
  77. package/dist/collection/components/stable/gux-tabs/gux-tab-list/gux-tab-list.js +13 -0
  78. package/dist/deploy-info.json +3 -3
  79. package/dist/esm/gux-accordion-legacy.entry.js +1 -1
  80. package/dist/esm/gux-accordion.entry.js +1 -1
  81. package/dist/esm/gux-action-button-legacy.entry.js +1 -1
  82. package/dist/esm/gux-action-button.entry.js +1 -1
  83. package/dist/esm/gux-action-list-legacy.entry.js +1 -1
  84. package/dist/esm/gux-action-toast.entry.js +1 -1
  85. package/dist/esm/gux-advanced-dropdown.entry.js +1 -1
  86. package/dist/esm/gux-badge-beta.entry.js +1 -1
  87. package/dist/esm/gux-breadcrumbs.entry.js +1 -1
  88. package/dist/esm/gux-button-multi-legacy.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-beta.entry.js +1 -1
  94. package/dist/esm/gux-chart-column-beta.entry.js +1 -1
  95. package/dist/esm/gux-chart-donut-beta.entry.js +1 -1
  96. package/dist/esm/gux-chart-line-beta.entry.js +1 -1
  97. package/dist/esm/gux-chart-pie-beta.entry.js +1 -1
  98. package/dist/esm/gux-chart-scatter-plot-beta.entry.js +1 -1
  99. package/dist/esm/gux-command-palette-legacy.entry.js +1 -1
  100. package/dist/esm/gux-content-search.entry.js +1 -1
  101. package/dist/esm/gux-copy-to-clipboard-beta.entry.js +1 -1
  102. package/dist/esm/gux-datepicker.entry.js +1 -1
  103. package/dist/esm/gux-disclosure-button.entry.js +1 -1
  104. package/dist/esm/gux-dismiss-button.entry.js +1 -1
  105. package/dist/esm/gux-dropdown-legacy.entry.js +1 -1
  106. package/dist/esm/gux-dropdown-multi-beta.entry.js +1 -1
  107. package/dist/esm/gux-dropdown_3.entry.js +1 -1
  108. package/dist/esm/gux-error-message-beta.entry.js +1 -1
  109. package/dist/esm/gux-flyout-menu-beta.entry.js +1 -1
  110. package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
  111. package/dist/esm/gux-form-field-color.entry.js +1 -1
  112. package/dist/esm/gux-form-field-dropdown.entry.js +1 -1
  113. package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
  114. package/dist/esm/gux-form-field-legacy.entry.js +1 -1
  115. package/dist/esm/gux-form-field-number.entry.js +1 -1
  116. package/dist/esm/gux-form-field-radio.entry.js +1 -1
  117. package/dist/esm/gux-form-field-range.entry.js +1 -1
  118. package/dist/esm/gux-form-field-search.entry.js +1 -1
  119. package/dist/esm/gux-form-field-select.entry.js +1 -1
  120. package/dist/esm/gux-form-field-text-like.entry.js +1 -1
  121. package/dist/esm/gux-form-field-textarea.entry.js +1 -1
  122. package/dist/esm/gux-icon.entry.js +1 -1
  123. package/dist/esm/gux-list-item-legacy_2.entry.js +1 -1
  124. package/dist/esm/gux-list.entry.js +1 -1
  125. package/dist/esm/gux-listbox-multi.entry.js +1 -1
  126. package/dist/esm/gux-modal.entry.js +1 -1
  127. package/dist/esm/gux-notification-toast.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-panel-frame-legacy.entry.js +1 -1
  133. package/dist/esm/gux-popover-list.entry.js +1 -1
  134. package/dist/esm/gux-popover.entry.js +1 -1
  135. package/dist/esm/gux-radial-loading.entry.js +1 -1
  136. package/dist/esm/gux-radial-progress.entry.js +1 -1
  137. package/dist/esm/gux-rating.entry.js +1 -1
  138. package/dist/esm/gux-side-panel-legacy.entry.js +1 -1
  139. package/dist/esm/gux-simple-toast.entry.js +1 -1
  140. package/dist/esm/gux-switch.entry.js +1 -1
  141. package/dist/esm/gux-tab-list.entry.js +17 -0
  142. package/dist/esm/gux-table-beta.entry.js +1 -1
  143. package/dist/esm/gux-tabs-advanced.entry.js +1 -1
  144. package/dist/esm/gux-tabs-legacy.entry.js +1 -1
  145. package/dist/esm/gux-tabs.entry.js +1 -1
  146. package/dist/esm/gux-tag-beta.entry.js +1 -1
  147. package/dist/esm/gux-text-highlight.entry.js +1 -1
  148. package/dist/esm/gux-text-label-legacy.entry.js +1 -1
  149. package/dist/esm/gux-time-picker-beta.entry.js +1 -1
  150. package/dist/esm/gux-toggle.entry.js +1 -1
  151. package/dist/esm/gux-tooltip_2.entry.js +1 -1
  152. package/dist/esm/gux-visualization-beta.entry.js +1 -1
  153. package/dist/esm/{usage-tracking-7ca27c3f.js → usage-tracking-9ae70c67.js} +1 -1
  154. package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
  155. package/dist/genesys-webcomponents/{p-6f1d66a1.entry.js → p-00519483.entry.js} +1 -1
  156. package/dist/genesys-webcomponents/{p-f1264d64.entry.js → p-013eb64c.entry.js} +1 -1
  157. package/dist/genesys-webcomponents/{p-12bafe6e.entry.js → p-050ab2cb.entry.js} +1 -1
  158. package/dist/genesys-webcomponents/{p-bd981172.entry.js → p-0c38f51c.entry.js} +1 -1
  159. package/dist/genesys-webcomponents/{p-70280c21.entry.js → p-0dfa8f9f.entry.js} +1 -1
  160. package/dist/genesys-webcomponents/{p-c07588f6.entry.js → p-166e7535.entry.js} +1 -1
  161. package/dist/genesys-webcomponents/{p-cbc1e53a.entry.js → p-16e8f471.entry.js} +1 -1
  162. package/dist/genesys-webcomponents/{p-94729a52.entry.js → p-1d09f345.entry.js} +1 -1
  163. package/dist/genesys-webcomponents/{p-80c23151.entry.js → p-1d83549a.entry.js} +1 -1
  164. package/dist/genesys-webcomponents/{p-3d6504f2.entry.js → p-2092557f.entry.js} +1 -1
  165. package/dist/genesys-webcomponents/{p-603d8065.entry.js → p-2aac6bab.entry.js} +1 -1
  166. package/dist/genesys-webcomponents/{p-b4462c3b.entry.js → p-3308c20e.entry.js} +1 -1
  167. package/dist/genesys-webcomponents/{p-945e7ac9.entry.js → p-371cffc7.entry.js} +1 -1
  168. package/dist/genesys-webcomponents/{p-04a2187d.entry.js → p-398cbe65.entry.js} +1 -1
  169. package/dist/genesys-webcomponents/{p-865f9155.entry.js → p-3a830867.entry.js} +1 -1
  170. package/dist/genesys-webcomponents/{p-51729bfe.entry.js → p-3d888c4f.entry.js} +1 -1
  171. package/dist/genesys-webcomponents/{p-4df6bcb9.entry.js → p-3e72de53.entry.js} +1 -1
  172. package/dist/genesys-webcomponents/{p-2065021e.js → p-440657a8.js} +1 -1
  173. package/dist/genesys-webcomponents/{p-cf1561e4.entry.js → p-448d6c60.entry.js} +1 -1
  174. package/dist/genesys-webcomponents/{p-386a5e11.entry.js → p-44ac7dd3.entry.js} +1 -1
  175. package/dist/genesys-webcomponents/{p-b950af05.entry.js → p-469eea38.entry.js} +1 -1
  176. package/dist/genesys-webcomponents/p-480ffa9e.entry.js +1 -0
  177. package/dist/genesys-webcomponents/{p-748648d7.entry.js → p-4b58fc7e.entry.js} +1 -1
  178. package/dist/genesys-webcomponents/{p-389a7726.entry.js → p-5453b69f.entry.js} +1 -1
  179. package/dist/genesys-webcomponents/{p-8ed65ede.entry.js → p-54866ea0.entry.js} +1 -1
  180. package/dist/genesys-webcomponents/{p-d1d251cf.entry.js → p-573f5ff0.entry.js} +1 -1
  181. package/dist/genesys-webcomponents/{p-d3863df8.entry.js → p-5baa156e.entry.js} +1 -1
  182. package/dist/genesys-webcomponents/{p-da4152f5.entry.js → p-5ebb0e5e.entry.js} +1 -1
  183. package/dist/genesys-webcomponents/{p-d7496724.entry.js → p-603a557b.entry.js} +1 -1
  184. package/dist/genesys-webcomponents/{p-d4d63d34.entry.js → p-646c8c96.entry.js} +1 -1
  185. package/dist/genesys-webcomponents/{p-acf67c95.entry.js → p-6c8e24ef.entry.js} +1 -1
  186. package/dist/genesys-webcomponents/{p-82e7411b.entry.js → p-717c426f.entry.js} +1 -1
  187. package/dist/genesys-webcomponents/{p-ead7d375.entry.js → p-7454d082.entry.js} +1 -1
  188. package/dist/genesys-webcomponents/{p-0d7ffb0d.entry.js → p-78035895.entry.js} +1 -1
  189. package/dist/genesys-webcomponents/{p-2f644041.entry.js → p-7e8a517b.entry.js} +1 -1
  190. package/dist/genesys-webcomponents/{p-9a6b9457.entry.js → p-84bc8565.entry.js} +1 -1
  191. package/dist/genesys-webcomponents/{p-81835685.entry.js → p-8a1b9201.entry.js} +1 -1
  192. package/dist/genesys-webcomponents/{p-d17782f2.entry.js → p-8bc4b382.entry.js} +1 -1
  193. package/dist/genesys-webcomponents/{p-fa2adfa7.entry.js → p-90d3e8af.entry.js} +1 -1
  194. package/dist/genesys-webcomponents/{p-01bc0c0d.entry.js → p-92e0518f.entry.js} +1 -1
  195. package/dist/genesys-webcomponents/{p-871f1877.entry.js → p-98229921.entry.js} +1 -1
  196. package/dist/genesys-webcomponents/{p-218b2949.entry.js → p-9869e6f4.entry.js} +1 -1
  197. package/dist/genesys-webcomponents/{p-3d3da13c.entry.js → p-98dd850d.entry.js} +1 -1
  198. package/dist/genesys-webcomponents/{p-b381c84b.entry.js → p-99b858d1.entry.js} +1 -1
  199. package/dist/genesys-webcomponents/{p-dfef5175.entry.js → p-9b6e59f2.entry.js} +1 -1
  200. package/dist/genesys-webcomponents/{p-d90a6aeb.entry.js → p-9d36ee95.entry.js} +1 -1
  201. package/dist/genesys-webcomponents/{p-b73c7df6.entry.js → p-9df54194.entry.js} +1 -1
  202. package/dist/genesys-webcomponents/{p-7e339355.entry.js → p-9fe46900.entry.js} +1 -1
  203. package/dist/genesys-webcomponents/{p-b0496b8f.entry.js → p-a09cb82d.entry.js} +1 -1
  204. package/dist/genesys-webcomponents/{p-cb80973e.entry.js → p-a13ff6ec.entry.js} +1 -1
  205. package/dist/genesys-webcomponents/{p-36c0f9c6.entry.js → p-b0205823.entry.js} +1 -1
  206. package/dist/genesys-webcomponents/p-b1bffdc0.entry.js +1 -0
  207. package/dist/genesys-webcomponents/{p-5955fe3f.entry.js → p-b1cb1a31.entry.js} +1 -1
  208. package/dist/genesys-webcomponents/{p-9ff5f713.entry.js → p-b5867962.entry.js} +1 -1
  209. package/dist/genesys-webcomponents/{p-9626853f.entry.js → p-b695ac46.entry.js} +1 -1
  210. package/dist/genesys-webcomponents/{p-43117b25.entry.js → p-b98f76af.entry.js} +1 -1
  211. package/dist/genesys-webcomponents/{p-839df9e8.entry.js → p-bb1431b6.entry.js} +1 -1
  212. package/dist/genesys-webcomponents/{p-47eeb17a.entry.js → p-c13e9b91.entry.js} +1 -1
  213. package/dist/genesys-webcomponents/{p-ce151ab8.entry.js → p-c251e266.entry.js} +1 -1
  214. package/dist/genesys-webcomponents/{p-d3478c48.entry.js → p-c66803cf.entry.js} +1 -1
  215. package/dist/genesys-webcomponents/{p-a6c5c249.entry.js → p-c6715c5a.entry.js} +1 -1
  216. package/dist/genesys-webcomponents/{p-3944a28c.entry.js → p-cb3d0262.entry.js} +1 -1
  217. package/dist/genesys-webcomponents/{p-55e607e7.entry.js → p-ccaedc78.entry.js} +1 -1
  218. package/dist/genesys-webcomponents/{p-3dbadd4b.entry.js → p-cd9decab.entry.js} +1 -1
  219. package/dist/genesys-webcomponents/{p-15e8c249.entry.js → p-d30142cc.entry.js} +1 -1
  220. package/dist/genesys-webcomponents/{p-a9251ac5.entry.js → p-d5939eb4.entry.js} +1 -1
  221. package/dist/genesys-webcomponents/{p-d7d26ff4.entry.js → p-d820f160.entry.js} +1 -1
  222. package/dist/genesys-webcomponents/{p-8d724126.entry.js → p-d8fb93d1.entry.js} +1 -1
  223. package/dist/genesys-webcomponents/{p-22d23a76.entry.js → p-dbad07cb.entry.js} +1 -1
  224. package/dist/genesys-webcomponents/{p-e560b587.entry.js → p-ddbe5e3d.entry.js} +1 -1
  225. package/dist/genesys-webcomponents/{p-41cdf0e5.entry.js → p-e122b070.entry.js} +1 -1
  226. package/dist/genesys-webcomponents/{p-34db3dd5.entry.js → p-e3aa0165.entry.js} +1 -1
  227. package/dist/genesys-webcomponents/{p-c291c7ce.entry.js → p-e996ed62.entry.js} +1 -1
  228. package/dist/genesys-webcomponents/{p-f84cd0a6.entry.js → p-eafca6fd.entry.js} +1 -1
  229. package/dist/genesys-webcomponents/{p-63de6e73.entry.js → p-fca55791.entry.js} +1 -1
  230. package/dist/stencil-wrapper.js +1 -1
  231. package/dist/types/components/stable/gux-tabs/gux-tab-list/gux-tab-list.d.ts +1 -0
  232. package/package.json +1 -1
  233. package/dist/genesys-webcomponents/p-3cf4f2b4.entry.js +0 -1
  234. package/dist/genesys-webcomponents/p-b3a7b931.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as t,c as s,h as a,H as i,g as h}from"./p-e571f861.js";import{t as e}from"./p-2065021e.js";const c=class{constructor(a){t(this,a),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.tabPanels=[]}watchActiveTab(t){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,a){this.activeTab=t||s.querySelector("gux-tab-advanced").getAttribute("tab-id"),s.guxSetActive(this.activeTab),a.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){e(this.root)}render(){return a(i,null,a("div",{class:"gux-tabs"},a("slot",{name:"tab-list"}),a("div",null,a("slot",{onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return h(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};c.style="gux-tabs-advanced{-custom-noop:noop}";export{c as gux_tabs_advanced}
1
+ import{r as t,c as s,h as a,H as i,g as h}from"./p-e571f861.js";import{t as c}from"./p-440657a8.js";const e=class{constructor(a){t(this,a),this.guxactivetabchange=s(this,"guxactivetabchange",7),this.tabPanels=[]}watchActiveTab(t){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,a){this.activeTab=t||s.querySelector("gux-tab-advanced").getAttribute("tab-id"),s.guxSetActive(this.activeTab),a.forEach((t=>{t.guxSetActive(t.tabId===this.activeTab)}))}componentWillLoad(){c(this.root)}render(){return a(i,null,a("div",{class:"gux-tabs"},a("slot",{name:"tab-list"}),a("div",null,a("slot",{onSlotchange:this.onSlotchange.bind(this)}))))}get root(){return h(this)}static get watchers(){return{activeTab:["watchActiveTab"]}}};e.style="gux-tabs-advanced{-custom-noop:noop}";export{e as gux_tabs_advanced}
@@ -1 +1 @@
1
- import{r as t,c as o,h as n,g as i}from"./p-e571f861.js";import{t as a}from"./p-2065021e.js";const s=class{constructor(n){t(this,n),this.guxdismiss=o(this,"guxdismiss",7),this.size="dynamic",this.trapFocus=!0}handleKeyEvent(t){"Escape"===t.key&&this.onDismissHandler(t)}connectedCallback(){this.triggerElement=document.activeElement}componentWillLoad(){a(this.root,{variant:`${this.size}-${this.trapFocus?"trapfocuson":"trapfocusoff"}`})}componentDidLoad(){var t,o,n;const i=this.getInitialFocusElement();i?null===(t=i.focus)||void 0===t||t.call(i):this.dismissButton&&(null===(n=(o=this.dismissButton).focus)||void 0===n||n.call(o))}render(){const t=this.hasModalTitleSlot(),o=this.hasFooterButtons();return n("div",{class:"gux-modal"},n("div",{class:`gux-modal-container gux-${this.size}`},this.renderModalTrapFocusEl(),n("gux-dismiss-button",{onClick:this.onDismissHandler.bind(this),ref:t=>this.dismissButton=t}),t&&n("h1",{class:"gux-modal-header"},n("slot",{name:"title"})),n("div",{class:{"gux-modal-content":!0,"gux-no-buttons":!o}},n("p",null,n("slot",{name:"content"}))),o&&n("div",{class:"gux-button-footer"},n("div",{class:"gux-left-align-buttons"},n("slot",{name:"left-align-buttons"})),n("div",{class:"gux-right-align-buttons"},n("slot",{name:"right-align-buttons"}))),this.renderModalTrapFocusEl()))}renderModalTrapFocusEl(){if(this.trapFocus)return n("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)}};s.style=":host .gux-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index: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{s as gux_modal}
1
+ import{r as t,c as o,h as n,g as a}from"./p-e571f861.js";import{t as i}from"./p-440657a8.js";const s=class{constructor(n){t(this,n),this.guxdismiss=o(this,"guxdismiss",7),this.size="dynamic",this.trapFocus=!0}handleKeyEvent(t){"Escape"===t.key&&this.onDismissHandler(t)}connectedCallback(){this.triggerElement=document.activeElement}componentWillLoad(){i(this.root,{variant:`${this.size}-${this.trapFocus?"trapfocuson":"trapfocusoff"}`})}componentDidLoad(){var t,o,n;const a=this.getInitialFocusElement();a?null===(t=a.focus)||void 0===t||t.call(a):this.dismissButton&&(null===(n=(o=this.dismissButton).focus)||void 0===n||n.call(o))}render(){const t=this.hasModalTitleSlot(),o=this.hasFooterButtons();return n("div",{class:"gux-modal"},n("div",{class:`gux-modal-container gux-${this.size}`},this.renderModalTrapFocusEl(),n("gux-dismiss-button",{onClick:this.onDismissHandler.bind(this),ref:t=>this.dismissButton=t}),t&&n("h1",{class:"gux-modal-header"},n("slot",{name:"title"})),n("div",{class:{"gux-modal-content":!0,"gux-no-buttons":!o}},n("p",null,n("slot",{name:"content"}))),o&&n("div",{class:"gux-button-footer"},n("div",{class:"gux-left-align-buttons"},n("slot",{name:"left-align-buttons"})),n("div",{class:"gux-right-align-buttons"},n("slot",{name:"right-align-buttons"}))),this.renderModalTrapFocusEl()))}renderModalTrapFocusEl(){if(this.trapFocus)return n("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 a(this)}};s.style=":host .gux-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index: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{s as gux_modal}
@@ -1 +1 @@
1
- import{r as t,h as s,g as i}from"./p-e571f861.js";import{m as r,g as n}from"./p-5ac4e2cf.js";import{t as h}from"./p-2065021e.js";const e=class{constructor(s){t(this,s),this.strategy="start"}componentWillLoad(){h(this.root)}render(){if(this.highlight&&this.text)switch(this.strategy){case"start":return this.renderStartsWith();case"contains":return this.renderContains();case"fuzzy":return this.renderFuzzy()}return s("span",null,this.text)}renderStartsWith(){if(this.text.toLowerCase().startsWith(this.highlight.toLowerCase())){const t=this.text.substring(0,this.highlight.length),i=this.text.substring(this.highlight.length);return s("span",null,s("mark",null,t),i)}return s("span",null,this.text)}renderContains(){const t={highlighted:"",remaining:this.text};for(;t.remaining.toLowerCase().includes(this.highlight.toLowerCase());){const s=t.remaining.toLowerCase().indexOf(this.highlight.toLowerCase()),i=t.remaining.substring(0,s),r=t.remaining.substring(s,s+this.highlight.length);t.highlighted+=i+`<mark>${r}</mark>`,t.remaining=t.remaining.substring(s+r.length)}return s("span",{innerHTML:t.highlighted+t.remaining})}renderFuzzy(){if(r(this.highlight,this.text)){const t=n(this.highlight).reduce(((t,s)=>{const{0:i,index:r,input:n}=t.remaining.match(s),h=n.substring(0,r);return{highlighted:`${t.highlighted+h}<mark>${i}</mark>`,remaining:n.substring(r+i.length)}}),{highlighted:"",remaining:this.text});return s("span",{innerHTML:t.highlighted+t.remaining})}return s("span",null,this.text)}get root(){return i(this)}};export{e as gux_text_highlight}
1
+ import{r as t,h as s,g as i}from"./p-e571f861.js";import{m as r,g as n}from"./p-5ac4e2cf.js";import{t as h}from"./p-440657a8.js";const e=class{constructor(s){t(this,s),this.strategy="start"}componentWillLoad(){h(this.root)}render(){if(this.highlight&&this.text)switch(this.strategy){case"start":return this.renderStartsWith();case"contains":return this.renderContains();case"fuzzy":return this.renderFuzzy()}return s("span",null,this.text)}renderStartsWith(){if(this.text.toLowerCase().startsWith(this.highlight.toLowerCase())){const t=this.text.substring(0,this.highlight.length),i=this.text.substring(this.highlight.length);return s("span",null,s("mark",null,t),i)}return s("span",null,this.text)}renderContains(){const t={highlighted:"",remaining:this.text};for(;t.remaining.toLowerCase().includes(this.highlight.toLowerCase());){const s=t.remaining.toLowerCase().indexOf(this.highlight.toLowerCase()),i=t.remaining.substring(0,s),r=t.remaining.substring(s,s+this.highlight.length);t.highlighted+=i+`<mark>${r}</mark>`,t.remaining=t.remaining.substring(s+r.length)}return s("span",{innerHTML:t.highlighted+t.remaining})}renderFuzzy(){if(r(this.highlight,this.text)){const t=n(this.highlight).reduce(((t,s)=>{const{0:i,index:r,input:n}=t.remaining.match(s),h=n.substring(0,r);return{highlighted:`${t.highlighted+h}<mark>${i}</mark>`,remaining:n.substring(r+i.length)}}),{highlighted:"",remaining:this.text});return s("span",{innerHTML:t.highlighted+t.remaining})}return s("span",null,this.text)}get root(){return i(this)}};export{e as gux_text_highlight}
@@ -1 +1 @@
1
- import{r as t,c as o,d as a,w as e,h as c,g as r}from"./p-e571f861.js";import{S as i}from"./p-020b6498.js";import{t as n}from"./p-2065021e.js";import{b as l}from"./p-523a0237.js";import{w as b}from"./p-76ff3e75.js";import"./p-8a133b9b.js";const s={createNewTab:"Create New Tab",scrollLeft:"Scroll Left",scrollRight:"Scroll Right",disableNewTab:"Maximum number of tabs created has been reached"},d=class{constructor(a){t(this,a),this.newTab=o(this,"newTab",7),this.input=o(this,"input",7),this.sortChanged=o(this,"sortChanged",7),this.allowSort=!1,this.showNewTabButton=!1,this.value="",this.tabLimit=1/0,this.disableAddTabButton=!1,this.hasScrollbar=!1}watchHandler(t){const o=Array.from(this.root.querySelectorAll("gux-tab-legacy"));for(const a of o)a.active=a.tabId===t}internaltabselectedHandler(t){b("gux-tab-legacy",t,(t=>{t.active||(this.value=t.tabId,this.input.emit())}))}createSortable(){this.sortableInstance=new i(this.root,{animation:250,draggable:"gux-tab-legacy",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-legacy")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-tabs")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){n(this.root),this.i18n=await l(this.root,s)}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-legacy")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}checkForScrollbarHideOrShow(){a((()=>{const t=this.root.shadowRoot.querySelector(".scrollable-section"),o=t.clientWidth!==t.scrollWidth;o!==this.hasScrollbar&&(this.hasScrollbar=o)}))}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(this.checkForScrollbarHideOrShow.bind(this))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-tabs")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver(this.checkForScrollbarHideOrShow.bind(this))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}componentDidRender(){setTimeout((()=>{a((()=>{if(this.value){const t=this.root.querySelector(`gux-tab-legacy[tab-id='${this.value}']`);t&&(t.active=!0)}}))}),500)}scrollLeft(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(-100,0)}))}scrollRight(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(100,0)}))}render(){const t=t=>c("button",{title:this.i18n(this.disableAddTabButton?"disableNewTab":"createNewTab"),class:"add-tab",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},c("gux-icon",{"icon-name":"add",decorative:!0}));return c("div",{class:"gux-tabs"},c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollLeft"),class:"arrow-button",onClick:()=>this.scrollLeft()},c("gux-icon",{"icon-name":"chevron-left",decorative:!0})):null),c("div",{class:"scrollable-section"},c("slot",null),this.showNewTabButton&&!this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null),c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollRight"),class:"arrow-button",onClick:()=>this.scrollRight()},c("gux-icon",{"icon-name":"chevron-right",decorative:!0})):null,this.showNewTabButton&&this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null))}get root(){return r(this)}static get watchers(){return{value:["watchHandler"]}}};d.style=".gux-tabs{display:flex;align-items:flex-end;width:100%;height:40px;overflow-x:hidden}.gux-tabs .action-button-container{display:flex;border-radius:2px}.gux-tabs .action-button-container .arrow-button{display:flex;align-items:center;justify-content:center;width:24px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .arrow-button gux-icon{width:10px;height:10px}.gux-tabs .action-button-container .add-tab{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .add-tab:disabled{opacity:0.5}.gux-tabs .action-button-container .add-tab:disabled:hover{color:#202937}.gux-tabs .action-button-container .add-tab:disabled:active{background-color:#e2e6ee}.gux-tabs .action-button-container .add-tab gux-icon{width:16px;height:16px}.gux-tabs .scrollable-section{display:flex;flex:1 1 auto;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.gux-tabs .scrollable-section::-webkit-scrollbar{height:0}.gux-tabs .scrollable-section .add-tab{display:flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;margin-left:4px;border:none;transition:color 0.25s}.gux-tabs .scrollable-section .add-tab gux-icon{width:16px;height:16px}.gux-tabs-light-theme{background-color:#e2e6ee}.gux-tabs-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-light-theme .gux-tabs{background-color:#e2e6ee}.gux-light-theme .gux-tabs .action-button-container{background-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-light-theme .gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-light-theme .gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs.gux-light-theme{background-color:#e2e6ee}.gux-tabs.gux-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs.gux-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs.gux-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs{background-color:#e2e6ee}.gux-tabs .action-button-container{background-color:#c8cfda}.gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}";export{d as gux_tabs_legacy}
1
+ import{r as t,c as o,d as a,w as e,h as c,g as r}from"./p-e571f861.js";import{S as i}from"./p-020b6498.js";import{t as n}from"./p-440657a8.js";import{b as l}from"./p-523a0237.js";import{w as b}from"./p-76ff3e75.js";import"./p-8a133b9b.js";const s={createNewTab:"Create New Tab",scrollLeft:"Scroll Left",scrollRight:"Scroll Right",disableNewTab:"Maximum number of tabs created has been reached"},d=class{constructor(a){t(this,a),this.newTab=o(this,"newTab",7),this.input=o(this,"input",7),this.sortChanged=o(this,"sortChanged",7),this.allowSort=!1,this.showNewTabButton=!1,this.value="",this.tabLimit=1/0,this.disableAddTabButton=!1,this.hasScrollbar=!1}watchHandler(t){const o=Array.from(this.root.querySelectorAll("gux-tab-legacy"));for(const a of o)a.active=a.tabId===t}internaltabselectedHandler(t){b("gux-tab-legacy",t,(t=>{t.active||(this.value=t.tabId,this.input.emit())}))}createSortable(){this.sortableInstance=new i(this.root,{animation:250,draggable:"gux-tab-legacy",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-legacy")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-tabs")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){n(this.root),this.i18n=await l(this.root,s)}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-legacy")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}checkForScrollbarHideOrShow(){a((()=>{const t=this.root.shadowRoot.querySelector(".scrollable-section"),o=t.clientWidth!==t.scrollWidth;o!==this.hasScrollbar&&(this.hasScrollbar=o)}))}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(this.checkForScrollbarHideOrShow.bind(this))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-tabs")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver(this.checkForScrollbarHideOrShow.bind(this))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}componentDidRender(){setTimeout((()=>{a((()=>{if(this.value){const t=this.root.querySelector(`gux-tab-legacy[tab-id='${this.value}']`);t&&(t.active=!0)}}))}),500)}scrollLeft(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(-100,0)}))}scrollRight(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(100,0)}))}render(){const t=t=>c("button",{title:this.i18n(this.disableAddTabButton?"disableNewTab":"createNewTab"),class:"add-tab",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},c("gux-icon",{"icon-name":"add",decorative:!0}));return c("div",{class:"gux-tabs"},c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollLeft"),class:"arrow-button",onClick:()=>this.scrollLeft()},c("gux-icon",{"icon-name":"chevron-left",decorative:!0})):null),c("div",{class:"scrollable-section"},c("slot",null),this.showNewTabButton&&!this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null),c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollRight"),class:"arrow-button",onClick:()=>this.scrollRight()},c("gux-icon",{"icon-name":"chevron-right",decorative:!0})):null,this.showNewTabButton&&this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null))}get root(){return r(this)}static get watchers(){return{value:["watchHandler"]}}};d.style=".gux-tabs{display:flex;align-items:flex-end;width:100%;height:40px;overflow-x:hidden}.gux-tabs .action-button-container{display:flex;border-radius:2px}.gux-tabs .action-button-container .arrow-button{display:flex;align-items:center;justify-content:center;width:24px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .arrow-button gux-icon{width:10px;height:10px}.gux-tabs .action-button-container .add-tab{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .add-tab:disabled{opacity:0.5}.gux-tabs .action-button-container .add-tab:disabled:hover{color:#202937}.gux-tabs .action-button-container .add-tab:disabled:active{background-color:#e2e6ee}.gux-tabs .action-button-container .add-tab gux-icon{width:16px;height:16px}.gux-tabs .scrollable-section{display:flex;flex:1 1 auto;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.gux-tabs .scrollable-section::-webkit-scrollbar{height:0}.gux-tabs .scrollable-section .add-tab{display:flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;margin-left:4px;border:none;transition:color 0.25s}.gux-tabs .scrollable-section .add-tab gux-icon{width:16px;height:16px}.gux-tabs-light-theme{background-color:#e2e6ee}.gux-tabs-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-light-theme .gux-tabs{background-color:#e2e6ee}.gux-light-theme .gux-tabs .action-button-container{background-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-light-theme .gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-light-theme .gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs.gux-light-theme{background-color:#e2e6ee}.gux-tabs.gux-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs.gux-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs.gux-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs{background-color:#e2e6ee}.gux-tabs .action-button-container{background-color:#c8cfda}.gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}";export{d as gux_tabs_legacy}
@@ -1 +1 @@
1
- import{r as t,h as s,g as i}from"./p-e571f861.js";import{t as e}from"./p-2065021e.js";const n=class{constructor(s){t(this,s),this.selectedIndex=-1}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){e(this.root)}render(){return this.updateTabIndexes(),s("div",{class:"gux-action-list-items-container",role:"list"},s("slot",null))}onKeyDown(t){const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),i=s.length-1);break;case"Home":this.selectedIndex&&(i=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),i=this.selectedIndex+1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.shadowRoot.querySelector("button").setAttribute("tabindex","-1"):(t.shadowRoot.querySelector("button").setAttribute("tabindex","0"),t.shadowRoot.querySelector("button").focus())}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches("gux-action-item:not([disabled])"))):Array.from(this.root.querySelectorAll("gux-action-item:not([disabled])"))}get root(){return i(this)}};n.style=".gux-action-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{n as gux_action_list_legacy}
1
+ import{r as t,h as s,g as i}from"./p-e571f861.js";import{t as e}from"./p-440657a8.js";const n=class{constructor(s){t(this,s),this.selectedIndex=-1}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){e(this.root)}render(){return this.updateTabIndexes(),s("div",{class:"gux-action-list-items-container",role:"list"},s("slot",null))}onKeyDown(t){const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),i=s.length-1);break;case"Home":this.selectedIndex&&(i=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),i=this.selectedIndex+1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.shadowRoot.querySelector("button").setAttribute("tabindex","-1"):(t.shadowRoot.querySelector("button").setAttribute("tabindex","0"),t.shadowRoot.querySelector("button").focus())}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches("gux-action-item:not([disabled])"))):Array.from(this.root.querySelectorAll("gux-action-item:not([disabled])"))}get root(){return i(this)}};n.style=".gux-action-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{n as gux_action_list_legacy}
@@ -1 +1 @@
1
- import{h as e,r,g as s}from"./p-e571f861.js";import{t}from"./p-2065021e.js";import{l as a}from"./p-3184268e.js";import{r as o}from"./p-cbcbd1bb.js";import{c as i}from"./p-9dd4b14a.js";const n=2*Math.PI*23.5;function c(e,r){return!(isNaN(e)||isNaN(r)||e>r||e<0||0===r)}const l=({value:r,max:s,scale:t,dropshadowId:a,screenreaderText:o})=>e("div",{role:"progressbar","aria-valuenow":r,"aria-valuemin":"0","aria-valuemax":s,"aria-label":o},e("svg",{class:"gux-svg-container",width:"60px",height:"60px",viewBox:"0 0 60 60",role:"presentation"},e("filter",{id:a},e("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"1.4"}),e("feOffset",{dx:"0",dy:"0",result:"offsetblur"}),e("feMerge",null,e("feMergeNode",null),e("feMergeNode",{in:"SourceGraphic"}))),e("circle",{cx:"50%",cy:"50%",r:23.5,class:"gux-static-circle"}),e("circle",{cx:"50%",cy:"50%",r:23.5,class:"gux-dynamic-circle-shadow","stroke-dashoffset":n*(1-r/s),"stroke-dasharray":n,"stroke-linecap":"round",filter:"url(#"+a+")"}),e("circle",{cx:"50%",cy:"50%",r:23.5,class:"gux-dynamic-circle","stroke-dashoffset":n*(1-r/s),"stroke-dasharray":n,"stroke-linecap":"round"}),e("text",{x:"50%",y:"50%","dominant-baseline":"central",class:{"gux-percentage":!0,"gux-small":![0,1].includes(t)}},function(e,r,s){const t=Math.pow(10,i(s,0,2));return Math.round((e+Number.EPSILON)/r*100*t)/t+"%"}(r,s,t)))),d=({screenreaderText:r})=>e("gux-radial-loading",{"screenreader-text":r,context:"modal"}),g=class{constructor(e){r(this,e),this.dropshadowId=o("gux-dropshadow"),this.max=100,this.scale=0,this.screenreaderText=""}componentWillLoad(){t(this.root)}componentDidLoad(){!this.screenreaderText&&c(this.value,this.max)&&a("gux-radial-progress","No screenreader-text provided. Provide a localized screenreader-text property for the component.")}render(){return c(this.value,this.max)?e(l,{value:this.value,max:this.max,scale:this.scale,dropshadowId:this.dropshadowId,screenreaderText:this.screenreaderText}):e(d,{screenreaderText:this.screenreaderText})}get root(){return s(this)}};g.style=":host{display:inline-block}div[role='progressbar'] .gux-svg-container{display:block}div[role='progressbar'] .gux-svg-container .gux-dynamic-circle{fill:none;stroke:#2a60c8;stroke-width:5;transform:rotate(-90deg);transform-origin:50% 50%}div[role='progressbar'] .gux-svg-container .gux-dynamic-circle-shadow{fill:none;stroke:#75a8ff;stroke-width:5;transform:rotate(-90deg);transform-origin:50% 50%}div[role='progressbar'] .gux-svg-container .gux-static-circle{fill:none;stroke:#deeaff;stroke-width:4}div[role='progressbar'] .gux-svg-container .gux-percentage{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;text-anchor:middle;fill:#2e394c}div[role='progressbar'] .gux-svg-container .gux-percentage.gux-small{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px}";export{g as gux_radial_progress}
1
+ import{h as e,r,g as s}from"./p-e571f861.js";import{t}from"./p-440657a8.js";import{l as a}from"./p-3184268e.js";import{r as o}from"./p-cbcbd1bb.js";import{c as i}from"./p-9dd4b14a.js";const n=2*Math.PI*23.5;function c(e,r){return!(isNaN(e)||isNaN(r)||e>r||e<0||0===r)}const l=({value:r,max:s,scale:t,dropshadowId:a,screenreaderText:o})=>e("div",{role:"progressbar","aria-valuenow":r,"aria-valuemin":"0","aria-valuemax":s,"aria-label":o},e("svg",{class:"gux-svg-container",width:"60px",height:"60px",viewBox:"0 0 60 60",role:"presentation"},e("filter",{id:a},e("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"1.4"}),e("feOffset",{dx:"0",dy:"0",result:"offsetblur"}),e("feMerge",null,e("feMergeNode",null),e("feMergeNode",{in:"SourceGraphic"}))),e("circle",{cx:"50%",cy:"50%",r:23.5,class:"gux-static-circle"}),e("circle",{cx:"50%",cy:"50%",r:23.5,class:"gux-dynamic-circle-shadow","stroke-dashoffset":n*(1-r/s),"stroke-dasharray":n,"stroke-linecap":"round",filter:"url(#"+a+")"}),e("circle",{cx:"50%",cy:"50%",r:23.5,class:"gux-dynamic-circle","stroke-dashoffset":n*(1-r/s),"stroke-dasharray":n,"stroke-linecap":"round"}),e("text",{x:"50%",y:"50%","dominant-baseline":"central",class:{"gux-percentage":!0,"gux-small":![0,1].includes(t)}},function(e,r,s){const t=Math.pow(10,i(s,0,2));return Math.round((e+Number.EPSILON)/r*100*t)/t+"%"}(r,s,t)))),d=({screenreaderText:r})=>e("gux-radial-loading",{"screenreader-text":r,context:"modal"}),g=class{constructor(e){r(this,e),this.dropshadowId=o("gux-dropshadow"),this.max=100,this.scale=0,this.screenreaderText=""}componentWillLoad(){t(this.root)}componentDidLoad(){!this.screenreaderText&&c(this.value,this.max)&&a("gux-radial-progress","No screenreader-text provided. Provide a localized screenreader-text property for the component.")}render(){return c(this.value,this.max)?e(l,{value:this.value,max:this.max,scale:this.scale,dropshadowId:this.dropshadowId,screenreaderText:this.screenreaderText}):e(d,{screenreaderText:this.screenreaderText})}get root(){return s(this)}};g.style=":host{display:inline-block}div[role='progressbar'] .gux-svg-container{display:block}div[role='progressbar'] .gux-svg-container .gux-dynamic-circle{fill:none;stroke:#2a60c8;stroke-width:5;transform:rotate(-90deg);transform-origin:50% 50%}div[role='progressbar'] .gux-svg-container .gux-dynamic-circle-shadow{fill:none;stroke:#75a8ff;stroke-width:5;transform:rotate(-90deg);transform-origin:50% 50%}div[role='progressbar'] .gux-svg-container .gux-static-circle{fill:none;stroke:#deeaff;stroke-width:4}div[role='progressbar'] .gux-svg-container .gux-percentage{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;text-anchor:middle;fill:#2e394c}div[role='progressbar'] .gux-svg-container .gux-percentage.gux-small{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px}";export{g as gux_radial_progress}
@@ -0,0 +1 @@
1
+ import{r,h as s,g as t}from"./p-e571f861.js";import{t as e}from"./p-440657a8.js";const a=class{constructor(s){r(this,s)}componentWillLoad(){e(this.root)}render(){return s("gux-radial-loading",{class:"gux-spinner","screenreader-text":this.screenreaderText,context:"full-page"})}get root(){return t(this)}};a.style=":host{display:flex}.gux-spinner{margin:auto}";export{a as gux_page_loading_spinner}
@@ -1 +1 @@
1
- import{r as t,c as i,h as s,g as e}from"./p-e571f861.js";import{t as o}from"./p-2065021e.js";import{b as n}from"./p-523a0237.js";import"./p-8a133b9b.js";const r={previous:"Previous",next:"Next"},a=class{constructor(s){t(this,s),this.guxPaginationCursorchange=i(this,"guxPaginationCursorchange",7),this.hasPrevious=!1,this.hasNext=!1}onButtonClick(t){("previous"===t&&this.hasPrevious||"next"===t&&this.hasNext)&&this.guxPaginationCursorchange.emit(t)}async componentWillLoad(){o(this.root),this.i18n=await n(this.root,r)}render(){return[s("gux-button-slot-beta",{accent:"secondary"},s("button",{type:"button",title:this.i18n("previous"),disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},s("gux-icon",{decorative:!0,iconName:"ic-chevron-small-left"}))),s("gux-button-slot-beta",{accent:"secondary"},s("button",{type:"button",title:this.i18n("next"),disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},s("gux-icon",{decorative:!0,iconName:"ic-chevron-small-right"})))]}get root(){return e(this)}};a.style=":host{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:space-between}";export{a as gux_pagination_cursor}
1
+ import{r as t,c as i,h as s,g as e}from"./p-e571f861.js";import{t as o}from"./p-440657a8.js";import{b as n}from"./p-523a0237.js";import"./p-8a133b9b.js";const a={previous:"Previous",next:"Next"},r=class{constructor(s){t(this,s),this.guxPaginationCursorchange=i(this,"guxPaginationCursorchange",7),this.hasPrevious=!1,this.hasNext=!1}onButtonClick(t){("previous"===t&&this.hasPrevious||"next"===t&&this.hasNext)&&this.guxPaginationCursorchange.emit(t)}async componentWillLoad(){o(this.root),this.i18n=await n(this.root,a)}render(){return[s("gux-button-slot-beta",{accent:"secondary"},s("button",{type:"button",title:this.i18n("previous"),disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},s("gux-icon",{decorative:!0,iconName:"ic-chevron-small-left"}))),s("gux-button-slot-beta",{accent:"secondary"},s("button",{type:"button",title:this.i18n("next"),disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},s("gux-icon",{decorative:!0,iconName:"ic-chevron-small-right"})))]}get root(){return e(this)}};r.style=":host{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:space-between}";export{r as gux_pagination_cursor}
@@ -1 +1 @@
1
- import{r as t,h as i,g as e}from"./p-e571f861.js";import{O as o}from"./p-35578249.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as a}from"./p-2065021e.js";import{G as l,a as p}from"./p-cdf5cb56.js";import{h as u,G as f,v as x,g as c}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const d=class{constructor(i){t(this,i),this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(p,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("slot",{name:"input",onSlotchange:()=>this.setInput()}))),i(f,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=this.root.querySelector('input[type="color"][slot="input"]'),s(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=n(this.input,(t=>{this.required=t})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=c(this.label,this.labelPosition)}get root(){return e(this)}};(function(t,i,e,o){var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([o({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-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}.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;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input .gux-input-container.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{d as gux_form_field_color}
1
+ import{r as t,h as i,g as e}from"./p-e571f861.js";import{O as o}from"./p-35578249.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as a}from"./p-440657a8.js";import{G as l,a as p}from"./p-cdf5cb56.js";import{h as u,G as f,v as x,g as c}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const d=class{constructor(i){t(this,i),this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(p,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("slot",{name:"input",onSlotchange:()=>this.setInput()}))),i(f,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=this.root.querySelector('input[type="color"][slot="input"]'),s(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=n(this.input,(t=>{this.required=t})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=c(this.label,this.labelPosition)}get root(){return e(this)}};(function(t,i,e,o){var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([o({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-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}.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;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input .gux-input-container.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{d as gux_form_field_color}
@@ -1 +1 @@
1
- import{r as t,h as i,g as e}from"./p-e571f861.js";import{O as o}from"./p-35578249.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as a}from"./p-2065021e.js";import{G as l,a as u}from"./p-cdf5cb56.js";import{h as p,c,G as x,a as f,v as h,g as d}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.clearable=!0,this.hasContent=!1,this.hasError=!1}onMutation(){this.hasError=p(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=p(this.root),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(u,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("gux-icon",{"icon-name":"search",decorative:!0}),i("slot",{name:"input"}),this.clearable&&this.hasContent&&!this.disabled&&i("gux-form-field-input-clear-button",{onClick:()=>c(this.input)}))),i(x,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${t}`}setInput(){this.input=this.root.querySelector('input[type="search"][slot="input"]'),this.hasContent=f(this.input),s(this.input),this.input.addEventListener("input",(()=>{this.hasContent=f(this.input)})),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=n(this.input,(t=>{this.required=t})),h(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return e(this)}};(function(t,i,e,o){var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([o({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.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 8px;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-icon[icon-name='search']{flex:0 0 auto;align-self:auto;order:0;width:20px;height:20px;margin-right:4px;color:#596373}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{g as gux_form_field_search}
1
+ import{r as t,h as i,g as e}from"./p-e571f861.js";import{O as o}from"./p-35578249.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as s}from"./p-c10e41a9.js";import{t as a}from"./p-440657a8.js";import{G as l,a as u}from"./p-cdf5cb56.js";import{h as p,c,G as x,a as f,v as h,g as d}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(i){t(this,i),this.computedLabelPosition="above",this.clearable=!0,this.hasContent=!1,this.hasError=!1}onMutation(){this.hasError=p(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=p(this.root),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(u,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("gux-icon",{"icon-name":"search",decorative:!0}),i("slot",{name:"input"}),this.clearable&&this.hasContent&&!this.disabled&&i("gux-form-field-input-clear-button",{onClick:()=>c(this.input)}))),i(x,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${t}`}setInput(){this.input=this.root.querySelector('input[type="search"][slot="input"]'),this.hasContent=f(this.input),s(this.input),this.input.addEventListener("input",(()=>{this.hasContent=f(this.input)})),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=n(this.input,(t=>{this.required=t})),h(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return e(this)}};(function(t,i,e,o){var r,n=arguments.length,s=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(n<3?r(s):n>3?r(i,e,s):r(i,e))||s);n>3&&s&&Object.defineProperty(i,e,s)})([o({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.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 8px;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-icon[icon-name='search']{flex:0 0 auto;align-self:auto;order:0;width:20px;height:20px;margin-right:4px;color:#596373}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{g as gux_form_field_search}
@@ -1 +1 @@
1
- import{r as t,h as e,g as a}from"./p-e571f861.js";import{m as l}from"./p-5ac4e2cf.js";import{b as g}from"./p-523a0237.js";import{t as i}from"./p-2065021e.js";import"./p-8a133b9b.js";const m={recentSearch:"Recently Searched:",commonSearch:"Common Searches:",limited:"Results limited, refine your search for more commands.",search:"Search for commands.",title:"Command Palette"};function c(t){return t.sort(((t,e)=>{if(t.recent&&!e.recent)return-1;if(!t.recent&&e.recent)return 1;const a=t.text.toUpperCase(),l=e.text.toUpperCase();return a<l?-1:a>l?1:0}))}const u=class{constructor(e){t(this,e),this.filterValue="",this.visible=!1}async componentWillLoad(){i(this.root),this.i18n=await g(this.root,m)}render(){return e("div",{class:"gux-command-palette "+(this.visible?"":"gux-hidden"),role:"dialog",onKeyDown:t=>this.onKeyDown(t),"aria-label":this.i18n("title")},e("label",{htmlFor:"gux-command-palette-search",class:"gux-command-palette-search-label"},this.i18n("search")),e("gux-input-search",null,e("input",{id:"gux-command-palette-search",type:"search",onInput:t=>{this.handleInput(t)},value:this.filterValue,ref:t=>this.inputElement=t})),this.visible&&this.renderLists())}renderLists(){const t=Array.from(this.root.children).slice(0,-1),a=t.filter((t=>t.recent)),l=t.filter((t=>t.common));let g,i=this.filterItems(t);if(l.length&&(g=this.createList(l,this.filterValue,this.i18n("commonSearch"))),this.filterValue&&i.length){const t=i.length>50;t&&(i=i.slice(0,50));const a=[e("gux-list-legacy",{tabindex:"-1",highlight:this.filterValue},i)];return t&&a.unshift(e("div",{class:"gux-limit"},this.i18n("limited"))),1!==i.length&&l.length?[a,g]:a}const m=[];return a.length&&!this.filterValue&&m.push(this.createList(a,this.filterValue,this.i18n("recentSearch"))),g&&m.push(g),m.length?m:e("gux-list-legacy",{tabindex:"-1"},this.transformCommands(c(t)))}async open(){this.visible=!0,setTimeout((()=>{this.inputElement.focus()}),300)}async close(){this.filterValue="",this.visible=!1}handleInput(t){this.filterValue=t.target.value}filterItems(t){return this.transformCommands(c(t.filter((t=>l(this.filterValue,`${t.text} + ${t.details}`)))),"")}createShortcutItem(t){return e("gux-list-item-legacy",{value:t.text,onPress:this.handlePress(t),class:t.details?"gux-has-details":""},e("div",null,e("gux-text-highlight",{text:t.text,strategy:"fuzzy"}),e("span",{class:"gux-shortcut"},t.shortcut)),t.details&&e("gux-text-highlight",{class:"gux-details",text:t.details,strategy:"fuzzy"}))}createStandardItem(t){return e("gux-list-item-legacy",{value:t.text,onPress:this.handlePress(t),class:t.details?"gux-has-details":""},e("gux-text-highlight",{text:t.text,strategy:"fuzzy"}),t.details&&e("gux-text-highlight",{class:"gux-details",text:t.details,strategy:"fuzzy"}))}transformCommands(t,a){const l=[];return a&&l.push(e("strong",null,a)),t.forEach((t=>{l.push(t.shortcut?this.createShortcutItem(t):this.createStandardItem(t))})),l}handlePress(t){return()=>{this.close(),setTimeout((()=>{t.invokePress()}))}}createList(t,a,l){return e("gux-list-legacy",{class:"gux-command-palette-list",highlight:a,tabindex:"-1"},this.transformCommands(c(t),l))}onKeyDown(t){switch(t.key){case"ArrowUp":t.preventDefault(),this.navigateUp();break;case"ArrowDown":t.preventDefault(),this.navigateDown()}}elementIsSearch(t){return null!==t.closest("gux-input-search")}getParentGuxList(t){return t.closest("gux-list-legacy")}setFocusOnElement(t){t&&t.setFocusOnLastItem?t.setFocusOnLastItem():this.inputElement.focus()}navigateUp(){const t=this.root.querySelector(":focus");if(this.elementIsSearch(t))return;const e=this.getParentGuxList(t);e&&e.isFirstItemSelected().then((t=>{t&&this.setFocusOnElement(e.previousElementSibling)}))}navigateDown(){const t=this.root.querySelector(":focus");if(this.elementIsSearch(t))return void this.root.querySelector("gux-list-legacy").setFocusOnFirstItem();const e=this.getParentGuxList(t);e&&e.isLastItemSelected().then((t=>{t&&this.setFocusOnElement(e.nextElementSibling)}))}get root(){return a(this)}};u.style="gux-command-palette-legacy .gux-command-palette{position:absolute;right:0;left:0;max-width:750px;padding:12px;margin:0 auto;border-color:1px solid #e2e6ee;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);}gux-command-palette-legacy .gux-command-palette .gux-command-palette-search-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}gux-command-palette-legacy .gux-command-palette.gux-hidden{top:0;display:none}gux-command-palette-legacy .gux-command-palette:not(.gux-hidden){top:40px;animation-name:fadeIn;animation-duration:300ms;animation-timing-function:ease-in;animation-iteration-count:1}@keyframes fadeIn{0%{top:0;opacity:0}100%{top:40px;opacity:1}}gux-command-palette-legacy .gux-command-palette .gux-limit{margin-bottom:8px}gux-command-palette-legacy .gux-command-palette gux-list-legacy{display:block;margin-top:4px}gux-command-palette-legacy .gux-command-palette gux-list-legacy>strong{height:32px;padding:0 16px;line-height:32px}gux-command-palette-legacy .gux-command-palette gux-text-field,gux-command-palette-legacy .gux-command-palette gux-list-legacy>div[role='list']{margin-bottom:12px}gux-command-palette-legacy .gux-command-palette gux-list-legacy+gux-list-legacy{margin-bottom:0}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy.gux-has-details .gux-list-item{line-height:16px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item{display:block;line-height:32px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item gux-text-highlight,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-shortcut{display:block}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item div{display:flex;padding:0;border:none;box-shadow:none}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item div gux-text-highlight{flex:1 1 auto}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item div .gux-shortcut{flex:0 1 auto}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item gux-text-highlight:last-child{margin-bottom:8px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{margin-left:4px;font-size:11px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:last-of-type .gux-details,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:last-of-type div:last-child{margin-bottom:0}.gux-command-palette-light-theme .gux-command-palette{color:#2e394c;background:#fdfdfd}.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item div,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item .gux-details,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}.gux-light-theme gux-command-palette-legacy .gux-command-palette{color:#2e394c;background:#fdfdfd}.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item div,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item .gux-details,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}gux-command-palette-legacy.gux-light-theme .gux-command-palette{color:#2e394c;background:#fdfdfd}gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item div,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item .gux-details,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}gux-command-palette-legacy .gux-command-palette{color:#2e394c;background:#fdfdfd}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item div,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item .gux-details,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}";export{u as gux_command_palette_legacy}
1
+ import{r as t,h as e,g as a}from"./p-e571f861.js";import{m as l}from"./p-5ac4e2cf.js";import{b as g}from"./p-523a0237.js";import{t as i}from"./p-440657a8.js";import"./p-8a133b9b.js";const m={recentSearch:"Recently Searched:",commonSearch:"Common Searches:",limited:"Results limited, refine your search for more commands.",search:"Search for commands.",title:"Command Palette"};function c(t){return t.sort(((t,e)=>{if(t.recent&&!e.recent)return-1;if(!t.recent&&e.recent)return 1;const a=t.text.toUpperCase(),l=e.text.toUpperCase();return a<l?-1:a>l?1:0}))}const u=class{constructor(e){t(this,e),this.filterValue="",this.visible=!1}async componentWillLoad(){i(this.root),this.i18n=await g(this.root,m)}render(){return e("div",{class:"gux-command-palette "+(this.visible?"":"gux-hidden"),role:"dialog",onKeyDown:t=>this.onKeyDown(t),"aria-label":this.i18n("title")},e("label",{htmlFor:"gux-command-palette-search",class:"gux-command-palette-search-label"},this.i18n("search")),e("gux-input-search",null,e("input",{id:"gux-command-palette-search",type:"search",onInput:t=>{this.handleInput(t)},value:this.filterValue,ref:t=>this.inputElement=t})),this.visible&&this.renderLists())}renderLists(){const t=Array.from(this.root.children).slice(0,-1),a=t.filter((t=>t.recent)),l=t.filter((t=>t.common));let g,i=this.filterItems(t);if(l.length&&(g=this.createList(l,this.filterValue,this.i18n("commonSearch"))),this.filterValue&&i.length){const t=i.length>50;t&&(i=i.slice(0,50));const a=[e("gux-list-legacy",{tabindex:"-1",highlight:this.filterValue},i)];return t&&a.unshift(e("div",{class:"gux-limit"},this.i18n("limited"))),1!==i.length&&l.length?[a,g]:a}const m=[];return a.length&&!this.filterValue&&m.push(this.createList(a,this.filterValue,this.i18n("recentSearch"))),g&&m.push(g),m.length?m:e("gux-list-legacy",{tabindex:"-1"},this.transformCommands(c(t)))}async open(){this.visible=!0,setTimeout((()=>{this.inputElement.focus()}),300)}async close(){this.filterValue="",this.visible=!1}handleInput(t){this.filterValue=t.target.value}filterItems(t){return this.transformCommands(c(t.filter((t=>l(this.filterValue,`${t.text} + ${t.details}`)))),"")}createShortcutItem(t){return e("gux-list-item-legacy",{value:t.text,onPress:this.handlePress(t),class:t.details?"gux-has-details":""},e("div",null,e("gux-text-highlight",{text:t.text,strategy:"fuzzy"}),e("span",{class:"gux-shortcut"},t.shortcut)),t.details&&e("gux-text-highlight",{class:"gux-details",text:t.details,strategy:"fuzzy"}))}createStandardItem(t){return e("gux-list-item-legacy",{value:t.text,onPress:this.handlePress(t),class:t.details?"gux-has-details":""},e("gux-text-highlight",{text:t.text,strategy:"fuzzy"}),t.details&&e("gux-text-highlight",{class:"gux-details",text:t.details,strategy:"fuzzy"}))}transformCommands(t,a){const l=[];return a&&l.push(e("strong",null,a)),t.forEach((t=>{l.push(t.shortcut?this.createShortcutItem(t):this.createStandardItem(t))})),l}handlePress(t){return()=>{this.close(),setTimeout((()=>{t.invokePress()}))}}createList(t,a,l){return e("gux-list-legacy",{class:"gux-command-palette-list",highlight:a,tabindex:"-1"},this.transformCommands(c(t),l))}onKeyDown(t){switch(t.key){case"ArrowUp":t.preventDefault(),this.navigateUp();break;case"ArrowDown":t.preventDefault(),this.navigateDown()}}elementIsSearch(t){return null!==t.closest("gux-input-search")}getParentGuxList(t){return t.closest("gux-list-legacy")}setFocusOnElement(t){t&&t.setFocusOnLastItem?t.setFocusOnLastItem():this.inputElement.focus()}navigateUp(){const t=this.root.querySelector(":focus");if(this.elementIsSearch(t))return;const e=this.getParentGuxList(t);e&&e.isFirstItemSelected().then((t=>{t&&this.setFocusOnElement(e.previousElementSibling)}))}navigateDown(){const t=this.root.querySelector(":focus");if(this.elementIsSearch(t))return void this.root.querySelector("gux-list-legacy").setFocusOnFirstItem();const e=this.getParentGuxList(t);e&&e.isLastItemSelected().then((t=>{t&&this.setFocusOnElement(e.nextElementSibling)}))}get root(){return a(this)}};u.style="gux-command-palette-legacy .gux-command-palette{position:absolute;right:0;left:0;max-width:750px;padding:12px;margin:0 auto;border-color:1px solid #e2e6ee;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24);}gux-command-palette-legacy .gux-command-palette .gux-command-palette-search-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}gux-command-palette-legacy .gux-command-palette.gux-hidden{top:0;display:none}gux-command-palette-legacy .gux-command-palette:not(.gux-hidden){top:40px;animation-name:fadeIn;animation-duration:300ms;animation-timing-function:ease-in;animation-iteration-count:1}@keyframes fadeIn{0%{top:0;opacity:0}100%{top:40px;opacity:1}}gux-command-palette-legacy .gux-command-palette .gux-limit{margin-bottom:8px}gux-command-palette-legacy .gux-command-palette gux-list-legacy{display:block;margin-top:4px}gux-command-palette-legacy .gux-command-palette gux-list-legacy>strong{height:32px;padding:0 16px;line-height:32px}gux-command-palette-legacy .gux-command-palette gux-text-field,gux-command-palette-legacy .gux-command-palette gux-list-legacy>div[role='list']{margin-bottom:12px}gux-command-palette-legacy .gux-command-palette gux-list-legacy+gux-list-legacy{margin-bottom:0}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy.gux-has-details .gux-list-item{line-height:16px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item{display:block;line-height:32px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item gux-text-highlight,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-shortcut{display:block}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item div{display:flex;padding:0;border:none;box-shadow:none}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item div gux-text-highlight{flex:1 1 auto}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item div .gux-shortcut{flex:0 1 auto}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item gux-text-highlight:last-child{margin-bottom:8px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{margin-left:4px;font-size:11px}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:last-of-type .gux-details,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:last-of-type div:last-child{margin-bottom:0}.gux-command-palette-light-theme .gux-command-palette{color:#2e394c;background:#fdfdfd}.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item div,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item .gux-details,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}.gux-command-palette-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}.gux-light-theme gux-command-palette-legacy .gux-command-palette{color:#2e394c;background:#fdfdfd}.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item div,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item .gux-details,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}.gux-light-theme gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}gux-command-palette-legacy.gux-light-theme .gux-command-palette{color:#2e394c;background:#fdfdfd}gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item div,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item .gux-details,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}gux-command-palette-legacy.gux-light-theme .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}gux-command-palette-legacy .gux-command-palette{color:#2e394c;background:#fdfdfd}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item div,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item div,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item div{color:#fdfdfd;background:#2a60c8}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:focus .gux-list-item .gux-details,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:active .gux-list-item .gux-details,gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy:hover .gux-list-item .gux-details{color:#fdfdfd}gux-command-palette-legacy .gux-command-palette gux-list-legacy gux-list-item-legacy .gux-list-item .gux-details{color:#6b7585}";export{u as gux_command_palette_legacy}
@@ -1 +1 @@
1
- import{r as e,h as t,g as l}from"./p-e571f861.js";import{t as a}from"./p-2065021e.js";let o=1;const x=class{constructor(t){e(this,t),this.position="above",this.id=this.generateId()}componentWillLoad(){a(this.root,{variant:this.position})}componentDidLoad(){const e=this.labeledComponent.querySelector("*");"function"==typeof e.componentOnReady&&"function"==typeof e.setLabelledBy?e.componentOnReady().then((()=>{e.setLabelledBy(this.id)})):e.setAttribute("aria-labelledby",this.id)}render(){return t("div",{class:`gux-text-label-container gux-${this.position}`},t("label",{class:"gux-label",id:this.id},t("slot",{name:"label"},this.label)),t("div",{class:"gux-labeled-component",ref:e=>this.labeledComponent=e},t("slot",null)))}generateId(){return"gux-text-label-"+o++}get root(){return l(this)}};x.style="gux-text-label-legacy .gux-label{margin-right:8px}gux-text-label-legacy .gux-text-label-container.gux-beside{display:flex;flex-direction:row;align-items:baseline}gux-text-label-legacy .gux-text-label-container.gux-beside .gux-labeled-component{flex:1 1 auto}.gux-text-label-dark-theme{color:#fdfdfd}.gux-dark-theme gux-text-label-legacy{color:#fdfdfd}gux-text-label-legacy.gux-dark-theme{color:#fdfdfd}.gux-text-label-light-theme{color:#2e394c}.gux-light-theme gux-text-label-legacy{color:#2e394c}gux-text-label-legacy.gux-light-theme{color:#2e394c}gux-text-label-legacy{color:#2e394c}";export{x as gux_text_label_legacy}
1
+ import{r as e,h as t,g as l}from"./p-e571f861.js";import{t as a}from"./p-440657a8.js";let o=1;const x=class{constructor(t){e(this,t),this.position="above",this.id=this.generateId()}componentWillLoad(){a(this.root,{variant:this.position})}componentDidLoad(){const e=this.labeledComponent.querySelector("*");"function"==typeof e.componentOnReady&&"function"==typeof e.setLabelledBy?e.componentOnReady().then((()=>{e.setLabelledBy(this.id)})):e.setAttribute("aria-labelledby",this.id)}render(){return t("div",{class:`gux-text-label-container gux-${this.position}`},t("label",{class:"gux-label",id:this.id},t("slot",{name:"label"},this.label)),t("div",{class:"gux-labeled-component",ref:e=>this.labeledComponent=e},t("slot",null)))}generateId(){return"gux-text-label-"+o++}get root(){return l(this)}};x.style="gux-text-label-legacy .gux-label{margin-right:8px}gux-text-label-legacy .gux-text-label-container.gux-beside{display:flex;flex-direction:row;align-items:baseline}gux-text-label-legacy .gux-text-label-container.gux-beside .gux-labeled-component{flex:1 1 auto}.gux-text-label-dark-theme{color:#fdfdfd}.gux-dark-theme gux-text-label-legacy{color:#fdfdfd}gux-text-label-legacy.gux-dark-theme{color:#fdfdfd}.gux-text-label-light-theme{color:#2e394c}.gux-light-theme gux-text-label-legacy{color:#2e394c}gux-text-label-legacy.gux-light-theme{color:#2e394c}gux-text-label-legacy{color:#2e394c}";export{x as gux_text_label_legacy}
@@ -1 +1 @@
1
- import{r as e,h as o,g as n}from"./p-e571f861.js";import{t as r}from"./p-2065021e.js";const a=class{constructor(o){e(this,o)}componentWillLoad(){r(this.root)}renderOptionalSlot(e){if(function(e,o){return Boolean(e.querySelector(`[slot=${o}]`))}(this.root,e))switch(e){case"header":return o("header",{class:"gux-panel-header"},o("slot",{name:`${e}`}));case"body":return o("div",{class:"gux-panel-body"},o("slot",{name:`${e}`}));case"footer":return o("footer",{class:"gux-panel-footer"},o("slot",{name:`${e}`}))}}render(){return o("section",{class:"gux-panel-container"},this.renderOptionalSlot("header"),this.renderOptionalSlot("body"),this.renderOptionalSlot("footer"))}get root(){return n(this)}};a.style=".gux-panel-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:8px 15px;color:#2e394c;background-color:#fdfdfd;border:1px solid #e2e6ee}.gux-panel-container .gux-panel-header,.gux-panel-container .gux-panel-body,.gux-panel-container .gux-panel-footer{box-sizing:border-box;width:100%}.gux-panel-container .gux-panel-header{flex-shrink:0;padding:0 8px;border-bottom:1px solid #e2e6ee}.gux-panel-container .gux-panel-body{flex-grow:1;padding:8px;overflow-y:auto}.gux-panel-container .gux-panel-footer{flex-shrink:0;padding:12px 8px;border-top:1px solid #e2e6ee}";export{a as gux_panel_frame_legacy}
1
+ import{r as e,h as o,g as n}from"./p-e571f861.js";import{t as r}from"./p-440657a8.js";const a=class{constructor(o){e(this,o)}componentWillLoad(){r(this.root)}renderOptionalSlot(e){if(function(e,o){return Boolean(e.querySelector(`[slot=${o}]`))}(this.root,e))switch(e){case"header":return o("header",{class:"gux-panel-header"},o("slot",{name:`${e}`}));case"body":return o("div",{class:"gux-panel-body"},o("slot",{name:`${e}`}));case"footer":return o("footer",{class:"gux-panel-footer"},o("slot",{name:`${e}`}))}}render(){return o("section",{class:"gux-panel-container"},this.renderOptionalSlot("header"),this.renderOptionalSlot("body"),this.renderOptionalSlot("footer"))}get root(){return n(this)}};a.style=".gux-panel-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:8px 15px;color:#2e394c;background-color:#fdfdfd;border:1px solid #e2e6ee}.gux-panel-container .gux-panel-header,.gux-panel-container .gux-panel-body,.gux-panel-container .gux-panel-footer{box-sizing:border-box;width:100%}.gux-panel-container .gux-panel-header{flex-shrink:0;padding:0 8px;border-bottom:1px solid #e2e6ee}.gux-panel-container .gux-panel-body{flex-grow:1;padding:8px;overflow-y:auto}.gux-panel-container .gux-panel-footer{flex-shrink:0;padding:12px 8px;border-top:1px solid #e2e6ee}";export{a as gux_panel_frame_legacy}
@@ -1 +1 @@
1
- import{r as e,h as t,H as o,g as a}from"./p-e571f861.js";import{O as i}from"./p-35578249.js";import{o as s}from"./p-e2bea786.js";import{p as r}from"./p-c10e41a9.js";import{t as l}from"./p-2065021e.js";import{h as n,G as h,v as p}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const c=class{constructor(t){e(this,t),this.hasError=!1}onMutation(){this.hasError=n(this.root)}componentWillLoad(){this.setInput(),this.hasError=n(this.root),l(this.root)}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return t(o,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},t("div",{class:"gux-form-field-container"},t("div",{class:"gux-input"},t("slot",{name:"input",onSlotchange:()=>this.setInput()}),t("slot",{name:"label"})),t(h,{hasError:this.hasError},t("slot",{name:"error"}))))}setInput(){this.input=this.root.querySelector('input[type="checkbox"][slot="input"]'),r(this.input),this.disabled=this.input.disabled,this.disabledObserver=s(this.input,(e=>{this.disabled=e})),p(this.root,this.input)}get root(){return a(this)}};(function(e,t,o,a){var i,s=arguments.length,r=s<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,a);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(r=(s<3?i(r):s>3?i(t,o,r):i(t,o))||r);s>3&&r&&Object.defineProperty(t,o,r)})([i({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}:host{display:block;color:#2e394c}:host(.gux-input-error) ::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%23ea0b0b' /%3E%3C/svg%3E\")}:host(.gux-disabled){cursor:not-allowed;opacity:0.5}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}.gux-input{position:relative;height:24px;line-height:24px}::slotted(input[type='checkbox']){display:inline-grid;width:16px;height:16px;margin:4px;text-align:center;vertical-align:middle;cursor:pointer;border:0;-webkit-appearance:none;appearance:none;outline:none}::slotted(input[type='checkbox'])::before{grid-area:1;content:'';border-radius:15%}::slotted(input[type='checkbox']:focus-within)::before{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%2377828f' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:not(:checked):not(:disabled):not(:indeterminate):hover)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:checked)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 1.467h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zM6.8 11 3.638 7.941l.89-.932L6.8 9.2l3.947-3.861.891.932z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:indeterminate)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.138 8.467h7v-1h-7zm7-7h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zm2 10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2z' fill='%232a60c8' /%3E%3C/svg%3E\")}::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{c as gux_form_field_checkbox}
1
+ import{r as e,h as t,H as o,g as a}from"./p-e571f861.js";import{O as i}from"./p-35578249.js";import{o as s}from"./p-e2bea786.js";import{p as r}from"./p-c10e41a9.js";import{t as l}from"./p-440657a8.js";import{h as n,G as h,v as p}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const c=class{constructor(t){e(this,t),this.hasError=!1}onMutation(){this.hasError=n(this.root)}componentWillLoad(){this.setInput(),this.hasError=n(this.root),l(this.root)}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return t(o,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},t("div",{class:"gux-form-field-container"},t("div",{class:"gux-input"},t("slot",{name:"input",onSlotchange:()=>this.setInput()}),t("slot",{name:"label"})),t(h,{hasError:this.hasError},t("slot",{name:"error"}))))}setInput(){this.input=this.root.querySelector('input[type="checkbox"][slot="input"]'),r(this.input),this.disabled=this.input.disabled,this.disabledObserver=s(this.input,(e=>{this.disabled=e})),p(this.root,this.input)}get root(){return a(this)}};(function(e,t,o,a){var i,s=arguments.length,r=s<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,a);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(r=(s<3?i(r):s>3?i(t,o,r):i(t,o))||r);s>3&&r&&Object.defineProperty(t,o,r)})([i({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}:host{display:block;color:#2e394c}:host(.gux-input-error) ::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%23ea0b0b' /%3E%3C/svg%3E\")}:host(.gux-disabled){cursor:not-allowed;opacity:0.5}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}.gux-input{position:relative;height:24px;line-height:24px}::slotted(input[type='checkbox']){display:inline-grid;width:16px;height:16px;margin:4px;text-align:center;vertical-align:middle;cursor:pointer;border:0;-webkit-appearance:none;appearance:none;outline:none}::slotted(input[type='checkbox'])::before{grid-area:1;content:'';border-radius:15%}::slotted(input[type='checkbox']:focus-within)::before{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}::slotted(input[type='checkbox']:not(:checked))::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%2377828f' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:not(:checked):not(:disabled):not(:indeterminate):hover)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:checked)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.138 1.467h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zM6.8 11 3.638 7.941l.89-.932L6.8 9.2l3.947-3.861.891.932z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:indeterminate)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.138 8.467h7v-1h-7zm7-7h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zm2 10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2z' fill='%232a60c8' /%3E%3C/svg%3E\")}::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{c as gux_form_field_checkbox}
@@ -1 +1 @@
1
- import{r as t,h as e,g as o}from"./p-e571f861.js";import{O as i}from"./p-35578249.js";import{o as n,a as r}from"./p-e2bea786.js";import{t as a}from"./p-2065021e.js";import{G as s,a as l}from"./p-cdf5cb56.js";import{h as p,G as u,v as x,g as c}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const d=class{constructor(e){t(this,e),this.computedLabelPosition="above",this.hasError=!1}onMutation(){this.hasError=p(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=p(this.root),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return e(l,{labelPosition:this.computedLabelPosition},e(s,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()})),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{class:{"gux-dropdown-container":!0,"gux-disabled":this.disabled}},e("slot",null))),e(u,{hasError:this.hasError},e("slot",{name:"error"}))))}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=this.dropdownElement.disabled,this.required=this.dropdownElement.required,this.disabledObserver=n(this.dropdownElement,(t=>{this.disabled=t})),this.requiredObserver=r(this.dropdownElement,(t=>{this.required=t})),x(this.root,this.listboxElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=c(this.label,this.labelPosition)}get root(){return o(this)}};(function(t,e,o,i){var n,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(a=(r<3?n(a):r>3?n(e,o,a):n(e,o))||a);r>3&&a&&Object.defineProperty(e,o,a)})([i({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(select){flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted(select)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:#2a60c8}.gux-input-and-error-container .gux-input .gux-input-container select{flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{d as gux_form_field_dropdown}
1
+ import{r as t,h as o,g as e}from"./p-e571f861.js";import{O as i}from"./p-35578249.js";import{o as n,a as r}from"./p-e2bea786.js";import{t as a}from"./p-440657a8.js";import{G as s,a as l}from"./p-cdf5cb56.js";import{h as p,G as u,v as x,g as c}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const d=class{constructor(o){t(this,o),this.computedLabelPosition="above",this.hasError=!1}onMutation(){this.hasError=p(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=p(this.root),a(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return o(l,{labelPosition:this.computedLabelPosition},o(s,{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}},o("div",{class:{"gux-dropdown-container":!0,"gux-disabled":this.disabled}},o("slot",null))),o(u,{hasError:this.hasError},o("slot",{name:"error"}))))}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=this.dropdownElement.disabled,this.required=this.dropdownElement.required,this.disabledObserver=n(this.dropdownElement,(t=>{this.disabled=t})),this.requiredObserver=r(this.dropdownElement,(t=>{this.required=t})),x(this.root,this.listboxElement)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=c(this.label,this.labelPosition)}get root(){return e(this)}};(function(t,o,e,i){var n,r=arguments.length,a=r<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,o,e,i);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(a=(r<3?n(a):r>3?n(o,e,a):n(o,e))||a);r>3&&a&&Object.defineProperty(o,e,a)})([i({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(select){flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted(select)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:#2a60c8}.gux-input-and-error-container .gux-input .gux-input-container select{flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{d as gux_form_field_dropdown}
@@ -1 +1 @@
1
- import{r as t,c as i,h as o,g as s}from"./p-e571f861.js";import{t as n}from"./p-2065021e.js";import{O as e}from"./p-49b1912a.js";import{b as a}from"./p-523a0237.js";import"./p-8a133b9b.js";const c={actionButtonDropdown:"Dropdown for {buttonTitle}"};const r=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.moveFocusDelay=100,this.type="button",this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const i=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,i.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){switch(t.key){case" ":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(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){setTimeout((()=>{this.listElement.focus&&this.listElement.focus()}),this.moveFocusDelay)}focusFirstItemInPopupList(){setTimeout((()=>{this.listElement.guxFocusFirstItem()}),this.moveFocusDelay)}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}async componentWillLoad(){n(this.root,{variant:this.type}),this.i18n=await a(this.root,c)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup",{expanded:this.isOpen,disabled:this.disabled},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot-beta",{class:"gux-action-button",accent:this.accent},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},this.text)),o("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("div",{class:"gux-list-container",slot:"popup"},o("gux-list",{ref:t=>this.listElement=t},o("slot",null)))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([e({triggerEvents:"click"})],r.prototype,"onClickOutside",null),r.style=":host{display:block;-webkit-user-select:none;user-select:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;min-width:0;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}.gux-action-button-container .gux-list-container{padding:8px 0;margin:0;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{r as gux_action_button}
1
+ import{r as t,c as i,h as o,g as s}from"./p-e571f861.js";import{t as n}from"./p-440657a8.js";import{O as e}from"./p-49b1912a.js";import{b as a}from"./p-523a0237.js";import"./p-8a133b9b.js";const c={actionButtonDropdown:"Dropdown for {buttonTitle}"};const r=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.moveFocusDelay=100,this.type="button",this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const i=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,i.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){switch(t.key){case" ":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(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){setTimeout((()=>{this.listElement.focus&&this.listElement.focus()}),this.moveFocusDelay)}focusFirstItemInPopupList(){setTimeout((()=>{this.listElement.guxFocusFirstItem()}),this.moveFocusDelay)}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}async componentWillLoad(){n(this.root,{variant:this.type}),this.i18n=await a(this.root,c)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup",{expanded:this.isOpen,disabled:this.disabled},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot-beta",{class:"gux-action-button",accent:this.accent},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},this.text)),o("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("div",{class:"gux-list-container",slot:"popup"},o("gux-list",{ref:t=>this.listElement=t},o("slot",null)))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([e({triggerEvents:"click"})],r.prototype,"onClickOutside",null),r.style=":host{display:block;-webkit-user-select:none;user-select:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;min-width:0;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}.gux-action-button-container .gux-list-container{padding:8px 0;margin:0;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{r as gux_action_button}
@@ -1 +1 @@
1
- import{r as t,c as s,f as e,d as i,a as o,h as a,H as r,g as h}from"./p-e571f861.js";import{b as l}from"./p-523a0237.js";import{w as n}from"./p-76ff3e75.js";import{r as c}from"./p-cbcbd1bb.js";import{t as u}from"./p-2065021e.js";import{t as g}from"./p-451a9239.js";import"./p-8a133b9b.js";const d=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=c("gux-table"),this.columnsWidths={},this.isVerticalScroll=!1,this.isHorizontalScroll=!1,this.isScrolledToFirstCell=!0,this.isScrolledToLastCell=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1}async componentWillLoad(){u(this.root),this.i18n=await l(this.root,g)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSortableColumns(),this.prepareSelectableRows(),this.checkHorizontalScroll(),this.checkVerticalScroll(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{i((()=>{this.checkHorizontalScroll(),this.checkVerticalScroll(),this.updateScrollState()}))}))),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 tableColumnsDataSortable(){return Array.from(this.slottedTable.querySelectorAll("thead th[data-sortable]"))}get sortControlCol(){return Array.from(this.slottedTable.querySelectorAll("thead th gux-sort-control"))}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)),o=Boolean(s.length),a=i.length===e.length,r=0===i.length;t.selected=o&&a,t.setIndeterminate(o&&!a&&!r)}}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.tableColumns;s.pop(),s.forEach((t=>{this.columnsWidths[t.dataset.columnName]=`${this.getElementComputedWidth(t)}px`})),this.setResizableColumnsStyles()}updateResizeState(t){if(this.columnResizeState){const s=this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX);this.columnsWidths[this.columnResizeState.resizableColumn.dataset.columnName]=`${s>1?s:1}px`,this.setResizableColumnsStyles()}else this.columnResizeHover=!1,n("th",t,(s=>{this.tableColumns.length-1!==s.cellIndex&&this.isInResizeZone(t,s)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){n("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 parseInt(window.getComputedStyle(t).getPropertyValue("width").split("px")[0],10)}prepareSortableColumns(){let t=[];t=document.querySelector("gux-sort-control")?this.sortControlCol:this.tableColumnsDataSortable,this.tableColumnsDataSortable.forEach((t=>{t.hasAttribute("data-sortable")&&this.prepareSortableColumnsStyles()})),t.forEach((t=>{t.onclick=s=>{if(!this.columnResizeHover){const e=s.target,i=t.hasAttribute("data-sortable")?s.currentTarget:e.parentElement;let o=null;switch(i.getAttribute("aria-sort")||""){case"":case"descending":o="ascending";break;case"ascending":o="descending"}this.guxsortchanged.emit({columnName:i.dataset.columnName,sortDirection:o})}}}))}prepareSortableColumnsStyles(){const t="gux-table-sortable-styles";if(null==document.getElementById(t)){const s=document.createElement("style");s.id=t;const e=o("./icons/arrow-solid-down.svg"),i=o("./icons/arrow-solid-up.svg"),a=this.i18n("sortAsc"),r=this.i18n("sortDesc");s.innerHTML=`\n th[data-sortable]:focus-within:after{content: "${a}";background-image: url("${e}");}\n th[aria-sort="ascending"]:after{background-image:url("${e}")!important;content:"${a}"!important;}\n th[aria-sort="descending"]:after{background-image:url("${i}")!important;content:"${r}"!important;}\n `,document.querySelector("head").appendChild(s)}}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])};\n min-width:${String(this.columnsWidths[t])};\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 a(r,{"gs-table-id":this.tableId,"gs-v-scroll":this.isVerticalScroll,"gs-h-scroll":this.isHorizontalScroll,"gs-obj-table":this.objectTable,"gs-compact":this.compact},a("div",{class:"gux-table"},a("div",{tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},a("slot",{name:"data"})),this.isHorizontalScroll&&a("gux-button-slot-beta",{accent:"secondary"},a("button",{class:"gux-table-scroll-left",disabled:this.isScrolledToFirstCell,onClick:!this.isScrolledToFirstCell&&this.previousColumn.bind(this)},a("gux-icon",{"icon-name":"chevron-left","screenreader-text":this.i18n("scrollLeft")}))),this.isHorizontalScroll&&a("gux-button-slot-beta",{accent:"secondary",style:{marginRight:`${this.tableScrollbarConstant}px`}},a("button",{class:"gux-table-scroll-right",disabled:this.isScrolledToLastCell,style:{marginRight:`${this.tableScrollbarConstant}px`},onClick:!this.isScrolledToLastCell&&this.nextColumn.bind(this)},a("gux-icon",{"icon-name":"chevron-right","screenreader-text":this.i18n("scrollRight")}))),this.isTableEmpty&&a("div",{class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return h(this)}};d.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;overflow-y:auto;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{d as gux_table_beta}
1
+ import{r as t,c as s,f as e,d as i,a as o,h as a,H as r,g as h}from"./p-e571f861.js";import{b as l}from"./p-523a0237.js";import{w as n}from"./p-76ff3e75.js";import{r as c}from"./p-cbcbd1bb.js";import{t as u}from"./p-440657a8.js";import{t as g}from"./p-451a9239.js";import"./p-8a133b9b.js";const d=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=c("gux-table"),this.columnsWidths={},this.isVerticalScroll=!1,this.isHorizontalScroll=!1,this.isScrolledToFirstCell=!0,this.isScrolledToLastCell=!1,this.columnResizeHover=!1,this.compact=!1,this.objectTable=!1}async componentWillLoad(){u(this.root),this.i18n=await l(this.root,g)}componentDidLoad(){this.resizableColumns&&this.prepareResizableColumns(),this.prepareSortableColumns(),this.prepareSelectableRows(),this.checkHorizontalScroll(),this.checkVerticalScroll(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{i((()=>{this.checkHorizontalScroll(),this.checkVerticalScroll(),this.updateScrollState()}))}))),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 tableColumnsDataSortable(){return Array.from(this.slottedTable.querySelectorAll("thead th[data-sortable]"))}get sortControlCol(){return Array.from(this.slottedTable.querySelectorAll("thead th gux-sort-control"))}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)),o=Boolean(s.length),a=i.length===e.length,r=0===i.length;t.selected=o&&a,t.setIndeterminate(o&&!a&&!r)}}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.tableColumns;s.pop(),s.forEach((t=>{this.columnsWidths[t.dataset.columnName]=`${this.getElementComputedWidth(t)}px`})),this.setResizableColumnsStyles()}updateResizeState(t){if(this.columnResizeState){const s=this.columnResizeState.resizableColumnInitialWidth+(t.pageX-this.columnResizeState.columnResizeMouseStartX);this.columnsWidths[this.columnResizeState.resizableColumn.dataset.columnName]=`${s>1?s:1}px`,this.setResizableColumnsStyles()}else this.columnResizeHover=!1,n("th",t,(s=>{this.tableColumns.length-1!==s.cellIndex&&this.isInResizeZone(t,s)&&(this.columnResizeHover=!0)}))}maybeStartResizing(t){n("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 parseInt(window.getComputedStyle(t).getPropertyValue("width").split("px")[0],10)}prepareSortableColumns(){let t=[];t=document.querySelector("gux-sort-control")?this.sortControlCol:this.tableColumnsDataSortable,this.tableColumnsDataSortable.forEach((t=>{t.hasAttribute("data-sortable")&&this.prepareSortableColumnsStyles()})),t.forEach((t=>{t.onclick=s=>{if(!this.columnResizeHover){const e=s.target,i=t.hasAttribute("data-sortable")?s.currentTarget:e.parentElement;let o=null;switch(i.getAttribute("aria-sort")||""){case"":case"descending":o="ascending";break;case"ascending":o="descending"}this.guxsortchanged.emit({columnName:i.dataset.columnName,sortDirection:o})}}}))}prepareSortableColumnsStyles(){const t="gux-table-sortable-styles";if(null==document.getElementById(t)){const s=document.createElement("style");s.id=t;const e=o("./icons/arrow-solid-down.svg"),i=o("./icons/arrow-solid-up.svg"),a=this.i18n("sortAsc"),r=this.i18n("sortDesc");s.innerHTML=`\n th[data-sortable]:focus-within:after{content: "${a}";background-image: url("${e}");}\n th[aria-sort="ascending"]:after{background-image:url("${e}")!important;content:"${a}"!important;}\n th[aria-sort="descending"]:after{background-image:url("${i}")!important;content:"${r}"!important;}\n `,document.querySelector("head").appendChild(s)}}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])};\n min-width:${String(this.columnsWidths[t])};\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 a(r,{"gs-table-id":this.tableId,"gs-v-scroll":this.isVerticalScroll,"gs-h-scroll":this.isHorizontalScroll,"gs-obj-table":this.objectTable,"gs-compact":this.compact},a("div",{class:"gux-table"},a("div",{tabindex:this.isVerticalScroll?"0":"-1",id:this.tableId,class:this.tableContainerClasses},a("slot",{name:"data"})),this.isHorizontalScroll&&a("gux-button-slot-beta",{accent:"secondary"},a("button",{class:"gux-table-scroll-left",disabled:this.isScrolledToFirstCell,onClick:!this.isScrolledToFirstCell&&this.previousColumn.bind(this)},a("gux-icon",{"icon-name":"chevron-left","screenreader-text":this.i18n("scrollLeft")}))),this.isHorizontalScroll&&a("gux-button-slot-beta",{accent:"secondary",style:{marginRight:`${this.tableScrollbarConstant}px`}},a("button",{class:"gux-table-scroll-right",disabled:this.isScrolledToLastCell,style:{marginRight:`${this.tableScrollbarConstant}px`},onClick:!this.isScrolledToLastCell&&this.nextColumn.bind(this)},a("gux-icon",{"icon-name":"chevron-right","screenreader-text":this.i18n("scrollRight")}))),this.isTableEmpty&&a("div",{class:"gux-empty-table"},this.emptyMessage||this.i18n("emptyMessage"))))}get root(){return h(this)}};d.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;overflow-y:auto;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{d as gux_table_beta}
@@ -1 +1 @@
1
- import{r as t,h as o,g as s}from"./p-e571f861.js";import{t as n}from"./p-2065021e.js";import{b as i}from"./p-523a0237.js";import"./p-8a133b9b.js";const e={dismiss:"Dismiss"},r=class{constructor(o){t(this,o)}async componentWillLoad(){n(this.root),this.i18n=await i(this.root,e)}render(){return o("button",{type:"button",title:this.i18n("dismiss")},o("gux-icon",{"icon-name":"close","screenreader-text":this.i18n("dismiss")}))}static get delegatesFocus(){return!0}get root(){return s(this)}};r.style="button{position:absolute;top:0;right:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px}button:not(:disabled):focus,button:not(:disabled):hover{color:#2e394c;cursor:pointer}button gux-icon{width:15px;height:15px;margin:4px;border-radius:4px}button:focus{outline:none}button:focus gux-icon{outline:none}button:focus:enabled gux-icon{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}";export{r as gux_dismiss_button}
1
+ import{r as t,h as o,g as s}from"./p-e571f861.js";import{t as n}from"./p-440657a8.js";import{b as i}from"./p-523a0237.js";import"./p-8a133b9b.js";const e={dismiss:"Dismiss"},r=class{constructor(o){t(this,o)}async componentWillLoad(){n(this.root),this.i18n=await i(this.root,e)}render(){return o("button",{type:"button",title:this.i18n("dismiss")},o("gux-icon",{"icon-name":"close","screenreader-text":this.i18n("dismiss")}))}static get delegatesFocus(){return!0}get root(){return s(this)}};r.style="button{position:absolute;top:0;right:0;padding:2px;color:#596373;background:transparent;border:none;border-radius:4px}button:not(:disabled):focus,button:not(:disabled):hover{color:#2e394c;cursor:pointer}button gux-icon{width:15px;height:15px;margin:4px;border-radius:4px}button:focus{outline:none}button:focus gux-icon{outline:none}button:focus:enabled gux-icon{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}";export{r as gux_dismiss_button}
@@ -1 +1 @@
1
- import{r as t,c as n,h as e,g as i}from"./p-e571f861.js";import{t as o}from"./p-2065021e.js";import{b as a}from"./p-523a0237.js";import{o as s}from"./p-e2bea786.js";import"./p-8a133b9b.js";const r={eraseBtnAria:"Clear",navigateNextBtn:"Next",navigatePreviousBtn:"Previous",totalMatches:"{currentMatch, number} of {matchCount, number}"},c=class{constructor(e){t(this,e),this.guxcurrentmatchchanged=n(this,"guxcurrentmatchchanged",7),this.matchCount=0,this.currentMatch=0}async clear(){this.disabled||(this.matchCount=0,this.currentMatch=0,this.value="",this.emitCurrentMatchChanged(),this.resetInputSlottedElement())}async componentWillLoad(){o(this.root),this.i18n=await a(this.root,r),this.inputSlottedElement=this.root.querySelector("input"),this.disabled=this.inputSlottedElement.disabled,this.value=this.inputSlottedElement.value,this.disabledObserver=s(this.inputSlottedElement,(t=>{this.disabled=t})),this.inputSlottedElement.addEventListener("input",(t=>this.onInput(t)))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return e("div",{class:{"gux-content-search":!0,"gux-disabled":this.disabled}},e("div",{class:"gux-search-icon"},e("gux-icon",{decorative:!0,"icon-name":"search"})),e("slot",null),this.getNavigationPanel())}getNavigationPanel(){if(this.showNavigationPanel()){const t=this.disableNavigationPanel();return e("div",{class:"gux-content-control-panel"},e("div",{class:{"gux-navigation-panel":!0,"gux-navigation-disabled":t},title:this.matchCountResult()},e("span",{class:{"gux-navigation-result":!0,"gux-navigation-result-disabled":t},"aria-label":this.matchCountResult()},this.matchCountResult()),e("button",{type:"button",class:"gux-previous-button",title:this.i18n("navigatePreviousBtn"),"aria-label":this.i18n("navigatePreviousBtn"),onClick:()=>this.previousClick(),disabled:t},e("gux-icon",{decorative:!0,"icon-name":"arrow-solid-up"})),e("button",{type:"button",class:"gux-next-button",title:this.i18n("navigateNextBtn"),"aria-label":this.i18n("navigateNextBtn"),onClick:()=>this.nextClick(),disabled:t},e("gux-icon",{decorative:!0,"icon-name":"arrow-solid-down"}))),e("button",{type:"button",class:"gux-clear-button",title:this.i18n("eraseBtnAria"),"aria-label":this.i18n("eraseBtnAria"),onClick:()=>this.clear(),disabled:this.disabled},e("gux-icon",{decorative:!0,"icon-name":"close"})))}return null}matchCountResult(){return this.i18n("totalMatches",{currentMatch:this.getNormalizedCurrentMatch(),matchCount:this.getNormalizedMatchCount()})}showNavigationPanel(){return""!==this.value}disableNavigationPanel(){return this.disabled||this.getNormalizedMatchCount()<=0}getNormalizedMatchCount(){return this.matchCount&&Number.isInteger(this.matchCount)&&this.matchCount>=0?Number(this.matchCount):0}getNormalizedCurrentMatch(){return this.currentMatch&&Number.isInteger(this.currentMatch)&&this.currentMatch>=0&&this.currentMatch<=this.getNormalizedMatchCount()&&this.getNormalizedMatchCount()>0?Number(this.currentMatch):0}resetInputSlottedElement(){this.inputSlottedElement.value="",this.inputSlottedElement.dispatchEvent(new InputEvent("input",{bubbles:!0,cancelable:!0})),this.inputSlottedElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}nextClick(){this.disableNavigationPanel()||(this.currentMatch=this.getNormalizedCurrentMatch()===this.getNormalizedMatchCount()?1:this.getNormalizedCurrentMatch()+1,this.emitCurrentMatchChanged())}previousClick(){this.disableNavigationPanel()||(this.currentMatch=1===this.getNormalizedCurrentMatch()||0===this.getNormalizedCurrentMatch()?this.getNormalizedMatchCount():this.getNormalizedCurrentMatch()-1,this.emitCurrentMatchChanged())}onInput(t){this.value=t.target.value}emitCurrentMatchChanged(){this.guxcurrentmatchchanged.emit(this.getNormalizedCurrentMatch())}get root(){return i(this)}};c.style=":host{display:inline-block;width:300px;min-width:300px;color:#596373}::slotted(input){box-sizing:border-box;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;background-color:#fdfdfd;background-image:none;border:1px solid #6b7585;border-radius:2px;flex-basis:100%;flex-shrink:1;min-width:0;height:22px;padding:0;color:#2e394c;background-color:#f6f7f9;border:0;border-radius:0;outline:none}::slotted(input)::placeholder{color:#596373}::slotted(input).gux-focused,::slotted(input):focus{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px rgba(170, 201, 255, 0.5)}::slotted(input).gux-focused,::slotted(input):focus{border:0;outline:none;box-shadow:none}.gux-content-search{box-sizing:border-box;display:flex;flex-direction:row;width:100%;height:32px;padding:4px 0 4px 0;margin:4px 0;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-content-search.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-content-search:focus,.gux-content-search:focus-within{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px #75a8ff}.gux-content-search .gux-search-icon{display:flex;flex-shrink:0;align-items:center;padding:0 4px 0 8px}.gux-content-search .gux-search-icon:disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-content-search .gux-search-icon gux-icon{width:16px;height:16px}.gux-content-search .gux-content-control-panel{box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:0;align-content:center;align-items:center;justify-content:flex-end;height:22px;padding:0;line-height:1.6667}.gux-content-search .gux-content-control-panel button{display:block;align-items:center;overflow:hidden;color:#596373;cursor:pointer;background:none;border:none;border-radius:4px;outline:none}.gux-content-search .gux-content-control-panel button:disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-content-search .gux-content-control-panel button:not(:disabled):hover,.gux-content-search .gux-content-control-panel button:not(:disabled):focus{color:#2e394c}.gux-content-search .gux-content-control-panel button:focus:enabled{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-content-search .gux-content-control-panel button gux-icon{width:16px;height:16px}.gux-content-search .gux-content-control-panel .gux-clear-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0;margin-right:8px;margin-left:8px}.gux-content-search .gux-content-control-panel .gux-navigation-disabled{pointer-events:auto;cursor:default;opacity:0.5}.gux-content-search .gux-content-control-panel .gux-navigation-panel{display:flex;align-content:center;align-items:center;justify-content:flex-end;border-right:1px solid #596373}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-result{align-items:center;padding-left:8px;font-family:inherit;font-size:12px;white-space:nowrap}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-previous-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0;margin-left:4px}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-next-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0;margin-right:4px}";export{c as gux_content_search}
1
+ import{r as t,c as n,h as e,g as i}from"./p-e571f861.js";import{t as o}from"./p-440657a8.js";import{b as a}from"./p-523a0237.js";import{o as s}from"./p-e2bea786.js";import"./p-8a133b9b.js";const r={eraseBtnAria:"Clear",navigateNextBtn:"Next",navigatePreviousBtn:"Previous",totalMatches:"{currentMatch, number} of {matchCount, number}"},c=class{constructor(e){t(this,e),this.guxcurrentmatchchanged=n(this,"guxcurrentmatchchanged",7),this.matchCount=0,this.currentMatch=0}async clear(){this.disabled||(this.matchCount=0,this.currentMatch=0,this.value="",this.emitCurrentMatchChanged(),this.resetInputSlottedElement())}async componentWillLoad(){o(this.root),this.i18n=await a(this.root,r),this.inputSlottedElement=this.root.querySelector("input"),this.disabled=this.inputSlottedElement.disabled,this.value=this.inputSlottedElement.value,this.disabledObserver=s(this.inputSlottedElement,(t=>{this.disabled=t})),this.inputSlottedElement.addEventListener("input",(t=>this.onInput(t)))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return e("div",{class:{"gux-content-search":!0,"gux-disabled":this.disabled}},e("div",{class:"gux-search-icon"},e("gux-icon",{decorative:!0,"icon-name":"search"})),e("slot",null),this.getNavigationPanel())}getNavigationPanel(){if(this.showNavigationPanel()){const t=this.disableNavigationPanel();return e("div",{class:"gux-content-control-panel"},e("div",{class:{"gux-navigation-panel":!0,"gux-navigation-disabled":t},title:this.matchCountResult()},e("span",{class:{"gux-navigation-result":!0,"gux-navigation-result-disabled":t},"aria-label":this.matchCountResult()},this.matchCountResult()),e("button",{type:"button",class:"gux-previous-button",title:this.i18n("navigatePreviousBtn"),"aria-label":this.i18n("navigatePreviousBtn"),onClick:()=>this.previousClick(),disabled:t},e("gux-icon",{decorative:!0,"icon-name":"arrow-solid-up"})),e("button",{type:"button",class:"gux-next-button",title:this.i18n("navigateNextBtn"),"aria-label":this.i18n("navigateNextBtn"),onClick:()=>this.nextClick(),disabled:t},e("gux-icon",{decorative:!0,"icon-name":"arrow-solid-down"}))),e("button",{type:"button",class:"gux-clear-button",title:this.i18n("eraseBtnAria"),"aria-label":this.i18n("eraseBtnAria"),onClick:()=>this.clear(),disabled:this.disabled},e("gux-icon",{decorative:!0,"icon-name":"close"})))}return null}matchCountResult(){return this.i18n("totalMatches",{currentMatch:this.getNormalizedCurrentMatch(),matchCount:this.getNormalizedMatchCount()})}showNavigationPanel(){return""!==this.value}disableNavigationPanel(){return this.disabled||this.getNormalizedMatchCount()<=0}getNormalizedMatchCount(){return this.matchCount&&Number.isInteger(this.matchCount)&&this.matchCount>=0?Number(this.matchCount):0}getNormalizedCurrentMatch(){return this.currentMatch&&Number.isInteger(this.currentMatch)&&this.currentMatch>=0&&this.currentMatch<=this.getNormalizedMatchCount()&&this.getNormalizedMatchCount()>0?Number(this.currentMatch):0}resetInputSlottedElement(){this.inputSlottedElement.value="",this.inputSlottedElement.dispatchEvent(new InputEvent("input",{bubbles:!0,cancelable:!0})),this.inputSlottedElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}nextClick(){this.disableNavigationPanel()||(this.currentMatch=this.getNormalizedCurrentMatch()===this.getNormalizedMatchCount()?1:this.getNormalizedCurrentMatch()+1,this.emitCurrentMatchChanged())}previousClick(){this.disableNavigationPanel()||(this.currentMatch=1===this.getNormalizedCurrentMatch()||0===this.getNormalizedCurrentMatch()?this.getNormalizedMatchCount():this.getNormalizedCurrentMatch()-1,this.emitCurrentMatchChanged())}onInput(t){this.value=t.target.value}emitCurrentMatchChanged(){this.guxcurrentmatchchanged.emit(this.getNormalizedCurrentMatch())}get root(){return i(this)}};c.style=":host{display:inline-block;width:300px;min-width:300px;color:#596373}::slotted(input){box-sizing:border-box;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;background-color:#fdfdfd;background-image:none;border:1px solid #6b7585;border-radius:2px;flex-basis:100%;flex-shrink:1;min-width:0;height:22px;padding:0;color:#2e394c;background-color:#f6f7f9;border:0;border-radius:0;outline:none}::slotted(input)::placeholder{color:#596373}::slotted(input).gux-focused,::slotted(input):focus{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px rgba(170, 201, 255, 0.5)}::slotted(input).gux-focused,::slotted(input):focus{border:0;outline:none;box-shadow:none}.gux-content-search{box-sizing:border-box;display:flex;flex-direction:row;width:100%;height:32px;padding:4px 0 4px 0;margin:4px 0;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-content-search.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-content-search:focus,.gux-content-search:focus-within{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px #75a8ff}.gux-content-search .gux-search-icon{display:flex;flex-shrink:0;align-items:center;padding:0 4px 0 8px}.gux-content-search .gux-search-icon:disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-content-search .gux-search-icon gux-icon{width:16px;height:16px}.gux-content-search .gux-content-control-panel{box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:0;align-content:center;align-items:center;justify-content:flex-end;height:22px;padding:0;line-height:1.6667}.gux-content-search .gux-content-control-panel button{display:block;align-items:center;overflow:hidden;color:#596373;cursor:pointer;background:none;border:none;border-radius:4px;outline:none}.gux-content-search .gux-content-control-panel button:disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-content-search .gux-content-control-panel button:not(:disabled):hover,.gux-content-search .gux-content-control-panel button:not(:disabled):focus{color:#2e394c}.gux-content-search .gux-content-control-panel button:focus:enabled{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-content-search .gux-content-control-panel button gux-icon{width:16px;height:16px}.gux-content-search .gux-content-control-panel .gux-clear-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0;margin-right:8px;margin-left:8px}.gux-content-search .gux-content-control-panel .gux-navigation-disabled{pointer-events:auto;cursor:default;opacity:0.5}.gux-content-search .gux-content-control-panel .gux-navigation-panel{display:flex;align-content:center;align-items:center;justify-content:flex-end;border-right:1px solid #596373}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-result{align-items:center;padding-left:8px;font-family:inherit;font-size:12px;white-space:nowrap}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-previous-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0;margin-left:4px}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-next-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0;margin-right:4px}";export{c as gux_content_search}
@@ -1 +1 @@
1
- import{r as t,h as i,g as a}from"./p-e571f861.js";import{t as s}from"./p-2065021e.js";import{V as e}from"./p-5cacdfc9.js";import{l as r}from"./p-3184268e.js";const h=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",mark:{type:"bar"},config:{axis:{ticks:!1,titlePadding:8},axisX:{labelAngle:0},scale:{bandPaddingInner:.4,bandPaddingOuter:.4},legend:{symbolType:"circle"},bar:{color:e[0]}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},tooltip:{aggregate:"count",type:"quantitative"}}},this.legendPosition="right"}parseData(){this.xFieldName&&this.yFieldName||r("gux-chart-column","[gux-chart-column] requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=45),this.includeLegend&&(this.baseChartSpec.encoding.color={field:"category"}),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,a=this.yFieldName,s=this.xAxisTitle,h=this.yAxisTitle,n=this.legendTitle;if(this.chartLayers){const t=this.chartLayers.map((t=>({mark:"bar",transform:[{filter:{field:"series",equal:t}}],encoding:{x:{field:i,type:"nominal"},y:{field:a,type:"quantitative"}}})));this.baseChartSpec.layer=t}else i&&(this.baseChartSpec.encoding.x.field=i),a&&(this.baseChartSpec.encoding.y.field=a),s&&(this.baseChartSpec.encoding.x.title=s),h&&(this.baseChartSpec.encoding.y.title=h),n&&(this.baseChartSpec.encoding.color.title=n);this.baseChartSpec.config.range={[i]:e};const o=Object.assign(this.baseChartSpec,t);this.visualizationSpec=o}componentWillLoad(){s(this.root),this.parseData()}render(){return i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return a(this)}static get watchers(){return{chartData:["parseData"]}}};h.style="gux-visualization-beta{height:fit-content;color:#2e394c;}gux-visualization-beta .mark-rect.layer_0_marks path{fill:url(#diagonalHatch0)}gux-visualization-beta .mark-rect.layer_1_marks path{fill:#1da8b3}";export{h as gux_chart_column_beta}
1
+ import{r as t,h as i,g as a}from"./p-e571f861.js";import{t as s}from"./p-440657a8.js";import{V as e}from"./p-5cacdfc9.js";import{l as r}from"./p-3184268e.js";const h=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",mark:{type:"bar"},config:{axis:{ticks:!1,titlePadding:8},axisX:{labelAngle:0},scale:{bandPaddingInner:.4,bandPaddingOuter:.4},legend:{symbolType:"circle"},bar:{color:e[0]}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},tooltip:{aggregate:"count",type:"quantitative"}}},this.legendPosition="right"}parseData(){this.xFieldName&&this.yFieldName||r("gux-chart-column","[gux-chart-column] requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=45),this.includeLegend&&(this.baseChartSpec.encoding.color={field:"category"}),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,a=this.yFieldName,s=this.xAxisTitle,h=this.yAxisTitle,n=this.legendTitle;if(this.chartLayers){const t=this.chartLayers.map((t=>({mark:"bar",transform:[{filter:{field:"series",equal:t}}],encoding:{x:{field:i,type:"nominal"},y:{field:a,type:"quantitative"}}})));this.baseChartSpec.layer=t}else i&&(this.baseChartSpec.encoding.x.field=i),a&&(this.baseChartSpec.encoding.y.field=a),s&&(this.baseChartSpec.encoding.x.title=s),h&&(this.baseChartSpec.encoding.y.title=h),n&&(this.baseChartSpec.encoding.color.title=n);this.baseChartSpec.config.range={[i]:e};const o=Object.assign(this.baseChartSpec,t);this.visualizationSpec=o}componentWillLoad(){s(this.root),this.parseData()}render(){return i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return a(this)}static get watchers(){return{chartData:["parseData"]}}};h.style="gux-visualization-beta{height:fit-content;color:#2e394c;}gux-visualization-beta .mark-rect.layer_0_marks path{fill:url(#diagonalHatch0)}gux-visualization-beta .mark-rect.layer_1_marks path{fill:#1da8b3}";export{h as gux_chart_column_beta}
@@ -1 +1 @@
1
- import{r as e,h as t,g as o}from"./p-e571f861.js";import{O as i}from"./p-35578249.js";import{o as n,a as r}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as s}from"./p-2065021e.js";import{G as p,a as l}from"./p-cdf5cb56.js";import{h as u,G as c,v as x,g as d}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(t){e(this,t),this.computedLabelPosition="above",this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),s(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return t(l,{labelPosition:this.computedLabelPosition},t(p,{position:this.computedLabelPosition,required:this.required},t("slot",{name:"label",onSlotchange:()=>this.setLabel()})),t("div",{class:"gux-input-and-error-container"},t("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},t("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},t("slot",{name:"input"}),t("gux-icon",{"icon-name":"ic-dropdown-arrow",decorative:!0}))),t(c,{hasError:this.hasError},t("slot",{name:"error"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${e}`}setInput(){this.input=this.root.querySelector('select[slot="input"]'),a(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=r(this.input,(e=>{this.required=e})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return o(this)}};(function(e,t,o,i){var n,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(a=(r<3?n(a):r>3?n(t,o,a):n(t,o))||a);r>3&&a&&Object.defineProperty(t,o,a)})([i({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(select){flex:1 1 auto;align-self:auto;order:0;height:30px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted(select)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:#2a60c8}.gux-input-and-error-container .gux-input .gux-input-container select{flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{g as gux_form_field_select}
1
+ import{r as e,h as t,g as o}from"./p-e571f861.js";import{O as i}from"./p-35578249.js";import{o as n,a as r}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as s}from"./p-440657a8.js";import{G as p,a as l}from"./p-cdf5cb56.js";import{h as u,G as c,v as x,g as d}from"./p-14551b38.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(t){e(this,t),this.computedLabelPosition="above",this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),s(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return t(l,{labelPosition:this.computedLabelPosition},t(p,{position:this.computedLabelPosition,required:this.required},t("slot",{name:"label",onSlotchange:()=>this.setLabel()})),t("div",{class:"gux-input-and-error-container"},t("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},t("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},t("slot",{name:"input"}),t("gux-icon",{"icon-name":"ic-dropdown-arrow",decorative:!0}))),t(c,{hasError:this.hasError},t("slot",{name:"error"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${e}`}setInput(){this.input=this.root.querySelector('select[slot="input"]'),a(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=r(this.input,(e=>{this.required=e})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return o(this)}};(function(e,t,o,i){var n,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(a=(r<3?n(a):r>3?n(t,o,a):n(t,o))||a);r>3&&a&&Object.defineProperty(t,o,a)})([i({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(select){flex:1 1 auto;align-self:auto;order:0;height:30px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted(select)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:#2a60c8}.gux-input-and-error-container .gux-input .gux-input-container select{flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{g as gux_form_field_select}
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,H as e,g as o}from"./p-e571f861.js";import{t as r}from"./p-2065021e.js";const h=class{constructor(i){t(this,i),this.press=s(this,"press",7)}handleClick(){this.onItemClicked()}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key||this.onItemClicked()}render(){return i(e,{role:"listitem"},i("span",{class:"gux-list-item"},this.text&&i("gux-text-highlight",{class:"gux-text",text:this.text,strategy:this.strategy}),i("slot",null)))}onItemClicked(){this.emitPress()}emitPress(){this.press.emit(this.value)}};h.style=":host:focus .gux-list-item,:host:active .gux-list-item,:host:hover:not([disabled]) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host(:focus) .gux-list-item,:host(:active) .gux-list-item,:host(:hover:not([disabled])) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host([disabled]) .gux-list-item{pointer-events:none;cursor:default;opacity:0.5}.gux-list-item{display:flex;height:max-content;padding:0 16px;line-height:32px;word-wrap:break-word;cursor:pointer}.gux-list-item .gux-text{width:100%}";const n=["gux-list-item-legacy:not([disabled])","gux-action-item:not([disabled])"].join(","),a=class{constructor(i){t(this,i),this.changed=s(this,"changed",7),this.selectedIndex=-1,this.observer=new MutationObserver((()=>{this.performHighlight(this.highlight)}))}emitChanged(t){this.changed.emit(t)}itemSelected(t){t.detail&&(this.value=t.detail)}valueHandler(t){this.emitChanged(t)}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){r(this.root)}componentDidLoad(){this.performHighlight(this.highlight),this.observer.observe(this.root,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer.disconnect()}render(){return this.performHighlight(this.highlight),this.updateTabIndexes(),i("div",{class:"gux-list-items-container",role:"list",tabindex:0,onKeyDown:t=>this.onKeyDown(t)},i("slot",null))}onKeyDown(t){if(!["ArrowUp","ArrowDown","End","Home"].includes(t.key))return;const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=s.length-1);break;case"Home":this.selectedIndex&&(i=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),i=this.selectedIndex+1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}isCommandPaletteList(){return Boolean(this.root.closest("gux-command-palette-legacy"))}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.setAttribute("tabindex","-1"):(t.setAttribute("tabindex","0"),t.focus(),setTimeout((()=>{this.value=t.value})))}))}performHighlight(t){const s=this.root.querySelectorAll("gux-text-highlight");s&&s.forEach((s=>{s.highlight=t}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches(n))):Array.from(this.root.querySelectorAll(n))}get root(){return o(this)}static get watchers(){return{value:["valueHandler"]}}};a.style=".gux-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{h as gux_list_item_legacy,a as gux_list_legacy}
1
+ import{r as t,c as s,h as i,H as e,g as o}from"./p-e571f861.js";import{t as r}from"./p-440657a8.js";const h=class{constructor(i){t(this,i),this.press=s(this,"press",7)}handleClick(){this.onItemClicked()}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key||this.onItemClicked()}render(){return i(e,{role:"listitem"},i("span",{class:"gux-list-item"},this.text&&i("gux-text-highlight",{class:"gux-text",text:this.text,strategy:this.strategy}),i("slot",null)))}onItemClicked(){this.emitPress()}emitPress(){this.press.emit(this.value)}};h.style=":host:focus .gux-list-item,:host:active .gux-list-item,:host:hover:not([disabled]) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host(:focus) .gux-list-item,:host(:active) .gux-list-item,:host(:hover:not([disabled])) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host([disabled]) .gux-list-item{pointer-events:none;cursor:default;opacity:0.5}.gux-list-item{display:flex;height:max-content;padding:0 16px;line-height:32px;word-wrap:break-word;cursor:pointer}.gux-list-item .gux-text{width:100%}";const n=["gux-list-item-legacy:not([disabled])","gux-action-item:not([disabled])"].join(","),a=class{constructor(i){t(this,i),this.changed=s(this,"changed",7),this.selectedIndex=-1,this.observer=new MutationObserver((()=>{this.performHighlight(this.highlight)}))}emitChanged(t){this.changed.emit(t)}itemSelected(t){t.detail&&(this.value=t.detail)}valueHandler(t){this.emitChanged(t)}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){r(this.root)}componentDidLoad(){this.performHighlight(this.highlight),this.observer.observe(this.root,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer.disconnect()}render(){return this.performHighlight(this.highlight),this.updateTabIndexes(),i("div",{class:"gux-list-items-container",role:"list",tabindex:0,onKeyDown:t=>this.onKeyDown(t)},i("slot",null))}onKeyDown(t){if(!["ArrowUp","ArrowDown","End","Home"].includes(t.key))return;const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=s.length-1);break;case"Home":this.selectedIndex&&(i=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),i=this.selectedIndex+1,t.stopPropagation()):this.isCommandPaletteList()||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}isCommandPaletteList(){return Boolean(this.root.closest("gux-command-palette-legacy"))}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.setAttribute("tabindex","-1"):(t.setAttribute("tabindex","0"),t.focus(),setTimeout((()=>{this.value=t.value})))}))}performHighlight(t){const s=this.root.querySelectorAll("gux-text-highlight");s&&s.forEach((s=>{s.highlight=t}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches(n))):Array.from(this.root.querySelectorAll(n))}get root(){return o(this)}static get watchers(){return{value:["valueHandler"]}}};a.style=".gux-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{h as gux_list_item_legacy,a as gux_list_legacy}
@@ -1 +1 @@
1
- import{r as t,c as i,h as o,g as s}from"./p-e571f861.js";import{t as n}from"./p-2065021e.js";import{O as e}from"./p-49b1912a.js";import{b as a}from"./p-523a0237.js";import"./p-8a133b9b.js";const c={actionButtonDropdown:"Dropdown for {buttonTitle}"};const h=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.moveFocusDelay=100,this.type="button",this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const i=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,i.includes(this.actionListElement)&&this.dropdownButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":t.preventDefault(),i.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay));break;case"Enter":i.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}handleKeyup(t){const i=t.composedPath();switch(t.key){case" ":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen)}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}async componentWillLoad(){n(this.root,{variant:this.type}),this.i18n=await a(this.root,c)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup",{expanded:this.isOpen,disabled:this.disabled},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot-beta",{class:"gux-action-button",accent:this.accent},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},this.text)),o("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("gux-action-list-legacy",{slot:"popup",ref:t=>this.actionListElement=t},o("slot",null))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([e({triggerEvents:"click"})],h.prototype,"onClickOutside",null),h.style=":host{display:block;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;min-width:0;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}";export{h as gux_action_button_legacy}
1
+ import{r as t,c as i,h as o,g as s}from"./p-e571f861.js";import{t as n}from"./p-440657a8.js";import{O as e}from"./p-49b1912a.js";import{b as a}from"./p-523a0237.js";import"./p-8a133b9b.js";const c={actionButtonDropdown:"Dropdown for {buttonTitle}"};const h=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.moveFocusDelay=100,this.type="button",this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const i=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,i.includes(this.actionListElement)&&this.dropdownButton.focus();break;case"Tab":this.isOpen=!1;break;case"ArrowDown":t.preventDefault(),i.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay));break;case"Enter":i.includes(this.dropdownButton)&&(this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}handleKeyup(t){const i=t.composedPath();switch(t.key){case" ":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,setTimeout((()=>{this.actionListElement.setFocusOnFirstItem()}),this.moveFocusDelay))}}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen)}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}async componentWillLoad(){n(this.root,{variant:this.type}),this.i18n=await a(this.root,c)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup",{expanded:this.isOpen,disabled:this.disabled},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot-beta",{class:"gux-action-button",accent:this.accent},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},this.text)),o("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onClick:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("gux-action-list-legacy",{slot:"popup",ref:t=>this.actionListElement=t},o("slot",null))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([e({triggerEvents:"click"})],h.prototype,"onClickOutside",null),h.style=":host{display:block;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;min-width:0;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}";export{h as gux_action_button_legacy}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,g as l}from"./p-e571f861.js";import{t as g}from"./p-2065021e.js";import{r as s}from"./p-cbcbd1bb.js";import{b as o}from"./p-523a0237.js";import"./p-8a133b9b.js";const r={defaultAriaLabel:"Toggle Switch"},a=class{constructor(i){t(this,i),this.check=e(this,"check",7),this.labelId=s("gux-toggle-label"),this.errorId=s("gux-toggle-error"),this.checked=!1,this.disabled=!1,this.loading=!1,this.labelPosition="right"}onClick(){this.toggle()}onKeydown(t){switch(t.key){case"Enter":case" ":t.preventDefault(),this.toggle()}}toggle(){this.disabled||this.loading||(this.checked=!this.checked,this.check.emit(this.checked))}getAriaLabel(){return this.root.getAttribute("aria-label")||this.root.title||this.i18n("defaultAriaLabel")}async componentWillLoad(){this.i18n=await o(this.root,r),g(this.root,{variant:this.checkedLabel||this.uncheckedLabel?"labled":"unlabled"})}renderLoading(){if(this.loading)return i("div",{class:"gux-toggle-label-loading"},i("gux-radial-loading",{context:"input"}))}renderLabel(){if(this.uncheckedLabel&&this.checkedLabel)return i("div",{class:"gux-toggle-label-and-error"},i("div",{class:"gux-toggle-label"},i("div",{id:this.labelId,class:"gux-toggle-label-text"},this.checked?this.checkedLabel:this.uncheckedLabel),this.renderLoading()))}renderError(){if(this.errorMessage)return i("div",{id:this.errorId,class:"gux-toggle-error"},i("gux-error-message-beta",null,this.errorMessage))}render(){return i("div",{class:{"gux-toggle-container":!0,"gux-toggle-label-left":"left"===this.labelPosition,"gux-disabled":this.disabled||this.loading}},i("div",{class:"gux-toggle-input"},i("gux-toggle-slider",{checked:this.checked,disabled:this.disabled||this.loading,guxAriaLabel:this.getAriaLabel(),labelId:this.checkedLabel&&this.uncheckedLabel?this.labelId:"",errorId:this.errorMessage?this.errorId:""}),this.renderLabel()),this.renderError())}static get delegatesFocus(){return!0}get root(){return l(this)}};a.style=":host{display:block;margin:2px;color:#2e394c;outline:none}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:0.5}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse;text-align:right}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:right}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block;padding:0 4px}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}";export{a as gux_toggle}
1
+ import{r as t,c as e,h as i,g as l}from"./p-e571f861.js";import{t as g}from"./p-440657a8.js";import{r as s}from"./p-cbcbd1bb.js";import{b as o}from"./p-523a0237.js";import"./p-8a133b9b.js";const r={defaultAriaLabel:"Toggle Switch"},a=class{constructor(i){t(this,i),this.check=e(this,"check",7),this.labelId=s("gux-toggle-label"),this.errorId=s("gux-toggle-error"),this.checked=!1,this.disabled=!1,this.loading=!1,this.labelPosition="right"}onClick(){this.toggle()}onKeydown(t){switch(t.key){case"Enter":case" ":t.preventDefault(),this.toggle()}}toggle(){this.disabled||this.loading||(this.checked=!this.checked,this.check.emit(this.checked))}getAriaLabel(){return this.root.getAttribute("aria-label")||this.root.title||this.i18n("defaultAriaLabel")}async componentWillLoad(){this.i18n=await o(this.root,r),g(this.root,{variant:this.checkedLabel||this.uncheckedLabel?"labled":"unlabled"})}renderLoading(){if(this.loading)return i("div",{class:"gux-toggle-label-loading"},i("gux-radial-loading",{context:"input"}))}renderLabel(){if(this.uncheckedLabel&&this.checkedLabel)return i("div",{class:"gux-toggle-label-and-error"},i("div",{class:"gux-toggle-label"},i("div",{id:this.labelId,class:"gux-toggle-label-text"},this.checked?this.checkedLabel:this.uncheckedLabel),this.renderLoading()))}renderError(){if(this.errorMessage)return i("div",{id:this.errorId,class:"gux-toggle-error"},i("gux-error-message-beta",null,this.errorMessage))}render(){return i("div",{class:{"gux-toggle-container":!0,"gux-toggle-label-left":"left"===this.labelPosition,"gux-disabled":this.disabled||this.loading}},i("div",{class:"gux-toggle-input"},i("gux-toggle-slider",{checked:this.checked,disabled:this.disabled||this.loading,guxAriaLabel:this.getAriaLabel(),labelId:this.checkedLabel&&this.uncheckedLabel?this.labelId:"",errorId:this.errorMessage?this.errorId:""}),this.renderLabel()),this.renderError())}static get delegatesFocus(){return!0}get root(){return l(this)}};a.style=":host{display:block;margin:2px;color:#2e394c;outline:none}.gux-toggle-container.gux-disabled{pointer-events:none;cursor:default}.gux-toggle-container.gux-disabled .gux-toggle-input .gux-toggle-label .gux-toggle-label-text{opacity:0.5}.gux-toggle-container.gux-toggle-label-left .gux-toggle-input{flex-direction:row-reverse;text-align:right}.gux-toggle-container.gux-toggle-label-left .gux-toggle-error{float:right}.gux-toggle-container .gux-toggle-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}.gux-toggle-container .gux-toggle-input .gux-toggle-label{position:relative;display:inline-block;padding:0 4px}.gux-toggle-container .gux-toggle-input .gux-toggle-label .gux-toggle-label-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}";export{a as gux_toggle}