@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
@@ -167,7 +167,7 @@ const Backdrop = class {
167
167
  this.relative = false;
168
168
  }
169
169
  render() {
170
- return (h(Host, { key: 'ce11926c0ef08f0ae9d77fecfa813f20b6eee229', class: {
170
+ return (h(Host, { key: '072fedf411c5d8671ec2d8a6ff639e5adf93e15c', class: {
171
171
  'xpl-backdrop': true,
172
172
  'xpl-backdrop--fixed': !this.relative,
173
173
  'xpl-backdrop--relative': this.relative,
@@ -204,7 +204,7 @@ const Badge = class {
204
204
  [`xpl-badge--size-${this.size}`]: !!this.size,
205
205
  [`xpl-badge--shape-${this.shape}`]: !this.dotOnly && !!this.shape,
206
206
  };
207
- return (h(Host, { key: '6d8b154300f5a676c58d8633c2b5f7514967f764' }, h("div", { key: 'bef0970eb3185b1afb08ece888b63509e69ff15d', class: className }, h("span", { key: '90e51d0f3d74a99268b9a4944a94b6c0096f1ea9', class: "xpl-badge__label" }, h("slot", { key: '5f13f42adbbcfc0698f25687ba27f4bb0c63d5a8' })))));
207
+ return (h(Host, { key: 'f1a45af398443a5330afe856ac2442aa34cadf24' }, h("div", { key: 'fecb691b2b11414de0a03e119dd63332ade79a3c', class: className }, h("span", { key: '6c4169ea3d4f0f7cdaa03841ec72ac15f9e209f3', class: "xpl-badge__label" }, h("slot", { key: 'c7d96b70e9bcd161c279bf943c2cbc7248e2a53e' })))));
208
208
  }
209
209
  };
210
210
 
@@ -269,13 +269,13 @@ const Banner = class {
269
269
  const actionState = this.getActionButtonState();
270
270
  const isHeadingPresent = !!((_c = this.heading) === null || _c === void 0 ? void 0 : _c.trim());
271
271
  const isDescPresent = !!((_d = this.description) === null || _d === void 0 ? void 0 : _d.trim());
272
- return (h(Host, { key: '01e821a96ff2f4f41050a524ed6ec76e8f8ae71c', class: {
272
+ return (h(Host, { key: '373b38c40719c248968ed93381309584f24697a9', class: {
273
273
  'xpl-banner': true,
274
274
  'xpl-banner--section': this.isSection,
275
275
  [`xpl-banner--${this.appearance}`]: true,
276
276
  'xpl-banner--truncate-desc': this.truncateDesc,
277
277
  'xpl-banner--no-icon': this.isSection && !this.hasIcon,
278
- }, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (h("div", { key: 'e0b8fc78558cb0feff957deda21e9a6009a41ebc', class: "xpl-banner__icon", "aria-hidden": "true" }, h("xpl-icon", { key: 'b1ad22088243b609c67275091a6b7ec0f5bfcd2b', icon: this.getIcon(), size: 24 }))), h("div", { key: '9ae85de66f2092d2f689e881ebf5cb28b442a804', class: "xpl-banner__body" }, isHeadingPresent && h("p", { key: '5a4a146c870f4c12abe4a5ef1e5d7aa51d8e7507', class: "xpl-banner__heading" }, this.heading), isDescPresent && (h("p", { key: '115e1349f08a077a898556174c7f14c22e43eb8c', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (h("div", { key: 'd2ebd4a9f6bf5902958c071a476da8b5b2888c5c', class: "xpl-banner__actions" }, hasAction && (h("xpl-button", { key: '763ce0af40d4a9a5d62f18ee08085a8455819779', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (h("xpl-button", { key: 'd59e222b9eb5d766953d26609a48366a32499814', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (h("button", { key: 'ec7d24375a62f20c7309d7b49d88f6db1eb2a891', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, h("xpl-icon", { key: 'f45280a420a3556100cd0ed48c39124d400becd9', icon: "xmark", size: 24, "aria-hidden": "true" })))));
278
+ }, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (h("div", { key: 'b12f8facbdad390e2069374163048099a33aa309', class: "xpl-banner__icon", "aria-hidden": "true" }, h("xpl-icon", { key: '35ee47db756bc0f6b6cd0a2b0cd890a4ec10ff7c', icon: this.getIcon(), size: 24 }))), h("div", { key: '8aaca62cbd7b3cf353bfb35fc2f679932f2b0ade', class: "xpl-banner__body" }, isHeadingPresent && h("p", { key: 'fded85ef43b5186704195312621a33b7b823d19d', class: "xpl-banner__heading" }, this.heading), isDescPresent && (h("p", { key: '1b7386b32891789f8cc425da922f7c3ee60fe5a6', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (h("div", { key: '0b4b8e89db7cc6c4a55e207cf0be1b36956fe243', class: "xpl-banner__actions" }, hasAction && (h("xpl-button", { key: 'c15e5cb0ff332f2ca809dcf912fc7a4c68d47538', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (h("xpl-button", { key: '6f20f721df8eb994ef9935d2c6f634b3460d9d77', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (h("button", { key: '2fab1fec767aaed2bb36ee2b40bcf84a48ad6ead', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, h("xpl-icon", { key: '7747d3e4aae5426d0e3344fb7aab92a4f003cf4e', icon: "xmark", size: 24, "aria-hidden": "true" })))));
279
279
  }
280
280
  };
281
281
 
@@ -288,7 +288,7 @@ const BreadcrumbItem = class {
288
288
  `;
289
289
  }
290
290
  render() {
291
- return (h(Host, { key: 'dd246c29fcb1afca4007299380a59b47c0a10c9d', class: "xpl-breadcrumb-item", role: "listitem" }, h("li", { key: 'b6df20888b3891241e52f0f2be14f1eedee2cac6', role: "none" }, h("slot", { key: 'f2f64effe0f58bb33bc983abfaa8b2996714e3b4' })), h("span", { key: '31c15dd296e6dab1d207a84179a4803b7366c1a2', innerHTML: this.chevron })));
291
+ return (h(Host, { key: '98314b8841ba9d900dbba227363865efb26faf4c', class: "xpl-breadcrumb-item", role: "listitem" }, h("li", { key: '26bf86067dc2348b6ca96243bd1f9513ca187a00', role: "none" }, h("slot", { key: '802b606cce1052ea7fb859260627d6c6801ed78f' })), h("span", { key: '22de35338bf4439a23f8c08a7ea46d1d4f2b68e8', innerHTML: this.chevron })));
292
292
  }
293
293
  };
294
294
 
@@ -297,7 +297,7 @@ const Breadcrumbs = class {
297
297
  registerInstance(this, hostRef);
298
298
  }
299
299
  render() {
300
- return (h(Host, { key: 'd4a4ae7bbf7f8eafc8a44b56c66983303e039d7e' }, h("nav", { key: '8e5decbdce778c1768e3412a59663cd37938f361', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, h("ol", { key: '612620c37a84ad022b9da5cdb884410a4df4dd29', role: "list" }, h("slot", { key: 'ae6cfc4f4e65ba7ca755fa7d9eb3751aae8905ff' })))));
300
+ return (h(Host, { key: '36533f6524e01aed62e293ebe93d8eea34b6b59a' }, h("nav", { key: '6a5562e639044f9d9d12a6365df69c5181f5bbba', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, h("ol", { key: '99463e4808425aa8478a5e8fa2a113831eae1ecf', role: "list" }, h("slot", { key: 'f4d20df3a834f100663786d47881f742c9691969' })))));
301
301
  }
302
302
  };
303
303
 
@@ -348,7 +348,7 @@ const Button = class {
348
348
  }
349
349
  render() {
350
350
  var _a;
351
- return (h(Host, { key: 'dc9baff2fca5d300d4f10d854669fe44ce9dcf2b', class: {
351
+ return (h(Host, { key: 'fc2207b2f07ecccd8c076846406b7c5d2ed6854d', class: {
352
352
  'xpl-button': true,
353
353
  [`xpl-button--${this.size}`]: true,
354
354
  [`xpl-button--${this.variant}`]: true,
@@ -376,24 +376,19 @@ const Checkbox = class {
376
376
  this.ariaLabel = '';
377
377
  this.onChange = (event) => {
378
378
  const target = event.target;
379
- if (this.value) {
380
- this.checkboxChange.emit(this.value);
381
- }
382
- else {
383
- this.checkboxChange.emit(target.checked);
384
- }
379
+ this.checkboxChange.emit(target.checked);
385
380
  };
386
381
  }
387
382
  render() {
388
383
  var _a;
389
- return (h(Host, { key: '278efc899d85f3c69d78eae9c893dd95a5c1a0fe', class: {
384
+ return (h(Host, { key: 'dd508c61fc68052f2bbdfccd606ea8f0109783f3', class: {
390
385
  'xpl-checkbox-radio-container': true,
391
386
  styled: this.styled,
392
387
  disabled: this.disabled,
393
- } }, 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 }), h("label", { key: '19ebb91dfdb4514b563bb20b7fa2ca06294d2d45', class: {
388
+ } }, 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 }), h("label", { key: 'e5ae6eef395457ff6021b008bbb4221e7c36a3c9', class: {
394
389
  'xpl-label': true,
395
390
  'xpl-label--disabled': this.disabled,
396
- }, htmlFor: this.id }, h("slot", { key: 'ceb7f27e19f4256b3c5317e17f4bb8512c6962a6' }), this.description && (h("small", { key: '78a5d2ac044006361a8ce075a2ad8d872f384203', class: {
391
+ }, htmlFor: this.id }, h("slot", { key: '71ae02b761df01bea00b483e21a9b442b8fbdd9f' }), this.description && (h("small", { key: 'f34f7e323cd9c39ce1094177e7a4d3cf4b06f788', class: {
397
392
  'xpl-description': true,
398
393
  'xpl-description--disabled': this.disabled,
399
394
  } }, this.description)))));
@@ -406,20 +401,21 @@ const Choicelist = class {
406
401
  this.choicelistChange = createEvent(this, "choicelistChange", 7);
407
402
  this.choicelistValueChange = createEvent(this, "choicelistValueChange", 7);
408
403
  this.name = v4();
409
- this.onChoiceChange = (value, choiceIndex) => {
404
+ this.onChoiceChange = (_value, choiceIndex) => {
405
+ const choice = this.choices[choiceIndex];
410
406
  if (this.multi) {
411
407
  this.selected = this.selected.map((isSelected, index) => index === choiceIndex ? !isSelected : isSelected);
412
- if (typeof value === 'string') {
408
+ if ((choice === null || choice === void 0 ? void 0 : choice.value) !== undefined) {
413
409
  const changedValues = this.choices
414
410
  .filter((_, index) => this.selected[index])
415
- .map((choice, index) => { var _a; return (_a = choice.value) !== null && _a !== void 0 ? _a : this.selected[index]; });
411
+ .map((c, index) => { var _a; return (_a = c.value) !== null && _a !== void 0 ? _a : this.selected[index]; });
416
412
  this.choicelistValueChange.emit(changedValues);
417
413
  }
418
414
  }
419
415
  else {
420
416
  this.selected = this.selected.map((_, index) => index === choiceIndex);
421
- if (typeof value === 'string') {
422
- this.choicelistValueChange.emit(value);
417
+ if ((choice === null || choice === void 0 ? void 0 : choice.value) !== undefined) {
418
+ this.choicelistValueChange.emit(choice.value);
423
419
  }
424
420
  }
425
421
  };
@@ -438,7 +434,7 @@ const Choicelist = class {
438
434
  this.onChoicesPropChange(this.choices);
439
435
  }
440
436
  render() {
441
- return (h(Host, { key: '3e1881fd40ea2aecefbb24951920b92ac08ef029', class: "xpl-choicelist-container" }, this.heading !== undefined || this.description !== undefined ? (h("div", { class: "xpl-choicelist-heading" }, this.heading && h("h3", null, this.heading), this.description && h("p", null, this.description))) : null, this.choices && (h("ul", { key: '052b5c72e4bc37b84939b639e070b8e692064ffe', class: {
437
+ return (h(Host, { key: 'd2da0f5aeb424a36fb117711f34c0631c464ef6a', class: "xpl-choicelist-container" }, this.heading !== undefined || this.description !== undefined ? (h("div", { class: "xpl-choicelist-heading" }, this.heading && h("h3", null, this.heading), this.description && h("p", null, this.description))) : null, this.choices && (h("ul", { key: 'a40e08f0fd60a5268ed9f4d15a97b3fa677e2e46', class: {
442
438
  'xpl-choicelist': true,
443
439
  'xpl-choicelist--styled': this.styled,
444
440
  } }, this.choices.map((choice, i) => {
@@ -467,7 +463,7 @@ const ContentArea = class {
467
463
  this.size = 'wide';
468
464
  }
469
465
  render() {
470
- return (h(Host, { key: 'cef99f9f6ab92587151d12cf86b67fedba498b66' }, h("main", { key: '17b27ecd7223283294ea7536a7cfe9c6580c4ec4', class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, h("div", { key: '566d17a37f8389b10d95d2db96c4df1e3e0a01ec', class: "xpl-content-area" }, h("slot", { key: 'f084437566dc11ac51cd57e514ebb3bade2826e6' })))));
466
+ return (h(Host, { key: '2fe4c1c077c12e47600c737cc9266ae2eff8aaec' }, h("main", { key: '2e6c6f4b83cea96d629bb5af65c4ce6a4d20570e', class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, h("div", { key: '033e707fbc48ae523fafb25dd2952d3de9214908', class: "xpl-content-area" }, h("slot", { key: '04afc15969c2b1fb7e2feb3d8ae46248ee0f6e31' })))));
471
467
  }
472
468
  };
473
469
 
@@ -476,7 +472,7 @@ const Dashboard = class {
476
472
  registerInstance(this, hostRef);
477
473
  }
478
474
  render() {
479
- return (h(Host, { key: '7894283eaf23b979cd2f30bdd3dafee98d2a82e0' }, h("dl", { key: '0e67c4909212d1ce954d2eef615443179925c1bf', class: "xpl-dashboard" }, h("slot", { key: '420cf5e409a1699e3b92b4deb38d49fca67caa50' }))));
475
+ return (h(Host, { key: 'ceeb8b27d9537c70e88360de21238c9ce2a3f90b' }, h("dl", { key: '3c4fcb92f472f14885053a1cb1db893618a6d8a8', class: "xpl-dashboard" }, h("slot", { key: 'fe4fa8fdec2ce84bdedc7aa404ab647abd189d11' }))));
480
476
  }
481
477
  };
482
478
 
@@ -513,8 +509,8 @@ const DataCard = class {
513
509
  : this.smallStatVariant === 'negative'
514
510
  ? 'arrow-down-right'
515
511
  : 'dash';
516
- return (h(Host, { key: '15499953647bf4b8c38c98b2beafbc30adececd3', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, h("dt", { key: '6b4ac5e8e9fdffa254618b70f8ca4abb5c244361', class: headerClasses }, h("header", { key: '398ae3fcc452fe3281b006497cd5bca10d5405f3' }, !!this.leadingIcon && this.icon && (h("span", { key: '872e3b75a6cb7f3b6ae28f16da84b7264aeeb1e7', class: `xpl-data-card__icon--${this.variant}` }, h("xpl-icon", { key: '23452cb159ee169040132182e0c7701d6f537c61', icon: this.icon, "background-color": bgColorHue, size: 20 }))), h("slot", { key: '492cec94080ea654732e8a14214d78bcf844abf6', name: "title" }, this.name)), this.link && (h("span", { key: '2c31f2d7e9c96b81465a855e156504ce825c9f97', class: "xpl-data-card__header-arrow" }, h("xpl-icon", { key: '1b5f695dc1062c8934569924334aafeb0c4f50d5', icon: "chevron-right", size: 16 })))), h("dd", { key: '6b45e5c1e3bb58fb2a690a633ad601694917b2fb', class: "xpl-data-card__body" }, h("div", { key: 'a6d27211c38c758f7cfb59d5597ac4f0c991bd31', class: "xpl-data-card__left" }, h("span", { key: '92f23b34ba9d72e934c6db3d120ab6e8d3ccfe97', class: "xpl-data-card-stat xpl-data-card-stat--long" }, this.stat), this.tooltipTextStat ? (h("xpl-tooltip", { text: this.tooltipTextStat }, h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, this.shortStat ? this.shortStat : this.stat))) : (h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, h("abbr", { title: this.stat }, this.shortStat ? this.shortStat : this.stat))), this.smallStatVariant ? (this.tooltipTextSmallStat ? (h("xpl-tooltip", { text: this.tooltipTextSmallStat }, h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (this.smallStatIcon &&
517
- (this.tooltipTextSmallStat ? (h("xpl-tooltip", { text: this.tooltipTextSmallStat }, h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat))) : (h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat)))), !!this.detail && h("span", { key: 'c776c1bb00bca03edbe6e5ed60f712b830ba40e5', class: "xpl-data-card__detail" }, this.detail)), hasContentSlot && (h("div", { key: '5d0acee9071c6356830c6f55dd5066ac68bbc356', class: "xpl-data-card__right" }, h("slot", { key: 'c513a4cd650d309fdc06045e02315fdab9256eae', name: contentSlot }))))));
512
+ return (h(Host, { key: '917b6ae82a30b849b100e878dc6be08eb4171214', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, h("dt", { key: '21573d19d14f861eea6562529f78e93affc1e5d2', class: headerClasses }, h("header", { key: '1af52bd082f4d12239db85e78eaf74ed2eb7e027' }, !!this.leadingIcon && this.icon && (h("span", { key: 'dfdcc25ae67fdc766ee3075a479fbfeeac2561ab', class: `xpl-data-card__icon--${this.variant}` }, h("xpl-icon", { key: '4072018714c05bd5bae20bfb9e5b6a04561474da', icon: this.icon, "background-color": bgColorHue, size: 20 }))), h("slot", { key: 'f81204887ad6c229cb50e8d3ff654c1aa4703368', name: "title" }, this.name)), this.link && (h("span", { key: '6d8d61f8611fdbc5cd09fc20ba15194e0e1e7b56', class: "xpl-data-card__header-arrow" }, h("xpl-icon", { key: '863e66734bbbd6aa178f140b22f8afb3dd401127', icon: "chevron-right", size: 16 })))), h("dd", { key: '08a5e4af6873c267336f7daff6d3455e75a2883e', class: "xpl-data-card__body" }, h("div", { key: 'ec8ff889fb93d99e7ef51361e041edbaaaf5cd62', class: "xpl-data-card__left" }, h("span", { key: '4787e6aadc3832830fe707ffc08e5614a7abde7b', class: "xpl-data-card-stat xpl-data-card-stat--long" }, this.stat), this.tooltipTextStat ? (h("xpl-tooltip", { text: this.tooltipTextStat }, h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, this.shortStat ? this.shortStat : this.stat))) : (h("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, h("abbr", { title: this.stat }, this.shortStat ? this.shortStat : this.stat))), this.smallStatVariant ? (this.tooltipTextSmallStat ? (h("xpl-tooltip", { text: this.tooltipTextSmallStat }, h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (h("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, h("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (this.smallStatIcon &&
513
+ (this.tooltipTextSmallStat ? (h("xpl-tooltip", { text: this.tooltipTextSmallStat }, h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat))) : (h("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, h("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat)))), !!this.detail && h("span", { key: '2060dba53f12917e37747a6bc52c7f03fe4dadc7', class: "xpl-data-card__detail" }, this.detail)), hasContentSlot && (h("div", { key: '7a091cce8bc0abae2af7b15d6d1a63acd16854c5', class: "xpl-data-card__right" }, h("slot", { key: 'd83790136435a0d5427fd746d2cba5a08cf914eb', name: contentSlot }))))));
518
514
  }
519
515
  get el() { return getElement(this); }
520
516
  static get watchers() { return {
@@ -534,7 +530,7 @@ const Divider = class {
534
530
  render() {
535
531
  let className = 'xpl-divider';
536
532
  className += ` xpl-divider--${this.tier}`;
537
- return (h(Host, { key: 'a0b934233c1afba99b2d3691a6ea14d3335e4119', class: className }, h("span", { key: '8d701723f174d846e717cd030c4faf72ae938da8' }, h("slot", { key: '5017353de8a9917358c9ba4194fe5a575720f8f5' }))));
533
+ return (h(Host, { key: '213dc1893d64e06256ef2958b59b8377428d81d4', class: className }, h("span", { key: '2e03654076b9b76f2ce9e8475bb44068170c8a80' }, h("slot", { key: '5af40b6963beddbd0d1fe5fd05a9e62274ce3418' }))));
538
534
  }
539
535
  };
540
536
 
@@ -2263,16 +2259,19 @@ const Dropdown = class {
2263
2259
  this.closeOnSelect = true;
2264
2260
  this.mode = 'single';
2265
2261
  this.anchorToTrigger = false;
2262
+ this.placement = 'bottom-start';
2266
2263
  this.selectOnFocus = false;
2267
2264
  this.cleanupAutoUpdate = null;
2268
2265
  this.updateDropdownPosition = async (triggerEl) => {
2269
- var _a;
2266
+ var _a, _b;
2270
2267
  const { x, y, placement, middlewareData } = await computePosition(triggerEl, this.hostElement, {
2271
2268
  strategy: 'fixed',
2272
- placement: 'bottom-start',
2269
+ placement: this.placement,
2273
2270
  middleware: [
2274
2271
  offset(4),
2275
- flip(),
2272
+ flip(((_a = this.flipFallbackPlacements) === null || _a === void 0 ? void 0 : _a.length)
2273
+ ? { fallbackPlacements: this.flipFallbackPlacements }
2274
+ : {}),
2276
2275
  size({
2277
2276
  apply: ({ availableHeight, rects }) => {
2278
2277
  const listEl = this.hostElement.querySelector('.xpl-dropdown-list');
@@ -2308,7 +2307,7 @@ const Dropdown = class {
2308
2307
  });
2309
2308
  if (!this.cleanupAutoUpdate)
2310
2309
  return;
2311
- if ((_a = middlewareData.hide) === null || _a === void 0 ? void 0 : _a.referenceHidden) {
2310
+ if ((_b = middlewareData.hide) === null || _b === void 0 ? void 0 : _b.referenceHidden) {
2312
2311
  this.isOpen = false;
2313
2312
  return;
2314
2313
  }
@@ -2340,6 +2339,16 @@ const Dropdown = class {
2340
2339
  this.startPositioning();
2341
2340
  }
2342
2341
  }
2342
+ onFlipFallbackPlacementsChanged() {
2343
+ if (this.isOpen && this.anchorToTrigger) {
2344
+ this.startPositioning();
2345
+ }
2346
+ }
2347
+ onPlacementChanged() {
2348
+ if (this.isOpen && this.anchorToTrigger) {
2349
+ this.startPositioning();
2350
+ }
2351
+ }
2343
2352
  onTriggerIdChanged() {
2344
2353
  if (this.isOpen) {
2345
2354
  this.startPositioning();
@@ -2467,18 +2476,24 @@ const Dropdown = class {
2467
2476
  var { groupName, options: opts, subtitle } = _a, properties = __rest$1(_a, ["groupName", "options", "subtitle"]);
2468
2477
  return groupName ? (h("xpl-dropdown-group", Object.assign({ groupName: groupName, options: opts }, properties))) : (h("xpl-dropdown-option", Object.assign({ subtitle: subtitle }, properties)));
2469
2478
  });
2470
- return (h(Host, { key: 'ef1637b50d96200219f93a992cecd838bdc37ae7', "aria-expanded": isOpen ? 'true' : 'false', class: {
2479
+ return (h(Host, { key: '1ef465611f9a8501af41c17523352714a7921f29', "aria-expanded": isOpen ? 'true' : 'false', class: {
2471
2480
  'xpl-dropdown': true,
2472
2481
  'xpl-dropdown--multi': mode === 'multi',
2473
2482
  'xpl-dropdown--open': isOpen,
2474
2483
  'xpl-dropdown--anchor-to-trigger': this.anchorToTrigger,
2475
- }, role: "listbox" }, h("slot", { key: '69889998dda0b69e3e582b089baf295c8cfca39d', name: "header" }), h("ul", { key: 'dcb7e840e724ebae950f8c85fca142bcf767cc5d', class: "xpl-dropdown-list" }, mappedOptions || h("slot", { key: 'b33fd8bb6a1871db5e04173f0ad55a6485ee474a', name: "options" }))));
2484
+ }, role: "listbox" }, h("slot", { key: '118c8b34e72aa6ab018e6fa9ff29a18ae540b89e', name: "header" }), h("ul", { key: '01544e6aa8d785c48b4f677de102efe4ecc7b53a', class: "xpl-dropdown-list" }, mappedOptions || h("slot", { key: 'f70619995bed02540cef11deaeb6c3e5704165ff', name: "options" }))));
2476
2485
  }
2477
2486
  get hostElement() { return getElement(this); }
2478
2487
  static get watchers() { return {
2479
2488
  "anchorToTrigger": [{
2480
2489
  "onAnchorToTriggerChanged": 0
2481
2490
  }],
2491
+ "flipFallbackPlacements": [{
2492
+ "onFlipFallbackPlacementsChanged": 0
2493
+ }],
2494
+ "placement": [{
2495
+ "onPlacementChanged": 0
2496
+ }],
2482
2497
  "triggerId": [{
2483
2498
  "onTriggerIdChanged": 0
2484
2499
  }],
@@ -2515,7 +2530,7 @@ const DropdownGroup = class {
2515
2530
  var { groupName: optsGroupName } = _a, properties = __rest(_a, ["groupName"]);
2516
2531
  return optsGroupName ? (h("xpl-dropdown-group", Object.assign({ label: optsGroupName }, properties))) : (h("xpl-dropdown-option", Object.assign({}, properties)));
2517
2532
  });
2518
- return (h(Host, { key: 'a33169d78e635bb53987322f02869ffc1f1a9908', role: "group", "aria-label": groupName }, h("li", { key: '58a1ff78bb923fec60eb51ef05a2026e03e3058b', class: "xpl-dropdown-list-item" }, h("xpl-dropdown-heading", { key: '6d8556e1d96cbfccd61038e5089e9669917b919e', label: groupName }), h("ul", { key: 'dd485e18b79920d9992e506fe83b36fcadb9e020', class: "xpl-dropdown-list" }, mappedOptions || h("slot", { key: '2eca2f6aa7c44aacdb67c3658029822b4ba1c0aa', name: "options" })))));
2533
+ return (h(Host, { key: 'b872cfc0a8eb2e3542f07f6ae17ebc15b6f965ab', role: "group", "aria-label": groupName }, h("li", { key: '8e475e45b5040bd78c7d37f8c58b0689a508f067', class: "xpl-dropdown-list-item" }, h("xpl-dropdown-heading", { key: '3b7b984646bdcc502aca2260a0b59494e0884f6c', label: groupName }), h("ul", { key: 'c75e710ebe06a23aacca57f34ce286516c98a8c5', class: "xpl-dropdown-list" }, mappedOptions || h("slot", { key: '6b72762b22f316561f7614e4841018c019a60681', name: "options" })))));
2519
2534
  }
2520
2535
  };
2521
2536
 
@@ -2524,7 +2539,7 @@ const DropdownHeading = class {
2524
2539
  registerInstance(this, hostRef);
2525
2540
  }
2526
2541
  render() {
2527
- return (h(Host, { key: '9b05e54ae226524434ac8485c51e7fccd4e5fe9e', class: { 'xpl-dropdown-heading': true }, role: "presentation" }, h("span", { key: 'c5ada81fbed76834515cff75f1fd1ce87b2ccbe3' }, this.label || h("slot", { key: 'dfe135bf2499e858e75ab1e87793ae75eb0982c6', name: "heading" }))));
2542
+ return (h(Host, { key: '70e5556188bd87fe5842256e4e145c3585f73409', class: { 'xpl-dropdown-heading': true }, role: "presentation" }, h("span", { key: '2d45f0191d9b158641da794ee1b9f246f9659717' }, this.label || h("slot", { key: '21cc81673e6a37f4b7ff896d12bd94916c3a92e7', name: "heading" }))));
2528
2543
  }
2529
2544
  };
2530
2545
 
@@ -2581,11 +2596,11 @@ const DropdownOptionCpnt = class {
2581
2596
  }
2582
2597
  render() {
2583
2598
  const { label, isSelected, isDisabled, value, subtitle, icon } = this;
2584
- return (h(Host, { key: '4ff7cc350e34059ad4df757b88112756c7f5b83e', class: {
2599
+ return (h(Host, { key: '838f64dba15bc8d6c2f65a8685365c5618c24d5f', class: {
2585
2600
  'xpl-dropdown-option': true,
2586
2601
  'xpl-dropdown-option--disabled': isDisabled,
2587
2602
  'xpl-dropdown-option--selected': isSelected,
2588
- }, role: "option", "aria-checked": isSelected, "aria-disabled": isDisabled, "aria-selected": isSelected, value: value }, h("li", { key: 'a014d09116703f5477a48cace194ba1beef602d5', class: "xpl-dropdown-list-item" }, icon && (h("xpl-icon", { key: 'af16591b7f1195351facaafa67c07368ce42d072', class: "xpl-dropdown-list-item__icon", icon: icon, size: 20 })), label || h("slot", { key: '72c0dbd67ab7930924cb1ef3ee9f0b4b53cf28a6', name: "option" }), subtitle && h("span", { key: '0893e031740ebdd8fc8ca7de2cb10d0b4d7c95ae', class: "xpl-dropdown-list-item__subtitle" }, subtitle))));
2603
+ }, role: "option", "aria-checked": isSelected, "aria-disabled": isDisabled, "aria-selected": isSelected, value: value }, h("li", { key: 'bc4b23054cd73a95ff5cf167c4195563a9e318ec', class: "xpl-dropdown-list-item" }, icon && (h("xpl-icon", { key: '797d92d1d80cb8c33500d8dfe8b1bf9396c767ca', class: "xpl-dropdown-list-item__icon", icon: icon, size: 20 })), label || h("slot", { key: '7a590a3abae38e7934f703929895be152b01816d', name: "option" }), subtitle && h("span", { key: '465fb73335df17864cd21e067f26cdba85d8135c', class: "xpl-dropdown-list-item__subtitle" }, subtitle))));
2589
2604
  }
2590
2605
  get hostElement() { return getElement(this); }
2591
2606
  };
@@ -2593,13 +2608,13 @@ const DropdownOptionCpnt = class {
2593
2608
  const HeaderAccordion = class {
2594
2609
  constructor(hostRef) {
2595
2610
  registerInstance(this, hostRef);
2596
- this.expanded = false;
2597
- this.parentChecked = false;
2598
- this.parentIndeterminate = false;
2599
- this.disabled = false;
2600
- this.hasCheckbox = true;
2601
2611
  this.initialExpanded = false;
2612
+ this.disabled = false;
2602
2613
  this.selectedCount = -1;
2614
+ this.hasCheckbox = true;
2615
+ this.expanded = this.initialExpanded;
2616
+ this.parentChecked = false;
2617
+ this.parentIndeterminate = false;
2603
2618
  this.toggleAccordion = () => {
2604
2619
  this.expanded = !this.expanded;
2605
2620
  };
@@ -2613,24 +2628,19 @@ const HeaderAccordion = class {
2613
2628
  });
2614
2629
  };
2615
2630
  }
2616
- watchSelectedCount(selectedCount) {
2617
- if (selectedCount > -1) {
2618
- this.updateParentCheckbox(selectedCount);
2631
+ applyBorderRadiusToLastRow() {
2632
+ var _a;
2633
+ if (this.expanded) {
2634
+ const rows = (_a = this.el) === null || _a === void 0 ? void 0 : _a.querySelectorAll('xpl-dynamic-table-row');
2635
+ const lastRow = rows[rows.length - 1];
2636
+ const cells = lastRow === null || lastRow === void 0 ? void 0 : lastRow.querySelectorAll('xpl-dynamic-table-cell');
2637
+ cells[0].style.borderBottomLeftRadius = '0.5rem';
2638
+ cells[cells.length - 1].style.borderBottomRightRadius = '0.5rem';
2619
2639
  }
2620
2640
  }
2621
- componentWillLoad() {
2622
- this.expanded = this.initialExpanded;
2623
- }
2624
- componentDidLoad() {
2625
- const initialCheckboxesValue = this.selectedCount > -1 ? this.selectedCount : 0;
2626
- this.updateParentCheckbox(initialCheckboxesValue);
2627
- }
2628
- handleChildCheckboxChange() {
2629
- var _a;
2630
- if (this.selectedCount === -1) {
2631
- const childCheckboxes = (_a = this.el) === null || _a === void 0 ? void 0 : _a.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])');
2632
- const checkedCount = Array.from(childCheckboxes).filter((checkbox) => checkbox.checked).length;
2633
- this.updateParentCheckbox(checkedCount);
2641
+ watchSelectedCount(selectedCount, _previousCount) {
2642
+ if (selectedCount > -1) {
2643
+ this.updateParentCheckbox(selectedCount);
2634
2644
  }
2635
2645
  }
2636
2646
  updateParentCheckbox(selectedCount) {
@@ -2649,11 +2659,23 @@ const HeaderAccordion = class {
2649
2659
  this.parentIndeterminate = true;
2650
2660
  }
2651
2661
  }
2662
+ handleChildCheckboxChange() {
2663
+ var _a;
2664
+ if (this.selectedCount === -1) {
2665
+ const childCheckboxes = (_a = this.el) === null || _a === void 0 ? void 0 : _a.querySelectorAll('[role="region"] xpl-checkbox input:not([disabled])');
2666
+ const checkedCount = Array.from(childCheckboxes).filter((checkbox) => checkbox.checked).length;
2667
+ this.updateParentCheckbox(checkedCount);
2668
+ }
2669
+ }
2670
+ componentDidLoad() {
2671
+ const initialCheckoxesValue = this.selectedCount > -1 ? this.selectedCount : 0;
2672
+ this.updateParentCheckbox(initialCheckoxesValue);
2673
+ }
2674
+ componentWillRender() {
2675
+ this.applyBorderRadiusToLastRow();
2676
+ }
2652
2677
  render() {
2653
- return (h(Host, { key: '216b10c02e1248c374ec646d30f835163b9b7792', class: {
2654
- 'xpl-header-accordion': true,
2655
- 'xpl-header-accordion--expanded': this.expanded,
2656
- } }, h("div", { key: '41cbb9358a5d76f44f135d76c945fe801cafc474', class: `header-accordion header-accordion--${this.expanded ? 'expanded' : 'collapsed'}` }, this.hasCheckbox && (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) })), h("button", { key: '4d98d8d75b4c7c7ba8e50ce6d43ed3b83919d624', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "toggle-area", onClick: this.toggleAccordion, type: "button" }, h("slot", { key: 'd9c993b7e8e6cf0b46014d6c535a52c84386b8ed', name: "title" }), h("xpl-icon", { key: '58d114ae4dd93c9ec15e3d74cfb2d33c6c1b57cb', size: 20, icon: "chevron-down", class: this.expanded && 'rotate' }))), h("div", { key: '46a98c094621ec02c9416bcfa7a2d33e6ce468d4', id: this.contentId, role: "region", class: !this.expanded ? 'content--hidden' : 'content--shown' }, h("slot", { key: '7966e352ec17125afa59a7590dbc8e9372a39f41', name: "content" }))));
2678
+ return (h(Host, { key: '33b59f238ef5eabce7a83dec5e189459038ac2e0', class: "xpl-header-accordion" }, h("div", { key: '1269fe93be898a0300a1c840ad8919608c86bbff', class: `header-accordion header-accordion--${this.expanded ? 'expanded' : 'collapsed'}` }, this.hasCheckbox && (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) })), h("button", { key: '00e7024adcd3c8cef52cc5d11be8e4dc6319c1a8', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "toggle-area", onClick: this.toggleAccordion, type: "button" }, h("slot", { key: '16fc847fff7d27f73c589bff9670fdbdec9f58cc', name: "title" }), h("xpl-icon", { key: '44e27d19feb130c0903949d24a9c71f19f8475b6', size: 16, icon: "chevron-down", class: this.expanded && 'rotate' }))), h("div", { key: 'aa8bd514da7666ed09c72c5b271ea0eeda729ef8', id: this.contentId, role: "region", class: !this.expanded ? 'content--hidden' : 'content--shown' }, h("slot", { key: 'b8adf0af8ea58edad1036fc45277ef6621bc8fbb', name: "content" }))));
2657
2679
  }
2658
2680
  get el() { return getElement(this); }
2659
2681
  static get watchers() { return {
@@ -2761,6 +2783,23 @@ const antarctica = {
2761
2783
  }
2762
2784
  }
2763
2785
  };
2786
+ const apple = {
2787
+ name: "apple",
2788
+ keywords: [
2789
+ "apple",
2790
+ "pay",
2791
+ "credit",
2792
+ "card",
2793
+ "debit",
2794
+ "logo"
2795
+ ],
2796
+ heights: {
2797
+ "32": {
2798
+ width: 32,
2799
+ 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>"
2800
+ }
2801
+ }
2802
+ };
2764
2803
  const argentina = {
2765
2804
  name: "argentina",
2766
2805
  keywords: [
@@ -3028,6 +3067,22 @@ const bhutan = {
3028
3067
  }
3029
3068
  }
3030
3069
  };
3070
+ const bitcoin = {
3071
+ name: "bitcoin",
3072
+ keywords: [
3073
+ "credit",
3074
+ "card",
3075
+ "bitcoin",
3076
+ "debit"
3077
+ ],
3078
+ style: "colored",
3079
+ heights: {
3080
+ "32": {
3081
+ width: 32,
3082
+ 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>"
3083
+ }
3084
+ }
3085
+ };
3031
3086
  const blog = {
3032
3087
  name: "blog",
3033
3088
  keywords: [
@@ -3595,6 +3650,23 @@ const curacao = {
3595
3650
  }
3596
3651
  }
3597
3652
  };
3653
+ const cvc = {
3654
+ name: "cvc",
3655
+ keywords: [
3656
+ "credit",
3657
+ "card",
3658
+ "cvc",
3659
+ "cvv",
3660
+ "debit"
3661
+ ],
3662
+ style: "colored",
3663
+ heights: {
3664
+ "32": {
3665
+ width: 32,
3666
+ 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>"
3667
+ }
3668
+ }
3669
+ };
3598
3670
  const cyprus = {
3599
3671
  name: "cyprus",
3600
3672
  keywords: [
@@ -3670,6 +3742,22 @@ const denmark = {
3670
3742
  }
3671
3743
  }
3672
3744
  };
3745
+ const discover = {
3746
+ name: "discover",
3747
+ keywords: [
3748
+ "credit",
3749
+ "card",
3750
+ "discover",
3751
+ "debit"
3752
+ ],
3753
+ style: "colored",
3754
+ heights: {
3755
+ "32": {
3756
+ width: 32,
3757
+ 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>"
3758
+ }
3759
+ }
3760
+ };
3673
3761
  const djibouti = {
3674
3762
  name: "djibouti",
3675
3763
  keywords: [
@@ -3968,6 +4056,19 @@ const eye = {
3968
4056
  }
3969
4057
  }
3970
4058
  };
4059
+ const facebook = {
4060
+ name: "facebook",
4061
+ keywords: [
4062
+ "logo",
4063
+ "facebook"
4064
+ ],
4065
+ heights: {
4066
+ "32": {
4067
+ width: 32,
4068
+ 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>"
4069
+ }
4070
+ }
4071
+ };
3971
4072
  const fiji = {
3972
4073
  name: "fiji",
3973
4074
  keywords: [
@@ -4013,6 +4114,63 @@ const file = {
4013
4114
  }
4014
4115
  }
4015
4116
  };
4117
+ const files = {
4118
+ name: "files",
4119
+ keywords: [
4120
+ "page",
4121
+ "data",
4122
+ "document",
4123
+ "paper",
4124
+ "file",
4125
+ "files"
4126
+ ],
4127
+ heights: {
4128
+ "16": {
4129
+ width: 16,
4130
+ 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>"
4131
+ },
4132
+ "20": {
4133
+ width: 20,
4134
+ 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>"
4135
+ },
4136
+ "24": {
4137
+ width: 24,
4138
+ 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>"
4139
+ },
4140
+ "32": {
4141
+ width: 32,
4142
+ 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>"
4143
+ }
4144
+ }
4145
+ };
4146
+ const fill = {
4147
+ name: "fill",
4148
+ keywords: [
4149
+ "drop",
4150
+ "color",
4151
+ "paint",
4152
+ "fill",
4153
+ "bucket"
4154
+ ],
4155
+ heights: {
4156
+ "16": {
4157
+ width: 16,
4158
+ 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>"
4159
+ },
4160
+ "20": {
4161
+ width: 20,
4162
+ 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>"
4163
+ },
4164
+ "24": {
4165
+ width: 24,
4166
+ 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>"
4167
+ },
4168
+ "32": {
4169
+ width: 32,
4170
+ 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>"
4171
+ }
4172
+ }
4173
+ };
4016
4174
  const fingerprint = {
4017
4175
  name: "fingerprint",
4018
4176
  keywords: [
@@ -4279,6 +4437,19 @@ const gift = {
4279
4437
  }
4280
4438
  }
4281
4439
  };
4440
+ const google = {
4441
+ name: "google",
4442
+ keywords: [
4443
+ "logo",
4444
+ "google"
4445
+ ],
4446
+ heights: {
4447
+ "32": {
4448
+ width: 32,
4449
+ 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>"
4450
+ }
4451
+ }
4452
+ };
4282
4453
  const greece = {
4283
4454
  name: "greece",
4284
4455
  keywords: [
@@ -4580,6 +4751,19 @@ const indonesia = {
4580
4751
  }
4581
4752
  }
4582
4753
  };
4754
+ const instagram = {
4755
+ name: "instagram",
4756
+ keywords: [
4757
+ "logo",
4758
+ "instagram"
4759
+ ],
4760
+ heights: {
4761
+ "32": {
4762
+ width: 32,
4763
+ 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>"
4764
+ }
4765
+ }
4766
+ };
4583
4767
  const iran = {
4584
4768
  name: "iran",
4585
4769
  keywords: [
@@ -5026,6 +5210,19 @@ const link = {
5026
5210
  }
5027
5211
  }
5028
5212
  };
5213
+ const linkedin = {
5214
+ name: "linkedin",
5215
+ keywords: [
5216
+ "logo",
5217
+ "linkedin"
5218
+ ],
5219
+ heights: {
5220
+ "32": {
5221
+ width: 32,
5222
+ 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>"
5223
+ }
5224
+ }
5225
+ };
5029
5226
  const lithuania = {
5030
5227
  name: "lithuania",
5031
5228
  keywords: [
@@ -5113,6 +5310,22 @@ const madagascar = {
5113
5310
  }
5114
5311
  }
5115
5312
  };
5313
+ const maestro = {
5314
+ name: "maestro",
5315
+ keywords: [
5316
+ "credit",
5317
+ "card",
5318
+ "debit",
5319
+ "maestro"
5320
+ ],
5321
+ style: "colored",
5322
+ heights: {
5323
+ "32": {
5324
+ width: 32,
5325
+ 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>"
5326
+ }
5327
+ }
5328
+ };
5116
5329
  const magnifier = {
5117
5330
  name: "magnifier",
5118
5331
  keywords: [
@@ -5254,6 +5467,22 @@ const martinique = {
5254
5467
  }
5255
5468
  }
5256
5469
  };
5470
+ const mastercard = {
5471
+ name: "mastercard",
5472
+ keywords: [
5473
+ "credit",
5474
+ "card",
5475
+ "debit",
5476
+ "mastercard"
5477
+ ],
5478
+ style: "colored",
5479
+ heights: {
5480
+ "32": {
5481
+ width: 32,
5482
+ 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>"
5483
+ }
5484
+ }
5485
+ };
5257
5486
  const mauritania = {
5258
5487
  name: "mauritania",
5259
5488
  keywords: [
@@ -5480,6 +5709,35 @@ const mongolia = {
5480
5709
  }
5481
5710
  }
5482
5711
  };
5712
+ const monitor = {
5713
+ name: "monitor",
5714
+ keywords: [
5715
+ "desktop",
5716
+ "screen",
5717
+ "monitor",
5718
+ "computer",
5719
+ "device",
5720
+ "display"
5721
+ ],
5722
+ heights: {
5723
+ "16": {
5724
+ width: 16,
5725
+ 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>"
5726
+ },
5727
+ "20": {
5728
+ width: 20,
5729
+ 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>"
5730
+ },
5731
+ "24": {
5732
+ width: 24,
5733
+ 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>"
5734
+ },
5735
+ "32": {
5736
+ width: 32,
5737
+ 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>"
5738
+ }
5739
+ }
5740
+ };
5483
5741
  const montenegro = {
5484
5742
  name: "montenegro",
5485
5743
  keywords: [
@@ -5774,6 +6032,22 @@ const paraguay = {
5774
6032
  }
5775
6033
  }
5776
6034
  };
6035
+ const paypal = {
6036
+ name: "paypal",
6037
+ keywords: [
6038
+ "credit",
6039
+ "card",
6040
+ "debit",
6041
+ "paypal"
6042
+ ],
6043
+ style: "colored",
6044
+ heights: {
6045
+ "32": {
6046
+ width: 32,
6047
+ 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>"
6048
+ }
6049
+ }
6050
+ };
5777
6051
  const percentage = {
5778
6052
  name: "percentage",
5779
6053
  keywords: [
@@ -5912,6 +6186,19 @@ const pin = {
5912
6186
  }
5913
6187
  }
5914
6188
  };
6189
+ const pinterest = {
6190
+ name: "pinterest",
6191
+ keywords: [
6192
+ "logo",
6193
+ "pinterest"
6194
+ ],
6195
+ heights: {
6196
+ "32": {
6197
+ width: 32,
6198
+ 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>"
6199
+ }
6200
+ }
6201
+ };
5915
6202
  const pinwheel = {
5916
6203
  name: "pinwheel",
5917
6204
  keywords: [
@@ -6401,6 +6688,19 @@ const singapore = {
6401
6688
  }
6402
6689
  }
6403
6690
  };
6691
+ const slack = {
6692
+ name: "slack",
6693
+ keywords: [
6694
+ "logo",
6695
+ "slack"
6696
+ ],
6697
+ heights: {
6698
+ "32": {
6699
+ width: 32,
6700
+ 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>"
6701
+ }
6702
+ }
6703
+ };
6404
6704
  const slovakia = {
6405
6705
  name: "slovakia",
6406
6706
  keywords: [
@@ -7012,15 +7312,61 @@ const vietnam = {
7012
7312
  }
7013
7313
  }
7014
7314
  };
7015
- const volume = {
7016
- name: "volume",
7315
+ const visa = {
7316
+ name: "visa",
7017
7317
  keywords: [
7018
- "volume",
7019
- "control",
7020
- "sound",
7021
- "music",
7022
- "audio",
7023
- "speaker"
7318
+ "credit",
7319
+ "card",
7320
+ "debit",
7321
+ "visa"
7322
+ ],
7323
+ style: "colored",
7324
+ heights: {
7325
+ "32": {
7326
+ width: 32,
7327
+ 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>"
7328
+ }
7329
+ }
7330
+ };
7331
+ const voicemail = {
7332
+ name: "voicemail",
7333
+ keywords: [
7334
+ "message",
7335
+ "phone",
7336
+ "audio",
7337
+ "voice",
7338
+ "mail",
7339
+ "voicemail",
7340
+ "recording"
7341
+ ],
7342
+ heights: {
7343
+ "16": {
7344
+ width: 16,
7345
+ 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>"
7346
+ },
7347
+ "20": {
7348
+ width: 20,
7349
+ 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>"
7350
+ },
7351
+ "24": {
7352
+ width: 24,
7353
+ 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>"
7354
+ },
7355
+ "32": {
7356
+ width: 32,
7357
+ 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>"
7358
+ }
7359
+ }
7360
+ };
7361
+ const volume = {
7362
+ name: "volume",
7363
+ keywords: [
7364
+ "volume",
7365
+ "control",
7366
+ "sound",
7367
+ "music",
7368
+ "audio",
7369
+ "speaker"
7024
7370
  ],
7025
7371
  heights: {
7026
7372
  "16": {
@@ -7201,6 +7547,20 @@ const yoga = {
7201
7547
  }
7202
7548
  }
7203
7549
  };
7550
+ const youtube = {
7551
+ name: "youtube",
7552
+ keywords: [
7553
+ "logo",
7554
+ "youtube",
7555
+ "google"
7556
+ ],
7557
+ heights: {
7558
+ "32": {
7559
+ width: 32,
7560
+ 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>"
7561
+ }
7562
+ }
7563
+ };
7204
7564
  const zambia = {
7205
7565
  name: "zambia",
7206
7566
  keywords: [
@@ -7349,6 +7709,24 @@ var data = {
7349
7709
  },
7350
7710
  albania: albania,
7351
7711
  algeria: algeria,
7712
+ "american-express": {
7713
+ name: "american-express",
7714
+ keywords: [
7715
+ "credit",
7716
+ "card",
7717
+ "american",
7718
+ "express",
7719
+ "amex",
7720
+ "debit"
7721
+ ],
7722
+ style: "colored",
7723
+ heights: {
7724
+ "32": {
7725
+ width: 32,
7726
+ 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>"
7727
+ }
7728
+ }
7729
+ },
7352
7730
  andorra: andorra,
7353
7731
  angola: angola,
7354
7732
  anguilla: anguilla,
@@ -7368,6 +7746,7 @@ var data = {
7368
7746
  }
7369
7747
  }
7370
7748
  },
7749
+ apple: apple,
7371
7750
  argentina: argentina,
7372
7751
  armenia: armenia,
7373
7752
  "arrow-bold-left-1": {
@@ -8185,6 +8564,23 @@ var data = {
8185
8564
  }
8186
8565
  },
8187
8566
  bangladesh: bangladesh,
8567
+ "bank-account": {
8568
+ name: "bank-account",
8569
+ keywords: [
8570
+ "credit",
8571
+ "card",
8572
+ "bank",
8573
+ "account",
8574
+ "debit"
8575
+ ],
8576
+ style: "colored",
8577
+ heights: {
8578
+ "32": {
8579
+ width: 32,
8580
+ 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>"
8581
+ }
8582
+ }
8583
+ },
8188
8584
  "banking-mobile": {
8189
8585
  name: "banking-mobile",
8190
8586
  keywords: [
@@ -8290,6 +8686,7 @@ var data = {
8290
8686
  }
8291
8687
  }
8292
8688
  },
8689
+ bitcoin: bitcoin,
8293
8690
  blog: blog,
8294
8691
  bolivia: bolivia,
8295
8692
  "bolt-lightning": {
@@ -8452,6 +8849,37 @@ var data = {
8452
8849
  }
8453
8850
  },
8454
8851
  botswana: botswana,
8852
+ "box-archive-1": {
8853
+ name: "box-archive-1",
8854
+ keywords: [
8855
+ "box",
8856
+ "storage",
8857
+ "email",
8858
+ "mail",
8859
+ "mailbox",
8860
+ "inbox",
8861
+ "drawer",
8862
+ "archive"
8863
+ ],
8864
+ heights: {
8865
+ "16": {
8866
+ width: 16,
8867
+ 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>"
8868
+ },
8869
+ "20": {
8870
+ width: 20,
8871
+ 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>"
8872
+ },
8873
+ "24": {
8874
+ width: 24,
8875
+ 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>"
8876
+ },
8877
+ "32": {
8878
+ width: 32,
8879
+ 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>"
8880
+ }
8881
+ }
8882
+ },
8455
8883
  "box-archive": {
8456
8884
  name: "box-archive",
8457
8885
  keywords: [
@@ -9403,6 +9831,38 @@ var data = {
9403
9831
  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>"
9404
9832
  }
9405
9833
  }
9834
+ },
9835
+ "check-double": {
9836
+ name: "check-double",
9837
+ keywords: [
9838
+ "double",
9839
+ "mark",
9840
+ "tick",
9841
+ "success",
9842
+ "complete",
9843
+ "checked",
9844
+ "check",
9845
+ "approved",
9846
+ "done"
9847
+ ],
9848
+ heights: {
9849
+ "16": {
9850
+ width: 16,
9851
+ 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>"
9852
+ },
9853
+ "20": {
9854
+ width: 20,
9855
+ 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>"
9856
+ },
9857
+ "24": {
9858
+ width: 24,
9859
+ 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>"
9860
+ },
9861
+ "32": {
9862
+ width: 32,
9863
+ 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>"
9864
+ }
9865
+ }
9406
9866
  },
9407
9867
  "chevron-down": {
9408
9868
  name: "chevron-down",
@@ -10111,6 +10571,36 @@ var data = {
10111
10571
  }
10112
10572
  },
10113
10573
  clipboard: clipboard,
10574
+ "clipboard-content": {
10575
+ name: "clipboard-content",
10576
+ keywords: [
10577
+ "text",
10578
+ "list",
10579
+ "note",
10580
+ "paper",
10581
+ "content",
10582
+ "clipboard",
10583
+ "task"
10584
+ ],
10585
+ heights: {
10586
+ "16": {
10587
+ width: 16,
10588
+ 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>"
10589
+ },
10590
+ "20": {
10591
+ width: 20,
10592
+ 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>"
10593
+ },
10594
+ "24": {
10595
+ width: 24,
10596
+ 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>"
10597
+ },
10598
+ "32": {
10599
+ width: 32,
10600
+ 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>"
10601
+ }
10602
+ }
10603
+ },
10114
10604
  clock: clock,
10115
10605
  "clock-minus": {
10116
10606
  name: "clock-minus",
@@ -10281,6 +10771,22 @@ var data = {
10281
10771
  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>"
10282
10772
  }
10283
10773
  }
10774
+ },
10775
+ "credit-card-front": {
10776
+ name: "credit-card-front",
10777
+ keywords: [
10778
+ "credit",
10779
+ "debit",
10780
+ "card",
10781
+ "front"
10782
+ ],
10783
+ style: "colored",
10784
+ heights: {
10785
+ "32": {
10786
+ width: 32,
10787
+ 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>"
10788
+ }
10789
+ }
10284
10790
  },
10285
10791
  croatia: croatia,
10286
10792
  cuba: cuba,
@@ -10318,6 +10824,7 @@ var data = {
10318
10824
  }
10319
10825
  }
10320
10826
  },
10827
+ cvc: cvc,
10321
10828
  cyprus: cyprus,
10322
10829
  czechia: czechia,
10323
10830
  deaf: deaf,
@@ -10338,6 +10845,24 @@ var data = {
10338
10845
  }
10339
10846
  },
10340
10847
  denmark: denmark,
10848
+ "diners-club": {
10849
+ name: "diners-club",
10850
+ keywords: [
10851
+ "credit",
10852
+ "card",
10853
+ "diners",
10854
+ "club",
10855
+ "debit"
10856
+ ],
10857
+ style: "colored",
10858
+ heights: {
10859
+ "32": {
10860
+ width: 32,
10861
+ 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>"
10862
+ }
10863
+ }
10864
+ },
10865
+ discover: discover,
10341
10866
  djibouti: djibouti,
10342
10867
  dominica: dominica,
10343
10868
  "dominican-republic": {
@@ -10806,6 +11331,38 @@ var data = {
10806
11331
  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>"
10807
11332
  }
10808
11333
  }
11334
+ },
11335
+ "external-link": {
11336
+ name: "external-link",
11337
+ keywords: [
11338
+ "exit",
11339
+ "chevron",
11340
+ "arrow",
11341
+ "caret",
11342
+ "logout",
11343
+ "url",
11344
+ "hyperlink",
11345
+ "external",
11346
+ "link"
11347
+ ],
11348
+ heights: {
11349
+ "16": {
11350
+ width: 16,
11351
+ 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>"
11352
+ },
11353
+ "20": {
11354
+ width: 20,
11355
+ 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>"
11356
+ },
11357
+ "24": {
11358
+ width: 24,
11359
+ 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>"
11360
+ },
11361
+ "32": {
11362
+ width: 32,
11363
+ 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>"
11364
+ }
11365
+ }
10809
11366
  },
10810
11367
  eye: eye,
10811
11368
  "eye-dropper": {
@@ -10873,6 +11430,37 @@ var data = {
10873
11430
  }
10874
11431
  }
10875
11432
  },
11433
+ "face-smile": {
11434
+ name: "face-smile",
11435
+ keywords: [
11436
+ "emoji",
11437
+ "emoticon",
11438
+ "head",
11439
+ "smile",
11440
+ "happy",
11441
+ "laugh",
11442
+ "face"
11443
+ ],
11444
+ heights: {
11445
+ "16": {
11446
+ width: 16,
11447
+ 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>"
11448
+ },
11449
+ "20": {
11450
+ width: 20,
11451
+ 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>"
11452
+ },
11453
+ "24": {
11454
+ width: 24,
11455
+ 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>"
11456
+ },
11457
+ "32": {
11458
+ width: 32,
11459
+ 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>"
11460
+ }
11461
+ }
11462
+ },
11463
+ facebook: facebook,
10876
11464
  "facial-recognition": {
10877
11465
  name: "facial-recognition",
10878
11466
  keywords: [
@@ -11077,8 +11665,40 @@ var data = {
11077
11665
  }
11078
11666
  }
11079
11667
  },
11668
+ files: files,
11669
+ fill: fill,
11080
11670
  fingerprint: fingerprint,
11081
11671
  finland: finland,
11672
+ "flag-3-1": {
11673
+ name: "flag-3-1",
11674
+ keywords: [
11675
+ "winner",
11676
+ "success",
11677
+ "location",
11678
+ "banner",
11679
+ "finish",
11680
+ "start",
11681
+ "flag"
11682
+ ],
11683
+ heights: {
11684
+ "16": {
11685
+ width: 16,
11686
+ 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>"
11687
+ },
11688
+ "20": {
11689
+ width: 20,
11690
+ 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>"
11691
+ },
11692
+ "24": {
11693
+ width: 24,
11694
+ 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>"
11695
+ },
11696
+ "32": {
11697
+ width: 32,
11698
+ 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>"
11699
+ }
11700
+ }
11701
+ },
11082
11702
  "flag-3": {
11083
11703
  name: "flag-3",
11084
11704
  keywords: [
@@ -11307,6 +11927,24 @@ var data = {
11307
11927
  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>"
11308
11928
  }
11309
11929
  }
11930
+ },
11931
+ google: google,
11932
+ "google-pay": {
11933
+ name: "google-pay",
11934
+ keywords: [
11935
+ "credit",
11936
+ "card",
11937
+ "debit",
11938
+ "google",
11939
+ "pay"
11940
+ ],
11941
+ style: "colored",
11942
+ heights: {
11943
+ "32": {
11944
+ width: 32,
11945
+ 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>"
11946
+ }
11947
+ }
11310
11948
  },
11311
11949
  greece: greece,
11312
11950
  greenland: greenland,
@@ -11614,6 +12252,7 @@ var data = {
11614
12252
  iceland: iceland,
11615
12253
  india: india,
11616
12254
  indonesia: indonesia,
12255
+ instagram: instagram,
11617
12256
  "invoice-dollar": {
11618
12257
  name: "invoice-dollar",
11619
12258
  keywords: [
@@ -11772,6 +12411,7 @@ var data = {
11772
12411
  }
11773
12412
  },
11774
12413
  link: link,
12414
+ linkedin: linkedin,
11775
12415
  lithuania: lithuania,
11776
12416
  "loader-4": {
11777
12417
  name: "loader-4",
@@ -11846,6 +12486,7 @@ var data = {
11846
12486
  luxembourg: luxembourg,
11847
12487
  macau: macau,
11848
12488
  madagascar: madagascar,
12489
+ maestro: maestro,
11849
12490
  magnifier: magnifier,
11850
12491
  "magnifier-minus": {
11851
12492
  name: "magnifier-minus",
@@ -11935,11 +12576,56 @@ var data = {
11935
12576
  }
11936
12577
  },
11937
12578
  martinique: martinique,
12579
+ "mastercard-2": {
12580
+ name: "mastercard-2",
12581
+ keywords: [
12582
+ "credit",
12583
+ "card",
12584
+ "debit",
12585
+ "mastercard"
12586
+ ],
12587
+ style: "colored",
12588
+ heights: {
12589
+ "32": {
12590
+ width: 32,
12591
+ 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>"
12592
+ }
12593
+ }
12594
+ },
12595
+ mastercard: mastercard,
11938
12596
  mauritania: mauritania,
11939
12597
  mauritius: mauritius,
11940
- menu: menu,
11941
- message: message,
11942
- "message-arrow-right": {
12598
+ "media-record": {
12599
+ name: "media-record",
12600
+ keywords: [
12601
+ "control",
12602
+ "circle",
12603
+ "record",
12604
+ "media",
12605
+ "button"
12606
+ ],
12607
+ heights: {
12608
+ "16": {
12609
+ width: 16,
12610
+ 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>"
12611
+ },
12612
+ "20": {
12613
+ width: 20,
12614
+ 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>"
12615
+ },
12616
+ "24": {
12617
+ width: 24,
12618
+ 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>"
12619
+ },
12620
+ "32": {
12621
+ width: 32,
12622
+ 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>"
12623
+ }
12624
+ }
12625
+ },
12626
+ menu: menu,
12627
+ message: message,
12628
+ "message-arrow-right": {
11943
12629
  name: "message-arrow-right",
11944
12630
  keywords: [
11945
12631
  "message-arrow-right",
@@ -12342,10 +13028,45 @@ var data = {
12342
13028
  }
12343
13029
  },
12344
13030
  mongolia: mongolia,
13031
+ monitor: monitor,
12345
13032
  montenegro: montenegro,
12346
13033
  moon: moon,
12347
13034
  morocco: morocco,
12348
13035
  mozanbique: mozanbique,
13036
+ "music-playlist-2": {
13037
+ name: "music-playlist-2",
13038
+ keywords: [
13039
+ "sound",
13040
+ "music",
13041
+ "play",
13042
+ "list",
13043
+ "song",
13044
+ "note",
13045
+ "audio",
13046
+ "playlist",
13047
+ "album",
13048
+ "tracks",
13049
+ "media"
13050
+ ],
13051
+ heights: {
13052
+ "16": {
13053
+ width: 16,
13054
+ 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>"
13055
+ },
13056
+ "20": {
13057
+ width: 20,
13058
+ 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>"
13059
+ },
13060
+ "24": {
13061
+ width: 24,
13062
+ 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>"
13063
+ },
13064
+ "32": {
13065
+ width: 32,
13066
+ 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>"
13067
+ }
13068
+ }
13069
+ },
12349
13070
  myanmar: myanmar,
12350
13071
  namibia: namibia,
12351
13072
  nauru: nauru,
@@ -12712,6 +13433,23 @@ var data = {
12712
13433
  }
12713
13434
  },
12714
13435
  paraguay: paraguay,
13436
+ "paypal-2": {
13437
+ name: "paypal-2",
13438
+ keywords: [
13439
+ "credit",
13440
+ "card",
13441
+ "debit",
13442
+ "paypal"
13443
+ ],
13444
+ style: "colored",
13445
+ heights: {
13446
+ "32": {
13447
+ width: 32,
13448
+ 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>"
13449
+ }
13450
+ }
13451
+ },
13452
+ paypal: paypal,
12715
13453
  "pen-2": {
12716
13454
  name: "pen-2",
12717
13455
  keywords: [
@@ -13179,6 +13917,7 @@ var data = {
13179
13917
  }
13180
13918
  }
13181
13919
  },
13920
+ pinterest: pinterest,
13182
13921
  pinwheel: pinwheel,
13183
13922
  plus: plus,
13184
13923
  pointer: pointer,
@@ -13270,6 +14009,38 @@ var data = {
13270
14009
  receipt: receipt,
13271
14010
  recycle: recycle,
13272
14011
  refresh: refresh,
14012
+ "refresh-clockwise-slash": {
14013
+ name: "refresh-clockwise-slash",
14014
+ keywords: [
14015
+ "control",
14016
+ "disabled",
14017
+ "reload",
14018
+ "update",
14019
+ "refresh",
14020
+ "clockwise",
14021
+ "slash",
14022
+ "blocked",
14023
+ "action"
14024
+ ],
14025
+ heights: {
14026
+ "16": {
14027
+ width: 16,
14028
+ 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>"
14029
+ },
14030
+ "20": {
14031
+ width: 20,
14032
+ 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>"
14033
+ },
14034
+ "24": {
14035
+ width: 24,
14036
+ 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>"
14037
+ },
14038
+ "32": {
14039
+ width: 32,
14040
+ 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>"
14041
+ }
14042
+ }
14043
+ },
13273
14044
  "repeat-3": {
13274
14045
  name: "repeat-3",
13275
14046
  keywords: [
@@ -13596,6 +14367,23 @@ var data = {
13596
14367
  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>"
13597
14368
  }
13598
14369
  }
14370
+ },
14371
+ "shop-pay": {
14372
+ name: "shop-pay",
14373
+ keywords: [
14374
+ "credit",
14375
+ "card",
14376
+ "debit",
14377
+ "shop",
14378
+ "pay"
14379
+ ],
14380
+ style: "colored",
14381
+ heights: {
14382
+ "32": {
14383
+ width: 32,
14384
+ 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>"
14385
+ }
14386
+ }
13599
14387
  },
13600
14388
  "sidebar-left-hide": {
13601
14389
  name: "sidebar-left-hide",
@@ -13812,6 +14600,7 @@ var data = {
13812
14600
  }
13813
14601
  }
13814
14602
  },
14603
+ slack: slack,
13815
14604
  "sliders-3": {
13816
14605
  name: "sliders-3",
13817
14606
  keywords: [
@@ -14219,7 +15008,228 @@ var data = {
14219
15008
  taiwan: taiwan,
14220
15009
  tajikistan: tajikistan,
14221
15010
  tanzania: tanzania,
15011
+ "text-align-center-2": {
15012
+ name: "text-align-center-2",
15013
+ keywords: [
15014
+ "text",
15015
+ "paragraph",
15016
+ "alignment",
15017
+ "center",
15018
+ "line",
15019
+ "typography",
15020
+ "align"
15021
+ ],
15022
+ heights: {
15023
+ "16": {
15024
+ width: 16,
15025
+ 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>"
15026
+ },
15027
+ "20": {
15028
+ width: 20,
15029
+ 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>"
15030
+ },
15031
+ "24": {
15032
+ width: 24,
15033
+ 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>"
15034
+ },
15035
+ "32": {
15036
+ width: 32,
15037
+ 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>"
15038
+ }
15039
+ }
15040
+ },
15041
+ "text-align-left-2": {
15042
+ name: "text-align-left-2",
15043
+ keywords: [
15044
+ "text",
15045
+ "left",
15046
+ "paragraph",
15047
+ "alignment",
15048
+ "line",
15049
+ "typography",
15050
+ "align"
15051
+ ],
15052
+ heights: {
15053
+ "16": {
15054
+ width: 16,
15055
+ 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>"
15056
+ },
15057
+ "20": {
15058
+ width: 20,
15059
+ 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>"
15060
+ },
15061
+ "24": {
15062
+ width: 24,
15063
+ 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>"
15064
+ },
15065
+ "32": {
15066
+ width: 32,
15067
+ 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>"
15068
+ }
15069
+ }
15070
+ },
15071
+ "text-align-right-2": {
15072
+ name: "text-align-right-2",
15073
+ keywords: [
15074
+ "text",
15075
+ "paragraph",
15076
+ "alignment",
15077
+ "right",
15078
+ "line",
15079
+ "typography",
15080
+ "align"
15081
+ ],
15082
+ heights: {
15083
+ "16": {
15084
+ width: 16,
15085
+ 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>"
15086
+ },
15087
+ "20": {
15088
+ width: 20,
15089
+ 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>"
15090
+ },
15091
+ "24": {
15092
+ width: 24,
15093
+ 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>"
15094
+ },
15095
+ "32": {
15096
+ width: 32,
15097
+ 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>"
15098
+ }
15099
+ }
15100
+ },
15101
+ "text-bold": {
15102
+ name: "text-bold",
15103
+ keywords: [
15104
+ "text",
15105
+ "letter",
15106
+ "typography",
15107
+ "bold",
15108
+ "font"
15109
+ ],
15110
+ heights: {
15111
+ "16": {
15112
+ width: 16,
15113
+ 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>"
15114
+ },
15115
+ "20": {
15116
+ width: 20,
15117
+ 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>"
15118
+ },
15119
+ "24": {
15120
+ width: 24,
15121
+ 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>"
15122
+ },
15123
+ "32": {
15124
+ width: 32,
15125
+ 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>"
15126
+ }
15127
+ }
15128
+ },
15129
+ "text-italic": {
15130
+ name: "text-italic",
15131
+ keywords: [
15132
+ "text",
15133
+ "font",
15134
+ "letter",
15135
+ "typography",
15136
+ "format",
15137
+ "italic"
15138
+ ],
15139
+ heights: {
15140
+ "16": {
15141
+ width: 16,
15142
+ 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>"
15143
+ },
15144
+ "20": {
15145
+ width: 20,
15146
+ 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>"
15147
+ },
15148
+ "24": {
15149
+ width: 24,
15150
+ 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>"
15151
+ },
15152
+ "32": {
15153
+ width: 32,
15154
+ 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>"
15155
+ }
15156
+ }
15157
+ },
14222
15158
  thailand: thailand,
15159
+ "thumbs-down": {
15160
+ name: "thumbs-down",
15161
+ keywords: [
15162
+ "down",
15163
+ "vote",
15164
+ "emoji",
15165
+ "emoticon",
15166
+ "hand",
15167
+ "dislike",
15168
+ "thumbs"
15169
+ ],
15170
+ heights: {
15171
+ "16": {
15172
+ width: 16,
15173
+ 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>"
15174
+ },
15175
+ "20": {
15176
+ width: 20,
15177
+ 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>"
15178
+ },
15179
+ "24": {
15180
+ width: 24,
15181
+ 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>"
15182
+ },
15183
+ "32": {
15184
+ width: 32,
15185
+ 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>"
15186
+ }
15187
+ }
15188
+ },
15189
+ "thumbs-up": {
15190
+ name: "thumbs-up",
15191
+ keywords: [
15192
+ "up",
15193
+ "like",
15194
+ "vote",
15195
+ "emoji",
15196
+ "emoticon",
15197
+ "hand",
15198
+ "thumbs"
15199
+ ],
15200
+ heights: {
15201
+ "16": {
15202
+ width: 16,
15203
+ 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>"
15204
+ },
15205
+ "20": {
15206
+ width: 20,
15207
+ 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>"
15208
+ },
15209
+ "24": {
15210
+ width: 24,
15211
+ 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>"
15212
+ },
15213
+ "32": {
15214
+ width: 32,
15215
+ 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>"
15216
+ }
15217
+ }
15218
+ },
15219
+ "tik-tok": {
15220
+ name: "tik-tok",
15221
+ keywords: [
15222
+ "logo",
15223
+ "tik",
15224
+ "tok"
15225
+ ],
15226
+ heights: {
15227
+ "32": {
15228
+ width: 32,
15229
+ 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>"
15230
+ }
15231
+ }
15232
+ },
14223
15233
  "timeline-vertical-2": {
14224
15234
  name: "timeline-vertical-2",
14225
15235
  keywords: [
@@ -14741,14 +15751,32 @@ var data = {
14741
15751
  venezuela: venezuela,
14742
15752
  video: video,
14743
15753
  vietnam: vietnam,
14744
- volume: volume,
14745
- "volume-disabled": {
14746
- name: "volume-disabled",
15754
+ "visa-2": {
15755
+ name: "visa-2",
14747
15756
  keywords: [
14748
- "volume-disabled",
14749
- "volume",
14750
- "control",
14751
- "sound",
15757
+ "credit",
15758
+ "card",
15759
+ "debit",
15760
+ "visa"
15761
+ ],
15762
+ style: "colored",
15763
+ heights: {
15764
+ "32": {
15765
+ width: 32,
15766
+ 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>"
15767
+ }
15768
+ }
15769
+ },
15770
+ visa: visa,
15771
+ voicemail: voicemail,
15772
+ volume: volume,
15773
+ "volume-disabled": {
15774
+ name: "volume-disabled",
15775
+ keywords: [
15776
+ "volume-disabled",
15777
+ "volume",
15778
+ "control",
15779
+ "sound",
14752
15780
  "music",
14753
15781
  "audio",
14754
15782
  "speaker",
@@ -15066,6 +16094,20 @@ var data = {
15066
16094
  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>"
15067
16095
  }
15068
16096
  }
16097
+ },
16098
+ "x-twitter": {
16099
+ name: "x-twitter",
16100
+ keywords: [
16101
+ "logo",
16102
+ "twitter",
16103
+ "x.com"
16104
+ ],
16105
+ heights: {
16106
+ "32": {
16107
+ width: 32,
16108
+ 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>"
16109
+ }
16110
+ }
15069
16111
  },
15070
16112
  xmark: xmark,
15071
16113
  yemen: yemen,
@@ -15105,6 +16147,7 @@ var data = {
15105
16147
  }
15106
16148
  }
15107
16149
  },
16150
+ youtube: youtube,
15108
16151
  zambia: zambia,
15109
16152
  zimbabwe: zimbabwe
15110
16153
  };
@@ -15363,11 +16406,12 @@ function getDefaultExportFromCjs (x) {
15363
16406
  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
15364
16407
  }
15365
16408
 
15366
- var createIcons$1;
16409
+ var createIcons$1 = {exports: {}};
16410
+
15367
16411
  var hasRequiredCreateIcons;
15368
16412
 
15369
16413
  function requireCreateIcons () {
15370
- if (hasRequiredCreateIcons) return createIcons$1;
16414
+ if (hasRequiredCreateIcons) return createIcons$1.exports;
15371
16415
  hasRequiredCreateIcons = 1;
15372
16416
  const DEFAULT_HEIGHT = 16;
15373
16417
 
@@ -15385,7 +16429,7 @@ function requireCreateIcons () {
15385
16429
  * with SVG rendering helpers, and returns a Proxy that supports
15386
16430
  * deprecated-name lookups with console warnings.
15387
16431
  */
15388
- createIcons$1 = function createIcons(data, nameAliases) {
16432
+ function createIcons(data, nameAliases) {
15389
16433
  const warnedNames = new Set();
15390
16434
 
15391
16435
  function warnDeprecation(apolloName, nucleoName) {
@@ -15528,8 +16572,11 @@ function requireCreateIcons () {
15528
16572
  });
15529
16573
 
15530
16574
  return { default: proxiedData, getIcon, getIconsByTag };
15531
- };
15532
- return createIcons$1;
16575
+ }
16576
+
16577
+ createIcons$1.exports = createIcons;
16578
+ createIcons$1.exports.default = createIcons;
16579
+ return createIcons$1.exports;
15533
16580
  }
15534
16581
 
15535
16582
  var createIconsExports = requireCreateIcons();
@@ -15559,10 +16606,10 @@ const Icon = class {
15559
16606
  let wrapperClasses = 'xpl-icon__wrapper ';
15560
16607
  if (this.backgroundColor)
15561
16608
  wrapperClasses += `xpl-icon__wrapper--with-background xpl-icon__wrapper--with-background--${this.backgroundColor}`;
15562
- return (h(Host, { key: 'cf84ae3e7ff4ae0b4ae8e1b1cf3b9331bc887c6c' }, h("figure", { key: '74e2727f9bf4ff8d710eff9b99632ffa669b84ae', class: wrapperClasses }, h("span", { key: '2d8be2bd318bd27e0bc4299cfe518668e424fffe', "aria-label": this.icon, role: "img", class: "xpl-icon", style: {
16609
+ return (h(Host, { key: '07522771501e6e67b0ae91bbee9cc8699d79fb8b' }, h("figure", { key: '2acf41e3e20ff3998050c948fcae5d0990cb706a', class: wrapperClasses }, h("span", { key: '560b2e62366ee0842442c29280a7e37b53edf2be', "aria-label": this.icon, role: "img", class: "xpl-icon", style: {
15563
16610
  width: `${options.width}px`,
15564
16611
  height: `${options.height}px`,
15565
- }, innerHTML: (_a = apolloIcons.getIcon(this.icon)) === null || _a === void 0 ? void 0 : _a.toSVG(options) }), h("figcaption", { key: '3c7a383da59ac0766500273799b203a28c7c7ff3' }, this.icon, " icon"))));
16612
+ }, innerHTML: (_a = apolloIcons.getIcon(this.icon)) === null || _a === void 0 ? void 0 : _a.toSVG(options) }), h("figcaption", { key: '256c0d05be8026b24a139f8bfff4f00c65112030' }, this.icon, " icon"))));
15566
16613
  }
15567
16614
  };
15568
16615
  Icon.style = xplIconCss();
@@ -15570,11 +16617,11 @@ Icon.style = xplIconCss();
15570
16617
  const Input = class {
15571
16618
  constructor(hostRef) {
15572
16619
  registerInstance(this, hostRef);
15573
- this.focusEvent = createEvent(this, "focusEvent", 7);
15574
16620
  this.blurEvent = createEvent(this, "blurEvent", 7);
15575
- this.valueChange = createEvent(this, "valueChange", 7);
16621
+ this.focusEvent = createEvent(this, "focusEvent", 7);
15576
16622
  this.inputEvent = createEvent(this, "inputEvent", 7);
15577
16623
  this.search = createEvent(this, "search", 7);
16624
+ this.valueChange = createEvent(this, "valueChange", 7);
15578
16625
  this.multiline = false;
15579
16626
  this.dateFormat = 'Y-m-d';
15580
16627
  this.timeFormat = '24h';
@@ -15589,6 +16636,10 @@ const Input = class {
15589
16636
  this.isInternational = true;
15590
16637
  this.ariaLabel = '';
15591
16638
  this.type = 'text';
16639
+ this.handleChildValueChange = (event) => {
16640
+ event.stopPropagation();
16641
+ this.valueChange.emit(event.detail);
16642
+ };
15592
16643
  this.valueChanged = (event) => {
15593
16644
  const target = event.target;
15594
16645
  this.valueChange.emit(target.value);
@@ -15676,19 +16727,19 @@ const Input = class {
15676
16727
  var _a, _b, _c, _d, _e, _f;
15677
16728
  switch (this.type) {
15678
16729
  case 'file':
15679
- return (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 }, h("slot", { name: "trigger" })));
16730
+ return (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 }, h("slot", { name: "trigger" })));
15680
16731
  case 'color':
15681
- return (h("xpl-input-color", { disabled: this.disabled, value: this.value, placeholder: this.placeholder, required: this.required, hideEyeDropper: this.hideEyeDropper }));
16732
+ return (h("xpl-input-color", { disabled: this.disabled, value: this.value, placeholder: this.placeholder, required: this.required, hideEyeDropper: this.hideEyeDropper, onInputChange: this.handleChildValueChange }));
15682
16733
  case 'date':
15683
- return (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 }));
16734
+ return (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 }));
15684
16735
  case 'time':
15685
- return (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 }));
16736
+ return (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 }));
15686
16737
  case 'phone':
15687
- return (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 }));
16738
+ return (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 }));
15688
16739
  case 'search': {
15689
16740
  const hasVisibleLabel = Boolean(((_a = this.label) !== null && _a !== void 0 ? _a : '').trim());
15690
16741
  const hasErrorMessage = Boolean(this.error && this.error.length > 0);
15691
- return (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) => {
16742
+ return (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) => {
15692
16743
  this.searchInputRef = el !== null && el !== void 0 ? el : undefined;
15693
16744
  }, required: this.required, shape: (_e = this.shape) !== null && _e !== void 0 ? _e : 'rounded', value: (_f = this.value) !== null && _f !== void 0 ? _f : '' }));
15694
16745
  }
@@ -15716,13 +16767,13 @@ const Input = class {
15716
16767
  this.characterCount > this.maxCharacterCount) {
15717
16768
  hasError = true;
15718
16769
  }
15719
- return (h(Host, { key: '21535bfebdb899ef3bf28ae4ac252ffcc8b03388', class: {
16770
+ return (h(Host, { key: '406ab6d1b4d43ceb06cdb819cec8699d2d3322b3', class: {
15720
16771
  'xpl-input': true,
15721
16772
  'xpl-input--disabled': this.disabled,
15722
16773
  'xpl-input--error': hasError,
15723
16774
  'xpl-input--readonly': this.readonly,
15724
16775
  [`xpl-input--${this.type}`]: true,
15725
- } }, this.label && (h("label", { key: 'f72b35d866295451cf74832dd191853e77190590', class: "xpl-input-label", htmlFor: this._id }, this.label, this.description && h("small", { key: '712910cd0e7a1db84add0f1483fdc0da6c38a07d' }, this.description))), this.renderInput(), ((_a = this.error) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("label", { key: 'd8fcab92ea7f4989e9d2db1117e689ad9a26ced8', class: "xpl-input-error", htmlFor: this._id, id: `${this._id}-error` }, h("xpl-icon", { key: 'cbe4f7792ea586c78b7bc0f34d277bfa5977d50e', icon: "alert-circle", size: 16 }), h("span", { key: '91f88da21c48f0bf069e4c20205a81cfbb30fb1e' }, this.error)))));
16776
+ } }, this.label && (h("label", { key: 'ab7ea9eb5cb82e6b602ce93ab3da482c12f59078', class: "xpl-input-label", htmlFor: this._id }, this.label, this.description && h("small", { key: '37435c5f1d3d8a30acba7788a7d215921e679327' }, this.description))), this.renderInput(), ((_a = this.error) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("label", { key: '57b66daa234d93d9f6d7ad582380960013596919', class: "xpl-input-error", htmlFor: this._id, id: `${this._id}-error` }, h("xpl-icon", { key: '9a14b46934a8d7edc5f5e48c3fecf87441e741ca', icon: "alert-circle", size: 16 }), h("span", { key: 'badecb1aba3b3ff35cbcf6d7cb4d5355844951e6' }, this.error)))));
15726
16777
  }
15727
16778
  get el() { return getElement(this); }
15728
16779
  };
@@ -16090,16 +17141,16 @@ const InputColor = class {
16090
17141
  top: `${y}px`,
16091
17142
  background: `rgb(${r}, ${g}, ${b})`,
16092
17143
  };
16093
- return (h(Host, { key: '6f03535db1b5f451c74a0f1a1abc586605e5c9ca', class: "xpl-input-color" }, h("xpl-popover", { key: 'dae1f3a3b7afdd9231b6feba2d3711fbd1d6716e', disabled: this.disabled, display: "menu" }, h("div", { key: 'a8402cf534186d06f940c3e3436db17afb0152e8', slot: "trigger" }, h("div", { key: 'e9e775229df2a4f8afa252ef03c0a0cd15a93aa4', class: {
17144
+ return (h(Host, { key: 'f665a747f8938212d0c9ada4f251a9fc880ba82c', class: "xpl-input-color" }, h("xpl-popover", { key: 'eac77d1e9f350b3b0dd66001a7a596d156a75a53', disabled: this.disabled, display: "menu" }, h("div", { key: '73d1468c4261fd9a8e957189129cc660757d849f', slot: "trigger" }, h("div", { key: 'fa098788863247a7c87e4efe628b5b47f0bb3113', class: {
16094
17145
  'xpl-input-color__display': true,
16095
17146
  'xpl-input-color__display--disabled': this.disabled,
16096
17147
  'xpl-input-color__display--error': !!this.hasErrorState,
16097
- } }, h("span", { key: '9abe3e899192f4f08e682f8d7a9a9af9adf5982f', class: "xpl-input-color__color", style: {
17148
+ } }, h("span", { key: 'd471146ff3ba7b026dba1424599361d0aa0fe49c', class: "xpl-input-color__color", style: {
16098
17149
  background: objectToStringColor(this.colorValues),
16099
- } }), this.colorValues.hex ? (h("span", { class: "xpl-input-color__value" }, objectToStringColor(this.colorValues))) : (h("span", { class: "xpl-input-color__placeholder" }, this.placeholder)), this.eyeDropperSupported && !this.hideEyeDropper && (h("xpl-icon", { key: '9e6832ca2ca1b91c9bf91b1816c1f7c8169202f3', size: 20, icon: "eye-dropper", class: "xpl-input-color__icon", onClick: (e) => {
17150
+ } }), this.colorValues.hex ? (h("span", { class: "xpl-input-color__value" }, objectToStringColor(this.colorValues))) : (h("span", { class: "xpl-input-color__placeholder" }, this.placeholder)), this.eyeDropperSupported && !this.hideEyeDropper && (h("xpl-icon", { key: '5cd87456ef093611b6be8906c24b235ea7f19524', size: 20, icon: "eye-dropper", class: "xpl-input-color__icon", onClick: (e) => {
16100
17151
  e.stopPropagation();
16101
17152
  this.openEyeDropper();
16102
- } })))), h("div", { key: '86643ca93847cff19653ebb54160588f2764ae17', class: "xpl-input-color__menu" }, h("div", { key: '40f43b769954163f0d22ff8dc80bcd2e0df4777e', class: "xpl-input-color__sl-grid", ref: (el) => {
17153
+ } })))), h("div", { key: 'df7bdf567c9a697f8a5e737e5a8cb1b1b962dbb9', class: "xpl-input-color__menu" }, h("div", { key: 'ae630752b48e9d211273da6f3dadda8ace603ba2', class: "xpl-input-color__sl-grid", ref: (el) => {
16103
17154
  this.colorInputElements.slGrid = el;
16104
17155
  }, style: {
16105
17156
  background: [
@@ -16107,9 +17158,9 @@ const InputColor = class {
16107
17158
  `linear-gradient(to right, #fff, #fff0)`,
16108
17159
  `rgb(${hueBaseColor.r} ${hueBaseColor.g} ${hueBaseColor.b})`,
16109
17160
  ].join(', '),
16110
- }, onMouseDown: this.startDrag, onTouchStart: this.startDrag }, h("div", { key: '29f42021c1e55827f1fffcdd416608f01b6bda81', class: "xpl-input-color__sl-thumb", style: slThumbStyle })), h("div", { key: 'e727c66cd44ff40c672f58ae9264485cda3698b7', class: "xpl-input-color__grid" }, 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) => {
17161
+ }, onMouseDown: this.startDrag, onTouchStart: this.startDrag }, h("div", { key: '25ffc6bb94f0e861a3bc5a6da5c01e0901d1779e', class: "xpl-input-color__sl-thumb", style: slThumbStyle })), h("div", { key: '7d256baab084f96c56724b4eede835a13bee7055', class: "xpl-input-color__grid" }, 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) => {
16111
17162
  this.colorInputElements.hue = el;
16112
- } }), 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) => {
17163
+ } }), 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) => {
16113
17164
  this.colorInputElements.alpha = el;
16114
17165
  }, style: {
16115
17166
  backgroundImage: [
@@ -16119,9 +17170,9 @@ const InputColor = class {
16119
17170
  `linear-gradient(45deg, transparent 75%, #ccc 75%)`,
16120
17171
  `linear-gradient(-45deg, transparent 75%, #ccc 75%)`,
16121
17172
  ].join(', '),
16122
- } }), h("div", { key: 'c389627f5c0fa8878ead7d6765ecbe9b2f82debb', class: "xpl-input-color__preview", style: {
17173
+ } }), h("div", { key: '26a562a220b2458e0ee99906d27d8a11e38f2d02', class: "xpl-input-color__preview", style: {
16123
17174
  background: `rgba(${r}, ${g}, ${b}, ${a})`,
16124
- } })), h("div", { key: 'efd8daf09c022fdc19a6373f0bcd1d32b7548fd2', class: "xpl-input-color__inputs" }, Object.entries(this.colorInputElements)
17175
+ } })), h("div", { key: 'a77a7325f72ef73e6aa2d6968ae4afd1e010cf2c', class: "xpl-input-color__inputs" }, Object.entries(this.colorInputElements)
16125
17176
  .filter(([key]) => ['hex', 'r', 'g', 'b', 'a'].includes(key))
16126
17177
  .map(([key]) => (h("xpl-input", { key: key, label: key.toLocaleUpperCase(), name: `color-${key}-input`, placeholder: key === 'hex' ? '793EF7' : '0', value: this.colorValues[key], ref: (elRef) => {
16127
17178
  this.colorInputElements[key] = elRef;
@@ -16244,16 +17295,16 @@ const InputDate = class {
16244
17295
  parent.removeChild(wrapper);
16245
17296
  }
16246
17297
  render() {
16247
- return (h(Host, { key: 'c2707549e3285693ce4c7e0449e047be90640504', class: {
17298
+ return (h(Host, { key: '35b39ed37afa33603772cdd0dce79cf7533d36ec', class: {
16248
17299
  'xpl-input-date': true,
16249
17300
  [`xpl-input-date--mode-${this.mode}`]: true,
16250
17301
  'xpl-input-date--error': !!this.hasErrorState,
16251
17302
  'xpl-input-date--flatpickr-static': this.flatpickrStaticLayout,
16252
- } }, h("div", { key: 'e6ac05a6d58d92570331489b8a317d17c0726873', class: "xpl-input-wrapper" }, this.pre && (h("label", { key: 'ef746e91506c2bd2c2bc9986bfbb7f0b82a0f079', class: "xpl-input-pre", htmlFor: this.inputId }, this.pre)), 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) => {
17303
+ } }, h("div", { key: '14940421a3f9fb4e7a5acbd5abb222d927a701cf', class: "xpl-input-wrapper" }, this.pre && (h("label", { key: '108b33b4f0a87bacff90480633327dd221f6b1d4', class: "xpl-input-pre", htmlFor: this.inputId }, this.pre)), 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) => {
16253
17304
  this.input = el;
16254
17305
  }, onChange: (event) => {
16255
17306
  this.valueChanged(event);
16256
- } }), h("xpl-icon", { key: '399495edb8791cda73084dcef21663a3d207da2f', class: "xpl-input-calendar", icon: "calendar-month", size: 24 }), this.post && (h("label", { key: '6570bf947a23280b04389ed591f7ea401f14f1a5', class: "xpl-input-post", htmlFor: this.inputId }, this.post)))));
17307
+ } }), h("xpl-icon", { key: 'ba0d694b7ace1359d6901c0110dce40a78805f74', class: "xpl-input-calendar", icon: "calendar-month", size: 24 }), this.post && (h("label", { key: '5ca7564e2096b697a75ebfb573654c0c23125245', class: "xpl-input-post", htmlFor: this.inputId }, this.post)))));
16257
17308
  }
16258
17309
  get el() { return getElement(this); }
16259
17310
  static get watchers() { return {
@@ -16302,18 +17353,18 @@ const InputFile = class {
16302
17353
  }
16303
17354
  render() {
16304
17355
  var _a, _b;
16305
- return (h(Host, { key: '579d1ec1094bc5b1aeec622996694728fb1facca', class: {
17356
+ return (h(Host, { key: 'ec1645e7d48cf2b146727a6c131dbd7572468f17', class: {
16306
17357
  'xpl-input-file': true,
16307
17358
  'xpl-input-file--hide-trigger-on-select': this.hideTriggerOnSelect,
16308
17359
  'xpl-input-file--disabled': this.disabled,
16309
- } }, h("span", { key: '66b3cc31f1e2bfa4ee1896e64a667e2a26166b50', class: {
17360
+ } }, h("span", { key: '8dc3e290dcddba706316ec41443e2e87aa82f79f', class: {
16310
17361
  'xpl-input-file__trigger-wrapper': true,
16311
17362
  'xpl-input-file__trigger-wrapper--hidden': this.hideTriggerOnSelect && ((_a = this.files) === null || _a === void 0 ? void 0 : _a.length) > 0,
16312
- }, role: "button", tabIndex: 0, onClick: this.openFileDialog }, h("slot", { key: '53b23be4e2a5b0f920e650c14e591cb1de3b8bac', name: "trigger" })), ((_b = this.files) === null || _b === void 0 ? void 0 : _b.length) > 0 && !this.hideFileNames && (h("ul", { key: '53a294c3765d5b6229f5ed79023095538a1c5edf', class: "xpl-input-file__file-list" }, this.files.map((file, fileIndex) => (h("li", { class: "xpl-input-file__file-item" }, h("span", { class: "xpl-text-callout" }, file.name), h("xpl-icon", { icon: "x-circle", size: 24, onClick: (e) => {
17363
+ }, role: "button", tabIndex: 0, onClick: this.openFileDialog }, h("slot", { key: '2d2391a2ccca22170bfa0b9ace50a42fdba54284', name: "trigger" })), ((_b = this.files) === null || _b === void 0 ? void 0 : _b.length) > 0 && !this.hideFileNames && (h("ul", { key: 'c302bbbb5c1977c513dba82db70da1615f39a217', class: "xpl-input-file__file-list" }, this.files.map((file, fileIndex) => (h("li", { class: "xpl-input-file__file-item" }, h("span", { class: "xpl-text-callout" }, file.name), h("xpl-icon", { icon: "x-circle", size: 24, onClick: (e) => {
16313
17364
  e.preventDefault();
16314
17365
  e.stopPropagation();
16315
17366
  this.onRemoveFileByIndex(fileIndex);
16316
- }, class: "xpl-input-file__remove-icon" })))))), this.accept && !this.hideAcceptText && (h("span", { key: 'afcd0be79ed4ffa5696990eb76d8615f61c430f9', class: "xpl-input-file__accept xpl-text-caption" }, "Accepted file types: ", this.accept)), h("input", { key: '08ffdfed6e25b11363e664abe7bdb66ae6b96bb7', onChange: this.handleFileChange, type: "file", ref: (el) => {
17367
+ }, class: "xpl-input-file__remove-icon" })))))), this.accept && !this.hideAcceptText && (h("span", { key: '9252c5450f32e8d2ed478af9f84eef4a26cee49f', class: "xpl-input-file__accept xpl-text-caption" }, "Accepted file types: ", this.accept)), h("input", { key: 'd44213b6fd075bfb12c7857d3a56e06f78ef0fdc', onChange: this.handleFileChange, type: "file", ref: (el) => {
16317
17368
  this.fileInput = el;
16318
17369
  }, hidden: true, accept: this.accept, multiple: this.multiple, name: this.name })));
16319
17370
  }
@@ -16801,21 +17852,21 @@ const InputPhone = class {
16801
17852
  }
16802
17853
  render() {
16803
17854
  var _a;
16804
- return (h(Host, { key: '79d8146efc51fb1fba4e595655274beff9e2f09a', class: {
17855
+ return (h(Host, { key: '4a55afb3d85dc5882eca2cab0a23b11374cc053e', class: {
16805
17856
  'xpl-input-phone': true,
16806
17857
  'xpl-input-phone--error': !!this.hasErrorState,
16807
17858
  'xpl-input-phone--open': this.dropdownOpen,
16808
17859
  'xpl-input-phone--domestic': !this.isInternational,
16809
- } }, h("div", { key: 'f617abbc8656f0d9418e3bb87f0fdcd8b1646138', class: "xpl-input-wrapper" }, this.isInternational && (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) && (h("xpl-icon", { key: '20928aee771232962454e469210a31718922286c', class: "xpl-input-phone__flag", icon: getCountryIconName(this.selectedCountry.name), size: 24, "aria-hidden": "true" })), h("xpl-icon", { key: '22078ac403d3965ba72ee9164520778f3f65cc56', class: "xpl-input-phone__trigger-icon", icon: "chevron-down", size: 20, "aria-hidden": "true" }))), h("div", { key: '29cab6a655c36fd5add277b6d3c0f06c498a742d', class: "xpl-input-phone__input-wrap" }, this.isInternational && (h("span", { key: 'e83457a14cd689f43082afb611c7641f1353da36', class: "xpl-input-phone__dial-code" }, this.effectiveDialCode)), h("input", { key: 'ee747daab159986e319599ec6705c8f5edc78c3e', ref: (el) => {
17860
+ } }, h("div", { key: 'c7e46df1b58b6e76dda47b3b32f5a6abe29f048c', class: "xpl-input-wrapper" }, this.isInternational && (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) && (h("xpl-icon", { key: 'a307f620c2815d63b17dbeb6c270d2972884e9d9', class: "xpl-input-phone__flag", icon: getCountryIconName(this.selectedCountry.name), size: 24, "aria-hidden": "true" })), h("xpl-icon", { key: 'c16e66d315877cec35e322a1164f765cd387931f', class: "xpl-input-phone__trigger-icon", icon: "chevron-down", size: 20, "aria-hidden": "true" }))), h("div", { key: '7a33b994588e4c5ea868a4e092709b8acd50a36f', class: "xpl-input-phone__input-wrap" }, this.isInternational && (h("span", { key: '5a39cfd472f5287fc8cf0648ce618e21dabf5e97', class: "xpl-input-phone__dial-code" }, this.effectiveDialCode)), h("input", { key: 'dfb25910769594bc9b9d1c861049605d7bdd9d0e', ref: (el) => {
16810
17861
  this.inputEl = el;
16811
- }, 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 && (h("button", { key: 'ddb1bb6cf9ab3fb4bc3295db64fc986fe5dbf69b', type: "button", class: "xpl-input-phone__clear", "aria-label": "Clear phone number", onClick: this.handleClear }, h("xpl-icon", { key: 'c0f3201d0b34f9cbe5af9247540199db0c184514', icon: "x-circle", size: 16 }))))), this.isInternational && this.isEditable && (h("xpl-dropdown", { key: '8d4e50ee17d880272eaccf08cf8c84fc4400c36d', ref: (el) => {
17862
+ }, 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 && (h("button", { key: '8db932d94550aa6d947e2564d8a94a12bef43bce', type: "button", class: "xpl-input-phone__clear", "aria-label": "Clear phone number", onClick: this.handleClear }, h("xpl-icon", { key: '87e55c3a5ae6b8774d3ce64af843b7e63448fe25', icon: "x-circle", size: 16 }))))), this.isInternational && this.isEditable && (h("xpl-dropdown", { key: '467b0e2fde23a45b2c36138affa26467e0b6c9d0', ref: (el) => {
16812
17863
  this.dropdownRef = el;
16813
17864
  }, isOpen: this.dropdownOpen, triggerId: this.triggerId, anchorToTrigger: true, closeOnSelect: true, mode: "single", options: this.dropdownOptions, update: this.handleDropdownUpdate, onIsOpenChange: (e) => {
16814
17865
  this.dropdownOpen = e.detail;
16815
- }, "aria-label": "Country" }, h("div", { key: '5808ecb917ee94ba31c8ab106152d2d61feae74a', slot: "header", class: "xpl-input-phone__search-wrap" }, h("xpl-input", { key: '76a2477f0e039e390dd26a0c34cdab758d3c10d6', class: "xpl-input-phone__search", type: "text", label: "", placeholder: "Search", value: this.searchQuery, autocomplete: "off", onInputEvent: (e) => {
17866
+ }, "aria-label": "Country" }, h("div", { key: 'f4f3665ab8286faed45c3a3a510bd247c7a31842', slot: "header", class: "xpl-input-phone__search-wrap" }, h("xpl-input", { key: '659875e60e85bac085deb8f6648623eccc76d560', class: "xpl-input-phone__search", type: "text", label: "", placeholder: "Search", value: this.searchQuery, autocomplete: "off", onInputEvent: (e) => {
16816
17867
  var _a;
16817
17868
  this.searchQuery = (_a = e.detail) !== null && _a !== void 0 ? _a : '';
16818
- } }, h("xpl-icon", { key: '0a6b49b3a0df0769fb5dfa59f97c40adeaee8dd1', slot: "pre", class: "xpl-input-phone__search-icon", icon: "magnifier", size: 20 })))))));
17869
+ } }, h("xpl-icon", { key: '987941768e8494d9c898fc93e531da03bd57ad71', slot: "pre", class: "xpl-input-phone__search-icon", icon: "magnifier", size: 20 })))))));
16819
17870
  }
16820
17871
  get el() { return getElement(this); }
16821
17872
  static get watchers() { return {
@@ -16934,7 +17985,7 @@ const InputSearch = class {
16934
17985
  return shell;
16935
17986
  }
16936
17987
  render() {
16937
- return (h(Host, { key: 'ac235500df2d6958d9070535f922a018bce14906', class: {
17988
+ return (h(Host, { key: 'c8f0c2b1c96cc8c6d9a2c390e791977b031adb9b', class: {
16938
17989
  'xpl-input-search': true,
16939
17990
  'xpl-input-search--disabled': this.disabled,
16940
17991
  'xpl-input-search--error': this.hasError,
@@ -17118,11 +18169,11 @@ const InputTime = class {
17118
18169
  }));
17119
18170
  }
17120
18171
  render() {
17121
- return (h(Host, { key: '6ed0e8da81a96e0e4e7078a7477c9a4ee92532ba', class: {
18172
+ return (h(Host, { key: 'a48ebfd7cd0578b33bd11059f9bebb342bf954f7', class: {
17122
18173
  'xpl-input-time': true,
17123
18174
  [`xpl-input-time--mode-${this.mode}`]: true,
17124
18175
  'xpl-input-time--error': !!this.hasErrorState,
17125
- } }, h("xpl-input", { key: 'bae0f7e9b9e3f14b5d780a0300ef672da9301596', pre: 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 && (h("xpl-dropdown", { key: 'cd8ae7e4c7d130bdbf44aeb2f806b3c9a490d8bb', options: this.options, isOpen: this.showOptions, ref: (el) => {
18176
+ } }, h("xpl-input", { key: '68089e0bd5b0ed7d88917094eafe529637947380', pre: 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 && (h("xpl-dropdown", { key: '1bbe4a3a42c02ff985a26e7547c54f0bbdc92ce0', options: this.options, isOpen: this.showOptions, ref: (el) => {
17126
18177
  this.dropdown = el;
17127
18178
  }, class: "xpl-input-time__dropdown" }))));
17128
18179
  }
@@ -17556,12 +18607,12 @@ const List = class {
17556
18607
  var _a, _b, _c;
17557
18608
  const ariaLabelledBy = ((_a = this.labelledBy) === null || _a === void 0 ? void 0 : _a.trim()) ? this.labelledBy.trim() : undefined;
17558
18609
  const ariaLabel = !ariaLabelledBy && ((_b = this.label) === null || _b === void 0 ? void 0 : _b.trim()) ? this.label.trim() : undefined;
17559
- return (h(Host, { key: '4290084c30b164abb653943a81783c35531d6316', role: "list", class: { 'xpl-list': true }, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, (_c = this.items) === null || _c === void 0 ? void 0 :
18610
+ return (h(Host, { key: 'aaa6e1cfa2d87e61b239d9aa59c9e4647f05aade', role: "list", class: { 'xpl-list': true }, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, (_c = this.items) === null || _c === void 0 ? void 0 :
17560
18611
  _c.map((item, index) => {
17561
18612
  var _a;
17562
18613
  const legacyRowId = (_a = item.id) !== null && _a !== void 0 ? _a : `item-${index}`;
17563
18614
  return (h("xpl-list-item", { key: `legacy-item-${legacyRowId}`, item: item, href: item.href, itemId: legacyRowId }));
17564
- }), h("slot", { key: '55ce7202269eab851c0d753fd87ef2d5bf9f59a8' }), this.reorderable ? (h("div", { class: "xpl-list__reorder-live", "aria-live": "assertive", "aria-atomic": "true" }, this.reorderLiveMessage)) : null));
18615
+ }), h("slot", { key: '89eb57b654baf9efbfd021e8c8db1fe074daa6d1' }), this.reorderable ? (h("div", { class: "xpl-list__reorder-live", "aria-live": "assertive", "aria-atomic": "true" }, this.reorderLiveMessage)) : null));
17565
18616
  }
17566
18617
  get el() { return getElement(this); }
17567
18618
  static get watchers() { return {
@@ -18084,7 +19135,7 @@ const Modal = class {
18084
19135
  }
18085
19136
  }
18086
19137
  render() {
18087
- return (h(Host, { key: '1014ca8cb29f3cfeb7f2cf580127b8fe61e7bcbd', class: "xpl-modal" }, this.isOpen && h("xpl-backdrop", { key: '0085b008fb42a998c2b27690102b8ae7f0e49c67' }), h("dialog", { key: '9e2d23304e10872ed3dc9a7520537e36bf8b8f5b', class: `xpl-modal__dialog xpl-modal-size--${this.size} xpl-modal--${this.isOpen ? 'is-open' : 'is-closed'}` }, h("div", { key: 'f55a9d85fc271183e0a6b7e60fb4ad5ed623b010', class: "xpl-modal__header" }, h("div", { key: 'ac105d7ee88148e4b10b26522f93fea70b8d6c06', class: "xpl-modal__title" }, this.variant === 'warning' && (h("xpl-icon", { key: '89ff5fda063dc98628c409ee51c124f17f9e7553', size: 20, icon: "alert-triangle", class: "xpl-modal__alert-icon" })), h("slot", { key: '03e05d28ca6449859ac58f0b0efaf3d8e24c1d62', name: "title" }), h("xpl-button", { key: 'ff132fcbaf91ab6922b12f667255594673e21bd5', type: "button", class: "xpl-modal__close-button", "icon-only": true, size: "sm", variant: "tertiary", onClick: this.handleDialogClose }, h("xpl-icon", { key: '6d712ffc1de66d43591ccf71b08ed5e823fc4c8f', icon: "x" }))), h("div", { key: 'ff5f20b209f6d704d0d20561818ca3ea5b353fce', class: "xpl-modal__subtitle" }, h("slot", { key: 'de25d1ab35729ad5ee0e279311285eab20fb7669', name: "subtitle" }))), h("div", { key: '286f34b54309527c836cb7cc06018ffc577c500f', class: "xpl-modal__body" }, h("slot", { key: '960036c7d3da774ad0f59ccf2c859d7ba3ec3a98', name: "body" })), h("div", { key: '24f7db0e4153d9f4105d787abdc1fe491ba6633c', class: "xpl-modal__footer" }, h("slot", { key: '4f096e57455b20caec555a008a14d411f40b53d7', name: "tertiary" }), h("slot", { key: '1fee8182d892c3460fe30c20456e1b9139bafaec', name: "secondary" }), h("slot", { key: 'e2b91a7af9f34c297d6c311823c91f9a0ab4059c', name: "primary" })))));
19138
+ return (h(Host, { key: '310913d620acf72531ecb06aa6cd2180bb58d13b', class: "xpl-modal" }, this.isOpen && h("xpl-backdrop", { key: 'd95693fd09c2f0a8024f3cb69a021f0bd79f7916' }), h("dialog", { key: '5cffd3cfdcc6033baa1d9e3e5fdf56b8411a8975', class: `xpl-modal__dialog xpl-modal-size--${this.size} xpl-modal--${this.isOpen ? 'is-open' : 'is-closed'}` }, h("div", { key: '2d0be8e91065d464797d85cd1b98272292eacb09', class: "xpl-modal__header" }, h("div", { key: 'cb7d8594ed217599bcf0e2efa88d72afe0fff758', class: "xpl-modal__title" }, this.variant === 'warning' && (h("xpl-icon", { key: 'fb7dd69369accc0c98ef8762ca457b6368ca0036', size: 20, icon: "alert-triangle", class: "xpl-modal__alert-icon" })), h("slot", { key: '36a6d3d38d35064f81740504090fbbcdf2125097', name: "title" }), h("xpl-button", { key: 'db84ecf685afec8d0d783b433f8aa030acc436bb', type: "button", class: "xpl-modal__close-button", "icon-only": true, size: "sm", variant: "tertiary", onClick: this.handleDialogClose }, h("xpl-icon", { key: 'bf241c6636ace6e182bf259bd24754646dc7f151', icon: "x" }))), h("div", { key: '105fa1a5b9d927bda5ca5521bbb8211cb07ab8e8', class: "xpl-modal__subtitle" }, h("slot", { key: 'd25d6d8bb95cd51f075dd7f9b5e1e199dac3efb0', name: "subtitle" }))), h("div", { key: '3b194a36ad0f4446149027544c16a25ba27f2cec', class: "xpl-modal__body" }, h("slot", { key: '077e5b70115e3e906cd9ea7181c51615799c77e8', name: "body" })), h("div", { key: '687bd9ca45af20945ab5461ceb68ec099a30c50b', class: "xpl-modal__footer" }, h("slot", { key: '73d5884708efd296a701c37e02663668fcfd37d8', name: "tertiary" }), h("slot", { key: 'bad90d2355b8c015e19b1e450b5a2ce96e5ad55d', name: "secondary" }), h("slot", { key: 'c601b66edc9fb2c082ccc713d6df95f15bd604ef', name: "primary" })))));
18088
19139
  }
18089
19140
  get element() { return getElement(this); }
18090
19141
  static get watchers() { return {
@@ -18160,11 +19211,11 @@ const NavHeaderMenu = class {
18160
19211
  }
18161
19212
  render() {
18162
19213
  const hasProfile = !!this.username || !!this.email;
18163
- return (h(Host, { key: '677e0ab10d9bb5578f472101c677222e038c2b4a', class: {
19214
+ return (h(Host, { key: '451149dc9d73f705492fc65bf4f014b8efa4ee8a', class: {
18164
19215
  'xpl-nav-header-menu': true,
18165
19216
  'xpl-nav-header-menu--has-right-aside-mobile': this.rightAsideMobilePresent,
18166
19217
  dark: true,
18167
- } }, hasProfile && (h("div", { key: 'fa3898bd0b2aa4726d44ad991a2c6272d4f323de', class: "xpl-nav-header-menu__profile" }, h("div", { key: '354ff7d001e5b545cc7c4310ee10cae7d72c6159', class: "xpl-nav-header-menu__info" }, this.username && (h("div", { key: '92b6486692879a602e87062820d7cbf175bf15d2', class: "xpl-nav-header-menu__username" }, this.username)), this.email && (h("div", { key: 'a228df8215ffd68c36631e11184ba38c790bc560', class: "xpl-nav-header-menu__email" }, this.email))))), h("div", { key: '0ee2394e784f6efb43f04ec65765481203dda954', class: "xpl-nav-header-menu__right-aside-mobile" }, h("slot", { key: 'f551acc13c6e6f2611e78d04de72987048011318', name: "right-aside-mobile" })), h("div", { key: 'b90709dea7e169df42acaf8125a9359321c979ff', class: "xpl-nav-header-menu__slot", role: "list" }, h("slot", { key: 'c35efb10d04d4d4b0bbf832d8541ba6d4b9782c0' }))));
19218
+ } }, hasProfile && (h("div", { key: 'f42b560492c110644d52b10f708a3ed650833861', class: "xpl-nav-header-menu__profile" }, h("div", { key: '6d98f720af85cbf8164bea7500175d6bfbb9465b', class: "xpl-nav-header-menu__info" }, this.username && (h("div", { key: '9d52880dc41c11e71ac3cc107d8009eccb787bac', class: "xpl-nav-header-menu__username" }, this.username)), this.email && (h("div", { key: 'd1b71ac2c4f6aaf5efd7b1910b8848f97ab08bf0', class: "xpl-nav-header-menu__email" }, this.email))))), h("div", { key: 'e1b298c39ccbe0f68b8d60fa82714572f656ab1e', class: "xpl-nav-header-menu__right-aside-mobile" }, h("slot", { key: 'fbb8d26c38a4a50568e8836ac3af4409fe6c93c0', name: "right-aside-mobile" })), h("div", { key: 'cbe858338ec04cdd3b74285f95b0466432924be2', class: "xpl-nav-header-menu__slot", role: "list" }, h("slot", { key: 'b47ccc7f955a30d8b9d9b884fa3d920d45958f7c' }))));
18168
19219
  }
18169
19220
  get el() { return getElement(this); }
18170
19221
  };
@@ -18181,11 +19232,11 @@ const NavItem = class {
18181
19232
  }
18182
19233
  }
18183
19234
  render() {
18184
- return (h(Host, { key: '5e0a171c719802e96d48f7d635c189563387fade', class: "xpl-nav-item", role: "listitem", onClick: () => {
19235
+ return (h(Host, { key: 'b3a214a57ad57e9db1bbfd6a1809999ce0575a82', class: "xpl-nav-item", role: "listitem", onClick: () => {
18185
19236
  if (this.navControl) {
18186
19237
  this.onNavToggle();
18187
19238
  }
18188
- } }, h("slot", { key: 'aff0155598a1b64d50168552ff251b824d00a86f', name: "link" }, h("slot", { key: '28da4593d2302b2867b0792562dc5b7b3ddd6983', name: "icon" }), h("slot", { key: '93e12751d2320608ee7a10d73eef67a1c1bb5443' }))));
19239
+ } }, h("slot", { key: '0f2a74dc4fd6f419a01106d872a5f6b5066a21a8', name: "link" }, h("slot", { key: '234b41ca18d65ec3423ff580d983d24b483641cf', name: "icon" }), h("slot", { key: 'cdb0ac59997cd1c557b05c6c8d8f60ae78d28a4d' }))));
18189
19240
  }
18190
19241
  };
18191
19242
 
@@ -18252,19 +19303,23 @@ const Pagination = class {
18252
19303
  render() {
18253
19304
  const disablePrev = this.currentPage <= 1;
18254
19305
  const disableNext = this.currentPage >= this.totalPages;
18255
- return (h(Host, { key: 'cb9e0db1008dfadcfb48ae308d8e595dc751a6ee', class: `xpl-pagination xpl-pagination__${this.withPageControl ? 'with' : 'no'}-page-control` }, this.withPageControl && (h("div", { key: '30d272307c28e0b50d78b036ec63f4d2a120aaa0', class: "xpl-pagination__rows-per-page" }, h("label", { key: 'cc5969dbc2685aff198f03ef593dd714570225dd', class: "xpl-pagination__rows-label" }, "Rows per page:"), h("xpl-select", { key: '447ee86d134c70f51c4a756c499bb6766d10ed7f', class: "xpl-pagination__rows-per-page-select", choices: this.rowsPerPageOptionsArray.map((option) => ({
19306
+ return (h(Host, { key: 'fad9cdff4010b4b5ac842633bf7daf09b4dbd5d4', class: {
19307
+ 'xpl-pagination': true,
19308
+ 'xpl-pagination__with-page-control': this.withPageControl,
19309
+ 'xpl-pagination__no-page-control': !this.withPageControl,
19310
+ } }, this.withPageControl && (h("div", { key: 'eb125851b89aa1422ec3e5d5e336fcbecd07489e', class: "xpl-pagination__rows-per-page" }, h("label", { key: '5f2aa4c45d183827317a74cf4700981b6b0e7f2b', class: "xpl-pagination__rows-label" }, "Rows per page:"), h("xpl-select", { key: '7ba2987a24b3228d9b59320f29b22b5819f85546', class: "xpl-pagination__rows-per-page-select", dropdownFlipFallbackPlacements: ['bottom-start'], dropdownPlacement: "top-start", choices: this.rowsPerPageOptionsArray.map((option) => ({
18256
19311
  label: option.toString(),
18257
19312
  value: option.toString(),
18258
19313
  isSelected: option === this.selectedRowsPerPage,
18259
19314
  })), ref: (el) => {
18260
19315
  this.rowsPerPageSelectRef = el;
18261
- } }))), h("div", { key: 'ac10b2efa235b3a065c7089bfb8674d6e015ee0c', class: "xpl-pagination__pager" }, 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" }, h("xpl-icon", { key: '12a92187d96ad9c2973fd73c2b61c1c04cce589b', icon: "arrow-left", size: 20 })), h("xpl-select", { key: '79324205919048c207044ca7916a276675463d25', class: "xpl-pagination__page-select", choices: Array.from({ length: this.totalPages }, (_, index) => ({
19316
+ } }))), h("div", { key: '8bab9db1cecfdaeeb760b0e4e1afb393ff3a3fe7', class: "xpl-pagination__pager" }, 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" }, h("xpl-icon", { key: 'a77a15c649a6f2c86b100d1687b4a099acc18602', icon: "arrow-left", size: 20 })), h("xpl-select", { key: '5778cad67d3a4b930b1f89b0e49c30e941e23259', class: "xpl-pagination__page-select", dropdownFlipFallbackPlacements: ['bottom-start'], dropdownPlacement: "top-start", choices: Array.from({ length: this.totalPages }, (_, index) => ({
18262
19317
  label: `Page ${index + 1}`,
18263
19318
  value: (index + 1).toString(),
18264
19319
  isSelected: index + 1 === this.currentPage,
18265
19320
  })), "custom-display-value": true, ref: (el) => {
18266
19321
  this.pageSelectRef = el;
18267
- } }, h("div", { key: '73674015b0e1f8c9175c2af2a409cf1beb57fb9d', slot: "custom-display-value" }, `${this.currentPage} of ${this.totalPages}`)), 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" }, h("xpl-icon", { key: '9d21370837ee23434c94d790c7e300358d352e93', icon: "arrow-right", size: 20 })))));
19322
+ } }, h("div", { key: 'd0ae655a0100c2e81c8f7bdc2c8d3072f00cc7c9', slot: "custom-display-value" }, `${this.currentPage} of ${this.totalPages}`)), 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" }, h("xpl-icon", { key: 'd18efdcb7e67ab908fbf79fc475993cf656b150c', icon: "arrow-right", size: 20 })))));
18268
19323
  }
18269
19324
  static get watchers() { return {
18270
19325
  "currentPage": [{
@@ -18284,11 +19339,11 @@ const XplPanel = class {
18284
19339
  }
18285
19340
  render() {
18286
19341
  const hasAccent = this.accent !== 'none';
18287
- return (h(Host, { key: 'a9618f21b7aba5804881ec509d47909b87ad9aa5', class: {
19342
+ return (h(Host, { key: 'e9a747ba679f6f9f907d13217f329947bff93e31', class: {
18288
19343
  'xpl-panel': true,
18289
19344
  [`xpl-panel--accent-${this.accent}`]: hasAccent,
18290
19345
  [`xpl-panel--padding-${this.padding}`]: true,
18291
- } }, hasAccent && h("div", { key: '5b92aa4395658996de2736941d6c0d0262903013', "aria-hidden": "true", class: "xpl-panel__accent" }), h("div", { key: '5b22eb3d1911ce2d68876c0bc0bc61f947c830f9', class: "xpl-panel__content" }, h("slot", { key: 'b2f331aa8ea4328b0e50736d97361a7bfcde60ed' }))));
19346
+ } }, hasAccent && h("div", { key: 'b777fd4a81574ff9276582b256b673cccfc63a34', "aria-hidden": "true", class: "xpl-panel__accent" }), h("div", { key: '5fa5ba4c2bfa13d7dcaee603e96ec9b77d103b13', class: "xpl-panel__content" }, h("slot", { key: 'c99b797e076c2641ae205181479dabb38f9ea009' }))));
18292
19347
  }
18293
19348
  };
18294
19349
 
@@ -18951,16 +20006,16 @@ const Popover = class {
18951
20006
  });
18952
20007
  }
18953
20008
  render() {
18954
- return (h(Host, { key: '67ecd18580166f1582c29e33f1485bf67590b9f5' }, h("div", { key: 'bba42a3474432557bfc71705c2d5206493fed64b', class: {
20009
+ return (h(Host, { key: '6fe479a39ee565772785c7b540c4e0915c5403e4' }, h("div", { key: '350452ca097bab13e7f06b3d1aa5e2774d80104b', class: {
18955
20010
  'xpl-popover': true,
18956
20011
  [`xpl-popover--${this.actualPosition}`]: true,
18957
20012
  'xpl-popover--is-open': this.isOpenState,
18958
- } }, h("span", { key: '7960b727b609da6b0e949e4889e217b0f3efb6c9', role: "button", tabindex: "0", "aria-haspopup": "dialog", "aria-expanded": this.isOpenState ? 'true' : 'false', onClick: this.togglePopover, ref: (el) => {
20013
+ } }, h("span", { key: '0a9365be21ef70855bd7d304a77fc80d19ba16d3', role: "button", tabindex: "0", "aria-haspopup": "dialog", "aria-expanded": this.isOpenState ? 'true' : 'false', onClick: this.togglePopover, ref: (el) => {
18959
20014
  this.triggerRef = el;
18960
- } }, h("slot", { key: '08d2034f7559ce12f948252cf62bded94ab7666a', name: "trigger" })), this.display === 'arrow' && (h("div", { key: '1c51e2f96884da9828cf5d94fc1639a63580a0c7', class: "xpl-popover__arrow" }, h("svg", { key: 'bbf85fdaa6385724f8ce55001a5d9d2e2471dfc5', width: "17", height: "14", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4ba2c4805e65b776af7bd313f575866f134fb778', d: "M0 5h15l-7.5 7.5L0 5Z", fill: "white", stroke: "none", class: "arrow-fill" }), h("path", { key: '21fab6334d8106940a3e5c49acc70b80a7d61326', d: "M0 5 L7.5 12.5 L15 5", fill: "none", stroke: "black", "stroke-width": "1", class: "arrow-stroke" })))), h("div", { key: 'fb0eeedab71c9d10fcab8f9277af919efd94f202', class: {
20015
+ } }, h("slot", { key: 'df227b5bb7683599b4f82ef2a8c9d840b4920a61', name: "trigger" })), this.display === 'arrow' && (h("div", { key: 'dbf0b6998b3aa6ae40089e13bef86878037bbe24', class: "xpl-popover__arrow" }, h("svg", { key: '2bf57b69abc556ba9a86b59f6347a2c8d81a67c3', width: "17", height: "14", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '36fef83ea3e2d3d4b388f5bdfe74d0bdc034be9d', d: "M0 5h15l-7.5 7.5L0 5Z", fill: "white", stroke: "none", class: "arrow-fill" }), h("path", { key: '1187a6ec22457ab6086753cf199398705541b1b4', d: "M0 5 L7.5 12.5 L15 5", fill: "none", stroke: "black", "stroke-width": "1", class: "arrow-stroke" })))), h("div", { key: '7c6f063094de1462629a0db380597374c4231855', class: {
18961
20016
  'xpl-popover__content': true,
18962
20017
  [`xpl-popover__content--display-${this.display}`]: true,
18963
- }, ref: (el) => (this.contentRef = el) }, h("slot", { key: '4bd22aa19dedb6fb77355caafcd009413c8ad7d9' })))));
20018
+ }, ref: (el) => (this.contentRef = el) }, h("slot", { key: '41062b776eed58b98452bb5a8d3b7099ac1138d2' })))));
18964
20019
  }
18965
20020
  get el() { return getElement(this); }
18966
20021
  static get watchers() { return {
@@ -19000,12 +20055,12 @@ const ProgressBar = class {
19000
20055
  return this.variant === 'indeterminate';
19001
20056
  }
19002
20057
  render() {
19003
- return (h(Host, { key: '4161cfe080a629f1c69c14a0e0a553df950d57a8', class: {
20058
+ return (h(Host, { key: 'e5cc7a2231ed74242241723c9f0a57444a8000bb', class: {
19004
20059
  'xpl-progress-bar': true,
19005
20060
  [`xpl-progress-bar--${this.size}`]: true,
19006
20061
  [`xpl-progress-bar--${this.variant}`]: true,
19007
20062
  'xpl-progress-bar--complete': this.isComplete,
19008
- } }, h("div", { key: 'c3ec83eb50771a91c543da1c9ec204e03b402c98', class: "xpl-progress-bar__wrapper" }, (this.label || this.showStatusIcon) && (h("div", { key: '9bb66a54388c8d24d9c737d8736536fc47285bc9', class: "xpl-progress-bar__header" }, this.label && h("div", { key: 'fb8160645a4c2ad56a276d5b85c5384d85b75b7e', class: "xpl-progress-bar__label" }, this.label), this.showStatusIcon && (h("div", { key: 'fb3cf9019e4ad18b0016219d44f3aa916ee5b4b2', class: "xpl-progress-bar__icon" }, this.isError ? (h("xpl-icon", { icon: "circle-xmark-1" })) : (h("xpl-icon", { icon: "circle-check-1" })))))), h("div", { key: 'cef864deff983bae01b9871ec17d6f6edccc327d', class: "xpl-progress-bar__row" }, this.isIndeterminate ? (h("div", { class: "xpl-progress-bar__track xpl-progress-bar__track--indeterminate", role: "progressbar", "aria-label": this.label || 'Progress' }, h("div", { class: "xpl-progress-bar__indeterminate" }))) : (h("progress", { class: "xpl-progress-bar__progress", value: this.clampedValue, max: this.max, "aria-label": this.label || 'Progress' }))), this.helperText && (h("div", { key: '9f7a52c0527b0fccc2189f0485596fa2cf80d417', class: "xpl-progress-bar__helper" }, this.helperText)))));
20063
+ } }, h("div", { key: '3212fdea66e2cd3edffc36f99c9edc197f15bcee', class: "xpl-progress-bar__wrapper" }, (this.label || this.showStatusIcon) && (h("div", { key: '004c0b9203df13c6818fdbb8c928a47d86e7388e', class: "xpl-progress-bar__header" }, this.label && h("div", { key: 'ce735edff19cc004f979a582618c968260cd23c3', class: "xpl-progress-bar__label" }, this.label), this.showStatusIcon && (h("div", { key: '3a9f143b79152aa3208593c9249a62d819c2967a', class: "xpl-progress-bar__icon" }, this.isError ? (h("xpl-icon", { icon: "circle-xmark-1" })) : (h("xpl-icon", { icon: "circle-check-1" })))))), h("div", { key: '517787d0ff39c082a3d4763b78b16a9ce9235b4b', class: "xpl-progress-bar__row" }, this.isIndeterminate ? (h("div", { class: "xpl-progress-bar__track xpl-progress-bar__track--indeterminate", role: "progressbar", "aria-label": this.label || 'Progress' }, h("div", { class: "xpl-progress-bar__indeterminate" }))) : (h("progress", { class: "xpl-progress-bar__progress", value: this.clampedValue, max: this.max, "aria-label": this.label || 'Progress' }))), this.helperText && (h("div", { key: '488c5092b96a1e9a5a08f9b090f94fe66f6f1490', class: "xpl-progress-bar__helper" }, this.helperText)))));
19009
20064
  }
19010
20065
  };
19011
20066
 
@@ -19066,7 +20121,7 @@ const ProgressIndicator = class {
19066
20121
  ? `Progress: all ${totalSteps} ${totalSteps === 1 ? 'step' : 'steps'} complete`
19067
20122
  : `Progress: step ${currentStepNumber} of ${totalSteps}`
19068
20123
  : 'Progress';
19069
- return (h(Host, { key: '44ac526c3954f688007573bf53c771b30518b9c7', class: hostClasses, role: "group", "aria-label": ariaLabel }, h("div", { key: '1ab86e3777ded2737ed5dd3c5ec759211a1087a7', class: "xpl-progress-indicator-container", role: "list" }, steps.map((step, index) => this.renderStep(step, index)))));
20124
+ return (h(Host, { key: '3a6f253693fd47f982541099a1729ca36d0ce64a', class: hostClasses, role: "group", "aria-label": ariaLabel }, h("div", { key: 'c25b47994c43135ed3147ca579bdc3d8124d7c8a', class: "xpl-progress-indicator-container", role: "list" }, steps.map((step, index) => this.renderStep(step, index)))));
19070
20125
  }
19071
20126
  static get watchers() { return {
19072
20127
  "steps": [{
@@ -19093,15 +20148,21 @@ const Radio = class {
19093
20148
  }
19094
20149
  };
19095
20150
  }
20151
+ get isChecked() {
20152
+ if (this.selectedValue !== undefined && this.value !== undefined) {
20153
+ return this.selectedValue === this.value;
20154
+ }
20155
+ return Boolean(this.checked);
20156
+ }
19096
20157
  render() {
19097
- return (h(Host, { key: 'a96ab55137fedbfe00d68b660bd2d935208dc6c6', class: {
20158
+ return (h(Host, { key: '1cda65b10ee03e06c30b2c501d7f2ec4153619f6', class: {
19098
20159
  'xpl-checkbox-radio-container': true,
19099
20160
  styled: this.styled,
19100
20161
  disabled: this.disabled,
19101
- } }, 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 }), h("label", { key: '04e74e08a20b229f2d45b8fce80fa65ab3bf0954', class: {
20162
+ } }, 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 }), h("label", { key: 'd07051460f7503a182b969eeafcb8eba5d61bef2', class: {
19102
20163
  'xpl-label': true,
19103
20164
  'xpl-label--disabled': this.disabled,
19104
- }, htmlFor: this.id }, h("slot", { key: 'b9fe3e13de64776a9cc1afcd8f7c10f84be8c8bb' }), this.description && (h("small", { key: '6ecd217342fbfa9bb5022bb1298683ff87af1713', class: {
20165
+ }, htmlFor: this.id }, h("slot", { key: '06835704869d514a0d3eb01d671b6bec42524e89' }), this.description && (h("small", { key: '3e798a699fa53ca6c932e6466b438ed47aa46148', class: {
19105
20166
  'xpl-description': true,
19106
20167
  'xpl-description--disabled': this.disabled,
19107
20168
  } }, this.description)))));
@@ -19113,7 +20174,7 @@ const SecondaryNav = class {
19113
20174
  registerInstance(this, hostRef);
19114
20175
  }
19115
20176
  render() {
19116
- return (h(Host, { key: 'bf9cbd4351297a28d6d98d3bf1e0612fac1f5136', class: "xpl-secondary-nav" }, h("nav", { key: '764de50287c88f53f19005d50b177e85f71f7f43', "aria-label": "Secondary Nav" }, h("slot", { key: 'd7fe629382a06f62dde9f08db082854e986ba406' }))));
20177
+ return (h(Host, { key: 'f4fdd93b13c1dc779c84e8b00b12caeff58df960', class: "xpl-secondary-nav" }, h("nav", { key: '4092d23357761026ad5fddfbc32a221d957cce1e', "aria-label": "Secondary Nav" }, h("slot", { key: 'c3ae9f1821a6d22babece27971cc1faf15037cdb' }))));
19117
20178
  }
19118
20179
  };
19119
20180
 
@@ -19137,6 +20198,7 @@ const Select = class {
19137
20198
  this.triggerDropdown = createEvent(this, "triggerDropdown", 7);
19138
20199
  this.choices = [];
19139
20200
  this.selectIcon = 'chevron-down';
20201
+ this.dropdownPlacement = 'bottom-start';
19140
20202
  this.mode = 'single';
19141
20203
  this.truncate = true;
19142
20204
  this.active = false;
@@ -19343,21 +20405,21 @@ const Select = class {
19343
20405
  this.truncate &&
19344
20406
  !this.customDisplayValue;
19345
20407
  const truncatedText = `+ ${Math.abs(this.choicesState.filter((a) => a.isSelected).length - this.visibleChoices)} more`;
19346
- return (h(Host, { key: 'c02b59988eee5073103958a24061c46aa286ea50', class: {
20408
+ return (h(Host, { key: '09d3587fa268cb0621ea293d246e23cde93d75df', class: {
19347
20409
  'xpl-select': true,
19348
20410
  'xpl-select--disabled': this.disabled,
19349
20411
  'xpl-select--no-truncate': !this.truncate,
19350
20412
  [(_c = this.classNames) !== null && _c !== void 0 ? _c : '']: !!this.classNames,
19351
20413
  }, onKeyDown: this.handleTabKeyDown, ref: (el) => {
19352
20414
  this.container = el;
19353
- } }, this.renderLabel(), h("div", { key: '189c9d2e3370876b6289ee16ee1b8927e5bfc0ee', class: {
20415
+ } }, this.renderLabel(), h("div", { key: '007a61cc60c948d0691d6983cb197652084e417d', class: {
19354
20416
  'xpl-input': true,
19355
20417
  'xpl-input--disabled': this.disabled,
19356
20418
  'xpl-input--error': ((_d = this.error) === null || _d === void 0 ? void 0 : _d.length) >= 0,
19357
- } }, h("div", { key: 'a8df7de958be97becd2a9f6a2db761702e2066c3', class: "xpl-input-wrapper" }, h("button", { key: 'f00119d930d49b241d5160bfe7a70ee56ac598d8', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
20419
+ } }, h("div", { key: 'e1edfe6e4b205bd6332f07031ee51ef7f9f6ac91', class: "xpl-input-wrapper" }, h("button", { key: '53d079f28b8a1bcdd5498287dfd88bb7a3ba7b50', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
19358
20420
  e.preventDefault();
19359
20421
  this.handleDropdownTrigger();
19360
- }, type: "button" }, h("div", { key: '141643ae007e8f5827d4aeb8fdd2a95b14b003ff', class: {
20422
+ }, type: "button" }, h("div", { key: '5cfec98b2e829ea48e96b373e09e740d5bf02ef6', class: {
19361
20423
  'xpl-select-value': true,
19362
20424
  'xpl-select-value--active': this.mode === 'multi' && this.value.length > 0,
19363
20425
  'has-value': this.value.length > 0,
@@ -19377,7 +20439,7 @@ const Select = class {
19377
20439
  return this.renderSelectedTags();
19378
20440
  }
19379
20441
  return this.placeholder;
19380
- })(), isTextTruncated && truncatedText), h("xpl-icon", { key: '05f6ba660e21584017715d3afc14d7bd8b8d536a', class: "xpl-select__chevron-down", icon: this.selectIcon }))), !this.disabled && (h("xpl-dropdown", { key: '9a452cf4c62cca5ba4279ddd8da09c9d24797dcf', ref: (el) => {
20442
+ })(), isTextTruncated && truncatedText), h("xpl-icon", { key: '8bb01d1e8b206fb3c1963cdebcd293eeb2277e05', class: "xpl-select__chevron-down", icon: this.selectIcon }))), !this.disabled && (h("xpl-dropdown", { key: 'f5e770c4b26449f3025d172d768d6df69bd0ae03', ref: (el) => {
19381
20443
  this.dropdown = el;
19382
20444
  }, isOpen: this.dropdownOpenState, options: this.choicesState, selectedValues: this.selectedValues, mode: this.mode, triggerId: this.id, update: (_e, { component }) => {
19383
20445
  const { options } = component;
@@ -19386,7 +20448,7 @@ const Select = class {
19386
20448
  }
19387
20449
  }, onIsOpenChange: (e) => {
19388
20450
  this.dropdownOpenState = e.detail;
19389
- }, onWheel: this.handleDropdownScroll, anchorToTrigger: true })), this.renderError()), h("input", { key: 'd9d6cbc69fc5fc688b2dda6ea1ef99435d90fc94', type: "hidden", name: this.name, value: this.value })));
20451
+ }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), h("input", { key: 'fe84c16780622e730100a58a948fc4fe27f6ddb5', type: "hidden", name: this.name, value: this.value })));
19390
20452
  }
19391
20453
  static get watchers() { return {
19392
20454
  "choices": [{
@@ -19412,9 +20474,9 @@ const SideNav = class {
19412
20474
  registerInstance(this, hostRef);
19413
20475
  }
19414
20476
  render() {
19415
- return (h(Host, { key: 'bfa4c94a1718583020da6a8b1e9104788ce78ef1', class: {
20477
+ return (h(Host, { key: 'd01e8e27671eabc92613a803818b4351334011ac', class: {
19416
20478
  'xpl-side-nav': true,
19417
- } }, h("div", { key: '1788f206ed3bea01be9cfa74fbc54a54e664945c', class: "xpl-side-nav__wrapper" }, h("nav", { key: 'ccbcbc45566a77a9134279b486148f3444bdb0ea', class: "xpl-side-nav__content", "aria-label": this.label }, h("div", { key: '6aef4d3f8e0c037aeedfc45d8471978c635b3293', class: "xpl-side-nav__section" }, h("slot", { key: 'e4384164f138cae0135472428079b62924afbcdf', name: "section" })), h("div", { key: '9794ea9a4b566713d0adb0787ae2ab1ae171fa6e', class: "xpl-side-nav__footer" }, h("slot", { key: 'e20ff6d3795784ea11470b7287550c29c0984a65', name: "nav-footer" }))))));
20479
+ } }, h("div", { key: '92c9f31fa0d9d564164cde99d17e30562c30abb7', class: "xpl-side-nav__wrapper" }, h("nav", { key: '5ddd8b18d4f74bb752b747ec4e1c48780a0738de', class: "xpl-side-nav__content", "aria-label": this.label }, h("div", { key: '8b830945bf6ec1da8ab2e2c955c10a1077652590', class: "xpl-side-nav__section" }, h("slot", { key: '66e5cd33c23bdc8963d661e0741d34f80a0640fb', name: "section" })), h("div", { key: 'f0da4e3c25822453efcbfb3c6f8ea7ec328e717d', class: "xpl-side-nav__footer" }, h("slot", { key: '76b829e978361be9fd62bd412489ea4559852c3f', name: "nav-footer" }))))));
19418
20480
  }
19419
20481
  };
19420
20482
 
@@ -19467,10 +20529,10 @@ const SideNavItem = class {
19467
20529
  expanded: this.expanded,
19468
20530
  selected: this.selected,
19469
20531
  };
19470
- return (h(Host, { key: '10318a2c26c650f5c5e2143c2fe1bde6a372f933', class: {
20532
+ return (h(Host, { key: 'a621f4f9c04d79de708a34a4f4eab06e523a299a', class: {
19471
20533
  'xpl-side-nav-item': true,
19472
20534
  'xpl-side-nav-item--link-disabled': this.link && this.disabled,
19473
- } }, this.link ? (h("slot", null)) : (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 && (h("span", { class: `xpl-side-nav-item__arrow ${this.expanded ? 'expanded' : ''}` }, h("xpl-icon", { icon: "chevron-down", size: 16 }))), !this.hasChildren && (h("span", { class: "xpl-side-nav-item__icon" }, h("slot", { name: "icon" }, this.icon ? (h("xpl-icon", { icon: this.icon, size: 16 })) : null))), h("span", { class: "xpl-side-nav-item__label" }, (_a = this.label) !== null && _a !== void 0 ? _a : ''))), this.hasChildren && !this.link && (h("div", { key: 'ea6e431300ffe641e970c8cc49e7935858986685', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, h("div", { key: '378a00e24a61911ce69ef6a50e69d47b496b5557', class: "xpl-side-nav-item__children-inner" }, h("slot", { key: 'b3ece8c8ddbf58693a370824c40fe3811828889a' }))))));
20535
+ } }, this.link ? (h("slot", null)) : (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 && (h("span", { class: `xpl-side-nav-item__arrow ${this.expanded ? 'expanded' : ''}` }, h("xpl-icon", { icon: "chevron-down", size: 16 }))), !this.hasChildren && (h("span", { class: "xpl-side-nav-item__icon" }, h("slot", { name: "icon" }, this.icon ? (h("xpl-icon", { icon: this.icon, size: 16 })) : null))), h("span", { class: "xpl-side-nav-item__label" }, (_a = this.label) !== null && _a !== void 0 ? _a : ''))), this.hasChildren && !this.link && (h("div", { key: '3e22894c0bd9427f568b86bba00cdab822921997', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, h("div", { key: '41486a4241e4402232531d140e972b39d863ffd9', class: "xpl-side-nav-item__children-inner" }, h("slot", { key: 'd334c6ecac7dd1dd12602a461db444cd1ccefc86' }))))));
19474
20536
  }
19475
20537
  get el() { return getElement(this); }
19476
20538
  static get watchers() { return {
@@ -19490,7 +20552,7 @@ const Skeleton = class {
19490
20552
  this.size = 'custom';
19491
20553
  }
19492
20554
  render() {
19493
- return (h(Host, { key: '4c0962c3339b49f2f89d07e4827e826089419c70', class: {
20555
+ return (h(Host, { key: '0ac86ae7bf109ea51bca36ac502d506ac7d0b66e', class: {
19494
20556
  'xpl-skeleton': true,
19495
20557
  [`xpl-skeleton--shape-${this.shape}`]: true,
19496
20558
  [`xpl-skeleton--size-${this.size}`]: true,
@@ -19533,7 +20595,7 @@ const Slideout = class {
19533
20595
  this.handleScroll();
19534
20596
  }
19535
20597
  render() {
19536
- return (h(Host, { key: '01e702ef959cc596ae8fb140275d733c93c3b399', class: "xpl-slideout" }, this.backdrop && this.isOpen && (h("xpl-backdrop", { key: '4e82ee44b68eae102a4c4ef65e797ce23659d330', onClick: this.handleClose })), h("aside", { key: '1c718a30611bb6699f231a9e736c0521c248d65a', class: `slideout slideout--${!this.isOpen && 'closed'}` }, h("header", { key: 'c53419926fbe8ccc6616af39d021248b46f138a3', class: "header" }, h("div", { key: '36e02fe5b7ff8d6920759ab793ead2be0f0811ac', class: "title" }, h("slot", { key: '7932fd5e77edb89570ebd3fedc0346929582ec7b', name: "title" }), h("xpl-button", { key: '9772e880c9b132ba84ccf45c4793e0af70548866', class: "close-button", "icon-only": true, size: "sm", variant: "tertiary", onClick: this.handleClose }, h("xpl-icon", { key: '91922e8aa02c30aa73ae1ea3d2b47daffd954616', icon: "x" }))), h("div", { key: '2f7065ba1da7f0ad805e16b69f4a316d5a1f9285', class: "subtitle" }, h("slot", { key: '8edb8bdbdecd01abd2b7899d5c9897c91e625326', name: "subtitle" })), h("div", { key: '5945128002bb2103daac40d1f7457ebb97521002', class: "search" }, h("slot", { key: 'c4df975581beb16547a439a86f2a532c10fa4fa7', name: "search" }))), h("xpl-divider", { key: '3be4c74de14ca2380179798fe4ec0c9a758739af', tier: 0, class: "divider top" }), h("article", { key: '2012ae1197acc41f530af8920b19752a248e2b40', class: "content", tabIndex: 0 }, h("slot", { key: 'e8a1cedda6cd48bb62dc42f00c9bdc8510d4f603', name: "content" })), this.showFooter && (h("footer", { key: 'cfa5a41846485b879126a90f3a7346d6eb680776' }, h("xpl-divider", { key: 'bf05c9d85471b55dee25da790afb3cb642f1a86b', tier: 0, class: "divider bottom" }), h("div", { key: 'd109314ca745947f3337b06df73183ff277c89bb', class: "footer" }, h("slot", { key: 'cad183e788d3555a5366b19b4e01c3c90f7d9ae0', name: "tertiary" }), h("slot", { key: 'c12294440fe8544e51197dfddbc01aaea506575a', name: "secondary" }), h("slot", { key: '7accdf8dc3cc9b6a416cf784ec081d70c1d0f1e9', name: "primary" })))))));
20598
+ return (h(Host, { key: '8a3f7af854b35469bf4a383cc4cb1fcfcaa15748', class: "xpl-slideout" }, this.backdrop && this.isOpen && (h("xpl-backdrop", { key: '7033d78efa9ac2642a99d2b2dca278a3e9a44368', onClick: this.handleClose })), h("aside", { key: '2999e4119a0dbaac5125c7a1ef5f03761f445a0e', class: `slideout slideout--${!this.isOpen && 'closed'}` }, h("header", { key: '5e6bcf1284c2b2a4fbc05dd8e5100a33fa7597b4', class: "header" }, h("div", { key: '88172efe113b56a533761b975605a44ef52c5174', class: "title" }, h("slot", { key: 'c8f13168f62f96374250b11814ace756fa680503', name: "title" }), h("xpl-button", { key: '8e0e29a8ad2a5f45b250f9d563886fe7ad2a7cb8', class: "close-button", "icon-only": true, size: "sm", variant: "tertiary", onClick: this.handleClose }, h("xpl-icon", { key: '110cbd50e31b51319745d6fed61188c1c885b8b3', icon: "x" }))), h("div", { key: '96e6cddf4b078736201116f220f27ddf34b90b44', class: "subtitle" }, h("slot", { key: 'eb02b4fce6ff5e658ec51c83819a5257f452d3a1', name: "subtitle" })), h("div", { key: 'ac8dfe1f99428cdf728027aa5a04d58d497f34f0', class: "search" }, h("slot", { key: '28deb70ef99f4880fba55beb2d2b4b1d3136a240', name: "search" }))), h("xpl-divider", { key: '928d20ef8e74eed4e06351c5dab0c0af9934d2b8', tier: 0, class: "divider top" }), h("article", { key: 'd6460cb29abb33f6676d2e4f517c1f2befa57148', class: "content", tabIndex: 0 }, h("slot", { key: 'b415af9cadedc61407623773fd6b2b1130caf5df', name: "content" })), this.showFooter && (h("footer", { key: 'db6a58277112f134dc150266446cc67c79bc6bc5' }, h("xpl-divider", { key: '129a61ba1a8a588e94d710b7e7fb1059c4b7f5e6', tier: 0, class: "divider bottom" }), h("div", { key: '6c81348acf8ee2bb4c12c2f3207daae564e78aa2', class: "footer" }, h("slot", { key: '8c9a6d4c215154bb2e66d62aa462b3b085ef0f5b', name: "tertiary" }), h("slot", { key: 'e66e45e2d090f45305f818c6496541b737c96aeb', name: "secondary" }), h("slot", { key: '8892bdf075a38237a5c858bfd951e1203fc3c892', name: "primary" })))))));
19537
20599
  }
19538
20600
  get el() { return getElement(this); }
19539
20601
  static get watchers() { return {
@@ -20361,62 +21423,14 @@ const TabPanel = class {
20361
21423
  const t = (_a = this.target) !== null && _a !== void 0 ? _a : '';
20362
21424
  const panelId = tabPanelDomId(groupId, t);
20363
21425
  const labelledBy = tabTriggerId(groupId, t);
20364
- return (h(Host, { key: '4491f3466d26e462432843c382b0d0b5ab64e68b', "aria-labelledby": labelledBy, class: {
21426
+ return (h(Host, { key: '4c4a86dda347872ea6b1c4569f8424bd6cac7bd9', "aria-labelledby": labelledBy, class: {
20365
21427
  'xpl-tab-panel': true,
20366
21428
  'xpl-tab-panel--selected': this.selected,
20367
- }, id: panelId, role: "tabpanel" }, h("slot", { key: '75b3da77cddb6e0a83b7cf41aa5e0aa30259b728' })));
21429
+ }, id: panelId, role: "tabpanel" }, h("slot", { key: '30c9ae6f3748dc02a73da7535443266b1043d61b' })));
20368
21430
  }
20369
21431
  get el() { return getElement(this); }
20370
21432
  };
20371
21433
 
20372
- const XPL_TABLE_COLUMN_WIDTHS_CHANGE_EVENT = 'xplTableColumnWidthsChange';
20373
- const TABLE_HEADER_CELL_MIN_WIDTH_PX = 48;
20374
- const getGridColumnWidthFromHeaderCell = (cell) => {
20375
- var _a, _b;
20376
- if (cell.tagName.toLowerCase() !== 'xpl-table-header-cell') {
20377
- return 'auto';
20378
- }
20379
- const host = cell;
20380
- const fromProp = typeof host.columnWidth === 'string' ? host.columnWidth.trim() : '';
20381
- const fromAttr = (_b = (_a = cell.getAttribute('column-width')) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '';
20382
- const columnTrack = fromProp || fromAttr;
20383
- if (columnTrack.length > 0) {
20384
- return columnTrack;
20385
- }
20386
- const w = host.width;
20387
- if (typeof w === 'number' && Number.isFinite(w) && w > 0) {
20388
- return `${Math.max(TABLE_HEADER_CELL_MIN_WIDTH_PX, w)}px`;
20389
- }
20390
- const raw = cell.getAttribute('width');
20391
- if (raw === null || raw === '') {
20392
- return 'auto';
20393
- }
20394
- if (/^\s*\d+(\.\d+)?\s*$/.test(raw)) {
20395
- const n = Number.parseFloat(raw);
20396
- if (Number.isFinite(n) && n > 0) {
20397
- return `${Math.max(TABLE_HEADER_CELL_MIN_WIDTH_PX, n)}px`;
20398
- }
20399
- return 'auto';
20400
- }
20401
- return raw.trim();
20402
- };
20403
- const SELECTION_MARK = 'data-xpl-selection-managed';
20404
- const ROW_REORDER_MARK = 'data-xpl-row-reorder-managed';
20405
- const getSortAffordanceIconName = (sortDirection) => {
20406
- if (sortDirection === 'asc')
20407
- return 'arrow-up';
20408
- return 'arrow-down';
20409
- };
20410
- const cycleSortDirection = (current) => {
20411
- switch (current) {
20412
- case 'asc':
20413
- return 'desc';
20414
- case 'desc':
20415
- return null;
20416
- default:
20417
- return 'asc';
20418
- }
20419
- };
20420
21434
  const getIconType = (sortType) => {
20421
21435
  switch (sortType) {
20422
21436
  case 'asc':
@@ -20427,104 +21441,18 @@ const getIconType = (sortType) => {
20427
21441
  return 'dash';
20428
21442
  }
20429
21443
  };
20430
-
20431
- function getNearestTableBodyRowFromNode(node) {
20432
- const el = node instanceof HTMLElement ? node : null;
20433
- if (!el) {
20434
- return null;
20435
- }
20436
- const row = el.closest('xpl-table-row');
20437
- return row != null ? row : null;
20438
- }
20439
- function getNextVisibleTableBodyRowAfter(element) {
20440
- const parent = element.parentElement;
20441
- if (!parent)
20442
- return null;
20443
- const siblings = Array.from(parent.children);
20444
- const idx = siblings.indexOf(element);
20445
- if (idx === -1)
20446
- return null;
20447
- for (let i = idx + 1; i < siblings.length; i += 1) {
20448
- const n = siblings[i];
20449
- if (n.tagName.toLowerCase() === 'xpl-table-row' && !n.hasAttribute('hidden')) {
20450
- return n;
20451
- }
20452
- }
20453
- return null;
20454
- }
20455
- function moveRowInTableBody(body, draggedRow, dropTargetRow) {
20456
- if (draggedRow === dropTargetRow || draggedRow.parentElement !== body) {
20457
- return;
20458
- }
20459
- if (dropTargetRow.parentElement !== body) {
20460
- return;
20461
- }
20462
- const visible = Array.from(body.children).filter((c) => c.tagName.toLowerCase() === 'xpl-table-row' && !c.hasAttribute('hidden'));
20463
- const fromIndex = visible.indexOf(draggedRow);
20464
- const toIndex = visible.indexOf(dropTargetRow);
20465
- if (fromIndex === -1 || toIndex === -1 || fromIndex === toIndex) {
20466
- return;
20467
- }
20468
- if (fromIndex < toIndex) {
20469
- const nextVisible = getNextVisibleTableBodyRowAfter(dropTargetRow);
20470
- if (nextVisible) {
20471
- body.insertBefore(draggedRow, nextVisible);
20472
- }
20473
- else {
20474
- body.insertBefore(draggedRow, null);
20475
- }
20476
- }
20477
- else {
20478
- body.insertBefore(draggedRow, dropTargetRow);
20479
- }
20480
- }
20481
-
20482
- function bodyRowFromDragTarget(target) {
20483
- return getNearestTableBodyRowFromNode(target);
20484
- }
20485
- function tableBodyRowFromEvent(ev) {
20486
- const path = typeof ev.composedPath === 'function' ? ev.composedPath() : [];
20487
- const row = path.find((n) => n instanceof HTMLElement && n.tagName.toLowerCase() === 'xpl-table-row');
20488
- return row !== null && row !== void 0 ? row : bodyRowFromDragTarget(ev.target);
20489
- }
20490
- function reorderDragHandleFromEvent(ev) {
20491
- const path = typeof ev.composedPath === 'function' ? ev.composedPath() : [];
20492
- const handle = path.find((n) => n instanceof HTMLElement && n.classList.contains('xpl-table__row-drag-handle'));
20493
- return handle !== null && handle !== void 0 ? handle : null;
20494
- }
20495
21444
  const Table = class {
20496
21445
  constructor(hostRef) {
20497
21446
  registerInstance(this, hostRef);
20498
- this.rowOrderChange = createEvent(this, "rowOrderChange", 3);
20499
- this.rowSelectionChange = createEvent(this, "rowSelectionChange", 3);
20500
- this.sortChanged = createEvent(this, "sortChanged", 3);
20501
21447
  this.tableSelect = createEvent(this, "tableSelect", 7);
20502
- this.columnWidthsToken = '';
20503
- this.lastEmittedRowSelectionKey = '';
20504
- this.selectAllValue = Math.random().toString(36).slice(2);
20505
- this.draggedRow = null;
20506
- this.pendingDragRow = null;
20507
- this.pointerUpClearPending = null;
20508
- this.reorderKeyboardTimers = new TimerManager();
20509
- this.onReorderHandleKeydown = (ev) => {
20510
- this.handleReorderHandleKeyDown(ev);
20511
- };
21448
+ this.sortChanged = createEvent(this, "sortChanged", 3);
21449
+ this.selectedValues = [];
21450
+ this.isSortable = false;
21451
+ this.sortableColumns = [];
20512
21452
  this.areAllSelected = false;
20513
- this.colCount = 0;
20514
21453
  this.hasScrolled = false;
20515
- this.keyboardReorderRowId = null;
20516
- this.reorderLiveMessage = '';
20517
- this.rowData = [];
20518
- this.rowFooterData = [];
20519
- this.selected = [];
20520
- this.selectedRowIds = [];
20521
21454
  this.sortTypeArray = [];
20522
- this.isSortable = false;
20523
- this.selectedValues = [];
20524
- this.sortableColumns = [];
20525
- this.onGridScroll = (e) => {
20526
- this.hasScrolled = e.target.scrollLeft > 0;
20527
- };
21455
+ this.selectAllValue = Math.random().toString(36).slice(2);
20528
21456
  this.selectAll = (e) => {
20529
21457
  const { target } = e;
20530
21458
  if (!(target instanceof HTMLInputElement))
@@ -20533,9 +21461,10 @@ const Table = class {
20533
21461
  this.areAllSelected = checked;
20534
21462
  this.selected =
20535
21463
  this.selectedValues.length > 0
20536
- ? Array.from(this.el.querySelectorAll('tbody td:first-child input')).map((input) => (checked ? input === null || input === void 0 ? void 0 : input.value : checked))
21464
+ ?
21465
+ Array.from(this.el.querySelectorAll('tbody td:first-child input')).map((input) => checked ? input === null || input === void 0 ? void 0 : input.value : checked)
20537
21466
  : this.selected.map(() => checked);
20538
- this.onSelectionChange();
21467
+ this.onChange();
20539
21468
  };
20540
21469
  this.selectOne = (e, checkboxIdx) => {
20541
21470
  const { target } = e;
@@ -20548,23 +21477,25 @@ const Table = class {
20548
21477
  return v;
20549
21478
  return this.selectedValues.length > 0 ? (checked ? value : checked) : checked;
20550
21479
  });
20551
- this.onSelectionChange();
21480
+ this.onChange();
20552
21481
  };
20553
- this.onSelectionChange = () => {
21482
+ this.onChange = () => {
20554
21483
  this.tableSelect.emit({
20555
21484
  selected: this.selected,
20556
21485
  areAllSelected: this.areAllSelected,
20557
21486
  });
20558
21487
  };
20559
- this.onLegacyScroll = () => {
21488
+ this.onScroll = () => {
20560
21489
  this.hasScrolled = this.container.scrollLeft > 0;
20561
21490
  };
20562
21491
  this.sortBy = (col, sortTypeArray) => {
20563
21492
  const handleSort = (a, b) => {
20564
- if (a[col].toLocaleLowerCase() < b[col].toLocaleLowerCase())
21493
+ if (a[col].toLocaleLowerCase() < b[col].toLocaleLowerCase()) {
20565
21494
  return -1;
20566
- if (a[col].toLocaleLowerCase() > b[col].toLocaleLowerCase())
21495
+ }
21496
+ if (a[col].toLocaleLowerCase() > b[col].toLocaleLowerCase()) {
20567
21497
  return 1;
21498
+ }
20568
21499
  return 0;
20569
21500
  };
20570
21501
  switch (sortTypeArray[col]) {
@@ -20580,6 +21511,7 @@ const Table = class {
20580
21511
  break;
20581
21512
  }
20582
21513
  this.rowData = Array.from(this.rowData);
21514
+ this.render();
20583
21515
  };
20584
21516
  this.setData = () => {
20585
21517
  this.rowData = this.data !== undefined ? Array.from(this.data) : [];
@@ -20588,8 +21520,30 @@ const Table = class {
20588
21520
  this.rowFooterData = this.footer !== undefined ? Array.from(this.footer) : [];
20589
21521
  };
20590
21522
  }
20591
- watchColumns() {
20592
- this.sortTypeArray = this.columns ? this.columns.map(() => null) : [];
21523
+ handleSort(clickEvt, isColumnSortable, colNum, colName) {
21524
+ clickEvt.preventDefault();
21525
+ clickEvt.stopPropagation();
21526
+ if (!isColumnSortable)
21527
+ return;
21528
+ this.sortTypeArray = this.sortTypeArray.map((val, i) => {
21529
+ if (i !== colNum)
21530
+ return null;
21531
+ switch (val) {
21532
+ case 'asc':
21533
+ return 'desc';
21534
+ case 'desc':
21535
+ return null;
21536
+ default:
21537
+ return 'asc';
21538
+ }
21539
+ });
21540
+ const evt = this.sortChanged.emit({
21541
+ colNum,
21542
+ colName,
21543
+ sortTypeArr: this.sortTypeArray,
21544
+ });
21545
+ if (!evt.defaultPrevented)
21546
+ this.sortBy(colNum, this.sortTypeArray);
20593
21547
  }
20594
21548
  watchData() {
20595
21549
  this.setData();
@@ -20597,1415 +21551,54 @@ const Table = class {
20597
21551
  watchFooterData() {
20598
21552
  this.setFooterData();
20599
21553
  }
20600
- watchReorderHandleIcon() {
20601
- if (this.isLegacyMode || !this.rowReorderable)
20602
- return;
20603
- this.syncInjectedReorderHandleIcons();
20604
- }
20605
- watchReorderHandleIconKeyboard() {
20606
- if (this.isLegacyMode || !this.rowReorderable)
20607
- return;
20608
- this.syncInjectedReorderHandleIcons();
20609
- }
20610
- watchRowReorderable(next) {
20611
- if (this.isLegacyMode)
20612
- return;
20613
- if (!next) {
20614
- this.keyboardReorderRowId = null;
20615
- this.syncReorderHandleKeyboardA11y(null);
20616
- this.removeManagedReorderCells();
20617
- this.draggedRow = null;
20618
- this.pendingDragRow = null;
20619
- this.clearPendingDragListeners();
20620
- this.reorderLiveMessage = '';
20621
- this.queryBodyRows().forEach((r) => {
20622
- var _a;
20623
- r.removeAttribute('draggable');
20624
- (_a = r.querySelector('.xpl-table__row-drag-handle')) === null || _a === void 0 ? void 0 : _a.removeAttribute('draggable');
20625
- r.classList.remove('xpl-table-row--dragging', 'xpl-table-row--drag-over');
20626
- });
20627
- this.colCount = 0;
20628
- this.columnWidthsToken = '';
20629
- }
20630
- }
20631
- watchSelectable(next) {
20632
- if (this.isLegacyMode)
20633
- return;
20634
- if (!next) {
20635
- this.selectedRowIds = [];
20636
- this.lastEmittedRowSelectionKey = '';
20637
- this.colCount = 0;
20638
- this.columnWidthsToken = '';
20639
- this.syncRowSelectedProps();
20640
- }
21554
+ watchColumns() {
21555
+ this.sortTypeArray = this.columns ? this.columns.map(() => null) : [];
20641
21556
  }
20642
21557
  componentWillLoad() {
20643
- if (this.isLegacyMode) {
20644
- this.areAllSelected = false;
20645
- this.setData();
20646
- this.setFooterData();
20647
- this.selected = new Array(this.rowData.length).fill(false);
20648
- this.sortTypeArray = this.columns ? this.columns.map(() => null) : [];
20649
- }
20650
- }
20651
- componentDidLoad() {
20652
- if (!this.isLegacyMode) {
20653
- this.syncCompositionalLayout();
20654
- }
20655
- }
20656
- componentDidUpdate() {
20657
- if (!this.isLegacyMode) {
20658
- this.syncCompositionalLayout();
20659
- }
20660
- }
20661
- disconnectedCallback() {
20662
- this.clearPendingDragListeners();
20663
- this.detachReorderHandleKeydownListeners();
20664
- this.reorderKeyboardTimers.dispose();
20665
- if (this.reorderAnnounceRaf !== undefined) {
20666
- cancelAnimationFrame(this.reorderAnnounceRaf);
20667
- this.reorderAnnounceRaf = undefined;
20668
- }
20669
- }
20670
- handleHeaderCellColumnWidthsChange(ev) {
20671
- if (this.isLegacyMode)
20672
- return;
20673
- const t = ev.target;
20674
- if (!(t instanceof Node) || !this.el.contains(t))
20675
- return;
20676
- this.updateColumnWidths();
20677
- }
20678
- handleCompositionalCheckboxChange(ev) {
20679
- var _a, _b;
20680
- if (this.isLegacyMode || !this.selectable)
20681
- return;
20682
- if (!this.isEventFromThisTable(ev.target))
20683
- return;
20684
- const path = (_b = (_a = ev.composedPath) === null || _a === void 0 ? void 0 : _a.call(ev)) !== null && _b !== void 0 ? _b : [];
20685
- let checkboxHost = (path.length > 0 ? path : [ev.target].filter((n) => n != null)).find((n) => n instanceof HTMLElement && n.tagName.toLowerCase() === 'xpl-checkbox');
20686
- if (!checkboxHost &&
20687
- ev.target &&
20688
- typeof ev.target.closest === 'function') {
20689
- checkboxHost = ev.target.closest('xpl-checkbox');
20690
- }
20691
- if (!checkboxHost || !this.el.contains(checkboxHost))
20692
- return;
20693
- const row = checkboxHost.closest('xpl-table-row');
20694
- if (!row || !this.isDirectChildBodyRow(row))
20695
- return;
20696
- const cell = checkboxHost.closest('xpl-table-cell');
20697
- if (!cell)
20698
- return;
20699
- const selectionIdx = this.getSelectionColumnIndex();
20700
- if (selectionIdx === null)
20701
- return;
20702
- const bodyCells = Table.getBodyRowCells(row);
20703
- const colIdx = bodyCells.indexOf(cell);
20704
- if (colIdx !== selectionIdx)
20705
- return;
20706
- ev.stopPropagation();
20707
- const rowId = Table.getRowIdForRow(row);
20708
- if (!rowId || row.disabled)
20709
- return;
20710
- const input = checkboxHost.querySelector('input[type="checkbox"]');
20711
- if (!input)
20712
- return;
20713
- const { checked } = input;
20714
- if (checked) {
20715
- if (!this.selectedRowIds.includes(rowId)) {
20716
- this.selectedRowIds = [...this.selectedRowIds, rowId];
20717
- }
20718
- }
20719
- else {
20720
- this.selectedRowIds = this.selectedRowIds.filter((id) => id !== rowId);
20721
- }
20722
- this.applyHeaderCheckboxState();
20723
- this.syncRowSelectedProps();
20724
- this.emitCompositionalSelection();
20725
- }
20726
- handleCompositionalHeaderCheckboxChange(ev) {
20727
- var _a, _b;
20728
- if (this.isLegacyMode || !this.selectable)
20729
- return;
20730
- if (!this.isEventFromThisTable(ev.target))
20731
- return;
20732
- const path = (_b = (_a = ev.composedPath) === null || _a === void 0 ? void 0 : _a.call(ev)) !== null && _b !== void 0 ? _b : [];
20733
- let headerCell = (path.length > 0 ? path : [ev.target].filter((n) => n != null)).find((n) => n instanceof HTMLElement &&
20734
- n.tagName.toLowerCase() === 'xpl-table-header-cell' &&
20735
- n.getAttribute('type') === 'checkbox');
20736
- if (!headerCell && ev.target && typeof ev.target.closest === 'function') {
20737
- headerCell = ev.target.closest('xpl-table-header-cell[type="checkbox"]');
20738
- }
20739
- if (!headerCell || !this.el.contains(headerCell))
20740
- return;
20741
- if (!this.isCellInOurCompositionalHeader(headerCell))
20742
- return;
20743
- const headerCells = this.getCompositionalHeaderCells();
20744
- if (!headerCells.includes(headerCell))
20745
- return;
20746
- const checked = !!ev.detail;
20747
- const selectableRows = this.querySelectableBodyRows();
20748
- const ids = selectableRows
20749
- .map((r) => Table.getRowIdForRow(r))
20750
- .filter((id) => !!id);
20751
- if (checked) {
20752
- this.selectedRowIds = [...ids];
20753
- }
20754
- else {
20755
- this.selectedRowIds = [];
20756
- }
20757
- this.applyBodyCheckboxStates();
20758
- this.syncRowSelectedProps();
20759
- this.emitCompositionalSelection();
20760
- }
20761
- handlePointerDownExitKeyboardReorder(ev) {
20762
- if (this.isLegacyMode || !this.rowReorderable || this.keyboardReorderRowId === null) {
20763
- return;
20764
- }
20765
- const t = ev.target;
20766
- if (!(t instanceof Node) || !this.el.contains(t)) {
20767
- return;
20768
- }
20769
- const row = t instanceof Element ? t.closest('xpl-table-row') : null;
20770
- if (!row || !this.isDirectChildBodyRow(row)) {
20771
- return;
20772
- }
20773
- this.keyboardReorderRowId = null;
20774
- this.syncReorderHandleKeyboardA11y(null);
20775
- }
20776
- handleReorderHandleKeyDown(ev) {
20777
- var _a;
20778
- if (this.isLegacyMode || !this.rowReorderable) {
20779
- return;
20780
- }
20781
- const rawPath = typeof ev.composedPath === 'function' ? ev.composedPath() : [];
20782
- const path = rawPath.length > 0 ? rawPath : ev.target ? [ev.target] : [];
20783
- let handle = path.find((n) => n instanceof HTMLElement && n.classList.contains('xpl-table__row-drag-handle'));
20784
- if (!handle &&
20785
- ev.target instanceof HTMLElement &&
20786
- ev.target.classList.contains('xpl-table__row-drag-handle')) {
20787
- handle = ev.target;
20788
- }
20789
- if (!handle || !this.el.contains(handle)) {
20790
- return;
20791
- }
20792
- const row = handle.closest('xpl-table-row');
20793
- if (!row || !this.isDirectChildBodyRow(row)) {
20794
- return;
20795
- }
20796
- const rowId = (_a = Table.getRowIdForRow(row)) !== null && _a !== void 0 ? _a : '';
20797
- if (!rowId) {
20798
- return;
20799
- }
20800
- const isKbd = this.keyboardReorderRowId === rowId;
20801
- const isEscapeKey = ev.key === 'Escape' ||
20802
- ev.key === 'Esc' ||
20803
- ev.code === 'Escape' ||
20804
- ev.keyCode === 27;
20805
- if (row.disabled) {
20806
- if (isEscapeKey && isKbd) {
20807
- ev.preventDefault();
20808
- this.keyboardReorderRowId = null;
20809
- this.syncReorderHandleKeyboardA11y(null);
20810
- }
20811
- return;
20812
- }
20813
- if (isEscapeKey) {
20814
- if (isKbd) {
20815
- ev.preventDefault();
20816
- this.keyboardReorderRowId = null;
20817
- this.syncReorderHandleKeyboardA11y(null);
20818
- }
20819
- return;
20820
- }
20821
- if (!isKbd) {
20822
- if (ev.key === 'Enter' || ev.key === ' ') {
20823
- ev.preventDefault();
20824
- this.keyboardReorderRowId = rowId;
20825
- this.syncReorderHandleKeyboardA11y(rowId);
20826
- }
20827
- return;
20828
- }
20829
- if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown') {
20830
- ev.preventDefault();
20831
- const dir = ev.key === 'ArrowUp' ? 'up' : 'down';
20832
- this.performKeyboardRowReorder(rowId, dir);
20833
- }
20834
- }
20835
- handleRowReorderPointerDown(ev) {
20836
- if (this.isLegacyMode || !this.rowReorderable) {
20837
- return;
20838
- }
20839
- const handle = reorderDragHandleFromEvent(ev);
20840
- if (!handle) {
20841
- return;
20842
- }
20843
- const table = handle.closest('xpl-table');
20844
- if (table !== this.el) {
20845
- return;
20846
- }
20847
- const row = bodyRowFromDragTarget(handle);
20848
- if (!row || row.disabled) {
20849
- return;
20850
- }
20851
- const body = this.getDirectChildTableSection('xpl-table-body');
20852
- if (!body || row.parentElement !== body) {
20853
- return;
20854
- }
20855
- this.clearPendingDragListeners();
20856
- this.pendingDragRow = row;
20857
- const onPointerEnd = () => {
20858
- this.clearPendingDragListeners();
20859
- this.pendingDragRow = null;
20860
- };
20861
- document.addEventListener('pointerup', onPointerEnd, true);
20862
- document.addEventListener('pointercancel', onPointerEnd, true);
20863
- this.pointerUpClearPending = () => {
20864
- document.removeEventListener('pointerup', onPointerEnd, true);
20865
- document.removeEventListener('pointercancel', onPointerEnd, true);
20866
- };
21558
+ this.areAllSelected = false;
21559
+ this.setData();
21560
+ this.setFooterData();
21561
+ this.selected = new Array(this.rowData.length).fill(false);
21562
+ this.sortTypeArray = this.columns ? this.columns.map(() => null) : [];
20867
21563
  }
20868
- handleRowReorderDragStart(ev) {
21564
+ render() {
20869
21565
  var _a;
20870
- if (this.isLegacyMode || !this.rowReorderable) {
20871
- return;
20872
- }
20873
- const row = tableBodyRowFromEvent(ev);
20874
- if (!row) {
20875
- return;
20876
- }
20877
- if (row.closest('xpl-table') !== this.el) {
20878
- return;
20879
- }
20880
- const body = this.getDirectChildTableSection('xpl-table-body');
20881
- if (!body || row.parentElement !== body) {
20882
- return;
20883
- }
20884
- if (row.disabled || this.pendingDragRow !== row) {
20885
- ev.preventDefault();
20886
- return;
20887
- }
20888
- this.keyboardReorderRowId = null;
20889
- this.syncReorderHandleKeyboardA11y(null);
20890
- this.clearPendingDragListeners();
20891
- this.pendingDragRow = null;
20892
- this.draggedRow = row;
20893
- if (ev.dataTransfer) {
20894
- ev.dataTransfer.effectAllowed = 'move';
20895
- ev.dataTransfer.setData('text/plain', (_a = Table.getRowIdForRow(row)) !== null && _a !== void 0 ? _a : '');
20896
- }
20897
- row.classList.add('xpl-table-row--dragging');
20898
- }
20899
- handleRowReorderDragEnd(ev) {
20900
- if (this.isLegacyMode || !this.rowReorderable) {
20901
- return;
20902
- }
20903
- const row = tableBodyRowFromEvent(ev);
20904
- if (!row || row.closest('xpl-table') !== this.el) {
20905
- return;
20906
- }
20907
- row.classList.remove('xpl-table-row--dragging');
20908
- this.clearReorderDragOverClasses();
20909
- this.draggedRow = null;
20910
- }
20911
- handleRowReorderDragOver(ev) {
20912
- if (this.isLegacyMode || !this.rowReorderable) {
20913
- return;
20914
- }
20915
- const row = tableBodyRowFromEvent(ev);
20916
- if (!row || row.closest('xpl-table') !== this.el) {
20917
- return;
20918
- }
20919
- const body = this.getDirectChildTableSection('xpl-table-body');
20920
- if (!body || row.parentElement !== body || row.disabled) {
20921
- return;
20922
- }
20923
- ev.preventDefault();
20924
- if (ev.dataTransfer) {
20925
- ev.dataTransfer.dropEffect = 'move';
21566
+ if (this.columns &&
21567
+ (!this.sortTypeArray || this.sortTypeArray.length !== this.columns.length)) {
21568
+ this.sortTypeArray = this.columns.map(() => null);
20926
21569
  }
20927
- }
20928
- handleRowReorderDragEnter(ev) {
20929
- if (this.isLegacyMode || !this.rowReorderable) {
20930
- return;
20931
- }
20932
- const row = tableBodyRowFromEvent(ev);
20933
- if (!row || row.closest('xpl-table') !== this.el) {
20934
- return;
20935
- }
20936
- const body = this.getDirectChildTableSection('xpl-table-body');
20937
- if (!body || row.parentElement !== body || row.disabled) {
20938
- return;
20939
- }
20940
- ev.preventDefault();
20941
- row.classList.add('xpl-table-row--drag-over');
20942
- }
20943
- handleRowReorderDragLeave(ev) {
20944
- if (this.isLegacyMode || !this.rowReorderable) {
20945
- return;
20946
- }
20947
- const row = tableBodyRowFromEvent(ev);
20948
- if (!row || row.closest('xpl-table') !== this.el) {
20949
- return;
20950
- }
20951
- const related = ev.relatedTarget;
20952
- if (related && row.contains(related)) {
20953
- return;
20954
- }
20955
- row.classList.remove('xpl-table-row--drag-over');
20956
- }
20957
- handleRowReorderDrop(ev) {
20958
- var _a;
20959
- if (this.isLegacyMode || !this.rowReorderable) {
20960
- return;
20961
- }
20962
- ev.preventDefault();
20963
- const dropRow = tableBodyRowFromEvent(ev);
20964
- if (!dropRow || dropRow.closest('xpl-table') !== this.el) {
20965
- return;
20966
- }
20967
- const body = this.getDirectChildTableSection('xpl-table-body');
20968
- if (!body || dropRow.parentElement !== body || dropRow.disabled) {
20969
- return;
20970
- }
20971
- const source = this.draggedRow;
20972
- if (!source || source.disabled) {
20973
- this.draggedRow = null;
20974
- this.clearReorderDragOverClasses();
20975
- return;
20976
- }
20977
- if (source === dropRow) {
20978
- this.clearReorderDragOverClasses();
20979
- return;
20980
- }
20981
- const visible = this.getVisibleBodyRowsForReorder();
20982
- const fromIndex = visible.indexOf(source);
20983
- const toIndex = visible.indexOf(dropRow);
20984
- if (fromIndex === -1 || toIndex === -1) {
20985
- this.clearReorderDragOverClasses();
20986
- return;
20987
- }
20988
- const direction = fromIndex > toIndex ? 'up' : 'down';
20989
- const rowId = (_a = Table.getRowIdForRow(source)) !== null && _a !== void 0 ? _a : '';
20990
- const runMove = () => {
20991
- moveRowInTableBody(body, source, dropRow);
20992
- };
20993
- runMove();
20994
- const orderedRowIds = this.getVisibleBodyRowsForReorder().map((r) => { var _a; return (_a = Table.getRowIdForRow(r)) !== null && _a !== void 0 ? _a : ''; });
20995
- this.rowOrderChange.emit({
20996
- rowId,
20997
- direction,
20998
- orderedRowIds,
20999
- fromIndex,
21000
- toIndex,
21001
- });
21002
- this.announceRowReorder(rowId, orderedRowIds);
21003
- this.clearReorderDragOverClasses();
21004
- if (this.selectable) {
21005
- this.applyBodyCheckboxStates();
21006
- this.applyHeaderCheckboxState();
21007
- this.syncRowSelectedProps();
21008
- }
21009
- this.updateColumnWidths();
21010
- }
21011
- get isLegacyMode() {
21012
- return this.columns !== undefined || this.data !== undefined || this.footer !== undefined;
21013
- }
21014
- ensureTableInstanceId() {
21015
- if (this.tableInstanceId)
21016
- return;
21017
- if (typeof crypto !== 'undefined' && crypto.randomUUID) {
21018
- this.tableInstanceId = crypto.randomUUID();
21019
- }
21020
- else {
21021
- this.tableInstanceId = Math.random().toString(36).slice(2);
21022
- }
21023
- }
21024
- generateRowId() {
21025
- this.ensureTableInstanceId();
21026
- if (typeof crypto !== 'undefined' && crypto.randomUUID) {
21027
- return `${this.tableInstanceId}-${crypto.randomUUID()}`;
21028
- }
21029
- return `${this.tableInstanceId}-${Math.random().toString(36).slice(2)}`;
21030
- }
21031
- syncCompositionalLayout() {
21032
- if (this.isLegacyMode)
21033
- return;
21034
- if (this.rowReorderable) {
21035
- this.syncReorderColumn();
21036
- }
21037
- else {
21038
- this.removeManagedReorderCells();
21039
- }
21040
- if (this.selectable) {
21041
- this.ensureTableInstanceId();
21042
- this.pruneStaleSelectedRowIds();
21043
- this.ensureBodyRowIds();
21044
- this.applyBodyCheckboxStates();
21045
- this.applyHeaderCheckboxState();
21046
- this.syncRowSelectedProps();
21047
- }
21048
- if (this.rowReorderable && this.selectable) {
21049
- this.normalizeManagedColumnsOrder();
21050
- }
21051
- this.updateColumnWidths();
21052
- }
21053
- getDirectChildTableSection(tag) {
21054
- var _a;
21055
- const el = Array.from(this.el.children).find((c) => c.tagName.toLowerCase() === tag);
21056
- return (_a = el) !== null && _a !== void 0 ? _a : null;
21057
- }
21058
- isDirectChildBodyRow(row) {
21059
- const body = this.getDirectChildTableSection('xpl-table-body');
21060
- return body !== null && row.parentElement === body;
21061
- }
21062
- isCellInOurCompositionalHeader(cell) {
21063
- const header = cell.closest('xpl-table-header');
21064
- return header !== null && header.parentElement === this.el;
21065
- }
21066
- getSelectionColumnIndex() {
21067
- const headerCells = this.getCompositionalHeaderCells();
21068
- const idx = headerCells.findIndex((c) => c.getAttribute('type') === 'checkbox');
21069
- return idx >= 0 ? idx : null;
21070
- }
21071
- static getBodyRowCells(row) {
21072
- return Array.from(row.children).filter((c) => c.tagName.toLowerCase() === 'xpl-table-cell');
21073
- }
21074
- queryBodyRows() {
21075
- const body = this.getDirectChildTableSection('xpl-table-body');
21076
- if (!body)
21077
- return [];
21078
- return Array.from(body.children).filter((c) => c.tagName.toLowerCase() === 'xpl-table-row');
21079
- }
21080
- querySelectableBodyRows() {
21081
- return this.queryBodyRows().filter((row) => !row.disabled);
21082
- }
21083
- static getRowIdForRow(row) {
21084
- var _a;
21085
- const id = (_a = row.getAttribute('row-id')) === null || _a === void 0 ? void 0 : _a.trim();
21086
- return id || null;
21087
- }
21088
- ensureBodyRowIds() {
21089
- this.queryBodyRows().forEach((row) => {
21090
- if (Table.getRowIdForRow(row))
21091
- return;
21092
- row.setAttribute('row-id', this.generateRowId());
21093
- });
21094
- }
21095
- removeManagedReorderCells() {
21096
- this.el.querySelectorAll(`[${ROW_REORDER_MARK}]`).forEach((node) => {
21097
- var _a;
21098
- if (!(node instanceof Element))
21099
- return;
21100
- if (node.closest('xpl-table') !== this.el)
21101
- return;
21102
- (_a = node.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(node);
21103
- });
21104
- }
21105
- getSelectionSlotCellForReorderOrder(row) {
21106
- const idx = this.getSelectionColumnIndex();
21107
- if (idx === null) {
21108
- return null;
21109
- }
21110
- const cells = Array.from(row.children);
21111
- const cell = cells[idx];
21112
- if (!cell) {
21113
- return null;
21114
- }
21115
- const tag = cell.tagName.toLowerCase();
21116
- if (tag === 'xpl-table-header-cell') {
21117
- return cell.getAttribute('type') === 'checkbox' ? cell : null;
21118
- }
21119
- if (tag === 'xpl-table-cell') {
21120
- if (cell.hasAttribute(SELECTION_MARK)) {
21121
- return cell;
21122
- }
21123
- return cell.querySelector('xpl-checkbox') ? cell : null;
21124
- }
21125
- if (tag === 'xpl-table-footer-cell') {
21126
- return cell;
21127
- }
21128
- return null;
21129
- }
21130
- normalizeManagedColumnsOrder() {
21131
- var _a;
21132
- const fix = (row) => {
21133
- const re = row.querySelector(`:scope > [${ROW_REORDER_MARK}]`);
21134
- const se = this.getSelectionSlotCellForReorderOrder(row);
21135
- if (!re || !se) {
21136
- return;
21137
- }
21138
- const siblings = Array.from(row.children);
21139
- const iRe = siblings.indexOf(re);
21140
- const iSe = siblings.indexOf(se);
21141
- if (iRe > iSe) {
21142
- row.insertBefore(re, se);
21143
- }
21144
- };
21145
- const header = (_a = Array.from(this.el.children).find((c) => c.tagName.toLowerCase() === 'xpl-table-header')) !== null && _a !== void 0 ? _a : null;
21146
- if (header) {
21147
- const firstRow = Array.from(header.children).find((c) => c.tagName.toLowerCase() === 'xpl-table-row');
21148
- const container = firstRow !== null && firstRow !== void 0 ? firstRow : header;
21149
- fix(container);
21150
- }
21151
- this.queryBodyRows().forEach((row) => fix(row));
21152
- const footer = this.getDirectChildTableSection('xpl-table-footer');
21153
- if (footer) {
21154
- Array.from(footer.children)
21155
- .filter((c) => c.tagName.toLowerCase() === 'xpl-table-row')
21156
- .forEach((row) => fix(row));
21157
- }
21158
- }
21159
- syncReorderColumn() {
21160
- if (!this.rowReorderable || this.isLegacyMode)
21161
- return;
21162
- this.ensureBodyRowIds();
21163
- this.ensureHeaderReorderCell();
21164
- this.ensureBodyReorderCells();
21165
- this.ensureFooterReorderCells();
21166
- this.applyReorderRowDraggableState();
21167
- }
21168
- ensureHeaderReorderCell() {
21169
- var _a;
21170
- const header = (_a = Array.from(this.el.children).find((c) => c.tagName.toLowerCase() === 'xpl-table-header')) !== null && _a !== void 0 ? _a : null;
21171
- if (!header)
21172
- return;
21173
- const firstRow = Array.from(header.children).find((c) => c.tagName.toLowerCase() === 'xpl-table-row');
21174
- const container = firstRow !== null && firstRow !== void 0 ? firstRow : header;
21175
- if (Array.from(container.children).some((c) => c.tagName.toLowerCase() === 'xpl-table-header-cell' &&
21176
- c.hasAttribute(ROW_REORDER_MARK))) {
21177
- return;
21178
- }
21179
- const cell = document.createElement('xpl-table-header-cell');
21180
- cell.setAttribute(ROW_REORDER_MARK, '');
21181
- cell.setAttribute('type', 'empty');
21182
- cell.setAttribute('width', '48');
21183
- cell.setAttribute('align', 'center');
21184
- container.insertBefore(cell, container.firstChild);
21185
- }
21186
- ensureBodyReorderCells() {
21187
- this.queryBodyRows().forEach((row) => {
21188
- var _a;
21189
- const managed = Array.from(row.children).filter((c) => c.tagName.toLowerCase() === 'xpl-table-cell' &&
21190
- c.hasAttribute(ROW_REORDER_MARK));
21191
- if (managed.length > 1) {
21192
- for (let i = 1; i < managed.length; i += 1) {
21193
- managed[i].remove();
21194
- }
21195
- }
21196
- let cell = managed[0];
21197
- if (!cell) {
21198
- const newCell = document.createElement('xpl-table-cell');
21199
- newCell.setAttribute(ROW_REORDER_MARK, '');
21200
- newCell.setAttribute('width', '48');
21201
- newCell.setAttribute('align', 'center');
21202
- const btn = document.createElement('button');
21203
- btn.type = 'button';
21204
- btn.className = 'xpl-table__row-drag-handle';
21205
- btn.setAttribute('aria-label', 'Reorder row');
21206
- btn.setAttribute('aria-pressed', 'false');
21207
- const iconName = this.getResolvedIconForRow((_a = Table.getRowIdForRow(row)) !== null && _a !== void 0 ? _a : '');
21208
- if (iconName) {
21209
- const icon = document.createElement('xpl-icon');
21210
- icon.setAttribute('icon', iconName);
21211
- icon.setAttribute('size', '16');
21212
- btn.appendChild(icon);
21213
- }
21214
- newCell.appendChild(btn);
21215
- row.insertBefore(newCell, row.firstChild);
21216
- cell = newCell;
21217
- }
21218
- else {
21219
- cell.setAttribute('align', 'center');
21220
- }
21221
- const btn = cell.querySelector('.xpl-table__row-drag-handle');
21222
- if (btn) {
21223
- btn.disabled = row.disabled;
21224
- }
21225
- });
21226
- this.syncInjectedReorderHandleIcons();
21227
- this.attachReorderHandleKeydownListeners();
21228
- }
21229
- getResolvedIconForRow(rowId) {
21230
- var _a, _b;
21231
- const inKeyboardMode = this.keyboardReorderRowId !== null &&
21232
- rowId !== '' &&
21233
- rowId === this.keyboardReorderRowId;
21234
- if (inKeyboardMode) {
21235
- if (this.reorderHandleIconKeyboard === '') {
21236
- return null;
21237
- }
21238
- return (_a = this.reorderHandleIconKeyboard) !== null && _a !== void 0 ? _a : 'caret-expand-y';
21239
- }
21240
- if (this.reorderHandleIcon === '') {
21241
- return null;
21242
- }
21243
- return (_b = this.reorderHandleIcon) !== null && _b !== void 0 ? _b : 'grip-dots-vertical';
21244
- }
21245
- syncInjectedReorderHandleIcons() {
21246
- this.queryBodyRows().forEach((row) => {
21247
- var _a;
21248
- const btn = row.querySelector('.xpl-table__row-drag-handle');
21249
- if (!btn) {
21250
- return;
21251
- }
21252
- const rowId = (_a = Table.getRowIdForRow(row)) !== null && _a !== void 0 ? _a : '';
21253
- const iconName = this.getResolvedIconForRow(rowId);
21254
- btn.querySelectorAll('xpl-icon').forEach((n) => n.remove());
21255
- if (iconName) {
21256
- const icon = document.createElement('xpl-icon');
21257
- icon.setAttribute('icon', iconName);
21258
- icon.setAttribute('size', '16');
21259
- btn.appendChild(icon);
21260
- }
21261
- });
21262
- }
21263
- syncReorderHandleKeyboardA11y(activeId) {
21264
- if (this.isLegacyMode || !this.rowReorderable) {
21265
- return;
21266
- }
21267
- this.queryBodyRows().forEach((row) => {
21268
- var _a;
21269
- const btn = row.querySelector('.xpl-table__row-drag-handle');
21270
- if (!btn) {
21271
- return;
21272
- }
21273
- const rid = (_a = Table.getRowIdForRow(row)) !== null && _a !== void 0 ? _a : '';
21274
- const isActive = activeId !== null && rid === activeId;
21275
- btn.classList.toggle('xpl-table__row-drag-handle--keyboard-mode', isActive);
21276
- btn.setAttribute('aria-pressed', isActive ? 'true' : 'false');
21277
- btn.setAttribute('aria-label', isActive
21278
- ? 'Press arrow up or down to reorder, Escape to exit'
21279
- : 'Press Enter or Space to activate keyboard reorder mode, or drag to reorder');
21280
- });
21281
- this.syncInjectedReorderHandleIcons();
21282
- }
21283
- attachReorderHandleKeydownListeners() {
21284
- if (this.isLegacyMode || !this.rowReorderable) {
21285
- return;
21286
- }
21287
- this.queryBodyRows().forEach((row) => {
21288
- const btn = row.querySelector('.xpl-table__row-drag-handle');
21289
- if (!btn || btn.dataset.xplReorderKbdBound === 'true') {
21290
- return;
21291
- }
21292
- btn.dataset.xplReorderKbdBound = 'true';
21293
- btn.addEventListener('keydown', this.onReorderHandleKeydown);
21294
- });
21295
- }
21296
- detachReorderHandleKeydownListeners() {
21297
- if (!this.el) {
21298
- return;
21299
- }
21300
- this.el
21301
- .querySelectorAll('.xpl-table__row-drag-handle[data-xpl-reorder-kbd-bound="true"]')
21302
- .forEach((btn) => {
21303
- btn.removeEventListener('keydown', this.onReorderHandleKeydown);
21304
- delete btn.dataset.xplReorderKbdBound;
21305
- });
21306
- }
21307
- performKeyboardRowReorder(rowId, direction) {
21308
- const body = this.getDirectChildTableSection('xpl-table-body');
21309
- if (!body) {
21310
- return false;
21311
- }
21312
- const visible = this.getVisibleBodyRowsForReorder();
21313
- const itemIndex = visible.findIndex((r) => Table.getRowIdForRow(r) === rowId);
21314
- if (itemIndex === -1) {
21315
- return false;
21316
- }
21317
- const targetIndex = direction === 'up' ? itemIndex - 1 : itemIndex + 1;
21318
- if (targetIndex < 0 || targetIndex >= visible.length) {
21319
- return false;
21320
- }
21321
- const fromIndex = itemIndex;
21322
- const item = visible[itemIndex];
21323
- const targetItem = visible[targetIndex];
21324
- if (direction === 'up') {
21325
- body.insertBefore(item, targetItem);
21326
- }
21327
- else {
21328
- const nextVisible = getNextVisibleTableBodyRowAfter(targetItem);
21329
- if (nextVisible) {
21330
- body.insertBefore(item, nextVisible);
21331
- }
21332
- else {
21333
- body.appendChild(item);
21334
- }
21335
- }
21336
- const orderedRowIds = this.getVisibleBodyRowsForReorder().map((r) => { var _a; return (_a = Table.getRowIdForRow(r)) !== null && _a !== void 0 ? _a : ''; });
21337
- const toIndex = orderedRowIds.indexOf(rowId);
21338
- this.rowOrderChange.emit({
21339
- rowId,
21340
- direction,
21341
- orderedRowIds,
21342
- fromIndex,
21343
- toIndex,
21344
- });
21345
- this.announceRowReorder(rowId, orderedRowIds);
21346
- this.clearReorderDragOverClasses();
21347
- if (this.selectable) {
21348
- this.applyBodyCheckboxStates();
21349
- this.applyHeaderCheckboxState();
21350
- this.syncRowSelectedProps();
21351
- }
21352
- this.updateColumnWidths();
21353
- this.reorderKeyboardTimers.requestAnimationFrame(() => {
21354
- if (!this.el.isConnected) {
21355
- return;
21356
- }
21357
- const moved = this.getVisibleBodyRowsForReorder().find((r) => Table.getRowIdForRow(r) === rowId);
21358
- const btn = moved === null || moved === void 0 ? void 0 : moved.querySelector('.xpl-table__row-drag-handle');
21359
- btn === null || btn === void 0 ? void 0 : btn.focus();
21360
- });
21361
- return true;
21362
- }
21363
- ensureFooterReorderCells() {
21364
- const footer = this.getDirectChildTableSection('xpl-table-footer');
21365
- if (!footer)
21366
- return;
21367
- Array.from(footer.children)
21368
- .filter((c) => c.tagName.toLowerCase() === 'xpl-table-row')
21369
- .forEach((row) => {
21370
- if (Array.from(row.children).some((c) => c.tagName.toLowerCase() === 'xpl-table-footer-cell' &&
21371
- c.hasAttribute(ROW_REORDER_MARK))) {
21372
- return;
21373
- }
21374
- const cell = document.createElement('xpl-table-footer-cell');
21375
- cell.setAttribute(ROW_REORDER_MARK, '');
21376
- cell.setAttribute('width', '48');
21377
- cell.setAttribute('align', 'center');
21378
- row.insertBefore(cell, row.firstChild);
21379
- });
21380
- }
21381
- static supportsSubgridBodyRow() {
21382
- return (typeof CSS !== 'undefined' &&
21383
- typeof CSS.supports === 'function' &&
21384
- CSS.supports('grid-template-columns', 'subgrid'));
21385
- }
21386
- applyReorderRowDraggableState() {
21387
- const useRowDrag = Table.supportsSubgridBodyRow();
21388
- this.queryBodyRows().forEach((row) => {
21389
- const btn = row.querySelector('.xpl-table__row-drag-handle');
21390
- btn === null || btn === void 0 ? void 0 : btn.removeAttribute('draggable');
21391
- row.removeAttribute('draggable');
21392
- if (!this.rowReorderable || row.disabled) {
21393
- return;
21394
- }
21395
- if (!btn) {
21396
- return;
21397
- }
21398
- if (useRowDrag) {
21399
- row.setAttribute('draggable', 'true');
21400
- }
21401
- else {
21402
- btn.setAttribute('draggable', 'true');
21403
- }
21404
- });
21405
- }
21406
- getVisibleBodyRowsForReorder() {
21407
- return this.queryBodyRows().filter((r) => !r.hasAttribute('hidden'));
21408
- }
21409
- clearReorderDragOverClasses() {
21410
- this.queryBodyRows().forEach((r) => r.classList.remove('xpl-table-row--drag-over'));
21411
- }
21412
- clearPendingDragListeners() {
21413
- if (this.pointerUpClearPending) {
21414
- this.pointerUpClearPending();
21415
- this.pointerUpClearPending = null;
21416
- }
21417
- }
21418
- announceRowReorder(movedRowId, orderedRowIds) {
21419
- if (!this.rowReorderable || !movedRowId) {
21420
- return;
21421
- }
21422
- const index = orderedRowIds.indexOf(movedRowId);
21423
- if (index < 0) {
21424
- return;
21425
- }
21426
- this.reorderLiveMessage = '';
21427
- if (this.reorderAnnounceRaf !== undefined) {
21428
- cancelAnimationFrame(this.reorderAnnounceRaf);
21429
- }
21430
- this.reorderAnnounceRaf = requestAnimationFrame(() => {
21431
- this.reorderAnnounceRaf = undefined;
21432
- if (!this.el.isConnected) {
21433
- return;
21434
- }
21435
- this.reorderLiveMessage = `Row ${movedRowId}, now position ${index + 1} of ${orderedRowIds.length}`;
21436
- });
21437
- }
21438
- pruneStaleSelectedRowIds() {
21439
- const validIds = new Set(this.queryBodyRows()
21440
- .map((r) => Table.getRowIdForRow(r))
21441
- .filter((id) => !!id));
21442
- const next = this.selectedRowIds.filter((id) => validIds.has(id));
21443
- if (next.length === this.selectedRowIds.length)
21444
- return;
21445
- this.selectedRowIds = next;
21446
- this.applyBodyCheckboxStates();
21447
- this.applyHeaderCheckboxState();
21448
- this.syncRowSelectedProps();
21449
- this.emitCompositionalSelection();
21450
- }
21451
- static getBodyRowCheckboxAriaLabel(row, selectionColIndex) {
21452
- var _a, _b;
21453
- const cells = Table.getBodyRowCells(row);
21454
- const labelCell = cells.find((c, i) => (selectionColIndex === null || i !== selectionColIndex) &&
21455
- !c.hasAttribute(ROW_REORDER_MARK));
21456
- const first = labelCell !== null && labelCell !== void 0 ? labelCell : cells[0];
21457
- if (!first)
21458
- return 'Select row';
21459
- const raw = (_b = (_a = first.textContent) === null || _a === void 0 ? void 0 : _a.replace(/\s+/g, ' ').trim()) !== null && _b !== void 0 ? _b : '';
21460
- if (!raw)
21461
- return 'Select row';
21462
- const truncated = raw.length > 100 ? `${raw.slice(0, 100)}…` : raw;
21463
- return `Select row, ${truncated}`;
21464
- }
21465
- applyBodyCheckboxStates() {
21466
- const selectionIdx = this.getSelectionColumnIndex();
21467
- if (selectionIdx === null)
21468
- return;
21469
- this.queryBodyRows().forEach((row) => {
21470
- const rowId = Table.getRowIdForRow(row);
21471
- const cells = Table.getBodyRowCells(row);
21472
- const cell = cells[selectionIdx];
21473
- const cb = cell === null || cell === void 0 ? void 0 : cell.querySelector('xpl-checkbox');
21474
- if (!cb || !rowId)
21475
- return;
21476
- cb.checked = this.selectedRowIds.includes(rowId);
21477
- cb.disabled = row.disabled;
21478
- cb.value = rowId;
21479
- cb.setAttribute('aria-label', Table.getBodyRowCheckboxAriaLabel(row, selectionIdx));
21480
- });
21481
- }
21482
- getHeaderCheckboxCell() {
21483
- const idx = this.getSelectionColumnIndex();
21484
- if (idx === null)
21485
- return null;
21486
- const cells = this.getCompositionalHeaderCells();
21487
- const cell = cells[idx];
21488
- if (!cell || cell.getAttribute('type') !== 'checkbox')
21489
- return null;
21490
- return cell;
21491
- }
21492
- applyHeaderCheckboxState() {
21493
- const cell = this.getHeaderCheckboxCell();
21494
- if (!cell)
21495
- return;
21496
- const selectableRows = this.querySelectableBodyRows();
21497
- const ids = selectableRows
21498
- .map((r) => Table.getRowIdForRow(r))
21499
- .filter((id) => !!id);
21500
- const selectedCount = ids.filter((id) => this.selectedRowIds.includes(id)).length;
21501
- const allSelected = ids.length > 0 && selectedCount === ids.length;
21502
- const indeterminate = selectedCount > 0 && !allSelected;
21503
- cell.checked = allSelected;
21504
- cell.indeterminate = indeterminate;
21505
- }
21506
- syncRowSelectedProps() {
21507
- this.queryBodyRows().forEach((row) => {
21508
- const id = Table.getRowIdForRow(row);
21509
- const selected = id ? this.selectedRowIds.includes(id) : false;
21510
- row.selected = selected;
21511
- });
21512
- }
21513
- emitCompositionalSelection() {
21514
- const ids = this.selectedRowIds;
21515
- const key = ids.join('\u0001');
21516
- if (key === this.lastEmittedRowSelectionKey) {
21517
- return;
21518
- }
21519
- this.lastEmittedRowSelectionKey = key;
21520
- this.rowSelectionChange.emit({ selectedRowIds: [...ids] });
21521
- }
21522
- isEventFromThisTable(target) {
21523
- if (target == null || typeof target !== 'object')
21524
- return false;
21525
- const t = target;
21526
- const start = 'closest' in t && typeof t.closest === 'function'
21527
- ? t
21528
- : 'parentElement' in t
21529
- ? t.parentElement
21530
- : null;
21531
- if (!start)
21532
- return false;
21533
- const nearest = start.closest('xpl-table');
21534
- return nearest === this.el;
21535
- }
21536
- static sortKeyFromHeaderCell(cell, columnIndex) {
21537
- var _a, _b;
21538
- const c = cell;
21539
- const raw = ((_b = (_a = c.sortKey) !== null && _a !== void 0 ? _a : c.label) !== null && _b !== void 0 ? _b : '').trim();
21540
- if (raw.length > 0) {
21541
- return raw.replace(/ /g, '-').toLowerCase();
21542
- }
21543
- return `column-${columnIndex}`;
21544
- }
21545
- handleCompositionalHeaderSort(ev) {
21546
- var _a;
21547
- if (this.isLegacyMode)
21548
- return;
21549
- if (!this.isEventFromThisTable(ev.target))
21550
- return;
21551
- const source = ev.target;
21552
- const headerRow = (_a = source.closest('xpl-table-header xpl-table-row')) !== null && _a !== void 0 ? _a : source.closest('xpl-table-row');
21553
- if (!headerRow || !this.el.contains(headerRow))
21554
- return;
21555
- const cells = Array.from(headerRow.querySelectorAll('xpl-table-header-cell'));
21556
- const { columnIndex } = ev.detail;
21557
- const target = cells[columnIndex];
21558
- if (!(target === null || target === void 0 ? void 0 : target.sortable))
21559
- return;
21560
- const next = cycleSortDirection(target.sortDirection);
21561
- cells.forEach((cell, i) => {
21562
- const hc = cell;
21563
- if (!hc.sortable)
21564
- return;
21565
- hc.sortDirection = i === columnIndex ? next : null;
21566
- });
21567
- const sortState = {};
21568
- cells.forEach((cell, i) => {
21569
- var _a;
21570
- const hc = cell;
21571
- if (!hc.sortable)
21572
- return;
21573
- sortState[Table.sortKeyFromHeaderCell(hc, i)] = (_a = hc.sortDirection) !== null && _a !== void 0 ? _a : null;
21574
- });
21575
- const sortTypeArr = cells.map((cell) => {
21576
- var _a;
21577
- const hc = cell;
21578
- return hc.sortable ? ((_a = hc.sortDirection) !== null && _a !== void 0 ? _a : null) : null;
21579
- });
21580
- const colName = Table.sortKeyFromHeaderCell(cells[columnIndex], columnIndex);
21581
- const detail = Object.assign(Object.assign({}, sortState), { colNum: columnIndex, colName,
21582
- sortTypeArr });
21583
- this.sortChanged.emit(detail);
21584
- }
21585
- legacySortStatePayload() {
21586
- var _a;
21587
- const out = {};
21588
- if (!((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length))
21589
- return out;
21590
- this.columns.forEach((col, i) => {
21591
- var _a;
21592
- const key = col.replace(/ /g, '-').toLowerCase();
21593
- out[key] = (_a = this.sortTypeArray[i]) !== null && _a !== void 0 ? _a : null;
21594
- });
21595
- return out;
21596
- }
21597
- legacySortChangedDetail(colNum) {
21598
- var _a, _b;
21599
- const base = this.legacySortStatePayload();
21600
- const title = (_b = (_a = this.columns) === null || _a === void 0 ? void 0 : _a[colNum]) !== null && _b !== void 0 ? _b : '';
21601
- const colName = title.replace(/ /g, '-').toLowerCase();
21602
- return Object.assign(Object.assign({}, base), { colNum,
21603
- colName, sortTypeArr: [...this.sortTypeArray] });
21604
- }
21605
- getCompositionalHeaderCells() {
21606
- var _a;
21607
- const header = (_a = Array.from(this.el.children).find((c) => c.tagName.toLowerCase() === 'xpl-table-header')) !== null && _a !== void 0 ? _a : null;
21608
- if (!header)
21609
- return [];
21610
- const firstRow = Array.from(header.children).find((c) => c.tagName.toLowerCase() === 'xpl-table-row');
21611
- const container = firstRow !== null && firstRow !== void 0 ? firstRow : header;
21612
- return Array.from(container.children).filter((c) => c.tagName.toLowerCase() === 'xpl-table-header-cell');
21613
- }
21614
- updateColumnWidths() {
21615
- const headerCells = this.getCompositionalHeaderCells();
21616
- const columnWidths = headerCells.map((cell) => getGridColumnWidthFromHeaderCell(cell));
21617
- const next = columnWidths.join(' ');
21618
- const n = headerCells.length;
21619
- if (n === this.colCount && this.colCount > 0 && this.columnWidthsToken === next) {
21620
- return;
21621
- }
21622
- this.el.style.setProperty('--column-widths', next);
21623
- this.colCount = n;
21624
- this.columnWidthsToken = next;
21625
- }
21626
- handleSort(clickEvt, isColumnSortable, colNum) {
21627
- clickEvt.preventDefault();
21628
- clickEvt.stopPropagation();
21629
- if (!isColumnSortable)
21630
- return;
21631
- this.sortTypeArray = this.sortTypeArray.map((val, i) => {
21632
- if (i !== colNum)
21633
- return null;
21634
- switch (val) {
21635
- case 'asc':
21636
- return 'desc';
21637
- case 'desc':
21638
- return null;
21639
- default:
21640
- return 'asc';
21641
- }
21642
- });
21643
- const evt = this.sortChanged.emit(this.legacySortChangedDetail(colNum));
21644
- if (!evt.defaultPrevented)
21645
- this.sortBy(colNum, this.sortTypeArray);
21646
- }
21647
- renderLegacy() {
21648
- var _a;
21649
- if (this.columns &&
21650
- (!this.sortTypeArray || this.sortTypeArray.length !== this.columns.length)) {
21651
- this.sortTypeArray = this.columns.map(() => null);
21652
- }
21653
- return (h(Host, null, h("div", { class: "xpl-table-container", onScroll: this.onLegacyScroll, ref: (el) => {
21654
- this.container = el;
21655
- } }, h("table", { class: {
21656
- 'xpl-table': true,
21657
- 'xpl-table--legacy': true,
21658
- 'xpl-table--striped': this.striped,
21659
- 'xpl-table--freeze': this.freeze,
21660
- 'xpl-table--has-scrolled': this.hasScrolled,
21661
- } }, this.columns && (h("thead", null, this.columns.map((column, i) => {
21662
- var _a, _b;
21663
- const iconType = getIconType((_b = (_a = this.sortTypeArray) === null || _a === void 0 ? void 0 : _a[i]) !== null && _b !== void 0 ? _b : null);
21664
- const isColumnSortable = !!(this.isSortable && this.sortableColumns[i]);
21665
- return (h("th", null, h("label", { onClick: (e) => this.handleSort(e, isColumnSortable, i), class: isColumnSortable ? 'cursor-pointer' : '' }, this.multiselect && i === 0 && (h("input", { checked: this.areAllSelected, id: "__xpl-table-th", indeterminate: !this.areAllSelected &&
21666
- this.selected.some((a) => a), onClick: (e) => {
21667
- e.stopPropagation();
21668
- this.selectAll(e);
21669
- }, type: "checkbox", value: `select-all-${this.selectAllValue}` })), column, isColumnSortable && !!this.sortTypeArray[i] && (h("xpl-icon", { icon: iconType, size: 16 })))));
21670
- }))), h("tbody", null, this.rowData.map((row, rowNum) => (h("tr", { class: this.selected && this.selected[rowNum]
21671
- ? 'xpl-table-row-selected'
21672
- : '' }, row.map((cell, i) => (h("td", null, this.multiselect && i === 0 ? (h("label", { htmlFor: `__xpl-table-row-${rowNum}` }, h("input", { id: `__xpl-table-row-${rowNum}`, checked: !!this.selected[rowNum], type: "checkbox", onChange: (e) => this.selectOne(e, rowNum), value: this.selectedValues.length > 0
21673
- ? this.selectedValues[rowNum]
21674
- : `xpl-table-checkbox-${rowNum}` }), h("div", { innerHTML: cell }))) : (h("div", { innerHTML: cell }))))))))), ((_a = this.rowFooterData) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("tfoot", null, this.rowFooterData.map((row) => (h("tr", null, row.map((cell) => (h("td", null, h("div", { innerHTML: cell })))))))))))));
21675
- }
21676
- renderCompositional() {
21677
- const selectionToolbarCount = this.selectedRowIds.length;
21678
- return (h(Host, { role: "grid", "aria-label": this.label, "aria-colcount": this.colCount > 0 ? this.colCount : undefined, class: {
21679
- 'xpl-table': true,
21680
- 'xpl-table--striped': this.striped,
21681
- 'xpl-table--freeze': this.freeze,
21682
- 'xpl-table--has-scrolled': this.hasScrolled,
21683
- 'xpl-table--selectable': !!this.selectable,
21684
- 'xpl-table--selection-active': !!this.selectable && this.selectedRowIds.length > 0,
21685
- 'xpl-table--row-reorderable': !!this.rowReorderable,
21686
- }, onScroll: this.onGridScroll }, this.rowReorderable && (h("div", { class: "xpl-table__reorder-live", "aria-live": "assertive", "aria-atomic": "true" }, this.reorderLiveMessage)), this.selectable && (h("div", { class: {
21687
- 'xpl-toolbar': true,
21688
- hidden: selectionToolbarCount === 0,
21689
- 'xpl-table__toolbar': true,
21690
- } }, h("div", { class: "toolbar" }, h("p", { class: "selected-item-count" }, selectionToolbarCount, " Selected"), h("div", { class: "actions" }, h("slot", { name: "toolbar-actions-left" }), h("slot", { name: "toolbar-actions-right" }))))), h("slot", null)));
21691
- }
21692
- render() {
21693
- return this.isLegacyMode ? this.renderLegacy() : this.renderCompositional();
21570
+ return (h(Host, { key: '10b0bfd08e28fada9a2c8509d405c5314cce1689' }, h("div", { key: '8e5b4fe928618b175a58f858f6cfd65f4bd29c53', class: "xpl-table-container", onScroll: this.onScroll, ref: (el) => {
21571
+ this.container = el;
21572
+ } }, h("table", { key: 'a6df646737b9a1d5e67cebe9eaad41911ab606ca', class: {
21573
+ 'xpl-table': true,
21574
+ 'xpl-table--striped': this.striped,
21575
+ 'xpl-table--freeze': this.freeze,
21576
+ 'xpl-table--has-scrolled': this.hasScrolled,
21577
+ } }, this.columns && (h("thead", { key: '5f14766107d69f26b865f63c323d417f43260267' }, this.columns.map((column, i) => {
21578
+ var _a;
21579
+ const iconType = getIconType((_a = this.sortTypeArray) === null || _a === void 0 ? void 0 : _a[i]);
21580
+ const isColumnSortable = !!(this.isSortable && this.sortableColumns[i]);
21581
+ return (h("th", null, h("label", { onClick: (e) => this.handleSort(e, isColumnSortable, i, column.replace(/ /g, '-').toLowerCase()), class: isColumnSortable ? 'cursor-pointer' : '' }, this.multiselect && i === 0 && (h("input", { checked: this.areAllSelected, id: "__xpl-table-th", indeterminate: !this.areAllSelected &&
21582
+ this.selected.some((a) => a), onClick: (e) => {
21583
+ e.stopPropagation();
21584
+ this.selectAll(e);
21585
+ }, type: "checkbox", value: `select-all-${this.selectAllValue}` })), column, isColumnSortable && !!this.sortTypeArray[i] && (h("xpl-icon", { icon: iconType, size: 16 })))));
21586
+ }))), h("tbody", { key: 'b13ca1d1a738de189d4f040dfd309187671b341d' }, this.rowData.map((row, rowNum) => (h("tr", { class: this.selected && this.selected[rowNum]
21587
+ ? 'xpl-table-row-selected'
21588
+ : '' }, row.map((cell, i) => (h("td", null, this.multiselect && i === 0 ? (h("label", { htmlFor: `__xpl-table-row-${rowNum}` }, h("input", { id: `__xpl-table-row-${rowNum}`, checked: !!this.selected[rowNum], type: "checkbox", onChange: (e) => this.selectOne(e, rowNum), value: this.selectedValues.length > 0
21589
+ ? this.selectedValues[rowNum]
21590
+ : `xpl-table-checkbox-${rowNum}` }), h("div", { innerHTML: cell }))) : (h("div", { innerHTML: cell }))))))))), ((_a = this.rowFooterData) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("tfoot", { key: '5d45854ba21aa7e0bfaaf3b8a537e0c121538ac9' }, this.rowFooterData.map((row) => (h("tr", null, row.map((cell) => (h("td", null, h("div", { innerHTML: cell })))))))))))));
21694
21591
  }
21695
21592
  get el() { return getElement(this); }
21696
21593
  static get watchers() { return {
21697
- "columns": [{
21698
- "watchColumns": 0
21699
- }],
21700
21594
  "data": [{
21701
21595
  "watchData": 0
21702
21596
  }],
21703
21597
  "footer": [{
21704
21598
  "watchFooterData": 0
21705
21599
  }],
21706
- "reorderHandleIcon": [{
21707
- "watchReorderHandleIcon": 0
21708
- }],
21709
- "reorderHandleIconKeyboard": [{
21710
- "watchReorderHandleIconKeyboard": 0
21711
- }],
21712
- "rowReorderable": [{
21713
- "watchRowReorderable": 0
21714
- }],
21715
- "selectable": [{
21716
- "watchSelectable": 0
21717
- }]
21718
- }; }
21719
- };
21720
-
21721
- const XplTableBody = class {
21722
- constructor(hostRef) {
21723
- registerInstance(this, hostRef);
21724
- }
21725
- render() {
21726
- return (h(Host, { key: '7320d9e105bbd49c3ce38b8c199b965a3863440c', role: "rowgroup", class: "xpl-table-body" }, h("slot", { key: '3df8f5a49bca0c8b50126cb41e59e1209e57fc6b' })));
21727
- }
21728
- };
21729
-
21730
- function isDisablableControl(el) {
21731
- switch (el.tagName) {
21732
- case 'BUTTON':
21733
- case 'INPUT':
21734
- case 'SELECT':
21735
- case 'TEXTAREA':
21736
- case 'FIELDSET':
21737
- case 'OPTGROUP':
21738
- case 'OPTION':
21739
- return true;
21740
- default:
21741
- return false;
21742
- }
21743
- }
21744
- const XplTableCell = class {
21745
- constructor(hostRef) {
21746
- registerInstance(this, hostRef);
21747
- this.align = 'left';
21748
- this.bold = false;
21749
- this.disabled = false;
21750
- this.underline = false;
21751
- }
21752
- onDisabledChange() {
21753
- this.propagateDisabledToSlotted();
21754
- }
21755
- componentDidLoad() {
21756
- this.propagateDisabledToSlotted();
21757
- }
21758
- propagateDisabledToSlotted() {
21759
- const setControlDisabled = (element) => {
21760
- if (!isDisablableControl(element)) {
21761
- return;
21762
- }
21763
- const control = element;
21764
- control.disabled = this.disabled;
21765
- if (this.disabled) {
21766
- control.setAttribute('disabled', '');
21767
- }
21768
- else {
21769
- control.removeAttribute('disabled');
21770
- }
21771
- };
21772
- const walk = (parent) => {
21773
- Array.from(parent.children).forEach((child) => {
21774
- if (child.tagName === 'XPL-TABLE') {
21775
- return;
21776
- }
21777
- setControlDisabled(child);
21778
- walk(child);
21779
- });
21780
- };
21781
- walk(this.el);
21782
- }
21783
- render() {
21784
- return (h(Host, { key: '91700fc89eff07fc5c54474c12e3a02eb602c6c3', role: "gridcell", class: {
21785
- 'xpl-table-cell': true,
21786
- [`xpl-table-cell--align-${this.align}`]: true,
21787
- 'xpl-table-cell--bold': this.bold,
21788
- 'xpl-table-cell--underline': this.underline,
21789
- 'xpl-table-cell--disabled': this.disabled,
21790
- } }, h("slot", { key: '5e956de9f694db16d9f5ea89bda1ff05a15e9efa' })));
21791
- }
21792
- get el() { return getElement(this); }
21793
- static get watchers() { return {
21794
- "disabled": [{
21795
- "onDisabledChange": 0
21796
- }]
21797
- }; }
21798
- };
21799
-
21800
- const XplTableFooter = class {
21801
- constructor(hostRef) {
21802
- registerInstance(this, hostRef);
21803
- }
21804
- render() {
21805
- return (h(Host, { key: '891052963f727f283783138363c9a925cb59140b', role: "rowgroup", class: "xpl-table-footer" }, h("slot", { key: 'df01f64a46ecd29380df26e053c2a6c246a22556' })));
21806
- }
21807
- };
21808
-
21809
- const XplTableFooterCell = class {
21810
- constructor(hostRef) {
21811
- registerInstance(this, hostRef);
21812
- this.align = 'left';
21813
- }
21814
- render() {
21815
- return (h(Host, { key: '452cb6ac0333ca57329341404343c290c63fc508', role: "gridcell", class: {
21816
- 'xpl-table-footer-cell': true,
21817
- [`xpl-table-footer-cell--align-${this.align}`]: true,
21818
- } }, h("slot", { key: 'db6d5848f2aa009437317b9e71a47f0ca9245161' })));
21819
- }
21820
- };
21821
-
21822
- const TableHeader = class {
21823
- constructor(hostRef) {
21824
- registerInstance(this, hostRef);
21825
- }
21826
- render() {
21827
- return (h(Host, { key: '70eac99819cc3acbbfb54607fc657fb27bd26b4b', role: "rowgroup", class: "xpl-table-header" }, h("slot", { key: '9c46b25d247603f8c87a3994615bd45c617d9bb9' })));
21828
- }
21829
- };
21830
-
21831
- const TableHeaderCell = class {
21832
- constructor(hostRef) {
21833
- registerInstance(this, hostRef);
21834
- this.headerCheckboxChange = createEvent(this, "headerCheckboxChange", 7);
21835
- this.headerSortChange = createEvent(this, "headerSortChange", 7);
21836
- this.align = 'left';
21837
- this.checked = false;
21838
- this.indeterminate = false;
21839
- this.label = '';
21840
- this.sortable = false;
21841
- this.type = 'label';
21842
- this.onHeaderInnerCheckboxChange = (ev) => {
21843
- const { detail } = ev;
21844
- const checked = typeof detail === 'boolean' ? detail : Boolean(detail);
21845
- this.headerCheckboxChange.emit(checked);
21846
- };
21847
- this.onSortActivate = (event) => {
21848
- event.preventDefault();
21849
- event.stopPropagation();
21850
- if (!this.sortable || this.type !== 'label')
21851
- return;
21852
- const columnIndex = this.getColumnIndex0();
21853
- const sortKey = this.getSortKeySlug();
21854
- if (!this.el.closest('xpl-table')) {
21855
- this.sortDirection = cycleSortDirection(this.sortDirection);
21856
- }
21857
- this.headerSortChange.emit({
21858
- columnIndex,
21859
- sortKey,
21860
- });
21861
- };
21862
- }
21863
- watchColumnWidth() {
21864
- this.notifyColumnWidthsChange();
21865
- }
21866
- watchWidth() {
21867
- this.notifyColumnWidthsChange();
21868
- }
21869
- componentDidLoad() {
21870
- this.notifyColumnWidthsChange();
21871
- }
21872
- notifyColumnWidthsChange() {
21873
- this.el.dispatchEvent(new CustomEvent(XPL_TABLE_COLUMN_WIDTHS_CHANGE_EVENT, {
21874
- bubbles: true,
21875
- composed: true,
21876
- }));
21877
- }
21878
- getColumnIndex0() {
21879
- var _a, _b;
21880
- return Array.from((_b = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.children) !== null && _b !== void 0 ? _b : []).indexOf(this.el);
21881
- }
21882
- getSortKeySlug() {
21883
- var _a, _b;
21884
- const raw = ((_b = (_a = this.sortKey) !== null && _a !== void 0 ? _a : this.label) !== null && _b !== void 0 ? _b : '').trim();
21885
- if (raw.length > 0) {
21886
- return raw.replace(/ /g, '-').toLowerCase();
21887
- }
21888
- return `column-${this.getColumnIndex0()}`;
21889
- }
21890
- renderLabelContent() {
21891
- if (this.sortable) {
21892
- const iconName = getSortAffordanceIconName(this.sortDirection);
21893
- const sortActive = this.sortDirection === 'asc' || this.sortDirection === 'desc';
21894
- return (h("button", { type: "button", class: "xpl-table-header-cell__sort", onClick: this.onSortActivate }, h("span", { class: "xpl-table-header-cell__text" }, h("slot", null, this.label)), h("xpl-icon", { class: {
21895
- 'xpl-table-header-cell__sort-icon': true,
21896
- 'xpl-table-header-cell__sort-icon--active': sortActive,
21897
- 'xpl-table-header-cell__sort-icon--default': !sortActive,
21898
- }, icon: iconName, size: 16 })));
21899
- }
21900
- return (h("span", { class: "xpl-table-header-cell__text" }, h("slot", null, this.label)));
21901
- }
21902
- render() {
21903
- const colIndex = this.getColumnIndex0() + 1;
21904
- const renderContent = () => {
21905
- var _a;
21906
- switch (this.type) {
21907
- case 'label':
21908
- return this.renderLabelContent();
21909
- case 'checkbox':
21910
- return (h("xpl-checkbox", { ariaLabel: (_a = this.checkboxAriaLabel) !== null && _a !== void 0 ? _a : 'Select all rows', checked: this.checked, indeterminate: this.indeterminate, onCheckboxChange: this.onHeaderInnerCheckboxChange }));
21911
- case 'icon':
21912
- return h("xpl-icon", { icon: this.icon, size: 20 });
21913
- case 'empty':
21914
- return null;
21915
- default:
21916
- return '';
21917
- }
21918
- };
21919
- const effectiveAlign = (this.type === 'checkbox' || this.type === 'icon') && this.align === 'left'
21920
- ? 'center'
21921
- : this.align;
21922
- const alignClass = `xpl-table-header-cell--align-${effectiveAlign}`;
21923
- const ariaSort = this.type === 'label' && this.sortable
21924
- ? this.sortDirection === 'asc'
21925
- ? 'ascending'
21926
- : this.sortDirection === 'desc'
21927
- ? 'descending'
21928
- : 'none'
21929
- : undefined;
21930
- return (h(Host, { role: "columnheader", "aria-colindex": colIndex, class: {
21931
- 'xpl-table-header-cell': true,
21932
- [alignClass]: true,
21933
- 'xpl-table-header-cell--checkbox': this.type === 'checkbox',
21934
- 'xpl-table-header-cell--icon': this.type === 'icon',
21935
- 'xpl-table-header-cell--empty': this.type === 'empty',
21936
- 'xpl-table-header-cell--sortable': this.sortable && this.type === 'label',
21937
- }, "aria-checked": this.type === 'checkbox'
21938
- ? this.indeterminate
21939
- ? 'mixed'
21940
- : this.checked
21941
- ? 'true'
21942
- : 'false'
21943
- : undefined, "aria-sort": ariaSort }, this.type === 'empty' ? null : renderContent()));
21944
- }
21945
- get el() { return getElement(this); }
21946
- static get watchers() { return {
21947
- "columnWidth": [{
21948
- "watchColumnWidth": 0
21949
- }],
21950
- "width": [{
21951
- "watchWidth": 0
21952
- }]
21953
- }; }
21954
- };
21955
-
21956
- function isTableCell(node) {
21957
- return node.nodeName === 'XPL-TABLE-CELL';
21958
- }
21959
- const XplTableRow = class {
21960
- constructor(hostRef) {
21961
- registerInstance(this, hostRef);
21962
- this.disabled = false;
21963
- this.selected = false;
21964
- }
21965
- onDisabledChange() {
21966
- this.propagateDisabledToCells();
21967
- }
21968
- connectedCallback() {
21969
- if (typeof MutationObserver === 'undefined')
21970
- return;
21971
- this.cellObserver = new MutationObserver((mutations) => {
21972
- mutations.forEach((mutation) => {
21973
- if (mutation.type !== 'childList')
21974
- return;
21975
- mutation.addedNodes.forEach((node) => {
21976
- if (isTableCell(node)) {
21977
- node.disabled = this.disabled;
21978
- }
21979
- });
21980
- });
21981
- });
21982
- this.cellObserver.observe(this.el, { childList: true });
21983
- }
21984
- disconnectedCallback() {
21985
- var _a;
21986
- (_a = this.cellObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
21987
- this.cellObserver = undefined;
21988
- }
21989
- componentDidLoad() {
21990
- this.propagateDisabledToCells();
21991
- }
21992
- propagateDisabledToCells() {
21993
- const cells = Array.from(this.el.children).filter(isTableCell);
21994
- cells.forEach((cell) => {
21995
- cell.disabled = this.disabled;
21996
- });
21997
- }
21998
- render() {
21999
- return (h(Host, { key: '4abcdcd80a317aec5d2a131d9e8d0331f434e989', role: "row", class: {
22000
- 'xpl-table-row': true,
22001
- 'xpl-table-row--disabled': this.disabled,
22002
- 'xpl-table-row--selected': this.selected,
22003
- } }, h("slot", { key: 'b2530a240b2e4c7eb4fb4a7691a86242eb9aee16' })));
22004
- }
22005
- get el() { return getElement(this); }
22006
- static get watchers() { return {
22007
- "disabled": [{
22008
- "onDisabledChange": 0
21600
+ "columns": [{
21601
+ "watchColumns": 0
22009
21602
  }]
22010
21603
  }; }
22011
21604
  };
@@ -22330,11 +21923,11 @@ const Tabs = class {
22330
21923
  }
22331
21924
  render() {
22332
21925
  const isSegment = this.type === 'segment';
22333
- return (h(Host, { key: '56e4284e5a8fd492ebedcc963ddc2218f75c58c6', class: {
21926
+ return (h(Host, { key: '9998ae067e13e7c08338ae29bfe05bc3adacaa87', class: {
22334
21927
  'xpl-tabs': true,
22335
21928
  'xpl-tabs--full-width': this.fullWidth,
22336
21929
  'xpl-tabs--segment': isSegment,
22337
- }, "data-choices-tick": this.choicesTick }, h("xpl-select", { key: 'bd22e0a513a068915a206d48f8011cb779abdf44', classNames: this.mobileSelectClassNames(), choices: this.renderChoices(), disabled: this.disabled, selectedValues: this.selectedValue, onDropdownStateChange: (event) => {
21930
+ }, "data-choices-tick": this.choicesTick }, h("xpl-select", { key: '18209c354e77267a13ce0c7380df0e419595cca7', classNames: this.mobileSelectClassNames(), choices: this.renderChoices(), disabled: this.disabled, selectedValues: this.selectedValue, onDropdownStateChange: (event) => {
22338
21931
  if (event.detail) {
22339
21932
  this.isMobileSelectChange = true;
22340
21933
  }
@@ -22345,17 +21938,17 @@ const Tabs = class {
22345
21938
  this.tabChange.emit(selectedValue);
22346
21939
  this.isMobileSelectChange = false;
22347
21940
  }
22348
- } }), h("nav", { key: 'b56a5a8435cbba117f7b66711a4bad4a0df1b808', "aria-orientation": "horizontal", class: "xpl-tabs__headings", role: "tablist", ref: (el) => {
21941
+ } }), h("nav", { key: 'cf1bf2ec95fbbe7f0a6b8774cc5ce26928c7d6ca', "aria-orientation": "horizontal", class: "xpl-tabs__headings", role: "tablist", ref: (el) => {
22349
21942
  this.headingsContainerRef = el;
22350
21943
  }, onTabChange: (event) => {
22351
21944
  event.stopPropagation();
22352
21945
  this.isMobileSelectChange = false;
22353
21946
  this.handleTabChange(event.detail);
22354
21947
  this.tabChange.emit(event.detail);
22355
- } }, !isSegment && (h("div", { key: '77c1c13e85a172da519e5081364808f8a873eb54', class: "xpl-tabs__active-bar", style: {
21948
+ } }, !isSegment && (h("div", { key: '5bfd13566a17723ec166a934bc72e59307eacb8c', class: "xpl-tabs__active-bar", style: {
22356
21949
  transform: `translateX(${this.activeBarPosition.left}px)`,
22357
21950
  width: `${this.activeBarPosition.width}px`,
22358
- } })), h("slot", { key: '24e4b6409fbfa26f859d64d4d37493a711006368', name: "heading" })), h("div", { key: '2a364d45d6377131c2809d25373bc90512f11307', class: "xpl-tabs__panels" }, h("slot", { key: '59335370a20458fc36bfa33a2a117744ce4434fc', name: "panel" }))));
21951
+ } })), h("slot", { key: '52baf508a46759fe908f8721b3089d3db0189383', name: "heading" })), h("div", { key: '363fe87f244eace0dc0af0903e0b8c25da3a613f', class: "xpl-tabs__panels" }, h("slot", { key: 'f3872844f486cf831bca26a228eba88fa18b42c3', name: "panel" }))));
22359
21952
  }
22360
21953
  get el() { return getElement(this); }
22361
21954
  static get watchers() { return {
@@ -22501,7 +22094,7 @@ const Tag = class {
22501
22094
  }
22502
22095
  render() {
22503
22096
  const dragEnabled = this.isDraggable && !this.disabled;
22504
- return (h(Host, { key: '117319681b3edca99c97361353fd1775a0b9b32f', class: {
22097
+ return (h(Host, { key: '7e85098bb9f5e8c0fceee3e7947337e0799c4de8', class: {
22505
22098
  'xpl-tag': true,
22506
22099
  'xpl-tag-container': true,
22507
22100
  'xpl-tag--disabled': this.disabled,
@@ -22509,7 +22102,7 @@ const Tag = class {
22509
22102
  'xpl-tag--dragging': this.isDragging,
22510
22103
  'xpl-tag--draggable': dragEnabled,
22511
22104
  'xpl-tag--sm': this.size === 'sm',
22512
- }, onDragOver: dragEnabled ? this.handleDragOver : undefined, onDragEnter: dragEnabled ? this.handleDragEnter : undefined, onDragStart: this.isDraggable ? this.handleHostDragStart : undefined }, dragEnabled ? (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 }, h("slot", null))) : (h("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, h("slot", null))), this.dismissible && (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 }, h("xpl-icon", { key: 'ed0419c92f526424bb1b9cd43e93ba119348da07', icon: "xmark", size: 10 })))));
22105
+ }, onDragOver: dragEnabled ? this.handleDragOver : undefined, onDragEnter: dragEnabled ? this.handleDragEnter : undefined, onDragStart: this.isDraggable ? this.handleHostDragStart : undefined }, dragEnabled ? (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 }, h("slot", null))) : (h("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, h("slot", null))), this.dismissible && (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 }, h("xpl-icon", { key: '431f061a4c96dacb9dc76a753c9d2de01491b2be', icon: "xmark", size: 10 })))));
22513
22106
  }
22514
22107
  get el() { return getElement(this); }
22515
22108
  static get watchers() { return {
@@ -22559,9 +22152,9 @@ const Toast = class {
22559
22152
  }
22560
22153
  render() {
22561
22154
  var _a;
22562
- return (h(Host, { key: 'c9abdb6db66a9dad0d6ed3d2e6d178ea34852c86', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, h("div", { key: '7057e31e0f25dab1ba8b093f1dca15e6f08c44e4', class: "xpl-toast__left" }, this.showIcon && (h("div", { key: '7875c518753729ae39a7bb9f2051751924a0d558', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), h("div", { key: 'e38c7d0593c16f3dfa83bc4e521f89ee644b46d4', class: "xpl-toast__notification" }, h("p", { key: '8186437158381780554d2509a806704c52450f8c', class: "xpl-toast__title" }, h("slot", { key: '0aa8df0520c33b4576acfb1ad4750a72928b94d5', name: "title" })), this.caption !== '' && (h("p", { key: '3a4ce8f73e498373344b8b692e624f177212a70a', class: "xpl-toast__caption" }, (_a = this.caption) === null || _a === void 0 ? void 0 : _a.substring(0, 85))))), h("div", { key: '636ff5b9476cea09d21b97f3e1b78860a6f10669', class: "xpl-toast__action", ref: (el) => {
22155
+ return (h(Host, { key: '4f470ceb525c35a86ddbf65365fac1674ebe7033', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, h("div", { key: '04da6ca2777ceb222da2f4fd831d8aef5101a667', class: "xpl-toast__left" }, this.showIcon && (h("div", { key: '0e5e75aa05e96361700c0c7b9eccbc4c5b75a00c', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), h("div", { key: 'f1ccc651318b6d7128255918bdd68ef36a249e9f', class: "xpl-toast__notification" }, h("p", { key: '1ae879d8a670a0f1a4928bfa2a0692581040dca1', class: "xpl-toast__title" }, h("slot", { key: 'b819a773c11b88cb00f8638db8a960de55ce6508', name: "title" })), this.caption !== '' && (h("p", { key: '8f6eb8dd769e4aaf5b16b3caafd9e9ec5408a7e1', class: "xpl-toast__caption" }, (_a = this.caption) === null || _a === void 0 ? void 0 : _a.substring(0, 85))))), h("div", { key: '46ae2f04fa38b50d2a07082b6972590f6bd28005', class: "xpl-toast__action", ref: (el) => {
22563
22156
  this.actionSlot = el;
22564
- } }, h("slot", { key: '733bc27fba998cdbb97cc1124d8449b539a0fc21', name: "action" })), this.dismissable && (h("div", { key: '8f555e8a02c8aed5095ab659a792e19c242dae98', class: "xpl-toast__close" }, h("button", { key: 'ca64c6cb98c4cda5d2dab208afef54db4832e103', tabIndex: 0, onClick: this.dismiss }, h("xpl-icon", { key: 'bf00f852ecffd16504a8ec95f3f6630b1aa569c9', icon: "x" }))))));
22157
+ } }, h("slot", { key: '69512a9b482bb54252527d798dfa2884a19b7d8c', name: "action" })), this.dismissable && (h("div", { key: '818a5f9dde1a9c9b7ab3cd62cd807200e3687af6', class: "xpl-toast__close" }, h("button", { key: '3a617189f8f031e119a125efce0ab35a7f5cf31f', tabIndex: 0, onClick: this.dismiss }, h("xpl-icon", { key: 'd86187aed0665da278f953be5ab92f7051f44438', icon: "x" }))))));
22565
22158
  }
22566
22159
  get el() { return getElement(this); }
22567
22160
  };
@@ -22575,7 +22168,7 @@ const Tooltip = class {
22575
22168
  this.hideArrow = false;
22576
22169
  }
22577
22170
  render() {
22578
- return (h(Host, { key: '9890dea245d2fbd24c67fea6e39ce3430ffc8d81' }, h("div", { key: '0930c7ee1f0e1f6a625f41e34f31d2432fdff7eb', class: "xpl-tooltip-container" }, h("slot", { key: '3b9a8aebce020a13f3d7ef624b59c06e55398907' }), h("div", { key: '50fe33b8bef96df08899b449065558ea8f2ed820', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text), !this.hideArrow && (h("div", { key: 'eddf77e8e8093eff29c5c22fdc3d2b882de4a0ca', class: "xpl-tooltip-arrow" }, h(TooltipArrow, { key: 'fad3bccade4af1d9734d288c32d7951527398853' }))))));
22171
+ return (h(Host, { key: 'a118d629923a433680360f746e063ca94d5f1c6a' }, h("div", { key: 'cfd9742ee2cebd56994480bd2a601cb4e93b12a9', class: "xpl-tooltip-container" }, h("slot", { key: '8aae99e1a187f8f737e896ccfd00d67f1cfeb3b3' }), h("div", { key: '4b418074b2ac7f8760f09e3af033ea93f7a0012e', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text), !this.hideArrow && (h("div", { key: 'ef6a166f78250f1f98eae41661fd7020b36eeaae', class: "xpl-tooltip-arrow" }, h(TooltipArrow, { key: '7baecae00ab178f715c89443d250b068861afe5f' }))))));
22579
22172
  }
22580
22173
  };
22581
22174
 
@@ -22819,7 +22412,7 @@ const TopNav = class {
22819
22412
  }
22820
22413
  render() {
22821
22414
  var _a, _b, _c, _d;
22822
- return (h(Host, { key: '7b9229d9aaa6e462102694f2af4cac513c0a897d', class: {
22415
+ return (h(Host, { key: '9f65d609c6b4cf08b2899216fe8bc70fe0e12db9', class: {
22823
22416
  'xpl-top-nav': true,
22824
22417
  'xpl-top-nav--nav-control': Boolean(this.navControl),
22825
22418
  'xpl-top-nav--open': this.open,
@@ -22827,15 +22420,15 @@ const TopNav = class {
22827
22420
  'xpl-top-nav--has-brand': this.hasBrand,
22828
22421
  'xpl-top-nav--has-user-menu': this.hasUserMenu,
22829
22422
  dark: true,
22830
- } }, h("nav", { key: '15e65c606ec67d5dcb3de7e14dbbb2983d23f097', "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : 'top-navigation-bar', class: "xpl-top-nav__bar" }, h("div", { key: '4dcd01744fac5acfd8370da93d3343fc9be1762c', class: "xpl-top-nav__inner-left" }, this.navControl && (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 }, h("xpl-icon", { key: '1a69e0dac8d98b1331676e9e69fa76cac7a55de5', class: "xpl-top-nav__control-icon", icon: "menu", size: 20 }))), this.hasBrand && (h("div", { key: '5af668cb6533a3f1e91101a1179c614215e3f431', class: "xpl-top-nav__brand-bar" }, 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()) ? (h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: ((_c = this.brandName) === null || _c === void 0 ? void 0 : _c.trim())
22423
+ } }, h("nav", { key: 'a3d613acbe13866886bca363372127e8e869ec2c', "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : 'top-navigation-bar', class: "xpl-top-nav__bar" }, h("div", { key: 'b7057ef80f36e98def53bbfc2a39bd30bacd9b4c', class: "xpl-top-nav__inner-left" }, this.navControl && (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 }, h("xpl-icon", { key: 'cd5fd2cd1cf1dae5c765b63678e14cb87588c3b2', class: "xpl-top-nav__control-icon", icon: "menu", size: 20 }))), this.hasBrand && (h("div", { key: '3cabfe3ce8ff58d9aed0ed9b4adccd896f6cad08', class: "xpl-top-nav__brand-bar" }, 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()) ? (h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: ((_c = this.brandName) === null || _c === void 0 ? void 0 : _c.trim())
22831
22424
  ? this.brandName.trim()
22832
- : 'Brand' })) : this.brandLogoSlotPresent ? (h("span", { class: "xpl-top-nav__brand-logo-slot" }, h("slot", { name: "brand-logo" }))) : null, ((_d = this.brandName) === null || _d === void 0 ? void 0 : _d.trim()) ? (h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), h("div", { key: 'f349c1fa2021e705602eed288e83db9a5dade455', class: {
22425
+ : 'Brand' })) : this.brandLogoSlotPresent ? (h("span", { class: "xpl-top-nav__brand-logo-slot" }, h("slot", { name: "brand-logo" }))) : null, ((_d = this.brandName) === null || _d === void 0 ? void 0 : _d.trim()) ? (h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), h("div", { key: '1e9a1af5fbeca22c0f440556c121c38b8528d9ba', class: {
22833
22426
  'xpl-top-nav__aside': true,
22834
22427
  'xpl-nav-left': true,
22835
- } }, h("div", { key: '718718595ec839e0aef4f703f766d1bedfd65c6b', class: "xpl-top-nav__left-primary", role: "list" }, h("slot", { key: 'ebcb856dc7c6bc247877a1306350073f9990ff18', name: "left-aside" })))), h("div", { key: 'e582c5e3799d471b358c48c34d5c629a5b6db44d', class: {
22428
+ } }, h("div", { key: 'b5d67e1adf5bc6a751be3d8bfa448bdb682039bc', class: "xpl-top-nav__left-primary", role: "list" }, h("slot", { key: 'c738eb6fbda41c8320fa2645fb88f43ef11731b6', name: "left-aside" })))), h("div", { key: '8573832a3922746b2301f9bc8b4fa6ab7e1ac441', class: {
22836
22429
  'xpl-top-nav__aside': true,
22837
22430
  'xpl-nav-right': true,
22838
- } }, h("div", { key: 'eda8ef4e6252b5c7362f1e30e15f9f60df2e77d6', class: "xpl-nav-right__list" }, h("div", { key: 'f99115361d8ec8e8c964f434b1c713488ece962a', class: "xpl-top-nav__right-rail" }, h("div", { key: '0eeea604e76f47ee71c7e2310f7a4764aa47bf39', class: "xpl-top-nav__right-lead" }, h("slot", { key: 'd4fd4fa67af3bc6dbdb4b641e24603fcfc14e920', name: "right-aside" })), this.hasUserMenu ? (h("div", { class: "xpl-top-nav__right-user" }, h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (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
22431
+ } }, h("div", { key: 'a21b318496a47000cde7a0346d3376999e7893ea', class: "xpl-nav-right__list" }, h("div", { key: '5934e7d3976b13abba77b4361b4fe1c6f49bcc2e', class: "xpl-top-nav__right-rail" }, h("div", { key: '49b44ea3d59eec32d6859978754e81ce6acc1bec', class: "xpl-top-nav__right-lead" }, h("slot", { key: '054671b75354700b873a85f08998a14d7fc7073b', name: "right-aside" })), this.hasUserMenu ? (h("div", { class: "xpl-top-nav__right-user" }, h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (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
22839
22432
  ? undefined
22840
22433
  : 'Open account menu' }, this.childAccountLabelText.length > 0
22841
22434
  ? this.childAccountLabelText
@@ -23153,14 +22746,14 @@ const TopNavItem = class {
23153
22746
  return (h("div", Object.assign({}, shared, { role: "button" }), this.icon && h("xpl-icon", { size: 16, icon: this.icon }), this.label ? (h("span", { class: "xpl-top-nav-item__label", title: this.label }, this.label)) : (h("slot", null)), this.hasDropdown && h("xpl-icon", { icon: "chevron-down" })));
23154
22747
  }
23155
22748
  render() {
23156
- return (h(Host, Object.assign({ key: '391dd693aabff902ffd5de50d710d3fab06573e2', class: {
22749
+ return (h(Host, Object.assign({ key: '4758b54726318591f140bcfea8d4db22c70c96ff', class: {
23157
22750
  'xpl-top-nav-item': true,
23158
22751
  'xpl-top-nav-item--active': this.active,
23159
22752
  'xpl-top-nav-item--dropdown-open': this.open,
23160
22753
  'xpl-top-nav-item--has-dropdown': this.hasDropdown,
23161
22754
  'xpl-top-nav-item--selected': this.selected,
23162
22755
  dark: true,
23163
- } }, (this.hostListitemRole ? { role: 'listitem' } : {})), this.renderInner(), this.hasDropdown && (h("div", { key: 'c5d5239d0279722d5a78bc7436a3ebb9247f904d', class: "xpl-top-nav-item__dropdown" }, h("slot", { key: 'f0a735798a09218822fd14174d0c845014c5e557', name: "dropdown" })))));
22756
+ } }, (this.hostListitemRole ? { role: 'listitem' } : {})), this.renderInner(), this.hasDropdown && (h("div", { key: '65f53889e4815fb974d7abe12d13dd8be19c1943', class: "xpl-top-nav-item__dropdown" }, h("slot", { key: '2f4f164deaec561be73a13e2303cc13e037699bb', name: "dropdown" })))));
23164
22757
  }
23165
22758
  get el() { return getElement(this); }
23166
22759
  static get watchers() { return {
@@ -23184,8 +22777,8 @@ const UtilityBar = class {
23184
22777
  this.open = this.isNavOpenAtStartup !== undefined ? this.isNavOpenAtStartup : this.open;
23185
22778
  }
23186
22779
  render() {
23187
- return (h(Host, { key: 'ace824cff0305860bce4dd4da2be0b2f8cf59672' }, h("nav", { key: '0617af3b292b4459900c7e352c9486d666fc501e', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (h("div", null, h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })), h("slot", { key: 'e060a576b15089bc70d030a6c692124294b7eb4e', name: "main" }))));
22780
+ return (h(Host, { key: '2af96247c611b67255b7f285dfb2b8b1dada47cc' }, h("nav", { key: '135186097dd0d8f308a1a08b5fbf4a5537c10f25', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (h("div", null, h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })), h("slot", { key: '3346444f9813b20d8c4ed13b5a0784205dcfbbb1', name: "main" }))));
23188
22781
  }
23189
22782
  };
23190
22783
 
23191
- export { Avatar as xpl_avatar, Backdrop as xpl_backdrop, Badge as xpl_badge, Banner as xpl_banner, BreadcrumbItem as xpl_breadcrumb_item, Breadcrumbs as xpl_breadcrumbs, Button as xpl_button, Checkbox as xpl_checkbox, Choicelist as xpl_choicelist, ContentArea as xpl_content_area, Dashboard as xpl_dashboard, DataCard as xpl_data_card, Divider as xpl_divider, Dropdown as xpl_dropdown, DropdownGroup as xpl_dropdown_group, DropdownHeading as xpl_dropdown_heading, DropdownOptionCpnt as xpl_dropdown_option, HeaderAccordion as xpl_header_accordion, Icon as xpl_icon, Input as xpl_input, InputColor as xpl_input_color, InputDate as xpl_input_date, InputFile as xpl_input_file, InputPhone as xpl_input_phone, InputSearch as xpl_input_search, InputTime as xpl_input_time, List as xpl_list, XplListItem as xpl_list_item, Modal as xpl_modal, NavHeaderMenu as xpl_nav_header_menu, NavItem as xpl_nav_item, Pagination as xpl_pagination, XplPanel as xpl_panel, Popover as xpl_popover, ProgressBar as xpl_progress_bar, ProgressIndicator as xpl_progress_indicator, Radio as xpl_radio, SecondaryNav as xpl_secondary_nav, Select as xpl_select, SideNav as xpl_side_nav, SideNavItem as xpl_side_nav_item, Skeleton as xpl_skeleton, Slideout as xpl_slideout, Spotlight as xpl_spotlight, Tab as xpl_tab, TabPanel as xpl_tab_panel, Table as xpl_table, XplTableBody as xpl_table_body, XplTableCell as xpl_table_cell, XplTableFooter as xpl_table_footer, XplTableFooterCell as xpl_table_footer_cell, TableHeader as xpl_table_header, TableHeaderCell as xpl_table_header_cell, XplTableRow as xpl_table_row, Tabs as xpl_tabs, Tag as xpl_tag, Toast as xpl_toast, Tooltip as xpl_tooltip, TopNav as xpl_top_nav, TopNavItem as xpl_top_nav_item, UtilityBar as xpl_utility_bar };
22784
+ export { Avatar as xpl_avatar, Backdrop as xpl_backdrop, Badge as xpl_badge, Banner as xpl_banner, BreadcrumbItem as xpl_breadcrumb_item, Breadcrumbs as xpl_breadcrumbs, Button as xpl_button, Checkbox as xpl_checkbox, Choicelist as xpl_choicelist, ContentArea as xpl_content_area, Dashboard as xpl_dashboard, DataCard as xpl_data_card, Divider as xpl_divider, Dropdown as xpl_dropdown, DropdownGroup as xpl_dropdown_group, DropdownHeading as xpl_dropdown_heading, DropdownOptionCpnt as xpl_dropdown_option, HeaderAccordion as xpl_header_accordion, Icon as xpl_icon, Input as xpl_input, InputColor as xpl_input_color, InputDate as xpl_input_date, InputFile as xpl_input_file, InputPhone as xpl_input_phone, InputSearch as xpl_input_search, InputTime as xpl_input_time, List as xpl_list, XplListItem as xpl_list_item, Modal as xpl_modal, NavHeaderMenu as xpl_nav_header_menu, NavItem as xpl_nav_item, Pagination as xpl_pagination, XplPanel as xpl_panel, Popover as xpl_popover, ProgressBar as xpl_progress_bar, ProgressIndicator as xpl_progress_indicator, Radio as xpl_radio, SecondaryNav as xpl_secondary_nav, Select as xpl_select, SideNav as xpl_side_nav, SideNavItem as xpl_side_nav_item, Skeleton as xpl_skeleton, Slideout as xpl_slideout, Spotlight as xpl_spotlight, Tab as xpl_tab, TabPanel as xpl_tab_panel, Table as xpl_table, Tabs as xpl_tabs, Tag as xpl_tag, Toast as xpl_toast, Tooltip as xpl_tooltip, TopNav as xpl_top_nav, TopNavItem as xpl_top_nav_item, UtilityBar as xpl_utility_bar };