@xplortech/apollo-core 2.10.0 → 2.11.0

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 (258) hide show
  1. package/.typings/apollo-components.html-data.json +35 -2
  2. package/build/style.css +259 -34
  3. package/dist/apollo-core/apollo-core.css +12 -12
  4. package/dist/apollo-core/apollo-core.esm.js +1 -1
  5. package/dist/apollo-core/{p-728341d2.entry.js → p-048fdde0.entry.js} +1 -1
  6. package/dist/apollo-core/p-0abc496e.entry.js +1 -0
  7. package/dist/apollo-core/{p-23870463.entry.js → p-1442c052.entry.js} +1 -1
  8. package/dist/apollo-core/p-1e498763.entry.js +1 -0
  9. package/dist/apollo-core/p-26c3a508.entry.js +1 -0
  10. package/dist/apollo-core/p-4ce52107.entry.js +1 -0
  11. package/dist/apollo-core/p-6710fb29.entry.js +1 -0
  12. package/dist/apollo-core/p-7e622809.entry.js +1 -0
  13. package/dist/apollo-core/{p-c17b6351.entry.js → p-87068144.entry.js} +1 -1
  14. package/dist/apollo-core/p-BUgtURvw.js +1 -0
  15. package/dist/apollo-core/p-a3b4820a.entry.js +1 -0
  16. package/dist/apollo-core/p-b2d6dd0e.entry.js +1 -0
  17. package/dist/apollo-core/{p-e9e7577f.entry.js → p-bd2249ef.entry.js} +1 -1
  18. package/dist/apollo-core/p-c96b7957.entry.js +1 -0
  19. package/dist/apollo-core/p-d6be63cd.entry.js +1 -0
  20. package/dist/apollo-core/{p-9adf3694.entry.js → p-ddf76cee.entry.js} +1 -1
  21. package/dist/apollo-core/p-f0554edd.entry.js +1 -0
  22. package/dist/cjs/apollo-core.cjs.js +1 -1
  23. package/dist/cjs/index-BaXVr8ux.js +4 -0
  24. package/dist/cjs/lifecycle-Bf3QwiVa.js +70 -0
  25. package/dist/cjs/loader.cjs.js +1 -1
  26. package/dist/cjs/xpl-accordion.cjs.entry.js +2 -2
  27. package/dist/cjs/xpl-application-shell.cjs.entry.js +1 -1
  28. package/dist/cjs/xpl-avatar_54.cjs.entry.js +292 -243
  29. package/dist/cjs/xpl-button-row.cjs.entry.js +1 -1
  30. package/dist/cjs/xpl-calendar.cjs.entry.js +1 -1
  31. package/dist/cjs/xpl-dynamic-table-cell.cjs.entry.js +2 -2
  32. package/dist/cjs/xpl-dynamic-table-row.cjs.entry.js +2 -2
  33. package/dist/cjs/xpl-dynamic-table.cjs.entry.js +1 -1
  34. package/dist/cjs/xpl-grid-item.cjs.entry.js +1 -1
  35. package/dist/cjs/xpl-grid.cjs.entry.js +1 -1
  36. package/dist/cjs/xpl-large-card.cjs.entry.js +1 -1
  37. package/dist/cjs/xpl-main-nav.cjs.entry.js +1 -1
  38. package/dist/cjs/xpl-table-header.cjs.entry.js +1 -1
  39. package/dist/cjs/xpl-toggle.cjs.entry.js +3 -3
  40. package/dist/cjs/xpl-toolbar.cjs.entry.js +2 -2
  41. package/dist/cjs/xpl-top-nav-menu.cjs.entry.js +97 -0
  42. package/dist/collection/collection-manifest.json +1 -0
  43. package/dist/collection/components/xpl-accordion/xpl-accordion.js +2 -2
  44. package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +1 -1
  45. package/dist/collection/components/xpl-backdrop/xpl-backdrop.js +1 -1
  46. package/dist/collection/components/xpl-badge/xpl-badge.js +1 -1
  47. package/dist/collection/components/xpl-banner/xpl-banner.js +2 -2
  48. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js +1 -1
  49. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js +1 -1
  50. package/dist/collection/components/xpl-button/xpl-button.js +1 -1
  51. package/dist/collection/components/xpl-button-row/xpl-button-row.js +1 -1
  52. package/dist/collection/components/xpl-calendar/xpl-calendar.js +1 -1
  53. package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +3 -3
  54. package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +1 -1
  55. package/dist/collection/components/xpl-content-area/xpl-content-area.js +1 -1
  56. package/dist/collection/components/xpl-dashboard/xpl-dashboard.js +1 -1
  57. package/dist/collection/components/xpl-data-card/xpl-data-card.js +2 -2
  58. package/dist/collection/components/xpl-divider/xpl-divider.js +1 -1
  59. package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js +1 -1
  60. package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +1 -1
  61. package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +2 -2
  62. package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +4 -4
  63. package/dist/collection/components/xpl-dynamic-table/xpl-dynamic-table.js +1 -1
  64. package/dist/collection/components/xpl-dynamic-table-cell/xpl-dynamic-table-cell.js +2 -2
  65. package/dist/collection/components/xpl-dynamic-table-row/xpl-dynamic-table-row.js +2 -2
  66. package/dist/collection/components/xpl-grid/xpl-grid.js +1 -1
  67. package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +1 -1
  68. package/dist/collection/components/xpl-header-accordion/xpl-header-accordion.js +1 -1
  69. package/dist/collection/components/xpl-icon/xpl-icon.js +2 -2
  70. package/dist/collection/components/xpl-input/xpl-input-color/xpl-input-color.js +8 -8
  71. package/dist/collection/components/xpl-input/xpl-input-date/xpl-input-date.js +3 -3
  72. package/dist/collection/components/xpl-input/xpl-input-file/xpl-input-file.js +4 -4
  73. package/dist/collection/components/xpl-input/xpl-input-phone/xpl-input-phone.js +5 -5
  74. package/dist/collection/components/xpl-input/xpl-input-search/xpl-input-search.js +1 -1
  75. package/dist/collection/components/xpl-input/xpl-input-time/xpl-input-time.js +2 -2
  76. package/dist/collection/components/xpl-input/xpl-input.js +2 -2
  77. package/dist/collection/components/xpl-large-card/xpl-large-card.js +1 -1
  78. package/dist/collection/components/xpl-list/xpl-list.js +2 -2
  79. package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +1 -1
  80. package/dist/collection/components/xpl-modal/xpl-modal.js +1 -1
  81. package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +2 -2
  82. package/dist/collection/components/xpl-pagination/xpl-pagination.js +4 -4
  83. package/dist/collection/components/xpl-panel/xpl-panel.js +2 -2
  84. package/dist/collection/components/xpl-popover/xpl-popover.js +4 -4
  85. package/dist/collection/components/xpl-progress-bar/xpl-progress-bar.js +2 -2
  86. package/dist/collection/components/xpl-progress-indicator/xpl-progress-indicator.js +1 -1
  87. package/dist/collection/components/xpl-radio/xpl-radio.js +3 -3
  88. package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +1 -1
  89. package/dist/collection/components/xpl-select/xpl-select.js +6 -6
  90. package/dist/collection/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.js +2 -2
  91. package/dist/collection/components/xpl-side-nav/xpl-side-nav.js +2 -2
  92. package/dist/collection/components/xpl-skeleton/xpl-skeleton.js +1 -1
  93. package/dist/collection/components/xpl-slideout/xpl-slideout.js +1 -1
  94. package/dist/collection/components/xpl-tab-panel/xpl-tab-panel.js +2 -2
  95. package/dist/collection/components/xpl-table/xpl-table.js +5 -5
  96. package/dist/collection/components/xpl-table-header/xpl-table-header.js +1 -1
  97. package/dist/collection/components/xpl-tabs/xpl-tabs.js +5 -5
  98. package/dist/collection/components/xpl-tag/xpl-tag.js +2 -2
  99. package/dist/collection/components/xpl-toast/xpl-toast.js +2 -2
  100. package/dist/collection/components/xpl-toggle/xpl-toggle.js +3 -3
  101. package/dist/collection/components/xpl-toolbar/xpl-toolbar.js +2 -2
  102. package/dist/collection/components/xpl-tooltip/xpl-tooltip.js +1 -1
  103. package/dist/collection/components/xpl-top-nav/top-nav-constants.js +1 -0
  104. package/dist/collection/components/xpl-top-nav/top-nav.stories.js +131 -11
  105. package/dist/collection/components/xpl-top-nav/xpl-nav-header-menu/xpl-nav-header-menu.js +2 -2
  106. package/dist/collection/components/xpl-top-nav/xpl-top-nav-item/top-nav-item-constants.js +2 -0
  107. package/dist/collection/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.js +305 -85
  108. package/dist/collection/components/xpl-top-nav/xpl-top-nav-menu/xpl-top-nav-menu.js +119 -0
  109. package/dist/collection/components/xpl-top-nav/xpl-top-nav.js +11 -5
  110. package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +1 -1
  111. package/dist/collection/utils/lifecycle.js +18 -0
  112. package/dist/components/index.d.ts +2 -0
  113. package/dist/components/index.js +1 -1
  114. package/dist/components/p-2xGSxBGa.js +1 -0
  115. package/dist/components/p-B8RYNiz-.js +1 -0
  116. package/dist/components/p-BDWXBWGE.js +1 -0
  117. package/dist/components/{p-Bn-27-xj.js → p-BJqNuBZr.js} +1 -1
  118. package/dist/components/p-BUgtURvw.js +1 -0
  119. package/dist/components/{p-DllC7F-H.js → p-B_sq_SAX.js} +1 -1
  120. package/dist/components/{p-hPUzON4O.js → p-Bsy-VVS5.js} +1 -1
  121. package/dist/components/p-BxHFEnPN.js +1 -0
  122. package/dist/components/{p-B1PBAEzg.js → p-ByJRw26d.js} +1 -1
  123. package/dist/components/{p-DPTHmitJ.js → p-C5_Yo0ZP.js} +1 -1
  124. package/dist/components/p-C8rmEAx6.js +1 -0
  125. package/dist/components/p-CF_YTx16.js +1 -0
  126. package/dist/components/{p-BG0-6Xek.js → p-CUYkG-PB.js} +1 -1
  127. package/dist/components/{p-kPHfCq1d.js → p-CaW0fL0P.js} +1 -1
  128. package/dist/components/{p-B_Wi--Ov.js → p-CuisR8WP.js} +1 -1
  129. package/dist/components/{p-D97c0GjM.js → p-D2SFagIb.js} +1 -1
  130. package/dist/components/{p-3qMYyqTe.js → p-DKUNbsb0.js} +1 -1
  131. package/dist/components/p-DcXL24UI.js +1 -0
  132. package/dist/components/{p-CVqbA9op.js → p-Dp3H99Yc.js} +1 -1
  133. package/dist/components/p-M900WO1C.js +1 -0
  134. package/dist/components/{p-DEl4Rvzs.js → p-ZTFt9sBy.js} +1 -1
  135. package/dist/components/{p-CFW_w5Wj.js → p-gfb3l9Pr.js} +1 -1
  136. package/dist/components/{p-C9BO2vL-.js → p-h1Gbk5lO.js} +1 -1
  137. package/dist/components/xpl-accordion.js +1 -1
  138. package/dist/components/xpl-application-shell.js +1 -1
  139. package/dist/components/xpl-avatar.js +1 -1
  140. package/dist/components/xpl-backdrop.js +1 -1
  141. package/dist/components/xpl-badge.js +1 -1
  142. package/dist/components/xpl-banner.js +1 -1
  143. package/dist/components/xpl-breadcrumb-item.js +1 -1
  144. package/dist/components/xpl-breadcrumbs.js +1 -1
  145. package/dist/components/xpl-button-row.js +1 -1
  146. package/dist/components/xpl-button.js +1 -1
  147. package/dist/components/xpl-calendar.js +1 -1
  148. package/dist/components/xpl-checkbox.js +1 -1
  149. package/dist/components/xpl-choicelist.js +1 -1
  150. package/dist/components/xpl-content-area.js +1 -1
  151. package/dist/components/xpl-dashboard.js +1 -1
  152. package/dist/components/xpl-data-card.js +1 -1
  153. package/dist/components/xpl-divider.js +1 -1
  154. package/dist/components/xpl-dropdown-group.js +1 -1
  155. package/dist/components/xpl-dropdown-heading.js +1 -1
  156. package/dist/components/xpl-dropdown-option.js +1 -1
  157. package/dist/components/xpl-dropdown.js +1 -1
  158. package/dist/components/xpl-dynamic-table-cell.js +1 -1
  159. package/dist/components/xpl-dynamic-table-row.js +1 -1
  160. package/dist/components/xpl-dynamic-table.js +1 -1
  161. package/dist/components/xpl-grid-item.js +1 -1
  162. package/dist/components/xpl-grid.js +1 -1
  163. package/dist/components/xpl-header-accordion.js +1 -1
  164. package/dist/components/xpl-icon.js +1 -1
  165. package/dist/components/xpl-input-color.js +1 -1
  166. package/dist/components/xpl-input-date.js +1 -1
  167. package/dist/components/xpl-input-file.js +1 -1
  168. package/dist/components/xpl-input-phone.js +1 -1
  169. package/dist/components/xpl-input-search.js +1 -1
  170. package/dist/components/xpl-input-time.js +1 -1
  171. package/dist/components/xpl-input.js +1 -1
  172. package/dist/components/xpl-large-card.js +1 -1
  173. package/dist/components/xpl-list-item.js +1 -1
  174. package/dist/components/xpl-list.js +1 -1
  175. package/dist/components/xpl-main-nav.js +1 -1
  176. package/dist/components/xpl-modal.js +1 -1
  177. package/dist/components/xpl-nav-header-menu.js +1 -1
  178. package/dist/components/xpl-nav-item.js +1 -1
  179. package/dist/components/xpl-pagination.js +1 -1
  180. package/dist/components/xpl-panel.js +1 -1
  181. package/dist/components/xpl-popover.js +1 -1
  182. package/dist/components/xpl-progress-bar.js +1 -1
  183. package/dist/components/xpl-progress-indicator.js +1 -1
  184. package/dist/components/xpl-radio.js +1 -1
  185. package/dist/components/xpl-secondary-nav.js +1 -1
  186. package/dist/components/xpl-select.js +1 -1
  187. package/dist/components/xpl-side-nav-item.js +1 -1
  188. package/dist/components/xpl-side-nav.js +1 -1
  189. package/dist/components/xpl-skeleton.js +1 -1
  190. package/dist/components/xpl-slideout.js +1 -1
  191. package/dist/components/xpl-spotlight.js +1 -1
  192. package/dist/components/xpl-tab-panel.js +1 -1
  193. package/dist/components/xpl-tab.js +1 -1
  194. package/dist/components/xpl-table-header-cell.js +1 -1
  195. package/dist/components/xpl-table-header.js +1 -1
  196. package/dist/components/xpl-table.js +1 -1
  197. package/dist/components/xpl-tabs.js +1 -1
  198. package/dist/components/xpl-tag.js +1 -1
  199. package/dist/components/xpl-toast.js +1 -1
  200. package/dist/components/xpl-toggle.js +1 -1
  201. package/dist/components/xpl-toolbar.js +1 -1
  202. package/dist/components/xpl-tooltip.js +1 -1
  203. package/dist/components/xpl-top-nav-item.js +1 -1
  204. package/dist/components/xpl-top-nav-menu.d.ts +11 -0
  205. package/dist/components/xpl-top-nav-menu.js +1 -0
  206. package/dist/components/xpl-top-nav.js +1 -1
  207. package/dist/components/xpl-utility-bar.js +1 -1
  208. package/dist/docs/xpl-icon/readme.md +2 -0
  209. package/dist/docs/xpl-top-nav/readme.md +3 -0
  210. package/dist/docs/xpl-top-nav/xpl-top-nav-item/readme.md +79 -20
  211. package/dist/docs/xpl-top-nav/xpl-top-nav-menu/readme.md +96 -0
  212. package/dist/esm/apollo-core.js +1 -1
  213. package/dist/esm/index-CXkZUm1c.js +4 -0
  214. package/dist/esm/lifecycle-BUgtURvw.js +68 -0
  215. package/dist/esm/loader.js +1 -1
  216. package/dist/esm/xpl-accordion.entry.js +2 -2
  217. package/dist/esm/xpl-application-shell.entry.js +1 -1
  218. package/dist/esm/xpl-avatar_54.entry.js +291 -242
  219. package/dist/esm/xpl-button-row.entry.js +1 -1
  220. package/dist/esm/xpl-calendar.entry.js +1 -1
  221. package/dist/esm/xpl-dynamic-table-cell.entry.js +2 -2
  222. package/dist/esm/xpl-dynamic-table-row.entry.js +2 -2
  223. package/dist/esm/xpl-dynamic-table.entry.js +1 -1
  224. package/dist/esm/xpl-grid-item.entry.js +1 -1
  225. package/dist/esm/xpl-grid.entry.js +1 -1
  226. package/dist/esm/xpl-large-card.entry.js +1 -1
  227. package/dist/esm/xpl-main-nav.entry.js +1 -1
  228. package/dist/esm/xpl-table-header.entry.js +1 -1
  229. package/dist/esm/xpl-toggle.entry.js +3 -3
  230. package/dist/esm/xpl-toolbar.entry.js +2 -2
  231. package/dist/esm/xpl-top-nav-menu.entry.js +95 -0
  232. package/dist/types/components/xpl-top-nav/top-nav-constants.d.ts +1 -0
  233. package/dist/types/components/xpl-top-nav/top-nav.stories.d.ts +70 -1
  234. package/dist/types/components/xpl-top-nav/xpl-top-nav-item/top-nav-item-constants.d.ts +2 -0
  235. package/dist/types/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.d.ts +23 -4
  236. package/dist/types/components/xpl-top-nav/xpl-top-nav-menu/xpl-top-nav-menu.d.ts +18 -0
  237. package/dist/types/components/xpl-top-nav/xpl-top-nav.d.ts +1 -0
  238. package/dist/types/components.d.ts +179 -19
  239. package/dist/types/utils/lifecycle.d.ts +3 -0
  240. package/package.json +21 -11
  241. package/dist/apollo-core/p-0e45f332.entry.js +0 -1
  242. package/dist/apollo-core/p-0f251f98.entry.js +0 -1
  243. package/dist/apollo-core/p-1691c4f3.entry.js +0 -1
  244. package/dist/apollo-core/p-172ac720.entry.js +0 -1
  245. package/dist/apollo-core/p-44a16751.entry.js +0 -1
  246. package/dist/apollo-core/p-4efecab2.entry.js +0 -1
  247. package/dist/apollo-core/p-5094dd97.entry.js +0 -1
  248. package/dist/apollo-core/p-70e7facc.entry.js +0 -1
  249. package/dist/apollo-core/p-910be81f.entry.js +0 -1
  250. package/dist/apollo-core/p-e08b434c.entry.js +0 -1
  251. package/dist/components/p-BWyAzrwu.js +0 -1
  252. package/dist/components/p-Bd6JweBt.js +0 -1
  253. package/dist/components/p-Bs6vq0C6.js +0 -1
  254. package/dist/components/p-CGNq3DyC.js +0 -1
  255. package/dist/components/p-CtIUusUL.js +0 -1
  256. package/dist/components/p-DBWV65V-.js +0 -1
  257. package/dist/components/p-Ds28UyUR.js +0 -1
  258. package/dist/components/p-U5dPMCXE.js +0 -1
