@xplortech/apollo-core 2.5.0 → 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 (373) hide show
  1. package/.typings/apollo-components.html-data.json +393 -26
  2. package/build/style.css +4224 -1016
  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-0e1877a2.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-5549756c.entry.js +1 -0
  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-f4c2626d.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_41.cjs.entry.js → xpl-avatar_47.cjs.entry.js} +2802 -272
  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 +9 -2
  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 +3 -3
  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/xpl-dropdown-group/xpl-dropdown-group.js +2 -2
  75. package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +2 -2
  76. package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +29 -4
  77. package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +120 -79
  78. package/dist/collection/components/xpl-dynamic-table/xpl-dynamic-table.js +2 -2
  79. package/dist/collection/components/xpl-dynamic-table-cell/xpl-dynamic-table-cell.js +3 -3
  80. package/dist/collection/components/xpl-dynamic-table-row/xpl-dynamic-table-row.js +3 -3
  81. package/dist/collection/components/xpl-grid/xpl-grid.js +2 -2
  82. package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +2 -2
  83. package/dist/collection/components/xpl-header-accordion/xpl-header-accordion.js +2 -2
  84. package/dist/collection/components/xpl-icon/xpl-icon.js +3 -3
  85. package/dist/collection/components/xpl-input/input.stories.js +75 -9
  86. package/dist/collection/components/xpl-input/xpl-input-color/xpl-input-color.js +9 -9
  87. package/dist/collection/components/xpl-input/xpl-input-date/xpl-input-date.js +55 -17
  88. package/dist/collection/components/xpl-input/xpl-input-file/xpl-input-file.js +5 -5
  89. package/dist/collection/components/xpl-input/xpl-input-phone/phone-country-data.js +58 -0
  90. package/dist/collection/components/xpl-input/xpl-input-phone/phone-format.js +219 -0
  91. package/dist/collection/components/xpl-input/xpl-input-phone/xpl-input-phone.js +469 -0
  92. package/dist/collection/components/xpl-input/xpl-input-time/xpl-input-time.js +3 -3
  93. package/dist/collection/components/xpl-input/xpl-input.js +101 -7
  94. package/dist/collection/components/xpl-large-card/large-card.stories.js +4 -0
  95. package/dist/collection/components/xpl-large-card/xpl-large-card.js +2 -2
  96. package/dist/collection/components/xpl-list/xpl-list.js +2 -2
  97. package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +2 -2
  98. package/dist/collection/components/xpl-modal/modal.stories.js +4 -0
  99. package/dist/collection/components/xpl-modal/xpl-modal.js +2 -2
  100. package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +3 -3
  101. package/dist/collection/components/xpl-pagination/pagination.stories.js +4 -0
  102. package/dist/collection/components/xpl-pagination/xpl-pagination.js +4 -4
  103. package/dist/collection/components/xpl-panel/panel.stories.js +51 -0
  104. package/dist/collection/components/xpl-panel/xpl-panel.js +60 -0
  105. package/dist/collection/components/xpl-popover/popover.stories.js +4 -0
  106. package/dist/collection/components/xpl-popover/xpl-popover.js +5 -5
  107. package/dist/collection/components/xpl-progress/xpl-progress.js +2 -2
  108. package/dist/collection/components/xpl-progress-bar/progress-bar.stories.js +96 -0
  109. package/dist/collection/components/xpl-progress-bar/xpl-progress-bar.js +158 -0
  110. package/dist/collection/components/xpl-radio/xpl-radio.js +4 -4
  111. package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +2 -2
  112. package/dist/collection/components/xpl-select/xpl-select.js +7 -7
  113. package/dist/collection/components/xpl-side-nav/side-nav.stories.js +519 -0
  114. package/dist/collection/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.js +259 -0
  115. package/dist/collection/components/xpl-side-nav/xpl-side-nav.js +32 -0
  116. package/dist/collection/components/xpl-skeleton/xpl-skeleton.js +2 -2
  117. package/dist/collection/components/xpl-slideout/xpl-slideout.js +2 -2
  118. package/dist/collection/components/xpl-tab/xpl-tab.js +3 -3
  119. package/dist/collection/components/xpl-tab-panel/xpl-tab-panel.js +3 -3
  120. package/dist/collection/components/xpl-table/xpl-table.js +6 -6
  121. package/dist/collection/components/xpl-table-header/xpl-table-header.js +2 -2
  122. package/dist/collection/components/xpl-table-header-cell/xpl-table-header-cell.js +1 -1
  123. package/dist/collection/components/xpl-tabs/xpl-tabs.js +6 -6
  124. package/dist/collection/components/xpl-tag/xpl-tag.js +3 -3
  125. package/dist/collection/components/xpl-toast/xpl-toast.js +3 -3
  126. package/dist/collection/components/xpl-toggle/xpl-toggle.js +4 -4
  127. package/dist/collection/components/xpl-toolbar/xpl-toolbar.js +3 -3
  128. package/dist/collection/components/xpl-tooltip/xpl-tooltip.js +2 -2
  129. package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +2 -2
  130. package/dist/collection/utils/layout-ancestors.js +22 -0
  131. package/dist/components/index.js +1 -1
  132. package/dist/components/xpl-accordion.js +1 -1
  133. package/dist/components/xpl-application-shell.js +1 -1
  134. package/dist/components/xpl-avatar.js +1 -1
  135. package/dist/components/xpl-avatar2.js +1 -1
  136. package/dist/components/xpl-backdrop.js +1 -1
  137. package/dist/components/xpl-backdrop2.js +1 -1
  138. package/dist/components/xpl-badge.js +1 -1
  139. package/dist/components/xpl-badge2.js +1 -1
  140. package/dist/components/xpl-banner.d.ts +11 -0
  141. package/dist/components/xpl-banner.js +1 -0
  142. package/dist/components/xpl-breadcrumb-item.js +1 -1
  143. package/dist/components/xpl-breadcrumbs.js +1 -1
  144. package/dist/components/xpl-button-row.js +1 -1
  145. package/dist/components/xpl-button.js +1 -1
  146. package/dist/components/xpl-button2.js +1 -1
  147. package/dist/components/xpl-calendar.js +1 -1
  148. package/dist/components/xpl-checkbox.js +1 -1
  149. package/dist/components/xpl-checkbox2.js +1 -1
  150. package/dist/components/xpl-choicelist.js +1 -1
  151. package/dist/components/xpl-content-area.js +1 -1
  152. package/dist/components/xpl-dashboard.js +1 -1
  153. package/dist/components/xpl-data-card.js +1 -1
  154. package/dist/components/xpl-divider.js +1 -1
  155. package/dist/components/xpl-divider2.js +1 -1
  156. package/dist/components/xpl-dropdown-group.js +1 -1
  157. package/dist/components/xpl-dropdown-group2.js +1 -1
  158. package/dist/components/xpl-dropdown-heading.js +1 -1
  159. package/dist/components/xpl-dropdown-heading2.js +1 -1
  160. package/dist/components/xpl-dropdown-option.js +1 -1
  161. package/dist/components/xpl-dropdown-option2.js +1 -1
  162. package/dist/components/xpl-dropdown.js +1 -1
  163. package/dist/components/xpl-dropdown2.js +1 -1
  164. package/dist/components/xpl-dynamic-table-cell.js +1 -1
  165. package/dist/components/xpl-dynamic-table-row.js +1 -1
  166. package/dist/components/xpl-dynamic-table.js +1 -1
  167. package/dist/components/xpl-grid-item.js +1 -1
  168. package/dist/components/xpl-grid.js +1 -1
  169. package/dist/components/xpl-header-accordion.js +1 -1
  170. package/dist/components/xpl-icon.js +1 -1
  171. package/dist/components/xpl-icon2.js +1 -1
  172. package/dist/components/xpl-input-date.js +1 -1
  173. package/dist/components/xpl-input-date2.js +1 -1
  174. package/dist/components/xpl-input-file.js +1 -1
  175. package/dist/components/xpl-input-file2.js +1 -1
  176. package/dist/components/xpl-input-phone.d.ts +11 -0
  177. package/dist/components/xpl-input-phone.js +1 -0
  178. package/dist/components/xpl-input-time.js +1 -1
  179. package/dist/components/xpl-input.js +1 -1
  180. package/dist/components/xpl-input2.js +1 -1
  181. package/dist/components/xpl-large-card.js +1 -1
  182. package/dist/components/xpl-list.js +1 -1
  183. package/dist/components/xpl-main-nav.js +1 -1
  184. package/dist/components/xpl-modal.js +1 -1
  185. package/dist/components/xpl-nav-item.js +1 -1
  186. package/dist/components/xpl-pagination.js +1 -1
  187. package/dist/components/xpl-panel.d.ts +11 -0
  188. package/dist/components/xpl-panel.js +1 -0
  189. package/dist/components/xpl-popover.js +1 -1
  190. package/dist/components/xpl-popover2.js +1 -1
  191. package/dist/components/xpl-progress-bar.d.ts +11 -0
  192. package/dist/components/xpl-progress-bar.js +1 -0
  193. package/dist/components/xpl-progress.js +1 -1
  194. package/dist/components/xpl-radio.js +1 -1
  195. package/dist/components/xpl-radio2.js +1 -1
  196. package/dist/components/xpl-secondary-nav.js +1 -1
  197. package/dist/components/xpl-select.js +1 -1
  198. package/dist/components/xpl-select2.js +1 -1
  199. package/dist/components/xpl-side-nav-item.d.ts +11 -0
  200. package/dist/components/xpl-side-nav-item.js +1 -0
  201. package/dist/components/xpl-side-nav.d.ts +11 -0
  202. package/dist/components/xpl-side-nav.js +1 -0
  203. package/dist/components/xpl-skeleton.js +1 -1
  204. package/dist/components/xpl-slideout.js +1 -1
  205. package/dist/components/xpl-tab-panel.js +1 -1
  206. package/dist/components/xpl-tab.js +1 -1
  207. package/dist/components/xpl-table-header.js +1 -1
  208. package/dist/components/xpl-table.js +1 -1
  209. package/dist/components/xpl-tabs.js +1 -1
  210. package/dist/components/xpl-tag.js +1 -1
  211. package/dist/components/xpl-tag2.js +1 -1
  212. package/dist/components/xpl-toast.js +1 -1
  213. package/dist/components/xpl-toggle.js +1 -1
  214. package/dist/components/xpl-toolbar.js +1 -1
  215. package/dist/components/xpl-tooltip.js +1 -1
  216. package/dist/components/xpl-tooltip2.js +1 -1
  217. package/dist/components/xpl-utility-bar.js +1 -1
  218. package/dist/docs/xpl-accordion/readme.md +4 -0
  219. package/dist/docs/xpl-avatar/readme.md +5 -0
  220. package/dist/docs/xpl-backdrop/readme.md +1 -1
  221. package/dist/docs/xpl-badge/readme.md +97 -4
  222. package/dist/docs/xpl-banner/readme.md +166 -0
  223. package/dist/docs/xpl-button/readme.md +151 -14
  224. package/dist/docs/xpl-button-row/readme.md +1 -0
  225. package/dist/docs/xpl-calendar/readme.md +2 -1
  226. package/dist/docs/xpl-checkbox/readme.md +2 -0
  227. package/dist/docs/xpl-choicelist/readme.md +1 -0
  228. package/dist/docs/xpl-data-card/readme.md +2 -2
  229. package/dist/docs/xpl-divider/readme.md +1 -1
  230. package/dist/docs/xpl-dropdown/readme.md +14 -11
  231. package/dist/docs/xpl-dropdown/xpl-dropdown-group/readme.md +1 -0
  232. package/dist/docs/xpl-dropdown/xpl-dropdown-option/readme.md +6 -0
  233. package/dist/docs/xpl-icon/readme.md +12 -0
  234. package/dist/docs/xpl-input/readme.md +41 -31
  235. package/dist/docs/xpl-input/xpl-input-color/readme.md +4 -0
  236. package/dist/docs/xpl-input/xpl-input-phone/readme.md +167 -0
  237. package/dist/docs/xpl-input/xpl-input-time/readme.md +4 -0
  238. package/dist/docs/xpl-large-card/readme.md +1 -1
  239. package/dist/docs/xpl-modal/readme.md +3 -0
  240. package/dist/docs/xpl-pagination/readme.md +3 -0
  241. package/dist/docs/xpl-panel/readme.md +83 -0
  242. package/dist/docs/xpl-popover/readme.md +1 -1
  243. package/dist/docs/xpl-progress-bar/readme.md +145 -0
  244. package/dist/docs/xpl-select/readme.md +1 -0
  245. package/dist/docs/xpl-side-nav/readme.md +71 -0
  246. package/dist/docs/xpl-side-nav/xpl-side-nav-item/readme.md +115 -0
  247. package/dist/docs/xpl-slideout/readme.md +1 -0
  248. package/dist/docs/xpl-tabs/readme.md +1 -0
  249. package/dist/docs/xpl-toast/readme.md +55 -0
  250. package/dist/esm/apollo-core.js +4 -4
  251. package/dist/esm/{index-DhZas3eX.js → index-C_Z2nG0p.js} +137 -87
  252. package/dist/esm/loader.js +3 -3
  253. package/dist/esm/xpl-accordion.entry.js +5 -5
  254. package/dist/esm/xpl-application-shell.entry.js +4 -4
  255. package/dist/esm/{xpl-avatar_41.entry.js → xpl-avatar_47.entry.js} +2753 -229
  256. package/dist/esm/xpl-button-row.entry.js +4 -4
  257. package/dist/esm/xpl-calendar.entry.js +4 -4
  258. package/dist/esm/xpl-dynamic-table-cell.entry.js +5 -5
  259. package/dist/esm/xpl-dynamic-table-row.entry.js +5 -5
  260. package/dist/esm/xpl-dynamic-table.entry.js +4 -4
  261. package/dist/esm/xpl-grid-item.entry.js +4 -4
  262. package/dist/esm/xpl-grid.entry.js +4 -4
  263. package/dist/esm/xpl-large-card.entry.js +4 -4
  264. package/dist/esm/xpl-list.entry.js +4 -4
  265. package/dist/esm/xpl-main-nav.entry.js +4 -4
  266. package/dist/esm/xpl-table-header-cell.entry.js +3 -3
  267. package/dist/esm/xpl-table-header.entry.js +4 -4
  268. package/dist/esm/xpl-toggle.entry.js +6 -6
  269. package/dist/esm/xpl-toolbar.entry.js +5 -5
  270. package/dist/types/components/xpl-accordion/xpl-accordion.d.ts +1 -1
  271. package/dist/types/components/xpl-application-shell/application-shell.stories.d.ts +4 -0
  272. package/dist/types/components/xpl-application-shell/xpl-application-shell.d.ts +1 -1
  273. package/dist/types/components/xpl-avatar/avatar.stories.d.ts +4 -0
  274. package/dist/types/components/xpl-avatar/xpl-avatar.d.ts +1 -1
  275. package/dist/types/components/xpl-backdrop/backdrop.stories.d.ts +4 -0
  276. package/dist/types/components/xpl-backdrop/xpl-backdrop.d.ts +1 -1
  277. package/dist/types/components/xpl-badge/badge.stories.d.ts +66 -11
  278. package/dist/types/components/xpl-badge/xpl-badge.d.ts +9 -2
  279. package/dist/types/components/xpl-banner/banner.stories.d.ts +77 -0
  280. package/dist/types/components/xpl-banner/xpl-banner.d.ts +20 -0
  281. package/dist/types/components/xpl-breadcrumbs/breadcrumbs.stories.d.ts +4 -0
  282. package/dist/types/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.d.ts +1 -1
  283. package/dist/types/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.d.ts +1 -1
  284. package/dist/types/components/xpl-button/button.stories.d.ts +68 -30
  285. package/dist/types/components/xpl-button/xpl-button.d.ts +14 -8
  286. package/dist/types/components/xpl-button-row/xpl-button-row.d.ts +1 -1
  287. package/dist/types/components/xpl-calendar/calendar.stories.d.ts +4 -0
  288. package/dist/types/components/xpl-calendar/xpl-calendar.d.ts +1 -1
  289. package/dist/types/components/xpl-checkbox/checkbox.stories.d.ts +4 -0
  290. package/dist/types/components/xpl-checkbox/xpl-checkbox.d.ts +1 -1
  291. package/dist/types/components/xpl-choicelist/choicelist.stories.d.ts +4 -0
  292. package/dist/types/components/xpl-choicelist/xpl-choicelist.d.ts +1 -1
  293. package/dist/types/components/xpl-content-area/xpl-content-area.d.ts +1 -1
  294. package/dist/types/components/xpl-dashboard/xpl-dashboard.d.ts +1 -1
  295. package/dist/types/components/xpl-data-card/data-card.stories.d.ts +4 -0
  296. package/dist/types/components/xpl-data-card/xpl-data-card.d.ts +1 -1
  297. package/dist/types/components/xpl-divider/divider.stories.d.ts +4 -0
  298. package/dist/types/components/xpl-divider/xpl-divider.d.ts +1 -1
  299. package/dist/types/components/xpl-dropdown/dropdown-option.d.ts +1 -0
  300. package/dist/types/components/xpl-dropdown/dropdown.stories.d.ts +1 -1
  301. package/dist/types/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.d.ts +1 -1
  302. package/dist/types/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.d.ts +1 -1
  303. package/dist/types/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.d.ts +3 -2
  304. package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts +11 -8
  305. package/dist/types/components/xpl-dynamic-table/xpl-dynamic-table.d.ts +1 -1
  306. package/dist/types/components/xpl-dynamic-table-cell/xpl-dynamic-table-cell.d.ts +1 -1
  307. package/dist/types/components/xpl-dynamic-table-row/xpl-dynamic-table-row.d.ts +1 -1
  308. package/dist/types/components/xpl-grid/xpl-grid.d.ts +1 -1
  309. package/dist/types/components/xpl-grid-item/xpl-grid-item.d.ts +1 -1
  310. package/dist/types/components/xpl-header-accordion/xpl-header-accordion.d.ts +1 -1
  311. package/dist/types/components/xpl-icon/xpl-icon.d.ts +1 -1
  312. package/dist/types/components/xpl-input/input.stories.d.ts +36 -7
  313. package/dist/types/components/xpl-input/xpl-input-color/xpl-input-color.d.ts +1 -1
  314. package/dist/types/components/xpl-input/xpl-input-date/xpl-input-date.d.ts +10 -3
  315. package/dist/types/components/xpl-input/xpl-input-file/xpl-input-file.d.ts +1 -1
  316. package/dist/types/components/xpl-input/xpl-input-phone/phone-country-data.d.ts +13 -0
  317. package/dist/types/components/xpl-input/xpl-input-phone/phone-format.d.ts +5 -0
  318. package/dist/types/components/xpl-input/xpl-input-phone/xpl-input-phone.d.ts +48 -0
  319. package/dist/types/components/xpl-input/xpl-input-time/xpl-input-time.d.ts +1 -1
  320. package/dist/types/components/xpl-input/xpl-input.d.ts +12 -2
  321. package/dist/types/components/xpl-large-card/large-card.stories.d.ts +4 -0
  322. package/dist/types/components/xpl-large-card/xpl-large-card.d.ts +1 -1
  323. package/dist/types/components/xpl-list/xpl-list.d.ts +1 -1
  324. package/dist/types/components/xpl-main-nav/xpl-main-nav.d.ts +1 -1
  325. package/dist/types/components/xpl-modal/modal.stories.d.ts +4 -0
  326. package/dist/types/components/xpl-modal/xpl-modal.d.ts +1 -1
  327. package/dist/types/components/xpl-nav-item/xpl-nav-item.d.ts +1 -1
  328. package/dist/types/components/xpl-pagination/pagination.stories.d.ts +4 -0
  329. package/dist/types/components/xpl-pagination/xpl-pagination.d.ts +1 -1
  330. package/dist/types/components/xpl-panel/panel.stories.d.ts +20 -0
  331. package/dist/types/components/xpl-panel/xpl-panel.d.ts +5 -0
  332. package/dist/types/components/xpl-popover/xpl-popover.d.ts +1 -1
  333. package/dist/types/components/xpl-progress/xpl-progress.d.ts +1 -1
  334. package/dist/types/components/xpl-progress-bar/progress-bar.stories.d.ts +73 -0
  335. package/dist/types/components/xpl-progress-bar/xpl-progress-bar.d.ts +15 -0
  336. package/dist/types/components/xpl-radio/xpl-radio.d.ts +1 -1
  337. package/dist/types/components/xpl-secondary-nav/xpl-secondary-nav.d.ts +1 -1
  338. package/dist/types/components/xpl-select/xpl-select.d.ts +1 -1
  339. package/dist/types/components/xpl-side-nav/side-nav.stories.d.ts +80 -0
  340. package/dist/types/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.d.ts +20 -0
  341. package/dist/types/components/xpl-side-nav/xpl-side-nav.d.ts +4 -0
  342. package/dist/types/components/xpl-skeleton/xpl-skeleton.d.ts +1 -1
  343. package/dist/types/components/xpl-slideout/xpl-slideout.d.ts +1 -1
  344. package/dist/types/components/xpl-tab/xpl-tab.d.ts +1 -1
  345. package/dist/types/components/xpl-tab-panel/xpl-tab-panel.d.ts +1 -1
  346. package/dist/types/components/xpl-table/xpl-table.d.ts +1 -1
  347. package/dist/types/components/xpl-table-header/xpl-table-header.d.ts +1 -1
  348. package/dist/types/components/xpl-table-header-cell/xpl-table-header-cell.d.ts +1 -1
  349. package/dist/types/components/xpl-tabs/xpl-tabs.d.ts +2 -2
  350. package/dist/types/components/xpl-tag/xpl-tag.d.ts +1 -1
  351. package/dist/types/components/xpl-toast/xpl-toast.d.ts +1 -1
  352. package/dist/types/components/xpl-toggle/xpl-toggle.d.ts +1 -1
  353. package/dist/types/components/xpl-toolbar/xpl-toolbar.d.ts +1 -1
  354. package/dist/types/components/xpl-tooltip/xpl-tooltip.d.ts +1 -1
  355. package/dist/types/components/xpl-utility-bar/xpl-utility-bar.d.ts +1 -1
  356. package/dist/types/components.d.ts +1219 -178
  357. package/dist/types/stencil-public-runtime.d.ts +23 -2
  358. package/dist/types/utils/layout-ancestors.d.ts +2 -0
  359. package/package.json +41 -27
  360. package/dist/apollo-core/p-1c2e4034.entry.js +0 -1
  361. package/dist/apollo-core/p-3b5f8989.entry.js +0 -1
  362. package/dist/apollo-core/p-576ce90f.entry.js +0 -1
  363. package/dist/apollo-core/p-5ec45742.entry.js +0 -1
  364. package/dist/apollo-core/p-77f0fd4a.entry.js +0 -1
  365. package/dist/apollo-core/p-7b7db57a.entry.js +0 -1
  366. package/dist/apollo-core/p-7c22b842.entry.js +0 -1
  367. package/dist/apollo-core/p-7d245bf0.entry.js +0 -1
  368. package/dist/apollo-core/p-812bb0e4.entry.js +0 -1
  369. package/dist/apollo-core/p-845eef0d.entry.js +0 -1
  370. package/dist/apollo-core/p-9853028c.entry.js +0 -1
  371. package/dist/apollo-core/p-9d65ece7.entry.js +0 -1
  372. package/dist/apollo-core/p-DhZas3eX.js +0 -2
  373. package/dist/apollo-core/p-be292555.entry.js +0 -1
