@spw-ds/spw-stencil-library 1.11.0 → 1.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (491) hide show
  1. package/dist/cem.json +180 -2
  2. package/dist/cjs/{index-B9VTdKwF.js → index-id_AkABS.js} +3 -7
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/spw-accordion_4.cjs.entry.js +1 -1
  5. package/dist/cjs/spw-avatar.cjs.entry.js +1 -1
  6. package/dist/cjs/spw-block-content.cjs.entry.js +2 -2
  7. package/dist/cjs/spw-box.cjs.entry.js +1 -1
  8. package/dist/cjs/spw-breadcrumb-item.cjs.entry.js +1 -1
  9. package/dist/cjs/spw-breadcrumb.cjs.entry.js +1 -1
  10. package/dist/cjs/spw-button_2.cjs.entry.js +2 -2
  11. package/dist/cjs/spw-card-content.cjs.entry.js +2 -2
  12. package/dist/cjs/spw-card-excerpt.cjs.entry.js +1 -1
  13. package/dist/cjs/spw-card-image.cjs.entry.js +5 -3
  14. package/dist/cjs/spw-card-subtag-item.cjs.entry.js +1 -1
  15. package/dist/cjs/spw-card-subtags.cjs.entry.js +1 -1
  16. package/dist/cjs/spw-card-title.cjs.entry.js +1 -1
  17. package/dist/cjs/spw-card.cjs.entry.js +3 -3
  18. package/dist/cjs/spw-checkbox.cjs.entry.js +2 -2
  19. package/dist/cjs/spw-cookies.cjs.entry.js +1 -1
  20. package/dist/cjs/spw-custom-select.cjs.entry.js +1 -1
  21. package/dist/cjs/spw-date-picker.cjs.entry.js +1 -1
  22. package/dist/cjs/spw-dropdown-container.cjs.entry.js +1 -1
  23. package/dist/cjs/spw-dropdown-item.cjs.entry.js +1 -1
  24. package/dist/cjs/spw-dropdown.cjs.entry.js +1 -1
  25. package/dist/cjs/{spw-field-label_7.cjs.entry.js → spw-field-label_8.cjs.entry.js} +100 -29
  26. package/dist/cjs/spw-file-upload.cjs.entry.js +1 -1
  27. package/dist/cjs/spw-footer-bottom.cjs.entry.js +2 -2
  28. package/dist/cjs/spw-footer-content-col.cjs.entry.js +7 -3
  29. package/dist/cjs/spw-footer-content.cjs.entry.js +1 -1
  30. package/dist/cjs/spw-footer-link.cjs.entry.js +3 -3
  31. package/dist/cjs/spw-footer.cjs.entry.js +1 -1
  32. package/dist/cjs/spw-grid-item.cjs.entry.js +3 -3
  33. package/dist/cjs/spw-grid.cjs.entry.js +3 -3
  34. package/dist/cjs/spw-header-lang.cjs.entry.js +2 -2
  35. package/dist/cjs/spw-header-navigation-dropdown.cjs.entry.js +2 -2
  36. package/dist/cjs/spw-header-navigation-item.cjs.entry.js +3 -3
  37. package/dist/cjs/spw-header-navigation.cjs.entry.js +2 -2
  38. package/dist/cjs/spw-header-persona-item.cjs.entry.js +2 -2
  39. package/dist/cjs/spw-header-persona.cjs.entry.js +3 -3
  40. package/dist/cjs/spw-header.cjs.entry.js +5 -3
  41. package/dist/cjs/spw-hero.cjs.entry.js +4 -4
  42. package/dist/cjs/spw-illustration.cjs.entry.js +1 -1
  43. package/dist/cjs/spw-input-slider.cjs.entry.js +2 -2
  44. package/dist/cjs/spw-lightbox-item.cjs.entry.js +5 -3
  45. package/dist/cjs/spw-lightbox.cjs.entry.js +18 -4
  46. package/dist/cjs/spw-list-description.cjs.entry.js +2 -2
  47. package/dist/cjs/spw-list-item.cjs.entry.js +2 -2
  48. package/dist/cjs/spw-list-title.cjs.entry.js +2 -2
  49. package/dist/cjs/spw-list.cjs.entry.js +2 -2
  50. package/dist/cjs/spw-message.cjs.entry.js +1 -1
  51. package/dist/cjs/spw-modal.cjs.entry.js +8 -4
  52. package/dist/cjs/spw-mosaic-item.cjs.entry.js +2 -2
  53. package/dist/cjs/spw-mosaic.cjs.entry.js +2 -2
  54. package/dist/cjs/spw-pagination.cjs.entry.js +7 -7
  55. package/dist/cjs/spw-radio.cjs.entry.js +3 -3
  56. package/dist/cjs/spw-scrolltop.cjs.entry.js +2 -2
  57. package/dist/cjs/spw-search-field.cjs.entry.js +1 -1
  58. package/dist/cjs/spw-select.cjs.entry.js +1 -1
  59. package/dist/cjs/spw-sidebar-navigation-dropdown.cjs.entry.js +2 -2
  60. package/dist/cjs/spw-sidebar-navigation-item.cjs.entry.js +4 -4
  61. package/dist/cjs/spw-sidebar-navigation-separator.cjs.entry.js +2 -2
  62. package/dist/cjs/spw-sidebar.cjs.entry.js +2 -2
  63. package/dist/cjs/spw-skeleton.cjs.entry.js +2 -2
  64. package/dist/cjs/spw-slider-item.cjs.entry.js +2 -2
  65. package/dist/cjs/spw-slider.cjs.entry.js +13 -5
  66. package/dist/cjs/spw-socials.cjs.entry.js +2 -2
  67. package/dist/cjs/spw-stencil-library.cjs.js +2 -2
  68. package/dist/cjs/spw-table-body.cjs.entry.js +2 -2
  69. package/dist/cjs/spw-table-cell.cjs.entry.js +2 -2
  70. package/dist/cjs/spw-table-container.cjs.entry.js +2 -2
  71. package/dist/cjs/spw-table-footer.cjs.entry.js +2 -2
  72. package/dist/cjs/spw-table-head.cjs.entry.js +2 -2
  73. package/dist/cjs/spw-table-header.cjs.entry.js +3 -3
  74. package/dist/cjs/spw-table-row.cjs.entry.js +2 -2
  75. package/dist/cjs/spw-table-sidebar.cjs.entry.js +2 -2
  76. package/dist/cjs/spw-table.cjs.entry.js +1 -1
  77. package/dist/cjs/spw-tabs-content.cjs.entry.js +1 -1
  78. package/dist/cjs/spw-tabs-navigation-item.cjs.entry.js +2 -2
  79. package/dist/cjs/spw-tabs-navigation.cjs.entry.js +3 -3
  80. package/dist/cjs/spw-tabs.cjs.entry.js +2 -2
  81. package/dist/cjs/spw-tag.cjs.entry.js +2 -2
  82. package/dist/cjs/spw-text-field.cjs.entry.js +2 -2
  83. package/dist/cjs/spw-textarea.cjs.entry.js +2 -2
  84. package/dist/cjs/spw-tile-description.cjs.entry.js +2 -2
  85. package/dist/cjs/spw-tile-title.cjs.entry.js +2 -2
  86. package/dist/cjs/spw-tile.cjs.entry.js +2 -2
  87. package/dist/cjs/spw-timeline-item.cjs.entry.js +3 -3
  88. package/dist/cjs/spw-timeline.cjs.entry.js +3 -3
  89. package/dist/cjs/spw-toast-controller.cjs.entry.js +1 -1
  90. package/dist/cjs/spw-toast.cjs.entry.js +1 -1
  91. package/dist/cjs/spw-toc-container.cjs.entry.js +1 -1
  92. package/dist/cjs/spw-toc-navigation.cjs.entry.js +1 -1
  93. package/dist/cjs/spw-toc.cjs.entry.js +2 -2
  94. package/dist/cjs/spw-topbar.cjs.entry.js +2 -2
  95. package/dist/cjs/spw-wizard-item.cjs.entry.js +2 -2
  96. package/dist/cjs/spw-wizard.cjs.entry.js +2 -2
  97. package/dist/collection/components/spw-block-content/spw-block-content.css +6 -6
  98. package/dist/collection/components/spw-card/spw-card-content/spw-card-content.css +15 -0
  99. package/dist/collection/components/spw-card/spw-card-image/spw-card-image.css +17 -0
  100. package/dist/collection/components/spw-card/spw-card-image/spw-card-image.js +25 -1
  101. package/dist/collection/components/spw-card/spw-card.css +12 -0
  102. package/dist/collection/components/spw-card/spw-card.js +3 -3
  103. package/dist/collection/components/spw-checkbox/spw-checkbox.css +1 -1
  104. package/dist/collection/components/spw-footer/spw-footer-bottom/spw-footer-bottom.css +3 -1
  105. package/dist/collection/components/spw-footer/spw-footer-content-col/spw-footer-content-col.css +35 -0
  106. package/dist/collection/components/spw-footer/spw-footer-content-col/spw-footer-content-col.js +12 -1
  107. package/dist/collection/components/spw-footer/spw-footer-link/spw-footer-link.css +3 -1
  108. package/dist/collection/components/spw-footer/spw-footer-link/spw-footer-link.js +1 -1
  109. package/dist/collection/components/spw-grid/spw-grid-item/spw-grid-item.js +2 -2
  110. package/dist/collection/components/spw-grid/spw-grid.js +2 -2
  111. package/dist/collection/components/spw-group/spw-group.css +4 -0
  112. package/dist/collection/components/spw-group/spw-group.js +149 -13
  113. package/dist/collection/components/spw-header/spw-header-lang/spw-header-lang.js +1 -1
  114. package/dist/collection/components/spw-header/spw-header-navigation/spw-header-navigation.js +1 -1
  115. package/dist/collection/components/spw-header/spw-header-navigation-dropdown/spw-header-navigation-dropdown.js +1 -1
  116. package/dist/collection/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.css +10 -0
  117. package/dist/collection/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.js +1 -1
  118. package/dist/collection/components/spw-header/spw-header-persona/spw-header-persona.css +19 -4
  119. package/dist/collection/components/spw-header/spw-header-persona/spw-header-persona.js +1 -1
  120. package/dist/collection/components/spw-header/spw-header-persona-item/spw-header-persona-item.js +1 -1
  121. package/dist/collection/components/spw-header/spw-header.css +5 -0
  122. package/dist/collection/components/spw-header/spw-header.js +23 -1
  123. package/dist/collection/components/spw-hero/spw-hero.js +3 -3
  124. package/dist/collection/components/spw-input-slider/spw-input-slider.js +1 -1
  125. package/dist/collection/components/spw-lightbox/spw-lightbox-item/spw-lightbox-item.css +35 -9
  126. package/dist/collection/components/spw-lightbox/spw-lightbox-item/spw-lightbox-item.js +23 -1
  127. package/dist/collection/components/spw-lightbox/spw-lightbox.css +1 -1
  128. package/dist/collection/components/spw-lightbox/spw-lightbox.js +16 -2
  129. package/dist/collection/components/spw-link/spw-link.js +1 -1
  130. package/dist/collection/components/spw-list/spw-list-description/spw-list-description.js +1 -1
  131. package/dist/collection/components/spw-list/spw-list-item/spw-list-item.js +1 -1
  132. package/dist/collection/components/spw-list/spw-list-title/spw-list-title.js +1 -1
  133. package/dist/collection/components/spw-list/spw-list.js +1 -1
  134. package/dist/collection/components/spw-loading/spw-loading.js +1 -1
  135. package/dist/collection/components/spw-modal/spw-modal.js +7 -3
  136. package/dist/collection/components/spw-mosaic/spw-mosaic-item/spw-mosaic-item.js +1 -1
  137. package/dist/collection/components/spw-mosaic/spw-mosaic.js +1 -1
  138. package/dist/collection/components/spw-pagination/spw-pagination.js +6 -6
  139. package/dist/collection/components/spw-radio/spw-radio.css +1 -1
  140. package/dist/collection/components/spw-radio/spw-radio.js +1 -1
  141. package/dist/collection/components/spw-scrolltop/spw-scrolltop.js +1 -1
  142. package/dist/collection/components/spw-separator/spw-separator.js +1 -1
  143. package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-dropdown/spw-sidebar-navigation-dropdown.js +1 -1
  144. package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.js +3 -3
  145. package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-separator/spw-sidebar-navigation-separator.js +1 -1
  146. package/dist/collection/components/spw-sidebar/spw-sidebar.js +1 -1
  147. package/dist/collection/components/spw-skeleton/spw-skeleton.js +1 -1
  148. package/dist/collection/components/spw-slider/spw-slider-item/spw-slider-item.js +1 -1
  149. package/dist/collection/components/spw-slider/spw-slider.css +15 -0
  150. package/dist/collection/components/spw-slider/spw-slider.js +31 -3
  151. package/dist/collection/components/spw-socials/spw-socials.js +1 -1
  152. package/dist/collection/components/spw-table/spw-table-body/spw-table-body.js +1 -1
  153. package/dist/collection/components/spw-table/spw-table-cell/spw-table-cell.js +1 -1
  154. package/dist/collection/components/spw-table/spw-table-container/spw-table-container.js +1 -1
  155. package/dist/collection/components/spw-table/spw-table-footer/spw-table-footer.js +1 -1
  156. package/dist/collection/components/spw-table/spw-table-head/spw-table-head.js +1 -1
  157. package/dist/collection/components/spw-table/spw-table-header/spw-table-header.js +2 -2
  158. package/dist/collection/components/spw-table/spw-table-row/spw-table-row.js +1 -1
  159. package/dist/collection/components/spw-table/spw-table-sidebar/spw-table-sidebar.js +1 -1
  160. package/dist/collection/components/spw-tabs/spw-tabs-navigation/spw-tabs-navigation.css +4 -1
  161. package/dist/collection/components/spw-tabs/spw-tabs-navigation/spw-tabs-navigation.js +1 -1
  162. package/dist/collection/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.js +1 -1
  163. package/dist/collection/components/spw-tabs/spw-tabs.js +1 -1
  164. package/dist/collection/components/spw-tag/spw-tag.js +1 -1
  165. package/dist/collection/components/spw-text-field/spw-text-field.js +1 -1
  166. package/dist/collection/components/spw-textarea/spw-textarea.js +1 -1
  167. package/dist/collection/components/spw-theme-provider/spw-theme-provider.js +1 -1
  168. package/dist/collection/components/spw-tile/spw-tile-description/spw-tile-description.js +1 -1
  169. package/dist/collection/components/spw-tile/spw-tile-title/spw-tile-title.js +1 -1
  170. package/dist/collection/components/spw-tile/spw-tile.js +1 -1
  171. package/dist/collection/components/spw-timeline/spw-timeline-item/spw-timeline-item.js +2 -2
  172. package/dist/collection/components/spw-timeline/spw-timeline.js +2 -2
  173. package/dist/collection/components/spw-toc/spw-toc.js +1 -1
  174. package/dist/collection/components/spw-tooltip/spw-tooltip.js +1 -1
  175. package/dist/collection/components/spw-topbar/spw-topbar.js +1 -1
  176. package/dist/collection/components/spw-wizard/spw-wizard-item/spw-wizard-item.js +1 -1
  177. package/dist/collection/components/spw-wizard/spw-wizard.js +1 -1
  178. package/dist/collection/stories/organisms/spw-card/spw-card.stories.js +58 -1
  179. package/dist/collection/stories/organisms/spw-group/spw-group.stories.js +113 -3
  180. package/dist/collection/stories/organisms/spw-lightbox/spw-lightbox.stories.js +623 -0
  181. package/dist/collection/stories/organisms/spw-slider/spw-slider.stories.js +142 -6
  182. package/dist/components/index.js +1 -1
  183. package/dist/components/{p-D0jLTe4Y.js → p-1uE1Qo3N.js} +1 -1
  184. package/dist/components/{p-BNVh4npd.js → p-BpRPVStK.js} +1 -1
  185. package/dist/components/{p-D2bR89OY.js → p-BwzaPX9J.js} +1 -1
  186. package/dist/components/{p-CyuzNTuL.js → p-CCD1i9Et.js} +1 -1
  187. package/dist/components/{p-BqEbo61A.js → p-CT9zdtB2.js} +1 -1
  188. package/dist/components/{p-lA7JXY3H.js → p-Ce4aFl4t.js} +1 -1
  189. package/dist/components/{p-w411zfAm.js → p-CfyijrJ8.js} +1 -1
  190. package/dist/components/{p-D3lAXshq.js → p-CnGo7W4h.js} +1 -1
  191. package/dist/components/{p-CNmnvMAU.js → p-rvgnHRf7.js} +1 -1
  192. package/dist/components/spw-block-content.js +1 -1
  193. package/dist/components/spw-breadcrumb-item.js +1 -1
  194. package/dist/components/spw-button.js +1 -1
  195. package/dist/components/spw-card-content.js +1 -1
  196. package/dist/components/spw-card-image.js +1 -1
  197. package/dist/components/spw-card.js +1 -1
  198. package/dist/components/spw-checkbox.js +1 -1
  199. package/dist/components/spw-cookies.js +1 -1
  200. package/dist/components/spw-custom-select.js +1 -1
  201. package/dist/components/spw-date-picker.js +1 -1
  202. package/dist/components/spw-field-label.js +1 -1
  203. package/dist/components/spw-file-upload.js +1 -1
  204. package/dist/components/spw-footer-bottom.js +1 -1
  205. package/dist/components/spw-footer-content-col.js +1 -1
  206. package/dist/components/spw-footer-link.js +1 -1
  207. package/dist/components/spw-grid-item.js +1 -1
  208. package/dist/components/spw-grid.js +1 -1
  209. package/dist/components/spw-group.js +1 -1
  210. package/dist/components/spw-header-lang.js +1 -1
  211. package/dist/components/spw-header-navigation-dropdown.js +1 -1
  212. package/dist/components/spw-header-navigation-item.js +1 -1
  213. package/dist/components/spw-header-navigation.js +1 -1
  214. package/dist/components/spw-header-persona-item.js +1 -1
  215. package/dist/components/spw-header-persona.js +1 -1
  216. package/dist/components/spw-header.js +1 -1
  217. package/dist/components/spw-hero.js +1 -1
  218. package/dist/components/spw-input-slider.js +1 -1
  219. package/dist/components/spw-lightbox-item.js +1 -1
  220. package/dist/components/spw-lightbox.js +1 -1
  221. package/dist/components/spw-link.js +1 -1
  222. package/dist/components/spw-list-description.js +1 -1
  223. package/dist/components/spw-list-item.js +1 -1
  224. package/dist/components/spw-list-title.js +1 -1
  225. package/dist/components/spw-list.js +1 -1
  226. package/dist/components/spw-loading.js +1 -1
  227. package/dist/components/spw-message.js +1 -1
  228. package/dist/components/spw-modal.js +1 -1
  229. package/dist/components/spw-mosaic-item.js +1 -1
  230. package/dist/components/spw-mosaic.js +4 -4
  231. package/dist/components/spw-pagination.js +1 -1
  232. package/dist/components/spw-radio.js +1 -1
  233. package/dist/components/spw-scrolltop.js +1 -1
  234. package/dist/components/spw-search-field.js +1 -1
  235. package/dist/components/spw-select.js +1 -1
  236. package/dist/components/spw-separator.js +1 -1
  237. package/dist/components/spw-sidebar-navigation-dropdown.js +1 -1
  238. package/dist/components/spw-sidebar-navigation-item.js +1 -1
  239. package/dist/components/spw-sidebar-navigation-separator.js +1 -1
  240. package/dist/components/spw-sidebar.js +1 -1
  241. package/dist/components/spw-skeleton.js +1 -1
  242. package/dist/components/spw-slider-item.js +1 -1
  243. package/dist/components/spw-slider.js +1 -1
  244. package/dist/components/spw-socials.js +1 -1
  245. package/dist/components/spw-table-body.js +1 -1
  246. package/dist/components/spw-table-cell.js +1 -1
  247. package/dist/components/spw-table-container.js +1 -1
  248. package/dist/components/spw-table-footer.js +1 -1
  249. package/dist/components/spw-table-head.js +1 -1
  250. package/dist/components/spw-table-header.js +1 -1
  251. package/dist/components/spw-table-row.js +1 -1
  252. package/dist/components/spw-table-sidebar.js +1 -1
  253. package/dist/components/spw-tabs-navigation-item.js +1 -1
  254. package/dist/components/spw-tabs-navigation.js +1 -1
  255. package/dist/components/spw-tabs.js +1 -1
  256. package/dist/components/spw-tag.js +1 -1
  257. package/dist/components/spw-text-field.js +1 -1
  258. package/dist/components/spw-textarea.js +1 -1
  259. package/dist/components/spw-theme-provider.js +1 -1
  260. package/dist/components/spw-tile-description.js +1 -1
  261. package/dist/components/spw-tile-title.js +1 -1
  262. package/dist/components/spw-tile.js +1 -1
  263. package/dist/components/spw-timeline-item.js +1 -1
  264. package/dist/components/spw-timeline.js +1 -1
  265. package/dist/components/spw-toc.js +1 -1
  266. package/dist/components/spw-tooltip.js +1 -1
  267. package/dist/components/spw-topbar.js +1 -1
  268. package/dist/components/spw-wizard-item.js +1 -1
  269. package/dist/components/spw-wizard.js +1 -1
  270. package/dist/components_json.json +295 -16
  271. package/dist/components_vscode.json +5107 -0
  272. package/dist/esm/{index-BU-5xOtc.js → index-BvJ4Kko5.js} +3 -7
  273. package/dist/esm/loader.js +3 -3
  274. package/dist/esm/spw-accordion_4.entry.js +1 -1
  275. package/dist/esm/spw-avatar.entry.js +1 -1
  276. package/dist/esm/spw-block-content.entry.js +2 -2
  277. package/dist/esm/spw-box.entry.js +1 -1
  278. package/dist/esm/spw-breadcrumb-item.entry.js +1 -1
  279. package/dist/esm/spw-breadcrumb.entry.js +1 -1
  280. package/dist/esm/spw-button_2.entry.js +2 -2
  281. package/dist/esm/spw-card-content.entry.js +2 -2
  282. package/dist/esm/spw-card-excerpt.entry.js +1 -1
  283. package/dist/esm/spw-card-image.entry.js +5 -3
  284. package/dist/esm/spw-card-subtag-item.entry.js +1 -1
  285. package/dist/esm/spw-card-subtags.entry.js +1 -1
  286. package/dist/esm/spw-card-title.entry.js +1 -1
  287. package/dist/esm/spw-card.entry.js +3 -3
  288. package/dist/esm/spw-checkbox.entry.js +2 -2
  289. package/dist/esm/spw-cookies.entry.js +1 -1
  290. package/dist/esm/spw-custom-select.entry.js +1 -1
  291. package/dist/esm/spw-date-picker.entry.js +1 -1
  292. package/dist/esm/spw-dropdown-container.entry.js +1 -1
  293. package/dist/esm/spw-dropdown-item.entry.js +1 -1
  294. package/dist/esm/spw-dropdown.entry.js +1 -1
  295. package/dist/esm/{spw-field-label_7.entry.js → spw-field-label_8.entry.js} +100 -30
  296. package/dist/esm/spw-file-upload.entry.js +1 -1
  297. package/dist/esm/spw-footer-bottom.entry.js +2 -2
  298. package/dist/esm/spw-footer-content-col.entry.js +7 -3
  299. package/dist/esm/spw-footer-content.entry.js +1 -1
  300. package/dist/esm/spw-footer-link.entry.js +3 -3
  301. package/dist/esm/spw-footer.entry.js +1 -1
  302. package/dist/esm/spw-grid-item.entry.js +3 -3
  303. package/dist/esm/spw-grid.entry.js +3 -3
  304. package/dist/esm/spw-header-lang.entry.js +2 -2
  305. package/dist/esm/spw-header-navigation-dropdown.entry.js +2 -2
  306. package/dist/esm/spw-header-navigation-item.entry.js +3 -3
  307. package/dist/esm/spw-header-navigation.entry.js +2 -2
  308. package/dist/esm/spw-header-persona-item.entry.js +2 -2
  309. package/dist/esm/spw-header-persona.entry.js +3 -3
  310. package/dist/esm/spw-header.entry.js +5 -3
  311. package/dist/esm/spw-hero.entry.js +4 -4
  312. package/dist/esm/spw-illustration.entry.js +1 -1
  313. package/dist/esm/spw-input-slider.entry.js +2 -2
  314. package/dist/esm/spw-lightbox-item.entry.js +5 -3
  315. package/dist/esm/spw-lightbox.entry.js +18 -4
  316. package/dist/esm/spw-list-description.entry.js +2 -2
  317. package/dist/esm/spw-list-item.entry.js +2 -2
  318. package/dist/esm/spw-list-title.entry.js +2 -2
  319. package/dist/esm/spw-list.entry.js +2 -2
  320. package/dist/esm/spw-message.entry.js +1 -1
  321. package/dist/esm/spw-modal.entry.js +8 -4
  322. package/dist/esm/spw-mosaic-item.entry.js +2 -2
  323. package/dist/esm/spw-mosaic.entry.js +2 -2
  324. package/dist/esm/spw-pagination.entry.js +7 -7
  325. package/dist/esm/spw-radio.entry.js +3 -3
  326. package/dist/esm/spw-scrolltop.entry.js +2 -2
  327. package/dist/esm/spw-search-field.entry.js +1 -1
  328. package/dist/esm/spw-select.entry.js +1 -1
  329. package/dist/esm/spw-sidebar-navigation-dropdown.entry.js +2 -2
  330. package/dist/esm/spw-sidebar-navigation-item.entry.js +4 -4
  331. package/dist/esm/spw-sidebar-navigation-separator.entry.js +2 -2
  332. package/dist/esm/spw-sidebar.entry.js +2 -2
  333. package/dist/esm/spw-skeleton.entry.js +2 -2
  334. package/dist/esm/spw-slider-item.entry.js +2 -2
  335. package/dist/esm/spw-slider.entry.js +13 -5
  336. package/dist/esm/spw-socials.entry.js +2 -2
  337. package/dist/esm/spw-stencil-library.js +3 -3
  338. package/dist/esm/spw-table-body.entry.js +2 -2
  339. package/dist/esm/spw-table-cell.entry.js +2 -2
  340. package/dist/esm/spw-table-container.entry.js +2 -2
  341. package/dist/esm/spw-table-footer.entry.js +2 -2
  342. package/dist/esm/spw-table-head.entry.js +2 -2
  343. package/dist/esm/spw-table-header.entry.js +3 -3
  344. package/dist/esm/spw-table-row.entry.js +2 -2
  345. package/dist/esm/spw-table-sidebar.entry.js +2 -2
  346. package/dist/esm/spw-table.entry.js +1 -1
  347. package/dist/esm/spw-tabs-content.entry.js +1 -1
  348. package/dist/esm/spw-tabs-navigation-item.entry.js +2 -2
  349. package/dist/esm/spw-tabs-navigation.entry.js +3 -3
  350. package/dist/esm/spw-tabs.entry.js +2 -2
  351. package/dist/esm/spw-tag.entry.js +2 -2
  352. package/dist/esm/spw-text-field.entry.js +2 -2
  353. package/dist/esm/spw-textarea.entry.js +2 -2
  354. package/dist/esm/spw-tile-description.entry.js +2 -2
  355. package/dist/esm/spw-tile-title.entry.js +2 -2
  356. package/dist/esm/spw-tile.entry.js +2 -2
  357. package/dist/esm/spw-timeline-item.entry.js +3 -3
  358. package/dist/esm/spw-timeline.entry.js +3 -3
  359. package/dist/esm/spw-toast-controller.entry.js +1 -1
  360. package/dist/esm/spw-toast.entry.js +1 -1
  361. package/dist/esm/spw-toc-container.entry.js +1 -1
  362. package/dist/esm/spw-toc-navigation.entry.js +1 -1
  363. package/dist/esm/spw-toc.entry.js +2 -2
  364. package/dist/esm/spw-topbar.entry.js +2 -2
  365. package/dist/esm/spw-wizard-item.entry.js +2 -2
  366. package/dist/esm/spw-wizard.entry.js +2 -2
  367. package/dist/spw-stencil-library/p-009759c5.entry.js +1 -0
  368. package/dist/spw-stencil-library/{p-a09e3914.entry.js → p-0a9288b5.entry.js} +1 -1
  369. package/dist/spw-stencil-library/{p-cdff9c53.entry.js → p-0bf4fb22.entry.js} +1 -1
  370. package/dist/spw-stencil-library/p-0ebf4d8c.entry.js +1 -0
  371. package/dist/spw-stencil-library/{p-a8d2e217.entry.js → p-0efd7784.entry.js} +1 -1
  372. package/dist/spw-stencil-library/{p-4504a51e.entry.js → p-153a026f.entry.js} +1 -1
  373. package/dist/spw-stencil-library/{p-f2aaa06a.entry.js → p-1875874e.entry.js} +1 -1
  374. package/dist/spw-stencil-library/{p-e86c4192.entry.js → p-1d5ff931.entry.js} +1 -1
  375. package/dist/spw-stencil-library/{p-32340c8d.entry.js → p-1fba6401.entry.js} +1 -1
  376. package/dist/spw-stencil-library/{p-ce6af096.entry.js → p-28a5d0bf.entry.js} +1 -1
  377. package/dist/spw-stencil-library/{p-56b73f04.entry.js → p-28e49d02.entry.js} +1 -1
  378. package/dist/spw-stencil-library/{p-1337adf5.entry.js → p-29695c41.entry.js} +1 -1
  379. package/dist/spw-stencil-library/{p-b218aeda.entry.js → p-2b182fc8.entry.js} +1 -1
  380. package/dist/spw-stencil-library/{p-8e8f253e.entry.js → p-2ce6dc02.entry.js} +1 -1
  381. package/dist/spw-stencil-library/{p-bd26c928.entry.js → p-2dda4dfe.entry.js} +1 -1
  382. package/dist/spw-stencil-library/{p-afb26e73.entry.js → p-30bd9c0a.entry.js} +1 -1
  383. package/dist/spw-stencil-library/{p-4265f6e5.entry.js → p-34cc819b.entry.js} +1 -1
  384. package/dist/spw-stencil-library/{p-e5579295.entry.js → p-35b865cf.entry.js} +1 -1
  385. package/dist/spw-stencil-library/{p-4a8766cc.entry.js → p-37c6153e.entry.js} +1 -1
  386. package/dist/spw-stencil-library/{p-6dabae01.entry.js → p-38a53864.entry.js} +1 -1
  387. package/dist/spw-stencil-library/{p-404a11b2.entry.js → p-3ccb9c03.entry.js} +1 -1
  388. package/dist/spw-stencil-library/{p-910755a9.entry.js → p-3f195a1c.entry.js} +1 -1
  389. package/dist/spw-stencil-library/{p-311be1c9.entry.js → p-3fbc7bba.entry.js} +1 -1
  390. package/dist/spw-stencil-library/{p-05378ed8.entry.js → p-416f6040.entry.js} +1 -1
  391. package/dist/spw-stencil-library/{p-1bdcb44c.entry.js → p-45af74a9.entry.js} +1 -1
  392. package/dist/spw-stencil-library/{p-3cee0356.entry.js → p-474cbbca.entry.js} +1 -1
  393. package/dist/spw-stencil-library/{p-eda2cbd9.entry.js → p-4904c883.entry.js} +1 -1
  394. package/dist/spw-stencil-library/{p-b1b6f3cb.entry.js → p-49b99541.entry.js} +1 -1
  395. package/dist/spw-stencil-library/{p-ff26da9e.entry.js → p-4dd215d6.entry.js} +1 -1
  396. package/dist/spw-stencil-library/{p-4f163e66.entry.js → p-50ccad8a.entry.js} +1 -1
  397. package/dist/spw-stencil-library/p-525c4149.entry.js +1 -0
  398. package/dist/spw-stencil-library/{p-50bf3984.entry.js → p-52fe32c2.entry.js} +1 -1
  399. package/dist/spw-stencil-library/{p-dee97ef5.entry.js → p-5601a46f.entry.js} +1 -1
  400. package/dist/spw-stencil-library/{p-79c6f599.entry.js → p-5b520d03.entry.js} +1 -1
  401. package/dist/spw-stencil-library/p-5d77d128.entry.js +1 -0
  402. package/dist/spw-stencil-library/{p-8901c312.entry.js → p-6194071c.entry.js} +1 -1
  403. package/dist/spw-stencil-library/{p-03addc15.entry.js → p-61b5224c.entry.js} +1 -1
  404. package/dist/spw-stencil-library/{p-7a3131fa.entry.js → p-66da29be.entry.js} +1 -1
  405. package/dist/spw-stencil-library/{p-31035d04.entry.js → p-6908b401.entry.js} +1 -1
  406. package/dist/spw-stencil-library/{p-dcd5fa8d.entry.js → p-693b980f.entry.js} +1 -1
  407. package/dist/spw-stencil-library/{p-b3152418.entry.js → p-6b6f4a62.entry.js} +1 -1
  408. package/dist/spw-stencil-library/{p-9ee8fd30.entry.js → p-7217cd99.entry.js} +1 -1
  409. package/dist/spw-stencil-library/{p-66b30373.entry.js → p-732b2f4c.entry.js} +1 -1
  410. package/dist/spw-stencil-library/{p-d2cabbe3.entry.js → p-74a9d177.entry.js} +1 -1
  411. package/dist/spw-stencil-library/{p-38f286b7.entry.js → p-778c6591.entry.js} +1 -1
  412. package/dist/spw-stencil-library/{p-e96bccc1.entry.js → p-7bd15d1e.entry.js} +1 -1
  413. package/dist/spw-stencil-library/{p-9b28f86c.entry.js → p-7c4f53c3.entry.js} +1 -1
  414. package/dist/spw-stencil-library/{p-94158325.entry.js → p-7ccef87e.entry.js} +1 -1
  415. package/dist/spw-stencil-library/{p-9ddfa4ef.entry.js → p-7db10e21.entry.js} +1 -1
  416. package/dist/spw-stencil-library/{p-024a26e8.entry.js → p-7fc6757a.entry.js} +1 -1
  417. package/dist/spw-stencil-library/{p-f880da57.entry.js → p-8063aa58.entry.js} +1 -1
  418. package/dist/spw-stencil-library/{p-f7b152f7.entry.js → p-80c24670.entry.js} +1 -1
  419. package/dist/spw-stencil-library/{p-6ea95517.entry.js → p-81927404.entry.js} +1 -1
  420. package/dist/spw-stencil-library/{p-699e435e.entry.js → p-82883102.entry.js} +1 -1
  421. package/dist/spw-stencil-library/{p-47ee3609.entry.js → p-82aa983b.entry.js} +1 -1
  422. package/dist/spw-stencil-library/{p-1eb101b8.entry.js → p-84c41619.entry.js} +1 -1
  423. package/dist/spw-stencil-library/{p-5631f2de.entry.js → p-862fdbdb.entry.js} +1 -1
  424. package/dist/spw-stencil-library/{p-1cd657f6.entry.js → p-8bb6a14d.entry.js} +1 -1
  425. package/dist/spw-stencil-library/{p-f43e54c9.entry.js → p-8bbea8cb.entry.js} +1 -1
  426. package/dist/spw-stencil-library/{p-7ae08cea.entry.js → p-8c750816.entry.js} +1 -1
  427. package/dist/spw-stencil-library/{p-dc802ca2.entry.js → p-90067a27.entry.js} +1 -1
  428. package/dist/spw-stencil-library/{p-123bfbc0.entry.js → p-98e59a94.entry.js} +1 -1
  429. package/dist/spw-stencil-library/{p-e1c2b8f8.entry.js → p-9ccc1685.entry.js} +1 -1
  430. package/dist/spw-stencil-library/p-BvJ4Kko5.js +2 -0
  431. package/dist/spw-stencil-library/{p-b53d9fdb.entry.js → p-a3ee7134.entry.js} +1 -1
  432. package/dist/spw-stencil-library/{p-e7115b5c.entry.js → p-a51ad71d.entry.js} +1 -1
  433. package/dist/spw-stencil-library/{p-3703f96f.entry.js → p-a585320e.entry.js} +1 -1
  434. package/dist/spw-stencil-library/p-a6250c87.entry.js +1 -0
  435. package/dist/spw-stencil-library/{p-ac6f9351.entry.js → p-a6fb9fd7.entry.js} +1 -1
  436. package/dist/spw-stencil-library/p-a80a9482.entry.js +1 -0
  437. package/dist/spw-stencil-library/p-ada5d5c1.entry.js +1 -0
  438. package/dist/spw-stencil-library/{p-98f51dbc.entry.js → p-b106fb83.entry.js} +1 -1
  439. package/dist/spw-stencil-library/{p-daf0d53e.entry.js → p-b125ec4f.entry.js} +1 -1
  440. package/dist/spw-stencil-library/{p-fbbacf1e.entry.js → p-b1ccc7eb.entry.js} +1 -1
  441. package/dist/spw-stencil-library/{p-da0a8272.entry.js → p-bb192c0e.entry.js} +1 -1
  442. package/dist/spw-stencil-library/{p-074758e0.entry.js → p-c18a3d8a.entry.js} +1 -1
  443. package/dist/spw-stencil-library/{p-82b5e1a1.entry.js → p-c660aab1.entry.js} +1 -1
  444. package/dist/spw-stencil-library/p-ca225328.entry.js +1 -0
  445. package/dist/spw-stencil-library/{p-a7b665db.entry.js → p-ce07d59f.entry.js} +2 -2
  446. package/dist/spw-stencil-library/{p-2fb76b1e.entry.js → p-d004b229.entry.js} +1 -1
  447. package/dist/spw-stencil-library/p-d2dfe51b.entry.js +1 -0
  448. package/dist/spw-stencil-library/{p-deca1884.entry.js → p-d35874ea.entry.js} +1 -1
  449. package/dist/spw-stencil-library/{p-3374ac92.entry.js → p-d41080ab.entry.js} +1 -1
  450. package/dist/spw-stencil-library/{p-b15db228.entry.js → p-e0ce83c2.entry.js} +1 -1
  451. package/dist/spw-stencil-library/{p-e4710721.entry.js → p-eeacd7b2.entry.js} +1 -1
  452. package/dist/spw-stencil-library/{p-df311267.entry.js → p-f1baf303.entry.js} +1 -1
  453. package/dist/spw-stencil-library/{p-1cd68465.entry.js → p-f1ecd17e.entry.js} +1 -1
  454. package/dist/spw-stencil-library/{p-bebfe3cd.entry.js → p-f20b2da0.entry.js} +1 -1
  455. package/dist/spw-stencil-library/{p-5ac48320.entry.js → p-f5d2d168.entry.js} +1 -1
  456. package/dist/spw-stencil-library/{p-7fe2e659.entry.js → p-fbe8dc29.entry.js} +1 -1
  457. package/dist/spw-stencil-library/{p-543d3e89.entry.js → p-fc96be97.entry.js} +1 -1
  458. package/dist/spw-stencil-library/{p-c41fe381.entry.js → p-fd564976.entry.js} +1 -1
  459. package/dist/spw-stencil-library/{p-bfd908c9.entry.js → p-ff289cc8.entry.js} +1 -1
  460. package/dist/spw-stencil-library/spw-stencil-library.css +1 -1
  461. package/dist/spw-stencil-library/spw-stencil-library.esm.js +1 -1
  462. package/dist/stats.json +19468 -22146
  463. package/dist/types/components/spw-card/spw-card-image/spw-card-image.d.ts +2 -0
  464. package/dist/types/components/spw-card/spw-card.d.ts +1 -1
  465. package/dist/types/components/spw-footer/spw-footer-content-col/spw-footer-content-col.d.ts +2 -0
  466. package/dist/types/components/spw-group/spw-group.d.ts +13 -1
  467. package/dist/types/components/spw-header/spw-header.d.ts +2 -0
  468. package/dist/types/components/spw-lightbox/spw-lightbox-item/spw-lightbox-item.d.ts +2 -0
  469. package/dist/types/components/spw-lightbox/spw-lightbox.d.ts +3 -0
  470. package/dist/types/components/spw-slider/spw-slider.d.ts +3 -0
  471. package/dist/types/components.d.ts +100 -3
  472. package/dist/types/stories/organisms/spw-card/spw-card.stories.d.ts +2 -1
  473. package/dist/types/stories/organisms/spw-group/spw-group.stories.d.ts +6 -1
  474. package/dist/types/stories/organisms/spw-lightbox/spw-lightbox.stories.d.ts +16 -0
  475. package/dist/types/stories/organisms/spw-slider/spw-slider.stories.d.ts +8 -1
  476. package/hydrate/index.js +208 -126
  477. package/hydrate/index.mjs +208 -126
  478. package/package.json +1 -1
  479. package/dist/cjs/spw-field-message.cjs.entry.js +0 -39
  480. package/dist/esm/spw-field-message.entry.js +0 -37
  481. package/dist/spw-stencil-library/p-0583eb9e.entry.js +0 -1
  482. package/dist/spw-stencil-library/p-0fbae5ce.entry.js +0 -1
  483. package/dist/spw-stencil-library/p-170c4262.entry.js +0 -1
  484. package/dist/spw-stencil-library/p-49be0d9e.entry.js +0 -1
  485. package/dist/spw-stencil-library/p-79f8babf.entry.js +0 -1
  486. package/dist/spw-stencil-library/p-7ffe8116.entry.js +0 -1
  487. package/dist/spw-stencil-library/p-BU-5xOtc.js +0 -2
  488. package/dist/spw-stencil-library/p-be220196.entry.js +0 -1
  489. package/dist/spw-stencil-library/p-c5824697.entry.js +0 -1
  490. package/dist/spw-stencil-library/p-e0b50329.entry.js +0 -1
  491. package/dist/spw-stencil-library/p-e7dbe743.entry.js +0 -1
