@xplortech/apollo-core 2.4.3 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (438) hide show
  1. package/.typings/apollo-components.html-data.json +1257 -3360
  2. package/build/style.css +4227 -1019
  3. package/dist/apollo-core/apollo-core.css +18 -27
  4. package/dist/apollo-core/apollo-core.esm.js +1 -1
  5. package/dist/apollo-core/p-02167464.entry.js +1 -0
  6. package/dist/apollo-core/p-0bce3874.entry.js +1 -0
  7. package/dist/apollo-core/{p-8c1f73ea.entry.js → p-1fd3dc87.entry.js} +1 -1
  8. package/dist/apollo-core/{p-0ac33b3a.entry.js → p-42016063.entry.js} +1 -1
  9. package/dist/apollo-core/{p-31461db7.entry.js → p-5549756c.entry.js} +1 -1
  10. package/dist/apollo-core/p-56fa4941.entry.js +1 -0
  11. package/dist/apollo-core/p-76c324da.entry.js +1 -0
  12. package/dist/apollo-core/p-7a3224b4.entry.js +1 -0
  13. package/dist/apollo-core/p-7e924697.entry.js +1 -0
  14. package/dist/apollo-core/{p-b1f4604d.entry.js → p-8a1affce.entry.js} +1 -1
  15. package/dist/apollo-core/p-9efca9e1.entry.js +1 -0
  16. package/dist/apollo-core/p-C_Z2nG0p.js +2 -0
  17. package/dist/apollo-core/p-b252b380.entry.js +1 -0
  18. package/dist/apollo-core/p-c91daac1.entry.js +1 -0
  19. package/dist/apollo-core/p-d9b62508.entry.js +1 -0
  20. package/dist/apollo-core/p-eaea16d1.entry.js +1 -0
  21. package/dist/apollo-core/p-eed13bca.entry.js +1 -0
  22. package/dist/apollo-core/{p-4fab8172.entry.js → p-f5af9539.entry.js} +1 -1
  23. package/dist/cjs/apollo-core.cjs.js +3 -3
  24. package/dist/cjs/{index-D__N_vw2.js → index-DH6pgWru.js} +137 -87
  25. package/dist/cjs/loader.cjs.js +2 -2
  26. package/dist/cjs/xpl-accordion.cjs.entry.js +5 -5
  27. package/dist/cjs/xpl-application-shell.cjs.entry.js +4 -4
  28. package/dist/cjs/xpl-avatar_47.cjs.entry.js +18618 -0
  29. package/dist/cjs/xpl-button-row.cjs.entry.js +4 -4
  30. package/dist/cjs/xpl-calendar.cjs.entry.js +4 -4
  31. package/dist/cjs/xpl-dynamic-table-cell.cjs.entry.js +5 -5
  32. package/dist/cjs/xpl-dynamic-table-row.cjs.entry.js +5 -5
  33. package/dist/cjs/xpl-dynamic-table.cjs.entry.js +4 -4
  34. package/dist/cjs/xpl-grid-item.cjs.entry.js +4 -4
  35. package/dist/cjs/xpl-grid.cjs.entry.js +4 -4
  36. package/dist/cjs/xpl-large-card.cjs.entry.js +4 -4
  37. package/dist/cjs/xpl-list.cjs.entry.js +4 -4
  38. package/dist/cjs/xpl-main-nav.cjs.entry.js +4 -4
  39. package/dist/cjs/xpl-table-header-cell.cjs.entry.js +3 -3
  40. package/dist/cjs/xpl-table-header.cjs.entry.js +4 -4
  41. package/dist/cjs/xpl-toggle.cjs.entry.js +6 -6
  42. package/dist/cjs/xpl-toolbar.cjs.entry.js +5 -5
  43. package/dist/collection/collection-manifest.json +10 -3
  44. package/dist/collection/components/xpl-accordion/accordion.stories.js +4 -0
  45. package/dist/collection/components/xpl-accordion/xpl-accordion.js +3 -3
  46. package/dist/collection/components/xpl-application-shell/application-shell.stories.js +4 -0
  47. package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +2 -2
  48. package/dist/collection/components/xpl-avatar/avatar.stories.js +4 -0
  49. package/dist/collection/components/xpl-avatar/xpl-avatar.js +3 -3
  50. package/dist/collection/components/xpl-backdrop/backdrop.stories.js +4 -0
  51. package/dist/collection/components/xpl-backdrop/xpl-backdrop.js +2 -2
  52. package/dist/collection/components/xpl-badge/badge.stories.js +108 -33
  53. package/dist/collection/components/xpl-badge/xpl-badge.js +122 -14
  54. package/dist/collection/components/xpl-banner/banner.stories.js +64 -0
  55. package/dist/collection/components/xpl-banner/xpl-banner.js +295 -0
  56. package/dist/collection/components/xpl-breadcrumbs/breadcrumbs.stories.js +4 -0
  57. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js +2 -2
  58. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js +2 -2
  59. package/dist/collection/components/xpl-button/button.stories.js +102 -98
  60. package/dist/collection/components/xpl-button/xpl-button.js +183 -93
  61. package/dist/collection/components/xpl-button-row/xpl-button-row.js +2 -2
  62. package/dist/collection/components/xpl-calendar/calendar.stories.js +4 -0
  63. package/dist/collection/components/xpl-calendar/xpl-calendar.js +2 -2
  64. package/dist/collection/components/xpl-checkbox/checkbox.stories.js +4 -0
  65. package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +4 -4
  66. package/dist/collection/components/xpl-choicelist/choicelist.stories.js +4 -0
  67. package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +2 -2
  68. package/dist/collection/components/xpl-content-area/xpl-content-area.js +2 -2
  69. package/dist/collection/components/xpl-dashboard/xpl-dashboard.js +2 -2
  70. package/dist/collection/components/xpl-data-card/data-card.stories.js +4 -0
  71. package/dist/collection/components/xpl-data-card/xpl-data-card.js +12 -26
  72. package/dist/collection/components/xpl-divider/divider.stories.js +4 -0
  73. package/dist/collection/components/xpl-divider/xpl-divider.js +2 -2
  74. package/dist/collection/components/xpl-dropdown/dropdown.stories.js +4 -0
  75. package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js +2 -2
  76. package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +2 -2
  77. package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +29 -4
  78. package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +120 -79
  79. package/dist/collection/components/xpl-dynamic-table/dynamic-table.stories.js +4 -0
  80. package/dist/collection/components/xpl-dynamic-table/xpl-dynamic-table.js +2 -2
  81. package/dist/collection/components/xpl-dynamic-table-cell/xpl-dynamic-table-cell.js +3 -3
  82. package/dist/collection/components/xpl-dynamic-table-row/xpl-dynamic-table-row.js +3 -3
  83. package/dist/collection/components/xpl-grid/xpl-grid.js +2 -2
  84. package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +2 -2
  85. package/dist/collection/components/xpl-header-accordion/header-accordion.stories.js +4 -0
  86. package/dist/collection/components/xpl-header-accordion/xpl-header-accordion.js +2 -2
  87. package/dist/collection/components/xpl-icon/icon-types.js +1 -0
  88. package/dist/collection/components/xpl-icon/icons.stories.js +47 -12
  89. package/dist/collection/components/xpl-icon/xpl-icon.js +14 -16
  90. package/dist/collection/components/xpl-input/input.stories.js +79 -9
  91. package/dist/collection/components/xpl-input/xpl-input-color/xpl-input-color.js +9 -9
  92. package/dist/collection/components/xpl-input/xpl-input-date/xpl-input-date.js +55 -17
  93. package/dist/collection/components/xpl-input/xpl-input-file/xpl-input-file.js +5 -5
  94. package/dist/collection/components/xpl-input/xpl-input-phone/phone-country-data.js +58 -0
  95. package/dist/collection/components/xpl-input/xpl-input-phone/phone-format.js +219 -0
  96. package/dist/collection/components/xpl-input/xpl-input-phone/xpl-input-phone.js +469 -0
  97. package/dist/collection/components/xpl-input/xpl-input-time/xpl-input-time.js +3 -3
  98. package/dist/collection/components/xpl-input/xpl-input.js +101 -7
  99. package/dist/collection/components/xpl-large-card/large-card.stories.js +4 -0
  100. package/dist/collection/components/xpl-large-card/xpl-large-card.js +2 -2
  101. package/dist/collection/components/xpl-list/list.stories.js +4 -0
  102. package/dist/collection/components/xpl-list/xpl-list.js +2 -2
  103. package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +2 -2
  104. package/dist/collection/components/xpl-modal/modal.stories.js +4 -0
  105. package/dist/collection/components/xpl-modal/xpl-modal.js +2 -2
  106. package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +3 -3
  107. package/dist/collection/components/xpl-pagination/pagination.stories.js +4 -0
  108. package/dist/collection/components/xpl-pagination/xpl-pagination.js +4 -4
  109. package/dist/collection/components/xpl-panel/panel.stories.js +51 -0
  110. package/dist/collection/components/xpl-panel/xpl-panel.js +60 -0
  111. package/dist/collection/components/xpl-popover/popover.stories.js +4 -0
  112. package/dist/collection/components/xpl-popover/xpl-popover.js +5 -5
  113. package/dist/collection/components/xpl-progress/progress.stories.js +4 -0
  114. package/dist/collection/components/xpl-progress/xpl-progress.js +2 -2
  115. package/dist/collection/components/xpl-progress-bar/progress-bar.stories.js +96 -0
  116. package/dist/collection/components/xpl-progress-bar/xpl-progress-bar.js +158 -0
  117. package/dist/collection/components/xpl-radio/radio.stories.js +4 -0
  118. package/dist/collection/components/xpl-radio/xpl-radio.js +4 -4
  119. package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +2 -2
  120. package/dist/collection/components/xpl-select/select.stories.js +4 -0
  121. package/dist/collection/components/xpl-select/xpl-select.js +11 -17
  122. package/dist/collection/components/xpl-side-nav/side-nav.stories.js +519 -0
  123. package/dist/collection/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.js +259 -0
  124. package/dist/collection/components/xpl-side-nav/xpl-side-nav.js +32 -0
  125. package/dist/collection/components/xpl-skeleton/skeleton.stories.js +4 -0
  126. package/dist/collection/components/xpl-skeleton/xpl-skeleton.js +2 -2
  127. package/dist/collection/components/xpl-slideout/slideout.stories.js +6 -0
  128. package/dist/collection/components/xpl-slideout/xpl-slideout.js +2 -2
  129. package/dist/collection/components/xpl-tab/xpl-tab.js +3 -3
  130. package/dist/collection/components/xpl-tab-panel/xpl-tab-panel.js +3 -3
  131. package/dist/collection/components/xpl-table/table.stories.js +4 -0
  132. package/dist/collection/components/xpl-table/xpl-table.js +6 -6
  133. package/dist/collection/components/xpl-table-header/table-header.stories.js +4 -0
  134. package/dist/collection/components/xpl-table-header/xpl-table-header.js +2 -2
  135. package/dist/collection/components/xpl-table-header-cell/table-header-cell.stories.js +4 -0
  136. package/dist/collection/components/xpl-table-header-cell/xpl-table-header-cell.js +6 -16
  137. package/dist/collection/components/xpl-tabs/tabs.stories.js +4 -0
  138. package/dist/collection/components/xpl-tabs/xpl-tabs.js +6 -6
  139. package/dist/collection/components/xpl-tag/xpl-tag.js +3 -3
  140. package/dist/collection/components/xpl-toast/toast.stories.js +4 -0
  141. package/dist/collection/components/xpl-toast/xpl-toast.js +3 -3
  142. package/dist/collection/components/xpl-toggle/toggle.stories.js +4 -0
  143. package/dist/collection/components/xpl-toggle/xpl-toggle.js +4 -4
  144. package/dist/collection/components/xpl-toolbar/xpl-toolbar.js +3 -3
  145. package/dist/collection/components/xpl-tooltip/tooltip.stories.js +4 -0
  146. package/dist/collection/components/xpl-tooltip/xpl-tooltip.js +2 -2
  147. package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +2 -2
  148. package/dist/collection/utils/layout-ancestors.js +22 -0
  149. package/dist/components/index.js +1 -1
  150. package/dist/components/xpl-accordion.js +1 -1
  151. package/dist/components/xpl-application-shell.js +1 -1
  152. package/dist/components/xpl-avatar.js +1 -1
  153. package/dist/components/xpl-avatar2.js +1 -1
  154. package/dist/components/xpl-backdrop.js +1 -1
  155. package/dist/components/xpl-backdrop2.js +1 -1
  156. package/dist/components/xpl-badge.js +1 -1
  157. package/dist/components/xpl-badge2.js +1 -1
  158. package/dist/components/xpl-banner.d.ts +11 -0
  159. package/dist/components/xpl-banner.js +1 -0
  160. package/dist/components/xpl-breadcrumb-item.js +1 -1
  161. package/dist/components/xpl-breadcrumbs.js +1 -1
  162. package/dist/components/xpl-button-row.js +1 -1
  163. package/dist/components/xpl-button.js +1 -1
  164. package/dist/components/xpl-button2.js +1 -1
  165. package/dist/components/xpl-calendar.js +1 -1
  166. package/dist/components/xpl-checkbox.js +1 -1
  167. package/dist/components/xpl-checkbox2.js +1 -1
  168. package/dist/components/xpl-choicelist.js +1 -1
  169. package/dist/components/xpl-content-area.js +1 -1
  170. package/dist/components/xpl-dashboard.js +1 -1
  171. package/dist/components/xpl-data-card.js +1 -1
  172. package/dist/components/xpl-divider.js +1 -1
  173. package/dist/components/xpl-divider2.js +1 -1
  174. package/dist/components/xpl-dropdown-group.js +1 -1
  175. package/dist/components/xpl-dropdown-group2.js +1 -1
  176. package/dist/components/xpl-dropdown-heading.js +1 -1
  177. package/dist/components/xpl-dropdown-heading2.js +1 -1
  178. package/dist/components/xpl-dropdown-option.js +1 -1
  179. package/dist/components/xpl-dropdown-option2.js +1 -1
  180. package/dist/components/xpl-dropdown.js +1 -1
  181. package/dist/components/xpl-dropdown2.js +1 -1
  182. package/dist/components/xpl-dynamic-table-cell.js +1 -1
  183. package/dist/components/xpl-dynamic-table-row.js +1 -1
  184. package/dist/components/xpl-dynamic-table.js +1 -1
  185. package/dist/components/xpl-grid-item.js +1 -1
  186. package/dist/components/xpl-grid.js +1 -1
  187. package/dist/components/xpl-header-accordion.js +1 -1
  188. package/dist/components/xpl-icon.js +1 -1
  189. package/dist/components/xpl-icon2.js +1 -6
  190. package/dist/components/xpl-input-date.js +1 -1
  191. package/dist/components/xpl-input-date2.js +1 -1
  192. package/dist/components/xpl-input-file.js +1 -1
  193. package/dist/components/xpl-input-file2.js +1 -1
  194. package/dist/components/xpl-input-phone.d.ts +11 -0
  195. package/dist/components/xpl-input-phone.js +1 -0
  196. package/dist/components/xpl-input-time.js +1 -1
  197. package/dist/components/xpl-input.js +1 -1
  198. package/dist/components/xpl-input2.js +1 -1
  199. package/dist/components/xpl-large-card.js +1 -1
  200. package/dist/components/xpl-list.js +1 -1
  201. package/dist/components/xpl-main-nav.js +1 -1
  202. package/dist/components/xpl-modal.js +1 -1
  203. package/dist/components/xpl-nav-item.js +1 -1
  204. package/dist/components/xpl-pagination.js +1 -1
  205. package/dist/components/xpl-panel.d.ts +11 -0
  206. package/dist/components/xpl-panel.js +1 -0
  207. package/dist/components/xpl-popover.js +1 -1
  208. package/dist/components/xpl-popover2.js +1 -1
  209. package/dist/components/xpl-progress-bar.d.ts +11 -0
  210. package/dist/components/xpl-progress-bar.js +1 -0
  211. package/dist/components/xpl-progress.js +1 -1
  212. package/dist/components/xpl-radio.js +1 -1
  213. package/dist/components/xpl-radio2.js +1 -1
  214. package/dist/components/xpl-secondary-nav.js +1 -1
  215. package/dist/components/xpl-select.js +1 -1
  216. package/dist/components/xpl-select2.js +1 -1
  217. package/dist/components/xpl-side-nav-item.d.ts +11 -0
  218. package/dist/components/xpl-side-nav-item.js +1 -0
  219. package/dist/components/xpl-side-nav.d.ts +11 -0
  220. package/dist/components/xpl-side-nav.js +1 -0
  221. package/dist/components/xpl-skeleton.js +1 -1
  222. package/dist/components/xpl-slideout.js +1 -1
  223. package/dist/components/xpl-tab-panel.js +1 -1
  224. package/dist/components/xpl-tab.js +1 -1
  225. package/dist/components/xpl-table-header.js +1 -1
  226. package/dist/components/xpl-table.js +1 -1
  227. package/dist/components/xpl-tabs.js +1 -1
  228. package/dist/components/xpl-tag.js +1 -1
  229. package/dist/components/xpl-tag2.js +1 -1
  230. package/dist/components/xpl-toast.js +1 -1
  231. package/dist/components/xpl-toggle.js +1 -1
  232. package/dist/components/xpl-toolbar.js +1 -1
  233. package/dist/components/xpl-tooltip.js +1 -1
  234. package/dist/components/xpl-tooltip2.js +1 -1
  235. package/dist/components/xpl-utility-bar.js +1 -1
  236. package/dist/docs/xpl-accordion/readme.md +66 -0
  237. package/dist/docs/xpl-application-shell/readme.md +33 -0
  238. package/dist/docs/xpl-avatar/readme.md +40 -0
  239. package/dist/docs/xpl-backdrop/readme.md +34 -0
  240. package/dist/docs/xpl-badge/readme.md +122 -0
  241. package/dist/docs/xpl-banner/readme.md +166 -0
  242. package/dist/docs/xpl-breadcrumbs/xpl-breadcrumb-item/readme.md +19 -0
  243. package/dist/docs/xpl-breadcrumbs/xpl-breadcrumbs/readme.md +22 -0
  244. package/dist/docs/xpl-button/readme.md +181 -0
  245. package/dist/docs/xpl-button-row/readme.md +42 -0
  246. package/dist/docs/xpl-calendar/readme.md +49 -0
  247. package/dist/docs/xpl-checkbox/readme.md +49 -0
  248. package/dist/docs/xpl-choicelist/readme.md +44 -0
  249. package/dist/docs/xpl-content-area/readme.md +17 -0
  250. package/dist/docs/xpl-dashboard/readme.md +10 -0
  251. package/dist/docs/xpl-data-card/readme.md +54 -0
  252. package/dist/docs/xpl-divider/readme.md +30 -0
  253. package/dist/docs/xpl-dropdown/readme.md +83 -0
  254. package/dist/docs/xpl-dropdown/xpl-dropdown-group/readme.md +40 -0
  255. package/dist/docs/xpl-dropdown/xpl-dropdown-heading/readme.md +30 -0
  256. package/dist/docs/xpl-dropdown/xpl-dropdown-option/readme.md +42 -0
  257. package/dist/docs/xpl-dynamic-table/readme.md +19 -0
  258. package/dist/docs/xpl-dynamic-table-cell/readme.md +18 -0
  259. package/dist/docs/xpl-dynamic-table-row/readme.md +19 -0
  260. package/dist/docs/xpl-grid/readme.md +10 -0
  261. package/dist/docs/xpl-grid-item/readme.md +20 -0
  262. package/dist/docs/xpl-header-accordion/readme.md +39 -0
  263. package/dist/docs/xpl-icon/readme.md +92 -0
  264. package/dist/docs/xpl-input/readme.md +100 -0
  265. package/dist/docs/xpl-input/xpl-input-color/readme.md +65 -0
  266. package/dist/docs/xpl-input/xpl-input-date/readme.md +56 -0
  267. package/dist/docs/xpl-input/xpl-input-file/readme.md +79 -0
  268. package/dist/docs/xpl-input/xpl-input-phone/readme.md +167 -0
  269. package/dist/docs/xpl-input/xpl-input-time/readme.md +73 -0
  270. package/dist/docs/xpl-large-card/readme.md +40 -0
  271. package/dist/docs/xpl-list/readme.md +34 -0
  272. package/dist/docs/xpl-main-nav/readme.md +28 -0
  273. package/dist/docs/xpl-modal/readme.md +58 -0
  274. package/dist/docs/xpl-nav-item/readme.md +24 -0
  275. package/dist/docs/xpl-pagination/readme.md +55 -0
  276. package/dist/docs/xpl-panel/readme.md +83 -0
  277. package/dist/docs/xpl-popover/readme.md +48 -0
  278. package/dist/docs/xpl-progress/readme.md +22 -0
  279. package/dist/docs/xpl-progress-bar/readme.md +145 -0
  280. package/dist/docs/xpl-radio/readme.md +43 -0
  281. package/dist/docs/xpl-secondary-nav/readme.md +10 -0
  282. package/dist/docs/xpl-select/readme.md +89 -0
  283. package/dist/docs/xpl-side-nav/readme.md +71 -0
  284. package/dist/docs/xpl-side-nav/xpl-side-nav-item/readme.md +115 -0
  285. package/dist/docs/xpl-skeleton/readme.md +31 -0
  286. package/dist/docs/xpl-slideout/readme.md +47 -0
  287. package/dist/docs/xpl-tab/readme.md +25 -0
  288. package/dist/docs/xpl-tab-panel/readme.md +18 -0
  289. package/dist/docs/xpl-table/readme.md +46 -0
  290. package/dist/docs/xpl-table-header/readme.md +13 -0
  291. package/dist/docs/xpl-table-header-cell/readme.md +47 -0
  292. package/dist/docs/xpl-tabs/readme.md +55 -0
  293. package/dist/docs/xpl-tag/readme.md +30 -0
  294. package/dist/docs/xpl-toast/readme.md +97 -0
  295. package/dist/docs/xpl-toggle/readme.md +23 -0
  296. package/dist/docs/xpl-toolbar/readme.md +18 -0
  297. package/dist/docs/xpl-tooltip/readme.md +35 -0
  298. package/dist/docs/xpl-utility-bar/readme.md +55 -0
  299. package/dist/esm/apollo-core.js +4 -4
  300. package/dist/esm/{index-DhZas3eX.js → index-C_Z2nG0p.js} +137 -87
  301. package/dist/esm/loader.js +3 -3
  302. package/dist/esm/xpl-accordion.entry.js +5 -5
  303. package/dist/esm/xpl-application-shell.entry.js +4 -4
  304. package/dist/esm/xpl-avatar_47.entry.js +18570 -0
  305. package/dist/esm/xpl-button-row.entry.js +4 -4
  306. package/dist/esm/xpl-calendar.entry.js +4 -4
  307. package/dist/esm/xpl-dynamic-table-cell.entry.js +5 -5
  308. package/dist/esm/xpl-dynamic-table-row.entry.js +5 -5
  309. package/dist/esm/xpl-dynamic-table.entry.js +4 -4
  310. package/dist/esm/xpl-grid-item.entry.js +4 -4
  311. package/dist/esm/xpl-grid.entry.js +4 -4
  312. package/dist/esm/xpl-large-card.entry.js +4 -4
  313. package/dist/esm/xpl-list.entry.js +4 -4
  314. package/dist/esm/xpl-main-nav.entry.js +4 -4
  315. package/dist/esm/xpl-table-header-cell.entry.js +3 -3
  316. package/dist/esm/xpl-table-header.entry.js +4 -4
  317. package/dist/esm/xpl-toggle.entry.js +6 -6
  318. package/dist/esm/xpl-toolbar.entry.js +5 -5
  319. package/dist/types/components/xpl-accordion/xpl-accordion.d.ts +1 -1
  320. package/dist/types/components/xpl-application-shell/application-shell.stories.d.ts +4 -0
  321. package/dist/types/components/xpl-application-shell/xpl-application-shell.d.ts +1 -1
  322. package/dist/types/components/xpl-avatar/avatar.stories.d.ts +4 -0
  323. package/dist/types/components/xpl-avatar/xpl-avatar.d.ts +1 -1
  324. package/dist/types/components/xpl-backdrop/backdrop.stories.d.ts +4 -0
  325. package/dist/types/components/xpl-backdrop/xpl-backdrop.d.ts +1 -1
  326. package/dist/types/components/xpl-badge/badge.stories.d.ts +66 -11
  327. package/dist/types/components/xpl-badge/xpl-badge.d.ts +9 -2
  328. package/dist/types/components/xpl-banner/banner.stories.d.ts +77 -0
  329. package/dist/types/components/xpl-banner/xpl-banner.d.ts +20 -0
  330. package/dist/types/components/xpl-breadcrumbs/breadcrumbs.stories.d.ts +4 -0
  331. package/dist/types/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.d.ts +1 -1
  332. package/dist/types/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.d.ts +1 -1
  333. package/dist/types/components/xpl-button/button.stories.d.ts +68 -30
  334. package/dist/types/components/xpl-button/xpl-button.d.ts +14 -8
  335. package/dist/types/components/xpl-button-row/xpl-button-row.d.ts +1 -1
  336. package/dist/types/components/xpl-calendar/calendar.stories.d.ts +4 -0
  337. package/dist/types/components/xpl-calendar/xpl-calendar.d.ts +1 -1
  338. package/dist/types/components/xpl-checkbox/checkbox.stories.d.ts +4 -0
  339. package/dist/types/components/xpl-checkbox/xpl-checkbox.d.ts +1 -1
  340. package/dist/types/components/xpl-choicelist/choicelist.stories.d.ts +4 -0
  341. package/dist/types/components/xpl-choicelist/xpl-choicelist.d.ts +1 -1
  342. package/dist/types/components/xpl-content-area/xpl-content-area.d.ts +1 -1
  343. package/dist/types/components/xpl-dashboard/xpl-dashboard.d.ts +1 -1
  344. package/dist/types/components/xpl-data-card/data-card.stories.d.ts +4 -0
  345. package/dist/types/components/xpl-data-card/xpl-data-card.d.ts +3 -4
  346. package/dist/types/components/xpl-divider/divider.stories.d.ts +4 -0
  347. package/dist/types/components/xpl-divider/xpl-divider.d.ts +1 -1
  348. package/dist/types/components/xpl-dropdown/dropdown-option.d.ts +1 -0
  349. package/dist/types/components/xpl-dropdown/dropdown.stories.d.ts +1 -1
  350. package/dist/types/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.d.ts +1 -1
  351. package/dist/types/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.d.ts +1 -1
  352. package/dist/types/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.d.ts +3 -2
  353. package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts +11 -8
  354. package/dist/types/components/xpl-dynamic-table/dynamic-table.stories.d.ts +4 -0
  355. package/dist/types/components/xpl-dynamic-table/xpl-dynamic-table.d.ts +1 -1
  356. package/dist/types/components/xpl-dynamic-table-cell/xpl-dynamic-table-cell.d.ts +1 -1
  357. package/dist/types/components/xpl-dynamic-table-row/xpl-dynamic-table-row.d.ts +1 -1
  358. package/dist/types/components/xpl-grid/xpl-grid.d.ts +1 -1
  359. package/dist/types/components/xpl-grid-item/xpl-grid-item.d.ts +1 -1
  360. package/dist/types/components/xpl-header-accordion/header-accordion.stories.d.ts +4 -0
  361. package/dist/types/components/xpl-header-accordion/xpl-header-accordion.d.ts +1 -1
  362. package/dist/types/components/xpl-icon/icon-types.d.ts +2 -0
  363. package/dist/types/components/xpl-icon/xpl-icon.d.ts +2 -4
  364. package/dist/types/components/xpl-input/input.stories.d.ts +40 -7
  365. package/dist/types/components/xpl-input/xpl-input-color/xpl-input-color.d.ts +1 -1
  366. package/dist/types/components/xpl-input/xpl-input-date/xpl-input-date.d.ts +10 -3
  367. package/dist/types/components/xpl-input/xpl-input-file/xpl-input-file.d.ts +1 -1
  368. package/dist/types/components/xpl-input/xpl-input-phone/phone-country-data.d.ts +13 -0
  369. package/dist/types/components/xpl-input/xpl-input-phone/phone-format.d.ts +5 -0
  370. package/dist/types/components/xpl-input/xpl-input-phone/xpl-input-phone.d.ts +48 -0
  371. package/dist/types/components/xpl-input/xpl-input-time/xpl-input-time.d.ts +1 -1
  372. package/dist/types/components/xpl-input/xpl-input.d.ts +12 -2
  373. package/dist/types/components/xpl-large-card/large-card.stories.d.ts +4 -0
  374. package/dist/types/components/xpl-large-card/xpl-large-card.d.ts +1 -1
  375. package/dist/types/components/xpl-list/list.stories.d.ts +4 -0
  376. package/dist/types/components/xpl-list/xpl-list.d.ts +1 -1
  377. package/dist/types/components/xpl-main-nav/xpl-main-nav.d.ts +1 -1
  378. package/dist/types/components/xpl-modal/modal.stories.d.ts +4 -0
  379. package/dist/types/components/xpl-modal/xpl-modal.d.ts +1 -1
  380. package/dist/types/components/xpl-nav-item/xpl-nav-item.d.ts +1 -1
  381. package/dist/types/components/xpl-pagination/pagination.stories.d.ts +4 -0
  382. package/dist/types/components/xpl-pagination/xpl-pagination.d.ts +1 -1
  383. package/dist/types/components/xpl-panel/panel.stories.d.ts +20 -0
  384. package/dist/types/components/xpl-panel/xpl-panel.d.ts +5 -0
  385. package/dist/types/components/xpl-popover/xpl-popover.d.ts +1 -1
  386. package/dist/types/components/xpl-progress/progress.stories.d.ts +4 -0
  387. package/dist/types/components/xpl-progress/xpl-progress.d.ts +1 -1
  388. package/dist/types/components/xpl-progress-bar/progress-bar.stories.d.ts +73 -0
  389. package/dist/types/components/xpl-progress-bar/xpl-progress-bar.d.ts +15 -0
  390. package/dist/types/components/xpl-radio/radio.stories.d.ts +4 -0
  391. package/dist/types/components/xpl-radio/xpl-radio.d.ts +1 -1
  392. package/dist/types/components/xpl-secondary-nav/xpl-secondary-nav.d.ts +1 -1
  393. package/dist/types/components/xpl-select/select.stories.d.ts +4 -0
  394. package/dist/types/components/xpl-select/xpl-select.d.ts +2 -4
  395. package/dist/types/components/xpl-side-nav/side-nav.stories.d.ts +80 -0
  396. package/dist/types/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.d.ts +20 -0
  397. package/dist/types/components/xpl-side-nav/xpl-side-nav.d.ts +4 -0
  398. package/dist/types/components/xpl-skeleton/xpl-skeleton.d.ts +1 -1
  399. package/dist/types/components/xpl-slideout/slideout.stories.d.ts +6 -0
  400. package/dist/types/components/xpl-slideout/xpl-slideout.d.ts +1 -1
  401. package/dist/types/components/xpl-tab/xpl-tab.d.ts +1 -1
  402. package/dist/types/components/xpl-tab-panel/xpl-tab-panel.d.ts +1 -1
  403. package/dist/types/components/xpl-table/table.stories.d.ts +4 -0
  404. package/dist/types/components/xpl-table/xpl-table.d.ts +1 -1
  405. package/dist/types/components/xpl-table-header/table-header.stories.d.ts +4 -0
  406. package/dist/types/components/xpl-table-header/xpl-table-header.d.ts +1 -1
  407. package/dist/types/components/xpl-table-header-cell/table-header-cell.stories.d.ts +4 -0
  408. package/dist/types/components/xpl-table-header-cell/xpl-table-header-cell.d.ts +2 -3
  409. package/dist/types/components/xpl-tabs/tabs.stories.d.ts +4 -0
  410. package/dist/types/components/xpl-tabs/xpl-tabs.d.ts +2 -2
  411. package/dist/types/components/xpl-tag/xpl-tag.d.ts +1 -1
  412. package/dist/types/components/xpl-toast/toast.stories.d.ts +4 -0
  413. package/dist/types/components/xpl-toast/xpl-toast.d.ts +1 -1
  414. package/dist/types/components/xpl-toggle/toggle.stories.d.ts +4 -0
  415. package/dist/types/components/xpl-toggle/xpl-toggle.d.ts +1 -1
  416. package/dist/types/components/xpl-toolbar/xpl-toolbar.d.ts +1 -1
  417. package/dist/types/components/xpl-tooltip/tooltip.stories.d.ts +4 -0
  418. package/dist/types/components/xpl-tooltip/xpl-tooltip.d.ts +1 -1
  419. package/dist/types/components/xpl-utility-bar/xpl-utility-bar.d.ts +1 -1
  420. package/dist/types/components.d.ts +1210 -173
  421. package/dist/types/stencil-public-runtime.d.ts +23 -2
  422. package/dist/types/utils/layout-ancestors.d.ts +2 -0
  423. package/package.json +45 -28
  424. package/dist/apollo-core/p-3b5f8989.entry.js +0 -1
  425. package/dist/apollo-core/p-576ce90f.entry.js +0 -1
  426. package/dist/apollo-core/p-5c0236db.entry.js +0 -6
  427. package/dist/apollo-core/p-5ec45742.entry.js +0 -1
  428. package/dist/apollo-core/p-7b7db57a.entry.js +0 -1
  429. package/dist/apollo-core/p-7f8e5cd0.entry.js +0 -1
  430. package/dist/apollo-core/p-812bb0e4.entry.js +0 -1
  431. package/dist/apollo-core/p-845eef0d.entry.js +0 -1
  432. package/dist/apollo-core/p-94209785.entry.js +0 -1
  433. package/dist/apollo-core/p-9853028c.entry.js +0 -1
  434. package/dist/apollo-core/p-9d65ece7.entry.js +0 -1
  435. package/dist/apollo-core/p-DhZas3eX.js +0 -2
  436. package/dist/apollo-core/p-be292555.entry.js +0 -1
  437. package/dist/cjs/xpl-avatar_41.cjs.entry.js +0 -5522
  438. package/dist/esm/xpl-avatar_41.entry.js +0 -5480
