@xplortech/apollo-core 3.1.0 → 3.2.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 (493) hide show
  1. package/.typings/apollo-components.html-data.json +120 -14
  2. package/build/components/avatar.css +1 -1
  3. package/build/components/data-card.css +1 -1
  4. package/build/components/dropdown.css +1 -1
  5. package/build/components/input-time.css +1 -1
  6. package/build/components/large-card.css +1 -1
  7. package/build/components/list-item.css +1 -1
  8. package/build/components/modal.css +1 -1
  9. package/build/components/popover.css +1 -1
  10. package/build/components/side-nav.css +1 -1
  11. package/build/components/spotlight.css +1 -1
  12. package/build/components/table-cell-base.css +1 -0
  13. package/build/components/table-cell.css +1 -0
  14. package/build/components/table-footer-cell.css +1 -1
  15. package/build/components/table-header-cell.css +1 -1
  16. package/build/components/table.css +1 -1
  17. package/build/components/tag.css +1 -1
  18. package/build/components/toast.css +1 -1
  19. package/build/components/toggle.css +1 -1
  20. package/build/components/toolbar.css +1 -1
  21. package/build/components/tooltip.css +1 -1
  22. package/build/components/top-nav.css +1 -1
  23. package/build/components-manifest.json +19 -3
  24. package/build/core.css +1 -1
  25. package/build/style.css +1 -1
  26. package/build/variables/apollo.css +4 -0
  27. package/build/variables/field-edge.css +4 -0
  28. package/build/vendor/flatpickr.css +1 -1
  29. package/dist/apollo-core/apollo-core.css +1 -1
  30. package/dist/apollo-core/apollo-core.esm.js +1 -1
  31. package/dist/apollo-core/p-045a4538.entry.js +1 -0
  32. package/dist/apollo-core/{p-d443291f.entry.js → p-050a8bf2.entry.js} +1 -1
  33. package/dist/apollo-core/p-08767607.entry.js +1 -0
  34. package/dist/apollo-core/{p-149ddd12.entry.js → p-11914cd4.entry.js} +1 -1
  35. package/dist/apollo-core/{p-581b702c.entry.js → p-14e86de8.entry.js} +1 -1
  36. package/dist/apollo-core/p-194c0ccd.entry.js +1 -0
  37. package/dist/apollo-core/p-1c031055.entry.js +1 -0
  38. package/dist/apollo-core/p-24f7280a.entry.js +1 -0
  39. package/dist/apollo-core/{p-47bda204.entry.js → p-24fa8a03.entry.js} +1 -1
  40. package/dist/apollo-core/{p-91895c40.entry.js → p-2971e2ec.entry.js} +1 -1
  41. package/dist/apollo-core/{p-0958c719.entry.js → p-3417c1ce.entry.js} +1 -1
  42. package/dist/apollo-core/p-3713cd77.entry.js +1 -0
  43. package/dist/apollo-core/p-386851a2.entry.js +1 -0
  44. package/dist/apollo-core/p-3cd1238b.entry.js +1 -0
  45. package/dist/apollo-core/p-45c872d2.entry.js +1 -0
  46. package/dist/apollo-core/{p-b45179fb.entry.js → p-49531864.entry.js} +1 -1
  47. package/dist/apollo-core/p-4e3c6616.entry.js +1 -0
  48. package/dist/apollo-core/p-5b9fd96e.entry.js +1 -0
  49. package/dist/apollo-core/p-5c3be343.entry.js +1 -0
  50. package/dist/apollo-core/p-5cbf5d42.entry.js +1 -0
  51. package/dist/apollo-core/p-5ec2b180.entry.js +1 -0
  52. package/dist/apollo-core/{p-790709c0.entry.js → p-64f5c129.entry.js} +1 -1
  53. package/dist/apollo-core/{p-28bce81a.entry.js → p-65f6b66c.entry.js} +1 -1
  54. package/dist/apollo-core/{p-d9070ae5.entry.js → p-715baae0.entry.js} +1 -1
  55. package/dist/apollo-core/p-72e0455f.entry.js +1 -0
  56. package/dist/apollo-core/p-7ac7fbc0.entry.js +1 -0
  57. package/dist/apollo-core/p-7d70e089.entry.js +1 -0
  58. package/dist/apollo-core/{p-d41b8f46.entry.js → p-7eb02cf3.entry.js} +1 -1
  59. package/dist/apollo-core/p-7f4463ff.entry.js +1 -0
  60. package/dist/apollo-core/p-808f3d9c.entry.js +1 -0
  61. package/dist/apollo-core/p-87582346.entry.js +1 -0
  62. package/dist/apollo-core/{p-2c995d80.entry.js → p-8f8f4759.entry.js} +1 -1
  63. package/dist/apollo-core/{p-5d9a593e.entry.js → p-907bc21e.entry.js} +1 -1
  64. package/dist/apollo-core/p-9905c77c.entry.js +1 -0
  65. package/dist/apollo-core/{p-54903322.entry.js → p-9d731673.entry.js} +1 -1
  66. package/dist/apollo-core/{p-2938ab4f.entry.js → p-9feaa8be.entry.js} +1 -1
  67. package/dist/apollo-core/p-O7gQjVdS.js +1 -0
  68. package/dist/apollo-core/p-a6ecca68.entry.js +1 -0
  69. package/dist/apollo-core/p-a789c272.entry.js +1 -0
  70. package/dist/apollo-core/{p-06a9a27b.entry.js → p-aeb2bcb8.entry.js} +1 -1
  71. package/dist/apollo-core/p-b3b4678b.entry.js +1 -0
  72. package/dist/apollo-core/{p-82812126.entry.js → p-b64ed46d.entry.js} +1 -1
  73. package/dist/apollo-core/{p-0368a1df.entry.js → p-bc821e69.entry.js} +1 -1
  74. package/dist/apollo-core/p-bd493c4a.entry.js +1 -0
  75. package/dist/apollo-core/p-bdcece21.entry.js +1 -0
  76. package/dist/apollo-core/{p-cdb5b5c4.entry.js → p-bfb7a83a.entry.js} +1 -1
  77. package/dist/apollo-core/{p-cdacfcd4.entry.js → p-c22f70f4.entry.js} +1 -1
  78. package/dist/apollo-core/{p-5730d96c.entry.js → p-c5bc3b2c.entry.js} +1 -1
  79. package/dist/apollo-core/{p-4ad79534.entry.js → p-ca83003e.entry.js} +1 -1
  80. package/dist/apollo-core/p-d3230277.entry.js +1 -0
  81. package/dist/apollo-core/p-d3ada7d0.entry.js +1 -0
  82. package/dist/apollo-core/{p-d0bc7c45.entry.js → p-d469bf5d.entry.js} +1 -1
  83. package/dist/apollo-core/p-d7f8ee34.entry.js +1 -0
  84. package/dist/apollo-core/p-d879c349.entry.js +1 -0
  85. package/dist/apollo-core/{p-2139f9f6.entry.js → p-df257cbf.entry.js} +1 -1
  86. package/dist/apollo-core/p-e09d8beb.entry.js +1 -0
  87. package/dist/apollo-core/p-e4d50301.entry.js +1 -0
  88. package/dist/apollo-core/{p-f3a2c79b.entry.js → p-ea9cdd65.entry.js} +1 -1
  89. package/dist/apollo-core/{p-ca4652b3.entry.js → p-eba654a3.entry.js} +1 -1
  90. package/dist/apollo-core/{p-4a2323b3.entry.js → p-ee68bed6.entry.js} +1 -1
  91. package/dist/apollo-core/{p-abdf199b.entry.js → p-f384a990.entry.js} +1 -1
  92. package/dist/apollo-core/{p-4d4acd1f.entry.js → p-f579e4b0.entry.js} +1 -1
  93. package/dist/apollo-core/{p-d724c419.entry.js → p-fcb17ff9.entry.js} +1 -1
  94. package/dist/apollo-core/{p-e2890eb1.entry.js → p-ff16f574.entry.js} +1 -1
  95. package/dist/cjs/apollo-core.cjs.js +1 -1
  96. package/dist/cjs/index-3cBvw409.js +8 -12
  97. package/dist/cjs/loader.cjs.js +1 -1
  98. package/dist/cjs/table-internal-DssCrBs_.js +67 -0
  99. package/dist/cjs/xpl-accordion.cjs.entry.js +2 -2
  100. package/dist/cjs/xpl-application-shell.cjs.entry.js +1 -1
  101. package/dist/cjs/xpl-avatar_3.cjs.entry.js +4 -4
  102. package/dist/cjs/xpl-backdrop.cjs.entry.js +1 -1
  103. package/dist/cjs/xpl-badge.cjs.entry.js +1 -1
  104. package/dist/cjs/xpl-banner.cjs.entry.js +2 -2
  105. package/dist/cjs/xpl-breadcrumb-item.cjs.entry.js +1 -1
  106. package/dist/cjs/xpl-breadcrumbs.cjs.entry.js +1 -1
  107. package/dist/cjs/xpl-button-row.cjs.entry.js +1 -1
  108. package/dist/cjs/xpl-button.cjs.entry.js +1 -1
  109. package/dist/cjs/xpl-calendar.cjs.entry.js +1 -1
  110. package/dist/cjs/xpl-checkbox.cjs.entry.js +3 -3
  111. package/dist/cjs/xpl-choicelist.cjs.entry.js +1 -1
  112. package/dist/cjs/xpl-content-area.cjs.entry.js +1 -1
  113. package/dist/cjs/xpl-dashboard.cjs.entry.js +1 -1
  114. package/dist/cjs/xpl-data-card.cjs.entry.js +2 -2
  115. package/dist/cjs/xpl-dropdown_4.cjs.entry.js +8 -8
  116. package/dist/cjs/xpl-dynamic-table-cell.cjs.entry.js +2 -2
  117. package/dist/cjs/xpl-dynamic-table-row.cjs.entry.js +2 -2
  118. package/dist/cjs/xpl-dynamic-table.cjs.entry.js +2 -2
  119. package/dist/cjs/xpl-grid-item.cjs.entry.js +1 -1
  120. package/dist/cjs/xpl-grid.cjs.entry.js +1 -1
  121. package/dist/cjs/xpl-header-accordion.cjs.entry.js +1 -1
  122. package/dist/cjs/xpl-icon.cjs.entry.js +2 -2
  123. package/dist/cjs/xpl-input-color.cjs.entry.js +8 -8
  124. package/dist/cjs/xpl-input-phone.cjs.entry.js +5 -5
  125. package/dist/cjs/xpl-input-time.cjs.entry.js +2 -2
  126. package/dist/cjs/xpl-input_4.cjs.entry.js +10 -10
  127. package/dist/cjs/xpl-large-card.cjs.entry.js +1 -1
  128. package/dist/cjs/xpl-list.cjs.entry.js +2 -2
  129. package/dist/cjs/xpl-main-nav.cjs.entry.js +1 -1
  130. package/dist/cjs/xpl-modal.cjs.entry.js +1 -1
  131. package/dist/cjs/xpl-nav-header-menu.cjs.entry.js +2 -2
  132. package/dist/cjs/xpl-nav-item.cjs.entry.js +2 -2
  133. package/dist/cjs/xpl-pagination.cjs.entry.js +4 -4
  134. package/dist/cjs/xpl-panel.cjs.entry.js +2 -2
  135. package/dist/cjs/xpl-popover.cjs.entry.js +4 -4
  136. package/dist/cjs/xpl-progress-bar.cjs.entry.js +2 -2
  137. package/dist/cjs/xpl-progress-indicator.cjs.entry.js +1 -1
  138. package/dist/cjs/xpl-secondary-nav.cjs.entry.js +1 -1
  139. package/dist/cjs/xpl-select_2.cjs.entry.js +9 -9
  140. package/dist/cjs/xpl-side-nav-header-item.cjs.entry.js +2 -2
  141. package/dist/cjs/xpl-side-nav-item.cjs.entry.js +2 -2
  142. package/dist/cjs/xpl-side-nav-section.cjs.entry.js +5 -5
  143. package/dist/cjs/xpl-side-nav.cjs.entry.js +2 -2
  144. package/dist/cjs/xpl-skeleton.cjs.entry.js +1 -1
  145. package/dist/cjs/xpl-slideout.cjs.entry.js +1 -1
  146. package/dist/cjs/xpl-tab-panel.cjs.entry.js +2 -2
  147. package/dist/cjs/xpl-table-body.cjs.entry.js +1 -1
  148. package/dist/cjs/xpl-table-cell_3.cjs.entry.js +228 -0
  149. package/dist/cjs/xpl-table-footer.cjs.entry.js +1 -1
  150. package/dist/cjs/xpl-table-header.cjs.entry.js +1 -1
  151. package/dist/cjs/xpl-table-row.cjs.entry.js +43 -2
  152. package/dist/cjs/xpl-table.cjs.entry.js +1204 -80
  153. package/dist/cjs/xpl-tabs.cjs.entry.js +5 -5
  154. package/dist/cjs/xpl-toast.cjs.entry.js +2 -2
  155. package/dist/cjs/xpl-toggle.cjs.entry.js +3 -3
  156. package/dist/cjs/xpl-toolbar.cjs.entry.js +2 -2
  157. package/dist/cjs/xpl-tooltip.cjs.entry.js +1 -1
  158. package/dist/cjs/xpl-top-nav-item.cjs.entry.js +2 -2
  159. package/dist/cjs/xpl-top-nav-menu.cjs.entry.js +2 -2
  160. package/dist/cjs/xpl-top-nav.cjs.entry.js +5 -5
  161. package/dist/cjs/xpl-utility-bar.cjs.entry.js +1 -1
  162. package/dist/collection/collection-manifest.json +2 -1
  163. package/dist/collection/components/xpl-accordion/xpl-accordion.js +2 -2
  164. package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +1 -1
  165. package/dist/collection/components/xpl-backdrop/xpl-backdrop.js +1 -1
  166. package/dist/collection/components/xpl-badge/xpl-badge.js +1 -1
  167. package/dist/collection/components/xpl-banner/xpl-banner.js +2 -2
  168. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js +1 -1
  169. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js +1 -1
  170. package/dist/collection/components/xpl-button/xpl-button.js +1 -1
  171. package/dist/collection/components/xpl-button-row/xpl-button-row.js +1 -1
  172. package/dist/collection/components/xpl-calendar/xpl-calendar.js +1 -1
  173. package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +3 -3
  174. package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +1 -1
  175. package/dist/collection/components/xpl-content-area/xpl-content-area.js +1 -1
  176. package/dist/collection/components/xpl-dashboard/xpl-dashboard.js +1 -1
  177. package/dist/collection/components/xpl-data-card/xpl-data-card.js +2 -2
  178. package/dist/collection/components/xpl-divider/xpl-divider.js +1 -1
  179. package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js +1 -1
  180. package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +1 -1
  181. package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +2 -2
  182. package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +4 -4
  183. package/dist/collection/components/xpl-dynamic-table/xpl-dynamic-table.js +2 -2
  184. package/dist/collection/components/xpl-dynamic-table-cell/xpl-dynamic-table-cell.js +2 -2
  185. package/dist/collection/components/xpl-dynamic-table-row/xpl-dynamic-table-row.js +2 -2
  186. package/dist/collection/components/xpl-grid/xpl-grid.js +1 -1
  187. package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +1 -1
  188. package/dist/collection/components/xpl-header-accordion/xpl-header-accordion.js +1 -1
  189. package/dist/collection/components/xpl-icon/xpl-icon.js +2 -2
  190. package/dist/collection/components/xpl-input/xpl-input-color/xpl-input-color.js +8 -8
  191. package/dist/collection/components/xpl-input/xpl-input-date/xpl-input-date.js +3 -3
  192. package/dist/collection/components/xpl-input/xpl-input-file/xpl-input-file.js +4 -4
  193. package/dist/collection/components/xpl-input/xpl-input-phone/xpl-input-phone.js +5 -5
  194. package/dist/collection/components/xpl-input/xpl-input-search/xpl-input-search.js +1 -1
  195. package/dist/collection/components/xpl-input/xpl-input-time/xpl-input-time.js +2 -2
  196. package/dist/collection/components/xpl-input/xpl-input.js +2 -2
  197. package/dist/collection/components/xpl-large-card/xpl-large-card.js +1 -1
  198. package/dist/collection/components/xpl-list/xpl-list.js +2 -2
  199. package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +1 -1
  200. package/dist/collection/components/xpl-modal/xpl-modal.js +1 -1
  201. package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +2 -2
  202. package/dist/collection/components/xpl-pagination/xpl-pagination.js +4 -4
  203. package/dist/collection/components/xpl-panel/xpl-panel.js +2 -2
  204. package/dist/collection/components/xpl-popover/xpl-popover.js +4 -4
  205. package/dist/collection/components/xpl-progress-bar/xpl-progress-bar.js +2 -2
  206. package/dist/collection/components/xpl-progress-indicator/xpl-progress-indicator.js +1 -1
  207. package/dist/collection/components/xpl-radio/xpl-radio.js +3 -3
  208. package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +1 -1
  209. package/dist/collection/components/xpl-select/xpl-select.js +7 -7
  210. package/dist/collection/components/xpl-side-nav/xpl-side-nav-header-item/xpl-side-nav-header-item.js +2 -2
  211. package/dist/collection/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.js +2 -2
  212. package/dist/collection/components/xpl-side-nav/xpl-side-nav-section/xpl-side-nav-section.js +5 -5
  213. package/dist/collection/components/xpl-side-nav/xpl-side-nav.js +2 -2
  214. package/dist/collection/components/xpl-skeleton/xpl-skeleton.js +1 -1
  215. package/dist/collection/components/xpl-slideout/xpl-slideout.js +1 -1
  216. package/dist/collection/components/xpl-tab-panel/xpl-tab-panel.js +2 -2
  217. package/dist/collection/components/xpl-table/utils/move-row-dom.js +50 -0
  218. package/dist/collection/components/xpl-table/utils/table-internal.js +57 -0
  219. package/dist/collection/components/xpl-table/xpl-table-body/xpl-table-body.js +1 -1
  220. package/dist/collection/components/xpl-table/xpl-table-cell/xpl-table-cell.js +167 -0
  221. package/dist/collection/components/xpl-table/xpl-table-footer/xpl-table-footer.js +1 -1
  222. package/dist/collection/components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell.js +2 -2
  223. package/dist/collection/components/xpl-table/xpl-table-header-cell/xpl-table-header-cell.js +402 -0
  224. package/dist/collection/components/xpl-table/xpl-table-row/xpl-table-row.js +44 -2
  225. package/dist/collection/components/xpl-table/xpl-table.js +1427 -116
  226. package/dist/collection/components/xpl-table-header/xpl-table-header.js +1 -1
  227. package/dist/collection/components/xpl-tabs/xpl-tabs.js +5 -5
  228. package/dist/collection/components/xpl-tag/xpl-tag.js +2 -2
  229. package/dist/collection/components/xpl-toast/xpl-toast.js +2 -2
  230. package/dist/collection/components/xpl-toggle/xpl-toggle.js +3 -3
  231. package/dist/collection/components/xpl-toolbar/xpl-toolbar.js +2 -2
  232. package/dist/collection/components/xpl-tooltip/xpl-tooltip.js +1 -1
  233. package/dist/collection/components/xpl-top-nav/xpl-nav-header-menu/xpl-nav-header-menu.js +2 -2
  234. package/dist/collection/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.js +2 -2
  235. package/dist/collection/components/xpl-top-nav/xpl-top-nav-menu/xpl-top-nav-menu.js +2 -2
  236. package/dist/collection/components/xpl-top-nav/xpl-top-nav.js +5 -5
  237. package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +1 -1
  238. package/dist/components/index.d.ts +3 -1
  239. package/dist/components/index.js +1 -1
  240. package/dist/components/{p-oIn1krdu.js → p-1D7CWIJ-.js} +1 -1
  241. package/dist/components/{p-xtOHikY0.js → p-2cJsJK3-.js} +1 -1
  242. package/dist/components/{p-DYmvElhR.js → p-8zrW9vEC.js} +1 -1
  243. package/dist/components/p-B56GeUtW.js +1 -0
  244. package/dist/components/p-B6YLKDUX.js +1 -0
  245. package/dist/components/{p-D--kzomA.js → p-B7aaJikj.js} +1 -1
  246. package/dist/components/{p-U0JYwf4c.js → p-BOm_p_mz.js} +1 -1
  247. package/dist/components/p-BZIZSovL.js +1 -0
  248. package/dist/components/{p-xFsB212F.js → p-Btb2UkLz.js} +1 -1
  249. package/dist/components/{p-DAb-txW3.js → p-C0AbGd4t.js} +1 -1
  250. package/dist/components/p-CFXvQqUO.js +1 -0
  251. package/dist/components/{p-l3EZ-agL.js → p-CQjJIHK6.js} +1 -1
  252. package/dist/components/{p-Chpgh5SL.js → p-CV5nn1zR.js} +1 -1
  253. package/dist/components/p-CdRmVtIN.js +1 -0
  254. package/dist/components/p-CgemLtmL.js +1 -0
  255. package/dist/components/p-CmbpWpb0.js +1 -0
  256. package/dist/components/p-CuVYRPvz.js +1 -0
  257. package/dist/components/{p-JyNpXfDe.js → p-D09sGbzs.js} +1 -1
  258. package/dist/components/{p-BdpZR4KO.js → p-DTh_zemx.js} +1 -1
  259. package/dist/components/{p-CiHTfk3E.js → p-DoVubWyd.js} +1 -1
  260. package/dist/components/p-Dp62sBqX.js +1 -0
  261. package/dist/components/p-DqgnC_vS.js +1 -0
  262. package/dist/components/p-DtV4i45B.js +1 -0
  263. package/dist/components/{p-wIU7KUhA.js → p-ohy3NrgH.js} +1 -1
  264. package/dist/components/p-rLxtqgsy.js +1 -0
  265. package/dist/components/xpl-accordion.js +1 -1
  266. package/dist/components/xpl-application-shell.js +1 -1
  267. package/dist/components/xpl-avatar.js +1 -1
  268. package/dist/components/xpl-backdrop.js +1 -1
  269. package/dist/components/xpl-badge.js +1 -1
  270. package/dist/components/xpl-banner.js +1 -1
  271. package/dist/components/xpl-breadcrumb-item.js +1 -1
  272. package/dist/components/xpl-breadcrumbs.js +1 -1
  273. package/dist/components/xpl-button-row.js +1 -1
  274. package/dist/components/xpl-button.js +1 -1
  275. package/dist/components/xpl-calendar.js +1 -1
  276. package/dist/components/xpl-checkbox.js +1 -1
  277. package/dist/components/xpl-choicelist.js +1 -1
  278. package/dist/components/xpl-content-area.js +1 -1
  279. package/dist/components/xpl-dashboard.js +1 -1
  280. package/dist/components/xpl-data-card.js +1 -1
  281. package/dist/components/xpl-divider.js +1 -1
  282. package/dist/components/xpl-dropdown-group.js +1 -1
  283. package/dist/components/xpl-dropdown-heading.js +1 -1
  284. package/dist/components/xpl-dropdown-option.js +1 -1
  285. package/dist/components/xpl-dropdown.js +1 -1
  286. package/dist/components/xpl-dynamic-table-cell.js +1 -1
  287. package/dist/components/xpl-dynamic-table-row.js +1 -1
  288. package/dist/components/xpl-dynamic-table.js +1 -1
  289. package/dist/components/xpl-grid-item.js +1 -1
  290. package/dist/components/xpl-grid.js +1 -1
  291. package/dist/components/xpl-header-accordion.js +1 -1
  292. package/dist/components/xpl-icon.js +1 -1
  293. package/dist/components/xpl-input-color.js +1 -1
  294. package/dist/components/xpl-input-date.js +1 -1
  295. package/dist/components/xpl-input-file.js +1 -1
  296. package/dist/components/xpl-input-phone.js +1 -1
  297. package/dist/components/xpl-input-search.js +1 -1
  298. package/dist/components/xpl-input-time.js +1 -1
  299. package/dist/components/xpl-input.js +1 -1
  300. package/dist/components/xpl-large-card.js +1 -1
  301. package/dist/components/xpl-list-item.js +1 -1
  302. package/dist/components/xpl-list.js +1 -1
  303. package/dist/components/xpl-main-nav.js +1 -1
  304. package/dist/components/xpl-modal.js +1 -1
  305. package/dist/components/xpl-nav-header-menu.js +1 -1
  306. package/dist/components/xpl-nav-item.js +1 -1
  307. package/dist/components/xpl-pagination.js +1 -1
  308. package/dist/components/xpl-panel.js +1 -1
  309. package/dist/components/xpl-popover.js +1 -1
  310. package/dist/components/xpl-progress-bar.js +1 -1
  311. package/dist/components/xpl-progress-indicator.js +1 -1
  312. package/dist/components/xpl-radio.js +1 -1
  313. package/dist/components/xpl-secondary-nav.js +1 -1
  314. package/dist/components/xpl-select.js +1 -1
  315. package/dist/components/xpl-side-nav-header-item.js +1 -1
  316. package/dist/components/xpl-side-nav-item.js +1 -1
  317. package/dist/components/xpl-side-nav-section.js +1 -1
  318. package/dist/components/xpl-side-nav.js +1 -1
  319. package/dist/components/xpl-skeleton.js +1 -1
  320. package/dist/components/xpl-slideout.js +1 -1
  321. package/dist/components/xpl-spotlight.js +1 -1
  322. package/dist/components/xpl-tab-panel.js +1 -1
  323. package/dist/components/xpl-tab.js +1 -1
  324. package/dist/components/xpl-table-body.js +1 -1
  325. package/dist/components/xpl-table-cell.d.ts +11 -0
  326. package/dist/components/xpl-table-cell.js +1 -0
  327. package/dist/components/xpl-table-footer-cell.js +1 -1
  328. package/dist/components/xpl-table-footer.js +1 -1
  329. package/dist/components/xpl-table-header-cell.js +1 -1
  330. package/dist/components/xpl-table-header.js +1 -1
  331. package/dist/components/xpl-table-row.js +1 -1
  332. package/dist/components/xpl-table.js +1 -1
  333. package/dist/components/xpl-tabs.js +1 -1
  334. package/dist/components/xpl-tag.js +1 -1
  335. package/dist/components/xpl-toast.js +1 -1
  336. package/dist/components/xpl-toggle.js +1 -1
  337. package/dist/components/xpl-toolbar.js +1 -1
  338. package/dist/components/xpl-tooltip.js +1 -1
  339. package/dist/components/xpl-top-nav-item.js +1 -1
  340. package/dist/components/xpl-top-nav-menu.js +1 -1
  341. package/dist/components/xpl-top-nav.js +1 -1
  342. package/dist/components/xpl-utility-bar.js +1 -1
  343. package/dist/docs/xpl-avatar/readme.md +1 -1
  344. package/dist/docs/xpl-checkbox/readme.md +1 -3
  345. package/dist/docs/xpl-data-card/readme.md +1 -1
  346. package/dist/docs/xpl-dynamic-table/readme.md +4 -1
  347. package/dist/docs/xpl-dynamic-table-cell/readme.md +2 -0
  348. package/dist/docs/xpl-dynamic-table-row/readme.md +2 -0
  349. package/dist/docs/xpl-icon/readme.md +1 -1
  350. package/dist/docs/xpl-input/xpl-input-time/readme.md +1 -1
  351. package/dist/docs/xpl-large-card/readme.md +1 -1
  352. package/dist/docs/xpl-modal/readme.md +2 -2
  353. package/dist/docs/xpl-popover/readme.md +1 -2
  354. package/dist/docs/xpl-slideout/readme.md +1 -1
  355. package/dist/docs/xpl-spotlight/readme.md +1 -0
  356. package/dist/docs/xpl-table/readme.md +178 -20
  357. package/dist/docs/xpl-table/xpl-table-body/readme.md +4 -4
  358. package/dist/docs/xpl-table/xpl-table-cell/readme.md +53 -0
  359. package/dist/docs/xpl-table/xpl-table-footer/readme.md +4 -4
  360. package/dist/docs/xpl-table/xpl-table-footer-cell/readme.md +24 -15
  361. package/dist/docs/xpl-table/xpl-table-header-cell/readme.md +84 -0
  362. package/dist/docs/xpl-table/xpl-table-row/readme.md +18 -14
  363. package/dist/docs/xpl-toast/readme.md +2 -2
  364. package/dist/docs/xpl-toggle/readme.md +1 -1
  365. package/dist/docs/xpl-toolbar/readme.md +5 -3
  366. package/dist/docs/xpl-tooltip/readme.md +1 -2
  367. package/dist/docs.json +776 -113
  368. package/dist/esm/apollo-core.js +1 -1
  369. package/dist/esm/index-ukZKsqqq.js +8 -12
  370. package/dist/esm/loader.js +1 -1
  371. package/dist/esm/table-internal-O7gQjVdS.js +59 -0
  372. package/dist/esm/xpl-accordion.entry.js +2 -2
  373. package/dist/esm/xpl-application-shell.entry.js +1 -1
  374. package/dist/esm/xpl-avatar_3.entry.js +4 -4
  375. package/dist/esm/xpl-backdrop.entry.js +1 -1
  376. package/dist/esm/xpl-badge.entry.js +1 -1
  377. package/dist/esm/xpl-banner.entry.js +2 -2
  378. package/dist/esm/xpl-breadcrumb-item.entry.js +1 -1
  379. package/dist/esm/xpl-breadcrumbs.entry.js +1 -1
  380. package/dist/esm/xpl-button-row.entry.js +1 -1
  381. package/dist/esm/xpl-button.entry.js +1 -1
  382. package/dist/esm/xpl-calendar.entry.js +1 -1
  383. package/dist/esm/xpl-checkbox.entry.js +3 -3
  384. package/dist/esm/xpl-choicelist.entry.js +1 -1
  385. package/dist/esm/xpl-content-area.entry.js +1 -1
  386. package/dist/esm/xpl-dashboard.entry.js +1 -1
  387. package/dist/esm/xpl-data-card.entry.js +2 -2
  388. package/dist/esm/xpl-dropdown_4.entry.js +8 -8
  389. package/dist/esm/xpl-dynamic-table-cell.entry.js +2 -2
  390. package/dist/esm/xpl-dynamic-table-row.entry.js +2 -2
  391. package/dist/esm/xpl-dynamic-table.entry.js +2 -2
  392. package/dist/esm/xpl-grid-item.entry.js +1 -1
  393. package/dist/esm/xpl-grid.entry.js +1 -1
  394. package/dist/esm/xpl-header-accordion.entry.js +1 -1
  395. package/dist/esm/xpl-icon.entry.js +2 -2
  396. package/dist/esm/xpl-input-color.entry.js +8 -8
  397. package/dist/esm/xpl-input-phone.entry.js +5 -5
  398. package/dist/esm/xpl-input-time.entry.js +2 -2
  399. package/dist/esm/xpl-input_4.entry.js +10 -10
  400. package/dist/esm/xpl-large-card.entry.js +1 -1
  401. package/dist/esm/xpl-list.entry.js +2 -2
  402. package/dist/esm/xpl-main-nav.entry.js +1 -1
  403. package/dist/esm/xpl-modal.entry.js +1 -1
  404. package/dist/esm/xpl-nav-header-menu.entry.js +2 -2
  405. package/dist/esm/xpl-nav-item.entry.js +2 -2
  406. package/dist/esm/xpl-pagination.entry.js +4 -4
  407. package/dist/esm/xpl-panel.entry.js +2 -2
  408. package/dist/esm/xpl-popover.entry.js +4 -4
  409. package/dist/esm/xpl-progress-bar.entry.js +2 -2
  410. package/dist/esm/xpl-progress-indicator.entry.js +1 -1
  411. package/dist/esm/xpl-secondary-nav.entry.js +1 -1
  412. package/dist/esm/xpl-select_2.entry.js +9 -9
  413. package/dist/esm/xpl-side-nav-header-item.entry.js +2 -2
  414. package/dist/esm/xpl-side-nav-item.entry.js +2 -2
  415. package/dist/esm/xpl-side-nav-section.entry.js +5 -5
  416. package/dist/esm/xpl-side-nav.entry.js +2 -2
  417. package/dist/esm/xpl-skeleton.entry.js +1 -1
  418. package/dist/esm/xpl-slideout.entry.js +1 -1
  419. package/dist/esm/xpl-tab-panel.entry.js +2 -2
  420. package/dist/esm/xpl-table-body.entry.js +1 -1
  421. package/dist/esm/xpl-table-cell_3.entry.js +224 -0
  422. package/dist/esm/xpl-table-footer.entry.js +1 -1
  423. package/dist/esm/xpl-table-header.entry.js +1 -1
  424. package/dist/esm/xpl-table-row.entry.js +44 -3
  425. package/dist/esm/xpl-table.entry.js +1204 -80
  426. package/dist/esm/xpl-tabs.entry.js +5 -5
  427. package/dist/esm/xpl-toast.entry.js +2 -2
  428. package/dist/esm/xpl-toggle.entry.js +3 -3
  429. package/dist/esm/xpl-toolbar.entry.js +2 -2
  430. package/dist/esm/xpl-tooltip.entry.js +1 -1
  431. package/dist/esm/xpl-top-nav-item.entry.js +2 -2
  432. package/dist/esm/xpl-top-nav-menu.entry.js +2 -2
  433. package/dist/esm/xpl-top-nav.entry.js +5 -5
  434. package/dist/esm/xpl-utility-bar.entry.js +1 -1
  435. package/dist/types/components/xpl-table/utils/move-row-dom.d.ts +3 -0
  436. package/dist/types/components/xpl-table/utils/table-internal.d.ts +8 -0
  437. package/dist/types/components/xpl-table/xpl-table-cell/xpl-table-cell.d.ts +11 -0
  438. package/dist/types/components/xpl-table/xpl-table-header-cell/xpl-table-header-cell.d.ts +33 -0
  439. package/dist/types/components/xpl-table/xpl-table-row/xpl-table-row.d.ts +7 -0
  440. package/dist/types/components/xpl-table/xpl-table.d.ts +126 -22
  441. package/dist/types/components.d.ts +238 -60
  442. package/hydrate/index.js +1670 -266
  443. package/hydrate/index.mjs +1670 -266
  444. package/package.json +7 -7
  445. package/dist/apollo-core/p-056a99e4.entry.js +0 -1
  446. package/dist/apollo-core/p-068e3532.entry.js +0 -1
  447. package/dist/apollo-core/p-0a0a6e43.entry.js +0 -1
  448. package/dist/apollo-core/p-1a94c2d9.entry.js +0 -1
  449. package/dist/apollo-core/p-2faa7b9c.entry.js +0 -1
  450. package/dist/apollo-core/p-30b1b700.entry.js +0 -1
  451. package/dist/apollo-core/p-32084caf.entry.js +0 -1
  452. package/dist/apollo-core/p-38586952.entry.js +0 -1
  453. package/dist/apollo-core/p-50fae269.entry.js +0 -1
  454. package/dist/apollo-core/p-60cb3cfb.entry.js +0 -1
  455. package/dist/apollo-core/p-722b145a.entry.js +0 -1
  456. package/dist/apollo-core/p-75e5bfe0.entry.js +0 -1
  457. package/dist/apollo-core/p-77fe3cc1.entry.js +0 -1
  458. package/dist/apollo-core/p-83bb7607.entry.js +0 -1
  459. package/dist/apollo-core/p-8664d88b.entry.js +0 -1
  460. package/dist/apollo-core/p-8a925e9d.entry.js +0 -1
  461. package/dist/apollo-core/p-9064badb.entry.js +0 -1
  462. package/dist/apollo-core/p-969d5cca.entry.js +0 -1
  463. package/dist/apollo-core/p-99a79cf4.entry.js +0 -1
  464. package/dist/apollo-core/p-ae8a5f66.entry.js +0 -1
  465. package/dist/apollo-core/p-af8ebf49.entry.js +0 -1
  466. package/dist/apollo-core/p-b29025b2.entry.js +0 -1
  467. package/dist/apollo-core/p-b5a61076.entry.js +0 -1
  468. package/dist/apollo-core/p-bf7d8e18.entry.js +0 -1
  469. package/dist/apollo-core/p-c48e4884.entry.js +0 -1
  470. package/dist/apollo-core/p-cb5b15c2.entry.js +0 -1
  471. package/dist/apollo-core/p-cc57f20d.entry.js +0 -1
  472. package/dist/apollo-core/p-dca48977.entry.js +0 -1
  473. package/dist/apollo-core/p-e1833287.entry.js +0 -1
  474. package/dist/apollo-core/p-e2b73b60.entry.js +0 -1
  475. package/dist/apollo-core/p-e7e445b0.entry.js +0 -1
  476. package/dist/apollo-core/p-f1c103ff.entry.js +0 -1
  477. package/dist/apollo-core/p-ffc2f0cf.entry.js +0 -1
  478. package/dist/cjs/xpl-table-footer-cell.cjs.entry.js +0 -18
  479. package/dist/cjs/xpl-table-header-cell.cjs.entry.js +0 -59
  480. package/dist/collection/components/xpl-table-header-cell/xpl-table-header-cell.js +0 -190
  481. package/dist/components/p-9VnxPQLs.js +0 -1
  482. package/dist/components/p-B2oLZUDD.js +0 -1
  483. package/dist/components/p-BYYFsuD3.js +0 -1
  484. package/dist/components/p-BZtxVB1R.js +0 -1
  485. package/dist/components/p-CnVGKN63.js +0 -1
  486. package/dist/components/p-Cz7zDaI4.js +0 -1
  487. package/dist/components/p-D4rv6CNJ.js +0 -1
  488. package/dist/components/p-EfW0v54z.js +0 -1
  489. package/dist/components/p-YG9Jza0y.js +0 -1
  490. package/dist/docs/xpl-table-header-cell/readme.md +0 -47
  491. package/dist/esm/xpl-table-footer-cell.entry.js +0 -16
  492. package/dist/esm/xpl-table-header-cell.entry.js +0 -57
  493. package/dist/types/components/xpl-table-header-cell/xpl-table-header-cell.d.ts +0 -13
