@xplortech/apollo-core 2.7.0 → 2.8.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 (270) hide show
  1. package/.typings/apollo-components.html-data.json +104 -183
  2. package/build/style.css +220 -951
  3. package/dist/apollo-core/apollo-core.css +5 -35
  4. package/dist/apollo-core/apollo-core.esm.js +1 -1
  5. package/dist/apollo-core/{p-6c956d4e.entry.js → p-0bf50890.entry.js} +1 -1
  6. package/dist/apollo-core/p-1947e7a8.entry.js +1 -0
  7. package/dist/apollo-core/p-27928cb0.entry.js +1 -0
  8. package/dist/apollo-core/p-34438721.entry.js +1 -0
  9. package/dist/apollo-core/p-35c2f72d.entry.js +1 -0
  10. package/dist/apollo-core/p-368c81f1.entry.js +1 -0
  11. package/dist/apollo-core/p-36ba29da.entry.js +1 -0
  12. package/dist/apollo-core/p-406b27a8.entry.js +1 -0
  13. package/dist/apollo-core/p-5d63b4ce.entry.js +1 -0
  14. package/dist/apollo-core/p-689f1dae.entry.js +1 -0
  15. package/dist/apollo-core/{p-7eb86c63.entry.js → p-6a15f1e0.entry.js} +1 -1
  16. package/dist/apollo-core/p-8d692d05.entry.js +1 -0
  17. package/dist/apollo-core/{p-28d12fd3.entry.js → p-b61d7952.entry.js} +1 -1
  18. package/dist/apollo-core/{p-084d26ed.entry.js → p-ca127ee8.entry.js} +1 -1
  19. package/dist/apollo-core/p-cd56a3d5.entry.js +1 -0
  20. package/dist/apollo-core/p-dc205893.entry.js +1 -0
  21. package/dist/cjs/apollo-core.cjs.js +1 -1
  22. package/dist/cjs/index-BQ97-AWw.js +10 -2
  23. package/dist/cjs/loader.cjs.js +1 -1
  24. package/dist/cjs/xpl-accordion.cjs.entry.js +2 -2
  25. package/dist/cjs/xpl-application-shell.cjs.entry.js +1 -1
  26. package/dist/cjs/{xpl-avatar_61.cjs.entry.js → xpl-avatar_54.cjs.entry.js} +1311 -1725
  27. package/dist/cjs/xpl-button-row.cjs.entry.js +1 -1
  28. package/dist/cjs/xpl-calendar.cjs.entry.js +1 -1
  29. package/dist/cjs/xpl-dynamic-table-cell.cjs.entry.js +2 -2
  30. package/dist/cjs/xpl-dynamic-table-row.cjs.entry.js +2 -2
  31. package/dist/cjs/xpl-dynamic-table.cjs.entry.js +1 -1
  32. package/dist/cjs/xpl-grid-item.cjs.entry.js +1 -1
  33. package/dist/cjs/xpl-grid.cjs.entry.js +1 -1
  34. package/dist/cjs/xpl-large-card.cjs.entry.js +1 -1
  35. package/dist/cjs/xpl-main-nav.cjs.entry.js +1 -1
  36. package/dist/cjs/xpl-table-header-cell.cjs.entry.js +57 -0
  37. package/dist/cjs/xpl-table-header.cjs.entry.js +14 -0
  38. package/dist/cjs/xpl-toggle.cjs.entry.js +8 -3
  39. package/dist/cjs/xpl-toolbar.cjs.entry.js +2 -2
  40. package/dist/collection/collection-manifest.json +2 -7
  41. package/dist/collection/components/xpl-accordion/xpl-accordion.js +2 -2
  42. package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +1 -1
  43. package/dist/collection/components/xpl-backdrop/xpl-backdrop.js +1 -1
  44. package/dist/collection/components/xpl-badge/xpl-badge.js +1 -1
  45. package/dist/collection/components/xpl-banner/xpl-banner.js +2 -2
  46. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js +1 -1
  47. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js +1 -1
  48. package/dist/collection/components/xpl-button/xpl-button.js +1 -1
  49. package/dist/collection/components/xpl-button-row/xpl-button-row.js +1 -1
  50. package/dist/collection/components/xpl-calendar/xpl-calendar.js +1 -1
  51. package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +29 -34
  52. package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +7 -6
  53. package/dist/collection/components/xpl-content-area/xpl-content-area.js +1 -1
  54. package/dist/collection/components/xpl-dashboard/xpl-dashboard.js +1 -1
  55. package/dist/collection/components/xpl-data-card/xpl-data-card.js +2 -2
  56. package/dist/collection/components/xpl-divider/xpl-divider.js +1 -1
  57. package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js +1 -1
  58. package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +1 -1
  59. package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +2 -2
  60. package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +77 -7
  61. package/dist/collection/components/xpl-dynamic-table/xpl-dynamic-table.js +1 -1
  62. package/dist/collection/components/xpl-dynamic-table-cell/xpl-dynamic-table-cell.js +2 -2
  63. package/dist/collection/components/xpl-dynamic-table-row/xpl-dynamic-table-row.js +2 -2
  64. package/dist/collection/components/xpl-grid/xpl-grid.js +1 -1
  65. package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +1 -1
  66. package/dist/collection/components/xpl-header-accordion/xpl-header-accordion.js +53 -46
  67. package/dist/collection/components/xpl-icon/xpl-icon.js +2 -2
  68. package/dist/collection/components/xpl-input/xpl-input-color/xpl-input-color.js +8 -8
  69. package/dist/collection/components/xpl-input/xpl-input-date/xpl-input-date.js +3 -3
  70. package/dist/collection/components/xpl-input/xpl-input-file/xpl-input-file.js +4 -4
  71. package/dist/collection/components/xpl-input/xpl-input-phone/xpl-input-phone.js +5 -5
  72. package/dist/collection/components/xpl-input/xpl-input-search/xpl-input-search.js +1 -1
  73. package/dist/collection/components/xpl-input/xpl-input-time/xpl-input-time.js +2 -2
  74. package/dist/collection/components/xpl-input/xpl-input.js +28 -24
  75. package/dist/collection/components/xpl-large-card/xpl-large-card.js +1 -1
  76. package/dist/collection/components/xpl-list/xpl-list.js +2 -2
  77. package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +1 -1
  78. package/dist/collection/components/xpl-modal/xpl-modal.js +1 -1
  79. package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +2 -2
  80. package/dist/collection/components/xpl-pagination/pagination.stories.js +18 -0
  81. package/dist/collection/components/xpl-pagination/xpl-pagination.js +7 -3
  82. package/dist/collection/components/xpl-panel/xpl-panel.js +2 -2
  83. package/dist/collection/components/xpl-popover/xpl-popover.js +4 -4
  84. package/dist/collection/components/xpl-progress-bar/xpl-progress-bar.js +2 -2
  85. package/dist/collection/components/xpl-progress-indicator/xpl-progress-indicator.js +1 -1
  86. package/dist/collection/components/xpl-radio/radio.stories.js +10 -1
  87. package/dist/collection/components/xpl-radio/xpl-radio.js +30 -5
  88. package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +1 -1
  89. package/dist/collection/components/xpl-select/xpl-select.js +58 -6
  90. package/dist/collection/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.js +2 -2
  91. package/dist/collection/components/xpl-side-nav/xpl-side-nav.js +2 -2
  92. package/dist/collection/components/xpl-skeleton/xpl-skeleton.js +1 -1
  93. package/dist/collection/components/xpl-slideout/xpl-slideout.js +1 -1
  94. package/dist/collection/components/xpl-tab-panel/xpl-tab-panel.js +2 -2
  95. package/dist/collection/components/xpl-table/table.stories.js +67 -319
  96. package/dist/collection/components/xpl-table/xpl-table.js +151 -1456
  97. package/dist/collection/components/xpl-table-header/table-header.stories.js +126 -0
  98. package/dist/collection/components/xpl-table-header/xpl-table-header.js +7 -0
  99. package/dist/collection/components/xpl-table-header-cell/table-header-cell.stories.js +75 -0
  100. package/dist/collection/components/xpl-table-header-cell/xpl-table-header-cell.js +188 -0
  101. package/dist/collection/components/xpl-tabs/xpl-tabs.js +5 -5
  102. package/dist/collection/components/xpl-tag/xpl-tag.js +2 -2
  103. package/dist/collection/components/xpl-toast/xpl-toast.js +2 -2
  104. package/dist/collection/components/xpl-toggle/xpl-toggle.js +26 -4
  105. package/dist/collection/components/xpl-toolbar/xpl-toolbar.js +2 -2
  106. package/dist/collection/components/xpl-tooltip/xpl-tooltip.js +1 -1
  107. package/dist/collection/components/xpl-top-nav/xpl-nav-header-menu/xpl-nav-header-menu.js +2 -2
  108. package/dist/collection/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.js +2 -2
  109. package/dist/collection/components/xpl-top-nav/xpl-top-nav.js +5 -5
  110. package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +1 -1
  111. package/dist/components/index.js +1 -1
  112. package/dist/components/xpl-accordion.js +1 -1
  113. package/dist/components/xpl-application-shell.js +1 -1
  114. package/dist/components/xpl-backdrop2.js +1 -1
  115. package/dist/components/xpl-badge2.js +1 -1
  116. package/dist/components/xpl-banner.js +1 -1
  117. package/dist/components/xpl-breadcrumb-item.js +1 -1
  118. package/dist/components/xpl-breadcrumbs.js +1 -1
  119. package/dist/components/xpl-button-row.js +1 -1
  120. package/dist/components/xpl-button2.js +1 -1
  121. package/dist/components/xpl-calendar.js +1 -1
  122. package/dist/components/xpl-checkbox2.js +1 -1
  123. package/dist/components/xpl-choicelist.js +1 -1
  124. package/dist/components/xpl-content-area.js +1 -1
  125. package/dist/components/xpl-dashboard.js +1 -1
  126. package/dist/components/xpl-data-card.js +1 -1
  127. package/dist/components/xpl-divider2.js +1 -1
  128. package/dist/components/xpl-dropdown-group2.js +1 -1
  129. package/dist/components/xpl-dropdown-heading2.js +1 -1
  130. package/dist/components/xpl-dropdown-option2.js +1 -1
  131. package/dist/components/xpl-dropdown2.js +1 -1
  132. package/dist/components/xpl-dynamic-table-cell.js +1 -1
  133. package/dist/components/xpl-dynamic-table-row.js +1 -1
  134. package/dist/components/xpl-dynamic-table.js +1 -1
  135. package/dist/components/xpl-grid-item.js +1 -1
  136. package/dist/components/xpl-grid.js +1 -1
  137. package/dist/components/xpl-header-accordion.js +1 -1
  138. package/dist/components/xpl-icon2.js +1 -1
  139. package/dist/components/xpl-input-date2.js +1 -1
  140. package/dist/components/xpl-input-file2.js +1 -1
  141. package/dist/components/xpl-input-search2.js +1 -1
  142. package/dist/components/xpl-input2.js +1 -1
  143. package/dist/components/xpl-large-card.js +1 -1
  144. package/dist/components/xpl-list.js +1 -1
  145. package/dist/components/xpl-main-nav.js +1 -1
  146. package/dist/components/xpl-modal.js +1 -1
  147. package/dist/components/xpl-nav-header-menu.js +1 -1
  148. package/dist/components/xpl-nav-item.js +1 -1
  149. package/dist/components/xpl-pagination.js +1 -1
  150. package/dist/components/xpl-panel.js +1 -1
  151. package/dist/components/xpl-popover2.js +1 -1
  152. package/dist/components/xpl-progress-bar.js +1 -1
  153. package/dist/components/xpl-progress-indicator.js +1 -1
  154. package/dist/components/xpl-radio2.js +1 -1
  155. package/dist/components/xpl-secondary-nav.js +1 -1
  156. package/dist/components/xpl-select2.js +1 -1
  157. package/dist/components/xpl-side-nav-item.js +1 -1
  158. package/dist/components/xpl-side-nav.js +1 -1
  159. package/dist/components/xpl-skeleton.js +1 -1
  160. package/dist/components/xpl-slideout.js +1 -1
  161. package/dist/components/xpl-tab-panel.js +1 -1
  162. package/dist/components/xpl-table-header-cell.js +1 -1
  163. package/dist/components/xpl-table-header.js +1 -1
  164. package/dist/components/xpl-table.js +1 -1
  165. package/dist/components/xpl-tabs.js +1 -1
  166. package/dist/components/xpl-tag2.js +1 -1
  167. package/dist/components/xpl-toast.js +1 -1
  168. package/dist/components/xpl-toggle.js +1 -1
  169. package/dist/components/xpl-toolbar.js +1 -1
  170. package/dist/components/xpl-tooltip2.js +1 -1
  171. package/dist/components/xpl-top-nav-item2.js +1 -1
  172. package/dist/components/xpl-top-nav.js +1 -1
  173. package/dist/components/xpl-utility-bar.js +1 -1
  174. package/dist/docs/xpl-checkbox/readme.md +10 -10
  175. package/dist/docs/xpl-dropdown/readme.md +13 -11
  176. package/dist/docs/xpl-dynamic-table/readme.md +19 -22
  177. package/dist/docs/xpl-dynamic-table-cell/readme.md +18 -20
  178. package/dist/docs/xpl-dynamic-table-row/readme.md +19 -21
  179. package/dist/docs/xpl-icon/readme.md +1 -1
  180. package/dist/docs/xpl-radio/readme.md +10 -9
  181. package/dist/docs/xpl-select/readme.md +17 -15
  182. package/dist/docs/xpl-table/readme.md +46 -110
  183. package/dist/docs/{xpl-table/xpl-table-header → xpl-table-header}/readme.md +13 -13
  184. package/dist/docs/xpl-table-header-cell/readme.md +47 -0
  185. package/dist/docs/xpl-toggle/readme.md +16 -9
  186. package/dist/esm/apollo-core.js +1 -1
  187. package/dist/esm/index-C7bgJs6C.js +10 -2
  188. package/dist/esm/loader.js +1 -1
  189. package/dist/esm/xpl-accordion.entry.js +2 -2
  190. package/dist/esm/xpl-application-shell.entry.js +1 -1
  191. package/dist/esm/{xpl-avatar_61.entry.js → xpl-avatar_54.entry.js} +1312 -1719
  192. package/dist/esm/xpl-button-row.entry.js +1 -1
  193. package/dist/esm/xpl-calendar.entry.js +1 -1
  194. package/dist/esm/xpl-dynamic-table-cell.entry.js +2 -2
  195. package/dist/esm/xpl-dynamic-table-row.entry.js +2 -2
  196. package/dist/esm/xpl-dynamic-table.entry.js +1 -1
  197. package/dist/esm/xpl-grid-item.entry.js +1 -1
  198. package/dist/esm/xpl-grid.entry.js +1 -1
  199. package/dist/esm/xpl-large-card.entry.js +1 -1
  200. package/dist/esm/xpl-main-nav.entry.js +1 -1
  201. package/dist/esm/xpl-table-header-cell.entry.js +55 -0
  202. package/dist/esm/xpl-table-header.entry.js +12 -0
  203. package/dist/esm/xpl-toggle.entry.js +9 -4
  204. package/dist/esm/xpl-toolbar.entry.js +2 -2
  205. package/dist/types/components/xpl-checkbox/xpl-checkbox.d.ts +3 -3
  206. package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts +5 -0
  207. package/dist/types/components/xpl-header-accordion/xpl-header-accordion.d.ts +10 -9
  208. package/dist/types/components/xpl-input/xpl-input.d.ts +3 -2
  209. package/dist/types/components/xpl-pagination/pagination.stories.d.ts +13 -0
  210. package/dist/types/components/xpl-radio/radio.stories.d.ts +10 -1
  211. package/dist/types/components/xpl-radio/xpl-radio.d.ts +2 -0
  212. package/dist/types/components/xpl-select/xpl-select.d.ts +3 -0
  213. package/dist/types/components/xpl-table/table.stories.d.ts +19 -161
  214. package/dist/types/components/xpl-table/xpl-table.d.ts +21 -123
  215. package/dist/types/components/{xpl-table/xpl-table-header → xpl-table-header}/table-header.stories.d.ts +16 -13
  216. package/dist/types/components/{xpl-table/xpl-table-header-cell → xpl-table-header-cell}/table-header-cell.stories.d.ts +20 -24
  217. package/dist/types/components/xpl-table-header-cell/xpl-table-header-cell.d.ts +13 -0
  218. package/dist/types/components/xpl-toggle/xpl-toggle.d.ts +3 -0
  219. package/dist/types/components.d.ts +128 -402
  220. package/package.json +37 -3
  221. package/dist/apollo-core/p-146d5d55.entry.js +0 -1
  222. package/dist/apollo-core/p-16742606.entry.js +0 -1
  223. package/dist/apollo-core/p-3eb5eb7c.entry.js +0 -1
  224. package/dist/apollo-core/p-4882f0bd.entry.js +0 -1
  225. package/dist/apollo-core/p-64b34268.entry.js +0 -1
  226. package/dist/apollo-core/p-71b75f36.entry.js +0 -1
  227. package/dist/apollo-core/p-84254a24.entry.js +0 -1
  228. package/dist/apollo-core/p-9f2a0321.entry.js +0 -1
  229. package/dist/apollo-core/p-cde83ab0.entry.js +0 -1
  230. package/dist/apollo-core/p-e7363036.entry.js +0 -1
  231. package/dist/collection/components/xpl-table/utils/move-row-dom.js +0 -50
  232. package/dist/collection/components/xpl-table/utils/table-internal.js +0 -58
  233. package/dist/collection/components/xpl-table/xpl-table-body/xpl-table-body.js +0 -7
  234. package/dist/collection/components/xpl-table/xpl-table-cell/xpl-table-cell.js +0 -155
  235. package/dist/collection/components/xpl-table/xpl-table-footer/xpl-table-footer.js +0 -7
  236. package/dist/collection/components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell.js +0 -37
  237. package/dist/collection/components/xpl-table/xpl-table-header/table-header.stories.js +0 -131
  238. package/dist/collection/components/xpl-table/xpl-table-header/xpl-table-header.js +0 -7
  239. package/dist/collection/components/xpl-table/xpl-table-header-cell/table-header-cell.stories.js +0 -105
  240. package/dist/collection/components/xpl-table/xpl-table-header-cell/xpl-table-header-cell.js +0 -402
  241. package/dist/collection/components/xpl-table/xpl-table-row/xpl-table-row.js +0 -121
  242. package/dist/components/lifecycle.js +0 -1
  243. package/dist/components/xpl-table-body.d.ts +0 -11
  244. package/dist/components/xpl-table-body.js +0 -1
  245. package/dist/components/xpl-table-cell.d.ts +0 -11
  246. package/dist/components/xpl-table-cell.js +0 -1
  247. package/dist/components/xpl-table-cell2.js +0 -1
  248. package/dist/components/xpl-table-footer-cell.d.ts +0 -11
  249. package/dist/components/xpl-table-footer-cell.js +0 -1
  250. package/dist/components/xpl-table-footer-cell2.js +0 -1
  251. package/dist/components/xpl-table-footer.d.ts +0 -11
  252. package/dist/components/xpl-table-footer.js +0 -1
  253. package/dist/components/xpl-table-header-cell2.js +0 -1
  254. package/dist/components/xpl-table-row.d.ts +0 -11
  255. package/dist/components/xpl-table-row.js +0 -1
  256. package/dist/docs/xpl-table/xpl-table-body/readme.md +0 -10
  257. package/dist/docs/xpl-table/xpl-table-cell/readme.md +0 -33
  258. package/dist/docs/xpl-table/xpl-table-footer/readme.md +0 -10
  259. package/dist/docs/xpl-table/xpl-table-footer-cell/readme.md +0 -30
  260. package/dist/docs/xpl-table/xpl-table-header-cell/readme.md +0 -66
  261. package/dist/docs/xpl-table/xpl-table-row/readme.md +0 -19
  262. package/dist/types/components/xpl-table/utils/move-row-dom.d.ts +0 -3
  263. package/dist/types/components/xpl-table/utils/table-internal.d.ts +0 -8
  264. package/dist/types/components/xpl-table/xpl-table-body/xpl-table-body.d.ts +0 -3
  265. package/dist/types/components/xpl-table/xpl-table-cell/xpl-table-cell.d.ts +0 -11
  266. package/dist/types/components/xpl-table/xpl-table-footer/xpl-table-footer.d.ts +0 -3
  267. package/dist/types/components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell.d.ts +0 -4
  268. package/dist/types/components/xpl-table/xpl-table-header-cell/xpl-table-header-cell.d.ts +0 -32
  269. package/dist/types/components/xpl-table/xpl-table-row/xpl-table-row.d.ts +0 -13
  270. /package/dist/types/components/{xpl-table/xpl-table-header → xpl-table-header}/xpl-table-header.d.ts +0 -0
@@ -169,7 +169,7 @@ const Backdrop = class {
169
169
  this.relative = false;
170
170
  }
171
171
  render() {
172
- return (index.h(index.Host, { key: 'ce11926c0ef08f0ae9d77fecfa813f20b6eee229', class: {
172
+ return (index.h(index.Host, { key: '072fedf411c5d8671ec2d8a6ff639e5adf93e15c', class: {
173
173
  'xpl-backdrop': true,
174
174
  'xpl-backdrop--fixed': !this.relative,
175
175
  'xpl-backdrop--relative': this.relative,
@@ -206,7 +206,7 @@ const Badge = class {
206
206
  [`xpl-badge--size-${this.size}`]: !!this.size,
207
207
  [`xpl-badge--shape-${this.shape}`]: !this.dotOnly && !!this.shape,
208
208
  };
209
- return (index.h(index.Host, { key: '6d8b154300f5a676c58d8633c2b5f7514967f764' }, index.h("div", { key: 'bef0970eb3185b1afb08ece888b63509e69ff15d', class: className }, index.h("span", { key: '90e51d0f3d74a99268b9a4944a94b6c0096f1ea9', class: "xpl-badge__label" }, index.h("slot", { key: '5f13f42adbbcfc0698f25687ba27f4bb0c63d5a8' })))));
209
+ return (index.h(index.Host, { key: 'f1a45af398443a5330afe856ac2442aa34cadf24' }, index.h("div", { key: 'fecb691b2b11414de0a03e119dd63332ade79a3c', class: className }, index.h("span", { key: '6c4169ea3d4f0f7cdaa03841ec72ac15f9e209f3', class: "xpl-badge__label" }, index.h("slot", { key: 'c7d96b70e9bcd161c279bf943c2cbc7248e2a53e' })))));
210
210
  }
211
211
  };
212
212
 
@@ -271,13 +271,13 @@ const Banner = class {
271
271
  const actionState = this.getActionButtonState();
272
272
  const isHeadingPresent = !!((_c = this.heading) === null || _c === void 0 ? void 0 : _c.trim());
273
273
  const isDescPresent = !!((_d = this.description) === null || _d === void 0 ? void 0 : _d.trim());
274
- return (index.h(index.Host, { key: '01e821a96ff2f4f41050a524ed6ec76e8f8ae71c', class: {
274
+ return (index.h(index.Host, { key: '373b38c40719c248968ed93381309584f24697a9', class: {
275
275
  'xpl-banner': true,
276
276
  'xpl-banner--section': this.isSection,
277
277
  [`xpl-banner--${this.appearance}`]: true,
278
278
  'xpl-banner--truncate-desc': this.truncateDesc,
279
279
  'xpl-banner--no-icon': this.isSection && !this.hasIcon,
280
- }, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (index.h("div", { key: 'e0b8fc78558cb0feff957deda21e9a6009a41ebc', class: "xpl-banner__icon", "aria-hidden": "true" }, index.h("xpl-icon", { key: 'b1ad22088243b609c67275091a6b7ec0f5bfcd2b', icon: this.getIcon(), size: 24 }))), index.h("div", { key: '9ae85de66f2092d2f689e881ebf5cb28b442a804', class: "xpl-banner__body" }, isHeadingPresent && index.h("p", { key: '5a4a146c870f4c12abe4a5ef1e5d7aa51d8e7507', class: "xpl-banner__heading" }, this.heading), isDescPresent && (index.h("p", { key: '115e1349f08a077a898556174c7f14c22e43eb8c', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (index.h("div", { key: 'd2ebd4a9f6bf5902958c071a476da8b5b2888c5c', class: "xpl-banner__actions" }, hasAction && (index.h("xpl-button", { key: '763ce0af40d4a9a5d62f18ee08085a8455819779', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (index.h("xpl-button", { key: 'd59e222b9eb5d766953d26609a48366a32499814', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (index.h("button", { key: 'ec7d24375a62f20c7309d7b49d88f6db1eb2a891', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, index.h("xpl-icon", { key: 'f45280a420a3556100cd0ed48c39124d400becd9', icon: "xmark", size: 24, "aria-hidden": "true" })))));
280
+ }, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (index.h("div", { key: 'b12f8facbdad390e2069374163048099a33aa309', class: "xpl-banner__icon", "aria-hidden": "true" }, index.h("xpl-icon", { key: '35ee47db756bc0f6b6cd0a2b0cd890a4ec10ff7c', icon: this.getIcon(), size: 24 }))), index.h("div", { key: '8aaca62cbd7b3cf353bfb35fc2f679932f2b0ade', class: "xpl-banner__body" }, isHeadingPresent && index.h("p", { key: 'fded85ef43b5186704195312621a33b7b823d19d', class: "xpl-banner__heading" }, this.heading), isDescPresent && (index.h("p", { key: '1b7386b32891789f8cc425da922f7c3ee60fe5a6', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (index.h("div", { key: '0b4b8e89db7cc6c4a55e207cf0be1b36956fe243', class: "xpl-banner__actions" }, hasAction && (index.h("xpl-button", { key: 'c15e5cb0ff332f2ca809dcf912fc7a4c68d47538', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (index.h("xpl-button", { key: '6f20f721df8eb994ef9935d2c6f634b3460d9d77', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (index.h("button", { key: '2fab1fec767aaed2bb36ee2b40bcf84a48ad6ead', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, index.h("xpl-icon", { key: '7747d3e4aae5426d0e3344fb7aab92a4f003cf4e', icon: "xmark", size: 24, "aria-hidden": "true" })))));
281
281
  }
282
282
  };
283
283
 
@@ -290,7 +290,7 @@ const BreadcrumbItem = class {
290
290
  `;
291
291
  }
292
292
  render() {
293
- return (index.h(index.Host, { key: 'dd246c29fcb1afca4007299380a59b47c0a10c9d', class: "xpl-breadcrumb-item", role: "listitem" }, index.h("li", { key: 'b6df20888b3891241e52f0f2be14f1eedee2cac6', role: "none" }, index.h("slot", { key: 'f2f64effe0f58bb33bc983abfaa8b2996714e3b4' })), index.h("span", { key: '31c15dd296e6dab1d207a84179a4803b7366c1a2', innerHTML: this.chevron })));
293
+ return (index.h(index.Host, { key: '98314b8841ba9d900dbba227363865efb26faf4c', class: "xpl-breadcrumb-item", role: "listitem" }, index.h("li", { key: '26bf86067dc2348b6ca96243bd1f9513ca187a00', role: "none" }, index.h("slot", { key: '802b606cce1052ea7fb859260627d6c6801ed78f' })), index.h("span", { key: '22de35338bf4439a23f8c08a7ea46d1d4f2b68e8', innerHTML: this.chevron })));
294
294
  }
295
295
  };
296
296
 
@@ -299,7 +299,7 @@ const Breadcrumbs = class {
299
299
  index.registerInstance(this, hostRef);
300
300
  }
301
301
  render() {
302
- return (index.h(index.Host, { key: 'd4a4ae7bbf7f8eafc8a44b56c66983303e039d7e' }, index.h("nav", { key: '8e5decbdce778c1768e3412a59663cd37938f361', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, index.h("ol", { key: '612620c37a84ad022b9da5cdb884410a4df4dd29', role: "list" }, index.h("slot", { key: 'ae6cfc4f4e65ba7ca755fa7d9eb3751aae8905ff' })))));
302
+ return (index.h(index.Host, { key: '36533f6524e01aed62e293ebe93d8eea34b6b59a' }, index.h("nav", { key: '6a5562e639044f9d9d12a6365df69c5181f5bbba', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, index.h("ol", { key: '99463e4808425aa8478a5e8fa2a113831eae1ecf', role: "list" }, index.h("slot", { key: 'f4d20df3a834f100663786d47881f742c9691969' })))));
303
303
  }
304
304
  };
305
305
 
@@ -350,7 +350,7 @@ const Button = class {
350
350
  }
351
351
  render() {
352
352
  var _a;
353
- return (index.h(index.Host, { key: 'dc9baff2fca5d300d4f10d854669fe44ce9dcf2b', class: {
353
+ return (index.h(index.Host, { key: 'fc2207b2f07ecccd8c076846406b7c5d2ed6854d', class: {
354
354
  'xpl-button': true,
355
355
  [`xpl-button--${this.size}`]: true,
356
356
  [`xpl-button--${this.variant}`]: true,
@@ -378,24 +378,19 @@ const Checkbox = class {
378
378
  this.ariaLabel = '';
379
379
  this.onChange = (event) => {
380
380
  const target = event.target;
381
- if (this.value) {
382
- this.checkboxChange.emit(this.value);
383
- }
384
- else {
385
- this.checkboxChange.emit(target.checked);
386
- }
381
+ this.checkboxChange.emit(target.checked);
387
382
  };
388
383
  }
389
384
  render() {
390
385
  var _a;
391
- return (index.h(index.Host, { key: '278efc899d85f3c69d78eae9c893dd95a5c1a0fe', class: {
386
+ return (index.h(index.Host, { key: 'dd508c61fc68052f2bbdfccd606ea8f0109783f3', class: {
392
387
  'xpl-checkbox-radio-container': true,
393
388
  styled: this.styled,
394
389
  disabled: this.disabled,
395
- } }, index.h("input", { key: '40ff6da70e68b75c0fda7df23eccfd04c152a4e1', class: "xpl-checkbox", type: "checkbox", "aria-label": ((_a = this.ariaLabel) !== null && _a !== void 0 ? _a : '').trim() || undefined, 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 }), index.h("label", { key: '19ebb91dfdb4514b563bb20b7fa2ca06294d2d45', class: {
390
+ } }, index.h("input", { key: 'c5b482a12c02cb4384444e3d385cccc17a8cbd3c', class: "xpl-checkbox", type: "checkbox", "aria-label": ((_a = this.ariaLabel) !== null && _a !== void 0 ? _a : '').trim() || undefined, 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 }), index.h("label", { key: 'e5ae6eef395457ff6021b008bbb4221e7c36a3c9', class: {
396
391
  'xpl-label': true,
397
392
  'xpl-label--disabled': this.disabled,
398
- }, htmlFor: this.id }, index.h("slot", { key: 'ceb7f27e19f4256b3c5317e17f4bb8512c6962a6' }), this.description && (index.h("small", { key: '78a5d2ac044006361a8ce075a2ad8d872f384203', class: {
393
+ }, htmlFor: this.id }, index.h("slot", { key: '71ae02b761df01bea00b483e21a9b442b8fbdd9f' }), this.description && (index.h("small", { key: 'f34f7e323cd9c39ce1094177e7a4d3cf4b06f788', class: {
399
394
  'xpl-description': true,
400
395
  'xpl-description--disabled': this.disabled,
401
396
  } }, this.description)))));
@@ -408,20 +403,21 @@ const Choicelist = class {
408
403
  this.choicelistChange = index.createEvent(this, "choicelistChange", 7);
409
404
  this.choicelistValueChange = index.createEvent(this, "choicelistValueChange", 7);
410
405
  this.name = v4.v4();
411
- this.onChoiceChange = (value, choiceIndex) => {
406
+ this.onChoiceChange = (_value, choiceIndex) => {
407
+ const choice = this.choices[choiceIndex];
412
408
  if (this.multi) {
413
409
  this.selected = this.selected.map((isSelected, index) => index === choiceIndex ? !isSelected : isSelected);
414
- if (typeof value === 'string') {
410
+ if ((choice === null || choice === void 0 ? void 0 : choice.value) !== undefined) {
415
411
  const changedValues = this.choices
416
412
  .filter((_, index) => this.selected[index])
417
- .map((choice, index) => { var _a; return (_a = choice.value) !== null && _a !== void 0 ? _a : this.selected[index]; });
413
+ .map((c, index) => { var _a; return (_a = c.value) !== null && _a !== void 0 ? _a : this.selected[index]; });
418
414
  this.choicelistValueChange.emit(changedValues);
419
415
  }
420
416
  }
421
417
  else {
422
418
  this.selected = this.selected.map((_, index) => index === choiceIndex);
423
- if (typeof value === 'string') {
424
- this.choicelistValueChange.emit(value);
419
+ if ((choice === null || choice === void 0 ? void 0 : choice.value) !== undefined) {
420
+ this.choicelistValueChange.emit(choice.value);
425
421
  }
426
422
  }
427
423
  };
@@ -440,7 +436,7 @@ const Choicelist = class {
440
436
  this.onChoicesPropChange(this.choices);
441
437
  }
442
438
  render() {
443
- return (index.h(index.Host, { key: '3e1881fd40ea2aecefbb24951920b92ac08ef029', class: "xpl-choicelist-container" }, this.heading !== undefined || this.description !== undefined ? (index.h("div", { class: "xpl-choicelist-heading" }, this.heading && index.h("h3", null, this.heading), this.description && index.h("p", null, this.description))) : null, this.choices && (index.h("ul", { key: '052b5c72e4bc37b84939b639e070b8e692064ffe', class: {
439
+ return (index.h(index.Host, { key: 'd2da0f5aeb424a36fb117711f34c0631c464ef6a', class: "xpl-choicelist-container" }, this.heading !== undefined || this.description !== undefined ? (index.h("div", { class: "xpl-choicelist-heading" }, this.heading && index.h("h3", null, this.heading), this.description && index.h("p", null, this.description))) : null, this.choices && (index.h("ul", { key: 'a40e08f0fd60a5268ed9f4d15a97b3fa677e2e46', class: {
444
440
  'xpl-choicelist': true,
445
441
  'xpl-choicelist--styled': this.styled,
446
442
  } }, this.choices.map((choice, i) => {
@@ -469,7 +465,7 @@ const ContentArea = class {
469
465
  this.size = 'wide';
470
466
  }
471
467
  render() {
472
- return (index.h(index.Host, { key: 'cef99f9f6ab92587151d12cf86b67fedba498b66' }, index.h("main", { key: '17b27ecd7223283294ea7536a7cfe9c6580c4ec4', class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, index.h("div", { key: '566d17a37f8389b10d95d2db96c4df1e3e0a01ec', class: "xpl-content-area" }, index.h("slot", { key: 'f084437566dc11ac51cd57e514ebb3bade2826e6' })))));
468
+ return (index.h(index.Host, { key: '2fe4c1c077c12e47600c737cc9266ae2eff8aaec' }, index.h("main", { key: '2e6c6f4b83cea96d629bb5af65c4ce6a4d20570e', class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, index.h("div", { key: '033e707fbc48ae523fafb25dd2952d3de9214908', class: "xpl-content-area" }, index.h("slot", { key: '04afc15969c2b1fb7e2feb3d8ae46248ee0f6e31' })))));
473
469
  }
474
470
  };
475
471
 
@@ -478,7 +474,7 @@ const Dashboard = class {
478
474
  index.registerInstance(this, hostRef);
479
475
  }
480
476
  render() {
481
- return (index.h(index.Host, { key: '7894283eaf23b979cd2f30bdd3dafee98d2a82e0' }, index.h("dl", { key: '0e67c4909212d1ce954d2eef615443179925c1bf', class: "xpl-dashboard" }, index.h("slot", { key: '420cf5e409a1699e3b92b4deb38d49fca67caa50' }))));
477
+ return (index.h(index.Host, { key: 'ceeb8b27d9537c70e88360de21238c9ce2a3f90b' }, index.h("dl", { key: '3c4fcb92f472f14885053a1cb1db893618a6d8a8', class: "xpl-dashboard" }, index.h("slot", { key: 'fe4fa8fdec2ce84bdedc7aa404ab647abd189d11' }))));
482
478
  }
483
479
  };
484
480
 
@@ -515,8 +511,8 @@ const DataCard = class {
515
511
  : this.smallStatVariant === 'negative'
516
512
  ? 'arrow-down-right'
517
513
  : 'dash';
518
- return (index.h(index.Host, { key: '15499953647bf4b8c38c98b2beafbc30adececd3', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, index.h("dt", { key: '6b4ac5e8e9fdffa254618b70f8ca4abb5c244361', class: headerClasses }, index.h("header", { key: '398ae3fcc452fe3281b006497cd5bca10d5405f3' }, !!this.leadingIcon && this.icon && (index.h("span", { key: '872e3b75a6cb7f3b6ae28f16da84b7264aeeb1e7', class: `xpl-data-card__icon--${this.variant}` }, index.h("xpl-icon", { key: '23452cb159ee169040132182e0c7701d6f537c61', icon: this.icon, "background-color": bgColorHue, size: 20 }))), index.h("slot", { key: '492cec94080ea654732e8a14214d78bcf844abf6', name: "title" }, this.name)), this.link && (index.h("span", { key: '2c31f2d7e9c96b81465a855e156504ce825c9f97', class: "xpl-data-card__header-arrow" }, index.h("xpl-icon", { key: '1b5f695dc1062c8934569924334aafeb0c4f50d5', icon: "chevron-right", size: 16 })))), index.h("dd", { key: '6b45e5c1e3bb58fb2a690a633ad601694917b2fb', class: "xpl-data-card__body" }, index.h("div", { key: 'a6d27211c38c758f7cfb59d5597ac4f0c991bd31', class: "xpl-data-card__left" }, index.h("span", { key: '92f23b34ba9d72e934c6db3d120ab6e8d3ccfe97', class: "xpl-data-card-stat xpl-data-card-stat--long" }, this.stat), this.tooltipTextStat ? (index.h("xpl-tooltip", { text: this.tooltipTextStat }, index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, this.shortStat ? this.shortStat : this.stat))) : (index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, index.h("abbr", { title: this.stat }, this.shortStat ? this.shortStat : this.stat))), this.smallStatVariant ? (this.tooltipTextSmallStat ? (index.h("xpl-tooltip", { text: this.tooltipTextSmallStat }, index.h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, index.h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (index.h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, index.h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (this.smallStatIcon &&
519
- (this.tooltipTextSmallStat ? (index.h("xpl-tooltip", { text: this.tooltipTextSmallStat }, index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, index.h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat))) : (index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, index.h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat)))), !!this.detail && index.h("span", { key: 'c776c1bb00bca03edbe6e5ed60f712b830ba40e5', class: "xpl-data-card__detail" }, this.detail)), hasContentSlot && (index.h("div", { key: '5d0acee9071c6356830c6f55dd5066ac68bbc356', class: "xpl-data-card__right" }, index.h("slot", { key: 'c513a4cd650d309fdc06045e02315fdab9256eae', name: contentSlot }))))));
514
+ return (index.h(index.Host, { key: '917b6ae82a30b849b100e878dc6be08eb4171214', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, index.h("dt", { key: '21573d19d14f861eea6562529f78e93affc1e5d2', class: headerClasses }, index.h("header", { key: '1af52bd082f4d12239db85e78eaf74ed2eb7e027' }, !!this.leadingIcon && this.icon && (index.h("span", { key: 'dfdcc25ae67fdc766ee3075a479fbfeeac2561ab', class: `xpl-data-card__icon--${this.variant}` }, index.h("xpl-icon", { key: '4072018714c05bd5bae20bfb9e5b6a04561474da', icon: this.icon, "background-color": bgColorHue, size: 20 }))), index.h("slot", { key: 'f81204887ad6c229cb50e8d3ff654c1aa4703368', name: "title" }, this.name)), this.link && (index.h("span", { key: '6d8d61f8611fdbc5cd09fc20ba15194e0e1e7b56', class: "xpl-data-card__header-arrow" }, index.h("xpl-icon", { key: '863e66734bbbd6aa178f140b22f8afb3dd401127', icon: "chevron-right", size: 16 })))), index.h("dd", { key: '08a5e4af6873c267336f7daff6d3455e75a2883e', class: "xpl-data-card__body" }, index.h("div", { key: 'ec8ff889fb93d99e7ef51361e041edbaaaf5cd62', class: "xpl-data-card__left" }, index.h("span", { key: '4787e6aadc3832830fe707ffc08e5614a7abde7b', class: "xpl-data-card-stat xpl-data-card-stat--long" }, this.stat), this.tooltipTextStat ? (index.h("xpl-tooltip", { text: this.tooltipTextStat }, index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, this.shortStat ? this.shortStat : this.stat))) : (index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, index.h("abbr", { title: this.stat }, this.shortStat ? this.shortStat : this.stat))), this.smallStatVariant ? (this.tooltipTextSmallStat ? (index.h("xpl-tooltip", { text: this.tooltipTextSmallStat }, index.h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, index.h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (index.h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, index.h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (this.smallStatIcon &&
515
+ (this.tooltipTextSmallStat ? (index.h("xpl-tooltip", { text: this.tooltipTextSmallStat }, index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, index.h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat))) : (index.h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, index.h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat)))), !!this.detail && index.h("span", { key: '2060dba53f12917e37747a6bc52c7f03fe4dadc7', class: "xpl-data-card__detail" }, this.detail)), hasContentSlot && (index.h("div", { key: '7a091cce8bc0abae2af7b15d6d1a63acd16854c5', class: "xpl-data-card__right" }, index.h("slot", { key: 'd83790136435a0d5427fd746d2cba5a08cf914eb', name: contentSlot }))))));
520
516
  }
521
517
  get el() { return index.getElement(this); }
522
518
  static get watchers() { return {
@@ -536,7 +532,7 @@ const Divider = class {
536
532
  render() {
537
533
  let className = 'xpl-divider';
538
534
  className += ` xpl-divider--${this.tier}`;
539
- return (index.h(index.Host, { key: 'a0b934233c1afba99b2d3691a6ea14d3335e4119', class: className }, index.h("span", { key: '8d701723f174d846e717cd030c4faf72ae938da8' }, index.h("slot", { key: '5017353de8a9917358c9ba4194fe5a575720f8f5' }))));
535
+ return (index.h(index.Host, { key: '213dc1893d64e06256ef2958b59b8377428d81d4', class: className }, index.h("span", { key: '2e03654076b9b76f2ce9e8475bb44068170c8a80' }, index.h("slot", { key: '5af40b6963beddbd0d1fe5fd05a9e62274ce3418' }))));
540
536
  }
541
537
  };
542
538
 
@@ -2265,16 +2261,19 @@ const Dropdown = class {
2265
2261
  this.closeOnSelect = true;
2266
2262
  this.mode = 'single';
2267
2263
  this.anchorToTrigger = false;
2264
+ this.placement = 'bottom-start';
2268
2265
  this.selectOnFocus = false;
2269
2266
  this.cleanupAutoUpdate = null;
2270
2267
  this.updateDropdownPosition = async (triggerEl) => {
2271
- var _a;
2268
+ var _a, _b;
2272
2269
  const { x, y, placement, middlewareData } = await computePosition(triggerEl, this.hostElement, {
2273
2270
  strategy: 'fixed',
2274
- placement: 'bottom-start',
2271
+ placement: this.placement,
2275
2272
  middleware: [
2276
2273
  offset(4),
2277
- flip(),
2274
+ flip(((_a = this.flipFallbackPlacements) === null || _a === void 0 ? void 0 : _a.length)
2275
+ ? { fallbackPlacements: this.flipFallbackPlacements }
2276
+ : {}),
2278
2277
  size({
2279
2278
  apply: ({ availableHeight, rects }) => {
2280
2279
  const listEl = this.hostElement.querySelector('.xpl-dropdown-list');
@@ -2310,7 +2309,7 @@ const Dropdown = class {
2310
2309
  });
2311
2310
  if (!this.cleanupAutoUpdate)
2312
2311
  return;
2313
- if ((_a = middlewareData.hide) === null || _a === void 0 ? void 0 : _a.referenceHidden) {
2312
+ if ((_b = middlewareData.hide) === null || _b === void 0 ? void 0 : _b.referenceHidden) {
2314
2313
  this.isOpen = false;
2315
2314
  return;
2316
2315
  }
@@ -2342,6 +2341,16 @@ const Dropdown = class {
2342
2341
  this.startPositioning();
2343
2342
  }
2344
2343
  }
2344
+ onFlipFallbackPlacementsChanged() {
2345
+ if (this.isOpen && this.anchorToTrigger) {
2346
+ this.startPositioning();
2347
+ }
2348
+ }
2349
+ onPlacementChanged() {
2350
+ if (this.isOpen && this.anchorToTrigger) {
2351
+ this.startPositioning();
2352
+ }
2353
+ }
2345
2354
  onTriggerIdChanged() {
2346
2355
  if (this.isOpen) {
2347
2356
  this.startPositioning();
@@ -2469,18 +2478,24 @@ const Dropdown = class {
2469
2478
  var { groupName, options: opts, subtitle } = _a, properties = __rest$1(_a, ["groupName", "options", "subtitle"]);
2470
2479
  return groupName ? (index.h("xpl-dropdown-group", Object.assign({ groupName: groupName, options: opts }, properties))) : (index.h("xpl-dropdown-option", Object.assign({ subtitle: subtitle }, properties)));
2471
2480
  });
2472
- return (index.h(index.Host, { key: 'ef1637b50d96200219f93a992cecd838bdc37ae7', "aria-expanded": isOpen ? 'true' : 'false', class: {
2481
+ return (index.h(index.Host, { key: '1ef465611f9a8501af41c17523352714a7921f29', "aria-expanded": isOpen ? 'true' : 'false', class: {
2473
2482
  'xpl-dropdown': true,
2474
2483
  'xpl-dropdown--multi': mode === 'multi',
2475
2484
  'xpl-dropdown--open': isOpen,
2476
2485
  'xpl-dropdown--anchor-to-trigger': this.anchorToTrigger,
2477
- }, role: "listbox" }, index.h("slot", { key: '69889998dda0b69e3e582b089baf295c8cfca39d', name: "header" }), index.h("ul", { key: 'dcb7e840e724ebae950f8c85fca142bcf767cc5d', class: "xpl-dropdown-list" }, mappedOptions || index.h("slot", { key: 'b33fd8bb6a1871db5e04173f0ad55a6485ee474a', name: "options" }))));
2486
+ }, role: "listbox" }, index.h("slot", { key: '118c8b34e72aa6ab018e6fa9ff29a18ae540b89e', name: "header" }), index.h("ul", { key: '01544e6aa8d785c48b4f677de102efe4ecc7b53a', class: "xpl-dropdown-list" }, mappedOptions || index.h("slot", { key: 'f70619995bed02540cef11deaeb6c3e5704165ff', name: "options" }))));
2478
2487
  }
2479
2488
  get hostElement() { return index.getElement(this); }
2480
2489
  static get watchers() { return {
2481
2490
  "anchorToTrigger": [{
2482
2491
  "onAnchorToTriggerChanged": 0
2483
2492
  }],
2493
+ "flipFallbackPlacements": [{
2494
+ "onFlipFallbackPlacementsChanged": 0
2495
+ }],
2496
+ "placement": [{
2497
+ "onPlacementChanged": 0
2498
+ }],
2484
2499
  "triggerId": [{
2485
2500
  "onTriggerIdChanged": 0
2486
2501
  }],
@@ -2517,7 +2532,7 @@ const DropdownGroup = class {
2517
2532
  var { groupName: optsGroupName } = _a, properties = __rest(_a, ["groupName"]);
2518
2533
  return optsGroupName ? (index.h("xpl-dropdown-group", Object.assign({ label: optsGroupName }, properties))) : (index.h("xpl-dropdown-option", Object.assign({}, properties)));
2519
2534
  });
2520
- return (index.h(index.Host, { key: 'a33169d78e635bb53987322f02869ffc1f1a9908', role: "group", "aria-label": groupName }, index.h("li", { key: '58a1ff78bb923fec60eb51ef05a2026e03e3058b', class: "xpl-dropdown-list-item" }, index.h("xpl-dropdown-heading", { key: '6d8556e1d96cbfccd61038e5089e9669917b919e', label: groupName }), index.h("ul", { key: 'dd485e18b79920d9992e506fe83b36fcadb9e020', class: "xpl-dropdown-list" }, mappedOptions || index.h("slot", { key: '2eca2f6aa7c44aacdb67c3658029822b4ba1c0aa', name: "options" })))));
2535
+ return (index.h(index.Host, { key: 'b872cfc0a8eb2e3542f07f6ae17ebc15b6f965ab', role: "group", "aria-label": groupName }, index.h("li", { key: '8e475e45b5040bd78c7d37f8c58b0689a508f067', class: "xpl-dropdown-list-item" }, index.h("xpl-dropdown-heading", { key: '3b7b984646bdcc502aca2260a0b59494e0884f6c', label: groupName }), index.h("ul", { key: 'c75e710ebe06a23aacca57f34ce286516c98a8c5', class: "xpl-dropdown-list" }, mappedOptions || index.h("slot", { key: '6b72762b22f316561f7614e4841018c019a60681', name: "options" })))));
2521
2536
  }
2522
2537
  };
2523
2538
 
@@ -2526,7 +2541,7 @@ const DropdownHeading = class {
2526
2541
  index.registerInstance(this, hostRef);
2527
2542
  }
2528
2543
  render() {
2529
- return (index.h(index.Host, { key: '9b05e54ae226524434ac8485c51e7fccd4e5fe9e', class: { 'xpl-dropdown-heading': true }, role: "presentation" }, index.h("span", { key: 'c5ada81fbed76834515cff75f1fd1ce87b2ccbe3' }, this.label || index.h("slot", { key: 'dfe135bf2499e858e75ab1e87793ae75eb0982c6', name: "heading" }))));
2544
+ return (index.h(index.Host, { key: '70e5556188bd87fe5842256e4e145c3585f73409', class: { 'xpl-dropdown-heading': true }, role: "presentation" }, index.h("span", { key: '2d45f0191d9b158641da794ee1b9f246f9659717' }, this.label || index.h("slot", { key: '21cc81673e6a37f4b7ff896d12bd94916c3a92e7', name: "heading" }))));
2530
2545
  }
2531
2546
  };
2532
2547
 
@@ -2583,11 +2598,11 @@ const DropdownOptionCpnt = class {
2583
2598
  }
2584
2599
  render() {
2585
2600
  const { label, isSelected, isDisabled, value, subtitle, icon } = this;
2586
- return (index.h(index.Host, { key: '4ff7cc350e34059ad4df757b88112756c7f5b83e', class: {
2601
+ return (index.h(index.Host, { key: '838f64dba15bc8d6c2f65a8685365c5618c24d5f', class: {
2587
2602
  'xpl-dropdown-option': true,
2588
2603
  'xpl-dropdown-option--disabled': isDisabled,
2589
2604
  'xpl-dropdown-option--selected': isSelected,
2590
- }, role: "option", "aria-checked": isSelected, "aria-disabled": isDisabled, "aria-selected": isSelected, value: value }, index.h("li", { key: 'a014d09116703f5477a48cace194ba1beef602d5', class: "xpl-dropdown-list-item" }, icon && (index.h("xpl-icon", { key: 'af16591b7f1195351facaafa67c07368ce42d072', class: "xpl-dropdown-list-item__icon", icon: icon, size: 20 })), label || index.h("slot", { key: '72c0dbd67ab7930924cb1ef3ee9f0b4b53cf28a6', name: "option" }), subtitle && index.h("span", { key: '0893e031740ebdd8fc8ca7de2cb10d0b4d7c95ae', class: "xpl-dropdown-list-item__subtitle" }, subtitle))));
2605
+ }, role: "option", "aria-checked": isSelected, "aria-disabled": isDisabled, "aria-selected": isSelected, value: value }, index.h("li", { key: 'bc4b23054cd73a95ff5cf167c4195563a9e318ec', class: "xpl-dropdown-list-item" }, icon && (index.h("xpl-icon", { key: '797d92d1d80cb8c33500d8dfe8b1bf9396c767ca', class: "xpl-dropdown-list-item__icon", icon: icon, size: 20 })), label || index.h("slot", { key: '7a590a3abae38e7934f703929895be152b01816d', name: "option" }), subtitle && index.h("span", { key: '465fb73335df17864cd21e067f26cdba85d8135c', class: "xpl-dropdown-list-item__subtitle" }, subtitle))));
2591
2606
  }
2592
2607
  get hostElement() { return index.getElement(this); }
2593
2608
  };
@@ -2595,13 +2610,13 @@ const DropdownOptionCpnt = class {
2595
2610
  const HeaderAccordion = class {
2596
2611
  constructor(hostRef) {
2597
2612
  index.registerInstance(this, hostRef);
2598
- this.expanded = false;
2599
- this.parentChecked = false;
2600
- this.parentIndeterminate = false;
2601
- this.disabled = false;
2602
- this.hasCheckbox = true;
2603
2613
  this.initialExpanded = false;
2614
+ this.disabled = false;
2604
2615
  this.selectedCount = -1;
2616
+ this.hasCheckbox = true;
2617
+ this.expanded = this.initialExpanded;
2618
+ this.parentChecked = false;
2619
+ this.parentIndeterminate = false;
2605
2620
  this.toggleAccordion = () => {
2606
2621
  this.expanded = !this.expanded;
2607
2622
  };
@@ -2615,24 +2630,19 @@ const HeaderAccordion = class {
2615
2630
  });
2616
2631
  };
2617
2632
  }
2618
- watchSelectedCount(selectedCount) {
2619
- if (selectedCount > -1) {
2620
- this.updateParentCheckbox(selectedCount);
2633
+ applyBorderRadiusToLastRow() {
2634
+ var _a;
2635
+ if (this.expanded) {
2636
+ const rows = (_a = this.el) === null || _a === void 0 ? void 0 : _a.querySelectorAll('xpl-dynamic-table-row');
2637
+ const lastRow = rows[rows.length - 1];
2638
+ const cells = lastRow === null || lastRow === void 0 ? void 0 : lastRow.querySelectorAll('xpl-dynamic-table-cell');
2639
+ cells[0].style.borderBottomLeftRadius = '0.5rem';
2640
+ cells[cells.length - 1].style.borderBottomRightRadius = '0.5rem';
2621
2641
  }
2622
2642
  }
2623
- componentWillLoad() {
2624
- this.expanded = this.initialExpanded;
2625
- }
2626
- componentDidLoad() {
2627
- const initialCheckboxesValue = this.selectedCount > -1 ? this.selectedCount : 0;
2628
- this.updateParentCheckbox(initialCheckboxesValue);
2629
- }
2630
- handleChildCheckboxChange() {
2631
- var _a;
2632
- if (this.selectedCount === -1) {
2633
- const childCheckboxes = (_a = this.el) === null || _a === void 0 ? void 0 : _a.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])');
2634
- const checkedCount = Array.from(childCheckboxes).filter((checkbox) => checkbox.checked).length;
2635
- this.updateParentCheckbox(checkedCount);
2643
+ watchSelectedCount(selectedCount, _previousCount) {
2644
+ if (selectedCount > -1) {
2645
+ this.updateParentCheckbox(selectedCount);
2636
2646
  }
2637
2647
  }
2638
2648
  updateParentCheckbox(selectedCount) {
@@ -2651,11 +2661,23 @@ const HeaderAccordion = class {
2651
2661
  this.parentIndeterminate = true;
2652
2662
  }
2653
2663
  }
2664
+ handleChildCheckboxChange() {
2665
+ var _a;
2666
+ if (this.selectedCount === -1) {
2667
+ const childCheckboxes = (_a = this.el) === null || _a === void 0 ? void 0 : _a.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])');
2668
+ const checkedCount = Array.from(childCheckboxes).filter((checkbox) => checkbox.checked).length;
2669
+ this.updateParentCheckbox(checkedCount);
2670
+ }
2671
+ }
2672
+ componentDidLoad() {
2673
+ const initialCheckoxesValue = this.selectedCount > -1 ? this.selectedCount : 0;
2674
+ this.updateParentCheckbox(initialCheckoxesValue);
2675
+ }
2676
+ componentWillRender() {
2677
+ this.applyBorderRadiusToLastRow();
2678
+ }
2654
2679
  render() {
2655
- return (index.h(index.Host, { key: '216b10c02e1248c374ec646d30f835163b9b7792', class: {
2656
- 'xpl-header-accordion': true,
2657
- 'xpl-header-accordion--expanded': this.expanded,
2658
- } }, index.h("div", { key: '41cbb9358a5d76f44f135d76c945fe801cafc474', class: `header-accordion header-accordion--${this.expanded ? 'expanded' : 'collapsed'}` }, this.hasCheckbox && (index.h("xpl-checkbox", { key: 'c939d100f687b14455424ee3f0b6bdfd7de785bb', class: "xpl-header-accordion__parent-checkbox", checked: this.parentChecked, disabled: this.disabled, indeterminate: this.parentIndeterminate, onCheckboxChange: (event) => this.handleParentCheckboxChange(event.detail) })), index.h("button", { key: '4d98d8d75b4c7c7ba8e50ce6d43ed3b83919d624', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "toggle-area", onClick: this.toggleAccordion, type: "button" }, index.h("slot", { key: 'd9c993b7e8e6cf0b46014d6c535a52c84386b8ed', name: "title" }), index.h("xpl-icon", { key: '58d114ae4dd93c9ec15e3d74cfb2d33c6c1b57cb', size: 20, icon: "chevron-down", class: this.expanded && 'rotate' }))), index.h("div", { key: '46a98c094621ec02c9416bcfa7a2d33e6ce468d4', id: this.contentId, role: "region", class: !this.expanded ? 'content--hidden' : 'content--shown' }, index.h("slot", { key: '7966e352ec17125afa59a7590dbc8e9372a39f41', name: "content" }))));
2680
+ return (index.h(index.Host, { key: '33b59f238ef5eabce7a83dec5e189459038ac2e0', class: "xpl-header-accordion" }, index.h("div", { key: '1269fe93be898a0300a1c840ad8919608c86bbff', class: `header-accordion header-accordion--${this.expanded ? 'expanded' : 'collapsed'}` }, this.hasCheckbox && (index.h("xpl-checkbox", { key: '16a93cbaab64072990502ed7d1bc2a496ad31425', class: "xpl-header-accordion__parent-checkbox", checked: this.parentChecked, disabled: this.disabled, indeterminate: this.parentIndeterminate, onCheckboxChange: (event) => this.handleParentCheckboxChange(event.detail) })), index.h("button", { key: '00e7024adcd3c8cef52cc5d11be8e4dc6319c1a8', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "toggle-area", onClick: this.toggleAccordion, type: "button" }, index.h("slot", { key: '16fc847fff7d27f73c589bff9670fdbdec9f58cc', name: "title" }), index.h("xpl-icon", { key: '44e27d19feb130c0903949d24a9c71f19f8475b6', size: 16, icon: "chevron-down", class: this.expanded && 'rotate' }))), index.h("div", { key: 'aa8bd514da7666ed09c72c5b271ea0eeda729ef8', id: this.contentId, role: "region", class: !this.expanded ? 'content--hidden' : 'content--shown' }, index.h("slot", { key: 'b8adf0af8ea58edad1036fc45277ef6621bc8fbb', name: "content" }))));
2659
2681
  }
2660
2682
  get el() { return index.getElement(this); }
2661
2683
  static get watchers() { return {
@@ -2763,6 +2785,23 @@ const antarctica = {
2763
2785
  }
2764
2786
  }
2765
2787
  };
2788
+ const apple = {
2789
+ name: "apple",
2790
+ keywords: [
2791
+ "apple",
2792
+ "pay",
2793
+ "credit",
2794
+ "card",
2795
+ "debit",
2796
+ "logo"
2797
+ ],
2798
+ heights: {
2799
+ "32": {
2800
+ width: 32,
2801
+ path: "<g fill=\"currentColor\"><path d=\"M19.61,4.808c1.035-1.294,1.737-3.032,1.552-4.808-1.515,.075-3.363,.999-4.433,2.295-.961,1.109-1.811,2.92-1.59,4.621,1.7,.147,3.399-.85,4.471-2.108\"></path><path d=\"M21.143,7.248c-2.469-.147-4.569,1.401-5.748,1.401s-2.986-1.327-4.939-1.292c-2.542,.037-4.901,1.475-6.191,3.761-2.653,4.573-.7,11.357,1.88,15.081,1.253,1.843,2.763,3.872,4.753,3.799,1.88-.074,2.617-1.217,4.902-1.217s2.947,1.217,4.937,1.18c2.064-.037,3.354-1.844,4.607-3.688,1.437-2.101,2.026-4.129,2.063-4.24-.037-.037-3.98-1.549-4.016-6.084-.037-3.797,3.095-5.603,3.243-5.716-1.769-2.616-4.533-2.911-5.491-2.985\"></path></g>"
2802
+ }
2803
+ }
2804
+ };
2766
2805
  const argentina = {
2767
2806
  name: "argentina",
2768
2807
  keywords: [
@@ -3030,6 +3069,22 @@ const bhutan = {
3030
3069
  }
3031
3070
  }
3032
3071
  };
3072
+ const bitcoin = {
3073
+ name: "bitcoin",
3074
+ keywords: [
3075
+ "credit",
3076
+ "card",
3077
+ "bitcoin",
3078
+ "debit"
3079
+ ],
3080
+ style: "colored",
3081
+ heights: {
3082
+ "32": {
3083
+ width: 32,
3084
+ path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#fff\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#f7931a\" stroke-width=\"0\" d=\"m22.79,17.693c-.935,3.75-4.733,6.032-8.483,5.097-3.749-.935-6.031-4.733-5.096-8.483.934-3.75,4.733-6.033,8.482-5.098,3.75.935,6.032,4.734,5.097,8.484Z\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m19.086,15.003c.139-.931-.57-1.432-1.54-1.766l.315-1.262-.768-.191-.306,1.228c-.202-.05-.409-.098-.615-.145l.308-1.237-.768-.191-.315,1.261c-.167-.038-.331-.076-.49-.115v-.004s-1.058-.264-1.058-.264l-.204.82s.57.131.558.139c.311.078.367.283.358.447l-.862,3.456c-.038.094-.135.236-.352.182.008.011-.558-.139-.558-.139l-.381.879.999.249c.186.047.368.095.548.141l-.318,1.276.767.191.315-1.263c.21.057.413.109.612.159l-.314,1.257.768.191.318-1.274c1.31.248,2.294.148,2.709-1.037.334-.954-.017-1.504-.706-1.863.502-.116.88-.446.981-1.128Zm-1.755,2.461c-.237.954-1.843.438-2.364.309l.422-1.691c.521.13,2.19.387,1.942,1.382Zm.238-2.474c-.217.868-1.553.427-1.987.319l.382-1.533c.434.108,1.83.31,1.604,1.215Z\"></path></g>"
3085
+ }
3086
+ }
3087
+ };
3033
3088
  const blog = {
3034
3089
  name: "blog",
3035
3090
  keywords: [
@@ -3597,6 +3652,23 @@ const curacao = {
3597
3652
  }
3598
3653
  }
3599
3654
  };
3655
+ const cvc = {
3656
+ name: "cvc",
3657
+ keywords: [
3658
+ "credit",
3659
+ "card",
3660
+ "cvc",
3661
+ "cvv",
3662
+ "debit"
3663
+ ],
3664
+ style: "colored",
3665
+ heights: {
3666
+ "32": {
3667
+ width: 32,
3668
+ path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#e6e6e6\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path fill=\"#fff\" stroke-width=\"0\" d=\"M6 18H19V21H6z\"></path><path fill=\"#1a1a1a\" stroke-width=\"0\" d=\"m24.5,13.5c1.519,0,2.902.569,3.96,1.5h1.54v-4H2v4h18.541c1.057-.931,2.44-1.5,3.959-1.5Z\"></path><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><circle cx=\"24.5\" cy=\"19.5\" r=\"6\" fill=\"#e6e6e6\" stroke-width=\"0\"></circle><path fill=\"#fff\" stroke-width=\"0\" d=\"M19 17H29V22H19z\"></path><circle cx=\"24.5\" cy=\"19.5\" r=\"6\" fill=\"none\" stroke=\"#ed1c24\" stroke-miterlimit=\"10\"></circle><circle cx=\"21.75\" cy=\"19.5\" r=\".75\" fill=\"#1a1a1a\" stroke-width=\"0\"></circle><circle cx=\"24.25\" cy=\"19.5\" r=\".75\" fill=\"#1a1a1a\" stroke-width=\"0\"></circle><circle cx=\"26.75\" cy=\"19.5\" r=\".75\" fill=\"#1a1a1a\" stroke-width=\"0\"></circle></g>"
3669
+ }
3670
+ }
3671
+ };
3600
3672
  const cyprus = {
3601
3673
  name: "cyprus",
3602
3674
  keywords: [
@@ -3672,6 +3744,22 @@ const denmark = {
3672
3744
  }
3673
3745
  }
3674
3746
  };
3747
+ const discover = {
3748
+ name: "discover",
3749
+ keywords: [
3750
+ "credit",
3751
+ "card",
3752
+ "discover",
3753
+ "debit"
3754
+ ],
3755
+ style: "colored",
3756
+ heights: {
3757
+ "32": {
3758
+ width: 32,
3759
+ path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#fff\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path fill=\"#f47922\" stroke-width=\"0\" d=\"m27,7h-8c4.971,0,9,4.029,9,9s-4.029,9-9,9h8c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Z\"></path><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#231f20\" stroke-width=\"0\" d=\"m5.081,14.116h-1.081v3.777h1.076c.572,0,.985-.135,1.348-.436.431-.357.686-.894.686-1.45,0-1.115-.833-1.891-2.027-1.891Zm.86,2.837c-.231.209-.532.3-1.008.3h-.198v-2.497h.198c.476,0,.765.085,1.008.305.255.227.408.578.408.94s-.153.725-.408.952Z\"></path><path fill=\"#231f20\" stroke-width=\"0\" d=\"M7.448 14.116H8.185V17.893H7.448z\"></path><path fill=\"#231f20\" stroke-width=\"0\" d=\"m9.986,15.565c-.442-.164-.572-.271-.572-.475,0-.238.231-.419.549-.419.221,0,.402.091.594.306l.386-.505c-.317-.277-.696-.419-1.11-.419-.668,0-1.178.464-1.178,1.082,0,.52.237.787.929,1.036.288.102.435.17.509.215.147.096.221.232.221.391,0,.306-.243.533-.572.533-.351,0-.634-.175-.804-.504l-.476.458c.339.498.747.719,1.308.719.766,0,1.303-.509,1.303-1.24,0-.6-.248-.872-1.086-1.178Z\"></path><path fill=\"#231f20\" stroke-width=\"0\" d=\"m11.305,16.007c0,1.11.872,1.971,1.994,1.971.317,0,.589-.062.924-.22v-.867c-.295.295-.555.414-.889.414-.742,0-1.269-.538-1.269-1.303,0-.725.543-1.297,1.234-1.297.351,0,.617.125.924.425v-.867c-.323-.164-.589-.232-.906-.232-1.116,0-2.011.878-2.011,1.976Z\"></path><path fill=\"#231f20\" stroke-width=\"0\" d=\"M20.063 16.653L19.056 14.116 18.251 14.116 19.854 17.99 20.25 17.99 21.882 14.116 21.083 14.116 20.063 16.653z\"></path><path fill=\"#231f20\" stroke-width=\"0\" d=\"M22.215 17.893L24.304 17.893 24.304 17.253 22.951 17.253 22.951 16.234 24.254 16.234 24.254 15.594 22.951 15.594 22.951 14.756 24.304 14.756 24.304 14.116 22.215 14.116 22.215 17.893z\"></path><path fill=\"#231f20\" stroke-width=\"0\" d=\"m27.221,15.231c0-.707-.487-1.115-1.337-1.115h-1.092v3.777h.736v-1.517h.096l1.02,1.517h.906l-1.189-1.591c.555-.113.861-.492.861-1.071Zm-1.478.624h-.216v-1.144h.227c.459,0,.708.192.708.56,0,.38-.249.584-.72.584Z\"></path><path fill=\"#f47922\" stroke-width=\"0\" d=\"m18.461,16c0,1.105-.895,2-2,2s-2-.895-2-2,.895-2,2-2,2,.895,2,2Z\"></path></g>"
3760
+ }
3761
+ }
3762
+ };
3675
3763
  const djibouti = {
3676
3764
  name: "djibouti",
3677
3765
  keywords: [
@@ -3970,6 +4058,19 @@ const eye = {
3970
4058
  }
3971
4059
  }
3972
4060
  };
4061
+ const facebook = {
4062
+ name: "facebook",
4063
+ keywords: [
4064
+ "logo",
4065
+ "facebook"
4066
+ ],
4067
+ heights: {
4068
+ "32": {
4069
+ width: 32,
4070
+ path: "<g fill=\"currentColor\"><path d=\"M16,2c-7.732,0-14,6.268-14,14,0,6.566,4.52,12.075,10.618,13.588v-9.31h-2.887v-4.278h2.887v-1.843c0-4.765,2.156-6.974,6.835-6.974,.887,0,2.417,.174,3.043,.348v3.878c-.33-.035-.904-.052-1.617-.052-2.296,0-3.183,.87-3.183,3.13v1.513h4.573l-.786,4.278h-3.787v9.619c6.932-.837,12.304-6.74,12.304-13.897,0-7.732-6.268-14-14-14Z\"></path></g>"
4071
+ }
4072
+ }
4073
+ };
3973
4074
  const fiji = {
3974
4075
  name: "fiji",
3975
4076
  keywords: [
@@ -4015,6 +4116,63 @@ const file = {
4015
4116
  }
4016
4117
  }
4017
4118
  };
4119
+ const files = {
4120
+ name: "files",
4121
+ keywords: [
4122
+ "page",
4123
+ "data",
4124
+ "document",
4125
+ "paper",
4126
+ "file",
4127
+ "files"
4128
+ ],
4129
+ heights: {
4130
+ "16": {
4131
+ width: 16,
4132
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M4.67 11.79h-0.89a1.78 1.78 0 0 1-1.78-1.78v-7.12a1.78 1.78 0 0 1 1.78-1.78h4.45a1.78 1.78 0 0 1 1.78 1.78v0.94\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M4.67 12.68v-7.12a1.78 1.78 0 0 1 1.78-1.78h3.64c0.24 0 0.46 0.09 0.63 0.26l2.59 2.6a0.89 0.89 0 0 1 0.26 0.63v5.41a1.78 1.78 0 0 1-1.78 1.78h-5.34a1.78 1.78 0 0 1-1.78-1.78z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M13.57 7.34h-2.67a0.89 0.89 0 0 1-0.89-0.89v-2.67\"></path></g>"
4133
+ },
4134
+ "20": {
4135
+ width: 20,
4136
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M5.84 14.74h-1.11a2.23 2.23 0 0 1-2.23-2.23v-8.9a2.23 2.23 0 0 1 2.23-2.22h5.56a2.23 2.23 0 0 1 2.22 2.22v1.18\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M5.84 15.85v-8.9a2.23 2.23 0 0 1 2.22-2.23h4.55c0.3 0 0.58 0.11 0.79 0.33l3.24 3.25a1.11 1.11 0 0 1 0.32 0.79v6.76a2.23 2.23 0 0 1-2.22 2.23h-6.68a2.23 2.23 0 0 1-2.22-2.23z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M16.96 9.18h-3.34a1.11 1.11 0 0 1-1.11-1.12v-3.33\"></path></g>"
4137
+ },
4138
+ "24": {
4139
+ width: 24,
4140
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M7.01 17.69h-1.33a2.68 2.68 0 0 1-2.68-2.68v-10.68a2.68 2.68 0 0 1 2.68-2.66h6.67a2.68 2.68 0 0 1 2.66 2.66v1.42\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M7.01 19.02v-10.68a2.68 2.68 0 0 1 2.66-2.68h5.46c0.36 0 0.7 0.13 0.95 0.4l3.89 3.9a1.33 1.33 0 0 1 0.38 0.95v8.11a2.68 2.68 0 0 1-2.66 2.68h-8.02a2.68 2.68 0 0 1-2.66-2.68z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M20.35 11.02h-4.01a1.33 1.33 0 0 1-1.33-1.35v-3.99\"></path></g>"
4141
+ },
4142
+ "32": {
4143
+ width: 32,
4144
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.32 23.53h-1.77a3.56 3.56 0 0 1-3.56-3.57v-14.2a3.56 3.56 0 0 1 3.56-3.54h8.88a3.56 3.56 0 0 1 3.53 3.54v1.89\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.32 25.3v-14.21a3.56 3.56 0 0 1 3.54-3.56h7.26c0.48 0 0.93 0.17 1.27 0.53l5.17 5.19a1.77 1.77 0 0 1 0.51 1.26v10.79a3.56 3.56 0 0 1-3.54 3.56h-10.67a3.56 3.56 0 0 1-3.54-3.56z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M27.07 14.66h-5.34a1.77 1.77 0 0 1-1.77-1.8v-5.31\"></path></g>"
4145
+ }
4146
+ }
4147
+ };
4148
+ const fill = {
4149
+ name: "fill",
4150
+ keywords: [
4151
+ "drop",
4152
+ "color",
4153
+ "paint",
4154
+ "fill",
4155
+ "bucket"
4156
+ ],
4157
+ heights: {
4158
+ "16": {
4159
+ width: 16,
4160
+ path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M13.69 10.8c-0.19-0.19-0.37-0.39-0.55-0.62a0.46 0.46 0 0 0-0.69 0c-0.18 0.22-0.37 0.42-0.56 0.62-0.6 0.63-1.21 1.28-1.21 2.41 0 1.18 0.95 2.14 2.11 2.14s2.11-0.96 2.12-2.14c0-1.14-0.62-1.79-1.22-2.41z\"></path><path fill=\"currentColor\" d=\"M12.87 7.51l-6.11-7.27a0.67 0.67 0 0 0-1.02 0.86l0.77 0.92-4.72 3.86a2.45 2.45 0 0 0-0.34 3.45l2.63 3.19a2.43 2.43 0 0 0 1.9 0.9c0.57 0 1.12-0.2 1.57-0.57l5.24-4.4a0.67 0.67 0 0 0 0.08-0.94z m-5.5-4.47l3.43 4.08h-8.33c0.05-0.07 0.1-0.15 0.16-0.2l4.74-3.88z\"></path></g>"
4161
+ },
4162
+ "20": {
4163
+ width: 20,
4164
+ path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M17.08 13.47c-0.23-0.24-0.47-0.49-0.69-0.77a0.57 0.57 0 0 0-0.87 0c-0.22 0.28-0.46 0.53-0.69 0.77-0.74 0.78-1.51 1.6-1.51 3.01 0 1.47 1.18 2.67 2.64 2.67s2.64-1.2 2.63-2.67c0-1.42-0.77-2.23-1.51-3.01z\"></path><path fill=\"currentColor\" d=\"M16.06 9.36l-7.63-9.06a0.83 0.83 0 0 0-1.27 1.07l0.97 1.15-5.9 4.81a3.06 3.06 0 0 0-0.43 4.3l3.29 3.99a3.03 3.03 0 0 0 2.37 1.12c0.72 0 1.4-0.25 1.96-0.71l6.53-5.49a0.83 0.83 0 0 0 0.11-1.18z m-6.86-5.57l4.28 5.09h-10.4c0.07-0.09 0.12-0.18 0.21-0.26l5.91-4.83z\"></path></g>"
4165
+ },
4166
+ "24": {
4167
+ width: 24,
4168
+ path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M20.46 16.14c-0.28-0.29-0.56-0.59-0.82-0.93a0.69 0.69 0 0 0-1.04 0c-0.27 0.33-0.55 0.63-0.83 0.93-0.89 0.94-1.81 1.91-1.81 3.61 0 1.76 1.42 3.19 3.16 3.19s3.16-1.43 3.16-3.19c0-1.7-0.92-2.67-1.82-3.61z\"></path><path fill=\"currentColor\" d=\"M19.24 11.22l-9.13-10.86a1 1 0 0 0-1.53 1.28l1.16 1.38-7.07 5.77a3.67 3.67 0 0 0-0.51 5.15l3.94 4.78a3.63 3.63 0 0 0 2.84 1.34c0.86 0 1.68-0.3 2.35-0.86l7.83-6.58a1 1 0 0 0 0.12-1.4z m-8.22-6.68l5.13 6.1h-12.46c0.08-0.11 0.14-0.22 0.25-0.31l7.08-5.79z\"></path></g>"
4169
+ },
4170
+ "32": {
4171
+ width: 32,
4172
+ path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M27.39 21.59c-0.37-0.39-0.75-0.79-1.11-1.23a0.92 0.92 0 0 0-1.39 0c-0.36 0.45-0.74 0.85-1.1 1.23-1.19 1.26-2.43 2.56-2.43 4.84 0 2.36 1.9 4.28 4.23 4.27s4.23-1.92 4.23-4.27c0-2.28-1.23-3.58-2.43-4.84z\"></path><path fill=\"currentColor\" d=\"M25.75 15.01l-12.23-14.53a1.34 1.34 0 0 0-2.04 1.71l1.55 1.85-9.45 7.72a4.91 4.91 0 0 0-0.69 6.9l5.28 6.39a4.86 4.86 0 0 0 3.8 1.8c1.15 0 2.25-0.4 3.14-1.15l10.47-8.8a1.34 1.34 0 0 0 0.17-1.88z m-11-8.93l6.86 8.16h-16.68c0.11-0.14 0.19-0.29 0.34-0.41l9.48-7.75z\"></path></g>"
4173
+ }
4174
+ }
4175
+ };
4018
4176
  const fingerprint = {
4019
4177
  name: "fingerprint",
4020
4178
  keywords: [
@@ -4281,6 +4439,19 @@ const gift = {
4281
4439
  }
4282
4440
  }
4283
4441
  };
4442
+ const google = {
4443
+ name: "google",
4444
+ keywords: [
4445
+ "logo",
4446
+ "google"
4447
+ ],
4448
+ heights: {
4449
+ "32": {
4450
+ width: 32,
4451
+ path: "<g fill=\"currentColor\"><path d=\"M29.44,16.318c0-.993-.089-1.947-.255-2.864h-13.185v5.422h7.535c-.331,1.744-1.324,3.22-2.813,4.213v3.525h4.544c2.647-2.444,4.175-6.033,4.175-10.296Z\" opacity=\".4\"></path><path d=\"M16,30c3.78,0,6.949-1.247,9.265-3.385l-4.544-3.525c-1.247,.84-2.838,1.349-4.722,1.349-3.64,0-6.733-2.456-7.84-5.765l-2.717,2.09-1.941,1.525c2.304,4.569,7.025,7.713,12.498,7.713Z\"></path><path d=\"M8.16,18.66c-.28-.84-.445-1.731-.445-2.66s.165-1.82,.445-2.66v-3.615H3.502c-.955,1.884-1.502,4.009-1.502,6.275s.547,4.391,1.502,6.275h3.332s1.327-3.615,1.327-3.615Z\" opacity=\".4\"></path><path d=\"M16,7.575c2.062,0,3.895,.713,5.358,2.087l4.009-4.009c-2.431-2.265-5.587-3.653-9.367-3.653-5.473,0-10.195,3.144-12.498,7.725l4.658,3.615c1.107-3.309,4.2-5.765,7.84-5.765Z\"></path></g>"
4452
+ }
4453
+ }
4454
+ };
4284
4455
  const greece = {
4285
4456
  name: "greece",
4286
4457
  keywords: [
@@ -4582,6 +4753,19 @@ const indonesia = {
4582
4753
  }
4583
4754
  }
4584
4755
  };
4756
+ const instagram = {
4757
+ name: "instagram",
4758
+ keywords: [
4759
+ "logo",
4760
+ "instagram"
4761
+ ],
4762
+ heights: {
4763
+ "32": {
4764
+ width: 32,
4765
+ path: "<g fill=\"currentColor\"><path d=\"M10.202,2.098c-1.49,.07-2.507,.308-3.396,.657-.92,.359-1.7,.84-2.477,1.619-.776,.779-1.254,1.56-1.61,2.481-.345,.891-.578,1.909-.644,3.4-.066,1.49-.08,1.97-.073,5.771s.024,4.278,.096,5.772c.071,1.489,.308,2.506,.657,3.396,.359,.92,.84,1.7,1.619,2.477,.779,.776,1.559,1.253,2.483,1.61,.89,.344,1.909,.579,3.399,.644,1.49,.065,1.97,.08,5.771,.073,3.801-.007,4.279-.024,5.773-.095s2.505-.309,3.395-.657c.92-.36,1.701-.84,2.477-1.62s1.254-1.561,1.609-2.483c.345-.89,.579-1.909,.644-3.398,.065-1.494,.081-1.971,.073-5.773s-.024-4.278-.095-5.771-.308-2.507-.657-3.397c-.36-.92-.84-1.7-1.619-2.477s-1.561-1.254-2.483-1.609c-.891-.345-1.909-.58-3.399-.644s-1.97-.081-5.772-.074-4.278,.024-5.771,.096m.164,25.309c-1.365-.059-2.106-.286-2.6-.476-.654-.252-1.12-.557-1.612-1.044s-.795-.955-1.05-1.608c-.192-.494-.423-1.234-.487-2.599-.069-1.475-.084-1.918-.092-5.656s.006-4.18,.071-5.656c.058-1.364,.286-2.106,.476-2.6,.252-.655,.556-1.12,1.044-1.612s.955-.795,1.608-1.05c.493-.193,1.234-.422,2.598-.487,1.476-.07,1.919-.084,5.656-.092,3.737-.008,4.181,.006,5.658,.071,1.364,.059,2.106,.285,2.599,.476,.654,.252,1.12,.555,1.612,1.044s.795,.954,1.051,1.609c.193,.492,.422,1.232,.486,2.597,.07,1.476,.086,1.919,.093,5.656,.007,3.737-.006,4.181-.071,5.656-.06,1.365-.286,2.106-.476,2.601-.252,.654-.556,1.12-1.045,1.612s-.955,.795-1.608,1.05c-.493,.192-1.234,.422-2.597,.487-1.476,.069-1.919,.084-5.657,.092s-4.18-.007-5.656-.071M21.779,8.517c.002,.928,.755,1.679,1.683,1.677s1.679-.755,1.677-1.683c-.002-.928-.755-1.679-1.683-1.677,0,0,0,0,0,0-.928,.002-1.678,.755-1.677,1.683m-12.967,7.496c.008,3.97,3.232,7.182,7.202,7.174s7.183-3.232,7.176-7.202c-.008-3.97-3.233-7.183-7.203-7.175s-7.182,3.233-7.174,7.203m2.522-.005c-.005-2.577,2.08-4.671,4.658-4.676,2.577-.005,4.671,2.08,4.676,4.658,.005,2.577-2.08,4.671-4.658,4.676-2.577,.005-4.671-2.079-4.676-4.656h0\"></path></g>"
4766
+ }
4767
+ }
4768
+ };
4585
4769
  const iran = {
4586
4770
  name: "iran",
4587
4771
  keywords: [
@@ -5028,6 +5212,19 @@ const link = {
5028
5212
  }
5029
5213
  }
5030
5214
  };
5215
+ const linkedin = {
5216
+ name: "linkedin",
5217
+ keywords: [
5218
+ "logo",
5219
+ "linkedin"
5220
+ ],
5221
+ heights: {
5222
+ "32": {
5223
+ width: 32,
5224
+ path: "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M26.111,3H5.889c-1.595,0-2.889,1.293-2.889,2.889V26.111c0,1.595,1.293,2.889,2.889,2.889H26.111c1.595,0,2.889-1.293,2.889-2.889V5.889c0-1.595-1.293-2.889-2.889-2.889ZM10.861,25.389h-3.877V12.87h3.877v12.519Zm-1.957-14.158c-1.267,0-2.293-1.034-2.293-2.31s1.026-2.31,2.293-2.31,2.292,1.034,2.292,2.31-1.026,2.31-2.292,2.31Zm16.485,14.158h-3.858v-6.571c0-1.802-.685-2.809-2.111-2.809-1.551,0-2.362,1.048-2.362,2.809v6.571h-3.718V12.87h3.718v1.686s1.118-2.069,3.775-2.069,4.556,1.621,4.556,4.975v7.926Z\"></path></g>"
5225
+ }
5226
+ }
5227
+ };
5031
5228
  const lithuania = {
5032
5229
  name: "lithuania",
5033
5230
  keywords: [
@@ -5115,6 +5312,22 @@ const madagascar = {
5115
5312
  }
5116
5313
  }
5117
5314
  };
5315
+ const maestro = {
5316
+ name: "maestro",
5317
+ keywords: [
5318
+ "credit",
5319
+ "card",
5320
+ "debit",
5321
+ "maestro"
5322
+ ],
5323
+ style: "colored",
5324
+ heights: {
5325
+ "32": {
5326
+ width: 32,
5327
+ path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#fff\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#7375cf\" stroke-width=\"0\" d=\"M13.597 11.677H18.407V20.32H13.597z\"></path><path fill=\"#eb001b\" stroke-width=\"0\" d=\"m13.902,15.999c0-1.68.779-3.283,2.092-4.322-2.382-1.878-5.849-1.466-7.727.932-1.863,2.382-1.451,5.833.947,7.712,2,1.573,4.795,1.573,6.795,0-1.329-1.038-2.107-2.642-2.107-4.322Z\"></path><path fill=\"#00a2e5\" stroke-width=\"0\" d=\"m24.897,15.999c0,3.039-2.459,5.497-5.497,5.497-1.237,0-2.428-.412-3.39-1.176,2.382-1.878,2.795-5.329.916-7.727-.275-.336-.58-.657-.916-.916,2.382-1.878,5.849-1.466,7.712.932.764.962,1.176,2.153,1.176,3.39Z\"></path></g>"
5328
+ }
5329
+ }
5330
+ };
5118
5331
  const magnifier = {
5119
5332
  name: "magnifier",
5120
5333
  keywords: [
@@ -5256,6 +5469,22 @@ const martinique = {
5256
5469
  }
5257
5470
  }
5258
5471
  };
5472
+ const mastercard = {
5473
+ name: "mastercard",
5474
+ keywords: [
5475
+ "credit",
5476
+ "card",
5477
+ "debit",
5478
+ "mastercard"
5479
+ ],
5480
+ style: "colored",
5481
+ heights: {
5482
+ "32": {
5483
+ width: 32,
5484
+ path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#141413\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#ff5f00\" stroke-width=\"0\" d=\"M13.597 11.677H18.407V20.32H13.597z\"></path><path fill=\"#eb001b\" stroke-width=\"0\" d=\"m13.902,15.999c0-1.68.779-3.283,2.092-4.322-2.382-1.878-5.849-1.466-7.727.932-1.863,2.382-1.451,5.833.947,7.712,2,1.573,4.795,1.573,6.795,0-1.329-1.038-2.107-2.642-2.107-4.322Z\"></path><path fill=\"#f79e1b\" stroke-width=\"0\" d=\"m24.897,15.999c0,3.039-2.459,5.497-5.497,5.497-1.237,0-2.428-.412-3.39-1.176,2.382-1.878,2.795-5.329.916-7.727-.275-.336-.58-.657-.916-.916,2.382-1.878,5.849-1.466,7.712.932.764.962,1.176,2.153,1.176,3.39Z\"></path></g>"
5485
+ }
5486
+ }
5487
+ };
5259
5488
  const mauritania = {
5260
5489
  name: "mauritania",
5261
5490
  keywords: [
@@ -5482,6 +5711,35 @@ const mongolia = {
5482
5711
  }
5483
5712
  }
5484
5713
  };
5714
+ const monitor = {
5715
+ name: "monitor",
5716
+ keywords: [
5717
+ "desktop",
5718
+ "screen",
5719
+ "monitor",
5720
+ "computer",
5721
+ "device",
5722
+ "display"
5723
+ ],
5724
+ heights: {
5725
+ "16": {
5726
+ width: 16,
5727
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.12 14.02a9.62 9.62 0 0 1 5.78 0\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M8.01 11.35v2.22\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M12.68 2.45h-9.34a1.78 1.78 0 0 0-1.78 1.78v5.34a1.78 1.78 0 0 0 1.78 1.78h9.34a1.78 1.78 0 0 0 1.78-1.78v-5.34a1.78 1.78 0 0 0-1.78-1.78z\"></path></g>"
5728
+ },
5729
+ "20": {
5730
+ width: 20,
5731
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M6.38 17.48a12 12 0 0 1 7.22 0\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M9.99 14.15v2.78\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M15.82 3.05h-11.66a2.22 2.22 0 0 0-2.22 2.22v6.66a2.22 2.22 0 0 0 2.22 2.22h11.66a2.22 2.22 0 0 0 2.22-2.22v-6.66a2.22 2.22 0 0 0-2.22-2.22z\"></path></g>"
5732
+ },
5733
+ "24": {
5734
+ width: 24,
5735
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M7.65 20.95a14.38 14.38 0 0 1 8.64 0\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M11.97 16.96v3.32\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M18.95 3.66h-13.96a2.66 2.66 0 0 0-2.66 2.66v7.98a2.66 2.66 0 0 0 2.66 2.66h13.96a2.66 2.66 0 0 0 2.66-2.66v-7.98a2.66 2.66 0 0 0-2.66-2.66z\"></path></g>"
5736
+ },
5737
+ "32": {
5738
+ width: 32,
5739
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.23 28.04a19.25 19.25 0 0 1 11.57 0\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16.02 22.7v4.45\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M25.37 4.9h-18.7a3.56 3.56 0 0 0-3.56 3.56v10.68a3.56 3.56 0 0 0 3.56 3.56h18.7a3.56 3.56 0 0 0 3.56-3.56v-10.68a3.56 3.56 0 0 0-3.56-3.56z\"></path></g>"
5740
+ }
5741
+ }
5742
+ };
5485
5743
  const montenegro = {
5486
5744
  name: "montenegro",
5487
5745
  keywords: [
@@ -5776,6 +6034,22 @@ const paraguay = {
5776
6034
  }
5777
6035
  }
5778
6036
  };
6037
+ const paypal = {
6038
+ name: "paypal",
6039
+ keywords: [
6040
+ "credit",
6041
+ "card",
6042
+ "debit",
6043
+ "paypal"
6044
+ ],
6045
+ style: "colored",
6046
+ heights: {
6047
+ "32": {
6048
+ width: 32,
6049
+ path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#fff\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#003087\" stroke-width=\"0\" d=\"m5.03,12.792c-.069,0-.128.05-.139.119l-.801,5.082c-.011.071.037.138.108.149.007.001.013.002.02.002h.95c.069,0,.128-.05.139-.119l.235-1.492c.011-.068.07-.119.139-.119h.864c1.01,0,1.866-.737,2.023-1.735.158-1.007-.629-1.884-1.743-1.886h-1.796Zm.924,1.134h.691c.569,0,.754.336.696.707-.059.372-.346.646-.897.646h-.704l.213-1.353Zm4.548.345c-.24,0-.516.05-.826.179-.711.296-1.053.909-1.198,1.355,0,0-.462,1.362.581,2.111,0,0,.967.721,2.056-.044l-.019.119c-.011.071.037.138.108.149.007.001.013.002.02.002h.902c.069,0,.128-.05.139-.119l.549-3.48c.011-.071-.037-.138-.108-.149-.007-.001-.013-.002-.02-.002h-.902c-.069,0-.128.05-.139.119l-.029.187s-.394-.43-1.114-.428h0Zm.029,1.099c.104,0,.198.014.283.042.389.125.61.499.546.904-.079.499-.488.867-1.013.867-.103,0-.198-.014-.283-.042-.389-.125-.611-.499-.547-.904.079-.499.489-.867,1.014-.867h0Z\"></path><path fill=\"#0070e0\" stroke-width=\"0\" d=\"m18.022,12.792c-.069,0-.128.05-.139.119l-.801,5.082c-.011.071.037.138.108.149.007.001.013.002.02.002h.95c.069,0,.128-.05.139-.119l.235-1.492c.011-.068.07-.119.139-.119h.864c1.01,0,1.866-.737,2.023-1.735.158-1.007-.628-1.884-1.743-1.886h-1.796Zm.924,1.134h.691c.569,0,.754.336.696.707-.059.372-.346.646-.897.646h-.704l.213-1.353Zm4.548.345c-.24,0-.516.05-.826.179-.711.296-1.053.909-1.198,1.355,0,0-.461,1.362.581,2.111,0,0,.967.721,2.056-.044l-.019.119c-.011.071.037.138.108.149.007.001.013.002.02.002h.902c.069,0,.128-.05.139-.119l.549-3.48c.011-.071-.037-.138-.108-.149-.007-.001-.014-.002-.02-.002h-.902c-.069,0-.128.05-.139.119l-.029.187s-.394-.43-1.114-.428h0Zm.029,1.099c.104,0,.198.014.283.042.389.125.61.499.546.904-.079.499-.488.867-1.013.867-.103,0-.198-.014-.283-.042-.389-.125-.611-.499-.547-.904.079-.499.489-.867,1.014-.867h0Z\"></path><path fill=\"#003087\" stroke-width=\"0\" d=\"m13.243,14.394c-.072,0-.122.07-.101.138l.989,3.069-.894,1.446c-.043.07.007.161.09.161h1.057c.061,0,.118-.032.15-.085l2.762-4.569c.042-.07-.008-.16-.09-.16h-1.057c-.062,0-.12.033-.151.086l-1.087,1.836-.552-1.822c-.018-.059-.073-.1-.135-.1h-.981Z\"></path><path fill=\"#0070e0\" stroke-width=\"0\" d=\"m26.831,12.792c-.069,0-.128.05-.139.119l-.802,5.082c-.011.071.037.138.108.149.007.001.014.002.02.002h.95c.069,0,.128-.05.139-.119l.801-5.082c.011-.071-.037-.138-.108-.149-.007-.001-.013-.002-.02-.002h-.95Z\"></path></g>"
6050
+ }
6051
+ }
6052
+ };
5779
6053
  const percentage = {
5780
6054
  name: "percentage",
5781
6055
  keywords: [
@@ -5914,6 +6188,19 @@ const pin = {
5914
6188
  }
5915
6189
  }
5916
6190
  };
6191
+ const pinterest = {
6192
+ name: "pinterest",
6193
+ keywords: [
6194
+ "logo",
6195
+ "pinterest"
6196
+ ],
6197
+ heights: {
6198
+ "32": {
6199
+ width: 32,
6200
+ path: "<g fill=\"currentColor\"><path d=\"M16,2C8.268,2,2,8.268,2,16c0,5.931,3.69,11.001,8.898,13.041-.122-1.108-.233-2.811,.049-4.02,.254-1.093,1.642-6.959,1.642-6.959,0,0-.419-.839-.419-2.079,0-1.947,1.128-3.4,2.533-3.4,1.194,0,1.771,.897,1.771,1.972,0,1.201-.765,2.997-1.16,4.661-.33,1.393,.699,2.53,2.073,2.53,2.488,0,4.401-2.624,4.401-6.411,0-3.352-2.409-5.696-5.848-5.696-3.983,0-6.322,2.988-6.322,6.076,0,1.203,.464,2.494,1.042,3.195,.114,.139,.131,.26,.097,.402-.106,.442-.342,1.393-.389,1.588-.061,.256-.203,.311-.468,.187-1.749-.814-2.842-3.37-2.842-5.424,0-4.416,3.209-8.472,9.25-8.472,4.857,0,8.631,3.461,8.631,8.086,0,4.825-3.042,8.708-7.265,8.708-1.419,0-2.752-.737-3.209-1.608,0,0-.702,2.673-.872,3.328-.316,1.216-1.169,2.74-1.74,3.67,1.31,.406,2.702,.624,4.145,.624,7.732,0,14-6.268,14-14S23.732,2,16,2Z\"></path></g>"
6201
+ }
6202
+ }
6203
+ };
5917
6204
  const pinwheel = {
5918
6205
  name: "pinwheel",
5919
6206
  keywords: [
@@ -6403,6 +6690,19 @@ const singapore = {
6403
6690
  }
6404
6691
  }
6405
6692
  };
6693
+ const slack = {
6694
+ name: "slack",
6695
+ keywords: [
6696
+ "logo",
6697
+ "slack"
6698
+ ],
6699
+ heights: {
6700
+ "32": {
6701
+ width: 32,
6702
+ path: "<g fill=\"currentColor\"><path d=\"M8.463,19.43c0,1.503-1.228,2.731-2.731,2.731s-2.731-1.228-2.731-2.731,1.228-2.731,2.731-2.731h2.731v2.731Z\"></path><path d=\"M9.839,19.43c0-1.503,1.228-2.731,2.731-2.731s2.731,1.228,2.731,2.731v6.839c0,1.503-1.228,2.731-2.731,2.731s-2.731-1.228-2.731-2.731c0,0,0-6.839,0-6.839Z\"></path><path d=\"M12.57,8.463c-1.503,0-2.731-1.228-2.731-2.731s1.228-2.731,2.731-2.731,2.731,1.228,2.731,2.731v2.731h-2.731Z\"></path><path d=\"M12.57,9.839c1.503,0,2.731,1.228,2.731,2.731s-1.228,2.731-2.731,2.731H5.731c-1.503,0-2.731-1.228-2.731-2.731s1.228-2.731,2.731-2.731c0,0,6.839,0,6.839,0Z\"></path><path d=\"M23.537,12.57c0-1.503,1.228-2.731,2.731-2.731s2.731,1.228,2.731,2.731-1.228,2.731-2.731,2.731h-2.731v-2.731Z\"></path><path d=\"M22.161,12.57c0,1.503-1.228,2.731-2.731,2.731s-2.731-1.228-2.731-2.731V5.731c0-1.503,1.228-2.731,2.731-2.731s2.731,1.228,2.731,2.731v6.839Z\"></path><path d=\"M19.43,23.537c1.503,0,2.731,1.228,2.731,2.731s-1.228,2.731-2.731,2.731-2.731-1.228-2.731-2.731v-2.731h2.731Z\"></path><path d=\"M19.43,22.161c-1.503,0-2.731-1.228-2.731-2.731s1.228-2.731,2.731-2.731h6.839c1.503,0,2.731,1.228,2.731,2.731s-1.228,2.731-2.731,2.731h-6.839Z\"></path></g>"
6703
+ }
6704
+ }
6705
+ };
6406
6706
  const slovakia = {
6407
6707
  name: "slovakia",
6408
6708
  keywords: [
@@ -7014,15 +7314,61 @@ const vietnam = {
7014
7314
  }
7015
7315
  }
7016
7316
  };
7017
- const volume = {
7018
- name: "volume",
7317
+ const visa = {
7318
+ name: "visa",
7019
7319
  keywords: [
7020
- "volume",
7021
- "control",
7022
- "sound",
7023
- "music",
7024
- "audio",
7025
- "speaker"
7320
+ "credit",
7321
+ "card",
7322
+ "debit",
7323
+ "visa"
7324
+ ],
7325
+ style: "colored",
7326
+ heights: {
7327
+ "32": {
7328
+ width: 32,
7329
+ path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#fff\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#1434cb\" stroke-width=\"0\" d=\"m13.392,12.624l-2.838,6.77h-1.851l-1.397-5.403c-.085-.332-.158-.454-.416-.595-.421-.229-1.117-.443-1.728-.576l.041-.196h2.98c.38,0,.721.253.808.69l.738,3.918,1.822-4.608h1.84Z\"></path><path fill=\"#1434cb\" stroke-width=\"0\" d=\"m20.646,17.183c.008-1.787-2.47-1.886-2.453-2.684.005-.243.237-.501.743-.567.251-.032.943-.058,1.727.303l.307-1.436c-.421-.152-.964-.299-1.638-.299-1.732,0-2.95.92-2.959,2.238-.011.975.87,1.518,1.533,1.843.683.332.912.545.909.841-.005.454-.545.655-1.047.663-.881.014-1.392-.238-1.799-.428l-.318,1.484c.41.188,1.165.351,1.947.359,1.841,0,3.044-.909,3.05-2.317\"></path><path fill=\"#1434cb\" stroke-width=\"0\" d=\"m25.423,12.624h-1.494c-.337,0-.62.195-.746.496l-2.628,6.274h1.839l.365-1.011h2.247l.212,1.011h1.62l-1.415-6.77Zm-2.16,4.372l.922-2.542.53,2.542h-1.452Z\"></path><path fill=\"#1434cb\" stroke-width=\"0\" d=\"M15.894 12.624L14.446 19.394 12.695 19.394 14.143 12.624 15.894 12.624z\"></path></g>"
7330
+ }
7331
+ }
7332
+ };
7333
+ const voicemail = {
7334
+ name: "voicemail",
7335
+ keywords: [
7336
+ "message",
7337
+ "phone",
7338
+ "audio",
7339
+ "voice",
7340
+ "mail",
7341
+ "voicemail",
7342
+ "recording"
7343
+ ],
7344
+ heights: {
7345
+ "16": {
7346
+ width: 16,
7347
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M3.56 5.12a2.89 2.89 0 1 0 0 5.78 2.89 2.89 0 1 0 0-5.78z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M12.46 5.12a2.89 2.89 0 1 0 0 5.78 2.89 2.89 0 1 0 0-5.78z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M3.34 10.9h9.34\"></path></g>"
7348
+ },
7349
+ "20": {
7350
+ width: 20,
7351
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M4.44 6.38a3.61 3.61 0 1 0 0 7.22 3.61 3.61 0 1 0 0-7.22z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M15.54 6.38a3.61 3.61 0 1 0 0 7.22 3.61 3.61 0 1 0 0-7.22z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M4.16 13.6h11.66\"></path></g>"
7352
+ },
7353
+ "24": {
7354
+ width: 24,
7355
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M5.32 7.65a4.32 4.32 0 1 0 0 8.64 4.32 4.32 0 1 0 0-8.64z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M18.62 7.65a4.32 4.32 0 1 0 0 8.64 4.32 4.32 0 1 0 0-8.64z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M4.99 16.29h13.96\"></path></g>"
7356
+ },
7357
+ "32": {
7358
+ width: 32,
7359
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7.12 10.23a5.79 5.79 0 1 0 0 11.57 5.79 5.79 0 1 0 0-11.57z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M24.92 10.23a5.79 5.79 0 1 0 0 11.57 5.79 5.79 0 1 0 0-11.57z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6.67 21.8h18.7\"></path></g>"
7360
+ }
7361
+ }
7362
+ };
7363
+ const volume = {
7364
+ name: "volume",
7365
+ keywords: [
7366
+ "volume",
7367
+ "control",
7368
+ "sound",
7369
+ "music",
7370
+ "audio",
7371
+ "speaker"
7026
7372
  ],
7027
7373
  heights: {
7028
7374
  "16": {
@@ -7203,6 +7549,20 @@ const yoga = {
7203
7549
  }
7204
7550
  }
7205
7551
  };
7552
+ const youtube = {
7553
+ name: "youtube",
7554
+ keywords: [
7555
+ "logo",
7556
+ "youtube",
7557
+ "google"
7558
+ ],
7559
+ heights: {
7560
+ "32": {
7561
+ width: 32,
7562
+ path: "<g fill=\"currentColor\"><path d=\"M31.331,8.248c-.368-1.386-1.452-2.477-2.829-2.848-2.496-.673-12.502-.673-12.502-.673,0,0-10.007,0-12.502,.673-1.377,.37-2.461,1.462-2.829,2.848-.669,2.512-.669,7.752-.669,7.752,0,0,0,5.241,.669,7.752,.368,1.386,1.452,2.477,2.829,2.847,2.496,.673,12.502,.673,12.502,.673,0,0,10.007,0,12.502-.673,1.377-.37,2.461-1.462,2.829-2.847,.669-2.512,.669-7.752,.669-7.752,0,0,0-5.24-.669-7.752ZM12.727,20.758V11.242l8.364,4.758-8.364,4.758Z\"></path></g>"
7563
+ }
7564
+ }
7565
+ };
7206
7566
  const zambia = {
7207
7567
  name: "zambia",
7208
7568
  keywords: [
@@ -7351,6 +7711,24 @@ var data = {
7351
7711
  },
7352
7712
  albania: albania,
7353
7713
  algeria: algeria,
7714
+ "american-express": {
7715
+ name: "american-express",
7716
+ keywords: [
7717
+ "credit",
7718
+ "card",
7719
+ "american",
7720
+ "express",
7721
+ "amex",
7722
+ "debit"
7723
+ ],
7724
+ style: "colored",
7725
+ heights: {
7726
+ "32": {
7727
+ width: 32,
7728
+ path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#0f70ce\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path fill=\"#fff\" stroke-width=\"0\" d=\"m27.026,9l-.719,1.965-.708-1.965h-3.885v2.582l-1.136-2.582h-3.119l-3.259,7.409h2.637v6.591h8.097l1.316-1.458,1.322,1.458h2.244c.112-.314.184-.647.184-1v-1.041l-1.58-1.698,1.58-1.655v-7.606c0-.353-.072-.686-.184-1h-2.79Z\"></path><path fill=\"#0f70ce\" stroke-width=\"0\" d=\"m17.679,14.433h2.61l.502,1.148h1.78l-2.531-5.754h-2.039l-2.531,5.754h1.734l.477-1.148Zm1.307-3.135l.775,1.844h-1.535l.761-1.844Z\"></path><path fill=\"#0f70ce\" stroke-width=\"0\" d=\"M22.542 9.827L25.018 9.827 26.302 13.39 27.604 9.827 30 9.827 30 15.581 28.45 15.581 28.45 11.603 26.977 15.581 25.608 15.581 24.124 11.631 24.124 15.581 22.542 15.581 22.542 9.827z\"></path><path fill=\"#0f70ce\" stroke-width=\"0\" d=\"M19.24 20.82L19.24 19.944 22.484 19.944 22.484 18.624 19.24 18.624 19.24 17.748 22.565 17.748 22.565 16.409 17.664 16.409 17.664 22.173 22.565 22.173 22.565 20.82 19.24 20.82z\"></path><path fill=\"#0f70ce\" stroke-width=\"0\" d=\"M24.638 16.409L26.271 18.234 27.968 16.409 30 16.409 27.283 19.254 30 22.173 27.939 22.173 26.249 20.309 24.567 22.173 22.537 22.173 25.272 19.275 22.537 16.409 24.638 16.409z\"></path><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path></g>"
7729
+ }
7730
+ }
7731
+ },
7354
7732
  andorra: andorra,
7355
7733
  angola: angola,
7356
7734
  anguilla: anguilla,
@@ -7370,6 +7748,7 @@ var data = {
7370
7748
  }
7371
7749
  }
7372
7750
  },
7751
+ apple: apple,
7373
7752
  argentina: argentina,
7374
7753
  armenia: armenia,
7375
7754
  "arrow-bold-left-1": {
@@ -8187,6 +8566,23 @@ var data = {
8187
8566
  }
8188
8567
  },
8189
8568
  bangladesh: bangladesh,
8569
+ "bank-account": {
8570
+ name: "bank-account",
8571
+ keywords: [
8572
+ "credit",
8573
+ "card",
8574
+ "bank",
8575
+ "account",
8576
+ "debit"
8577
+ ],
8578
+ style: "colored",
8579
+ heights: {
8580
+ "32": {
8581
+ width: 32,
8582
+ path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#e6e6e6\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" isolation=\"isolate\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" isolation=\"isolate\" opacity=\".2\"></path><path fill=\"#1a1a1a\" stroke-width=\"0\" d=\"m21.5,21h-11c-.2764,0-.5.2236-.5.5s.2236.5.5.5h11c.2764,0,.5-.2236.5-.5s-.2236-.5-.5-.5Z\" opacity=\".5\"></path><path fill=\"#1a1a1a\" stroke-width=\"0\" d=\"m21.6694,13.6787l-4.8486-3.2324c-.499-.332-1.1426-.332-1.6416,0l-4.8491,3.2324c-.2661.1777-.3823.5029-.2896.8096.0928.3062.3701.5117.6899.5117h1.0195v4h-.75c-.2764,0-.5.2236-.5.5s.2236.5.5.5h10c.2764,0,.5-.2236.5-.5s-.2236-.5-.5-.5h-.75v-4h1.0195c.3198,0,.5972-.2056.6899-.5117.0928-.3066-.0234-.6318-.29-.8096Zm-7.4194,5.3213h-1.5v-4h1.5v4Zm2.5,0h-1.5v-4h1.5v4Zm-.75-5.5c-.4142,0-.75-.3358-.75-.75s.3358-.75.75-.75.75.3358.75.75-.3358.75-.75.75Zm3.25,5.5h-1.5v-4h1.5v4Z\" opacity=\".5\"></path></g>"
8583
+ }
8584
+ }
8585
+ },
8190
8586
  "banking-mobile": {
8191
8587
  name: "banking-mobile",
8192
8588
  keywords: [
@@ -8292,6 +8688,7 @@ var data = {
8292
8688
  }
8293
8689
  }
8294
8690
  },
8691
+ bitcoin: bitcoin,
8295
8692
  blog: blog,
8296
8693
  bolivia: bolivia,
8297
8694
  "bolt-lightning": {
@@ -8454,6 +8851,37 @@ var data = {
8454
8851
  }
8455
8852
  },
8456
8853
  botswana: botswana,
8854
+ "box-archive-1": {
8855
+ name: "box-archive-1",
8856
+ keywords: [
8857
+ "box",
8858
+ "storage",
8859
+ "email",
8860
+ "mail",
8861
+ "mailbox",
8862
+ "inbox",
8863
+ "drawer",
8864
+ "archive"
8865
+ ],
8866
+ heights: {
8867
+ "16": {
8868
+ width: 16,
8869
+ path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M13.57 1.78h-11.12c-0.86 0-1.56 0.7-1.56 1.56v1.33c0 0.78 0.58 1.43 1.33 1.54v5.58a2.45 2.45 0 0 0 2.45 2.45h6.68a2.45 2.45 0 0 0 2.44-2.45v-5.58a1.55 1.55 0 0 0 1.34-1.54v-1.33c0-0.86-0.7-1.56-1.56-1.56z m-3.78 7.12h-3.56a0.67 0.67 0 0 1 0-1.33h3.56a0.67 0.67 0 0 1 0 1.33z m4-4.23a0.22 0.22 0 0 1-0.22 0.23h-11.12a0.22 0.22 0 0 1-0.23-0.23v-1.33a0.22 0.22 0 0 1 0.23-0.22h11.12a0.22 0.22 0 0 1 0.22 0.22v1.33z\"></path></g>"
8870
+ },
8871
+ "20": {
8872
+ width: 20,
8873
+ path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M16.96 2.23h-13.9c-1.07 0-1.95 0.88-1.95 1.95v1.66c0 0.98 0.72 1.79 1.66 1.92v6.98a3.06 3.06 0 0 0 3.07 3.06h8.35a3.06 3.06 0 0 0 3.05-3.06v-6.98a1.94 1.94 0 0 0 1.67-1.92v-1.66c0-1.07-0.88-1.95-1.95-1.95z m-4.72 8.89h-4.45a0.84 0.84 0 0 1 0-1.66h4.45a0.84 0.84 0 0 1 0 1.66z m5-5.28a0.28 0.28 0 0 1-0.28 0.28h-13.9a0.28 0.28 0 0 1-0.29-0.28v-1.67a0.28 0.28 0 0 1 0.29-0.27h13.9a0.28 0.28 0 0 1 0.28 0.27v1.67z\"></path></g>"
8874
+ },
8875
+ "24": {
8876
+ width: 24,
8877
+ path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M20.35 2.68h-16.68c-1.28 0-2.34 1.06-2.34 2.34v1.99c0 1.18 0.86 2.15 1.99 2.3v8.38a3.67 3.67 0 0 0 3.69 3.67h10.02a3.67 3.67 0 0 0 3.66-3.67v-8.38a2.33 2.33 0 0 0 2-2.3v-1.99c0-1.28-1.06-2.34-2.34-2.34z m-5.66 10.66h-5.34a1.01 1.01 0 0 1 0-1.99h5.34a1.01 1.01 0 0 1 0 1.99z m6-6.33a0.34 0.34 0 0 1-0.34 0.33h-16.68a0.34 0.34 0 0 1-0.35-0.33v-2.01a0.34 0.34 0 0 1 0.35-0.32h16.68a0.34 0.34 0 0 1 0.34 0.32v2.01z\"></path></g>"
8878
+ },
8879
+ "32": {
8880
+ width: 32,
8881
+ path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M27.07 3.56h-22.19c-1.7 0-3.11 1.41-3.11 3.12v2.64c0 1.57 1.14 2.86 2.65 3.06v11.15a4.88 4.88 0 0 0 4.9 4.88h13.33a4.88 4.88 0 0 0 4.87-4.88v-11.15a3.1 3.1 0 0 0 2.66-3.06v-2.64c0-1.7-1.41-3.11-3.11-3.12z m-7.53 14.18h-7.1a1.34 1.34 0 0 1 0-2.64h7.1a1.34 1.34 0 0 1 0 2.64z m7.98-8.42a0.45 0.45 0 0 1-0.45 0.44h-22.19a0.45 0.45 0 0 1-0.46-0.44v-2.67a0.45 0.45 0 0 1 0.46-0.43h22.19a0.45 0.45 0 0 1 0.45 0.43v2.67z\"></path></g>"
8882
+ }
8883
+ }
8884
+ },
8457
8885
  "box-archive": {
8458
8886
  name: "box-archive",
8459
8887
  keywords: [
@@ -9405,6 +9833,38 @@ var data = {
9405
9833
  path: "<g fill=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.9 16.91l6.67 6.67 15.58-15.57\"></path></g>"
9406
9834
  }
9407
9835
  }
9836
+ },
9837
+ "check-double": {
9838
+ name: "check-double",
9839
+ keywords: [
9840
+ "double",
9841
+ "mark",
9842
+ "tick",
9843
+ "success",
9844
+ "complete",
9845
+ "checked",
9846
+ "check",
9847
+ "approved",
9848
+ "done"
9849
+ ],
9850
+ heights: {
9851
+ "16": {
9852
+ width: 16,
9853
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M0.67 8.46l3.33 4.22 7.13-9.12\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M7.57 11.84l0.66 0.84 7.12-9.12\"></path></g>"
9854
+ },
9855
+ "20": {
9856
+ width: 20,
9857
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M0.84 10.58l4.16 5.27 8.91-11.4\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M9.46 14.8l0.83 1.05 8.9-11.4\"></path></g>"
9858
+ },
9859
+ "24": {
9860
+ width: 24,
9861
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M1.01 12.7l4.99 6.32 10.69-13.68\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M11.35 17.76l1 1.26 10.68-13.68\"></path></g>"
9862
+ },
9863
+ "32": {
9864
+ width: 32,
9865
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M1.34 16.89l6.64 8.41 14.22-18.2\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.1 23.62l1.33 1.68 14.2-18.2\"></path></g>"
9866
+ }
9867
+ }
9408
9868
  },
9409
9869
  "chevron-down": {
9410
9870
  name: "chevron-down",
@@ -10113,6 +10573,36 @@ var data = {
10113
10573
  }
10114
10574
  },
10115
10575
  clipboard: clipboard,
10576
+ "clipboard-content": {
10577
+ name: "clipboard-content",
10578
+ keywords: [
10579
+ "text",
10580
+ "list",
10581
+ "note",
10582
+ "paper",
10583
+ "content",
10584
+ "clipboard",
10585
+ "task"
10586
+ ],
10587
+ heights: {
10588
+ "16": {
10589
+ width: 16,
10590
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.56 2.45h-0.89a1.78 1.78 0 0 0-1.78 1.78v8.45a1.78 1.78 0 0 0 1.78 1.78h6.68a1.78 1.78 0 0 0 1.78-1.78v-8.45a1.78 1.78 0 0 0-1.78-1.78h-0.89\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M6.45 1.11h3.12q0.89 0 0.89 0.89v0.89q0 0.89-0.89 0.89h-3.12q-0.89 0-0.89-0.89v-0.89q0-0.89 0.89-0.89z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.56 10.46h4.9\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.56 7.79h4.9\"></path></g>"
10591
+ },
10592
+ "20": {
10593
+ width: 20,
10594
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M6.95 3.06h-1.11a2.23 2.23 0 0 0-2.23 2.23v10.56a2.23 2.23 0 0 0 2.23 2.23h8.35a2.23 2.23 0 0 0 2.22-2.23v-10.56a2.23 2.23 0 0 0-2.22-2.23h-1.12\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M8.06 1.39h3.9q1.11 0 1.11 1.11v1.11q0 1.11-1.11 1.12h-3.9q-1.11 0-1.11-1.12v-1.11q0-1.11 1.11-1.11z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M6.95 13.08h6.12\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M6.95 9.74h6.12\"></path></g>"
10595
+ },
10596
+ "24": {
10597
+ width: 24,
10598
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M8.34 3.67h-1.33a2.68 2.68 0 0 0-2.68 2.68v12.67a2.68 2.68 0 0 0 2.68 2.68h10.02a2.68 2.68 0 0 0 2.66-2.68v-12.67a2.68 2.68 0 0 0-2.66-2.68h-1.35\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M9.67 1.67h4.68q1.33 0 1.33 1.33v1.33q0 1.33-1.33 1.35h-4.68q-1.33 0-1.33-1.35v-1.33q0-1.33 1.33-1.33z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M8.34 15.7h7.34\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M8.34 11.69h7.34\"></path></g>"
10599
+ },
10600
+ "32": {
10601
+ width: 32,
10602
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.09 4.88h-1.77a3.56 3.56 0 0 0-3.56 3.57v16.85a3.56 3.56 0 0 0 3.56 3.56h13.33a3.56 3.56 0 0 0 3.54-3.56v-16.85a3.56 3.56 0 0 0-3.54-3.57h-1.8\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12.86 2.22h6.23q1.77 0 1.76 1.77v1.77q0 1.77-1.76 1.79h-6.23q-1.77 0-1.77-1.79v-1.77q0-1.77 1.77-1.77z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.09 20.88h9.76\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.09 15.55h9.76\"></path></g>"
10603
+ }
10604
+ }
10605
+ },
10116
10606
  clock: clock,
10117
10607
  "clock-minus": {
10118
10608
  name: "clock-minus",
@@ -10283,6 +10773,22 @@ var data = {
10283
10773
  path: "<g fill=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3.12 12.9h25.8\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M25.37 25.37h-18.7q-3.56 0-3.56-3.56v-11.57q0-3.56 3.56-3.56h18.7q3.56 0 3.56 3.56v11.57q0 3.56-3.56 3.56z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7.57 20.02h5.33\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M22.7 20.02h1.78\"></path></g>"
10284
10774
  }
10285
10775
  }
10776
+ },
10777
+ "credit-card-front": {
10778
+ name: "credit-card-front",
10779
+ keywords: [
10780
+ "credit",
10781
+ "debit",
10782
+ "card",
10783
+ "front"
10784
+ ],
10785
+ style: "colored",
10786
+ heights: {
10787
+ "32": {
10788
+ width: 32,
10789
+ path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#e6e6e6\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" isolation=\"isolate\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" isolation=\"isolate\" opacity=\".2\"></path><rect width=\"6\" height=\"5\" x=\"5\" y=\"11\" fill=\"#edab40\" stroke-width=\"0\" rx=\"1.5\" ry=\"1.5\"></rect><path stroke-width=\"0\" d=\"m9,20h-3.25c-.4141,0-.75-.3359-.75-.75s.3359-.75.75-.75h3.25c.4141,0,.75.3359.75.75s-.3359.75-.75.75Z\" isolation=\"isolate\" opacity=\".15\"></path><path stroke-width=\"0\" d=\"m14.75,20h-3.25c-.4141,0-.75-.3359-.75-.75s.3359-.75.75-.75h3.25c.4141,0,.75.3359.75.75s-.3359.75-.75.75Z\" isolation=\"isolate\" opacity=\".15\"></path><path stroke-width=\"0\" d=\"m20.5,20h-3.25c-.4141,0-.75-.3359-.75-.75s.3359-.75.75-.75h3.25c.4141,0,.75.3359.75.75s-.3359.75-.75.75Z\" isolation=\"isolate\" opacity=\".15\"></path><path stroke-width=\"0\" d=\"m26.25,20h-3.25c-.4141,0-.75-.3359-.75-.75s.3359-.75.75-.75h3.25c.4141,0,.75.3359.75.75s-.3359.75-.75.75Z\" isolation=\"isolate\" opacity=\".15\"></path></g>"
10790
+ }
10791
+ }
10286
10792
  },
10287
10793
  croatia: croatia,
10288
10794
  cuba: cuba,
@@ -10320,6 +10826,7 @@ var data = {
10320
10826
  }
10321
10827
  }
10322
10828
  },
10829
+ cvc: cvc,
10323
10830
  cyprus: cyprus,
10324
10831
  czechia: czechia,
10325
10832
  deaf: deaf,
@@ -10340,6 +10847,24 @@ var data = {
10340
10847
  }
10341
10848
  },
10342
10849
  denmark: denmark,
10850
+ "diners-club": {
10851
+ name: "diners-club",
10852
+ keywords: [
10853
+ "credit",
10854
+ "card",
10855
+ "diners",
10856
+ "club",
10857
+ "debit"
10858
+ ],
10859
+ style: "colored",
10860
+ heights: {
10861
+ "32": {
10862
+ width: 32,
10863
+ path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#fff\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#0d4e96\" stroke-width=\"0\" d=\"m15.111,22c-3.32.015-6.052-2.674-6.052-5.948,0-3.578,2.732-6.053,6.052-6.052h1.556c3.28,0,6.274,2.473,6.274,6.052,0,3.273-2.994,5.948-6.274,5.948h-1.556Zm.014-11.504c-3.034.001-5.492,2.459-5.492,5.493,0,3.033,2.458,5.491,5.492,5.492,3.034,0,5.492-2.458,5.493-5.492,0-3.034-2.459-5.492-5.493-5.493m-1.247,8.741v-6.497c-1.305.503-2.231,1.766-2.235,3.249.003,1.483.929,2.746,2.235,3.248m4.729-3.248c-.003-1.484-.93-2.748-2.236-3.25v6.499c1.307-.502,2.234-1.766,2.236-3.25\"></path></g>"
10864
+ }
10865
+ }
10866
+ },
10867
+ discover: discover,
10343
10868
  djibouti: djibouti,
10344
10869
  dominica: dominica,
10345
10870
  "dominican-republic": {
@@ -10808,6 +11333,38 @@ var data = {
10808
11333
  path: "<g fill=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.91 12.9h1.78a3.56 3.56 0 0 1 3.56 3.56v8.9a3.56 3.56 0 0 1-3.56 3.56h-13.35a3.56 3.56 0 0 1-3.56-3.56v-8.9a3.56 3.56 0 0 1 3.56-3.56h1.78\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.68 7.57l5.34-5.34 5.34 5.33\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16.02 2.23v19.13\"></path></g>"
10809
11334
  }
10810
11335
  }
11336
+ },
11337
+ "external-link": {
11338
+ name: "external-link",
11339
+ keywords: [
11340
+ "exit",
11341
+ "chevron",
11342
+ "arrow",
11343
+ "caret",
11344
+ "logout",
11345
+ "url",
11346
+ "hyperlink",
11347
+ "external",
11348
+ "link"
11349
+ ],
11350
+ heights: {
11351
+ "16": {
11352
+ width: 16,
11353
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M10.31 9.98v-4.33h-4.32\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M9.98 5.99l-8.98 8.97\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M7.69 13.63h3.95a2.66 2.66 0 0 0 2.66-2.66v-7.31a2.66 2.66 0 0 0-2.66-2.66h-6.65a2.66 2.66 0 0 0-2.66 2.66v4.61\"></path></g>"
11354
+ },
11355
+ "20": {
11356
+ width: 20,
11357
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M12.89 12.48v-5.42h-5.4\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M12.48 7.49l-11.23 11.21\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M9.61 17.04h4.94a3.33 3.33 0 0 0 3.33-3.33v-9.13a3.33 3.33 0 0 0-3.33-3.33h-8.31a3.33 3.33 0 0 0-3.33 3.33v5.76\"></path></g>"
11358
+ },
11359
+ "24": {
11360
+ width: 24,
11361
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M15.47 14.98v-6.51h-6.48\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M14.98 8.99l-13.48 13.45\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M11.53 20.45h5.93a4 4 0 0 0 4-4v-10.95a4 4 0 0 0-4-4h-9.97a4 4 0 0 0-4 4v6.91\"></path></g>"
11362
+ },
11363
+ "32": {
11364
+ width: 32,
11365
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.58 19.92v-8.65h-8.62\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.92 11.96l-17.93 17.89\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.33 27.2h7.89a5.32 5.32 0 0 0 5.32-5.32v-14.56a5.32 5.32 0 0 0-5.32-5.32h-13.26a5.32 5.32 0 0 0-5.32 5.32v9.19\"></path></g>"
11366
+ }
11367
+ }
10811
11368
  },
10812
11369
  eye: eye,
10813
11370
  "eye-dropper": {
@@ -10875,6 +11432,37 @@ var data = {
10875
11432
  }
10876
11433
  }
10877
11434
  },
11435
+ "face-smile": {
11436
+ name: "face-smile",
11437
+ keywords: [
11438
+ "emoji",
11439
+ "emoticon",
11440
+ "head",
11441
+ "smile",
11442
+ "happy",
11443
+ "laugh",
11444
+ "face"
11445
+ ],
11446
+ heights: {
11447
+ "16": {
11448
+ width: 16,
11449
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M8.01 1.56a6.45 6.45 0 1 0 0 12.9 6.45 6.45 0 1 0 0-12.9z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M11.35 9.79c-0.64 1.19-1.89 2-3.34 2s-2.7-0.81-3.34-2\"></path><path fill=\"currentColor\" d=\"M6.23 6.23a0.89 0.89 0 1 0 0 1.78 0.89 0.89 0 1 0 0-1.78z\" data-stroke=\"none\"></path><path fill=\"currentColor\" d=\"M9.79 6.23a0.89 0.89 0 1 0 0 1.78 0.89 0.89 0 1 0 0-1.78z\" data-stroke=\"none\"></path></g>"
11450
+ },
11451
+ "20": {
11452
+ width: 20,
11453
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M10.01 1.95a8.06 8.06 0 1 0 0 16.13 8.06 8.06 0 1 0 0-16.13z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M14.19 12.24c-0.8 1.49-2.36 2.5-4.18 2.5s-3.38-1.01-4.17-2.5\"></path><path fill=\"currentColor\" d=\"M7.79 7.79a1.11 1.11 0 1 0 0 2.22 1.11 1.11 0 1 0 0-2.22z\" data-stroke=\"none\"></path><path fill=\"currentColor\" d=\"M12.24 7.79a1.11 1.11 0 1 0 0 2.22 1.11 1.11 0 1 0 0-2.22z\" data-stroke=\"none\"></path></g>"
11454
+ },
11455
+ "24": {
11456
+ width: 24,
11457
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M12.01 2.34a9.67 9.67 0 1 0 0 19.36 9.67 9.67 0 1 0 0-19.36z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M17.03 14.69c-0.96 1.79-2.83 3-5.02 3s-4.06-1.21-5-3\"></path><path fill=\"currentColor\" d=\"M9.35 9.35a1.33 1.33 0 1 0 0 2.66 1.33 1.33 0 1 0 0-2.66z\" data-stroke=\"none\"></path><path fill=\"currentColor\" d=\"M14.69 9.35a1.33 1.33 0 1 0 0 2.66 1.33 1.33 0 1 0 0-2.66z\" data-stroke=\"none\"></path></g>"
11458
+ },
11459
+ "32": {
11460
+ width: 32,
11461
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.97 3.11a12.86 12.86 0 1 0 0 25.75 12.86 12.86 0 1 0 0-25.75z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M22.65 19.54c-1.28 2.38-3.76 3.99-6.68 3.99s-5.4-1.61-6.65-3.99\"></path><path fill=\"currentColor\" d=\"M12.44 12.44a1.77 1.77 0 1 0 0 3.53 1.77 1.77 0 1 0 0-3.53z\" data-stroke=\"none\"></path><path fill=\"currentColor\" d=\"M19.54 12.44a1.77 1.77 0 1 0 0 3.53 1.77 1.77 0 1 0 0-3.53z\" data-stroke=\"none\"></path></g>"
11462
+ }
11463
+ }
11464
+ },
11465
+ facebook: facebook,
10878
11466
  "facial-recognition": {
10879
11467
  name: "facial-recognition",
10880
11468
  keywords: [
@@ -11079,8 +11667,40 @@ var data = {
11079
11667
  }
11080
11668
  }
11081
11669
  },
11670
+ files: files,
11671
+ fill: fill,
11082
11672
  fingerprint: fingerprint,
11083
11673
  finland: finland,
11674
+ "flag-3-1": {
11675
+ name: "flag-3-1",
11676
+ keywords: [
11677
+ "winner",
11678
+ "success",
11679
+ "location",
11680
+ "banner",
11681
+ "finish",
11682
+ "start",
11683
+ "flag"
11684
+ ],
11685
+ heights: {
11686
+ "16": {
11687
+ width: 16,
11688
+ path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M11.34 6.01l2.29-2.68a0.67 0.67 0 0 0-0.5-1.11h-9.57v7.57h9.57a0.67 0.67 0 1 0 0.5-1.1l-2.29-2.68z\"></path><path fill=\"currentColor\" d=\"M3.34 15.13a0.67 0.67 0 0 1-0.67-0.67v-12.9a0.67 0.67 0 0 1 1.33 0v12.9a0.67 0.67 0 0 1-0.66 0.67z\"></path></g>"
11689
+ },
11690
+ "20": {
11691
+ width: 20,
11692
+ path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M14.18 7.51l2.86-3.35a0.84 0.84 0 0 0-0.63-1.39h-11.96v9.47h11.96a0.84 0.84 0 1 0 0.63-1.38l-2.86-3.35z\"></path><path fill=\"currentColor\" d=\"M4.17 18.91a0.84 0.84 0 0 1-0.83-0.83v-16.13a0.84 0.84 0 0 1 1.66 0v16.13a0.84 0.84 0 0 1-0.83 0.83z\"></path></g>"
11693
+ },
11694
+ "24": {
11695
+ width: 24,
11696
+ path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M17.02 9.01l3.43-4.02a1.01 1.01 0 0 0-0.76-1.67h-14.35v11.37h14.35a1.01 1.01 0 1 0 0.76-1.66l-3.43-4.02z\"></path><path fill=\"currentColor\" d=\"M5 22.69a1.01 1.01 0 0 1-0.99-0.99v-19.36a1.01 1.01 0 0 1 1.99 0v19.36a1.01 1.01 0 0 1-1 0.99z\"></path></g>"
11697
+ },
11698
+ "32": {
11699
+ width: 32,
11700
+ path: "<g fill=\"currentColor\"><path fill=\"currentColor\" d=\"M22.64 11.98l4.56-5.34a1.34 1.34 0 0 0-1.01-2.22h-19.09v15.12h19.09a1.34 1.34 0 1 0 1.01-2.21l-4.56-5.35z\"></path><path fill=\"currentColor\" d=\"M6.65 30.18a1.34 1.34 0 0 1-1.32-1.32v-25.75a1.34 1.34 0 0 1 2.65 0v25.75a1.34 1.34 0 0 1-1.33 1.32z\"></path></g>"
11701
+ }
11702
+ }
11703
+ },
11084
11704
  "flag-3": {
11085
11705
  name: "flag-3",
11086
11706
  keywords: [
@@ -11309,6 +11929,24 @@ var data = {
11309
11929
  path: "<g fill=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16.02 3.12a12.9 5.34 90 1 0 0 25.8 12.9 5.34 90 1 0 0-25.8z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3.12 16.02h25.8\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16.02 3.12a12.9 12.9 0 1 0 0 25.8 12.9 12.9 0 1 0 0-25.8z\"></path></g>"
11310
11930
  }
11311
11931
  }
11932
+ },
11933
+ google: google,
11934
+ "google-pay": {
11935
+ name: "google-pay",
11936
+ keywords: [
11937
+ "credit",
11938
+ "card",
11939
+ "debit",
11940
+ "google",
11941
+ "pay"
11942
+ ],
11943
+ style: "colored",
11944
+ heights: {
11945
+ "32": {
11946
+ width: 32,
11947
+ path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#fff\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.6569,0-3,1.3431-3,3v12c0,1.6569,1.3431,3,3,3h22c1.6569,0,3-1.3431,3-3v-12c0-1.6569-1.3431-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.1046,0-2,.8954-2,2v1c0-1.1046.8954-2,2-2h22c1.1046,0,2,.8954,2,2v-1c0-1.1046-.8954-2-2-2Z\" opacity=\".2\"></path><path fill=\"#5f6368\" stroke-width=\"0\" d=\"m14.8969,16.1308v2.7891h-.8997v-6.8978h2.3393c.5698,0,1.1097.2099,1.5295.5998.4199.3599.6298.8997.6298,1.4695s-.2099,1.0797-.6298,1.4695c-.4199.3899-.9297.5998-1.5295.5998l-1.4395-.03h0Zm0-3.269v2.3992h1.4995c.3299,0,.6598-.12.8697-.3599.4798-.4499.4798-1.1996.03-1.6495l-.03-.03c-.2399-.2399-.5398-.3899-.8697-.3599h-1.4995Z\"></path><path fill=\"#5f6368\" stroke-width=\"0\" d=\"m20.5651,14.0615c.6598,0,1.1696.1799,1.5595.5398s.5698.8397.5698,1.4396v2.8791h-.8397v-.6598h-.03c-.3599.5398-.8697.8097-1.4695.8097-.5098,0-.9597-.15-1.3196-.4499-.3299-.2999-.5398-.7198-.5398-1.1696,0-.4799.1799-.8697.5398-1.1696s.8697-.4199,1.4695-.4199c.5398,0,.9597.09,1.2896.2999v-.2099c0-.2999-.12-.5998-.3599-.7798-.2399-.2099-.5398-.3299-.8697-.3299-.5098,0-.8997.2099-1.1696.6298l-.7798-.4799c.4799-.6298,1.1097-.9297,1.9494-.9297Zm-1.1396,3.4189c0,.2399.12.4499.2999.5698.2099.15.4499.2399.6898.2399.3599,0,.7198-.15.9897-.4199.2999-.2699.4499-.5998.4499-.9597-.2699-.2099-.6598-.3299-1.1696-.3299-.3599,0-.6598.09-.8997.2699-.2399.15-.3599.3599-.3599.6298Z\"></path><path fill=\"#5f6368\" stroke-width=\"0\" d=\"m27.5529,14.2114l-2.9691,6.8079h-.8997l1.1097-2.3693-1.9494-4.4086h.9597l1.4096,3.3889h.03l1.3796-3.3889h.9297v-.03Z\"></path><path fill=\"#4285f4\" stroke-width=\"0\" d=\"m12.2324,15.531c0-.2699-.03-.5398-.06-.8097h-3.7488v1.5295h2.1293c-.09.4799-.3599.9297-.7798,1.1996v.9897h1.2896c.7498-.6898,1.1696-1.7095,1.1696-2.9091Z\"></path><path fill=\"#34a853\" stroke-width=\"0\" d=\"m8.4236,19.3998c1.0797,0,1.9794-.3599,2.6392-.9597l-1.2896-.9897c-.3599.2399-.8097.3899-1.3496.3899-1.0197,0-1.9194-.6898-2.2193-1.6495h-1.3196v1.0197c.6898,1.3496,2.0394,2.1893,3.5389,2.1893Z\"></path><path fill=\"#fbbc04\" stroke-width=\"0\" d=\"m6.2043,16.1908c-.1799-.4799-.1799-1.0197,0-1.5295v-1.0197h-1.3196c-.5698,1.1097-.5698,2.4292,0,3.5689l1.3196-1.0197Z\"></path><path fill=\"#ea4335\" stroke-width=\"0\" d=\"m8.4236,13.0418c.5698,0,1.1097.2099,1.5295.5998h0l1.1396-1.1396c-.7198-.6598-1.6795-1.0497-2.6392-1.0197-1.4995,0-2.8791.8397-3.5389,2.1893l1.3196,1.0197c.2699-.9597,1.1696-1.6495,2.1893-1.6495Z\"></path></g>"
11948
+ }
11949
+ }
11312
11950
  },
11313
11951
  greece: greece,
11314
11952
  greenland: greenland,
@@ -11616,6 +12254,7 @@ var data = {
11616
12254
  iceland: iceland,
11617
12255
  india: india,
11618
12256
  indonesia: indonesia,
12257
+ instagram: instagram,
11619
12258
  "invoice-dollar": {
11620
12259
  name: "invoice-dollar",
11621
12260
  keywords: [
@@ -11774,6 +12413,7 @@ var data = {
11774
12413
  }
11775
12414
  },
11776
12415
  link: link,
12416
+ linkedin: linkedin,
11777
12417
  lithuania: lithuania,
11778
12418
  "loader-4": {
11779
12419
  name: "loader-4",
@@ -11848,6 +12488,7 @@ var data = {
11848
12488
  luxembourg: luxembourg,
11849
12489
  macau: macau,
11850
12490
  madagascar: madagascar,
12491
+ maestro: maestro,
11851
12492
  magnifier: magnifier,
11852
12493
  "magnifier-minus": {
11853
12494
  name: "magnifier-minus",
@@ -11937,11 +12578,56 @@ var data = {
11937
12578
  }
11938
12579
  },
11939
12580
  martinique: martinique,
12581
+ "mastercard-2": {
12582
+ name: "mastercard-2",
12583
+ keywords: [
12584
+ "credit",
12585
+ "card",
12586
+ "debit",
12587
+ "mastercard"
12588
+ ],
12589
+ style: "colored",
12590
+ heights: {
12591
+ "32": {
12592
+ width: 32,
12593
+ path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#fff\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#ff5f00\" stroke-width=\"0\" d=\"M13.597 11.677H18.407V20.32H13.597z\"></path><path fill=\"#eb001b\" stroke-width=\"0\" d=\"m13.902,15.999c0-1.68.779-3.283,2.092-4.322-2.382-1.878-5.849-1.466-7.727.932-1.863,2.382-1.451,5.833.947,7.712,2,1.573,4.795,1.573,6.795,0-1.329-1.038-2.107-2.642-2.107-4.322Z\"></path><path fill=\"#f79e1b\" stroke-width=\"0\" d=\"m24.897,15.999c0,3.039-2.459,5.497-5.497,5.497-1.237,0-2.428-.412-3.39-1.176,2.382-1.878,2.795-5.329.916-7.727-.275-.336-.58-.657-.916-.916,2.382-1.878,5.849-1.466,7.712.932.764.962,1.176,2.153,1.176,3.39Z\"></path></g>"
12594
+ }
12595
+ }
12596
+ },
12597
+ mastercard: mastercard,
11940
12598
  mauritania: mauritania,
11941
12599
  mauritius: mauritius,
11942
- menu: menu,
11943
- message: message,
11944
- "message-arrow-right": {
12600
+ "media-record": {
12601
+ name: "media-record",
12602
+ keywords: [
12603
+ "control",
12604
+ "circle",
12605
+ "record",
12606
+ "media",
12607
+ "button"
12608
+ ],
12609
+ heights: {
12610
+ "16": {
12611
+ width: 16,
12612
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M8.01 1.56a6.45 6.45 0 1 0 0 12.9 6.45 6.45 0 1 0 0-12.9z\"></path></g>"
12613
+ },
12614
+ "20": {
12615
+ width: 20,
12616
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M10.01 1.95a8.06 8.06 0 1 0 0 16.13 8.06 8.06 0 1 0 0-16.13z\"></path></g>"
12617
+ },
12618
+ "24": {
12619
+ width: 24,
12620
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M12.01 2.34a9.67 9.67 0 1 0 0 19.36 9.67 9.67 0 1 0 0-19.36z\"></path></g>"
12621
+ },
12622
+ "32": {
12623
+ width: 32,
12624
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.97 3.11a12.86 12.86 0 1 0 0 25.75 12.86 12.86 0 1 0 0-25.75z\"></path></g>"
12625
+ }
12626
+ }
12627
+ },
12628
+ menu: menu,
12629
+ message: message,
12630
+ "message-arrow-right": {
11945
12631
  name: "message-arrow-right",
11946
12632
  keywords: [
11947
12633
  "message-arrow-right",
@@ -12344,10 +13030,45 @@ var data = {
12344
13030
  }
12345
13031
  },
12346
13032
  mongolia: mongolia,
13033
+ monitor: monitor,
12347
13034
  montenegro: montenegro,
12348
13035
  moon: moon,
12349
13036
  morocco: morocco,
12350
13037
  mozanbique: mozanbique,
13038
+ "music-playlist-2": {
13039
+ name: "music-playlist-2",
13040
+ keywords: [
13041
+ "sound",
13042
+ "music",
13043
+ "play",
13044
+ "list",
13045
+ "song",
13046
+ "note",
13047
+ "audio",
13048
+ "playlist",
13049
+ "album",
13050
+ "tracks",
13051
+ "media"
13052
+ ],
13053
+ heights: {
13054
+ "16": {
13055
+ width: 16,
13056
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M10.46 11.79v-9.79s1.33 2.28 3.56 3.56\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M8.23 9.57a2.23 2.23 0 1 0 0 4.45 2.23 2.23 0 1 0 0-4.45z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M7.34 3.34h-5.34\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.79 6.45h-3.79\"></path></g>"
13057
+ },
13058
+ "20": {
13059
+ width: 20,
13060
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M13.04 14.71v-12.21s1.67 2.84 4.44 4.44\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M10.27 11.93a2.78 2.78 0 1 0 0 5.55 2.78 2.78 0 1 0 0-5.55z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M9.16 4.16h-6.66\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M7.22 8.05h-4.72\"></path></g>"
13061
+ },
13062
+ "24": {
13063
+ width: 24,
13064
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M15.63 17.62v-14.63s2 3.41 5.32 5.32\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M12.3 14.3a3.33 3.33 0 1 0 0 6.65 3.33 3.33 0 1 0 0-6.65z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M10.97 4.99h-7.98\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M8.64 9.64h-5.65\"></path></g>"
13065
+ },
13066
+ "32": {
13067
+ width: 32,
13068
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.91 23.59v-19.59s2.67 4.56 7.12 7.12\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16.46 19.14a4.45 4.45 0 1 0 0 8.9 4.45 4.45 0 1 0 0-8.9z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.69 6.67h-10.68\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.57 12.9h-7.57\"></path></g>"
13069
+ }
13070
+ }
13071
+ },
12351
13072
  myanmar: myanmar,
12352
13073
  namibia: namibia,
12353
13074
  nauru: nauru,
@@ -12714,6 +13435,23 @@ var data = {
12714
13435
  }
12715
13436
  },
12716
13437
  paraguay: paraguay,
13438
+ "paypal-2": {
13439
+ name: "paypal-2",
13440
+ keywords: [
13441
+ "credit",
13442
+ "card",
13443
+ "debit",
13444
+ "paypal"
13445
+ ],
13446
+ style: "colored",
13447
+ heights: {
13448
+ "32": {
13449
+ width: 32,
13450
+ path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#fff\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#001c64\" stroke-width=\"0\" d=\"m14.939,12.4c-.17,0-.315.124-.342.292l-.568,3.6c.026-.168.171-.292.342-.292h1.663c1.674,0,3.094-1.221,3.354-2.876.019-.124.03-.248.033-.373-.425-.223-.925-.351-1.473-.351h-3.01Z\"></path><path fill=\"#0070e0\" stroke-width=\"0\" d=\"m19.422,12.751c-.002.125-.013.25-.033.373-.26,1.655-1.68,2.876-3.354,2.876h-1.663c-.17,0-.315.124-.342.292l-.522,3.308-.327,2.075c-.024.153.08.297.233.321.015.002.029.003.044.003h1.805c.17,0,.315-.124.342-.292l.476-3.016c.027-.168.172-.292.342-.292h1.063c1.674,0,3.094-1.221,3.354-2.876.184-1.175-.407-2.243-1.418-2.773h0Z\"></path><path fill=\"#003087\" stroke-width=\"0\" d=\"m12.888,10c-.17,0-.315.124-.342.292l-1.417,8.983c-.027.171.105.325.278.325h2.101l.522-3.308.568-3.6c.027-.168.171-.292.342-.292h3.01c.548,0,1.047.128,1.473.351.029-1.507-1.214-2.751-2.923-2.751h-3.61Z\"></path></g>"
13451
+ }
13452
+ }
13453
+ },
13454
+ paypal: paypal,
12717
13455
  "pen-2": {
12718
13456
  name: "pen-2",
12719
13457
  keywords: [
@@ -13181,6 +13919,7 @@ var data = {
13181
13919
  }
13182
13920
  }
13183
13921
  },
13922
+ pinterest: pinterest,
13184
13923
  pinwheel: pinwheel,
13185
13924
  plus: plus,
13186
13925
  pointer: pointer,
@@ -13272,6 +14011,38 @@ var data = {
13272
14011
  receipt: receipt,
13273
14012
  recycle: recycle,
13274
14013
  refresh: refresh,
14014
+ "refresh-clockwise-slash": {
14015
+ name: "refresh-clockwise-slash",
14016
+ keywords: [
14017
+ "control",
14018
+ "disabled",
14019
+ "reload",
14020
+ "update",
14021
+ "refresh",
14022
+ "clockwise",
14023
+ "slash",
14024
+ "blocked",
14025
+ "action"
14026
+ ],
14027
+ heights: {
14028
+ "16": {
14029
+ width: 16,
14030
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M12.57 3.45a6.43 6.43 0 0 0-4.38-1.89\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M10.49 13.97a6.45 6.45 0 0 0 3.56-8.23\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M10.82 11.36l-0.36 2.62 2.62 0.37\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.74 14.05a6.43 6.43 0 0 0 2.09 0.41\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.5 2.06a6.45 6.45 0 0 0-2.05 10.51\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.2 4.66l0.36-2.62-2.62-0.37\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M1.78 14.24l12.46-12.46\"></path></g>"
14031
+ },
14032
+ "20": {
14033
+ width: 20,
14034
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M15.68 4.3a8.02 8.02 0 0 0-5.46-2.35\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M13.08 17.42a8.05 8.05 0 0 0 4.45-10.26\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M13.49 14.17l-0.45 3.27 3.27 0.45\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M7.16 17.53a8.02 8.02 0 0 0 2.6 0.5\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M6.86 2.57a8.05 8.05 0 0 0-2.56 13.11\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M6.49 5.81l0.45-3.27-3.27-0.45\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M2.22 17.76l15.54-15.54\"></path></g>"
14035
+ },
14036
+ "24": {
14037
+ width: 24,
14038
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M18.79 5.15a9.61 9.61 0 0 0-6.55-2.82\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M15.68 20.87a9.65 9.65 0 0 0 5.32-12.29\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M16.17 16.98l-0.54 3.92 3.91 0.54\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M8.58 21a9.61 9.61 0 0 0 3.12 0.61\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M8.22 3.08a9.65 9.65 0 0 0-3.07 15.71\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M7.77 6.96l0.54-3.92-3.91-0.54\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M2.66 21.28l18.62-18.62\"></path></g>"
14039
+ },
14040
+ "32": {
14041
+ width: 32,
14042
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M25.15 6.89a12.86 12.86 0 0 0-8.77-3.77\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.98 27.94a12.91 12.91 0 0 0 7.13-16.46\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21.64 22.73l-0.73 5.24 5.25 0.72\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.48 28.11a12.87 12.87 0 0 0 4.18 0.81\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.01 4.13a12.91 12.91 0 0 0-4.12 21.02\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.4 9.31l0.72-5.24-5.24-0.72\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3.56 28.48l24.92-24.92\"></path></g>"
14043
+ }
14044
+ }
14045
+ },
13275
14046
  "repeat-3": {
13276
14047
  name: "repeat-3",
13277
14048
  keywords: [
@@ -13598,6 +14369,23 @@ var data = {
13598
14369
  path: "<g fill=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.39 19.14h20.26\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.23 16.14l5.84 1.28c1.08 0.24 1.99 0.98 2.46 1.98l1.93 4.18\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.65 10l-1.43 2.29\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.86 7.31c-0.9 2.34-3.07 3.82-5.72 3.82s-4.91-1.67-5.81-4.01h-0.32a1.78 1.78 0 0 0-1.78 1.78v11.13a3.56 3.56 0 0 0 3.56 3.55h21.13a3.78 3.78 0 0 0 2.07-6.94l-14.67-10.43\"></path></g>"
13599
14370
  }
13600
14371
  }
14372
+ },
14373
+ "shop-pay": {
14374
+ name: "shop-pay",
14375
+ keywords: [
14376
+ "credit",
14377
+ "card",
14378
+ "debit",
14379
+ "shop",
14380
+ "pay"
14381
+ ],
14382
+ style: "colored",
14383
+ heights: {
14384
+ "32": {
14385
+ width: 32,
14386
+ path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#fff\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#5a31f4\" stroke-width=\"0\" d=\"m10.163,14.97c-.193-.405-.559-.666-1.11-.666-.169.003-.335.045-.486.122-.15.077-.281.188-.382.324l-.02.025v-1.586c0-.009-.004-.018-.01-.024-.006-.006-.015-.01-.024-.01h-.779c-.009,0-.018.004-.024.01-.006.006-.01.015-.01.024v4.551c0,.009.004.018.01.024.006.006.015.01.024.01h.835c.009,0,.018-.004.024-.01.006-.006.01-.015.01-.024v-1.94c0-.377.251-.644.654-.644.44,0,.551.362.551.731v1.854c0,.009.004.018.01.024.006.006.015.01.024.01h.833c.009,0,.018-.004.024-.01.006-.006.01-.015.01-.024v-1.964c0-.067,0-.133-.009-.197-.014-.21-.067-.416-.155-.607Z\"></path><path fill=\"#5a31f4\" stroke-width=\"0\" d=\"m5.996,15.644s-.425-.1-.581-.14c-.157-.04-.43-.126-.43-.332s.221-.273.444-.273.473.054.492.302c0,.009.005.017.012.023.007.006.015.009.024.009l.823-.003s.01,0,.014-.003.008-.005.012-.008c.003-.004.006-.008.007-.012.002-.005.002-.009.002-.014-.051-.794-.748-1.079-1.391-1.079-.762,0-1.32.503-1.32,1.057,0,.405.114.784,1.014,1.048.158.046.372.106.559.158.225.063.346.158.346.307,0,.173-.251.294-.498.294-.358,0-.612-.133-.632-.371-.001-.009-.005-.017-.012-.023-.007-.006-.015-.009-.024-.009l-.821.004s-.01,0-.014.003c-.004.002-.008.005-.012.008-.003.003-.006.008-.008.012-.002.004-.003.009-.002.014.038.75.762,1.154,1.437,1.154,1.006,0,1.46-.566,1.46-1.096.001-.249-.056-.816-.901-1.032Z\"></path><path fill=\"#5a31f4\" stroke-width=\"0\" d=\"m16.58,14.302c-.418,0-.768.231-.994.51v-.478c0-.009-.004-.017-.01-.024-.006-.006-.015-.01-.024-.01h-.781c-.009,0-.018.004-.024.01-.006.006-.01.015-.01.024v4.463c0,.009.004.017.01.024.006.006.015.01.024.01h.835c.009,0,.017-.004.024-.01.006-.006.01-.015.01-.024v-1.467h.013c.133.202.495.445.969.445.891,0,1.634-.739,1.634-1.738,0-.959-.739-1.735-1.677-1.735Zm-.077,2.623c-.176.004-.349-.044-.498-.138-.148-.095-.265-.231-.336-.392-.07-.161-.091-.34-.06-.513.031-.173.114-.333.237-.459.123-.126.28-.213.453-.249.172-.036.351-.02.514.046.163.066.303.179.401.325.099.146.151.318.152.494.002.115-.019.229-.062.336-.042.107-.106.204-.186.287-.08.082-.176.148-.282.194-.106.045-.219.069-.334.071Z\"></path><path fill=\"#5a31f4\" stroke-width=\"0\" d=\"m12.267,14.106c-.779,0-1.167.265-1.479.476l-.009.006c-.016.011-.027.028-.032.047-.004.019-.001.039.008.056l.308.53c.006.01.014.018.023.025.009.007.02.011.032.013.011.002.022.002.033-.001.011-.003.021-.008.03-.016l.024-.02c.16-.135.417-.314,1.04-.363.346-.028.646.063.866.269.243.224.388.585.388.967,0,.702-.414,1.143-1.078,1.152-.547-.003-.915-.288-.915-.71,0-.224.101-.37.299-.515.015-.011.026-.027.03-.045s.002-.037-.007-.053l-.277-.523c-.005-.009-.012-.018-.02-.024-.008-.007-.018-.012-.028-.015-.01-.003-.021-.004-.032-.003-.011.001-.021.005-.031.011-.31.184-.691.521-.671,1.168.025.824.71,1.453,1.601,1.479h.106c1.058-.035,1.823-.82,1.823-1.886,0-.978-.713-2.025-2.031-2.025Z\"></path><path fill=\"#5a31f4\" stroke-width=\"0\" d=\"m21.549,14.609h-.531c-.012,0-.024.005-.033.014-.009.009-.014.021-.014.033v1.113c0,.012.005.024.014.033.009.009.021.014.033.014h.531c.323,0,.561-.255.561-.603s-.238-.603-.561-.603Z\"></path><path fill=\"#5a31f4\" stroke-width=\"0\" d=\"m23.178,16.578c0,.162.136.251.374.251.323,0,.514-.175.514-.485v-.089l-.484.025c-.255.013-.404.119-.404.297Z\"></path><path fill=\"#5a31f4\" stroke-width=\"0\" d=\"m27.107,13.163h-7.128c-.117,0-.233.023-.341.068-.108.045-.206.11-.289.193-.083.083-.148.181-.193.289-.045.108-.068.224-.068.341v3.902c0,.236.094.463.261.63.167.167.393.261.629.261h7.128c.117,0,.233-.022.341-.067.108-.045.207-.11.29-.193.083-.083.149-.181.194-.289.045-.108.068-.224.068-.341v-3.902c0-.117-.023-.233-.068-.342-.045-.108-.111-.207-.194-.29-.083-.083-.182-.149-.29-.193-.108-.045-.225-.067-.342-.067Zm-5.531,3.091h-.561c-.012,0-.024.005-.033.014-.009.009-.014.021-.014.033v.798c0,.012-.005.024-.014.033-.009.009-.021.014-.033.014h-.395c-.012,0-.024-.005-.033-.014-.009-.009-.014-.021-.014-.033v-2.879c0-.012.005-.024.014-.033.009-.009.021-.014.033-.014h1.05c.595,0,1.02.433,1.02,1.041s-.422,1.041-1.017,1.041h-.003Zm2.954.845c0,.006-.001.012-.003.018-.002.006-.006.011-.01.016-.004.004-.01.008-.015.01-.006.002-.012.004-.018.004h-.373c-.006,0-.012-.001-.018-.004-.006-.002-.011-.006-.015-.01s-.008-.01-.01-.016c-.002-.006-.004-.012-.003-.018v-.086c0-.008-.001-.015-.005-.022-.004-.006-.01-.011-.017-.014-.007-.003-.015-.003-.022-.001-.007.002-.014.006-.018.012-.111.121-.292.209-.581.209-.425,0-.706-.221-.706-.603-.004-.093.015-.186.056-.27.041-.084.102-.156.178-.21.153-.115.391-.175.743-.189l.374-.013v-.109c0-.221-.148-.314-.387-.314s-.388.084-.424.222c-.003.01-.009.018-.017.024-.008.006-.018.009-.028.009h-.369c-.007,0-.014-.001-.02-.004-.006-.003-.012-.007-.016-.012-.004-.005-.008-.011-.01-.018-.002-.007-.002-.013-.001-.02.055-.327.326-.575.902-.575.612,0,.833.285.833.828l.002,1.155Zm2.322-1.868l-.83,2.213c-.189.514-.519.646-.88.646-.068.002-.136-.007-.202-.025-.01-.003-.019-.009-.026-.017-.006-.008-.01-.019-.01-.029v-.336c0-.007.002-.014.004-.02.003-.006.007-.012.013-.017.005-.005.012-.008.019-.01.007-.002.014-.002.021,0,.057.011.115.016.173.016.1.005.199-.024.28-.081.082-.058.142-.141.17-.237l.025-.077c.004-.01.004-.022,0-.032l-.776-1.992c-.002-.007-.003-.015-.002-.022.001-.007.004-.014.008-.021.004-.006.01-.011.017-.015.007-.003.014-.005.022-.005h.377c.01,0,.019.003.027.009.008.005.014.013.018.022l.527,1.405c.004.009.01.017.018.023.008.006.018.009.028.009.01,0,.019-.003.027-.009.008-.006.014-.013.018-.023l.457-1.402c.003-.01.009-.018.017-.024.008-.006.018-.009.028-.009h.387c.007,0,.015.002.022.005.007.003.012.008.017.014.004.006.007.013.009.02.001.007,0,.015-.001.022h0Z\"></path></g>"
14387
+ }
14388
+ }
13601
14389
  },
13602
14390
  "sidebar-left-hide": {
13603
14391
  name: "sidebar-left-hide",
@@ -13814,6 +14602,7 @@ var data = {
13814
14602
  }
13815
14603
  }
13816
14604
  },
14605
+ slack: slack,
13817
14606
  "sliders-3": {
13818
14607
  name: "sliders-3",
13819
14608
  keywords: [
@@ -14221,7 +15010,228 @@ var data = {
14221
15010
  taiwan: taiwan,
14222
15011
  tajikistan: tajikistan,
14223
15012
  tanzania: tanzania,
15013
+ "text-align-center-2": {
15014
+ name: "text-align-center-2",
15015
+ keywords: [
15016
+ "text",
15017
+ "paragraph",
15018
+ "alignment",
15019
+ "center",
15020
+ "line",
15021
+ "typography",
15022
+ "align"
15023
+ ],
15024
+ heights: {
15025
+ "16": {
15026
+ width: 16,
15027
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M2.45 9.57h11.12\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.12 12.68h5.78\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.12 6.45h5.78\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M2.45 3.34h11.12\"></path></g>"
15028
+ },
15029
+ "20": {
15030
+ width: 20,
15031
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M3.06 11.96h13.9\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M6.4 15.85h7.23\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M6.4 8.06h7.23\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M3.06 4.17h13.9\"></path></g>"
15032
+ },
15033
+ "24": {
15034
+ width: 24,
15035
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3.67 14.35h16.68\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M7.68 19.02h8.68\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M7.68 9.67h8.68\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3.67 5h16.68\"></path></g>"
15036
+ },
15037
+ "32": {
15038
+ width: 32,
15039
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.88 19.09h22.19\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.21 25.3h11.55\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.21 12.86h11.55\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.88 6.65h22.19\"></path></g>"
15040
+ }
15041
+ }
15042
+ },
15043
+ "text-align-left-2": {
15044
+ name: "text-align-left-2",
15045
+ keywords: [
15046
+ "text",
15047
+ "left",
15048
+ "paragraph",
15049
+ "alignment",
15050
+ "line",
15051
+ "typography",
15052
+ "align"
15053
+ ],
15054
+ heights: {
15055
+ "16": {
15056
+ width: 16,
15057
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M2.45 9.57h11.12\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M2.45 12.68h5.78\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M2.45 6.45h5.78\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M2.45 3.34h11.12\"></path></g>"
15058
+ },
15059
+ "20": {
15060
+ width: 20,
15061
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M3.05 11.93h13.88\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M3.05 15.82h7.22\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M3.05 8.05h7.22\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M3.05 4.16h13.88\"></path></g>"
15062
+ },
15063
+ "24": {
15064
+ width: 24,
15065
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3.66 14.3h16.62\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3.66 18.95h8.64\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3.66 9.64h8.64\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3.66 4.99h16.62\"></path></g>"
15066
+ },
15067
+ "32": {
15068
+ width: 32,
15069
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.9 19.14h22.25\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.9 25.37h11.57\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.9 12.9h11.57\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.9 6.67h22.25\"></path></g>"
15070
+ }
15071
+ }
15072
+ },
15073
+ "text-align-right-2": {
15074
+ name: "text-align-right-2",
15075
+ keywords: [
15076
+ "text",
15077
+ "paragraph",
15078
+ "alignment",
15079
+ "right",
15080
+ "line",
15081
+ "typography",
15082
+ "align"
15083
+ ],
15084
+ heights: {
15085
+ "16": {
15086
+ width: 16,
15087
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M2.45 9.57h11.12\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M7.79 12.68h5.78\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M7.79 6.45h5.78\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M2.45 3.34h11.12\"></path></g>"
15088
+ },
15089
+ "20": {
15090
+ width: 20,
15091
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M3.05 11.93h13.88\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M9.71 15.82h7.22\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M9.71 8.05h7.22\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M3.05 4.16h13.88\"></path></g>"
15092
+ },
15093
+ "24": {
15094
+ width: 24,
15095
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3.66 14.3h16.62\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M11.64 18.95h8.64\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M11.64 9.64h8.64\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3.66 4.99h16.62\"></path></g>"
15096
+ },
15097
+ "32": {
15098
+ width: 32,
15099
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.9 19.14h22.25\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.58 25.37h11.57\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.58 12.9h11.57\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.9 6.67h22.25\"></path></g>"
15100
+ }
15101
+ }
15102
+ },
15103
+ "text-bold": {
15104
+ name: "text-bold",
15105
+ keywords: [
15106
+ "text",
15107
+ "letter",
15108
+ "typography",
15109
+ "bold",
15110
+ "font"
15111
+ ],
15112
+ heights: {
15113
+ "16": {
15114
+ width: 16,
15115
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.8 8h-4v-4a0.8 0.8 0 0 1 0.8-0.8h3.2a2.4 2.4 0 1 1 0 4.8z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.6 12.8h-4a0.8 0.8 0 0 1-0.8-0.8v-4h4.8a2.4 2.4 0 1 1 0 4.8z\"></path></g>"
15116
+ },
15117
+ "20": {
15118
+ width: 20,
15119
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 10h-5v-5a1 1 0 0 1 1-1h4a3 3 0 1 1 0 6z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 16h-5a1 1 0 0 1-1-1v-5h6a3 3 0 1 1 0 6z\"></path></g>"
15120
+ },
15121
+ "24": {
15122
+ width: 24,
15123
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13.2 12h-6v-6a1.2 1.2 0 0 1 1.2-1.2h4.8a3.6 3.6 0 1 1 0 7.2z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.4 19.2h-6a1.2 1.2 0 0 1-1.2-1.2v-6h7.2a3.6 3.6 0 1 1 0 7.2z\"></path></g>"
15124
+ },
15125
+ "32": {
15126
+ width: 32,
15127
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.6 16h-8v-8a1.6 1.6 0 0 1 1.6-1.6h6.4a4.8 4.8 0 1 1 0 9.6z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.2 25.6h-8a1.6 1.6 0 0 1-1.6-1.6v-8h9.6a4.8 4.8 0 1 1 0 9.6z\"></path></g>"
15128
+ }
15129
+ }
15130
+ },
15131
+ "text-italic": {
15132
+ name: "text-italic",
15133
+ keywords: [
15134
+ "text",
15135
+ "font",
15136
+ "letter",
15137
+ "typography",
15138
+ "format",
15139
+ "italic"
15140
+ ],
15141
+ heights: {
15142
+ "16": {
15143
+ width: 16,
15144
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M7.34 12.68l2.23-7.56h-2.23\"></path><path fill=\"currentColor\" d=\"M10.68 0.89a0.89 0.89 0 1 0 0 1.78 0.89 0.89 0 1 0 0-1.78z\" data-stroke=\"none\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M5.12 12.68h4.45\"></path></g>"
15145
+ },
15146
+ "20": {
15147
+ width: 20,
15148
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M9.16 15.82l2.77-9.44h-2.77\"></path><path fill=\"currentColor\" d=\"M13.32 1.11a1.11 1.11 0 1 0 0 2.22 1.11 1.11 0 1 0 0-2.22z\" data-stroke=\"none\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M6.38 15.82h5.55\"></path></g>"
15149
+ },
15150
+ "24": {
15151
+ width: 24,
15152
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M10.97 18.95l3.33-11.3h-3.33\"></path><path fill=\"currentColor\" d=\"M15.96 1.33a1.33 1.33 0 1 0 0 2.66 1.33 1.33 0 1 0 0-2.66z\" data-stroke=\"none\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M7.65 18.95h6.65\"></path></g>"
15153
+ },
15154
+ "32": {
15155
+ width: 32,
15156
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.69 25.37l4.45-15.13h-4.45\"></path><path fill=\"currentColor\" d=\"M21.36 1.78a1.78 1.78 0 1 0 0 3.56 1.78 1.78 0 1 0 0-3.56z\" data-stroke=\"none\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.23 25.37h8.9\"></path></g>"
15157
+ }
15158
+ }
15159
+ },
14224
15160
  thailand: thailand,
15161
+ "thumbs-down": {
15162
+ name: "thumbs-down",
15163
+ keywords: [
15164
+ "down",
15165
+ "vote",
15166
+ "emoji",
15167
+ "emoticon",
15168
+ "hand",
15169
+ "dislike",
15170
+ "thumbs"
15171
+ ],
15172
+ heights: {
15173
+ "16": {
15174
+ width: 16,
15175
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M4.67 9.35c0 0.43 0.15 0.84 0.44 1.16l3.79 4.4a1.67 1.67 0 0 0 0.82-2.07l-1.04-2.83h3.92a1.78 1.78 0 0 0 1.72-2.23l-1.06-4.01a1.78 1.78 0 0 0-1.72-1.32h-5.09a1.78 1.78 0 0 0-1.78 1.78\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M2.45 2.45h1.33q0.89 0 0.89 0.89v5.78q0 0.89-0.89 0.89h-1.33q-0.89 0-0.89-0.89v-5.78q0-0.89 0.89-0.89z\"></path></g>"
15176
+ },
15177
+ "20": {
15178
+ width: 20,
15179
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M5.84 11.69c0 0.54 0.19 1.05 0.55 1.45l4.74 5.5a2.09 2.09 0 0 0 1.02-2.59l-1.3-3.54h4.9a2.23 2.23 0 0 0 2.15-2.78l-1.33-5.02a2.23 2.23 0 0 0-2.15-1.65h-6.36a2.23 2.23 0 0 0-2.22 2.23\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M3.06 3.06h1.67q1.11 0 1.11 1.11v7.23q0 1.11-1.11 1.11h-1.67q-1.11 0-1.11-1.11v-7.23q0-1.11 1.11-1.11z\"></path></g>"
15180
+ },
15181
+ "24": {
15182
+ width: 24,
15183
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M7.01 14.03c0 0.65 0.23 1.26 0.66 1.74l5.69 6.6a2.51 2.51 0 0 0 1.22-3.11l-1.56-4.25h5.88a2.68 2.68 0 0 0 2.58-3.33l-1.6-6.03a2.68 2.68 0 0 0-2.58-1.98h-7.63a2.68 2.68 0 0 0-2.66 2.68\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3.67 3.67h2.01q1.33 0 1.33 1.33v8.68q0 1.33-1.33 1.33h-2.01q-1.33 0-1.33-1.33v-8.68q0-1.33 1.33-1.33z\"></path></g>"
15184
+ },
15185
+ "32": {
15186
+ width: 32,
15187
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.32 18.66c0 0.86 0.31 1.68 0.88 2.31l7.57 8.78a3.34 3.34 0 0 0 1.62-4.13l-2.07-5.66h7.82a3.56 3.56 0 0 0 3.43-4.43l-2.13-8.02a3.56 3.56 0 0 0-3.43-2.63h-10.15a3.56 3.56 0 0 0-3.54 3.57\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.88 4.88h2.67q1.77 0 1.77 1.77v11.54q0 1.77-1.77 1.77h-2.67q-1.77 0-1.77-1.77v-11.54q0-1.77 1.77-1.77z\"></path></g>"
15188
+ }
15189
+ }
15190
+ },
15191
+ "thumbs-up": {
15192
+ name: "thumbs-up",
15193
+ keywords: [
15194
+ "up",
15195
+ "like",
15196
+ "vote",
15197
+ "emoji",
15198
+ "emoticon",
15199
+ "hand",
15200
+ "thumbs"
15201
+ ],
15202
+ heights: {
15203
+ "16": {
15204
+ width: 16,
15205
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M4.67 6.67c0-0.43 0.15-0.84 0.44-1.16l3.79-4.4a1.67 1.67 0 0 1 0.82 2.07l-1.04 2.83h3.92a1.78 1.78 0 0 1 1.72 2.23l-1.06 4.01a1.78 1.78 0 0 1-1.72 1.32h-5.09a1.78 1.78 0 0 1-1.78-1.78\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.4\" d=\"M2.45 6.01h1.33q0.89 0 0.89 0.89v5.78q0 0.89-0.89 0.89h-1.33q-0.89 0-0.89-0.89v-5.78q0-0.89 0.89-0.89z\"></path></g>"
15206
+ },
15207
+ "20": {
15208
+ width: 20,
15209
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M5.84 8.34c0-0.54 0.19-1.05 0.55-1.45l4.74-5.5a2.09 2.09 0 0 1 1.02 2.59l-1.3 3.53h4.9a2.23 2.23 0 0 1 2.15 2.79l-1.33 5.01a2.23 2.23 0 0 1-2.15 1.65h-6.36a2.23 2.23 0 0 1-2.22-2.22\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.6\" d=\"M3.06 7.51h1.67q1.11 0 1.11 1.11v7.23q0 1.11-1.11 1.11h-1.67q-1.11 0-1.11-1.11v-7.22q0-1.11 1.11-1.12z\"></path></g>"
15210
+ },
15211
+ "24": {
15212
+ width: 24,
15213
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M7.01 10.01c0-0.65 0.23-1.26 0.66-1.74l5.69-6.6a2.51 2.51 0 0 1 1.22 3.11l-1.56 4.23h5.88a2.68 2.68 0 0 1 2.58 3.35l-1.6 6.01a2.68 2.68 0 0 1-2.58 1.98h-7.63a2.68 2.68 0 0 1-2.66-2.66\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.75\" d=\"M3.67 9.01h2.01q1.33 0 1.33 1.33v8.68q0 1.33-1.33 1.33h-2.01q-1.33 0-1.33-1.33v-8.66q0-1.33 1.33-1.35z\"></path></g>"
15214
+ },
15215
+ "32": {
15216
+ width: 32,
15217
+ path: "<g fill=\"currentColor\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.32 13.31c0-0.86 0.31-1.68 0.88-2.31l7.57-8.78a3.34 3.34 0 0 1 1.62 4.14l-2.07 5.62h7.82a3.56 3.56 0 0 1 3.43 4.46l-2.13 7.99a3.56 3.56 0 0 1-3.43 2.64h-10.15a3.56 3.56 0 0 1-3.54-3.54\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.88 11.98h2.67q1.77 0 1.77 1.77v11.55q0 1.77-1.77 1.77h-2.67q-1.77 0-1.77-1.77v-11.52q0-1.77 1.77-1.8z\"></path></g>"
15218
+ }
15219
+ }
15220
+ },
15221
+ "tik-tok": {
15222
+ name: "tik-tok",
15223
+ keywords: [
15224
+ "logo",
15225
+ "tik",
15226
+ "tok"
15227
+ ],
15228
+ heights: {
15229
+ "32": {
15230
+ width: 32,
15231
+ path: "<g fill=\"currentColor\"><path d=\"M24.562,7.613c-1.508-.983-2.597-2.557-2.936-4.391-.073-.396-.114-.804-.114-1.221h-4.814l-.008,19.292c-.081,2.16-1.859,3.894-4.039,3.894-.677,0-1.315-.169-1.877-.465-1.288-.678-2.169-2.028-2.169-3.582,0-2.231,1.815-4.047,4.046-4.047,.417,0,.816,.069,1.194,.187v-4.914c-.391-.053-.788-.087-1.194-.087-4.886,0-8.86,3.975-8.86,8.86,0,2.998,1.498,5.65,3.783,7.254,1.439,1.01,3.19,1.606,5.078,1.606,4.886,0,8.86-3.975,8.86-8.86V11.357c1.888,1.355,4.201,2.154,6.697,2.154v-4.814c-1.345,0-2.597-.4-3.647-1.085Z\"></path></g>"
15232
+ }
15233
+ }
15234
+ },
14225
15235
  "timeline-vertical-2": {
14226
15236
  name: "timeline-vertical-2",
14227
15237
  keywords: [
@@ -14743,14 +15753,32 @@ var data = {
14743
15753
  venezuela: venezuela,
14744
15754
  video: video,
14745
15755
  vietnam: vietnam,
14746
- volume: volume,
14747
- "volume-disabled": {
14748
- name: "volume-disabled",
15756
+ "visa-2": {
15757
+ name: "visa-2",
14749
15758
  keywords: [
14750
- "volume-disabled",
14751
- "volume",
14752
- "control",
14753
- "sound",
15759
+ "credit",
15760
+ "card",
15761
+ "debit",
15762
+ "visa"
15763
+ ],
15764
+ style: "colored",
15765
+ heights: {
15766
+ "32": {
15767
+ width: 32,
15768
+ path: "<g><rect width=\"28\" height=\"18\" x=\"2\" y=\"7\" fill=\"#1434cb\" stroke-width=\"0\" rx=\"3\" ry=\"3\"></rect><path stroke-width=\"0\" d=\"m27,7H5c-1.657,0-3,1.343-3,3v12c0,1.657,1.343,3,3,3h22c1.657,0,3-1.343,3-3v-12c0-1.657-1.343-3-3-3Zm2,15c0,1.103-.897,2-2,2H5c-1.103,0-2-.897-2-2v-12c0-1.103.897-2,2-2h22c1.103,0,2,.897,2,2v12Z\" opacity=\".15\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m27,8H5c-1.105,0-2,.895-2,2v1c0-1.105.895-2,2-2h22c1.105,0,2,.895,2,2v-1c0-1.105-.895-2-2-2Z\" opacity=\".2\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m13.392,12.624l-2.838,6.77h-1.851l-1.397-5.403c-.085-.332-.158-.454-.416-.595-.421-.229-1.117-.443-1.728-.576l.041-.196h2.98c.38,0,.721.253.808.69l.738,3.918,1.822-4.608h1.84Z\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m20.646,17.183c.008-1.787-2.47-1.886-2.453-2.684.005-.243.237-.501.743-.567.251-.032.943-.058,1.727.303l.307-1.436c-.421-.152-.964-.299-1.638-.299-1.732,0-2.95.92-2.959,2.238-.011.975.87,1.518,1.533,1.843.683.332.912.545.909.841-.005.454-.545.655-1.047.663-.881.014-1.392-.238-1.799-.428l-.318,1.484c.41.188,1.165.351,1.947.359,1.841,0,3.044-.909,3.05-2.317\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"m25.423,12.624h-1.494c-.337,0-.62.195-.746.496l-2.628,6.274h1.839l.365-1.011h2.247l.212,1.011h1.62l-1.415-6.77Zm-2.16,4.372l.922-2.542.53,2.542h-1.452Z\"></path><path fill=\"#fff\" stroke-width=\"0\" d=\"M15.894 12.624L14.446 19.394 12.695 19.394 14.143 12.624 15.894 12.624z\"></path></g>"
15769
+ }
15770
+ }
15771
+ },
15772
+ visa: visa,
15773
+ voicemail: voicemail,
15774
+ volume: volume,
15775
+ "volume-disabled": {
15776
+ name: "volume-disabled",
15777
+ keywords: [
15778
+ "volume-disabled",
15779
+ "volume",
15780
+ "control",
15781
+ "sound",
14754
15782
  "music",
14755
15783
  "audio",
14756
15784
  "speaker",
@@ -15068,6 +16096,20 @@ var data = {
15068
16096
  path: "<g fill=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16.91 9.79c0-2.74-1.65-5.07-4-6.11v6.56h-5.34v-6.56a6.66 6.66 0 0 0-4.01 6.11c0 2.74 1.65 5.07 4 6.11v11.25c0 0.98 0.8 1.78 1.78 1.78h1.78c0.98 0 1.78-0.8 1.78-1.78v-11.25a6.66 6.66 0 0 0 4.01-6.11z\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M27.14 16.46v10.68c0 0.98-0.8 1.78-1.78 1.78h-1.78c-0.98 0-1.78-0.8-1.78-1.78v-10.68\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.02 16.46h8.9\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M24.48 16.46v-12.46\"></path><path fill=\"currentColor\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M24.48 9.35l1.78-3.12-0.89-3.11h-1.78l-0.89 3.11 1.78 3.12z\"></path></g>"
15069
16097
  }
15070
16098
  }
16099
+ },
16100
+ "x-twitter": {
16101
+ name: "x-twitter",
16102
+ keywords: [
16103
+ "logo",
16104
+ "twitter",
16105
+ "x.com"
16106
+ ],
16107
+ heights: {
16108
+ "32": {
16109
+ width: 32,
16110
+ path: "<g fill=\"currentColor\"><path d=\"M18.42,14.009L27.891,3h-2.244l-8.224,9.559L10.855,3H3.28l9.932,14.455L3.28,29h2.244l8.684-10.095,6.936,10.095h7.576l-10.301-14.991h0Zm-3.074,3.573l-1.006-1.439L6.333,4.69h3.447l6.462,9.243,1.006,1.439,8.4,12.015h-3.447l-6.854-9.804h0Z\"></path></g>"
16111
+ }
16112
+ }
15071
16113
  },
15072
16114
  xmark: xmark,
15073
16115
  yemen: yemen,
@@ -15107,6 +16149,7 @@ var data = {
15107
16149
  }
15108
16150
  }
15109
16151
  },
16152
+ youtube: youtube,
15110
16153
  zambia: zambia,
15111
16154
  zimbabwe: zimbabwe
15112
16155
  };
@@ -15365,11 +16408,12 @@ function getDefaultExportFromCjs (x) {
15365
16408
  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
15366
16409
  }
15367
16410
 
15368
- var createIcons$1;
16411
+ var createIcons$1 = {exports: {}};
16412
+
15369
16413
  var hasRequiredCreateIcons;
15370
16414
 
15371
16415
  function requireCreateIcons () {
15372
- if (hasRequiredCreateIcons) return createIcons$1;
16416
+ if (hasRequiredCreateIcons) return createIcons$1.exports;
15373
16417
  hasRequiredCreateIcons = 1;
15374
16418
  const DEFAULT_HEIGHT = 16;
15375
16419
 
@@ -15387,7 +16431,7 @@ function requireCreateIcons () {
15387
16431
  * with SVG rendering helpers, and returns a Proxy that supports
15388
16432
  * deprecated-name lookups with console warnings.
15389
16433
  */
15390
- createIcons$1 = function createIcons(data, nameAliases) {
16434
+ function createIcons(data, nameAliases) {
15391
16435
  const warnedNames = new Set();
15392
16436
 
15393
16437
  function warnDeprecation(apolloName, nucleoName) {
@@ -15530,8 +16574,11 @@ function requireCreateIcons () {
15530
16574
  });
15531
16575
 
15532
16576
  return { default: proxiedData, getIcon, getIconsByTag };
15533
- };
15534
- return createIcons$1;
16577
+ }
16578
+
16579
+ createIcons$1.exports = createIcons;
16580
+ createIcons$1.exports.default = createIcons;
16581
+ return createIcons$1.exports;
15535
16582
  }
15536
16583
 
15537
16584
  var createIconsExports = requireCreateIcons();
@@ -15561,10 +16608,10 @@ const Icon = class {
15561
16608
  let wrapperClasses = 'xpl-icon__wrapper ';
15562
16609
  if (this.backgroundColor)
15563
16610
  wrapperClasses += `xpl-icon__wrapper--with-background xpl-icon__wrapper--with-background--${this.backgroundColor}`;
15564
- return (index.h(index.Host, { key: 'cf84ae3e7ff4ae0b4ae8e1b1cf3b9331bc887c6c' }, index.h("figure", { key: '74e2727f9bf4ff8d710eff9b99632ffa669b84ae', class: wrapperClasses }, index.h("span", { key: '2d8be2bd318bd27e0bc4299cfe518668e424fffe', "aria-label": this.icon, role: "img", class: "xpl-icon", style: {
16611
+ return (index.h(index.Host, { key: '07522771501e6e67b0ae91bbee9cc8699d79fb8b' }, index.h("figure", { key: '2acf41e3e20ff3998050c948fcae5d0990cb706a', class: wrapperClasses }, index.h("span", { key: '560b2e62366ee0842442c29280a7e37b53edf2be', "aria-label": this.icon, role: "img", class: "xpl-icon", style: {
15565
16612
  width: `${options.width}px`,
15566
16613
  height: `${options.height}px`,
15567
- }, innerHTML: (_a = apolloIcons.getIcon(this.icon)) === null || _a === void 0 ? void 0 : _a.toSVG(options) }), index.h("figcaption", { key: '3c7a383da59ac0766500273799b203a28c7c7ff3' }, this.icon, " icon"))));
16614
+ }, innerHTML: (_a = apolloIcons.getIcon(this.icon)) === null || _a === void 0 ? void 0 : _a.toSVG(options) }), index.h("figcaption", { key: '256c0d05be8026b24a139f8bfff4f00c65112030' }, this.icon, " icon"))));
15568
16615
  }
15569
16616
  };
15570
16617
  Icon.style = xplIconCss();
@@ -15572,11 +16619,11 @@ Icon.style = xplIconCss();
15572
16619
  const Input = class {
15573
16620
  constructor(hostRef) {
15574
16621
  index.registerInstance(this, hostRef);
15575
- this.focusEvent = index.createEvent(this, "focusEvent", 7);
15576
16622
  this.blurEvent = index.createEvent(this, "blurEvent", 7);
15577
- this.valueChange = index.createEvent(this, "valueChange", 7);
16623
+ this.focusEvent = index.createEvent(this, "focusEvent", 7);
15578
16624
  this.inputEvent = index.createEvent(this, "inputEvent", 7);
15579
16625
  this.search = index.createEvent(this, "search", 7);
16626
+ this.valueChange = index.createEvent(this, "valueChange", 7);
15580
16627
  this.multiline = false;
15581
16628
  this.dateFormat = 'Y-m-d';
15582
16629
  this.timeFormat = '24h';
@@ -15591,6 +16638,10 @@ const Input = class {
15591
16638
  this.isInternational = true;
15592
16639
  this.ariaLabel = '';
15593
16640
  this.type = 'text';
16641
+ this.handleChildValueChange = (event) => {
16642
+ event.stopPropagation();
16643
+ this.valueChange.emit(event.detail);
16644
+ };
15594
16645
  this.valueChanged = (event) => {
15595
16646
  const target = event.target;
15596
16647
  this.valueChange.emit(target.value);
@@ -15678,19 +16729,19 @@ const Input = class {
15678
16729
  var _a, _b, _c, _d, _e, _f;
15679
16730
  switch (this.type) {
15680
16731
  case 'file':
15681
- return (index.h("xpl-input-file", { accept: this.accept, disabled: this.disabled, hideAcceptText: this.hideAcceptText, hideFileNames: this.hideFileNames, hideTriggerOnSelect: this.hideTriggerOnSelect, multiple: this.multiple, name: this.name, _id: this._id }, index.h("slot", { name: "trigger" })));
16732
+ return (index.h("xpl-input-file", { accept: this.accept, disabled: this.disabled, hideAcceptText: this.hideAcceptText, hideFileNames: this.hideFileNames, hideTriggerOnSelect: this.hideTriggerOnSelect, multiple: this.multiple, name: this.name, onInputChange: this.handleChildValueChange, _id: this._id }, index.h("slot", { name: "trigger" })));
15682
16733
  case 'color':
15683
- return (index.h("xpl-input-color", { disabled: this.disabled, value: this.value, placeholder: this.placeholder, required: this.required, hideEyeDropper: this.hideEyeDropper }));
16734
+ return (index.h("xpl-input-color", { disabled: this.disabled, value: this.value, placeholder: this.placeholder, required: this.required, hideEyeDropper: this.hideEyeDropper, onInputChange: this.handleChildValueChange }));
15684
16735
  case 'date':
15685
- return (index.h("xpl-input-date", { inputId: this._id, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, value: this.value, placeholder: this.placeholder, post: this.post, pre: this.pre, max: this.max, min: this.min, dateFormat: this.dateFormat, mode: this.mode }));
16736
+ return (index.h("xpl-input-date", { inputId: this._id, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, value: this.value, placeholder: this.placeholder, post: this.post, pre: this.pre, max: this.max, min: this.min, dateFormat: this.dateFormat, mode: this.mode, onValueChange: this.handleChildValueChange }));
15686
16737
  case 'time':
15687
- return (index.h("xpl-input-time", { inputId: this._id, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, value: this.value, placeholder: this.placeholder, max: this.max, min: this.min, step: this.step, mode: this.mode, timeFormat: this.timeFormat, allowCustomOption: this.allowCustomOption }));
16738
+ return (index.h("xpl-input-time", { inputId: this._id, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, value: this.value, placeholder: this.placeholder, max: this.max, min: this.min, step: this.step, mode: this.mode, timeFormat: this.timeFormat, allowCustomOption: this.allowCustomOption, onValueChange: this.handleChildValueChange }));
15688
16739
  case 'phone':
15689
- return (index.h("xpl-input-phone", { inputId: this._id, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, value: this.value, placeholder: this.placeholder, defaultCountry: this.defaultCountry, preferredCountries: this.preferredCountries, isInternational: this.isInternational }));
16740
+ return (index.h("xpl-input-phone", { inputId: this._id, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, value: this.value, placeholder: this.placeholder, defaultCountry: this.defaultCountry, preferredCountries: this.preferredCountries, isInternational: this.isInternational, onValueChange: this.handleChildValueChange }));
15690
16741
  case 'search': {
15691
16742
  const hasVisibleLabel = Boolean(((_a = this.label) !== null && _a !== void 0 ? _a : '').trim());
15692
16743
  const hasErrorMessage = Boolean(this.error && this.error.length > 0);
15693
- return (index.h("xpl-input-search", { ariaLabel: ((_b = this.ariaLabel) !== null && _b !== void 0 ? _b : '').trim() || 'Search', autocomplete: (_c = this.autocomplete) !== null && _c !== void 0 ? _c : 'off', disabled: this.disabled, errorMessageId: hasErrorMessage ? `${this._id}-error` : undefined, hasError: hasErrorMessage, hasVisibleLabel: hasVisibleLabel, inputId: this._id, name: this.name, onBlurEvent: this.handleSearchBlurForward, onFocusEvent: this.handleSearchFocusForward, onSearch: this.handleSearchCommit, placeholder: (_d = this.placeholder) !== null && _d !== void 0 ? _d : 'Search', readonly: this.readonly, ref: (el) => {
16744
+ return (index.h("xpl-input-search", { ariaLabel: ((_b = this.ariaLabel) !== null && _b !== void 0 ? _b : '').trim() || 'Search', autocomplete: (_c = this.autocomplete) !== null && _c !== void 0 ? _c : 'off', disabled: this.disabled, errorMessageId: hasErrorMessage ? `${this._id}-error` : undefined, hasError: hasErrorMessage, hasVisibleLabel: hasVisibleLabel, inputId: this._id, name: this.name, onBlurEvent: this.handleSearchBlurForward, onFocusEvent: this.handleSearchFocusForward, onSearch: this.handleSearchCommit, onValueChange: this.handleChildValueChange, placeholder: (_d = this.placeholder) !== null && _d !== void 0 ? _d : 'Search', readonly: this.readonly, ref: (el) => {
15694
16745
  this.searchInputRef = el !== null && el !== void 0 ? el : undefined;
15695
16746
  }, required: this.required, shape: (_e = this.shape) !== null && _e !== void 0 ? _e : 'rounded', value: (_f = this.value) !== null && _f !== void 0 ? _f : '' }));
15696
16747
  }
@@ -15718,13 +16769,13 @@ const Input = class {
15718
16769
  this.characterCount > this.maxCharacterCount) {
15719
16770
  hasError = true;
15720
16771
  }
15721
- return (index.h(index.Host, { key: '21535bfebdb899ef3bf28ae4ac252ffcc8b03388', class: {
16772
+ return (index.h(index.Host, { key: '406ab6d1b4d43ceb06cdb819cec8699d2d3322b3', class: {
15722
16773
  'xpl-input': true,
15723
16774
  'xpl-input--disabled': this.disabled,
15724
16775
  'xpl-input--error': hasError,
15725
16776
  'xpl-input--readonly': this.readonly,
15726
16777
  [`xpl-input--${this.type}`]: true,
15727
- } }, this.label && (index.h("label", { key: 'f72b35d866295451cf74832dd191853e77190590', class: "xpl-input-label", htmlFor: this._id }, this.label, this.description && index.h("small", { key: '712910cd0e7a1db84add0f1483fdc0da6c38a07d' }, this.description))), this.renderInput(), ((_a = this.error) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("label", { key: 'd8fcab92ea7f4989e9d2db1117e689ad9a26ced8', class: "xpl-input-error", htmlFor: this._id, id: `${this._id}-error` }, index.h("xpl-icon", { key: 'cbe4f7792ea586c78b7bc0f34d277bfa5977d50e', icon: "alert-circle", size: 16 }), index.h("span", { key: '91f88da21c48f0bf069e4c20205a81cfbb30fb1e' }, this.error)))));
16778
+ } }, this.label && (index.h("label", { key: 'ab7ea9eb5cb82e6b602ce93ab3da482c12f59078', class: "xpl-input-label", htmlFor: this._id }, this.label, this.description && index.h("small", { key: '37435c5f1d3d8a30acba7788a7d215921e679327' }, this.description))), this.renderInput(), ((_a = this.error) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("label", { key: '57b66daa234d93d9f6d7ad582380960013596919', class: "xpl-input-error", htmlFor: this._id, id: `${this._id}-error` }, index.h("xpl-icon", { key: '9a14b46934a8d7edc5f5e48c3fecf87441e741ca', icon: "alert-circle", size: 16 }), index.h("span", { key: 'badecb1aba3b3ff35cbcf6d7cb4d5355844951e6' }, this.error)))));
15728
16779
  }
15729
16780
  get el() { return index.getElement(this); }
15730
16781
  };
@@ -16092,16 +17143,16 @@ const InputColor = class {
16092
17143
  top: `${y}px`,
16093
17144
  background: `rgb(${r}, ${g}, ${b})`,
16094
17145
  };
16095
- return (index.h(index.Host, { key: '6f03535db1b5f451c74a0f1a1abc586605e5c9ca', class: "xpl-input-color" }, index.h("xpl-popover", { key: 'dae1f3a3b7afdd9231b6feba2d3711fbd1d6716e', disabled: this.disabled, display: "menu" }, index.h("div", { key: 'a8402cf534186d06f940c3e3436db17afb0152e8', slot: "trigger" }, index.h("div", { key: 'e9e775229df2a4f8afa252ef03c0a0cd15a93aa4', class: {
17146
+ return (index.h(index.Host, { key: 'f665a747f8938212d0c9ada4f251a9fc880ba82c', class: "xpl-input-color" }, index.h("xpl-popover", { key: 'eac77d1e9f350b3b0dd66001a7a596d156a75a53', disabled: this.disabled, display: "menu" }, index.h("div", { key: '73d1468c4261fd9a8e957189129cc660757d849f', slot: "trigger" }, index.h("div", { key: 'fa098788863247a7c87e4efe628b5b47f0bb3113', class: {
16096
17147
  'xpl-input-color__display': true,
16097
17148
  'xpl-input-color__display--disabled': this.disabled,
16098
17149
  'xpl-input-color__display--error': !!this.hasErrorState,
16099
- } }, index.h("span", { key: '9abe3e899192f4f08e682f8d7a9a9af9adf5982f', class: "xpl-input-color__color", style: {
17150
+ } }, index.h("span", { key: 'd471146ff3ba7b026dba1424599361d0aa0fe49c', class: "xpl-input-color__color", style: {
16100
17151
  background: objectToStringColor(this.colorValues),
16101
- } }), this.colorValues.hex ? (index.h("span", { class: "xpl-input-color__value" }, objectToStringColor(this.colorValues))) : (index.h("span", { class: "xpl-input-color__placeholder" }, this.placeholder)), this.eyeDropperSupported && !this.hideEyeDropper && (index.h("xpl-icon", { key: '9e6832ca2ca1b91c9bf91b1816c1f7c8169202f3', size: 20, icon: "eye-dropper", class: "xpl-input-color__icon", onClick: (e) => {
17152
+ } }), this.colorValues.hex ? (index.h("span", { class: "xpl-input-color__value" }, objectToStringColor(this.colorValues))) : (index.h("span", { class: "xpl-input-color__placeholder" }, this.placeholder)), this.eyeDropperSupported && !this.hideEyeDropper && (index.h("xpl-icon", { key: '5cd87456ef093611b6be8906c24b235ea7f19524', size: 20, icon: "eye-dropper", class: "xpl-input-color__icon", onClick: (e) => {
16102
17153
  e.stopPropagation();
16103
17154
  this.openEyeDropper();
16104
- } })))), index.h("div", { key: '86643ca93847cff19653ebb54160588f2764ae17', class: "xpl-input-color__menu" }, index.h("div", { key: '40f43b769954163f0d22ff8dc80bcd2e0df4777e', class: "xpl-input-color__sl-grid", ref: (el) => {
17155
+ } })))), index.h("div", { key: 'df7bdf567c9a697f8a5e737e5a8cb1b1b962dbb9', class: "xpl-input-color__menu" }, index.h("div", { key: 'ae630752b48e9d211273da6f3dadda8ace603ba2', class: "xpl-input-color__sl-grid", ref: (el) => {
16105
17156
  this.colorInputElements.slGrid = el;
16106
17157
  }, style: {
16107
17158
  background: [
@@ -16109,9 +17160,9 @@ const InputColor = class {
16109
17160
  `linear-gradient(to right, #fff, #fff0)`,
16110
17161
  `rgb(${hueBaseColor.r} ${hueBaseColor.g} ${hueBaseColor.b})`,
16111
17162
  ].join(', '),
16112
- }, onMouseDown: this.startDrag, onTouchStart: this.startDrag }, index.h("div", { key: '29f42021c1e55827f1fffcdd416608f01b6bda81', class: "xpl-input-color__sl-thumb", style: slThumbStyle })), index.h("div", { key: 'e727c66cd44ff40c672f58ae9264485cda3698b7', class: "xpl-input-color__grid" }, index.h("input", { key: '899cdc6cf61d1452809850dbc847c9df8265437b', type: "range", min: "0", max: "360", value: this.hue, class: "xpl-input-color__slider xpl-input-color__hue", name: "color-hue-slider", ref: (el) => {
17163
+ }, onMouseDown: this.startDrag, onTouchStart: this.startDrag }, index.h("div", { key: '25ffc6bb94f0e861a3bc5a6da5c01e0901d1779e', class: "xpl-input-color__sl-thumb", style: slThumbStyle })), index.h("div", { key: '7d256baab084f96c56724b4eede835a13bee7055', class: "xpl-input-color__grid" }, index.h("input", { key: '227309d4590722c24c2d053c013a6d473e44a3ee', type: "range", min: "0", max: "360", value: this.hue, class: "xpl-input-color__slider xpl-input-color__hue", name: "color-hue-slider", ref: (el) => {
16113
17164
  this.colorInputElements.hue = el;
16114
- } }), index.h("input", { key: '3e72ef16b142fe44bebbcbbd2686fcfa3fb958bc', type: "range", min: "0", max: "1", step: "0.01", value: a, class: "xpl-input-color__slider xpl-input-color__alpha", name: "color-alpha-slider", ref: (el) => {
17165
+ } }), index.h("input", { key: '2d43e7c9f98fd5cdcccde7206c0cf4e5ae6bde6d', type: "range", min: "0", max: "1", step: "0.01", value: a, class: "xpl-input-color__slider xpl-input-color__alpha", name: "color-alpha-slider", ref: (el) => {
16115
17166
  this.colorInputElements.alpha = el;
16116
17167
  }, style: {
16117
17168
  backgroundImage: [
@@ -16121,9 +17172,9 @@ const InputColor = class {
16121
17172
  `linear-gradient(45deg, transparent 75%, #ccc 75%)`,
16122
17173
  `linear-gradient(-45deg, transparent 75%, #ccc 75%)`,
16123
17174
  ].join(', '),
16124
- } }), index.h("div", { key: 'c389627f5c0fa8878ead7d6765ecbe9b2f82debb', class: "xpl-input-color__preview", style: {
17175
+ } }), index.h("div", { key: '26a562a220b2458e0ee99906d27d8a11e38f2d02', class: "xpl-input-color__preview", style: {
16125
17176
  background: `rgba(${r}, ${g}, ${b}, ${a})`,
16126
- } })), index.h("div", { key: 'efd8daf09c022fdc19a6373f0bcd1d32b7548fd2', class: "xpl-input-color__inputs" }, Object.entries(this.colorInputElements)
17177
+ } })), index.h("div", { key: 'a77a7325f72ef73e6aa2d6968ae4afd1e010cf2c', class: "xpl-input-color__inputs" }, Object.entries(this.colorInputElements)
16127
17178
  .filter(([key]) => ['hex', 'r', 'g', 'b', 'a'].includes(key))
16128
17179
  .map(([key]) => (index.h("xpl-input", { key: key, label: key.toLocaleUpperCase(), name: `color-${key}-input`, placeholder: key === 'hex' ? '793EF7' : '0', value: this.colorValues[key], ref: (elRef) => {
16129
17180
  this.colorInputElements[key] = elRef;
@@ -16246,16 +17297,16 @@ const InputDate = class {
16246
17297
  parent.removeChild(wrapper);
16247
17298
  }
16248
17299
  render() {
16249
- return (index.h(index.Host, { key: 'c2707549e3285693ce4c7e0449e047be90640504', class: {
17300
+ return (index.h(index.Host, { key: '35b39ed37afa33603772cdd0dce79cf7533d36ec', class: {
16250
17301
  'xpl-input-date': true,
16251
17302
  [`xpl-input-date--mode-${this.mode}`]: true,
16252
17303
  'xpl-input-date--error': !!this.hasErrorState,
16253
17304
  'xpl-input-date--flatpickr-static': this.flatpickrStaticLayout,
16254
- } }, index.h("div", { key: 'e6ac05a6d58d92570331489b8a317d17c0726873', class: "xpl-input-wrapper" }, this.pre && (index.h("label", { key: 'ef746e91506c2bd2c2bc9986bfbb7f0b82a0f079', class: "xpl-input-pre", htmlFor: this.inputId }, this.pre)), index.h("input", { key: '125e566456a2de4d75fe38fee50a78de886b8009', type: "date", id: this.inputId, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, placeholder: this.placeholder, max: this.max, min: this.min, ref: (el) => {
17305
+ } }, index.h("div", { key: '14940421a3f9fb4e7a5acbd5abb222d927a701cf', class: "xpl-input-wrapper" }, this.pre && (index.h("label", { key: '108b33b4f0a87bacff90480633327dd221f6b1d4', class: "xpl-input-pre", htmlFor: this.inputId }, this.pre)), index.h("input", { key: '00633c5b69d25a94d7cd8501bde70459e8ebf2ce', type: "date", id: this.inputId, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, placeholder: this.placeholder, max: this.max, min: this.min, ref: (el) => {
16255
17306
  this.input = el;
16256
17307
  }, onChange: (event) => {
16257
17308
  this.valueChanged(event);
16258
- } }), index.h("xpl-icon", { key: '399495edb8791cda73084dcef21663a3d207da2f', class: "xpl-input-calendar", icon: "calendar-month", size: 24 }), this.post && (index.h("label", { key: '6570bf947a23280b04389ed591f7ea401f14f1a5', class: "xpl-input-post", htmlFor: this.inputId }, this.post)))));
17309
+ } }), index.h("xpl-icon", { key: 'ba0d694b7ace1359d6901c0110dce40a78805f74', class: "xpl-input-calendar", icon: "calendar-month", size: 24 }), this.post && (index.h("label", { key: '5ca7564e2096b697a75ebfb573654c0c23125245', class: "xpl-input-post", htmlFor: this.inputId }, this.post)))));
16259
17310
  }
16260
17311
  get el() { return index.getElement(this); }
16261
17312
  static get watchers() { return {
@@ -16304,18 +17355,18 @@ const InputFile = class {
16304
17355
  }
16305
17356
  render() {
16306
17357
  var _a, _b;
16307
- return (index.h(index.Host, { key: '579d1ec1094bc5b1aeec622996694728fb1facca', class: {
17358
+ return (index.h(index.Host, { key: 'ec1645e7d48cf2b146727a6c131dbd7572468f17', class: {
16308
17359
  'xpl-input-file': true,
16309
17360
  'xpl-input-file--hide-trigger-on-select': this.hideTriggerOnSelect,
16310
17361
  'xpl-input-file--disabled': this.disabled,
16311
- } }, index.h("span", { key: '66b3cc31f1e2bfa4ee1896e64a667e2a26166b50', class: {
17362
+ } }, index.h("span", { key: '8dc3e290dcddba706316ec41443e2e87aa82f79f', class: {
16312
17363
  'xpl-input-file__trigger-wrapper': true,
16313
17364
  'xpl-input-file__trigger-wrapper--hidden': this.hideTriggerOnSelect && ((_a = this.files) === null || _a === void 0 ? void 0 : _a.length) > 0,
16314
- }, role: "button", tabIndex: 0, onClick: this.openFileDialog }, index.h("slot", { key: '53b23be4e2a5b0f920e650c14e591cb1de3b8bac', name: "trigger" })), ((_b = this.files) === null || _b === void 0 ? void 0 : _b.length) > 0 && !this.hideFileNames && (index.h("ul", { key: '53a294c3765d5b6229f5ed79023095538a1c5edf', class: "xpl-input-file__file-list" }, this.files.map((file, fileIndex) => (index.h("li", { class: "xpl-input-file__file-item" }, index.h("span", { class: "xpl-text-callout" }, file.name), index.h("xpl-icon", { icon: "x-circle", size: 24, onClick: (e) => {
17365
+ }, role: "button", tabIndex: 0, onClick: this.openFileDialog }, index.h("slot", { key: '2d2391a2ccca22170bfa0b9ace50a42fdba54284', name: "trigger" })), ((_b = this.files) === null || _b === void 0 ? void 0 : _b.length) > 0 && !this.hideFileNames && (index.h("ul", { key: 'c302bbbb5c1977c513dba82db70da1615f39a217', class: "xpl-input-file__file-list" }, this.files.map((file, fileIndex) => (index.h("li", { class: "xpl-input-file__file-item" }, index.h("span", { class: "xpl-text-callout" }, file.name), index.h("xpl-icon", { icon: "x-circle", size: 24, onClick: (e) => {
16315
17366
  e.preventDefault();
16316
17367
  e.stopPropagation();
16317
17368
  this.onRemoveFileByIndex(fileIndex);
16318
- }, class: "xpl-input-file__remove-icon" })))))), this.accept && !this.hideAcceptText && (index.h("span", { key: 'afcd0be79ed4ffa5696990eb76d8615f61c430f9', class: "xpl-input-file__accept xpl-text-caption" }, "Accepted file types: ", this.accept)), index.h("input", { key: '08ffdfed6e25b11363e664abe7bdb66ae6b96bb7', onChange: this.handleFileChange, type: "file", ref: (el) => {
17369
+ }, class: "xpl-input-file__remove-icon" })))))), this.accept && !this.hideAcceptText && (index.h("span", { key: '9252c5450f32e8d2ed478af9f84eef4a26cee49f', class: "xpl-input-file__accept xpl-text-caption" }, "Accepted file types: ", this.accept)), index.h("input", { key: 'd44213b6fd075bfb12c7857d3a56e06f78ef0fdc', onChange: this.handleFileChange, type: "file", ref: (el) => {
16319
17370
  this.fileInput = el;
16320
17371
  }, hidden: true, accept: this.accept, multiple: this.multiple, name: this.name })));
16321
17372
  }
@@ -16803,21 +17854,21 @@ const InputPhone = class {
16803
17854
  }
16804
17855
  render() {
16805
17856
  var _a;
16806
- return (index.h(index.Host, { key: '79d8146efc51fb1fba4e595655274beff9e2f09a', class: {
17857
+ return (index.h(index.Host, { key: '4a55afb3d85dc5882eca2cab0a23b11374cc053e', class: {
16807
17858
  'xpl-input-phone': true,
16808
17859
  'xpl-input-phone--error': !!this.hasErrorState,
16809
17860
  'xpl-input-phone--open': this.dropdownOpen,
16810
17861
  'xpl-input-phone--domestic': !this.isInternational,
16811
- } }, index.h("div", { key: 'f617abbc8656f0d9418e3bb87f0fdcd8b1646138', class: "xpl-input-wrapper" }, this.isInternational && (index.h("button", { key: '133d07a3d70e8c9e3c3a6690ae2296f176a409f7', type: "button", id: this.triggerId, class: "xpl-input-phone__trigger", disabled: this.disabled, "aria-haspopup": "listbox", "aria-expanded": this.dropdownOpen ? 'true' : 'false', "aria-label": "Select country", onClick: this.handleTriggerClick }, ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.name) && (index.h("xpl-icon", { key: '20928aee771232962454e469210a31718922286c', class: "xpl-input-phone__flag", icon: getCountryIconName(this.selectedCountry.name), size: 24, "aria-hidden": "true" })), index.h("xpl-icon", { key: '22078ac403d3965ba72ee9164520778f3f65cc56', class: "xpl-input-phone__trigger-icon", icon: "chevron-down", size: 20, "aria-hidden": "true" }))), index.h("div", { key: '29cab6a655c36fd5add277b6d3c0f06c498a742d', class: "xpl-input-phone__input-wrap" }, this.isInternational && (index.h("span", { key: 'e83457a14cd689f43082afb611c7641f1353da36', class: "xpl-input-phone__dial-code" }, this.effectiveDialCode)), index.h("input", { key: 'ee747daab159986e319599ec6705c8f5edc78c3e', ref: (el) => {
17862
+ } }, index.h("div", { key: 'c7e46df1b58b6e76dda47b3b32f5a6abe29f048c', class: "xpl-input-wrapper" }, this.isInternational && (index.h("button", { key: 'ef1bedb4bad96760c81ad4dbf2cadb5a29d4abb9', type: "button", id: this.triggerId, class: "xpl-input-phone__trigger", disabled: this.disabled, "aria-haspopup": "listbox", "aria-expanded": this.dropdownOpen ? 'true' : 'false', "aria-label": "Select country", onClick: this.handleTriggerClick }, ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.name) && (index.h("xpl-icon", { key: 'a307f620c2815d63b17dbeb6c270d2972884e9d9', class: "xpl-input-phone__flag", icon: getCountryIconName(this.selectedCountry.name), size: 24, "aria-hidden": "true" })), index.h("xpl-icon", { key: 'c16e66d315877cec35e322a1164f765cd387931f', class: "xpl-input-phone__trigger-icon", icon: "chevron-down", size: 20, "aria-hidden": "true" }))), index.h("div", { key: '7a33b994588e4c5ea868a4e092709b8acd50a36f', class: "xpl-input-phone__input-wrap" }, this.isInternational && (index.h("span", { key: '5a39cfd472f5287fc8cf0648ce618e21dabf5e97', class: "xpl-input-phone__dial-code" }, this.effectiveDialCode)), index.h("input", { key: 'dfb25910769594bc9b9d1c861049605d7bdd9d0e', ref: (el) => {
16812
17863
  this.inputEl = el;
16813
- }, type: "tel", id: this.inputId, class: "xpl-input-phone__input", name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, "aria-invalid": this.hasErrorState ? 'true' : 'false', placeholder: this.effectivePlaceholder, autocomplete: this.isInternational ? 'tel-national' : 'tel', inputmode: "numeric", maxlength: this.maxInputLength, value: this.displayValue, onInput: this.handleNumberInput }), this.nationalNumber && this.isEditable && (index.h("button", { key: 'ddb1bb6cf9ab3fb4bc3295db64fc986fe5dbf69b', type: "button", class: "xpl-input-phone__clear", "aria-label": "Clear phone number", onClick: this.handleClear }, index.h("xpl-icon", { key: 'c0f3201d0b34f9cbe5af9247540199db0c184514', icon: "x-circle", size: 16 }))))), this.isInternational && this.isEditable && (index.h("xpl-dropdown", { key: '8d4e50ee17d880272eaccf08cf8c84fc4400c36d', ref: (el) => {
17864
+ }, type: "tel", id: this.inputId, class: "xpl-input-phone__input", name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, "aria-invalid": this.hasErrorState ? 'true' : 'false', placeholder: this.effectivePlaceholder, autocomplete: this.isInternational ? 'tel-national' : 'tel', inputmode: "numeric", maxlength: this.maxInputLength, value: this.displayValue, onInput: this.handleNumberInput }), this.nationalNumber && this.isEditable && (index.h("button", { key: '8db932d94550aa6d947e2564d8a94a12bef43bce', type: "button", class: "xpl-input-phone__clear", "aria-label": "Clear phone number", onClick: this.handleClear }, index.h("xpl-icon", { key: '87e55c3a5ae6b8774d3ce64af843b7e63448fe25', icon: "x-circle", size: 16 }))))), this.isInternational && this.isEditable && (index.h("xpl-dropdown", { key: '467b0e2fde23a45b2c36138affa26467e0b6c9d0', ref: (el) => {
16814
17865
  this.dropdownRef = el;
16815
17866
  }, isOpen: this.dropdownOpen, triggerId: this.triggerId, anchorToTrigger: true, closeOnSelect: true, mode: "single", options: this.dropdownOptions, update: this.handleDropdownUpdate, onIsOpenChange: (e) => {
16816
17867
  this.dropdownOpen = e.detail;
16817
- }, "aria-label": "Country" }, index.h("div", { key: '5808ecb917ee94ba31c8ab106152d2d61feae74a', slot: "header", class: "xpl-input-phone__search-wrap" }, index.h("xpl-input", { key: '76a2477f0e039e390dd26a0c34cdab758d3c10d6', class: "xpl-input-phone__search", type: "text", label: "", placeholder: "Search", value: this.searchQuery, autocomplete: "off", onInputEvent: (e) => {
17868
+ }, "aria-label": "Country" }, index.h("div", { key: 'f4f3665ab8286faed45c3a3a510bd247c7a31842', slot: "header", class: "xpl-input-phone__search-wrap" }, index.h("xpl-input", { key: '659875e60e85bac085deb8f6648623eccc76d560', class: "xpl-input-phone__search", type: "text", label: "", placeholder: "Search", value: this.searchQuery, autocomplete: "off", onInputEvent: (e) => {
16818
17869
  var _a;
16819
17870
  this.searchQuery = (_a = e.detail) !== null && _a !== void 0 ? _a : '';
16820
- } }, index.h("xpl-icon", { key: '0a6b49b3a0df0769fb5dfa59f97c40adeaee8dd1', slot: "pre", class: "xpl-input-phone__search-icon", icon: "magnifier", size: 20 })))))));
17871
+ } }, index.h("xpl-icon", { key: '987941768e8494d9c898fc93e531da03bd57ad71', slot: "pre", class: "xpl-input-phone__search-icon", icon: "magnifier", size: 20 })))))));
16821
17872
  }
16822
17873
  get el() { return index.getElement(this); }
16823
17874
  static get watchers() { return {
@@ -16936,7 +17987,7 @@ const InputSearch = class {
16936
17987
  return shell;
16937
17988
  }
16938
17989
  render() {
16939
- return (index.h(index.Host, { key: 'ac235500df2d6958d9070535f922a018bce14906', class: {
17990
+ return (index.h(index.Host, { key: 'c8f0c2b1c96cc8c6d9a2c390e791977b031adb9b', class: {
16940
17991
  'xpl-input-search': true,
16941
17992
  'xpl-input-search--disabled': this.disabled,
16942
17993
  'xpl-input-search--error': this.hasError,
@@ -17120,11 +18171,11 @@ const InputTime = class {
17120
18171
  }));
17121
18172
  }
17122
18173
  render() {
17123
- return (index.h(index.Host, { key: '6ed0e8da81a96e0e4e7078a7477c9a4ee92532ba', class: {
18174
+ return (index.h(index.Host, { key: 'a48ebfd7cd0578b33bd11059f9bebb342bf954f7', class: {
17124
18175
  'xpl-input-time': true,
17125
18176
  [`xpl-input-time--mode-${this.mode}`]: true,
17126
18177
  'xpl-input-time--error': !!this.hasErrorState,
17127
- } }, index.h("xpl-input", { key: 'bae0f7e9b9e3f14b5d780a0300ef672da9301596', pre: index.h("xpl-icon", { class: "xpl-input-time__clock-icon", icon: "clock", size: 24 }), post: this.timeFormat === '12h' ? this.amPm || 'AM' : null, type: "text", _id: this.inputId, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, placeholder: this.placeholder, max: this.max, min: this.min, onInput: this.handleInput, value: this.formattedValue, onFocusEvent: this.handleFocus, onBlurEvent: this.handleBlur, onClick: this.handleClick }), !this.readonly && !this.disabled && (index.h("xpl-dropdown", { key: 'cd8ae7e4c7d130bdbf44aeb2f806b3c9a490d8bb', options: this.options, isOpen: this.showOptions, ref: (el) => {
18178
+ } }, index.h("xpl-input", { key: '68089e0bd5b0ed7d88917094eafe529637947380', pre: index.h("xpl-icon", { class: "xpl-input-time__clock-icon", icon: "clock", size: 24 }), post: this.timeFormat === '12h' ? this.amPm || 'AM' : null, type: "text", _id: this.inputId, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, placeholder: this.placeholder, max: this.max, min: this.min, onInput: this.handleInput, value: this.formattedValue, onFocusEvent: this.handleFocus, onBlurEvent: this.handleBlur, onClick: this.handleClick }), !this.readonly && !this.disabled && (index.h("xpl-dropdown", { key: '1bbe4a3a42c02ff985a26e7547c54f0bbdc92ce0', options: this.options, isOpen: this.showOptions, ref: (el) => {
17128
18179
  this.dropdown = el;
17129
18180
  }, class: "xpl-input-time__dropdown" }))));
17130
18181
  }
@@ -17558,12 +18609,12 @@ const List = class {
17558
18609
  var _a, _b, _c;
17559
18610
  const ariaLabelledBy = ((_a = this.labelledBy) === null || _a === void 0 ? void 0 : _a.trim()) ? this.labelledBy.trim() : undefined;
17560
18611
  const ariaLabel = !ariaLabelledBy && ((_b = this.label) === null || _b === void 0 ? void 0 : _b.trim()) ? this.label.trim() : undefined;
17561
- return (index.h(index.Host, { key: '4290084c30b164abb653943a81783c35531d6316', role: "list", class: { 'xpl-list': true }, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, (_c = this.items) === null || _c === void 0 ? void 0 :
18612
+ return (index.h(index.Host, { key: 'aaa6e1cfa2d87e61b239d9aa59c9e4647f05aade', role: "list", class: { 'xpl-list': true }, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, (_c = this.items) === null || _c === void 0 ? void 0 :
17562
18613
  _c.map((item, index$1) => {
17563
18614
  var _a;
17564
18615
  const legacyRowId = (_a = item.id) !== null && _a !== void 0 ? _a : `item-${index$1}`;
17565
18616
  return (index.h("xpl-list-item", { key: `legacy-item-${legacyRowId}`, item: item, href: item.href, itemId: legacyRowId }));
17566
- }), index.h("slot", { key: '55ce7202269eab851c0d753fd87ef2d5bf9f59a8' }), this.reorderable ? (index.h("div", { class: "xpl-list__reorder-live", "aria-live": "assertive", "aria-atomic": "true" }, this.reorderLiveMessage)) : null));
18617
+ }), index.h("slot", { key: '89eb57b654baf9efbfd021e8c8db1fe074daa6d1' }), this.reorderable ? (index.h("div", { class: "xpl-list__reorder-live", "aria-live": "assertive", "aria-atomic": "true" }, this.reorderLiveMessage)) : null));
17567
18618
  }
17568
18619
  get el() { return index.getElement(this); }
17569
18620
  static get watchers() { return {
@@ -18086,7 +19137,7 @@ const Modal = class {
18086
19137
  }
18087
19138
  }
18088
19139
  render() {
18089
- return (index.h(index.Host, { key: '1014ca8cb29f3cfeb7f2cf580127b8fe61e7bcbd', class: "xpl-modal" }, this.isOpen && index.h("xpl-backdrop", { key: '0085b008fb42a998c2b27690102b8ae7f0e49c67' }), index.h("dialog", { key: '9e2d23304e10872ed3dc9a7520537e36bf8b8f5b', class: `xpl-modal__dialog xpl-modal-size--${this.size} xpl-modal--${this.isOpen ? 'is-open' : 'is-closed'}` }, index.h("div", { key: 'f55a9d85fc271183e0a6b7e60fb4ad5ed623b010', class: "xpl-modal__header" }, index.h("div", { key: 'ac105d7ee88148e4b10b26522f93fea70b8d6c06', class: "xpl-modal__title" }, this.variant === 'warning' && (index.h("xpl-icon", { key: '89ff5fda063dc98628c409ee51c124f17f9e7553', size: 20, icon: "alert-triangle", class: "xpl-modal__alert-icon" })), index.h("slot", { key: '03e05d28ca6449859ac58f0b0efaf3d8e24c1d62', name: "title" }), index.h("xpl-button", { key: 'ff132fcbaf91ab6922b12f667255594673e21bd5', type: "button", class: "xpl-modal__close-button", "icon-only": true, size: "sm", variant: "tertiary", onClick: this.handleDialogClose }, index.h("xpl-icon", { key: '6d712ffc1de66d43591ccf71b08ed5e823fc4c8f', icon: "x" }))), index.h("div", { key: 'ff5f20b209f6d704d0d20561818ca3ea5b353fce', class: "xpl-modal__subtitle" }, index.h("slot", { key: 'de25d1ab35729ad5ee0e279311285eab20fb7669', name: "subtitle" }))), index.h("div", { key: '286f34b54309527c836cb7cc06018ffc577c500f', class: "xpl-modal__body" }, index.h("slot", { key: '960036c7d3da774ad0f59ccf2c859d7ba3ec3a98', name: "body" })), index.h("div", { key: '24f7db0e4153d9f4105d787abdc1fe491ba6633c', class: "xpl-modal__footer" }, index.h("slot", { key: '4f096e57455b20caec555a008a14d411f40b53d7', name: "tertiary" }), index.h("slot", { key: '1fee8182d892c3460fe30c20456e1b9139bafaec', name: "secondary" }), index.h("slot", { key: 'e2b91a7af9f34c297d6c311823c91f9a0ab4059c', name: "primary" })))));
19140
+ return (index.h(index.Host, { key: '310913d620acf72531ecb06aa6cd2180bb58d13b', class: "xpl-modal" }, this.isOpen && index.h("xpl-backdrop", { key: 'd95693fd09c2f0a8024f3cb69a021f0bd79f7916' }), index.h("dialog", { key: '5cffd3cfdcc6033baa1d9e3e5fdf56b8411a8975', class: `xpl-modal__dialog xpl-modal-size--${this.size} xpl-modal--${this.isOpen ? 'is-open' : 'is-closed'}` }, index.h("div", { key: '2d0be8e91065d464797d85cd1b98272292eacb09', class: "xpl-modal__header" }, index.h("div", { key: 'cb7d8594ed217599bcf0e2efa88d72afe0fff758', class: "xpl-modal__title" }, this.variant === 'warning' && (index.h("xpl-icon", { key: 'fb7dd69369accc0c98ef8762ca457b6368ca0036', size: 20, icon: "alert-triangle", class: "xpl-modal__alert-icon" })), index.h("slot", { key: '36a6d3d38d35064f81740504090fbbcdf2125097', name: "title" }), index.h("xpl-button", { key: 'db84ecf685afec8d0d783b433f8aa030acc436bb', type: "button", class: "xpl-modal__close-button", "icon-only": true, size: "sm", variant: "tertiary", onClick: this.handleDialogClose }, index.h("xpl-icon", { key: 'bf241c6636ace6e182bf259bd24754646dc7f151', icon: "x" }))), index.h("div", { key: '105fa1a5b9d927bda5ca5521bbb8211cb07ab8e8', class: "xpl-modal__subtitle" }, index.h("slot", { key: 'd25d6d8bb95cd51f075dd7f9b5e1e199dac3efb0', name: "subtitle" }))), index.h("div", { key: '3b194a36ad0f4446149027544c16a25ba27f2cec', class: "xpl-modal__body" }, index.h("slot", { key: '077e5b70115e3e906cd9ea7181c51615799c77e8', name: "body" })), index.h("div", { key: '687bd9ca45af20945ab5461ceb68ec099a30c50b', class: "xpl-modal__footer" }, index.h("slot", { key: '73d5884708efd296a701c37e02663668fcfd37d8', name: "tertiary" }), index.h("slot", { key: 'bad90d2355b8c015e19b1e450b5a2ce96e5ad55d', name: "secondary" }), index.h("slot", { key: 'c601b66edc9fb2c082ccc713d6df95f15bd604ef', name: "primary" })))));
18090
19141
  }
18091
19142
  get element() { return index.getElement(this); }
18092
19143
  static get watchers() { return {
@@ -18162,11 +19213,11 @@ const NavHeaderMenu = class {
18162
19213
  }
18163
19214
  render() {
18164
19215
  const hasProfile = !!this.username || !!this.email;
18165
- return (index.h(index.Host, { key: '677e0ab10d9bb5578f472101c677222e038c2b4a', class: {
19216
+ return (index.h(index.Host, { key: '451149dc9d73f705492fc65bf4f014b8efa4ee8a', class: {
18166
19217
  'xpl-nav-header-menu': true,
18167
19218
  'xpl-nav-header-menu--has-right-aside-mobile': this.rightAsideMobilePresent,
18168
19219
  dark: true,
18169
- } }, hasProfile && (index.h("div", { key: 'fa3898bd0b2aa4726d44ad991a2c6272d4f323de', class: "xpl-nav-header-menu__profile" }, index.h("div", { key: '354ff7d001e5b545cc7c4310ee10cae7d72c6159', class: "xpl-nav-header-menu__info" }, this.username && (index.h("div", { key: '92b6486692879a602e87062820d7cbf175bf15d2', class: "xpl-nav-header-menu__username" }, this.username)), this.email && (index.h("div", { key: 'a228df8215ffd68c36631e11184ba38c790bc560', class: "xpl-nav-header-menu__email" }, this.email))))), index.h("div", { key: '0ee2394e784f6efb43f04ec65765481203dda954', class: "xpl-nav-header-menu__right-aside-mobile" }, index.h("slot", { key: 'f551acc13c6e6f2611e78d04de72987048011318', name: "right-aside-mobile" })), index.h("div", { key: 'b90709dea7e169df42acaf8125a9359321c979ff', class: "xpl-nav-header-menu__slot", role: "list" }, index.h("slot", { key: 'c35efb10d04d4d4b0bbf832d8541ba6d4b9782c0' }))));
19220
+ } }, hasProfile && (index.h("div", { key: 'f42b560492c110644d52b10f708a3ed650833861', class: "xpl-nav-header-menu__profile" }, index.h("div", { key: '6d98f720af85cbf8164bea7500175d6bfbb9465b', class: "xpl-nav-header-menu__info" }, this.username && (index.h("div", { key: '9d52880dc41c11e71ac3cc107d8009eccb787bac', class: "xpl-nav-header-menu__username" }, this.username)), this.email && (index.h("div", { key: 'd1b71ac2c4f6aaf5efd7b1910b8848f97ab08bf0', class: "xpl-nav-header-menu__email" }, this.email))))), index.h("div", { key: 'e1b298c39ccbe0f68b8d60fa82714572f656ab1e', class: "xpl-nav-header-menu__right-aside-mobile" }, index.h("slot", { key: 'fbb8d26c38a4a50568e8836ac3af4409fe6c93c0', name: "right-aside-mobile" })), index.h("div", { key: 'cbe858338ec04cdd3b74285f95b0466432924be2', class: "xpl-nav-header-menu__slot", role: "list" }, index.h("slot", { key: 'b47ccc7f955a30d8b9d9b884fa3d920d45958f7c' }))));
18170
19221
  }
18171
19222
  get el() { return index.getElement(this); }
18172
19223
  };
@@ -18183,11 +19234,11 @@ const NavItem = class {
18183
19234
  }
18184
19235
  }
18185
19236
  render() {
18186
- return (index.h(index.Host, { key: '5e0a171c719802e96d48f7d635c189563387fade', class: "xpl-nav-item", role: "listitem", onClick: () => {
19237
+ return (index.h(index.Host, { key: 'b3a214a57ad57e9db1bbfd6a1809999ce0575a82', class: "xpl-nav-item", role: "listitem", onClick: () => {
18187
19238
  if (this.navControl) {
18188
19239
  this.onNavToggle();
18189
19240
  }
18190
- } }, index.h("slot", { key: 'aff0155598a1b64d50168552ff251b824d00a86f', name: "link" }, index.h("slot", { key: '28da4593d2302b2867b0792562dc5b7b3ddd6983', name: "icon" }), index.h("slot", { key: '93e12751d2320608ee7a10d73eef67a1c1bb5443' }))));
19241
+ } }, index.h("slot", { key: '0f2a74dc4fd6f419a01106d872a5f6b5066a21a8', name: "link" }, index.h("slot", { key: '234b41ca18d65ec3423ff580d983d24b483641cf', name: "icon" }), index.h("slot", { key: 'cdb0ac59997cd1c557b05c6c8d8f60ae78d28a4d' }))));
18191
19242
  }
18192
19243
  };
18193
19244
 
@@ -18254,19 +19305,23 @@ const Pagination = class {
18254
19305
  render() {
18255
19306
  const disablePrev = this.currentPage <= 1;
18256
19307
  const disableNext = this.currentPage >= this.totalPages;
18257
- return (index.h(index.Host, { key: 'cb9e0db1008dfadcfb48ae308d8e595dc751a6ee', class: `xpl-pagination xpl-pagination__${this.withPageControl ? 'with' : 'no'}-page-control` }, this.withPageControl && (index.h("div", { key: '30d272307c28e0b50d78b036ec63f4d2a120aaa0', class: "xpl-pagination__rows-per-page" }, index.h("label", { key: 'cc5969dbc2685aff198f03ef593dd714570225dd', class: "xpl-pagination__rows-label" }, "Rows per page:"), index.h("xpl-select", { key: '447ee86d134c70f51c4a756c499bb6766d10ed7f', class: "xpl-pagination__rows-per-page-select", choices: this.rowsPerPageOptionsArray.map((option) => ({
19308
+ return (index.h(index.Host, { key: 'fad9cdff4010b4b5ac842633bf7daf09b4dbd5d4', class: {
19309
+ 'xpl-pagination': true,
19310
+ 'xpl-pagination__with-page-control': this.withPageControl,
19311
+ 'xpl-pagination__no-page-control': !this.withPageControl,
19312
+ } }, this.withPageControl && (index.h("div", { key: 'eb125851b89aa1422ec3e5d5e336fcbecd07489e', class: "xpl-pagination__rows-per-page" }, index.h("label", { key: '5f2aa4c45d183827317a74cf4700981b6b0e7f2b', class: "xpl-pagination__rows-label" }, "Rows per page:"), index.h("xpl-select", { key: '7ba2987a24b3228d9b59320f29b22b5819f85546', class: "xpl-pagination__rows-per-page-select", dropdownFlipFallbackPlacements: ['bottom-start'], dropdownPlacement: "top-start", choices: this.rowsPerPageOptionsArray.map((option) => ({
18258
19313
  label: option.toString(),
18259
19314
  value: option.toString(),
18260
19315
  isSelected: option === this.selectedRowsPerPage,
18261
19316
  })), ref: (el) => {
18262
19317
  this.rowsPerPageSelectRef = el;
18263
- } }))), index.h("div", { key: 'ac10b2efa235b3a065c7089bfb8674d6e015ee0c', class: "xpl-pagination__pager" }, index.h("button", { key: '83e9cc02336b94fe3cc8b16ba52d01ab70c50eb1', class: "xpl-pagination__pager-button xpl-pagination__pager-button-prev", disabled: disablePrev, onClick: this.handlePrevPage, "aria-label": "Previous Page", tabindex: "0" }, index.h("xpl-icon", { key: '12a92187d96ad9c2973fd73c2b61c1c04cce589b', icon: "arrow-left", size: 20 })), index.h("xpl-select", { key: '79324205919048c207044ca7916a276675463d25', class: "xpl-pagination__page-select", choices: Array.from({ length: this.totalPages }, (_, index) => ({
19318
+ } }))), index.h("div", { key: '8bab9db1cecfdaeeb760b0e4e1afb393ff3a3fe7', class: "xpl-pagination__pager" }, index.h("button", { key: '19efd8a9aee2b05f875d2db34c7cdd174c845f60', class: "xpl-pagination__pager-button xpl-pagination__pager-button-prev", disabled: disablePrev, onClick: this.handlePrevPage, "aria-label": "Previous Page", tabindex: "0" }, index.h("xpl-icon", { key: 'a77a15c649a6f2c86b100d1687b4a099acc18602', icon: "arrow-left", size: 20 })), index.h("xpl-select", { key: '5778cad67d3a4b930b1f89b0e49c30e941e23259', class: "xpl-pagination__page-select", dropdownFlipFallbackPlacements: ['bottom-start'], dropdownPlacement: "top-start", choices: Array.from({ length: this.totalPages }, (_, index) => ({
18264
19319
  label: `Page ${index + 1}`,
18265
19320
  value: (index + 1).toString(),
18266
19321
  isSelected: index + 1 === this.currentPage,
18267
19322
  })), "custom-display-value": true, ref: (el) => {
18268
19323
  this.pageSelectRef = el;
18269
- } }, index.h("div", { key: '73674015b0e1f8c9175c2af2a409cf1beb57fb9d', slot: "custom-display-value" }, `${this.currentPage} of ${this.totalPages}`)), index.h("button", { key: '6cecec44e8dfe62b9c6c94b33bad64473e0660a7', class: "xpl-pagination__pager-button xpl-pagination__pager-button-next", disabled: disableNext, onClick: this.handleNextPage, "aria-label": "Next Page", tabindex: "0" }, index.h("xpl-icon", { key: '9d21370837ee23434c94d790c7e300358d352e93', icon: "arrow-right", size: 20 })))));
19324
+ } }, index.h("div", { key: 'd0ae655a0100c2e81c8f7bdc2c8d3072f00cc7c9', slot: "custom-display-value" }, `${this.currentPage} of ${this.totalPages}`)), index.h("button", { key: 'ca6c7eb4fd277344f340b83673f1e43cb0c9fe99', class: "xpl-pagination__pager-button xpl-pagination__pager-button-next", disabled: disableNext, onClick: this.handleNextPage, "aria-label": "Next Page", tabindex: "0" }, index.h("xpl-icon", { key: 'd18efdcb7e67ab908fbf79fc475993cf656b150c', icon: "arrow-right", size: 20 })))));
18270
19325
  }
18271
19326
  static get watchers() { return {
18272
19327
  "currentPage": [{
@@ -18286,11 +19341,11 @@ const XplPanel = class {
18286
19341
  }
18287
19342
  render() {
18288
19343
  const hasAccent = this.accent !== 'none';
18289
- return (index.h(index.Host, { key: 'a9618f21b7aba5804881ec509d47909b87ad9aa5', class: {
19344
+ return (index.h(index.Host, { key: 'e9a747ba679f6f9f907d13217f329947bff93e31', class: {
18290
19345
  'xpl-panel': true,
18291
19346
  [`xpl-panel--accent-${this.accent}`]: hasAccent,
18292
19347
  [`xpl-panel--padding-${this.padding}`]: true,
18293
- } }, hasAccent && index.h("div", { key: '5b92aa4395658996de2736941d6c0d0262903013', "aria-hidden": "true", class: "xpl-panel__accent" }), index.h("div", { key: '5b22eb3d1911ce2d68876c0bc0bc61f947c830f9', class: "xpl-panel__content" }, index.h("slot", { key: 'b2f331aa8ea4328b0e50736d97361a7bfcde60ed' }))));
19348
+ } }, hasAccent && index.h("div", { key: 'b777fd4a81574ff9276582b256b673cccfc63a34', "aria-hidden": "true", class: "xpl-panel__accent" }), index.h("div", { key: '5fa5ba4c2bfa13d7dcaee603e96ec9b77d103b13', class: "xpl-panel__content" }, index.h("slot", { key: 'c99b797e076c2641ae205181479dabb38f9ea009' }))));
18294
19349
  }
18295
19350
  };
18296
19351
 
@@ -18953,16 +20008,16 @@ const Popover = class {
18953
20008
  });
18954
20009
  }
18955
20010
  render() {
18956
- return (index.h(index.Host, { key: '67ecd18580166f1582c29e33f1485bf67590b9f5' }, index.h("div", { key: 'bba42a3474432557bfc71705c2d5206493fed64b', class: {
20011
+ return (index.h(index.Host, { key: '6fe479a39ee565772785c7b540c4e0915c5403e4' }, index.h("div", { key: '350452ca097bab13e7f06b3d1aa5e2774d80104b', class: {
18957
20012
  'xpl-popover': true,
18958
20013
  [`xpl-popover--${this.actualPosition}`]: true,
18959
20014
  'xpl-popover--is-open': this.isOpenState,
18960
- } }, index.h("span", { key: '7960b727b609da6b0e949e4889e217b0f3efb6c9', role: "button", tabindex: "0", "aria-haspopup": "dialog", "aria-expanded": this.isOpenState ? 'true' : 'false', onClick: this.togglePopover, ref: (el) => {
20015
+ } }, index.h("span", { key: '0a9365be21ef70855bd7d304a77fc80d19ba16d3', role: "button", tabindex: "0", "aria-haspopup": "dialog", "aria-expanded": this.isOpenState ? 'true' : 'false', onClick: this.togglePopover, ref: (el) => {
18961
20016
  this.triggerRef = el;
18962
- } }, index.h("slot", { key: '08d2034f7559ce12f948252cf62bded94ab7666a', name: "trigger" })), this.display === 'arrow' && (index.h("div", { key: '1c51e2f96884da9828cf5d94fc1639a63580a0c7', class: "xpl-popover__arrow" }, index.h("svg", { key: 'bbf85fdaa6385724f8ce55001a5d9d2e2471dfc5', width: "17", height: "14", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '4ba2c4805e65b776af7bd313f575866f134fb778', d: "M0 5h15l-7.5 7.5L0 5Z", fill: "white", stroke: "none", class: "arrow-fill" }), index.h("path", { key: '21fab6334d8106940a3e5c49acc70b80a7d61326', d: "M0 5 L7.5 12.5 L15 5", fill: "none", stroke: "black", "stroke-width": "1", class: "arrow-stroke" })))), index.h("div", { key: 'fb0eeedab71c9d10fcab8f9277af919efd94f202', class: {
20017
+ } }, index.h("slot", { key: 'df227b5bb7683599b4f82ef2a8c9d840b4920a61', name: "trigger" })), this.display === 'arrow' && (index.h("div", { key: 'dbf0b6998b3aa6ae40089e13bef86878037bbe24', class: "xpl-popover__arrow" }, index.h("svg", { key: '2bf57b69abc556ba9a86b59f6347a2c8d81a67c3', width: "17", height: "14", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '36fef83ea3e2d3d4b388f5bdfe74d0bdc034be9d', d: "M0 5h15l-7.5 7.5L0 5Z", fill: "white", stroke: "none", class: "arrow-fill" }), index.h("path", { key: '1187a6ec22457ab6086753cf199398705541b1b4', d: "M0 5 L7.5 12.5 L15 5", fill: "none", stroke: "black", "stroke-width": "1", class: "arrow-stroke" })))), index.h("div", { key: '7c6f063094de1462629a0db380597374c4231855', class: {
18963
20018
  'xpl-popover__content': true,
18964
20019
  [`xpl-popover__content--display-${this.display}`]: true,
18965
- }, ref: (el) => (this.contentRef = el) }, index.h("slot", { key: '4bd22aa19dedb6fb77355caafcd009413c8ad7d9' })))));
20020
+ }, ref: (el) => (this.contentRef = el) }, index.h("slot", { key: '41062b776eed58b98452bb5a8d3b7099ac1138d2' })))));
18966
20021
  }
18967
20022
  get el() { return index.getElement(this); }
18968
20023
  static get watchers() { return {
@@ -19002,12 +20057,12 @@ const ProgressBar = class {
19002
20057
  return this.variant === 'indeterminate';
19003
20058
  }
19004
20059
  render() {
19005
- return (index.h(index.Host, { key: '4161cfe080a629f1c69c14a0e0a553df950d57a8', class: {
20060
+ return (index.h(index.Host, { key: 'e5cc7a2231ed74242241723c9f0a57444a8000bb', class: {
19006
20061
  'xpl-progress-bar': true,
19007
20062
  [`xpl-progress-bar--${this.size}`]: true,
19008
20063
  [`xpl-progress-bar--${this.variant}`]: true,
19009
20064
  'xpl-progress-bar--complete': this.isComplete,
19010
- } }, index.h("div", { key: 'c3ec83eb50771a91c543da1c9ec204e03b402c98', class: "xpl-progress-bar__wrapper" }, (this.label || this.showStatusIcon) && (index.h("div", { key: '9bb66a54388c8d24d9c737d8736536fc47285bc9', class: "xpl-progress-bar__header" }, this.label && index.h("div", { key: 'fb8160645a4c2ad56a276d5b85c5384d85b75b7e', class: "xpl-progress-bar__label" }, this.label), this.showStatusIcon && (index.h("div", { key: 'fb3cf9019e4ad18b0016219d44f3aa916ee5b4b2', class: "xpl-progress-bar__icon" }, this.isError ? (index.h("xpl-icon", { icon: "circle-xmark-1" })) : (index.h("xpl-icon", { icon: "circle-check-1" })))))), index.h("div", { key: 'cef864deff983bae01b9871ec17d6f6edccc327d', class: "xpl-progress-bar__row" }, this.isIndeterminate ? (index.h("div", { class: "xpl-progress-bar__track xpl-progress-bar__track--indeterminate", role: "progressbar", "aria-label": this.label || 'Progress' }, index.h("div", { class: "xpl-progress-bar__indeterminate" }))) : (index.h("progress", { class: "xpl-progress-bar__progress", value: this.clampedValue, max: this.max, "aria-label": this.label || 'Progress' }))), this.helperText && (index.h("div", { key: '9f7a52c0527b0fccc2189f0485596fa2cf80d417', class: "xpl-progress-bar__helper" }, this.helperText)))));
20065
+ } }, index.h("div", { key: '3212fdea66e2cd3edffc36f99c9edc197f15bcee', class: "xpl-progress-bar__wrapper" }, (this.label || this.showStatusIcon) && (index.h("div", { key: '004c0b9203df13c6818fdbb8c928a47d86e7388e', class: "xpl-progress-bar__header" }, this.label && index.h("div", { key: 'ce735edff19cc004f979a582618c968260cd23c3', class: "xpl-progress-bar__label" }, this.label), this.showStatusIcon && (index.h("div", { key: '3a9f143b79152aa3208593c9249a62d819c2967a', class: "xpl-progress-bar__icon" }, this.isError ? (index.h("xpl-icon", { icon: "circle-xmark-1" })) : (index.h("xpl-icon", { icon: "circle-check-1" })))))), index.h("div", { key: '517787d0ff39c082a3d4763b78b16a9ce9235b4b', class: "xpl-progress-bar__row" }, this.isIndeterminate ? (index.h("div", { class: "xpl-progress-bar__track xpl-progress-bar__track--indeterminate", role: "progressbar", "aria-label": this.label || 'Progress' }, index.h("div", { class: "xpl-progress-bar__indeterminate" }))) : (index.h("progress", { class: "xpl-progress-bar__progress", value: this.clampedValue, max: this.max, "aria-label": this.label || 'Progress' }))), this.helperText && (index.h("div", { key: '488c5092b96a1e9a5a08f9b090f94fe66f6f1490', class: "xpl-progress-bar__helper" }, this.helperText)))));
19011
20066
  }
19012
20067
  };
19013
20068
 
@@ -19068,7 +20123,7 @@ const ProgressIndicator = class {
19068
20123
  ? `Progress: all ${totalSteps} ${totalSteps === 1 ? 'step' : 'steps'} complete`
19069
20124
  : `Progress: step ${currentStepNumber} of ${totalSteps}`
19070
20125
  : 'Progress';
19071
- return (index.h(index.Host, { key: '44ac526c3954f688007573bf53c771b30518b9c7', class: hostClasses, role: "group", "aria-label": ariaLabel }, index.h("div", { key: '1ab86e3777ded2737ed5dd3c5ec759211a1087a7', class: "xpl-progress-indicator-container", role: "list" }, steps.map((step, index) => this.renderStep(step, index)))));
20126
+ return (index.h(index.Host, { key: '3a6f253693fd47f982541099a1729ca36d0ce64a', class: hostClasses, role: "group", "aria-label": ariaLabel }, index.h("div", { key: 'c25b47994c43135ed3147ca579bdc3d8124d7c8a', class: "xpl-progress-indicator-container", role: "list" }, steps.map((step, index) => this.renderStep(step, index)))));
19072
20127
  }
19073
20128
  static get watchers() { return {
19074
20129
  "steps": [{
@@ -19095,15 +20150,21 @@ const Radio = class {
19095
20150
  }
19096
20151
  };
19097
20152
  }
20153
+ get isChecked() {
20154
+ if (this.selectedValue !== undefined && this.value !== undefined) {
20155
+ return this.selectedValue === this.value;
20156
+ }
20157
+ return Boolean(this.checked);
20158
+ }
19098
20159
  render() {
19099
- return (index.h(index.Host, { key: 'a96ab55137fedbfe00d68b660bd2d935208dc6c6', class: {
20160
+ return (index.h(index.Host, { key: '1cda65b10ee03e06c30b2c501d7f2ec4153619f6', class: {
19100
20161
  'xpl-checkbox-radio-container': true,
19101
20162
  styled: this.styled,
19102
20163
  disabled: this.disabled,
19103
- } }, index.h("input", { key: 'ee385d0976d065fee4f72f75faea0ddbe33c0e81', class: "xpl-radio", type: "radio", checked: this.checked, disabled: this.disabled, id: this.id, name: this.name, required: this.required, onChange: this.onChange, value: this.value }), index.h("label", { key: '04e74e08a20b229f2d45b8fce80fa65ab3bf0954', class: {
20164
+ } }, index.h("input", { key: 'b19a87e42feb5953ace4b8bd049427959c40a7e6', class: "xpl-radio", type: "radio", checked: this.isChecked, disabled: this.disabled, id: this.id, name: this.name, required: this.required, onChange: this.onChange, value: this.value }), index.h("label", { key: 'd07051460f7503a182b969eeafcb8eba5d61bef2', class: {
19104
20165
  'xpl-label': true,
19105
20166
  'xpl-label--disabled': this.disabled,
19106
- }, htmlFor: this.id }, index.h("slot", { key: 'b9fe3e13de64776a9cc1afcd8f7c10f84be8c8bb' }), this.description && (index.h("small", { key: '6ecd217342fbfa9bb5022bb1298683ff87af1713', class: {
20167
+ }, htmlFor: this.id }, index.h("slot", { key: '06835704869d514a0d3eb01d671b6bec42524e89' }), this.description && (index.h("small", { key: '3e798a699fa53ca6c932e6466b438ed47aa46148', class: {
19107
20168
  'xpl-description': true,
19108
20169
  'xpl-description--disabled': this.disabled,
19109
20170
  } }, this.description)))));
@@ -19115,7 +20176,7 @@ const SecondaryNav = class {
19115
20176
  index.registerInstance(this, hostRef);
19116
20177
  }
19117
20178
  render() {
19118
- return (index.h(index.Host, { key: 'bf9cbd4351297a28d6d98d3bf1e0612fac1f5136', class: "xpl-secondary-nav" }, index.h("nav", { key: '764de50287c88f53f19005d50b177e85f71f7f43', "aria-label": "Secondary Nav" }, index.h("slot", { key: 'd7fe629382a06f62dde9f08db082854e986ba406' }))));
20179
+ return (index.h(index.Host, { key: 'f4fdd93b13c1dc779c84e8b00b12caeff58df960', class: "xpl-secondary-nav" }, index.h("nav", { key: '4092d23357761026ad5fddfbc32a221d957cce1e', "aria-label": "Secondary Nav" }, index.h("slot", { key: 'c3ae9f1821a6d22babece27971cc1faf15037cdb' }))));
19119
20180
  }
19120
20181
  };
19121
20182
 
@@ -19139,6 +20200,7 @@ const Select = class {
19139
20200
  this.triggerDropdown = index.createEvent(this, "triggerDropdown", 7);
19140
20201
  this.choices = [];
19141
20202
  this.selectIcon = 'chevron-down';
20203
+ this.dropdownPlacement = 'bottom-start';
19142
20204
  this.mode = 'single';
19143
20205
  this.truncate = true;
19144
20206
  this.active = false;
@@ -19345,21 +20407,21 @@ const Select = class {
19345
20407
  this.truncate &&
19346
20408
  !this.customDisplayValue;
19347
20409
  const truncatedText = `+ ${Math.abs(this.choicesState.filter((a) => a.isSelected).length - this.visibleChoices)} more`;
19348
- return (index.h(index.Host, { key: 'c02b59988eee5073103958a24061c46aa286ea50', class: {
20410
+ return (index.h(index.Host, { key: '09d3587fa268cb0621ea293d246e23cde93d75df', class: {
19349
20411
  'xpl-select': true,
19350
20412
  'xpl-select--disabled': this.disabled,
19351
20413
  'xpl-select--no-truncate': !this.truncate,
19352
20414
  [(_c = this.classNames) !== null && _c !== void 0 ? _c : '']: !!this.classNames,
19353
20415
  }, onKeyDown: this.handleTabKeyDown, ref: (el) => {
19354
20416
  this.container = el;
19355
- } }, this.renderLabel(), index.h("div", { key: '189c9d2e3370876b6289ee16ee1b8927e5bfc0ee', class: {
20417
+ } }, this.renderLabel(), index.h("div", { key: '007a61cc60c948d0691d6983cb197652084e417d', class: {
19356
20418
  'xpl-input': true,
19357
20419
  'xpl-input--disabled': this.disabled,
19358
20420
  'xpl-input--error': ((_d = this.error) === null || _d === void 0 ? void 0 : _d.length) >= 0,
19359
- } }, index.h("div", { key: 'a8df7de958be97becd2a9f6a2db761702e2066c3', class: "xpl-input-wrapper" }, index.h("button", { key: 'f00119d930d49b241d5160bfe7a70ee56ac598d8', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
20421
+ } }, index.h("div", { key: 'e1edfe6e4b205bd6332f07031ee51ef7f9f6ac91', class: "xpl-input-wrapper" }, index.h("button", { key: '53d079f28b8a1bcdd5498287dfd88bb7a3ba7b50', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
19360
20422
  e.preventDefault();
19361
20423
  this.handleDropdownTrigger();
19362
- }, type: "button" }, index.h("div", { key: '141643ae007e8f5827d4aeb8fdd2a95b14b003ff', class: {
20424
+ }, type: "button" }, index.h("div", { key: '5cfec98b2e829ea48e96b373e09e740d5bf02ef6', class: {
19363
20425
  'xpl-select-value': true,
19364
20426
  'xpl-select-value--active': this.mode === 'multi' && this.value.length > 0,
19365
20427
  'has-value': this.value.length > 0,
@@ -19379,7 +20441,7 @@ const Select = class {
19379
20441
  return this.renderSelectedTags();
19380
20442
  }
19381
20443
  return this.placeholder;
19382
- })(), isTextTruncated && truncatedText), index.h("xpl-icon", { key: '05f6ba660e21584017715d3afc14d7bd8b8d536a', class: "xpl-select__chevron-down", icon: this.selectIcon }))), !this.disabled && (index.h("xpl-dropdown", { key: '9a452cf4c62cca5ba4279ddd8da09c9d24797dcf', ref: (el) => {
20444
+ })(), isTextTruncated && truncatedText), index.h("xpl-icon", { key: '8bb01d1e8b206fb3c1963cdebcd293eeb2277e05', class: "xpl-select__chevron-down", icon: this.selectIcon }))), !this.disabled && (index.h("xpl-dropdown", { key: 'f5e770c4b26449f3025d172d768d6df69bd0ae03', ref: (el) => {
19383
20445
  this.dropdown = el;
19384
20446
  }, isOpen: this.dropdownOpenState, options: this.choicesState, selectedValues: this.selectedValues, mode: this.mode, triggerId: this.id, update: (_e, { component }) => {
19385
20447
  const { options } = component;
@@ -19388,7 +20450,7 @@ const Select = class {
19388
20450
  }
19389
20451
  }, onIsOpenChange: (e) => {
19390
20452
  this.dropdownOpenState = e.detail;
19391
- }, onWheel: this.handleDropdownScroll, anchorToTrigger: true })), this.renderError()), index.h("input", { key: 'd9d6cbc69fc5fc688b2dda6ea1ef99435d90fc94', type: "hidden", name: this.name, value: this.value })));
20453
+ }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), index.h("input", { key: 'fe84c16780622e730100a58a948fc4fe27f6ddb5', type: "hidden", name: this.name, value: this.value })));
19392
20454
  }
19393
20455
  static get watchers() { return {
19394
20456
  "choices": [{
@@ -19414,9 +20476,9 @@ const SideNav = class {
19414
20476
  index.registerInstance(this, hostRef);
19415
20477
  }
19416
20478
  render() {
19417
- return (index.h(index.Host, { key: 'bfa4c94a1718583020da6a8b1e9104788ce78ef1', class: {
20479
+ return (index.h(index.Host, { key: 'd01e8e27671eabc92613a803818b4351334011ac', class: {
19418
20480
  'xpl-side-nav': true,
19419
- } }, index.h("div", { key: '1788f206ed3bea01be9cfa74fbc54a54e664945c', class: "xpl-side-nav__wrapper" }, index.h("nav", { key: 'ccbcbc45566a77a9134279b486148f3444bdb0ea', class: "xpl-side-nav__content", "aria-label": this.label }, index.h("div", { key: '6aef4d3f8e0c037aeedfc45d8471978c635b3293', class: "xpl-side-nav__section" }, index.h("slot", { key: 'e4384164f138cae0135472428079b62924afbcdf', name: "section" })), index.h("div", { key: '9794ea9a4b566713d0adb0787ae2ab1ae171fa6e', class: "xpl-side-nav__footer" }, index.h("slot", { key: 'e20ff6d3795784ea11470b7287550c29c0984a65', name: "nav-footer" }))))));
20481
+ } }, index.h("div", { key: '92c9f31fa0d9d564164cde99d17e30562c30abb7', class: "xpl-side-nav__wrapper" }, index.h("nav", { key: '5ddd8b18d4f74bb752b747ec4e1c48780a0738de', class: "xpl-side-nav__content", "aria-label": this.label }, index.h("div", { key: '8b830945bf6ec1da8ab2e2c955c10a1077652590', class: "xpl-side-nav__section" }, index.h("slot", { key: '66e5cd33c23bdc8963d661e0741d34f80a0640fb', name: "section" })), index.h("div", { key: 'f0da4e3c25822453efcbfb3c6f8ea7ec328e717d', class: "xpl-side-nav__footer" }, index.h("slot", { key: '76b829e978361be9fd62bd412489ea4559852c3f', name: "nav-footer" }))))));
19420
20482
  }
19421
20483
  };
19422
20484
 
@@ -19469,10 +20531,10 @@ const SideNavItem = class {
19469
20531
  expanded: this.expanded,
19470
20532
  selected: this.selected,
19471
20533
  };
19472
- return (index.h(index.Host, { key: '10318a2c26c650f5c5e2143c2fe1bde6a372f933', class: {
20534
+ return (index.h(index.Host, { key: 'a621f4f9c04d79de708a34a4f4eab06e523a299a', class: {
19473
20535
  'xpl-side-nav-item': true,
19474
20536
  'xpl-side-nav-item--link-disabled': this.link && this.disabled,
19475
- } }, this.link ? (index.h("slot", null)) : (index.h("button", { type: "button", class: linkClass, "aria-current": this.selected ? 'page' : undefined, "aria-expanded": this.hasChildren ? (this.expanded ? 'true' : 'false') : undefined, onClick: this.handleClick, disabled: this.disabled }, this.hasChildren && (index.h("span", { class: `xpl-side-nav-item__arrow ${this.expanded ? 'expanded' : ''}` }, index.h("xpl-icon", { icon: "chevron-down", size: 16 }))), !this.hasChildren && (index.h("span", { class: "xpl-side-nav-item__icon" }, index.h("slot", { name: "icon" }, this.icon ? (index.h("xpl-icon", { icon: this.icon, size: 16 })) : null))), index.h("span", { class: "xpl-side-nav-item__label" }, (_a = this.label) !== null && _a !== void 0 ? _a : ''))), this.hasChildren && !this.link && (index.h("div", { key: 'ea6e431300ffe641e970c8cc49e7935858986685', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, index.h("div", { key: '378a00e24a61911ce69ef6a50e69d47b496b5557', class: "xpl-side-nav-item__children-inner" }, index.h("slot", { key: 'b3ece8c8ddbf58693a370824c40fe3811828889a' }))))));
20537
+ } }, this.link ? (index.h("slot", null)) : (index.h("button", { type: "button", class: linkClass, "aria-current": this.selected ? 'page' : undefined, "aria-expanded": this.hasChildren ? (this.expanded ? 'true' : 'false') : undefined, onClick: this.handleClick, disabled: this.disabled }, this.hasChildren && (index.h("span", { class: `xpl-side-nav-item__arrow ${this.expanded ? 'expanded' : ''}` }, index.h("xpl-icon", { icon: "chevron-down", size: 16 }))), !this.hasChildren && (index.h("span", { class: "xpl-side-nav-item__icon" }, index.h("slot", { name: "icon" }, this.icon ? (index.h("xpl-icon", { icon: this.icon, size: 16 })) : null))), index.h("span", { class: "xpl-side-nav-item__label" }, (_a = this.label) !== null && _a !== void 0 ? _a : ''))), this.hasChildren && !this.link && (index.h("div", { key: '3e22894c0bd9427f568b86bba00cdab822921997', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, index.h("div", { key: '41486a4241e4402232531d140e972b39d863ffd9', class: "xpl-side-nav-item__children-inner" }, index.h("slot", { key: 'd334c6ecac7dd1dd12602a461db444cd1ccefc86' }))))));
19476
20538
  }
19477
20539
  get el() { return index.getElement(this); }
19478
20540
  static get watchers() { return {
@@ -19492,7 +20554,7 @@ const Skeleton = class {
19492
20554
  this.size = 'custom';
19493
20555
  }
19494
20556
  render() {
19495
- return (index.h(index.Host, { key: '4c0962c3339b49f2f89d07e4827e826089419c70', class: {
20557
+ return (index.h(index.Host, { key: '0ac86ae7bf109ea51bca36ac502d506ac7d0b66e', class: {
19496
20558
  'xpl-skeleton': true,
19497
20559
  [`xpl-skeleton--shape-${this.shape}`]: true,
19498
20560
  [`xpl-skeleton--size-${this.size}`]: true,
@@ -19535,7 +20597,7 @@ const Slideout = class {
19535
20597
  this.handleScroll();
19536
20598
  }
19537
20599
  render() {
19538
- return (index.h(index.Host, { key: '01e702ef959cc596ae8fb140275d733c93c3b399', class: "xpl-slideout" }, this.backdrop && this.isOpen && (index.h("xpl-backdrop", { key: '4e82ee44b68eae102a4c4ef65e797ce23659d330', onClick: this.handleClose })), index.h("aside", { key: '1c718a30611bb6699f231a9e736c0521c248d65a', class: `slideout slideout--${!this.isOpen && 'closed'}` }, index.h("header", { key: 'c53419926fbe8ccc6616af39d021248b46f138a3', class: "header" }, index.h("div", { key: '36e02fe5b7ff8d6920759ab793ead2be0f0811ac', class: "title" }, index.h("slot", { key: '7932fd5e77edb89570ebd3fedc0346929582ec7b', name: "title" }), index.h("xpl-button", { key: '9772e880c9b132ba84ccf45c4793e0af70548866', class: "close-button", "icon-only": true, size: "sm", variant: "tertiary", onClick: this.handleClose }, index.h("xpl-icon", { key: '91922e8aa02c30aa73ae1ea3d2b47daffd954616', icon: "x" }))), index.h("div", { key: '2f7065ba1da7f0ad805e16b69f4a316d5a1f9285', class: "subtitle" }, index.h("slot", { key: '8edb8bdbdecd01abd2b7899d5c9897c91e625326', name: "subtitle" })), index.h("div", { key: '5945128002bb2103daac40d1f7457ebb97521002', class: "search" }, index.h("slot", { key: 'c4df975581beb16547a439a86f2a532c10fa4fa7', name: "search" }))), index.h("xpl-divider", { key: '3be4c74de14ca2380179798fe4ec0c9a758739af', tier: 0, class: "divider top" }), index.h("article", { key: '2012ae1197acc41f530af8920b19752a248e2b40', class: "content", tabIndex: 0 }, index.h("slot", { key: 'e8a1cedda6cd48bb62dc42f00c9bdc8510d4f603', name: "content" })), this.showFooter && (index.h("footer", { key: 'cfa5a41846485b879126a90f3a7346d6eb680776' }, index.h("xpl-divider", { key: 'bf05c9d85471b55dee25da790afb3cb642f1a86b', tier: 0, class: "divider bottom" }), index.h("div", { key: 'd109314ca745947f3337b06df73183ff277c89bb', class: "footer" }, index.h("slot", { key: 'cad183e788d3555a5366b19b4e01c3c90f7d9ae0', name: "tertiary" }), index.h("slot", { key: 'c12294440fe8544e51197dfddbc01aaea506575a', name: "secondary" }), index.h("slot", { key: '7accdf8dc3cc9b6a416cf784ec081d70c1d0f1e9', name: "primary" })))))));
20600
+ return (index.h(index.Host, { key: '8a3f7af854b35469bf4a383cc4cb1fcfcaa15748', class: "xpl-slideout" }, this.backdrop && this.isOpen && (index.h("xpl-backdrop", { key: '7033d78efa9ac2642a99d2b2dca278a3e9a44368', onClick: this.handleClose })), index.h("aside", { key: '2999e4119a0dbaac5125c7a1ef5f03761f445a0e', class: `slideout slideout--${!this.isOpen && 'closed'}` }, index.h("header", { key: '5e6bcf1284c2b2a4fbc05dd8e5100a33fa7597b4', class: "header" }, index.h("div", { key: '88172efe113b56a533761b975605a44ef52c5174', class: "title" }, index.h("slot", { key: 'c8f13168f62f96374250b11814ace756fa680503', name: "title" }), index.h("xpl-button", { key: '8e0e29a8ad2a5f45b250f9d563886fe7ad2a7cb8', class: "close-button", "icon-only": true, size: "sm", variant: "tertiary", onClick: this.handleClose }, index.h("xpl-icon", { key: '110cbd50e31b51319745d6fed61188c1c885b8b3', icon: "x" }))), index.h("div", { key: '96e6cddf4b078736201116f220f27ddf34b90b44', class: "subtitle" }, index.h("slot", { key: 'eb02b4fce6ff5e658ec51c83819a5257f452d3a1', name: "subtitle" })), index.h("div", { key: 'ac8dfe1f99428cdf728027aa5a04d58d497f34f0', class: "search" }, index.h("slot", { key: '28deb70ef99f4880fba55beb2d2b4b1d3136a240', name: "search" }))), index.h("xpl-divider", { key: '928d20ef8e74eed4e06351c5dab0c0af9934d2b8', tier: 0, class: "divider top" }), index.h("article", { key: 'd6460cb29abb33f6676d2e4f517c1f2befa57148', class: "content", tabIndex: 0 }, index.h("slot", { key: 'b415af9cadedc61407623773fd6b2b1130caf5df', name: "content" })), this.showFooter && (index.h("footer", { key: 'db6a58277112f134dc150266446cc67c79bc6bc5' }, index.h("xpl-divider", { key: '129a61ba1a8a588e94d710b7e7fb1059c4b7f5e6', tier: 0, class: "divider bottom" }), index.h("div", { key: '6c81348acf8ee2bb4c12c2f3207daae564e78aa2', class: "footer" }, index.h("slot", { key: '8c9a6d4c215154bb2e66d62aa462b3b085ef0f5b', name: "tertiary" }), index.h("slot", { key: 'e66e45e2d090f45305f818c6496541b737c96aeb', name: "secondary" }), index.h("slot", { key: '8892bdf075a38237a5c858bfd951e1203fc3c892', name: "primary" })))))));
19539
20601
  }
19540
20602
  get el() { return index.getElement(this); }
19541
20603
  static get watchers() { return {
@@ -20363,62 +21425,14 @@ const TabPanel = class {
20363
21425
  const t = (_a = this.target) !== null && _a !== void 0 ? _a : '';
20364
21426
  const panelId = tabPanelDomId(groupId, t);
20365
21427
  const labelledBy = tabTriggerId(groupId, t);
20366
- return (index.h(index.Host, { key: '4491f3466d26e462432843c382b0d0b5ab64e68b', "aria-labelledby": labelledBy, class: {
21428
+ return (index.h(index.Host, { key: '4c4a86dda347872ea6b1c4569f8424bd6cac7bd9', "aria-labelledby": labelledBy, class: {
20367
21429
  'xpl-tab-panel': true,
20368
21430
  'xpl-tab-panel--selected': this.selected,
20369
- }, id: panelId, role: "tabpanel" }, index.h("slot", { key: '75b3da77cddb6e0a83b7cf41aa5e0aa30259b728' })));
21431
+ }, id: panelId, role: "tabpanel" }, index.h("slot", { key: '30c9ae6f3748dc02a73da7535443266b1043d61b' })));
20370
21432
  }
20371
21433
  get el() { return index.getElement(this); }
20372
21434
  };
20373
21435
 
20374
- const XPL_TABLE_COLUMN_WIDTHS_CHANGE_EVENT = 'xplTableColumnWidthsChange';
20375
- const TABLE_HEADER_CELL_MIN_WIDTH_PX = 48;
20376
- const getGridColumnWidthFromHeaderCell = (cell) => {
20377
- var _a, _b;
20378
- if (cell.tagName.toLowerCase() !== 'xpl-table-header-cell') {
20379
- return 'auto';
20380
- }
20381
- const host = cell;
20382
- const fromProp = typeof host.columnWidth === 'string' ? host.columnWidth.trim() : '';
20383
- const fromAttr = (_b = (_a = cell.getAttribute('column-width')) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '';
20384
- const columnTrack = fromProp || fromAttr;
20385
- if (columnTrack.length > 0) {
20386
- return columnTrack;
20387
- }
20388
- const w = host.width;
20389
- if (typeof w === 'number' && Number.isFinite(w) && w > 0) {
20390
- return `${Math.max(TABLE_HEADER_CELL_MIN_WIDTH_PX, w)}px`;
20391
- }
20392
- const raw = cell.getAttribute('width');
20393
- if (raw === null || raw === '') {
20394
- return 'auto';
20395
- }
20396
- if (/^\s*\d+(\.\d+)?\s*$/.test(raw)) {
20397
- const n = Number.parseFloat(raw);
20398
- if (Number.isFinite(n) && n > 0) {
20399
- return `${Math.max(TABLE_HEADER_CELL_MIN_WIDTH_PX, n)}px`;
20400
- }
20401
- return 'auto';
20402
- }
20403
- return raw.trim();
20404
- };
20405
- const SELECTION_MARK = 'data-xpl-selection-managed';
20406
- const ROW_REORDER_MARK = 'data-xpl-row-reorder-managed';
20407
- const getSortAffordanceIconName = (sortDirection) => {
20408
- if (sortDirection === 'asc')
20409
- return 'arrow-up';
20410
- return 'arrow-down';
20411
- };
20412
- const cycleSortDirection = (current) => {
20413
- switch (current) {
20414
- case 'asc':
20415
- return 'desc';
20416
- case 'desc':
20417
- return null;
20418
- default:
20419
- return 'asc';
20420
- }
20421
- };
20422
21436
  const getIconType = (sortType) => {
20423
21437
  switch (sortType) {
20424
21438
  case 'asc':
@@ -20429,104 +21443,18 @@ const getIconType = (sortType) => {
20429
21443
  return 'dash';
20430
21444
  }
20431
21445
  };
20432
-
20433
- function getNearestTableBodyRowFromNode(node) {
20434
- const el = node instanceof HTMLElement ? node : null;
20435
- if (!el) {
20436
- return null;
20437
- }
20438
- const row = el.closest('xpl-table-row');
20439
- return row != null ? row : null;
20440
- }
20441
- function getNextVisibleTableBodyRowAfter(element) {
20442
- const parent = element.parentElement;
20443
- if (!parent)
20444
- return null;
20445
- const siblings = Array.from(parent.children);
20446
- const idx = siblings.indexOf(element);
20447
- if (idx === -1)
20448
- return null;
20449
- for (let i = idx + 1; i < siblings.length; i += 1) {
20450
- const n = siblings[i];
20451
- if (n.tagName.toLowerCase() === 'xpl-table-row' && !n.hasAttribute('hidden')) {
20452
- return n;
20453
- }
20454
- }
20455
- return null;
20456
- }
20457
- function moveRowInTableBody(body, draggedRow, dropTargetRow) {
20458
- if (draggedRow === dropTargetRow || draggedRow.parentElement !== body) {
20459
- return;
20460
- }
20461
- if (dropTargetRow.parentElement !== body) {
20462
- return;
20463
- }
20464
- const visible = Array.from(body.children).filter((c) => c.tagName.toLowerCase() === 'xpl-table-row' && !c.hasAttribute('hidden'));
20465
- const fromIndex = visible.indexOf(draggedRow);
20466
- const toIndex = visible.indexOf(dropTargetRow);
20467
- if (fromIndex === -1 || toIndex === -1 || fromIndex === toIndex) {
20468
- return;
20469
- }
20470
- if (fromIndex < toIndex) {
20471
- const nextVisible = getNextVisibleTableBodyRowAfter(dropTargetRow);
20472
- if (nextVisible) {
20473
- body.insertBefore(draggedRow, nextVisible);
20474
- }
20475
- else {
20476
- body.insertBefore(draggedRow, null);
20477
- }
20478
- }
20479
- else {
20480
- body.insertBefore(draggedRow, dropTargetRow);
20481
- }
20482
- }
20483
-
20484
- function bodyRowFromDragTarget(target) {
20485
- return getNearestTableBodyRowFromNode(target);
20486
- }
20487
- function tableBodyRowFromEvent(ev) {
20488
- const path = typeof ev.composedPath === 'function' ? ev.composedPath() : [];
20489
- const row = path.find((n) => n instanceof HTMLElement && n.tagName.toLowerCase() === 'xpl-table-row');
20490
- return row !== null && row !== void 0 ? row : bodyRowFromDragTarget(ev.target);
20491
- }
20492
- function reorderDragHandleFromEvent(ev) {
20493
- const path = typeof ev.composedPath === 'function' ? ev.composedPath() : [];
20494
- const handle = path.find((n) => n instanceof HTMLElement && n.classList.contains('xpl-table__row-drag-handle'));
20495
- return handle !== null && handle !== void 0 ? handle : null;
20496
- }
20497
21446
  const Table = class {
20498
21447
  constructor(hostRef) {
20499
21448
  index.registerInstance(this, hostRef);
20500
- this.rowOrderChange = index.createEvent(this, "rowOrderChange", 3);
20501
- this.rowSelectionChange = index.createEvent(this, "rowSelectionChange", 3);
20502
- this.sortChanged = index.createEvent(this, "sortChanged", 3);
20503
21449
  this.tableSelect = index.createEvent(this, "tableSelect", 7);
20504
- this.columnWidthsToken = '';
20505
- this.lastEmittedRowSelectionKey = '';
20506
- this.selectAllValue = Math.random().toString(36).slice(2);
20507
- this.draggedRow = null;
20508
- this.pendingDragRow = null;
20509
- this.pointerUpClearPending = null;
20510
- this.reorderKeyboardTimers = new TimerManager();
20511
- this.onReorderHandleKeydown = (ev) => {
20512
- this.handleReorderHandleKeyDown(ev);
20513
- };
21450
+ this.sortChanged = index.createEvent(this, "sortChanged", 3);
21451
+ this.selectedValues = [];
21452
+ this.isSortable = false;
21453
+ this.sortableColumns = [];
20514
21454
  this.areAllSelected = false;
20515
- this.colCount = 0;
20516
21455
  this.hasScrolled = false;
20517
- this.keyboardReorderRowId = null;
20518
- this.reorderLiveMessage = '';
20519
- this.rowData = [];
20520
- this.rowFooterData = [];
20521
- this.selected = [];
20522
- this.selectedRowIds = [];
20523
21456
  this.sortTypeArray = [];
20524
- this.isSortable = false;
20525
- this.selectedValues = [];
20526
- this.sortableColumns = [];
20527
- this.onGridScroll = (e) => {
20528
- this.hasScrolled = e.target.scrollLeft > 0;
20529
- };
21457
+ this.selectAllValue = Math.random().toString(36).slice(2);
20530
21458
  this.selectAll = (e) => {
20531
21459
  const { target } = e;
20532
21460
  if (!(target instanceof HTMLInputElement))
@@ -20535,9 +21463,10 @@ const Table = class {
20535
21463
  this.areAllSelected = checked;
20536
21464
  this.selected =
20537
21465
  this.selectedValues.length > 0
20538
- ? Array.from(this.el.querySelectorAll('tbody td:first-child input')).map((input) => (checked ? input === null || input === void 0 ? void 0 : input.value : checked))
21466
+ ?
21467
+ Array.from(this.el.querySelectorAll('tbody td:first-child input')).map((input) => checked ? input === null || input === void 0 ? void 0 : input.value : checked)
20539
21468
  : this.selected.map(() => checked);
20540
- this.onSelectionChange();
21469
+ this.onChange();
20541
21470
  };
20542
21471
  this.selectOne = (e, checkboxIdx) => {
20543
21472
  const { target } = e;
@@ -20550,23 +21479,25 @@ const Table = class {
20550
21479
  return v;
20551
21480
  return this.selectedValues.length > 0 ? (checked ? value : checked) : checked;
20552
21481
  });
20553
- this.onSelectionChange();
21482
+ this.onChange();
20554
21483
  };
20555
- this.onSelectionChange = () => {
21484
+ this.onChange = () => {
20556
21485
  this.tableSelect.emit({
20557
21486
  selected: this.selected,
20558
21487
  areAllSelected: this.areAllSelected,
20559
21488
  });
20560
21489
  };
20561
- this.onLegacyScroll = () => {
21490
+ this.onScroll = () => {
20562
21491
  this.hasScrolled = this.container.scrollLeft > 0;
20563
21492
  };
20564
21493
  this.sortBy = (col, sortTypeArray) => {
20565
21494
  const handleSort = (a, b) => {
20566
- if (a[col].toLocaleLowerCase() < b[col].toLocaleLowerCase())
21495
+ if (a[col].toLocaleLowerCase() < b[col].toLocaleLowerCase()) {
20567
21496
  return -1;
20568
- if (a[col].toLocaleLowerCase() > b[col].toLocaleLowerCase())
21497
+ }
21498
+ if (a[col].toLocaleLowerCase() > b[col].toLocaleLowerCase()) {
20569
21499
  return 1;
21500
+ }
20570
21501
  return 0;
20571
21502
  };
20572
21503
  switch (sortTypeArray[col]) {
@@ -20582,6 +21513,7 @@ const Table = class {
20582
21513
  break;
20583
21514
  }
20584
21515
  this.rowData = Array.from(this.rowData);
21516
+ this.render();
20585
21517
  };
20586
21518
  this.setData = () => {
20587
21519
  this.rowData = this.data !== undefined ? Array.from(this.data) : [];
@@ -20590,8 +21522,30 @@ const Table = class {
20590
21522
  this.rowFooterData = this.footer !== undefined ? Array.from(this.footer) : [];
20591
21523
  };
20592
21524
  }
20593
- watchColumns() {
20594
- this.sortTypeArray = this.columns ? this.columns.map(() => null) : [];
21525
+ handleSort(clickEvt, isColumnSortable, colNum, colName) {
21526
+ clickEvt.preventDefault();
21527
+ clickEvt.stopPropagation();
21528
+ if (!isColumnSortable)
21529
+ return;
21530
+ this.sortTypeArray = this.sortTypeArray.map((val, i) => {
21531
+ if (i !== colNum)
21532
+ return null;
21533
+ switch (val) {
21534
+ case 'asc':
21535
+ return 'desc';
21536
+ case 'desc':
21537
+ return null;
21538
+ default:
21539
+ return 'asc';
21540
+ }
21541
+ });
21542
+ const evt = this.sortChanged.emit({
21543
+ colNum,
21544
+ colName,
21545
+ sortTypeArr: this.sortTypeArray,
21546
+ });
21547
+ if (!evt.defaultPrevented)
21548
+ this.sortBy(colNum, this.sortTypeArray);
20595
21549
  }
20596
21550
  watchData() {
20597
21551
  this.setData();
@@ -20599,1415 +21553,54 @@ const Table = class {
20599
21553
  watchFooterData() {
20600
21554
  this.setFooterData();
20601
21555
  }
20602
- watchReorderHandleIcon() {
20603
- if (this.isLegacyMode || !this.rowReorderable)
20604
- return;
20605
- this.syncInjectedReorderHandleIcons();
20606
- }
20607
- watchReorderHandleIconKeyboard() {
20608
- if (this.isLegacyMode || !this.rowReorderable)
20609
- return;
20610
- this.syncInjectedReorderHandleIcons();
20611
- }
20612
- watchRowReorderable(next) {
20613
- if (this.isLegacyMode)
20614
- return;
20615
- if (!next) {
20616
- this.keyboardReorderRowId = null;
20617
- this.syncReorderHandleKeyboardA11y(null);
20618
- this.removeManagedReorderCells();
20619
- this.draggedRow = null;
20620
- this.pendingDragRow = null;
20621
- this.clearPendingDragListeners();
20622
- this.reorderLiveMessage = '';
20623
- this.queryBodyRows().forEach((r) => {
20624
- var _a;
20625
- r.removeAttribute('draggable');
20626
- (_a = r.querySelector('.xpl-table__row-drag-handle')) === null || _a === void 0 ? void 0 : _a.removeAttribute('draggable');
20627
- r.classList.remove('xpl-table-row--dragging', 'xpl-table-row--drag-over');
20628
- });
20629
- this.colCount = 0;
20630
- this.columnWidthsToken = '';
20631
- }
20632
- }
20633
- watchSelectable(next) {
20634
- if (this.isLegacyMode)
20635
- return;
20636
- if (!next) {
20637
- this.selectedRowIds = [];
20638
- this.lastEmittedRowSelectionKey = '';
20639
- this.colCount = 0;
20640
- this.columnWidthsToken = '';
20641
- this.syncRowSelectedProps();
20642
- }
21556
+ watchColumns() {
21557
+ this.sortTypeArray = this.columns ? this.columns.map(() => null) : [];
20643
21558
  }
20644
21559
  componentWillLoad() {
20645
- if (this.isLegacyMode) {
20646
- this.areAllSelected = false;
20647
- this.setData();
20648
- this.setFooterData();
20649
- this.selected = new Array(this.rowData.length).fill(false);
20650
- this.sortTypeArray = this.columns ? this.columns.map(() => null) : [];
20651
- }
20652
- }
20653
- componentDidLoad() {
20654
- if (!this.isLegacyMode) {
20655
- this.syncCompositionalLayout();
20656
- }
20657
- }
20658
- componentDidUpdate() {
20659
- if (!this.isLegacyMode) {
20660
- this.syncCompositionalLayout();
20661
- }
20662
- }
20663
- disconnectedCallback() {
20664
- this.clearPendingDragListeners();
20665
- this.detachReorderHandleKeydownListeners();
20666
- this.reorderKeyboardTimers.dispose();
20667
- if (this.reorderAnnounceRaf !== undefined) {
20668
- cancelAnimationFrame(this.reorderAnnounceRaf);
20669
- this.reorderAnnounceRaf = undefined;
20670
- }
20671
- }
20672
- handleHeaderCellColumnWidthsChange(ev) {
20673
- if (this.isLegacyMode)
20674
- return;
20675
- const t = ev.target;
20676
- if (!(t instanceof Node) || !this.el.contains(t))
20677
- return;
20678
- this.updateColumnWidths();
20679
- }
20680
- handleCompositionalCheckboxChange(ev) {
20681
- var _a, _b;
20682
- if (this.isLegacyMode || !this.selectable)
20683
- return;
20684
- if (!this.isEventFromThisTable(ev.target))
20685
- return;
20686
- const path = (_b = (_a = ev.composedPath) === null || _a === void 0 ? void 0 : _a.call(ev)) !== null && _b !== void 0 ? _b : [];
20687
- let checkboxHost = (path.length > 0 ? path : [ev.target].filter((n) => n != null)).find((n) => n instanceof HTMLElement && n.tagName.toLowerCase() === 'xpl-checkbox');
20688
- if (!checkboxHost &&
20689
- ev.target &&
20690
- typeof ev.target.closest === 'function') {
20691
- checkboxHost = ev.target.closest('xpl-checkbox');
20692
- }
20693
- if (!checkboxHost || !this.el.contains(checkboxHost))
20694
- return;
20695
- const row = checkboxHost.closest('xpl-table-row');
20696
- if (!row || !this.isDirectChildBodyRow(row))
20697
- return;
20698
- const cell = checkboxHost.closest('xpl-table-cell');
20699
- if (!cell)
20700
- return;
20701
- const selectionIdx = this.getSelectionColumnIndex();
20702
- if (selectionIdx === null)
20703
- return;
20704
- const bodyCells = Table.getBodyRowCells(row);
20705
- const colIdx = bodyCells.indexOf(cell);
20706
- if (colIdx !== selectionIdx)
20707
- return;
20708
- ev.stopPropagation();
20709
- const rowId = Table.getRowIdForRow(row);
20710
- if (!rowId || row.disabled)
20711
- return;
20712
- const input = checkboxHost.querySelector('input[type="checkbox"]');
20713
- if (!input)
20714
- return;
20715
- const { checked } = input;
20716
- if (checked) {
20717
- if (!this.selectedRowIds.includes(rowId)) {
20718
- this.selectedRowIds = [...this.selectedRowIds, rowId];
20719
- }
20720
- }
20721
- else {
20722
- this.selectedRowIds = this.selectedRowIds.filter((id) => id !== rowId);
20723
- }
20724
- this.applyHeaderCheckboxState();
20725
- this.syncRowSelectedProps();
20726
- this.emitCompositionalSelection();
20727
- }
20728
- handleCompositionalHeaderCheckboxChange(ev) {
20729
- var _a, _b;
20730
- if (this.isLegacyMode || !this.selectable)
20731
- return;
20732
- if (!this.isEventFromThisTable(ev.target))
20733
- return;
20734
- const path = (_b = (_a = ev.composedPath) === null || _a === void 0 ? void 0 : _a.call(ev)) !== null && _b !== void 0 ? _b : [];
20735
- let headerCell = (path.length > 0 ? path : [ev.target].filter((n) => n != null)).find((n) => n instanceof HTMLElement &&
20736
- n.tagName.toLowerCase() === 'xpl-table-header-cell' &&
20737
- n.getAttribute('type') === 'checkbox');
20738
- if (!headerCell && ev.target && typeof ev.target.closest === 'function') {
20739
- headerCell = ev.target.closest('xpl-table-header-cell[type="checkbox"]');
20740
- }
20741
- if (!headerCell || !this.el.contains(headerCell))
20742
- return;
20743
- if (!this.isCellInOurCompositionalHeader(headerCell))
20744
- return;
20745
- const headerCells = this.getCompositionalHeaderCells();
20746
- if (!headerCells.includes(headerCell))
20747
- return;
20748
- const checked = !!ev.detail;
20749
- const selectableRows = this.querySelectableBodyRows();
20750
- const ids = selectableRows
20751
- .map((r) => Table.getRowIdForRow(r))
20752
- .filter((id) => !!id);
20753
- if (checked) {
20754
- this.selectedRowIds = [...ids];
20755
- }
20756
- else {
20757
- this.selectedRowIds = [];
20758
- }
20759
- this.applyBodyCheckboxStates();
20760
- this.syncRowSelectedProps();
20761
- this.emitCompositionalSelection();
20762
- }
20763
- handlePointerDownExitKeyboardReorder(ev) {
20764
- if (this.isLegacyMode || !this.rowReorderable || this.keyboardReorderRowId === null) {
20765
- return;
20766
- }
20767
- const t = ev.target;
20768
- if (!(t instanceof Node) || !this.el.contains(t)) {
20769
- return;
20770
- }
20771
- const row = t instanceof Element ? t.closest('xpl-table-row') : null;
20772
- if (!row || !this.isDirectChildBodyRow(row)) {
20773
- return;
20774
- }
20775
- this.keyboardReorderRowId = null;
20776
- this.syncReorderHandleKeyboardA11y(null);
20777
- }
20778
- handleReorderHandleKeyDown(ev) {
20779
- var _a;
20780
- if (this.isLegacyMode || !this.rowReorderable) {
20781
- return;
20782
- }
20783
- const rawPath = typeof ev.composedPath === 'function' ? ev.composedPath() : [];
20784
- const path = rawPath.length > 0 ? rawPath : ev.target ? [ev.target] : [];
20785
- let handle = path.find((n) => n instanceof HTMLElement && n.classList.contains('xpl-table__row-drag-handle'));
20786
- if (!handle &&
20787
- ev.target instanceof HTMLElement &&
20788
- ev.target.classList.contains('xpl-table__row-drag-handle')) {
20789
- handle = ev.target;
20790
- }
20791
- if (!handle || !this.el.contains(handle)) {
20792
- return;
20793
- }
20794
- const row = handle.closest('xpl-table-row');
20795
- if (!row || !this.isDirectChildBodyRow(row)) {
20796
- return;
20797
- }
20798
- const rowId = (_a = Table.getRowIdForRow(row)) !== null && _a !== void 0 ? _a : '';
20799
- if (!rowId) {
20800
- return;
20801
- }
20802
- const isKbd = this.keyboardReorderRowId === rowId;
20803
- const isEscapeKey = ev.key === 'Escape' ||
20804
- ev.key === 'Esc' ||
20805
- ev.code === 'Escape' ||
20806
- ev.keyCode === 27;
20807
- if (row.disabled) {
20808
- if (isEscapeKey && isKbd) {
20809
- ev.preventDefault();
20810
- this.keyboardReorderRowId = null;
20811
- this.syncReorderHandleKeyboardA11y(null);
20812
- }
20813
- return;
20814
- }
20815
- if (isEscapeKey) {
20816
- if (isKbd) {
20817
- ev.preventDefault();
20818
- this.keyboardReorderRowId = null;
20819
- this.syncReorderHandleKeyboardA11y(null);
20820
- }
20821
- return;
20822
- }
20823
- if (!isKbd) {
20824
- if (ev.key === 'Enter' || ev.key === ' ') {
20825
- ev.preventDefault();
20826
- this.keyboardReorderRowId = rowId;
20827
- this.syncReorderHandleKeyboardA11y(rowId);
20828
- }
20829
- return;
20830
- }
20831
- if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown') {
20832
- ev.preventDefault();
20833
- const dir = ev.key === 'ArrowUp' ? 'up' : 'down';
20834
- this.performKeyboardRowReorder(rowId, dir);
20835
- }
20836
- }
20837
- handleRowReorderPointerDown(ev) {
20838
- if (this.isLegacyMode || !this.rowReorderable) {
20839
- return;
20840
- }
20841
- const handle = reorderDragHandleFromEvent(ev);
20842
- if (!handle) {
20843
- return;
20844
- }
20845
- const table = handle.closest('xpl-table');
20846
- if (table !== this.el) {
20847
- return;
20848
- }
20849
- const row = bodyRowFromDragTarget(handle);
20850
- if (!row || row.disabled) {
20851
- return;
20852
- }
20853
- const body = this.getDirectChildTableSection('xpl-table-body');
20854
- if (!body || row.parentElement !== body) {
20855
- return;
20856
- }
20857
- this.clearPendingDragListeners();
20858
- this.pendingDragRow = row;
20859
- const onPointerEnd = () => {
20860
- this.clearPendingDragListeners();
20861
- this.pendingDragRow = null;
20862
- };
20863
- document.addEventListener('pointerup', onPointerEnd, true);
20864
- document.addEventListener('pointercancel', onPointerEnd, true);
20865
- this.pointerUpClearPending = () => {
20866
- document.removeEventListener('pointerup', onPointerEnd, true);
20867
- document.removeEventListener('pointercancel', onPointerEnd, true);
20868
- };
21560
+ this.areAllSelected = false;
21561
+ this.setData();
21562
+ this.setFooterData();
21563
+ this.selected = new Array(this.rowData.length).fill(false);
21564
+ this.sortTypeArray = this.columns ? this.columns.map(() => null) : [];
20869
21565
  }
20870
- handleRowReorderDragStart(ev) {
21566
+ render() {
20871
21567
  var _a;
20872
- if (this.isLegacyMode || !this.rowReorderable) {
20873
- return;
20874
- }
20875
- const row = tableBodyRowFromEvent(ev);
20876
- if (!row) {
20877
- return;
20878
- }
20879
- if (row.closest('xpl-table') !== this.el) {
20880
- return;
20881
- }
20882
- const body = this.getDirectChildTableSection('xpl-table-body');
20883
- if (!body || row.parentElement !== body) {
20884
- return;
20885
- }
20886
- if (row.disabled || this.pendingDragRow !== row) {
20887
- ev.preventDefault();
20888
- return;
20889
- }
20890
- this.keyboardReorderRowId = null;
20891
- this.syncReorderHandleKeyboardA11y(null);
20892
- this.clearPendingDragListeners();
20893
- this.pendingDragRow = null;
20894
- this.draggedRow = row;
20895
- if (ev.dataTransfer) {
20896
- ev.dataTransfer.effectAllowed = 'move';
20897
- ev.dataTransfer.setData('text/plain', (_a = Table.getRowIdForRow(row)) !== null && _a !== void 0 ? _a : '');
20898
- }
20899
- row.classList.add('xpl-table-row--dragging');
20900
- }
20901
- handleRowReorderDragEnd(ev) {
20902
- if (this.isLegacyMode || !this.rowReorderable) {
20903
- return;
20904
- }
20905
- const row = tableBodyRowFromEvent(ev);
20906
- if (!row || row.closest('xpl-table') !== this.el) {
20907
- return;
20908
- }
20909
- row.classList.remove('xpl-table-row--dragging');
20910
- this.clearReorderDragOverClasses();
20911
- this.draggedRow = null;
20912
- }
20913
- handleRowReorderDragOver(ev) {
20914
- if (this.isLegacyMode || !this.rowReorderable) {
20915
- return;
20916
- }
20917
- const row = tableBodyRowFromEvent(ev);
20918
- if (!row || row.closest('xpl-table') !== this.el) {
20919
- return;
20920
- }
20921
- const body = this.getDirectChildTableSection('xpl-table-body');
20922
- if (!body || row.parentElement !== body || row.disabled) {
20923
- return;
20924
- }
20925
- ev.preventDefault();
20926
- if (ev.dataTransfer) {
20927
- ev.dataTransfer.dropEffect = 'move';
21568
+ if (this.columns &&
21569
+ (!this.sortTypeArray || this.sortTypeArray.length !== this.columns.length)) {
21570
+ this.sortTypeArray = this.columns.map(() => null);
20928
21571
  }
20929
- }
20930
- handleRowReorderDragEnter(ev) {
20931
- if (this.isLegacyMode || !this.rowReorderable) {
20932
- return;
20933
- }
20934
- const row = tableBodyRowFromEvent(ev);
20935
- if (!row || row.closest('xpl-table') !== this.el) {
20936
- return;
20937
- }
20938
- const body = this.getDirectChildTableSection('xpl-table-body');
20939
- if (!body || row.parentElement !== body || row.disabled) {
20940
- return;
20941
- }
20942
- ev.preventDefault();
20943
- row.classList.add('xpl-table-row--drag-over');
20944
- }
20945
- handleRowReorderDragLeave(ev) {
20946
- if (this.isLegacyMode || !this.rowReorderable) {
20947
- return;
20948
- }
20949
- const row = tableBodyRowFromEvent(ev);
20950
- if (!row || row.closest('xpl-table') !== this.el) {
20951
- return;
20952
- }
20953
- const related = ev.relatedTarget;
20954
- if (related && row.contains(related)) {
20955
- return;
20956
- }
20957
- row.classList.remove('xpl-table-row--drag-over');
20958
- }
20959
- handleRowReorderDrop(ev) {
20960
- var _a;
20961
- if (this.isLegacyMode || !this.rowReorderable) {
20962
- return;
20963
- }
20964
- ev.preventDefault();
20965
- const dropRow = tableBodyRowFromEvent(ev);
20966
- if (!dropRow || dropRow.closest('xpl-table') !== this.el) {
20967
- return;
20968
- }
20969
- const body = this.getDirectChildTableSection('xpl-table-body');
20970
- if (!body || dropRow.parentElement !== body || dropRow.disabled) {
20971
- return;
20972
- }
20973
- const source = this.draggedRow;
20974
- if (!source || source.disabled) {
20975
- this.draggedRow = null;
20976
- this.clearReorderDragOverClasses();
20977
- return;
20978
- }
20979
- if (source === dropRow) {
20980
- this.clearReorderDragOverClasses();
20981
- return;
20982
- }
20983
- const visible = this.getVisibleBodyRowsForReorder();
20984
- const fromIndex = visible.indexOf(source);
20985
- const toIndex = visible.indexOf(dropRow);
20986
- if (fromIndex === -1 || toIndex === -1) {
20987
- this.clearReorderDragOverClasses();
20988
- return;
20989
- }
20990
- const direction = fromIndex > toIndex ? 'up' : 'down';
20991
- const rowId = (_a = Table.getRowIdForRow(source)) !== null && _a !== void 0 ? _a : '';
20992
- const runMove = () => {
20993
- moveRowInTableBody(body, source, dropRow);
20994
- };
20995
- runMove();
20996
- const orderedRowIds = this.getVisibleBodyRowsForReorder().map((r) => { var _a; return (_a = Table.getRowIdForRow(r)) !== null && _a !== void 0 ? _a : ''; });
20997
- this.rowOrderChange.emit({
20998
- rowId,
20999
- direction,
21000
- orderedRowIds,
21001
- fromIndex,
21002
- toIndex,
21003
- });
21004
- this.announceRowReorder(rowId, orderedRowIds);
21005
- this.clearReorderDragOverClasses();
21006
- if (this.selectable) {
21007
- this.applyBodyCheckboxStates();
21008
- this.applyHeaderCheckboxState();
21009
- this.syncRowSelectedProps();
21010
- }
21011
- this.updateColumnWidths();
21012
- }
21013
- get isLegacyMode() {
21014
- return this.columns !== undefined || this.data !== undefined || this.footer !== undefined;
21015
- }
21016
- ensureTableInstanceId() {
21017
- if (this.tableInstanceId)
21018
- return;
21019
- if (typeof crypto !== 'undefined' && crypto.randomUUID) {
21020
- this.tableInstanceId = crypto.randomUUID();
21021
- }
21022
- else {
21023
- this.tableInstanceId = Math.random().toString(36).slice(2);
21024
- }
21025
- }
21026
- generateRowId() {
21027
- this.ensureTableInstanceId();
21028
- if (typeof crypto !== 'undefined' && crypto.randomUUID) {
21029
- return `${this.tableInstanceId}-${crypto.randomUUID()}`;
21030
- }
21031
- return `${this.tableInstanceId}-${Math.random().toString(36).slice(2)}`;
21032
- }
21033
- syncCompositionalLayout() {
21034
- if (this.isLegacyMode)
21035
- return;
21036
- if (this.rowReorderable) {
21037
- this.syncReorderColumn();
21038
- }
21039
- else {
21040
- this.removeManagedReorderCells();
21041
- }
21042
- if (this.selectable) {
21043
- this.ensureTableInstanceId();
21044
- this.pruneStaleSelectedRowIds();
21045
- this.ensureBodyRowIds();
21046
- this.applyBodyCheckboxStates();
21047
- this.applyHeaderCheckboxState();
21048
- this.syncRowSelectedProps();
21049
- }
21050
- if (this.rowReorderable && this.selectable) {
21051
- this.normalizeManagedColumnsOrder();
21052
- }
21053
- this.updateColumnWidths();
21054
- }
21055
- getDirectChildTableSection(tag) {
21056
- var _a;
21057
- const el = Array.from(this.el.children).find((c) => c.tagName.toLowerCase() === tag);
21058
- return (_a = el) !== null && _a !== void 0 ? _a : null;
21059
- }
21060
- isDirectChildBodyRow(row) {
21061
- const body = this.getDirectChildTableSection('xpl-table-body');
21062
- return body !== null && row.parentElement === body;
21063
- }
21064
- isCellInOurCompositionalHeader(cell) {
21065
- const header = cell.closest('xpl-table-header');
21066
- return header !== null && header.parentElement === this.el;
21067
- }
21068
- getSelectionColumnIndex() {
21069
- const headerCells = this.getCompositionalHeaderCells();
21070
- const idx = headerCells.findIndex((c) => c.getAttribute('type') === 'checkbox');
21071
- return idx >= 0 ? idx : null;
21072
- }
21073
- static getBodyRowCells(row) {
21074
- return Array.from(row.children).filter((c) => c.tagName.toLowerCase() === 'xpl-table-cell');
21075
- }
21076
- queryBodyRows() {
21077
- const body = this.getDirectChildTableSection('xpl-table-body');
21078
- if (!body)
21079
- return [];
21080
- return Array.from(body.children).filter((c) => c.tagName.toLowerCase() === 'xpl-table-row');
21081
- }
21082
- querySelectableBodyRows() {
21083
- return this.queryBodyRows().filter((row) => !row.disabled);
21084
- }
21085
- static getRowIdForRow(row) {
21086
- var _a;
21087
- const id = (_a = row.getAttribute('row-id')) === null || _a === void 0 ? void 0 : _a.trim();
21088
- return id || null;
21089
- }
21090
- ensureBodyRowIds() {
21091
- this.queryBodyRows().forEach((row) => {
21092
- if (Table.getRowIdForRow(row))
21093
- return;
21094
- row.setAttribute('row-id', this.generateRowId());
21095
- });
21096
- }
21097
- removeManagedReorderCells() {
21098
- this.el.querySelectorAll(`[${ROW_REORDER_MARK}]`).forEach((node) => {
21099
- var _a;
21100
- if (!(node instanceof Element))
21101
- return;
21102
- if (node.closest('xpl-table') !== this.el)
21103
- return;
21104
- (_a = node.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(node);
21105
- });
21106
- }
21107
- getSelectionSlotCellForReorderOrder(row) {
21108
- const idx = this.getSelectionColumnIndex();
21109
- if (idx === null) {
21110
- return null;
21111
- }
21112
- const cells = Array.from(row.children);
21113
- const cell = cells[idx];
21114
- if (!cell) {
21115
- return null;
21116
- }
21117
- const tag = cell.tagName.toLowerCase();
21118
- if (tag === 'xpl-table-header-cell') {
21119
- return cell.getAttribute('type') === 'checkbox' ? cell : null;
21120
- }
21121
- if (tag === 'xpl-table-cell') {
21122
- if (cell.hasAttribute(SELECTION_MARK)) {
21123
- return cell;
21124
- }
21125
- return cell.querySelector('xpl-checkbox') ? cell : null;
21126
- }
21127
- if (tag === 'xpl-table-footer-cell') {
21128
- return cell;
21129
- }
21130
- return null;
21131
- }
21132
- normalizeManagedColumnsOrder() {
21133
- var _a;
21134
- const fix = (row) => {
21135
- const re = row.querySelector(`:scope > [${ROW_REORDER_MARK}]`);
21136
- const se = this.getSelectionSlotCellForReorderOrder(row);
21137
- if (!re || !se) {
21138
- return;
21139
- }
21140
- const siblings = Array.from(row.children);
21141
- const iRe = siblings.indexOf(re);
21142
- const iSe = siblings.indexOf(se);
21143
- if (iRe > iSe) {
21144
- row.insertBefore(re, se);
21145
- }
21146
- };
21147
- const header = (_a = Array.from(this.el.children).find((c) => c.tagName.toLowerCase() === 'xpl-table-header')) !== null && _a !== void 0 ? _a : null;
21148
- if (header) {
21149
- const firstRow = Array.from(header.children).find((c) => c.tagName.toLowerCase() === 'xpl-table-row');
21150
- const container = firstRow !== null && firstRow !== void 0 ? firstRow : header;
21151
- fix(container);
21152
- }
21153
- this.queryBodyRows().forEach((row) => fix(row));
21154
- const footer = this.getDirectChildTableSection('xpl-table-footer');
21155
- if (footer) {
21156
- Array.from(footer.children)
21157
- .filter((c) => c.tagName.toLowerCase() === 'xpl-table-row')
21158
- .forEach((row) => fix(row));
21159
- }
21160
- }
21161
- syncReorderColumn() {
21162
- if (!this.rowReorderable || this.isLegacyMode)
21163
- return;
21164
- this.ensureBodyRowIds();
21165
- this.ensureHeaderReorderCell();
21166
- this.ensureBodyReorderCells();
21167
- this.ensureFooterReorderCells();
21168
- this.applyReorderRowDraggableState();
21169
- }
21170
- ensureHeaderReorderCell() {
21171
- var _a;
21172
- const header = (_a = Array.from(this.el.children).find((c) => c.tagName.toLowerCase() === 'xpl-table-header')) !== null && _a !== void 0 ? _a : null;
21173
- if (!header)
21174
- return;
21175
- const firstRow = Array.from(header.children).find((c) => c.tagName.toLowerCase() === 'xpl-table-row');
21176
- const container = firstRow !== null && firstRow !== void 0 ? firstRow : header;
21177
- if (Array.from(container.children).some((c) => c.tagName.toLowerCase() === 'xpl-table-header-cell' &&
21178
- c.hasAttribute(ROW_REORDER_MARK))) {
21179
- return;
21180
- }
21181
- const cell = document.createElement('xpl-table-header-cell');
21182
- cell.setAttribute(ROW_REORDER_MARK, '');
21183
- cell.setAttribute('type', 'empty');
21184
- cell.setAttribute('width', '48');
21185
- cell.setAttribute('align', 'center');
21186
- container.insertBefore(cell, container.firstChild);
21187
- }
21188
- ensureBodyReorderCells() {
21189
- this.queryBodyRows().forEach((row) => {
21190
- var _a;
21191
- const managed = Array.from(row.children).filter((c) => c.tagName.toLowerCase() === 'xpl-table-cell' &&
21192
- c.hasAttribute(ROW_REORDER_MARK));
21193
- if (managed.length > 1) {
21194
- for (let i = 1; i < managed.length; i += 1) {
21195
- managed[i].remove();
21196
- }
21197
- }
21198
- let cell = managed[0];
21199
- if (!cell) {
21200
- const newCell = document.createElement('xpl-table-cell');
21201
- newCell.setAttribute(ROW_REORDER_MARK, '');
21202
- newCell.setAttribute('width', '48');
21203
- newCell.setAttribute('align', 'center');
21204
- const btn = document.createElement('button');
21205
- btn.type = 'button';
21206
- btn.className = 'xpl-table__row-drag-handle';
21207
- btn.setAttribute('aria-label', 'Reorder row');
21208
- btn.setAttribute('aria-pressed', 'false');
21209
- const iconName = this.getResolvedIconForRow((_a = Table.getRowIdForRow(row)) !== null && _a !== void 0 ? _a : '');
21210
- if (iconName) {
21211
- const icon = document.createElement('xpl-icon');
21212
- icon.setAttribute('icon', iconName);
21213
- icon.setAttribute('size', '16');
21214
- btn.appendChild(icon);
21215
- }
21216
- newCell.appendChild(btn);
21217
- row.insertBefore(newCell, row.firstChild);
21218
- cell = newCell;
21219
- }
21220
- else {
21221
- cell.setAttribute('align', 'center');
21222
- }
21223
- const btn = cell.querySelector('.xpl-table__row-drag-handle');
21224
- if (btn) {
21225
- btn.disabled = row.disabled;
21226
- }
21227
- });
21228
- this.syncInjectedReorderHandleIcons();
21229
- this.attachReorderHandleKeydownListeners();
21230
- }
21231
- getResolvedIconForRow(rowId) {
21232
- var _a, _b;
21233
- const inKeyboardMode = this.keyboardReorderRowId !== null &&
21234
- rowId !== '' &&
21235
- rowId === this.keyboardReorderRowId;
21236
- if (inKeyboardMode) {
21237
- if (this.reorderHandleIconKeyboard === '') {
21238
- return null;
21239
- }
21240
- return (_a = this.reorderHandleIconKeyboard) !== null && _a !== void 0 ? _a : 'caret-expand-y';
21241
- }
21242
- if (this.reorderHandleIcon === '') {
21243
- return null;
21244
- }
21245
- return (_b = this.reorderHandleIcon) !== null && _b !== void 0 ? _b : 'grip-dots-vertical';
21246
- }
21247
- syncInjectedReorderHandleIcons() {
21248
- this.queryBodyRows().forEach((row) => {
21249
- var _a;
21250
- const btn = row.querySelector('.xpl-table__row-drag-handle');
21251
- if (!btn) {
21252
- return;
21253
- }
21254
- const rowId = (_a = Table.getRowIdForRow(row)) !== null && _a !== void 0 ? _a : '';
21255
- const iconName = this.getResolvedIconForRow(rowId);
21256
- btn.querySelectorAll('xpl-icon').forEach((n) => n.remove());
21257
- if (iconName) {
21258
- const icon = document.createElement('xpl-icon');
21259
- icon.setAttribute('icon', iconName);
21260
- icon.setAttribute('size', '16');
21261
- btn.appendChild(icon);
21262
- }
21263
- });
21264
- }
21265
- syncReorderHandleKeyboardA11y(activeId) {
21266
- if (this.isLegacyMode || !this.rowReorderable) {
21267
- return;
21268
- }
21269
- this.queryBodyRows().forEach((row) => {
21270
- var _a;
21271
- const btn = row.querySelector('.xpl-table__row-drag-handle');
21272
- if (!btn) {
21273
- return;
21274
- }
21275
- const rid = (_a = Table.getRowIdForRow(row)) !== null && _a !== void 0 ? _a : '';
21276
- const isActive = activeId !== null && rid === activeId;
21277
- btn.classList.toggle('xpl-table__row-drag-handle--keyboard-mode', isActive);
21278
- btn.setAttribute('aria-pressed', isActive ? 'true' : 'false');
21279
- btn.setAttribute('aria-label', isActive
21280
- ? 'Press arrow up or down to reorder, Escape to exit'
21281
- : 'Press Enter or Space to activate keyboard reorder mode, or drag to reorder');
21282
- });
21283
- this.syncInjectedReorderHandleIcons();
21284
- }
21285
- attachReorderHandleKeydownListeners() {
21286
- if (this.isLegacyMode || !this.rowReorderable) {
21287
- return;
21288
- }
21289
- this.queryBodyRows().forEach((row) => {
21290
- const btn = row.querySelector('.xpl-table__row-drag-handle');
21291
- if (!btn || btn.dataset.xplReorderKbdBound === 'true') {
21292
- return;
21293
- }
21294
- btn.dataset.xplReorderKbdBound = 'true';
21295
- btn.addEventListener('keydown', this.onReorderHandleKeydown);
21296
- });
21297
- }
21298
- detachReorderHandleKeydownListeners() {
21299
- if (!this.el) {
21300
- return;
21301
- }
21302
- this.el
21303
- .querySelectorAll('.xpl-table__row-drag-handle[data-xpl-reorder-kbd-bound="true"]')
21304
- .forEach((btn) => {
21305
- btn.removeEventListener('keydown', this.onReorderHandleKeydown);
21306
- delete btn.dataset.xplReorderKbdBound;
21307
- });
21308
- }
21309
- performKeyboardRowReorder(rowId, direction) {
21310
- const body = this.getDirectChildTableSection('xpl-table-body');
21311
- if (!body) {
21312
- return false;
21313
- }
21314
- const visible = this.getVisibleBodyRowsForReorder();
21315
- const itemIndex = visible.findIndex((r) => Table.getRowIdForRow(r) === rowId);
21316
- if (itemIndex === -1) {
21317
- return false;
21318
- }
21319
- const targetIndex = direction === 'up' ? itemIndex - 1 : itemIndex + 1;
21320
- if (targetIndex < 0 || targetIndex >= visible.length) {
21321
- return false;
21322
- }
21323
- const fromIndex = itemIndex;
21324
- const item = visible[itemIndex];
21325
- const targetItem = visible[targetIndex];
21326
- if (direction === 'up') {
21327
- body.insertBefore(item, targetItem);
21328
- }
21329
- else {
21330
- const nextVisible = getNextVisibleTableBodyRowAfter(targetItem);
21331
- if (nextVisible) {
21332
- body.insertBefore(item, nextVisible);
21333
- }
21334
- else {
21335
- body.appendChild(item);
21336
- }
21337
- }
21338
- const orderedRowIds = this.getVisibleBodyRowsForReorder().map((r) => { var _a; return (_a = Table.getRowIdForRow(r)) !== null && _a !== void 0 ? _a : ''; });
21339
- const toIndex = orderedRowIds.indexOf(rowId);
21340
- this.rowOrderChange.emit({
21341
- rowId,
21342
- direction,
21343
- orderedRowIds,
21344
- fromIndex,
21345
- toIndex,
21346
- });
21347
- this.announceRowReorder(rowId, orderedRowIds);
21348
- this.clearReorderDragOverClasses();
21349
- if (this.selectable) {
21350
- this.applyBodyCheckboxStates();
21351
- this.applyHeaderCheckboxState();
21352
- this.syncRowSelectedProps();
21353
- }
21354
- this.updateColumnWidths();
21355
- this.reorderKeyboardTimers.requestAnimationFrame(() => {
21356
- if (!this.el.isConnected) {
21357
- return;
21358
- }
21359
- const moved = this.getVisibleBodyRowsForReorder().find((r) => Table.getRowIdForRow(r) === rowId);
21360
- const btn = moved === null || moved === void 0 ? void 0 : moved.querySelector('.xpl-table__row-drag-handle');
21361
- btn === null || btn === void 0 ? void 0 : btn.focus();
21362
- });
21363
- return true;
21364
- }
21365
- ensureFooterReorderCells() {
21366
- const footer = this.getDirectChildTableSection('xpl-table-footer');
21367
- if (!footer)
21368
- return;
21369
- Array.from(footer.children)
21370
- .filter((c) => c.tagName.toLowerCase() === 'xpl-table-row')
21371
- .forEach((row) => {
21372
- if (Array.from(row.children).some((c) => c.tagName.toLowerCase() === 'xpl-table-footer-cell' &&
21373
- c.hasAttribute(ROW_REORDER_MARK))) {
21374
- return;
21375
- }
21376
- const cell = document.createElement('xpl-table-footer-cell');
21377
- cell.setAttribute(ROW_REORDER_MARK, '');
21378
- cell.setAttribute('width', '48');
21379
- cell.setAttribute('align', 'center');
21380
- row.insertBefore(cell, row.firstChild);
21381
- });
21382
- }
21383
- static supportsSubgridBodyRow() {
21384
- return (typeof CSS !== 'undefined' &&
21385
- typeof CSS.supports === 'function' &&
21386
- CSS.supports('grid-template-columns', 'subgrid'));
21387
- }
21388
- applyReorderRowDraggableState() {
21389
- const useRowDrag = Table.supportsSubgridBodyRow();
21390
- this.queryBodyRows().forEach((row) => {
21391
- const btn = row.querySelector('.xpl-table__row-drag-handle');
21392
- btn === null || btn === void 0 ? void 0 : btn.removeAttribute('draggable');
21393
- row.removeAttribute('draggable');
21394
- if (!this.rowReorderable || row.disabled) {
21395
- return;
21396
- }
21397
- if (!btn) {
21398
- return;
21399
- }
21400
- if (useRowDrag) {
21401
- row.setAttribute('draggable', 'true');
21402
- }
21403
- else {
21404
- btn.setAttribute('draggable', 'true');
21405
- }
21406
- });
21407
- }
21408
- getVisibleBodyRowsForReorder() {
21409
- return this.queryBodyRows().filter((r) => !r.hasAttribute('hidden'));
21410
- }
21411
- clearReorderDragOverClasses() {
21412
- this.queryBodyRows().forEach((r) => r.classList.remove('xpl-table-row--drag-over'));
21413
- }
21414
- clearPendingDragListeners() {
21415
- if (this.pointerUpClearPending) {
21416
- this.pointerUpClearPending();
21417
- this.pointerUpClearPending = null;
21418
- }
21419
- }
21420
- announceRowReorder(movedRowId, orderedRowIds) {
21421
- if (!this.rowReorderable || !movedRowId) {
21422
- return;
21423
- }
21424
- const index = orderedRowIds.indexOf(movedRowId);
21425
- if (index < 0) {
21426
- return;
21427
- }
21428
- this.reorderLiveMessage = '';
21429
- if (this.reorderAnnounceRaf !== undefined) {
21430
- cancelAnimationFrame(this.reorderAnnounceRaf);
21431
- }
21432
- this.reorderAnnounceRaf = requestAnimationFrame(() => {
21433
- this.reorderAnnounceRaf = undefined;
21434
- if (!this.el.isConnected) {
21435
- return;
21436
- }
21437
- this.reorderLiveMessage = `Row ${movedRowId}, now position ${index + 1} of ${orderedRowIds.length}`;
21438
- });
21439
- }
21440
- pruneStaleSelectedRowIds() {
21441
- const validIds = new Set(this.queryBodyRows()
21442
- .map((r) => Table.getRowIdForRow(r))
21443
- .filter((id) => !!id));
21444
- const next = this.selectedRowIds.filter((id) => validIds.has(id));
21445
- if (next.length === this.selectedRowIds.length)
21446
- return;
21447
- this.selectedRowIds = next;
21448
- this.applyBodyCheckboxStates();
21449
- this.applyHeaderCheckboxState();
21450
- this.syncRowSelectedProps();
21451
- this.emitCompositionalSelection();
21452
- }
21453
- static getBodyRowCheckboxAriaLabel(row, selectionColIndex) {
21454
- var _a, _b;
21455
- const cells = Table.getBodyRowCells(row);
21456
- const labelCell = cells.find((c, i) => (selectionColIndex === null || i !== selectionColIndex) &&
21457
- !c.hasAttribute(ROW_REORDER_MARK));
21458
- const first = labelCell !== null && labelCell !== void 0 ? labelCell : cells[0];
21459
- if (!first)
21460
- return 'Select row';
21461
- const raw = (_b = (_a = first.textContent) === null || _a === void 0 ? void 0 : _a.replace(/\s+/g, ' ').trim()) !== null && _b !== void 0 ? _b : '';
21462
- if (!raw)
21463
- return 'Select row';
21464
- const truncated = raw.length > 100 ? `${raw.slice(0, 100)}…` : raw;
21465
- return `Select row, ${truncated}`;
21466
- }
21467
- applyBodyCheckboxStates() {
21468
- const selectionIdx = this.getSelectionColumnIndex();
21469
- if (selectionIdx === null)
21470
- return;
21471
- this.queryBodyRows().forEach((row) => {
21472
- const rowId = Table.getRowIdForRow(row);
21473
- const cells = Table.getBodyRowCells(row);
21474
- const cell = cells[selectionIdx];
21475
- const cb = cell === null || cell === void 0 ? void 0 : cell.querySelector('xpl-checkbox');
21476
- if (!cb || !rowId)
21477
- return;
21478
- cb.checked = this.selectedRowIds.includes(rowId);
21479
- cb.disabled = row.disabled;
21480
- cb.value = rowId;
21481
- cb.setAttribute('aria-label', Table.getBodyRowCheckboxAriaLabel(row, selectionIdx));
21482
- });
21483
- }
21484
- getHeaderCheckboxCell() {
21485
- const idx = this.getSelectionColumnIndex();
21486
- if (idx === null)
21487
- return null;
21488
- const cells = this.getCompositionalHeaderCells();
21489
- const cell = cells[idx];
21490
- if (!cell || cell.getAttribute('type') !== 'checkbox')
21491
- return null;
21492
- return cell;
21493
- }
21494
- applyHeaderCheckboxState() {
21495
- const cell = this.getHeaderCheckboxCell();
21496
- if (!cell)
21497
- return;
21498
- const selectableRows = this.querySelectableBodyRows();
21499
- const ids = selectableRows
21500
- .map((r) => Table.getRowIdForRow(r))
21501
- .filter((id) => !!id);
21502
- const selectedCount = ids.filter((id) => this.selectedRowIds.includes(id)).length;
21503
- const allSelected = ids.length > 0 && selectedCount === ids.length;
21504
- const indeterminate = selectedCount > 0 && !allSelected;
21505
- cell.checked = allSelected;
21506
- cell.indeterminate = indeterminate;
21507
- }
21508
- syncRowSelectedProps() {
21509
- this.queryBodyRows().forEach((row) => {
21510
- const id = Table.getRowIdForRow(row);
21511
- const selected = id ? this.selectedRowIds.includes(id) : false;
21512
- row.selected = selected;
21513
- });
21514
- }
21515
- emitCompositionalSelection() {
21516
- const ids = this.selectedRowIds;
21517
- const key = ids.join('\u0001');
21518
- if (key === this.lastEmittedRowSelectionKey) {
21519
- return;
21520
- }
21521
- this.lastEmittedRowSelectionKey = key;
21522
- this.rowSelectionChange.emit({ selectedRowIds: [...ids] });
21523
- }
21524
- isEventFromThisTable(target) {
21525
- if (target == null || typeof target !== 'object')
21526
- return false;
21527
- const t = target;
21528
- const start = 'closest' in t && typeof t.closest === 'function'
21529
- ? t
21530
- : 'parentElement' in t
21531
- ? t.parentElement
21532
- : null;
21533
- if (!start)
21534
- return false;
21535
- const nearest = start.closest('xpl-table');
21536
- return nearest === this.el;
21537
- }
21538
- static sortKeyFromHeaderCell(cell, columnIndex) {
21539
- var _a, _b;
21540
- const c = cell;
21541
- const raw = ((_b = (_a = c.sortKey) !== null && _a !== void 0 ? _a : c.label) !== null && _b !== void 0 ? _b : '').trim();
21542
- if (raw.length > 0) {
21543
- return raw.replace(/ /g, '-').toLowerCase();
21544
- }
21545
- return `column-${columnIndex}`;
21546
- }
21547
- handleCompositionalHeaderSort(ev) {
21548
- var _a;
21549
- if (this.isLegacyMode)
21550
- return;
21551
- if (!this.isEventFromThisTable(ev.target))
21552
- return;
21553
- const source = ev.target;
21554
- const headerRow = (_a = source.closest('xpl-table-header xpl-table-row')) !== null && _a !== void 0 ? _a : source.closest('xpl-table-row');
21555
- if (!headerRow || !this.el.contains(headerRow))
21556
- return;
21557
- const cells = Array.from(headerRow.querySelectorAll('xpl-table-header-cell'));
21558
- const { columnIndex } = ev.detail;
21559
- const target = cells[columnIndex];
21560
- if (!(target === null || target === void 0 ? void 0 : target.sortable))
21561
- return;
21562
- const next = cycleSortDirection(target.sortDirection);
21563
- cells.forEach((cell, i) => {
21564
- const hc = cell;
21565
- if (!hc.sortable)
21566
- return;
21567
- hc.sortDirection = i === columnIndex ? next : null;
21568
- });
21569
- const sortState = {};
21570
- cells.forEach((cell, i) => {
21571
- var _a;
21572
- const hc = cell;
21573
- if (!hc.sortable)
21574
- return;
21575
- sortState[Table.sortKeyFromHeaderCell(hc, i)] = (_a = hc.sortDirection) !== null && _a !== void 0 ? _a : null;
21576
- });
21577
- const sortTypeArr = cells.map((cell) => {
21578
- var _a;
21579
- const hc = cell;
21580
- return hc.sortable ? ((_a = hc.sortDirection) !== null && _a !== void 0 ? _a : null) : null;
21581
- });
21582
- const colName = Table.sortKeyFromHeaderCell(cells[columnIndex], columnIndex);
21583
- const detail = Object.assign(Object.assign({}, sortState), { colNum: columnIndex, colName,
21584
- sortTypeArr });
21585
- this.sortChanged.emit(detail);
21586
- }
21587
- legacySortStatePayload() {
21588
- var _a;
21589
- const out = {};
21590
- if (!((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length))
21591
- return out;
21592
- this.columns.forEach((col, i) => {
21593
- var _a;
21594
- const key = col.replace(/ /g, '-').toLowerCase();
21595
- out[key] = (_a = this.sortTypeArray[i]) !== null && _a !== void 0 ? _a : null;
21596
- });
21597
- return out;
21598
- }
21599
- legacySortChangedDetail(colNum) {
21600
- var _a, _b;
21601
- const base = this.legacySortStatePayload();
21602
- const title = (_b = (_a = this.columns) === null || _a === void 0 ? void 0 : _a[colNum]) !== null && _b !== void 0 ? _b : '';
21603
- const colName = title.replace(/ /g, '-').toLowerCase();
21604
- return Object.assign(Object.assign({}, base), { colNum,
21605
- colName, sortTypeArr: [...this.sortTypeArray] });
21606
- }
21607
- getCompositionalHeaderCells() {
21608
- var _a;
21609
- const header = (_a = Array.from(this.el.children).find((c) => c.tagName.toLowerCase() === 'xpl-table-header')) !== null && _a !== void 0 ? _a : null;
21610
- if (!header)
21611
- return [];
21612
- const firstRow = Array.from(header.children).find((c) => c.tagName.toLowerCase() === 'xpl-table-row');
21613
- const container = firstRow !== null && firstRow !== void 0 ? firstRow : header;
21614
- return Array.from(container.children).filter((c) => c.tagName.toLowerCase() === 'xpl-table-header-cell');
21615
- }
21616
- updateColumnWidths() {
21617
- const headerCells = this.getCompositionalHeaderCells();
21618
- const columnWidths = headerCells.map((cell) => getGridColumnWidthFromHeaderCell(cell));
21619
- const next = columnWidths.join(' ');
21620
- const n = headerCells.length;
21621
- if (n === this.colCount && this.colCount > 0 && this.columnWidthsToken === next) {
21622
- return;
21623
- }
21624
- this.el.style.setProperty('--column-widths', next);
21625
- this.colCount = n;
21626
- this.columnWidthsToken = next;
21627
- }
21628
- handleSort(clickEvt, isColumnSortable, colNum) {
21629
- clickEvt.preventDefault();
21630
- clickEvt.stopPropagation();
21631
- if (!isColumnSortable)
21632
- return;
21633
- this.sortTypeArray = this.sortTypeArray.map((val, i) => {
21634
- if (i !== colNum)
21635
- return null;
21636
- switch (val) {
21637
- case 'asc':
21638
- return 'desc';
21639
- case 'desc':
21640
- return null;
21641
- default:
21642
- return 'asc';
21643
- }
21644
- });
21645
- const evt = this.sortChanged.emit(this.legacySortChangedDetail(colNum));
21646
- if (!evt.defaultPrevented)
21647
- this.sortBy(colNum, this.sortTypeArray);
21648
- }
21649
- renderLegacy() {
21650
- var _a;
21651
- if (this.columns &&
21652
- (!this.sortTypeArray || this.sortTypeArray.length !== this.columns.length)) {
21653
- this.sortTypeArray = this.columns.map(() => null);
21654
- }
21655
- return (index.h(index.Host, null, index.h("div", { class: "xpl-table-container", onScroll: this.onLegacyScroll, ref: (el) => {
21656
- this.container = el;
21657
- } }, index.h("table", { class: {
21658
- 'xpl-table': true,
21659
- 'xpl-table--legacy': true,
21660
- 'xpl-table--striped': this.striped,
21661
- 'xpl-table--freeze': this.freeze,
21662
- 'xpl-table--has-scrolled': this.hasScrolled,
21663
- } }, this.columns && (index.h("thead", null, this.columns.map((column, i) => {
21664
- var _a, _b;
21665
- const iconType = getIconType((_b = (_a = this.sortTypeArray) === null || _a === void 0 ? void 0 : _a[i]) !== null && _b !== void 0 ? _b : null);
21666
- const isColumnSortable = !!(this.isSortable && this.sortableColumns[i]);
21667
- return (index.h("th", null, index.h("label", { onClick: (e) => this.handleSort(e, isColumnSortable, i), class: isColumnSortable ? 'cursor-pointer' : '' }, this.multiselect && i === 0 && (index.h("input", { checked: this.areAllSelected, id: "__xpl-table-th", indeterminate: !this.areAllSelected &&
21668
- this.selected.some((a) => a), onClick: (e) => {
21669
- e.stopPropagation();
21670
- this.selectAll(e);
21671
- }, type: "checkbox", value: `select-all-${this.selectAllValue}` })), column, isColumnSortable && !!this.sortTypeArray[i] && (index.h("xpl-icon", { icon: iconType, size: 16 })))));
21672
- }))), index.h("tbody", null, this.rowData.map((row, rowNum) => (index.h("tr", { class: this.selected && this.selected[rowNum]
21673
- ? 'xpl-table-row-selected'
21674
- : '' }, row.map((cell, i) => (index.h("td", null, this.multiselect && i === 0 ? (index.h("label", { htmlFor: `__xpl-table-row-${rowNum}` }, index.h("input", { id: `__xpl-table-row-${rowNum}`, checked: !!this.selected[rowNum], type: "checkbox", onChange: (e) => this.selectOne(e, rowNum), value: this.selectedValues.length > 0
21675
- ? this.selectedValues[rowNum]
21676
- : `xpl-table-checkbox-${rowNum}` }), index.h("div", { innerHTML: cell }))) : (index.h("div", { innerHTML: cell }))))))))), ((_a = this.rowFooterData) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("tfoot", null, this.rowFooterData.map((row) => (index.h("tr", null, row.map((cell) => (index.h("td", null, index.h("div", { innerHTML: cell })))))))))))));
21677
- }
21678
- renderCompositional() {
21679
- const selectionToolbarCount = this.selectedRowIds.length;
21680
- return (index.h(index.Host, { role: "grid", "aria-label": this.label, "aria-colcount": this.colCount > 0 ? this.colCount : undefined, class: {
21681
- 'xpl-table': true,
21682
- 'xpl-table--striped': this.striped,
21683
- 'xpl-table--freeze': this.freeze,
21684
- 'xpl-table--has-scrolled': this.hasScrolled,
21685
- 'xpl-table--selectable': !!this.selectable,
21686
- 'xpl-table--selection-active': !!this.selectable && this.selectedRowIds.length > 0,
21687
- 'xpl-table--row-reorderable': !!this.rowReorderable,
21688
- }, onScroll: this.onGridScroll }, this.rowReorderable && (index.h("div", { class: "xpl-table__reorder-live", "aria-live": "assertive", "aria-atomic": "true" }, this.reorderLiveMessage)), this.selectable && (index.h("div", { class: {
21689
- 'xpl-toolbar': true,
21690
- hidden: selectionToolbarCount === 0,
21691
- 'xpl-table__toolbar': true,
21692
- } }, index.h("div", { class: "toolbar" }, index.h("p", { class: "selected-item-count" }, selectionToolbarCount, " Selected"), index.h("div", { class: "actions" }, index.h("slot", { name: "toolbar-actions-left" }), index.h("slot", { name: "toolbar-actions-right" }))))), index.h("slot", null)));
21693
- }
21694
- render() {
21695
- return this.isLegacyMode ? this.renderLegacy() : this.renderCompositional();
21572
+ return (index.h(index.Host, { key: '10b0bfd08e28fada9a2c8509d405c5314cce1689' }, index.h("div", { key: '8e5b4fe928618b175a58f858f6cfd65f4bd29c53', class: "xpl-table-container", onScroll: this.onScroll, ref: (el) => {
21573
+ this.container = el;
21574
+ } }, index.h("table", { key: 'a6df646737b9a1d5e67cebe9eaad41911ab606ca', class: {
21575
+ 'xpl-table': true,
21576
+ 'xpl-table--striped': this.striped,
21577
+ 'xpl-table--freeze': this.freeze,
21578
+ 'xpl-table--has-scrolled': this.hasScrolled,
21579
+ } }, this.columns && (index.h("thead", { key: '5f14766107d69f26b865f63c323d417f43260267' }, this.columns.map((column, i) => {
21580
+ var _a;
21581
+ const iconType = getIconType((_a = this.sortTypeArray) === null || _a === void 0 ? void 0 : _a[i]);
21582
+ const isColumnSortable = !!(this.isSortable && this.sortableColumns[i]);
21583
+ return (index.h("th", null, index.h("label", { onClick: (e) => this.handleSort(e, isColumnSortable, i, column.replace(/ /g, '-').toLowerCase()), class: isColumnSortable ? 'cursor-pointer' : '' }, this.multiselect && i === 0 && (index.h("input", { checked: this.areAllSelected, id: "__xpl-table-th", indeterminate: !this.areAllSelected &&
21584
+ this.selected.some((a) => a), onClick: (e) => {
21585
+ e.stopPropagation();
21586
+ this.selectAll(e);
21587
+ }, type: "checkbox", value: `select-all-${this.selectAllValue}` })), column, isColumnSortable && !!this.sortTypeArray[i] && (index.h("xpl-icon", { icon: iconType, size: 16 })))));
21588
+ }))), index.h("tbody", { key: 'b13ca1d1a738de189d4f040dfd309187671b341d' }, this.rowData.map((row, rowNum) => (index.h("tr", { class: this.selected && this.selected[rowNum]
21589
+ ? 'xpl-table-row-selected'
21590
+ : '' }, row.map((cell, i) => (index.h("td", null, this.multiselect && i === 0 ? (index.h("label", { htmlFor: `__xpl-table-row-${rowNum}` }, index.h("input", { id: `__xpl-table-row-${rowNum}`, checked: !!this.selected[rowNum], type: "checkbox", onChange: (e) => this.selectOne(e, rowNum), value: this.selectedValues.length > 0
21591
+ ? this.selectedValues[rowNum]
21592
+ : `xpl-table-checkbox-${rowNum}` }), index.h("div", { innerHTML: cell }))) : (index.h("div", { innerHTML: cell }))))))))), ((_a = this.rowFooterData) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("tfoot", { key: '5d45854ba21aa7e0bfaaf3b8a537e0c121538ac9' }, this.rowFooterData.map((row) => (index.h("tr", null, row.map((cell) => (index.h("td", null, index.h("div", { innerHTML: cell })))))))))))));
21696
21593
  }
21697
21594
  get el() { return index.getElement(this); }
21698
21595
  static get watchers() { return {
21699
- "columns": [{
21700
- "watchColumns": 0
21701
- }],
21702
21596
  "data": [{
21703
21597
  "watchData": 0
21704
21598
  }],
21705
21599
  "footer": [{
21706
21600
  "watchFooterData": 0
21707
21601
  }],
21708
- "reorderHandleIcon": [{
21709
- "watchReorderHandleIcon": 0
21710
- }],
21711
- "reorderHandleIconKeyboard": [{
21712
- "watchReorderHandleIconKeyboard": 0
21713
- }],
21714
- "rowReorderable": [{
21715
- "watchRowReorderable": 0
21716
- }],
21717
- "selectable": [{
21718
- "watchSelectable": 0
21719
- }]
21720
- }; }
21721
- };
21722
-
21723
- const XplTableBody = class {
21724
- constructor(hostRef) {
21725
- index.registerInstance(this, hostRef);
21726
- }
21727
- render() {
21728
- return (index.h(index.Host, { key: '7320d9e105bbd49c3ce38b8c199b965a3863440c', role: "rowgroup", class: "xpl-table-body" }, index.h("slot", { key: '3df8f5a49bca0c8b50126cb41e59e1209e57fc6b' })));
21729
- }
21730
- };
21731
-
21732
- function isDisablableControl(el) {
21733
- switch (el.tagName) {
21734
- case 'BUTTON':
21735
- case 'INPUT':
21736
- case 'SELECT':
21737
- case 'TEXTAREA':
21738
- case 'FIELDSET':
21739
- case 'OPTGROUP':
21740
- case 'OPTION':
21741
- return true;
21742
- default:
21743
- return false;
21744
- }
21745
- }
21746
- const XplTableCell = class {
21747
- constructor(hostRef) {
21748
- index.registerInstance(this, hostRef);
21749
- this.align = 'left';
21750
- this.bold = false;
21751
- this.disabled = false;
21752
- this.underline = false;
21753
- }
21754
- onDisabledChange() {
21755
- this.propagateDisabledToSlotted();
21756
- }
21757
- componentDidLoad() {
21758
- this.propagateDisabledToSlotted();
21759
- }
21760
- propagateDisabledToSlotted() {
21761
- const setControlDisabled = (element) => {
21762
- if (!isDisablableControl(element)) {
21763
- return;
21764
- }
21765
- const control = element;
21766
- control.disabled = this.disabled;
21767
- if (this.disabled) {
21768
- control.setAttribute('disabled', '');
21769
- }
21770
- else {
21771
- control.removeAttribute('disabled');
21772
- }
21773
- };
21774
- const walk = (parent) => {
21775
- Array.from(parent.children).forEach((child) => {
21776
- if (child.tagName === 'XPL-TABLE') {
21777
- return;
21778
- }
21779
- setControlDisabled(child);
21780
- walk(child);
21781
- });
21782
- };
21783
- walk(this.el);
21784
- }
21785
- render() {
21786
- return (index.h(index.Host, { key: '91700fc89eff07fc5c54474c12e3a02eb602c6c3', role: "gridcell", class: {
21787
- 'xpl-table-cell': true,
21788
- [`xpl-table-cell--align-${this.align}`]: true,
21789
- 'xpl-table-cell--bold': this.bold,
21790
- 'xpl-table-cell--underline': this.underline,
21791
- 'xpl-table-cell--disabled': this.disabled,
21792
- } }, index.h("slot", { key: '5e956de9f694db16d9f5ea89bda1ff05a15e9efa' })));
21793
- }
21794
- get el() { return index.getElement(this); }
21795
- static get watchers() { return {
21796
- "disabled": [{
21797
- "onDisabledChange": 0
21798
- }]
21799
- }; }
21800
- };
21801
-
21802
- const XplTableFooter = class {
21803
- constructor(hostRef) {
21804
- index.registerInstance(this, hostRef);
21805
- }
21806
- render() {
21807
- return (index.h(index.Host, { key: '891052963f727f283783138363c9a925cb59140b', role: "rowgroup", class: "xpl-table-footer" }, index.h("slot", { key: 'df01f64a46ecd29380df26e053c2a6c246a22556' })));
21808
- }
21809
- };
21810
-
21811
- const XplTableFooterCell = class {
21812
- constructor(hostRef) {
21813
- index.registerInstance(this, hostRef);
21814
- this.align = 'left';
21815
- }
21816
- render() {
21817
- return (index.h(index.Host, { key: '452cb6ac0333ca57329341404343c290c63fc508', role: "gridcell", class: {
21818
- 'xpl-table-footer-cell': true,
21819
- [`xpl-table-footer-cell--align-${this.align}`]: true,
21820
- } }, index.h("slot", { key: 'db6d5848f2aa009437317b9e71a47f0ca9245161' })));
21821
- }
21822
- };
21823
-
21824
- const TableHeader = class {
21825
- constructor(hostRef) {
21826
- index.registerInstance(this, hostRef);
21827
- }
21828
- render() {
21829
- return (index.h(index.Host, { key: '70eac99819cc3acbbfb54607fc657fb27bd26b4b', role: "rowgroup", class: "xpl-table-header" }, index.h("slot", { key: '9c46b25d247603f8c87a3994615bd45c617d9bb9' })));
21830
- }
21831
- };
21832
-
21833
- const TableHeaderCell = class {
21834
- constructor(hostRef) {
21835
- index.registerInstance(this, hostRef);
21836
- this.headerCheckboxChange = index.createEvent(this, "headerCheckboxChange", 7);
21837
- this.headerSortChange = index.createEvent(this, "headerSortChange", 7);
21838
- this.align = 'left';
21839
- this.checked = false;
21840
- this.indeterminate = false;
21841
- this.label = '';
21842
- this.sortable = false;
21843
- this.type = 'label';
21844
- this.onHeaderInnerCheckboxChange = (ev) => {
21845
- const { detail } = ev;
21846
- const checked = typeof detail === 'boolean' ? detail : Boolean(detail);
21847
- this.headerCheckboxChange.emit(checked);
21848
- };
21849
- this.onSortActivate = (event) => {
21850
- event.preventDefault();
21851
- event.stopPropagation();
21852
- if (!this.sortable || this.type !== 'label')
21853
- return;
21854
- const columnIndex = this.getColumnIndex0();
21855
- const sortKey = this.getSortKeySlug();
21856
- if (!this.el.closest('xpl-table')) {
21857
- this.sortDirection = cycleSortDirection(this.sortDirection);
21858
- }
21859
- this.headerSortChange.emit({
21860
- columnIndex,
21861
- sortKey,
21862
- });
21863
- };
21864
- }
21865
- watchColumnWidth() {
21866
- this.notifyColumnWidthsChange();
21867
- }
21868
- watchWidth() {
21869
- this.notifyColumnWidthsChange();
21870
- }
21871
- componentDidLoad() {
21872
- this.notifyColumnWidthsChange();
21873
- }
21874
- notifyColumnWidthsChange() {
21875
- this.el.dispatchEvent(new CustomEvent(XPL_TABLE_COLUMN_WIDTHS_CHANGE_EVENT, {
21876
- bubbles: true,
21877
- composed: true,
21878
- }));
21879
- }
21880
- getColumnIndex0() {
21881
- var _a, _b;
21882
- return Array.from((_b = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.children) !== null && _b !== void 0 ? _b : []).indexOf(this.el);
21883
- }
21884
- getSortKeySlug() {
21885
- var _a, _b;
21886
- const raw = ((_b = (_a = this.sortKey) !== null && _a !== void 0 ? _a : this.label) !== null && _b !== void 0 ? _b : '').trim();
21887
- if (raw.length > 0) {
21888
- return raw.replace(/ /g, '-').toLowerCase();
21889
- }
21890
- return `column-${this.getColumnIndex0()}`;
21891
- }
21892
- renderLabelContent() {
21893
- if (this.sortable) {
21894
- const iconName = getSortAffordanceIconName(this.sortDirection);
21895
- const sortActive = this.sortDirection === 'asc' || this.sortDirection === 'desc';
21896
- return (index.h("button", { type: "button", class: "xpl-table-header-cell__sort", onClick: this.onSortActivate }, index.h("span", { class: "xpl-table-header-cell__text" }, index.h("slot", null, this.label)), index.h("xpl-icon", { class: {
21897
- 'xpl-table-header-cell__sort-icon': true,
21898
- 'xpl-table-header-cell__sort-icon--active': sortActive,
21899
- 'xpl-table-header-cell__sort-icon--default': !sortActive,
21900
- }, icon: iconName, size: 16 })));
21901
- }
21902
- return (index.h("span", { class: "xpl-table-header-cell__text" }, index.h("slot", null, this.label)));
21903
- }
21904
- render() {
21905
- const colIndex = this.getColumnIndex0() + 1;
21906
- const renderContent = () => {
21907
- var _a;
21908
- switch (this.type) {
21909
- case 'label':
21910
- return this.renderLabelContent();
21911
- case 'checkbox':
21912
- return (index.h("xpl-checkbox", { ariaLabel: (_a = this.checkboxAriaLabel) !== null && _a !== void 0 ? _a : 'Select all rows', checked: this.checked, indeterminate: this.indeterminate, onCheckboxChange: this.onHeaderInnerCheckboxChange }));
21913
- case 'icon':
21914
- return index.h("xpl-icon", { icon: this.icon, size: 20 });
21915
- case 'empty':
21916
- return null;
21917
- default:
21918
- return '';
21919
- }
21920
- };
21921
- const effectiveAlign = (this.type === 'checkbox' || this.type === 'icon') && this.align === 'left'
21922
- ? 'center'
21923
- : this.align;
21924
- const alignClass = `xpl-table-header-cell--align-${effectiveAlign}`;
21925
- const ariaSort = this.type === 'label' && this.sortable
21926
- ? this.sortDirection === 'asc'
21927
- ? 'ascending'
21928
- : this.sortDirection === 'desc'
21929
- ? 'descending'
21930
- : 'none'
21931
- : undefined;
21932
- return (index.h(index.Host, { role: "columnheader", "aria-colindex": colIndex, class: {
21933
- 'xpl-table-header-cell': true,
21934
- [alignClass]: true,
21935
- 'xpl-table-header-cell--checkbox': this.type === 'checkbox',
21936
- 'xpl-table-header-cell--icon': this.type === 'icon',
21937
- 'xpl-table-header-cell--empty': this.type === 'empty',
21938
- 'xpl-table-header-cell--sortable': this.sortable && this.type === 'label',
21939
- }, "aria-checked": this.type === 'checkbox'
21940
- ? this.indeterminate
21941
- ? 'mixed'
21942
- : this.checked
21943
- ? 'true'
21944
- : 'false'
21945
- : undefined, "aria-sort": ariaSort }, this.type === 'empty' ? null : renderContent()));
21946
- }
21947
- get el() { return index.getElement(this); }
21948
- static get watchers() { return {
21949
- "columnWidth": [{
21950
- "watchColumnWidth": 0
21951
- }],
21952
- "width": [{
21953
- "watchWidth": 0
21954
- }]
21955
- }; }
21956
- };
21957
-
21958
- function isTableCell(node) {
21959
- return node.nodeName === 'XPL-TABLE-CELL';
21960
- }
21961
- const XplTableRow = class {
21962
- constructor(hostRef) {
21963
- index.registerInstance(this, hostRef);
21964
- this.disabled = false;
21965
- this.selected = false;
21966
- }
21967
- onDisabledChange() {
21968
- this.propagateDisabledToCells();
21969
- }
21970
- connectedCallback() {
21971
- if (typeof MutationObserver === 'undefined')
21972
- return;
21973
- this.cellObserver = new MutationObserver((mutations) => {
21974
- mutations.forEach((mutation) => {
21975
- if (mutation.type !== 'childList')
21976
- return;
21977
- mutation.addedNodes.forEach((node) => {
21978
- if (isTableCell(node)) {
21979
- node.disabled = this.disabled;
21980
- }
21981
- });
21982
- });
21983
- });
21984
- this.cellObserver.observe(this.el, { childList: true });
21985
- }
21986
- disconnectedCallback() {
21987
- var _a;
21988
- (_a = this.cellObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
21989
- this.cellObserver = undefined;
21990
- }
21991
- componentDidLoad() {
21992
- this.propagateDisabledToCells();
21993
- }
21994
- propagateDisabledToCells() {
21995
- const cells = Array.from(this.el.children).filter(isTableCell);
21996
- cells.forEach((cell) => {
21997
- cell.disabled = this.disabled;
21998
- });
21999
- }
22000
- render() {
22001
- return (index.h(index.Host, { key: '4abcdcd80a317aec5d2a131d9e8d0331f434e989', role: "row", class: {
22002
- 'xpl-table-row': true,
22003
- 'xpl-table-row--disabled': this.disabled,
22004
- 'xpl-table-row--selected': this.selected,
22005
- } }, index.h("slot", { key: 'b2530a240b2e4c7eb4fb4a7691a86242eb9aee16' })));
22006
- }
22007
- get el() { return index.getElement(this); }
22008
- static get watchers() { return {
22009
- "disabled": [{
22010
- "onDisabledChange": 0
21602
+ "columns": [{
21603
+ "watchColumns": 0
22011
21604
  }]
22012
21605
  }; }
22013
21606
  };
@@ -22332,11 +21925,11 @@ const Tabs = class {
22332
21925
  }
22333
21926
  render() {
22334
21927
  const isSegment = this.type === 'segment';
22335
- return (index.h(index.Host, { key: '56e4284e5a8fd492ebedcc963ddc2218f75c58c6', class: {
21928
+ return (index.h(index.Host, { key: '9998ae067e13e7c08338ae29bfe05bc3adacaa87', class: {
22336
21929
  'xpl-tabs': true,
22337
21930
  'xpl-tabs--full-width': this.fullWidth,
22338
21931
  'xpl-tabs--segment': isSegment,
22339
- }, "data-choices-tick": this.choicesTick }, index.h("xpl-select", { key: 'bd22e0a513a068915a206d48f8011cb779abdf44', classNames: this.mobileSelectClassNames(), choices: this.renderChoices(), disabled: this.disabled, selectedValues: this.selectedValue, onDropdownStateChange: (event) => {
21932
+ }, "data-choices-tick": this.choicesTick }, index.h("xpl-select", { key: '18209c354e77267a13ce0c7380df0e419595cca7', classNames: this.mobileSelectClassNames(), choices: this.renderChoices(), disabled: this.disabled, selectedValues: this.selectedValue, onDropdownStateChange: (event) => {
22340
21933
  if (event.detail) {
22341
21934
  this.isMobileSelectChange = true;
22342
21935
  }
@@ -22347,17 +21940,17 @@ const Tabs = class {
22347
21940
  this.tabChange.emit(selectedValue);
22348
21941
  this.isMobileSelectChange = false;
22349
21942
  }
22350
- } }), index.h("nav", { key: 'b56a5a8435cbba117f7b66711a4bad4a0df1b808', "aria-orientation": "horizontal", class: "xpl-tabs__headings", role: "tablist", ref: (el) => {
21943
+ } }), index.h("nav", { key: 'cf1bf2ec95fbbe7f0a6b8774cc5ce26928c7d6ca', "aria-orientation": "horizontal", class: "xpl-tabs__headings", role: "tablist", ref: (el) => {
22351
21944
  this.headingsContainerRef = el;
22352
21945
  }, onTabChange: (event) => {
22353
21946
  event.stopPropagation();
22354
21947
  this.isMobileSelectChange = false;
22355
21948
  this.handleTabChange(event.detail);
22356
21949
  this.tabChange.emit(event.detail);
22357
- } }, !isSegment && (index.h("div", { key: '77c1c13e85a172da519e5081364808f8a873eb54', class: "xpl-tabs__active-bar", style: {
21950
+ } }, !isSegment && (index.h("div", { key: '5bfd13566a17723ec166a934bc72e59307eacb8c', class: "xpl-tabs__active-bar", style: {
22358
21951
  transform: `translateX(${this.activeBarPosition.left}px)`,
22359
21952
  width: `${this.activeBarPosition.width}px`,
22360
- } })), index.h("slot", { key: '24e4b6409fbfa26f859d64d4d37493a711006368', name: "heading" })), index.h("div", { key: '2a364d45d6377131c2809d25373bc90512f11307', class: "xpl-tabs__panels" }, index.h("slot", { key: '59335370a20458fc36bfa33a2a117744ce4434fc', name: "panel" }))));
21953
+ } })), index.h("slot", { key: '52baf508a46759fe908f8721b3089d3db0189383', name: "heading" })), index.h("div", { key: '363fe87f244eace0dc0af0903e0b8c25da3a613f', class: "xpl-tabs__panels" }, index.h("slot", { key: 'f3872844f486cf831bca26a228eba88fa18b42c3', name: "panel" }))));
22361
21954
  }
22362
21955
  get el() { return index.getElement(this); }
22363
21956
  static get watchers() { return {
@@ -22503,7 +22096,7 @@ const Tag = class {
22503
22096
  }
22504
22097
  render() {
22505
22098
  const dragEnabled = this.isDraggable && !this.disabled;
22506
- return (index.h(index.Host, { key: '117319681b3edca99c97361353fd1775a0b9b32f', class: {
22099
+ return (index.h(index.Host, { key: '7e85098bb9f5e8c0fceee3e7947337e0799c4de8', class: {
22507
22100
  'xpl-tag': true,
22508
22101
  'xpl-tag-container': true,
22509
22102
  'xpl-tag--disabled': this.disabled,
@@ -22511,7 +22104,7 @@ const Tag = class {
22511
22104
  'xpl-tag--dragging': this.isDragging,
22512
22105
  'xpl-tag--draggable': dragEnabled,
22513
22106
  'xpl-tag--sm': this.size === 'sm',
22514
- }, onDragOver: dragEnabled ? this.handleDragOver : undefined, onDragEnter: dragEnabled ? this.handleDragEnter : undefined, onDragStart: this.isDraggable ? this.handleHostDragStart : undefined }, dragEnabled ? (index.h("div", { class: "xpl-tag__content xpl-tag", role: "button", tabIndex: 0, draggable: true, "aria-grabbed": String(this.isDragging), onClick: this.handleTagClick, onKeyDown: this.handleContentKeyDown, onDragStart: this.handleDragStart, onDragEnd: this.handleDragEnd }, index.h("slot", null))) : (index.h("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, index.h("slot", null))), this.dismissible && (index.h("button", { key: 'b1040693b482270dec9403a908bf3cacd5db49b8', class: "xpl-tag__dismiss xpl-tag__close", type: "button", draggable: false, disabled: this.disabled, "aria-label": `Dismiss ${this.dismissAriaLabelSuffix}`, onClick: this.handleDismissClick }, index.h("xpl-icon", { key: 'ed0419c92f526424bb1b9cd43e93ba119348da07', icon: "xmark", size: 10 })))));
22107
+ }, onDragOver: dragEnabled ? this.handleDragOver : undefined, onDragEnter: dragEnabled ? this.handleDragEnter : undefined, onDragStart: this.isDraggable ? this.handleHostDragStart : undefined }, dragEnabled ? (index.h("div", { class: "xpl-tag__content xpl-tag", role: "button", tabIndex: 0, draggable: true, "aria-grabbed": String(this.isDragging), onClick: this.handleTagClick, onKeyDown: this.handleContentKeyDown, onDragStart: this.handleDragStart, onDragEnd: this.handleDragEnd }, index.h("slot", null))) : (index.h("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, index.h("slot", null))), this.dismissible && (index.h("button", { key: 'cb875506819a0a58d42add85a1a09e95e4786eba', class: "xpl-tag__dismiss xpl-tag__close", type: "button", draggable: false, disabled: this.disabled, "aria-label": `Dismiss ${this.dismissAriaLabelSuffix}`, onClick: this.handleDismissClick }, index.h("xpl-icon", { key: '431f061a4c96dacb9dc76a753c9d2de01491b2be', icon: "xmark", size: 10 })))));
22515
22108
  }
22516
22109
  get el() { return index.getElement(this); }
22517
22110
  static get watchers() { return {
@@ -22561,9 +22154,9 @@ const Toast = class {
22561
22154
  }
22562
22155
  render() {
22563
22156
  var _a;
22564
- return (index.h(index.Host, { key: 'c9abdb6db66a9dad0d6ed3d2e6d178ea34852c86', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, index.h("div", { key: '7057e31e0f25dab1ba8b093f1dca15e6f08c44e4', class: "xpl-toast__left" }, this.showIcon && (index.h("div", { key: '7875c518753729ae39a7bb9f2051751924a0d558', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), index.h("div", { key: 'e38c7d0593c16f3dfa83bc4e521f89ee644b46d4', class: "xpl-toast__notification" }, index.h("p", { key: '8186437158381780554d2509a806704c52450f8c', class: "xpl-toast__title" }, index.h("slot", { key: '0aa8df0520c33b4576acfb1ad4750a72928b94d5', name: "title" })), this.caption !== '' && (index.h("p", { key: '3a4ce8f73e498373344b8b692e624f177212a70a', class: "xpl-toast__caption" }, (_a = this.caption) === null || _a === void 0 ? void 0 : _a.substring(0, 85))))), index.h("div", { key: '636ff5b9476cea09d21b97f3e1b78860a6f10669', class: "xpl-toast__action", ref: (el) => {
22157
+ return (index.h(index.Host, { key: '4f470ceb525c35a86ddbf65365fac1674ebe7033', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, index.h("div", { key: '04da6ca2777ceb222da2f4fd831d8aef5101a667', class: "xpl-toast__left" }, this.showIcon && (index.h("div", { key: '0e5e75aa05e96361700c0c7b9eccbc4c5b75a00c', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), index.h("div", { key: 'f1ccc651318b6d7128255918bdd68ef36a249e9f', class: "xpl-toast__notification" }, index.h("p", { key: '1ae879d8a670a0f1a4928bfa2a0692581040dca1', class: "xpl-toast__title" }, index.h("slot", { key: 'b819a773c11b88cb00f8638db8a960de55ce6508', name: "title" })), this.caption !== '' && (index.h("p", { key: '8f6eb8dd769e4aaf5b16b3caafd9e9ec5408a7e1', class: "xpl-toast__caption" }, (_a = this.caption) === null || _a === void 0 ? void 0 : _a.substring(0, 85))))), index.h("div", { key: '46ae2f04fa38b50d2a07082b6972590f6bd28005', class: "xpl-toast__action", ref: (el) => {
22565
22158
  this.actionSlot = el;
22566
- } }, index.h("slot", { key: '733bc27fba998cdbb97cc1124d8449b539a0fc21', name: "action" })), this.dismissable && (index.h("div", { key: '8f555e8a02c8aed5095ab659a792e19c242dae98', class: "xpl-toast__close" }, index.h("button", { key: 'ca64c6cb98c4cda5d2dab208afef54db4832e103', tabIndex: 0, onClick: this.dismiss }, index.h("xpl-icon", { key: 'bf00f852ecffd16504a8ec95f3f6630b1aa569c9', icon: "x" }))))));
22159
+ } }, index.h("slot", { key: '69512a9b482bb54252527d798dfa2884a19b7d8c', name: "action" })), this.dismissable && (index.h("div", { key: '818a5f9dde1a9c9b7ab3cd62cd807200e3687af6', class: "xpl-toast__close" }, index.h("button", { key: '3a617189f8f031e119a125efce0ab35a7f5cf31f', tabIndex: 0, onClick: this.dismiss }, index.h("xpl-icon", { key: 'd86187aed0665da278f953be5ab92f7051f44438', icon: "x" }))))));
22567
22160
  }
22568
22161
  get el() { return index.getElement(this); }
22569
22162
  };
@@ -22577,7 +22170,7 @@ const Tooltip = class {
22577
22170
  this.hideArrow = false;
22578
22171
  }
22579
22172
  render() {
22580
- return (index.h(index.Host, { key: '9890dea245d2fbd24c67fea6e39ce3430ffc8d81' }, index.h("div", { key: '0930c7ee1f0e1f6a625f41e34f31d2432fdff7eb', class: "xpl-tooltip-container" }, index.h("slot", { key: '3b9a8aebce020a13f3d7ef624b59c06e55398907' }), index.h("div", { key: '50fe33b8bef96df08899b449065558ea8f2ed820', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text), !this.hideArrow && (index.h("div", { key: 'eddf77e8e8093eff29c5c22fdc3d2b882de4a0ca', class: "xpl-tooltip-arrow" }, index.h(TooltipArrow, { key: 'fad3bccade4af1d9734d288c32d7951527398853' }))))));
22173
+ return (index.h(index.Host, { key: 'a118d629923a433680360f746e063ca94d5f1c6a' }, index.h("div", { key: 'cfd9742ee2cebd56994480bd2a601cb4e93b12a9', class: "xpl-tooltip-container" }, index.h("slot", { key: '8aae99e1a187f8f737e896ccfd00d67f1cfeb3b3' }), index.h("div", { key: '4b418074b2ac7f8760f09e3af033ea93f7a0012e', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text), !this.hideArrow && (index.h("div", { key: 'ef6a166f78250f1f98eae41661fd7020b36eeaae', class: "xpl-tooltip-arrow" }, index.h(TooltipArrow, { key: '7baecae00ab178f715c89443d250b068861afe5f' }))))));
22581
22174
  }
22582
22175
  };
22583
22176
 
@@ -22821,7 +22414,7 @@ const TopNav = class {
22821
22414
  }
22822
22415
  render() {
22823
22416
  var _a, _b, _c, _d;
22824
- return (index.h(index.Host, { key: '7b9229d9aaa6e462102694f2af4cac513c0a897d', class: {
22417
+ return (index.h(index.Host, { key: '9f65d609c6b4cf08b2899216fe8bc70fe0e12db9', class: {
22825
22418
  'xpl-top-nav': true,
22826
22419
  'xpl-top-nav--nav-control': Boolean(this.navControl),
22827
22420
  'xpl-top-nav--open': this.open,
@@ -22829,15 +22422,15 @@ const TopNav = class {
22829
22422
  'xpl-top-nav--has-brand': this.hasBrand,
22830
22423
  'xpl-top-nav--has-user-menu': this.hasUserMenu,
22831
22424
  dark: true,
22832
- } }, index.h("nav", { key: '15e65c606ec67d5dcb3de7e14dbbb2983d23f097', "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : 'top-navigation-bar', class: "xpl-top-nav__bar" }, index.h("div", { key: '4dcd01744fac5acfd8370da93d3343fc9be1762c', class: "xpl-top-nav__inner-left" }, this.navControl && (index.h("button", { key: '07bd342a80a412922a6d22a789694e2457312e1d', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, index.h("xpl-icon", { key: '1a69e0dac8d98b1331676e9e69fa76cac7a55de5', class: "xpl-top-nav__control-icon", icon: "menu", size: 20 }))), this.hasBrand && (index.h("div", { key: '5af668cb6533a3f1e91101a1179c614215e3f431', class: "xpl-top-nav__brand-bar" }, index.h("xpl-top-nav-item", { key: 'f77e07635deb49f7db37fd965b389f5a3d379864', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, ((_b = this.brandLogo) === null || _b === void 0 ? void 0 : _b.trim()) ? (index.h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: ((_c = this.brandName) === null || _c === void 0 ? void 0 : _c.trim())
22425
+ } }, index.h("nav", { key: 'a3d613acbe13866886bca363372127e8e869ec2c', "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : 'top-navigation-bar', class: "xpl-top-nav__bar" }, index.h("div", { key: 'b7057ef80f36e98def53bbfc2a39bd30bacd9b4c', class: "xpl-top-nav__inner-left" }, this.navControl && (index.h("button", { key: '3c4091842c7e4c1a62fea5446f6e29486617b11a', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, index.h("xpl-icon", { key: 'cd5fd2cd1cf1dae5c765b63678e14cb87588c3b2', class: "xpl-top-nav__control-icon", icon: "menu", size: 20 }))), this.hasBrand && (index.h("div", { key: '3cabfe3ce8ff58d9aed0ed9b4adccd896f6cad08', class: "xpl-top-nav__brand-bar" }, index.h("xpl-top-nav-item", { key: 'bca3924f36affd16b6c17d0d8cc1ccc57c488ef6', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, ((_b = this.brandLogo) === null || _b === void 0 ? void 0 : _b.trim()) ? (index.h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: ((_c = this.brandName) === null || _c === void 0 ? void 0 : _c.trim())
22833
22426
  ? this.brandName.trim()
22834
- : 'Brand' })) : this.brandLogoSlotPresent ? (index.h("span", { class: "xpl-top-nav__brand-logo-slot" }, index.h("slot", { name: "brand-logo" }))) : null, ((_d = this.brandName) === null || _d === void 0 ? void 0 : _d.trim()) ? (index.h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), index.h("div", { key: 'f349c1fa2021e705602eed288e83db9a5dade455', class: {
22427
+ : 'Brand' })) : this.brandLogoSlotPresent ? (index.h("span", { class: "xpl-top-nav__brand-logo-slot" }, index.h("slot", { name: "brand-logo" }))) : null, ((_d = this.brandName) === null || _d === void 0 ? void 0 : _d.trim()) ? (index.h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), index.h("div", { key: '1e9a1af5fbeca22c0f440556c121c38b8528d9ba', class: {
22835
22428
  'xpl-top-nav__aside': true,
22836
22429
  'xpl-nav-left': true,
22837
- } }, index.h("div", { key: '718718595ec839e0aef4f703f766d1bedfd65c6b', class: "xpl-top-nav__left-primary", role: "list" }, index.h("slot", { key: 'ebcb856dc7c6bc247877a1306350073f9990ff18', name: "left-aside" })))), index.h("div", { key: 'e582c5e3799d471b358c48c34d5c629a5b6db44d', class: {
22430
+ } }, index.h("div", { key: 'b5d67e1adf5bc6a751be3d8bfa448bdb682039bc', class: "xpl-top-nav__left-primary", role: "list" }, index.h("slot", { key: 'c738eb6fbda41c8320fa2645fb88f43ef11731b6', name: "left-aside" })))), index.h("div", { key: '8573832a3922746b2301f9bc8b4fa6ab7e1ac441', class: {
22838
22431
  'xpl-top-nav__aside': true,
22839
22432
  'xpl-nav-right': true,
22840
- } }, index.h("div", { key: 'eda8ef4e6252b5c7362f1e30e15f9f60df2e77d6', class: "xpl-nav-right__list" }, index.h("div", { key: 'f99115361d8ec8e8c964f434b1c713488ece962a', class: "xpl-top-nav__right-rail" }, index.h("div", { key: '0eeea604e76f47ee71c7e2310f7a4764aa47bf39', class: "xpl-top-nav__right-lead" }, index.h("slot", { key: 'd4fd4fa67af3bc6dbdb4b641e24603fcfc14e920', name: "right-aside" })), this.hasUserMenu ? (index.h("div", { class: "xpl-top-nav__right-user" }, index.h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (index.h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (index.h("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
22433
+ } }, index.h("div", { key: 'a21b318496a47000cde7a0346d3376999e7893ea', class: "xpl-nav-right__list" }, index.h("div", { key: '5934e7d3976b13abba77b4361b4fe1c6f49bcc2e', class: "xpl-top-nav__right-rail" }, index.h("div", { key: '49b44ea3d59eec32d6859978754e81ce6acc1bec', class: "xpl-top-nav__right-lead" }, index.h("slot", { key: '054671b75354700b873a85f08998a14d7fc7073b', name: "right-aside" })), this.hasUserMenu ? (index.h("div", { class: "xpl-top-nav__right-user" }, index.h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (index.h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (index.h("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
22841
22434
  ? undefined
22842
22435
  : 'Open account menu' }, this.childAccountLabelText.length > 0
22843
22436
  ? this.childAccountLabelText
@@ -23155,14 +22748,14 @@ const TopNavItem = class {
23155
22748
  return (index.h("div", Object.assign({}, shared, { role: "button" }), this.icon && index.h("xpl-icon", { size: 16, icon: this.icon }), this.label ? (index.h("span", { class: "xpl-top-nav-item__label", title: this.label }, this.label)) : (index.h("slot", null)), this.hasDropdown && index.h("xpl-icon", { icon: "chevron-down" })));
23156
22749
  }
23157
22750
  render() {
23158
- return (index.h(index.Host, Object.assign({ key: '391dd693aabff902ffd5de50d710d3fab06573e2', class: {
22751
+ return (index.h(index.Host, Object.assign({ key: '4758b54726318591f140bcfea8d4db22c70c96ff', class: {
23159
22752
  'xpl-top-nav-item': true,
23160
22753
  'xpl-top-nav-item--active': this.active,
23161
22754
  'xpl-top-nav-item--dropdown-open': this.open,
23162
22755
  'xpl-top-nav-item--has-dropdown': this.hasDropdown,
23163
22756
  'xpl-top-nav-item--selected': this.selected,
23164
22757
  dark: true,
23165
- } }, (this.hostListitemRole ? { role: 'listitem' } : {})), this.renderInner(), this.hasDropdown && (index.h("div", { key: 'c5d5239d0279722d5a78bc7436a3ebb9247f904d', class: "xpl-top-nav-item__dropdown" }, index.h("slot", { key: 'f0a735798a09218822fd14174d0c845014c5e557', name: "dropdown" })))));
22758
+ } }, (this.hostListitemRole ? { role: 'listitem' } : {})), this.renderInner(), this.hasDropdown && (index.h("div", { key: '65f53889e4815fb974d7abe12d13dd8be19c1943', class: "xpl-top-nav-item__dropdown" }, index.h("slot", { key: '2f4f164deaec561be73a13e2303cc13e037699bb', name: "dropdown" })))));
23166
22759
  }
23167
22760
  get el() { return index.getElement(this); }
23168
22761
  static get watchers() { return {
@@ -23186,7 +22779,7 @@ const UtilityBar = class {
23186
22779
  this.open = this.isNavOpenAtStartup !== undefined ? this.isNavOpenAtStartup : this.open;
23187
22780
  }
23188
22781
  render() {
23189
- return (index.h(index.Host, { key: 'ace824cff0305860bce4dd4da2be0b2f8cf59672' }, index.h("nav", { key: '0617af3b292b4459900c7e352c9486d666fc501e', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (index.h("div", null, index.h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, index.h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), index.h("slot", { name: "aside" }))) : (index.h("slot", { name: "aside" })), index.h("slot", { key: 'e060a576b15089bc70d030a6c692124294b7eb4e', name: "main" }))));
22782
+ return (index.h(index.Host, { key: '2af96247c611b67255b7f285dfb2b8b1dada47cc' }, index.h("nav", { key: '135186097dd0d8f308a1a08b5fbf4a5537c10f25', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (index.h("div", null, index.h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, index.h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), index.h("slot", { name: "aside" }))) : (index.h("slot", { name: "aside" })), index.h("slot", { key: '3346444f9813b20d8c4ed13b5a0784205dcfbbb1', name: "main" }))));
23190
22783
  }
23191
22784
  };
23192
22785
 
@@ -23237,13 +22830,6 @@ exports.xpl_spotlight = Spotlight;
23237
22830
  exports.xpl_tab = Tab;
23238
22831
  exports.xpl_tab_panel = TabPanel;
23239
22832
  exports.xpl_table = Table;
23240
- exports.xpl_table_body = XplTableBody;
23241
- exports.xpl_table_cell = XplTableCell;
23242
- exports.xpl_table_footer = XplTableFooter;
23243
- exports.xpl_table_footer_cell = XplTableFooterCell;
23244
- exports.xpl_table_header = TableHeader;
23245
- exports.xpl_table_header_cell = TableHeaderCell;
23246
- exports.xpl_table_row = XplTableRow;
23247
22833
  exports.xpl_tabs = Tabs;
23248
22834
  exports.xpl_tag = Tag;
23249
22835
  exports.xpl_toast = Toast;