@@ -19,7 +19,7 @@ export class SpwLoading {
19
19
  };
20
20
  }
21
21
  render() {
22
- return (h(Host, { key: '8223676257632db2676efee4beb20c6d1593c664' }, h("div", { key: '07110520dd1a07e695cd86c0283f91ece0f3192d', class: this.loadingClasses }, h("div", { key: '9126247936e0554a7a7a60debd882c3ac0bf5692', class: "spw-loading__spinner" }), this.text && h("p", { key: '592543ecf83b94033a92100d040494efb444e636', class: "spw-loading__text" }, this.text))));
22
+ return (h(Host, { key: '80e319644e916b39492a8f87d84d32f6e7f9f087' }, h("div", { key: 'abb04a270e07cedbc30ec91b0adcb487180af70b', class: this.loadingClasses }, h("div", { key: '35f22a4112081dc0e06551151484c0d3b1cd971f', class: "spw-loading__spinner" }), this.text && h("p", { key: '0442737baf03ee28e7689839525cae3da2443c1e', class: "spw-loading__text" }, this.text))));
23
23
  }
24
24
  static get is() { return "spw-loading"; }
25
25
  static get encapsulation() { return "shadow"; }
@@ -104,6 +104,10 @@ export class SpwModal {
104
104
  }
105
105
  open() {
106
106
  this.showModal = true;
107
+ if (this.modalContent) {
108
+ this.modalContent.scrollTop = 0;
109
+ }
110
+ this.isCloseButtonSticky = false;
107
111
  try {
108
112
  const anim = animationTo(this.modalContainer, KEYFRAMES.fadeIn, {
109
113
  duration: 200,
@@ -166,13 +170,13 @@ export class SpwModal {
166
170
  };
167
171
  }
168
172
  render() {
169
- return (h(Host, { key: 'ed21ac55584f0c58d22f8329655f360940b508d3' }, h("div", { key: 'a3a0520fd4845f3708a1361f019b52c521b60d7c', ref: el => (this.modalContainer = el), class: this.elementClass }, h("div", { key: '5728a7016c59957cad7b58224aaf49c036d90816', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: '76728b1af5ca12baedc3d8b33d34cf5b8f8fc5af', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, h("div", { key: '87d8675acbad782ed2c48c654fb4e4b91f98a7d9', class: "spw-modal__content", ref: el => (this.modalContent = el), onScroll: this.handleContentScroll }, h("div", { key: '94ffb2bbf3749e4f7fec2187210e4f779c601c43', class: "spw-modal__header" }, h("div", { key: '9f55b5c2cfee63c50682120da8cd860b7ddff219', class: "spw-modal__title-container" }, this.alertIcon && h("spw-icon", { key: '3d8dafe1c73ef780985c8fc7ce79df82c505961e', class: "spw-modal__alert-icon", icon: this.alertIcon }), h("h2", { key: '4efc4301418bd1c9cbef442c6d5353ec3b7743f8', class: "spw-modal__caption" }, this.caption)), this.showCloseButton && (h("div", { key: 'fdba5f4d701166752b220c01adb68e658bf97942', class: {
173
+ return (h(Host, { key: 'ad4da94b0c88b7f0f6696b4dabe69edd5cad8324' }, h("div", { key: 'bbb06f18f7b61abd7b3456a0cabb8819a6788e69', ref: el => (this.modalContainer = el), class: this.elementClass }, h("div", { key: '9d99542f36a4f4da0fb3def5992e4f3db1bcb314', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: '4ef99eaac2d5ca1a24d26bcfaa91c10164715aba', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, h("div", { key: '069a31ed26da5e9e53795e330f874aac2411e79b', class: "spw-modal__content", ref: el => (this.modalContent = el), onScroll: this.handleContentScroll }, h("div", { key: 'ae60d51dd66b5a2f80b69060d2ca86df275f03aa', class: "spw-modal__header" }, h("div", { key: '8bc6e525c6179644f136760e837d703fc579b42e', class: "spw-modal__title-container" }, this.alertIcon && h("spw-icon", { key: '674da4fc7dfe2c4943c72f700a7b65506fe6496e', class: "spw-modal__alert-icon", icon: this.alertIcon }), h("h2", { key: '5c5a81054132586df0cccc04ac67c84e51258dff', class: "spw-modal__caption" }, this.caption)), this.showCloseButton && (h("div", { key: '7a1099c0b9cc318ac423622716e4275a89105046', class: {
170
174
  'spw-modal__close-button': true,
171
175
  'spw-modal__close-button--sticky': this.isCloseButtonSticky,
172
- }, ref: el => (this.closeButton = el), onClick: () => this.doBeforeClose('CLOSE_BUTTON') }, h("spw-link", { key: '5d12f3d60d85de219273b96fb98582e399c73155', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), h("div", { key: 'f4994d45855aebf668956654bc0db3b76059f0d5', class: "spw-modal__body" }, h("slot", { key: 'e6a977e29ccd8782e32b163ee2e4e5d95e8ba9f7', name: "content" })), h("div", { key: 'bcfe2b19f366a1dbe7be9de6628bee5ac8d9aecc', class: { 'spw-modal__buttons': true, 'spw-modal__footer--buttons-present': this.slotButtonsPresent } }, h("slot", { key: 'ad5b04e4df33ee90f0e356b2e599b85b48eb588c', name: "buttons", onSlotchange: (e) => {
176
+ }, ref: el => (this.closeButton = el), onClick: () => this.doBeforeClose('CLOSE_BUTTON') }, h("spw-link", { key: 'e3ce8fed5efe92a3205dc68ef1fa8b88a05a5541', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), h("div", { key: '79542b0ebe61a22c16abbdd891faa2853f7335f0', class: "spw-modal__body" }, h("slot", { key: 'db07f656f28c8192c37e90b6fae01c57e1391f31', name: "content" })), h("div", { key: 'c1ec73c786bb6b29270fe71ffc1cd3b60672f9a2', class: { 'spw-modal__buttons': true, 'spw-modal__footer--buttons-present': this.slotButtonsPresent } }, h("slot", { key: '512f358a6fc49ff98ac3d5f09aff4c4bf47b2098', name: "buttons", onSlotchange: (e) => {
173
177
  const slot = e.target;
174
178
  this.slotButtonsPresent = slot.assignedNodes({ flatten: true }).length > 0;
175
- } })))), h("div", { key: '679e49272ce4b28f7c1824fccd2b5111b84dee83', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
179
+ } })))), h("div", { key: '00ee5ef1f094468bbd5d03e1cf7dd5d6933050ab', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
176
180
  }
177
181
  static get is() { return "spw-modal"; }
178
182
  static get encapsulation() { return "shadow"; }
@@ -45,7 +45,7 @@ export class SpwMosaicItem {
45
45
  }
46
46
  }
47
47
  render() {
48
- return (h(Host, { key: 'a36cb3b48cf6395c5a35412fcea238f1d5308fea' }, h("slot", { key: '219b0fe9f531f0a930b64d7d26c556d1010d9ef3' })));
48
+ return (h(Host, { key: '516ab31b89a285bd3c669f447fc1580d9c05de17' }, h("slot", { key: '616e7c092ab6598027f1a692dec7063f6efa559b' })));
49
49
  }
50
50
  static get is() { return "spw-mosaic-item"; }
51
51
  static get encapsulation() { return "shadow"; }
@@ -136,7 +136,7 @@ export class SpwMosaic {
136
136
  };
137
137
  }
138
138
  render() {
139
- return (h(Host, { key: '5c7b2898ea640ee51f52561ebbeca1f3980acefd' }, h("div", { key: '83c7f8c40fc201b28e03a7c79680717bc51fec69', class: this.elementClass }, h("slot", { key: 'd6bc487a7f2dad43417b4c45a1b45d18683b7dc9' }))));
139
+ return (h(Host, { key: '7c459fb34bd600aac2d497ea0e4a47e1ef901185' }, h("div", { key: '6429457c00e1338085f83f24573d37a88462fd0e', class: this.elementClass }, h("slot", { key: '0302d77591801ca2c6e23ab80f245d49fe4a55bc' }))));
140
140
  }
141
141
  static get is() { return "spw-mosaic"; }
142
142
  static get encapsulation() { return "shadow"; }
@@ -167,12 +167,12 @@ export class SpwPagination {
167
167
  const pages = this.calculatePageRange();
168
168
  const showPrevArrow = this.currentPage > 1;
169
169
  const showNextArrow = this.currentPage < this.totalPages;
170
- const prevArrow = showPrevArrow && (h("li", { key: '3be58601d099b80bbe2ac8b52d27c961278ddace', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: 'a155d4c07d063f135232291413299eb228d43574', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '1d57b0eac677bb064710d4e056621358f8f3c8c0', icon: "fa-chevron-left" }), " ", h("span", { key: '0dfe8068e94cc52bc3d83420f70784575e9edb69', class: "spw-pagination__item-arrow-text" }, this.previousButtonText))));
171
- const nextArrow = showNextArrow && (h("li", { key: '46b1a044e63f3f1a5e01392322de4511f957e8b0', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '24efc6b1b9c3acfc06ec849bbaae55736f73ad70', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: '40f524b43fbb5a3dae2ba786ab376cc9a945efa1', class: "spw-pagination__item-arrow-text" }, this.nextButtonText), " ", h("spw-icon", { key: '6a51c07ace8b2e14c81d1573fadb9cb4d5dec4ee', icon: "fa-chevron-right" }))));
172
- const prevArrowMobile = this.currentPage > 1 && (h("li", { key: 'f904a9377fe53e18337645f3ff2bb0cfe07d2898', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '715726f155cd8a44cf377381bf8049ada7e055d6', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '2cda6893bbebddeb3ab23bee702a196f676ffeda', icon: "fa-chevron-left" }), " ", h("span", { key: 'bee785dc1ce752fa1d2002848ddb7c54861e0eb6' }, this.previousButtonText))));
173
- const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: 'dc9dea0daf430d08e4148c66169e321b7e8cf561', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '7de0f8e727b10c85d832e77f7c2dcd6550063a06', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: '1bd49abc9d644d7b4990fb6ce877964015c4cac6' }, this.nextButtonText), " ", h("spw-icon", { key: 'b72b4cd2686b1ad437469d816687ea3d2a80d4ec', icon: "fa-chevron-right" }))));
174
- const mobileArrows = (h("ul", { key: '4444865a9c0b2717b11cd5ff584c6b79131de0be', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
175
- return (h(Host, { key: '3561ff2dae44020c6b0f09708ca8e64e77f70703' }, h("div", { key: 'b14002374e4defab6f7283cf59888895913ab900', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: '36b5ca0bbf77af904d9901098d92e16951f6df8a' }, h("ul", { key: '5c0c9d0d6214d77be59f37e1c5eaeac85c22043b' }, prevArrow, h("li", { key: 'd13588e422f791ff3dc82172548b3c97c3d0ac1b', class: "spw-pagination__input" }, h("spw-text-field", { key: '48f88bdb544091ed88c0fa3e5f2c5a4045eedfb9', value: this.inputPageValue, type: "text", name: "pagination-input", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), h("li", { key: 'f0ab8531cd57b6d755cd17a14d286e9ab927b983', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: '3ac5b728f5ff827615eea3a2b2c4033de0f0258b' }, h("ul", { key: '4abef0513bbbad4fe9fd1f99f7e8bf2526352203' }, prevArrow, pages.map(({ page, class: pageClass }) => {
170
+ const prevArrow = showPrevArrow && (h("li", { key: '9e7b0f1cb3f4d95ddb29839eac8eaccc06a6e6f1', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '40dbcb0707f7fe497ddf0b3487284fc34be18311', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '603a814d9cd037a86352f9e7f7fca74d7a4ceede', icon: "fa-chevron-left" }), " ", h("span", { key: '6bc709a336683c98037d514c08bf9fcfa2db929b', class: "spw-pagination__item-arrow-text" }, this.previousButtonText))));
171
+ const nextArrow = showNextArrow && (h("li", { key: '9f7757f7e5afcd455f4cce871233948c3703b416', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: 'f9530c63dc0bbb6dd1fd37cf8b2661f2d7d430cb', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: 'd94605af623ea261bdee3e893ce94f5692b30a58', class: "spw-pagination__item-arrow-text" }, this.nextButtonText), " ", h("spw-icon", { key: '97e3fa5ec9bb14f51210c1040ff1720e09c45b5e', icon: "fa-chevron-right" }))));
172
+ const prevArrowMobile = this.currentPage > 1 && (h("li", { key: '2c0defe6a9974dc21a37735a44f87d4b26ddb490', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '649e3463693e20814ae640297367148614f11429', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: 'd4de93223eb8a7e20709d852e68c5dda2b31c06a', icon: "fa-chevron-left" }), " ", h("span", { key: '9630eafe35c4112099ebec8ef11565d5e4a22a91' }, this.previousButtonText))));
173
+ const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: '1c03917f00b33d62b5dadfd7372c6cac546cd89b', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: 'b8d76b6bcd8babec6bdc97c59f411548e129a2e3', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: 'ee07f8658301cced6c705cac694fa28805202148' }, this.nextButtonText), " ", h("spw-icon", { key: '2e82a2be9347d80a6c02078890c5494ca3e69b9f', icon: "fa-chevron-right" }))));
174
+ const mobileArrows = (h("ul", { key: 'bf2e6ab4f08884f8a673960cccfa2074746024ad', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
175
+ return (h(Host, { key: '9dde96f2e5029e5b4fa42f57a62d504f9c0cc652' }, h("div", { key: 'e48ddaa7764136eaab60b85403a046158c607212', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: '91d6db2ee8e689727ee5abda2cb65420b82ba599' }, h("ul", { key: '36c03595198041faf15faacb67faa18e1b120151' }, prevArrow, h("li", { key: 'e33d9f5aa0bd44c20329206165e26d289bbec839', class: "spw-pagination__input" }, h("spw-text-field", { key: '721b040888242f9360f53f249c14ad39d7423870', value: this.inputPageValue, type: "text", name: "pagination-input", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), h("li", { key: '2a2560e9496d33efe173916263dc5c10f241f471', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: 'fc1ff24e283103b05e753292cc58dbf261d9f59f' }, h("ul", { key: '4a4e8d8605e4290cda74ecf58d376046afd65db6' }, prevArrow, pages.map(({ page, class: pageClass }) => {
176
176
  if (page === '...') {
177
177
  return (h("li", { class: `spw-pagination__item spw-pagination__item--dots ${pageClass}` }, h("spw-icon", { icon: "fa-ellipsis" })));
178
178
  }
@@ -402,7 +402,7 @@ template {
402
402
  flex-grow: 0;
403
403
  }
404
404
  .spw-radio__wrapper--error {
405
- border-color: var(--spw-colors-dark-states-error-error-300);
405
+ border-color: var(--spw-color-states-error-error-300);
406
406
  }
407
407
  .spw-radio__wrapper:not(.spw-radio__wrapper--disabled):hover {
408
408
  outline: 4px solid var(--spw-color-themes-grey-grey-300);
@@ -92,7 +92,7 @@ export class SpwRadio {
92
92
  render() {
93
93
  const slot = this.el.innerHTML;
94
94
  const hasSlot = Boolean(slot);
95
- return (h("div", { key: '1cd5fe52e60b5f0fc8c7b9e1b00bedb3f1ddf482', class: "spw-radio" }, h("input", { key: '66251d69eace9d1cdd70a725955cbf5ab6540855', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, "aria-checked": this.internalChecked ? 'true' : 'false', onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: '7ae731247f36a3ee6b5d844509027c3055db4f51', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: e => this.handleRadio(e) }, h("slot", { key: '6a6363aa8d4c7f894a5e6a945111672cb734c837' }))), h("div", { key: '33fc90a2322117c2e342e84d0eb51c98359d18c2', tabIndex: this.disabled ? -1 : 0, onClick: e => this.handleRadio(e), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled, "aria-label": this.accAriaLabel || this.name, class: this.elementClass }, this.internalChecked && h("span", { key: '853ded62def63d9c6b2c41bf7355d8e6a75c4fb8', class: "spw-radio__circle" }))));
95
+ return (h("div", { key: 'b879dd093e3d22d279fda7d9ad9350c4fec74907', class: "spw-radio" }, h("input", { key: '08cee6fcf12e1db360f603908d7c04c3737906ae', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, "aria-checked": this.internalChecked ? 'true' : 'false', onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: '4d61223d6c895f597b337b3ac67c380867b5b4ac', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: e => this.handleRadio(e) }, h("slot", { key: '5b57a8b637c02a36e4d0d1bc89f5c63394917b6b' }))), h("div", { key: '62006483946005ce5ced594d1ef0e5147bc9b0ff', tabIndex: this.disabled ? -1 : 0, onClick: e => this.handleRadio(e), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled, "aria-label": this.accAriaLabel || this.name, class: this.elementClass }, this.internalChecked && h("span", { key: '9411b4b847566f862a91fef9a0b6ecaace8e63ee', class: "spw-radio__circle" }))));
96
96
  }
97
97
  static get is() { return "spw-radio"; }
98
98
  static get encapsulation() { return "shadow"; }
@@ -73,7 +73,7 @@ export class SpwScrolltop {
73
73
  };
74
74
  }
75
75
  render() {
76
- return (h(Host, { key: '118f6893a31cb39af5be1d8bde76e6e8de5ed454', class: this.hostClass }, h("spw-button", { key: 'e9124387ba2d11c2531e7086901cee7a4be2dc30', "is-icon-only": true, icon: "fa-chevron-up", variant: "primary", size: "medium", "acc-aria-label": this.accAriaLabel, onClick: this.scrollToTop })));
76
+ return (h(Host, { key: '0299e144463dda05f4f73ad808784a164cfa3c6c', class: this.hostClass }, h("spw-button", { key: 'b92efa5ffba2022b4b1cd66d9495598e6b203f15', "is-icon-only": true, icon: "fa-chevron-up", variant: "primary", size: "medium", "acc-aria-label": this.accAriaLabel, onClick: this.scrollToTop })));
77
77
  }
78
78
  static get is() { return "spw-scrolltop"; }
79
79
  static get encapsulation() { return "shadow"; }
@@ -27,7 +27,7 @@ export class SpwSeparator {
27
27
  };
28
28
  }
29
29
  render() {
30
- return h("div", { key: '1abf9cc5a93e981576d5177624a7e52f936ac310', class: this.elementClass, style: this.style });
30
+ return h("div", { key: 'cb6144ac24b2ebb43d7ab015d92b9b5acd156abd', class: this.elementClass, style: this.style });
31
31
  }
32
32
  static get is() { return "spw-separator"; }
33
33
  static get encapsulation() { return "shadow"; }
@@ -11,7 +11,7 @@ export class SpwSidebarNavigationDropdown {
11
11
  };
12
12
  }
13
13
  render() {
14
- return (h(Host, { key: '4e08216cc72964348aa37ff6a12fa66a2e823dc7', class: this.classes }, h("div", { key: 'fcd994a704e190786a58ed8629257f78627dd56c', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: '0f6f87b0fb03bc4d1d5140c557c4c0e3e4857544' }))));
14
+ return (h(Host, { key: 'b64a1be8ab7ee0b43a2cb836ca071bf856798b7a', class: this.classes }, h("div", { key: '024067913af7290bc39798c93e4098529e7071b0', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: '61ff58bc25b0a5bf166049b479ebb1c55345280b' }))));
15
15
  }
16
16
  static get is() { return "spw-sidebar-navigation-dropdown"; }
17
17
  static get originalStyleUrls() {
@@ -169,14 +169,14 @@ export class SpwSidebarNavigationItem {
169
169
  }
170
170
  render() {
171
171
  const Tag = this.href && !this.disabled && !this.openOnClick ? 'a' : 'div';
172
- const iconContent = h("spw-icon", { key: '4e429bdabcf50ea0f1de574908241f5e8cbfb4a5', variant: this.iconVariant, icon: this.icon });
173
- const iconDiv = (h("div", { key: '9a426daba6b369769ae02761344b7d17cddde591', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: 'c5a465e61e51e0d92f0b71092351763fa8f89c32', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
172
+ const iconContent = h("spw-icon", { key: 'b794d6fd1f1b9d9c745289e9c0b175f5e827c99a', variant: this.iconVariant, icon: this.icon });
173
+ const iconDiv = (h("div", { key: 'd2d70ee9df94ad6653d8b6b0d6868f3cd2d76007', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: '7739db959cc311037ea41eaf9c730d0168627a1c', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
174
174
  const iconWithBubble = this.tooltipTitle ? (h("spw-tooltip", { cursor: this.disabled ? 'disabled' : 'pointer', "tooltip-title": this.tooltipTitle, direction: "right", visible: !this.navExpanded }, iconDiv)) : (iconDiv);
175
175
  const toggleClasses = {
176
176
  'spw-sidebar-navigation-item__dropdown-toggle': true,
177
177
  'spw-sidebar-navigation-item__dropdown-toggle--open': this.dropdownOpen,
178
178
  };
179
- return (h(Tag, { key: 'a571fe5374963999bca79dc4190a0ea88fe0951f', class: this.classes, href: this.openOnClick ? undefined : this.href, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.openOnClick ? this.handleItemClick : undefined }, this.icon && iconWithBubble, h("div", { key: 'e5fbdcaee4a0095ac962ddb5cac6e5dd9e11c382', class: "spw-sidebar-navigation-item__content" }, h("div", { key: 'ee61f90d419672159fc5ce7c7f26d0b9ab8ee5ab', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '6a17d7d4d6227d89354a7c994219264942c5e69a' })), this.hasDropdown && (h("div", { key: '526958d3c15f97b7dd76a27989849bd55a17ae5e', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: 'dbb8e13fae5b23a0b1cea9b0311cfb1e28049c0e', icon: "fa-chevron-down" }))), h("slot", { key: '5a5d30dbcf2d0bbc1da2116a11be376615e066d5', name: "dropdown" }))));
179
+ return (h(Tag, { key: 'f44c7f2fdf777851e3e01752df45f17e71a3574d', class: this.classes, href: this.openOnClick ? undefined : this.href, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.openOnClick ? this.handleItemClick : undefined }, this.icon && iconWithBubble, h("div", { key: '6309ac853efce64a8007054d87f0604219f86f36', class: "spw-sidebar-navigation-item__content" }, h("div", { key: 'b5db2dbf23295d9b9696e1b3cc8e09e4485c95b5', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: 'ddbbdfd359ac0102ee089a3ba3808ae746b08b08' })), this.hasDropdown && (h("div", { key: '118814bad1a0a8a4b24502391cede9a3cb547dd1', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: '8629f5fa85911f207ec86568358f471347d97a9b', icon: "fa-chevron-down" }))), h("slot", { key: '4fcd3e3ada621467d3d494dfbcfcc72b98b67607', name: "dropdown" }))));
180
180
  }
181
181
  static get is() { return "spw-sidebar-navigation-item"; }
182
182
  static get originalStyleUrls() {
@@ -1,7 +1,7 @@
1
1
  import { Host, h } from "@stencil/core";
2
2
  export class SpwSidebarNavigationSeparator {
3
3
  render() {
4
- return (h(Host, { key: '9d1664101ce3ca34da06c4ebaad40865189e067b' }, h("spw-separator", { key: '81d9f0715dddd13b7c6826230841850a975132bc', class: "spw-sidebar-navigation-separator" })));
4
+ return (h(Host, { key: '5b56f652e164802885be58d4ff39a6f4c78b2666' }, h("spw-separator", { key: '223287d20ccad7c77cd03e05f2deb63d8d048f65', class: "spw-sidebar-navigation-separator" })));
5
5
  }
6
6
  static get is() { return "spw-sidebar-navigation-separator"; }
7
7
  static get encapsulation() { return "shadow"; }
@@ -76,7 +76,7 @@ export class SpwSidebar {
76
76
  };
77
77
  }
78
78
  render() {
79
- return (h(Host, { key: '72a2f89a98e5cbc00503e069868ae36cf0240bc3', class: this.hostClass }, h("div", { key: '463a912062098bf740ad9a84f9b74189ac93db90', class: this.elementClass }, h("span", { key: '9780e3d315a4db368cc72212e28b4dce59bf985a', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '7ba5560ce536fa666e33bf4ebf6bd8984bd1b92f', icon: "fa-chevron-right" })), h("div", { key: '5cab2c94c2e88a2f6e0c5760c0476452269ee10b', class: "spw-sidebar__content" }, h("slot", { key: '76befd343e9630d637caa7e1efbab66f91c4f6f3', name: "navigation-top" }), h("slot", { key: '1ba0460ed74fc397a246ab23150f550c36073233', name: "navigation-bottom" })), h("div", { key: '7423dc45bf425e186f974d51fca35366ca4275f6', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
79
+ return (h(Host, { key: '9872ce6fc903b14b9ce751fefd159d0591cf09f9', class: this.hostClass }, h("div", { key: '232d8cd359e396a4580df65a37f5bbcc4d2fa618', class: this.elementClass }, h("span", { key: 'd6693521958e92667e33f2bd19cabd6dfaee6e8d', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '1f582b7c19db7b92ecc917091ce6ed44e0940c2b', icon: "fa-chevron-right" })), h("div", { key: 'd5fbda8d2efba4b8f4ab173586cbca013668b944', class: "spw-sidebar__content" }, h("slot", { key: 'a9a21b28679831d00e9c3a32d9dca8e43ad6bad2', name: "navigation-top" }), h("slot", { key: '7c1d6d8e8aed32d5712a26e3f08c5487f56b7621', name: "navigation-bottom" })), h("div", { key: 'f955af234a9c8d67482a90d88107f572b13b0e80', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
80
80
  }
81
81
  static get is() { return "spw-sidebar"; }
82
82
  static get encapsulation() { return "shadow"; }
@@ -44,7 +44,7 @@ export class SpwSkeleton {
44
44
  }
45
45
  }
46
46
  render() {
47
- return (h(Host, { key: '0f7e8f178a55f0eb163952a108dbe34a231957bb' }, h("div", { key: 'a0d1377d8102b3fc27d6a84f475394ecd9e850dc', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: '2de8c01eea2551f136521a63502c7083403fe01f' }))));
47
+ return (h(Host, { key: '6569e082d23cb9163e720c3b3a863a8d88b07b5e' }, h("div", { key: 'bcd48c49e3ee16fe5159286432d7bce711672db6', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: 'b66d83be2f8a57777faff074df615ffd539a2c24' }))));
48
48
  }
49
49
  static get is() { return "spw-skeleton"; }
50
50
  static get encapsulation() { return "shadow"; }
@@ -1,7 +1,7 @@
1
1
  import { Host, h } from "@stencil/core";
2
2
  export class SpwSliderItem {
3
3
  render() {
4
- return (h(Host, { key: 'df17886d293207dae93f660b3ecae2dab64e2672' }, h("div", { key: 'ad894ae2adfb7b4bae3849a71716b436d3b4399b', class: "spw-slider-item" }, h("slot", { key: '32ccf7e4b71f875f410de75dc9a4f83523c5f755' }))));
4
+ return (h(Host, { key: '0f69773ff3a2a5feaf01c414d9580519ccdc4d4b' }, h("div", { key: 'c699707779e318bf7175f17d60f8e8d9094cf679', class: "spw-slider-item" }, h("slot", { key: '5aeecacb2d7004bde6eca2ef1612b0b67fbfff98' }))));
5
5
  }
6
6
  static get is() { return "spw-slider-item"; }
7
7
  static get encapsulation() { return "shadow"; }
@@ -474,6 +474,15 @@ template {
474
474
  padding: 8px;
475
475
  border-radius: 999px;
476
476
  }
477
+ .spw-slider__dots--outside {
478
+ position: relative;
479
+ bottom: auto;
480
+ left: auto;
481
+ transform: none;
482
+ box-shadow: none;
483
+ display: inline-flex;
484
+ border: 1px solid var(--spw-color-themes-grey-grey-300);
485
+ }
477
486
 
478
487
  .spw-slider__dot {
479
488
  width: 12px;
@@ -496,6 +505,12 @@ template {
496
505
  outline-offset: 2px;
497
506
  }
498
507
 
508
+ .spw-slider__dots-container {
509
+ display: flex;
510
+ justify-content: center;
511
+ margin-top: 12px;
512
+ }
513
+
499
514
  .spw-slider__autoplay-toggle {
500
515
  margin-top: 12px;
501
516
  }
@@ -15,6 +15,8 @@ export class SpwSlider {
15
15
  this.autoplayText = 'Défilement automatique';
16
16
  /** Position des flèches gauche/droite */
17
17
  this.arrowsPosition = 'inside';
18
+ /** Position des dots de navigation */
19
+ this.dotsPosition = 'inside';
18
20
  /** Texte aria-label pour la slide suivante */
19
21
  this.nextSlideText = 'Slide suivante';
20
22
  /** Texte aria-label du slider */
@@ -380,13 +382,19 @@ export class SpwSlider {
380
382
  return {
381
383
  'spw-slider': true,
382
384
  [`spw-slider--arrows-${this.arrowsPosition}`]: true,
385
+ [`spw-slider--dots-${this.dotsPosition}`]: true,
383
386
  };
384
387
  }
385
- render() {
386
- return (h(Host, { key: 'abf01413788f9dd90d581dfbbc59b5c904890e25' }, h("div", { key: '749ffdf945277e2462cb3925ea1bb0d69b3221a6', class: this.elementClass, style: { height: `${this.currentHeight}px` }, tabindex: "0", role: "region", "aria-label": this.accAriaLabel }, h("div", { key: '9062f815c35a83e5691e153c5767d662a0e807e3', class: "spw-slider__track" }, h("slot", { key: 'b3469f67963fec6bdb208423dcc63be8ef53cd0a' })), this.showArrows && (h("div", { key: '4d25f8cf56edbdb9bcf59aec8386d6900a960d04', class: "spw-slider__navigation" }, h("button", { key: '0524e356e557221dfaaffafdaab09206a5506e7a', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, h("spw-icon", { key: '02bd61dbfa49e3d243bddd6713e760f679d0e136', icon: "fa-chevron-left" })), h("button", { key: '981037fcfaa7d6f750be1240f4bdf117a304036e', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": this.nextSlideText }, h("spw-icon", { key: '6c5f8dc8da391f4d423ad1b258dbb9f70f6c3da2', icon: "fa-chevron-right" })))), this.showDots && this.totalSlides > 1 && (h("div", { key: '54027cdf4b6bc1468b4c4be1da2aeac0933cfbf7', class: "spw-slider__dots" }, Array.from({ length: this.totalSlides }, (_, i) => (h("button", { class: {
388
+ renderDots() {
389
+ if (!this.showDots || this.totalSlides <= 1)
390
+ return null;
391
+ return (h("div", { class: { 'spw-slider__dots': true, 'spw-slider__dots--outside': this.dotsPosition === 'outside' } }, Array.from({ length: this.totalSlides }, (_, i) => (h("button", { class: {
387
392
  'spw-slider__dot': true,
388
393
  'spw-slider__dot--active': i === this.activeIndex,
389
- }, onClick: () => this.handleDotClick(i), "aria-label": `Aller à la slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' })))))), this.showAutoplayToggle && (h("div", { key: '8c942c9464d2c2c56bfc373598705a8f1deb89a9', class: "spw-slider__autoplay-toggle" }, h("spw-checkbox", { key: '7b5bf5926021a941c6c846046efceff88e6b3580', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
394
+ }, onClick: () => this.handleDotClick(i), "aria-label": `Slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' })))));
395
+ }
396
+ render() {
397
+ return (h(Host, { key: 'dfdeae00473d71dd36a9ae858c52cdf510115521' }, h("div", { key: 'fd89eceedff1308d197c4297e182c7d395182c36', class: this.elementClass, style: { height: `${this.currentHeight}px` }, tabindex: "0", role: "region", "aria-label": this.accAriaLabel }, h("div", { key: 'a61484457dcc1f0303b447522644f14e58d75084', class: "spw-slider__track" }, h("slot", { key: '619f8df663f298c7c16859f72d71ab5826de0ab0' })), this.showArrows && (h("div", { key: 'c42db44ef58cf1b8f91e6a674cb08a82ca4d9f47', class: "spw-slider__navigation" }, h("button", { key: '074e75bb388bc6f466fc628a83f5e4e59f50d9dd', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, h("spw-icon", { key: '04f4283edd6a3653661f67be340c9620d78ac754', icon: "fa-chevron-left" })), h("button", { key: '38f5864b44f9486b9a4f876beb6602bbbde15591', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": this.nextSlideText }, h("spw-icon", { key: '4ad8c4da2be348a8c305bbf1b4857df3bd86867a', icon: "fa-chevron-right" })))), this.dotsPosition === 'inside' && this.renderDots()), this.dotsPosition === 'outside' && (h("div", { key: '4ee6d2f88cd4bf5fe53ebb4f7e3e957148a9a84d', class: "spw-slider__dots-container" }, this.renderDots())), this.showAutoplayToggle && (h("div", { key: '738c777251b6e6530380e6897adf5015689b01e7', class: "spw-slider__autoplay-toggle" }, h("spw-checkbox", { key: 'c86e06b8d42764c2c7477b25fc9435760b6a4b6c', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
390
398
  }
391
399
  static get is() { return "spw-slider"; }
392
400
  static get encapsulation() { return "shadow"; }
@@ -542,6 +550,26 @@ export class SpwSlider {
542
550
  "attribute": "arrows-position",
543
551
  "defaultValue": "'inside'"
544
552
  },
553
+ "dotsPosition": {
554
+ "type": "string",
555
+ "mutable": false,
556
+ "complexType": {
557
+ "original": "'inside' | 'outside'",
558
+ "resolved": "\"inside\" | \"outside\"",
559
+ "references": {}
560
+ },
561
+ "required": false,
562
+ "optional": false,
563
+ "docs": {
564
+ "tags": [],
565
+ "text": "Position des dots de navigation"
566
+ },
567
+ "getter": false,
568
+ "setter": false,
569
+ "reflect": false,
570
+ "attribute": "dots-position",
571
+ "defaultValue": "'inside'"
572
+ },
545
573
  "nextSlideText": {
546
574
  "type": "string",
547
575
  "mutable": false,
@@ -5,7 +5,7 @@ export class SpwSocials {
5
5
  this.mainTitle = 'Restez connecté';
6
6
  }
7
7
  render() {
8
- return (h(Host, { key: '337b0c9e93db0e607bb4ffc9e1515e50fc719c61' }, h("div", { key: '7d231ffd3a47cd506a1951dcf8425eaf7878d83c', class: "spw-socials" }, h("div", { key: '29ed1d1e2dfc4e92b422d6a7971e50b0e563b209', class: "spw-ds-container" }, h("h2", { key: 'da07a1b7bde7d79543f3a03f76c17ab2942a840f', class: "spw-socials__title" }, this.mainTitle), h("div", { key: 'effedaf219140d1dd79a17a98eb023cac347524e', class: "spw-socials__content" }, h("slot", { key: '8f10a19574f867d486407e7eacbc08a7be964bd9' }))))));
8
+ return (h(Host, { key: 'be2d1a85de5a13242480102fc332bbbf51eea432' }, h("div", { key: '15a39434450284e527807b33a662c3f97da8fa4f', class: "spw-socials" }, h("div", { key: 'd05c8c118eeb78836e92690433b7657bcf3733c5', class: "spw-ds-container" }, h("h2", { key: '66a85ce9bea6a3f7b4e62f03cfacbcbf7406cfe0', class: "spw-socials__title" }, this.mainTitle), h("div", { key: 'dc07f98b6515d3d1a7be3e27c98f27bdc6e1a509', class: "spw-socials__content" }, h("slot", { key: '36b02038441f5e138601a5af26640d3e66b975f7' }))))));
9
9
  }
10
10
  static get is() { return "spw-socials"; }
11
11
  static get originalStyleUrls() {
@@ -33,7 +33,7 @@ export class SpwTableBody {
33
33
  });
34
34
  }
35
35
  render() {
36
- return (h("tbody", { key: '8c8a71d1d4b0d6a9a2ed3b2a2a7b3446633accbc', part: "tbody" }, h("slot", { key: '30bf4febededeba0969ba8ccee591bf29dc588cf' })));
36
+ return (h("tbody", { key: 'cebbbf9ee5c9e28d516fb01f9cff9c3e6b8b5c99', part: "tbody" }, h("slot", { key: 'fbc5e03301d09e23e64308754d7e62dd61c1bf9d' })));
37
37
  }
38
38
  static get is() { return "spw-table-body"; }
39
39
  static get encapsulation() { return "shadow"; }
@@ -87,7 +87,7 @@ export class SpwTableCell {
87
87
  }
88
88
  attrs.style = stickyStyles;
89
89
  }
90
- return (h("td", Object.assign({ key: 'f4cd58092f1373d1d3fe875db70a57670af8389d' }, attrs), h("slot", { key: '13ff67c10ea683adfa64a4dfa2e66cd70225bdd4' })));
90
+ return (h("td", Object.assign({ key: '0ed9e797a8960aa629ca79773f44a250cc6389a3' }, attrs), h("slot", { key: '7635e6d4b777d6092b7cd02b3110e9317dd23795' })));
91
91
  }
92
92
  static get is() { return "spw-table-cell"; }
93
93
  static get encapsulation() { return "shadow"; }
@@ -1,7 +1,7 @@
1
1
  import { Host, h } from "@stencil/core";
2
2
  export class SpwTableContainer {
3
3
  render() {
4
- return (h(Host, { key: 'b3219f4f60c3577122f6658f436e653be682eb21' }, h("div", { key: '3165381f7ea20a555ea8142d72774fcafefb7aa6', class: "spw-table-container" }, h("slot", { key: '1548a955c98c6372c3e38c76157698650b895b4f' }))));
4
+ return (h(Host, { key: '20b31b0d468cc78cb94d7fb6d151e4ed6d58d9c7' }, h("div", { key: '61ddef1eec37eb7e34050d572d11bea58be56e02', class: "spw-table-container" }, h("slot", { key: 'e477ad315bb12df1eaa534d5f60247a6904d9cb9' }))));
5
5
  }
6
6
  static get is() { return "spw-table-container"; }
7
7
  static get encapsulation() { return "shadow"; }
@@ -1,7 +1,7 @@
1
1
  import { h } from "@stencil/core";
2
2
  export class SpwTableFooter {
3
3
  render() {
4
- return (h("div", { key: '653df29781569383ebc79459dd7c14d5d0de9b3f', class: "spw-table-footer" }, h("slot", { key: '0ad90ac0472e139bdb81b6859545d933c828f59a', name: "left" }), h("slot", { key: '7905d10b88e595a122a47decdf953f2f086d8e51', name: "center" }), h("slot", { key: '4c59247a96324ad8ec374893874db0252ec36450', name: "right" })));
4
+ return (h("div", { key: 'a5ad6fd452ad9271c33f975a371fb5cdb8c3ff54', class: "spw-table-footer" }, h("slot", { key: 'c562cf29a2d8199dd1c82c0801484cf6d8631231', name: "left" }), h("slot", { key: 'c14834285118b4286ff6e29cd331ba9fbc47cfc5', name: "center" }), h("slot", { key: '55183ab0fd51f51c7fb8c7dd0f3ab0794b97a382', name: "right" })));
5
5
  }
6
6
  static get is() { return "spw-table-footer"; }
7
7
  static get encapsulation() { return "shadow"; }
@@ -1,7 +1,7 @@
1
1
  import { h } from "@stencil/core";
2
2
  export class SpwTableHead {
3
3
  render() {
4
- return (h("thead", { key: '936b9034bd0573d301966b8a63aa00a2220afbd5', part: "thead" }, h("slot", { key: 'f945899ce739e9d00a6bd2ab8d47a88c2c8a4ff2' })));
4
+ return (h("thead", { key: 'c0da89a75f4581418d5720740ed0f79c5bce92dd', part: "thead" }, h("slot", { key: '0bdc929fe606bea86b34e79d54dcbc153565bb40' })));
5
5
  }
6
6
  static get is() { return "spw-table-head"; }
7
7
  static get encapsulation() { return "shadow"; }
@@ -65,10 +65,10 @@ export class SpwTableHeader {
65
65
  }
66
66
  attrs.style = stickyStyles;
67
67
  }
68
- return (h("th", Object.assign({ key: '3597cc73894eb550c90a9faf6ed99342ce608af7' }, attrs), h("div", { key: '4df1aeb40736b9849513315fb4f42d19a218786f', class: {
68
+ return (h("th", Object.assign({ key: '0da8ebf7e139b4266d3443e5d9c424a0969c3169' }, attrs), h("div", { key: '7da8579a5b174a6c897d5b8ced8e00e37a27e478', class: {
69
69
  'spw-table-header__content': true,
70
70
  'spw-table-header__content--is-sorted': this.isSorted,
71
- } }, h("slot", { key: '5a8fd96b0c8f3ec2b29b430d9cd7d1c2b87f3eb3' }), h("div", { key: '0c22a2bb09c068ddf47d8ffc055fc921c16cea9c', class: "spw-table-header__icons" }, h("slot", { key: 'f08b666961d4b594ea841ec1a4911a95749fc452', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: 'ef32c882d1fe0a30e4962c9ed930c65d99282577', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: 'a1be35bb107493ca9fc4c84481c8b8ce55562630', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: '08416d4f3d6116ae9905d227e0395e5566e57ec0', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
71
+ } }, h("slot", { key: '7906a53e056358888c89856636c0a087403bd32c' }), h("div", { key: '911d127b191231f17a9738a39833ad55845d9fa7', class: "spw-table-header__icons" }, h("slot", { key: '887f5dc4f01c5cf0119ef8942a9b4637ec4838c3', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '88fe8372660fd365d849b71ab3d51c12f166980c', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: '130db9e1fb9703af782ddb917d57193b515d03e5', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: 'a5c24a81555520443834ac0b8a9f02ea91e0f6ca', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
72
72
  }
73
73
  static get is() { return "spw-table-header"; }
74
74
  static get encapsulation() { return "shadow"; }
@@ -49,7 +49,7 @@ export class SpwTableRow {
49
49
  };
50
50
  }
51
51
  render() {
52
- return (h(Host, { key: '3234f30f976c2e8ed69a3738a7991de8b67720ab', part: "row" }, h("tr", { key: 'b76a0545709a4a9b2a10912e3318776619d43f49', class: this.elementClass, part: "row" }, h("slot", { key: 'b0934c80ee3b2b60218c57cfd1cc9ac57c3a86ac' }))));
52
+ return (h(Host, { key: 'd768595b16ef64c24e349eb171dfb63b259d330c', part: "row" }, h("tr", { key: '6f20e681a85b2fd75a506594df2e6b81477b4bcd', class: this.elementClass, part: "row" }, h("slot", { key: '7fb0cb640ebfbe771037358b4f76d1f74201618a' }))));
53
53
  }
54
54
  static get is() { return "spw-table-row"; }
55
55
  static get encapsulation() { return "shadow"; }
@@ -123,7 +123,7 @@ export class SpwTableSidebar {
123
123
  }
124
124
  render() {
125
125
  const style = Object.assign(Object.assign({}, (this.observedHeight !== undefined && { height: `${this.observedHeight}px` })), { '--spw-table-sidebar-width': `${this.sidebarWidth}px` });
126
- return (h(Host, { key: '2e8d2c148f4f6de6348e68f598afaf00f155bfde', style: style, class: this.hostClass }, h("nav", { key: '8d38a4ed0860b822cc1d507e4ef949f5cd4f3d5e', class: this.elementClass }, h("span", { key: '2025f70bce54de7d963c0c6bb5389965f82a8fcc', class: "spw-table-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: 'f15b9eb13325c4263932dfc1a77661e0924632d0', icon: "fa-chevron-left" })), h("div", { key: 'a000f88e223cb68928afdb8947dd8dbf9a428887', class: "spw-table-sidebar__mini", onClick: this.toggleSidebar }, h("spw-icon", { key: 'd3b76ff30e0c1440b3628682871feba34b83edc3', icon: this.sidebarIcon, variant: "fa-regular" })), h("div", { key: 'd9ea043effdbba8730c179084d17523ce2a47c78', class: "spw-table-sidebar__content" }, h("div", { key: 'ff2c9510ef7cbb7fe7e19490c515681c37a58b34', class: "spw-table-sidebar__header" }, h("span", { key: 'af6f09ba10db339a301f39b6c79a1f05c7c9b1cd', class: "spw-table-sidebar__header-title" }, h("spw-icon", { key: '2bf6ee6e5be2b447b789642a9a61dd2a57117b8f', icon: this.sidebarIcon, variant: "fa-regular" }), " ", this.sidebarTitle), this.hasReset && (h("spw-button", { key: '68dac4256c1982cdf0080f60a17b635abdd8bcd1', class: "spw-table-sidebar__header-reset", onClick: this.handleReset, type: "button", variant: "secondary", size: "small", isIconOnly: true, icon: this.resetIcon }))), h("div", { key: 'f588b9a918d726b118aac0b7cef4cb875279fa48', class: "spw-table-sidebar__scrollable-content" }, h("slot", { key: 'ae7ad55981e44ed9951f8da4c25771314129d196' })), h("div", { key: 'd5ae54bea51569b93bbaa5e698d1b9f3095f12d4', class: "spw-table-sidebar__footer" }, h("slot", { key: '14d94217a208286ce113937f526012397106ab86', name: "sidebar-footer" }))))));
126
+ return (h(Host, { key: '8554f9eb95f58a5ad64964e77549b1bb8dc41e6f', style: style, class: this.hostClass }, h("nav", { key: '0ec5a00c0bad4c22813458a391bca3b0016c1467', class: this.elementClass }, h("span", { key: 'cf381a971a6421a03f99f9d12c410e80034fe983', class: "spw-table-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '29a00207e5393cdb51387661bb04dd6b337a5faa', icon: "fa-chevron-left" })), h("div", { key: '4760134f2c9730aea5213cd67c7dd8dc733f804b', class: "spw-table-sidebar__mini", onClick: this.toggleSidebar }, h("spw-icon", { key: 'a8618ffe3d615e0799f9f73b9cfe07207000b062', icon: this.sidebarIcon, variant: "fa-regular" })), h("div", { key: '4ffff15eca0cf5afcb4d1f678573f0ca7b8e52f6', class: "spw-table-sidebar__content" }, h("div", { key: 'a05174917fc1985f65c9c3c0ec2f15dbd3993f13', class: "spw-table-sidebar__header" }, h("span", { key: '1c22fd6d664b33b61fbfb5d856dcd915badc6a76', class: "spw-table-sidebar__header-title" }, h("spw-icon", { key: '832973b4ab3e76c0ca170a994e0605b85608ad22', icon: this.sidebarIcon, variant: "fa-regular" }), " ", this.sidebarTitle), this.hasReset && (h("spw-button", { key: '10d6e78be2bd124f9c275abbfd0ab2e1e929026f', class: "spw-table-sidebar__header-reset", onClick: this.handleReset, type: "button", variant: "secondary", size: "small", isIconOnly: true, icon: this.resetIcon }))), h("div", { key: '30b996387d5ac20e9401619408915c37d3bdcff8', class: "spw-table-sidebar__scrollable-content" }, h("slot", { key: '20b007d38da0e1888da85e562d103c55b4c4267a' })), h("div", { key: 'a1599bb2745f82c135b51e271ad185a0e93f884e', class: "spw-table-sidebar__footer" }, h("slot", { key: '1fbb514e64541089376db7265d9ff761a6d2aa19', name: "sidebar-footer" }))))));
127
127
  }
128
128
  static get is() { return "spw-table-sidebar"; }
129
129
  static get encapsulation() { return "shadow"; }
@@ -1,3 +1,4 @@
1
+ @charset "UTF-8";
1
2
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2
3
  /* Document
3
4
  ========================================================================== */
@@ -379,6 +380,8 @@ template {
379
380
  display: block;
380
381
  position: relative;
381
382
  top: 1px;
383
+ /** Permet de définir la border-bottom de la navigation d'onglets. */
384
+ --spw-tabs-navigation-border-bottom: 1px solid var(--spw-colors-support-grey-grey-300);
382
385
  }
383
386
 
384
387
  .spw-tabs-navigation-container {
@@ -412,7 +415,7 @@ template {
412
415
  gap: 24px;
413
416
  overflow-x: auto;
414
417
  white-space: nowrap;
415
- border-bottom: 1px solid var(--spw-colors-support-grey-grey-300);
418
+ border-bottom: var(--spw-tabs-navigation-border-bottom);
416
419
  scroll-behavior: smooth;
417
420
  list-style: none;
418
421
  margin: 0;
@@ -102,7 +102,7 @@ export class SpwTabsNavigation {
102
102
  'spw-tabs-navigation__list--vertical-on-mobile': this.isVerticalOnMobile,
103
103
  'spw-tabs-navigation__list--centered': this.isCentered && !this.hasOverflow,
104
104
  };
105
- return (h("div", { key: '9c60a13fbe9734709823dca5383ed6d1b2d85fea', class: containerClass }, this.showLeftArrow && (h("button", { key: '9b5833e1d2000bb3b589a03d3b63d725109fdbb9', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left", onClick: this.scrollLeft, "aria-label": "Faire d\u00E9filer vers la gauche" }, h("spw-icon", { key: 'ae027e9329d1b7867228f97ce5578cebedc476a2', icon: "fa-chevron-left" }))), h("nav", { key: '07ac7d5b2b2aeabeabc7c87a654b1ee8fd5dc5f8', class: navClass, "aria-label": this.accAriaLabel || 'Navigation' }, h("ul", { key: '22429f64f920c31b1e2ca6aa93a7d2333947447e', class: listClass, role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, h("slot", { key: '5e4ec543a2de57ea7c6fa32740078cf72ea4117a' }))), this.showRightArrow && (h("button", { key: '521c9236cb09560a4dff90ea518a53c445fb6951', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right", onClick: this.scrollRight, "aria-label": "Faire d\u00E9filer vers la droite" }, h("spw-icon", { key: '23b5aaf5e7585b3ddba3dd0b86feae3f6a9e3b63', icon: "fa-chevron-right" })))));
105
+ return (h("div", { key: '9f44026a898ae033e9e2e00237d80c6c5f0430c6', class: containerClass }, this.showLeftArrow && (h("button", { key: '71839693e2f0e59fdbabbd23a5556789ae669203', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left", onClick: this.scrollLeft, "aria-label": "Faire d\u00E9filer vers la gauche" }, h("spw-icon", { key: '5927150df5a818fa90efd30c2b5732b5ad1a2323', icon: "fa-chevron-left" }))), h("nav", { key: 'c940c65313d274f90f3c773cf915baed15b8eab3', class: navClass, "aria-label": this.accAriaLabel || 'Navigation' }, h("ul", { key: 'c0eef4fb73c775b4b5da67fcbdcd57abdeb07a7b', class: listClass, role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, h("slot", { key: '8a9cb2e711bcdfcfe3211afdf36b18d18a43ed08' }))), this.showRightArrow && (h("button", { key: '89777371f0d6f5a99360dbad57b653a8e86839d6', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right", onClick: this.scrollRight, "aria-label": "Faire d\u00E9filer vers la droite" }, h("spw-icon", { key: '60e5cf3b4c2a76fe4f5586b147f6d1c5a5b2f479', icon: "fa-chevron-right" })))));
106
106
  }
107
107
  static get is() { return "spw-tabs-navigation"; }
108
108
  static get encapsulation() { return "shadow"; }
@@ -63,7 +63,7 @@ export class SpwTabsNavigationItem {
63
63
  const iconClass = `spw-icon--${iconPosition}`;
64
64
  const iconElement = this.icon ? h("spw-icon", { class: iconClass, icon: this.icon }) : null;
65
65
  const tagElement = this.tagText ? (h("spw-tag", { size: "small", "has-icon": this.tagIcon ? 'true' : 'false', variant: this.tagVariant }, this.tagText)) : null;
66
- return (h(Host, { key: '665ff40c1d65de9590e1aae3b59f47bd50ed7970', class: this.active ? '--active' : '' }, h("li", { key: 'd9b2c717a000ee06b455e25ed75d01fbe8be321f', id: `tab-${this.tabId}`, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.accAriaLabel || this.slotText, onKeyDown: this.handleKeyDown, tabIndex: this.disabled ? -1 : 0, class: this.elementClass, onClick: this.handleClick }, this.hasEllipsis && (h("spw-tooltip", { key: '63a3d0e1c62268487c6b6fbfb6958dde61777f6c', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, h("slot", { key: '670d6a2cdb27bec00f0268f4be8ea52977a8940d' }), iconPosition === 'right' && iconElement, tagElement)), !this.hasEllipsis && (h(Fragment, { key: '8bec7bff8a620c0fce6489bdcc2dae2cbbe89dbb' }, iconPosition === 'left' && iconElement, h("slot", { key: '855c0487693c69047b4bda604f2f395196e524b4' }), iconPosition === 'right' && iconElement, tagElement)), ' ', this.bubble && h("span", { key: '9f9ba41f64fbe20227d4c94ffbb83565983052b5', class: "bubble" }))));
66
+ return (h(Host, { key: '6860fc29e77ba3ede1763d07ba6fe2b5c879e45f', class: this.active ? '--active' : '' }, h("li", { key: 'b4615ef2fb921fe7b35754b54112e255d7881fdc', id: `tab-${this.tabId}`, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.accAriaLabel || this.slotText, onKeyDown: this.handleKeyDown, tabIndex: this.disabled ? -1 : 0, class: this.elementClass, onClick: this.handleClick }, this.hasEllipsis && (h("spw-tooltip", { key: 'da5aea69897c9844d23920cab18094d18fc0ec1e', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, h("slot", { key: 'dee4a86c6a35638ea760a1bd0f3546f15edcb3cb' }), iconPosition === 'right' && iconElement, tagElement)), !this.hasEllipsis && (h(Fragment, { key: '5c052db9170060c707e333b6a676c9b9bbd97846' }, iconPosition === 'left' && iconElement, h("slot", { key: '3bca21871ca31a19059eadeb972ae0ca33077104' }), iconPosition === 'right' && iconElement, tagElement)), ' ', this.bubble && h("span", { key: '4e5dab51787a7c675ecf1c28131c30f78fb2c3cb', class: "bubble" }))));
67
67
  }
68
68
  static get is() { return "spw-tabs-navigation-item"; }
69
69
  static get encapsulation() { return "shadow"; }
@@ -167,7 +167,7 @@ export class SpwTabs {
167
167
  };
168
168
  }
169
169
  render() {
170
- return (h("div", { key: '0fcd95e6e0ad83b87516013a3fb43018d528822e', class: this.elementClass }, h("slot", { key: 'b6de5587e06c0f497c4f43b48bcaeb8393202153', name: "navigation" }), h("slot", { key: '3f9fd6b95f95f14c642a31bce823b65d375692f7', name: "content" })));
170
+ return (h("div", { key: '3d71e8cb71c3452b64dad25b215829d41e3caf59', class: this.elementClass }, h("slot", { key: '1e1c36b080b297698999c199a42ef0e743a21832', name: "navigation" }), h("slot", { key: '183712352b3ee9e5ca355d04ef6ee895c6751e25', name: "content" })));
171
171
  }
172
172
  static get is() { return "spw-tabs"; }
173
173
  static get encapsulation() { return "shadow"; }
@@ -49,7 +49,7 @@ export class SpwTag {
49
49
  };
50
50
  const iconToDisplay = this.icon || this.getIcon(this.variant);
51
51
  const iconElement = this.hasIcon ? h("spw-icon", { variant: this.iconVariant, icon: iconToDisplay }) : null;
52
- return (h(Host, { key: '92c7e101cd52e9c4911e2a9ed37196e98f1f2ea4' }, h(TagType, Object.assign({ key: '744695ae84f81d53a47201f6bee63d77012d77a8' }, attrs, { class: this.elementClass }), this.iconPosition === 'left' && iconElement, h("slot", { key: '3c5165d1dc22c3a74e3ea56bfd7dcdec1703fb84' }), this.iconPosition === 'right' && iconElement)));
52
+ return (h(Host, { key: '25d79d8139628f04b52d56ce57d946d30293251f' }, h(TagType, Object.assign({ key: '4e4502faf7f71f01f774dec0f6f606250c300bd7' }, attrs, { class: this.elementClass }), this.iconPosition === 'left' && iconElement, h("slot", { key: 'b7a4b2f0c9416b45149d62da061d605171f9362e' }), this.iconPosition === 'right' && iconElement)));
53
53
  }
54
54
  static get is() { return "spw-tag"; }
55
55
  static get encapsulation() { return "shadow"; }
@@ -280,7 +280,7 @@ export class SpwTextField {
280
280
  };
281
281
  }
282
282
  render() {
283
- return (h("div", { key: '6304ac03c3541efc09d35aeef2c0e0328dabe31a', class: this.elementClass }, this.label && (h("spw-field-label", { key: 'd8ab8972e69ae8c0e81610461f74a011360bee7d', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (h("spw-field-message", { key: '20e6c6c57f7d5ac21412d5dc95133c0ddc74ebad', class: "spw-text-field__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '3ee14b39bc1aed104cd0f3363663ba99d4d26079', class: "spw-text-field__container" }, this.type === 'number' && this.hasControls && (h("button", { key: '90f6fd6f6ccb853ae3306c71f3108af97c412fb7', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--decrement", onClick: () => this.decrement(), disabled: this.disabled || (this.min != null && Number(this.value) <= this.min), "aria-label": this.accAriaLabelDecrement }, h("spw-icon", { key: 'ed8448120845caee7c46450a8188ad7c4bc78587', icon: "fa-minus" }))), h("div", { key: '6b88c873c6a08f46631154b176cb1e5e2380068e', class: "spw-text-field__input-container" }, h("input", { key: '1b594555f259e1dd2691325d02df1c9678412722', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type === 'number' && this.decimalPrecision != null ? 'text' : this.type, inputMode: this.type === 'number' && this.decimalPrecision != null ? 'decimal' : undefined, min: this.type === 'number' && this.decimalPrecision == null ? this.min : undefined, max: this.type === 'number' && this.decimalPrecision == null ? this.max : undefined, step: this.type === 'number' && this.decimalPrecision == null ? this.step : undefined, placeholder: this.placeholder, "aria-label": this.accAriaLabel || this.name, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event), onKeyDown: event => this.handleKeyDown(event) }), (this.isSearch || this.isClearIconVisible) && (h("div", { key: '31a3327283b626bb69d94b65bae7f5b35b701176', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: '48a790c6392001b89e01ef7df728687e1c537a22', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: 'b84e4d2f30f7fdc0aaf56786864d63f3aaa67318', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && !this.hasSubmitButton && h("spw-icon", { key: '180e6024aea317b3347dc8c92bd3027ee04ebdd2', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" }), this.hasSubmitButton && (h("button", { key: '5317171e217a0db4d8536f3540fba10377876820', type: "button", class: "spw-text-field__submit", onClick: () => this.handleSubmit(), "aria-label": "Rechercher" }, h("spw-icon", { key: '29a25f1b56792324cde4e573109b3f35bb2a7300', icon: "fa-magnifying-glass" })))))), this.type === 'number' && this.hasControls && (h("button", { key: '13e09f4e3911f62c19e485efc3007b9ec47a8db1', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--increment", onClick: () => this.increment(), disabled: this.disabled || (this.max != null && Number(this.value) >= this.max), "aria-label": this.accAriaLabelIncrement }, h("spw-icon", { key: '2d2bb2bc2c38675a352dc1c3fe6016293ea4390d', icon: "fa-plus" }))), this.indicator && h("div", { key: '69d2377a8c1253d0adbb8cfb4c3ec4c81ae4a8a7', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
283
+ return (h("div", { key: '1a909aece29dbbf043b7df0460f5d8537216f1c5', class: this.elementClass }, this.label && (h("spw-field-label", { key: 'f2ea58d0ee889f0f79c03287658988b9826e8a61', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (h("spw-field-message", { key: 'f9df3ea11a33d8ac48c159dd384595f8f1d60318', class: "spw-text-field__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '4952003f7003b658b8f84ae545c4aa695e589738', class: "spw-text-field__container" }, this.type === 'number' && this.hasControls && (h("button", { key: 'd93ec9ddb78b6ab67e965c8ce807a130007aba82', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--decrement", onClick: () => this.decrement(), disabled: this.disabled || (this.min != null && Number(this.value) <= this.min), "aria-label": this.accAriaLabelDecrement }, h("spw-icon", { key: 'd7b74ad8ffdaadcd6b9ee302013b723b1454c8da', icon: "fa-minus" }))), h("div", { key: '462ee87a24ef7cc69261f4dd1ea2accf54df790c', class: "spw-text-field__input-container" }, h("input", { key: 'd7ad8f51e8d0475029655283195edf254991ee20', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type === 'number' && this.decimalPrecision != null ? 'text' : this.type, inputMode: this.type === 'number' && this.decimalPrecision != null ? 'decimal' : undefined, min: this.type === 'number' && this.decimalPrecision == null ? this.min : undefined, max: this.type === 'number' && this.decimalPrecision == null ? this.max : undefined, step: this.type === 'number' && this.decimalPrecision == null ? this.step : undefined, placeholder: this.placeholder, "aria-label": this.accAriaLabel || this.name, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event), onKeyDown: event => this.handleKeyDown(event) }), (this.isSearch || this.isClearIconVisible) && (h("div", { key: '91d8d1b92c8487325e17c7b311ae60ad57b5fed0', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: 'cec98dd049320cfe3b5ca5a0749249b216a0ecd4', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: '60b0bc0835f5da1e81dddbd3e815e7eb55675cc0', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && !this.hasSubmitButton && h("spw-icon", { key: '7f040bda49db2936f123d81052ffc7aa18d4f2e1', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" }), this.hasSubmitButton && (h("button", { key: '119c076cc684f30810c290d71698c96fcec6be93', type: "button", class: "spw-text-field__submit", onClick: () => this.handleSubmit(), "aria-label": "Rechercher" }, h("spw-icon", { key: '35f6011eb271494f4cfb0f1e848f2ffa1aa68caa', icon: "fa-magnifying-glass" })))))), this.type === 'number' && this.hasControls && (h("button", { key: 'ab7e685d644bf96c3303ae19a58983b42e083bdb', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--increment", onClick: () => this.increment(), disabled: this.disabled || (this.max != null && Number(this.value) >= this.max), "aria-label": this.accAriaLabelIncrement }, h("spw-icon", { key: 'c36d63825077dc9ee4ccec5c1dc77caef30e92e2', icon: "fa-plus" }))), this.indicator && h("div", { key: '2a5fb89e27a1177f5a4830f3e1b22e7ca8ff3d44', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
284
284
  }
285
285
  static get is() { return "spw-text-field"; }
286
286
  static get encapsulation() { return "shadow"; }
@@ -98,7 +98,7 @@ export class SpwTextarea {
98
98
  };
99
99
  }
100
100
  render() {
101
- return (h("div", { key: 'caeb79288b10b7f5043ee0b9baca901da996dc1b', class: this.elementClass }, this.label && (h("spw-field-label", { key: 'cefba218c696305a0347ed2857ab742cfe4239a9', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (h("spw-field-message", { key: '2206b7b0ff1fe3b044a17af3131032a7e3cb6be3', class: "spw-textarea__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'e6e5e40491e0851c4da2bc83f60cb0497acad83a', class: "spw-textarea__container" }, h("textarea", { key: 'e405b41ec00e8f32ebdeebf60bba9caf8e7030f1', class: "spw-textarea__input", ref: el => (this.textareaElement = el), value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, rows: this.rows, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleChange(event) })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
101
+ return (h("div", { key: '5cf8a467be38b151663bf4a55cc8276946568545', class: this.elementClass }, this.label && (h("spw-field-label", { key: '4ab83e60ab163af266a5830e369f2aff972093c2', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (h("spw-field-message", { key: '11927f2c8412bfbdb4001df9e8003316dc1eff19', class: "spw-textarea__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'fdffdd19fb2223fde04ba0ed8e550432deabcfe1', class: "spw-textarea__container" }, h("textarea", { key: '4ce75319dfe3d49908917752b4ac39cebd366374', class: "spw-textarea__input", ref: el => (this.textareaElement = el), value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, rows: this.rows, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleChange(event) })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
102
102
  }
103
103
  static get is() { return "spw-textarea"; }
104
104
  static get encapsulation() { return "shadow"; }
@@ -24,7 +24,7 @@ export class SpwThemeProvider {
24
24
  document.documentElement.setAttribute('data-theme', theme);
25
25
  }
26
26
  render() {
27
- return (h("main", { key: 'e75784cfdcd005e47377fe929279e50181586eae', class: `spw-theme-${this.theme}` }, h("slot", { key: 'af26b0dd75e59e4317c90d95d2f4025cede63b69' })));
27
+ return (h("main", { key: '8b9064c6c7fc6070740c2ae3bdee75275589cc9e', class: `spw-theme-${this.theme}` }, h("slot", { key: '746a51e265b9d05aa8ac2acc2d9a5af1321e3e9a' })));
28
28
  }
29
29
  static get is() { return "spw-theme-provider"; }
30
30
  static get properties() {
@@ -1,7 +1,7 @@
1
1
  import { h } from "@stencil/core";
2
2
  export class SpwTileDescription {
3
3
  render() {
4
- return (h("div", { key: '6ac1ca32f3ab7fa6acfa6c891fca41ddd12a095b', class: "spw-tile-description" }, h("slot", { key: 'c405794220e081538f3b3f3e205f5aad9c72b523' })));
4
+ return (h("div", { key: '7d725d4b43f3f1046606ca672d5289a51803e1bb', class: "spw-tile-description" }, h("slot", { key: '97f4e02c449d3fae38c1b56913fbcc5f6af4a0b0' })));
5
5
  }
6
6
  static get is() { return "spw-tile-description"; }
7
7
  static get encapsulation() { return "shadow"; }