@@ -2,10 +2,14 @@
2
2
 
3
3
  ## Behavior
4
4
 
5
- - **Plain item:** **`label`** / **`icon`**, default slot, or **`href`** link. Fires **`navItemClick`** (**`detail`**: **`MouseEvent`**) on click and **Enter** / **Space** (keyboard uses a synthetic **`click`** on the trigger).
6
- - **Dropdown:** Put content in **`slot="dropdown"`** (e.g. `<ul slot="dropdown">`). Shows a chevron and toggles **`.xpl-top-nav-item__dropdown`** in the host light DOM — **not** **`xpl-dropdown`** / **`xpl-popover`**; use those for standalone floating menus (e.g. account in top-nav stories). **`navItemClick`** is not emitted. See **`TECH_DEBT.md`** for tradeoffs.
5
+ - **Plain item:** **`label`** / **`icon`** (or **`slot="leading-icon"`**), default slot, or **`href`** link. Renders a native **`<button type="button">`** (or **`<a href>`** in link mode) and fires **`navItemClick`** (**`detail`**: **`MouseEvent`**) on click and **Enter** / **Space** — the native button handles keyboard activation, and link-mode **Space** maps to a programmatic **`.click()`**.
6
+ - **Dropdown trigger:** Put content in **`slot="dropdown"`** (e.g. `<xpl-top-nav-menu>`). Shows an auto **`chevron-down`** (unless **`slot="trailing-icon"`** is provided) and toggles **`.xpl-top-nav-item__dropdown`** in the host light DOM — **not** **`xpl-dropdown`** / **`xpl-popover`**; use those for standalone floating menus (e.g. account in top-nav stories). **`navItemClick`** is not emitted. See **`TECH_DEBT.md`** for tradeoffs.
7
+ - **Disclosure ARIA:** A dropdown trigger's inner control carries **`aria-expanded`** (open state), **`aria-haspopup="true"`**, and **`aria-controls`** pointing at the **`.xpl-top-nav-item__dropdown`** panel's generated id. Plain items omit all three. **`aria-haspopup`** is the generic **`true`** (disclosure), not **`menu`** — the panel (**`xpl-top-nav-menu`**) is a **`role="list"`** of link rows navigated by **Tab**, not an ARIA menu with arrow-key roving.
8
+ - **Menu row:** The same component reused inside **`xpl-nav-header-menu`** / **`xpl-top-nav-menu`** — add **`description`** for a two-line row, and **`slot="trailing-icon"`** for a functional icon (e.g. `external-link` for "opens in new window").
9
+ - **Open API:** **`open`** (controlled/uncontrolled, reflected) + **`openChange`** event + **`openMenu()`** / **`closeMenu()`** / **`toggleMenu()`** methods — all equivalent ways to drive the dropdown panel.
10
+ - **`openMode`:** **`click`** (default) or **`hover`** — hover only activates on hover-capable, fine-pointer, **`md`**-and-up devices; keyboard (Enter/Space) always toggles regardless.
7
11
  - **One open dropdown:** Outside click uses **`ownerDocument`** capture; siblings close via internal **`CustomEvent`** (reliable with JSDOM / **`stopPropagation`**).
8
- - **Escape:** Document **capture** **`keydown`** — **`preventDefault`** / **`stopPropagation`** so parent shells (**`xpl-top-nav`** mobile drawer, **`xpl-popover`**, modal) do not also react on the same keypress. **`xpl-top-nav`** closes its drawer on **Escape** in **bubble** phase, after this handler runs.
12
+ - **Escape:** Document **capture** **`keydown`** — **`preventDefault`** / **`stopPropagation`** so parent shells (**`xpl-top-nav`** mobile drawer, **`xpl-popover`**, modal) do not also react on the same keypress, then returns focus to the trigger control. **`xpl-top-nav`** closes its drawer on **Escape** in **bubble** phase, after this handler runs.
9
13
 
10
14
  ## Host modifier classes (BEM)
11
15
 
@@ -13,25 +17,28 @@
13
17
  | --- | --- |
14
18
  | **`xpl-top-nav-item--selected`** | **`selected`** prop |
15
19
  | **`xpl-top-nav-item--has-dropdown`** | **`slot="dropdown"`** content present |
16
- | **`xpl-top-nav-item--dropdown-open`** | Dropdown panel is open |
20
+ | **`xpl-top-nav-item--dropdown-open`** | Dropdown panel is open (**`open`** prop) |
17
21
  | **`xpl-top-nav-item--active`** | **`active`** prop (or add the class on the host for edge cases) |
22
+ | **`xpl-top-nav-item--has-active-descendant`** | A descendant row inside **`slot="dropdown"`** is **`active`** / **`selected`** — accents the trigger like **`--active`**. Synced at connect / load / this item's own re-renders, not via a live descendant-class observer (see the JSDoc on **`hasActiveDescendant`** for why). |
18
23
 
19
24
  ## Slots
20
25
 
21
26
  | Slot | Description |
22
27
  | --- | --- |
23
28
  | (default) | Custom trigger when **`label`** is omitted. |
24
- | `dropdown` | Panel content (e.g. `<ul slot="dropdown">…</ul>`). |
29
+ | `leading-icon` | Illustrative icon before the label. Overrides the **`icon`** prop when present. |
30
+ | `trailing-icon` | Functional icon after the label. Overrides the auto **`chevron-down`** on a dropdown trigger. |
31
+ | `dropdown` | Panel content (e.g. `<xpl-top-nav-menu>…</xpl-top-nav-menu>`). |
25
32
 
26
33
  <!-- Auto Generated Below -->
27
34
 
28
35
 
29
36
  ## Overview
30
37
 
31
- Single nav row for **`xpl-top-nav`** / **`xpl-nav-header-menu`**. The host uses **`role="listitem"`** when the row
32
- participates in a list: a **`role="list"`** parent, **`slot="left-aside"`** on **`xpl-top-nav`** (list host is
33
- **`.xpl-top-nav__left-primary`** while slotted nodes stay light-DOM children of **`xpl-top-nav`**), or default-slot rows
34
- under **`xpl-nav-header-menu`**. That flag is
38
+ Single nav row for **`xpl-top-nav`** / **`xpl-nav-header-menu`** / **`xpl-top-nav-menu`**. The host uses
39
+ **`role="listitem"`** when the row participates in a list: a **`role="list"`** parent, **`slot="left-aside"`** on
40
+ **`xpl-top-nav`** (list host is **`.xpl-top-nav__left-primary`** while slotted nodes stay light-DOM children of
41
+ **`xpl-top-nav`**), or default-slot rows under **`xpl-nav-header-menu`** / **`xpl-top-nav-menu`**. That flag is
35
42
  kept in **`@State`** and refreshed after render plus via **`MutationObserver`** on the host (**`class`**, **`slot`**) and
36
43
  on **`parentElement`** (**`role`**) or on **`.xpl-top-nav__left-primary`** (**`role`**) for **`slot="left-aside"`** under **`xpl-top-nav`**) so DOM context changes
37
44
  without a full reconnect still re-sync. The internal
@@ -39,6 +46,10 @@ without a full reconnect still re-sync. The internal
39
46
  as do **`slot="right-aside-mobile"`** rows (not a list). **`slot="dropdown"`** uses a local **`.xpl-top-nav-item__dropdown`**
40
47
  panel (not **`xpl-dropdown`**); see **`TECH_DEBT.md`**.
41
48
 
49
+ **This component does triple duty:** a plain bar item, a dropdown trigger (**`slot="dropdown"`** present), and a
50
+ dropdown/menu **row** (nested inside **`xpl-nav-header-menu`** or **`xpl-top-nav-menu`**). The **`description`** prop
51
+ only applies in the row context — bar items and triggers do not show it in Figma.
52
+
42
53
  **Default slot (no `label`):** do not put **`xpl-top-nav-item__inner`** or other **`xpl-top-nav-item__*`** classes on
43
54
  custom trigger content — the component renders the inner wrapper and BEM elements.
44
55
 
@@ -47,21 +58,67 @@ values even when the page root is light (consistent with **`xpl-top-nav`**).
47
58
 
48
59
  ## Properties
49
60
 
50
- | Property | Attribute | Description | Type | Default |
51
- | --------------- | ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | ----------- |
52
- | `active` | `active` | When true, adds **`xpl-top-nav-item--active`** for persistent accent styling (e.g. link color on the bar, or chrome inside **`xpl-nav-header-menu`**). Separate from **`selected`**, which sets **`aria-current="page"`** and **`--selected`**. Use both when the design needs “current page” semantics plus the active visual treatment. | `boolean` | `false` |
53
- | `href` | `href` | If set without **`slot="dropdown"`**, the inner control renders as a native **`<a href>`** (link mode). | `string` | `undefined` |
54
- | `icon` | `icon` | Icon name from **`@xplortech/apollo-icons`** (shown before the label when **`label`** is set). | `string` | `''` |
55
- | `itemAriaLabel` | `item-aria-label` | Accessible name for the inner control when there is no **`label`** and no default-slot text (e.g. icon-only). If omitted in that case, **`aria-label`** defaults to **`Navigation item`**. Ignored when **`label`** or default-slot content supplies a visible name. | `string` | `undefined` |
56
- | `label` | `label` | Text label. If omitted, use the default slot for custom trigger content. Long labels use **`text-ellipsis`** on **`.xpl-top-nav-item__label`** (see `top-nav.css`); **`title`** is set to the full string for hover tooltips when the visual line clips. | `string` | `undefined` |
57
- | `selected` | `selected` | When true, sets **`aria-current="page"`** and selected styling. | `boolean` | `false` |
61
+ | Property | Attribute | Description | Type | Default |
62
+ | --------------- | ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | ----------- |
63
+ | `active` | `active` | When true, adds **`xpl-top-nav-item--active`** for persistent accent styling (e.g. link color on the bar, or chrome inside **`xpl-nav-header-menu`**). Separate from **`selected`**, which sets **`aria-current="page"`** and **`--selected`**. Use both when the design needs “current page” semantics plus the active visual treatment. | `boolean` | `false` |
64
+ | `description` | `description` | Optional description line shown below **`label`** (row context only, e.g. inside **`xpl-nav-header-menu`** / **`xpl-top-nav-menu`**). Ignored when **`label`** is not set. | `string` | `undefined` |
65
+ | `href` | `href` | If set without **`slot="dropdown"`**, the inner control renders as a native **`<a href>`** (link mode). | `string` | `undefined` |
66
+ | `icon` | `icon` | Icon name from **`@xplortech/apollo-icons`** (shown before the label when **`label`** is set). Ignored when **`slot="leading-icon"`** content is present. | `string` | `''` |
67
+ | `itemAriaLabel` | `item-aria-label` | Accessible name for the inner control when there is no **`label`** and no default-slot text (e.g. icon-only). If omitted in that case, **`aria-label`** defaults to **`Navigation item`**. Ignored when **`label`** or default-slot content supplies a visible name. | `string` | `undefined` |
68
+ | `label` | `label` | Text label. If omitted, use the default slot for custom trigger content. Long labels use **`text-ellipsis`** on **`.xpl-top-nav-item__label`** (see `top-nav.css`); **`title`** is set to the full string for hover tooltips when the visual line clips. | `string` | `undefined` |
69
+ | `open` | `open` | Whether the **`slot="dropdown"`** panel is open. Reflected to the **`open`** attribute so consumers can drive it (controlled) or read it back (uncontrolled, toggled internally on click / hover / keyboard activation). Prefer **`openMenu()`** / **`closeMenu()`** / **`toggleMenu()`** over setting this directly from event handlers. | `boolean` | `false` |
70
+ | `openMode` | `open-mode` | How the **`slot="dropdown"`** panel opens. **`hover`** is gated on **`TOP_NAV_ITEM_HOVER_OPEN_MQ`** (hover-capable, fine pointer, **`md`** and up) — below that, or on touch / coarse-pointer devices, **`hover`** falls back to click/tap. Keyboard activation (Enter / Space) always toggles regardless of **`openMode`**. | `"click" \| "hover"` | `'click'` |
71
+ | `selected` | `selected` | When true, sets **`aria-current="page"`** and selected styling. | `boolean` | `false` |
58
72
 
59
73
 
60
74
  ## Events
61
75
 
62
- | Event | Description | Type |
63
- | -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------- |
64
- | `navItemClick` | Emitted for plain items (button or link) on pointer **click**, or when keyboard activation produces a **`click`** (native for **Enter** on **`<a href>`**, or programmatic **`.click()`** for **Space** on links). **`detail`** is the **`MouseEvent`** from that activation (synthetic only for **`<div role="button">`** via **Enter** / **Space**). Not emitted when **`slot="dropdown"`** is used. | `CustomEvent<MouseEvent>` |
76
+ | Event | Description | Type |
77
+ | -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------- |
78
+ | `navItemClick` | Emitted for plain items (button or link) on pointer **click**, or when keyboard activation produces a **`click`**: the native **`<button>`** fires a real **`click`** on **Enter** / **Space**, a native **`<a href>`** on **Enter**, and **Space** on a link maps to a programmatic **`.click()`**. **`detail`** is always the real **`MouseEvent`** from that activation (keyboard-driven clicks have **`detail === 0`**). Not emitted when **`slot="dropdown"`** is used. | `CustomEvent<MouseEvent>` |
79
+ | `openChange` | Emitted whenever **`open`** changes (click, hover, keyboard, Escape, outside click, or programmatic). | `CustomEvent<boolean>` |
80
+
81
+
82
+ ## Methods
83
+
84
+ ### `closeMenu() => Promise<void>`
85
+
86
+ No-op when there is no **`slot="dropdown"`** panel to open.
87
+
88
+ #### Returns
89
+
90
+ Type: `Promise<void>`
91
+
92
+
93
+
94
+ ### `openMenu() => Promise<void>`
95
+
96
+ No-op when there is no **`slot="dropdown"`** panel to open.
97
+
98
+ #### Returns
99
+
100
+ Type: `Promise<void>`
101
+
102
+
103
+
104
+ ### `toggleMenu() => Promise<void>`
105
+
106
+ No-op when there is no **`slot="dropdown"`** panel to open.
107
+
108
+ #### Returns
109
+
110
+ Type: `Promise<void>`
111
+
112
+
113
+
114
+
115
+ ## Slots
116
+
117
+ | Slot | Description |
118
+ | ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
119
+ | `"dropdown"` | Panel content (e.g. `<xpl-top-nav-menu>`). Presence of this slot makes the row a disclosure trigger. |
120
+ | `"leading-icon"` | Illustrative icon before the label. Overrides the **`icon`** prop when present. |
121
+ | `"trailing-icon"` | Functional icon after the label (e.g. **`external-link`** for "opens in new window"). When **`slot="dropdown"`** is present and no **`trailing-icon`** content is slotted, an auto **`chevron-down`** renders here. |
65
122
 
66
123
 
67
124
  ## Dependencies
@@ -69,6 +126,7 @@ values even when the page root is light (consistent with **`xpl-top-nav`**).
69
126
  ### Used by
70
127
 
71
128
  - [xpl-top-nav](..)
129
+ - [xpl-top-nav-menu](../xpl-top-nav-menu)
72
130
 
73
131
  ### Depends on
74
132
 
@@ -79,6 +137,7 @@ values even when the page root is light (consistent with **`xpl-top-nav`**).
79
137
  graph TD;
80
138
  xpl-top-nav-item --> xpl-icon
81
139
  xpl-top-nav --> xpl-top-nav-item
140
+ xpl-top-nav-menu --> xpl-top-nav-item
82
141
  style xpl-top-nav-item fill:#f9f,stroke:#333,stroke-width:4px