@@ -0,0 +1 @@
1
+ import{r as a,h as e,H as c}from"./p-ukZKsqqq.js";const r=class{constructor(e){a(this,e)}render(){return e(c,{key:"da8bca6508913f46c473f8d97bfd7dc6dd45bce5"},e("nav",{key:"c9967a3ea464361b820e1c8354ee646cc13677e8",class:"xpl-breadcrumbs","aria-label":"Breadcrumb"},e("ol",{key:"57791a5a8d72a9f25d0e9d43eac87044d8115f4a",role:"list"},e("slot",{key:"b6c7658b88b190130352d096a9b8b1b7e83f7839"}))))}};export{r as xpl_breadcrumbs}
@@ -0,0 +1 @@
1
+ import{r as e,h as t,H as l,g as s,c as i}from"./p-ukZKsqqq.js";import{c as a,X as c,b as h}from"./p-O7gQjVdS.js";const r="data-xpl-table-cell-managed-disabled",n=class{constructor(t){e(this,t),this.align="left",this.bold=!1,this.disabled=!1,this.underline=!1}onDisabledChange(){this.propagateDisabledToSlotted()}componentDidLoad(){this.propagateDisabledToSlotted()}propagateDisabledToSlotted(){const e=e=>{if(!function(e){if("disabled"in e)return!0;switch(e.tagName){case"BUTTON":case"INPUT":case"SELECT":case"TEXTAREA":case"FIELDSET":case"OPTGROUP":case"OPTION":return!0;default:return!1}}(e))return;const t=e;if(this.disabled){if(t.disabled)return;return t.disabled=!0,t.setAttribute("disabled",""),void t.setAttribute(r,"")}t.hasAttribute(r)&&(t.disabled=!1,t.removeAttribute("disabled"),t.removeAttribute(r))},t=l=>{Array.from(l.children).forEach((l=>{"XPL-TABLE"!==l.tagName&&(e(l),t(l))}))};t(this.el)}render(){return t(l,{key:"f4e7639b0cb35eda08fdbb13cf1e0ddcb380cb7a",role:"gridcell",class:{"xpl-table-cell":!0,[`xpl-table-cell--align-${this.align}`]:!0,"xpl-table-cell--bold":this.bold,"xpl-table-cell--underline":this.underline,"xpl-table-cell--disabled":this.disabled}},t("slot",{key:"16d9a63cb992b9bbeb56500b5d6537b824336b40"}))}get el(){return s(this)}static get watchers(){return{disabled:[{onDisabledChange:0}]}}},o=class{constructor(t){e(this,t),this.align="left"}render(){return t(l,{key:"1434aa38de9894875e70b2a7b3c55479726727d5",class:{"xpl-table-footer-cell":!0,[`xpl-table-footer-cell--align-${this.align}`]:!0},role:"gridcell"},t("slot",{key:"e3bac594dbd5265f44c7bd620e1fccfc9248abf0"}))}},d=class{constructor(t){e(this,t),this.headerCheckboxChange=i(this,"headerCheckboxChange",7),this.headerSortChange=i(this,"headerSortChange",7),this.align="left",this.checked=!1,this.indeterminate=!1,this.label="",this.sortable=!1,this.type="label",this.onHeaderInnerCheckboxChange=e=>{const{detail:t}=e,l="boolean"==typeof t?t:Boolean(t);this.headerCheckboxChange.emit(l)},this.onSortActivate=e=>{if(e.preventDefault(),e.stopPropagation(),!this.sortable||"label"!==this.type)return;const t=this.getColumnIndex0(),l=this.getSortKeySlug();this.el.closest("xpl-table")||(this.sortDirection=a(this.sortDirection)),this.headerSortChange.emit({columnIndex:t,sortKey:l})}}watchColumnWidth(){this.notifyColumnWidthsChange()}watchWidth(){this.notifyColumnWidthsChange()}componentDidLoad(){this.notifyColumnWidthsChange()}notifyColumnWidthsChange(){this.el.dispatchEvent(new CustomEvent(c,{bubbles:!0,composed:!0}))}getColumnIndex0(){return Array.from(this.el.parentElement?.children??[]).indexOf(this.el)}getSortKeySlug(){const e=(this.sortKey??this.label??"").trim();return e.length>0?e.replace(/ /g,"-").toLowerCase():`column-${this.getColumnIndex0()}`}renderLabelText(){return t("span",{class:"xpl-table-header-cell__text"},this.label,t("slot",null))}renderLabelContent(){if(this.sortable){const e=h(this.sortDirection),l="asc"===this.sortDirection||"desc"===this.sortDirection;return t("button",{type:"button",class:"xpl-table-header-cell__sort",onClick:this.onSortActivate},this.renderLabelText(),t("xpl-icon",{class:{"xpl-table-header-cell__sort-icon":!0,"xpl-table-header-cell__sort-icon--active":l,"xpl-table-header-cell__sort-icon--default":!l},icon:e,size:16}))}return this.renderLabelText()}render(){const e=this.getColumnIndex0()+1,s=`xpl-table-header-cell--align-${"checkbox"!==this.type&&"icon"!==this.type||"left"!==this.align?this.align:"center"}`,i="label"===this.type&&this.sortable?"asc"===this.sortDirection?"ascending":"desc"===this.sortDirection?"descending":"none":void 0;return t(l,{role:"columnheader","aria-colindex":e,class:{"xpl-table-header-cell":!0,[s]:!0,"xpl-table-header-cell--checkbox":"checkbox"===this.type,"xpl-table-header-cell--icon":"icon"===this.type,"xpl-table-header-cell--empty":"empty"===this.type,"xpl-table-header-cell--sortable":this.sortable&&"label"===this.type},"aria-checked":"checkbox"===this.type?this.indeterminate?"mixed":this.checked?"true":"false":void 0,"aria-sort":i},"empty"===this.type?null:(()=>{switch(this.type){case"label":return this.renderLabelContent();case"checkbox":return t("xpl-checkbox",{ariaLabel:this.checkboxAriaLabel??"Select all rows",checked:this.checked,indeterminate:this.indeterminate,onCheckboxChange:this.onHeaderInnerCheckboxChange});case"icon":return this.icon?t("xpl-icon",{icon:this.icon,size:20}):null;case"empty":return null;default:return""}})())}get el(){return s(this)}static get watchers(){return{columnWidth:[{watchColumnWidth:0}],width:[{watchWidth:0}]}}};export{n as xpl_table_cell,o as xpl_table_footer_cell,d as xpl_table_header_cell}
@@ -0,0 +1 @@
1
+ import{r as t,c as e,h as s,H as i,g as o}from"./p-ukZKsqqq.js";import{a as n,c as a,o as l,f as h,b as r,h as d}from"./p-1M1pu0C2.js";import{i as c}from"./p-Dqb1pIRo.js";const p=4;function u(t){const{offsetPx:e=p,flipFallbackPlacements:s,sizeApply:i}=t;return[l(e),h(s&&s.length>0?{fallbackPlacements:s}:{}),r({apply:i}),d()]}const f={rowHeight:45,overscan:20,virtualizeFrom:200};function m(t,e){const{groupName:i,options:o,subtitle:n,...a}=t;if(i)return s("xpl-dropdown-group",{groupName:i,options:o,...a});const l=void 0!==e;return s("xpl-dropdown-option",{class:l?"xpl-dropdown-option--virtual":void 0,style:l?{transform:`translateY(${e*f.rowHeight}px)`}:void 0,subtitle:n,...a})}const b=class{constructor(s){t(this,s),this.isOpenChange=e(this,"isOpenChange",7),this.virtualEnd=0,this.virtualStart=0,this.isOpen=!1,this.closeOnSelect=!0,this.mode="single",this.anchorToTrigger=!1,this.placement="bottom-start",this.selectOnFocus=!1,this.floating=null,this.virtualScrollRaf=null,this.openAlignmentRaf=null,this.previousOptionCount=0,this.handleClickOutside=({target:t})=>{const{triggerId:e}=this,s=t,i=e?document.getElementById(e):null,o=i?.contains(s),n=this.hostElement.contains(s),a=s?.closest("label"),l=!!a&&!!e&&a.getAttribute("for")===e;n||o||l||!this.isOpen||(this.isOpen=!1)},this.handleKeyDown=t=>{"Escape"===t.key&&this.isOpen&&(this.isOpen=!1)},this.handleVirtualScroll=()=>{null===this.virtualScrollRaf&&(this.virtualScrollRaf=requestAnimationFrame((()=>{this.virtualScrollRaf=null,this.updateVirtualRange()})))},this.setListEl=t=>{t!==this.listEl&&(this.listEl=t,this.listResizeObserver?.disconnect(),t&&"undefined"!=typeof ResizeObserver&&(this.listResizeObserver??(this.listResizeObserver=new ResizeObserver((()=>{this.isVirtualized&&this.handleVirtualScroll()}))),this.listResizeObserver.observe(t)))},this.scheduleOpenAlignment=()=>{null===this.openAlignmentRaf&&(this.openAlignmentRaf=requestAnimationFrame((()=>{this.openAlignmentRaf=null,this.scrollSelectedIntoView(),this.updateVirtualRange()})))}}onOptionsChanged(){const t=this.options?.length??0,e=t!==this.previousOptionCount;if(this.previousOptionCount=t,!this.isVirtualized)return this.virtualStart=0,void(this.virtualEnd=0);const s=this.listEl;if(s){const i=Math.max(0,t*f.rowHeight-s.clientHeight);if(s.scrollTop>i&&(s.scrollTop=i),this.isOpen&&e){const t=this.options?.findIndex((t=>t.isSelected))??-1;t>=0&&(t<this.virtualStart||t>=this.virtualEnd)&&this.scrollSelectedIntoView()}}this.updateVirtualRange()}onAnchorToTriggerChanged(){this.isOpen&&this.startPositioning()}onFlipFallbackPlacementsChanged(){this.isOpen&&this.anchorToTrigger&&this.startPositioning()}onPlacementChanged(){this.isOpen&&this.anchorToTrigger&&this.startPositioning()}onTriggerIdChanged(){this.isOpen&&this.startPositioning()}onSelectedValuesChanged(t,e=!1){if(this.options&&this.options.length>0){this.options.flatMap((t=>t.groupName&&t.options?t.options:[t])).forEach((e=>{const s=e.value||e.label||"";if("single"===this.mode)e.isSelected=s===t;else{const i=Array.isArray(t)?t:[];e.isSelected=i.includes(s)}}));const s=t=>(t.options=t.groupName?t.options?.map(s):void 0,t);this.options=this.options.map(s),this.update&&!e&&this.update(null,{component:this})}}onIsOpenStateChange(t){this.isOpenChange.emit(t),t?(this.startPositioning(),this.alignOnOpen()):(this.stopPositioning(),this.cancelVirtualScroll(),this.virtualStart=0,this.virtualEnd=0)}connectedCallback(){c()&&(document.addEventListener("mousedown",this.handleClickOutside),document.addEventListener("keydown",this.handleKeyDown))}disconnectedCallback(){document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleKeyDown),this.stopPositioning(),this.cancelVirtualScroll(),this.listResizeObserver?.disconnect()}componentWillLoad(){this.handleSelect=this.handleSelect.bind(this),this.selectedValues&&this.onSelectedValuesChanged(this.selectedValues,!0),this.previousOptionCount=this.options?.length??0}componentDidLoad(){this.isOpen&&(this.startPositioning(),this.alignOnOpen())}async handleSelect(t,{component:e}){const{hostElement:s,mode:i,options:o,update:n}=this,a="single"===i,l="multi"===i;if(o){const t=e.hostElement.value||e.hostElement.label;if(o.some((t=>t.groupName))){o.flatMap((t=>t.groupName&&t.options?t.options:[t])).forEach((s=>{const i=(s.value||s.label)===t;a?(s.isSelected=i,e.hostElement.isSelected=!0):l&&i&&(s.isSelected=!s.isSelected,e.hostElement.isSelected=s.isSelected)}));const s=t=>(t.options=t.groupName?t.options?.map(s):void 0,t);this.options=o.map(s)}else o.forEach((s=>{const i=(s.value||s.label)===t;a?(s.isSelected=i,i&&(e.hostElement.isSelected=!0)):l&&i&&(s.isSelected=!s.isSelected,e.hostElement.isSelected=s.isSelected)})),this.options=[...o]}else a?Array.from(s.querySelectorAll("xpl-dropdown-option")).forEach((t=>{t.isSelected=t===e.hostElement})):l&&(e.isSelected=!e.isSelected);n&&n(t,{component:this})}startPositioning(){if(!this.anchorToTrigger||!this.triggerId)return;const t=document.getElementById(this.triggerId);t&&(this.stopPositioning(),this.floating=function(t,e,s){if(!c())return{update:async()=>{},stop:()=>{}};const{placement:i,strategy:o,middleware:l,onPosition:h,onReferenceHidden:r,onError:d}=s;let p=0,u=null,f=!0;const m=async()=>{if(!f)return;const s=p;try{const n=await a(t,e,{placement:i,strategy:o,middleware:l});if(!f||s!==p)return;if(n.middlewareData.hide?.referenceHidden&&!0===r?.())return;h(n)}catch(t){if(!f||s!==p)return;d?.(t)}};return u=n(t,e,m),{update:m,stop:()=>{f=!1,p+=1,u&&(u(),u=null)}}}(t,this.hostElement,{placement:this.placement,strategy:"fixed",middleware:u({flipFallbackPlacements:this.flipFallbackPlacements,sizeApply:({availableHeight:t,rects:e})=>{const s=this.hostElement.querySelector(".xpl-dropdown-list");let i=0;if(s){const t=Array.from(this.hostElement.children),e=t.indexOf(s);t.slice(0,e).forEach((t=>{t instanceof HTMLElement&&(i+=t.offsetHeight)}))}const o=getComputedStyle(this.hostElement),n=parseFloat(o.paddingTop)+parseFloat(o.paddingBottom)+parseFloat(o.borderTopWidth)+parseFloat(o.borderBottomWidth),a=s?parseFloat(getComputedStyle(s).getPropertyValue("--xpl-dropdown-list-max-height")):1/0,l=Math.min(a,Math.max(0,t-i-n));Object.assign(this.hostElement.style,{width:`${e.reference.width}px`}),s&&(s.style.maxHeight=`${l}px`)}}),onPosition:({x:t,y:e,placement:s})=>{if(!this.floating)return;const i="top"===s.split("-")[0];Object.assign(this.hostElement.style,{left:`${t}px`,top:`${e}px`}),this.hostElement.classList.toggle("xpl-dropdown--above",i),this.hostElement.classList.toggle("xpl-dropdown--below",!i)},onReferenceHidden:()=>(this.isOpen=!1,!0)}))}stopPositioning(){this.floating?.stop(),this.floating=null,this.hostElement.style.left="",this.hostElement.style.top="",this.hostElement.style.width="",this.hostElement.querySelector(".xpl-dropdown-list")?.style.removeProperty("max-height"),this.hostElement.classList.remove("xpl-dropdown--above","xpl-dropdown--below")}cancelVirtualScroll(){null!==this.virtualScrollRaf&&(cancelAnimationFrame(this.virtualScrollRaf),this.virtualScrollRaf=null),null!==this.openAlignmentRaf&&(cancelAnimationFrame(this.openAlignmentRaf),this.openAlignmentRaf=null)}alignOnOpen(){this.scrollSelectedIntoView(),this.updateVirtualRange(),this.scheduleOpenAlignment()}scrollSelectedIntoView(){const{listEl:t,options:e}=this;if(!t||!e?.length||!this.isVirtualized)return;const s=e.findIndex((t=>t.isSelected));if(s<0)return;const{rowHeight:i}=f,o=s*i-(t.clientHeight-i)/2,n=Math.max(0,e.length*i-t.clientHeight);t.scrollTop=Math.max(0,Math.min(o,n))}updateVirtualRange(){const t=this.listEl,e=this.options?.length??0;if(!t||!e)return;const{rowHeight:s,overscan:i}=f,o=Math.floor(t.scrollTop/s),n=Math.ceil(t.clientHeight/s)||1,a=Math.max(0,o-i),l=Math.min(e,o+n+i);a===this.virtualStart&&l===this.virtualEnd||(this.virtualStart=a,this.virtualEnd=l)}get isVirtualized(){const{options:t}=this;return!!t&&t.length>f.virtualizeFrom&&t.every((t=>!t.groupName&&!t.subtitle))}render(){const{isOpen:t,mode:e,options:o}=this,n=this.isVirtualized;let a;if(o&&o.length)if(n){const{rowHeight:t,overscan:e}=f,i=o.length,n=Math.min(this.virtualStart,i),l=Math.min(i,Math.ceil(300/t)+2*e);a=s("li",{key:"356b1871de0539aee6ac085e59d4861cdb7db135",class:"xpl-dropdown__virtual-sizer",style:{height:i*t+"px"}},o.slice(n,this.virtualEnd>n?this.virtualEnd:l).map(((t,e)=>m(t,n+e))))}else a=o.map((t=>m(t)));else a=s("slot",{key:"da24352c25525fb0f20a86804889ceef4eed67f0",name:"options"});return s(i,{key:"f34a4f503feb2050100db75a40f21959aca8e74e","aria-expanded":t?"true":"false",class:{"xpl-dropdown":!0,"xpl-dropdown--multi":"multi"===e,"xpl-dropdown--open":t,"xpl-dropdown--anchor-to-trigger":this.anchorToTrigger,"xpl-dropdown--virtualized":n},role:"listbox"},s("slot",{key:"dee58bc149835d2c4e1328fd92c780f75bea0499",name:"header"}),s("ul",{key:"32bec73cc8b67bd38df5231b3049c897a9d36c4e",class:"xpl-dropdown-list",ref:t=>{this.setListEl(t)},onScroll:n?this.handleVirtualScroll:void 0},a))}get hostElement(){return o(this)}static get watchers(){return{options:[{onOptionsChanged:0}],anchorToTrigger:[{onAnchorToTriggerChanged:0}],flipFallbackPlacements:[{onFlipFallbackPlacementsChanged:0}],placement:[{onPlacementChanged:0}],triggerId:[{onTriggerIdChanged:0}],selectedValues:[{onSelectedValuesChanged:0}],isOpen:[{onIsOpenStateChange:0}]}}},g=class{constructor(e){t(this,e)}render(){const{groupName:t,options:e}=this,o=e&&e.length&&e.map((({groupName:t,...e})=>t?s("xpl-dropdown-group",{label:t,...e}):s("xpl-dropdown-option",{...e})));return s(i,{key:"765c69b589275544bc312a60036a22345509b105",role:"group","aria-label":t},s("li",{key:"6dfa766bd675e0579e8608aa0b202f63e2be2635",class:"xpl-dropdown-list-item"},s("xpl-dropdown-heading",{key:"42cb1a573126edee7f1a01397988d6e9d952ead3",label:t}),s("ul",{key:"f443eba9c19554eea7997a47252816a39660d9a7",class:"xpl-dropdown-list"},o||s("slot",{key:"60d3bff8026d96197a3482cd7e58807cfc02df2b",name:"options"}))))}},w=class{constructor(e){t(this,e)}render(){return s(i,{key:"fbd0029d191d8d81c3d316ac1cb2c51173da29b8",class:{"xpl-dropdown-heading":!0},role:"presentation"},s("span",{key:"d585dc509d918142589c1874e173b369c1c2a822"},this.label||s("slot",{key:"67b72339653dce321acedfd14befcfe5335edf43",name:"heading"})))}},x=class{constructor(e){t(this,e),this.dropdown=null}componentWillLoad(){this.dropdown=this.hostElement.closest("xpl-dropdown")}handleClick(t){if(!this.dropdown)return;const{closeOnSelect:e,mode:s}=this.dropdown;t.x&&t.y&&(this.dropdown.handleSelect(t,{component:this}),"single"===s&&e&&(this.dropdown.isOpen=!1))}handleKeyup(t){if(!this.dropdown)return;const{dropdown:e}=this,{closeOnSelect:s,mode:i,selectOnFocus:o}=this.dropdown;if(o&&["ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Tab"].includes(t.key)){const{activeElement:o}=document,n=o?.closest("xpl-dropdown-option")??null;return e.handleSelect(t,{component:{hostElement:n}}),void("single"===i&&s&&(this.dropdown.isOpen=!1))}["Escape","Enter"].includes(t.key)&&(e.handleSelect(t,{component:this}),("Escape"===t.key||this.dropdown.closeOnSelect&&"Enter"===t.key)&&(this.dropdown.isOpen=!1))}connectedCallback(){this.hostElement.addEventListener("click",this.handleClick.bind(this)),this.hostElement.addEventListener("keyup",this.handleKeyup.bind(this))}disconnectedCallback(){this.hostElement.removeEventListener("click",this.handleClick),this.hostElement.removeEventListener("keyup",this.handleKeyup)}render(){const{label:t,isSelected:e,isDisabled:o,value:n,subtitle:a,icon:l}=this;return s(i,{key:"3e8fe525f44d24414926664c8475344b3e57eb53",class:{"xpl-dropdown-option":!0,"xpl-dropdown-option--disabled":!!o,"xpl-dropdown-option--selected":!!e},role:"option","aria-checked":e,"aria-disabled":o,"aria-selected":e,value:n},s("li",{key:"4262100b3ea2e62575f8eaad8908d9379a8ea05c",class:"xpl-dropdown-list-item"},l&&s("xpl-icon",{key:"7505fcdc35b15b6e97a4753525cee7232244fa6e",class:"xpl-dropdown-list-item__icon",icon:l,size:20}),t||s("slot",{key:"35b00d7aa187a38b1f9d78425189764d9b8575d8",name:"option"}),a&&s("span",{key:"e1dac23f7e07df9e89c90625f48eeddbd8daf77a",class:"xpl-dropdown-list-item__subtitle"},a)))}get hostElement(){return o(this)}};export{b as xpl_dropdown,g as xpl_dropdown_group,w as xpl_dropdown_heading,x as xpl_dropdown_option}
@@ -1 +1 @@
1
- import{r as t,h as a,H as s,g as e}from"./p-ukZKsqqq.js";import{h as i}from"./p-_r9-FML8.js";const c="graph-content",d=class{constructor(a){t(this,a),this.graphContentPresent=!1,this.leadingIcon=!0,this.tooltipTextSmallStat="",this.tooltipTextStat=""}watchStat(t){this.stat=t}watchShortStat(t){this.shortStat=t}connectedCallback(){this.syncGraphContentSlot(),this.connectGraphContentSlotObserver()}disconnectedCallback(){void 0!==this.graphContentSlotSyncTimeoutId&&(clearTimeout(this.graphContentSlotSyncTimeoutId),this.graphContentSlotSyncTimeoutId=void 0),this.disconnectGraphContentSlotObserver()}componentWillLoad(){this.syncGraphContentSlot()}componentDidLoad(){if(this.link){const t=this.el.getElementsByTagName("a")[0]||this.el.getElementsByTagName("button")[0],a=document.createTextNode(this.name),s=document.createElement("span");s.appendChild(a),t.setAttribute("class","xpl-data-card__anchor"),t.appendChild(s)}}componentWillRender(){this.disconnectGraphContentSlotObserver()}componentDidRender(){this.scheduleGraphContentSlotSync()}connectGraphContentSlotObserver(){this.disconnectGraphContentSlotObserver(),"undefined"!=typeof MutationObserver&&(this.graphContentSlotObserver=new MutationObserver((()=>{this.scheduleGraphContentSlotSync()})),this.graphContentSlotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectGraphContentSlotObserver(){this.graphContentSlotObserver?.disconnect(),this.graphContentSlotObserver=void 0}scheduleGraphContentSlotSync(){void 0!==this.graphContentSlotSyncTimeoutId&&clearTimeout(this.graphContentSlotSyncTimeoutId),this.graphContentSlotSyncTimeoutId=setTimeout((()=>{this.graphContentSlotSyncTimeoutId=void 0,this.el.isConnected&&(this.syncGraphContentSlot(),this.connectGraphContentSlotObserver())}),0)}syncGraphContentSlot(){const t=i(this.el,c);t!==this.graphContentPresent&&(this.graphContentPresent=t)}render(){const t="positive"===this.smallStatVariant?"arrow-up-right":"negative"===this.smallStatVariant?"arrow-down-right":"dash";return a(s,{key:"05aef87fdbc999cc563d9da2ae6207ffce5351cf",role:"group",class:"xpl-data-card "+(this.link?"xpl-data-card__link":""),tabindex:"0"},a("dt",{key:"833d00cd995e5d9f96c70e6f1af04f260076aea7",class:"xpl-data-card__header xpl-data-card__header--"+("secondary"===this.variant?"secondary":"primary")},a("header",{key:"283890fe21047be8ee81b64588a686f4f6339d28"},!!this.leadingIcon&&this.icon&&a("span",{key:"2c3e365280efb2c6c18a7d08261fc30e8d808da3",class:`xpl-data-card__icon--${this.variant}`},a("xpl-icon",{key:"3564e1275b28e1693a45c51b4fc7936317b62e2f",icon:this.icon,"background-color":"secondary"===this.variant?"purple":"orange",size:20})),a("slot",{key:"d5469c77ca2a1ec16e702ee8ab94c230dbbe742a",name:"title"},this.name)),this.link&&a("span",{key:"7a560cecc871b0e223372ecca08129d9f95d2c6e",class:"xpl-data-card__header-arrow"},a("xpl-icon",{key:"f85ebee53967bc2ddd78291aaa63c85145d74930",icon:"chevron-right",size:16}))),a("dd",{key:"c19eb772979606076a22f72b8ecb4261f7371374",class:"xpl-data-card__body"},a("div",{key:"1ab9f94a29394608a18990ad4a06a663abd2f0a6",class:"xpl-data-card__left"},a("span",{key:"41d8633f93cf7e2c220df4b51768e9b7c2295474",class:"xpl-data-card-stat xpl-data-card-stat--long"},this.stat),this.tooltipTextStat?a("xpl-tooltip",{text:this.tooltipTextStat},a("div",{class:"xpl-data-card-stat xpl-data-card-stat--short"},this.shortStat?this.shortStat:this.stat)):a("div",{class:"xpl-data-card-stat xpl-data-card-stat--short"},a("abbr",{title:this.stat},this.shortStat?this.shortStat:this.stat)),this.smallStatVariant?this.tooltipTextSmallStat?a("xpl-tooltip",{text:this.tooltipTextSmallStat},a("div",{class:`xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}`},a("xpl-icon",{icon:t,size:16}),this.smallStat)):a("div",{class:`xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}`},a("xpl-icon",{icon:t,size:16}),this.smallStat):this.smallStatIcon&&(this.tooltipTextSmallStat?a("xpl-tooltip",{text:this.tooltipTextSmallStat},a("div",{class:"xpl-data-card-stat xpl-data-card-stat--small"},a("xpl-icon",{icon:this.smallStatIcon,size:16}),this.smallStat)):a("div",{class:"xpl-data-card-stat xpl-data-card-stat--small"},a("xpl-icon",{icon:this.smallStatIcon,size:16}),this.smallStat)),!!this.detail&&a("span",{key:"5dfcb6891ce3529bee2f240d85238a895ea6c61d",class:"xpl-data-card__detail"},this.detail)),this.graphContentPresent&&a("div",{key:"5b58f77c7a49e1aa157b73feb63e4ef1b5d36c0a",class:"xpl-data-card__right"},a("slot",{key:"962482c44556b3722119cace638ea176af2f9533",name:c}))))}get el(){return e(this)}static get watchers(){return{stat:[{watchStat:0}],shortStat:[{watchShortStat:0}]}}};export{d as xpl_data_card}
1
+ import{r as t,h as a,H as s,g as e}from"./p-ukZKsqqq.js";import{h as i}from"./p-_r9-FML8.js";const c="graph-content",d=class{constructor(a){t(this,a),this.graphContentPresent=!1,this.leadingIcon=!0,this.tooltipTextSmallStat="",this.tooltipTextStat=""}watchStat(t){this.stat=t}watchShortStat(t){this.shortStat=t}connectedCallback(){this.syncGraphContentSlot(),this.connectGraphContentSlotObserver()}disconnectedCallback(){void 0!==this.graphContentSlotSyncTimeoutId&&(clearTimeout(this.graphContentSlotSyncTimeoutId),this.graphContentSlotSyncTimeoutId=void 0),this.disconnectGraphContentSlotObserver()}componentWillLoad(){this.syncGraphContentSlot()}componentDidLoad(){if(this.link){const t=this.el.getElementsByTagName("a")[0]||this.el.getElementsByTagName("button")[0],a=document.createTextNode(this.name),s=document.createElement("span");s.appendChild(a),t.setAttribute("class","xpl-data-card__anchor"),t.appendChild(s)}}componentWillRender(){this.disconnectGraphContentSlotObserver()}componentDidRender(){this.scheduleGraphContentSlotSync()}connectGraphContentSlotObserver(){this.disconnectGraphContentSlotObserver(),"undefined"!=typeof MutationObserver&&(this.graphContentSlotObserver=new MutationObserver((()=>{this.scheduleGraphContentSlotSync()})),this.graphContentSlotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectGraphContentSlotObserver(){this.graphContentSlotObserver?.disconnect(),this.graphContentSlotObserver=void 0}scheduleGraphContentSlotSync(){void 0!==this.graphContentSlotSyncTimeoutId&&clearTimeout(this.graphContentSlotSyncTimeoutId),this.graphContentSlotSyncTimeoutId=setTimeout((()=>{this.graphContentSlotSyncTimeoutId=void 0,this.el.isConnected&&(this.syncGraphContentSlot(),this.connectGraphContentSlotObserver())}),0)}syncGraphContentSlot(){const t=i(this.el,c);t!==this.graphContentPresent&&(this.graphContentPresent=t)}render(){const t="positive"===this.smallStatVariant?"arrow-up-right":"negative"===this.smallStatVariant?"arrow-down-right":"dash";return a(s,{key:"7c4e576cefe0b23b431aa2a73ca246fec0bb8db6",role:"group",class:"xpl-data-card "+(this.link?"xpl-data-card__link":""),tabindex:"0"},a("dt",{key:"e5907b183be449b87b2b5c46f17b2c7c97a07f66",class:"xpl-data-card__header xpl-data-card__header--"+("secondary"===this.variant?"secondary":"primary")},a("header",{key:"234988a87297a90565614c16e7a30a18a7b5aeb2"},!!this.leadingIcon&&this.icon&&a("span",{key:"462d1f7a090eefb04be255c37a19d05c8365bf35",class:`xpl-data-card__icon--${this.variant}`},a("xpl-icon",{key:"334a676cbbf353de77fd173fbeb786820694d6d0",icon:this.icon,"background-color":"secondary"===this.variant?"purple":"orange",size:20})),a("slot",{key:"9f933f8307c0ee4289ab03971261d947ac3a71c3",name:"title"},this.name)),this.link&&a("span",{key:"eb5e62387de08b5d588b702cdb06522a18f6d0ff",class:"xpl-data-card__header-arrow"},a("xpl-icon",{key:"f0c210320683fa98dc15e89cef7ba0351ae8b54f",icon:"chevron-right",size:16}))),a("dd",{key:"a18c3f4800e6719a659e8ad1ebb9b61d4c59235a",class:"xpl-data-card__body"},a("div",{key:"0ea86cf8297a15c2ac3694df4ecedbce2a967239",class:"xpl-data-card__left"},a("span",{key:"d3daf019480ee66cfd9c1fff5e57cad87dab9b6e",class:"xpl-data-card-stat xpl-data-card-stat--long"},this.stat),this.tooltipTextStat?a("xpl-tooltip",{text:this.tooltipTextStat},a("div",{class:"xpl-data-card-stat xpl-data-card-stat--short"},this.shortStat?this.shortStat:this.stat)):a("div",{class:"xpl-data-card-stat xpl-data-card-stat--short"},a("abbr",{title:this.stat},this.shortStat?this.shortStat:this.stat)),this.smallStatVariant?this.tooltipTextSmallStat?a("xpl-tooltip",{text:this.tooltipTextSmallStat},a("div",{class:`xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}`},a("xpl-icon",{icon:t,size:16}),this.smallStat)):a("div",{class:`xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}`},a("xpl-icon",{icon:t,size:16}),this.smallStat):this.smallStatIcon&&(this.tooltipTextSmallStat?a("xpl-tooltip",{text:this.tooltipTextSmallStat},a("div",{class:"xpl-data-card-stat xpl-data-card-stat--small"},a("xpl-icon",{icon:this.smallStatIcon,size:16}),this.smallStat)):a("div",{class:"xpl-data-card-stat xpl-data-card-stat--small"},a("xpl-icon",{icon:this.smallStatIcon,size:16}),this.smallStat)),!!this.detail&&a("span",{key:"61bb7ebb508ead51c8c7dbbe1513822c65675fc5",class:"xpl-data-card__detail"},this.detail)),this.graphContentPresent&&a("div",{key:"6325676d2bbc0210e5d46ec72a5f8cb7d916d255",class:"xpl-data-card__right"},a("slot",{key:"96775ee066bcea7b8e418132b8125857cf197cbc",name:c}))))}get el(){return e(this)}static get watchers(){return{stat:[{watchStat:0}],shortStat:[{watchShortStat:0}]}}};export{d as xpl_data_card}
@@ -1 +1 @@
1
- import{r as i,c as s,h as t,H as e,g as n}from"./p-ukZKsqqq.js";import{h}from"./p-C_PEOQWj.js";const a=class{constructor(t){i(this,t),this.expandedChange=s(this,"expandedChange",7),this.navigate=s(this,"navigate",7),this.hasTrailingSlot=!1,this.disabled=!1,this.expanded=!1,this.hasChildren=!1,this.hidden=!1,this.link=!1,this.selected=!1,this.handleClick=()=>{this.disabled||(this.hasChildren?(this.expanded=!this.expanded,this.expandedChange.emit(this.expanded)):this.navigate.emit())}}syncLinkHasChildrenExclusivity(){this.enforceLinkExcludesHasChildren()}connectedCallback(){this.syncTrailingSlot(),this.connectTrailingSlotObserver()}disconnectedCallback(){void 0!==this.trailingSlotSyncTimeoutId&&(clearTimeout(this.trailingSlotSyncTimeoutId),this.trailingSlotSyncTimeoutId=void 0),this.disconnectTrailingSlotObserver()}componentWillLoad(){this.syncLinkHasChildrenExclusivity(),this.syncTrailingSlot()}componentWillRender(){this.syncLinkHasChildrenExclusivity(),this.disconnectTrailingSlotObserver()}componentDidRender(){this.scheduleTrailingSlotSync()}connectTrailingSlotObserver(){this.disconnectTrailingSlotObserver(),"undefined"!=typeof MutationObserver&&(this.trailingSlotObserver=new MutationObserver((()=>{this.scheduleTrailingSlotSync()})),this.trailingSlotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectTrailingSlotObserver(){this.trailingSlotObserver?.disconnect(),this.trailingSlotObserver=void 0}scheduleTrailingSlotSync(){void 0!==this.trailingSlotSyncTimeoutId&&clearTimeout(this.trailingSlotSyncTimeoutId),this.trailingSlotSyncTimeoutId=setTimeout((()=>{this.trailingSlotSyncTimeoutId=void 0,this.el.isConnected&&(this.syncTrailingSlot(),this.connectTrailingSlotObserver())}),0)}syncTrailingSlot(){const i=h(this.el,"trailing","xpl-side-nav-item");i!==this.hasTrailingSlot&&(this.hasTrailingSlot=i)}enforceLinkExcludesHasChildren(){this.link&&(this.hasChildren&&(this.hasChildren=!1),this.el.hasAttribute("has-children")&&this.el.removeAttribute("has-children"))}render(){const i=this.hasChildren&&!this.hasTrailingSlot,s={"xpl-side-nav-item__link":!0,expanded:this.expanded,selected:this.selected};return t(e,{key:"33de33212fc2c0fe5ed3ae6cd8aba38178052a03",class:{"xpl-side-nav-item":!0,"xpl-side-nav-item--link-disabled":this.link&&this.disabled}},this.link?t("slot",null):t("button",{type:"button",class:s,"aria-current":this.selected?"page":void 0,"aria-expanded":this.hasChildren?this.expanded?"true":"false":void 0,onClick:this.handleClick,disabled:this.disabled},t("span",{class:"xpl-side-nav-item__leading"},t("slot",{name:"leading"},this.icon?t("xpl-icon",{icon:this.icon,size:16}):null)),t("span",{class:"xpl-side-nav-item__label"},this.label??""),(this.hasTrailingSlot||this.hasChildren)&&t("span",{class:{"xpl-side-nav-item__trailing":!0,"xpl-side-nav-item__trailing--chevron":i,expanded:i&&this.expanded},"aria-hidden":i?"true":void 0},t("slot",{name:"trailing"},i?t("xpl-icon",{icon:this.expanded?"chevron-up":"chevron-down",size:16}):null))),this.hasChildren&&!this.link&&t("div",{key:"d9e6ea08b992177a943eb43e64702deee74a95d8",class:"xpl-side-nav-item__children "+(this.expanded?"expanded":""),inert:!this.expanded||void 0},t("div",{key:"7a5709e3c20d569fbc7ab1425280096dc21cb40f",class:"xpl-side-nav-item__children-inner"},t("slot",{key:"883d0336ad81eb78b52dab740440191e57f92618"}))))}get el(){return n(this)}static get watchers(){return{hasChildren:[{syncLinkHasChildrenExclusivity:0}],link:[{syncLinkHasChildrenExclusivity:0}]}}};export{a as xpl_side_nav_item}
1
+ import{r as i,c as s,h as t,H as e,g as n}from"./p-ukZKsqqq.js";import{h}from"./p-C_PEOQWj.js";const a=class{constructor(t){i(this,t),this.expandedChange=s(this,"expandedChange",7),this.navigate=s(this,"navigate",7),this.hasTrailingSlot=!1,this.disabled=!1,this.expanded=!1,this.hasChildren=!1,this.hidden=!1,this.link=!1,this.selected=!1,this.handleClick=()=>{this.disabled||(this.hasChildren?(this.expanded=!this.expanded,this.expandedChange.emit(this.expanded)):this.navigate.emit())}}syncLinkHasChildrenExclusivity(){this.enforceLinkExcludesHasChildren()}connectedCallback(){this.syncTrailingSlot(),this.connectTrailingSlotObserver()}disconnectedCallback(){void 0!==this.trailingSlotSyncTimeoutId&&(clearTimeout(this.trailingSlotSyncTimeoutId),this.trailingSlotSyncTimeoutId=void 0),this.disconnectTrailingSlotObserver()}componentWillLoad(){this.syncLinkHasChildrenExclusivity(),this.syncTrailingSlot()}componentWillRender(){this.syncLinkHasChildrenExclusivity(),this.disconnectTrailingSlotObserver()}componentDidRender(){this.scheduleTrailingSlotSync()}connectTrailingSlotObserver(){this.disconnectTrailingSlotObserver(),"undefined"!=typeof MutationObserver&&(this.trailingSlotObserver=new MutationObserver((()=>{this.scheduleTrailingSlotSync()})),this.trailingSlotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectTrailingSlotObserver(){this.trailingSlotObserver?.disconnect(),this.trailingSlotObserver=void 0}scheduleTrailingSlotSync(){void 0!==this.trailingSlotSyncTimeoutId&&clearTimeout(this.trailingSlotSyncTimeoutId),this.trailingSlotSyncTimeoutId=setTimeout((()=>{this.trailingSlotSyncTimeoutId=void 0,this.el.isConnected&&(this.syncTrailingSlot(),this.connectTrailingSlotObserver())}),0)}syncTrailingSlot(){const i=h(this.el,"trailing","xpl-side-nav-item");i!==this.hasTrailingSlot&&(this.hasTrailingSlot=i)}enforceLinkExcludesHasChildren(){this.link&&(this.hasChildren&&(this.hasChildren=!1),this.el.hasAttribute("has-children")&&this.el.removeAttribute("has-children"))}render(){const i=this.hasChildren&&!this.hasTrailingSlot,s={"xpl-side-nav-item__link":!0,expanded:this.expanded,selected:this.selected};return t(e,{key:"059210d35fdf3561fa2bc4f541f80fbb1e570506",class:{"xpl-side-nav-item":!0,"xpl-side-nav-item--link-disabled":this.link&&this.disabled}},this.link?t("slot",null):t("button",{type:"button",class:s,"aria-current":this.selected?"page":void 0,"aria-expanded":this.hasChildren?this.expanded?"true":"false":void 0,onClick:this.handleClick,disabled:this.disabled},t("span",{class:"xpl-side-nav-item__leading"},t("slot",{name:"leading"},this.icon?t("xpl-icon",{icon:this.icon,size:16}):null)),t("span",{class:"xpl-side-nav-item__label"},this.label??""),(this.hasTrailingSlot||this.hasChildren)&&t("span",{class:{"xpl-side-nav-item__trailing":!0,"xpl-side-nav-item__trailing--chevron":i,expanded:i&&this.expanded},"aria-hidden":i?"true":void 0},t("slot",{name:"trailing"},i?t("xpl-icon",{icon:this.expanded?"chevron-up":"chevron-down",size:16}):null))),this.hasChildren&&!this.link&&t("div",{key:"47b1eba18028549e03394678bca58beee9b2f157",class:"xpl-side-nav-item__children "+(this.expanded?"expanded":""),inert:!this.expanded||void 0},t("div",{key:"7b6137a009106e3adfb99928bff429bea92b63e2",class:"xpl-side-nav-item__children-inner"},t("slot",{key:"3cf83a5e3e8367ef4d5bfbedb8c22bc6bf1efaa7"}))))}get el(){return n(this)}static get watchers(){return{hasChildren:[{syncLinkHasChildrenExclusivity:0}],link:[{syncLinkHasChildrenExclusivity:0}]}}};export{a as xpl_side_nav_item}
@@ -0,0 +1 @@
1
+ import{r as t,c as e,h as s,H as i,g as r}from"./p-ukZKsqqq.js";import{T as l}from"./p-Dqb1pIRo.js";import{R as n,S as o,c as h,g as a,a as c}from"./p-O7gQjVdS.js";function d(t){const e=t.parentElement;if(!e)return null;const s=Array.from(e.children),i=s.indexOf(t);if(-1===i)return null;for(let t=i+1;t<s.length;t+=1){const e=s[t];if("xpl-table-row"===e.tagName.toLowerCase()&&!e.hasAttribute("hidden"))return e}return null}function u(t){return function(t){const e=t instanceof HTMLElement?t:null;if(!e)return null;const s=e.closest("xpl-table-row");return null!=s?s:null}(t)}function p(t){return("function"==typeof t.composedPath?t.composedPath():[]).find((t=>t instanceof HTMLElement&&"xpl-table-row"===t.tagName.toLowerCase()))??u(t.target)}const b=class{constructor(s){t(this,s),this.rowOrderChange=e(this,"rowOrderChange",3),this.rowSelectionChange=e(this,"rowSelectionChange",3),this.sortChanged=e(this,"sortChanged",3),this.tableSelect=e(this,"tableSelect",7),this.columnWidthsToken="",this.lastEmittedRowSelectionKey="",this.draggedRow=null,this.pendingDragRow=null,this.pointerUpClearPending=null,this.reorderKeyboardTimers=new l,this.onReorderHandleKeydown=t=>{this.handleReorderHandleKeyDown(t)},this.areAllSelected=!1,this.colCount=0,this.hasScrolled=!1,this.keyboardReorderRowId=null,this.reorderLiveMessage="",this.rowData=[],this.rowFooterData=[],this.selected=[],this.selectedRowIds=[],this.sortTypeArray=[],this.isSortable=!1,this.rowReorderable=!1,this.selectedValues=[],this.sortableColumns=[],this.onGridScroll=t=>{this.hasScrolled=t.target.scrollLeft>0},this.selectAll=t=>{const{target:e}=t;if(!(e instanceof HTMLInputElement))return;const{checked:s}=e;this.areAllSelected=s,this.selected=this.selectedValues&&this.selectedValues.length>0?Array.from(this.el.querySelectorAll("tbody td:first-child input")).map((t=>s?t?.value:s)):this.selected.map((()=>s)),this.onSelectionChange()},this.selectOne=(t,e)=>{const{target:s}=t;if(!(s instanceof HTMLInputElement))return;const{checked:i,value:r}=s;this.areAllSelected=!1,this.selected=this.selected.map(((t,s)=>s!==e?t:this.selectedValues&&this.selectedValues.length>0&&i?r:i)),this.onSelectionChange()},this.onSelectionChange=()=>{this.tableSelect.emit({selected:this.selected,areAllSelected:this.areAllSelected})},this.onLegacyScroll=()=>{this.hasScrolled=this.container.scrollLeft>0},this.sortBy=(t,e)=>{const s=(e,s)=>e[t].toLocaleLowerCase()<s[t].toLocaleLowerCase()?-1:e[t].toLocaleLowerCase()>s[t].toLocaleLowerCase()?1:0;switch(e[t]){case"asc":this.rowData.sort(((t,e)=>s(t,e)));break;case"desc":this.rowData.sort(((t,e)=>s(e,t)));break;default:this.rowData=void 0!==this.data?Array.from(this.data):[],this.sortTypeArray[t]=null}this.rowData=Array.from(this.rowData)},this.setData=()=>{this.rowData=void 0!==this.data?Array.from(this.data):[]},this.setFooterData=()=>{this.rowFooterData=void 0!==this.footer?Array.from(this.footer):[]}}watchColumns(){this.sortTypeArray=this.columns?this.columns.map((()=>null)):[]}watchData(){this.setData()}watchFooterData(){this.setFooterData()}watchReorderHandleIcon(){!this.isLegacyMode&&this.rowReorderable&&this.syncInjectedReorderHandleIcons()}watchReorderHandleIconKeyboard(){!this.isLegacyMode&&this.rowReorderable&&this.syncInjectedReorderHandleIcons()}watchRowReorderable(t){this.isLegacyMode||t||(this.keyboardReorderRowId=null,this.syncReorderHandleKeyboardA11y(null),this.removeManagedReorderCells(),this.draggedRow=null,this.pendingDragRow=null,this.clearPendingDragListeners(),this.reorderLiveMessage="",this.queryBodyRows().forEach((t=>{t.removeAttribute("draggable"),t.querySelector(".xpl-table__row-drag-handle")?.removeAttribute("draggable"),t.classList.remove("xpl-table-row--dragging","xpl-table-row--drag-over")})),this.colCount=0,this.columnWidthsToken="")}watchSelectable(t){this.isLegacyMode||t||(this.selectedRowIds=[],this.lastEmittedRowSelectionKey="",this.colCount=0,this.columnWidthsToken="",this.syncRowSelectedProps())}componentWillLoad(){this.isLegacyMode&&(this.ensureSelectAllValue(),this.areAllSelected=!1,this.setData(),this.setFooterData(),this.selected=new Array(this.rowData.length).fill(!1),this.sortTypeArray=this.columns?this.columns.map((()=>null)):[])}ensureSelectAllValue(){if(void 0!==this.selectAllValue)return;const t=this.el.id?.trim();if(t)return void(this.selectAllValue=`${t}-select-all`);const e=this.el.getAttribute("data-select-all-value");e?this.selectAllValue=e:(b.selectAllSeq+=1,this.selectAllValue=`select-all-${b.selectAllSeq}`,this.el.setAttribute("data-select-all-value",this.selectAllValue))}componentDidLoad(){this.isLegacyMode||this.syncCompositionalLayout()}componentDidUpdate(){this.isLegacyMode||this.syncCompositionalLayout()}disconnectedCallback(){this.clearPendingDragListeners(),this.detachReorderHandleKeydownListeners(),this.reorderKeyboardTimers.dispose(),void 0!==this.reorderAnnounceRaf&&(cancelAnimationFrame(this.reorderAnnounceRaf),this.reorderAnnounceRaf=void 0)}handleHeaderCellColumnWidthsChange(t){if(this.isLegacyMode)return;const e=t.target;e instanceof Node&&this.el.contains(e)&&this.updateColumnWidths()}handleCompositionalCheckboxChange(t){if(this.isLegacyMode||!this.selectable)return;if(!this.isEventFromThisTable(t.target))return;const e=t.composedPath?.()??[];let s=(e.length>0?e:[t.target].filter((t=>null!=t))).find((t=>t instanceof HTMLElement&&"xpl-checkbox"===t.tagName.toLowerCase()));if(!s&&t.target&&"function"==typeof t.target.closest&&(s=t.target.closest("xpl-checkbox")??void 0),!s||!this.el.contains(s))return;const i=s.closest("xpl-table-row");if(!i||!this.isDirectChildBodyRow(i))return;const r=s.closest("xpl-table-cell");if(!r)return;const l=this.getSelectionColumnIndex();if(null===l)return;if(b.getBodyRowCells(i).indexOf(r)!==l)return;t.stopPropagation();const n=b.getRowIdForRow(i);if(!n||i.disabled)return;const o=s.querySelector('input[type="checkbox"]');if(!o)return;const{checked:h}=o;h?this.selectedRowIds.includes(n)||(this.selectedRowIds=[...this.selectedRowIds,n]):this.selectedRowIds=this.selectedRowIds.filter((t=>t!==n)),this.applyHeaderCheckboxState(),this.syncRowSelectedProps(),this.emitCompositionalSelection()}handleCompositionalHeaderCheckboxChange(t){if(this.isLegacyMode||!this.selectable)return;if(!this.isEventFromThisTable(t.target))return;const e=t.composedPath?.()??[];let s=(e.length>0?e:[t.target].filter((t=>null!=t))).find((t=>t instanceof HTMLElement&&"xpl-table-header-cell"===t.tagName.toLowerCase()&&"checkbox"===t.getAttribute("type")));if(!s&&t.target&&"function"==typeof t.target.closest){const e=t.target.closest('xpl-table-header-cell[type="checkbox"]');e instanceof HTMLElement&&(s=e)}if(!s||!this.el.contains(s))return;if(!this.isCellInOurCompositionalHeader(s))return;if(!this.getCompositionalHeaderCells().includes(s))return;const i=!!t.detail,r=this.querySelectableBodyRows().map((t=>b.getRowIdForRow(t))).filter((t=>!!t));this.selectedRowIds=i?[...r]:[],this.applyBodyCheckboxStates(),this.syncRowSelectedProps(),this.emitCompositionalSelection()}handlePointerDownExitKeyboardReorder(t){if(this.isLegacyMode||!this.rowReorderable||null===this.keyboardReorderRowId)return;const e=t.target;if(!(e instanceof Node&&this.el.contains(e)))return;const s=e instanceof Element?e.closest("xpl-table-row"):null;s&&this.isDirectChildBodyRow(s)&&(this.keyboardReorderRowId=null,this.syncReorderHandleKeyboardA11y(null))}handleReorderHandleKeyDown(t){if(this.isLegacyMode||!this.rowReorderable)return;const e="function"==typeof t.composedPath?t.composedPath():[];let s=(e.length>0?e:t.target?[t.target]:[]).find((t=>t instanceof HTMLElement&&t.classList.contains("xpl-table__row-drag-handle")));if(!s&&t.target instanceof HTMLElement&&t.target.classList.contains("xpl-table__row-drag-handle")&&(s=t.target),!s||!this.el.contains(s))return;const i=s.closest("xpl-table-row");if(!i||!this.isDirectChildBodyRow(i))return;const r=b.getRowIdForRow(i)??"";if(!r)return;const l=this.keyboardReorderRowId===r,n="Escape"===t.key||"Esc"===t.key||"Escape"===t.code||27===t.keyCode;i.disabled?n&&l&&(t.preventDefault(),this.keyboardReorderRowId=null,this.syncReorderHandleKeyboardA11y(null)):n?l&&(t.preventDefault(),this.keyboardReorderRowId=null,this.syncReorderHandleKeyboardA11y(null)):l?"ArrowUp"!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),this.performKeyboardRowReorder(r,"ArrowUp"===t.key?"up":"down")):"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.keyboardReorderRowId=r,this.syncReorderHandleKeyboardA11y(r))}handleRowReorderPointerDown(t){if(this.isLegacyMode||!this.rowReorderable)return;const e=function(t){return("function"==typeof t.composedPath?t.composedPath():[]).find((t=>t instanceof HTMLElement&&t.classList.contains("xpl-table__row-drag-handle")))??null}(t);if(!e)return;if(e.closest("xpl-table")!==this.el)return;const s=u(e);if(!s||s.disabled)return;const i=this.getDirectChildTableSection("xpl-table-body");if(!i||s.parentElement!==i)return;this.clearPendingDragListeners(),this.pendingDragRow=s;const r=()=>{this.clearPendingDragListeners(),this.pendingDragRow=null};document.addEventListener("pointerup",r,!0),document.addEventListener("pointercancel",r,!0),this.pointerUpClearPending=()=>{document.removeEventListener("pointerup",r,!0),document.removeEventListener("pointercancel",r,!0)}}handleRowReorderDragStart(t){if(this.isLegacyMode||!this.rowReorderable)return;const e=p(t);if(!e)return;if(e.closest("xpl-table")!==this.el)return;const s=this.getDirectChildTableSection("xpl-table-body");s&&e.parentElement===s&&(e.disabled||this.pendingDragRow!==e?t.preventDefault():(this.keyboardReorderRowId=null,this.syncReorderHandleKeyboardA11y(null),this.clearPendingDragListeners(),this.pendingDragRow=null,this.draggedRow=e,t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",b.getRowIdForRow(e)??"")),e.classList.add("xpl-table-row--dragging")))}handleRowReorderDragEnd(t){if(this.isLegacyMode||!this.rowReorderable)return;const e=p(t);e&&e.closest("xpl-table")===this.el&&(e.classList.remove("xpl-table-row--dragging"),this.clearReorderDragOverClasses(),this.draggedRow=null)}handleRowReorderDragOver(t){if(this.isLegacyMode||!this.rowReorderable)return;const e=p(t);if(!e||e.closest("xpl-table")!==this.el)return;const s=this.getDirectChildTableSection("xpl-table-body");s&&e.parentElement===s&&!e.disabled&&(t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect="move"))}handleRowReorderDragEnter(t){if(this.isLegacyMode||!this.rowReorderable)return;const e=p(t);if(!e||e.closest("xpl-table")!==this.el)return;const s=this.getDirectChildTableSection("xpl-table-body");s&&e.parentElement===s&&!e.disabled&&(t.preventDefault(),e.classList.add("xpl-table-row--drag-over"))}handleRowReorderDragLeave(t){if(this.isLegacyMode||!this.rowReorderable)return;const e=p(t);if(!e||e.closest("xpl-table")!==this.el)return;const s=t.relatedTarget;s&&e.contains(s)||e.classList.remove("xpl-table-row--drag-over")}handleRowReorderDrop(t){if(this.isLegacyMode||!this.rowReorderable)return;t.preventDefault();const e=p(t);if(!e||e.closest("xpl-table")!==this.el)return;const s=this.getDirectChildTableSection("xpl-table-body");if(!s||e.parentElement!==s||e.disabled)return;const i=this.draggedRow;if(!i||i.disabled)return this.draggedRow=null,void this.clearReorderDragOverClasses();if(i===e)return void this.clearReorderDragOverClasses();const r=this.getVisibleBodyRowsForReorder(),l=r.indexOf(i),n=r.indexOf(e);if(-1===l||-1===n)return void this.clearReorderDragOverClasses();const o=l>n?"up":"down",h=b.getRowIdForRow(i)??"";!function(t,e,s){if(e===s||e.parentElement!==t)return;if(s.parentElement!==t)return;const i=Array.from(t.children).filter((t=>"xpl-table-row"===t.tagName.toLowerCase()&&!t.hasAttribute("hidden"))),r=i.indexOf(e),l=i.indexOf(s);if(-1!==r&&-1!==l&&r!==l)if(r<l){const i=d(s);t.insertBefore(e,i||null)}else t.insertBefore(e,s)}(s,i,e);const a=this.getVisibleBodyRowsForReorder().map((t=>b.getRowIdForRow(t)??""));this.rowOrderChange.emit({rowId:h,direction:o,orderedRowIds:a,fromIndex:l,toIndex:n}),this.announceRowReorder(h,a),this.clearReorderDragOverClasses(),this.selectable&&(this.applyBodyCheckboxStates(),this.applyHeaderCheckboxState(),this.syncRowSelectedProps()),this.updateColumnWidths()}get isLegacyMode(){return void 0!==this.columns||void 0!==this.data||void 0!==this.footer}ensureTableInstanceId(){this.tableInstanceId||(this.tableInstanceId="undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID():Math.random().toString(36).slice(2))}generateRowId(){return this.ensureTableInstanceId(),"undefined"!=typeof crypto&&crypto.randomUUID?`${this.tableInstanceId}-${crypto.randomUUID()}`:`${this.tableInstanceId}-${Math.random().toString(36).slice(2)}`}syncCompositionalLayout(){this.isLegacyMode||(this.rowReorderable?this.syncReorderColumn():this.removeManagedReorderCells(),this.selectable&&(this.ensureTableInstanceId(),this.pruneStaleSelectedRowIds(),this.ensureBodyRowIds(),this.applyBodyCheckboxStates(),this.applyHeaderCheckboxState(),this.syncRowSelectedProps()),this.rowReorderable&&this.selectable&&this.normalizeManagedColumnsOrder(),this.updateColumnWidths())}getDirectChildTableSection(t){return Array.from(this.el.children).find((e=>e.tagName.toLowerCase()===t))??null}isDirectChildBodyRow(t){const e=this.getDirectChildTableSection("xpl-table-body");return null!==e&&t.parentElement===e}isCellInOurCompositionalHeader(t){const e=t.closest("xpl-table-header");return null!==e&&e.parentElement===this.el}getSelectionColumnIndex(){const t=this.getCompositionalHeaderCells().findIndex((t=>"checkbox"===t.getAttribute("type")));return t>=0?t:null}static getBodyRowCells(t){return Array.from(t.children).filter((t=>"xpl-table-cell"===t.tagName.toLowerCase()))}queryBodyRows(){const t=this.getDirectChildTableSection("xpl-table-body");return t?Array.from(t.children).filter((t=>"xpl-table-row"===t.tagName.toLowerCase())):[]}querySelectableBodyRows(){return this.queryBodyRows().filter((t=>!t.disabled))}static getRowIdForRow(t){const e=t.getAttribute("row-id")?.trim();return e||null}ensureBodyRowIds(){this.queryBodyRows().forEach((t=>{b.getRowIdForRow(t)||t.setAttribute("row-id",this.generateRowId())}))}removeManagedReorderCells(){this.el.querySelectorAll(`[${n}]`).forEach((t=>{t instanceof Element&&t.closest("xpl-table")===this.el&&t.parentElement?.removeChild(t)}))}getSelectionSlotCellForReorderOrder(t){const e=this.getSelectionColumnIndex();if(null===e)return null;const s=Array.from(t.children)[e];if(!s)return null;const i=s.tagName.toLowerCase();return"xpl-table-header-cell"===i?"checkbox"===s.getAttribute("type")?s:null:"xpl-table-cell"===i?s.hasAttribute(o)||s.querySelector("xpl-checkbox")?s:null:"xpl-table-footer-cell"===i?s:null}normalizeManagedColumnsOrder(){const t=t=>{const e=t.querySelector(`:scope > [${n}]`),s=this.getSelectionSlotCellForReorderOrder(t);if(!e||!s)return;const i=Array.from(t.children);i.indexOf(e)>i.indexOf(s)&&t.insertBefore(e,s)},e=Array.from(this.el.children).find((t=>"xpl-table-header"===t.tagName.toLowerCase()))??null;if(e){const s=Array.from(e.children).find((t=>"xpl-table-row"===t.tagName.toLowerCase()));t(s??e)}this.queryBodyRows().forEach((e=>t(e)));const s=this.getDirectChildTableSection("xpl-table-footer");s&&Array.from(s.children).filter((t=>"xpl-table-row"===t.tagName.toLowerCase())).forEach((e=>t(e)))}syncReorderColumn(){this.rowReorderable&&!this.isLegacyMode&&(this.ensureBodyRowIds(),this.ensureHeaderReorderCell(),this.ensureBodyReorderCells(),this.ensureFooterReorderCells(),this.applyReorderRowDraggableState())}ensureHeaderReorderCell(){const t=Array.from(this.el.children).find((t=>"xpl-table-header"===t.tagName.toLowerCase()))??null;if(!t)return;const e=Array.from(t.children).find((t=>"xpl-table-row"===t.tagName.toLowerCase()))??t;if(Array.from(e.children).some((t=>"xpl-table-header-cell"===t.tagName.toLowerCase()&&t.hasAttribute(n))))return;const s=document.createElement("xpl-table-header-cell");s.setAttribute(n,""),s.setAttribute("type","empty"),s.setAttribute("width","48"),s.setAttribute("align","center"),e.insertBefore(s,e.firstChild)}ensureBodyReorderCells(){this.queryBodyRows().forEach((t=>{const e=Array.from(t.children).filter((t=>"xpl-table-cell"===t.tagName.toLowerCase()&&t.hasAttribute(n)));if(e.length>1)for(let t=1;t<e.length;t+=1)e[t].remove();let s=e[0];if(s)s.setAttribute("align","center");else{const e=document.createElement("xpl-table-cell");e.setAttribute(n,""),e.setAttribute("width","48"),e.setAttribute("align","center");const i=document.createElement("button");i.type="button",i.className="xpl-table__row-drag-handle",i.setAttribute("aria-label","Reorder row"),i.setAttribute("aria-pressed","false");const r=this.getResolvedIconForRow(b.getRowIdForRow(t)??"");if(r){const t=document.createElement("xpl-icon");t.setAttribute("icon",r),t.setAttribute("size","16"),i.appendChild(t)}e.appendChild(i),t.insertBefore(e,t.firstChild),s=e}const i=s.querySelector(".xpl-table__row-drag-handle");i&&(i.disabled=t.disabled)})),this.syncInjectedReorderHandleIcons(),this.attachReorderHandleKeydownListeners()}getResolvedIconForRow(t){return null!==this.keyboardReorderRowId&&""!==t&&t===this.keyboardReorderRowId?""===this.reorderHandleIconKeyboard?null:this.reorderHandleIconKeyboard??"caret-expand-y":""===this.reorderHandleIcon?null:this.reorderHandleIcon??"grip-dots-vertical"}syncInjectedReorderHandleIcons(){this.queryBodyRows().forEach((t=>{const e=t.querySelector(".xpl-table__row-drag-handle");if(!e)return;const s=b.getRowIdForRow(t)??"",i=this.getResolvedIconForRow(s);if(e.querySelectorAll("xpl-icon").forEach((t=>t.remove())),i){const t=document.createElement("xpl-icon");t.setAttribute("icon",i),t.setAttribute("size","16"),e.appendChild(t)}}))}syncReorderHandleKeyboardA11y(t){!this.isLegacyMode&&this.rowReorderable&&(this.queryBodyRows().forEach((e=>{const s=e.querySelector(".xpl-table__row-drag-handle");if(!s)return;const i=b.getRowIdForRow(e)??"",r=null!==t&&i===t;s.classList.toggle("xpl-table__row-drag-handle--keyboard-mode",r),s.setAttribute("aria-pressed",r?"true":"false"),s.setAttribute("aria-label",r?"Press arrow up or down to reorder, Escape to exit":"Press Enter or Space to activate keyboard reorder mode, or drag to reorder")})),this.syncInjectedReorderHandleIcons())}attachReorderHandleKeydownListeners(){!this.isLegacyMode&&this.rowReorderable&&this.queryBodyRows().forEach((t=>{const e=t.querySelector(".xpl-table__row-drag-handle");e&&"true"!==e.dataset.xplReorderKbdBound&&(e.dataset.xplReorderKbdBound="true",e.addEventListener("keydown",this.onReorderHandleKeydown))}))}detachReorderHandleKeydownListeners(){this.el&&this.el.querySelectorAll('.xpl-table__row-drag-handle[data-xpl-reorder-kbd-bound="true"]').forEach((t=>{t.removeEventListener("keydown",this.onReorderHandleKeydown),delete t.dataset.xplReorderKbdBound}))}performKeyboardRowReorder(t,e){const s=this.getDirectChildTableSection("xpl-table-body");if(!s)return!1;const i=this.getVisibleBodyRowsForReorder(),r=i.findIndex((e=>b.getRowIdForRow(e)===t));if(-1===r)return!1;const l="up"===e?r-1:r+1;if(l<0||l>=i.length)return!1;const n=r,o=i[r],h=i[l];if("up"===e)s.insertBefore(o,h);else{const t=d(h);t?s.insertBefore(o,t):s.appendChild(o)}const a=this.getVisibleBodyRowsForReorder().map((t=>b.getRowIdForRow(t)??"")),c=a.indexOf(t);return this.rowOrderChange.emit({rowId:t,direction:e,orderedRowIds:a,fromIndex:n,toIndex:c}),this.announceRowReorder(t,a),this.clearReorderDragOverClasses(),this.selectable&&(this.applyBodyCheckboxStates(),this.applyHeaderCheckboxState(),this.syncRowSelectedProps()),this.updateColumnWidths(),this.reorderKeyboardTimers.requestAnimationFrame((()=>{if(!this.el.isConnected)return;const e=this.getVisibleBodyRowsForReorder().find((e=>b.getRowIdForRow(e)===t)),s=e?.querySelector(".xpl-table__row-drag-handle");s?.focus()})),!0}ensureFooterReorderCells(){const t=this.getDirectChildTableSection("xpl-table-footer");t&&Array.from(t.children).filter((t=>"xpl-table-row"===t.tagName.toLowerCase())).forEach((t=>{if(Array.from(t.children).some((t=>"xpl-table-footer-cell"===t.tagName.toLowerCase()&&t.hasAttribute(n))))return;const e=document.createElement("xpl-table-footer-cell");e.setAttribute(n,""),e.setAttribute("width","48"),e.setAttribute("align","center"),t.insertBefore(e,t.firstChild)}))}static supportsSubgridBodyRow(){return"undefined"!=typeof CSS&&"function"==typeof CSS.supports&&CSS.supports("grid-template-columns","subgrid")}applyReorderRowDraggableState(){const t=b.supportsSubgridBodyRow();this.queryBodyRows().forEach((e=>{const s=e.querySelector(".xpl-table__row-drag-handle");s?.removeAttribute("draggable"),e.removeAttribute("draggable"),this.rowReorderable&&!e.disabled&&s&&(t?e.setAttribute("draggable","true"):s.setAttribute("draggable","true"))}))}getVisibleBodyRowsForReorder(){return this.queryBodyRows().filter((t=>!t.hasAttribute("hidden")))}clearReorderDragOverClasses(){this.queryBodyRows().forEach((t=>t.classList.remove("xpl-table-row--drag-over")))}clearPendingDragListeners(){this.pointerUpClearPending&&(this.pointerUpClearPending(),this.pointerUpClearPending=null)}announceRowReorder(t,e){if(!this.rowReorderable||!t)return;const s=e.indexOf(t);s<0||(this.reorderLiveMessage="",void 0!==this.reorderAnnounceRaf&&cancelAnimationFrame(this.reorderAnnounceRaf),this.reorderAnnounceRaf=requestAnimationFrame((()=>{this.reorderAnnounceRaf=void 0,this.el.isConnected&&(this.reorderLiveMessage=`Row ${t}, now position ${s+1} of ${e.length}`)})))}pruneStaleSelectedRowIds(){const t=new Set(this.queryBodyRows().map((t=>b.getRowIdForRow(t))).filter((t=>!!t))),e=this.selectedRowIds.filter((e=>t.has(e)));e.length!==this.selectedRowIds.length&&(this.selectedRowIds=e,this.applyBodyCheckboxStates(),this.applyHeaderCheckboxState(),this.syncRowSelectedProps(),this.emitCompositionalSelection())}static getBodyRowCheckboxAriaLabel(t,e){const s=b.getBodyRowCells(t),i=s.find(((t,s)=>(null===e||s!==e)&&!t.hasAttribute(n)))??s[0];if(!i)return"Select row";const r=i.textContent?.replace(/\s+/g," ").trim()??"";return r?`Select row, ${r.length>100?`${r.slice(0,100)}…`:r}`:"Select row"}applyBodyCheckboxStates(){const t=this.getSelectionColumnIndex();null!==t&&this.queryBodyRows().forEach((e=>{const s=b.getRowIdForRow(e),i=b.getBodyRowCells(e)[t],r=i?.querySelector("xpl-checkbox");r&&s&&(r.checked=this.selectedRowIds.includes(s),r.disabled=e.disabled,r.value=s,r.setAttribute("aria-label",b.getBodyRowCheckboxAriaLabel(e,t)))}))}getHeaderCheckboxCell(){const t=this.getSelectionColumnIndex();if(null===t)return null;const e=this.getCompositionalHeaderCells()[t];return e&&"checkbox"===e.getAttribute("type")?e:null}applyHeaderCheckboxState(){const t=this.getHeaderCheckboxCell();if(!t)return;const e=this.querySelectableBodyRows().map((t=>b.getRowIdForRow(t))).filter((t=>!!t)),s=e.filter((t=>this.selectedRowIds.includes(t))).length,i=e.length>0&&s===e.length,r=s>0&&!i;t.checked=i,t.indeterminate=r}syncRowSelectedProps(){this.queryBodyRows().forEach((t=>{const e=b.getRowIdForRow(t),s=!!e&&this.selectedRowIds.includes(e);t.selected=s}))}emitCompositionalSelection(){const t=this.selectedRowIds,e=t.join("");e!==this.lastEmittedRowSelectionKey&&(this.lastEmittedRowSelectionKey=e,this.rowSelectionChange.emit({selectedRowIds:[...t]}))}isEventFromThisTable(t){if(null==t||"object"!=typeof t)return!1;const e="closest"in t&&"function"==typeof t.closest?t:"parentElement"in t?t.parentElement:null;return!!e&&e.closest("xpl-table")===this.el}static sortKeyFromHeaderCell(t,e){const s=(t.sortKey??t.label??"").trim();return s.length>0?s.replace(/ /g,"-").toLowerCase():`column-${e}`}handleCompositionalHeaderSort(t){if(this.isLegacyMode)return;if(!this.isEventFromThisTable(t.target))return;t.stopPropagation();const e=t.target,s=e.closest("xpl-table-header xpl-table-row")??e.closest("xpl-table-row");if(!s||!this.el.contains(s))return;const i=Array.from(s.querySelectorAll("xpl-table-header-cell")),{columnIndex:r}=t.detail,l=i[r];if(!l?.sortable)return;const n=h(l.sortDirection);i.forEach(((t,e)=>{t.sortable&&(t.sortDirection=e===r?n:null)}));const o={};i.forEach(((t,e)=>{const s=t;s.sortable&&(o[b.sortKeyFromHeaderCell(s,e)]=s.sortDirection??null)}));const a=i.map((t=>t.sortable?t.sortDirection??null:null)),c=b.sortKeyFromHeaderCell(i[r],r),d={...o,colNum:r,colName:c,sortTypeArr:a};this.sortChanged.emit(d)}legacySortStatePayload(){const t={};return this.columns?.length?(this.columns.forEach(((e,s)=>{const i=e.replace(/ /g,"-").toLowerCase();t[i]=this.sortTypeArray[s]??null})),t):t}legacySortChangedDetail(t){return{...this.legacySortStatePayload(),colNum:t,colName:(this.columns?.[t]??"").replace(/ /g,"-").toLowerCase(),sortTypeArr:[...this.sortTypeArray]}}getCompositionalHeaderCells(){const t=Array.from(this.el.children).find((t=>"xpl-table-header"===t.tagName.toLowerCase()))??null;if(!t)return[];const e=Array.from(t.children).find((t=>"xpl-table-row"===t.tagName.toLowerCase()));return Array.from((e??t).children).filter((t=>"xpl-table-header-cell"===t.tagName.toLowerCase()))}updateColumnWidths(){const t=this.getCompositionalHeaderCells(),e=t.map((t=>a(t))).join(" "),s=t.length;s===this.colCount&&this.colCount>0&&this.columnWidthsToken===e||(this.el.style.setProperty("--column-widths",e),this.colCount=s,this.columnWidthsToken=e)}handleSort(t,e,s){t.preventDefault(),t.stopPropagation(),e&&(this.sortTypeArray=this.sortTypeArray.map(((t,e)=>{if(e!==s)return null;switch(t){case"asc":return"desc";case"desc":return null;default:return"asc"}})),this.sortChanged.emit(this.legacySortChangedDetail(s)).defaultPrevented||this.sortBy(s,this.sortTypeArray))}renderLegacy(){return!this.columns||this.sortTypeArray&&this.sortTypeArray.length===this.columns.length||(this.sortTypeArray=this.columns.map((()=>null))),s(i,null,s("div",{class:"xpl-table-container",onScroll:this.onLegacyScroll,ref:t=>{t&&(this.container=t)}},s("table",{class:{"xpl-table":!0,"xpl-table--legacy":!0,"xpl-table--striped":!!this.striped,"xpl-table--freeze":!!this.freeze,"xpl-table--has-scrolled":this.hasScrolled}},this.columns&&s("thead",null,this.columns.map(((t,e)=>{const i=c(this.sortTypeArray?.[e]??null),r=!(!this.isSortable||!this.sortableColumns?.[e]);return s("th",null,s("label",{onClick:t=>this.handleSort(t,r,e),class:r?"cursor-pointer":""},this.multiselect&&0===e&&s("input",{checked:this.areAllSelected,id:"__xpl-table-th",indeterminate:!this.areAllSelected&&this.selected.some((t=>t)),onClick:t=>{t.stopPropagation(),this.selectAll(t)},type:"checkbox",value:this.selectAllValue}),t,r&&!!this.sortTypeArray[e]&&s("xpl-icon",{icon:i,size:16})))}))),s("tbody",null,this.rowData.map(((t,e)=>s("tr",{class:this.selected&&this.selected[e]?"xpl-table-row-selected":""},t.map(((t,i)=>s("td",null,this.multiselect&&0===i?s("label",{htmlFor:`__xpl-table-row-${e}`},s("input",{id:`__xpl-table-row-${e}`,checked:!!this.selected[e],type:"checkbox",onChange:t=>this.selectOne(t,e),value:this.selectedValues&&this.selectedValues.length>0?this.selectedValues[e]:`xpl-table-checkbox-${e}`}),s("div",{innerHTML:t})):s("div",{innerHTML:t})))))))),this.rowFooterData?.length>0&&s("tfoot",null,this.rowFooterData.map((t=>s("tr",null,t.map((t=>s("td",null,s("div",{innerHTML:t})))))))))))}renderCompositional(){const t=this.selectedRowIds.length;return s(i,{role:"grid","aria-label":this.label,"aria-colcount":this.colCount>0?this.colCount:void 0,class:{"xpl-table":!0,"xpl-table--striped":!!this.striped,"xpl-table--freeze":!!this.freeze,"xpl-table--has-scrolled":this.hasScrolled,"xpl-table--selectable":!!this.selectable,"xpl-table--selection-active":!!this.selectable&&this.selectedRowIds.length>0,"xpl-table--row-reorderable":!!this.rowReorderable},onScroll:this.onGridScroll},this.rowReorderable&&s("div",{class:"xpl-table__reorder-live","aria-live":"assertive","aria-atomic":"true"},this.reorderLiveMessage),this.selectable&&s("div",{class:{"xpl-toolbar":!0,hidden:0===t,"xpl-table__toolbar":!0}},s("div",{class:"toolbar"},s("p",{class:"selected-item-count"},t," Selected"),s("div",{class:"actions"},s("slot",{name:"toolbar-actions-left"}),s("slot",{name:"toolbar-actions-right"})))),s("slot",null))}render(){return this.isLegacyMode?this.renderLegacy():this.renderCompositional()}get el(){return r(this)}static get watchers(){return{columns:[{watchColumns:0}],data:[{watchData:0}],footer:[{watchFooterData:0}],reorderHandleIcon:[{watchReorderHandleIcon:0}],reorderHandleIconKeyboard:[{watchReorderHandleIconKeyboard:0}],rowReorderable:[{watchRowReorderable:0}],selectable:[{watchSelectable:0}]}}};b.selectAllSeq=0;export{b as xpl_table}
@@ -1 +1 @@
1
- import{r as t,c as e,h as a,g as s}from"./p-ukZKsqqq.js";const i=class{constructor(a){t(this,a),this.selectedItemCountChange=e(this,"selectedItemCountChange",7),this.colCount=0,this.hasAccordion=!1,this.selectedItemCount=0}updateColumnCount(){const t=this.el.querySelectorAll("xpl-table-header-cell");if(t.length===this.colCount)return;const e=Array.from(t).map((t=>null!==t.getAttribute("width")?`${t.getAttribute("width")}px`:"1fr"));this.el.style.setProperty("--xpl-column-widths",e.join(" ")),this.colCount=t.length}listenToDeselectEvent(){this.selectedItemCount=0,this.selectedItemCountChange.emit([])}listenToChangeEvent(){const t=document.querySelectorAll('.xpl-dynamic-table xpl-checkbox:not([class^="xpl-header-accordion__parent-checkbox"]) input:not([disabled])'),e=Array.from(t).filter((t=>t.checked)).map((t=>t.getAttribute("data-id")??""));this.selectedItemCount=e.length,this.selectedItemCountChange.emit(e)}updateRowGap(){this.hasAccordion=null!==this.el.querySelector("xpl-header-accordion")}componentDidLoad(){this.updateColumnCount(),this.updateRowGap()}componentDidUpdate(){this.updateColumnCount()}render(){return a("div",{key:"9fdd0a6b9adfad92d89ff30873009e08ca981124",role:"grid",class:{"xpl-dynamic-table":!0,"xpl-dynamic-table--accordion":this.hasAccordion},"aria-colcount":this.colCount},a("slot",{key:"a105d82f752d34618a0603c59f85ea9e2ee6c3dd",name:"header"}),a("slot",{key:"24817b404a5a6f50ab1f17674a85391a8645f728",name:"body"}))}get el(){return s(this)}};export{i as xpl_dynamic_table}
1
+ import{r as t,c as e,h as s,g as a}from"./p-ukZKsqqq.js";const d=class{constructor(s){t(this,s),this.selectedItemCountChange=e(this,"selectedItemCountChange",7),this.colCount=0,this.hasAccordion=!1,this.selectedItemCount=0}updateColumnCount(){const t=this.el.querySelectorAll("xpl-table-header-cell");if(t.length===this.colCount)return;const e=Array.from(t).map((t=>null!==t.getAttribute("width")?`${t.getAttribute("width")}px`:"1fr"));this.el.style.setProperty("--xpl-column-widths",e.join(" ")),this.colCount=t.length}listenToDeselectEvent(){this.selectedItemCount=0,this.selectedItemCountChange.emit([])}listenToChangeEvent(){const t=document.querySelectorAll('.xpl-dynamic-table xpl-checkbox:not([class^="xpl-header-accordion__parent-checkbox"]) input:not([disabled])'),e=Array.from(t).filter((t=>t.checked)).map((t=>t.getAttribute("data-id")??""));this.selectedItemCount=e.length,this.selectedItemCountChange.emit(e)}updateRowGap(){this.hasAccordion=null!==this.el.querySelector("xpl-header-accordion")}componentDidLoad(){this.updateColumnCount(),this.updateRowGap()}componentDidUpdate(){this.updateColumnCount()}render(){return s("div",{key:"223e082cd5124d2f495e65058c4742ab6a28f5cf",role:"grid",class:{"xpl-dynamic-table":!0,"xpl-dynamic-table--accordion":this.hasAccordion},"aria-colcount":this.colCount},s("slot",{key:"a808231d98db51ddb01ada49d69ae468cd721603",name:"header"}),s("slot",{key:"4eb9d10764e8d81e5c6d9f80fc9d470c2d34e969",name:"body"}))}get el(){return a(this)}};export{d as xpl_dynamic_table}
@@ -1 +1 @@
1
- import{r as e,h as t,H as s,g as i}from"./p-ukZKsqqq.js";const c=class{constructor(t){e(this,t),this.initialExpanded=!1,this.disabled=!1,this.selectedCount=-1,this.hasCheckbox=!0,this.expanded=this.initialExpanded,this.parentChecked=!1,this.parentIndeterminate=!1,this.toggleAccordion=()=>{this.expanded=!this.expanded},this.handleParentCheckboxChange=e=>{this.parentChecked=e,this.parentIndeterminate=!1;const t=this.el?.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])');t?.forEach((t=>{t.checked=e}))}}watchSelectedCount(e,t){e>-1&&this.updateParentCheckbox(e)}updateParentCheckbox(e){const t=this.el?.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])');0===e?(this.parentChecked=!1,this.parentIndeterminate=!1):e===(t?.length??0)?(this.parentChecked=!0,this.parentIndeterminate=!1):(this.parentChecked=!1,this.parentIndeterminate=!0)}handleChildCheckboxChange(){if(-1===this.selectedCount){const e=this.el?.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])'),t=Array.from(e??[]).filter((e=>e.checked)).length;this.updateParentCheckbox(t)}}componentDidLoad(){this.updateParentCheckbox(this.selectedCount>-1?this.selectedCount:0)}render(){return t(s,{key:"7a9c486fd491732cafa29086b3e3edab9090fcef",class:"xpl-header-accordion"},t("div",{key:"c63b756d6336e89b7976fb9a072782ed9d67a7c9",class:"header-accordion header-accordion--"+(this.expanded?"expanded":"collapsed")},this.hasCheckbox&&t("xpl-checkbox",{key:"65d41ff6f70d0cc9022f0337335305737a23617d",class:"xpl-header-accordion__parent-checkbox",checked:this.parentChecked,disabled:this.disabled,indeterminate:this.parentIndeterminate,onCheckboxChange:e=>this.handleParentCheckboxChange(e.detail)}),t("button",{key:"514f9bfe4a024416b8a4e152472c2bd7bbe3ab1d","aria-expanded":this.expanded,"aria-controls":this.contentId,class:"toggle-area",onClick:this.toggleAccordion,type:"button"},t("slot",{key:"29a2434b4a4be46751f4425b7837f11324547e1a",name:"title"}),t("xpl-icon",{key:"cf2e043da31d9845e6b4db91022f67c3abb4918d",size:16,icon:"chevron-down",class:this.expanded?"rotate":void 0}))),t("div",{key:"6bcc05f2ebf545ef67fa7cf1e3bb1e6f39f0f170",id:this.contentId,role:"region",class:this.expanded?"content--shown":"content--hidden"},t("slot",{key:"6bbcd7e23979d93d88168f173766f86701ecc382",name:"content"})))}get el(){return i(this)}static get watchers(){return{selectedCount:[{watchSelectedCount:0}]}}};export{c as xpl_header_accordion}
1
+ import{r as e,h as t,H as s,g as i}from"./p-ukZKsqqq.js";const c=class{constructor(t){e(this,t),this.initialExpanded=!1,this.disabled=!1,this.selectedCount=-1,this.hasCheckbox=!0,this.expanded=this.initialExpanded,this.parentChecked=!1,this.parentIndeterminate=!1,this.toggleAccordion=()=>{this.expanded=!this.expanded},this.handleParentCheckboxChange=e=>{this.parentChecked=e,this.parentIndeterminate=!1;const t=this.el?.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])');t?.forEach((t=>{t.checked=e}))}}watchSelectedCount(e,t){e>-1&&this.updateParentCheckbox(e)}updateParentCheckbox(e){const t=this.el?.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])');0===e?(this.parentChecked=!1,this.parentIndeterminate=!1):e===(t?.length??0)?(this.parentChecked=!0,this.parentIndeterminate=!1):(this.parentChecked=!1,this.parentIndeterminate=!0)}handleChildCheckboxChange(){if(-1===this.selectedCount){const e=this.el?.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])'),t=Array.from(e??[]).filter((e=>e.checked)).length;this.updateParentCheckbox(t)}}componentDidLoad(){this.updateParentCheckbox(this.selectedCount>-1?this.selectedCount:0)}render(){return t(s,{key:"6181aa606ed8062474d9e369558a0d4367ec06be",class:"xpl-header-accordion"},t("div",{key:"17516c087ec1818ef9be08b79abd0e69ee6e499b",class:"header-accordion header-accordion--"+(this.expanded?"expanded":"collapsed")},this.hasCheckbox&&t("xpl-checkbox",{key:"709c1055c22c7328de3a36fd265d57e616e13f39",class:"xpl-header-accordion__parent-checkbox",checked:this.parentChecked,disabled:this.disabled,indeterminate:this.parentIndeterminate,onCheckboxChange:e=>this.handleParentCheckboxChange(e.detail)}),t("button",{key:"9392aaf81db32af32c2fa3bff445a53fd0e8a324","aria-expanded":this.expanded,"aria-controls":this.contentId,class:"toggle-area",onClick:this.toggleAccordion,type:"button"},t("slot",{key:"6019b35676f13debe6cff89bcc9f90542a640628",name:"title"}),t("xpl-icon",{key:"4c381cf9324e1348d1f26c7150b31945e264f4ca",size:16,icon:"chevron-down",class:this.expanded?"rotate":void 0}))),t("div",{key:"0c96d5d10f7d82844c473e595fce1624234585b3",id:this.contentId,role:"region",class:this.expanded?"content--shown":"content--hidden"},t("slot",{key:"fc6ae8bc852d115475acbe269e3e82d89b7ae755",name:"content"})))}get el(){return i(this)}static get watchers(){return{selectedCount:[{watchSelectedCount:0}]}}};export{c as xpl_header_accordion}
@@ -0,0 +1 @@
1
+ const r="xplTableColumnWidthsChange",a=r=>{if("xpl-table-header-cell"!==r.tagName.toLowerCase())return"auto";const a=r,e="string"==typeof a.columnWidth?a.columnWidth.trim():"",t=r.getAttribute("column-width")?.trim()??"",s=e||t;if(s.length>0)return s;const n=a.width;if("number"==typeof n&&Number.isFinite(n)&&n>0)return`${Math.max(48,n)}px`;const u=r.getAttribute("width");if(null===u||""===u)return"auto";if(/^\s*\d+(\.\d+)?\s*$/.test(u)){const r=Number.parseFloat(u);return Number.isFinite(r)&&r>0?`${Math.max(48,r)}px`:"auto"}return u.trim()},e="data-xpl-selection-managed",t="data-xpl-row-reorder-managed",s=r=>"asc"===r?"arrow-up":"arrow-down",n=r=>{switch(r){case"asc":return"desc";case"desc":return null;default:return"asc"}},u=r=>{switch(r){case"asc":return"arrow-up";case"desc":return"arrow-down";default:return"dash"}};export{t as R,e as S,r as X,u as a,s as b,n as c,a as g}
@@ -0,0 +1 @@
1
+ import{r as e,h as r,H as o}from"./p-ukZKsqqq.js";const s=class{constructor(r){e(this,r)}render(){return r(o,{key:"57872baa33166a8146bd0c9b3d7af1597e1fb41e",class:"xpl-table-footer",role:"rowgroup"},r("slot",{key:"65def2bdfee1be95fa966f7f746dedc7176b91e6"}))}};export{s as xpl_table_footer}
@@ -0,0 +1 @@
1
+ import{r as a,c as e,h as c,H as d}from"./p-ukZKsqqq.js";const n=class{constructor(c){a(this,c),this.navWidth=e(this,"navWidth",7),this.width="default"}navWidthHandler(){this.navWidth.emit(this.width)}connectedCallback(){this.navWidthHandler()}componentDidUpdate(){this.navWidthHandler()}render(){return c(d,{key:"965f7a4faa40d7ec386c947e16fb5bc4621496a0",class:`xpl-main-nav xpl-main-nav--${this.width}`,"aria-label":"Sidebar"},c("nav",{key:"1237191a5c5e6d3eacfba46d7b9cb6c5e1fcc191"},c("header",{key:"903b017b0610dfd4fee28aa0d00d9c2f030506bc","aria-label":"Sidebar Header"},c("slot",{key:"ec0c4c0a92ae8578372895c3a0ee225da2bc2bb8",name:"logo"}),c("slot",{key:"d2b9d45cfde83df6f7f76889fc5c05520f5346d6",name:"brand-name"})),c("div",{key:"93d7a1d1ca940db7fedf4c634c092d2554c9e9e6",class:"xpl-main-nav__main_section"},c("slot",{key:"0a0c0ee4ae85a4db09cf87c7fe9693bd1f64721a",name:"navigation"})),c("footer",{key:"21d2eaa5f1446145656954966e550150c867357c",class:"xpl-main-nav__footer","aria-label":"Sidebar Footer"},c("slot",{key:"d2b84a7ea550a1da9460df7e9ace73354929707f",name:"footer"}))))}};export{n as xpl_main_nav}
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,H as e,g as n}from"./p-ukZKsqqq.js";import{h as o}from"./p-DkqlawVY.js";import{i as a}from"./p-Dqb1pIRo.js";const h=[".xpl-top-nav__brand-logo-slot",".xpl-top-nav__brand-bar"],l=".xpl-top-nav__user-menu-panel",r=[l,".xpl-top-nav__user-menu-stash"],p=[".xpl-top-nav__user-popover",".xpl-top-nav__user-menu-stash",".xpl-top-nav__right-user"],c=[l],d=class{constructor(i){t(this,i),this.brandClick=s(this,"brandClick",7),this.navOpen=s(this,"navOpen",7),this.slotProjectionDirty=!1,this.userPopoverDrawerSyncHost=null,this.brandLogoSlotPresent=!1,this.open=!1,this.slotProjectionNonce=0,this.userMenuSlotPresent=!1,this.userMenuTriggerSlotPresent=!1,this.focusNavControlAfterClose=()=>{void 0!==this.navControlFocusTimeoutId&&clearTimeout(this.navControlFocusTimeoutId),this.navControlFocusTimeoutId=setTimeout((()=>{this.navControlFocusTimeoutId=void 0,this.el.querySelector(".xpl-top-nav__nav-control")?.focus()}),0)},this.handleUserPopoverIsOpenChange=t=>{const{detail:s}=t;!0===s&&this.closeMobileDrawerWhenAccountMenuOpens()},this.onBrandNavItemClick=t=>{null==this.brandHref&&this.brandClick.emit(t.detail)},this.onDocKeyDownEscape=t=>{this.navControl&&this.open&&"Escape"===t.key&&(this.anyDescendantPopoverIsOpen()||this.el.querySelector("xpl-top-nav-item.xpl-top-nav-item--dropdown-open")||(t.preventDefault(),t.stopPropagation(),this.open=!1,this.navOpen.emit(!1),this.focusNavControlAfterClose()))},this.onDocClickOutsideDismiss=t=>{if(!this.navControl||!this.open)return;const s=t.target;null==s||this.anyDescendantPopoverIsOpen()||this.el.querySelector(".xpl-top-nav__left-primary")?.contains(s)||this.el.querySelector(".xpl-top-nav__nav-control")?.contains(s)||(this.open=!1,this.resetMobileCascade(),this.navOpen.emit(!1))},this.onNavToggle=()=>{const t=this.open;this.open=!this.open,this.navOpen.emit(this.open),t&&!this.open&&(this.resetMobileCascade(),this.focusNavControlAfterClose())},this.onUserPopoverInnerOpenClassChange=()=>{const t=this.userPopoverDrawerSyncHost;if(!t)return;const s=t.querySelector(".xpl-popover");s?.classList.contains("xpl-popover--is-open")&&this.closeMobileDrawerWhenAccountMenuOpens()},this.syncBrandLogoSlot=()=>{const t=o(this.el,"brand-logo",{hostTag:"xpl-top-nav",projectionRegionSelectors:h});t!==this.brandLogoSlotPresent&&(this.brandLogoSlotPresent=t)},this.syncUserMenuSlots=()=>{const t=o(this.el,"user-menu",{hostTag:"xpl-top-nav",projectionRegionSelectors:r}),s=o(this.el,"user-menu-trigger",{hostTag:"xpl-top-nav",projectionRegionSelectors:p,excludedRegionSelectors:c});t!==this.userMenuSlotPresent&&(this.userMenuSlotPresent=t),s!==this.userMenuTriggerSlotPresent&&(this.userMenuTriggerSlotPresent=s)}}onNavControlChanged(){this.syncOpenFromNavControl(),this.syncDocDismissListeners()}connectedCallback(){this.syncOpenFromNavControl(),this.syncDocDismissListeners(),this.syncBrandLogoSlot(),this.syncUserMenuSlots(),this.connectSlotContentObserver(),this.flushPendingSlotProjection()}disconnectedCallback(){void 0!==this.navControlFocusTimeoutId&&(clearTimeout(this.navControlFocusTimeoutId),this.navControlFocusTimeoutId=void 0),void 0!==this.deferredSlotContentObserverSyncTimeoutId&&(clearTimeout(this.deferredSlotContentObserverSyncTimeoutId),this.deferredSlotContentObserverSyncTimeoutId=void 0),this.removeDocDismissListeners(),this.disconnectSlotContentObserver(),this.disconnectUserPopoverDrawerSync()}componentWillLoad(){this.syncOpenFromNavControl(),this.syncBrandLogoSlot(),this.syncUserMenuSlots()}componentWillRender(){this.disconnectSlotContentObserver()}componentDidRender(){this.connectSlotContentObserver(),this.connectUserPopoverDrawerSync()}get childAccountLabelText(){return this.childAccountLabel?.trim()??""}get hasBrand(){const t=this.brandName?.trim()??"",s=this.brandLogo?.trim()??"";return t.length>0||s.length>0||this.brandLogoSlotPresent}get hasUserMenu(){return this.userMenuSlotPresent}get needsUserMenuSlotStash(){return!this.userMenuSlotPresent&&this.userMenuTriggerSlotPresent}get usesBuiltInChildAccountTrigger(){return this.hasUserMenu&&!this.userMenuTriggerSlotPresent}anyDescendantPopoverIsOpen(){const t=this.el.querySelectorAll("xpl-popover");for(let s=0;s<t.length;s+=1){const i=t[s].querySelector(".xpl-popover");if(i?.classList.contains("xpl-popover--is-open"))return!0}return!1}closeMobileDrawerWhenAccountMenuOpens(){this.navControl&&this.open&&(this.open=!1,this.navOpen.emit(!1))}connectSlotContentObserver(){this.disconnectSlotContentObserver(),"undefined"!=typeof MutationObserver&&(this.slotContentObserver=new MutationObserver((t=>{this.scheduleSlotContentSyncFromObserver(t)})),this.slotContentObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}connectUserPopoverDrawerSync(){const t=this.hasUserMenu?this.el.querySelector("xpl-popover.xpl-top-nav__user-popover"):null;if(t===this.userPopoverDrawerSyncHost)return;if(this.disconnectUserPopoverDrawerSync(),!t)return;this.userPopoverDrawerSyncHost=t,t.addEventListener("isOpenChange",this.handleUserPopoverIsOpenChange);const s=t.querySelector(".xpl-popover");s&&"undefined"!=typeof MutationObserver&&(this.userPopoverDrawerOpenObserver=new MutationObserver((()=>{this.onUserPopoverInnerOpenClassChange()})),this.userPopoverDrawerOpenObserver.observe(s,{attributes:!0,attributeFilter:["class"]}),this.onUserPopoverInnerOpenClassChange())}disconnectSlotContentObserver(){this.slotContentObserver?.disconnect(),this.slotContentObserver=void 0}disconnectUserPopoverDrawerSync(){this.userPopoverDrawerSyncHost&&(this.userPopoverDrawerSyncHost.removeEventListener("isOpenChange",this.handleUserPopoverIsOpenChange),this.userPopoverDrawerSyncHost=null),this.userPopoverDrawerOpenObserver?.disconnect(),this.userPopoverDrawerOpenObserver=void 0}removeDocDismissListeners(){const t=this.el.ownerDocument;t.removeEventListener("keydown",this.onDocKeyDownEscape,!1),t.removeEventListener("click",this.onDocClickOutsideDismiss,!0)}resetMobileCascade(){const t=this.el.querySelector(".xpl-top-nav__left-primary > xpl-top-nav-item.xpl-top-nav-item--dropdown-open");t?.closeMenu().catch((()=>{}))}scheduleSlotContentSyncFromObserver(t){this.mutationsAffectHostSlotting(t)&&(this.slotProjectionDirty=!0),void 0!==this.deferredSlotContentObserverSyncTimeoutId&&clearTimeout(this.deferredSlotContentObserverSyncTimeoutId),this.deferredSlotContentObserverSyncTimeoutId=setTimeout((()=>{this.deferredSlotContentObserverSyncTimeoutId=void 0,this.el.isConnected&&(this.syncBrandLogoSlot(),this.syncUserMenuSlots(),this.flushPendingSlotProjection())}),0)}flushPendingSlotProjection(){this.slotProjectionDirty&&(this.slotProjectionDirty=!1,this.slotProjectionNonce+=1)}mutationsAffectHostSlotting(t){return t.some((t=>"attributes"===t.type||"childList"===t.type&&t.target===this.el))}syncDocDismissListeners(){if(this.removeDocDismissListeners(),a()&&this.navControl){const t=this.el.ownerDocument;t.addEventListener("keydown",this.onDocKeyDownEscape,!1),t.addEventListener("click",this.onDocClickOutsideDismiss,!0)}}syncOpenFromNavControl(){const t=this.open;this.open=!1,t&&!this.navControl&&(this.resetMobileCascade(),this.navOpen.emit(!1))}render(){return i(e,{key:"00d598070bc4cee97d311206f48bf5cd873dcc8e",class:{"xpl-top-nav":!0,"xpl-top-nav--nav-control":Boolean(this.navControl),"xpl-top-nav--open":this.open,"xpl-top-nav--has-child-account-label":this.childAccountLabelText.length>0,"xpl-top-nav--has-brand":this.hasBrand,"xpl-top-nav--has-user-menu":this.hasUserMenu,dark:!0}},i("nav",{key:"0b42d835c3aa211fa1686d3611ace212d69f1921","aria-label":this.label??"top-navigation-bar",class:"xpl-top-nav__bar"},i("div",{key:"b55f526eca470d1d50b19bf1694f66991d369ad7",class:"xpl-top-nav__inner-left"},this.navControl&&i("button",{key:"37589314adb7f9cc4a33dd4bc421b2473ece5b54",type:"button",class:"xpl-top-nav__nav-control","aria-expanded":this.open?"true":"false","aria-label":this.open?"Close navigation menu":"Open navigation menu",onClick:this.onNavToggle},i("xpl-icon",{key:"acbdd20739df23cf49ff6542605513159cffe1da",class:"xpl-top-nav__control-icon",icon:"menu",size:32})),this.hasBrand&&i("div",{key:"148ba3e7114ce3f1edbf0618a231d94c4cc3c04f",class:"xpl-top-nav__brand-bar"},i("xpl-top-nav-item",{key:"cda2c5f5dca554b7b61d95b941bd0b969f871dd0",class:"xpl-top-nav__brand",href:this.brandHref,onNavItemClick:this.onBrandNavItemClick},this.brandLogo?.trim()?i("img",{class:"xpl-top-nav__brand-logo",src:this.brandLogo,alt:this.brandName?.trim()?this.brandName.trim():"Brand"}):this.brandLogoSlotPresent?i("span",{class:"xpl-top-nav__brand-logo-slot"},i("slot",{name:"brand-logo"})):null,this.brandName?.trim()?i("span",{class:"xpl-top-nav__brand-name"},this.brandName.trim()):null)),i("div",{key:"abca8522fe239fe207a291d7bd8bdfd1cab0ffc3",class:{"xpl-top-nav__aside":!0,"xpl-nav-left":!0}},i("div",{key:"f2fde6503e8bc319fbd60a4d5000d93644999d9a",class:"xpl-top-nav__left-primary",role:"list"},i("slot",{key:"ebbb61cf32cf5b0246cecc3d967f93f1834b9e11",name:"left-aside"})))),i("div",{key:"18c8d5990551ee655190aabb8ee85ad8d772b54e",class:{"xpl-top-nav__aside":!0,"xpl-nav-right":!0}},i("div",{key:"3120cb36425177943c3a52345396b5b2de9cc028",class:"xpl-nav-right__list"},i("div",{key:"6fde79b8b6d87bfdb617c591530307382bdff243",class:"xpl-top-nav__right-rail"},i("div",{key:"7e69e3e660887b7b39db058fb7e8cf42679a730e",class:"xpl-top-nav__right-lead"},i("slot",{key:"c198ab94307d3d126b5902890de73b434cb583b1",name:"right-aside"})),this.hasUserMenu?i("div",{class:"xpl-top-nav__right-user"},i("xpl-popover",{class:"xpl-top-nav__user-popover dark",position:"bottom-end",display:"menu"},this.userMenuTriggerSlotPresent?i("slot",{name:"user-menu-trigger",slot:"trigger"}):this.usesBuiltInChildAccountTrigger?i("xpl-button",{slot:"trigger",class:"xpl-top-nav__child-account-trigger",type:"button",variant:"tertiary",icon:"chevron-down",iconPosition:"end",iconOnly:0===this.childAccountLabelText.length,"aria-haspopup":"dialog","aria-label":this.childAccountLabelText.length>0?void 0:"Open account menu"},this.childAccountLabelText.length>0?this.childAccountLabelText:null):null,i("div",{class:"xpl-top-nav__user-menu-panel"},i("slot",{name:"user-menu"})))):null,this.needsUserMenuSlotStash?i("div",{class:"xpl-top-nav__user-menu-stash",hidden:!0,"aria-hidden":"true"},i("slot",{name:"user-menu-trigger"}),i("slot",{name:"user-menu"})):null)))))}get el(){return n(this)}static get watchers(){return{navControl:[{onNavControlChanged:0}]}}};export{d as xpl_top_nav}
1
+ import{r as t,c as s,h as i,H as e,g as n}from"./p-ukZKsqqq.js";import{h as o}from"./p-DkqlawVY.js";import{i as a}from"./p-Dqb1pIRo.js";const h=[".xpl-top-nav__brand-logo-slot",".xpl-top-nav__brand-bar"],l=".xpl-top-nav__user-menu-panel",r=[l,".xpl-top-nav__user-menu-stash"],p=[".xpl-top-nav__user-popover",".xpl-top-nav__user-menu-stash",".xpl-top-nav__right-user"],c=[l],d=class{constructor(i){t(this,i),this.brandClick=s(this,"brandClick",7),this.navOpen=s(this,"navOpen",7),this.slotProjectionDirty=!1,this.userPopoverDrawerSyncHost=null,this.brandLogoSlotPresent=!1,this.open=!1,this.slotProjectionNonce=0,this.userMenuSlotPresent=!1,this.userMenuTriggerSlotPresent=!1,this.focusNavControlAfterClose=()=>{void 0!==this.navControlFocusTimeoutId&&clearTimeout(this.navControlFocusTimeoutId),this.navControlFocusTimeoutId=setTimeout((()=>{this.navControlFocusTimeoutId=void 0,this.el.querySelector(".xpl-top-nav__nav-control")?.focus()}),0)},this.handleUserPopoverIsOpenChange=t=>{const{detail:s}=t;!0===s&&this.closeMobileDrawerWhenAccountMenuOpens()},this.onBrandNavItemClick=t=>{null==this.brandHref&&this.brandClick.emit(t.detail)},this.onDocKeyDownEscape=t=>{this.navControl&&this.open&&"Escape"===t.key&&(this.anyDescendantPopoverIsOpen()||this.el.querySelector("xpl-top-nav-item.xpl-top-nav-item--dropdown-open")||(t.preventDefault(),t.stopPropagation(),this.open=!1,this.navOpen.emit(!1),this.focusNavControlAfterClose()))},this.onDocClickOutsideDismiss=t=>{if(!this.navControl||!this.open)return;const s=t.target;null==s||this.anyDescendantPopoverIsOpen()||this.el.querySelector(".xpl-top-nav__left-primary")?.contains(s)||this.el.querySelector(".xpl-top-nav__nav-control")?.contains(s)||(this.open=!1,this.resetMobileCascade(),this.navOpen.emit(!1))},this.onNavToggle=()=>{const t=this.open;this.open=!this.open,this.navOpen.emit(this.open),t&&!this.open&&(this.resetMobileCascade(),this.focusNavControlAfterClose())},this.onUserPopoverInnerOpenClassChange=()=>{const t=this.userPopoverDrawerSyncHost;if(!t)return;const s=t.querySelector(".xpl-popover");s?.classList.contains("xpl-popover--is-open")&&this.closeMobileDrawerWhenAccountMenuOpens()},this.syncBrandLogoSlot=()=>{const t=o(this.el,"brand-logo",{hostTag:"xpl-top-nav",projectionRegionSelectors:h});t!==this.brandLogoSlotPresent&&(this.brandLogoSlotPresent=t)},this.syncUserMenuSlots=()=>{const t=o(this.el,"user-menu",{hostTag:"xpl-top-nav",projectionRegionSelectors:r}),s=o(this.el,"user-menu-trigger",{hostTag:"xpl-top-nav",projectionRegionSelectors:p,excludedRegionSelectors:c});t!==this.userMenuSlotPresent&&(this.userMenuSlotPresent=t),s!==this.userMenuTriggerSlotPresent&&(this.userMenuTriggerSlotPresent=s)}}onNavControlChanged(){this.syncOpenFromNavControl(),this.syncDocDismissListeners()}connectedCallback(){this.syncOpenFromNavControl(),this.syncDocDismissListeners(),this.syncBrandLogoSlot(),this.syncUserMenuSlots(),this.connectSlotContentObserver(),this.flushPendingSlotProjection()}disconnectedCallback(){void 0!==this.navControlFocusTimeoutId&&(clearTimeout(this.navControlFocusTimeoutId),this.navControlFocusTimeoutId=void 0),void 0!==this.deferredSlotContentObserverSyncTimeoutId&&(clearTimeout(this.deferredSlotContentObserverSyncTimeoutId),this.deferredSlotContentObserverSyncTimeoutId=void 0),this.removeDocDismissListeners(),this.disconnectSlotContentObserver(),this.disconnectUserPopoverDrawerSync()}componentWillLoad(){this.syncOpenFromNavControl(),this.syncBrandLogoSlot(),this.syncUserMenuSlots()}componentWillRender(){this.disconnectSlotContentObserver()}componentDidRender(){this.connectSlotContentObserver(),this.connectUserPopoverDrawerSync()}get childAccountLabelText(){return this.childAccountLabel?.trim()??""}get hasBrand(){const t=this.brandName?.trim()??"",s=this.brandLogo?.trim()??"";return t.length>0||s.length>0||this.brandLogoSlotPresent}get hasUserMenu(){return this.userMenuSlotPresent}get needsUserMenuSlotStash(){return!this.userMenuSlotPresent&&this.userMenuTriggerSlotPresent}get usesBuiltInChildAccountTrigger(){return this.hasUserMenu&&!this.userMenuTriggerSlotPresent}anyDescendantPopoverIsOpen(){const t=this.el.querySelectorAll("xpl-popover");for(let s=0;s<t.length;s+=1){const i=t[s].querySelector(".xpl-popover");if(i?.classList.contains("xpl-popover--is-open"))return!0}return!1}closeMobileDrawerWhenAccountMenuOpens(){this.navControl&&this.open&&(this.open=!1,this.navOpen.emit(!1))}connectSlotContentObserver(){this.disconnectSlotContentObserver(),"undefined"!=typeof MutationObserver&&(this.slotContentObserver=new MutationObserver((t=>{this.scheduleSlotContentSyncFromObserver(t)})),this.slotContentObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}connectUserPopoverDrawerSync(){const t=this.hasUserMenu?this.el.querySelector("xpl-popover.xpl-top-nav__user-popover"):null;if(t===this.userPopoverDrawerSyncHost)return;if(this.disconnectUserPopoverDrawerSync(),!t)return;this.userPopoverDrawerSyncHost=t,t.addEventListener("isOpenChange",this.handleUserPopoverIsOpenChange);const s=t.querySelector(".xpl-popover");s&&"undefined"!=typeof MutationObserver&&(this.userPopoverDrawerOpenObserver=new MutationObserver((()=>{this.onUserPopoverInnerOpenClassChange()})),this.userPopoverDrawerOpenObserver.observe(s,{attributes:!0,attributeFilter:["class"]}),this.onUserPopoverInnerOpenClassChange())}disconnectSlotContentObserver(){this.slotContentObserver?.disconnect(),this.slotContentObserver=void 0}disconnectUserPopoverDrawerSync(){this.userPopoverDrawerSyncHost&&(this.userPopoverDrawerSyncHost.removeEventListener("isOpenChange",this.handleUserPopoverIsOpenChange),this.userPopoverDrawerSyncHost=null),this.userPopoverDrawerOpenObserver?.disconnect(),this.userPopoverDrawerOpenObserver=void 0}removeDocDismissListeners(){const t=this.el.ownerDocument;t.removeEventListener("keydown",this.onDocKeyDownEscape,!1),t.removeEventListener("click",this.onDocClickOutsideDismiss,!0)}resetMobileCascade(){const t=this.el.querySelector(".xpl-top-nav__left-primary > xpl-top-nav-item.xpl-top-nav-item--dropdown-open");t?.closeMenu().catch((()=>{}))}scheduleSlotContentSyncFromObserver(t){this.mutationsAffectHostSlotting(t)&&(this.slotProjectionDirty=!0),void 0!==this.deferredSlotContentObserverSyncTimeoutId&&clearTimeout(this.deferredSlotContentObserverSyncTimeoutId),this.deferredSlotContentObserverSyncTimeoutId=setTimeout((()=>{this.deferredSlotContentObserverSyncTimeoutId=void 0,this.el.isConnected&&(this.syncBrandLogoSlot(),this.syncUserMenuSlots(),this.flushPendingSlotProjection())}),0)}flushPendingSlotProjection(){this.slotProjectionDirty&&(this.slotProjectionDirty=!1,this.slotProjectionNonce+=1)}mutationsAffectHostSlotting(t){return t.some((t=>"attributes"===t.type||"childList"===t.type&&t.target===this.el))}syncDocDismissListeners(){if(this.removeDocDismissListeners(),a()&&this.navControl){const t=this.el.ownerDocument;t.addEventListener("keydown",this.onDocKeyDownEscape,!1),t.addEventListener("click",this.onDocClickOutsideDismiss,!0)}}syncOpenFromNavControl(){const t=this.open;this.open=!1,t&&!this.navControl&&(this.resetMobileCascade(),this.navOpen.emit(!1))}render(){return i(e,{key:"f51ed285523198b4ef39de7ea1e5dc025d5a308a",class:{"xpl-top-nav":!0,"xpl-top-nav--nav-control":Boolean(this.navControl),"xpl-top-nav--open":this.open,"xpl-top-nav--has-child-account-label":this.childAccountLabelText.length>0,"xpl-top-nav--has-brand":this.hasBrand,"xpl-top-nav--has-user-menu":this.hasUserMenu,dark:!0}},i("nav",{key:"c2c14ed2ba975299efd76a391dfd6371b9214449","aria-label":this.label??"top-navigation-bar",class:"xpl-top-nav__bar"},i("div",{key:"c223b947ffbcb55c6c6a06fa3adaeaee7661b61e",class:"xpl-top-nav__inner-left"},this.navControl&&i("button",{key:"d364b6dd709d59730d40e7a0d41f9dd8fd55d40b",type:"button",class:"xpl-top-nav__nav-control","aria-expanded":this.open?"true":"false","aria-label":this.open?"Close navigation menu":"Open navigation menu",onClick:this.onNavToggle},i("xpl-icon",{key:"b84614dc20189f641b2f5a08eef1c76610135598",class:"xpl-top-nav__control-icon",icon:"menu",size:32})),this.hasBrand&&i("div",{key:"90b104133cbdea89643923fd06f54179978862a5",class:"xpl-top-nav__brand-bar"},i("xpl-top-nav-item",{key:"2b40b31ba1312a76231f7a89b1e95508a5a146a1",class:"xpl-top-nav__brand",href:this.brandHref,onNavItemClick:this.onBrandNavItemClick},this.brandLogo?.trim()?i("img",{class:"xpl-top-nav__brand-logo",src:this.brandLogo,alt:this.brandName?.trim()?this.brandName.trim():"Brand"}):this.brandLogoSlotPresent?i("span",{class:"xpl-top-nav__brand-logo-slot"},i("slot",{name:"brand-logo"})):null,this.brandName?.trim()?i("span",{class:"xpl-top-nav__brand-name"},this.brandName.trim()):null)),i("div",{key:"ca3e9b4501ab3756301b2079bcb9632734e56922",class:{"xpl-top-nav__aside":!0,"xpl-nav-left":!0}},i("div",{key:"f2674faf140853536150058d13a5d40c7399979e",class:"xpl-top-nav__left-primary",role:"list"},i("slot",{key:"29363ac15d3f3bf7a43b237a7f7e0622c5bd54c4",name:"left-aside"})))),i("div",{key:"7c83bd0a80649b9cbe9ed757ead1136b6fabd09c",class:{"xpl-top-nav__aside":!0,"xpl-nav-right":!0}},i("div",{key:"c67e6d3365d90cd7f7c55b08dcc4fa56dcb3e291",class:"xpl-nav-right__list"},i("div",{key:"46b9c3b0b010bf52a5632bc81b279310c0a54438",class:"xpl-top-nav__right-rail"},i("div",{key:"72279d15a5464dfabd9f92c04bc231e270ea04b9",class:"xpl-top-nav__right-lead"},i("slot",{key:"d8b44d01141f9cfbeb7d6b019345ffc8c94fd0c3",name:"right-aside"})),this.hasUserMenu?i("div",{class:"xpl-top-nav__right-user"},i("xpl-popover",{class:"xpl-top-nav__user-popover dark",position:"bottom-end",display:"menu"},this.userMenuTriggerSlotPresent?i("slot",{name:"user-menu-trigger",slot:"trigger"}):this.usesBuiltInChildAccountTrigger?i("xpl-button",{slot:"trigger",class:"xpl-top-nav__child-account-trigger",type:"button",variant:"tertiary",icon:"chevron-down",iconPosition:"end",iconOnly:0===this.childAccountLabelText.length,"aria-haspopup":"dialog","aria-label":this.childAccountLabelText.length>0?void 0:"Open account menu"},this.childAccountLabelText.length>0?this.childAccountLabelText:null):null,i("div",{class:"xpl-top-nav__user-menu-panel"},i("slot",{name:"user-menu"})))):null,this.needsUserMenuSlotStash?i("div",{class:"xpl-top-nav__user-menu-stash",hidden:!0,"aria-hidden":"true"},i("slot",{name:"user-menu-trigger"}),i("slot",{name:"user-menu"})):null)))))}get el(){return n(this)}static get watchers(){return{navControl:[{onNavControlChanged:0}]}}};export{d as xpl_top_nav}
@@ -0,0 +1 @@
1
+ import{r as t,c as e,h as a,H as r}from"./p-ukZKsqqq.js";import{i as s}from"./p-Dqb1pIRo.js";const i=(t,e,a)=>{const r=(a/=100)*(e/=100),s=r*(1-Math.abs(t/60%2-1)),i=a-r;let o=0,n=0,h=0;return t<60?(o=r,n=s,h=0):t<120?(o=s,n=r,h=0):t<180?(o=0,n=r,h=s):t<240?(o=0,n=s,h=r):t<300?(o=s,n=0,h=r):(o=r,n=0,h=s),{r:Math.round(255*(o+i)),g:Math.round(255*(n+i)),b:Math.round(255*(h+i))}},o=(t,e,a)=>[t,e,a].map((t=>t.toString(16).padStart(2,"0"))).join(""),n=t=>{if(t.startsWith("#")){if(!/^#([a-fA-F\d]{6})$/.test(t))throw new Error("xpl-input-color: Only 6-digit hex format supported (e.g. #aabbcc)");const e=t.toLowerCase().slice(1),a=parseInt(e.slice(0,2),16),r=parseInt(e.slice(2,4),16),s=parseInt(e.slice(4,6),16);return{hex:e,r:a,g:r,b:s,a:1}}if(t.startsWith("rgba")||t.startsWith("rgb")){const e=t.match(/[\d.]+/g)?.map(Number);if(!e||e.length<3)throw new Error("xpl-input-color: Invalid rgba/rgb format");const[a,r,s,i=1]=e,o=t=>t.toString(16).padStart(2,"0");return{hex:`${o(a)}${o(r)}${o(s)}`.toLowerCase(),r:a,g:r,b:s,a:i}}if(t.startsWith("hsla")||t.startsWith("hsl")){const e=t.match(/[\d.]+/g)?.map(Number);if(!e||e.length<3)throw new Error("xpl-input-color: Invalid hsla/hsl format");const[a,r,s,i=1]=e,n=((t,e,a,r)=>{a/=100;const s=e=>(e+t/30)%12,i=(e/=100)*Math.min(a,1-a),o=t=>a-i*Math.max(-1,Math.min(s(t)-3,Math.min(9-s(t),1)));return`rgba(${Math.round(255*o(0))}, ${Math.round(255*o(8))}, ${Math.round(255*o(4))}, ${r})`})(a,r,s,i),h=n.match(/[\d.]+/g)?.map(Number);if(!h||h.length<3)throw new Error("xpl-input-color: Invalid hsla/hsl format");const[l,c,d]=h;return{hex:o(l,c,d).toLowerCase(),r:l,g:c,b:d,a:i}}throw new Error("xpl-input-color: Unsupported color format")},h=t=>t.a&&1!==t.a?`rgba(${t.r}, ${t.g}, ${t.b}, ${t.a})`:`#${t.hex}`,l={hex:"",r:0,g:0,b:0,a:1},c=class{constructor(a){t(this,a),this.inputChange=e(this,"inputChange",7),this.hasErrorStateChanged=e(this,"hasErrorStateChanged",7),this.placeholder="Select color",this.eyeDropperSupported=!1,this.colorInputElements={},this.handleMove=t=>{const{slGrid:e}=this.colorInputElements;if(!e)return;const a=e.getBoundingClientRect(),r="touches"in t?t.touches[0].clientY:t.clientY,s=Math.max(0,Math.min(("touches"in t?t.touches[0].clientX:t.clientX)-a.left,a.width)),n=Math.max(0,Math.min(r-a.top,a.height)),h=s/a.width,l=n/a.height,c=i(this.hue,100,100),d=(255*(1-h)+h*c.r)*(1-l),p=(255*(1-h)+h*c.g)*(1-l),u=(255*(1-h)+h*c.b)*(1-l),b={r:Math.round(d),g:Math.round(p),b:Math.round(u),hex:o(Math.round(d),Math.round(p),Math.round(u)),a:this.colorValues.a};this.colorValues=b},this.startDrag=t=>{t.preventDefault(),this.handleMove(t),window.addEventListener("mousemove",this.handleMove),window.addEventListener("mouseup",this.stopDrag),window.addEventListener("touchmove",this.handleMove),window.addEventListener("touchend",this.stopDrag)},this.stopDrag=()=>{window.removeEventListener("mousemove",this.handleMove),window.removeEventListener("mouseup",this.stopDrag),window.removeEventListener("touchmove",this.handleMove),window.removeEventListener("touchend",this.stopDrag)},this.onHexInputChange=t=>{const e=t.detail?t.detail.trim().replace(/#/g,""):"";if(e){const[t,a,r]=(t=>{const e=t?.match(/\w\w/g);return e?e.map((t=>parseInt(t,16))):[0,0,0]})(e);this.colorValues={hex:e,r:t,g:a,b:r,a:this.colorValues.a??1}}else this.colorValues={...l}},this.onRgbaInputChange=(t,e)=>{const a=parseFloat(e.detail);if(Number.isNaN(a))return void(this.hasErrorState=`invalid value from ${t.name}: ${a}`);const r={...this.colorValues};switch(t.name){case"color-r-input":r.r=a;break;case"color-g-input":r.g=a;break;case"color-b-input":r.b=a;break;case"color-a-input":r.a=a;break;default:this.hasErrorState=`unhandled input: ${t.name}`}r.hex=o(r.r,r.g,r.b),this.colorValues=r},this.onSliderInputChange=t=>{const e=parseFloat(t.value);if(Number.isNaN(e))this.hasErrorState=`invalid value from ${t.name}: ${e}`;else switch(t.name){case"color-hue-slider":this.colorValues=n(`hsla(${e}, 100%, 50%, 1)`),this.hue=e;break;case"color-alpha-slider":this.colorValues={...this.colorValues,a:e};break;default:this.hasErrorState=`unhandled input: ${t.name}`}}}valueChanged(t){this.hasErrorState=this.required&&!t.hex?"required":null,this.inputChange.emit(t.hex?h(t):"")}onHasErrorStateChanged(t){this.hasErrorStateChanged.emit(t)}onValuePropChange(t){this.syncColorFromValue(t)}syncColorFromValue(t){if(t)try{this.colorValues=n(t),this.hue=(()=>{const t=this.colorValues.r/255,e=this.colorValues.g/255,a=this.colorValues.b/255,r=Math.max(t,e,a),s=Math.min(t,e,a),i=r-s;let o=0,n=0;const h=(r+s)/2;if(0!==i){switch(n=i/(1-Math.abs(2*h-1)),r){case t:o=(e-a)/i%6;break;case e:o=(a-t)/i+2;break;case a:o=(t-e)/i+4}o*=60,o<0&&(o+=360)}return{hue:Math.round(o),saturation:Math.round(100*n),lightness:Math.round(100*h)}})().hue}catch{this.hasErrorState="invalid color format",this.hue=0}else this.colorValues={...l},this.hasErrorState=null,this.hue=0}componentWillLoad(){this.syncColorFromValue(this.value)}componentDidLoad(){s()&&(this.eyeDropperSupported="EyeDropper"in window);const{r:t,g:e,b:a,a:r,hue:i,alpha:o,hex:n}=this.colorInputElements;n?.addEventListener("valueChange",(t=>{this.onHexInputChange(t),t.stopPropagation()})),[t,e,a,r].forEach((t=>{t?.addEventListener("valueChange",(e=>{this.onRgbaInputChange(t,e),e.stopPropagation()}))})),[i,o].forEach((t=>{t?.addEventListener("input",(()=>{this.onSliderInputChange(t)}))}))}async openEyeDropper(){try{const t=window.EyeDropper;if(!t)throw new Error("EyeDropper API is not available");const e=new t,a=await e.open();this.colorValues=n(a.sRGBHex)}catch(t){this.hasErrorState=`eyedropper cancelled or failed: ${t}`}}render(){const{r:t,g:e,b:s,a:o}=this.colorValues,n=i(this.hue,100,100),{x:l,y:c}=((t,e,a,r)=>{const{s,v:i}=((t,e,a,r)=>{t/=255,e/=255,a/=255;const s=Math.max(t,e,a),i=s-Math.min(t,e,a);let o=0;return o=0===i?0:s===t?(e-a)/i%6:s===e?(a-t)/i+2:(t-e)/i+4,o=Math.round(60*o),o<0&&(o+=360),{h:r??o,s:0===s?0:i/s,v:s}})(e.r,e.g,e.b,t);return{x:Math.round(s*a),y:Math.round((1-i)*r)}})(this.hue,{r:t,g:e,b:s},288,160),d={left:`${l}px`,top:`${c}px`,background:`rgb(${t}, ${e}, ${s})`};return a(r,{key:"baf8bd36a33134bff8b2e1ce1a5d81a567f232b2",class:"xpl-input-color"},a("xpl-popover",{key:"e5bfd446e4b900371ee8ca7c7c321692079c66fb",disabled:this.disabled,display:"menu"},a("div",{key:"9d40ccbf649ba0be2884bbc7dec84d7c1e9ddbb7",slot:"trigger"},a("div",{key:"6b4474af2dab4be116728135214403af7189d99f",class:{"xpl-input-color__display":!0,"xpl-input-color__display--disabled":!!this.disabled,"xpl-input-color__display--error":!!this.hasErrorState}},a("span",{key:"9372da25358b453c5b89f324886c986153b9386b",class:"xpl-input-color__color",style:{background:h(this.colorValues)}}),this.colorValues.hex?a("span",{class:"xpl-input-color__value"},h(this.colorValues)):a("span",{class:"xpl-input-color__placeholder"},this.placeholder),this.eyeDropperSupported&&!this.hideEyeDropper&&a("xpl-icon",{key:"a37bf00e4a70cda5e59cecfc7f108601bbb15e8e",size:20,icon:"eye-dropper",class:"xpl-input-color__icon",onClick:t=>{t.stopPropagation(),this.openEyeDropper()}}))),a("div",{key:"e95b3755b47802b446de5d7e9c25d2238dea23ef",class:"xpl-input-color__menu"},a("div",{key:"9ecc94c286d9cd0a5e25c92eaea3a2dd9ee4394b",class:"xpl-input-color__sl-grid",ref:t=>{this.colorInputElements.slGrid=t??void 0},style:{background:["linear-gradient(to top, #000, #0000)","linear-gradient(to right, #fff, #fff0)",`rgb(${n.r} ${n.g} ${n.b})`].join(", ")},onMouseDown:this.startDrag,onTouchStart:this.startDrag},a("div",{key:"85b2e591be85db2a2d3d1bbe65ee276a857b92fa",class:"xpl-input-color__sl-thumb",style:d})),a("div",{key:"b9d7f2fdc49d73db488d62f21433558b5b0a09a7",class:"xpl-input-color__grid"},a("input",{key:"3c260f54bde2c26a7b5980082cabf54e2d42340e",type:"range",min:"0",max:"360",value:this.hue,class:"xpl-input-color__slider xpl-input-color__hue",name:"color-hue-slider",ref:t=>{this.colorInputElements.hue=t??void 0}}),a("input",{key:"ef8ef568a1487b618aeeb986904a5eeefabba300",type:"range",min:"0",max:"1",step:"0.01",value:o,class:"xpl-input-color__slider xpl-input-color__alpha",name:"color-alpha-slider",ref:t=>{this.colorInputElements.alpha=t??void 0},style:{backgroundImage:[`linear-gradient(to right, rgb(${t} ${e} ${s} / 0) 0%, rgb(${t} ${e} ${s} / 1) 100%)`,"linear-gradient(45deg, #ccc 25%, transparent 25%)","linear-gradient(-45deg, #ccc 25%, transparent 25%)","linear-gradient(45deg, transparent 75%, #ccc 75%)","linear-gradient(-45deg, transparent 75%, #ccc 75%)"].join(", ")}}),a("div",{key:"b4953565664df14ad483f30c45b6ae5e717e6a63",class:"xpl-input-color__preview",style:{background:`rgba(${t}, ${e}, ${s}, ${o})`}})),a("div",{key:"731a00aa7075efc1a19849a58e5a81c8837ab199",class:"xpl-input-color__inputs"},["hex","r","g","b","a"].map((t=>a("xpl-input",{key:t,label:t.toLocaleUpperCase(),name:`color-${t}-input`,placeholder:"hex"===t?"793EF7":"0",value:String(this.colorValues[t]),ref:e=>{this.colorInputElements[t]=e??void 0}})))))))}static get watchers(){return{colorValues:[{valueChanged:0}],hasErrorState:[{onHasErrorStateChanged:0}],value:[{onValuePropChange:0}]}}};export{c as xpl_input_color}
@@ -1 +1 @@
1
- import{r as s,c as i,h as t,H as e}from"./p-ukZKsqqq.js";import{v as h}from"./p-CK3_k8jD.js";const c=class{constructor(e){s(this,e),this.choicelistChange=i(this,"choicelistChange",7),this.choicelistValueChange=i(this,"choicelistValueChange",7),this.name=h(),this.onChoiceChange=(s,i)=>{const t=this.choices[i];if(this.multi){if(this.selected=this.selected.map(((s,t)=>t===i?!s:s)),void 0!==t?.value){const s=this.choices.filter(((s,i)=>this.selected[i])).map(((s,i)=>s.value??this.selected[i]));this.choicelistValueChange.emit(s)}}else this.selected=this.selected.map(((s,t)=>t===i)),void 0!==t?.value&&this.choicelistValueChange.emit(t.value)},this.renderChoice=({description:s,label:i,value:e,checked:h},c)=>this.multi?t("xpl-checkbox",{value:e,description:s,name:this.name,checked:h,onCheckboxChange:s=>this.onChoiceChange(s.detail,c)},i):t("xpl-radio",{value:e,description:s,name:this.name,checked:h,onRadioChange:s=>this.onChoiceChange(s.detail,c)},i)}onChoicesPropChange(s){this.selected=null!=s&&s.length>0?s.map((s=>s.checked||!1)):[]}onSelectedChange(s){this.choicelistChange.emit(s)}componentWillLoad(){this.onChoicesPropChange(this.choices)}render(){return t(e,{key:"0db2f4a4109a65ae2ab01259b960f83dd3b8bbeb",class:"xpl-choicelist-container"},void 0!==this.heading||void 0!==this.description?t("div",{class:"xpl-choicelist-heading"},this.heading&&t("h3",null,this.heading),this.description&&t("p",null,this.description)):null,this.choices&&t("ul",{key:"53915c9efd628e455b5604f4eacbc67504a52ca5",class:{"xpl-choicelist":!0,"xpl-choicelist--styled":!!this.styled}},this.choices.map(((s,i)=>{const e=this.renderChoice(s,i);return t("li",{class:{selected:!!this.styled&&!!this.selected[i]}},e,s.children&&t("ul",null,s.children.map(((s,i)=>{const e=this.renderChoice(s,i);return t("li",null,e)}))))}))))}static get watchers(){return{choices:[{onChoicesPropChange:0}],selected:[{onSelectedChange:0}]}}};export{c as xpl_choicelist}
1
+ import{r as s,c as i,h as t,H as e}from"./p-ukZKsqqq.js";import{v as h}from"./p-CK3_k8jD.js";const c=class{constructor(e){s(this,e),this.choicelistChange=i(this,"choicelistChange",7),this.choicelistValueChange=i(this,"choicelistValueChange",7),this.name=h(),this.onChoiceChange=(s,i)=>{const t=this.choices[i];if(this.multi){if(this.selected=this.selected.map(((s,t)=>t===i?!s:s)),void 0!==t?.value){const s=this.choices.filter(((s,i)=>this.selected[i])).map(((s,i)=>s.value??this.selected[i]));this.choicelistValueChange.emit(s)}}else this.selected=this.selected.map(((s,t)=>t===i)),void 0!==t?.value&&this.choicelistValueChange.emit(t.value)},this.renderChoice=({description:s,label:i,value:e,checked:h},c)=>this.multi?t("xpl-checkbox",{value:e,description:s,name:this.name,checked:h,onCheckboxChange:s=>this.onChoiceChange(s.detail,c)},i):t("xpl-radio",{value:e,description:s,name:this.name,checked:h,onRadioChange:s=>this.onChoiceChange(s.detail,c)},i)}onChoicesPropChange(s){this.selected=null!=s&&s.length>0?s.map((s=>s.checked||!1)):[]}onSelectedChange(s){this.choicelistChange.emit(s)}componentWillLoad(){this.onChoicesPropChange(this.choices)}render(){return t(e,{key:"618280baaf3f3e5d6b2787e74a257858a2a94a26",class:"xpl-choicelist-container"},void 0!==this.heading||void 0!==this.description?t("div",{class:"xpl-choicelist-heading"},this.heading&&t("h3",null,this.heading),this.description&&t("p",null,this.description)):null,this.choices&&t("ul",{key:"3d728d5612ea9efe80325cb09b98f5cf3146a813",class:{"xpl-choicelist":!0,"xpl-choicelist--styled":!!this.styled}},this.choices.map(((s,i)=>{const e=this.renderChoice(s,i);return t("li",{class:{selected:!!this.styled&&!!this.selected[i]}},e,s.children&&t("ul",null,s.children.map(((s,i)=>{const e=this.renderChoice(s,i);return t("li",null,e)}))))}))))}static get watchers(){return{choices:[{onChoicesPropChange:0}],selected:[{onSelectedChange:0}]}}};export{c as xpl_choicelist}
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,H as e}from"./p-ukZKsqqq.js";import{f as a}from"./p-CH4yJ6Qx.js";import{i as o}from"./p-Dqb1pIRo.js";import{v as n}from"./p-CK3_k8jD.js";const r=(t=!1)=>`<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="${t?"M0.557948 5.6813L6.06209 0.132167C6.23831 -0.0440556 6.52327 -0.0440556 6.69949 0.132167L7.44187 0.874551C7.61809 1.05077 7.61809 1.33573 7.44187 1.51195L2.99882 6L7.44187 10.488C7.61809 10.6643 7.61809 10.9492 7.44187 11.1254L6.69949 11.8678C6.52327 12.0441 6.23831 12.0441 6.06209 11.8678L0.557948 6.3187C0.381726 6.14248 0.381726 5.85752 0.557948 5.6813Z":"M7.44187 6.3187L1.93773 11.8678C1.76151 12.0441 1.47655 12.0441 1.30033 11.8678L0.557948 11.1254C0.381726 10.9492 0.381726 10.6643 0.557948 10.488L5.001 6L0.557948 1.51195C0.381726 1.33573 0.381726 1.05077 0.557948 0.874551L1.30033 0.132167C1.47655 -0.0440556 1.76151 -0.0440556 1.93773 0.132167L7.44187 5.6813C7.6181 5.85752 7.6181 6.14248 7.44187 6.3187Z"}" /></svg>`,h=class{constructor(i){t(this,i),this.dateSelected=s(this,"dateSelected",7),this.inputId=n(),this.dateFormat="Y-m-d",this.mode="single"}async setDate(t){void 0!==this.flatpickrInstance&&("single"===this.mode&&"string"==typeof t||"range"===this.mode&&Array.isArray(t))&&this.flatpickrInstance.setDate(t)}componentWillLoad(){this.calendarInputId=this.inputId??""}componentDidLoad(){o()&&(this.flatpickrInstance=a(this.inputElement,{allowInput:!0,dateFormat:this.dateFormat,defaultDate:this.defaultDate,maxDate:this.max,minDate:this.min,mode:this.mode,nextArrow:r(),prevArrow:r(!0),inline:!0,monthSelectorType:"dropdown",onChange:t=>{this.dateSelected.emit("single"===this.mode?t[0]?.toISOString():t.map((t=>t.toISOString())))}}))}disconnectedCallback(){void 0!==this.flatpickrInstance&&this.flatpickrInstance.destroy()}render(){return i(e,{key:"871a989fee5abc19ac9e00fca79534dd79b0a773",class:"xpl-calendar"},i("input",{key:"3dc76b7045ac76ff76d2f1ca80625034aff7d013",class:"xpl-calendar-input",type:"text",id:this.calendarInputId,ref:t=>{t&&(this.inputElement=t)}}))}};export{h as xpl_calendar}
1
+ import{r as t,c as s,h as e,H as i}from"./p-ukZKsqqq.js";import{f as a}from"./p-CH4yJ6Qx.js";import{i as o}from"./p-Dqb1pIRo.js";import{v as n}from"./p-CK3_k8jD.js";const r=(t=!1)=>`<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="${t?"M0.557948 5.6813L6.06209 0.132167C6.23831 -0.0440556 6.52327 -0.0440556 6.69949 0.132167L7.44187 0.874551C7.61809 1.05077 7.61809 1.33573 7.44187 1.51195L2.99882 6L7.44187 10.488C7.61809 10.6643 7.61809 10.9492 7.44187 11.1254L6.69949 11.8678C6.52327 12.0441 6.23831 12.0441 6.06209 11.8678L0.557948 6.3187C0.381726 6.14248 0.381726 5.85752 0.557948 5.6813Z":"M7.44187 6.3187L1.93773 11.8678C1.76151 12.0441 1.47655 12.0441 1.30033 11.8678L0.557948 11.1254C0.381726 10.9492 0.381726 10.6643 0.557948 10.488L5.001 6L0.557948 1.51195C0.381726 1.33573 0.381726 1.05077 0.557948 0.874551L1.30033 0.132167C1.47655 -0.0440556 1.76151 -0.0440556 1.93773 0.132167L7.44187 5.6813C7.6181 5.85752 7.6181 6.14248 7.44187 6.3187Z"}" /></svg>`,h=class{constructor(e){t(this,e),this.dateSelected=s(this,"dateSelected",7),this.inputId=n(),this.dateFormat="Y-m-d",this.mode="single"}async setDate(t){void 0!==this.flatpickrInstance&&("single"===this.mode&&"string"==typeof t||"range"===this.mode&&Array.isArray(t))&&this.flatpickrInstance.setDate(t)}componentWillLoad(){this.calendarInputId=this.inputId??""}componentDidLoad(){o()&&(this.flatpickrInstance=a(this.inputElement,{allowInput:!0,dateFormat:this.dateFormat,defaultDate:this.defaultDate,maxDate:this.max,minDate:this.min,mode:this.mode,nextArrow:r(),prevArrow:r(!0),inline:!0,monthSelectorType:"dropdown",onChange:t=>{this.dateSelected.emit("single"===this.mode?t[0]?.toISOString():t.map((t=>t.toISOString())))}}))}disconnectedCallback(){void 0!==this.flatpickrInstance&&this.flatpickrInstance.destroy()}render(){return e(i,{key:"b82a13403c12cdcfa676caeddcd397cd264eb9ec",class:"xpl-calendar"},e("input",{key:"0fba8e4e4b052bfed0e883c3455f63e8549c4263",class:"xpl-calendar-input",type:"text",id:this.calendarInputId,ref:t=>{t&&(this.inputElement=t)}}))}};export{h as xpl_calendar}
@@ -0,0 +1 @@
1
+ import{r as e,h as t,H as s,g as a}from"./p-ukZKsqqq.js";const c=class{constructor(t){e(this,t),this.selectedItemCount=0}componentDidLoad(){const e=this.el.querySelector('[slot="actions-right"]');null!==e&&(e.style.marginLeft="auto")}listenToSelectedItemCountChange(e){this.selectedItemCount=e.detail.length}render(){return t(s,{key:"688ada0542f0634df6b447331833205149e88a94",class:{"xpl-toolbar":!0,dark:!0,hidden:0===this.selectedItemCount}},t("div",{key:"6b8c2990c354d2b9ee93225ad98fb8fbaf3dbaf7",class:"toolbar"},t("p",{key:"60923603e318d109fd794259863a684d749ed52b",class:"selected-item-count"},this.selectedItemCount," Selected"),t("div",{key:"77df55c910d8ce89a4ff2a0356bc7cf78120e49a",class:"actions"},t("slot",{key:"5de2e6bd168c31be133c55758acd2f95c56b715c",name:"actions-left"}),t("slot",{key:"3f8b3540adbd441c28771410f4d33e29d87d3be9",name:"actions-right"}))))}get el(){return a(this)}};export{c as xpl_toolbar}
@@ -0,0 +1 @@
1
+ import{r as t,c as s,h as e,H as i}from"./p-ukZKsqqq.js";const b=class{constructor(e){t(this,e),this.clickPrimary=s(this,"clickPrimary",7),this.clickSecondary=s(this,"clickSecondary",7),this.clickTertiary=s(this,"clickTertiary",7),this.onPrimary=()=>this.clickPrimary.emit(),this.onSecondary=()=>this.clickSecondary.emit(),this.onTertiary=()=>this.clickTertiary.emit()}render(){return e(i,{key:"775133c0e49878db9861212167b4af14241f39b7",class:"xpl-button-row"},e("div",{key:"cb0bf58d6624380730d56fbcb67746bef02f1623",class:"xpl-button-row-inner"},e("div",{key:"c857f0383c85129273ee2bdd3572a05ead4682ae",class:"xpl-button-row__left"},this.secondary&&e("xpl-button",{key:"863e665b97686490b5a8df1b94303ab369eb9bf0",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary)),e("div",{key:"c5f244acf020f0cb3be4994fafe92161428a7289",class:"xpl-button-row__right"},this.tertiary&&e("xpl-button",{key:"9766e4e5ff3cd7e3f2202764edf9b3c3221b7ea8",variant:"subtle",type:"button",onClick:this.onTertiary},this.tertiary),this.secondary&&e("xpl-button",{key:"981384abd21328e229f28a345eef129cb96cbdc8",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary),this.primary&&e("xpl-button",{key:"f141d9bff96edd8c74bd19745e7a259005ebc12e",class:"xpl-button-row__primary",onClick:this.onPrimary},this.primary))))}};export{b as xpl_button_row}
@@ -1 +1 @@
1
- import{r as s,c as e,h as i,H as t,g as a}from"./p-ukZKsqqq.js";import{e as n,g as c,h}from"./p-C_PEOQWj.js";const d=class{constructor(i){s(this,i),this.expandedChange=e(this,"expandedChange",7),this.hasBadgeSlot=!1,this.hasNamedBadgeSlot=!1,this.collapsible=!0,this.expanded=!1,this.handleHeaderClick=()=>{this.collapsible&&(this.expanded=!this.expanded,this.expandedChange.emit(this.expanded))}}connectedCallback(){this.syncBadgeSlot(),this.connectBadgeSlotObserver()}disconnectedCallback(){void 0!==this.badgeSlotSyncTimeoutId&&(clearTimeout(this.badgeSlotSyncTimeoutId),this.badgeSlotSyncTimeoutId=void 0),this.disconnectBadgeSlotObserver()}componentWillLoad(){this.childrenId=n(this.el,this.childrenId),this.syncBadgeSlot()}componentWillRender(){this.disconnectBadgeSlotObserver()}componentDidRender(){this.scheduleBadgeSlotSync()}connectBadgeSlotObserver(){this.disconnectBadgeSlotObserver(),"undefined"!=typeof MutationObserver&&(this.badgeSlotObserver=new MutationObserver((()=>{this.scheduleBadgeSlotSync()})),this.badgeSlotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectBadgeSlotObserver(){this.badgeSlotObserver?.disconnect(),this.badgeSlotObserver=void 0}scheduleBadgeSlotSync(){void 0!==this.badgeSlotSyncTimeoutId&&clearTimeout(this.badgeSlotSyncTimeoutId),this.badgeSlotSyncTimeoutId=setTimeout((()=>{this.badgeSlotSyncTimeoutId=void 0,this.el.isConnected&&(this.syncBadgeSlot(),this.connectBadgeSlotObserver())}),0)}syncBadgeSlot(){const s=c(this.el,"badge","xpl-side-nav-section"),e=h(this.el,"badge","xpl-side-nav-section"),i=s.some((s=>s.textContent?.trim()||s.getAttribute("aria-label")?.trim()));e!==this.hasBadgeSlot&&(this.hasBadgeSlot=e),i!==this.hasNamedBadgeSlot&&(this.hasNamedBadgeSlot=i)}render(){const s=!this.collapsible||this.expanded,e=!!this.heading?.trim(),a=this.childrenId??n(this.el,this.childrenId),c=[i("span",{key:"c3a19938fa87b21552b5fdff800baf2ee97c186c",class:"xpl-side-nav-section__title"},this.heading??""),i("span",{key:"9303238b226f336cbf0527ef91c2c5d8bce7771c",class:"xpl-side-nav-section__badge",hidden:!this.hasBadgeSlot},i("slot",{key:"40921f618390e462b0ac69adc0206acd82b884ca",name:"badge"})),this.collapsible?i("span",{class:"xpl-side-nav-section__chevron","aria-hidden":"true"},i("xpl-icon",{icon:this.expanded?"chevron-down":"chevron-right",size:16})):null];return i(t,{key:"fae9c5e2d179a174aae5114a21a442fa787269ad",class:{"xpl-side-nav-section":!0,"xpl-side-nav-section--static":!this.collapsible}},this.collapsible?i("button",{type:"button",class:"xpl-side-nav-section__header","aria-expanded":this.expanded?"true":"false","aria-controls":a,"aria-label":e||this.hasNamedBadgeSlot?void 0:"Toggle section",onClick:this.handleHeaderClick},c):i("div",{class:"xpl-side-nav-section__header"},c),i("div",{key:"c33a5478f2c226b915fddf006802312eb7de29e9",id:a,class:{"xpl-side-nav-section__children":!0,expanded:s},inert:!s||void 0},i("div",{key:"ed7de4040c1e5677ad3b74eb65fc4f6357bab3b6",class:"xpl-side-nav-section__children-inner"},i("slot",{key:"3f8434e92bb7fcdd7c8a825481a12ef24ba1da28"}))))}get el(){return a(this)}};export{d as xpl_side_nav_section}
1
+ import{r as s,c as e,h as i,H as t,g as a}from"./p-ukZKsqqq.js";import{e as n,g as d,h}from"./p-C_PEOQWj.js";const c=class{constructor(i){s(this,i),this.expandedChange=e(this,"expandedChange",7),this.hasBadgeSlot=!1,this.hasNamedBadgeSlot=!1,this.collapsible=!0,this.expanded=!1,this.handleHeaderClick=()=>{this.collapsible&&(this.expanded=!this.expanded,this.expandedChange.emit(this.expanded))}}connectedCallback(){this.syncBadgeSlot(),this.connectBadgeSlotObserver()}disconnectedCallback(){void 0!==this.badgeSlotSyncTimeoutId&&(clearTimeout(this.badgeSlotSyncTimeoutId),this.badgeSlotSyncTimeoutId=void 0),this.disconnectBadgeSlotObserver()}componentWillLoad(){this.childrenId=n(this.el,this.childrenId),this.syncBadgeSlot()}componentWillRender(){this.disconnectBadgeSlotObserver()}componentDidRender(){this.scheduleBadgeSlotSync()}connectBadgeSlotObserver(){this.disconnectBadgeSlotObserver(),"undefined"!=typeof MutationObserver&&(this.badgeSlotObserver=new MutationObserver((()=>{this.scheduleBadgeSlotSync()})),this.badgeSlotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectBadgeSlotObserver(){this.badgeSlotObserver?.disconnect(),this.badgeSlotObserver=void 0}scheduleBadgeSlotSync(){void 0!==this.badgeSlotSyncTimeoutId&&clearTimeout(this.badgeSlotSyncTimeoutId),this.badgeSlotSyncTimeoutId=setTimeout((()=>{this.badgeSlotSyncTimeoutId=void 0,this.el.isConnected&&(this.syncBadgeSlot(),this.connectBadgeSlotObserver())}),0)}syncBadgeSlot(){const s=d(this.el,"badge","xpl-side-nav-section"),e=h(this.el,"badge","xpl-side-nav-section"),i=s.some((s=>s.textContent?.trim()||s.getAttribute("aria-label")?.trim()));e!==this.hasBadgeSlot&&(this.hasBadgeSlot=e),i!==this.hasNamedBadgeSlot&&(this.hasNamedBadgeSlot=i)}render(){const s=!this.collapsible||this.expanded,e=!!this.heading?.trim(),a=this.childrenId??n(this.el,this.childrenId),d=[i("span",{key:"41b4dd48eaf9fabca8f4c1e4e506200055d46f77",class:"xpl-side-nav-section__title"},this.heading??""),i("span",{key:"af345692b55b47dada80dfad85312e45d7cf5f43",class:"xpl-side-nav-section__badge",hidden:!this.hasBadgeSlot},i("slot",{key:"381c23d89de7de9b1663cd746ce9561688a27463",name:"badge"})),this.collapsible?i("span",{class:"xpl-side-nav-section__chevron","aria-hidden":"true"},i("xpl-icon",{icon:this.expanded?"chevron-down":"chevron-right",size:16})):null];return i(t,{key:"b3d7e988d1b64afce020137c0d8f8ef89481ef43",class:{"xpl-side-nav-section":!0,"xpl-side-nav-section--static":!this.collapsible}},this.collapsible?i("button",{type:"button",class:"xpl-side-nav-section__header","aria-expanded":this.expanded?"true":"false","aria-controls":a,"aria-label":e||this.hasNamedBadgeSlot?void 0:"Toggle section",onClick:this.handleHeaderClick},d):i("div",{class:"xpl-side-nav-section__header"},d),i("div",{key:"0e442a9a70a8eacb4b9454f941a3ee0c466c3496",id:a,class:{"xpl-side-nav-section__children":!0,expanded:s},inert:!s||void 0},i("div",{key:"f1bc884e69c5a8902f7e12829901e289f73a530e",class:"xpl-side-nav-section__children-inner"},i("slot",{key:"bd9f9db68b6f6e1d3a28527d87f4bf797ae49022"}))))}get el(){return a(this)}};export{c as xpl_side_nav_section}
@@ -1 +1 @@
1
- import{r,h as s,H as t,g as e}from"./p-ukZKsqqq.js";const i=class{constructor(s){r(this,s)}componentDidLoad(){const r=Array.from(this.container.querySelectorAll(".xpl-grid-item"));let s=0,t=0,e=0,i=0;r.forEach((r=>{s+=Number(r.getAttribute("lg"))||6,t+=Number(r.getAttribute("md"))||6,e+=Number(r.getAttribute("sm"))||6,i+=Number(r.getAttribute("xs"))||6,s%6==0&&r.classList.add("xpl-grid-item-lg-last"),t%6==0&&r.classList.add("xpl-grid-item-md-last"),e%6==0&&r.classList.add("xpl-grid-item-sm-last"),i%6==0&&r.classList.add("xpl-grid-item-xs-last")}))}render(){return s(t,{key:"94440d9d2f50c8712e7e4599409101da361f66d8",class:"xpl-grid"})}get container(){return e(this)}};export{i as xpl_grid}
1
+ import{r,h as s,H as t,g as e}from"./p-ukZKsqqq.js";const i=class{constructor(s){r(this,s)}componentDidLoad(){const r=Array.from(this.container.querySelectorAll(".xpl-grid-item"));let s=0,t=0,e=0,i=0;r.forEach((r=>{s+=Number(r.getAttribute("lg"))||6,t+=Number(r.getAttribute("md"))||6,e+=Number(r.getAttribute("sm"))||6,i+=Number(r.getAttribute("xs"))||6,s%6==0&&r.classList.add("xpl-grid-item-lg-last"),t%6==0&&r.classList.add("xpl-grid-item-md-last"),e%6==0&&r.classList.add("xpl-grid-item-sm-last"),i%6==0&&r.classList.add("xpl-grid-item-xs-last")}))}render(){return s(t,{key:"4074778ac031d36c8f530379f7cc55b7db8a6887",class:"xpl-grid"})}get container(){return e(this)}};export{i as xpl_grid}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,H as s,g as n}from"./p-ukZKsqqq.js";import{T as h}from"./p-Dqb1pIRo.js";let l=!1;const r=class{constructor(i){t(this,i),this.itemSelect=e(this,"itemSelect",7),this.orderChange=e(this,"orderChange",7),this.draggedItem=null,this.listItems=[],this.nextAutoItemIdSeq=0,this.radioName=`xpl-list-radio-${Math.random().toString(36).slice(2,11)}`,this.timers=new h,this.keyboardReorderItemId=null,this.reorderLiveMessage="",this.items=[],this.reorderable=!1,this.selectable=!1}handleKeyboardReorderItemIdChange(){this.collectListItems()}handleItemsChange(){this.collectListItems()}handleReorderableChange(){this.collectListItems()}handleSelectableChange(){this.collectListItems()}componentWillLoad(){this.collectListItems(),this.items.length>0&&!l&&(l=!0,console.warn('[xpl-list] The "items" prop is deprecated. Use slot-based xpl-list-item children instead.'))}componentDidLoad(){this.collectListItems()}disconnectedCallback(){this.timers.dispose()}handleKeyDown(t){if(!this.selectable||"Escape"!==t.key||t.defaultPrevented)return;const e=(i=t,(i.composedPath?.()??[]).find((t=>t instanceof HTMLElement&&"xpl-list-item"===t.tagName.toLowerCase()))??null);var i;if(!e||e.parentElement!==this.el)return;const s=e.querySelector('.xpl-list-item__selectable input[type="radio"]');(s instanceof HTMLInputElement&&s.checked||e.selected)&&(t.preventDefault(),this.clearSelection())}handleChildItemSelect(t){if(!this.selectable)return;const e=t.target;"XPL-LIST-ITEM"===e.tagName&&e.parentElement===this.el&&this.syncSelectionFromChildDetail(t.detail)}handleSlotChange(){this.collectListItems()}handleItemDragStart(t){const e=t.detail?.item;if(!e||e.parentElement!==this.el)return;null!==this.keyboardReorderItemId&&(this.keyboardReorderItemId=null),this.draggedItem=e;const i=this.draggedItem.querySelector(".xpl-list-item__wrapper");i?.classList.add("dragging")}handleItemDragEnd(t){const e=t.detail?.item;if(e&&e.parentElement===this.el){if(this.draggedItem){const t=this.draggedItem.querySelector(".xpl-list-item__wrapper");t?.classList.remove("dragging")}this.draggedItem=null}}handleItemDrop(t){const e=t.detail?.item;if(e&&e.parentElement===this.el)if(this.draggedItem&&this.draggedItem.parentElement!==this.el)this.draggedItem=null;else{if(this.draggedItem){const t=this.draggedItem.querySelector(".xpl-list-item__wrapper");t?.classList.remove("dragging")}if(this.draggedItem&&e&&this.draggedItem!==e){const t=this.getVisibleListItemElements(),i=t.indexOf(this.draggedItem),s=t.indexOf(e);if(-1!==i&&-1!==s){const t=i>s?"up":"down",n=this.getItemRowId(this.draggedItem);if("up"===t)this.el.insertBefore(this.draggedItem,e);else{const t=this.getNextVisibleListItemAfter(e);t?this.el.insertBefore(this.draggedItem,t):this.el.appendChild(this.draggedItem)}const h=this.getOrderedItemIds();this.orderChange.emit({itemId:n,direction:t,orderedItemIds:h}),this.announceReorder(n,h),this.el.dispatchEvent(new CustomEvent("xplListReorder",{bubbles:!0,composed:!0,detail:{itemId:n,direction:t,fromIndex:i,toIndex:s,orderedItemIds:h}}))}}this.draggedItem=null,t.preventDefault()}}handleItemReorder(t){t.stopPropagation();const{direction:e,itemId:i,keyboardMode:s,exitKeyboardMode:n}=t.detail;void 0!==s&&(this.keyboardReorderItemId=s?i??null:null),n&&(this.keyboardReorderItemId=null),e&&i&&this.performReorder(i,e)&&this.el.dispatchEvent(new CustomEvent("xplListReorder",{bubbles:!0,composed:!0,detail:{...t.detail,orderedItemIds:this.getOrderedItemIds()}}))}async clearSelection(){if(!this.selectable)return;this.collectListItems();const t=[];this.listItems.forEach((e=>{const i=e.querySelector('.xpl-list-item__selectable input[type="radio"]');if(i instanceof HTMLInputElement&&i.checked||e.selected){const i=this.getItemRowId(e);i&&t.push(i)}}));const e=[...new Set(t)];this.listItems.forEach((t=>{const e=t.querySelector('.xpl-list-item__selectable input[type="radio"]');e instanceof HTMLInputElement&&(e.checked=!1)})),this.listItems.forEach((t=>{t.selected&&(t.selected=!1)})),e.forEach((t=>{this.itemSelect.emit({itemId:t})}))}syncSelectionFromChildDetail(t){this.collectListItems();const e=t.itemId,i=null!=e&&""!==e;this.listItems.forEach((t=>{const s=this.getItemRowId(t);t.selected=i&&s===e}))}performReorder(t,e){this.listItems=this.getVisibleListItemElements();const i=this.listItems.findIndex((e=>this.getItemRowId(e)===t));if(-1===i)return!1;const s="up"===e?i-1:i+1;if(s<0||s>=this.listItems.length)return!1;const n=this.listItems[i],h=this.listItems[s];if("up"===e)this.el.insertBefore(n,h);else{const t=this.getNextVisibleListItemAfter(h);t?this.el.insertBefore(n,t):this.el.appendChild(n)}const l=this.getOrderedItemIds();return this.orderChange.emit({itemId:t,direction:e,orderedItemIds:l}),this.announceReorder(t,l),this.timers.requestAnimationFrame((()=>{if(!this.el.isConnected)return;const e=this.getDirectChildListItems().find((e=>this.getItemRowId(e)===t)),i=e?.querySelector(".xpl-list-item__drag-handle"),s=i?.querySelector?.("button")instanceof HTMLElement?i.querySelector("button"):i;s instanceof HTMLElement&&s.focus()})),!0}getOrderedItemIds(){return this.getVisibleListItemElements().map((t=>this.getItemRowId(t)))}announceReorder(t,e){if(!this.reorderable||!t)return;const i=e.indexOf(t);if(i<0)return;const s=i+1,n=e.length;this.reorderLiveMessage="",this.timers.requestAnimationFrame((()=>{this.el.isConnected&&(this.reorderLiveMessage=`Item ${t}, now position ${s} of ${n}`)}))}getDirectChildListItems(){return Array.from(this.el.children).filter((t=>"xpl-list-item"===t.tagName.toLowerCase()))}getVisibleListItemElements(){return this.getDirectChildListItems().filter((t=>!t.hasAttribute("hidden")))}isLegacyPropBasedRow(t){return null!=t.item}getNextVisibleListItemAfter(t){let e=t.nextElementSibling;for(;e;){if(e instanceof HTMLElement&&"xpl-list-item"===e.tagName.toLowerCase()&&!e.hasAttribute("hidden"))return e;e=e.nextElementSibling}return null}collectListItems(){this.listItems=this.getDirectChildListItems();const t=new Set;this.listItems.forEach((e=>{const i=e.getAttribute("item-id")||e.id||(e.itemId?String(e.itemId):"");i&&t.add(i)})),this.listItems.forEach((e=>{if(!e.hasAttribute("item-id")&&!e.id)if(e.itemId)e.setAttribute("item-id",e.itemId),t.add(e.itemId);else{let i;do{i=`item-${this.nextAutoItemIdSeq}`,this.nextAutoItemIdSeq+=1}while(t.has(i));e.setAttribute("item-id",i),t.add(i)}this.isLegacyPropBasedRow(e)?(e.removeAttribute("selectable"),e.removeAttribute("radio-name"),e.removeAttribute("reorderable")):(this.selectable?(e.setAttribute("selectable","true"),e.setAttribute("radio-name",this.radioName)):(e.removeAttribute("selectable"),e.removeAttribute("radio-name")),this.reorderable?e.setAttribute("reorderable","true"):e.removeAttribute("reorderable"));const i=this.getItemRowId(e);this.isLegacyPropBasedRow(e)?e.removeAttribute("keyboard-active"):this.keyboardReorderItemId&&i===this.keyboardReorderItemId?e.setAttribute("keyboard-active","true"):e.removeAttribute("keyboard-active")}))}getItemRowId(t){return t.getAttribute("item-id")||t.id||t.itemId||""}render(){const t=this.labelledBy?.trim()?this.labelledBy.trim():void 0,e=!t&&this.label?.trim()?this.label.trim():void 0;return i(s,{key:"8b055baaf9acc04df19be097d0fb5bcb86c7165a",role:"list",class:{"xpl-list":!0},"aria-label":e,"aria-labelledby":t},this.items?.map(((t,e)=>{const s=t.id??`item-${e}`;return i("xpl-list-item",{key:`legacy-item-${s}`,item:t,href:t.href,itemId:s})})),i("slot",{key:"103e3fb6cb29f9527b090dd9e53412528ed7b9c2"}),this.reorderable?i("div",{class:"xpl-list__reorder-live","aria-live":"assertive","aria-atomic":"true"},this.reorderLiveMessage):null)}get el(){return n(this)}static get watchers(){return{keyboardReorderItemId:[{handleKeyboardReorderItemIdChange:0}],items:[{handleItemsChange:0}],reorderable:[{handleReorderableChange:0}],selectable:[{handleSelectableChange:0}]}}};export{r as xpl_list}
1
+ import{r as t,c as e,h as i,H as s,g as n}from"./p-ukZKsqqq.js";import{T as h}from"./p-Dqb1pIRo.js";let l=!1;const r=class{constructor(i){t(this,i),this.itemSelect=e(this,"itemSelect",7),this.orderChange=e(this,"orderChange",7),this.draggedItem=null,this.listItems=[],this.nextAutoItemIdSeq=0,this.radioName=`xpl-list-radio-${Math.random().toString(36).slice(2,11)}`,this.timers=new h,this.keyboardReorderItemId=null,this.reorderLiveMessage="",this.items=[],this.reorderable=!1,this.selectable=!1}handleKeyboardReorderItemIdChange(){this.collectListItems()}handleItemsChange(){this.collectListItems()}handleReorderableChange(){this.collectListItems()}handleSelectableChange(){this.collectListItems()}componentWillLoad(){this.collectListItems(),this.items.length>0&&!l&&(l=!0,console.warn('[xpl-list] The "items" prop is deprecated. Use slot-based xpl-list-item children instead.'))}componentDidLoad(){this.collectListItems()}disconnectedCallback(){this.timers.dispose()}handleKeyDown(t){if(!this.selectable||"Escape"!==t.key||t.defaultPrevented)return;const e=(i=t,(i.composedPath?.()??[]).find((t=>t instanceof HTMLElement&&"xpl-list-item"===t.tagName.toLowerCase()))??null);var i;if(!e||e.parentElement!==this.el)return;const s=e.querySelector('.xpl-list-item__selectable input[type="radio"]');(s instanceof HTMLInputElement&&s.checked||e.selected)&&(t.preventDefault(),this.clearSelection())}handleChildItemSelect(t){if(!this.selectable)return;const e=t.target;"XPL-LIST-ITEM"===e.tagName&&e.parentElement===this.el&&this.syncSelectionFromChildDetail(t.detail)}handleSlotChange(){this.collectListItems()}handleItemDragStart(t){const e=t.detail?.item;if(!e||e.parentElement!==this.el)return;null!==this.keyboardReorderItemId&&(this.keyboardReorderItemId=null),this.draggedItem=e;const i=this.draggedItem.querySelector(".xpl-list-item__wrapper");i?.classList.add("dragging")}handleItemDragEnd(t){const e=t.detail?.item;if(e&&e.parentElement===this.el){if(this.draggedItem){const t=this.draggedItem.querySelector(".xpl-list-item__wrapper");t?.classList.remove("dragging")}this.draggedItem=null}}handleItemDrop(t){const e=t.detail?.item;if(e&&e.parentElement===this.el)if(this.draggedItem&&this.draggedItem.parentElement!==this.el)this.draggedItem=null;else{if(this.draggedItem){const t=this.draggedItem.querySelector(".xpl-list-item__wrapper");t?.classList.remove("dragging")}if(this.draggedItem&&e&&this.draggedItem!==e){const t=this.getVisibleListItemElements(),i=t.indexOf(this.draggedItem),s=t.indexOf(e);if(-1!==i&&-1!==s){const t=i>s?"up":"down",n=this.getItemRowId(this.draggedItem);if("up"===t)this.el.insertBefore(this.draggedItem,e);else{const t=this.getNextVisibleListItemAfter(e);t?this.el.insertBefore(this.draggedItem,t):this.el.appendChild(this.draggedItem)}const h=this.getOrderedItemIds();this.orderChange.emit({itemId:n,direction:t,orderedItemIds:h}),this.announceReorder(n,h),this.el.dispatchEvent(new CustomEvent("xplListReorder",{bubbles:!0,composed:!0,detail:{itemId:n,direction:t,fromIndex:i,toIndex:s,orderedItemIds:h}}))}}this.draggedItem=null,t.preventDefault()}}handleItemReorder(t){t.stopPropagation();const{direction:e,itemId:i,keyboardMode:s,exitKeyboardMode:n}=t.detail;void 0!==s&&(this.keyboardReorderItemId=s?i??null:null),n&&(this.keyboardReorderItemId=null),e&&i&&this.performReorder(i,e)&&this.el.dispatchEvent(new CustomEvent("xplListReorder",{bubbles:!0,composed:!0,detail:{...t.detail,orderedItemIds:this.getOrderedItemIds()}}))}async clearSelection(){if(!this.selectable)return;this.collectListItems();const t=[];this.listItems.forEach((e=>{const i=e.querySelector('.xpl-list-item__selectable input[type="radio"]');if(i instanceof HTMLInputElement&&i.checked||e.selected){const i=this.getItemRowId(e);i&&t.push(i)}}));const e=[...new Set(t)];this.listItems.forEach((t=>{const e=t.querySelector('.xpl-list-item__selectable input[type="radio"]');e instanceof HTMLInputElement&&(e.checked=!1)})),this.listItems.forEach((t=>{t.selected&&(t.selected=!1)})),e.forEach((t=>{this.itemSelect.emit({itemId:t})}))}syncSelectionFromChildDetail(t){this.collectListItems();const e=t.itemId,i=null!=e&&""!==e;this.listItems.forEach((t=>{const s=this.getItemRowId(t);t.selected=i&&s===e}))}performReorder(t,e){this.listItems=this.getVisibleListItemElements();const i=this.listItems.findIndex((e=>this.getItemRowId(e)===t));if(-1===i)return!1;const s="up"===e?i-1:i+1;if(s<0||s>=this.listItems.length)return!1;const n=this.listItems[i],h=this.listItems[s];if("up"===e)this.el.insertBefore(n,h);else{const t=this.getNextVisibleListItemAfter(h);t?this.el.insertBefore(n,t):this.el.appendChild(n)}const l=this.getOrderedItemIds();return this.orderChange.emit({itemId:t,direction:e,orderedItemIds:l}),this.announceReorder(t,l),this.timers.requestAnimationFrame((()=>{if(!this.el.isConnected)return;const e=this.getDirectChildListItems().find((e=>this.getItemRowId(e)===t)),i=e?.querySelector(".xpl-list-item__drag-handle"),s=i?.querySelector?.("button")instanceof HTMLElement?i.querySelector("button"):i;s instanceof HTMLElement&&s.focus()})),!0}getOrderedItemIds(){return this.getVisibleListItemElements().map((t=>this.getItemRowId(t)))}announceReorder(t,e){if(!this.reorderable||!t)return;const i=e.indexOf(t);if(i<0)return;const s=i+1,n=e.length;this.reorderLiveMessage="",this.timers.requestAnimationFrame((()=>{this.el.isConnected&&(this.reorderLiveMessage=`Item ${t}, now position ${s} of ${n}`)}))}getDirectChildListItems(){return Array.from(this.el.children).filter((t=>"xpl-list-item"===t.tagName.toLowerCase()))}getVisibleListItemElements(){return this.getDirectChildListItems().filter((t=>!t.hasAttribute("hidden")))}isLegacyPropBasedRow(t){return null!=t.item}getNextVisibleListItemAfter(t){let e=t.nextElementSibling;for(;e;){if(e instanceof HTMLElement&&"xpl-list-item"===e.tagName.toLowerCase()&&!e.hasAttribute("hidden"))return e;e=e.nextElementSibling}return null}collectListItems(){this.listItems=this.getDirectChildListItems();const t=new Set;this.listItems.forEach((e=>{const i=e.getAttribute("item-id")||e.id||(e.itemId?String(e.itemId):"");i&&t.add(i)})),this.listItems.forEach((e=>{if(!e.hasAttribute("item-id")&&!e.id)if(e.itemId)e.setAttribute("item-id",e.itemId),t.add(e.itemId);else{let i;do{i=`item-${this.nextAutoItemIdSeq}`,this.nextAutoItemIdSeq+=1}while(t.has(i));e.setAttribute("item-id",i),t.add(i)}this.isLegacyPropBasedRow(e)?(e.removeAttribute("selectable"),e.removeAttribute("radio-name"),e.removeAttribute("reorderable")):(this.selectable?(e.setAttribute("selectable","true"),e.setAttribute("radio-name",this.radioName)):(e.removeAttribute("selectable"),e.removeAttribute("radio-name")),this.reorderable?e.setAttribute("reorderable","true"):e.removeAttribute("reorderable"));const i=this.getItemRowId(e);this.isLegacyPropBasedRow(e)?e.removeAttribute("keyboard-active"):this.keyboardReorderItemId&&i===this.keyboardReorderItemId?e.setAttribute("keyboard-active","true"):e.removeAttribute("keyboard-active")}))}getItemRowId(t){return t.getAttribute("item-id")||t.id||t.itemId||""}render(){const t=this.labelledBy?.trim()?this.labelledBy.trim():void 0,e=!t&&this.label?.trim()?this.label.trim():void 0;return i(s,{key:"5516f433d051a8cac2d01255e7e4b43956f088c5",role:"list",class:{"xpl-list":!0},"aria-label":e,"aria-labelledby":t},this.items?.map(((t,e)=>{const s=t.id??`item-${e}`;return i("xpl-list-item",{key:`legacy-item-${s}`,item:t,href:t.href,itemId:s})})),i("slot",{key:"68216fa87a1034e09363b8b20fc436d0d3725cc3"}),this.reorderable?i("div",{class:"xpl-list__reorder-live","aria-live":"assertive","aria-atomic":"true"},this.reorderLiveMessage):null)}get el(){return n(this)}static get watchers(){return{keyboardReorderItemId:[{handleKeyboardReorderItemIdChange:0}],items:[{handleItemsChange:0}],reorderable:[{handleReorderableChange:0}],selectable:[{handleSelectableChange:0}]}}};export{r as xpl_list}
@@ -1 +1 @@
1
- import{r as t,c as i,h as s,H as e,g as n}from"./p-ukZKsqqq.js";import{T as h,i as o}from"./p-Dqb1pIRo.js";import{T as r}from"./p-CWdQxaaX.js";const a="hoverClose",l=class{constructor(s){t(this,s),this.navItemClick=i(this,"navItemClick",7),this.openChange=i(this,"openChange",7),this.dropdownPanelId=`xpl-top-nav-item-dropdown-${Math.random().toString(36).slice(2,11)}`,this.hoverOpened=!1,this.timers=new h,this.hasActiveDescendant=!1,this.hasDropdown=!1,this.isLeadingIconSlotPresent=!1,this.isMobileViewport=!1,this.hostListitemRole=!1,this.isTrailingIconSlotPresent=!1,this.active=!1,this.icon="",this.open=!1,this.openMode="click",this.selected=!1,this.onDocClickCapture=t=>{if(!this.hasDropdown||!this.open)return;const i=t.target;i&&!this.el.contains(i)&&(this.open=!1)},this.onDocKeyDownCapture=t=>{this.hasDropdown&&this.open&&"Escape"===t.key&&(t.preventDefault(),t.stopPropagation(),this.open=!1,this.focusTriggerAfterEscape())},this.handleClick=t=>{if(this.hasDropdown){if(t.preventDefault(),t.stopPropagation(),this.timers.clearCoalesced(a),this.open&&this.hoverOpened&&this.hoverModeActive()&&t.detail>0)return;return this.hoverOpened=!1,void(this.open=!this.open)}this.navItemClick.emit(t)},this.handleKeyDown=t=>{if(null!=this.href&&!this.hasDropdown&&" "===t.key){t.preventDefault();const i=this.el.querySelector(".xpl-top-nav-item__inner");i?.click()}},this.onMobileViewportChange=()=>{this.isMobileViewport=this.mobileMq?.matches??!1},this.handleMouseEnter=()=>{this.hasDropdown&&this.hoverModeActive()&&(this.timers.clearCoalesced(a),this.open||(this.hoverOpened=!0,this.open=!0))},this.handleMouseLeave=()=>{this.hasDropdown&&this.open&&this.hoverOpened&&this.timers.scheduleCoalesced(a,(()=>{this.hoverOpened&&!this.el.contains(this.el.ownerDocument.activeElement)&&(this.open=!1)}),150)}}onHasDropdownChanged(){this.hasDropdown||(this.open=!1),this.syncDropdownDocListeners()}onOpenChanged(t){this.openChange.emit(t),t||(this.hoverOpened=!1),t&&this.hasDropdown&&this.broadcastCloseOtherDropdownHosts()}connectedCallback(){o()&&"function"==typeof window.matchMedia&&(this.hoverOpenMq=window.matchMedia("(hover: hover) and (pointer: fine) and (min-width: 768px)"),this.mobileMq=window.matchMedia(r),this.mobileMq.addEventListener("change",this.onMobileViewportChange),this.isMobileViewport=this.mobileMq.matches),this.syncHostListitemRole(),this.syncHasDropdownFromDom(),this.syncDropdownDocListeners(),this.connectDropdownSlotObserver()}disconnectedCallback(){this.timers.dispose(),this.hoverOpenMq=void 0,this.mobileMq?.removeEventListener("change",this.onMobileViewportChange),this.mobileMq=void 0,this.disconnectDropdownSlotObserver(),this.disconnectListitemContextObservers();const t=this.el.ownerDocument;t.removeEventListener("click",this.onDocClickCapture,!0),t.removeEventListener("keydown",this.onDocKeyDownCapture,!0)}componentWillLoad(){this.syncHostListitemRole(),this.syncHasDropdownFromDom()}componentWillRender(){this.disconnectDropdownSlotObserver(),this.disconnectListitemContextObservers()}componentDidRender(){this.schedulePostRenderTopNavItemWork()}handleCloseNavDropdownRequest(){this.hasDropdown&&this.open&&(this.open=!1)}async closeMenu(){this.hasDropdown&&(this.open=!1)}async openMenu(){this.hasDropdown&&(this.timers.clearCoalesced(a),this.hoverOpened=!1,this.open=!0)}async toggleMenu(){this.hasDropdown&&(this.open=!this.open)}scheduleHasDropdownSyncFromObserver(){this.timers.scheduleCoalesced("hasDropdownSync",(()=>{this.el.isConnected&&this.syncHasDropdownFromDom()}))}connectDropdownSlotObserver(){this.disconnectDropdownSlotObserver(),"undefined"!=typeof MutationObserver&&(this.dropdownSlotObserver=new MutationObserver((()=>{this.scheduleHasDropdownSyncFromObserver()})),this.dropdownSlotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectDropdownSlotObserver(){this.dropdownSlotObserver?.disconnect(),this.dropdownSlotObserver=void 0}disconnectListitemContextObservers(){this.parentListitemContextObserver?.disconnect(),this.parentListitemContextObserver=void 0,this.selfListitemContextObserver?.disconnect(),this.selfListitemContextObserver=void 0}connectListitemContextObservers(){if(this.disconnectListitemContextObservers(),"undefined"==typeof MutationObserver||!this.el.isConnected)return;this.selfListitemContextObserver=new MutationObserver((()=>{this.schedulePostRenderTopNavItemWork()})),this.selfListitemContextObserver.observe(this.el,{attributes:!0,attributeFilter:["class","slot"]});const t=this.el.parentElement;if(t){this.parentListitemContextObserver=new MutationObserver((()=>{this.schedulePostRenderTopNavItemWork()}));const i="xpl-top-nav"===t.tagName.toLowerCase()&&"left-aside"===this.el.getAttribute("slot")?t.querySelector(".xpl-top-nav__left-primary"):null;this.parentListitemContextObserver.observe(i??t,{attributes:!0,attributeFilter:["role"],subtree:!1})}}schedulePostRenderTopNavItemWork(){this.timers.scheduleCoalesced("postRender",(()=>{this.el.isConnected&&(this.syncHostListitemRole(),this.syncHasDropdownFromDom(),this.connectListitemContextObservers(),this.connectDropdownSlotObserver())}))}syncDropdownDocListeners(){if(!o())return;const t=this.el.ownerDocument;t.removeEventListener("click",this.onDocClickCapture,!0),t.removeEventListener("keydown",this.onDocKeyDownCapture,!0),this.hasDropdown&&(t.addEventListener("click",this.onDocClickCapture,!0),t.addEventListener("keydown",this.onDocKeyDownCapture,!0))}hasSlottedChildOwnedByThisHost(t){return Array.from(this.el.querySelectorAll(`[slot="${t}"]`)).some((t=>t.closest("xpl-top-nav-item")===this.el))}syncHasDropdownFromDom(){const t=null!=this.el.querySelector('[slot="dropdown"]');t!==this.hasDropdown&&(this.hasDropdown=t);const i=this.hasSlottedChildOwnedByThisHost("leading-icon");i!==this.isLeadingIconSlotPresent&&(this.isLeadingIconSlotPresent=i);const s=this.hasSlottedChildOwnedByThisHost("trailing-icon");s!==this.isTrailingIconSlotPresent&&(this.isTrailingIconSlotPresent=s);const e=!!t&&(null!==this.el.querySelector('[slot="dropdown"] .xpl-top-nav-item--active')||null!==this.el.querySelector('[slot="dropdown"] .xpl-top-nav-item--selected'));e!==this.hasActiveDescendant&&(this.hasActiveDescendant=e)}getNavDropdownBroadcastRoot(){return this.el.closest("xpl-top-nav-menu")??this.el.closest("xpl-nav-header-menu")??this.el.closest("xpl-top-nav")??this.el.ownerDocument}broadcastCloseOtherDropdownHosts(){this.getNavDropdownBroadcastRoot().querySelectorAll("xpl-top-nav-item").forEach((t=>{t!==this.el&&t.parentElement===this.el.parentElement&&t.dispatchEvent(new CustomEvent("_xplCloseNavDropdown",{bubbles:!1}))}))}hoverModeActive(){return"hover"===this.openMode&&(this.hoverOpenMq?.matches??!1)}focusTriggerAfterEscape(){this.timers.scheduleCoalesced("focusTriggerAfterEscape",(()=>{this.el.isConnected&&this.el.querySelector(".xpl-top-nav-item__inner")?.focus()}))}static isInternalRenderedHostChild(t){return t.classList.contains("xpl-top-nav-item__inner")||t.classList.contains("xpl-top-nav-item__dropdown")}hasNonDropdownLightDomChild(){return Array.from(this.el.childNodes).some((t=>{if(t.nodeType===Node.TEXT_NODE)return Boolean(t.textContent?.trim());if(t.nodeType===Node.ELEMENT_NODE){const i=t;if(l.isInternalRenderedHostChild(i))return!1;const s=i.getAttribute("slot");return null==s||""===s}return!1}))}getInnerAriaLabel(){if(this.label?.trim())return;if(this.hasNonDropdownLightDomChild())return;const t=this.itemAriaLabel?.trim();return t||(this.icon?.trim()||this.isLeadingIconSlotPresent?"Navigation item":void 0)}computeHostListitemRole(){const{el:t}=this;if(t.classList.contains("xpl-top-nav__brand"))return!1;if("right-aside-mobile"===t.getAttribute("slot"))return!1;const i=t.parentElement;return"list"===i?.getAttribute("role")||null!=i&&"xpl-nav-header-menu"===i.tagName.toLowerCase()||null!=i&&"xpl-top-nav-menu"===i.tagName.toLowerCase()||"left-aside"===t.getAttribute("slot")&&"xpl-top-nav"===i?.tagName.toLowerCase()&&null!=i.querySelector('.xpl-top-nav__left-primary[role="list"]')}syncHostListitemRole(){const t=this.computeHostListitemRole();this.hostListitemRole!==t&&(this.hostListitemRole=t)}renderLabelContent(){if(!this.label)return s("slot",null);const t=this.description?.trim();return t?s("span",{class:"xpl-top-nav-item__label-group"},s("span",{class:"xpl-top-nav-item__label",title:this.label},this.label),s("span",{class:"xpl-top-nav-item__description"},t)):s("span",{class:"xpl-top-nav-item__label",title:this.label},this.label)}renderLeading(){return this.isLeadingIconSlotPresent?s("span",{class:"xpl-top-nav-item__leading"},s("slot",{name:"leading-icon"})):this.icon?s("span",{class:"xpl-top-nav-item__leading"},s("xpl-icon",{size:16,icon:this.icon})):null}renderTrailing(){return this.isTrailingIconSlotPresent?s("span",{class:"xpl-top-nav-item__trailing"},s("slot",{name:"trailing-icon"})):this.hasDropdown?s("span",{class:"xpl-top-nav-item__trailing"},s("xpl-icon",{icon:this.isMobileViewport?"chevron-right":"chevron-down"})):null}renderInner(){const t=this.selected?"page":void 0,i=this.hasDropdown?this.open?"true":"false":void 0,e=this.getInnerAriaLabel(),n={class:"xpl-top-nav-item__inner",tabIndex:0,"aria-current":t,"aria-expanded":i,"aria-haspopup":this.hasDropdown?"true":void 0,"aria-controls":this.hasDropdown?this.dropdownPanelId:void 0,...e?{"aria-label":e}:{},onClick:this.handleClick,onKeyDown:this.handleKeyDown};return null==this.href||this.hasDropdown?s("button",{...n,type:"button"},this.renderLeading(),this.renderLabelContent(),this.renderTrailing()):s("a",{...n,href:this.href},this.renderLeading(),this.renderLabelContent(),this.renderTrailing())}render(){return s(e,{key:"f895d73fc0f4c07150e9cd1c34d7b78a338a2032",class:{"xpl-top-nav-item":!0,"xpl-top-nav-item--active":this.active,"xpl-top-nav-item--dropdown-open":this.hasDropdown&&this.open,"xpl-top-nav-item--has-active-descendant":this.hasActiveDescendant,"xpl-top-nav-item--has-dropdown":this.hasDropdown,"xpl-top-nav-item--selected":this.selected,dark:!0},onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,...this.hostListitemRole?{role:"listitem"}:{}},this.renderInner(),this.hasDropdown&&s("div",{key:"3ec121421a45b3e5ef00f3fe76be80c910759f02",id:this.dropdownPanelId,class:"xpl-top-nav-item__dropdown"},s("slot",{key:"715393a7ba3474c1afc9e0aa29276335537021e5",name:"dropdown"})))}get el(){return n(this)}static get watchers(){return{hasDropdown:[{onHasDropdownChanged:0}],open:[{onOpenChanged:0}]}}};export{l as xpl_top_nav_item}
1
+ import{r as t,c as i,h as s,H as e,g as n}from"./p-ukZKsqqq.js";import{T as h,i as o}from"./p-Dqb1pIRo.js";import{T as r}from"./p-CWdQxaaX.js";const a="hoverClose",l=class{constructor(s){t(this,s),this.navItemClick=i(this,"navItemClick",7),this.openChange=i(this,"openChange",7),this.dropdownPanelId=`xpl-top-nav-item-dropdown-${Math.random().toString(36).slice(2,11)}`,this.hoverOpened=!1,this.timers=new h,this.hasActiveDescendant=!1,this.hasDropdown=!1,this.isLeadingIconSlotPresent=!1,this.isMobileViewport=!1,this.hostListitemRole=!1,this.isTrailingIconSlotPresent=!1,this.active=!1,this.icon="",this.open=!1,this.openMode="click",this.selected=!1,this.onDocClickCapture=t=>{if(!this.hasDropdown||!this.open)return;const i=t.target;i&&!this.el.contains(i)&&(this.open=!1)},this.onDocKeyDownCapture=t=>{this.hasDropdown&&this.open&&"Escape"===t.key&&(t.preventDefault(),t.stopPropagation(),this.open=!1,this.focusTriggerAfterEscape())},this.handleClick=t=>{if(this.hasDropdown){if(t.preventDefault(),t.stopPropagation(),this.timers.clearCoalesced(a),this.open&&this.hoverOpened&&this.hoverModeActive()&&t.detail>0)return;return this.hoverOpened=!1,void(this.open=!this.open)}this.navItemClick.emit(t)},this.handleKeyDown=t=>{if(null!=this.href&&!this.hasDropdown&&" "===t.key){t.preventDefault();const i=this.el.querySelector(".xpl-top-nav-item__inner");i?.click()}},this.onMobileViewportChange=()=>{this.isMobileViewport=this.mobileMq?.matches??!1},this.handleMouseEnter=()=>{this.hasDropdown&&this.hoverModeActive()&&(this.timers.clearCoalesced(a),this.open||(this.hoverOpened=!0,this.open=!0))},this.handleMouseLeave=()=>{this.hasDropdown&&this.open&&this.hoverOpened&&this.timers.scheduleCoalesced(a,(()=>{this.hoverOpened&&!this.el.contains(this.el.ownerDocument.activeElement)&&(this.open=!1)}),150)}}onHasDropdownChanged(){this.hasDropdown||(this.open=!1),this.syncDropdownDocListeners()}onOpenChanged(t){this.openChange.emit(t),t||(this.hoverOpened=!1),t&&this.hasDropdown&&this.broadcastCloseOtherDropdownHosts()}connectedCallback(){o()&&"function"==typeof window.matchMedia&&(this.hoverOpenMq=window.matchMedia("(hover: hover) and (pointer: fine) and (min-width: 768px)"),this.mobileMq=window.matchMedia(r),this.mobileMq.addEventListener("change",this.onMobileViewportChange),this.isMobileViewport=this.mobileMq.matches),this.syncHostListitemRole(),this.syncHasDropdownFromDom(),this.syncDropdownDocListeners(),this.connectDropdownSlotObserver()}disconnectedCallback(){this.timers.dispose(),this.hoverOpenMq=void 0,this.mobileMq?.removeEventListener("change",this.onMobileViewportChange),this.mobileMq=void 0,this.disconnectDropdownSlotObserver(),this.disconnectListitemContextObservers();const t=this.el.ownerDocument;t.removeEventListener("click",this.onDocClickCapture,!0),t.removeEventListener("keydown",this.onDocKeyDownCapture,!0)}componentWillLoad(){this.syncHostListitemRole(),this.syncHasDropdownFromDom()}componentWillRender(){this.disconnectDropdownSlotObserver(),this.disconnectListitemContextObservers()}componentDidRender(){this.schedulePostRenderTopNavItemWork()}handleCloseNavDropdownRequest(){this.hasDropdown&&this.open&&(this.open=!1)}async closeMenu(){this.hasDropdown&&(this.open=!1)}async openMenu(){this.hasDropdown&&(this.timers.clearCoalesced(a),this.hoverOpened=!1,this.open=!0)}async toggleMenu(){this.hasDropdown&&(this.open=!this.open)}scheduleHasDropdownSyncFromObserver(){this.timers.scheduleCoalesced("hasDropdownSync",(()=>{this.el.isConnected&&this.syncHasDropdownFromDom()}))}connectDropdownSlotObserver(){this.disconnectDropdownSlotObserver(),"undefined"!=typeof MutationObserver&&(this.dropdownSlotObserver=new MutationObserver((()=>{this.scheduleHasDropdownSyncFromObserver()})),this.dropdownSlotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectDropdownSlotObserver(){this.dropdownSlotObserver?.disconnect(),this.dropdownSlotObserver=void 0}disconnectListitemContextObservers(){this.parentListitemContextObserver?.disconnect(),this.parentListitemContextObserver=void 0,this.selfListitemContextObserver?.disconnect(),this.selfListitemContextObserver=void 0}connectListitemContextObservers(){if(this.disconnectListitemContextObservers(),"undefined"==typeof MutationObserver||!this.el.isConnected)return;this.selfListitemContextObserver=new MutationObserver((()=>{this.schedulePostRenderTopNavItemWork()})),this.selfListitemContextObserver.observe(this.el,{attributes:!0,attributeFilter:["class","slot"]});const t=this.el.parentElement;if(t){this.parentListitemContextObserver=new MutationObserver((()=>{this.schedulePostRenderTopNavItemWork()}));const i="xpl-top-nav"===t.tagName.toLowerCase()&&"left-aside"===this.el.getAttribute("slot")?t.querySelector(".xpl-top-nav__left-primary"):null;this.parentListitemContextObserver.observe(i??t,{attributes:!0,attributeFilter:["role"],subtree:!1})}}schedulePostRenderTopNavItemWork(){this.timers.scheduleCoalesced("postRender",(()=>{this.el.isConnected&&(this.syncHostListitemRole(),this.syncHasDropdownFromDom(),this.connectListitemContextObservers(),this.connectDropdownSlotObserver())}))}syncDropdownDocListeners(){if(!o())return;const t=this.el.ownerDocument;t.removeEventListener("click",this.onDocClickCapture,!0),t.removeEventListener("keydown",this.onDocKeyDownCapture,!0),this.hasDropdown&&(t.addEventListener("click",this.onDocClickCapture,!0),t.addEventListener("keydown",this.onDocKeyDownCapture,!0))}hasSlottedChildOwnedByThisHost(t){return Array.from(this.el.querySelectorAll(`[slot="${t}"]`)).some((t=>t.closest("xpl-top-nav-item")===this.el))}syncHasDropdownFromDom(){const t=null!=this.el.querySelector('[slot="dropdown"]');t!==this.hasDropdown&&(this.hasDropdown=t);const i=this.hasSlottedChildOwnedByThisHost("leading-icon");i!==this.isLeadingIconSlotPresent&&(this.isLeadingIconSlotPresent=i);const s=this.hasSlottedChildOwnedByThisHost("trailing-icon");s!==this.isTrailingIconSlotPresent&&(this.isTrailingIconSlotPresent=s);const e=!!t&&(null!==this.el.querySelector('[slot="dropdown"] .xpl-top-nav-item--active')||null!==this.el.querySelector('[slot="dropdown"] .xpl-top-nav-item--selected'));e!==this.hasActiveDescendant&&(this.hasActiveDescendant=e)}getNavDropdownBroadcastRoot(){return this.el.closest("xpl-top-nav-menu")??this.el.closest("xpl-nav-header-menu")??this.el.closest("xpl-top-nav")??this.el.ownerDocument}broadcastCloseOtherDropdownHosts(){this.getNavDropdownBroadcastRoot().querySelectorAll("xpl-top-nav-item").forEach((t=>{t!==this.el&&t.parentElement===this.el.parentElement&&t.dispatchEvent(new CustomEvent("_xplCloseNavDropdown",{bubbles:!1}))}))}hoverModeActive(){return"hover"===this.openMode&&(this.hoverOpenMq?.matches??!1)}focusTriggerAfterEscape(){this.timers.scheduleCoalesced("focusTriggerAfterEscape",(()=>{this.el.isConnected&&this.el.querySelector(".xpl-top-nav-item__inner")?.focus()}))}static isInternalRenderedHostChild(t){return t.classList.contains("xpl-top-nav-item__inner")||t.classList.contains("xpl-top-nav-item__dropdown")}hasNonDropdownLightDomChild(){return Array.from(this.el.childNodes).some((t=>{if(t.nodeType===Node.TEXT_NODE)return Boolean(t.textContent?.trim());if(t.nodeType===Node.ELEMENT_NODE){const i=t;if(l.isInternalRenderedHostChild(i))return!1;const s=i.getAttribute("slot");return null==s||""===s}return!1}))}getInnerAriaLabel(){if(this.label?.trim())return;if(this.hasNonDropdownLightDomChild())return;const t=this.itemAriaLabel?.trim();return t||(this.icon?.trim()||this.isLeadingIconSlotPresent?"Navigation item":void 0)}computeHostListitemRole(){const{el:t}=this;if(t.classList.contains("xpl-top-nav__brand"))return!1;if("right-aside-mobile"===t.getAttribute("slot"))return!1;const i=t.parentElement;return"list"===i?.getAttribute("role")||null!=i&&"xpl-nav-header-menu"===i.tagName.toLowerCase()||null!=i&&"xpl-top-nav-menu"===i.tagName.toLowerCase()||"left-aside"===t.getAttribute("slot")&&"xpl-top-nav"===i?.tagName.toLowerCase()&&null!=i.querySelector('.xpl-top-nav__left-primary[role="list"]')}syncHostListitemRole(){const t=this.computeHostListitemRole();this.hostListitemRole!==t&&(this.hostListitemRole=t)}renderLabelContent(){if(!this.label)return s("slot",null);const t=this.description?.trim();return t?s("span",{class:"xpl-top-nav-item__label-group"},s("span",{class:"xpl-top-nav-item__label",title:this.label},this.label),s("span",{class:"xpl-top-nav-item__description"},t)):s("span",{class:"xpl-top-nav-item__label",title:this.label},this.label)}renderLeading(){return this.isLeadingIconSlotPresent?s("span",{class:"xpl-top-nav-item__leading"},s("slot",{name:"leading-icon"})):this.icon?s("span",{class:"xpl-top-nav-item__leading"},s("xpl-icon",{size:16,icon:this.icon})):null}renderTrailing(){return this.isTrailingIconSlotPresent?s("span",{class:"xpl-top-nav-item__trailing"},s("slot",{name:"trailing-icon"})):this.hasDropdown?s("span",{class:"xpl-top-nav-item__trailing"},s("xpl-icon",{icon:this.isMobileViewport?"chevron-right":"chevron-down"})):null}renderInner(){const t=this.selected?"page":void 0,i=this.hasDropdown?this.open?"true":"false":void 0,e=this.getInnerAriaLabel(),n={class:"xpl-top-nav-item__inner",tabIndex:0,"aria-current":t,"aria-expanded":i,"aria-haspopup":this.hasDropdown?"true":void 0,"aria-controls":this.hasDropdown?this.dropdownPanelId:void 0,...e?{"aria-label":e}:{},onClick:this.handleClick,onKeyDown:this.handleKeyDown};return null==this.href||this.hasDropdown?s("button",{...n,type:"button"},this.renderLeading(),this.renderLabelContent(),this.renderTrailing()):s("a",{...n,href:this.href},this.renderLeading(),this.renderLabelContent(),this.renderTrailing())}render(){return s(e,{key:"fe53cfd84cba8502089c4a3fae62dfed10c0cdf0",class:{"xpl-top-nav-item":!0,"xpl-top-nav-item--active":this.active,"xpl-top-nav-item--dropdown-open":this.hasDropdown&&this.open,"xpl-top-nav-item--has-active-descendant":this.hasActiveDescendant,"xpl-top-nav-item--has-dropdown":this.hasDropdown,"xpl-top-nav-item--selected":this.selected,dark:!0},onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,...this.hostListitemRole?{role:"listitem"}:{}},this.renderInner(),this.hasDropdown&&s("div",{key:"954f83c94bd56d9bd328212f2ecc070861b1fd54",id:this.dropdownPanelId,class:"xpl-top-nav-item__dropdown"},s("slot",{key:"4d830a9386f12026cd1a2ecb454bcb9df2202431",name:"dropdown"})))}get el(){return n(this)}static get watchers(){return{hasDropdown:[{onHasDropdownChanged:0}],open:[{onOpenChanged:0}]}}};export{l as xpl_top_nav_item}
@@ -0,0 +1 @@
1
+ import{r as a,h as e,H as s}from"./p-ukZKsqqq.js";const r=class{constructor(e){a(this,e)}render(){return e(s,{key:"dc00b09e91c4baa484084256b7b583363a518905",class:"xpl-secondary-nav"},e("nav",{key:"daf32568baecfa600a6d51747446e82c0df44d1a","aria-label":"Secondary Nav"},e("slot",{key:"6d6a2fa94e8779b7a4b9414fe29829eb1ee20125"})))}};export{r as xpl_secondary_nav}
@@ -0,0 +1 @@
1
+ import{r as e,h as t,H as s,g as i}from"./p-ukZKsqqq.js";function a(e){return"XPL-TABLE-CELL"===e.nodeName}const r=class{constructor(t){e(this,t),this.disabled=!1,this.selected=!1}onDisabledChange(){this.propagateDisabledToCells()}connectedCallback(){"undefined"!=typeof MutationObserver&&(this.cellObserver=new MutationObserver((e=>{e.forEach((e=>{"childList"===e.type&&e.addedNodes.forEach((e=>{a(e)&&(e.disabled=this.disabled)}))}))})),this.cellObserver.observe(this.el,{childList:!0}))}disconnectedCallback(){this.cellObserver?.disconnect(),this.cellObserver=void 0}componentDidLoad(){this.propagateDisabledToCells()}propagateDisabledToCells(){Array.from(this.el.children).filter(a).forEach((e=>{e.disabled=this.disabled}))}render(){return t(s,{key:"8c49ba27b39d934cb774140b43e811e5ee2bb904",class:{"xpl-table-row":!0,"xpl-table-row--disabled":this.disabled,"xpl-table-row--selected":this.selected},role:"row"},t("slot",{key:"30788ce629c65d7eab04d268da978d46f0145e99"}))}get el(){return i(this)}static get watchers(){return{disabled:[{onDisabledChange:0}]}}};export{r as xpl_table_row}
@@ -1 +1 @@
1
- import{r as t,h as a,H as s,g as r,c as i}from"./p-ukZKsqqq.js";import{v as e}from"./p-CK3_k8jD.js";const l={active:"green",inactive:"gray",warning:"red"};function h(t){if(!t||!t.trim())return"";const a=t.trim().split(/\s+/).filter(Boolean);return 0===a.length?"":1===a.length?a[0].slice(0,3).toUpperCase():((a[0][0]??"")+(a.length>2?a[1][0]??"":"")+(a[a.length-1][0]??"")).slice(0,3).toUpperCase()}const n=class{constructor(a){t(this,a),this.cachedGroupItems=[],this.cachedSlotContent="",this.disabled=!1}onGroupDataChange(t){this.cachedGroupItems=n.parseGroupData(t)}componentWillLoad(){this.cachedSlotContent=this.el?.textContent?.trim().slice(0,3)??"",this.onGroupDataChange(this.groupData)}static parseGroupData(t){if(null==t)return[];if("string"==typeof t)try{const a=JSON.parse(t);return Array.isArray(a)?a:[]}catch{return console.warn("[Apollo] xpl-avatar: groupData is not valid JSON; rendering no group items"),[]}return Array.isArray(t)?t:[]}get groupItems(){return this.cachedGroupItems}get statusBadgeVariant(){const t=this.status;if(void 0!==t)return l[t]??t}getPlaceholderText(){return this.cachedSlotContent.length>0?this.cachedSlotContent:h(this.name)}static getSingleAvatarClasses(t,a,s,r){return{"xpl-avatar":!0,[`xpl-avatar--${t}`]:!!t,[`xpl-avatar--${a}`]:!!a,"xpl-avatar--profile":!!s,"xpl-avatar--disabled":!!r}}getAnchorProps(t){return{href:this.href,target:this.target,rel:"_blank"===this.target?"noopener noreferrer":void 0,"aria-label":this.name??"Profile",class:t}}static renderAvatarMedia(t,s,r,i,e=!0){return t?a("img",{alt:s??"",src:t}):a("div",{class:"xpl-avatar__placeholder",role:"img","aria-label":s??i},r||(e?a("slot",null):null))}renderAvatarMediaWithStatusBadge(t){const s=this.getPlaceholderText();return a("div",{...t?{class:t}:{}},n.renderAvatarMedia(this.src,this.name,s,"Profile",!0),this.statusBadgeVariant&&a("xpl-badge",{dotOnly:!0,bordered:!0,variant:this.statusBadgeVariant,"aria-hidden":"true"}))}renderGroupItem(t,s){const r=t.name?h(t.name):"";return a("div",{class:{"xpl-avatar-group__item":!0,"xpl-avatar":!0,[`xpl-avatar--${this.size}`]:!!this.size,[`xpl-avatar--${t.color}`]:!!t.color}},a("div",null,n.renderAvatarMedia(t.src,t.name,r,`Member ${s+1}`,!1)))}renderWithTextContent(){return a("div",{class:"xpl-avatar__with-text-content"},a("div",{class:"xpl-avatar__with-text-name"},this.name),this.subText&&a("div",{class:"xpl-avatar__with-text-sub"},this.subText))}render(){const t=this.variant;if("group"===t){const t=this.groupItems,r=t.slice(0,4),i=t.length-4,e=i>0,l=e?function(t){if(t<=0)return"";if(t<=999)return`+${t}`;const a=500*Math.round(t/500)/1e3;return"+"+(a%1==0?`${a}k`:`${a.toFixed(1)}k`)}(i):"";return a(s,null,a("div",{class:{"xpl-avatar-group":!0,[`xpl-avatar-group--${this.size}`]:!!this.size},role:"group","aria-label":`${t.length} members`},r.map(((t,s)=>a("div",{key:s,class:"xpl-avatar-group__wrap"},this.renderGroupItem(t,s)))),e&&a("div",{class:{"xpl-avatar-group__count":!0,[`xpl-avatar-group__count--${this.size}`]:!!this.size},"aria-label":`${i} more`},l)))}if("with-text"===t){const t=this.renderAvatarMediaWithStatusBadge("xpl-avatar__with-text-avatar"),r={"xpl-avatar":!0,"xpl-avatar--with-text":!0,[`xpl-avatar--${this.color}`]:!!this.color,"xpl-avatar--disabled":!!this.disabled};return a(s,null,this.href&&!this.disabled?a("a",{...this.getAnchorProps("xpl-avatar__with-text-link")},a("div",{class:r},t,this.renderWithTextContent())):a("div",{class:r,"aria-disabled":this.disabled?"true":void 0},t,this.renderWithTextContent()))}const r="profile"===t,i=n.getSingleAvatarClasses(r&&"md"===this.size?void 0:this.size,this.color,r,this.disabled),e=this.renderAvatarMediaWithStatusBadge();return a(s,null,this.href&&!this.disabled?a("a",{...this.getAnchorProps(i)},e):a("div",{class:i,"aria-disabled":this.disabled?"true":void 0},e))}get el(){return r(this)}static get watchers(){return{groupData:[{onGroupDataChange:0}]}}},o=class{constructor(a){t(this,a)}render(){let t="xpl-divider";return t+=` xpl-divider--${this.tier}`,a(s,{key:"942681efa6bd2c3806109240a5ac5c179b112551",class:t},a("span",{key:"ce0b0ada57e7a51319260c88c10e411e3aaf2992"},a("slot",{key:"da50f574acdf87def6ff77ef743bf38cc8717a79"})))}},d=class{constructor(a){t(this,a),this.radioChange=i(this,"radioChange",7),this.id=e(),this.onChange=t=>{this.radioChange.emit(this.value?this.value:t.target.checked)}}get isChecked(){return void 0!==this.selectedValue&&void 0!==this.value?this.selectedValue===this.value:Boolean(this.checked)}render(){return a(s,{key:"e3626967beb86dee46de974dd2a3c8993314d2d0",class:{"xpl-checkbox-radio-container":!0,styled:!!this.styled,disabled:!!this.disabled}},a("input",{key:"cdc8d7968dd78031f33b4f72024698f7afec27cf",class:"xpl-radio",type:"radio",checked:this.isChecked,disabled:this.disabled,id:this.id,name:this.name,required:this.required,onChange:this.onChange,value:this.value}),a("label",{key:"5bb2243b7fe42b219d3fa3696c92321b116f8c72",class:{"xpl-label":!0,"xpl-label--disabled":!!this.disabled},htmlFor:this.id},a("slot",{key:"85f1bf2c73111b8f5c0b0ae26343f590c8a50faf"}),this.description&&a("small",{key:"6452b050fe0df584373a45d105434fe31a8a82ba",class:{"xpl-description":!0,"xpl-description--disabled":!!this.disabled}},this.description)))}};export{n as xpl_avatar,o as xpl_divider,d as xpl_radio}
1
+ import{r as t,h as a,H as s,g as r,c as i}from"./p-ukZKsqqq.js";import{v as e}from"./p-CK3_k8jD.js";const l={active:"green",inactive:"gray",warning:"red"};function h(t){if(!t||!t.trim())return"";const a=t.trim().split(/\s+/).filter(Boolean);return 0===a.length?"":1===a.length?a[0].slice(0,3).toUpperCase():((a[0][0]??"")+(a.length>2?a[1][0]??"":"")+(a[a.length-1][0]??"")).slice(0,3).toUpperCase()}const n=class{constructor(a){t(this,a),this.cachedGroupItems=[],this.cachedSlotContent="",this.disabled=!1}onGroupDataChange(t){this.cachedGroupItems=n.parseGroupData(t)}componentWillLoad(){this.cachedSlotContent=this.el?.textContent?.trim().slice(0,3)??"",this.onGroupDataChange(this.groupData)}static parseGroupData(t){if(null==t)return[];if("string"==typeof t)try{const a=JSON.parse(t);return Array.isArray(a)?a:[]}catch{return console.warn("[Apollo] xpl-avatar: groupData is not valid JSON; rendering no group items"),[]}return Array.isArray(t)?t:[]}get groupItems(){return this.cachedGroupItems}get statusBadgeVariant(){const t=this.status;if(void 0!==t)return l[t]??t}getPlaceholderText(){return this.cachedSlotContent.length>0?this.cachedSlotContent:h(this.name)}static getSingleAvatarClasses(t,a,s,r){return{"xpl-avatar":!0,[`xpl-avatar--${t}`]:!!t,[`xpl-avatar--${a}`]:!!a,"xpl-avatar--profile":!!s,"xpl-avatar--disabled":!!r}}getAnchorProps(t){return{href:this.href,target:this.target,rel:"_blank"===this.target?"noopener noreferrer":void 0,"aria-label":this.name??"Profile",class:t}}static renderAvatarMedia(t,s,r,i,e=!0){return t?a("img",{alt:s??"",src:t}):a("div",{class:"xpl-avatar__placeholder",role:"img","aria-label":s??i},r||(e?a("slot",null):null))}renderAvatarMediaWithStatusBadge(t){const s=this.getPlaceholderText();return a("div",{...t?{class:t}:{}},n.renderAvatarMedia(this.src,this.name,s,"Profile",!0),this.statusBadgeVariant&&a("xpl-badge",{dotOnly:!0,bordered:!0,variant:this.statusBadgeVariant,"aria-hidden":"true"}))}renderGroupItem(t,s){const r=t.name?h(t.name):"";return a("div",{class:{"xpl-avatar-group__item":!0,"xpl-avatar":!0,[`xpl-avatar--${this.size}`]:!!this.size,[`xpl-avatar--${t.color}`]:!!t.color}},a("div",null,n.renderAvatarMedia(t.src,t.name,r,`Member ${s+1}`,!1)))}renderWithTextContent(){return a("div",{class:"xpl-avatar__with-text-content"},a("div",{class:"xpl-avatar__with-text-name"},this.name),this.subText&&a("div",{class:"xpl-avatar__with-text-sub"},this.subText))}render(){const t=this.variant;if("group"===t){const t=this.groupItems,r=t.slice(0,4),i=t.length-4,e=i>0,l=e?function(t){if(t<=0)return"";if(t<=999)return`+${t}`;const a=500*Math.round(t/500)/1e3;return"+"+(a%1==0?`${a}k`:`${a.toFixed(1)}k`)}(i):"";return a(s,null,a("div",{class:{"xpl-avatar-group":!0,[`xpl-avatar-group--${this.size}`]:!!this.size},role:"group","aria-label":`${t.length} members`},r.map(((t,s)=>a("div",{key:s,class:"xpl-avatar-group__wrap"},this.renderGroupItem(t,s)))),e&&a("div",{class:{"xpl-avatar-group__count":!0,[`xpl-avatar-group__count--${this.size}`]:!!this.size},"aria-label":`${i} more`},l)))}if("with-text"===t){const t=this.renderAvatarMediaWithStatusBadge("xpl-avatar__with-text-avatar"),r={"xpl-avatar":!0,"xpl-avatar--with-text":!0,[`xpl-avatar--${this.color}`]:!!this.color,"xpl-avatar--disabled":!!this.disabled};return a(s,null,this.href&&!this.disabled?a("a",{...this.getAnchorProps("xpl-avatar__with-text-link")},a("div",{class:r},t,this.renderWithTextContent())):a("div",{class:r,"aria-disabled":this.disabled?"true":void 0},t,this.renderWithTextContent()))}const r="profile"===t,i=n.getSingleAvatarClasses(r&&"md"===this.size?void 0:this.size,this.color,r,this.disabled),e=this.renderAvatarMediaWithStatusBadge();return a(s,null,this.href&&!this.disabled?a("a",{...this.getAnchorProps(i)},e):a("div",{class:i,"aria-disabled":this.disabled?"true":void 0},e))}get el(){return r(this)}static get watchers(){return{groupData:[{onGroupDataChange:0}]}}},d=class{constructor(a){t(this,a)}render(){let t="xpl-divider";return t+=` xpl-divider--${this.tier}`,a(s,{key:"4c1cdecc3ed6e9440668e413df897e23d9f7d679",class:t},a("span",{key:"bb85cd26e6565c1f1ec150fca99fe965957878cb"},a("slot",{key:"37d5a8f75d26f6ba545aa1c12c4e7634b8dd1b6c"})))}},o=class{constructor(a){t(this,a),this.radioChange=i(this,"radioChange",7),this.id=e(),this.onChange=t=>{this.radioChange.emit(this.value?this.value:t.target.checked)}}get isChecked(){return void 0!==this.selectedValue&&void 0!==this.value?this.selectedValue===this.value:Boolean(this.checked)}render(){return a(s,{key:"45436282d29873a5c640519eb4ad9aa3afb25b73",class:{"xpl-checkbox-radio-container":!0,styled:!!this.styled,disabled:!!this.disabled}},a("input",{key:"b0f7604cb5751f7fb2dc62960d5e7130d4fc0871",class:"xpl-radio",type:"radio",checked:this.isChecked,disabled:this.disabled,id:this.id,name:this.name,required:this.required,onChange:this.onChange,value:this.value}),a("label",{key:"05d3589852ebcf9ce5c3301cbc685547a45b61d4",class:{"xpl-label":!0,"xpl-label--disabled":!!this.disabled},htmlFor:this.id},a("slot",{key:"8790f97ad02c180680de269f2f4a0986736c5d4e"}),this.description&&a("small",{key:"94a8e1eea919b8cfe7b4074702dce50e7399c6ab",class:{"xpl-description":!0,"xpl-description--disabled":!!this.disabled}},this.description)))}};export{n as xpl_avatar,d as xpl_divider,o as xpl_radio}
@@ -0,0 +1 @@
1
+ import{r as s,c as a,h as e,H as i}from"./p-ukZKsqqq.js";import{v as t}from"./p-CK3_k8jD.js";const d=class{constructor(e){s(this,e),this.checkboxChange=a(this,"checkboxChange",7),this.id=t(),this.ariaLabel="",this.onChange=s=>{this.checkboxChange.emit(s.target.checked)}}render(){return e(i,{key:"300304af622ef0f26d53df76c20e27990a7b71d4",class:{"xpl-checkbox-radio-container":!0,styled:!!this.styled,disabled:!!this.disabled}},e("input",{key:"43b393bae1a48af0cd14f577cf3164d034e3aa3f",class:"xpl-checkbox",type:"checkbox","aria-label":(this.ariaLabel??"").trim()||void 0,checked:this.checked,"data-id":this.dataId,disabled:this.disabled,id:this.id,indeterminate:this.indeterminate,onChange:this.onChange,name:this.name,required:this.required,value:this.value}),e("label",{key:"fcd3c7867ff3a8073bcd48aed8fb22c587f38ab0",class:{"xpl-label":!0,"xpl-label--disabled":!!this.disabled},htmlFor:this.id},e("slot",{key:"d2ddc28e2b6c310f800efd13aaf8b6b718146e51"}),this.description&&e("small",{key:"573a2af2584d91da251b974c56999529c06ad9d0",class:{"xpl-description":!0,"xpl-description--disabled":!!this.disabled}},this.description)))}};export{d as xpl_checkbox}
@@ -0,0 +1 @@
1
+ import{h as t,r as e,H as o}from"./p-ukZKsqqq.js";const s=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"13"},t("path",{d:"M0.5 5h15l-7.5 7.5L0.5 5Z",fill:"white",stroke:"none",class:"xpl-tooltip-arrow__fill"}),t("path",{d:"M0.5 5 L8 12.5 L15.5 5",fill:"none",stroke:"black","stroke-width":"1",class:"xpl-tooltip-arrow__stroke"})),l=class{constructor(t){e(this,t),this.position="top-middle",this.hideArrow=!1}render(){return t(o,{key:"916a12e608a6e40c40ddfdbe40f12e115215758e"},t("div",{key:"2f6c39a146fb2ba830306933309ffad9e8919eab",class:"xpl-tooltip-container"},t("slot",{key:"39b1b2cf370620b96fd00b6343dc0896791ad510"}),t("div",{key:"34198d0f1184a3e05236a508e94531f503309691",class:`xpl-tooltip xpl-tooltip--${this.position}`},this.text,!this.hideArrow&&t("div",{key:"42f42b07b4f0ae6bd7cbd31837e4846a28ed4e72",class:"xpl-tooltip-arrow"},t(s,{key:"af8672da89cda34507e53906937e600400b26953"})))))}};export{l as xpl_tooltip}
@@ -1 +1 @@
1
- import{r as e,h as a,H as r}from"./p-ukZKsqqq.js";const s=class{constructor(a){e(this,a),this.chevron='<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">\n <path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path>\n </svg>\n '}render(){return a(r,{key:"eab64a8e1acfe7fb6596193a250f8937ac6f5481",class:"xpl-breadcrumb-item",role:"listitem"},a("li",{key:"ff781ce68e230191700449039b89d9a0fefd1e50",role:"none"},a("slot",{key:"854ef8e0dc29ebe5f782b5ee0dbe0e710015b40c"})),a("span",{key:"ba0ea70bf123b7c6405b8c3add0c87714ed80e15",innerHTML:this.chevron}))}};export{s as xpl_breadcrumb_item}
1
+ import{r as e,h as a,H as c}from"./p-ukZKsqqq.js";const r=class{constructor(a){e(this,a),this.chevron='<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">\n <path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path>\n </svg>\n '}render(){return a(c,{key:"7183a61283e558218b0ab031b4751c8a0adceccf",class:"xpl-breadcrumb-item",role:"listitem"},a("li",{key:"dbd92cb1dbda6fae79786dc0445bed7d7c77334f",role:"none"},a("slot",{key:"aed0551ce683fce1886d2e4263ad817201471e61"})),a("span",{key:"eb62adcc50b5da568c953263ebe6e3dc185c60c1",innerHTML:this.chevron}))}};export{r as xpl_breadcrumb_item}
@@ -0,0 +1 @@
1
+ import{r as e,c as s,h as t,H as l}from"./p-ukZKsqqq.js";import{v as a}from"./p-CK3_k8jD.js";const i=class{constructor(t){e(this,t),this.toggleChange=s(this,"toggleChange",7),this.variant="default",this.id=a(),this.onChange=e=>{this.toggleChange.emit(e.target.checked)}}render(){let e="xpl-toggle-container";this.disabled&&(e+=" xpl-toggle-container--disabled");let s="xpl-toggle";return"small"===this.variant&&(s+=" xpl-toggle--small"),t(l,{key:"79915f2091093b5440ca3a8e63584e448137f479",class:e},(this.heading||this.description)&&t("label",{key:"6660a95ec66eec9ed33016efcf58aaf0940f6f47",class:{"xpl-label":!0,"xpl-label--disabled":!!this.disabled},htmlFor:this.id},this.heading,this.description&&t("small",{key:"160f0a90739142bc37779af28725183979de5a4c",class:{"xpl-description":!0,"xpl-description--disabled":!!this.disabled}},this.description)),t("input",{key:"b136188b1de98d1ede875bf9f80b97c9ee66321d",class:s,type:"checkbox",checked:this.checked,disabled:this.disabled,id:this.id,name:this.name,onChange:this.onChange}),this.label&&t("label",{key:"0329f2badfa3b3e8c1153c2e5baa4ee76e40ac5d",htmlFor:this.id},this.label))}};export{i as xpl_toggle}
@@ -0,0 +1 @@
1
+ import{r as t,h as e,H as s,g as a}from"./p-ukZKsqqq.js";import{h as c}from"./p-_r9-FML8.js";const i="graph-content",r=class{constructor(e){t(this,e),this.graphContentPresent=!1}connectedCallback(){this.syncGraphContentSlot(),this.connectGraphContentSlotObserver()}disconnectedCallback(){void 0!==this.graphContentSlotSyncTimeoutId&&(clearTimeout(this.graphContentSlotSyncTimeoutId),this.graphContentSlotSyncTimeoutId=void 0),this.disconnectGraphContentSlotObserver()}componentWillLoad(){this.syncGraphContentSlot()}componentDidLoad(){if(this.link){const t=this.el.getElementsByTagName("a")[0]||this.el.getElementsByTagName("button")[0],e=document.createTextNode(this.name),s=document.createElement("span");s.appendChild(e),t.setAttribute("class","xpl-large-card__anchor"),t.appendChild(s)}}componentWillRender(){this.disconnectGraphContentSlotObserver()}componentDidRender(){this.scheduleGraphContentSlotSync()}connectGraphContentSlotObserver(){this.disconnectGraphContentSlotObserver(),"undefined"!=typeof MutationObserver&&(this.graphContentSlotObserver=new MutationObserver((()=>{this.scheduleGraphContentSlotSync()})),this.graphContentSlotObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}))}disconnectGraphContentSlotObserver(){this.graphContentSlotObserver?.disconnect(),this.graphContentSlotObserver=void 0}scheduleGraphContentSlotSync(){void 0!==this.graphContentSlotSyncTimeoutId&&clearTimeout(this.graphContentSlotSyncTimeoutId),this.graphContentSlotSyncTimeoutId=setTimeout((()=>{this.graphContentSlotSyncTimeoutId=void 0,this.el.isConnected&&(this.syncGraphContentSlot(),this.connectGraphContentSlotObserver())}),0)}syncGraphContentSlot(){const t=c(this.el,i);t!==this.graphContentPresent&&(this.graphContentPresent=t)}render(){return e(s,{key:"879f57b756e3c25bb9bebbc06f144a137bf0b78b",role:"group",class:"xpl-large-card "+(this.link?"xpl-large-card__link":""),tabindex:"0"},e("dt",{key:"1336da473527a06e485c559925156954c0162696",class:"xpl-large-card__header"},e("header",{key:"69073fa20879ae4b9709ec54cc01cad85fba6366"},e("slot",{key:"c9381d78ba477f7ba9f1ce6a2e82c149bbe50ad0",name:"title"},this.name),this.link&&e("span",{key:"8075678983d86cc192b9a2fc7a43fb4c022dbace",class:"xpl-large-card__header-arrow"},e("xpl-icon",{key:"960d96210c4d5f37b51782947b9acdb3cb4d125d",icon:"chevron-right",size:16}))),this.description&&e("div",{key:"0162c71c16faa14385da912cbcf6a24f182b1012",class:"xpl-large-card__description"},this.description)),e("dd",{key:"d48d1348b8d0b5b3db776d64be10b23d884cd35c",class:"xpl-large-card__body"},this.graphContentPresent&&e("slot",{key:"7aa25f469d81ebc5046cc382920fcac9a3d59a9c",name:i})))}get el(){return a(this)}};export{r as xpl_large_card}