@@ -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 c,transformTag as d}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}"]`),d="positive"===this.smallStatVariant?"arrow-up-right":"negative"===this.smallStatVariant?"arrow-down-right":"dash";return s(c,{key:"d8e5d213c87a8d5270f34d6bd60a698e04dd852f",role:"group",class:"xpl-data-card "+(this.link?"xpl-data-card__link":""),tabindex:"0"},s("dt",{key:"3cd7a7ef77c90e6caefdfa0a7eccc132c07871a2",class:"xpl-data-card__header xpl-data-card__header--"+("secondary"===this.variant?"secondary":"primary")},s("header",{key:"7f85f31d60d7022ec75c3d3b164391e11059662b"},!!this.leadingIcon&&this.icon&&s("span",{key:"192e6c0dc871185a7f2845a14c38b1dc6ad04702",class:"xpl-data-card__icon--"+this.variant},s("xpl-icon",{key:"9d289a6db0fed0787a2c5cd5de6c57e92203a3fd",icon:this.icon,"background-color":"secondary"===this.variant?"purple":"orange",size:20})),s("slot",{key:"f1b56a29e648ba29e7f4b0c0493c8e27d410d843",name:"title"},this.name)),this.link&&s("span",{key:"92b7cab6af5ca4f0664902ea359b3dfb7568e5b6",class:"xpl-data-card__header-arrow"},s("xpl-icon",{key:"1326fdb0659191f1c2ff7fbb137eed5c4d5c4155",icon:"chevron-right",size:16}))),s("dd",{key:"fce45e8e2d908a7d23e95a76cc0bc2334cd729b1",class:"xpl-data-card__body"},s("div",{key:"1341065e9f0cbd91b82d239a87aa9818f237334b",class:"xpl-data-card__left"},s("span",{key:"0dff4e467f439d991f3da594507e0e4310bdecee",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:"cb5fd1c7897ac6bce5de93082f1ca333e826d53d",class:"xpl-data-card__detail"},this.detail)),a&&s("div",{key:"83f568edc52ec6a2e0a5b63544e2849dde91318e",class:"xpl-data-card__right"},s("slot",{key:"a27fd65217f4817051ba955890582bafb6050f97",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))||e();break;case"xpl-tooltip":customElements.get(d(t))||i()}}))};export{o as XplDataCard,r as defineCustomElement}
1
+ import{proxyCustomElement as t,HTMLElement as a,h as s,Host as e,transformTag as d}from"@stencil/core/internal/client";import{d as c}from"./xpl-icon2.js";import{d as i}from"./xpl-tooltip2.js";const l=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.leadingIcon=!0,this.tooltipTextSmallStat="",this.tooltipTextStat=""}watchStat(t){this.stat=t}watchShortStat(t){this.shortStat=t}componentDidLoad(){if(this.link){const t=this.el.getElementsByTagName("a")[0]||this.el.getElementsByTagName("button")[0],a=document.createTextNode(this.name),s=document.createElement("span");s.appendChild(a),t.setAttribute("class","xpl-data-card__anchor"),t.appendChild(s)}}render(){const t="graph-content",a=this.el.querySelector(`[slot="${t}"]`),d="positive"===this.smallStatVariant?"arrow-up-right":"negative"===this.smallStatVariant?"arrow-down-right":"dash";return s(e,{key:"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 t,h as c,Host as d,transformTag as s}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}`,c(d,{key:"8f8b9899bfc602454687020e4547ba98e6c87cf4",class:e},c("span",{key:"d64ecfd54eb6ca33a05e271c52a7df5960f9c0df"},c("slot",{key:"5e62ba9c682428dab560f67603343d9332bc02a5"})))}},[260,"xpl-divider",{tier:[2]}]);function r(){"undefined"!=typeof customElements&&["xpl-divider"].forEach((e=>{"xpl-divider"===e&&(customElements.get(s(e))||customElements.define(s(e),i))}))}export{i 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 d,Host as r,transformTag as p}from"@stencil/core/internal/client";import{d as n}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,p=e&&e.length&&e.map((o=>{var{groupName:e}=o,r=function(o,e){var d={};for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&e.indexOf(r)<0&&(d[r]=o[r]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var p=0;for(r=Object.getOwnPropertySymbols(o);p<r.length;p++)e.indexOf(r[p])<0&&Object.prototype.propertyIsEnumerable.call(o,r[p])&&(d[r[p]]=o[r[p]])}return d}(o,["groupName"]);return e?d("xpl-dropdown-group",Object.assign({label:e},r)):d("xpl-dropdown-option",Object.assign({},r))}));return d(r,{key:"e1bd6d56ea5501e48d8f7fba91af32fbc223d343",role:"group","aria-label":o},d("li",{key:"543d3350cce47b4e96f78c6a411877110a27c842",class:"xpl-dropdown-list-item"},d("xpl-dropdown-heading",{key:"85b5c8675bb3b2eecdb0dc3ffbf09dc9bd824ceb",label:o}),d("ul",{key:"9dfcd1a43cca4fd431b052e438743d24f872f248",class:"xpl-dropdown-list"},p||d("slot",{key:"d5d7d5d03bfde4306f1a8d861f7f2308eaac2bf6",name:"options"}))))}},[260,"xpl-dropdown-group",{groupName:[1,"label"],options:[16]}]);function c(){"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(p(o))||customElements.define(p(o),a);break;case"xpl-dropdown-group":customElements.get(p(o))||c();break;case"xpl-dropdown-heading":customElements.get(p(o))||n();break;case"xpl-dropdown-option":customElements.get(p(o))||t()}}))}export{a as X,c 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 d,h as n,Host as o,transformTag as t}from"@stencil/core/internal/client";const s=e(class extends d{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return n(o,{key:"41de08a2e945b9d6412264a44a04dd65bc125276",class:{"xpl-dropdown-heading":!0},role:"presentation"},n("span",{key:"15b526b8a4ec46059d8edd3aed61c82d6bc79d64"},this.label||n("slot",{key:"5b8c05d504e56c2852fa8439b15012c73552c190",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:"5065b45c91f2e8c385c70726b4624b62e609dc61",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:"3a9493d1f0e2f9eff727f001d08c65477372e58b",class:"xpl-dropdown-list-item"},e||o("slot",{key:"fbebc2fd7f45d9abf4a2be0b306d92b3de8cb090",name:"option"}),l&&o("span",{key:"987104f21b1843e7350bbd4d8607fcdb1a580131",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:"82f0becf57013a4f830e7c4aa56e3653b5eb43c5","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:"59c584beb1e538c2dff25039e8513de5865a80f1",class:"xpl-dropdown-list"},i||n("slot",{key:"ff121c50de1a809031ea8be1d271b65946c2fa9a",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 n,transformTag as s}from"@stencil/core/internal/client";const c=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:"639f0a42ea0189fb4c269de1b76c5491729f868c",role:"gridcell","aria-colindex":e,class:"xpl-dynamic-table-cell",ref:e=>{this.hostElement=e}},l("slot",{key:"29864a738aa7d5e9498195ce0d22bb8d78e39989"}))}get el(){return this}},[260,"xpl-dynamic-table-cell",{disabled:[4]}]),i=c,a=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table-cell"].forEach((e=>{"xpl-dynamic-table-cell"===e&&(customElements.get(s(e))||customElements.define(s(e),c))}))};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}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as t,h as s,Host as d,transformTag as i}from"@stencil/core/internal/client";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1,this.selected=!1,this.isDisabled=!1}componentWillLoad(){this.isDisabled=this.disabled}componentDidLoad(){this.updateRowCellsDisabledState()}componentDidUpdate(){this.updateRowCellsDisabledState()}updateRowCellsDisabledState(){this.hostElement.querySelectorAll("xpl-dynamic-table-cell").forEach((e=>{e.disabled=this.isDisabled}))}render(){return s(d,{key:"4969ae6223aa4f6604d20e657d390d8ec43eb9bd",role:"row",class:`xpl-dynamic-table-row\n ${this.isDisabled?"disabled":""}\n ${this.selected?"selected":""}`,ref:e=>{this.hostElement=e}},s("slot",{key:"244d34612847408ddb9e0d718b1e5916b7e24b2d"}))}},[260,"xpl-dynamic-table-row",{disabled:[4],selected:[4],isDisabled:[32]}]),n=l,o=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table-row"].forEach((e=>{"xpl-dynamic-table-row"===e&&(customElements.get(i(e))||customElements.define(i(e),l))}))};export{n as XplDynamicTableRow,o as defineCustomElement}
1
+ import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as l}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1,this.selected=!1,this.isDisabled=!1}componentWillLoad(){this.isDisabled=this.disabled}componentDidLoad(){this.updateRowCellsDisabledState()}componentDidUpdate(){this.updateRowCellsDisabledState()}updateRowCellsDisabledState(){this.hostElement.querySelectorAll("xpl-dynamic-table-cell").forEach((e=>{e.disabled=this.isDisabled}))}render(){return s(i,{key:"7ce6f2c780af4f7bd4053970bff3e620fef4913a",role:"row",class:`xpl-dynamic-table-row\n ${this.isDisabled?"disabled":""}\n ${this.selected?"selected":""}`,ref:e=>{this.hostElement=e}},s("slot",{key:"b77362a23d8d69844560e7389e5cd7f6b5568d88"}))}},[260,"xpl-dynamic-table-row",{disabled:[4],selected:[4],isDisabled:[32]}]),d=n,o=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table-row"].forEach((e=>{"xpl-dynamic-table-row"===e&&(customElements.get(l(e))||customElements.define(l(e),n))}))};export{d as XplDynamicTableRow,o as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as t,createEvent as n,h as l,transformTag as c}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selectedItemCountChange=n(this,"selectedItemCountChange",7),this.selectedItemCount=0,this.colCount=0}updateColumnCount(){const e=this.el.querySelectorAll("xpl-table-header-cell");if(e.length===this.colCount)return;const t=Array.from(e).map((e=>null!==e.getAttribute("width")?e.getAttribute("width")+"px":"1fr"));this.el.style.setProperty("--column-widths",t.join(" ")),this.colCount=e.length}listenToDeselectEvent(){this.selectedItemCount=0,this.selectedItemCountChange.emit([])}listenToChangeEvent(){const e=document.querySelectorAll('.xpl-dynamic-table xpl-checkbox:not([class^="xpl-header-accordion__parent-checkbox"]) input:not([disabled])'),t=Array.from(e).filter((e=>e.checked)).map((e=>e.getAttribute("data-id")));this.selectedItemCount=t.length,this.selectedItemCountChange.emit(t)}updateRowGap(){null!==this.el.querySelector("xpl-header-accordion")&&[".xpl-dynamic-table",'.xpl-dynamic-table > [slot="body"]'].forEach((e=>{const t=this.el.querySelector(e);null!==t&&(t.style.rowGap="0.5rem")}))}componentDidLoad(){this.updateColumnCount(),this.updateRowGap()}componentDidUpdate(){this.updateColumnCount()}render(){return l("div",{key:"f49634b51fd6fb49bcb75cc4247f683ff99d6b99",role:"grid",class:"xpl-dynamic-table","aria-colcount":this.colCount},l("slot",{key:"e5cd66e212a41ce26dfaccae634ab7ee22ba9910",name:"header"}),l("slot",{key:"07e1fbec46f08e46f728340291510992d21f71a4",name:"body"}))}get el(){return this}},[260,"xpl-dynamic-table",{selectedItemCount:[32],colCount:[32]},[[8,"deselectAll","listenToDeselectEvent"],[8,"checkboxChange","listenToChangeEvent"]]]),i=s,o=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table"].forEach((e=>{"xpl-dynamic-table"===e&&(customElements.get(c(e))||customElements.define(c(e),s))}))};export{i as XplDynamicTable,o as defineCustomElement}
1
+ import{proxyCustomElement as e,HTMLElement as t,createEvent as n,h as l,transformTag as s}from"@stencil/core/internal/client";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selectedItemCountChange=n(this,"selectedItemCountChange",7),this.selectedItemCount=0,this.colCount=0}updateColumnCount(){const e=this.el.querySelectorAll("xpl-table-header-cell");if(e.length===this.colCount)return;const t=Array.from(e).map((e=>null!==e.getAttribute("width")?e.getAttribute("width")+"px":"1fr"));this.el.style.setProperty("--column-widths",t.join(" ")),this.colCount=e.length}listenToDeselectEvent(){this.selectedItemCount=0,this.selectedItemCountChange.emit([])}listenToChangeEvent(){const e=document.querySelectorAll('.xpl-dynamic-table xpl-checkbox:not([class^="xpl-header-accordion__parent-checkbox"]) input:not([disabled])'),t=Array.from(e).filter((e=>e.checked)).map((e=>e.getAttribute("data-id")));this.selectedItemCount=t.length,this.selectedItemCountChange.emit(t)}updateRowGap(){null!==this.el.querySelector("xpl-header-accordion")&&[".xpl-dynamic-table",'.xpl-dynamic-table > [slot="body"]'].forEach((e=>{const t=this.el.querySelector(e);null!==t&&(t.style.rowGap="0.5rem")}))}componentDidLoad(){this.updateColumnCount(),this.updateRowGap()}componentDidUpdate(){this.updateColumnCount()}render(){return l("div",{key:"aa9fdd991fca8dab538176a950636b52db539f7a",role:"grid",class:"xpl-dynamic-table","aria-colcount":this.colCount},l("slot",{key:"d05d799f1a0d944398f1ae9992dbcbb56a52f184",name:"header"}),l("slot",{key:"7f212255dbf15e8358cef6097d55b973f73bd086",name:"body"}))}get el(){return this}},[260,"xpl-dynamic-table",{selectedItemCount:[32],colCount:[32]},[[8,"deselectAll","listenToDeselectEvent"],[8,"checkboxChange","listenToChangeEvent"]]]),i=a,o=function(){"undefined"!=typeof customElements&&["xpl-dynamic-table"].forEach((e=>{"xpl-dynamic-table"===e&&(customElements.get(s(e))||customElements.define(s(e),a))}))};export{i as XplDynamicTable,o as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as l}from"@stencil/core/internal/client";const m=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.xs=6,this.sm=6,this.md=6,this.lg=6}render(){let t="xpl-grid-item";return t+=" xpl-grid-item-xs-"+this.xs,t+=" xpl-grid-item-sm-"+this.sm,t+=" xpl-grid-item-md-"+this.md,t+=" xpl-grid-item-lg-"+this.lg,i(s,{key:"4a3a254b51eae0907baf74c383b0d2b60017b69b",class:t},i("slot",{key:"b23f50ff733b9f3009eda4a3569a28b0636e76f4"}))}},[260,"xpl-grid-item",{xs:[2],sm:[2],md:[2],lg:[2]}]),r=m,d=function(){"undefined"!=typeof customElements&&["xpl-grid-item"].forEach((t=>{"xpl-grid-item"===t&&(customElements.get(l(t))||customElements.define(l(t),m))}))};export{r as XplGridItem,d as defineCustomElement}
1
+ import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as d}from"@stencil/core/internal/client";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.xs=6,this.sm=6,this.md=6,this.lg=6}render(){let t="xpl-grid-item";return t+=" xpl-grid-item-xs-"+this.xs,t+=" xpl-grid-item-sm-"+this.sm,t+=" xpl-grid-item-md-"+this.md,t+=" xpl-grid-item-lg-"+this.lg,i(s,{key:"d4e9ba6dc2049aa0a88d266934a9499daf66d0a9",class:t},i("slot",{key:"fef8f150e57fcc72147111fe10088d46adc324d8"}))}},[260,"xpl-grid-item",{xs:[2],sm:[2],md:[2],lg:[2]}]),m=l,r=function(){"undefined"!=typeof customElements&&["xpl-grid-item"].forEach((t=>{"xpl-grid-item"===t&&(customElements.get(d(t))||customElements.define(d(t),l))}))};export{m as XplGridItem,r as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as t,HTMLElement as e,h as s,Host as r,transformTag as i}from"@stencil/core/internal/client";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}componentDidLoad(){const t=Array.from(this.container.querySelectorAll(".xpl-grid-item"));let e=0,s=0,r=0,i=0;t.forEach((t=>{e+=+t.getAttribute("lg")||6,s+=+t.getAttribute("md")||6,r+=+t.getAttribute("sm")||6,i+=+t.getAttribute("xs")||6,e%6==0&&t.classList.add("xpl-grid-item-lg-last"),s%6==0&&t.classList.add("xpl-grid-item-md-last"),r%6==0&&t.classList.add("xpl-grid-item-sm-last"),i%6==0&&t.classList.add("xpl-grid-item-xs-last")}))}render(){return s(r,{key:"b7adecdd36342641869726ffa094578c1272dc1e",class:"xpl-grid"})}get container(){return this}},[0,"xpl-grid"]),n=l,d=function(){"undefined"!=typeof customElements&&["xpl-grid"].forEach((t=>{"xpl-grid"===t&&(customElements.get(i(t))||customElements.define(i(t),l))}))};export{n as XplGrid,d as defineCustomElement}
1
+ import{proxyCustomElement as t,HTMLElement as e,h as s,Host as r,transformTag as i}from"@stencil/core/internal/client";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}componentDidLoad(){const t=Array.from(this.container.querySelectorAll(".xpl-grid-item"));let e=0,s=0,r=0,i=0;t.forEach((t=>{e+=+t.getAttribute("lg")||6,s+=+t.getAttribute("md")||6,r+=+t.getAttribute("sm")||6,i+=+t.getAttribute("xs")||6,e%6==0&&t.classList.add("xpl-grid-item-lg-last"),s%6==0&&t.classList.add("xpl-grid-item-md-last"),r%6==0&&t.classList.add("xpl-grid-item-sm-last"),i%6==0&&t.classList.add("xpl-grid-item-xs-last")}))}render(){return s(r,{key:"89b723cb2e01669c5edd69a3fbbbdce834f05dd3",class:"xpl-grid"})}get container(){return this}},[0,"xpl-grid"]),d=l,n=function(){"undefined"!=typeof customElements&&["xpl-grid"].forEach((t=>{"xpl-grid"===t&&(customElements.get(i(t))||customElements.define(i(t),l))}))};export{d as XplGrid,n as defineCustomElement}
@@ -1 +1 @@
1
- import{proxyCustomElement as e,HTMLElement as t,h as c,Host as i,transformTag as o}from"@stencil/core/internal/client";import{d as s}from"./xpl-checkbox2.js";import{d as n}from"./xpl-icon2.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.initialExpanded=!1,this.disabled=!1,this.selectedCount=-1,this.hasCheckbox=!0,this.expanded=this.initialExpanded,this.parentChecked=!1,this.parentIndeterminate=!1,this.toggleAccordion=()=>{this.expanded=!this.expanded},this.handleParentCheckboxChange=e=>{var t;this.parentChecked=e,this.parentIndeterminate=!1,(null===(t=this.el)||void 0===t?void 0:t.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])')).forEach((t=>{t.checked=e}))}}applyBorderRadiusToLastRow(){var e;if(this.expanded){const t=null===(e=this.el)||void 0===e?void 0:e.querySelectorAll("xpl-dynamic-table-row"),c=t[t.length-1],i=null==c?void 0:c.querySelectorAll("xpl-dynamic-table-cell");i[0].style.borderBottomLeftRadius="0.5rem",i[i.length-1].style.borderBottomRightRadius="0.5rem"}}watchSelectedCount(e,t){e>-1&&this.updateParentCheckbox(e)}updateParentCheckbox(e){var t;const c=null===(t=this.el)||void 0===t?void 0:t.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])');0===e?(this.parentChecked=!1,this.parentIndeterminate=!1):e===c.length?(this.parentChecked=!0,this.parentIndeterminate=!1):(this.parentChecked=!1,this.parentIndeterminate=!0)}handleChildCheckboxChange(){var e;if(-1===this.selectedCount){const t=null===(e=this.el)||void 0===e?void 0:e.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])'),c=Array.from(t).filter((e=>e.checked)).length;this.updateParentCheckbox(c)}}componentDidLoad(){this.updateParentCheckbox(this.selectedCount>-1?this.selectedCount:0)}componentWillRender(){this.applyBorderRadiusToLastRow()}render(){return c(i,{key:"36101a7c73fddd9944c96ed15dd6570b20ae031d",class:"xpl-header-accordion"},c("div",{key:"a58005a8bafb5d56e73c6a78dc4f88a8285ee8fa",class:"header-accordion header-accordion--"+(this.expanded?"expanded":"collapsed")},this.hasCheckbox&&c("xpl-checkbox",{key:"6e96eb7c2670ac82a0f6b088a93fd09127338328",class:"xpl-header-accordion__parent-checkbox",checked:this.parentChecked,disabled:this.disabled,indeterminate:this.parentIndeterminate,onCheckboxChange:e=>this.handleParentCheckboxChange(e.detail)}),c("button",{key:"097ecde99648e1ab397a2b65becdf525e03c21c4","aria-expanded":this.expanded,"aria-controls":this.contentId,class:"toggle-area",onClick:this.toggleAccordion,type:"button"},c("slot",{key:"002e4645b7df25d7725e6f9860c815fe3977fa62",name:"title"}),c("xpl-icon",{key:"04492dda041fabc3deeb4031cab2d2ebeae1f766",size:16,icon:"chevron-down",class:this.expanded&&"rotate"}))),c("div",{key:"310457718b09b0481040c83dc73327251be308cd",id:this.contentId,role:"region",class:this.expanded?"content--shown":"content--hidden"},c("slot",{key:"c13229b1538cae02a449bf00483174824de17f3a",name:"content"})))}get el(){return this}static get watchers(){return{selectedCount:[{watchSelectedCount:0}]}}},[260,"xpl-header-accordion",{contentId:[1,"content-id"],initialExpanded:[4,"initial-expanded"],disabled:[4],selectedCount:[2,"selected-count"],hasCheckbox:[4,"has-checkbox"],expanded:[32],parentChecked:[32],parentIndeterminate:[32]},[[0,"checkboxChange","handleChildCheckboxChange"]],{selectedCount:[{watchSelectedCount:0}]}]),d=a,h=function(){"undefined"!=typeof customElements&&["xpl-header-accordion","xpl-checkbox","xpl-icon"].forEach((e=>{switch(e){case"xpl-header-accordion":customElements.get(o(e))||customElements.define(o(e),a);break;case"xpl-checkbox":customElements.get(o(e))||s();break;case"xpl-icon":customElements.get(o(e))||n()}}))};export{d as XplHeaderAccordion,h as defineCustomElement}
1
+ import{proxyCustomElement as e,HTMLElement as t,h as c,Host as i,transformTag as o}from"@stencil/core/internal/client";import{d as s}from"./xpl-checkbox2.js";import{d as n}from"./xpl-icon2.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.initialExpanded=!1,this.disabled=!1,this.selectedCount=-1,this.hasCheckbox=!0,this.expanded=this.initialExpanded,this.parentChecked=!1,this.parentIndeterminate=!1,this.toggleAccordion=()=>{this.expanded=!this.expanded},this.handleParentCheckboxChange=e=>{var t;this.parentChecked=e,this.parentIndeterminate=!1,(null===(t=this.el)||void 0===t?void 0:t.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])')).forEach((t=>{t.checked=e}))}}applyBorderRadiusToLastRow(){var e;if(this.expanded){const t=null===(e=this.el)||void 0===e?void 0:e.querySelectorAll("xpl-dynamic-table-row"),c=t[t.length-1],i=null==c?void 0:c.querySelectorAll("xpl-dynamic-table-cell");i[0].style.borderBottomLeftRadius="0.5rem",i[i.length-1].style.borderBottomRightRadius="0.5rem"}}watchSelectedCount(e,t){e>-1&&this.updateParentCheckbox(e)}updateParentCheckbox(e){var t;const c=null===(t=this.el)||void 0===t?void 0:t.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])');0===e?(this.parentChecked=!1,this.parentIndeterminate=!1):e===c.length?(this.parentChecked=!0,this.parentIndeterminate=!1):(this.parentChecked=!1,this.parentIndeterminate=!0)}handleChildCheckboxChange(){var e;if(-1===this.selectedCount){const t=null===(e=this.el)||void 0===e?void 0:e.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])'),c=Array.from(t).filter((e=>e.checked)).length;this.updateParentCheckbox(c)}}componentDidLoad(){this.updateParentCheckbox(this.selectedCount>-1?this.selectedCount:0)}componentWillRender(){this.applyBorderRadiusToLastRow()}render(){return c(i,{key:"511ce0498294e0064e94ff14b847f75260c6c7cf",class:"xpl-header-accordion"},c("div",{key:"75550adfe2cff80c32e3fe73bfba5888a4bfc91d",class:"header-accordion header-accordion--"+(this.expanded?"expanded":"collapsed")},this.hasCheckbox&&c("xpl-checkbox",{key:"d46601b19497594f44b4633228a6f020f29c8914",class:"xpl-header-accordion__parent-checkbox",checked:this.parentChecked,disabled:this.disabled,indeterminate:this.parentIndeterminate,onCheckboxChange:e=>this.handleParentCheckboxChange(e.detail)}),c("button",{key:"b15087f6e34cd0d31e77d5c3b35640b7734ed556","aria-expanded":this.expanded,"aria-controls":this.contentId,class:"toggle-area",onClick:this.toggleAccordion,type:"button"},c("slot",{key:"8f655d108a016212852f0a7138fa82ea386ed26a",name:"title"}),c("xpl-icon",{key:"abe7fb2fe4a19db7bcd2cbed7fec903cbeeaee4d",size:16,icon:"chevron-down",class:this.expanded&&"rotate"}))),c("div",{key:"e86c0a67e94b24f4c39386e8f728de34242e7344",id:this.contentId,role:"region",class:this.expanded?"content--shown":"content--hidden"},c("slot",{key:"a86303b3cf41724f65e10db14d0f6464c68d49c2",name:"content"})))}get el(){return this}static get watchers(){return{selectedCount:[{watchSelectedCount:0}]}}},[260,"xpl-header-accordion",{contentId:[1,"content-id"],initialExpanded:[4,"initial-expanded"],disabled:[4],selectedCount:[2,"selected-count"],hasCheckbox:[4,"has-checkbox"],expanded:[32],parentChecked:[32],parentIndeterminate:[32]},[[0,"checkboxChange","handleChildCheckboxChange"]],{selectedCount:[{watchSelectedCount:0}]}]),d=a,h=function(){"undefined"!=typeof customElements&&["xpl-header-accordion","xpl-checkbox","xpl-icon"].forEach((e=>{switch(e){case"xpl-header-accordion":customElements.get(o(e))||customElements.define(o(e),a);break;case"xpl-checkbox":customElements.get(o(e))||s();break;case"xpl-icon":customElements.get(o(e))||n()}}))};export{d as XplHeaderAccordion,h as defineCustomElement}
@@ -1 +1 @@
1
- import{X as o,d as s}from"./xpl-icon2.js";const p=o,r=s;export{p as XplIcon,r as defineCustomElement}
1
+ import{I as o,d as s}from"./xpl-icon2.js";const p=o,r=s;export{p as XplIcon,r as defineCustomElement}