83
142
  ```
84
143
 
@@ -0,0 +1,96 @@
1
+ # xpl-top-nav-menu
2
+
3
+ ## Behavior
4
+
5
+ - **Thin grouping container only.** No item logic lives here — put **`xpl-top-nav-item`** rows in the default slot. This component owns list semantics (**`role="list"`**) and shared panel chrome (width, surface, shadow, radius, padding), nothing else.
6
+ - **One authoring markup, two renderings:** the same **`<xpl-top-nav-menu>`** renders as the **desktop flyout** (nested in a parent **`xpl-top-nav-item`**'s **`slot="dropdown"`** — the panel opens absolutely-positioned under the trigger) and, below the **`md`** breakpoint, drives the **mobile cascade**: the parent's dropdown content swaps in **in place** of the top-level nav list (no second panel), with an auto **back row** as the first row.
7
+ - **`label`** is the accessible name for the list (**`aria-label`**) and, on mobile, the text shown in the auto-rendered back row (leading **`chevron-left`**) when drilling back out of this group. Tapping the back row calls **`closeMenu()`** on the parent trigger (pop to Level 1) and restores focus to it.
8
+ - The back row only renders below **`md`** (synced from a **`matchMedia`** listener) — desktop never sees it, since the flyout there is a single level of links.
9
+ - **Cascade lifecycle** (owned by **`xpl-top-nav`**, the shell): pressing **Escape** while drilled in pops the cascade before it closes the mobile drawer (two separate presses); closing the drawer via the hamburger toggle while still drilled in resets the group closed so the drawer reopens at Level 1 next time.
10
+
11
+ ## Usage
12
+
13
+ ```html
14
+ <xpl-top-nav-item slot="left-aside" label="Xplor Ops" open-mode="hover">
15
+ <xpl-top-nav-menu slot="dropdown" label="Xplor Ops">
16
+ <xpl-top-nav-item label="Payroll" href="/payroll"></xpl-top-nav-item>
17
+ <xpl-top-nav-item label="Capital" href="/capital">
18
+ <xpl-icon slot="trailing-icon" icon="open-rect-arrow-out"></xpl-icon>
19
+ </xpl-top-nav-item>
20
+ </xpl-top-nav-menu>
21
+ </xpl-top-nav-item>
22
+ ```
23
+
24
+ ## Host modifier classes (BEM)
25
+
26
+ None on the host itself. Row-level state (`active`, `selected`, description, icons) lives entirely on the slotted `xpl-top-nav-item` rows.
27
+
28
+ | Class | Source |
29
+ | --- | --- |
30
+ | `.xpl-top-nav-menu__back` | Auto-rendered on the back-row `xpl-top-nav-item` (mobile only, `label` set). Not a hook to restyle — it uses the same row treatment as any other `xpl-top-nav-item` in this list. |
31
+
32
+ ## Slots
33
+
34
+ | Slot | Description |
35
+ | --- | --- |
36
+ | (default) | `xpl-top-nav-item` rows. |
37
+
38
+ <!-- Auto Generated Below -->
39
+
40
+
41
+ ## Overview
42
+
43
+ Thin grouping container for **`xpl-top-nav-item`** rows — the panel content for a desktop flyout
44
+ (**`slot="dropdown"`** on the parent **`xpl-top-nav-item`**) and, on small screens, the **mobile
45
+ cascade**: the same markup drills in to a **Level 2** view in place, with an auto-rendered **back
46
+ row** (leading **`chevron-left`** + this component's **`label`**) as the first row. Tapping the back
47
+ row closes the parent trigger's dropdown (**`closeMenu()`**), returning to **Level 1** and restoring
48
+ focus to the parent trigger. No item logic otherwise lives here — row behavior (icons, description,
49
+ links, nested dropdowns) is entirely **`xpl-top-nav-item`**.
50
+
51
+ **One authoring markup, two renderings:** consumers write this once; **`isMobileCascade`** (synced
52
+ from **`TOP_NAV_MOBILE_MQ`**) decides whether the back row renders. Desktop never sees it — the
53
+ flyout is a single level of links (see `xpl-top-nav-item`'s cascade-depth notes).
54
+
55
+ **Panel chrome** is shared with **`xpl-nav-header-menu`** (the account menu): width
56
+ (**`--xpl-top-nav-panel-width`**), surface, shadow, radius, and vertical padding all come from the
57
+ same selector in `top-nav.css` so the desktop flyout, mobile cascade, and account menu read as one
58
+ visual family.
59
+
60
+ **Theming:** The host always includes Foundation’s **`dark`** class so **`--xpl-*`** purpose tokens
61
+ resolve to dark-mode values even when the page root is light (consistent with the rest of the
62
+ **`xpl-top-nav`** family).
63
+
64
+ ## Properties
65
+
66
+ | Property | Attribute | Description | Type | Default |
67
+ | -------- | --------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------- |
68
+ | `label` | `label` | Accessible name for the list (**`aria-label`** on the host) and the label shown in the mobile cascade back row when drilling back out of this group. | `string` | `undefined` |
69
+
70
+
71
+ ## Slots
72
+
73
+ | Slot | Description |
74
+ | ------------- | ---------------------------- |
75
+ | `"(default)"` | **`xpl-top-nav-item`** rows. |
76
+
77
+
78
+ ## Dependencies
79
+
80
+ ### Depends on
81
+
82
+ - [xpl-top-nav-item](../xpl-top-nav-item)
83
+ - [xpl-icon](../../xpl-icon)
84
+
85
+ ### Graph
86
+ ```mermaid
87
+ graph TD;
88
+ xpl-top-nav-menu --> xpl-top-nav-item
89
+ xpl-top-nav-menu --> xpl-icon
90
+ xpl-top-nav-item --> xpl-icon
91
+ style xpl-top-nav-menu fill:#f9f,stroke:#333,stroke-width:4px
92
+ ```
93
+
94
+ ----------------------------------------------
95
+
96
+ *Built with [StencilJS](https://stenciljs.com/)*
@@ -17,5 +17,5 @@ var patchBrowser = () => {
17
17
 
18
18
  patchBrowser().then(async (options) => {
19
19
  await globalScripts();
20
- return bootstrapLazy(JSON.parse("[[\"xpl-button-row\",[[0,\"xpl-button-row\",{\"primary\":[1],\"secondary\":[1],\"tertiary\":[1]}]]],[\"xpl-table-header-cell\",[[0,\"xpl-table-header-cell\",{\"icon\":[1],\"sortable\":[4],\"label\":[1],\"type\":[1],\"width\":[2],\"sortDirection\":[32]}]]],[\"xpl-accordion\",[[260,\"xpl-accordion\",{\"contentId\":[1,\"content-id\"],\"header\":[1],\"description\":[1],\"initialExpanded\":[4,\"initial-expanded\"],\"size\":[1],\"borderType\":[1,\"border-type\"],\"expanded\":[32],\"parentCheckboxChange\":[64]},[[0,\"checkboxChange\",\"listenToChangeEvent\"]],{\"initialExpanded\":[{\"watchInitialExpanded\":0}]}]]],[\"xpl-application-shell\",[[260,\"xpl-application-shell\",{\"withSubnav\":[4,\"with-subnav\"],\"withUtility\":[4,\"with-utility\"],\"navWidth\":[1,\"nav-width\"],\"isNavOpenAtStartup\":[4,\"is-nav-open-at-startup\"],\"navOpen\":[32]},[[0,\"navOpen\",\"navToggleHandler\"],[0,\"navWidth\",\"navWithHandler\"],[9,\"resize\",\"onWindowResize\"]]]]],[\"xpl-large-card\",[[260,\"xpl-large-card\",{\"link\":[4],\"name\":[1],\"description\":[1]}]]],[\"xpl-calendar\",[[0,\"xpl-calendar\",{\"inputId\":[1,\"input-id\"],\"dateFormat\":[1,\"date-format\"],\"max\":[8],\"min\":[8],\"mode\":[1],\"defaultDate\":[1,\"default-date\"],\"setDate\":[64]}]]],[\"xpl-dynamic-table\",[[260,\"xpl-dynamic-table\",{\"selectedItemCount\":[32],\"colCount\":[32]},[[8,\"deselectAll\",\"listenToDeselectEvent\"],[8,\"checkboxChange\",\"listenToChangeEvent\"]]]]],[\"xpl-dynamic-table-cell\",[[260,\"xpl-dynamic-table-cell\",{\"disabled\":[4]}]]],[\"xpl-dynamic-table-row\",[[260,\"xpl-dynamic-table-row\",{\"disabled\":[4],\"selected\":[4],\"isDisabled\":[32]}]]],[\"xpl-grid\",[[0,\"xpl-grid\"]]],[\"xpl-grid-item\",[[260,\"xpl-grid-item\",{\"xs\":[2],\"sm\":[2],\"md\":[2],\"lg\":[2]}]]],[\"xpl-main-nav\",[[260,\"xpl-main-nav\",{\"width\":[1]}]]],[\"xpl-table-header\",[[260,\"xpl-table-header\"]]],[\"xpl-toggle\",[[0,\"xpl-toggle\",{\"checked\":[4],\"description\":[1],\"disabled\":[4],\"heading\":[1],\"label\":[1],\"name\":[1],\"variant\":[1],\"id\":[32]}]]],[\"xpl-toolbar\",[[260,\"xpl-toolbar\",{\"selectedItemCount\":[2,\"selected-item-count\"]},[[8,\"selectedItemCountChange\",\"listenToSelectedItemCountChange\"]]]]],[\"xpl-avatar_54\",[[260,\"xpl-list\",{\"items\":[16],\"label\":[1],\"labelledBy\":[1,\"labelled-by\"],\"reorderable\":[4],\"selectable\":[4],\"keyboardReorderItemId\":[32],\"reorderLiveMessage\":[32],\"clearSelection\":[64]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"itemSelect\",\"handleChildItemSelect\"],[0,\"slotchange\",\"handleSlotChange\"],[0,\"itemDragStart\",\"handleItemDragStart\"],[0,\"itemDragEnd\",\"handleItemDragEnd\"],[0,\"itemDrop\",\"handleItemDrop\"],[0,\"xplListItemReorder\",\"handleItemReorder\"]],{\"keyboardReorderItemId\":[{\"handleKeyboardReorderItemIdChange\":0}],\"items\":[{\"handleItemsChange\":0}],\"reorderable\":[{\"handleReorderableChange\":0}],\"selectable\":[{\"handleSelectableChange\":0}]}],[0,\"xpl-pagination\",{\"totalPages\":[2,\"total-pages\"],\"withPageControl\":[4,\"with-page-control\"],\"currentPage\":[1026,\"current-page\"],\"rowsPerPageOptions\":[1,\"rows-per-page-options\"],\"selectedRowsPerPage\":[1026,\"selected-rows-per-page\"]},null,{\"currentPage\":[{\"onPageUpdate\":0}],\"totalPages\":[{\"onTotalPagesUpdate\":0}],\"selectedRowsPerPage\":[{\"onRowsPerPageUpdate\":0}]}],[260,\"xpl-tabs\",{\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"type\":[513],\"value\":[1],\"activeBarPosition\":[32],\"choicesTick\":[32],\"isMobileSelectChange\":[32],\"selectedValue\":[32]},[[9,\"resize\",\"onWindowResize\"]],{\"disabled\":[{\"onDisabledChanged\":0}],\"fullWidth\":[{\"onFullWidthChanged\":0}],\"type\":[{\"onTypeChanged\":0}],\"value\":[{\"onValueChanged\":0}]}],[260,\"xpl-slideout\",{\"isOpen\":[1540,\"is-open\"],\"backdrop\":[4],\"variant\":[1],\"showFooter\":[4,\"show-footer\"]},[[9,\"scroll\",\"handleScroll\"]],{\"isOpen\":[{\"watchPropHandler\":0}]}],[260,\"xpl-top-nav\",{\"brandHref\":[1,\"brand-href\"],\"brandLogo\":[1,\"brand-logo\"],\"brandName\":[1,\"brand-name\"],\"childAccountLabel\":[1,\"child-account-label\"],\"label\":[1],\"navControl\":[516,\"nav-control\"],\"brandLogoSlotPresent\":[32],\"open\":[32],\"userMenuSlotPresent\":[32],\"userMenuTriggerSlotPresent\":[32]},null,{\"navControl\":[{\"onNavControlChanged\":0}]}],[260,\"xpl-modal\",{\"isOpen\":[1540,\"is-open\"],\"size\":[1],\"variant\":[1]},null,{\"isOpen\":[{\"updateModalState\":0}]}],[260,\"xpl-side-nav\",{\"label\":[1],\"open\":[1540],\"toggle\":[64],\"setOpen\":[64]},null,{\"open\":[{\"onOpenChanged\":0}]}],[0,\"xpl-banner\",{\"actionText\":[1,\"action-text\"],\"appearance\":[1],\"description\":[1],\"hasIcon\":[4,\"has-icon\"],\"heading\":[1],\"isDismissible\":[4,\"is-dismissible\"],\"isSection\":[4,\"is-section\"],\"secondaryActionText\":[1,\"secondary-action-text\"],\"truncateDesc\":[4,\"truncate-desc\"]}],[0,\"xpl-choicelist\",{\"choices\":[16],\"description\":[1],\"heading\":[1],\"multi\":[4],\"name\":[1],\"styled\":[4],\"selected\":[32]},null,{\"choices\":[{\"onChoicesPropChange\":0}],\"selected\":[{\"onSelectedChange\":0}]}],[260,\"xpl-data-card\",{\"link\":[4],\"name\":[1],\"stat\":[1],\"shortStat\":[1,\"short-stat\"],\"variant\":[1],\"leadingIcon\":[4,\"leading-icon\"],\"icon\":[1],\"smallStat\":[1,\"small-stat\"],\"smallStatIcon\":[1,\"small-stat-icon\"],\"detail\":[1],\"smallStatVariant\":[1,\"small-stat-variant\"],\"tooltipTextSmallStat\":[1,\"tooltip-text-small-stat\"],\"tooltipTextStat\":[1,\"tooltip-text-stat\"]},null,{\"stat\":[{\"watchStat\":0}],\"shortStat\":[{\"watchShortStat\":0}]}],[260,\"xpl-header-accordion\",{\"contentId\":[1,\"content-id\"],\"initialExpanded\":[4,\"initial-expanded\"],\"disabled\":[4],\"selectedCount\":[2,\"selected-count\"],\"hasCheckbox\":[4,\"has-checkbox\"],\"expanded\":[32],\"parentChecked\":[32],\"parentIndeterminate\":[32]},[[0,\"checkboxChange\",\"handleChildCheckboxChange\"]],{\"selectedCount\":[{\"watchSelectedCount\":0}]}],[260,\"xpl-spotlight\",{\"actionLayout\":[1,\"action-layout\"],\"anchorPosition\":[1,\"anchor-position\"],\"body\":[1],\"currentStep\":[2,\"current-step\"],\"heading\":[1],\"isDismissible\":[4,\"is-dismissible\"],\"isOpen\":[4,\"is-open\"],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"showActions\":[4,\"show-actions\"],\"showImage\":[4,\"show-image\"],\"showSteps\":[4,\"show-steps\"],\"target\":[1],\"totalSteps\":[2,\"total-steps\"],\"hasBodySlotContent\":[32],\"hasFloatingPosition\":[32],\"hasImageSlotContent\":[32],\"hasTitleSlotContent\":[32],\"dialogLabelId\":[32],\"isVisible\":[32],\"resolvedAnchorPosition\":[32]},[[4,\"keydown\",\"handleKeyDown\"]],{\"anchorPosition\":[{\"onAnchorPositionChange\":0}],\"isOpen\":[{\"onIsOpenChange\":0}],\"target\":[{\"onTargetChange\":0}]}],[260,\"xpl-tab\",{\"disabled\":[516],\"fullWidth\":[4,\"full-width\"],\"groupDisabled\":[1540,\"data-group-disabled\"],\"icon\":[513],\"iconPosition\":[1,\"icon-position\"],\"selected\":[4],\"target\":[1],\"variant\":[1],\"getFocusableElement\":[64],\"setTabIndex\":[64],\"focusTrigger\":[64]}],[0,\"xpl-table\",{\"columns\":[16],\"data\":[16],\"footer\":[16],\"freeze\":[4],\"multiselect\":[4],\"striped\":[4],\"selectedValues\":[16],\"isSortable\":[4,\"is-sortable\"],\"sortableColumns\":[16],\"areAllSelected\":[32],\"rowData\":[32],\"rowFooterData\":[32],\"hasScrolled\":[32],\"selected\":[32],\"sortTypeArray\":[32]},null,{\"data\":[{\"watchData\":0}],\"footer\":[{\"watchFooterData\":0}],\"columns\":[{\"watchColumns\":0}]}],[0,\"xpl-progress-bar\",{\"helperText\":[1,\"helper-text\"],\"label\":[1],\"max\":[2],\"size\":[1],\"value\":[2],\"variant\":[1]}],[0,\"xpl-progress-indicator\",{\"currentStep\":[1026,\"current-step\"],\"layout\":[1],\"showLabels\":[4,\"show-labels\"],\"showNumbers\":[4,\"show-numbers\"],\"steps\":[16]},null,{\"steps\":[{\"validateCurrentStep\":0}],\"currentStep\":[{\"validateCurrentStep\":0}]}],[260,\"xpl-side-nav-item\",{\"disabled\":[516],\"expanded\":[1540],\"hasChildren\":[1540,\"has-children\"],\"hidden\":[516],\"icon\":[1],\"label\":[1],\"link\":[516],\"selected\":[516],\"hasTrailingSlot\":[32]},null,{\"hasChildren\":[{\"syncLinkHasChildrenExclusivity\":0}],\"link\":[{\"syncLinkHasChildrenExclusivity\":0}]}],[260,\"xpl-toast\",{\"variant\":[1],\"showIcon\":[4,\"show-icon\"],\"caption\":[1],\"dismissable\":[4],\"timeout\":[2]}],[260,\"xpl-utility-bar\",{\"navControl\":[4,\"nav-control\"],\"isNavOpenAtStartup\":[4,\"is-nav-open-at-startup\"],\"open\":[32]}],[260,\"xpl-breadcrumb-item\"],[260,\"xpl-breadcrumbs\"],[260,\"xpl-content-area\",{\"size\":[1]}],[260,\"xpl-dashboard\"],[260,\"xpl-nav-header-menu\",{\"email\":[1],\"username\":[1],\"rightAsideMobilePresent\":[32]}],[260,\"xpl-nav-item\",{\"navControl\":[4,\"nav-control\"]}],[260,\"xpl-panel\",{\"accent\":[1],\"padding\":[1]}],[260,\"xpl-secondary-nav\"],[0,\"xpl-skeleton\",{\"classNames\":[1,\"class-names\"],\"fullWidth\":[4,\"full-width\"],\"height\":[1],\"width\":[1],\"margin\":[1],\"shape\":[1],\"size\":[1]}],[260,\"xpl-tab-panel\",{\"selected\":[4],\"target\":[1]}],[260,\"xpl-list-item\",{\"disabled\":[4],\"error\":[4],\"hidden\":[4],\"href\":[1],\"item\":[16],\"itemId\":[1025,\"item-id\"],\"keyboardActive\":[4,\"keyboard-active\"],\"radioName\":[1,\"radio-name\"],\"reorderable\":[4],\"selectable\":[4],\"selected\":[4],\"showDivider\":[4,\"show-divider\"],\"titleBadgeVariant\":[1,\"title-badge-variant\"],\"slotPresence\":[32],\"isKeyboardMode\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]],{\"item\":[{\"handleItemChange\":0}],\"keyboardActive\":[{\"handleKeyboardActiveChange\":0}],\"selected\":[{\"handleSelectedChange\":0}],\"titleBadgeVariant\":[{\"handleTitleBadgeVariantChange\":0}]}],[260,\"xpl-top-nav-item\",{\"active\":[516],\"href\":[1],\"icon\":[1],\"itemAriaLabel\":[1,\"item-aria-label\"],\"label\":[1],\"selected\":[516],\"hasDropdown\":[32],\"hostListitemRole\":[32],\"open\":[32]},[[0,\"_xplCloseNavDropdown\",\"handleCloseNavDropdownRequest\"]],{\"hasDropdown\":[{\"onHasDropdownChanged\":0}]}],[260,\"xpl-tooltip\",{\"text\":[1],\"position\":[1],\"hideArrow\":[4,\"hide-arrow\"]}],[260,\"xpl-select\",{\"choices\":[16],\"selectIcon\":[1,\"select-icon\"],\"description\":[1],\"disabled\":[4],\"dropdownFlipFallbackPlacements\":[16],\"dropdownPlacement\":[1,\"dropdown-placement\"],\"error\":[1],\"label\":[1],\"mode\":[1],\"name\":[1],\"placeholder\":[1],\"truncate\":[4],\"customDisplayValue\":[4,\"custom-display-value\"],\"selectedValues\":[1,\"selected-values\"],\"classNames\":[1,\"class-names\"],\"active\":[32],\"id\":[32],\"keepFocus\":[32],\"visibleChoices\":[32],\"choicesState\":[32],\"value\":[32],\"dropdownOpenState\":[32],\"reset\":[64]},[[8,\"click\",\"handleClickEvent\"],[8,\"keydown\",\"handleKeyDown\"],[9,\"resize\",\"handleResize\"]],{\"choices\":[{\"onChoicesPropChanged\":0}],\"selectedValues\":[{\"onSelectedValuesPropChanged\":0}],\"choicesState\":[{\"onChoicesStateChanged\":0}],\"value\":[{\"handleValueStateChange\":0}],\"dropdownOpenState\":[{\"onDropdownOpenStateChanged\":0}]}],[260,\"xpl-avatar\",{\"color\":[1],\"disabled\":[4],\"groupData\":[1,\"group-data\"],\"href\":[1],\"name\":[1],\"size\":[1],\"src\":[1],\"status\":[1],\"subText\":[1,\"sub-text\"],\"target\":[1],\"variant\":[1],\"cachedGroupItems\":[32],\"cachedSlotContent\":[32]},null,{\"groupData\":[{\"onGroupDataChange\":0}]}],[260,\"xpl-tag\",{\"disabled\":[4],\"dismissible\":[4],\"isDraggable\":[4,\"is-draggable\"],\"size\":[1],\"tagId\":[1,\"tag-id\"],\"dismissAriaLabelSuffix\":[32],\"isDragging\":[32]},null,{\"disabled\":[{\"onDisabledChange\":0}],\"isDraggable\":[{\"onIsDraggableChange\":0}]}],[260,\"xpl-badge\",{\"bordered\":[4],\"dot\":[4],\"dotOnly\":[4,\"dot-only\"],\"shape\":[1],\"size\":[1],\"variant\":[1]}],[260,\"xpl-divider\",{\"tier\":[2]}],[260,\"xpl-radio\",{\"checked\":[4],\"description\":[1],\"disabled\":[4],\"name\":[1],\"value\":[1],\"required\":[4],\"selectedValue\":[1,\"selected-value\"],\"styled\":[4],\"id\":[32]}],[260,\"xpl-input\",{\"_id\":[1],\"description\":[1],\"disabled\":[4],\"error\":[1],\"label\":[1],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1],\"autocomplete\":[1],\"placeholder\":[1],\"post\":[1],\"pre\":[1],\"max\":[8],\"min\":[8],\"step\":[2],\"multiline\":[4],\"maxCharacterCount\":[2,\"max-character-count\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"allowCustomOption\":[4,\"allow-custom-option\"],\"mode\":[1],\"accept\":[1],\"multiple\":[4],\"hideTriggerOnSelect\":[4,\"hide-trigger-on-select\"],\"hideFileNames\":[4,\"hide-file-names\"],\"hideAcceptText\":[4,\"hide-accept-text\"],\"hideEyeDropper\":[4,\"hide-eye-dropper\"],\"defaultCountry\":[1,\"default-country\"],\"preferredCountries\":[16],\"isInternational\":[4,\"is-international\"],\"ariaLabel\":[1,\"aria-label\"],\"shape\":[1],\"type\":[1],\"characterCount\":[32],\"passwordVisible\":[32],\"hasPreSlotContent\":[32],\"setFocus\":[64]}],[0,\"xpl-input-color\",{\"value\":[1],\"placeholder\":[1],\"disabled\":[4],\"required\":[4],\"hideEyeDropper\":[4,\"hide-eye-dropper\"],\"hasErrorState\":[32],\"colorValues\":[32],\"eyeDropperSupported\":[32],\"hue\":[32]},null,{\"colorValues\":[{\"valueChanged\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValuePropChange\":0}]}],[260,\"xpl-popover\",{\"isOpen\":[4,\"is-open\"],\"disabled\":[4],\"position\":[1],\"display\":[1],\"isOpenState\":[32],\"actualPosition\":[32],\"updateListener\":[32]},null,{\"isOpen\":[{\"onIsOpenPropChange\":0}],\"isOpenState\":[{\"onIsOpenStateChange\":0}]}],[0,\"xpl-input-phone\",{\"defaultCountry\":[1,\"default-country\"],\"disabled\":[4],\"error\":[4],\"inputId\":[1,\"input-id\"],\"isInternational\":[4,\"is-international\"],\"name\":[1],\"placeholder\":[1],\"preferredCountries\":[16],\"readonly\":[4],\"required\":[4],\"value\":[1537],\"dropdownOpen\":[32],\"hasErrorState\":[32],\"nationalNumber\":[32],\"searchQuery\":[32],\"selectedCountry\":[32],\"triggerId\":[32]},null,{\"dropdownOpen\":[{\"onDropdownOpenChange\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValueChange\":0}]}],[0,\"xpl-input-time\",{\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1537],\"placeholder\":[1],\"max\":[8],\"min\":[8],\"step\":[2],\"mode\":[1],\"timeFormat\":[1,\"time-format\"],\"allowCustomOption\":[4,\"allow-custom-option\"],\"formattedValue\":[32],\"hasErrorState\":[32],\"showOptions\":[32],\"options\":[32],\"amPm\":[32]},null,{\"value\":[{\"onValueChange\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}]}],[0,\"xpl-input-date\",{\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1],\"placeholder\":[1],\"post\":[1],\"pre\":[1],\"max\":[8],\"min\":[8],\"dateFormat\":[1,\"date-format\"],\"mode\":[1],\"flatpickrStaticLayout\":[32],\"hasErrorState\":[32]},null,{\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValueChanged\":0}]}],[260,\"xpl-input-file\",{\"disabled\":[4],\"name\":[1],\"_id\":[1],\"accept\":[1],\"multiple\":[4],\"hideTriggerOnSelect\":[4,\"hide-trigger-on-select\"],\"hideFileNames\":[4,\"hide-file-names\"],\"hideAcceptText\":[4,\"hide-accept-text\"],\"files\":[32],\"removeFileByIndex\":[64]},null,{\"files\":[{\"onFilesChange\":0}]}],[0,\"xpl-input-search\",{\"ariaLabel\":[1,\"aria-label\"],\"autocomplete\":[1],\"disabled\":[4],\"errorMessageId\":[1,\"error-message-id\"],\"hasError\":[4,\"has-error\"],\"hasVisibleLabel\":[4,\"has-visible-label\"],\"inputId\":[1,\"input-id\"],\"name\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"shape\":[1],\"value\":[1025],\"hasAncestorForm\":[32],\"setFocus\":[64]}],[0,\"xpl-backdrop\",{\"relative\":[4]}],[260,\"xpl-checkbox\",{\"ariaLabel\":[1,\"aria-label\"],\"checked\":[4],\"description\":[1],\"disabled\":[4],\"indeterminate\":[4],\"name\":[1],\"value\":[1],\"required\":[4],\"styled\":[4],\"dataId\":[1,\"data-id\"],\"id\":[32]}],[260,\"xpl-dropdown\",{\"isOpen\":[1540,\"open\"],\"closeOnSelect\":[4,\"close-on-select\"],\"mode\":[1],\"options\":[1040],\"anchorToTrigger\":[4,\"anchor-to-trigger\"],\"flipFallbackPlacements\":[16],\"placement\":[1],\"selectedValues\":[1,\"selected-values\"],\"selectOnFocus\":[4,\"select-on-focus\"],\"triggerId\":[1,\"trigger-id\"],\"update\":[16],\"virtualEnd\":[32],\"virtualStart\":[32],\"handleSelect\":[64]},null,{\"options\":[{\"onOptionsChanged\":0}],\"anchorToTrigger\":[{\"onAnchorToTriggerChanged\":0}],\"flipFallbackPlacements\":[{\"onFlipFallbackPlacementsChanged\":0}],\"placement\":[{\"onPlacementChanged\":0}],\"triggerId\":[{\"onTriggerIdChanged\":0}],\"selectedValues\":[{\"onSelectedValuesChanged\":0}],\"isOpen\":[{\"onIsOpenStateChange\":0}]}],[260,\"xpl-dropdown-group\",{\"groupName\":[1,\"label\"],\"options\":[16]}],[260,\"xpl-dropdown-option\",{\"isDisabled\":[516,\"disabled\"],\"label\":[1],\"value\":[1],\"subtitle\":[1],\"icon\":[1],\"isSelected\":[4,\"selected\"]}],[260,\"xpl-dropdown-heading\",{\"label\":[1]}],[260,\"xpl-button\",{\"controlAttrs\":[16],\"disabled\":[4],\"form\":[1],\"fullWidth\":[4,\"full-width\"],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"iconPosition\":[1,\"icon-position\"],\"isLoading\":[4,\"is-loading\"],\"link\":[4],\"name\":[1],\"sentiment\":[1],\"size\":[1],\"state\":[1],\"type\":[1],\"value\":[1],\"variant\":[1]},[[2,\"click\",\"handleDisabledClick\"]]],[0,\"xpl-icon\",{\"icon\":[1],\"size\":[2],\"backgroundColor\":[1,\"background-color\"]}]]]]"), options);
20
+ return bootstrapLazy(JSON.parse("[[\"xpl-button-row\",[[0,\"xpl-button-row\",{\"primary\":[1],\"secondary\":[1],\"tertiary\":[1]}]]],[\"xpl-table-header-cell\",[[0,\"xpl-table-header-cell\",{\"icon\":[1],\"sortable\":[4],\"label\":[1],\"type\":[1],\"width\":[2],\"sortDirection\":[32]}]]],[\"xpl-top-nav-menu\",[[260,\"xpl-top-nav-menu\",{\"label\":[1],\"isMobileCascade\":[32]}]]],[\"xpl-accordion\",[[260,\"xpl-accordion\",{\"contentId\":[1,\"content-id\"],\"header\":[1],\"description\":[1],\"initialExpanded\":[4,\"initial-expanded\"],\"size\":[1],\"borderType\":[1,\"border-type\"],\"expanded\":[32],\"parentCheckboxChange\":[64]},[[0,\"checkboxChange\",\"listenToChangeEvent\"]],{\"initialExpanded\":[{\"watchInitialExpanded\":0}]}]]],[\"xpl-application-shell\",[[260,\"xpl-application-shell\",{\"withSubnav\":[4,\"with-subnav\"],\"withUtility\":[4,\"with-utility\"],\"navWidth\":[1,\"nav-width\"],\"isNavOpenAtStartup\":[4,\"is-nav-open-at-startup\"],\"navOpen\":[32]},[[0,\"navOpen\",\"navToggleHandler\"],[0,\"navWidth\",\"navWithHandler\"],[9,\"resize\",\"onWindowResize\"]]]]],[\"xpl-large-card\",[[260,\"xpl-large-card\",{\"link\":[4],\"name\":[1],\"description\":[1]}]]],[\"xpl-calendar\",[[0,\"xpl-calendar\",{\"inputId\":[1,\"input-id\"],\"dateFormat\":[1,\"date-format\"],\"max\":[8],\"min\":[8],\"mode\":[1],\"defaultDate\":[1,\"default-date\"],\"setDate\":[64]}]]],[\"xpl-dynamic-table\",[[260,\"xpl-dynamic-table\",{\"selectedItemCount\":[32],\"colCount\":[32]},[[8,\"deselectAll\",\"listenToDeselectEvent\"],[8,\"checkboxChange\",\"listenToChangeEvent\"]]]]],[\"xpl-dynamic-table-cell\",[[260,\"xpl-dynamic-table-cell\",{\"disabled\":[4]}]]],[\"xpl-dynamic-table-row\",[[260,\"xpl-dynamic-table-row\",{\"disabled\":[4],\"selected\":[4],\"isDisabled\":[32]}]]],[\"xpl-grid\",[[0,\"xpl-grid\"]]],[\"xpl-grid-item\",[[260,\"xpl-grid-item\",{\"xs\":[2],\"sm\":[2],\"md\":[2],\"lg\":[2]}]]],[\"xpl-main-nav\",[[260,\"xpl-main-nav\",{\"width\":[1]}]]],[\"xpl-table-header\",[[260,\"xpl-table-header\"]]],[\"xpl-toggle\",[[0,\"xpl-toggle\",{\"checked\":[4],\"description\":[1],\"disabled\":[4],\"heading\":[1],\"label\":[1],\"name\":[1],\"variant\":[1],\"id\":[32]}]]],[\"xpl-toolbar\",[[260,\"xpl-toolbar\",{\"selectedItemCount\":[2,\"selected-item-count\"]},[[8,\"selectedItemCountChange\",\"listenToSelectedItemCountChange\"]]]]],[\"xpl-avatar_54\",[[260,\"xpl-list\",{\"items\":[16],\"label\":[1],\"labelledBy\":[1,\"labelled-by\"],\"reorderable\":[4],\"selectable\":[4],\"keyboardReorderItemId\":[32],\"reorderLiveMessage\":[32],\"clearSelection\":[64]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"itemSelect\",\"handleChildItemSelect\"],[0,\"slotchange\",\"handleSlotChange\"],[0,\"itemDragStart\",\"handleItemDragStart\"],[0,\"itemDragEnd\",\"handleItemDragEnd\"],[0,\"itemDrop\",\"handleItemDrop\"],[0,\"xplListItemReorder\",\"handleItemReorder\"]],{\"keyboardReorderItemId\":[{\"handleKeyboardReorderItemIdChange\":0}],\"items\":[{\"handleItemsChange\":0}],\"reorderable\":[{\"handleReorderableChange\":0}],\"selectable\":[{\"handleSelectableChange\":0}]}],[0,\"xpl-pagination\",{\"totalPages\":[2,\"total-pages\"],\"withPageControl\":[4,\"with-page-control\"],\"currentPage\":[1026,\"current-page\"],\"rowsPerPageOptions\":[1,\"rows-per-page-options\"],\"selectedRowsPerPage\":[1026,\"selected-rows-per-page\"]},null,{\"currentPage\":[{\"onPageUpdate\":0}],\"totalPages\":[{\"onTotalPagesUpdate\":0}],\"selectedRowsPerPage\":[{\"onRowsPerPageUpdate\":0}]}],[260,\"xpl-tabs\",{\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"type\":[513],\"value\":[1],\"activeBarPosition\":[32],\"choicesTick\":[32],\"isMobileSelectChange\":[32],\"selectedValue\":[32]},[[9,\"resize\",\"onWindowResize\"]],{\"disabled\":[{\"onDisabledChanged\":0}],\"fullWidth\":[{\"onFullWidthChanged\":0}],\"type\":[{\"onTypeChanged\":0}],\"value\":[{\"onValueChanged\":0}]}],[260,\"xpl-slideout\",{\"isOpen\":[1540,\"is-open\"],\"backdrop\":[4],\"variant\":[1],\"showFooter\":[4,\"show-footer\"]},[[9,\"scroll\",\"handleScroll\"]],{\"isOpen\":[{\"watchPropHandler\":0}]}],[260,\"xpl-top-nav\",{\"brandHref\":[1,\"brand-href\"],\"brandLogo\":[1,\"brand-logo\"],\"brandName\":[1,\"brand-name\"],\"childAccountLabel\":[1,\"child-account-label\"],\"label\":[1],\"navControl\":[516,\"nav-control\"],\"brandLogoSlotPresent\":[32],\"open\":[32],\"userMenuSlotPresent\":[32],\"userMenuTriggerSlotPresent\":[32]},null,{\"navControl\":[{\"onNavControlChanged\":0}]}],[260,\"xpl-modal\",{\"isOpen\":[1540,\"is-open\"],\"size\":[1],\"variant\":[1]},null,{\"isOpen\":[{\"updateModalState\":0}]}],[260,\"xpl-side-nav\",{\"label\":[1],\"open\":[1540],\"toggle\":[64],\"setOpen\":[64]},null,{\"open\":[{\"onOpenChanged\":0}]}],[0,\"xpl-banner\",{\"actionText\":[1,\"action-text\"],\"appearance\":[1],\"description\":[1],\"hasIcon\":[4,\"has-icon\"],\"heading\":[1],\"isDismissible\":[4,\"is-dismissible\"],\"isSection\":[4,\"is-section\"],\"secondaryActionText\":[1,\"secondary-action-text\"],\"truncateDesc\":[4,\"truncate-desc\"]}],[0,\"xpl-choicelist\",{\"choices\":[16],\"description\":[1],\"heading\":[1],\"multi\":[4],\"name\":[1],\"styled\":[4],\"selected\":[32]},null,{\"choices\":[{\"onChoicesPropChange\":0}],\"selected\":[{\"onSelectedChange\":0}]}],[260,\"xpl-data-card\",{\"link\":[4],\"name\":[1],\"stat\":[1],\"shortStat\":[1,\"short-stat\"],\"variant\":[1],\"leadingIcon\":[4,\"leading-icon\"],\"icon\":[1],\"smallStat\":[1,\"small-stat\"],\"smallStatIcon\":[1,\"small-stat-icon\"],\"detail\":[1],\"smallStatVariant\":[1,\"small-stat-variant\"],\"tooltipTextSmallStat\":[1,\"tooltip-text-small-stat\"],\"tooltipTextStat\":[1,\"tooltip-text-stat\"]},null,{\"stat\":[{\"watchStat\":0}],\"shortStat\":[{\"watchShortStat\":0}]}],[260,\"xpl-header-accordion\",{\"contentId\":[1,\"content-id\"],\"initialExpanded\":[4,\"initial-expanded\"],\"disabled\":[4],\"selectedCount\":[2,\"selected-count\"],\"hasCheckbox\":[4,\"has-checkbox\"],\"expanded\":[32],\"parentChecked\":[32],\"parentIndeterminate\":[32]},[[0,\"checkboxChange\",\"handleChildCheckboxChange\"]],{\"selectedCount\":[{\"watchSelectedCount\":0}]}],[260,\"xpl-spotlight\",{\"actionLayout\":[1,\"action-layout\"],\"anchorPosition\":[1,\"anchor-position\"],\"body\":[1],\"currentStep\":[2,\"current-step\"],\"heading\":[1],\"isDismissible\":[4,\"is-dismissible\"],\"isOpen\":[4,\"is-open\"],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"showActions\":[4,\"show-actions\"],\"showImage\":[4,\"show-image\"],\"showSteps\":[4,\"show-steps\"],\"target\":[1],\"totalSteps\":[2,\"total-steps\"],\"hasBodySlotContent\":[32],\"hasFloatingPosition\":[32],\"hasImageSlotContent\":[32],\"hasTitleSlotContent\":[32],\"dialogLabelId\":[32],\"isVisible\":[32],\"resolvedAnchorPosition\":[32]},[[4,\"keydown\",\"handleKeyDown\"]],{\"anchorPosition\":[{\"onAnchorPositionChange\":0}],\"isOpen\":[{\"onIsOpenChange\":0}],\"target\":[{\"onTargetChange\":0}]}],[260,\"xpl-tab\",{\"disabled\":[516],\"fullWidth\":[4,\"full-width\"],\"groupDisabled\":[1540,\"data-group-disabled\"],\"icon\":[513],\"iconPosition\":[1,\"icon-position\"],\"selected\":[4],\"target\":[1],\"variant\":[1],\"getFocusableElement\":[64],\"setTabIndex\":[64],\"focusTrigger\":[64]}],[0,\"xpl-table\",{\"columns\":[16],\"data\":[16],\"footer\":[16],\"freeze\":[4],\"multiselect\":[4],\"striped\":[4],\"selectedValues\":[16],\"isSortable\":[4,\"is-sortable\"],\"sortableColumns\":[16],\"areAllSelected\":[32],\"rowData\":[32],\"rowFooterData\":[32],\"hasScrolled\":[32],\"selected\":[32],\"sortTypeArray\":[32]},null,{\"data\":[{\"watchData\":0}],\"footer\":[{\"watchFooterData\":0}],\"columns\":[{\"watchColumns\":0}]}],[0,\"xpl-progress-bar\",{\"helperText\":[1,\"helper-text\"],\"label\":[1],\"max\":[2],\"size\":[1],\"value\":[2],\"variant\":[1]}],[0,\"xpl-progress-indicator\",{\"currentStep\":[1026,\"current-step\"],\"layout\":[1],\"showLabels\":[4,\"show-labels\"],\"showNumbers\":[4,\"show-numbers\"],\"steps\":[16]},null,{\"steps\":[{\"validateCurrentStep\":0}],\"currentStep\":[{\"validateCurrentStep\":0}]}],[260,\"xpl-side-nav-item\",{\"disabled\":[516],\"expanded\":[1540],\"hasChildren\":[1540,\"has-children\"],\"hidden\":[516],\"icon\":[1],\"label\":[1],\"link\":[516],\"selected\":[516],\"hasTrailingSlot\":[32]},null,{\"hasChildren\":[{\"syncLinkHasChildrenExclusivity\":0}],\"link\":[{\"syncLinkHasChildrenExclusivity\":0}]}],[260,\"xpl-toast\",{\"variant\":[1],\"showIcon\":[4,\"show-icon\"],\"caption\":[1],\"dismissable\":[4],\"timeout\":[2]}],[260,\"xpl-utility-bar\",{\"navControl\":[4,\"nav-control\"],\"isNavOpenAtStartup\":[4,\"is-nav-open-at-startup\"],\"open\":[32]}],[260,\"xpl-breadcrumb-item\"],[260,\"xpl-breadcrumbs\"],[260,\"xpl-content-area\",{\"size\":[1]}],[260,\"xpl-dashboard\"],[260,\"xpl-nav-header-menu\",{\"email\":[1],\"username\":[1],\"rightAsideMobilePresent\":[32]}],[260,\"xpl-nav-item\",{\"navControl\":[4,\"nav-control\"]}],[260,\"xpl-panel\",{\"accent\":[1],\"padding\":[1]}],[260,\"xpl-secondary-nav\"],[0,\"xpl-skeleton\",{\"classNames\":[1,\"class-names\"],\"fullWidth\":[4,\"full-width\"],\"height\":[1],\"width\":[1],\"margin\":[1],\"shape\":[1],\"size\":[1]}],[260,\"xpl-tab-panel\",{\"selected\":[4],\"target\":[1]}],[260,\"xpl-list-item\",{\"disabled\":[4],\"error\":[4],\"hidden\":[4],\"href\":[1],\"item\":[16],\"itemId\":[1025,\"item-id\"],\"keyboardActive\":[4,\"keyboard-active\"],\"radioName\":[1,\"radio-name\"],\"reorderable\":[4],\"selectable\":[4],\"selected\":[4],\"showDivider\":[4,\"show-divider\"],\"titleBadgeVariant\":[1,\"title-badge-variant\"],\"slotPresence\":[32],\"isKeyboardMode\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]],{\"item\":[{\"handleItemChange\":0}],\"keyboardActive\":[{\"handleKeyboardActiveChange\":0}],\"selected\":[{\"handleSelectedChange\":0}],\"titleBadgeVariant\":[{\"handleTitleBadgeVariantChange\":0}]}],[260,\"xpl-tooltip\",{\"text\":[1],\"position\":[1],\"hideArrow\":[4,\"hide-arrow\"]}],[260,\"xpl-select\",{\"choices\":[16],\"selectIcon\":[1,\"select-icon\"],\"description\":[1],\"disabled\":[4],\"dropdownFlipFallbackPlacements\":[16],\"dropdownPlacement\":[1,\"dropdown-placement\"],\"error\":[1],\"label\":[1],\"mode\":[1],\"name\":[1],\"placeholder\":[1],\"truncate\":[4],\"customDisplayValue\":[4,\"custom-display-value\"],\"selectedValues\":[1,\"selected-values\"],\"classNames\":[1,\"class-names\"],\"active\":[32],\"id\":[32],\"keepFocus\":[32],\"visibleChoices\":[32],\"choicesState\":[32],\"value\":[32],\"dropdownOpenState\":[32],\"reset\":[64]},[[8,\"click\",\"handleClickEvent\"],[8,\"keydown\",\"handleKeyDown\"],[9,\"resize\",\"handleResize\"]],{\"choices\":[{\"onChoicesPropChanged\":0}],\"selectedValues\":[{\"onSelectedValuesPropChanged\":0}],\"choicesState\":[{\"onChoicesStateChanged\":0}],\"value\":[{\"handleValueStateChange\":0}],\"dropdownOpenState\":[{\"onDropdownOpenStateChanged\":0}]}],[260,\"xpl-avatar\",{\"color\":[1],\"disabled\":[4],\"groupData\":[1,\"group-data\"],\"href\":[1],\"name\":[1],\"size\":[1],\"src\":[1],\"status\":[1],\"subText\":[1,\"sub-text\"],\"target\":[1],\"variant\":[1],\"cachedGroupItems\":[32],\"cachedSlotContent\":[32]},null,{\"groupData\":[{\"onGroupDataChange\":0}]}],[260,\"xpl-top-nav-item\",{\"active\":[516],\"description\":[1],\"href\":[1],\"icon\":[1],\"itemAriaLabel\":[1,\"item-aria-label\"],\"label\":[1],\"open\":[1540],\"openMode\":[513,\"open-mode\"],\"selected\":[516],\"hasActiveDescendant\":[32],\"hasDropdown\":[32],\"isLeadingIconSlotPresent\":[32],\"hostListitemRole\":[32],\"isTrailingIconSlotPresent\":[32],\"closeMenu\":[64],\"openMenu\":[64],\"toggleMenu\":[64]},[[0,\"_xplCloseNavDropdown\",\"handleCloseNavDropdownRequest\"]],{\"hasDropdown\":[{\"onHasDropdownChanged\":0}],\"open\":[{\"onOpenChanged\":0}]}],[260,\"xpl-tag\",{\"disabled\":[4],\"dismissible\":[4],\"isDraggable\":[4,\"is-draggable\"],\"size\":[1],\"tagId\":[1,\"tag-id\"],\"dismissAriaLabelSuffix\":[32],\"isDragging\":[32]},null,{\"disabled\":[{\"onDisabledChange\":0}],\"isDraggable\":[{\"onIsDraggableChange\":0}]}],[260,\"xpl-badge\",{\"bordered\":[4],\"dot\":[4],\"dotOnly\":[4,\"dot-only\"],\"shape\":[1],\"size\":[1],\"variant\":[1]}],[260,\"xpl-divider\",{\"tier\":[2]}],[260,\"xpl-radio\",{\"checked\":[4],\"description\":[1],\"disabled\":[4],\"name\":[1],\"value\":[1],\"required\":[4],\"selectedValue\":[1,\"selected-value\"],\"styled\":[4],\"id\":[32]}],[260,\"xpl-input\",{\"_id\":[1],\"description\":[1],\"disabled\":[4],\"error\":[1],\"label\":[1],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1],\"autocomplete\":[1],\"placeholder\":[1],\"post\":[1],\"pre\":[1],\"max\":[8],\"min\":[8],\"step\":[2],\"multiline\":[4],\"maxCharacterCount\":[2,\"max-character-count\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"allowCustomOption\":[4,\"allow-custom-option\"],\"mode\":[1],\"accept\":[1],\"multiple\":[4],\"hideTriggerOnSelect\":[4,\"hide-trigger-on-select\"],\"hideFileNames\":[4,\"hide-file-names\"],\"hideAcceptText\":[4,\"hide-accept-text\"],\"hideEyeDropper\":[4,\"hide-eye-dropper\"],\"defaultCountry\":[1,\"default-country\"],\"preferredCountries\":[16],\"isInternational\":[4,\"is-international\"],\"ariaLabel\":[1,\"aria-label\"],\"shape\":[1],\"type\":[1],\"characterCount\":[32],\"passwordVisible\":[32],\"hasPreSlotContent\":[32],\"setFocus\":[64]}],[0,\"xpl-input-color\",{\"value\":[1],\"placeholder\":[1],\"disabled\":[4],\"required\":[4],\"hideEyeDropper\":[4,\"hide-eye-dropper\"],\"hasErrorState\":[32],\"colorValues\":[32],\"eyeDropperSupported\":[32],\"hue\":[32]},null,{\"colorValues\":[{\"valueChanged\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValuePropChange\":0}]}],[260,\"xpl-popover\",{\"isOpen\":[4,\"is-open\"],\"disabled\":[4],\"position\":[1],\"display\":[1],\"isOpenState\":[32],\"actualPosition\":[32],\"updateListener\":[32]},null,{\"isOpen\":[{\"onIsOpenPropChange\":0}],\"isOpenState\":[{\"onIsOpenStateChange\":0}]}],[0,\"xpl-input-phone\",{\"defaultCountry\":[1,\"default-country\"],\"disabled\":[4],\"error\":[4],\"inputId\":[1,\"input-id\"],\"isInternational\":[4,\"is-international\"],\"name\":[1],\"placeholder\":[1],\"preferredCountries\":[16],\"readonly\":[4],\"required\":[4],\"value\":[1537],\"dropdownOpen\":[32],\"hasErrorState\":[32],\"nationalNumber\":[32],\"searchQuery\":[32],\"selectedCountry\":[32],\"triggerId\":[32]},null,{\"dropdownOpen\":[{\"onDropdownOpenChange\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValueChange\":0}]}],[0,\"xpl-input-time\",{\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1537],\"placeholder\":[1],\"max\":[8],\"min\":[8],\"step\":[2],\"mode\":[1],\"timeFormat\":[1,\"time-format\"],\"allowCustomOption\":[4,\"allow-custom-option\"],\"formattedValue\":[32],\"hasErrorState\":[32],\"showOptions\":[32],\"options\":[32],\"amPm\":[32]},null,{\"value\":[{\"onValueChange\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}]}],[0,\"xpl-input-date\",{\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1],\"placeholder\":[1],\"post\":[1],\"pre\":[1],\"max\":[8],\"min\":[8],\"dateFormat\":[1,\"date-format\"],\"mode\":[1],\"flatpickrStaticLayout\":[32],\"hasErrorState\":[32]},null,{\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValueChanged\":0}]}],[260,\"xpl-input-file\",{\"disabled\":[4],\"name\":[1],\"_id\":[1],\"accept\":[1],\"multiple\":[4],\"hideTriggerOnSelect\":[4,\"hide-trigger-on-select\"],\"hideFileNames\":[4,\"hide-file-names\"],\"hideAcceptText\":[4,\"hide-accept-text\"],\"files\":[32],\"removeFileByIndex\":[64]},null,{\"files\":[{\"onFilesChange\":0}]}],[0,\"xpl-input-search\",{\"ariaLabel\":[1,\"aria-label\"],\"autocomplete\":[1],\"disabled\":[4],\"errorMessageId\":[1,\"error-message-id\"],\"hasError\":[4,\"has-error\"],\"hasVisibleLabel\":[4,\"has-visible-label\"],\"inputId\":[1,\"input-id\"],\"name\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"shape\":[1],\"value\":[1025],\"hasAncestorForm\":[32],\"setFocus\":[64]}],[0,\"xpl-backdrop\",{\"relative\":[4]}],[260,\"xpl-checkbox\",{\"ariaLabel\":[1,\"aria-label\"],\"checked\":[4],\"description\":[1],\"disabled\":[4],\"indeterminate\":[4],\"name\":[1],\"value\":[1],\"required\":[4],\"styled\":[4],\"dataId\":[1,\"data-id\"],\"id\":[32]}],[260,\"xpl-dropdown\",{\"isOpen\":[1540,\"open\"],\"closeOnSelect\":[4,\"close-on-select\"],\"mode\":[1],\"options\":[1040],\"anchorToTrigger\":[4,\"anchor-to-trigger\"],\"flipFallbackPlacements\":[16],\"placement\":[1],\"selectedValues\":[1,\"selected-values\"],\"selectOnFocus\":[4,\"select-on-focus\"],\"triggerId\":[1,\"trigger-id\"],\"update\":[16],\"virtualEnd\":[32],\"virtualStart\":[32],\"handleSelect\":[64]},null,{\"options\":[{\"onOptionsChanged\":0}],\"anchorToTrigger\":[{\"onAnchorToTriggerChanged\":0}],\"flipFallbackPlacements\":[{\"onFlipFallbackPlacementsChanged\":0}],\"placement\":[{\"onPlacementChanged\":0}],\"triggerId\":[{\"onTriggerIdChanged\":0}],\"selectedValues\":[{\"onSelectedValuesChanged\":0}],\"isOpen\":[{\"onIsOpenStateChange\":0}]}],[260,\"xpl-dropdown-group\",{\"groupName\":[1,\"label\"],\"options\":[16]}],[260,\"xpl-dropdown-option\",{\"isDisabled\":[516,\"disabled\"],\"label\":[1],\"value\":[1],\"subtitle\":[1],\"icon\":[1],\"isSelected\":[4,\"selected\"]}],[260,\"xpl-dropdown-heading\",{\"label\":[1]}],[260,\"xpl-button\",{\"controlAttrs\":[16],\"disabled\":[4],\"form\":[1],\"fullWidth\":[4,\"full-width\"],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"iconPosition\":[1,\"icon-position\"],\"isLoading\":[4,\"is-loading\"],\"link\":[4],\"name\":[1],\"sentiment\":[1],\"size\":[1],\"state\":[1],\"type\":[1],\"value\":[1],\"variant\":[1]},[[2,\"click\",\"handleDisabledClick\"]]],[0,\"xpl-icon\",{\"icon\":[1],\"size\":[2],\"backgroundColor\":[1,\"background-color\"]}]]]]"), options);
21
21
  });
@@ -172,6 +172,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
172
172
  return import(
173
173
  /* webpackMode: "lazy" */
174
174
  './xpl-toolbar.entry.js').then(processMod, consoleError);
175
+ case 'xpl-top-nav-menu':
176
+ return import(
177
+ /* webpackMode: "lazy" */
178
+ './xpl-top-nav-menu.entry.js').then(processMod, consoleError);
175
179
  case 'xpl-avatar_54':
176
180
  return import(
177
181
  /* webpackMode: "lazy" */
@@ -0,0 +1,68 @@
1
+ class TimerManager {
2
+ constructor() {
3
+ this.timeouts = new Set();
4
+ this.intervals = new Set();
5
+ this.rafs = new Set();
6
+ this.coalesced = new Map();
7
+ }
8
+ setTimeout(callback, delay) {
9
+ const id = setTimeout(() => {
10
+ this.timeouts.delete(id);
11
+ callback();
12
+ }, delay);
13
+ this.timeouts.add(id);
14
+ return id;
15
+ }
16
+ clearTimeout(id) {
17
+ clearTimeout(id);
18
+ this.timeouts.delete(id);
19
+ }
20
+ setInterval(callback, delay) {
21
+ const id = setInterval(callback, delay);
22
+ this.intervals.add(id);
23
+ return id;
24
+ }
25
+ clearInterval(id) {
26
+ clearInterval(id);
27
+ this.intervals.delete(id);
28
+ }
29
+ requestAnimationFrame(callback) {
30
+ const id = requestAnimationFrame((time) => {
31
+ this.rafs.delete(id);
32
+ callback(time);
33
+ });
34
+ this.rafs.add(id);
35
+ return id;
36
+ }
37
+ cancelAnimationFrame(id) {
38
+ cancelAnimationFrame(id);
39
+ this.rafs.delete(id);
40
+ }
41
+ scheduleCoalesced(key, callback, delay = 0) {
42
+ this.clearCoalesced(key);
43
+ const id = setTimeout(() => {
44
+ this.coalesced.delete(key);
45
+ callback();
46
+ }, delay);
47
+ this.coalesced.set(key, id);
48
+ }
49
+ clearCoalesced(key) {
50
+ const id = this.coalesced.get(key);
51
+ if (id !== undefined) {
52
+ clearTimeout(id);
53
+ this.coalesced.delete(key);
54
+ }
55
+ }
56
+ dispose() {
57
+ this.timeouts.forEach((id) => clearTimeout(id));
58
+ this.timeouts.clear();
59
+ this.intervals.forEach((id) => clearInterval(id));
60
+ this.intervals.clear();
61
+ this.rafs.forEach((id) => cancelAnimationFrame(id));
62
+ this.rafs.clear();
63
+ this.coalesced.forEach((id) => clearTimeout(id));
64
+ this.coalesced.clear();
65
+ }
66
+ }
67
+
68
+ export { TimerManager as T };
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-DQuL1Twl.js';
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
7
7
  await globalScripts();
8
- return bootstrapLazy(JSON.parse("[[\"xpl-button-row\",[[0,\"xpl-button-row\",{\"primary\":[1],\"secondary\":[1],\"tertiary\":[1]}]]],[\"xpl-table-header-cell\",[[0,\"xpl-table-header-cell\",{\"icon\":[1],\"sortable\":[4],\"label\":[1],\"type\":[1],\"width\":[2],\"sortDirection\":[32]}]]],[\"xpl-accordion\",[[260,\"xpl-accordion\",{\"contentId\":[1,\"content-id\"],\"header\":[1],\"description\":[1],\"initialExpanded\":[4,\"initial-expanded\"],\"size\":[1],\"borderType\":[1,\"border-type\"],\"expanded\":[32],\"parentCheckboxChange\":[64]},[[0,\"checkboxChange\",\"listenToChangeEvent\"]],{\"initialExpanded\":[{\"watchInitialExpanded\":0}]}]]],[\"xpl-application-shell\",[[260,\"xpl-application-shell\",{\"withSubnav\":[4,\"with-subnav\"],\"withUtility\":[4,\"with-utility\"],\"navWidth\":[1,\"nav-width\"],\"isNavOpenAtStartup\":[4,\"is-nav-open-at-startup\"],\"navOpen\":[32]},[[0,\"navOpen\",\"navToggleHandler\"],[0,\"navWidth\",\"navWithHandler\"],[9,\"resize\",\"onWindowResize\"]]]]],[\"xpl-large-card\",[[260,\"xpl-large-card\",{\"link\":[4],\"name\":[1],\"description\":[1]}]]],[\"xpl-calendar\",[[0,\"xpl-calendar\",{\"inputId\":[1,\"input-id\"],\"dateFormat\":[1,\"date-format\"],\"max\":[8],\"min\":[8],\"mode\":[1],\"defaultDate\":[1,\"default-date\"],\"setDate\":[64]}]]],[\"xpl-dynamic-table\",[[260,\"xpl-dynamic-table\",{\"selectedItemCount\":[32],\"colCount\":[32]},[[8,\"deselectAll\",\"listenToDeselectEvent\"],[8,\"checkboxChange\",\"listenToChangeEvent\"]]]]],[\"xpl-dynamic-table-cell\",[[260,\"xpl-dynamic-table-cell\",{\"disabled\":[4]}]]],[\"xpl-dynamic-table-row\",[[260,\"xpl-dynamic-table-row\",{\"disabled\":[4],\"selected\":[4],\"isDisabled\":[32]}]]],[\"xpl-grid\",[[0,\"xpl-grid\"]]],[\"xpl-grid-item\",[[260,\"xpl-grid-item\",{\"xs\":[2],\"sm\":[2],\"md\":[2],\"lg\":[2]}]]],[\"xpl-main-nav\",[[260,\"xpl-main-nav\",{\"width\":[1]}]]],[\"xpl-table-header\",[[260,\"xpl-table-header\"]]],[\"xpl-toggle\",[[0,\"xpl-toggle\",{\"checked\":[4],\"description\":[1],\"disabled\":[4],\"heading\":[1],\"label\":[1],\"name\":[1],\"variant\":[1],\"id\":[32]}]]],[\"xpl-toolbar\",[[260,\"xpl-toolbar\",{\"selectedItemCount\":[2,\"selected-item-count\"]},[[8,\"selectedItemCountChange\",\"listenToSelectedItemCountChange\"]]]]],[\"xpl-avatar_54\",[[260,\"xpl-list\",{\"items\":[16],\"label\":[1],\"labelledBy\":[1,\"labelled-by\"],\"reorderable\":[4],\"selectable\":[4],\"keyboardReorderItemId\":[32],\"reorderLiveMessage\":[32],\"clearSelection\":[64]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"itemSelect\",\"handleChildItemSelect\"],[0,\"slotchange\",\"handleSlotChange\"],[0,\"itemDragStart\",\"handleItemDragStart\"],[0,\"itemDragEnd\",\"handleItemDragEnd\"],[0,\"itemDrop\",\"handleItemDrop\"],[0,\"xplListItemReorder\",\"handleItemReorder\"]],{\"keyboardReorderItemId\":[{\"handleKeyboardReorderItemIdChange\":0}],\"items\":[{\"handleItemsChange\":0}],\"reorderable\":[{\"handleReorderableChange\":0}],\"selectable\":[{\"handleSelectableChange\":0}]}],[0,\"xpl-pagination\",{\"totalPages\":[2,\"total-pages\"],\"withPageControl\":[4,\"with-page-control\"],\"currentPage\":[1026,\"current-page\"],\"rowsPerPageOptions\":[1,\"rows-per-page-options\"],\"selectedRowsPerPage\":[1026,\"selected-rows-per-page\"]},null,{\"currentPage\":[{\"onPageUpdate\":0}],\"totalPages\":[{\"onTotalPagesUpdate\":0}],\"selectedRowsPerPage\":[{\"onRowsPerPageUpdate\":0}]}],[260,\"xpl-tabs\",{\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"type\":[513],\"value\":[1],\"activeBarPosition\":[32],\"choicesTick\":[32],\"isMobileSelectChange\":[32],\"selectedValue\":[32]},[[9,\"resize\",\"onWindowResize\"]],{\"disabled\":[{\"onDisabledChanged\":0}],\"fullWidth\":[{\"onFullWidthChanged\":0}],\"type\":[{\"onTypeChanged\":0}],\"value\":[{\"onValueChanged\":0}]}],[260,\"xpl-slideout\",{\"isOpen\":[1540,\"is-open\"],\"backdrop\":[4],\"variant\":[1],\"showFooter\":[4,\"show-footer\"]},[[9,\"scroll\",\"handleScroll\"]],{\"isOpen\":[{\"watchPropHandler\":0}]}],[260,\"xpl-top-nav\",{\"brandHref\":[1,\"brand-href\"],\"brandLogo\":[1,\"brand-logo\"],\"brandName\":[1,\"brand-name\"],\"childAccountLabel\":[1,\"child-account-label\"],\"label\":[1],\"navControl\":[516,\"nav-control\"],\"brandLogoSlotPresent\":[32],\"open\":[32],\"userMenuSlotPresent\":[32],\"userMenuTriggerSlotPresent\":[32]},null,{\"navControl\":[{\"onNavControlChanged\":0}]}],[260,\"xpl-modal\",{\"isOpen\":[1540,\"is-open\"],\"size\":[1],\"variant\":[1]},null,{\"isOpen\":[{\"updateModalState\":0}]}],[260,\"xpl-side-nav\",{\"label\":[1],\"open\":[1540],\"toggle\":[64],\"setOpen\":[64]},null,{\"open\":[{\"onOpenChanged\":0}]}],[0,\"xpl-banner\",{\"actionText\":[1,\"action-text\"],\"appearance\":[1],\"description\":[1],\"hasIcon\":[4,\"has-icon\"],\"heading\":[1],\"isDismissible\":[4,\"is-dismissible\"],\"isSection\":[4,\"is-section\"],\"secondaryActionText\":[1,\"secondary-action-text\"],\"truncateDesc\":[4,\"truncate-desc\"]}],[0,\"xpl-choicelist\",{\"choices\":[16],\"description\":[1],\"heading\":[1],\"multi\":[4],\"name\":[1],\"styled\":[4],\"selected\":[32]},null,{\"choices\":[{\"onChoicesPropChange\":0}],\"selected\":[{\"onSelectedChange\":0}]}],[260,\"xpl-data-card\",{\"link\":[4],\"name\":[1],\"stat\":[1],\"shortStat\":[1,\"short-stat\"],\"variant\":[1],\"leadingIcon\":[4,\"leading-icon\"],\"icon\":[1],\"smallStat\":[1,\"small-stat\"],\"smallStatIcon\":[1,\"small-stat-icon\"],\"detail\":[1],\"smallStatVariant\":[1,\"small-stat-variant\"],\"tooltipTextSmallStat\":[1,\"tooltip-text-small-stat\"],\"tooltipTextStat\":[1,\"tooltip-text-stat\"]},null,{\"stat\":[{\"watchStat\":0}],\"shortStat\":[{\"watchShortStat\":0}]}],[260,\"xpl-header-accordion\",{\"contentId\":[1,\"content-id\"],\"initialExpanded\":[4,\"initial-expanded\"],\"disabled\":[4],\"selectedCount\":[2,\"selected-count\"],\"hasCheckbox\":[4,\"has-checkbox\"],\"expanded\":[32],\"parentChecked\":[32],\"parentIndeterminate\":[32]},[[0,\"checkboxChange\",\"handleChildCheckboxChange\"]],{\"selectedCount\":[{\"watchSelectedCount\":0}]}],[260,\"xpl-spotlight\",{\"actionLayout\":[1,\"action-layout\"],\"anchorPosition\":[1,\"anchor-position\"],\"body\":[1],\"currentStep\":[2,\"current-step\"],\"heading\":[1],\"isDismissible\":[4,\"is-dismissible\"],\"isOpen\":[4,\"is-open\"],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"showActions\":[4,\"show-actions\"],\"showImage\":[4,\"show-image\"],\"showSteps\":[4,\"show-steps\"],\"target\":[1],\"totalSteps\":[2,\"total-steps\"],\"hasBodySlotContent\":[32],\"hasFloatingPosition\":[32],\"hasImageSlotContent\":[32],\"hasTitleSlotContent\":[32],\"dialogLabelId\":[32],\"isVisible\":[32],\"resolvedAnchorPosition\":[32]},[[4,\"keydown\",\"handleKeyDown\"]],{\"anchorPosition\":[{\"onAnchorPositionChange\":0}],\"isOpen\":[{\"onIsOpenChange\":0}],\"target\":[{\"onTargetChange\":0}]}],[260,\"xpl-tab\",{\"disabled\":[516],\"fullWidth\":[4,\"full-width\"],\"groupDisabled\":[1540,\"data-group-disabled\"],\"icon\":[513],\"iconPosition\":[1,\"icon-position\"],\"selected\":[4],\"target\":[1],\"variant\":[1],\"getFocusableElement\":[64],\"setTabIndex\":[64],\"focusTrigger\":[64]}],[0,\"xpl-table\",{\"columns\":[16],\"data\":[16],\"footer\":[16],\"freeze\":[4],\"multiselect\":[4],\"striped\":[4],\"selectedValues\":[16],\"isSortable\":[4,\"is-sortable\"],\"sortableColumns\":[16],\"areAllSelected\":[32],\"rowData\":[32],\"rowFooterData\":[32],\"hasScrolled\":[32],\"selected\":[32],\"sortTypeArray\":[32]},null,{\"data\":[{\"watchData\":0}],\"footer\":[{\"watchFooterData\":0}],\"columns\":[{\"watchColumns\":0}]}],[0,\"xpl-progress-bar\",{\"helperText\":[1,\"helper-text\"],\"label\":[1],\"max\":[2],\"size\":[1],\"value\":[2],\"variant\":[1]}],[0,\"xpl-progress-indicator\",{\"currentStep\":[1026,\"current-step\"],\"layout\":[1],\"showLabels\":[4,\"show-labels\"],\"showNumbers\":[4,\"show-numbers\"],\"steps\":[16]},null,{\"steps\":[{\"validateCurrentStep\":0}],\"currentStep\":[{\"validateCurrentStep\":0}]}],[260,\"xpl-side-nav-item\",{\"disabled\":[516],\"expanded\":[1540],\"hasChildren\":[1540,\"has-children\"],\"hidden\":[516],\"icon\":[1],\"label\":[1],\"link\":[516],\"selected\":[516],\"hasTrailingSlot\":[32]},null,{\"hasChildren\":[{\"syncLinkHasChildrenExclusivity\":0}],\"link\":[{\"syncLinkHasChildrenExclusivity\":0}]}],[260,\"xpl-toast\",{\"variant\":[1],\"showIcon\":[4,\"show-icon\"],\"caption\":[1],\"dismissable\":[4],\"timeout\":[2]}],[260,\"xpl-utility-bar\",{\"navControl\":[4,\"nav-control\"],\"isNavOpenAtStartup\":[4,\"is-nav-open-at-startup\"],\"open\":[32]}],[260,\"xpl-breadcrumb-item\"],[260,\"xpl-breadcrumbs\"],[260,\"xpl-content-area\",{\"size\":[1]}],[260,\"xpl-dashboard\"],[260,\"xpl-nav-header-menu\",{\"email\":[1],\"username\":[1],\"rightAsideMobilePresent\":[32]}],[260,\"xpl-nav-item\",{\"navControl\":[4,\"nav-control\"]}],[260,\"xpl-panel\",{\"accent\":[1],\"padding\":[1]}],[260,\"xpl-secondary-nav\"],[0,\"xpl-skeleton\",{\"classNames\":[1,\"class-names\"],\"fullWidth\":[4,\"full-width\"],\"height\":[1],\"width\":[1],\"margin\":[1],\"shape\":[1],\"size\":[1]}],[260,\"xpl-tab-panel\",{\"selected\":[4],\"target\":[1]}],[260,\"xpl-list-item\",{\"disabled\":[4],\"error\":[4],\"hidden\":[4],\"href\":[1],\"item\":[16],\"itemId\":[1025,\"item-id\"],\"keyboardActive\":[4,\"keyboard-active\"],\"radioName\":[1,\"radio-name\"],\"reorderable\":[4],\"selectable\":[4],\"selected\":[4],\"showDivider\":[4,\"show-divider\"],\"titleBadgeVariant\":[1,\"title-badge-variant\"],\"slotPresence\":[32],\"isKeyboardMode\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]],{\"item\":[{\"handleItemChange\":0}],\"keyboardActive\":[{\"handleKeyboardActiveChange\":0}],\"selected\":[{\"handleSelectedChange\":0}],\"titleBadgeVariant\":[{\"handleTitleBadgeVariantChange\":0}]}],[260,\"xpl-top-nav-item\",{\"active\":[516],\"href\":[1],\"icon\":[1],\"itemAriaLabel\":[1,\"item-aria-label\"],\"label\":[1],\"selected\":[516],\"hasDropdown\":[32],\"hostListitemRole\":[32],\"open\":[32]},[[0,\"_xplCloseNavDropdown\",\"handleCloseNavDropdownRequest\"]],{\"hasDropdown\":[{\"onHasDropdownChanged\":0}]}],[260,\"xpl-tooltip\",{\"text\":[1],\"position\":[1],\"hideArrow\":[4,\"hide-arrow\"]}],[260,\"xpl-select\",{\"choices\":[16],\"selectIcon\":[1,\"select-icon\"],\"description\":[1],\"disabled\":[4],\"dropdownFlipFallbackPlacements\":[16],\"dropdownPlacement\":[1,\"dropdown-placement\"],\"error\":[1],\"label\":[1],\"mode\":[1],\"name\":[1],\"placeholder\":[1],\"truncate\":[4],\"customDisplayValue\":[4,\"custom-display-value\"],\"selectedValues\":[1,\"selected-values\"],\"classNames\":[1,\"class-names\"],\"active\":[32],\"id\":[32],\"keepFocus\":[32],\"visibleChoices\":[32],\"choicesState\":[32],\"value\":[32],\"dropdownOpenState\":[32],\"reset\":[64]},[[8,\"click\",\"handleClickEvent\"],[8,\"keydown\",\"handleKeyDown\"],[9,\"resize\",\"handleResize\"]],{\"choices\":[{\"onChoicesPropChanged\":0}],\"selectedValues\":[{\"onSelectedValuesPropChanged\":0}],\"choicesState\":[{\"onChoicesStateChanged\":0}],\"value\":[{\"handleValueStateChange\":0}],\"dropdownOpenState\":[{\"onDropdownOpenStateChanged\":0}]}],[260,\"xpl-avatar\",{\"color\":[1],\"disabled\":[4],\"groupData\":[1,\"group-data\"],\"href\":[1],\"name\":[1],\"size\":[1],\"src\":[1],\"status\":[1],\"subText\":[1,\"sub-text\"],\"target\":[1],\"variant\":[1],\"cachedGroupItems\":[32],\"cachedSlotContent\":[32]},null,{\"groupData\":[{\"onGroupDataChange\":0}]}],[260,\"xpl-tag\",{\"disabled\":[4],\"dismissible\":[4],\"isDraggable\":[4,\"is-draggable\"],\"size\":[1],\"tagId\":[1,\"tag-id\"],\"dismissAriaLabelSuffix\":[32],\"isDragging\":[32]},null,{\"disabled\":[{\"onDisabledChange\":0}],\"isDraggable\":[{\"onIsDraggableChange\":0}]}],[260,\"xpl-badge\",{\"bordered\":[4],\"dot\":[4],\"dotOnly\":[4,\"dot-only\"],\"shape\":[1],\"size\":[1],\"variant\":[1]}],[260,\"xpl-divider\",{\"tier\":[2]}],[260,\"xpl-radio\",{\"checked\":[4],\"description\":[1],\"disabled\":[4],\"name\":[1],\"value\":[1],\"required\":[4],\"selectedValue\":[1,\"selected-value\"],\"styled\":[4],\"id\":[32]}],[260,\"xpl-input\",{\"_id\":[1],\"description\":[1],\"disabled\":[4],\"error\":[1],\"label\":[1],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1],\"autocomplete\":[1],\"placeholder\":[1],\"post\":[1],\"pre\":[1],\"max\":[8],\"min\":[8],\"step\":[2],\"multiline\":[4],\"maxCharacterCount\":[2,\"max-character-count\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"allowCustomOption\":[4,\"allow-custom-option\"],\"mode\":[1],\"accept\":[1],\"multiple\":[4],\"hideTriggerOnSelect\":[4,\"hide-trigger-on-select\"],\"hideFileNames\":[4,\"hide-file-names\"],\"hideAcceptText\":[4,\"hide-accept-text\"],\"hideEyeDropper\":[4,\"hide-eye-dropper\"],\"defaultCountry\":[1,\"default-country\"],\"preferredCountries\":[16],\"isInternational\":[4,\"is-international\"],\"ariaLabel\":[1,\"aria-label\"],\"shape\":[1],\"type\":[1],\"characterCount\":[32],\"passwordVisible\":[32],\"hasPreSlotContent\":[32],\"setFocus\":[64]}],[0,\"xpl-input-color\",{\"value\":[1],\"placeholder\":[1],\"disabled\":[4],\"required\":[4],\"hideEyeDropper\":[4,\"hide-eye-dropper\"],\"hasErrorState\":[32],\"colorValues\":[32],\"eyeDropperSupported\":[32],\"hue\":[32]},null,{\"colorValues\":[{\"valueChanged\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValuePropChange\":0}]}],[260,\"xpl-popover\",{\"isOpen\":[4,\"is-open\"],\"disabled\":[4],\"position\":[1],\"display\":[1],\"isOpenState\":[32],\"actualPosition\":[32],\"updateListener\":[32]},null,{\"isOpen\":[{\"onIsOpenPropChange\":0}],\"isOpenState\":[{\"onIsOpenStateChange\":0}]}],[0,\"xpl-input-phone\",{\"defaultCountry\":[1,\"default-country\"],\"disabled\":[4],\"error\":[4],\"inputId\":[1,\"input-id\"],\"isInternational\":[4,\"is-international\"],\"name\":[1],\"placeholder\":[1],\"preferredCountries\":[16],\"readonly\":[4],\"required\":[4],\"value\":[1537],\"dropdownOpen\":[32],\"hasErrorState\":[32],\"nationalNumber\":[32],\"searchQuery\":[32],\"selectedCountry\":[32],\"triggerId\":[32]},null,{\"dropdownOpen\":[{\"onDropdownOpenChange\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValueChange\":0}]}],[0,\"xpl-input-time\",{\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1537],\"placeholder\":[1],\"max\":[8],\"min\":[8],\"step\":[2],\"mode\":[1],\"timeFormat\":[1,\"time-format\"],\"allowCustomOption\":[4,\"allow-custom-option\"],\"formattedValue\":[32],\"hasErrorState\":[32],\"showOptions\":[32],\"options\":[32],\"amPm\":[32]},null,{\"value\":[{\"onValueChange\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}]}],[0,\"xpl-input-date\",{\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1],\"placeholder\":[1],\"post\":[1],\"pre\":[1],\"max\":[8],\"min\":[8],\"dateFormat\":[1,\"date-format\"],\"mode\":[1],\"flatpickrStaticLayout\":[32],\"hasErrorState\":[32]},null,{\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValueChanged\":0}]}],[260,\"xpl-input-file\",{\"disabled\":[4],\"name\":[1],\"_id\":[1],\"accept\":[1],\"multiple\":[4],\"hideTriggerOnSelect\":[4,\"hide-trigger-on-select\"],\"hideFileNames\":[4,\"hide-file-names\"],\"hideAcceptText\":[4,\"hide-accept-text\"],\"files\":[32],\"removeFileByIndex\":[64]},null,{\"files\":[{\"onFilesChange\":0}]}],[0,\"xpl-input-search\",{\"ariaLabel\":[1,\"aria-label\"],\"autocomplete\":[1],\"disabled\":[4],\"errorMessageId\":[1,\"error-message-id\"],\"hasError\":[4,\"has-error\"],\"hasVisibleLabel\":[4,\"has-visible-label\"],\"inputId\":[1,\"input-id\"],\"name\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"shape\":[1],\"value\":[1025],\"hasAncestorForm\":[32],\"setFocus\":[64]}],[0,\"xpl-backdrop\",{\"relative\":[4]}],[260,\"xpl-checkbox\",{\"ariaLabel\":[1,\"aria-label\"],\"checked\":[4],\"description\":[1],\"disabled\":[4],\"indeterminate\":[4],\"name\":[1],\"value\":[1],\"required\":[4],\"styled\":[4],\"dataId\":[1,\"data-id\"],\"id\":[32]}],[260,\"xpl-dropdown\",{\"isOpen\":[1540,\"open\"],\"closeOnSelect\":[4,\"close-on-select\"],\"mode\":[1],\"options\":[1040],\"anchorToTrigger\":[4,\"anchor-to-trigger\"],\"flipFallbackPlacements\":[16],\"placement\":[1],\"selectedValues\":[1,\"selected-values\"],\"selectOnFocus\":[4,\"select-on-focus\"],\"triggerId\":[1,\"trigger-id\"],\"update\":[16],\"virtualEnd\":[32],\"virtualStart\":[32],\"handleSelect\":[64]},null,{\"options\":[{\"onOptionsChanged\":0}],\"anchorToTrigger\":[{\"onAnchorToTriggerChanged\":0}],\"flipFallbackPlacements\":[{\"onFlipFallbackPlacementsChanged\":0}],\"placement\":[{\"onPlacementChanged\":0}],\"triggerId\":[{\"onTriggerIdChanged\":0}],\"selectedValues\":[{\"onSelectedValuesChanged\":0}],\"isOpen\":[{\"onIsOpenStateChange\":0}]}],[260,\"xpl-dropdown-group\",{\"groupName\":[1,\"label\"],\"options\":[16]}],[260,\"xpl-dropdown-option\",{\"isDisabled\":[516,\"disabled\"],\"label\":[1],\"value\":[1],\"subtitle\":[1],\"icon\":[1],\"isSelected\":[4,\"selected\"]}],[260,\"xpl-dropdown-heading\",{\"label\":[1]}],[260,\"xpl-button\",{\"controlAttrs\":[16],\"disabled\":[4],\"form\":[1],\"fullWidth\":[4,\"full-width\"],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"iconPosition\":[1,\"icon-position\"],\"isLoading\":[4,\"is-loading\"],\"link\":[4],\"name\":[1],\"sentiment\":[1],\"size\":[1],\"state\":[1],\"type\":[1],\"value\":[1],\"variant\":[1]},[[2,\"click\",\"handleDisabledClick\"]]],[0,\"xpl-icon\",{\"icon\":[1],\"size\":[2],\"backgroundColor\":[1,\"background-color\"]}]]]]"), options);
8
+ return bootstrapLazy(JSON.parse("[[\"xpl-button-row\",[[0,\"xpl-button-row\",{\"primary\":[1],\"secondary\":[1],\"tertiary\":[1]}]]],[\"xpl-table-header-cell\",[[0,\"xpl-table-header-cell\",{\"icon\":[1],\"sortable\":[4],\"label\":[1],\"type\":[1],\"width\":[2],\"sortDirection\":[32]}]]],[\"xpl-top-nav-menu\",[[260,\"xpl-top-nav-menu\",{\"label\":[1],\"isMobileCascade\":[32]}]]],[\"xpl-accordion\",[[260,\"xpl-accordion\",{\"contentId\":[1,\"content-id\"],\"header\":[1],\"description\":[1],\"initialExpanded\":[4,\"initial-expanded\"],\"size\":[1],\"borderType\":[1,\"border-type\"],\"expanded\":[32],\"parentCheckboxChange\":[64]},[[0,\"checkboxChange\",\"listenToChangeEvent\"]],{\"initialExpanded\":[{\"watchInitialExpanded\":0}]}]]],[\"xpl-application-shell\",[[260,\"xpl-application-shell\",{\"withSubnav\":[4,\"with-subnav\"],\"withUtility\":[4,\"with-utility\"],\"navWidth\":[1,\"nav-width\"],\"isNavOpenAtStartup\":[4,\"is-nav-open-at-startup\"],\"navOpen\":[32]},[[0,\"navOpen\",\"navToggleHandler\"],[0,\"navWidth\",\"navWithHandler\"],[9,\"resize\",\"onWindowResize\"]]]]],[\"xpl-large-card\",[[260,\"xpl-large-card\",{\"link\":[4],\"name\":[1],\"description\":[1]}]]],[\"xpl-calendar\",[[0,\"xpl-calendar\",{\"inputId\":[1,\"input-id\"],\"dateFormat\":[1,\"date-format\"],\"max\":[8],\"min\":[8],\"mode\":[1],\"defaultDate\":[1,\"default-date\"],\"setDate\":[64]}]]],[\"xpl-dynamic-table\",[[260,\"xpl-dynamic-table\",{\"selectedItemCount\":[32],\"colCount\":[32]},[[8,\"deselectAll\",\"listenToDeselectEvent\"],[8,\"checkboxChange\",\"listenToChangeEvent\"]]]]],[\"xpl-dynamic-table-cell\",[[260,\"xpl-dynamic-table-cell\",{\"disabled\":[4]}]]],[\"xpl-dynamic-table-row\",[[260,\"xpl-dynamic-table-row\",{\"disabled\":[4],\"selected\":[4],\"isDisabled\":[32]}]]],[\"xpl-grid\",[[0,\"xpl-grid\"]]],[\"xpl-grid-item\",[[260,\"xpl-grid-item\",{\"xs\":[2],\"sm\":[2],\"md\":[2],\"lg\":[2]}]]],[\"xpl-main-nav\",[[260,\"xpl-main-nav\",{\"width\":[1]}]]],[\"xpl-table-header\",[[260,\"xpl-table-header\"]]],[\"xpl-toggle\",[[0,\"xpl-toggle\",{\"checked\":[4],\"description\":[1],\"disabled\":[4],\"heading\":[1],\"label\":[1],\"name\":[1],\"variant\":[1],\"id\":[32]}]]],[\"xpl-toolbar\",[[260,\"xpl-toolbar\",{\"selectedItemCount\":[2,\"selected-item-count\"]},[[8,\"selectedItemCountChange\",\"listenToSelectedItemCountChange\"]]]]],[\"xpl-avatar_54\",[[260,\"xpl-list\",{\"items\":[16],\"label\":[1],\"labelledBy\":[1,\"labelled-by\"],\"reorderable\":[4],\"selectable\":[4],\"keyboardReorderItemId\":[32],\"reorderLiveMessage\":[32],\"clearSelection\":[64]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"itemSelect\",\"handleChildItemSelect\"],[0,\"slotchange\",\"handleSlotChange\"],[0,\"itemDragStart\",\"handleItemDragStart\"],[0,\"itemDragEnd\",\"handleItemDragEnd\"],[0,\"itemDrop\",\"handleItemDrop\"],[0,\"xplListItemReorder\",\"handleItemReorder\"]],{\"keyboardReorderItemId\":[{\"handleKeyboardReorderItemIdChange\":0}],\"items\":[{\"handleItemsChange\":0}],\"reorderable\":[{\"handleReorderableChange\":0}],\"selectable\":[{\"handleSelectableChange\":0}]}],[0,\"xpl-pagination\",{\"totalPages\":[2,\"total-pages\"],\"withPageControl\":[4,\"with-page-control\"],\"currentPage\":[1026,\"current-page\"],\"rowsPerPageOptions\":[1,\"rows-per-page-options\"],\"selectedRowsPerPage\":[1026,\"selected-rows-per-page\"]},null,{\"currentPage\":[{\"onPageUpdate\":0}],\"totalPages\":[{\"onTotalPagesUpdate\":0}],\"selectedRowsPerPage\":[{\"onRowsPerPageUpdate\":0}]}],[260,\"xpl-tabs\",{\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"type\":[513],\"value\":[1],\"activeBarPosition\":[32],\"choicesTick\":[32],\"isMobileSelectChange\":[32],\"selectedValue\":[32]},[[9,\"resize\",\"onWindowResize\"]],{\"disabled\":[{\"onDisabledChanged\":0}],\"fullWidth\":[{\"onFullWidthChanged\":0}],\"type\":[{\"onTypeChanged\":0}],\"value\":[{\"onValueChanged\":0}]}],[260,\"xpl-slideout\",{\"isOpen\":[1540,\"is-open\"],\"backdrop\":[4],\"variant\":[1],\"showFooter\":[4,\"show-footer\"]},[[9,\"scroll\",\"handleScroll\"]],{\"isOpen\":[{\"watchPropHandler\":0}]}],[260,\"xpl-top-nav\",{\"brandHref\":[1,\"brand-href\"],\"brandLogo\":[1,\"brand-logo\"],\"brandName\":[1,\"brand-name\"],\"childAccountLabel\":[1,\"child-account-label\"],\"label\":[1],\"navControl\":[516,\"nav-control\"],\"brandLogoSlotPresent\":[32],\"open\":[32],\"userMenuSlotPresent\":[32],\"userMenuTriggerSlotPresent\":[32]},null,{\"navControl\":[{\"onNavControlChanged\":0}]}],[260,\"xpl-modal\",{\"isOpen\":[1540,\"is-open\"],\"size\":[1],\"variant\":[1]},null,{\"isOpen\":[{\"updateModalState\":0}]}],[260,\"xpl-side-nav\",{\"label\":[1],\"open\":[1540],\"toggle\":[64],\"setOpen\":[64]},null,{\"open\":[{\"onOpenChanged\":0}]}],[0,\"xpl-banner\",{\"actionText\":[1,\"action-text\"],\"appearance\":[1],\"description\":[1],\"hasIcon\":[4,\"has-icon\"],\"heading\":[1],\"isDismissible\":[4,\"is-dismissible\"],\"isSection\":[4,\"is-section\"],\"secondaryActionText\":[1,\"secondary-action-text\"],\"truncateDesc\":[4,\"truncate-desc\"]}],[0,\"xpl-choicelist\",{\"choices\":[16],\"description\":[1],\"heading\":[1],\"multi\":[4],\"name\":[1],\"styled\":[4],\"selected\":[32]},null,{\"choices\":[{\"onChoicesPropChange\":0}],\"selected\":[{\"onSelectedChange\":0}]}],[260,\"xpl-data-card\",{\"link\":[4],\"name\":[1],\"stat\":[1],\"shortStat\":[1,\"short-stat\"],\"variant\":[1],\"leadingIcon\":[4,\"leading-icon\"],\"icon\":[1],\"smallStat\":[1,\"small-stat\"],\"smallStatIcon\":[1,\"small-stat-icon\"],\"detail\":[1],\"smallStatVariant\":[1,\"small-stat-variant\"],\"tooltipTextSmallStat\":[1,\"tooltip-text-small-stat\"],\"tooltipTextStat\":[1,\"tooltip-text-stat\"]},null,{\"stat\":[{\"watchStat\":0}],\"shortStat\":[{\"watchShortStat\":0}]}],[260,\"xpl-header-accordion\",{\"contentId\":[1,\"content-id\"],\"initialExpanded\":[4,\"initial-expanded\"],\"disabled\":[4],\"selectedCount\":[2,\"selected-count\"],\"hasCheckbox\":[4,\"has-checkbox\"],\"expanded\":[32],\"parentChecked\":[32],\"parentIndeterminate\":[32]},[[0,\"checkboxChange\",\"handleChildCheckboxChange\"]],{\"selectedCount\":[{\"watchSelectedCount\":0}]}],[260,\"xpl-spotlight\",{\"actionLayout\":[1,\"action-layout\"],\"anchorPosition\":[1,\"anchor-position\"],\"body\":[1],\"currentStep\":[2,\"current-step\"],\"heading\":[1],\"isDismissible\":[4,\"is-dismissible\"],\"isOpen\":[4,\"is-open\"],\"primaryActionLabel\":[1,\"primary-action-label\"],\"secondaryActionLabel\":[1,\"secondary-action-label\"],\"showActions\":[4,\"show-actions\"],\"showImage\":[4,\"show-image\"],\"showSteps\":[4,\"show-steps\"],\"target\":[1],\"totalSteps\":[2,\"total-steps\"],\"hasBodySlotContent\":[32],\"hasFloatingPosition\":[32],\"hasImageSlotContent\":[32],\"hasTitleSlotContent\":[32],\"dialogLabelId\":[32],\"isVisible\":[32],\"resolvedAnchorPosition\":[32]},[[4,\"keydown\",\"handleKeyDown\"]],{\"anchorPosition\":[{\"onAnchorPositionChange\":0}],\"isOpen\":[{\"onIsOpenChange\":0}],\"target\":[{\"onTargetChange\":0}]}],[260,\"xpl-tab\",{\"disabled\":[516],\"fullWidth\":[4,\"full-width\"],\"groupDisabled\":[1540,\"data-group-disabled\"],\"icon\":[513],\"iconPosition\":[1,\"icon-position\"],\"selected\":[4],\"target\":[1],\"variant\":[1],\"getFocusableElement\":[64],\"setTabIndex\":[64],\"focusTrigger\":[64]}],[0,\"xpl-table\",{\"columns\":[16],\"data\":[16],\"footer\":[16],\"freeze\":[4],\"multiselect\":[4],\"striped\":[4],\"selectedValues\":[16],\"isSortable\":[4,\"is-sortable\"],\"sortableColumns\":[16],\"areAllSelected\":[32],\"rowData\":[32],\"rowFooterData\":[32],\"hasScrolled\":[32],\"selected\":[32],\"sortTypeArray\":[32]},null,{\"data\":[{\"watchData\":0}],\"footer\":[{\"watchFooterData\":0}],\"columns\":[{\"watchColumns\":0}]}],[0,\"xpl-progress-bar\",{\"helperText\":[1,\"helper-text\"],\"label\":[1],\"max\":[2],\"size\":[1],\"value\":[2],\"variant\":[1]}],[0,\"xpl-progress-indicator\",{\"currentStep\":[1026,\"current-step\"],\"layout\":[1],\"showLabels\":[4,\"show-labels\"],\"showNumbers\":[4,\"show-numbers\"],\"steps\":[16]},null,{\"steps\":[{\"validateCurrentStep\":0}],\"currentStep\":[{\"validateCurrentStep\":0}]}],[260,\"xpl-side-nav-item\",{\"disabled\":[516],\"expanded\":[1540],\"hasChildren\":[1540,\"has-children\"],\"hidden\":[516],\"icon\":[1],\"label\":[1],\"link\":[516],\"selected\":[516],\"hasTrailingSlot\":[32]},null,{\"hasChildren\":[{\"syncLinkHasChildrenExclusivity\":0}],\"link\":[{\"syncLinkHasChildrenExclusivity\":0}]}],[260,\"xpl-toast\",{\"variant\":[1],\"showIcon\":[4,\"show-icon\"],\"caption\":[1],\"dismissable\":[4],\"timeout\":[2]}],[260,\"xpl-utility-bar\",{\"navControl\":[4,\"nav-control\"],\"isNavOpenAtStartup\":[4,\"is-nav-open-at-startup\"],\"open\":[32]}],[260,\"xpl-breadcrumb-item\"],[260,\"xpl-breadcrumbs\"],[260,\"xpl-content-area\",{\"size\":[1]}],[260,\"xpl-dashboard\"],[260,\"xpl-nav-header-menu\",{\"email\":[1],\"username\":[1],\"rightAsideMobilePresent\":[32]}],[260,\"xpl-nav-item\",{\"navControl\":[4,\"nav-control\"]}],[260,\"xpl-panel\",{\"accent\":[1],\"padding\":[1]}],[260,\"xpl-secondary-nav\"],[0,\"xpl-skeleton\",{\"classNames\":[1,\"class-names\"],\"fullWidth\":[4,\"full-width\"],\"height\":[1],\"width\":[1],\"margin\":[1],\"shape\":[1],\"size\":[1]}],[260,\"xpl-tab-panel\",{\"selected\":[4],\"target\":[1]}],[260,\"xpl-list-item\",{\"disabled\":[4],\"error\":[4],\"hidden\":[4],\"href\":[1],\"item\":[16],\"itemId\":[1025,\"item-id\"],\"keyboardActive\":[4,\"keyboard-active\"],\"radioName\":[1,\"radio-name\"],\"reorderable\":[4],\"selectable\":[4],\"selected\":[4],\"showDivider\":[4,\"show-divider\"],\"titleBadgeVariant\":[1,\"title-badge-variant\"],\"slotPresence\":[32],\"isKeyboardMode\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]],{\"item\":[{\"handleItemChange\":0}],\"keyboardActive\":[{\"handleKeyboardActiveChange\":0}],\"selected\":[{\"handleSelectedChange\":0}],\"titleBadgeVariant\":[{\"handleTitleBadgeVariantChange\":0}]}],[260,\"xpl-tooltip\",{\"text\":[1],\"position\":[1],\"hideArrow\":[4,\"hide-arrow\"]}],[260,\"xpl-select\",{\"choices\":[16],\"selectIcon\":[1,\"select-icon\"],\"description\":[1],\"disabled\":[4],\"dropdownFlipFallbackPlacements\":[16],\"dropdownPlacement\":[1,\"dropdown-placement\"],\"error\":[1],\"label\":[1],\"mode\":[1],\"name\":[1],\"placeholder\":[1],\"truncate\":[4],\"customDisplayValue\":[4,\"custom-display-value\"],\"selectedValues\":[1,\"selected-values\"],\"classNames\":[1,\"class-names\"],\"active\":[32],\"id\":[32],\"keepFocus\":[32],\"visibleChoices\":[32],\"choicesState\":[32],\"value\":[32],\"dropdownOpenState\":[32],\"reset\":[64]},[[8,\"click\",\"handleClickEvent\"],[8,\"keydown\",\"handleKeyDown\"],[9,\"resize\",\"handleResize\"]],{\"choices\":[{\"onChoicesPropChanged\":0}],\"selectedValues\":[{\"onSelectedValuesPropChanged\":0}],\"choicesState\":[{\"onChoicesStateChanged\":0}],\"value\":[{\"handleValueStateChange\":0}],\"dropdownOpenState\":[{\"onDropdownOpenStateChanged\":0}]}],[260,\"xpl-avatar\",{\"color\":[1],\"disabled\":[4],\"groupData\":[1,\"group-data\"],\"href\":[1],\"name\":[1],\"size\":[1],\"src\":[1],\"status\":[1],\"subText\":[1,\"sub-text\"],\"target\":[1],\"variant\":[1],\"cachedGroupItems\":[32],\"cachedSlotContent\":[32]},null,{\"groupData\":[{\"onGroupDataChange\":0}]}],[260,\"xpl-top-nav-item\",{\"active\":[516],\"description\":[1],\"href\":[1],\"icon\":[1],\"itemAriaLabel\":[1,\"item-aria-label\"],\"label\":[1],\"open\":[1540],\"openMode\":[513,\"open-mode\"],\"selected\":[516],\"hasActiveDescendant\":[32],\"hasDropdown\":[32],\"isLeadingIconSlotPresent\":[32],\"hostListitemRole\":[32],\"isTrailingIconSlotPresent\":[32],\"closeMenu\":[64],\"openMenu\":[64],\"toggleMenu\":[64]},[[0,\"_xplCloseNavDropdown\",\"handleCloseNavDropdownRequest\"]],{\"hasDropdown\":[{\"onHasDropdownChanged\":0}],\"open\":[{\"onOpenChanged\":0}]}],[260,\"xpl-tag\",{\"disabled\":[4],\"dismissible\":[4],\"isDraggable\":[4,\"is-draggable\"],\"size\":[1],\"tagId\":[1,\"tag-id\"],\"dismissAriaLabelSuffix\":[32],\"isDragging\":[32]},null,{\"disabled\":[{\"onDisabledChange\":0}],\"isDraggable\":[{\"onIsDraggableChange\":0}]}],[260,\"xpl-badge\",{\"bordered\":[4],\"dot\":[4],\"dotOnly\":[4,\"dot-only\"],\"shape\":[1],\"size\":[1],\"variant\":[1]}],[260,\"xpl-divider\",{\"tier\":[2]}],[260,\"xpl-radio\",{\"checked\":[4],\"description\":[1],\"disabled\":[4],\"name\":[1],\"value\":[1],\"required\":[4],\"selectedValue\":[1,\"selected-value\"],\"styled\":[4],\"id\":[32]}],[260,\"xpl-input\",{\"_id\":[1],\"description\":[1],\"disabled\":[4],\"error\":[1],\"label\":[1],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1],\"autocomplete\":[1],\"placeholder\":[1],\"post\":[1],\"pre\":[1],\"max\":[8],\"min\":[8],\"step\":[2],\"multiline\":[4],\"maxCharacterCount\":[2,\"max-character-count\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"allowCustomOption\":[4,\"allow-custom-option\"],\"mode\":[1],\"accept\":[1],\"multiple\":[4],\"hideTriggerOnSelect\":[4,\"hide-trigger-on-select\"],\"hideFileNames\":[4,\"hide-file-names\"],\"hideAcceptText\":[4,\"hide-accept-text\"],\"hideEyeDropper\":[4,\"hide-eye-dropper\"],\"defaultCountry\":[1,\"default-country\"],\"preferredCountries\":[16],\"isInternational\":[4,\"is-international\"],\"ariaLabel\":[1,\"aria-label\"],\"shape\":[1],\"type\":[1],\"characterCount\":[32],\"passwordVisible\":[32],\"hasPreSlotContent\":[32],\"setFocus\":[64]}],[0,\"xpl-input-color\",{\"value\":[1],\"placeholder\":[1],\"disabled\":[4],\"required\":[4],\"hideEyeDropper\":[4,\"hide-eye-dropper\"],\"hasErrorState\":[32],\"colorValues\":[32],\"eyeDropperSupported\":[32],\"hue\":[32]},null,{\"colorValues\":[{\"valueChanged\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValuePropChange\":0}]}],[260,\"xpl-popover\",{\"isOpen\":[4,\"is-open\"],\"disabled\":[4],\"position\":[1],\"display\":[1],\"isOpenState\":[32],\"actualPosition\":[32],\"updateListener\":[32]},null,{\"isOpen\":[{\"onIsOpenPropChange\":0}],\"isOpenState\":[{\"onIsOpenStateChange\":0}]}],[0,\"xpl-input-phone\",{\"defaultCountry\":[1,\"default-country\"],\"disabled\":[4],\"error\":[4],\"inputId\":[1,\"input-id\"],\"isInternational\":[4,\"is-international\"],\"name\":[1],\"placeholder\":[1],\"preferredCountries\":[16],\"readonly\":[4],\"required\":[4],\"value\":[1537],\"dropdownOpen\":[32],\"hasErrorState\":[32],\"nationalNumber\":[32],\"searchQuery\":[32],\"selectedCountry\":[32],\"triggerId\":[32]},null,{\"dropdownOpen\":[{\"onDropdownOpenChange\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValueChange\":0}]}],[0,\"xpl-input-time\",{\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1537],\"placeholder\":[1],\"max\":[8],\"min\":[8],\"step\":[2],\"mode\":[1],\"timeFormat\":[1,\"time-format\"],\"allowCustomOption\":[4,\"allow-custom-option\"],\"formattedValue\":[32],\"hasErrorState\":[32],\"showOptions\":[32],\"options\":[32],\"amPm\":[32]},null,{\"value\":[{\"onValueChange\":0}],\"hasErrorState\":[{\"onHasErrorStateChanged\":0}]}],[0,\"xpl-input-date\",{\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"name\":[1],\"required\":[4],\"readonly\":[4],\"value\":[1],\"placeholder\":[1],\"post\":[1],\"pre\":[1],\"max\":[8],\"min\":[8],\"dateFormat\":[1,\"date-format\"],\"mode\":[1],\"flatpickrStaticLayout\":[32],\"hasErrorState\":[32]},null,{\"hasErrorState\":[{\"onHasErrorStateChanged\":0}],\"value\":[{\"onValueChanged\":0}]}],[260,\"xpl-input-file\",{\"disabled\":[4],\"name\":[1],\"_id\":[1],\"accept\":[1],\"multiple\":[4],\"hideTriggerOnSelect\":[4,\"hide-trigger-on-select\"],\"hideFileNames\":[4,\"hide-file-names\"],\"hideAcceptText\":[4,\"hide-accept-text\"],\"files\":[32],\"removeFileByIndex\":[64]},null,{\"files\":[{\"onFilesChange\":0}]}],[0,\"xpl-input-search\",{\"ariaLabel\":[1,\"aria-label\"],\"autocomplete\":[1],\"disabled\":[4],\"errorMessageId\":[1,\"error-message-id\"],\"hasError\":[4,\"has-error\"],\"hasVisibleLabel\":[4,\"has-visible-label\"],\"inputId\":[1,\"input-id\"],\"name\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"shape\":[1],\"value\":[1025],\"hasAncestorForm\":[32],\"setFocus\":[64]}],[0,\"xpl-backdrop\",{\"relative\":[4]}],[260,\"xpl-checkbox\",{\"ariaLabel\":[1,\"aria-label\"],\"checked\":[4],\"description\":[1],\"disabled\":[4],\"indeterminate\":[4],\"name\":[1],\"value\":[1],\"required\":[4],\"styled\":[4],\"dataId\":[1,\"data-id\"],\"id\":[32]}],[260,\"xpl-dropdown\",{\"isOpen\":[1540,\"open\"],\"closeOnSelect\":[4,\"close-on-select\"],\"mode\":[1],\"options\":[1040],\"anchorToTrigger\":[4,\"anchor-to-trigger\"],\"flipFallbackPlacements\":[16],\"placement\":[1],\"selectedValues\":[1,\"selected-values\"],\"selectOnFocus\":[4,\"select-on-focus\"],\"triggerId\":[1,\"trigger-id\"],\"update\":[16],\"virtualEnd\":[32],\"virtualStart\":[32],\"handleSelect\":[64]},null,{\"options\":[{\"onOptionsChanged\":0}],\"anchorToTrigger\":[{\"onAnchorToTriggerChanged\":0}],\"flipFallbackPlacements\":[{\"onFlipFallbackPlacementsChanged\":0}],\"placement\":[{\"onPlacementChanged\":0}],\"triggerId\":[{\"onTriggerIdChanged\":0}],\"selectedValues\":[{\"onSelectedValuesChanged\":0}],\"isOpen\":[{\"onIsOpenStateChange\":0}]}],[260,\"xpl-dropdown-group\",{\"groupName\":[1,\"label\"],\"options\":[16]}],[260,\"xpl-dropdown-option\",{\"isDisabled\":[516,\"disabled\"],\"label\":[1],\"value\":[1],\"subtitle\":[1],\"icon\":[1],\"isSelected\":[4,\"selected\"]}],[260,\"xpl-dropdown-heading\",{\"label\":[1]}],[260,\"xpl-button\",{\"controlAttrs\":[16],\"disabled\":[4],\"form\":[1],\"fullWidth\":[4,\"full-width\"],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"iconPosition\":[1,\"icon-position\"],\"isLoading\":[4,\"is-loading\"],\"link\":[4],\"name\":[1],\"sentiment\":[1],\"size\":[1],\"state\":[1],\"type\":[1],\"value\":[1],\"variant\":[1]},[[2,\"click\",\"handleDisabledClick\"]]],[0,\"xpl-icon\",{\"icon\":[1],\"size\":[2],\"backgroundColor\":[1,\"background-color\"]}]]]]"), options);
9
9
  };
10
10
 
11
11
  export { defineCustomElements };