@@ -1,6 +1,6 @@
1
1
  import { Host, h } from "@stencil/core";
2
2
  import { v4 as uuid } from "uuid";
3
- export class XplToggle {
3
+ export class Toggle {
4
4
  constructor() {
5
5
  this.variant = 'default';
6
6
  this.id = uuid();
@@ -12,13 +12,13 @@ export class XplToggle {
12
12
  let className = 'xpl-toggle';
13
13
  if (this.variant === 'small')
14
14
  className += ' xpl-toggle--small';
15
- return (h(Host, { key: 'e5b8f2802e828221c2966fa85bafe7fb6bcf40bc', class: containerClassName }, (this.heading || this.description) && (h("label", { key: '17aff6b0b12c4815d2848af71a84a808c5b2a356', class: {
15
+ return (h(Host, { key: 'fe018e63a2c645565150c2b5494e057b24421cf3', class: containerClassName }, (this.heading || this.description) && (h("label", { key: '461ba525112e90914f3d61b221f938ec94861b58', class: {
16
16
  'xpl-label': true,
17
17
  'xpl-label--disabled': this.disabled,
18
- }, htmlFor: this.id }, this.heading, this.description && (h("small", { key: 'c5bf01336e7f02b41f050971b596f718cdc8a87d', class: {
18
+ }, htmlFor: this.id }, this.heading, this.description && (h("small", { key: 'd764ac2dc9341192079f3791ce3e784c0d810c41', class: {
19
19
  'xpl-description': true,
20
20
  'xpl-description--disabled': this.disabled,
21
- } }, this.description)))), h("input", { key: 'e9426bde8c042f3727fbcac738bd4903c063b2a4', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name }), this.label && h("label", { key: '7d1bdfdf3ccc08276d86ffa3beb84a7946f576bb', htmlFor: this.id }, this.label)));
21
+ } }, this.description)))), h("input", { key: '9fd76e6a84d08db81941db0aaa742c4e0205bffa', class: className, type: "checkbox", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name }), this.label && h("label", { key: 'fc58e8c3dba8a45a7c2aedda7daff3788f4dc0a0', htmlFor: this.id }, this.label)));
22
22
  }
23
23
  static get is() { return "xpl-toggle"; }
24
24
  static get properties() {
@@ -1,5 +1,5 @@
1
1
  import { Host, h } from "@stencil/core";
2
- export class XplToolbar {
2
+ export class Toolbar {
3
3
  constructor() {
4
4
  this.selectedItemCount = 0;
5
5
  }
@@ -12,11 +12,11 @@ export class XplToolbar {
12
12
  this.selectedItemCount = event.detail.length;
13
13
  }
14
14
  render() {
15
- return (h(Host, { key: '097500ed053ff1f15d30fc62e2efa556f8f95ef2', class: {
15
+ return (h(Host, { key: '48056451ad54987de8d046a3892cc1011ed41bbb', class: {
16
16
  'xpl-toolbar': true,
17
17
  dark: true,
18
18
  hidden: this.selectedItemCount === 0,
19
- } }, h("div", { key: 'c2e73f623f8afe7ca8e9e367b173067992b661fa', class: "toolbar" }, h("p", { key: '63c1b1f5edee4abc4fea15bdb6d483a682854403', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: 'bc387680fee35312128aac1e2d2a9e83e78b86af', class: "actions" }, h("slot", { key: 'a8e3e41f75565cbf9b8fc86665ecabdcf2f674f3', name: "actions-left" }), h("slot", { key: 'b3e82f6aabb8279f39248b551570d8937cf35aa6', name: "actions-right" })))));
19
+ } }, h("div", { key: '3c9680e4cf006dee69372d271a0720b6802767bc', class: "toolbar" }, h("p", { key: 'afcfba4a2d5c73d6bf602b94340280dcc28d6493', class: "selected-item-count" }, this.selectedItemCount, " Selected"), h("div", { key: 'fdadc34738fcf397a38772ab817c3a5bc1e5015f', class: "actions" }, h("slot", { key: 'b6571d83f8ac800143e4f9cd62559aac83c7e424', name: "actions-left" }), h("slot", { key: '30aa34da340647dbcb79f8862c5ca9647ebedb12', name: "actions-right" })))));
20
20
  }
21
21
  static get is() { return "xpl-toolbar"; }
22
22
  static get properties() {
@@ -82,4 +82,8 @@ Tooltip.parameters = {
82
82
  </div>
83
83
  `)(Tooltip.args),
84
84
  },
85
+ design: {
86
+ type: 'figma',
87
+ url: 'https://www.figma.com/design/MjjYek73MFnHmVNdm45Sd1/Apollo-Web?node-id=6440-96808&p=f&t=vVY2x58f7oPprNSr-11',
88
+ },
85
89
  };
@@ -1,12 +1,12 @@
1
1
  import { Host, h } from "@stencil/core";
2
2
  import { TooltipArrow } from "./tooltip-arrow";
3
- export class XplTooltip {
3
+ export class Tooltip {
4
4
  constructor() {
5
5
  this.position = 'top-middle';
6
6
  this.hideArrow = false;
7
7
  }
8
8
  render() {
9
- return (h(Host, { key: '2a442f9c9c54e8e6f8032b5d6384c84a1fbda0ad' }, h("div", { key: 'f30932db02af0f1273421b14c5b25840adbc3f58', class: "xpl-tooltip-container" }, h("slot", { key: '729aee67e66fb3d281b84a86aeba2d12a8a08340' }), h("div", { key: '9c0f6a237f2a1a11459a311095a2bdf9be4b176d', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text), !this.hideArrow && (h("div", { key: '3bb6b085ddde321cf3063feba8ff23e785723afd', class: "xpl-tooltip-arrow" }, h(TooltipArrow, { key: 'f687c2776a7b9097aec183c5128e9e238e57d26e' }))))));
9
+ return (h(Host, { key: '849e02776ea70de89a5bd3c133df6205ff3265b3' }, h("div", { key: '98947c9ece90e6ebcbf90c23cd2e1c0902ae59d5', class: "xpl-tooltip-container" }, h("slot", { key: 'a24df50f2081fcc4ef70c685933fab1420eb850a' }), h("div", { key: 'be1a1832cdf428f2d368258b3a784e7b27589a97', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text), !this.hideArrow && (h("div", { key: '43241958db2b8fec0993040f7321bca7d5a163e6', class: "xpl-tooltip-arrow" }, h(TooltipArrow, { key: '34359c7bec6b7ee0616eac8961e9941b60c7d321' }))))));
10
10
  }
11
11
  static get is() { return "xpl-tooltip"; }
12
12
  static get properties() {
@@ -1,5 +1,5 @@
1
1
  import { h, Host } from "@stencil/core";
2
- export class XplUtilityBar {
2
+ export class UtilityBar {
3
3
  constructor() {
4
4
  this.open = true;
5
5
  }
@@ -11,7 +11,7 @@ export class XplUtilityBar {
11
11
  this.open = this.isNavOpenAtStartup !== undefined ? this.isNavOpenAtStartup : this.open;
12
12
  }
13
13
  render() {
14
- return (h(Host, { key: 'a67e91188d392358df4b052d7e9026cf2f6b9b04' }, h("nav", { key: 'f51a3c37a1c8ae3d4f4ba8b524fb1f2ff2dd5ea8', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (h("div", null, h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })), h("slot", { key: '75f581a8455f372b692a9ec190c2f0974b214105', name: "main" }))));
14
+ return (h(Host, { key: 'b32ed07473f48009a3a6e76ba1a51fe156b19f1c' }, h("nav", { key: '7a98d494b15c5af7e8e0089ab64806c04d394381', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (h("div", null, h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })), h("slot", { key: 'd5f62631648bcd858b26a6500e2506e6f40d5c99', name: "main" }))));
15
15
  }
16
16
  static get is() { return "xpl-utility-bar"; }
17
17
  static get properties() {
@@ -0,0 +1,22 @@
1
+ export function isInsideFixedPosition(element) {
2
+ let el = element.parentElement;
3
+ while (el && el !== document.body && el !== document.documentElement) {
4
+ if (getComputedStyle(el).position === 'fixed') {
5
+ return true;
6
+ }
7
+ el = el.parentElement;
8
+ }
9
+ return false;
10
+ }
11
+ export function getNearestScrollableAncestor(element) {
12
+ let el = element.parentElement;
13
+ while (el && el !== document.body && el !== document.documentElement) {
14
+ const style = getComputedStyle(el);
15
+ const overflow = style.overflow + style.overflowX + style.overflowY;
16
+ if (/auto|scroll/.test(overflow)) {
17
+ return el;
18
+ }
19
+ el = el.parentElement;
20
+ }
21
+ return undefined;
22
+ }
@@ -1 +1 @@
1
- import{transformTag as o}from"@stencil/core/internal/client";export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";import{XplAccordion as r}from"./xpl-accordion.js";import{XplApplicationShell as p}from"./xpl-application-shell.js";import{XplAvatar as m}from"./xpl-avatar.js";import{XplBackdrop as t}from"./xpl-backdrop.js";import{XplBadge as i}from"./xpl-badge.js";import{XplBreadcrumbItem as l}from"./xpl-breadcrumb-item.js";import{XplBreadcrumbs as s}from"./xpl-breadcrumbs.js";import{XplButton as e}from"./xpl-button.js";import{XplButtonRow as f}from"./xpl-button-row.js";import{XplCalendar as x}from"./xpl-calendar.js";import{XplCheckbox as a}from"./xpl-checkbox.js";import{XplChoicelist as j}from"./xpl-choicelist.js";import{XplContentArea as n}from"./xpl-content-area.js";import{XplDashboard as d}from"./xpl-dashboard.js";import{XplDataCard as c}from"./xpl-data-card.js";import{XplDivider as b}from"./xpl-divider.js";import{XplDropdown as u}from"./xpl-dropdown.js";import{XplDropdownGroup as g}from"./xpl-dropdown-group.js";import{XplDropdownHeading as h}from"./xpl-dropdown-heading.js";import{XplDropdownOption as v}from"./xpl-dropdown-option.js";import{XplDynamicTable as w}from"./xpl-dynamic-table.js";import{XplDynamicTableCell as y}from"./xpl-dynamic-table-cell.js";import{XplDynamicTableRow as k}from"./xpl-dynamic-table-row.js";import{XplGrid as E}from"./xpl-grid.js";import{XplGridItem as P}from"./xpl-grid-item.js";import{XplHeaderAccordion as A}from"./xpl-header-accordion.js";import{XplIcon as N}from"./xpl-icon.js";import{XplInput as O}from"./xpl-input.js";import{XplInputColor as q}from"./xpl-input-color.js";import{XplInputDate as z}from"./xpl-input-date.js";import{XplInputFile as B}from"./xpl-input-file.js";import{XplInputTime as C}from"./xpl-input-time.js";import{XplLargeCard as D}from"./xpl-large-card.js";import{XplList as F}from"./xpl-list.js";import{XplMainNav as G}from"./xpl-main-nav.js";import{XplModal as H}from"./xpl-modal.js";import{XplNavItem as I}from"./xpl-nav-item.js";import{XplPagination as J}from"./xpl-pagination.js";import{XplPopover as K}from"./xpl-popover.js";import{XplProgress as L}from"./xpl-progress.js";import{XplRadio as M}from"./xpl-radio.js";import{XplSecondaryNav as Q}from"./xpl-secondary-nav.js";import{XplSelect as R}from"./xpl-select.js";import{XplSkeleton as S}from"./xpl-skeleton.js";import{XplSlideout as T}from"./xpl-slideout.js";import{XplTab as U}from"./xpl-tab.js";import{XplTabPanel as V}from"./xpl-tab-panel.js";import{XplTable as W}from"./xpl-table.js";import{XplTableHeader as X}from"./xpl-table-header.js";import{XplTableHeaderCell as Y}from"./xpl-table-header-cell.js";import{XplTabs as Z}from"./xpl-tabs.js";import{XplTag as $}from"./xpl-tag.js";import{XplToast as _}from"./xpl-toast.js";import{XplToggle as oo}from"./xpl-toggle.js";import{XplToolbar as ro}from"./xpl-toolbar.js";import{XplTooltip as po}from"./xpl-tooltip.js";import{XplUtilityBar as mo}from"./xpl-utility-bar.js";const to=to=>{"undefined"!=typeof customElements&&[r,p,m,t,i,l,s,e,f,x,a,j,n,d,c,b,u,g,h,v,w,y,k,E,P,A,N,O,q,z,B,C,D,F,G,H,I,J,K,L,M,Q,R,S,T,U,V,W,X,Y,Z,$,_,oo,ro,po,mo].forEach((r=>{customElements.get(o(r.is))||customElements.define(o(r.is),r,to)}))};export{to as defineCustomElements}
1
+ import{transformTag as o}from"@stencil/core/internal/client";export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";import{XplAccordion as r}from"./xpl-accordion.js";import{XplApplicationShell as p}from"./xpl-application-shell.js";import{XplAvatar as m}from"./xpl-avatar.js";import{XplBackdrop as t}from"./xpl-backdrop.js";import{XplBadge as i}from"./xpl-badge.js";import{XplBanner as l}from"./xpl-banner.js";import{XplBreadcrumbItem as s}from"./xpl-breadcrumb-item.js";import{XplBreadcrumbs as e}from"./xpl-breadcrumbs.js";import{XplButton as f}from"./xpl-button.js";import{XplButtonRow as x}from"./xpl-button-row.js";import{XplCalendar as a}from"./xpl-calendar.js";import{XplCheckbox as j}from"./xpl-checkbox.js";import{XplChoicelist as n}from"./xpl-choicelist.js";import{XplContentArea as d}from"./xpl-content-area.js";import{XplDashboard as c}from"./xpl-dashboard.js";import{XplDataCard as b}from"./xpl-data-card.js";import{XplDivider as u}from"./xpl-divider.js";import{XplDropdown as g}from"./xpl-dropdown.js";import{XplDropdownGroup as h}from"./xpl-dropdown-group.js";import{XplDropdownHeading as v}from"./xpl-dropdown-heading.js";import{XplDropdownOption as w}from"./xpl-dropdown-option.js";import{XplDynamicTable as y}from"./xpl-dynamic-table.js";import{XplDynamicTableCell as k}from"./xpl-dynamic-table-cell.js";import{XplDynamicTableRow as E}from"./xpl-dynamic-table-row.js";import{XplGrid as P}from"./xpl-grid.js";import{XplGridItem as A}from"./xpl-grid-item.js";import{XplHeaderAccordion as N}from"./xpl-header-accordion.js";import{XplIcon as O}from"./xpl-icon.js";import{XplInput as q}from"./xpl-input.js";import{XplInputColor as z}from"./xpl-input-color.js";import{XplInputDate as B}from"./xpl-input-date.js";import{XplInputFile as C}from"./xpl-input-file.js";import{XplInputPhone as D}from"./xpl-input-phone.js";import{XplInputTime as F}from"./xpl-input-time.js";import{XplLargeCard as G}from"./xpl-large-card.js";import{XplList as H}from"./xpl-list.js";import{XplMainNav as I}from"./xpl-main-nav.js";import{XplModal as J}from"./xpl-modal.js";import{XplNavItem as K}from"./xpl-nav-item.js";import{XplPagination as L}from"./xpl-pagination.js";import{XplPanel as M}from"./xpl-panel.js";import{XplPopover as Q}from"./xpl-popover.js";import{XplProgress as R}from"./xpl-progress.js";import{XplProgressBar as S}from"./xpl-progress-bar.js";import{XplRadio as T}from"./xpl-radio.js";import{XplSecondaryNav as U}from"./xpl-secondary-nav.js";import{XplSelect as V}from"./xpl-select.js";import{XplSideNav as W}from"./xpl-side-nav.js";import{XplSideNavItem as X}from"./xpl-side-nav-item.js";import{XplSkeleton as Y}from"./xpl-skeleton.js";import{XplSlideout as Z}from"./xpl-slideout.js";import{XplTab as $}from"./xpl-tab.js";import{XplTabPanel as _}from"./xpl-tab-panel.js";import{XplTable as oo}from"./xpl-table.js";import{XplTableHeader as ro}from"./xpl-table-header.js";import{XplTableHeaderCell as po}from"./xpl-table-header-cell.js";import{XplTabs as mo}from"./xpl-tabs.js";import{XplTag as to}from"./xpl-tag.js";import{XplToast as io}from"./xpl-toast.js";import{XplToggle as lo}from"./xpl-toggle.js";import{XplToolbar as so}from"./xpl-toolbar.js";import{XplTooltip as eo}from"./xpl-tooltip.js";import{XplUtilityBar as fo}from"./xpl-utility-bar.js";const xo=xo=>{"undefined"!=typeof customElements&&[r,p,m,t,i,l,s,e,f,x,a,j,n,d,c,b,u,g,h,v,w,y,k,E,P,A,N,O,q,z,B,C,D,F,G,H,I,J,K,L,M,Q,R,S,T,U,V,W,X,Y,Z,$,_,oo,ro,po,mo,to,io,lo,so,eo,fo].forEach((r=>{customElements.get(o(r.is))||customElements.define(o(r.is),r,xo)}))};export{xo as defineCustomElements}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as n,h as c,Host as o,transformTag as t}from"@stencil/core/internal/client";import{d as a}from"./xpl-icon2.js";const i=e(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.initialExpanded=!1,this.size="3",this.borderType="none",this.expanded=this.initialExpanded,this.toggleAccordion=e=>{e.stopPropagation(),this.expanded=!this.expanded}}watchInitialExpanded(){this.expanded=this.initialExpanded}async parentCheckboxChange(e){return this.el.querySelectorAll(".xpl-accordion-content .xpl-checkbox:not([disabled])").forEach((n=>{n.checked=e})),null}handleChildCheckboxChange(){const e=this.el.querySelectorAll(".xpl-accordion-content .xpl-checkbox:not([disabled])"),n=Array.from(e).filter((e=>e.checked)).length,c=this.el.querySelector(".xpl-accordion-header xpl-checkbox")||this.el.querySelector(".xpl-accordion-header input");if(c)switch(n){case 0:c.checked=!1,c.indeterminate=!1;break;case e.length:c.checked=!0,c.indeterminate=!1;break;default:c.checked=!1,c.indeterminate=!0}}listenToChangeEvent(){this.handleChildCheckboxChange()}render(){return c(o,{key:"196af13fff0f920975af9c4a6ebe726a98e5a663",class:"xpl-accordion "+{none:"",bordered:"xpl-accordion--border-bordered"+(this.expanded?"--expanded":""),bottom:"xpl-accordion--border-bottom"+(this.expanded?"--expanded":"")}[this.borderType]},c("button",{key:"724993d5464ef62e7bc6ec0d63334fcebf8d93fa","aria-expanded":this.expanded,"aria-controls":this.contentId,class:"xpl-accordion-toggle-area",onClick:this.toggleAccordion,type:"button"},c("header",{key:"8b38921367d44ff8e2dbfb5fcecf4712f480b907",class:"xpl-accordion-header xpl-accordion-header--size-"+this.size},c("slot",{key:"a940edeb394372f71cc927db8dfa622ce2c281f8",name:"heading"},this.header),c("xpl-icon",{key:"9e8e85697f46f808802cc4466046ada165e372e6",size:16,icon:"chevron-down",class:"xpl-accordion-icon-chevron "+(this.expanded?"xpl-accordion-icon-chevron--rotate":"")})),c("div",{key:"a91f59cd8a2450b8d46ba9880a05f67a8d1cbb62",class:"xpl-accordion-description"},c("slot",{key:"6cc83b45061eb6349dd7f8934bc49b4f1a3b878d",name:"description"},this.description))),c("section",{key:"72d5e5b77651c23a08b52849079e42456a5aed6d",id:this.contentId,role:"region",class:`xpl-accordion-content xpl-accordion-content--${this.expanded?"shown":"hidden"} ${this.expanded?{none:"",bordered:"xpl-accordion-content--shown-bordered",bottom:"xpl-accordion-content--shown-border-bottom"}[this.borderType]:""}`},c("slot",{key:"46231eeef0f6457a26e70aaf3a976a5a2b6076c3",name:"content"})))}get el(){return this}static get watchers(){return{initialExpanded:[{watchInitialExpanded:0}]}}},[260,"xpl-accordion",{contentId:[1,"content-id"],header:[1],description:[1],initialExpanded:[4,"initial-expanded"],size:[1],borderType:[1,"border-type"],expanded:[32],parentCheckboxChange:[64]},[[0,"checkboxChange","listenToChangeEvent"]],{initialExpanded:[{watchInitialExpanded:0}]}]),d=i,s=function(){"undefined"!=typeof customElements&&["xpl-accordion","xpl-icon"].forEach((e=>{switch(e){case"xpl-accordion":customElements.get(t(e))||customElements.define(t(e),i);break;case"xpl-icon":customElements.get(t(e))||a()}}))};export{d as XplAccordion,s as defineCustomElement}
1
+ import{proxyCustomElement as e,HTMLElement as n,h as c,Host as o,transformTag as t}from"@stencil/core/internal/client";import{d as a}from"./xpl-icon2.js";const i=e(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.initialExpanded=!1,this.size="3",this.borderType="none",this.expanded=this.initialExpanded,this.toggleAccordion=e=>{e.stopPropagation(),this.expanded=!this.expanded}}watchInitialExpanded(){this.expanded=this.initialExpanded}async parentCheckboxChange(e){return this.el.querySelectorAll(".xpl-accordion-content .xpl-checkbox:not([disabled])").forEach((n=>{n.checked=e})),null}handleChildCheckboxChange(){const e=this.el.querySelectorAll(".xpl-accordion-content .xpl-checkbox:not([disabled])"),n=Array.from(e).filter((e=>e.checked)).length,c=this.el.querySelector(".xpl-accordion-header xpl-checkbox")||this.el.querySelector(".xpl-accordion-header input");if(c)switch(n){case 0:c.checked=!1,c.indeterminate=!1;break;case e.length:c.checked=!0,c.indeterminate=!1;break;default:c.checked=!1,c.indeterminate=!0}}listenToChangeEvent(){this.handleChildCheckboxChange()}render(){return c(o,{key:"7befc24f997853bca9fc8c5b22b0262207de0b8b",class:"xpl-accordion "+{none:"",bordered:"xpl-accordion--border-bordered"+(this.expanded?"--expanded":""),bottom:"xpl-accordion--border-bottom"+(this.expanded?"--expanded":"")}[this.borderType]},c("button",{key:"c440a2bf8612a8f50e83eb27fc5ea1779c3c2916","aria-expanded":this.expanded,"aria-controls":this.contentId,class:"xpl-accordion-toggle-area",onClick:this.toggleAccordion,type:"button"},c("header",{key:"3744eb9f9ff25f1b24abeb5af519cdac58a1720d",class:"xpl-accordion-header xpl-accordion-header--size-"+this.size},c("slot",{key:"651407c5e52af7506505199e76d118873851726a",name:"heading"},this.header),c("xpl-icon",{key:"218043e9fada73e214b719087a9b27a5761f52a3",size:16,icon:"chevron-down",class:"xpl-accordion-icon-chevron "+(this.expanded?"xpl-accordion-icon-chevron--rotate":"")})),c("div",{key:"744f86d743fd69fab45fd34868713ecdbc41a2a1",class:"xpl-accordion-description"},c("slot",{key:"bf7a050f991db70f7b73755cd97a3300a8384723",name:"description"},this.description))),c("section",{key:"b095ddafce8622eb0a9ac9fab100989300cf589c",id:this.contentId,role:"region",class:`xpl-accordion-content xpl-accordion-content--${this.expanded?"shown":"hidden"} ${this.expanded?{none:"",bordered:"xpl-accordion-content--shown-bordered",bottom:"xpl-accordion-content--shown-border-bottom"}[this.borderType]:""}`},c("slot",{key:"377ce332550362503d3d7b4cc90ba452b44e00a1",name:"content"})))}get el(){return this}static get watchers(){return{initialExpanded:[{watchInitialExpanded:0}]}}},[260,"xpl-accordion",{contentId:[1,"content-id"],header:[1],description:[1],initialExpanded:[4,"initial-expanded"],size:[1],borderType:[1,"border-type"],expanded:[32],parentCheckboxChange:[64]},[[0,"checkboxChange","listenToChangeEvent"]],{initialExpanded:[{watchInitialExpanded:0}]}]),d=i,s=function(){"undefined"!=typeof customElements&&["xpl-accordion","xpl-icon"].forEach((e=>{switch(e){case"xpl-accordion":customElements.get(t(e))||customElements.define(t(e),i);break;case"xpl-icon":customElements.get(t(e))||a()}}))};export{d as XplAccordion,s as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as a,HTMLElement as e,h as t,Host as l,transformTag as i}from"@stencil/core/internal/client";import{d as s}from"./xpl-backdrop2.js";const n=a(class extends e{constructor(a){super(),!1!==a&&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(a){this.navWidth=a.detail}onWindowResize(){this.closeNavOnMobile()}connectedCallback(){this.closeNavOnMobile()}componentWillLoad(){this.navOpen=void 0!==this.isNavOpenAtStartup?this.isNavOpenAtStartup:this.navOpen}render(){let a="xpl-application-shell";this.withUtility&&(a+=" xpl-application-shell--with_utility");let e="xpl-application-shell__nav";return e+=this.navOpen?` xpl-application-shell__nav--${this.navWidth}--open`:" xpl-application-shell__nav--"+this.navWidth,t(l,{key:"fb7ea1e06b4e26898f0d115dade22a00b4e59c42",class:a},t("div",{key:"a2ffa00e3be22a9564b81c53bed26aa62a212cfe",class:e},t("slot",{key:"34633219fcf07dc7fe1db169937e7fed97681812",name:"nav"})),t("div",{key:"c67239ab7d3a151a64a7a7aa11b8fdb8d097ec50",class:"xpl-application-shell__subnav"},t("slot",{key:"8318c25bd82a31b574773ed38ff186b5186aa6a7",name:"subnav"})),t("div",{key:"22b3f72754c3f8e172b509daca09caafc5d5c088",class:"xpl-application-shell__utility"},t("slot",{key:"12cbf50d23d6ca4b3fe1143d5f2aeca357657332",name:"utility"})),t("div",{key:"dda9dc9741a06ec49cfcf5631d0782b54898b15a",class:"xpl-application-shell__content"},t("slot",{key:"5586153e5f3db1470a12112d929c4d6d814cbab8",name:"content"})),t("xpl-backdrop",{key:"1db206c2ad0253ccc3436922d1c38354efa96675",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((a=>{switch(a){case"xpl-application-shell":customElements.get(i(a))||customElements.define(i(a),n);break;case"xpl-backdrop":customElements.get(i(a))||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:"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 +1 @@
1
- import{X as a,d as o}from"./xpl-avatar2.js";const r=a,s=o;export{r as XplAvatar,s as defineCustomElement}
1
+ import{A as a,d as o}from"./xpl-avatar2.js";const r=a,s=o;export{r as XplAvatar,s as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as t,HTMLElement as a,h as s,Host as e,transformTag as c}from"@stencil/core/internal/client";const i=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:"491c0f4f1ac5c4359f1f0a678e74358c47383412"},this.src?s("img",{alt:this.name,src:this.src}):s("div",{class:"xpl-avatar__placeholder"},s("slot",null)),this.status&&s("div",{key:"1eddc940a7126cfdff262a3c1bbe93909663452f",class:`xpl-avatar__dot--${this.status}`}));return s(e,{key:"3cde3ed32c5b71deca67701635cac3dfabe8a076"},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 l(){"undefined"!=typeof customElements&&["xpl-avatar"].forEach((t=>{"xpl-avatar"===t&&(customElements.get(c(t))||customElements.define(c(t),i))}))}export{i as X,l as d}
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 +1 @@
1
- import{X as o,d as p}from"./xpl-backdrop2.js";const r=o,s=p;export{r as XplBackdrop,s as defineCustomElement}
1
+ import{B as o,d as p}from"./xpl-backdrop2.js";const r=o,s=p;export{r as XplBackdrop,s as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as t,h as r,Host as c,transformTag as s}from"@stencil/core/internal/client";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.relative=!1}render(){return r(c,{key:"94479cd370f0304f8ce4d416a7000f851c927da8",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(s(e))||customElements.define(s(e),o))}))}export{o as X,a as d}
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 +1 @@
1
- import{X as o,d as s}from"./xpl-badge2.js";const a=o,p=s;export{a as XplBadge,p as defineCustomElement}
1
+ import{B as o,d as s}from"./xpl-badge2.js";const a=o,p=s;export{a as XplBadge,p as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as t,h as a,Host as d,transformTag as s}from"@stencil/core/internal/client";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}render(){let e="xpl-badge";return this.dot&&(e+=" xpl-badge--dot"),this.variant&&(e+=` xpl-badge--${this.variant}`),a(d,{key:"7a4da384c01815ea2bd1fed3eeaa96da99758de4"},a("div",{key:"6f955a5ddde98ff183409ffaf65edc946387a6c7",class:e},a("slot",{key:"a3cd6f85cf89c5a287eb464973c664d92fa03f40"})))}},[260,"xpl-badge",{dot:[4],variant:[1]}]);function n(){"undefined"!=typeof customElements&&["xpl-badge"].forEach((e=>{"xpl-badge"===e&&(customElements.get(s(e))||customElements.define(s(e),c))}))}export{c as X,n as d}
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}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface XplBanner extends Components.XplBanner, HTMLElement {}
4
+ export const XplBanner: {
5
+ prototype: XplBanner;
6
+ new (): XplBanner;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +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 +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:"0fe6cf2098433d9933fe64337f86e7fd17067745",class:"xpl-breadcrumb-item",role:"listitem"},t("li",{key:"3f43a1e7569ce739e8097bc5a574c9bad1cebc76",role:"none"},t("slot",{key:"035487c5c3de89e51227c578b09791e18173470a"})),t("span",{key:"32e76833f80a44c66d136e4f3f3cf7f1be39fdbe",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 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 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as c,h as d,Host as r,transformTag as b}from"@stencil/core/internal/client";const s=e(class extends c{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return d(r,{key:"113bb54d6703b9d1d7dd98adb1d87a53dc56d747"},d("nav",{key:"c9903307abfb990b67f042b63463c89213a1de55",class:"xpl-breadcrumbs","aria-label":"Breadcrumb"},d("ol",{key:"cc49ec0f0356f7d0e3f39ce24294e3ed22728bbe",role:"list"},d("slot",{key:"910bce9c62ed5d1310559305d3f2b6e21a0f9a0d"}))))}},[260,"xpl-breadcrumbs"]),t=s,a=function(){"undefined"!=typeof customElements&&["xpl-breadcrumbs"].forEach((e=>{"xpl-breadcrumbs"===e&&(customElements.get(b(e))||customElements.define(b(e),s))}))};export{t as XplBreadcrumbs,a as defineCustomElement}
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 +1 @@
1
- import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as a,Host as i,transformTag as o}from"@stencil/core/internal/client";import{d as n}from"./xpl-button2.js";const c=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 a(i,{key:"c1d468abe10991fb2de71dd01daba53b00ad088d",class:"xpl-button-row"},a("div",{key:"102e327fea3824fffb0f04bd7d91e5615aca86e3",class:"xpl-button-row-inner"},a("div",{key:"745044b4b26b0a368ca5aec8b440ebdaa9677e2b",class:"xpl-button-row__left"},this.secondary&&a("xpl-button",{key:"e895967af49c96eb3a3e98b24c0d10b30951bb7b",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary)),a("div",{key:"d35ad947185a638f2f03530ae50a349cebbe5855",class:"xpl-button-row__right"},this.tertiary&&a("xpl-button",{key:"f25895afa16581325345f619085adee0cf092ee5",variant:"subtle",type:"button",onClick:this.onTertiary},this.tertiary),this.secondary&&a("xpl-button",{key:"8f606ced48a532bb1abaf20a7bc9dc570feb7d21",variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary),this.primary&&a("xpl-button",{key:"b6837c20a4adc3af10d4fd6724e226efd1d307ff",class:"xpl-button-row__primary",onClick:this.onPrimary},this.primary))))}},[0,"xpl-button-row",{primary:[1],secondary:[1],tertiary:[1]}]),b=c,r=function(){"undefined"!=typeof customElements&&["xpl-button-row","xpl-button"].forEach((t=>{switch(t){case"xpl-button-row":customElements.get(o(t))||customElements.define(o(t),c);break;case"xpl-button":customElements.get(o(t))||n()}}))};export{b as XplButtonRow,r as defineCustomElement}
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 +1 @@
1
- import{X as o,d as t}from"./xpl-button2.js";const s=o,p=t;export{s as XplButton,p as defineCustomElement}
1
+ import{B as o,d as t}from"./xpl-button2.js";const s=o,p=t;export{s as XplButton,p as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as t,HTMLElement as e,h as n,Host as s,transformTag as l}from"@stencil/core/internal/client";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.size="default",this.variant="primary",this.state="neutral"}componentDidRender(){const t=this.el.attributes,e=Object.keys(t).filter((e=>{const n=t[e].name;return!!n&&(n.includes("data-test")||n.includes("aria-"))})).reduce(((e,n)=>Object.assign(Object.assign({},e),{[t[n].name]:t[n].value})),{}),n=this.el.querySelector("button");Object.keys(e).forEach((t=>{n.setAttribute(t,e[t]),this.el.removeAttribute(t)}))}render(){let t=`xpl-button\n xpl-button--${this.size}\n xpl-button--${this.state}\n xpl-button--${this.variant}`;return this.iconOnly&&(t+=" xpl-button--icon-only"),this.fullWidth&&(t+=" xpl-button--full-width"),this.link&&this.disabled&&(t+=" xpl-button--link-disabled"),n(s,{key:"6def1e58f1fc0f0b1cee740c09278ab19ef77be5",class:t},this.link?n("slot",null):n("button",{disabled:this.disabled,name:this.name,type:this.type,value:this.value,form:this.form},n("slot",null)))}get el(){return this}},[260,"xpl-button",{disabled:[4],link:[4],iconOnly:[4,"icon-only"],fullWidth:[4,"full-width"],name:[1],size:[1],type:[1],value:[1],variant:[1],state:[1],form:[1]}]);function o(){"undefined"!=typeof customElements&&["xpl-button"].forEach((t=>{"xpl-button"===t&&(customElements.get(l(t))||customElements.define(l(t),i))}))}export{i as X,o 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(){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 +1 @@
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 o}from"./index2.js";import{v as d}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=d(),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=o(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:"fb4c58e9ddbf919c96d99b2f9433f1e9ffb9f4df",class:"xpl-calendar"},s("input",{key:"764bc9e43533f1bf921e586ff05a11d102b9015a",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(a(t))||customElements.define(a(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 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 +1 @@
1
- import{X as o,d as s}from"./xpl-checkbox2.js";const c=o,p=s;export{c as XplCheckbox,p as defineCustomElement}
1
+ import{C as o,d as s}from"./xpl-checkbox2.js";const c=o,p=s;export{c as XplCheckbox,p as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as s,createEvent as t,h as i,Host as c,transformTag as a}from"@stencil/core/internal/client";import{v as d}from"./v4.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.checkboxChange=t(this,"checkboxChange",7),this.id=d(),this.onChange=e=>{this.checkboxChange.emit(this.value?this.value:e.target.checked)}}render(){return i(c,{key:"00250685fca2e8158973a57947ec1ae390b556c4",class:{"xpl-checkbox-radio-container":!0,styled:this.styled,disabled:this.disabled}},i("input",{key:"ead56008991620c8e6c612ee1e6d299a3a88c6d2",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:"d336163f57e12ac87b1f29da074c66ef1e600a95",class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},i("slot",{key:"c317e0a1f2e2ac2e63f95d268443d5ff0c53eb5e"}),this.description&&i("small",{key:"f6031a5c9db67dbe8bb94f396da56fb7dd28fea4",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(a(e))||customElements.define(a(e),l))}))}export{l as X,h as d}
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 +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:"385f51ecb532a4f496e6ab8a74ec8731bdcc321f",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:"1c3d9eff6699a56b0cc955a5f2e9905480d8363b",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:"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 +1 @@
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:"20346d8b9d44a2cc90e2bade2beedc3786276c12"},c("main",{key:"9af1a83077ac5ae29038d998feaceb450be3f744",class:"xpl-content-area-wrapper xpl-content-area-wrapper__"+this.size},c("div",{key:"776a4b59943b1bbbcb81b9d35cee43618e81f338",class:"xpl-content-area"},c("slot",{key:"a4a023c5ca16110c9f9ccf1f10386e28a8b4c81e"}))))}},[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
+ 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 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as c,h as d,Host as s,transformTag as t}from"@stencil/core/internal/client";const a=e(class extends c{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return d(s,{key:"f072c5fdcc919dc5796dc23cdca36e9431a17814"},d("dl",{key:"899d09bec63eef669028c3e4d7193f2ab690f781",class:"xpl-dashboard"},d("slot",{key:"a36c42cb173e82d17c5d4b567a5a182152204813"})))}},[260,"xpl-dashboard"]),o=a,n=function(){"undefined"!=typeof customElements&&["xpl-dashboard"].forEach((e=>{"xpl-dashboard"===e&&(customElements.get(t(e))||customElements.define(t(e),a))}))};export{o as XplDashboard,n as defineCustomElement}
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 +1 @@
1
- import{proxyCustomElement as t,HTMLElement as a,h as s,Host as d,transformTag as c}from"@stencil/core/internal/client";import{d as e}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}"]`),c="positive"===this.smallStatVariant?"arrow-up-right":"negative"===this.smallStatVariant?"arrow-down-right":"dash";return s(d,{key:"7e13a0c8bd9cfd9fcde4fddb5f657718fb03a9d4",role:"group",class:"xpl-data-card "+(this.link?"xpl-data-card__link":""),tabindex:"0"},s("dt",{key:"57bf426d9b7e4c4e0d6e2fdea37d9dcdb654b893",class:"xpl-data-card__header xpl-data-card__header--"+("secondary"===this.variant?"secondary":"primary")},s("header",{key:"8c7135e6b2be28073b597ba6f007f341e2e1a5ad"},!!this.leadingIcon&&this.icon&&s("span",{key:"8ee90dabd30e9ce6d27f5d973d966df11d6f973c",class:"xpl-data-card__icon--"+this.variant},s("xpl-icon",{key:"2e59ef2231055ccc724ffd4a8fc7fe7bef2b07af",icon:this.icon,"background-color":"secondary"===this.variant?"purple":"orange",size:20})),s("slot",{key:"7d110d59bdd258a204dbae64ed0c9d1582c17d6c",name:"title"},this.name)),this.link&&s("span",{key:"12b7bfda22bd7d17a4393bbd8a1cef61136a2944",class:"xpl-data-card__header-arrow"},s("xpl-icon",{key:"aaaa7e0caba5bc13d5fe491e4c66d5344788ddec",icon:"chevron-right",size:16}))),s("dd",{key:"cfd5cae926c7858f96a1f41a091e404b0f4ee600",class:"xpl-data-card__body"},s("div",{key:"0e16294a3965d915e3299db6ca51d1c9d4afdc35",class:"xpl-data-card__left"},s("span",{key:"3b55a4f2fcadd97f787309dfd009ef551376b613",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:c,size:16}),this.smallStat)):s("div",{class:"xpl-data-card-stat xpl-data-card-stat--small "+this.smallStatVariant},s("xpl-icon",{icon:c,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:"2e5e3f50a45719b9ceae4a762e428691373f8b5c",class:"xpl-data-card__detail"},this.detail)),a&&s("div",{key:"dbe07c3e040026f21f35ec47bd3eb912114d97b5",class:"xpl-data-card__right"},s("slot",{key:"aa6c8ca3de0ada039e60dcd29e89c3fcf55cc019",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(c(t))||customElements.define(c(t),l);break;case"xpl-icon":customElements.get(c(t))||e();break;case"xpl-tooltip":customElements.get(c(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:"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 +1 @@
1
- import{X as o,d as r}from"./xpl-divider2.js";const s=o,d=r;export{s as XplDivider,d as defineCustomElement}
1
+ import{D as o,d as r}from"./xpl-divider2.js";const s=o,d=r;export{s as XplDivider,d as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as d,h as t,Host as s,transformTag as i}from"@stencil/core/internal/client";const c=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:"b4638a60d33219cb26494e124311a45226ee1fea",class:e},t("span",{key:"b399d389866e86f9a750cdd26a52c38cd3f9fa00"},t("slot",{key:"5a1f60fea3cd316eb1bddd0849fbb3489bf2c8b4"})))}},[260,"xpl-divider",{tier:[2]}]);function r(){"undefined"!=typeof customElements&&["xpl-divider"].forEach((e=>{"xpl-divider"===e&&(customElements.get(i(e))||customElements.define(i(e),c))}))}export{c as X,r as d}
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 +1 @@
1
- import{X as o,d as p}from"./xpl-dropdown-group2.js";const r=o,s=p;export{r as XplDropdownGroup,s as defineCustomElement}
1
+ import{D as o,d as p}from"./xpl-dropdown-group2.js";const r=o,s=p;export{r as XplDropdownGroup,s as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as o,HTMLElement as e,h as r,Host as p,transformTag as n}from"@stencil/core/internal/client";import{d}from"./xpl-dropdown-heading2.js";import{d as t}from"./xpl-dropdown-option2.js";const a=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,p=function(o,e){var r={};for(var p in o)Object.prototype.hasOwnProperty.call(o,p)&&e.indexOf(p)<0&&(r[p]=o[p]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(p=Object.getOwnPropertySymbols(o);n<p.length;n++)e.indexOf(p[n])<0&&Object.prototype.propertyIsEnumerable.call(o,p[n])&&(r[p[n]]=o[p[n]])}return r}(o,["groupName"]);return e?r("xpl-dropdown-group",Object.assign({label:e},p)):r("xpl-dropdown-option",Object.assign({},p))}));return r(p,{key:"f30203f92fbd12a8d7722dc24d7686d8a0c14a46",role:"group","aria-label":o},r("li",{key:"d0ea4ff252a095271a0377455f2f33ebe38ae85e",class:"xpl-dropdown-list-item"},r("xpl-dropdown-heading",{key:"8ae6c88ff139d0aef14589087b6271965d671336",label:o}),r("ul",{key:"265c9826177e976b142acc097e35249722c753a3",class:"xpl-dropdown-list"},n||r("slot",{key:"7f437bdbef703b6aba3fbc307c8bb1b6f6122ea3",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"].forEach((o=>{switch(o){case"xpl-dropdown-group":customElements.get(n(o))||customElements.define(n(o),a);break;case"xpl-dropdown-group":customElements.get(n(o))||l();break;case"xpl-dropdown-heading":customElements.get(n(o))||d();break;case"xpl-dropdown-option":customElements.get(n(o))||t()}}))}export{a as X,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}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 +1 @@
1
- import{X as o,d}from"./xpl-dropdown-heading2.js";const p=o,r=d;export{p as XplDropdownHeading,r as defineCustomElement}
1
+ import{D as o,d}from"./xpl-dropdown-heading2.js";const p=o,r=d;export{p as XplDropdownHeading,r as defineCustomElement}
@@ -1 +1 @@
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:"563a7656647f84782bdf61d19f3878407f83675a",class:{"xpl-dropdown-heading":!0},role:"presentation"},d("span",{key:"a0b116e7b0b85966e10de0dc4a363fa7e2e3b769"},this.label||d("slot",{key:"c79235054e087811e80dadf35a4e490658ece3c5",name:"heading"})))}},[260,"xpl-dropdown-heading",{label:[1]}]);function a(){"undefined"!=typeof customElements&&["xpl-dropdown-heading"].forEach((e=>{"xpl-dropdown-heading"===e&&(customElements.get(t(e))||customElements.define(t(e),s))}))}export{s as X,a as d}
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 +1 @@
1
- import{X as o,d as p}from"./xpl-dropdown-option2.js";const r=o,s=p;export{r as XplDropdownOption,s as defineCustomElement}
1
+ import{D as o,d as p}from"./xpl-dropdown-option2.js";const r=o,s=p;export{r as XplDropdownOption,s as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as t,h as o,Host as s,transformTag as i}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}componentWillLoad(){this.dropdown=this.hostElement.closest("xpl-dropdown")}handleClick(e){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){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}=this;return o(s,{key:"c2a8b75e28785e9adb9c7419a96da73317f9e546",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:"1ebbfe8cb270223284ccb98980fba11ecb6f45e7",class:"xpl-dropdown-list-item"},e||o("slot",{key:"4e26c99b1a73e2b6d64865df01410050732fa517",name:"option"}),l&&o("span",{key:"b039510ca92dada66455f4ea1a379877f26ffabe",class:"xpl-dropdown-list-item__subtitle"},l)))}get hostElement(){return this}},[260,"xpl-dropdown-option",{isDisabled:[516,"disabled"],label:[1],value:[1],subtitle:[1],isSelected:[4,"selected"]}]);function l(){"undefined"!=typeof customElements&&["xpl-dropdown-option"].forEach((e=>{"xpl-dropdown-option"===e&&(customElements.get(i(e))||customElements.define(i(e),n))}))}export{n as X,l 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 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 +1 @@
1
- import{X as o,d as p}from"./xpl-dropdown2.js";const r=o,s=p;export{r as XplDropdown,s as defineCustomElement}
1
+ import{D as o,d as p}from"./xpl-dropdown2.js";const r=o,s=p;export{r as XplDropdown,s as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as t,HTMLElement as o,createEvent as e,h as n,Host as s,transformTag as i}from"@stencil/core/internal/client";import{d}from"./xpl-dropdown-group2.js";import{d as l}from"./xpl-dropdown-heading2.js";import{d as r}from"./xpl-dropdown-option2.js";const p=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.isOpenChange=e(this,"isOpenChange",7),this.isOpen=!1,this.closeOnSelect=!0,this.mode="single",this.anchorToTrigger=!1,this.selectOnFocus=!1,this.requestAnimationFrameId=null,this.updateDropdownPosition=()=>{var t;if(!this.anchorToTrigger||!this.triggerId)return;const o=null===(t=document.getElementById(this.triggerId))||void 0===t?void 0:t.getBoundingClientRect();if(!o)return;const e=Math.max(this.hostElement.offsetHeight,300),n=window.innerHeight,s=n-o.bottom;s<e&&o.top>s?(this.hostElement.style.cssText=`\n left: ${o.left}px;\n width: ${o.width}px;\n bottom: ${n-o.top}px;\n top: auto;\n `,this.hostElement.classList.add("xpl-dropdown--above"),this.hostElement.classList.remove("xpl-dropdown--below")):(this.hostElement.style.cssText=`\n left: ${o.left}px;\n width: ${o.width}px;\n top: ${o.bottom}px;\n bottom: auto;\n `,this.hostElement.classList.add("xpl-dropdown--below"),this.hostElement.classList.remove("xpl-dropdown--above"))},this.handleClickOutside=({target:t})=>{const{triggerId:o}=this,e=o?document.getElementById(o):null,n=null==e?void 0:e.contains(t);this.hostElement.contains(t)||n||!this.isOpen||(this.isOpen=!1)},this.handleKeyDown=t=>{"Escape"===t.key&&this.isOpen&&(this.isOpen=!1)}}onSelectedValuesChanged(t,o=!1){if(this.options&&this.options.length>0){this.options.reduce(((t,o)=>[...t,...o.groupName?o.options:[o]]),[]).forEach((o=>{const e=o.value||o.label;if("single"===this.mode)o.isSelected=e===t;else{const n=Array.isArray(t)?t:[];o.isSelected=n.includes(e)}}));const e=t=>(t.options=t.groupName?t.options.map(e):void 0,t);this.options=this.options.map(e),this.update&&!o&&this.update(null,{component:this})}}onIsOpenStateChange(t){this.isOpenChange.emit(t)}onWindowScroll(){this.requestAnimationFrameId&&cancelAnimationFrame(this.requestAnimationFrameId),this.requestAnimationFrameId=requestAnimationFrame((()=>{this.updateDropdownPosition()}))}async handleSelect(t,{component:o}){const{hostElement:e,mode:n,options:s,update:i}=this,d="single"===n,l="multi"===n;if(s){s.reduce(((t,o)=>[...t,...o.groupName?o.options:[o]]),[]).forEach((t=>{const e=(t.value||t.label)===(o.hostElement.value||o.hostElement.label);d?(t.isSelected=e,o.hostElement.isSelected=!0):l&&e&&(t.isSelected=!t.isSelected,o.hostElement.isSelected=t.isSelected)}));const t=o=>(o.options=o.groupName?o.options.map(t):void 0,o);this.options=s.map(t)}else d?Array.from(e.querySelectorAll("xpl-dropdown-option")).forEach((t=>{t.isSelected=t===o.hostElement})):l&&(o.isSelected=!o.isSelected);i&&i(t,{component:this})}componentWillLoad(){this.handleSelect=this.handleSelect.bind(this),this.selectedValues&&this.onSelectedValuesChanged(this.selectedValues,!0)}connectedCallback(){document.addEventListener("mousedown",this.handleClickOutside.bind(this)),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){document.removeEventListener("mousedown",this.handleClickOutside),document.removeEventListener("keydown",this.handleKeyDown)}componentDidLoad(){this.updateDropdownPosition()}render(){const{isOpen:t}=this,{mode:o,options:e}=this,i=e&&e.length&&e.map((t=>{var{groupName:o,options:e,subtitle:s}=t,i=function(t,o){var e={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&o.indexOf(n)<0&&(e[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(n=Object.getOwnPropertySymbols(t);s<n.length;s++)o.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s])&&(e[n[s]]=t[n[s]])}return e}(t,["groupName","options","subtitle"]);return o?n("xpl-dropdown-group",Object.assign({groupName:o,options:e},i)):n("xpl-dropdown-option",Object.assign({subtitle:s},i))}));return n(s,{key:"d576d4fbedb6a4a4a3da81b06ef881e1b1c6afe2","aria-expanded":t,class:{"xpl-dropdown":!0,"xpl-dropdown--multi":"multi"===o,"xpl-dropdown--open":t,"xpl-dropdown--anchor-to-trigger":this.anchorToTrigger},role:"listbox"},n("ul",{key:"78bc70d74413a238f0a5366fd607361e5157eafe",class:"xpl-dropdown-list"},i||n("slot",{key:"9128e7407413335b0699434e68e2aefafd222fc2",name:"options"})))}get hostElement(){return this}static get watchers(){return{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]},[[11,"scroll","onWindowScroll"],[7,"scroll","onWindowScroll"],[9,"resize","onWindowScroll"]],{selectedValues:[{onSelectedValuesChanged:0}],isOpen:[{onIsOpenStateChange:0}]}]);function c(){"undefined"!=typeof customElements&&["xpl-dropdown","xpl-dropdown-group","xpl-dropdown-heading","xpl-dropdown-option"].forEach((t=>{switch(t){case"xpl-dropdown":customElements.get(i(t))||customElements.define(i(t),p);break;case"xpl-dropdown-group":customElements.get(i(t))||d();break;case"xpl-dropdown-heading":customElements.get(i(t))||l();break;case"xpl-dropdown-option":customElements.get(i(t))||r()}}))}export{p as X,c as d}
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 +1 @@
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:"c48652542dadaa98dbfe8c1ca51c5be67c279091",role:"gridcell","aria-colindex":e,class:"xpl-dynamic-table-cell",ref:e=>{this.hostElement=e}},l("slot",{key:"3b6b21c64807f8e7dca3b18def3bb373a3778506"}))}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
+ 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}