@xplortech/apollo-core 2.6.0 → 2.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (310) hide show
  1. package/.typings/apollo-components.html-data.json +626 -35
  2. package/build/style.css +5949 -3070
  3. package/dist/apollo-core/apollo-core.css +29 -19
  4. package/dist/apollo-core/apollo-core.esm.js +1 -1
  5. package/dist/apollo-core/p-0bf50890.entry.js +1 -0
  6. package/dist/apollo-core/p-1947e7a8.entry.js +1 -0
  7. package/dist/apollo-core/p-27928cb0.entry.js +1 -0
  8. package/dist/apollo-core/{p-5549756c.entry.js → p-34438721.entry.js} +1 -1
  9. package/dist/apollo-core/p-35c2f72d.entry.js +1 -0
  10. package/dist/apollo-core/p-368c81f1.entry.js +1 -0
  11. package/dist/apollo-core/{p-f5af9539.entry.js → p-36ba29da.entry.js} +1 -1
  12. package/dist/apollo-core/p-406b27a8.entry.js +1 -0
  13. package/dist/apollo-core/p-5d63b4ce.entry.js +1 -0
  14. package/dist/apollo-core/{p-02167464.entry.js → p-6a15f1e0.entry.js} +1 -1
  15. package/dist/apollo-core/p-8d692d05.entry.js +1 -0
  16. package/dist/apollo-core/{p-C_Z2nG0p.js → p-C7bgJs6C.js} +2 -2
  17. package/dist/apollo-core/{p-42016063.entry.js → p-b61d7952.entry.js} +1 -1
  18. package/dist/apollo-core/{p-8a1affce.entry.js → p-ca127ee8.entry.js} +1 -1
  19. package/dist/apollo-core/p-d1c9c233.entry.js +1 -0
  20. package/dist/apollo-core/p-dc205893.entry.js +1 -0
  21. package/dist/apollo-core/p-e2a5d41c.entry.js +1 -0
  22. package/dist/cjs/apollo-core.cjs.js +3 -3
  23. package/dist/cjs/{index-DH6pgWru.js → index-BQ97-AWw.js} +18 -7
  24. package/dist/cjs/loader.cjs.js +2 -2
  25. package/dist/cjs/xpl-accordion.cjs.entry.js +3 -3
  26. package/dist/cjs/xpl-application-shell.cjs.entry.js +2 -2
  27. package/dist/cjs/{xpl-avatar_47.cjs.entry.js → xpl-avatar_54.cjs.entry.js} +3726 -536
  28. package/dist/cjs/xpl-button-row.cjs.entry.js +2 -2
  29. package/dist/cjs/xpl-calendar.cjs.entry.js +2 -2
  30. package/dist/cjs/xpl-dynamic-table-cell.cjs.entry.js +3 -3
  31. package/dist/cjs/xpl-dynamic-table-row.cjs.entry.js +3 -3
  32. package/dist/cjs/xpl-dynamic-table.cjs.entry.js +2 -2
  33. package/dist/cjs/xpl-grid-item.cjs.entry.js +2 -2
  34. package/dist/cjs/xpl-grid.cjs.entry.js +2 -2
  35. package/dist/cjs/xpl-large-card.cjs.entry.js +2 -2
  36. package/dist/cjs/xpl-main-nav.cjs.entry.js +2 -2
  37. package/dist/cjs/xpl-table-header-cell.cjs.entry.js +1 -1
  38. package/dist/cjs/xpl-table-header.cjs.entry.js +2 -2
  39. package/dist/cjs/xpl-toggle.cjs.entry.js +4 -4
  40. package/dist/cjs/xpl-toolbar.cjs.entry.js +3 -3
  41. package/dist/collection/collection-manifest.json +11 -5
  42. package/dist/collection/components/xpl-accordion/xpl-accordion.js +2 -2
  43. package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +1 -1
  44. package/dist/collection/components/xpl-avatar/avatar.stories.js +122 -107
  45. package/dist/collection/components/xpl-avatar/xpl-avatar.js +249 -15
  46. package/dist/collection/components/xpl-backdrop/xpl-backdrop.js +1 -1
  47. package/dist/collection/components/xpl-badge/badge.stories.js +1 -33
  48. package/dist/collection/components/xpl-badge/xpl-badge.js +1 -1
  49. package/dist/collection/components/xpl-banner/xpl-banner.js +4 -3
  50. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js +1 -1
  51. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js +1 -1
  52. package/dist/collection/components/xpl-button/xpl-button.js +21 -3
  53. package/dist/collection/components/xpl-button-row/xpl-button-row.js +1 -1
  54. package/dist/collection/components/xpl-calendar/xpl-calendar.js +1 -1
  55. package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +25 -3
  56. package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +1 -1
  57. package/dist/collection/components/xpl-content-area/xpl-content-area.js +1 -1
  58. package/dist/collection/components/xpl-dashboard/xpl-dashboard.js +1 -1
  59. package/dist/collection/components/xpl-data-card/xpl-data-card.js +2 -2
  60. package/dist/collection/components/xpl-divider/xpl-divider.js +1 -1
  61. package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js +1 -1
  62. package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +1 -1
  63. package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +2 -2
  64. package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +77 -7
  65. package/dist/collection/components/xpl-dynamic-table/xpl-dynamic-table.js +1 -1
  66. package/dist/collection/components/xpl-dynamic-table-cell/xpl-dynamic-table-cell.js +2 -2
  67. package/dist/collection/components/xpl-dynamic-table-row/xpl-dynamic-table-row.js +2 -2
  68. package/dist/collection/components/xpl-grid/xpl-grid.js +1 -1
  69. package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +1 -1
  70. package/dist/collection/components/xpl-header-accordion/xpl-header-accordion.js +1 -1
  71. package/dist/collection/components/xpl-icon/xpl-icon.js +2 -2
  72. package/dist/collection/components/xpl-input/input.stories.js +96 -1
  73. package/dist/collection/components/xpl-input/xpl-input-color/xpl-input-color.js +8 -8
  74. package/dist/collection/components/xpl-input/xpl-input-date/xpl-input-date.js +3 -3
  75. package/dist/collection/components/xpl-input/xpl-input-file/xpl-input-file.js +4 -4
  76. package/dist/collection/components/xpl-input/xpl-input-phone/xpl-input-phone.js +5 -5
  77. package/dist/collection/components/xpl-input/xpl-input-search/xpl-input-search.js +485 -0
  78. package/dist/collection/components/xpl-input/xpl-input-time/xpl-input-time.js +2 -2
  79. package/dist/collection/components/xpl-input/xpl-input.js +130 -18
  80. package/dist/collection/components/xpl-large-card/xpl-large-card.js +1 -1
  81. package/dist/collection/components/xpl-list/list.stories.js +300 -63
  82. package/dist/collection/components/xpl-list/xpl-list-item/xpl-list-item.js +818 -0
  83. package/dist/collection/components/xpl-list/xpl-list.js +579 -21
  84. package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +1 -1
  85. package/dist/collection/components/xpl-modal/xpl-modal.js +1 -1
  86. package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +2 -2
  87. package/dist/collection/components/xpl-pagination/pagination.stories.js +18 -0
  88. package/dist/collection/components/xpl-pagination/xpl-pagination.js +7 -3
  89. package/dist/collection/components/xpl-panel/panel.stories.js +5 -3
  90. package/dist/collection/components/xpl-panel/xpl-panel.js +3 -3
  91. package/dist/collection/components/xpl-popover/xpl-popover.js +4 -4
  92. package/dist/collection/components/xpl-progress-bar/xpl-progress-bar.js +2 -2
  93. package/dist/collection/components/xpl-progress-indicator/progress-indicator.stories.js +118 -0
  94. package/dist/collection/components/xpl-progress-indicator/xpl-progress-indicator.js +171 -0
  95. package/dist/collection/components/xpl-radio/xpl-radio.js +3 -3
  96. package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +1 -1
  97. package/dist/collection/components/xpl-select/xpl-select.js +58 -6
  98. package/dist/collection/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.js +2 -2
  99. package/dist/collection/components/xpl-side-nav/xpl-side-nav.js +2 -2
  100. package/dist/collection/components/xpl-skeleton/xpl-skeleton.js +1 -1
  101. package/dist/collection/components/xpl-slideout/xpl-slideout.js +1 -1
  102. package/dist/collection/components/xpl-spotlight/spotlight.stories.js +385 -0
  103. package/dist/collection/components/xpl-spotlight/xpl-spotlight.js +1085 -0
  104. package/dist/collection/components/xpl-tab/xpl-tab.js +261 -8
  105. package/dist/collection/components/xpl-tab-panel/xpl-tab-panel.js +22 -15
  106. package/dist/collection/components/xpl-table/xpl-table.js +5 -5
  107. package/dist/collection/components/xpl-table-header/xpl-table-header.js +1 -1
  108. package/dist/collection/components/xpl-tabs/segment-control.stories.js +31 -0
  109. package/dist/collection/components/xpl-tabs/tabs.shared.js +156 -0
  110. package/dist/collection/components/xpl-tabs/tabs.stories.js +10 -60
  111. package/dist/collection/components/xpl-tabs/xpl-tabs.js +338 -62
  112. package/dist/collection/components/xpl-tag/tag.stories.js +153 -0
  113. package/dist/collection/components/xpl-tag/xpl-tag.js +312 -9
  114. package/dist/collection/components/xpl-toast/xpl-toast.js +2 -2
  115. package/dist/collection/components/xpl-toggle/xpl-toggle.js +3 -3
  116. package/dist/collection/components/xpl-toolbar/xpl-toolbar.js +2 -2
  117. package/dist/collection/components/xpl-tooltip/xpl-tooltip.js +1 -1
  118. package/dist/collection/components/xpl-top-nav/top-nav.stories.js +625 -0
  119. package/dist/collection/components/xpl-top-nav/xpl-nav-header-menu/xpl-nav-header-menu.js +122 -0
  120. package/dist/collection/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.js +481 -0
  121. package/dist/collection/components/xpl-top-nav/xpl-top-nav.js +433 -0
  122. package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +1 -1
  123. package/dist/collection/utils/lifecycle.js +79 -0
  124. package/dist/collection/utils/tab-a11y-ids.js +22 -0
  125. package/dist/components/floating-ui.dom.js +1 -0
  126. package/dist/components/index.js +1 -1
  127. package/dist/components/tab-a11y-ids.js +1 -0
  128. package/dist/components/xpl-accordion.js +1 -1
  129. package/dist/components/xpl-application-shell.js +1 -1
  130. package/dist/components/xpl-avatar2.js +1 -1
  131. package/dist/components/xpl-backdrop2.js +1 -1
  132. package/dist/components/xpl-badge2.js +1 -1
  133. package/dist/components/xpl-banner.js +1 -1
  134. package/dist/components/xpl-breadcrumb-item.js +1 -1
  135. package/dist/components/xpl-breadcrumbs.js +1 -1
  136. package/dist/components/xpl-button-row.js +1 -1
  137. package/dist/components/xpl-button2.js +1 -1
  138. package/dist/components/xpl-calendar.js +1 -1
  139. package/dist/components/xpl-checkbox2.js +1 -1
  140. package/dist/components/xpl-choicelist.js +1 -1
  141. package/dist/components/xpl-content-area.js +1 -1
  142. package/dist/components/xpl-dashboard.js +1 -1
  143. package/dist/components/xpl-data-card.js +1 -1
  144. package/dist/components/xpl-divider2.js +1 -1
  145. package/dist/components/xpl-dropdown-group2.js +1 -1
  146. package/dist/components/xpl-dropdown-heading2.js +1 -1
  147. package/dist/components/xpl-dropdown-option2.js +1 -1
  148. package/dist/components/xpl-dropdown2.js +1 -1
  149. package/dist/components/xpl-dynamic-table-cell.js +1 -1
  150. package/dist/components/xpl-dynamic-table-row.js +1 -1
  151. package/dist/components/xpl-dynamic-table.js +1 -1
  152. package/dist/components/xpl-grid-item.js +1 -1
  153. package/dist/components/xpl-grid.js +1 -1
  154. package/dist/components/xpl-header-accordion.js +1 -1
  155. package/dist/components/xpl-icon2.js +1 -1
  156. package/dist/components/xpl-input-date2.js +1 -1
  157. package/dist/components/xpl-input-file2.js +1 -1
  158. package/dist/components/xpl-input-search.d.ts +11 -0
  159. package/dist/components/xpl-input-search.js +1 -0
  160. package/dist/components/xpl-input-search2.js +1 -0
  161. package/dist/components/xpl-input2.js +1 -1
  162. package/dist/components/xpl-large-card.js +1 -1
  163. package/dist/components/{xpl-progress.d.ts → xpl-list-item.d.ts} +4 -4
  164. package/dist/components/xpl-list-item.js +1 -0
  165. package/dist/components/xpl-list-item2.js +1 -0
  166. package/dist/components/xpl-list.js +1 -1
  167. package/dist/components/xpl-main-nav.js +1 -1
  168. package/dist/components/xpl-modal.js +1 -1
  169. package/dist/components/xpl-nav-header-menu.d.ts +11 -0
  170. package/dist/components/xpl-nav-header-menu.js +1 -0
  171. package/dist/components/xpl-nav-item.js +1 -1
  172. package/dist/components/xpl-pagination.js +1 -1
  173. package/dist/components/xpl-panel.js +1 -1
  174. package/dist/components/xpl-popover2.js +1 -1
  175. package/dist/components/xpl-progress-bar.js +1 -1
  176. package/dist/components/xpl-progress-indicator.d.ts +11 -0
  177. package/dist/components/xpl-progress-indicator.js +1 -0
  178. package/dist/components/xpl-radio2.js +1 -1
  179. package/dist/components/xpl-secondary-nav.js +1 -1
  180. package/dist/components/xpl-select2.js +1 -1
  181. package/dist/components/xpl-side-nav-item.js +1 -1
  182. package/dist/components/xpl-side-nav.js +1 -1
  183. package/dist/components/xpl-skeleton.js +1 -1
  184. package/dist/components/xpl-slideout.js +1 -1
  185. package/dist/components/xpl-spotlight.d.ts +11 -0
  186. package/dist/components/xpl-spotlight.js +1 -0
  187. package/dist/components/xpl-tab-panel.js +1 -1
  188. package/dist/components/xpl-tab.js +1 -1
  189. package/dist/components/xpl-table-header.js +1 -1
  190. package/dist/components/xpl-table.js +1 -1
  191. package/dist/components/xpl-tabs.js +1 -1
  192. package/dist/components/xpl-tag2.js +1 -1
  193. package/dist/components/xpl-toast.js +1 -1
  194. package/dist/components/xpl-toggle.js +1 -1
  195. package/dist/components/xpl-toolbar.js +1 -1
  196. package/dist/components/xpl-tooltip2.js +1 -1
  197. package/dist/components/xpl-top-nav-item.d.ts +11 -0
  198. package/dist/components/xpl-top-nav-item.js +1 -0
  199. package/dist/components/xpl-top-nav-item2.js +1 -0
  200. package/dist/components/xpl-top-nav.d.ts +11 -0
  201. package/dist/components/xpl-top-nav.js +1 -0
  202. package/dist/components/xpl-utility-bar.js +1 -1
  203. package/dist/docs/xpl-avatar/readme.md +289 -15
  204. package/dist/docs/xpl-badge/readme.md +14 -9
  205. package/dist/docs/xpl-banner/readme.md +48 -11
  206. package/dist/docs/xpl-button/readme.md +28 -18
  207. package/dist/docs/xpl-calendar/readme.md +1 -1
  208. package/dist/docs/xpl-checkbox/readme.md +12 -11
  209. package/dist/docs/xpl-divider/readme.md +6 -4
  210. package/dist/docs/xpl-dropdown/readme.md +14 -12
  211. package/dist/docs/xpl-icon/readme.md +14 -2
  212. package/dist/docs/xpl-input/readme.md +66 -41
  213. package/dist/docs/xpl-input/xpl-input-color/readme.md +1 -0
  214. package/dist/docs/xpl-input/xpl-input-phone/readme.md +1 -0
  215. package/dist/docs/xpl-input/xpl-input-search/readme.md +175 -0
  216. package/dist/docs/xpl-input/xpl-input-time/readme.md +1 -0
  217. package/dist/docs/xpl-list/readme.md +320 -10
  218. package/dist/docs/xpl-list/xpl-list-item/readme.md +99 -0
  219. package/dist/docs/xpl-pagination/readme.md +1 -0
  220. package/dist/docs/xpl-panel/readme.md +108 -17
  221. package/dist/docs/xpl-popover/readme.md +2 -0
  222. package/dist/docs/xpl-progress-indicator/readme.md +234 -0
  223. package/dist/docs/xpl-radio/readme.md +6 -4
  224. package/dist/docs/xpl-select/readme.md +19 -16
  225. package/dist/docs/xpl-side-nav/readme.md +2 -2
  226. package/dist/docs/xpl-slideout/readme.md +1 -1
  227. package/dist/docs/xpl-spotlight/readme.md +235 -0
  228. package/dist/docs/xpl-tab/readme.md +43 -7
  229. package/dist/docs/xpl-tab-panel/readme.md +42 -0
  230. package/dist/docs/xpl-tabs/readme.md +62 -8
  231. package/dist/docs/xpl-tag/readme.md +379 -4
  232. package/dist/docs/xpl-toast/readme.md +1 -1
  233. package/dist/docs/xpl-top-nav/readme.md +179 -0
  234. package/dist/docs/xpl-top-nav/xpl-nav-header-menu/readme.md +81 -0
  235. package/dist/docs/xpl-top-nav/xpl-top-nav-item/readme.md +87 -0
  236. package/dist/esm/apollo-core.js +4 -4
  237. package/dist/esm/{index-C_Z2nG0p.js → index-C7bgJs6C.js} +18 -8
  238. package/dist/esm/loader.js +3 -3
  239. package/dist/esm/xpl-accordion.entry.js +3 -3
  240. package/dist/esm/xpl-application-shell.entry.js +2 -2
  241. package/dist/esm/{xpl-avatar_47.entry.js → xpl-avatar_54.entry.js} +3719 -536
  242. package/dist/esm/xpl-button-row.entry.js +2 -2
  243. package/dist/esm/xpl-calendar.entry.js +2 -2
  244. package/dist/esm/xpl-dynamic-table-cell.entry.js +3 -3
  245. package/dist/esm/xpl-dynamic-table-row.entry.js +3 -3
  246. package/dist/esm/xpl-dynamic-table.entry.js +2 -2
  247. package/dist/esm/xpl-grid-item.entry.js +2 -2
  248. package/dist/esm/xpl-grid.entry.js +2 -2
  249. package/dist/esm/xpl-large-card.entry.js +2 -2
  250. package/dist/esm/xpl-main-nav.entry.js +2 -2
  251. package/dist/esm/xpl-table-header-cell.entry.js +1 -1
  252. package/dist/esm/xpl-table-header.entry.js +2 -2
  253. package/dist/esm/xpl-toggle.entry.js +4 -4
  254. package/dist/esm/xpl-toolbar.entry.js +3 -3
  255. package/dist/types/components/xpl-avatar/avatar.stories.d.ts +88 -29
  256. package/dist/types/components/xpl-avatar/xpl-avatar.d.ts +29 -2
  257. package/dist/types/components/xpl-badge/badge.stories.d.ts +0 -19
  258. package/dist/types/components/xpl-button/xpl-button.d.ts +7 -0
  259. package/dist/types/components/xpl-checkbox/xpl-checkbox.d.ts +2 -1
  260. package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts +5 -0
  261. package/dist/types/components/xpl-input/input.stories.d.ts +1 -0
  262. package/dist/types/components/xpl-input/xpl-input-search/xpl-input-search.d.ts +39 -0
  263. package/dist/types/components/xpl-input/xpl-input.d.ts +13 -5
  264. package/dist/types/components/xpl-list/list.stories.d.ts +299 -13
  265. package/dist/types/components/xpl-list/listitem.d.ts +13 -0
  266. package/dist/types/components/xpl-list/xpl-list-item/xpl-list-item.d.ts +71 -0
  267. package/dist/types/components/xpl-list/xpl-list.d.ts +55 -2
  268. package/dist/types/components/xpl-pagination/pagination.stories.d.ts +13 -0
  269. package/dist/types/components/xpl-panel/panel.stories.d.ts +2 -0
  270. package/dist/types/components/xpl-progress-indicator/progress-indicator.stories.d.ts +62 -0
  271. package/dist/types/components/xpl-progress-indicator/xpl-progress-indicator.d.ts +11 -0
  272. package/dist/types/components/xpl-select/xpl-select.d.ts +3 -0
  273. package/dist/types/components/xpl-spotlight/spotlight.stories.d.ts +197 -0
  274. package/dist/types/components/xpl-spotlight/xpl-spotlight.d.ts +101 -0
  275. package/dist/types/components/xpl-tab/xpl-tab.d.ts +14 -1
  276. package/dist/types/components/xpl-tab-panel/xpl-tab-panel.d.ts +2 -1
  277. package/dist/types/components/xpl-tabs/segment-control.stories.d.ts +112 -0
  278. package/dist/types/components/xpl-tabs/tabs.shared.d.ts +156 -0
  279. package/dist/types/components/xpl-tabs/tabs.stories.d.ts +65 -12
  280. package/dist/types/components/xpl-tabs/xpl-tabs.d.ts +37 -18
  281. package/dist/types/components/xpl-tag/tag.stories.d.ts +65 -0
  282. package/dist/types/components/xpl-tag/xpl-tag.d.ts +36 -1
  283. package/dist/types/components/xpl-top-nav/top-nav.stories.d.ts +471 -0
  284. package/dist/types/components/xpl-top-nav/xpl-nav-header-menu/xpl-nav-header-menu.d.ts +18 -0
  285. package/dist/types/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.d.ts +48 -0
  286. package/dist/types/components/xpl-top-nav/xpl-top-nav.d.ts +51 -0
  287. package/dist/types/components.d.ts +1521 -83
  288. package/dist/types/utils/lifecycle.d.ts +16 -0
  289. package/dist/types/utils/tab-a11y-ids.d.ts +4 -0
  290. package/package.json +12 -3
  291. package/dist/apollo-core/p-0bce3874.entry.js +0 -1
  292. package/dist/apollo-core/p-1fd3dc87.entry.js +0 -1
  293. package/dist/apollo-core/p-56fa4941.entry.js +0 -1
  294. package/dist/apollo-core/p-76c324da.entry.js +0 -1
  295. package/dist/apollo-core/p-7a3224b4.entry.js +0 -1
  296. package/dist/apollo-core/p-7e924697.entry.js +0 -1
  297. package/dist/apollo-core/p-9efca9e1.entry.js +0 -1
  298. package/dist/apollo-core/p-b252b380.entry.js +0 -1
  299. package/dist/apollo-core/p-c91daac1.entry.js +0 -1
  300. package/dist/apollo-core/p-d9b62508.entry.js +0 -1
  301. package/dist/apollo-core/p-eaea16d1.entry.js +0 -1
  302. package/dist/apollo-core/p-eed13bca.entry.js +0 -1
  303. package/dist/cjs/xpl-list.cjs.entry.js +0 -32
  304. package/dist/collection/components/xpl-progress/progress.stories.js +0 -106
  305. package/dist/collection/components/xpl-progress/xpl-progress.js +0 -60
  306. package/dist/components/xpl-progress.js +0 -1
  307. package/dist/docs/xpl-progress/readme.md +0 -22
  308. package/dist/esm/xpl-list.entry.js +0 -30
  309. package/dist/types/components/xpl-progress/progress.stories.d.ts +0 -38
  310. package/dist/types/components/xpl-progress/xpl-progress.d.ts +0 -6
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as a,h as t,Host as l,transformTag as i}from"@stencil/core/internal/client";import{d as s}from"./xpl-backdrop2.js";const n=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.withSubnav=!1,this.withUtility=!0,this.navWidth="default",this.navOpen=!0}closeNavOnMobile(){window.innerWidth<=640&&(this.navOpen=!1)}navToggleHandler(){this.navOpen=!this.navOpen}navWithHandler(e){this.navWidth=e.detail}onWindowResize(){this.closeNavOnMobile()}connectedCallback(){this.closeNavOnMobile()}componentWillLoad(){this.navOpen=void 0!==this.isNavOpenAtStartup?this.isNavOpenAtStartup:this.navOpen}render(){let e="xpl-application-shell";this.withUtility&&(e+=" xpl-application-shell--with_utility");let a="xpl-application-shell__nav";return a+=this.navOpen?` xpl-application-shell__nav--${this.navWidth}--open`:" xpl-application-shell__nav--"+this.navWidth,t(l,{key:"7a06051142cc71f5a900e65562e464f5580f369e",class:e},t("div",{key:"00cb4f2294999e77bc88aa32917287a93989ceb3",class:a},t("slot",{key:"de0a3f5415273c4d36390b6e345e9c046ebeda05",name:"nav"})),t("div",{key:"605faac64e0b770b2d3e52d0b6f169898de827bc",class:"xpl-application-shell__subnav"},t("slot",{key:"040b8b6f5aa7642636b33f65f2eff6f1070b1b2f",name:"subnav"})),t("div",{key:"ee1e3e5c51d4e048fd4fda7bf6e438d29c8c2ade",class:"xpl-application-shell__utility"},t("slot",{key:"6118de3716d41e9f8cc03abb5efd4c2e8541adf7",name:"utility"})),t("div",{key:"3aa64a066e680e74bac8b988f579d51593bc3ace",class:"xpl-application-shell__content"},t("slot",{key:"aba788b0aa8f8ab92bb5c577b5951c98d21c9f36",name:"content"})),t("xpl-backdrop",{key:"f72d69bbfe9171193293148810700e9ff00e372d",onClick:()=>this.navToggleHandler(),class:{"xpl-application-shell__backdrop--open":this.navOpen},relative:!0}))}},[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"]]]),c=n,p=function(){"undefined"!=typeof customElements&&["xpl-application-shell","xpl-backdrop"].forEach((e=>{switch(e){case"xpl-application-shell":customElements.get(i(e))||customElements.define(i(e),n);break;case"xpl-backdrop":customElements.get(i(e))||s()}}))};export{c as XplApplicationShell,p as defineCustomElement}
1
+ import{proxyCustomElement as e,HTMLElement as a,h as t,Host as l,transformTag as i}from"@stencil/core/internal/client";import{d as s}from"./xpl-backdrop2.js";const n=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.withSubnav=!1,this.withUtility=!0,this.navWidth="default",this.navOpen=!0}closeNavOnMobile(){window.innerWidth<=640&&(this.navOpen=!1)}navToggleHandler(){this.navOpen=!this.navOpen}navWithHandler(e){this.navWidth=e.detail}onWindowResize(){this.closeNavOnMobile()}connectedCallback(){this.closeNavOnMobile()}componentWillLoad(){this.navOpen=void 0!==this.isNavOpenAtStartup?this.isNavOpenAtStartup:this.navOpen}render(){let e="xpl-application-shell";this.withUtility&&(e+=" xpl-application-shell--with_utility");let a="xpl-application-shell__nav";return a+=this.navOpen?` xpl-application-shell__nav--${this.navWidth}--open`:" xpl-application-shell__nav--"+this.navWidth,t(l,{key:"f61e8399f5a5e935354c817ee0d1386afcddce28",class:e},t("div",{key:"4886a782d1511d3aac9df0a90afc38351b94d4fd",class:a},t("slot",{key:"d80279f234d498eb51491bd1d6850d7babfd6ece",name:"nav"})),t("div",{key:"dd26f273261026555a3f73885fd04ffdbbf871cb",class:"xpl-application-shell__subnav"},t("slot",{key:"3b120224a8d1cb30503514befeb96e3a08fc22ba",name:"subnav"})),t("div",{key:"7ac6b8f10b2dca85e774e1117f9117952a3052cf",class:"xpl-application-shell__utility"},t("slot",{key:"d9d4b15e7c3e7bec0edc237df3634c8fd2648df4",name:"utility"})),t("div",{key:"00ee0b5da796ea84731e740a58b162dad8250696",class:"xpl-application-shell__content"},t("slot",{key:"bf997f59491a08597089a0531cfecf90c703f565",name:"content"})),t("xpl-backdrop",{key:"84264e5a5da96be74547610e5b8d45195014d34c",onClick:()=>this.navToggleHandler(),class:{"xpl-application-shell__backdrop--open":this.navOpen},relative:!0}))}},[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"]]]),c=n,d=function(){"undefined"!=typeof customElements&&["xpl-application-shell","xpl-backdrop"].forEach((e=>{switch(e){case"xpl-application-shell":customElements.get(i(e))||customElements.define(i(e),n);break;case"xpl-backdrop":customElements.get(i(e))||s()}}))};export{c as XplApplicationShell,d as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as t,HTMLElement as a,h as s,Host as e,transformTag as i}from"@stencil/core/internal/client";const l=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.disabled=!1}render(){let t="xpl-avatar";this.size&&(t+=` xpl-avatar--${this.size}`),this.color&&(t+=` xpl-avatar--${this.color}`);const a=s("div",{key:"89234f18fd782f17c7e5cfac2235ba0d69b57014"},this.src?s("img",{alt:this.name,src:this.src}):s("div",{class:"xpl-avatar__placeholder"},s("slot",null)),this.status&&s("div",{key:"908dbd9216d3addb0104517a67f2dd690201958d",class:`xpl-avatar__dot--${this.status}`}));return s(e,{key:"94cb5838d77411b9690759634f4a1a71c79054b7"},this.href&&!this.disabled?s("a",{href:this.href,class:t,target:this.target},a):s("div",this.href&&this.disabled?{class:`${t} xpl-avatar--disabled`}:{class:t},a))}},[260,"xpl-avatar",{color:[1],disabled:[4],href:[1],name:[1],size:[1],src:[1],status:[1],target:[1]}]);function r(){"undefined"!=typeof customElements&&["xpl-avatar"].forEach((t=>{"xpl-avatar"===t&&(customElements.get(i(t))||customElements.define(i(t),l))}))}export{l as A,r as d}
1
+ import{proxyCustomElement as t,HTMLElement as a,h as r,Host as e,transformTag as i}from"@stencil/core/internal/client";import{d as s}from"./xpl-badge2.js";const l={active:"green",inactive:"gray",warning:"red"};function n(t){var a,r,e;if(!t||!t.trim())return"";const i=t.trim().split(/\s+/).filter(Boolean);if(0===i.length)return"";if(1===i.length)return i[0].slice(0,3).toUpperCase();const s=null!==(a=i[0][0])&&void 0!==a?a:"",l=null!==(r=i[i.length-1][0])&&void 0!==r?r:"";return(s+(i.length>2&&null!==(e=i[1][0])&&void 0!==e?e:"")+l).slice(0,3).toUpperCase()}const o=t(class t extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.cachedGroupItems=[],this.cachedSlotContent="",this.disabled=!1}onGroupDataChange(a){this.cachedGroupItems=t.parseGroupData(a)}componentWillLoad(){var t,a,r;this.cachedSlotContent=null!==(r=null===(a=null===(t=this.el)||void 0===t?void 0:t.textContent)||void 0===a?void 0:a.trim().slice(0,3))&&void 0!==r?r:"",this.onGroupDataChange(this.groupData)}static parseGroupData(t){if(null==t)return[];if("string"==typeof t)try{const a=JSON.parse(t);return Array.isArray(a)?a:[]}catch(t){return[]}return Array.isArray(t)?t:[]}get groupItems(){return this.cachedGroupItems}get statusBadgeVariant(){var t;const a=this.status;if(void 0!==a)return null!==(t=l[a])&&void 0!==t?t:a}getPlaceholderText(){return this.cachedSlotContent.length>0?this.cachedSlotContent:n(this.name)}static getSingleAvatarClasses(t,a,r,e){return{"xpl-avatar":!0,[`xpl-avatar--${t}`]:!!t,[`xpl-avatar--${a}`]:!!a,"xpl-avatar--profile":!!r,"xpl-avatar--disabled":!!e}}getAnchorProps(t){var a;return{href:this.href,target:this.target,rel:"_blank"===this.target?"noopener noreferrer":void 0,"aria-label":null!==(a=this.name)&&void 0!==a?a:"Profile",class:t}}static renderAvatarMedia(t,a,e,i,s=!0){return t?r("img",{alt:null!=a?a:"",src:t}):r("div",{class:"xpl-avatar__placeholder",role:"img","aria-label":null!=a?a:i},e||(s?r("slot",null):null))}renderAvatarMediaWithStatusBadge(a){const e=this.getPlaceholderText();return r("div",Object.assign({},a?{class:a}:{}),t.renderAvatarMedia(this.src,this.name,e,"Profile",!0),this.statusBadgeVariant&&r("xpl-badge",{dotOnly:!0,bordered:!0,variant:this.statusBadgeVariant,"aria-hidden":"true"}))}renderGroupItem(a,e){const i=a.name?n(a.name):"";return r("div",{class:{"xpl-avatar-group__item":!0,"xpl-avatar":!0,[`xpl-avatar--${this.size}`]:!!this.size,[`xpl-avatar--${a.color}`]:!!a.color}},r("div",null,t.renderAvatarMedia(a.src,a.name,i,`Member ${e+1}`,!1)))}renderWithTextContent(){return r("div",{class:"xpl-avatar__with-text-content"},r("div",{class:"xpl-avatar__with-text-name"},this.name),this.subText&&r("div",{class:"xpl-avatar__with-text-sub"},this.subText))}render(){const a=this.variant;if("group"===a){const t=this.groupItems,a=t.slice(0,4),i=t.length-4,s=i>0,l=s?function(t){if(t<=0)return"";if(t<=999)return`+${t}`;const a=500*Math.round(t/500)/1e3;return"+"+(a%1==0?`${a}k`:`${a.toFixed(1)}k`)}(i):"";return r(e,null,r("div",{class:{"xpl-avatar-group":!0,[`xpl-avatar-group--${this.size}`]:!!this.size},role:"group","aria-label":`${t.length} members`},a.map(((t,a)=>r("div",{key:a,class:"xpl-avatar-group__wrap"},this.renderGroupItem(t,a)))),s&&r("div",{class:{"xpl-avatar-group__count":!0,[`xpl-avatar-group__count--${this.size}`]:!!this.size},"aria-label":`${i} more`},l)))}if("with-text"===a){const t=this.renderAvatarMediaWithStatusBadge("xpl-avatar__with-text-avatar"),a={"xpl-avatar":!0,"xpl-avatar--with-text":!0,[`xpl-avatar--${this.color}`]:!!this.color,"xpl-avatar--disabled":!!this.disabled};return r(e,null,this.href&&!this.disabled?r("a",Object.assign({},this.getAnchorProps("xpl-avatar__with-text-link")),r("div",{class:a},t,this.renderWithTextContent())):r("div",{class:a,"aria-disabled":this.disabled?"true":void 0},t,this.renderWithTextContent()))}const i="profile"===a,s=t.getSingleAvatarClasses(i&&"md"===this.size?void 0:this.size,this.color,i,this.disabled),l=this.renderAvatarMediaWithStatusBadge();return r(e,null,this.href&&!this.disabled?r("a",Object.assign({},this.getAnchorProps(s)),l):r("div",{class:s,"aria-disabled":this.disabled?"true":void 0},l))}get el(){return this}static get watchers(){return{groupData:[{onGroupDataChange: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]},void 0,{groupData:[{onGroupDataChange:0}]}]);function u(){"undefined"!=typeof customElements&&["xpl-avatar","xpl-badge"].forEach((t=>{switch(t){case"xpl-avatar":customElements.get(i(t))||customElements.define(i(t),o);break;case"xpl-badge":customElements.get(i(t))||s()}}))}export{o as A,u as d}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as t,h as r,Host as s,transformTag as c}from"@stencil/core/internal/client";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.relative=!1}render(){return r(s,{key:"43941007f4e0ba73037eaff96cf8d000cee48b72",class:{"xpl-backdrop":!0,"xpl-backdrop--fixed":!this.relative,"xpl-backdrop--relative":this.relative},"aria-hidden":"true"})}},[0,"xpl-backdrop",{relative:[4]}]);function a(){"undefined"!=typeof customElements&&["xpl-backdrop"].forEach((e=>{"xpl-backdrop"===e&&(customElements.get(c(e))||customElements.define(c(e),o))}))}export{o as B,a as d}
1
+ import{proxyCustomElement as e,HTMLElement as t,h as r,Host as c,transformTag as s}from"@stencil/core/internal/client";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.relative=!1}render(){return r(c,{key:"072fedf411c5d8671ec2d8a6ff639e5adf93e15c",class:{"xpl-backdrop":!0,"xpl-backdrop--fixed":!this.relative,"xpl-backdrop--relative":this.relative},"aria-hidden":"true"})}},[0,"xpl-backdrop",{relative:[4]}]);function o(){"undefined"!=typeof customElements&&["xpl-backdrop"].forEach((e=>{"xpl-backdrop"===e&&(customElements.get(s(e))||customElements.define(s(e),d))}))}export{d as B,o as d}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as t,h as s,Host as d,transformTag as i}from"@stencil/core/internal/client";const a={success:"green",warning:"yellow",inactive:"gray",error:"red"},r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.bordered=!1,this.dotOnly=!1,this.shape="rounded",this.size="default",this.variant="purple"}get resolvedVariant(){var e;return null!==(e=a[this.variant])&&void 0!==e?e:this.variant}render(){return s(d,{key:"9580be5811ecfd027b81edb1ca8f5f08c325d3b6"},s("div",{key:"0223458a5e1210f28b8b77a2d5fbd16d0b302998",class:{"xpl-badge--dot-only":this.dotOnly,"xpl-badge--dot-only-bordered":this.dotOnly&&this.bordered,"xpl-badge":!this.dotOnly,"xpl-badge--dot":!this.dotOnly&&!!this.dot,[`xpl-badge--${this.resolvedVariant}`]:!0,[`xpl-badge--size-${this.size}`]:!!this.size,[`xpl-badge--shape-${this.shape}`]:!this.dotOnly&&!!this.shape}},s("slot",{key:"ef0e6db8a9f33dfcea4739be2300b481e35c7f10"})))}},[260,"xpl-badge",{bordered:[4],dot:[4],dotOnly:[4,"dot-only"],shape:[1],size:[1],variant:[1]}]);function l(){"undefined"!=typeof customElements&&["xpl-badge"].forEach((e=>{"xpl-badge"===e&&(customElements.get(i(e))||customElements.define(i(e),r))}))}export{r as B,l as d}
1
+ import{proxyCustomElement as e,HTMLElement as t,h as s,Host as a,transformTag as d}from"@stencil/core/internal/client";const i={success:"green",warning:"yellow",inactive:"gray",error:"red"},l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.bordered=!1,this.dotOnly=!1,this.shape="rounded",this.size="default",this.variant="purple"}get resolvedVariant(){var e;return null!==(e=i[this.variant])&&void 0!==e?e:this.variant}render(){return s(a,{key:"f1a45af398443a5330afe856ac2442aa34cadf24"},s("div",{key:"fecb691b2b11414de0a03e119dd63332ade79a3c",class:{"xpl-badge--dot-only":this.dotOnly,"xpl-badge--dot-only-bordered":this.dotOnly&&this.bordered,"xpl-badge":!this.dotOnly,"xpl-badge--dot":!this.dotOnly&&!!this.dot,[`xpl-badge--${this.resolvedVariant}`]:!0,[`xpl-badge--size-${this.size}`]:!!this.size,[`xpl-badge--shape-${this.shape}`]:!this.dotOnly&&!!this.shape}},s("span",{key:"6c4169ea3d4f0f7cdaa03841ec72ac15f9e209f3",class:"xpl-badge__label"},s("slot",{key:"c7d96b70e9bcd161c279bf943c2cbc7248e2a53e"}))))}},[260,"xpl-badge",{bordered:[4],dot:[4],dotOnly:[4,"dot-only"],shape:[1],size:[1],variant:[1]}]);function r(){"undefined"!=typeof customElements&&["xpl-badge"].forEach((e=>{"xpl-badge"===e&&(customElements.get(d(e))||customElements.define(d(e),l))}))}export{l as B,r as d}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as n,Host as s,transformTag as a}from"@stencil/core/internal/client";import{d as c}from"./xpl-button2.js";import{d as r}from"./xpl-icon2.js";const o=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.action=t(this,"action",7),this.dismiss=t(this,"dismiss",7),this.secondaryAction=t(this,"secondaryAction",7),this.appearance="information",this.hasIcon=!0,this.isDismissible=!0,this.isSection=!1,this.truncateDesc=!1}getIcon(){switch(this.appearance){case"positive":return"circle-check";case"warning":return"triangle-warning";case"error":return"octagon-warning";default:return"circle-info"}}getActionButtonState(){return this.isSection&&"positive"===this.appearance?"success":"error"===this.appearance?"warning":void 0}getActionButtonVariant(){return this.isSection?"subtle":"error"===this.appearance?"primary":"subtle"}getAriaLabel(){var e;return this.isSection?(null===(e=this.heading)||void 0===e?void 0:e.trim())||"Section banner":{information:"Information banner",positive:"Positive banner",warning:"Warning banner",error:"Error banner"}[this.appearance]}render(){var e,i,t,a;const c=!!(null===(e=this.actionText)||void 0===e?void 0:e.trim()),r=!!(null===(i=this.secondaryActionText)||void 0===i?void 0:i.trim()),o=this.getActionButtonVariant(),d=this.getActionButtonState(),l=!!(null===(t=this.heading)||void 0===t?void 0:t.trim()),b=!!(null===(a=this.description)||void 0===a?void 0:a.trim());return n(s,{key:"746ce028bdc07d1a645251aecf524f427d1d695b",class:{"xpl-banner":!0,"xpl-banner--section":this.isSection,["xpl-banner--"+this.appearance]:!0,"xpl-banner--truncate-desc":this.truncateDesc,"xpl-banner--no-icon":this.isSection&&!this.hasIcon},role:"region","aria-label":this.getAriaLabel()},(!this.isSection||this.hasIcon)&&n("div",{key:"fec752fe9822b480c2140c9b4520c2fcf71e4077",class:"xpl-banner__icon","aria-hidden":"true"},n("xpl-icon",{key:"1ce49bf4735edf985eaf055312cbd0bec8c76e96",icon:this.getIcon(),size:24})),n("div",{key:"9f1b38f386c4151d25ed7ddb4770d39ae915760d",class:"xpl-banner__body"},l&&n("p",{key:"d1e2301d3174bf9bddec53aec75760c2f18899b8",class:"xpl-banner__heading"},this.heading),b&&n("p",{key:"4d7104cb455bc6f000244c6a66d87fe642488a22",class:"xpl-banner__description",title:this.truncateDesc?this.description:void 0},this.description)),(c||r)&&n("div",{key:"e3d3dd32d98399be0c1ed702ccc67e65c9d12236",class:"xpl-banner__actions"},c&&n("xpl-button",{key:"2410dbb9ea6c910e4cb8ace3a40378e10971060d",size:"xs",variant:o,state:d,onClick:()=>this.action.emit()},this.actionText),r&&n("xpl-button",{key:"db600c5b7e955b466f5928c05dbd9da467317aaa",size:"xs",variant:o,state:d,onClick:()=>this.secondaryAction.emit()},this.secondaryActionText)),this.isDismissible&&n("button",{key:"fe896518f7f3544a60dd1a125d4139985817c0d2",class:"xpl-banner__dismiss",type:"button","aria-label":`Dismiss ${this.isSection?"section ":""}banner`,onClick:()=>this.dismiss.emit()},n("xpl-icon",{key:"98453bbd9485027c030f4fdc7af349c0e23aa405",icon:"xmark",size:24,"aria-hidden":"true"})))}},[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"]}]),d=o,l=function(){"undefined"!=typeof customElements&&["xpl-banner","xpl-button","xpl-icon"].forEach((e=>{switch(e){case"xpl-banner":customElements.get(a(e))||customElements.define(a(e),o);break;case"xpl-button":customElements.get(a(e))||c();break;case"xpl-icon":customElements.get(a(e))||r()}}))};export{d as XplBanner,l as defineCustomElement}
1
+ import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as n,Host as s,transformTag as a}from"@stencil/core/internal/client";import{d as c}from"./xpl-button2.js";import{d as r}from"./xpl-icon2.js";const o=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.action=t(this,"action",7),this.dismiss=t(this,"dismiss",7),this.secondaryAction=t(this,"secondaryAction",7),this.appearance="information",this.hasIcon=!0,this.isDismissible=!0,this.isSection=!1,this.truncateDesc=!1}getIcon(){switch(this.appearance){case"positive":return"circle-check";case"warning":return"triangle-warning";case"error":return"octagon-warning";default:return"circle-info"}}getActionButtonState(){return this.isSection&&"positive"===this.appearance?"success":"error"===this.appearance?"warning":void 0}getActionButtonVariant(){return this.isSection?"subtle":"error"===this.appearance?"primary":"subtle"}getAriaLabel(){var e;return this.isSection?(null===(e=this.heading)||void 0===e?void 0:e.trim())||"Section banner":{information:"Information banner",positive:"Positive banner",warning:"Warning banner",error:"Error banner"}[this.appearance]}render(){var e,i,t,a;const c=!!(null===(e=this.actionText)||void 0===e?void 0:e.trim()),r=!!(null===(i=this.secondaryActionText)||void 0===i?void 0:i.trim()),o=this.getActionButtonVariant(),b=this.getActionButtonState(),l=!!(null===(t=this.heading)||void 0===t?void 0:t.trim()),d=!!(null===(a=this.description)||void 0===a?void 0:a.trim());return n(s,{key:"373b38c40719c248968ed93381309584f24697a9",class:{"xpl-banner":!0,"xpl-banner--section":this.isSection,["xpl-banner--"+this.appearance]:!0,"xpl-banner--truncate-desc":this.truncateDesc,"xpl-banner--no-icon":this.isSection&&!this.hasIcon},role:"region","aria-label":this.getAriaLabel()},(!this.isSection||this.hasIcon)&&n("div",{key:"b12f8facbdad390e2069374163048099a33aa309",class:"xpl-banner__icon","aria-hidden":"true"},n("xpl-icon",{key:"35ee47db756bc0f6b6cd0a2b0cd890a4ec10ff7c",icon:this.getIcon(),size:24})),n("div",{key:"8aaca62cbd7b3cf353bfb35fc2f679932f2b0ade",class:"xpl-banner__body"},l&&n("p",{key:"fded85ef43b5186704195312621a33b7b823d19d",class:"xpl-banner__heading"},this.heading),d&&n("p",{key:"1b7386b32891789f8cc425da922f7c3ee60fe5a6",class:"xpl-banner__description",title:this.truncateDesc?this.description:void 0},this.description)),(c||r)&&n("div",{key:"0b4b8e89db7cc6c4a55e207cf0be1b36956fe243",class:"xpl-banner__actions"},c&&n("xpl-button",{key:"c15e5cb0ff332f2ca809dcf912fc7a4c68d47538",size:"xs",variant:o,state:b,onClick:()=>this.action.emit()},this.actionText),r&&n("xpl-button",{key:"6f20f721df8eb994ef9935d2c6f634b3460d9d77",size:"xs",variant:o,state:b,onClick:()=>this.secondaryAction.emit()},this.secondaryActionText)),this.isDismissible&&n("button",{key:"2fab1fec767aaed2bb36ee2b40bcf84a48ad6ead",class:"xpl-banner__dismiss",type:"button","aria-label":`Dismiss ${this.isSection?"section ":""}banner`,onClick:()=>this.dismiss.emit()},n("xpl-icon",{key:"7747d3e4aae5426d0e3344fb7aab92a4f003cf4e",icon:"xmark",size:24,"aria-hidden":"true"})))}},[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"]}]),b=o,l=function(){"undefined"!=typeof customElements&&["xpl-banner","xpl-button","xpl-icon"].forEach((e=>{switch(e){case"xpl-banner":customElements.get(a(e))||customElements.define(a(e),o);break;case"xpl-button":customElements.get(a(e))||c();break;case"xpl-icon":customElements.get(a(e))||r()}}))};export{b as XplBanner,l as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as c,h as t,Host as r,transformTag as n}from"@stencil/core/internal/client";const s=e(class extends c{constructor(e){super(),!1!==e&&this.__registerHost(),this.chevron='<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">\n <path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path>\n </svg>\n '}render(){return t(r,{key:"ea9a888676dc9f7ef3a8ebdb194905d1e4350e2a",class:"xpl-breadcrumb-item",role:"listitem"},t("li",{key:"3de2d04b006232bcdeca19c8cd300939bdfd160d",role:"none"},t("slot",{key:"ce28e3cce466682d576e026978f2f715cc8f2c84"})),t("span",{key:"862d5979885f27e002852d0e933b0003a6a8c9f3",innerHTML:this.chevron}))}},[260,"xpl-breadcrumb-item"]),a=s,i=function(){"undefined"!=typeof customElements&&["xpl-breadcrumb-item"].forEach((e=>{"xpl-breadcrumb-item"===e&&(customElements.get(n(e))||customElements.define(n(e),s))}))};export{a as XplBreadcrumbItem,i as defineCustomElement}
1
+ import{proxyCustomElement as e,HTMLElement as t,h as c,Host as r,transformTag as a}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.chevron='<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">\n <path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path>\n </svg>\n '}render(){return c(r,{key:"98314b8841ba9d900dbba227363865efb26faf4c",class:"xpl-breadcrumb-item",role:"listitem"},c("li",{key:"26bf86067dc2348b6ca96243bd1f9513ca187a00",role:"none"},c("slot",{key:"802b606cce1052ea7fb859260627d6c6801ed78f"})),c("span",{key:"22de35338bf4439a23f8c08a7ea46d1d4f2b68e8",innerHTML:this.chevron}))}},[260,"xpl-breadcrumb-item"]),s=n,i=function(){"undefined"!=typeof customElements&&["xpl-breadcrumb-item"].forEach((e=>{"xpl-breadcrumb-item"===e&&(customElements.get(a(e))||customElements.define(a(e),n))}))};export{s as XplBreadcrumbItem,i as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as c,h as r,Host as a,transformTag as s}from"@stencil/core/internal/client";const t=e(class extends c{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return r(a,{key:"b2d3bc77d1cc55f20c15af6b3526c10ee5737d23"},r("nav",{key:"576a7d126a4df07c275fef5a412b549f5fc7bf45",class:"xpl-breadcrumbs","aria-label":"Breadcrumb"},r("ol",{key:"000ab463d675d42a67f3f484fe3d38ac7be1d60e",role:"list"},r("slot",{key:"5f5895a835a4d572bd5566c1e8a4b9b83373f372"}))))}},[260,"xpl-breadcrumbs"]),b=t,d=function(){"undefined"!=typeof customElements&&["xpl-breadcrumbs"].forEach((e=>{"xpl-breadcrumbs"===e&&(customElements.get(s(e))||customElements.define(s(e),t))}))};export{b as XplBreadcrumbs,d as defineCustomElement}
1
+ import{proxyCustomElement as e,HTMLElement as a,h as r,Host as s,transformTag as t}from"@stencil/core/internal/client";const c=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return r(s,{key:"36533f6524e01aed62e293ebe93d8eea34b6b59a"},r("nav",{key:"6a5562e639044f9d9d12a6365df69c5181f5bbba",class:"xpl-breadcrumbs","aria-label":"Breadcrumb"},r("ol",{key:"99463e4808425aa8478a5e8fa2a113831eae1ecf",role:"list"},r("slot",{key:"f4d20df3a834f100663786d47881f742c9691969"}))))}},[260,"xpl-breadcrumbs"]),l=c,d=function(){"undefined"!=typeof customElements&&["xpl-breadcrumbs"].forEach((e=>{"xpl-breadcrumbs"===e&&(customElements.get(t(e))||customElements.define(t(e),c))}))};export{l as XplBreadcrumbs,d as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as t,HTMLElement as e,createEvent as c,h as s,Host as i,transformTag as a}from"@stencil/core/internal/client";import{d as o}from"./xpl-button2.js";import{d as n}from"./xpl-icon2.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.clickPrimary=c(this,"clickPrimary",7),this.clickSecondary=c(this,"clickSecondary",7),this.clickTertiary=c(this,"clickTertiary",7),this.onPrimary=()=>this.clickPrimary.emit(),this.onSecondary=()=>this.clickSecondary.emit(),this.onTertiary=()=>this.clickTertiary.emit()}render(){return s(i,{key:"0f5bf4d086cbafb8b03f854ea11b495ee5009cdf",class:"xpl-button-row"},s("div",{key:"64ab05ca8cba9cf4c2a8feca5a6233a6a4b6a7e4",class:"xpl-button-row-inner"},s("div",{key:"2e8d97b9fb7f7a31e0014b255342c0f2fb3ce7ac",class:"xpl-button-row__left"},this.secondary&&s("xpl-button",{key:"d368c7228a9f12143cff4978ced0a5eac35ff8a3",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary)),s("div",{key:"a2a1860115ab9ac09d6ddd01ffd1e6e49d1ac874",class:"xpl-button-row__right"},this.tertiary&&s("xpl-button",{key:"98f77b4745b72e8321e37d307c0a298f1e52045f",variant:"subtle",type:"button",onClick:this.onTertiary},this.tertiary),this.secondary&&s("xpl-button",{key:"7f605c1221e856825e044dc908834f52c9e0374a",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary),this.primary&&s("xpl-button",{key:"f83653973db8aec83cc3ec0da3cdf25431c18304",class:"xpl-button-row__primary",onClick:this.onPrimary},this.primary))))}},[0,"xpl-button-row",{primary:[1],secondary:[1],tertiary:[1]}]),l=r,b=function(){"undefined"!=typeof customElements&&["xpl-button-row","xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-button-row":customElements.get(a(t))||customElements.define(a(t),r);break;case"xpl-button":customElements.get(a(t))||o();break;case"xpl-icon":customElements.get(a(t))||n()}}))};export{l as XplButtonRow,b as defineCustomElement}
1
+ import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as o,transformTag as c}from"@stencil/core/internal/client";import{d as n}from"./xpl-button2.js";import{d as a}from"./xpl-icon2.js";const b=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.clickPrimary=s(this,"clickPrimary",7),this.clickSecondary=s(this,"clickSecondary",7),this.clickTertiary=s(this,"clickTertiary",7),this.onPrimary=()=>this.clickPrimary.emit(),this.onSecondary=()=>this.clickSecondary.emit(),this.onTertiary=()=>this.clickTertiary.emit()}render(){return i(o,{key:"184ee5671a9d1bbb967dd8e6e4427df30d62a007",class:"xpl-button-row"},i("div",{key:"44b583d0899af8b158f7093b87918f0843366e44",class:"xpl-button-row-inner"},i("div",{key:"31754284b0b87a1e58ccbded4b46b453c3b717ca",class:"xpl-button-row__left"},this.secondary&&i("xpl-button",{key:"27a9c164af5e72a66380dfda4072cfb5d3b3a34d",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary)),i("div",{key:"7ba9299532405aa9dceca481dae675a5129d2b51",class:"xpl-button-row__right"},this.tertiary&&i("xpl-button",{key:"bcb3524b921e6de30a1f6d870e04eeb9592762bb",variant:"subtle",type:"button",onClick:this.onTertiary},this.tertiary),this.secondary&&i("xpl-button",{key:"5e10208c958143476df430b7f9877965b7fadc08",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary),this.primary&&i("xpl-button",{key:"ebb24794d37fd6dce72fa776b97ec59edeaab1dc",class:"xpl-button-row__primary",onClick:this.onPrimary},this.primary))))}},[0,"xpl-button-row",{primary:[1],secondary:[1],tertiary:[1]}]),r=b,l=function(){"undefined"!=typeof customElements&&["xpl-button-row","xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-button-row":customElements.get(c(t))||customElements.define(c(t),b);break;case"xpl-button":customElements.get(c(t))||n();break;case"xpl-icon":customElements.get(c(t))||a()}}))};export{r as XplButtonRow,l as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as t,HTMLElement as i,h as s,Host as n,transformTag as o}from"@stencil/core/internal/client";import{d as e}from"./xpl-icon2.js";const l=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.disabled=!1,this.fullWidth=!1,this.icon="",this.iconOnly=!1,this.iconPosition="start",this.isLoading=!1,this.sentiment="neutral",this.size="default",this.variant="primary"}componentDidRender(){const t=this.el.attributes,i=Object.keys(t).filter((i=>{const s=t[i].name;return!!s&&(s.includes("data-test")||s.includes("aria-"))})).reduce(((i,s)=>Object.assign(Object.assign({},i),{[t[s].name]:t[s].value})),{}),s=this.el.querySelector("button");s&&Object.keys(i).forEach((t=>{s.setAttribute(t,i[t]),this.el.removeAttribute(t)}))}renderIcon(){return this.icon?s("xpl-icon",{icon:this.icon}):null}handleLoadingState(t){this.isLoading&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}render(){return s(n,{key:"b4658d7608d4ec84a4bbb36e8989bf66cd0358a2",class:{"xpl-button":!0,[`xpl-button--${this.size}`]:!0,[`xpl-button--${this.variant}`]:!0,[`xpl-button--${this.state?this.state:this.sentiment}`]:!0,[this.icon?`xpl-button__icon-position--${this.iconPosition}`:""]:!!this.icon,"xpl-button--full-width":this.fullWidth,"xpl-button--icon-only":this.iconOnly,"xpl-button--disabled":this.disabled,"xpl-button--loading":this.isLoading&&!this.link}},this.link?s("slot",null):s("button",{disabled:this.disabled,onClick:t=>this.handleLoadingState(t),type:!this.isLoading||"submit"!==this.type&&"reset"!==this.type&&void 0!==this.type?this.type:"button",name:this.name,value:this.value,form:this.form,"aria-busy":this.isLoading?"true":void 0},this.icon&&s("span",{class:"xpl-button__icon"},this.renderIcon()),s("slot",null),this.isLoading&&s("span",{class:"xpl-button__loading-overlay","aria-hidden":"true"},s("span",{class:"xpl-button__loading-spinner"},s("xpl-icon",{icon:"loader-4"})))))}get el(){return this}},[260,"xpl-button",{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]}]);function h(){"undefined"!=typeof customElements&&["xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-button":customElements.get(o(t))||customElements.define(o(t),l);break;case"xpl-icon":customElements.get(o(t))||e()}}))}export{l as B,h as d}
1
+ import{proxyCustomElement as t,HTMLElement as i,h as s,Host as n,transformTag as o}from"@stencil/core/internal/client";import{d as e}from"./xpl-icon2.js";const l=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.disabled=!1,this.fullWidth=!1,this.icon="",this.iconOnly=!1,this.iconPosition="start",this.isLoading=!1,this.sentiment="neutral",this.size="default",this.variant="primary"}componentDidRender(){const t=this.el.attributes,i=Object.keys(t).filter((i=>{const s=t[i].name;return!!s&&(s.includes("data-test")||s.includes("aria-"))})).reduce(((i,s)=>Object.assign(Object.assign({},i),{[t[s].name]:t[s].value})),{}),s=this.el.querySelector("button");s&&Object.keys(i).forEach((t=>{s.setAttribute(t,i[t]),this.el.removeAttribute(t)}))}renderIcon(){return this.icon?s("xpl-icon",{icon:this.icon}):null}handleLoadingState(t){this.isLoading&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}render(){var t;return s(n,{key:"fc2207b2f07ecccd8c076846406b7c5d2ed6854d",class:{"xpl-button":!0,[`xpl-button--${this.size}`]:!0,[`xpl-button--${this.variant}`]:!0,[`xpl-button--${this.state?this.state:this.sentiment}`]:!0,[this.icon?`xpl-button__icon-position--${this.iconPosition}`:""]:!!this.icon,"xpl-button--full-width":this.fullWidth,"xpl-button--icon-only":this.iconOnly,"xpl-button--disabled":this.disabled,"xpl-button--loading":this.isLoading&&!this.link}},this.link?s("slot",null):s("button",Object.assign({},null!==(t=this.controlAttrs)&&void 0!==t?t:{},{disabled:this.disabled,onClick:t=>this.handleLoadingState(t),type:!this.isLoading||"submit"!==this.type&&"reset"!==this.type&&void 0!==this.type?this.type:"button",name:this.name,value:this.value,form:this.form,"aria-busy":this.isLoading?"true":void 0}),this.icon&&s("span",{class:"xpl-button__icon"},this.renderIcon()),s("slot",null),this.isLoading&&s("span",{class:"xpl-button__loading-overlay","aria-hidden":"true"},s("span",{class:"xpl-button__loading-spinner"},s("xpl-icon",{icon:"loader-4"})))))}get el(){return this}},[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]}]);function h(){"undefined"!=typeof customElements&&["xpl-button","xpl-icon"].forEach((t=>{switch(t){case"xpl-button":customElements.get(o(t))||customElements.define(o(t),l);break;case"xpl-icon":customElements.get(o(t))||e()}}))}export{l as B,h as d}
@@ -1 +1 @@
1
- import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,Host as a,transformTag as n}from"@stencil/core/internal/client";import{f as d}from"./index2.js";import{v as o}from"./v4.js";const l=(t=!1)=>`<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="${t?"M0.557948 5.6813L6.06209 0.132167C6.23831 -0.0440556 6.52327 -0.0440556 6.69949 0.132167L7.44187 0.874551C7.61809 1.05077 7.61809 1.33573 7.44187 1.51195L2.99882 6L7.44187 10.488C7.61809 10.6643 7.61809 10.9492 7.44187 11.1254L6.69949 11.8678C6.52327 12.0441 6.23831 12.0441 6.06209 11.8678L0.557948 6.3187C0.381726 6.14248 0.381726 5.85752 0.557948 5.6813Z":"M7.44187 6.3187L1.93773 11.8678C1.76151 12.0441 1.47655 12.0441 1.30033 11.8678L0.557948 11.1254C0.381726 10.9492 0.381726 10.6643 0.557948 10.488L5.001 6L0.557948 1.51195C0.381726 1.33573 0.381726 1.05077 0.557948 0.874551L1.30033 0.132167C1.47655 -0.0440556 1.76151 -0.0440556 1.93773 0.132167L7.44187 5.6813C7.6181 5.85752 7.6181 6.14248 7.44187 6.3187Z"}" /></svg>`,r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dateSelected=i(this,"dateSelected",7),this.inputId=o(),this.dateFormat="Y-m-d",this.mode="single"}async setDate(t){void 0!==this.flatpickrInstance&&("single"===this.mode&&"string"==typeof t||"range"===this.mode&&Array.isArray(t))&&this.flatpickrInstance.setDate(t)}componentWillLoad(){this.calendarInputId=this.inputId}componentDidLoad(){this.flatpickrInstance=d(this.inputElement,{allowInput:!0,dateFormat:this.dateFormat,defaultDate:this.defaultDate,maxDate:this.max,minDate:this.min,mode:this.mode,nextArrow:l(),prevArrow:l(!0),inline:!0,monthSelectorType:"dropdown",onChange:t=>{var e;this.dateSelected.emit("single"===this.mode?null===(e=t[0])||void 0===e?void 0:e.toISOString():t.map((t=>t.toISOString())))}})}disconnectedCallback(){void 0!==this.flatpickrInstance&&this.flatpickrInstance.destroy()}render(){return s(a,{key:"5a9d327e7f4d7861d337123299829b833b2cce84",class:"xpl-calendar"},s("input",{key:"f592794da7e97bca218ea47ab5d64a13182d71d0",class:"xpl-calendar-input",type:"text",id:this.calendarInputId,ref:t=>{this.inputElement=t}}))}},[0,"xpl-calendar",{inputId:[1,"input-id"],dateFormat:[1,"date-format"],max:[8],min:[8],mode:[1],defaultDate:[1,"default-date"],setDate:[64]}]),h=r,c=function(){"undefined"!=typeof customElements&&["xpl-calendar"].forEach((t=>{"xpl-calendar"===t&&(customElements.get(n(t))||customElements.define(n(t),r))}))};export{h as XplCalendar,c as defineCustomElement}
1
+ import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,Host as n,transformTag as a}from"@stencil/core/internal/client";import{f as d}from"./index2.js";import{v as o}from"./v4.js";const l=(t=!1)=>`<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="${t?"M0.557948 5.6813L6.06209 0.132167C6.23831 -0.0440556 6.52327 -0.0440556 6.69949 0.132167L7.44187 0.874551C7.61809 1.05077 7.61809 1.33573 7.44187 1.51195L2.99882 6L7.44187 10.488C7.61809 10.6643 7.61809 10.9492 7.44187 11.1254L6.69949 11.8678C6.52327 12.0441 6.23831 12.0441 6.06209 11.8678L0.557948 6.3187C0.381726 6.14248 0.381726 5.85752 0.557948 5.6813Z":"M7.44187 6.3187L1.93773 11.8678C1.76151 12.0441 1.47655 12.0441 1.30033 11.8678L0.557948 11.1254C0.381726 10.9492 0.381726 10.6643 0.557948 10.488L5.001 6L0.557948 1.51195C0.381726 1.33573 0.381726 1.05077 0.557948 0.874551L1.30033 0.132167C1.47655 -0.0440556 1.76151 -0.0440556 1.93773 0.132167L7.44187 5.6813C7.6181 5.85752 7.6181 6.14248 7.44187 6.3187Z"}" /></svg>`,r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dateSelected=i(this,"dateSelected",7),this.inputId=o(),this.dateFormat="Y-m-d",this.mode="single"}async setDate(t){void 0!==this.flatpickrInstance&&("single"===this.mode&&"string"==typeof t||"range"===this.mode&&Array.isArray(t))&&this.flatpickrInstance.setDate(t)}componentWillLoad(){this.calendarInputId=this.inputId}componentDidLoad(){this.flatpickrInstance=d(this.inputElement,{allowInput:!0,dateFormat:this.dateFormat,defaultDate:this.defaultDate,maxDate:this.max,minDate:this.min,mode:this.mode,nextArrow:l(),prevArrow:l(!0),inline:!0,monthSelectorType:"dropdown",onChange:t=>{var e;this.dateSelected.emit("single"===this.mode?null===(e=t[0])||void 0===e?void 0:e.toISOString():t.map((t=>t.toISOString())))}})}disconnectedCallback(){void 0!==this.flatpickrInstance&&this.flatpickrInstance.destroy()}render(){return s(n,{key:"56cd65b62892b0c3e939f6cd77e9ba507baf4a68",class:"xpl-calendar"},s("input",{key:"296222d3b6c0bf3e7c400d4d8c40d7d48774ea57",class:"xpl-calendar-input",type:"text",id:this.calendarInputId,ref:t=>{this.inputElement=t}}))}},[0,"xpl-calendar",{inputId:[1,"input-id"],dateFormat:[1,"date-format"],max:[8],min:[8],mode:[1],defaultDate:[1,"default-date"],setDate:[64]}]),c=r,h=function(){"undefined"!=typeof customElements&&["xpl-calendar"].forEach((t=>{"xpl-calendar"===t&&(customElements.get(a(t))||customElements.define(a(t),r))}))};export{c as XplCalendar,h as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as s,createEvent as t,h as i,Host as a,transformTag as d}from"@stencil/core/internal/client";import{v as c}from"./v4.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.checkboxChange=t(this,"checkboxChange",7),this.id=c(),this.onChange=e=>{this.checkboxChange.emit(this.value?this.value:e.target.checked)}}render(){return i(a,{key:"8d2ec8544cf2baad3e82b489c678fda63e22da06",class:{"xpl-checkbox-radio-container":!0,styled:this.styled,disabled:this.disabled}},i("input",{key:"632db707a6611ef8f89edaa36af95746a9e5d8fd",class:"xpl-checkbox",type:"checkbox",checked:this.checked,"data-id":this.dataId,disabled:this.disabled,id:this.id,indeterminate:this.indeterminate,onChange:this.onChange,name:this.name,required:this.required,value:this.value}),i("label",{key:"80949092498866a3eba442760c28ba57540f69ba",class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},i("slot",{key:"343779750455548397d8c887101ac8cf8eb25fcc"}),this.description&&i("small",{key:"12d5e2d154f1a99d7afe5a9bafdf5ebdcb40f1dd",class:{"xpl-description":!0,"xpl-description--disabled":this.disabled}},this.description)))}},[260,"xpl-checkbox",{checked:[4],description:[1],disabled:[4],indeterminate:[4],name:[1],value:[1],required:[4],styled:[4],dataId:[1,"data-id"],id:[32]}]);function h(){"undefined"!=typeof customElements&&["xpl-checkbox"].forEach((e=>{"xpl-checkbox"===e&&(customElements.get(d(e))||customElements.define(d(e),l))}))}export{l as C,h as d}
1
+ import{proxyCustomElement as e,HTMLElement as s,createEvent as i,h as t,Host as a,transformTag as d}from"@stencil/core/internal/client";import{v as c}from"./v4.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.checkboxChange=i(this,"checkboxChange",7),this.id=c(),this.ariaLabel="",this.onChange=e=>{this.checkboxChange.emit(this.value?this.value:e.target.checked)}}render(){var e;return t(a,{key:"a73acf5a3394c8f1060f9095682093a1db3b09db",class:{"xpl-checkbox-radio-container":!0,styled:this.styled,disabled:this.disabled}},t("input",{key:"7da5f17d827bfb6d63a4933977daee75c9845899",class:"xpl-checkbox",type:"checkbox","aria-label":(null!==(e=this.ariaLabel)&&void 0!==e?e:"").trim()||void 0,checked:this.checked,"data-id":this.dataId,disabled:this.disabled,id:this.id,indeterminate:this.indeterminate,onChange:this.onChange,name:this.name,required:this.required,value:this.value}),t("label",{key:"86669521b030289b55279bd6fceecb5d060c7138",class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},t("slot",{key:"b40aafb664cbac2092938afd45683cfc0313beac"}),this.description&&t("small",{key:"06e2245639b577f5d09afdf9000e43d076758e80",class:{"xpl-description":!0,"xpl-description--disabled":this.disabled}},this.description)))}},[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]}]);function h(){"undefined"!=typeof customElements&&["xpl-checkbox"].forEach((e=>{"xpl-checkbox"===e&&(customElements.get(d(e))||customElements.define(d(e),l))}))}export{l as C,h as d}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as s,createEvent as t,h as i,Host as c,transformTag as h}from"@stencil/core/internal/client";import{d as l}from"./xpl-checkbox2.js";import{d as o}from"./xpl-radio2.js";import{v as n}from"./v4.js";const a=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.choicelistChange=t(this,"choicelistChange",7),this.choicelistValueChange=t(this,"choicelistValueChange",7),this.name=n(),this.onChoiceChange=(e,s)=>{if(this.multi){if(this.selected=this.selected.map(((e,t)=>t===s?!e:e)),"string"==typeof e){const e=this.choices.filter(((e,s)=>this.selected[s])).map(((e,s)=>{var t;return null!==(t=e.value)&&void 0!==t?t:this.selected[s]}));this.choicelistValueChange.emit(e)}}else this.selected=this.selected.map(((e,t)=>t===s)),"string"==typeof e&&this.choicelistValueChange.emit(e)},this.renderChoice=({description:e,label:s,value:t,checked:c},h)=>this.multi?i("xpl-checkbox",{value:t,description:e,name:this.name,checked:c,onCheckboxChange:e=>this.onChoiceChange(e.detail,h)},s):i("xpl-radio",{value:t,description:e,name:this.name,checked:c,onRadioChange:e=>this.onChoiceChange(e.detail,h)},s)}onChoicesPropChange(e){this.selected=null!=e&&e.length>0?e.map((e=>e.checked||!1)):[]}onSelectedChange(e){this.choicelistChange.emit(e)}componentWillLoad(){this.onChoicesPropChange(this.choices)}render(){return i(c,{key:"c6a7762863d6d19c1a9d72cfcc14e1d6e0f02850",class:"xpl-choicelist-container"},void 0!==this.heading||void 0!==this.description?i("div",{class:"xpl-choicelist-heading"},this.heading&&i("h3",null,this.heading),this.description&&i("p",null,this.description)):null,this.choices&&i("ul",{key:"a7f81d04dea87b90b86548e9eceeb802e0f4f57f",class:{"xpl-choicelist":!0,"xpl-choicelist--styled":this.styled}},this.choices.map(((e,s)=>{const t=this.renderChoice(e,s);return i("li",{class:{selected:this.styled&&this.selected[s]}},t,e.children&&i("ul",null,e.children.map(((e,s)=>{const t=this.renderChoice(e,s);return i("li",null,t)}))))}))))}static get watchers(){return{choices:[{onChoicesPropChange:0}],selected:[{onSelectedChange:0}]}}},[0,"xpl-choicelist",{choices:[16],description:[1],heading:[1],multi:[4],name:[1],styled:[4],selected:[32]},void 0,{choices:[{onChoicesPropChange:0}],selected:[{onSelectedChange:0}]}]),r=a,d=function(){"undefined"!=typeof customElements&&["xpl-choicelist","xpl-checkbox","xpl-radio"].forEach((e=>{switch(e){case"xpl-choicelist":customElements.get(h(e))||customElements.define(h(e),a);break;case"xpl-checkbox":customElements.get(h(e))||l();break;case"xpl-radio":customElements.get(h(e))||o()}}))};export{r as XplChoicelist,d as defineCustomElement}
1
+ import{proxyCustomElement as e,HTMLElement as s,createEvent as t,h as i,Host as c,transformTag as h}from"@stencil/core/internal/client";import{d as l}from"./xpl-checkbox2.js";import{d as o}from"./xpl-radio2.js";import{v as n}from"./v4.js";const a=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.choicelistChange=t(this,"choicelistChange",7),this.choicelistValueChange=t(this,"choicelistValueChange",7),this.name=n(),this.onChoiceChange=(e,s)=>{if(this.multi){if(this.selected=this.selected.map(((e,t)=>t===s?!e:e)),"string"==typeof e){const e=this.choices.filter(((e,s)=>this.selected[s])).map(((e,s)=>{var t;return null!==(t=e.value)&&void 0!==t?t:this.selected[s]}));this.choicelistValueChange.emit(e)}}else this.selected=this.selected.map(((e,t)=>t===s)),"string"==typeof e&&this.choicelistValueChange.emit(e)},this.renderChoice=({description:e,label:s,value:t,checked:c},h)=>this.multi?i("xpl-checkbox",{value:t,description:e,name:this.name,checked:c,onCheckboxChange:e=>this.onChoiceChange(e.detail,h)},s):i("xpl-radio",{value:t,description:e,name:this.name,checked:c,onRadioChange:e=>this.onChoiceChange(e.detail,h)},s)}onChoicesPropChange(e){this.selected=null!=e&&e.length>0?e.map((e=>e.checked||!1)):[]}onSelectedChange(e){this.choicelistChange.emit(e)}componentWillLoad(){this.onChoicesPropChange(this.choices)}render(){return i(c,{key:"003270ebbe4ccd9c204774f2c41302e64697a358",class:"xpl-choicelist-container"},void 0!==this.heading||void 0!==this.description?i("div",{class:"xpl-choicelist-heading"},this.heading&&i("h3",null,this.heading),this.description&&i("p",null,this.description)):null,this.choices&&i("ul",{key:"388763663e1e9dc48f53b4e8569c3c58942fb631",class:{"xpl-choicelist":!0,"xpl-choicelist--styled":this.styled}},this.choices.map(((e,s)=>{const t=this.renderChoice(e,s);return i("li",{class:{selected:this.styled&&this.selected[s]}},t,e.children&&i("ul",null,e.children.map(((e,s)=>{const t=this.renderChoice(e,s);return i("li",null,t)}))))}))))}static get watchers(){return{choices:[{onChoicesPropChange:0}],selected:[{onSelectedChange:0}]}}},[0,"xpl-choicelist",{choices:[16],description:[1],heading:[1],multi:[4],name:[1],styled:[4],selected:[32]},void 0,{choices:[{onChoicesPropChange:0}],selected:[{onSelectedChange:0}]}]),r=a,d=function(){"undefined"!=typeof customElements&&["xpl-choicelist","xpl-checkbox","xpl-radio"].forEach((e=>{switch(e){case"xpl-choicelist":customElements.get(h(e))||customElements.define(h(e),a);break;case"xpl-checkbox":customElements.get(h(e))||l();break;case"xpl-radio":customElements.get(h(e))||o()}}))};export{r as XplChoicelist,d as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as t,h as c,Host as n,transformTag as a}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.size="wide"}render(){return c(n,{key:"5ce34f544fa975f9cbd46defced08033bb1eef9b"},c("main",{key:"3e4b262bc54788d50b6b329936f7aee1c1f6be69",class:"xpl-content-area-wrapper xpl-content-area-wrapper__"+this.size},c("div",{key:"5e4f9fa89830360f151c89ebb787d525c3c0940e",class:"xpl-content-area"},c("slot",{key:"e22c2759aa45d4a99c92541073abf011d34474f9"}))))}},[260,"xpl-content-area",{size:[1]}]),s=r,o=function(){"undefined"!=typeof customElements&&["xpl-content-area"].forEach((e=>{"xpl-content-area"===e&&(customElements.get(a(e))||customElements.define(a(e),r))}))};export{s as XplContentArea,o as defineCustomElement}
1
+ import{proxyCustomElement as e,HTMLElement as t,h as c,Host as a,transformTag as n}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.size="wide"}render(){return c(a,{key:"2fe4c1c077c12e47600c737cc9266ae2eff8aaec"},c("main",{key:"2e6c6f4b83cea96d629bb5af65c4ce6a4d20570e",class:"xpl-content-area-wrapper xpl-content-area-wrapper__"+this.size},c("div",{key:"033e707fbc48ae523fafb25dd2952d3de9214908",class:"xpl-content-area"},c("slot",{key:"04afc15969c2b1fb7e2feb3d8ae46248ee0f6e31"}))))}},[260,"xpl-content-area",{size:[1]}]),s=r,o=function(){"undefined"!=typeof customElements&&["xpl-content-area"].forEach((e=>{"xpl-content-area"===e&&(customElements.get(n(e))||customElements.define(n(e),r))}))};export{s as XplContentArea,o as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as a,h as s,Host as c,transformTag as t}from"@stencil/core/internal/client";const d=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return s(c,{key:"aa4f209d95236a7e2c3e6f6915c989a110202c80"},s("dl",{key:"890e6fb69af3154ee47c1b40498ed37c5d8a6a1a",class:"xpl-dashboard"},s("slot",{key:"e4a47f80f873cf53844283e47c59f174fc79fda0"})))}},[260,"xpl-dashboard"]),o=d,n=function(){"undefined"!=typeof customElements&&["xpl-dashboard"].forEach((e=>{"xpl-dashboard"===e&&(customElements.get(t(e))||customElements.define(t(e),d))}))};export{o as XplDashboard,n as defineCustomElement}
1
+ import{proxyCustomElement as e,HTMLElement as c,h as d,Host as s,transformTag as a}from"@stencil/core/internal/client";const t=e(class extends c{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return d(s,{key:"ceeb8b27d9537c70e88360de21238c9ce2a3f90b"},d("dl",{key:"3c4fcb92f472f14885053a1cb1db893618a6d8a8",class:"xpl-dashboard"},d("slot",{key:"fe4fa8fdec2ce84bdedc7aa404ab647abd189d11"})))}},[260,"xpl-dashboard"]),o=t,n=function(){"undefined"!=typeof customElements&&["xpl-dashboard"].forEach((e=>{"xpl-dashboard"===e&&(customElements.get(a(e))||customElements.define(a(e),t))}))};export{o as XplDashboard,n as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as t,HTMLElement as a,h as s,Host as e,transformTag as d}from"@stencil/core/internal/client";import{d as c}from"./xpl-icon2.js";import{d as i}from"./xpl-tooltip2.js";const l=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.leadingIcon=!0,this.tooltipTextSmallStat="",this.tooltipTextStat=""}watchStat(t){this.stat=t}watchShortStat(t){this.shortStat=t}componentDidLoad(){if(this.link){const t=this.el.getElementsByTagName("a")[0]||this.el.getElementsByTagName("button")[0],a=document.createTextNode(this.name),s=document.createElement("span");s.appendChild(a),t.setAttribute("class","xpl-data-card__anchor"),t.appendChild(s)}}render(){const t="graph-content",a=this.el.querySelector(`[slot="${t}"]`),d="positive"===this.smallStatVariant?"arrow-up-right":"negative"===this.smallStatVariant?"arrow-down-right":"dash";return s(e,{key:"c9a108ce28ed8904ef2f39f8d28e3becdd3da427",role:"group",class:"xpl-data-card "+(this.link?"xpl-data-card__link":""),tabindex:"0"},s("dt",{key:"376323f4f00a84b903b31d3b72b21d83f86cb8d7",class:"xpl-data-card__header xpl-data-card__header--"+("secondary"===this.variant?"secondary":"primary")},s("header",{key:"7385e8fac7f9eb6f8f9c9235f7de8395de376510"},!!this.leadingIcon&&this.icon&&s("span",{key:"bd43a5ad7f0d4c3afacd83b0d77b00fbfbbc9bfe",class:"xpl-data-card__icon--"+this.variant},s("xpl-icon",{key:"914e9897881a07fd0a76eaa24f7b862e0d2237d8",icon:this.icon,"background-color":"secondary"===this.variant?"purple":"orange",size:20})),s("slot",{key:"dc317fbb7055845149737d3699d39759b42be5a4",name:"title"},this.name)),this.link&&s("span",{key:"ea569e40ee3e746073c1dee3e1be98af63cda682",class:"xpl-data-card__header-arrow"},s("xpl-icon",{key:"4da084735e560701a8407ec044b9e6d8ea9d5a1f",icon:"chevron-right",size:16}))),s("dd",{key:"218fd7271e49509d9b29484ba7becb3237fae283",class:"xpl-data-card__body"},s("div",{key:"e8a723a5d2742c42b681cbde6ca880a9833301ba",class:"xpl-data-card__left"},s("span",{key:"9b9cfbc7ff6d1cb81d867e044766559e07f0bee9",class:"xpl-data-card-stat xpl-data-card-stat--long"},this.stat),this.tooltipTextStat?s("xpl-tooltip",{text:this.tooltipTextStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--short"},this.shortStat?this.shortStat:this.stat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--short"},s("abbr",{title:this.stat},this.shortStat?this.shortStat:this.stat)),this.smallStatVariant?this.tooltipTextSmallStat?s("xpl-tooltip",{text:this.tooltipTextSmallStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small "+this.smallStatVariant},s("xpl-icon",{icon:d,size:16}),this.smallStat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small "+this.smallStatVariant},s("xpl-icon",{icon:d,size:16}),this.smallStat):this.smallStatIcon&&(this.tooltipTextSmallStat?s("xpl-tooltip",{text:this.tooltipTextSmallStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small"},s("xpl-icon",{icon:this.smallStatIcon,size:16}),this.smallStat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small"},s("xpl-icon",{icon:this.smallStatIcon,size:16}),this.smallStat)),!!this.detail&&s("span",{key:"f6236b30f5fababdb27dfb0767b0b9f230019e87",class:"xpl-data-card__detail"},this.detail)),a&&s("div",{key:"614af9eb3f33fde8d489fe547a2f0e833f6e9655",class:"xpl-data-card__right"},s("slot",{key:"d71b6775e27537744ca4bee20c530b5aa1e6e830",name:t}))))}get el(){return this}static get watchers(){return{stat:[{watchStat:0}],shortStat:[{watchShortStat: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"]},void 0,{stat:[{watchStat:0}],shortStat:[{watchShortStat:0}]}]),o=l,r=function(){"undefined"!=typeof customElements&&["xpl-data-card","xpl-icon","xpl-tooltip"].forEach((t=>{switch(t){case"xpl-data-card":customElements.get(d(t))||customElements.define(d(t),l);break;case"xpl-icon":customElements.get(d(t))||c();break;case"xpl-tooltip":customElements.get(d(t))||i()}}))};export{o as XplDataCard,r as defineCustomElement}
1
+ import{proxyCustomElement as t,HTMLElement as a,h as s,Host as e,transformTag as d}from"@stencil/core/internal/client";import{d as c}from"./xpl-icon2.js";import{d as i}from"./xpl-tooltip2.js";const l=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.leadingIcon=!0,this.tooltipTextSmallStat="",this.tooltipTextStat=""}watchStat(t){this.stat=t}watchShortStat(t){this.shortStat=t}componentDidLoad(){if(this.link){const t=this.el.getElementsByTagName("a")[0]||this.el.getElementsByTagName("button")[0],a=document.createTextNode(this.name),s=document.createElement("span");s.appendChild(a),t.setAttribute("class","xpl-data-card__anchor"),t.appendChild(s)}}render(){const t="graph-content",a=this.el.querySelector(`[slot="${t}"]`),d="positive"===this.smallStatVariant?"arrow-up-right":"negative"===this.smallStatVariant?"arrow-down-right":"dash";return s(e,{key:"917b6ae82a30b849b100e878dc6be08eb4171214",role:"group",class:"xpl-data-card "+(this.link?"xpl-data-card__link":""),tabindex:"0"},s("dt",{key:"21573d19d14f861eea6562529f78e93affc1e5d2",class:"xpl-data-card__header xpl-data-card__header--"+("secondary"===this.variant?"secondary":"primary")},s("header",{key:"1af52bd082f4d12239db85e78eaf74ed2eb7e027"},!!this.leadingIcon&&this.icon&&s("span",{key:"dfdcc25ae67fdc766ee3075a479fbfeeac2561ab",class:"xpl-data-card__icon--"+this.variant},s("xpl-icon",{key:"4072018714c05bd5bae20bfb9e5b6a04561474da",icon:this.icon,"background-color":"secondary"===this.variant?"purple":"orange",size:20})),s("slot",{key:"f81204887ad6c229cb50e8d3ff654c1aa4703368",name:"title"},this.name)),this.link&&s("span",{key:"6d8d61f8611fdbc5cd09fc20ba15194e0e1e7b56",class:"xpl-data-card__header-arrow"},s("xpl-icon",{key:"863e66734bbbd6aa178f140b22f8afb3dd401127",icon:"chevron-right",size:16}))),s("dd",{key:"08a5e4af6873c267336f7daff6d3455e75a2883e",class:"xpl-data-card__body"},s("div",{key:"ec8ff889fb93d99e7ef51361e041edbaaaf5cd62",class:"xpl-data-card__left"},s("span",{key:"4787e6aadc3832830fe707ffc08e5614a7abde7b",class:"xpl-data-card-stat xpl-data-card-stat--long"},this.stat),this.tooltipTextStat?s("xpl-tooltip",{text:this.tooltipTextStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--short"},this.shortStat?this.shortStat:this.stat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--short"},s("abbr",{title:this.stat},this.shortStat?this.shortStat:this.stat)),this.smallStatVariant?this.tooltipTextSmallStat?s("xpl-tooltip",{text:this.tooltipTextSmallStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small "+this.smallStatVariant},s("xpl-icon",{icon:d,size:16}),this.smallStat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small "+this.smallStatVariant},s("xpl-icon",{icon:d,size:16}),this.smallStat):this.smallStatIcon&&(this.tooltipTextSmallStat?s("xpl-tooltip",{text:this.tooltipTextSmallStat},s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small"},s("xpl-icon",{icon:this.smallStatIcon,size:16}),this.smallStat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small"},s("xpl-icon",{icon:this.smallStatIcon,size:16}),this.smallStat)),!!this.detail&&s("span",{key:"2060dba53f12917e37747a6bc52c7f03fe4dadc7",class:"xpl-data-card__detail"},this.detail)),a&&s("div",{key:"7a091cce8bc0abae2af7b15d6d1a63acd16854c5",class:"xpl-data-card__right"},s("slot",{key:"d83790136435a0d5427fd746d2cba5a08cf914eb",name:t}))))}get el(){return this}static get watchers(){return{stat:[{watchStat:0}],shortStat:[{watchShortStat: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"]},void 0,{stat:[{watchStat:0}],shortStat:[{watchShortStat:0}]}]),o=l,r=function(){"undefined"!=typeof customElements&&["xpl-data-card","xpl-icon","xpl-tooltip"].forEach((t=>{switch(t){case"xpl-data-card":customElements.get(d(t))||customElements.define(d(t),l);break;case"xpl-icon":customElements.get(d(t))||c();break;case"xpl-tooltip":customElements.get(d(t))||i()}}))};export{o as XplDataCard,r as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as t,h as d,Host as s,transformTag as c}from"@stencil/core/internal/client";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}render(){let e="xpl-divider";return e+=` xpl-divider--${this.tier}`,d(s,{key:"cdafb808588e7baf9271997503dea7b53597b15f",class:e},d("span",{key:"119067065dc21dd71b25ba81b5d83232f4953ebc"},d("slot",{key:"8cc9077442f20703efc50094056cb7d15782252a"})))}},[260,"xpl-divider",{tier:[2]}]);function r(){"undefined"!=typeof customElements&&["xpl-divider"].forEach((e=>{"xpl-divider"===e&&(customElements.get(c(e))||customElements.define(c(e),i))}))}export{i as D,r as d}
1
+ import{proxyCustomElement as e,HTMLElement as d,h as t,Host as s,transformTag as i}from"@stencil/core/internal/client";const r=e(class extends d{constructor(e){super(),!1!==e&&this.__registerHost()}render(){let e="xpl-divider";return e+=` xpl-divider--${this.tier}`,t(s,{key:"213dc1893d64e06256ef2958b59b8377428d81d4",class:e},t("span",{key:"2e03654076b9b76f2ce9e8475bb44068170c8a80"},t("slot",{key:"5af40b6963beddbd0d1fe5fd05a9e62274ce3418"})))}},[260,"xpl-divider",{tier:[2]}]);function n(){"undefined"!=typeof customElements&&["xpl-divider"].forEach((e=>{"xpl-divider"===e&&(customElements.get(i(e))||customElements.define(i(e),r))}))}export{r as D,n as d}
@@ -1 +1 @@
1
- import{proxyCustomElement as o,HTMLElement as e,h as p,Host as r,transformTag as n}from"@stencil/core/internal/client";import{d as t}from"./xpl-dropdown-heading2.js";import{d}from"./xpl-dropdown-option2.js";import{d as a}from"./xpl-icon2.js";const c=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost()}render(){const{groupName:o,options:e}=this,n=e&&e.length&&e.map((o=>{var{groupName:e}=o,r=function(o,e){var p={};for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&e.indexOf(r)<0&&(p[r]=o[r]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(o);n<r.length;n++)e.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(o,r[n])&&(p[r[n]]=o[r[n]])}return p}(o,["groupName"]);return e?p("xpl-dropdown-group",Object.assign({label:e},r)):p("xpl-dropdown-option",Object.assign({},r))}));return p(r,{key:"fae7d1999fae7148c2d19e14676b8c7a6f9c7810",role:"group","aria-label":o},p("li",{key:"8696234c09cce33be47e6481d757c2209d1fe04e",class:"xpl-dropdown-list-item"},p("xpl-dropdown-heading",{key:"ce4fc6f2b00f58302075e180170f52e333aab08b",label:o}),p("ul",{key:"a9015c5ebaaa4ec3858769ad9aaf3f06d806bdbe",class:"xpl-dropdown-list"},n||p("slot",{key:"2f4bb9a76f1371c4dc0405b2652bc616fa4bb835",name:"options"}))))}},[260,"xpl-dropdown-group",{groupName:[1,"label"],options:[16]}]);function l(){"undefined"!=typeof customElements&&["xpl-dropdown-group","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon"].forEach((o=>{switch(o){case"xpl-dropdown-group":customElements.get(n(o))||customElements.define(n(o),c);break;case"xpl-dropdown-group":customElements.get(n(o))||l();break;case"xpl-dropdown-heading":customElements.get(n(o))||t();break;case"xpl-dropdown-option":customElements.get(n(o))||d();break;case"xpl-icon":customElements.get(n(o))||a()}}))}export{c as D,l as d}
1
+ import{proxyCustomElement as o,HTMLElement as e,h as p,Host as r,transformTag as n}from"@stencil/core/internal/client";import{d as t}from"./xpl-dropdown-heading2.js";import{d as c}from"./xpl-dropdown-option2.js";import{d as a}from"./xpl-icon2.js";const l=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost()}render(){const{groupName:o,options:e}=this,n=e&&e.length&&e.map((o=>{var{groupName:e}=o,r=function(o,e){var p={};for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&e.indexOf(r)<0&&(p[r]=o[r]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(o);n<r.length;n++)e.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(o,r[n])&&(p[r[n]]=o[r[n]])}return p}(o,["groupName"]);return e?p("xpl-dropdown-group",Object.assign({label:e},r)):p("xpl-dropdown-option",Object.assign({},r))}));return p(r,{key:"b872cfc0a8eb2e3542f07f6ae17ebc15b6f965ab",role:"group","aria-label":o},p("li",{key:"8e475e45b5040bd78c7d37f8c58b0689a508f067",class:"xpl-dropdown-list-item"},p("xpl-dropdown-heading",{key:"3b7b984646bdcc502aca2260a0b59494e0884f6c",label:o}),p("ul",{key:"c75e710ebe06a23aacca57f34ce286516c98a8c5",class:"xpl-dropdown-list"},n||p("slot",{key:"6b72762b22f316561f7614e4841018c019a60681",name:"options"}))))}},[260,"xpl-dropdown-group",{groupName:[1,"label"],options:[16]}]);function s(){"undefined"!=typeof customElements&&["xpl-dropdown-group","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon"].forEach((o=>{switch(o){case"xpl-dropdown-group":customElements.get(n(o))||customElements.define(n(o),l);break;case"xpl-dropdown-group":customElements.get(n(o))||s();break;case"xpl-dropdown-heading":customElements.get(n(o))||t();break;case"xpl-dropdown-option":customElements.get(n(o))||c();break;case"xpl-icon":customElements.get(n(o))||a()}}))}export{l as D,s as d}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as n,h as o,Host as t,transformTag as s}from"@stencil/core/internal/client";const a=e(class extends n{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return o(t,{key:"8f7d858ca1ee011e03b069948b1c948c7693725f",class:{"xpl-dropdown-heading":!0},role:"presentation"},o("span",{key:"56679ee9d35a995a72249f4494983652bacf0832"},this.label||o("slot",{key:"3e657744c62647b42d249379927fab9ca9a258f6",name:"heading"})))}},[260,"xpl-dropdown-heading",{label:[1]}]);function d(){"undefined"!=typeof customElements&&["xpl-dropdown-heading"].forEach((e=>{"xpl-dropdown-heading"===e&&(customElements.get(s(e))||customElements.define(s(e),a))}))}export{a as D,d}
1
+ import{proxyCustomElement as e,HTMLElement as n,h as d,Host as o,transformTag as t}from"@stencil/core/internal/client";const s=e(class extends n{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return d(o,{key:"70e5556188bd87fe5842256e4e145c3585f73409",class:{"xpl-dropdown-heading":!0},role:"presentation"},d("span",{key:"2d45f0191d9b158641da794ee1b9f246f9659717"},this.label||d("slot",{key:"21cc81673e6a37f4b7ff896d12bd94916c3a92e7",name:"heading"})))}},[260,"xpl-dropdown-heading",{label:[1]}]);function r(){"undefined"!=typeof customElements&&["xpl-dropdown-heading"].forEach((e=>{"xpl-dropdown-heading"===e&&(customElements.get(t(e))||customElements.define(t(e),s))}))}export{s as D,r as d}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as t,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";import{d as n}from"./xpl-icon2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}componentWillLoad(){this.dropdown=this.hostElement.closest("xpl-dropdown")}handleClick(e){if(!this.dropdown)return;const{closeOnSelect:t,mode:o}=this.dropdown;e.x&&e.y&&(this.dropdown.handleSelect(e,{component:this}),"single"===o&&t&&(this.dropdown.isOpen=!1))}handleKeyup(e){if(!this.dropdown)return;const{dropdown:t}=this,{closeOnSelect:o,mode:s,selectOnFocus:i}=this.dropdown;if(i&&["ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Tab"].includes(e.key)){const i=document.activeElement.closest("xpl-dropdown-option");return t.handleSelect(e,{component:{hostElement:i}}),void("single"===s&&o&&(this.dropdown.isOpen=!1))}["Escape","Enter"].includes(e.key)&&(t.handleSelect(e,{component:this}),("Escape"===e.key||this.dropdown.closeOnSelect&&"Enter"===e.key)&&(this.dropdown.isOpen=!1))}connectedCallback(){this.hostElement.addEventListener("click",this.handleClick.bind(this)),this.hostElement.addEventListener("keyup",this.handleKeyup.bind(this))}disconnectedCallback(){this.hostElement.removeEventListener("click",this.handleClick),this.hostElement.removeEventListener("keyup",this.handleKeyup)}render(){const{label:e,isSelected:t,isDisabled:i,value:n,subtitle:l,icon:c}=this;return o(s,{key:"207cafd793f52598fdbbe3104ff0207261e086c4",class:{"xpl-dropdown-option":!0,"xpl-dropdown-option--disabled":i,"xpl-dropdown-option--selected":t},role:"option","aria-checked":t,"aria-disabled":i,"aria-selected":t,value:n},o("li",{key:"7e836b82c325050338eff79f23855f55c696f38c",class:"xpl-dropdown-list-item"},c&&o("xpl-icon",{key:"7b59e353bf038e1db478fab923c07e60d0e1a828",class:"xpl-dropdown-list-item__icon",icon:c,size:20}),e||o("slot",{key:"aad23fec3435e7cd7e36a57d49e178177d7da7fa",name:"option"}),l&&o("span",{key:"96fee61dbd072dacf783e164a93fd8dd626e3e53",class:"xpl-dropdown-list-item__subtitle"},l)))}get hostElement(){return this}},[260,"xpl-dropdown-option",{isDisabled:[516,"disabled"],label:[1],value:[1],subtitle:[1],icon:[1],isSelected:[4,"selected"]}]);function c(){"undefined"!=typeof customElements&&["xpl-dropdown-option","xpl-icon"].forEach((e=>{switch(e){case"xpl-dropdown-option":customElements.get(i(e))||customElements.define(i(e),l);break;case"xpl-icon":customElements.get(i(e))||n()}}))}export{l as D,c as d}
1
+ import{proxyCustomElement as e,HTMLElement as t,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";import{d as n}from"./xpl-icon2.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}componentWillLoad(){this.dropdown=this.hostElement.closest("xpl-dropdown")}handleClick(e){if(!this.dropdown)return;const{closeOnSelect:t,mode:o}=this.dropdown;e.x&&e.y&&(this.dropdown.handleSelect(e,{component:this}),"single"===o&&t&&(this.dropdown.isOpen=!1))}handleKeyup(e){if(!this.dropdown)return;const{dropdown:t}=this,{closeOnSelect:o,mode:s,selectOnFocus:i}=this.dropdown;if(i&&["ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Tab"].includes(e.key)){const i=document.activeElement.closest("xpl-dropdown-option");return t.handleSelect(e,{component:{hostElement:i}}),void("single"===s&&o&&(this.dropdown.isOpen=!1))}["Escape","Enter"].includes(e.key)&&(t.handleSelect(e,{component:this}),("Escape"===e.key||this.dropdown.closeOnSelect&&"Enter"===e.key)&&(this.dropdown.isOpen=!1))}connectedCallback(){this.hostElement.addEventListener("click",this.handleClick.bind(this)),this.hostElement.addEventListener("keyup",this.handleKeyup.bind(this))}disconnectedCallback(){this.hostElement.removeEventListener("click",this.handleClick),this.hostElement.removeEventListener("keyup",this.handleKeyup)}render(){const{label:e,isSelected:t,isDisabled:i,value:n,subtitle:c,icon:l}=this;return o(s,{key:"838f64dba15bc8d6c2f65a8685365c5618c24d5f",class:{"xpl-dropdown-option":!0,"xpl-dropdown-option--disabled":i,"xpl-dropdown-option--selected":t},role:"option","aria-checked":t,"aria-disabled":i,"aria-selected":t,value:n},o("li",{key:"bc4b23054cd73a95ff5cf167c4195563a9e318ec",class:"xpl-dropdown-list-item"},l&&o("xpl-icon",{key:"797d92d1d80cb8c33500d8dfe8b1bf9396c767ca",class:"xpl-dropdown-list-item__icon",icon:l,size:20}),e||o("slot",{key:"7a590a3abae38e7934f703929895be152b01816d",name:"option"}),c&&o("span",{key:"465fb73335df17864cd21e067f26cdba85d8135c",class:"xpl-dropdown-list-item__subtitle"},c)))}get hostElement(){return this}},[260,"xpl-dropdown-option",{isDisabled:[516,"disabled"],label:[1],value:[1],subtitle:[1],icon:[1],isSelected:[4,"selected"]}]);function l(){"undefined"!=typeof customElements&&["xpl-dropdown-option","xpl-icon"].forEach((e=>{switch(e){case"xpl-dropdown-option":customElements.get(i(e))||customElements.define(i(e),c);break;case"xpl-icon":customElements.get(i(e))||n()}}))}export{c as D,l as d}
@@ -1 +1 @@
1
- import{proxyCustomElement as t,HTMLElement as e,createEvent as n,h as o,Host as r,transformTag as i}from"@stencil/core/internal/client";import{d as s}from"./xpl-dropdown-group2.js";import{d as l}from"./xpl-dropdown-heading2.js";import{d as c}from"./xpl-dropdown-option2.js";import{d as a}from"./xpl-icon2.js";const u=["top","right","bottom","left"],d=Math.min,f=Math.max,h=Math.round,p=Math.floor,m=t=>({x:t,y:t}),g={left:"right",right:"left",bottom:"top",top:"bottom"};function w(t,e){return"function"==typeof t?t(e):t}function y(t){return t.split("-")[0]}function x(t){return t.split("-")[1]}function b(t){return"y"===t?"height":"width"}function v(t){const e=t[0];return"t"===e||"b"===e?"y":"x"}function O(t){return"x"===v(t)?"y":"x"}function S(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}const C=["left","right"],A=["right","left"],T=["top","bottom"],k=["bottom","top"];function F(t){const e=y(t);return g[e]+t.slice(e.length)}function E(t){const{x:e,y:n,width:o,height:r}=t;return{width:o,height:r,top:n,left:e,right:e+o,bottom:n+r,x:e,y:n}}function j(t,e,n){let{reference:o,floating:r}=t;const i=v(e),s=O(e),l=b(s),c=y(e),a="y"===i,u=o.x+o.width/2-r.width/2,d=o.y+o.height/2-r.height/2,f=o[l]/2-r[l]/2;let h;switch(c){case"top":h={x:u,y:o.y-r.height};break;case"bottom":h={x:u,y:o.y+o.height};break;case"right":h={x:o.x+o.width,y:d};break;case"left":h={x:o.x-r.width,y:d};break;default:h={x:o.x,y:o.y}}switch(x(e)){case"start":h[s]-=f*(n&&a?-1:1);break;case"end":h[s]+=f*(n&&a?-1:1)}return h}async function R(t,e){var n;void 0===e&&(e={});const{x:o,y:r,platform:i,rects:s,elements:l,strategy:c}=t,{boundary:a="clippingAncestors",rootBoundary:u="viewport",elementContext:d="floating",altBoundary:f=!1,padding:h=0}=w(e,t),p=function(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}(h),m=l[f?"floating"===d?"reference":"floating":d],g=E(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(m)))||n?m:m.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(l.floating)),boundary:a,rootBoundary:u,strategy:c})),y="floating"===d?{x:o,y:r,width:s.floating.width,height:s.floating.height}:s.reference,x=await(null==i.getOffsetParent?void 0:i.getOffsetParent(l.floating)),b=await(null==i.isElement?void 0:i.isElement(x))&&await(null==i.getScale?void 0:i.getScale(x))||{x:1,y:1},v=E(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:y,offsetParent:x,strategy:c}):y);return{top:(g.top-v.top+p.top)/b.y,bottom:(v.bottom-g.bottom+p.bottom)/b.y,left:(g.left-v.left+p.left)/b.x,right:(v.right-g.right+p.right)/b.x}}function I(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function M(t){return u.some((e=>t[e]>=0))}const D=new Set(["left","top"]);function P(){return"undefined"!=typeof window}function L(t){return z(t)?(t.nodeName||"").toLowerCase():"#document"}function H(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function $(t){var e;return null==(e=(z(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function z(t){return!!P()&&(t instanceof Node||t instanceof H(t).Node)}function V(t){return!!P()&&(t instanceof Element||t instanceof H(t).Element)}function N(t){return!!P()&&(t instanceof HTMLElement||t instanceof H(t).HTMLElement)}function B(t){return!(!P()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof H(t).ShadowRoot)}function q(t){const{overflow:e,overflowX:n,overflowY:o,display:r}=Z(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&"inline"!==r&&"contents"!==r}function W(t){return/^(table|td|th)$/.test(L(t))}function X(t){try{if(t.matches(":popover-open"))return!0}catch(t){}try{return t.matches(":modal")}catch(t){return!1}}const Y=/transform|translate|scale|rotate|perspective|filter/,_=/paint|layout|strict|content/,G=t=>!!t&&"none"!==t;let J;function K(t){const e=V(t)?Z(t):t;return G(e.transform)||G(e.translate)||G(e.scale)||G(e.rotate)||G(e.perspective)||!Q()&&(G(e.backdropFilter)||G(e.filter))||Y.test(e.willChange||"")||_.test(e.contain||"")}function Q(){return null==J&&(J="undefined"!=typeof CSS&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),J}function U(t){return/^(html|body|#document)$/.test(L(t))}function Z(t){return H(t).getComputedStyle(t)}function tt(t){return V(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function et(t){if("html"===L(t))return t;const e=t.assignedSlot||t.parentNode||B(t)&&t.host||$(t);return B(e)?e.host:e}function nt(t){const e=et(t);return U(e)?t.ownerDocument?t.ownerDocument.body:t.body:N(e)&&q(e)?e:nt(e)}function ot(t,e,n){var o;void 0===e&&(e=[]),void 0===n&&(n=!0);const r=nt(t),i=r===(null==(o=t.ownerDocument)?void 0:o.body),s=H(r);if(i){const t=rt(s);return e.concat(s,s.visualViewport||[],q(r)?r:[],t&&n?ot(t):[])}return e.concat(r,ot(r,[],n))}function rt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function it(t){const e=Z(t);let n=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const r=N(t),i=r?t.offsetWidth:n,s=r?t.offsetHeight:o,l=h(n)!==i||h(o)!==s;return l&&(n=i,o=s),{width:n,height:o,$:l}}function st(t){return V(t)?t:t.contextElement}function lt(t){const e=st(t);if(!N(e))return m(1);const n=e.getBoundingClientRect(),{width:o,height:r,$:i}=it(e);let s=(i?h(n.width):n.width)/o,l=(i?h(n.height):n.height)/r;return s&&Number.isFinite(s)||(s=1),l&&Number.isFinite(l)||(l=1),{x:s,y:l}}const ct=m(0);function at(t){const e=H(t);return Q()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:ct}function ut(t,e,n,o){void 0===e&&(e=!1),void 0===n&&(n=!1);const r=t.getBoundingClientRect(),i=st(t);let s=m(1);e&&(o?V(o)&&(s=lt(o)):s=lt(t));const l=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==H(t))&&e}(i,n,o)?at(i):m(0);let c=(r.left+l.x)/s.x,a=(r.top+l.y)/s.y,u=r.width/s.x,d=r.height/s.y;if(i){const t=H(i),e=o&&V(o)?H(o):o;let n=t,r=rt(n);for(;r&&o&&e!==n;){const t=lt(r),e=r.getBoundingClientRect(),o=Z(r),i=e.left+(r.clientLeft+parseFloat(o.paddingLeft))*t.x,s=e.top+(r.clientTop+parseFloat(o.paddingTop))*t.y;c*=t.x,a*=t.y,u*=t.x,d*=t.y,c+=i,a+=s,n=H(r),r=rt(n)}}return E({width:u,height:d,x:c,y:a})}function dt(t,e){const n=tt(t).scrollLeft;return e?e.left+n:ut($(t)).left+n}function ft(t,e){const n=t.getBoundingClientRect();return{x:n.left+e.scrollLeft-dt(t,n),y:n.top+e.scrollTop}}function ht(t,e,n){let o;if("viewport"===e)o=function(t,e){const n=H(t),o=$(t),r=n.visualViewport;let i=o.clientWidth,s=o.clientHeight,l=0,c=0;if(r){i=r.width,s=r.height;const t=Q();(!t||t&&"fixed"===e)&&(l=r.offsetLeft,c=r.offsetTop)}const a=dt(o);if(a<=0){const t=o.ownerDocument,e=t.body,n=getComputedStyle(e),r="CSS1Compat"===t.compatMode&&parseFloat(n.marginLeft)+parseFloat(n.marginRight)||0,s=Math.abs(o.clientWidth-e.clientWidth-r);s<=25&&(i-=s)}else a<=25&&(i+=a);return{width:i,height:s,x:l,y:c}}(t,n);else if("document"===e)o=function(t){const e=$(t),n=tt(t),o=t.ownerDocument.body,r=f(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),i=f(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let s=-n.scrollLeft+dt(t);const l=-n.scrollTop;return"rtl"===Z(o).direction&&(s+=f(e.clientWidth,o.clientWidth)-r),{width:r,height:i,x:s,y:l}}($(t));else if(V(e))o=function(t,e){const n=ut(t,!0,"fixed"===e),o=n.top+t.clientTop,r=n.left+t.clientLeft,i=N(t)?lt(t):m(1);return{width:t.clientWidth*i.x,height:t.clientHeight*i.y,x:r*i.x,y:o*i.y}}(e,n);else{const n=at(t);o={x:e.x-n.x,y:e.y-n.y,width:e.width,height:e.height}}return E(o)}function pt(t,e){const n=et(t);return!(n===e||!V(n)||U(n))&&("fixed"===Z(n).position||pt(n,e))}function mt(t,e,n){const o=N(e),r=$(e),i="fixed"===n,s=ut(t,!0,i,e);let l={scrollLeft:0,scrollTop:0};const c=m(0);function a(){c.x=dt(r)}if(o||!o&&!i)if(("body"!==L(e)||q(r))&&(l=tt(e)),o){const t=ut(e,!0,i,e);c.x=t.x+e.clientLeft,c.y=t.y+e.clientTop}else r&&a();i&&!o&&r&&a();const u=!r||o||i?m(0):ft(r,l);return{x:s.left+l.scrollLeft-c.x-u.x,y:s.top+l.scrollTop-c.y-u.y,width:s.width,height:s.height}}function gt(t){return"static"===Z(t).position}function wt(t,e){if(!N(t)||"fixed"===Z(t).position)return null;if(e)return e(t);let n=t.offsetParent;return $(t)===n&&(n=n.ownerDocument.body),n}function yt(t,e){const n=H(t);if(X(t))return n;if(!N(t)){let e=et(t);for(;e&&!U(e);){if(V(e)&&!gt(e))return e;e=et(e)}return n}let o=wt(t,e);for(;o&&W(o)&&gt(o);)o=wt(o,e);return o&&U(o)&&gt(o)&&!K(o)?n:o||function(t){let e=et(t);for(;N(e)&&!U(e);){if(K(e))return e;if(X(e))return null;e=et(e)}return null}(t)||n}const xt={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:o,strategy:r}=t;const i="fixed"===r,s=$(o),l=!!e&&X(e.floating);if(o===s||l&&i)return n;let c={scrollLeft:0,scrollTop:0},a=m(1);const u=m(0),d=N(o);if((d||!d&&!i)&&(("body"!==L(o)||q(s))&&(c=tt(o)),d)){const t=ut(o);a=lt(o),u.x=t.x+o.clientLeft,u.y=t.y+o.clientTop}const f=!s||d||i?m(0):ft(s,c);return{width:n.width*a.x,height:n.height*a.y,x:n.x*a.x-c.scrollLeft*a.x+u.x+f.x,y:n.y*a.y-c.scrollTop*a.y+u.y+f.y}},getDocumentElement:$,getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:r}=t;const i=[..."clippingAncestors"===n?X(e)?[]:function(t,e){const n=e.get(t);if(n)return n;let o=ot(t,[],!1).filter((t=>V(t)&&"body"!==L(t))),r=null;const i="fixed"===Z(t).position;let s=i?et(t):t;for(;V(s)&&!U(s);){const e=Z(s),n=K(s);n||"fixed"!==e.position||(r=null),(i?!n&&!r:!n&&"static"===e.position&&r&&("absolute"===r.position||"fixed"===r.position)||q(s)&&!n&&pt(t,s))?o=o.filter((t=>t!==s)):r=e,s=et(s)}return e.set(t,o),o}(e,this._c):[].concat(n),o],s=ht(e,i[0],r);let l=s.top,c=s.right,a=s.bottom,u=s.left;for(let t=1;t<i.length;t++){const n=ht(e,i[t],r);l=f(n.top,l),c=d(n.right,c),a=d(n.bottom,a),u=f(n.left,u)}return{width:c-u,height:a-l,x:u,y:l}},getOffsetParent:yt,getElementRects:async function(t){const e=this.getOffsetParent||yt,n=this.getDimensions,o=await n(t.floating);return{reference:mt(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=it(t);return{width:e,height:n}},getScale:lt,isElement:V,isRTL:function(t){return"rtl"===Z(t).direction}};function bt(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}const vt=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,o;const{placement:r,middlewareData:i,rects:s,initialPlacement:l,platform:c,elements:a}=e,{mainAxis:u=!0,crossAxis:d=!0,fallbackPlacements:f,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:m=!0,...g}=w(t,e);if(null!=(n=i.arrow)&&n.alignmentOffset)return{};const E=y(r),j=v(l),R=y(l)===l,I=await(null==c.isRTL?void 0:c.isRTL(a.floating)),M=f||(R||!m?[F(l)]:function(t){const e=F(t);return[S(t),e,S(e)]}(l)),D="none"!==p;!f&&D&&M.push(...function(t,e,n,o){const r=x(t);let i=function(t,e,n){switch(t){case"top":case"bottom":return n?e?A:C:e?C:A;case"left":case"right":return e?T:k;default:return[]}}(y(t),"start"===n,o);return r&&(i=i.map((t=>t+"-"+r)),e&&(i=i.concat(i.map(S)))),i}(l,m,p,I));const P=[l,...M],L=await c.detectOverflow(e,g),H=[];let $=(null==(o=i.flip)?void 0:o.overflows)||[];if(u&&H.push(L[E]),d){const t=function(t,e,n){void 0===n&&(n=!1);const o=x(t),r=O(t),i=b(r);let s="x"===r?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return e.reference[i]>e.floating[i]&&(s=F(s)),[s,F(s)]}(r,s,I);H.push(L[t[0]],L[t[1]])}if($=[...$,{placement:r,overflows:H}],!H.every((t=>t<=0))){var z,V;const t=((null==(z=i.flip)?void 0:z.index)||0)+1,e=P[t];if(e&&("alignment"!==d||j===v(e)||$.every((t=>v(t.placement)!==j||t.overflows[0]>0))))return{data:{index:t,overflows:$},reset:{placement:e}};let n=null==(V=$.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:V.placement;if(!n)switch(h){case"bestFit":{var N;const t=null==(N=$.filter((t=>{if(D){const e=v(t.placement);return e===j||"y"===e}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:N[0];t&&(n=t);break}case"initialPlacement":n=l}if(r!==n)return{reset:{placement:n}}}return{}}}},Ot=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){var n,o;const{placement:r,rects:i,platform:s,elements:l}=e,{apply:c=()=>{},...a}=w(t,e),u=await s.detectOverflow(e,a),h=y(r),p=x(r),m="y"===v(r),{width:g,height:b}=i.floating;let O,S;"top"===h||"bottom"===h?(O=h,S=p===(await(null==s.isRTL?void 0:s.isRTL(l.floating))?"start":"end")?"left":"right"):(S=h,O="end"===p?"top":"bottom");const C=b-u.top-u.bottom,A=g-u.left-u.right;let T=d(b-u[O],C),k=d(g-u[S],A);if(null!=(n=e.middlewareData.shift)&&n.enabled.x&&(k=A),null!=(o=e.middlewareData.shift)&&o.enabled.y&&(T=C),!e.middlewareData.shift&&!p){const t=f(u.left,0),e=f(u.right,0),n=f(u.top,0),o=f(u.bottom,0);m?k=g-2*(0!==t||0!==e?t+e:f(u.left,u.right)):T=b-2*(0!==n||0!==o?n+o:f(u.top,u.bottom))}await c({...e,availableWidth:k,availableHeight:T});const F=await s.getDimensions(l.floating);return g!==F.width||b!==F.height?{reset:{rects:!0}}:{}}}},St=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{rects:n,platform:o}=e,{strategy:r="referenceHidden",...i}=w(t,e);switch(r){case"referenceHidden":{const t=I(await o.detectOverflow(e,{...i,elementContext:"reference"}),n.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:M(t)}}}case"escaped":{const t=I(await o.detectOverflow(e,{...i,altBoundary:!0}),n.floating);return{data:{escapedOffsets:t,escaped:M(t)}}}default:return{}}}}};const Ct=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.isOpenChange=n(this,"isOpenChange",7),this.isOpen=!1,this.closeOnSelect=!0,this.mode="single",this.anchorToTrigger=!1,this.selectOnFocus=!1,this.cleanupAutoUpdate=null,this.updateDropdownPosition=async t=>{var n;const{x:o,y:r,placement:i,middlewareData:s}=await((t,e,n)=>{const o=new Map,r={platform:xt,...n},i={...r.platform,_c:o};return(async(t,e,n)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:s}=n,l=s.detectOverflow?s:{...s,detectOverflow:R},c=await(null==s.isRTL?void 0:s.isRTL(e));let a=await s.getElementRects({reference:t,floating:e,strategy:r}),{x:u,y:d}=j(a,o,c),f=o,h=0;const p={};for(let n=0;n<i.length;n++){const m=i[n];if(!m)continue;const{name:g,fn:w}=m,{x:y,y:x,data:b,reset:v}=await w({x:u,y:d,initialPlacement:o,placement:f,strategy:r,middlewareData:p,rects:a,platform:l,elements:{reference:t,floating:e}});u=null!=y?y:u,d=null!=x?x:d,p[g]={...p[g],...b},v&&h<50&&(h++,"object"==typeof v&&(v.placement&&(f=v.placement),v.rects&&(a=!0===v.rects?await s.getElementRects({reference:t,floating:e,strategy:r}):v.rects),({x:u,y:d}=j(a,f,c))),n=-1)}return{x:u,y:d,placement:f,strategy:r,middlewareData:p}})(t,e,{...r,platform:i})})(t,this.hostElement,{strategy:"fixed",placement:"bottom-start",middleware:[(l=4,void 0===l&&(l=0),{name:"offset",options:l,async fn(t){var e,n;const{x:o,y:r,placement:i,middlewareData:s}=t,c=await async function(t,e){const{placement:n,platform:o,elements:r}=t,i=await(null==o.isRTL?void 0:o.isRTL(r.floating)),s=y(n),l=x(n),c="y"===v(n),a=D.has(s)?-1:1,u=i&&c?-1:1,d=w(e,t);let{mainAxis:f,crossAxis:h,alignmentAxis:p}="number"==typeof d?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return l&&"number"==typeof p&&(h="end"===l?-1*p:p),c?{x:h*u,y:f*a}:{x:f*a,y:h*u}}(t,l);return i===(null==(e=s.offset)?void 0:e.placement)&&null!=(n=s.arrow)&&n.alignmentOffset?{}:{x:o+c.x,y:r+c.y,data:{...c,placement:i}}}}),vt(),Ot({apply:({availableHeight:t,rects:n})=>{const o=this.hostElement.querySelector(".xpl-dropdown-list");let r=0;if(o){const t=Array.from(this.hostElement.children),n=t.indexOf(o);t.slice(0,n).forEach((t=>{t instanceof e&&(r+=t.offsetHeight)}))}const i=getComputedStyle(this.hostElement),s=parseFloat(i.paddingTop)+parseFloat(i.paddingBottom)+parseFloat(i.borderTopWidth)+parseFloat(i.borderBottomWidth),l=o?parseFloat(getComputedStyle(o).getPropertyValue("--xpl-dropdown-list-max-height")):1/0,c=Math.min(l,Math.max(0,t-r-s));Object.assign(this.hostElement.style,{width:`${n.reference.width}px`}),o&&(o.style.maxHeight=`${c}px`)}}),St()]});var l;if(!this.cleanupAutoUpdate)return;if(null===(n=s.hide)||void 0===n?void 0:n.referenceHidden)return void(this.isOpen=!1);const c=i.startsWith("top");Object.assign(this.hostElement.style,{left:`${o}px`,top:`${r}px`}),this.hostElement.classList.toggle("xpl-dropdown--above",c),this.hostElement.classList.toggle("xpl-dropdown--below",!c)},this.handleClickOutside=({target:t})=>{const{triggerId:e}=this,n=e?document.getElementById(e):null,o=null==n?void 0:n.contains(t);this.hostElement.contains(t)||o||!this.isOpen||(this.isOpen=!1)},this.handleKeyDown=t=>{"Escape"===t.key&&this.isOpen&&(this.isOpen=!1)}}onAnchorToTriggerChanged(){this.isOpen&&this.startPositioning()}onTriggerIdChanged(){this.isOpen&&this.startPositioning()}onSelectedValuesChanged(t,e=!1){if(this.options&&this.options.length>0){this.options.reduce(((t,e)=>[...t,...e.groupName?e.options:[e]]),[]).forEach((e=>{const n=e.value||e.label;if("single"===this.mode)e.isSelected=n===t;else{const o=Array.isArray(t)?t:[];e.isSelected=o.includes(n)}}));const n=t=>(t.options=t.groupName?t.options.map(n):void 0,t);this.options=this.options.map(n),this.update&&!e&&this.update(null,{component:this})}}onIsOpenStateChange(t){this.isOpenChange.emit(t),t?this.startPositioning():this.stopPositioning()}connectedCallback(){document.addEventListener("mousedown",this.handleClickOutside),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleKeyDown),this.stopPositioning()}componentWillLoad(){this.handleSelect=this.handleSelect.bind(this),this.selectedValues&&this.onSelectedValuesChanged(this.selectedValues,!0)}componentDidLoad(){this.isOpen&&this.startPositioning()}async handleSelect(t,{component:e}){const{hostElement:n,mode:o,options:r,update:i}=this,s="single"===o,l="multi"===o;if(r){r.reduce(((t,e)=>[...t,...e.groupName?e.options:[e]]),[]).forEach((t=>{const n=(t.value||t.label)===(e.hostElement.value||e.hostElement.label);s?(t.isSelected=n,e.hostElement.isSelected=!0):l&&n&&(t.isSelected=!t.isSelected,e.hostElement.isSelected=t.isSelected)}));const t=e=>(e.options=e.groupName?e.options.map(t):void 0,e);this.options=r.map(t)}else s?Array.from(n.querySelectorAll("xpl-dropdown-option")).forEach((t=>{t.isSelected=t===e.hostElement})):l&&(e.isSelected=!e.isSelected);i&&i(t,{component:this})}startPositioning(){if(!this.anchorToTrigger||!this.triggerId)return;const t=document.getElementById(this.triggerId);t&&(this.stopPositioning(),this.cleanupAutoUpdate=function(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:i=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:l="function"==typeof IntersectionObserver,animationFrame:c=!1}=o,a=st(t),u=r||i?[...a?ot(a):[],...e?ot(e):[]]:[];u.forEach((t=>{r&&t.addEventListener("scroll",n,{passive:!0}),i&&t.addEventListener("resize",n)}));const h=a&&l?function(t,e){let n,o=null;const r=$(t);function i(){var t;clearTimeout(n),null==(t=o)||t.disconnect(),o=null}return function s(l,c){void 0===l&&(l=!1),void 0===c&&(c=1),i();const a=t.getBoundingClientRect(),{left:u,top:h,width:m,height:g}=a;if(l||e(),!m||!g)return;const w={rootMargin:-p(h)+"px "+-p(r.clientWidth-(u+m))+"px "+-p(r.clientHeight-(h+g))+"px "+-p(u)+"px",threshold:f(0,d(1,c))||1};let y=!0;function x(e){const o=e[0].intersectionRatio;if(o!==c){if(!y)return s();o?s(!1,o):n=setTimeout((()=>{s(!1,1e-7)}),1e3)}1!==o||bt(a,t.getBoundingClientRect())||s(),y=!1}try{o=new IntersectionObserver(x,{...w,root:r.ownerDocument})}catch(t){o=new IntersectionObserver(x,w)}o.observe(t)}(!0),i}(a,n):null;let m,g=-1,w=null;s&&(w=new ResizeObserver((t=>{let[o]=t;o&&o.target===a&&w&&e&&(w.unobserve(e),cancelAnimationFrame(g),g=requestAnimationFrame((()=>{var t;null==(t=w)||t.observe(e)}))),n()})),a&&!c&&w.observe(a),e&&w.observe(e));let y=c?ut(t):null;return c&&function e(){const o=ut(t);y&&!bt(y,o)&&n(),y=o,m=requestAnimationFrame(e)}(),n(),()=>{var t;u.forEach((t=>{r&&t.removeEventListener("scroll",n),i&&t.removeEventListener("resize",n)})),null==h||h(),null==(t=w)||t.disconnect(),w=null,c&&cancelAnimationFrame(m)}}(t,this.hostElement,(()=>{this.updateDropdownPosition(t)})))}stopPositioning(){var t;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this.hostElement.style.left="",this.hostElement.style.top="",this.hostElement.style.width="",null===(t=this.hostElement.querySelector(".xpl-dropdown-list"))||void 0===t||t.style.removeProperty("max-height"),this.hostElement.classList.remove("xpl-dropdown--above","xpl-dropdown--below")}render(){const{isOpen:t}=this,{mode:e,options:n}=this,i=n&&n.length&&n.map((t=>{var{groupName:e,options:n,subtitle:r}=t,i=function(t,e){var n={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(n[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(t);r<o.length;r++)e.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(n[o[r]]=t[o[r]])}return n}(t,["groupName","options","subtitle"]);return e?o("xpl-dropdown-group",Object.assign({groupName:e,options:n},i)):o("xpl-dropdown-option",Object.assign({subtitle:r},i))}));return o(r,{key:"9951124106d4123d98db2b9bdc906f51d145c5e6","aria-expanded":t?"true":"false",class:{"xpl-dropdown":!0,"xpl-dropdown--multi":"multi"===e,"xpl-dropdown--open":t,"xpl-dropdown--anchor-to-trigger":this.anchorToTrigger},role:"listbox"},o("slot",{key:"61b8daf20ef87a8ae7bad8fa494c104d58cc61f8",name:"header"}),o("ul",{key:"ac14c8acf2927b931d4c74673af5f12f5d9514c1",class:"xpl-dropdown-list"},i||o("slot",{key:"c820c142bdb64ec4189dd5869d71d4339dc97814",name:"options"})))}get hostElement(){return this}static get watchers(){return{anchorToTrigger:[{onAnchorToTriggerChanged:0}],triggerId:[{onTriggerIdChanged:0}],selectedValues:[{onSelectedValuesChanged:0}],isOpen:[{onIsOpenStateChange:0}]}}},[260,"xpl-dropdown",{isOpen:[1540,"open"],closeOnSelect:[4,"close-on-select"],mode:[1],options:[1040],anchorToTrigger:[4,"anchor-to-trigger"],selectedValues:[1,"selected-values"],selectOnFocus:[4,"select-on-focus"],triggerId:[1,"trigger-id"],update:[16],handleSelect:[64]},void 0,{anchorToTrigger:[{onAnchorToTriggerChanged:0}],triggerId:[{onTriggerIdChanged:0}],selectedValues:[{onSelectedValuesChanged:0}],isOpen:[{onIsOpenStateChange:0}]}]);function At(){"undefined"!=typeof customElements&&["xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon"].forEach((t=>{switch(t){case"xpl-dropdown":customElements.get(i(t))||customElements.define(i(t),Ct);break;case"xpl-dropdown-group":customElements.get(i(t))||s();break;case"xpl-dropdown-heading":customElements.get(i(t))||l();break;case"xpl-dropdown-option":customElements.get(i(t))||c();break;case"xpl-icon":customElements.get(i(t))||a()}}))}export{Ct as D,At as d}
1
+ import{proxyCustomElement as t,HTMLElement as e,createEvent as o,h as s,Host as n,transformTag as i}from"@stencil/core/internal/client";import{c as a,a as l,o as d,f as r,b as h,h as p}from"./floating-ui.dom.js";import{d as c}from"./xpl-dropdown-group2.js";import{d as g}from"./xpl-dropdown-heading2.js";import{d as m}from"./xpl-dropdown-option2.js";import{d as u}from"./xpl-icon2.js";const f=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.isOpenChange=o(this,"isOpenChange",7),this.isOpen=!1,this.closeOnSelect=!0,this.mode="single",this.anchorToTrigger=!1,this.placement="bottom-start",this.selectOnFocus=!1,this.cleanupAutoUpdate=null,this.updateDropdownPosition=async t=>{var o,s;const{x:n,y:i,placement:l,middlewareData:c}=await a(t,this.hostElement,{strategy:"fixed",placement:this.placement,middleware:[d(4),r((null===(o=this.flipFallbackPlacements)||void 0===o?void 0:o.length)?{fallbackPlacements:this.flipFallbackPlacements}:{}),h({apply:({availableHeight:t,rects:o})=>{const s=this.hostElement.querySelector(".xpl-dropdown-list");let n=0;if(s){const t=Array.from(this.hostElement.children),o=t.indexOf(s);t.slice(0,o).forEach((t=>{t instanceof e&&(n+=t.offsetHeight)}))}const i=getComputedStyle(this.hostElement),a=parseFloat(i.paddingTop)+parseFloat(i.paddingBottom)+parseFloat(i.borderTopWidth)+parseFloat(i.borderBottomWidth),l=s?parseFloat(getComputedStyle(s).getPropertyValue("--xpl-dropdown-list-max-height")):1/0,d=Math.min(l,Math.max(0,t-n-a));Object.assign(this.hostElement.style,{width:`${o.reference.width}px`}),s&&(s.style.maxHeight=`${d}px`)}}),p()]});if(!this.cleanupAutoUpdate)return;if(null===(s=c.hide)||void 0===s?void 0:s.referenceHidden)return void(this.isOpen=!1);const g=l.startsWith("top");Object.assign(this.hostElement.style,{left:`${n}px`,top:`${i}px`}),this.hostElement.classList.toggle("xpl-dropdown--above",g),this.hostElement.classList.toggle("xpl-dropdown--below",!g)},this.handleClickOutside=({target:t})=>{const{triggerId:e}=this,o=e?document.getElementById(e):null,s=null==o?void 0:o.contains(t);this.hostElement.contains(t)||s||!this.isOpen||(this.isOpen=!1)},this.handleKeyDown=t=>{"Escape"===t.key&&this.isOpen&&(this.isOpen=!1)}}onAnchorToTriggerChanged(){this.isOpen&&this.startPositioning()}onFlipFallbackPlacementsChanged(){this.isOpen&&this.anchorToTrigger&&this.startPositioning()}onPlacementChanged(){this.isOpen&&this.anchorToTrigger&&this.startPositioning()}onTriggerIdChanged(){this.isOpen&&this.startPositioning()}onSelectedValuesChanged(t,e=!1){if(this.options&&this.options.length>0){this.options.reduce(((t,e)=>[...t,...e.groupName?e.options:[e]]),[]).forEach((e=>{const o=e.value||e.label;if("single"===this.mode)e.isSelected=o===t;else{const s=Array.isArray(t)?t:[];e.isSelected=s.includes(o)}}));const o=t=>(t.options=t.groupName?t.options.map(o):void 0,t);this.options=this.options.map(o),this.update&&!e&&this.update(null,{component:this})}}onIsOpenStateChange(t){this.isOpenChange.emit(t),t?this.startPositioning():this.stopPositioning()}connectedCallback(){document.addEventListener("mousedown",this.handleClickOutside),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleKeyDown),this.stopPositioning()}componentWillLoad(){this.handleSelect=this.handleSelect.bind(this),this.selectedValues&&this.onSelectedValuesChanged(this.selectedValues,!0)}componentDidLoad(){this.isOpen&&this.startPositioning()}async handleSelect(t,{component:e}){const{hostElement:o,mode:s,options:n,update:i}=this,a="single"===s,l="multi"===s;if(n){n.reduce(((t,e)=>[...t,...e.groupName?e.options:[e]]),[]).forEach((t=>{const o=(t.value||t.label)===(e.hostElement.value||e.hostElement.label);a?(t.isSelected=o,e.hostElement.isSelected=!0):l&&o&&(t.isSelected=!t.isSelected,e.hostElement.isSelected=t.isSelected)}));const t=e=>(e.options=e.groupName?e.options.map(t):void 0,e);this.options=n.map(t)}else a?Array.from(o.querySelectorAll("xpl-dropdown-option")).forEach((t=>{t.isSelected=t===e.hostElement})):l&&(e.isSelected=!e.isSelected);i&&i(t,{component:this})}startPositioning(){if(!this.anchorToTrigger||!this.triggerId)return;const t=document.getElementById(this.triggerId);t&&(this.stopPositioning(),this.cleanupAutoUpdate=l(t,this.hostElement,(()=>{this.updateDropdownPosition(t)})))}stopPositioning(){var t;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this.hostElement.style.left="",this.hostElement.style.top="",this.hostElement.style.width="",null===(t=this.hostElement.querySelector(".xpl-dropdown-list"))||void 0===t||t.style.removeProperty("max-height"),this.hostElement.classList.remove("xpl-dropdown--above","xpl-dropdown--below")}render(){const{isOpen:t}=this,{mode:e,options:o}=this,i=o&&o.length&&o.map((t=>{var{groupName:e,options:o,subtitle:n}=t,i=function(t,e){var o={};for(var s in t)Object.prototype.hasOwnProperty.call(t,s)&&e.indexOf(s)<0&&(o[s]=t[s]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(s=Object.getOwnPropertySymbols(t);n<s.length;n++)e.indexOf(s[n])<0&&Object.prototype.propertyIsEnumerable.call(t,s[n])&&(o[s[n]]=t[s[n]])}return o}(t,["groupName","options","subtitle"]);return e?s("xpl-dropdown-group",Object.assign({groupName:e,options:o},i)):s("xpl-dropdown-option",Object.assign({subtitle:n},i))}));return s(n,{key:"1ef465611f9a8501af41c17523352714a7921f29","aria-expanded":t?"true":"false",class:{"xpl-dropdown":!0,"xpl-dropdown--multi":"multi"===e,"xpl-dropdown--open":t,"xpl-dropdown--anchor-to-trigger":this.anchorToTrigger},role:"listbox"},s("slot",{key:"118c8b34e72aa6ab018e6fa9ff29a18ae540b89e",name:"header"}),s("ul",{key:"01544e6aa8d785c48b4f677de102efe4ecc7b53a",class:"xpl-dropdown-list"},i||s("slot",{key:"f70619995bed02540cef11deaeb6c3e5704165ff",name:"options"})))}get hostElement(){return this}static get watchers(){return{anchorToTrigger:[{onAnchorToTriggerChanged:0}],flipFallbackPlacements:[{onFlipFallbackPlacementsChanged:0}],placement:[{onPlacementChanged:0}],triggerId:[{onTriggerIdChanged:0}],selectedValues:[{onSelectedValuesChanged:0}],isOpen:[{onIsOpenStateChange:0}]}}},[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],handleSelect:[64]},void 0,{anchorToTrigger:[{onAnchorToTriggerChanged:0}],flipFallbackPlacements:[{onFlipFallbackPlacementsChanged:0}],placement:[{onPlacementChanged:0}],triggerId:[{onTriggerIdChanged:0}],selectedValues:[{onSelectedValuesChanged:0}],isOpen:[{onIsOpenStateChange:0}]}]);function x(){"undefined"!=typeof customElements&&["xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option","xpl-icon"].forEach((t=>{switch(t){case"xpl-dropdown":customElements.get(i(t))||customElements.define(i(t),f);break;case"xpl-dropdown-group":customElements.get(i(t))||c();break;case"xpl-dropdown-heading":customElements.get(i(t))||g();break;case"xpl-dropdown-option":customElements.get(i(t))||m();break;case"xpl-icon":customElements.get(i(t))||u()}}))}export{f as D,x as d}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as t,h as l,Host as n,transformTag as s}from"@stencil/core/internal/client";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1}componentDidLoad(){this.updateSlottedComponentsWhenDisabled()}componentDidUpdate(){this.updateSlottedComponentsWhenDisabled()}updateSlottedComponentsWhenDisabled(){this.hostElement.querySelectorAll("*").forEach((e=>{"disabled"in e&&(e.disabled=this.disabled)}))}render(){const e=Array.from(this.el.parentElement.children).indexOf(this.el)+1;return l(n,{key:"d4b284973e5c1f76a9355f77749c6b6432e4f469",role:"gridcell","aria-colindex":e,class:"xpl-dynamic-table-cell",ref:e=>{this.hostElement=e}},l("slot",{key:"d9365d26d5b4fb9e50cd3b08514eeae3bfdd6888"}))}get el(){return this}},[260,"xpl-dynamic-table-cell",{disabled:[4]}]),c=i,d=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table-cell"].forEach((e=>{"xpl-dynamic-table-cell"===e&&(customElements.get(s(e))||customElements.define(s(e),i))}))};export{c as XplDynamicTableCell,d as defineCustomElement}
1
+ import{proxyCustomElement as e,HTMLElement as t,h as l,Host as c,transformTag as n}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1}componentDidLoad(){this.updateSlottedComponentsWhenDisabled()}componentDidUpdate(){this.updateSlottedComponentsWhenDisabled()}updateSlottedComponentsWhenDisabled(){this.hostElement.querySelectorAll("*").forEach((e=>{"disabled"in e&&(e.disabled=this.disabled)}))}render(){const e=Array.from(this.el.parentElement.children).indexOf(this.el)+1;return l(c,{key:"7cfa2d58f634e41ccf1604a581fcc83a2b51676f",role:"gridcell","aria-colindex":e,class:"xpl-dynamic-table-cell",ref:e=>{this.hostElement=e}},l("slot",{key:"c6a04082cb8aa1089d9f6cb82f3db8d7f0addf6e"}))}get el(){return this}},[260,"xpl-dynamic-table-cell",{disabled:[4]}]),i=s,a=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table-cell"].forEach((e=>{"xpl-dynamic-table-cell"===e&&(customElements.get(n(e))||customElements.define(n(e),s))}))};export{i as XplDynamicTableCell,a as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as l}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1,this.selected=!1,this.isDisabled=!1}componentWillLoad(){this.isDisabled=this.disabled}componentDidLoad(){this.updateRowCellsDisabledState()}componentDidUpdate(){this.updateRowCellsDisabledState()}updateRowCellsDisabledState(){this.hostElement.querySelectorAll("xpl-dynamic-table-cell").forEach((e=>{e.disabled=this.isDisabled}))}render(){return s(i,{key:"7ce6f2c780af4f7bd4053970bff3e620fef4913a",role:"row",class:`xpl-dynamic-table-row\n ${this.isDisabled?"disabled":""}\n ${this.selected?"selected":""}`,ref:e=>{this.hostElement=e}},s("slot",{key:"b77362a23d8d69844560e7389e5cd7f6b5568d88"}))}},[260,"xpl-dynamic-table-row",{disabled:[4],selected:[4],isDisabled:[32]}]),d=n,o=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table-row"].forEach((e=>{"xpl-dynamic-table-row"===e&&(customElements.get(l(e))||customElements.define(l(e),n))}))};export{d as XplDynamicTableRow,o as defineCustomElement}
1
+ import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as l}from"@stencil/core/internal/client";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1,this.selected=!1,this.isDisabled=!1}componentWillLoad(){this.isDisabled=this.disabled}componentDidLoad(){this.updateRowCellsDisabledState()}componentDidUpdate(){this.updateRowCellsDisabledState()}updateRowCellsDisabledState(){this.hostElement.querySelectorAll("xpl-dynamic-table-cell").forEach((e=>{e.disabled=this.isDisabled}))}render(){return s(i,{key:"0d099456d2016263a2bdcd42b46794e08adb64cf",role:"row",class:`xpl-dynamic-table-row\n ${this.isDisabled?"disabled":""}\n ${this.selected?"selected":""}`,ref:e=>{this.hostElement=e}},s("slot",{key:"c923f7f8dc4bb8a4527693259d1a8b5932bb6c10"}))}},[260,"xpl-dynamic-table-row",{disabled:[4],selected:[4],isDisabled:[32]}]),n=d,c=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table-row"].forEach((e=>{"xpl-dynamic-table-row"===e&&(customElements.get(l(e))||customElements.define(l(e),d))}))};export{n as XplDynamicTableRow,c as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as t,createEvent as n,h as l,transformTag as s}from"@stencil/core/internal/client";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selectedItemCountChange=n(this,"selectedItemCountChange",7),this.selectedItemCount=0,this.colCount=0}updateColumnCount(){const e=this.el.querySelectorAll("xpl-table-header-cell");if(e.length===this.colCount)return;const t=Array.from(e).map((e=>null!==e.getAttribute("width")?e.getAttribute("width")+"px":"1fr"));this.el.style.setProperty("--column-widths",t.join(" ")),this.colCount=e.length}listenToDeselectEvent(){this.selectedItemCount=0,this.selectedItemCountChange.emit([])}listenToChangeEvent(){const e=document.querySelectorAll('.xpl-dynamic-table xpl-checkbox:not([class^="xpl-header-accordion__parent-checkbox"]) input:not([disabled])'),t=Array.from(e).filter((e=>e.checked)).map((e=>e.getAttribute("data-id")));this.selectedItemCount=t.length,this.selectedItemCountChange.emit(t)}updateRowGap(){null!==this.el.querySelector("xpl-header-accordion")&&[".xpl-dynamic-table",'.xpl-dynamic-table > [slot="body"]'].forEach((e=>{const t=this.el.querySelector(e);null!==t&&(t.style.rowGap="0.5rem")}))}componentDidLoad(){this.updateColumnCount(),this.updateRowGap()}componentDidUpdate(){this.updateColumnCount()}render(){return l("div",{key:"aa9fdd991fca8dab538176a950636b52db539f7a",role:"grid",class:"xpl-dynamic-table","aria-colcount":this.colCount},l("slot",{key:"d05d799f1a0d944398f1ae9992dbcbb56a52f184",name:"header"}),l("slot",{key:"7f212255dbf15e8358cef6097d55b973f73bd086",name:"body"}))}get el(){return this}},[260,"xpl-dynamic-table",{selectedItemCount:[32],colCount:[32]},[[8,"deselectAll","listenToDeselectEvent"],[8,"checkboxChange","listenToChangeEvent"]]]),i=a,o=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table"].forEach((e=>{"xpl-dynamic-table"===e&&(customElements.get(s(e))||customElements.define(s(e),a))}))};export{i as XplDynamicTable,o as defineCustomElement}
1
+ import{proxyCustomElement as e,HTMLElement as t,createEvent as n,h as l,transformTag as c}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selectedItemCountChange=n(this,"selectedItemCountChange",7),this.selectedItemCount=0,this.colCount=0}updateColumnCount(){const e=this.el.querySelectorAll("xpl-table-header-cell");if(e.length===this.colCount)return;const t=Array.from(e).map((e=>null!==e.getAttribute("width")?e.getAttribute("width")+"px":"1fr"));this.el.style.setProperty("--column-widths",t.join(" ")),this.colCount=e.length}listenToDeselectEvent(){this.selectedItemCount=0,this.selectedItemCountChange.emit([])}listenToChangeEvent(){const e=document.querySelectorAll('.xpl-dynamic-table xpl-checkbox:not([class^="xpl-header-accordion__parent-checkbox"]) input:not([disabled])'),t=Array.from(e).filter((e=>e.checked)).map((e=>e.getAttribute("data-id")));this.selectedItemCount=t.length,this.selectedItemCountChange.emit(t)}updateRowGap(){null!==this.el.querySelector("xpl-header-accordion")&&[".xpl-dynamic-table",'.xpl-dynamic-table > [slot="body"]'].forEach((e=>{const t=this.el.querySelector(e);null!==t&&(t.style.rowGap="0.5rem")}))}componentDidLoad(){this.updateColumnCount(),this.updateRowGap()}componentDidUpdate(){this.updateColumnCount()}render(){return l("div",{key:"8f33da5fa8815400447b1690172bdaddd1079c1a",role:"grid",class:"xpl-dynamic-table","aria-colcount":this.colCount},l("slot",{key:"221aced83acf1fc4c904533eaedb1cd79914c5d3",name:"header"}),l("slot",{key:"6087119ce1499e94a30d09a1917d9371331f6add",name:"body"}))}get el(){return this}},[260,"xpl-dynamic-table",{selectedItemCount:[32],colCount:[32]},[[8,"deselectAll","listenToDeselectEvent"],[8,"checkboxChange","listenToChangeEvent"]]]),a=s,d=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table"].forEach((e=>{"xpl-dynamic-table"===e&&(customElements.get(c(e))||customElements.define(c(e),s))}))};export{a as XplDynamicTable,d as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as d}from"@stencil/core/internal/client";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.xs=6,this.sm=6,this.md=6,this.lg=6}render(){let t="xpl-grid-item";return t+=" xpl-grid-item-xs-"+this.xs,t+=" xpl-grid-item-sm-"+this.sm,t+=" xpl-grid-item-md-"+this.md,t+=" xpl-grid-item-lg-"+this.lg,i(s,{key:"d4e9ba6dc2049aa0a88d266934a9499daf66d0a9",class:t},i("slot",{key:"fef8f150e57fcc72147111fe10088d46adc324d8"}))}},[260,"xpl-grid-item",{xs:[2],sm:[2],md:[2],lg:[2]}]),m=l,r=function(){"undefined"!=typeof customElements&&["xpl-grid-item"].forEach((t=>{"xpl-grid-item"===t&&(customElements.get(d(t))||customElements.define(d(t),l))}))};export{m as XplGridItem,r as defineCustomElement}
1
+ import{proxyCustomElement as e,HTMLElement as t,h as i,Host as s,transformTag as d}from"@stencil/core/internal/client";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.xs=6,this.sm=6,this.md=6,this.lg=6}render(){let e="xpl-grid-item";return e+=" xpl-grid-item-xs-"+this.xs,e+=" xpl-grid-item-sm-"+this.sm,e+=" xpl-grid-item-md-"+this.md,e+=" xpl-grid-item-lg-"+this.lg,i(s,{key:"43cf6dd21d3d06e2d8012b716e5db5aeee676aac",class:e},i("slot",{key:"e08e03e4152007df7158d7122f883da1050dfde7"}))}},[260,"xpl-grid-item",{xs:[2],sm:[2],md:[2],lg:[2]}]),m=l,r=function(){"undefined"!=typeof customElements&&["xpl-grid-item"].forEach((e=>{"xpl-grid-item"===e&&(customElements.get(d(e))||customElements.define(d(e),l))}))};export{m as XplGridItem,r as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as t,HTMLElement as e,h as s,Host as r,transformTag as i}from"@stencil/core/internal/client";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}componentDidLoad(){const t=Array.from(this.container.querySelectorAll(".xpl-grid-item"));let e=0,s=0,r=0,i=0;t.forEach((t=>{e+=+t.getAttribute("lg")||6,s+=+t.getAttribute("md")||6,r+=+t.getAttribute("sm")||6,i+=+t.getAttribute("xs")||6,e%6==0&&t.classList.add("xpl-grid-item-lg-last"),s%6==0&&t.classList.add("xpl-grid-item-md-last"),r%6==0&&t.classList.add("xpl-grid-item-sm-last"),i%6==0&&t.classList.add("xpl-grid-item-xs-last")}))}render(){return s(r,{key:"89b723cb2e01669c5edd69a3fbbbdce834f05dd3",class:"xpl-grid"})}get container(){return this}},[0,"xpl-grid"]),d=l,n=function(){"undefined"!=typeof customElements&&["xpl-grid"].forEach((t=>{"xpl-grid"===t&&(customElements.get(i(t))||customElements.define(i(t),l))}))};export{d as XplGrid,n as defineCustomElement}
1
+ import{proxyCustomElement as t,HTMLElement as e,h as s,Host as r,transformTag as i}from"@stencil/core/internal/client";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}componentDidLoad(){const t=Array.from(this.container.querySelectorAll(".xpl-grid-item"));let e=0,s=0,r=0,i=0;t.forEach((t=>{e+=+t.getAttribute("lg")||6,s+=+t.getAttribute("md")||6,r+=+t.getAttribute("sm")||6,i+=+t.getAttribute("xs")||6,e%6==0&&t.classList.add("xpl-grid-item-lg-last"),s%6==0&&t.classList.add("xpl-grid-item-md-last"),r%6==0&&t.classList.add("xpl-grid-item-sm-last"),i%6==0&&t.classList.add("xpl-grid-item-xs-last")}))}render(){return s(r,{key:"aeee950fb242a14f50ceda1d199cf427597b70f6",class:"xpl-grid"})}get container(){return this}},[0,"xpl-grid"]),n=l,d=function(){"undefined"!=typeof customElements&&["xpl-grid"].forEach((t=>{"xpl-grid"===t&&(customElements.get(i(t))||customElements.define(i(t),l))}))};export{n as XplGrid,d as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as t,h as c,Host as i,transformTag as o}from"@stencil/core/internal/client";import{d as s}from"./xpl-checkbox2.js";import{d as n}from"./xpl-icon2.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.initialExpanded=!1,this.disabled=!1,this.selectedCount=-1,this.hasCheckbox=!0,this.expanded=this.initialExpanded,this.parentChecked=!1,this.parentIndeterminate=!1,this.toggleAccordion=()=>{this.expanded=!this.expanded},this.handleParentCheckboxChange=e=>{var t;this.parentChecked=e,this.parentIndeterminate=!1,(null===(t=this.el)||void 0===t?void 0:t.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])')).forEach((t=>{t.checked=e}))}}applyBorderRadiusToLastRow(){var e;if(this.expanded){const t=null===(e=this.el)||void 0===e?void 0:e.querySelectorAll("xpl-dynamic-table-row"),c=t[t.length-1],i=null==c?void 0:c.querySelectorAll("xpl-dynamic-table-cell");i[0].style.borderBottomLeftRadius="0.5rem",i[i.length-1].style.borderBottomRightRadius="0.5rem"}}watchSelectedCount(e,t){e>-1&&this.updateParentCheckbox(e)}updateParentCheckbox(e){var t;const c=null===(t=this.el)||void 0===t?void 0:t.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])');0===e?(this.parentChecked=!1,this.parentIndeterminate=!1):e===c.length?(this.parentChecked=!0,this.parentIndeterminate=!1):(this.parentChecked=!1,this.parentIndeterminate=!0)}handleChildCheckboxChange(){var e;if(-1===this.selectedCount){const t=null===(e=this.el)||void 0===e?void 0:e.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])'),c=Array.from(t).filter((e=>e.checked)).length;this.updateParentCheckbox(c)}}componentDidLoad(){this.updateParentCheckbox(this.selectedCount>-1?this.selectedCount:0)}componentWillRender(){this.applyBorderRadiusToLastRow()}render(){return c(i,{key:"511ce0498294e0064e94ff14b847f75260c6c7cf",class:"xpl-header-accordion"},c("div",{key:"75550adfe2cff80c32e3fe73bfba5888a4bfc91d",class:"header-accordion header-accordion--"+(this.expanded?"expanded":"collapsed")},this.hasCheckbox&&c("xpl-checkbox",{key:"d46601b19497594f44b4633228a6f020f29c8914",class:"xpl-header-accordion__parent-checkbox",checked:this.parentChecked,disabled:this.disabled,indeterminate:this.parentIndeterminate,onCheckboxChange:e=>this.handleParentCheckboxChange(e.detail)}),c("button",{key:"b15087f6e34cd0d31e77d5c3b35640b7734ed556","aria-expanded":this.expanded,"aria-controls":this.contentId,class:"toggle-area",onClick:this.toggleAccordion,type:"button"},c("slot",{key:"8f655d108a016212852f0a7138fa82ea386ed26a",name:"title"}),c("xpl-icon",{key:"abe7fb2fe4a19db7bcd2cbed7fec903cbeeaee4d",size:16,icon:"chevron-down",class:this.expanded&&"rotate"}))),c("div",{key:"e86c0a67e94b24f4c39386e8f728de34242e7344",id:this.contentId,role:"region",class:this.expanded?"content--shown":"content--hidden"},c("slot",{key:"a86303b3cf41724f65e10db14d0f6464c68d49c2",name:"content"})))}get el(){return this}static get watchers(){return{selectedCount:[{watchSelectedCount: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}]}]),d=a,h=function(){"undefined"!=typeof customElements&&["xpl-header-accordion","xpl-checkbox","xpl-icon"].forEach((e=>{switch(e){case"xpl-header-accordion":customElements.get(o(e))||customElements.define(o(e),a);break;case"xpl-checkbox":customElements.get(o(e))||s();break;case"xpl-icon":customElements.get(o(e))||n()}}))};export{d as XplHeaderAccordion,h as defineCustomElement}
1
+ import{proxyCustomElement as e,HTMLElement as t,h as c,Host as i,transformTag as o}from"@stencil/core/internal/client";import{d as a}from"./xpl-checkbox2.js";import{d as s}from"./xpl-icon2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.initialExpanded=!1,this.disabled=!1,this.selectedCount=-1,this.hasCheckbox=!0,this.expanded=this.initialExpanded,this.parentChecked=!1,this.parentIndeterminate=!1,this.toggleAccordion=()=>{this.expanded=!this.expanded},this.handleParentCheckboxChange=e=>{var t;this.parentChecked=e,this.parentIndeterminate=!1,(null===(t=this.el)||void 0===t?void 0:t.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])')).forEach((t=>{t.checked=e}))}}applyBorderRadiusToLastRow(){var e;if(this.expanded){const t=null===(e=this.el)||void 0===e?void 0:e.querySelectorAll("xpl-dynamic-table-row"),c=t[t.length-1],i=null==c?void 0:c.querySelectorAll("xpl-dynamic-table-cell");i[0].style.borderBottomLeftRadius="0.5rem",i[i.length-1].style.borderBottomRightRadius="0.5rem"}}watchSelectedCount(e,t){e>-1&&this.updateParentCheckbox(e)}updateParentCheckbox(e){var t;const c=null===(t=this.el)||void 0===t?void 0:t.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])');0===e?(this.parentChecked=!1,this.parentIndeterminate=!1):e===c.length?(this.parentChecked=!0,this.parentIndeterminate=!1):(this.parentChecked=!1,this.parentIndeterminate=!0)}handleChildCheckboxChange(){var e;if(-1===this.selectedCount){const t=null===(e=this.el)||void 0===e?void 0:e.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])'),c=Array.from(t).filter((e=>e.checked)).length;this.updateParentCheckbox(c)}}componentDidLoad(){this.updateParentCheckbox(this.selectedCount>-1?this.selectedCount:0)}componentWillRender(){this.applyBorderRadiusToLastRow()}render(){return c(i,{key:"33b59f238ef5eabce7a83dec5e189459038ac2e0",class:"xpl-header-accordion"},c("div",{key:"1269fe93be898a0300a1c840ad8919608c86bbff",class:"header-accordion header-accordion--"+(this.expanded?"expanded":"collapsed")},this.hasCheckbox&&c("xpl-checkbox",{key:"16a93cbaab64072990502ed7d1bc2a496ad31425",class:"xpl-header-accordion__parent-checkbox",checked:this.parentChecked,disabled:this.disabled,indeterminate:this.parentIndeterminate,onCheckboxChange:e=>this.handleParentCheckboxChange(e.detail)}),c("button",{key:"00e7024adcd3c8cef52cc5d11be8e4dc6319c1a8","aria-expanded":this.expanded,"aria-controls":this.contentId,class:"toggle-area",onClick:this.toggleAccordion,type:"button"},c("slot",{key:"16fc847fff7d27f73c589bff9670fdbdec9f58cc",name:"title"}),c("xpl-icon",{key:"44e27d19feb130c0903949d24a9c71f19f8475b6",size:16,icon:"chevron-down",class:this.expanded&&"rotate"}))),c("div",{key:"aa8bd514da7666ed09c72c5b271ea0eeda729ef8",id:this.contentId,role:"region",class:this.expanded?"content--shown":"content--hidden"},c("slot",{key:"b8adf0af8ea58edad1036fc45277ef6621bc8fbb",name:"content"})))}get el(){return this}static get watchers(){return{selectedCount:[{watchSelectedCount: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}]}]),d=n,h=function(){"undefined"!=typeof customElements&&["xpl-header-accordion","xpl-checkbox","xpl-icon"].forEach((e=>{switch(e){case"xpl-header-accordion":customElements.get(o(e))||customElements.define(o(e),n);break;case"xpl-checkbox":customElements.get(o(e))||a();break;case"xpl-icon":customElements.get(o(e))||s()}}))};export{d as XplHeaderAccordion,h as defineCustomElement}