@spw-ds/spw-stencil-library 1.15.0 → 1.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (533) hide show
  1. package/dist/cem.json +313 -12
  2. package/dist/cjs/{index-BSEZn_kI.js → index-D3lyhQSW.js} +13 -1
  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 +1 -1
  7. package/dist/cjs/spw-box.cjs.entry.js +28 -9
  8. package/dist/cjs/spw-breadcrumb-item.cjs.entry.js +2 -2
  9. package/dist/cjs/spw-breadcrumb.cjs.entry.js +3 -3
  10. package/dist/cjs/spw-button_2.cjs.entry.js +3 -3
  11. package/dist/cjs/spw-card-content.cjs.entry.js +2 -2
  12. package/dist/cjs/spw-card-excerpt.cjs.entry.js +2 -2
  13. package/dist/cjs/spw-card-image.cjs.entry.js +2 -2
  14. package/dist/cjs/spw-card-subtag-item.cjs.entry.js +2 -2
  15. package/dist/cjs/spw-card-subtags.cjs.entry.js +2 -2
  16. package/dist/cjs/spw-card-title.cjs.entry.js +13 -3
  17. package/dist/cjs/spw-card.cjs.entry.js +2 -2
  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 +2 -2
  22. package/dist/cjs/spw-drawer.cjs.entry.js +4 -4
  23. package/dist/cjs/spw-dropdown-container.cjs.entry.js +2 -2
  24. package/dist/cjs/spw-dropdown-item.cjs.entry.js +2 -2
  25. package/dist/cjs/spw-dropdown.cjs.entry.js +11 -6
  26. package/dist/cjs/spw-field-label_8.cjs.entry.js +9 -9
  27. package/dist/cjs/spw-file-upload.cjs.entry.js +3 -3
  28. package/dist/cjs/spw-footer-bottom.cjs.entry.js +2 -2
  29. package/dist/cjs/spw-footer-content-col.cjs.entry.js +2 -2
  30. package/dist/cjs/spw-footer-content.cjs.entry.js +2 -2
  31. package/dist/cjs/spw-footer-link.cjs.entry.js +2 -2
  32. package/dist/cjs/spw-footer.cjs.entry.js +2 -2
  33. package/dist/cjs/spw-grid-item.cjs.entry.js +3 -3
  34. package/dist/cjs/spw-grid.cjs.entry.js +3 -3
  35. package/dist/cjs/spw-header-lang.cjs.entry.js +2 -2
  36. package/dist/cjs/spw-header-navigation-dropdown.cjs.entry.js +2 -2
  37. package/dist/cjs/spw-header-navigation-item.cjs.entry.js +2 -2
  38. package/dist/cjs/spw-header-navigation.cjs.entry.js +2 -2
  39. package/dist/cjs/spw-header-persona-item.cjs.entry.js +2 -2
  40. package/dist/cjs/spw-header-persona.cjs.entry.js +2 -2
  41. package/dist/cjs/spw-header.cjs.entry.js +5 -3
  42. package/dist/cjs/spw-hero.cjs.entry.js +4 -4
  43. package/dist/cjs/spw-illustration.cjs.entry.js +1 -1
  44. package/dist/cjs/spw-input-slider.cjs.entry.js +2 -2
  45. package/dist/cjs/spw-lightbox-item.cjs.entry.js +2 -2
  46. package/dist/cjs/spw-lightbox.cjs.entry.js +3 -3
  47. package/dist/cjs/spw-list-description.cjs.entry.js +2 -2
  48. package/dist/cjs/spw-list-item.cjs.entry.js +2 -2
  49. package/dist/cjs/spw-list-title.cjs.entry.js +2 -2
  50. package/dist/cjs/spw-list.cjs.entry.js +2 -2
  51. package/dist/cjs/spw-message.cjs.entry.js +1 -1
  52. package/dist/cjs/spw-modal.cjs.entry.js +4 -4
  53. package/dist/cjs/spw-mosaic-item.cjs.entry.js +2 -2
  54. package/dist/cjs/spw-mosaic.cjs.entry.js +26 -6
  55. package/dist/cjs/spw-pagination.cjs.entry.js +7 -7
  56. package/dist/cjs/spw-radio.cjs.entry.js +2 -2
  57. package/dist/cjs/spw-scrolltop.cjs.entry.js +2 -2
  58. package/dist/cjs/spw-search-field.cjs.entry.js +1 -1
  59. package/dist/cjs/spw-select.cjs.entry.js +1 -1
  60. package/dist/cjs/spw-sidebar-navigation-dropdown.cjs.entry.js +2 -2
  61. package/dist/cjs/spw-sidebar-navigation-item.cjs.entry.js +4 -4
  62. package/dist/cjs/spw-sidebar-navigation-separator.cjs.entry.js +2 -2
  63. package/dist/cjs/spw-sidebar.cjs.entry.js +2 -2
  64. package/dist/cjs/spw-sidenav-group.cjs.entry.js +22 -0
  65. package/dist/cjs/spw-sidenav-item.cjs.entry.js +154 -0
  66. package/dist/cjs/spw-sidenav.cjs.entry.js +23 -0
  67. package/dist/cjs/spw-skeleton.cjs.entry.js +2 -2
  68. package/dist/cjs/spw-slider-item.cjs.entry.js +2 -2
  69. package/dist/cjs/spw-slider.cjs.entry.js +2 -2
  70. package/dist/cjs/spw-socials.cjs.entry.js +2 -2
  71. package/dist/cjs/spw-stencil-library.cjs.js +2 -2
  72. package/dist/cjs/spw-table-body.cjs.entry.js +2 -2
  73. package/dist/cjs/spw-table-cell.cjs.entry.js +2 -2
  74. package/dist/cjs/spw-table-container.cjs.entry.js +2 -2
  75. package/dist/cjs/spw-table-footer.cjs.entry.js +2 -2
  76. package/dist/cjs/spw-table-head.cjs.entry.js +2 -2
  77. package/dist/cjs/spw-table-header.cjs.entry.js +3 -3
  78. package/dist/cjs/spw-table-row.cjs.entry.js +2 -2
  79. package/dist/cjs/spw-table-sidebar.cjs.entry.js +2 -2
  80. package/dist/cjs/spw-table.cjs.entry.js +1 -1
  81. package/dist/cjs/spw-tabs-content.cjs.entry.js +1 -1
  82. package/dist/cjs/spw-tabs-navigation-item.cjs.entry.js +2 -2
  83. package/dist/cjs/spw-tabs-navigation.cjs.entry.js +2 -2
  84. package/dist/cjs/spw-tabs.cjs.entry.js +2 -2
  85. package/dist/cjs/spw-tag.cjs.entry.js +2 -2
  86. package/dist/cjs/spw-text-field.cjs.entry.js +3 -3
  87. package/dist/cjs/spw-textarea.cjs.entry.js +2 -2
  88. package/dist/cjs/spw-tile-description.cjs.entry.js +3 -3
  89. package/dist/cjs/spw-tile-title.cjs.entry.js +2 -2
  90. package/dist/cjs/spw-tile.cjs.entry.js +19 -13
  91. package/dist/cjs/spw-timeline-item.cjs.entry.js +3 -3
  92. package/dist/cjs/spw-timeline.cjs.entry.js +3 -3
  93. package/dist/cjs/spw-toast-controller.cjs.entry.js +1 -1
  94. package/dist/cjs/spw-toast.cjs.entry.js +1 -1
  95. package/dist/cjs/spw-toc-container.cjs.entry.js +1 -1
  96. package/dist/cjs/spw-toc-navigation.cjs.entry.js +1 -1
  97. package/dist/cjs/spw-toc.cjs.entry.js +2 -2
  98. package/dist/cjs/spw-topbar.cjs.entry.js +2 -2
  99. package/dist/cjs/spw-wizard-item.cjs.entry.js +2 -2
  100. package/dist/cjs/spw-wizard.cjs.entry.js +2 -2
  101. package/dist/collection/collection-manifest.json +3 -0
  102. package/dist/collection/components/spw-box/spw-box.css +11 -60
  103. package/dist/collection/components/spw-box/spw-box.js +39 -9
  104. package/dist/collection/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.js +1 -1
  105. package/dist/collection/components/spw-breadcrumb/spw-breadcrumb.css +1 -2
  106. package/dist/collection/components/spw-breadcrumb/spw-breadcrumb.js +1 -1
  107. package/dist/collection/components/spw-button/spw-button.js +1 -1
  108. package/dist/collection/components/spw-card/spw-card-content/spw-card-content.js +1 -1
  109. package/dist/collection/components/spw-card/spw-card-excerpt/spw-card-excerpt.js +1 -1
  110. package/dist/collection/components/spw-card/spw-card-image/spw-card-image.js +1 -1
  111. package/dist/collection/components/spw-card/spw-card-subtag-item/spw-card-subtag-item.js +1 -1
  112. package/dist/collection/components/spw-card/spw-card-subtags/spw-card-subtags.js +1 -1
  113. package/dist/collection/components/spw-card/spw-card-title/spw-card-title.css +48 -0
  114. package/dist/collection/components/spw-card/spw-card-title/spw-card-title.js +31 -1
  115. package/dist/collection/components/spw-card/spw-card.js +1 -1
  116. package/dist/collection/components/spw-checkbox/spw-checkbox.js +1 -1
  117. package/dist/collection/components/spw-date-picker/spw-date-picker.js +1 -1
  118. package/dist/collection/components/spw-drawer/spw-drawer.js +3 -3
  119. package/dist/collection/components/spw-dropdown/spw-dropdown-container/spw-dropdown-container.js +1 -1
  120. package/dist/collection/components/spw-dropdown/spw-dropdown-item/spw-dropdown-item.js +1 -1
  121. package/dist/collection/components/spw-dropdown/spw-dropdown.js +10 -5
  122. package/dist/collection/components/spw-field-label/spw-field-label.js +1 -1
  123. package/dist/collection/components/spw-field-message/spw-field-message.js +1 -1
  124. package/dist/collection/components/spw-file-upload/spw-file-upload.js +2 -2
  125. package/dist/collection/components/spw-footer/spw-footer-bottom/spw-footer-bottom.js +1 -1
  126. package/dist/collection/components/spw-footer/spw-footer-content/spw-footer-content.js +1 -1
  127. package/dist/collection/components/spw-footer/spw-footer-content-col/spw-footer-content-col.js +1 -1
  128. package/dist/collection/components/spw-footer/spw-footer-link/spw-footer-link.js +1 -1
  129. package/dist/collection/components/spw-footer/spw-footer.js +1 -1
  130. package/dist/collection/components/spw-grid/spw-grid-item/spw-grid-item.js +2 -2
  131. package/dist/collection/components/spw-grid/spw-grid.js +2 -2
  132. package/dist/collection/components/spw-group/spw-group.js +1 -1
  133. package/dist/collection/components/spw-header/spw-header-lang/spw-header-lang.js +1 -1
  134. package/dist/collection/components/spw-header/spw-header-navigation/spw-header-navigation.js +1 -1
  135. package/dist/collection/components/spw-header/spw-header-navigation-dropdown/spw-header-navigation-dropdown.js +1 -1
  136. package/dist/collection/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.js +1 -1
  137. package/dist/collection/components/spw-header/spw-header-persona/spw-header-persona.js +1 -1
  138. package/dist/collection/components/spw-header/spw-header-persona-item/spw-header-persona-item.js +1 -1
  139. package/dist/collection/components/spw-header/spw-header.css +14 -0
  140. package/dist/collection/components/spw-header/spw-header.js +3 -1
  141. package/dist/collection/components/spw-hero/spw-hero.js +3 -3
  142. package/dist/collection/components/spw-icon/spw-icon.js +1 -1
  143. package/dist/collection/components/spw-input-slider/spw-input-slider.js +1 -1
  144. package/dist/collection/components/spw-lightbox/spw-lightbox-item/spw-lightbox-item.js +1 -1
  145. package/dist/collection/components/spw-lightbox/spw-lightbox.js +2 -2
  146. package/dist/collection/components/spw-link/spw-link.js +1 -1
  147. package/dist/collection/components/spw-list/spw-list-description/spw-list-description.js +1 -1
  148. package/dist/collection/components/spw-list/spw-list-item/spw-list-item.js +1 -1
  149. package/dist/collection/components/spw-list/spw-list-title/spw-list-title.js +1 -1
  150. package/dist/collection/components/spw-list/spw-list.js +1 -1
  151. package/dist/collection/components/spw-loading/spw-loading.js +1 -1
  152. package/dist/collection/components/spw-modal/spw-modal.js +3 -3
  153. package/dist/collection/components/spw-mosaic/spw-mosaic-item/spw-mosaic-item.js +1 -1
  154. package/dist/collection/components/spw-mosaic/spw-mosaic.js +25 -5
  155. package/dist/collection/components/spw-pagination/spw-pagination.js +6 -6
  156. package/dist/collection/components/spw-radio/spw-radio.js +1 -1
  157. package/dist/collection/components/spw-scrolltop/spw-scrolltop.js +1 -1
  158. package/dist/collection/components/spw-separator/spw-separator.js +1 -1
  159. package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-dropdown/spw-sidebar-navigation-dropdown.js +1 -1
  160. package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.js +3 -3
  161. package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-separator/spw-sidebar-navigation-separator.js +1 -1
  162. package/dist/collection/components/spw-sidebar/spw-sidebar.js +1 -1
  163. package/dist/collection/components/spw-sidenav/spw-sidenav-group/spw-sidenav-group.css +379 -0
  164. package/dist/collection/components/spw-sidenav/spw-sidenav-group/spw-sidenav-group.js +48 -0
  165. package/dist/collection/components/spw-sidenav/spw-sidenav-item/spw-sidenav-item.css +468 -0
  166. package/dist/collection/components/spw-sidenav/spw-sidenav-item/spw-sidenav-item.js +323 -0
  167. package/dist/collection/components/spw-sidenav/spw-sidenav.css +370 -0
  168. package/dist/collection/components/spw-sidenav/spw-sidenav.js +49 -0
  169. package/dist/collection/components/spw-skeleton/spw-skeleton.js +1 -1
  170. package/dist/collection/components/spw-slider/spw-slider-item/spw-slider-item.js +1 -1
  171. package/dist/collection/components/spw-slider/spw-slider.js +1 -1
  172. package/dist/collection/components/spw-socials/spw-socials.js +1 -1
  173. package/dist/collection/components/spw-table/spw-table-body/spw-table-body.js +1 -1
  174. package/dist/collection/components/spw-table/spw-table-cell/spw-table-cell.js +1 -1
  175. package/dist/collection/components/spw-table/spw-table-container/spw-table-container.js +1 -1
  176. package/dist/collection/components/spw-table/spw-table-footer/spw-table-footer.js +1 -1
  177. package/dist/collection/components/spw-table/spw-table-head/spw-table-head.js +1 -1
  178. package/dist/collection/components/spw-table/spw-table-header/spw-table-header.js +2 -2
  179. package/dist/collection/components/spw-table/spw-table-row/spw-table-row.js +1 -1
  180. package/dist/collection/components/spw-table/spw-table-sidebar/spw-table-sidebar.js +1 -1
  181. package/dist/collection/components/spw-tabs/spw-tabs-navigation/spw-tabs-navigation.js +1 -1
  182. package/dist/collection/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.js +1 -1
  183. package/dist/collection/components/spw-tabs/spw-tabs.js +1 -1
  184. package/dist/collection/components/spw-tag/spw-tag.js +1 -1
  185. package/dist/collection/components/spw-text-field/spw-text-field.css +6 -0
  186. package/dist/collection/components/spw-text-field/spw-text-field.js +1 -1
  187. package/dist/collection/components/spw-textarea/spw-textarea.js +1 -1
  188. package/dist/collection/components/spw-theme-provider/spw-theme-provider.js +1 -1
  189. package/dist/collection/components/spw-tile/spw-tile-description/spw-tile-description.css +34 -0
  190. package/dist/collection/components/spw-tile/spw-tile-description/spw-tile-description.js +1 -1
  191. package/dist/collection/components/spw-tile/spw-tile-title/spw-tile-title.js +1 -1
  192. package/dist/collection/components/spw-tile/spw-tile.css +32 -22
  193. package/dist/collection/components/spw-tile/spw-tile.js +24 -18
  194. package/dist/collection/components/spw-timeline/spw-timeline-item/spw-timeline-item.js +2 -2
  195. package/dist/collection/components/spw-timeline/spw-timeline.js +2 -2
  196. package/dist/collection/components/spw-toc/spw-toc.js +1 -1
  197. package/dist/collection/components/spw-tooltip/spw-tooltip.js +1 -1
  198. package/dist/collection/components/spw-topbar/spw-topbar.js +1 -1
  199. package/dist/collection/components/spw-wizard/spw-wizard-item/spw-wizard-item.js +1 -1
  200. package/dist/collection/components/spw-wizard/spw-wizard.js +1 -1
  201. package/dist/collection/stories/organisms/spw-header/spw-header.stories.js +101 -1
  202. package/dist/components/index.js +1 -1
  203. package/dist/components/{p-2iE5Jfvp.js → p-2AbKLqDf.js} +1 -1
  204. package/dist/components/p-B2P8l7B3.js +1 -0
  205. package/dist/components/{p-BP0QYENJ.js → p-B43Zutdz.js} +1 -1
  206. package/dist/components/{p-F4DuhyF5.js → p-BY3XOPGU.js} +1 -1
  207. package/dist/components/{p-kkVxHcEB.js → p-C5-yiily.js} +1 -1
  208. package/dist/components/{p-CQNvd2fn.js → p-C82UsmH4.js} +1 -1
  209. package/dist/components/{p-DPpA6jtb.js → p-CnzSr9Im.js} +1 -1
  210. package/dist/components/{p-DIUtCQyY.js → p-DAfHVLjA.js} +1 -1
  211. package/dist/components/{p-C9EdSa5U.js → p-DXd3uPkn.js} +1 -1
  212. package/dist/components/{p-DlnEjqPF.js → p-DlhwYK4n.js} +1 -1
  213. package/dist/components/{p-DDihlS_6.js → p-aWQ1v8BH.js} +1 -1
  214. package/dist/components/{p-D3XYY2gS.js → p-m97KOJBa.js} +1 -1
  215. package/dist/components/{p-rbXNWvxL.js → p-yEYYjoyI.js} +1 -1
  216. package/dist/components/spw-accordion-title.js +1 -1
  217. package/dist/components/spw-box.js +1 -1
  218. package/dist/components/spw-breadcrumb-item.js +1 -1
  219. package/dist/components/spw-breadcrumb.js +1 -1
  220. package/dist/components/spw-button.js +1 -1
  221. package/dist/components/spw-card-content.js +1 -1
  222. package/dist/components/spw-card-excerpt.js +1 -1
  223. package/dist/components/spw-card-image.js +1 -1
  224. package/dist/components/spw-card-subtag-item.js +1 -1
  225. package/dist/components/spw-card-subtags.js +1 -1
  226. package/dist/components/spw-card-title.js +1 -1
  227. package/dist/components/spw-card.js +1 -1
  228. package/dist/components/spw-checkbox.js +1 -1
  229. package/dist/components/spw-cookies.js +1 -1
  230. package/dist/components/spw-custom-select.js +1 -1
  231. package/dist/components/spw-date-picker.js +1 -1
  232. package/dist/components/spw-drawer.js +1 -1
  233. package/dist/components/spw-dropdown-container.js +1 -1
  234. package/dist/components/spw-dropdown-item.js +1 -1
  235. package/dist/components/spw-dropdown.js +1 -1
  236. package/dist/components/spw-field-label.js +1 -1
  237. package/dist/components/spw-field-message.js +1 -1
  238. package/dist/components/spw-file-upload.js +1 -1
  239. package/dist/components/spw-footer-bottom.js +1 -1
  240. package/dist/components/spw-footer-content-col.js +1 -1
  241. package/dist/components/spw-footer-content.js +1 -1
  242. package/dist/components/spw-footer-link.js +1 -1
  243. package/dist/components/spw-footer.js +1 -1
  244. package/dist/components/spw-grid-item.js +1 -1
  245. package/dist/components/spw-grid.js +1 -1
  246. package/dist/components/spw-group.js +1 -1
  247. package/dist/components/spw-header-lang.js +1 -1
  248. package/dist/components/spw-header-navigation-dropdown.js +1 -1
  249. package/dist/components/spw-header-navigation-item.js +1 -1
  250. package/dist/components/spw-header-navigation.js +1 -1
  251. package/dist/components/spw-header-persona-item.js +1 -1
  252. package/dist/components/spw-header-persona.js +1 -1
  253. package/dist/components/spw-header.js +1 -1
  254. package/dist/components/spw-hero.js +1 -1
  255. package/dist/components/spw-icon.js +1 -1
  256. package/dist/components/spw-input-slider.js +1 -1
  257. package/dist/components/spw-lightbox-item.js +1 -1
  258. package/dist/components/spw-lightbox.js +1 -1
  259. package/dist/components/spw-link.js +1 -1
  260. package/dist/components/spw-list-description.js +1 -1
  261. package/dist/components/spw-list-item.js +1 -1
  262. package/dist/components/spw-list-title.js +1 -1
  263. package/dist/components/spw-list.js +1 -1
  264. package/dist/components/spw-loading.js +1 -1
  265. package/dist/components/spw-message.js +1 -1
  266. package/dist/components/spw-modal.js +1 -1
  267. package/dist/components/spw-mosaic-item.js +1 -1
  268. package/dist/components/spw-mosaic.js +1 -1
  269. package/dist/components/spw-pagination.js +1 -1
  270. package/dist/components/spw-radio.js +1 -1
  271. package/dist/components/spw-scrolltop.js +1 -1
  272. package/dist/components/spw-search-field.js +1 -1
  273. package/dist/components/spw-select.js +1 -1
  274. package/dist/components/spw-separator.js +1 -1
  275. package/dist/components/spw-sidebar-navigation-dropdown.js +1 -1
  276. package/dist/components/spw-sidebar-navigation-item.js +1 -1
  277. package/dist/components/spw-sidebar-navigation-separator.js +1 -1
  278. package/dist/components/spw-sidebar.js +1 -1
  279. package/dist/components/spw-sidenav-group.d.ts +11 -0
  280. package/dist/components/spw-sidenav-group.js +1 -0
  281. package/dist/components/spw-sidenav-item.d.ts +11 -0
  282. package/dist/components/spw-sidenav-item.js +1 -0
  283. package/dist/components/spw-sidenav.d.ts +11 -0
  284. package/dist/components/spw-sidenav.js +1 -0
  285. package/dist/components/spw-skeleton.js +1 -1
  286. package/dist/components/spw-slider-item.js +1 -1
  287. package/dist/components/spw-slider.js +1 -1
  288. package/dist/components/spw-socials.js +1 -1
  289. package/dist/components/spw-table-body.js +1 -1
  290. package/dist/components/spw-table-cell.js +1 -1
  291. package/dist/components/spw-table-container.js +1 -1
  292. package/dist/components/spw-table-footer.js +1 -1
  293. package/dist/components/spw-table-head.js +1 -1
  294. package/dist/components/spw-table-header.js +1 -1
  295. package/dist/components/spw-table-row.js +1 -1
  296. package/dist/components/spw-table-sidebar.js +1 -1
  297. package/dist/components/spw-tabs-navigation-item.js +1 -1
  298. package/dist/components/spw-tabs-navigation.js +1 -1
  299. package/dist/components/spw-tabs.js +1 -1
  300. package/dist/components/spw-tag.js +1 -1
  301. package/dist/components/spw-text-field.js +1 -1
  302. package/dist/components/spw-textarea.js +1 -1
  303. package/dist/components/spw-theme-provider.js +1 -1
  304. package/dist/components/spw-tile-description.js +1 -1
  305. package/dist/components/spw-tile-title.js +1 -1
  306. package/dist/components/spw-tile.js +1 -1
  307. package/dist/components/spw-timeline-item.js +1 -1
  308. package/dist/components/spw-timeline.js +1 -1
  309. package/dist/components/spw-toast-controller.js +1 -1
  310. package/dist/components/spw-toast.js +1 -1
  311. package/dist/components/spw-toc.js +1 -1
  312. package/dist/components/spw-tooltip.js +1 -1
  313. package/dist/components/spw-topbar.js +1 -1
  314. package/dist/components/spw-wizard-item.js +1 -1
  315. package/dist/components/spw-wizard.js +1 -1
  316. package/dist/components_json.json +396 -12
  317. package/dist/components_vscode.json +77 -3
  318. package/dist/esm/{index-C5N6FAxf.js → index-DkNryMko.js} +13 -1
  319. package/dist/esm/loader.js +3 -3
  320. package/dist/esm/spw-accordion_4.entry.js +1 -1
  321. package/dist/esm/spw-avatar.entry.js +1 -1
  322. package/dist/esm/spw-block-content.entry.js +1 -1
  323. package/dist/esm/spw-box.entry.js +28 -9
  324. package/dist/esm/spw-breadcrumb-item.entry.js +2 -2
  325. package/dist/esm/spw-breadcrumb.entry.js +3 -3
  326. package/dist/esm/spw-button_2.entry.js +3 -3
  327. package/dist/esm/spw-card-content.entry.js +2 -2
  328. package/dist/esm/spw-card-excerpt.entry.js +2 -2
  329. package/dist/esm/spw-card-image.entry.js +2 -2
  330. package/dist/esm/spw-card-subtag-item.entry.js +2 -2
  331. package/dist/esm/spw-card-subtags.entry.js +2 -2
  332. package/dist/esm/spw-card-title.entry.js +13 -3
  333. package/dist/esm/spw-card.entry.js +2 -2
  334. package/dist/esm/spw-checkbox.entry.js +2 -2
  335. package/dist/esm/spw-cookies.entry.js +1 -1
  336. package/dist/esm/spw-custom-select.entry.js +1 -1
  337. package/dist/esm/spw-date-picker.entry.js +2 -2
  338. package/dist/esm/spw-drawer.entry.js +4 -4
  339. package/dist/esm/spw-dropdown-container.entry.js +2 -2
  340. package/dist/esm/spw-dropdown-item.entry.js +2 -2
  341. package/dist/esm/spw-dropdown.entry.js +11 -6
  342. package/dist/esm/spw-field-label_8.entry.js +9 -9
  343. package/dist/esm/spw-file-upload.entry.js +3 -3
  344. package/dist/esm/spw-footer-bottom.entry.js +2 -2
  345. package/dist/esm/spw-footer-content-col.entry.js +2 -2
  346. package/dist/esm/spw-footer-content.entry.js +2 -2
  347. package/dist/esm/spw-footer-link.entry.js +2 -2
  348. package/dist/esm/spw-footer.entry.js +2 -2
  349. package/dist/esm/spw-grid-item.entry.js +3 -3
  350. package/dist/esm/spw-grid.entry.js +3 -3
  351. package/dist/esm/spw-header-lang.entry.js +2 -2
  352. package/dist/esm/spw-header-navigation-dropdown.entry.js +2 -2
  353. package/dist/esm/spw-header-navigation-item.entry.js +2 -2
  354. package/dist/esm/spw-header-navigation.entry.js +2 -2
  355. package/dist/esm/spw-header-persona-item.entry.js +2 -2
  356. package/dist/esm/spw-header-persona.entry.js +2 -2
  357. package/dist/esm/spw-header.entry.js +5 -3
  358. package/dist/esm/spw-hero.entry.js +4 -4
  359. package/dist/esm/spw-illustration.entry.js +1 -1
  360. package/dist/esm/spw-input-slider.entry.js +2 -2
  361. package/dist/esm/spw-lightbox-item.entry.js +2 -2
  362. package/dist/esm/spw-lightbox.entry.js +3 -3
  363. package/dist/esm/spw-list-description.entry.js +2 -2
  364. package/dist/esm/spw-list-item.entry.js +2 -2
  365. package/dist/esm/spw-list-title.entry.js +2 -2
  366. package/dist/esm/spw-list.entry.js +2 -2
  367. package/dist/esm/spw-message.entry.js +1 -1
  368. package/dist/esm/spw-modal.entry.js +4 -4
  369. package/dist/esm/spw-mosaic-item.entry.js +2 -2
  370. package/dist/esm/spw-mosaic.entry.js +26 -6
  371. package/dist/esm/spw-pagination.entry.js +7 -7
  372. package/dist/esm/spw-radio.entry.js +2 -2
  373. package/dist/esm/spw-scrolltop.entry.js +2 -2
  374. package/dist/esm/spw-search-field.entry.js +1 -1
  375. package/dist/esm/spw-select.entry.js +1 -1
  376. package/dist/esm/spw-sidebar-navigation-dropdown.entry.js +2 -2
  377. package/dist/esm/spw-sidebar-navigation-item.entry.js +4 -4
  378. package/dist/esm/spw-sidebar-navigation-separator.entry.js +2 -2
  379. package/dist/esm/spw-sidebar.entry.js +2 -2
  380. package/dist/esm/spw-sidenav-group.entry.js +20 -0
  381. package/dist/esm/spw-sidenav-item.entry.js +152 -0
  382. package/dist/esm/spw-sidenav.entry.js +21 -0
  383. package/dist/esm/spw-skeleton.entry.js +2 -2
  384. package/dist/esm/spw-slider-item.entry.js +2 -2
  385. package/dist/esm/spw-slider.entry.js +2 -2
  386. package/dist/esm/spw-socials.entry.js +2 -2
  387. package/dist/esm/spw-stencil-library.js +3 -3
  388. package/dist/esm/spw-table-body.entry.js +2 -2
  389. package/dist/esm/spw-table-cell.entry.js +2 -2
  390. package/dist/esm/spw-table-container.entry.js +2 -2
  391. package/dist/esm/spw-table-footer.entry.js +2 -2
  392. package/dist/esm/spw-table-head.entry.js +2 -2
  393. package/dist/esm/spw-table-header.entry.js +3 -3
  394. package/dist/esm/spw-table-row.entry.js +2 -2
  395. package/dist/esm/spw-table-sidebar.entry.js +2 -2
  396. package/dist/esm/spw-table.entry.js +1 -1
  397. package/dist/esm/spw-tabs-content.entry.js +1 -1
  398. package/dist/esm/spw-tabs-navigation-item.entry.js +2 -2
  399. package/dist/esm/spw-tabs-navigation.entry.js +2 -2
  400. package/dist/esm/spw-tabs.entry.js +2 -2
  401. package/dist/esm/spw-tag.entry.js +2 -2
  402. package/dist/esm/spw-text-field.entry.js +3 -3
  403. package/dist/esm/spw-textarea.entry.js +2 -2
  404. package/dist/esm/spw-tile-description.entry.js +3 -3
  405. package/dist/esm/spw-tile-title.entry.js +2 -2
  406. package/dist/esm/spw-tile.entry.js +19 -13
  407. package/dist/esm/spw-timeline-item.entry.js +3 -3
  408. package/dist/esm/spw-timeline.entry.js +3 -3
  409. package/dist/esm/spw-toast-controller.entry.js +1 -1
  410. package/dist/esm/spw-toast.entry.js +1 -1
  411. package/dist/esm/spw-toc-container.entry.js +1 -1
  412. package/dist/esm/spw-toc-navigation.entry.js +1 -1
  413. package/dist/esm/spw-toc.entry.js +2 -2
  414. package/dist/esm/spw-topbar.entry.js +2 -2
  415. package/dist/esm/spw-wizard-item.entry.js +2 -2
  416. package/dist/esm/spw-wizard.entry.js +2 -2
  417. package/dist/spw-stencil-library/{p-f240cb23.entry.js → p-014cceee.entry.js} +1 -1
  418. package/dist/spw-stencil-library/{p-43e3fe34.entry.js → p-082f93eb.entry.js} +1 -1
  419. package/dist/spw-stencil-library/{p-a052c62f.entry.js → p-0f5debdb.entry.js} +1 -1
  420. package/dist/spw-stencil-library/{p-2579f0f9.entry.js → p-1001e077.entry.js} +1 -1
  421. package/dist/spw-stencil-library/{p-18c0f6b5.entry.js → p-10bf5c42.entry.js} +1 -1
  422. package/dist/spw-stencil-library/{p-8aece962.entry.js → p-11ee7e7a.entry.js} +1 -1
  423. package/dist/spw-stencil-library/{p-da1efbb7.entry.js → p-1ba59470.entry.js} +1 -1
  424. package/dist/spw-stencil-library/{p-b8987bdc.entry.js → p-1d319daa.entry.js} +1 -1
  425. package/dist/spw-stencil-library/p-1e940c23.entry.js +1 -0
  426. package/dist/spw-stencil-library/{p-c2f82f35.entry.js → p-1fca6b4f.entry.js} +1 -1
  427. package/dist/spw-stencil-library/p-20ed6c87.entry.js +1 -0
  428. package/dist/spw-stencil-library/{p-90b598b7.entry.js → p-21db201c.entry.js} +1 -1
  429. package/dist/spw-stencil-library/{p-cc406002.entry.js → p-21e998ba.entry.js} +1 -1
  430. package/dist/spw-stencil-library/{p-1a0de816.entry.js → p-24cc1b85.entry.js} +1 -1
  431. package/dist/spw-stencil-library/{p-903d2621.entry.js → p-2e0e0459.entry.js} +1 -1
  432. package/dist/spw-stencil-library/{p-5a4a24e9.entry.js → p-39990b60.entry.js} +1 -1
  433. package/dist/spw-stencil-library/{p-6dbccd34.entry.js → p-3a44068e.entry.js} +1 -1
  434. package/dist/spw-stencil-library/{p-7bbfac6c.entry.js → p-3e8e6a41.entry.js} +1 -1
  435. package/dist/spw-stencil-library/{p-6c5e9eb1.entry.js → p-41568f68.entry.js} +1 -1
  436. package/dist/spw-stencil-library/{p-ef7977c0.entry.js → p-426be39b.entry.js} +1 -1
  437. package/dist/spw-stencil-library/{p-a37ed701.entry.js → p-42dce53f.entry.js} +1 -1
  438. package/dist/spw-stencil-library/{p-60d1f1ab.entry.js → p-43af0902.entry.js} +1 -1
  439. package/dist/spw-stencil-library/{p-2597abf2.entry.js → p-45be9fce.entry.js} +1 -1
  440. package/dist/spw-stencil-library/{p-db477bbd.entry.js → p-49e53cd8.entry.js} +1 -1
  441. package/dist/spw-stencil-library/{p-3d69bc6d.entry.js → p-4d45c143.entry.js} +1 -1
  442. package/dist/spw-stencil-library/{p-8212d5e4.entry.js → p-4f65655d.entry.js} +1 -1
  443. package/dist/spw-stencil-library/{p-61a2830d.entry.js → p-51238b72.entry.js} +1 -1
  444. package/dist/spw-stencil-library/{p-1d1b1ae3.entry.js → p-51d1b03f.entry.js} +1 -1
  445. package/dist/spw-stencil-library/{p-3ad59624.entry.js → p-53dfe461.entry.js} +1 -1
  446. package/dist/spw-stencil-library/p-56511a1a.entry.js +1 -0
  447. package/dist/spw-stencil-library/{p-8926576b.entry.js → p-571107dc.entry.js} +1 -1
  448. package/dist/spw-stencil-library/p-57d57d31.entry.js +1 -0
  449. package/dist/spw-stencil-library/p-5ca2790b.entry.js +1 -0
  450. package/dist/spw-stencil-library/{p-909463ec.entry.js → p-68787bbe.entry.js} +1 -1
  451. package/dist/spw-stencil-library/{p-84856ff4.entry.js → p-69f36918.entry.js} +1 -1
  452. package/dist/spw-stencil-library/{p-4d44ffe3.entry.js → p-6be62066.entry.js} +1 -1
  453. package/dist/spw-stencil-library/{p-ba50a10d.entry.js → p-723229e0.entry.js} +1 -1
  454. package/dist/spw-stencil-library/{p-c9feda78.entry.js → p-7233f2b1.entry.js} +1 -1
  455. package/dist/spw-stencil-library/{p-cad173a3.entry.js → p-723b695b.entry.js} +1 -1
  456. package/dist/spw-stencil-library/{p-d87005a9.entry.js → p-76b03045.entry.js} +1 -1
  457. package/dist/spw-stencil-library/{p-0b369fe0.entry.js → p-79081772.entry.js} +1 -1
  458. package/dist/spw-stencil-library/{p-ee69cf36.entry.js → p-7996c7c8.entry.js} +1 -1
  459. package/dist/spw-stencil-library/{p-e3ada16c.entry.js → p-8010145c.entry.js} +1 -1
  460. package/dist/spw-stencil-library/{p-00ff273e.entry.js → p-83e6a17b.entry.js} +1 -1
  461. package/dist/spw-stencil-library/{p-b80e1328.entry.js → p-898f2ca7.entry.js} +1 -1
  462. package/dist/spw-stencil-library/{p-d35fb0e2.entry.js → p-8aa81b70.entry.js} +1 -1
  463. package/dist/spw-stencil-library/{p-bd1ddbb0.entry.js → p-915cbfd3.entry.js} +1 -1
  464. package/dist/spw-stencil-library/{p-09aa872b.entry.js → p-936fc4c0.entry.js} +1 -1
  465. package/dist/spw-stencil-library/{p-d009ebf1.entry.js → p-94581684.entry.js} +1 -1
  466. package/dist/spw-stencil-library/{p-ec4b0f0d.entry.js → p-95f41c17.entry.js} +4 -4
  467. package/dist/spw-stencil-library/{p-294eb7ff.entry.js → p-995bf47d.entry.js} +1 -1
  468. package/dist/spw-stencil-library/{p-C5N6FAxf.js → p-DkNryMko.js} +1 -1
  469. package/dist/spw-stencil-library/{p-bf7d4828.entry.js → p-a20d2a78.entry.js} +1 -1
  470. package/dist/spw-stencil-library/{p-68e31c3d.entry.js → p-a6c5c836.entry.js} +1 -1
  471. package/dist/spw-stencil-library/p-a775d477.entry.js +1 -0
  472. package/dist/spw-stencil-library/{p-74b6e21f.entry.js → p-a94801a1.entry.js} +1 -1
  473. package/dist/spw-stencil-library/{p-188af666.entry.js → p-ae18c590.entry.js} +1 -1
  474. package/dist/spw-stencil-library/{p-0bab1123.entry.js → p-af8ccb80.entry.js} +1 -1
  475. package/dist/spw-stencil-library/{p-32c71e5b.entry.js → p-afa2f53d.entry.js} +1 -1
  476. package/dist/spw-stencil-library/{p-07ebfa15.entry.js → p-b08eb675.entry.js} +1 -1
  477. package/dist/spw-stencil-library/{p-c66f0d01.entry.js → p-b868a3da.entry.js} +1 -1
  478. package/dist/spw-stencil-library/{p-6763bad4.entry.js → p-bcc0bc5b.entry.js} +1 -1
  479. package/dist/spw-stencil-library/{p-cec973c7.entry.js → p-bd0b3958.entry.js} +1 -1
  480. package/dist/spw-stencil-library/{p-cea47613.entry.js → p-bec8374e.entry.js} +1 -1
  481. package/dist/spw-stencil-library/{p-6cceddce.entry.js → p-c06529c8.entry.js} +1 -1
  482. package/dist/spw-stencil-library/{p-a13f1a19.entry.js → p-c2d6da7e.entry.js} +1 -1
  483. package/dist/spw-stencil-library/{p-0373be2e.entry.js → p-c62049fc.entry.js} +1 -1
  484. package/dist/spw-stencil-library/{p-5af9996f.entry.js → p-ca25cbef.entry.js} +1 -1
  485. package/dist/spw-stencil-library/{p-ed01e9a1.entry.js → p-ca3263fb.entry.js} +1 -1
  486. package/dist/spw-stencil-library/{p-b73ea513.entry.js → p-caba8c80.entry.js} +1 -1
  487. package/dist/spw-stencil-library/{p-89aa9616.entry.js → p-cb4b31a7.entry.js} +1 -1
  488. package/dist/spw-stencil-library/{p-b5aaaa2e.entry.js → p-cb5dbe40.entry.js} +1 -1
  489. package/dist/spw-stencil-library/{p-a8bde8f1.entry.js → p-d29e6f62.entry.js} +1 -1
  490. package/dist/spw-stencil-library/{p-b15fecbf.entry.js → p-d321091b.entry.js} +1 -1
  491. package/dist/spw-stencil-library/{p-ae7b5957.entry.js → p-d6587b45.entry.js} +1 -1
  492. package/dist/spw-stencil-library/{p-937bcc42.entry.js → p-da1e18c0.entry.js} +1 -1
  493. package/dist/spw-stencil-library/{p-3ec14e26.entry.js → p-de10edb8.entry.js} +1 -1
  494. package/dist/spw-stencil-library/{p-ee61dc7a.entry.js → p-de47fd8e.entry.js} +1 -1
  495. package/dist/spw-stencil-library/{p-2807b7be.entry.js → p-e172632c.entry.js} +1 -1
  496. package/dist/spw-stencil-library/p-e2fbc5ff.entry.js +1 -0
  497. package/dist/spw-stencil-library/{p-2baca3a5.entry.js → p-e592738a.entry.js} +1 -1
  498. package/dist/spw-stencil-library/{p-b85cae0c.entry.js → p-e6beeeae.entry.js} +1 -1
  499. package/dist/spw-stencil-library/{p-b02b61ee.entry.js → p-e6f4a095.entry.js} +1 -1
  500. package/dist/spw-stencil-library/{p-68db1b65.entry.js → p-e82e97da.entry.js} +1 -1
  501. package/dist/spw-stencil-library/{p-2a980bf0.entry.js → p-ec7f05ae.entry.js} +1 -1
  502. package/dist/spw-stencil-library/{p-43a0782d.entry.js → p-f0590340.entry.js} +1 -1
  503. package/dist/spw-stencil-library/{p-5e6a842f.entry.js → p-f0e49272.entry.js} +1 -1
  504. package/dist/spw-stencil-library/{p-5f9e2ce5.entry.js → p-f420e077.entry.js} +1 -1
  505. package/dist/spw-stencil-library/p-f5420f60.entry.js +1 -0
  506. package/dist/spw-stencil-library/{p-390b54b3.entry.js → p-f7a94fe7.entry.js} +1 -1
  507. package/dist/spw-stencil-library/{p-f2ec0ac9.entry.js → p-f8c9e28a.entry.js} +1 -1
  508. package/dist/spw-stencil-library/{p-3c5e087d.entry.js → p-f91a179d.entry.js} +1 -1
  509. package/dist/spw-stencil-library/{p-05c01409.entry.js → p-fbc26e62.entry.js} +1 -1
  510. package/dist/spw-stencil-library/{p-24ba55fd.entry.js → p-fd339689.entry.js} +1 -1
  511. package/dist/spw-stencil-library/{p-4f9ee2af.entry.js → p-fdcc3c5d.entry.js} +1 -1
  512. package/dist/spw-stencil-library/{p-70c8ae3f.entry.js → p-fdd83154.entry.js} +1 -1
  513. package/dist/spw-stencil-library/{p-f391852d.entry.js → p-fe5f81cc.entry.js} +1 -1
  514. package/dist/spw-stencil-library/spw-stencil-library.css +1 -1
  515. package/dist/spw-stencil-library/spw-stencil-library.esm.js +1 -1
  516. package/dist/stats.json +2176 -990
  517. package/dist/types/components/spw-box/spw-box.d.ts +7 -2
  518. package/dist/types/components/spw-card/spw-card-title/spw-card-title.d.ts +3 -0
  519. package/dist/types/components/spw-sidenav/spw-sidenav-group/spw-sidenav-group.d.ts +5 -0
  520. package/dist/types/components/spw-sidenav/spw-sidenav-item/spw-sidenav-item.d.ts +37 -0
  521. package/dist/types/components/spw-sidenav/spw-sidenav.d.ts +6 -0
  522. package/dist/types/components/spw-tile/spw-tile.d.ts +3 -3
  523. package/dist/types/components.d.ts +148 -9
  524. package/dist/types/stories/organisms/spw-header/spw-header.stories.d.ts +1 -0
  525. package/hydrate/index.js +434 -142
  526. package/hydrate/index.mjs +434 -142
  527. package/package.json +1 -1
  528. package/dist/components/p-C5lqDBLM.js +0 -1
  529. package/dist/spw-stencil-library/p-41b54c1d.entry.js +0 -1
  530. package/dist/spw-stencil-library/p-62000770.entry.js +0 -1
  531. package/dist/spw-stencil-library/p-7f28ab5f.entry.js +0 -1
  532. package/dist/spw-stencil-library/p-8eaf94c3.entry.js +0 -1
  533. package/dist/spw-stencil-library/p-c713ef7e.entry.js +0 -1
@@ -1 +1 @@
1
- import{p as e,H as t,c as s,h as i,t as o}from"./index.js";import{d as r}from"./p-DlnEjqPF.js";import{d as a}from"./p-C5lqDBLM.js";import{d as n}from"./p-2iE5Jfvp.js";import{d as l}from"./p-DPpA6jtb.js";import{d as h}from"./p-C9EdSa5U.js";import{d}from"./p-BP0QYENJ.js";import{d as p}from"./p-DDihlS_6.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.optionSelected=s(this,"optionSelected",7),this.value="",this.placeholder="Recherche...",this.size="medium",this.label="",this.required=!1,this.viewAllResults="Voir plus de résultats",this.viewAllResultsSubmit=!1,this.noResults="Pas de résultats.",this.loadingText="Recherche en cours...",this.hasSubmitButton=!1,this.minCharacters=3,this.isLoading=!1,this.showDropdown=!0,this.tooltipDirection="top",this.tooltipCursor="help",this.filteredItems=[],this.parsedItems=[],this.searchText="",this.isOpen=!1,this.focusedItemIndex=null,this.dropdownDirection="down",this.isSelectingItem=!1,this.handleClickOutside=e=>{if(this.isOpen){const t=e.composedPath()[0];this.hostElement.contains(t)||(this.isOpen=!1)}},this.handleValueChanged=e=>{const t=e.detail+"";this.isSelectingItem||(this.searchText=t,this.value=t,this.updateHiddenInput(),this.filterTimeout&&clearTimeout(this.filterTimeout),!this.searchText||this.searchText.length<this.minCharacters?this.isOpen=!1:(!this.isOpen&&this.showDropdown&&(this.isOpen=!0,this.determineDropdownDirection()),this.filterTimeout=setTimeout((()=>{this.filterItems()}),300)),this.valueChanged.emit(this.value))},this.handleSubmit=e=>{null==e||e.preventDefault();const t=this.el.closest("form");t&&t.requestSubmit()}}componentWillLoad(){this.parseItems(this.items),this.defaultValue=this.value,this.initializeFromValue(this.value)}componentDidLoad(){document.addEventListener("click",this.handleClickOutside),this.createHiddenInput()}createHiddenInput(){this.name&&(this.hiddenInput=document.createElement("input"),this.hiddenInput.type="hidden",this.hiddenInput.name=this.name,this.hiddenInput.value=this.value||"",this.el.appendChild(this.hiddenInput))}updateHiddenInput(){this.hiddenInput&&(this.hiddenInput.value=this.value||"")}initializeFromValue(e){if(!e)return void(this.searchText="");const t=this.parsedItems.find((t=>t.value+""===e));this.searchText=t?t.label:e}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside),this.filterTimeout&&clearTimeout(this.filterTimeout)}async resetInput(){this.value=this.defaultValue||"",this.initializeFromValue(this.value),this.updateHiddenInput(),this.isOpen=!1,this.focusedItemIndex=null,this.valueChanged.emit(this.value)}async setValue(e){this.value=e,this.initializeFromValue(e),this.filterItems(),this.valueChanged.emit(this.value)}async getValue(){return this.value}handleValueChange(e){this.initializeFromValue(null!=e?e:""),this.filterItems()}parseItems(e){if(!e)return this.parsedItems=[],void(this.filteredItems=[]);if(Array.isArray(e))this.parsedItems=e;else try{this.parsedItems=JSON.parse(e)}catch(t){console.error("Invalid JSON format for items:",e),this.parsedItems=[]}this.filteredItems=[...this.parsedItems]}filterItems(){if(!this.parsedItems.length)return void(this.filteredItems=[]);const e=this.normalizeString(this.searchText);this.filteredItems=this.parsedItems.filter((t=>!t.disabled&&this.normalizeString(t.label).includes(e)))}normalizeString(e){return e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}selectItem(e){var t;this.isSelectingItem=!0,this.searchText=e.label,this.value=(null!==(t=e.value)&&void 0!==t?t:e.label)+"",this.isOpen=!1,this.focusedItemIndex=null,this.updateHiddenInput(),this.filterItems(),this.optionSelected.emit(e),this.valueChanged.emit(this.value),setTimeout((()=>{this.isSelectingItem=!1}),200),e.url&&(window.location.href=e.url)}determineDropdownDirection(){const e=this.hostElement.getBoundingClientRect(),t=window.innerHeight;this.dropdownDirection=e.bottom+200>t&&e.top>200?"up":"down"}handleKeyDown(e){switch(e.key){case"ArrowDown":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?0:(this.focusedItemIndex+1)%this.filteredItems.length);break;case"ArrowUp":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?this.filteredItems.length-1:(this.focusedItemIndex-1+this.filteredItems.length)%this.filteredItems.length);break;case"Enter":this.isOpen&&null!==this.focusedItemIndex?(e.preventDefault(),this.selectItem(this.filteredItems[this.focusedItemIndex])):this.hasSubmitButton&&(e.preventDefault(),this.handleSubmit(e));break;case"Escape":this.isOpen=!1}}highlightMatch(e){const t=this.normalizeString(this.searchText),s=this.normalizeString(e).indexOf(t);if(-1===s||!this.searchText)return e;const o=s+t.length;return i("span",null,e.slice(0,s),i("strong",null,e.slice(s,o)),e.slice(o))}get elementClass(){return{"spw-search-field":!0,"spw-search-field--is-rounded":this.isRounded,"spw-search-field--has-submit-button":this.hasSubmitButton,"spw-search-field--is-open":this.isOpen,["spw-search-field--"+this.size]:!0}}render(){return i("div",{key:"5837b60701c5adffa83e5ce64b2404c5d053c161",ref:e=>this.hostElement=e,class:this.elementClass},this.label&&i("spw-field-label",{key:"1ef0c03b22c5aaa411c5f8e066cb09e1534b9e9d",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor,onClick:()=>{var e;return null===(e=this.textFieldElement)||void 0===e?void 0:e.setFocus()}}),i("div",{key:"c3e4353df5ede82c0724535c93e38e54a360e13b",class:"spw-search-field__container"},i("spw-text-field",{key:"7c8651c36d9d37929782972c02f7361095a9c584",ref:e=>this.textFieldElement=e,placeholder:this.placeholder,name:this.name,size:this.size,"is-search":!0,"is-clear":!0,required:this.required,disabled:this.disabled,assistiveText:this.assistiveText,value:this.searchText,onValueChanged:this.handleValueChanged,onKeyDown:e=>this.handleKeyDown(e)}),this.hasSubmitButton&&i("button",{key:"7bfed3b469a2bd50f08b7c071ace067641e3d173",type:"button",class:"spw-search-field__submit",onClick:this.handleSubmit,"aria-label":"Rechercher"})),this.showDropdown&&this.isOpen&&!!this.items&&i("div",{key:"9505e7903d1ab159afd59264e5c3c9cfdfd14c07",class:"spw-search-field__options spw-search-field__options--"+this.dropdownDirection},!!this.filteredItems.length&&i("ul",{key:"9655a5877ce3adc25703f44b7abb2a0f8c4b3a1e"},this.filteredItems.map(((e,t)=>i("li",{class:{"spw-search-field__option":!0,"spw-search-field__option--focused":t===this.focusedItemIndex},onClick:()=>this.selectItem(e)},this.highlightMatch(e.label)," ",e.category&&i("span",{class:"spw-search-field__category"}," - ",e.category))))),this.isLoading&&i("p",{key:"ca7c114f02d66f03803edd7ba38e248da7319f9d",class:"spw-search-field__loading"},i("spw-loading",{key:"ca1d7ba8f7997fffdc94d38210ab45672fe275ca",text:this.loadingText})),!this.isLoading&&!this.filteredItems.length&&i("p",{key:"a3c9452107ec03b68ca1523544fa0f9075423452",class:"spw-search-field__no-results"},this.noResults),!!this.filteredItems.length&&this.viewAllResults&&i("p",{key:"ed530b7e1b28ca9e809031a94c86138603a85902",class:"spw-search-field__view-all"},i("a",{key:"c2b9e5605e4dc849b1c715e9ae66830062884495",href:this.viewAllResultsLink,onClick:this.viewAllResultsSubmit?this.handleSubmit:void 0},this.viewAllResults," ",i("spw-icon",{key:"f5dae623c2204783d04f9ad45b8c89909b447be6",icon:"fa-arrow-right"})))))}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}],items:[{parseItems:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-search-field{position:relative}.spw-search-field--large spw-text-field{--spw-input-height:54px;--spw-input-padding:16px 24px;--spw-input-radius:60px;--spw-input-border:transparent;--spw-input-icon-search-color:var(--spw-ds-primary)}.spw-search-field.spw-search-field--large.spw-search-field--is-open spw-text-field{--spw-input-radius:24px 24px 0 0}.spw-search-field--has-submit-button spw-text-field{--spw-input-padding-right:56px}.spw-search-field__container{position:relative}.spw-search-field__category{font-style:italic}.spw-search-field__submit{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:10}.spw-search-field__submit:focus,.spw-search-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-search-field--large .spw-search-field__submit{width:46px;height:46px;right:16px}.spw-search-field__options{position:absolute;width:100%;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto}.spw-search-field__options::-webkit-scrollbar{width:14px;height:14px}.spw-search-field__options::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-search-field__options::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-search-field__options{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-search-field__options{z-index:44;margin-top:-2px;transition:transform 0.3s ease, opacity 0.3s ease}.spw-search-field--is-rounded .spw-search-field__options{border-radius:0 0 24px 24px;border:none}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down{top:100%;transform:translateY(0)}.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{padding:12px;color:var(--spw-color-themes-grey-grey-900);text-align:left;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;transition:background-color 0.2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-radius:12px;padding:12px;border-bottom:none}.spw-search-field__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-search-field__option:last-child{border-bottom:none}.spw-search-field__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.spw-search-field__option--selected{font-weight:700}.spw-search-field__loading,.spw-search-field__no-results{padding:12px;cursor:not-allowed;text-align:left;color:var(--spw-color-themes-grey-grey-600)}.spw-search-field--is-rounded .spw-search-field__loading,.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{position:sticky;bottom:0;cursor:pointer;font-weight:700}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{color:black;background:white;border-top:1px solid var(--spw-color-themes-grey-grey-900)}.spw-search-field--is-rounded .spw-search-field__view-all a{color:var(--spw-ds-primary);padding:12px 24px 24px 24px;border-top:none}.spw-search-field__view-all a{text-decoration:underline;display:block;width:100%;padding:12px;display:inline-flex;justify-content:space-between}.spw-search-field__view-all a:hover{text-decoration:none}"}},[1,"spw-search-field",{value:[1537],items:[1],placeholder:[1],size:[1],label:[1],disabled:[4],isRounded:[4,"is-rounded"],name:[1],required:[4],assistiveText:[1,"assistive-text"],viewAllResults:[1,"view-all-results"],viewAllResultsLink:[1,"view-all-results-link"],viewAllResultsSubmit:[4,"view-all-results-submit"],noResults:[1,"no-results"],loadingText:[1,"loading-text"],hasSubmitButton:[4,"has-submit-button"],minCharacters:[2,"min-characters"],isLoading:[4,"is-loading"],showDropdown:[4,"show-dropdown"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],filteredItems:[32],parsedItems:[32],searchText:[32],isOpen:[32],focusedItemIndex:[32],dropdownDirection:[32],resetInput:[64],setValue:[64],getValue:[64]},void 0,{value:[{handleValueChange:0}],items:[{parseItems:0}]}]),u=c,w=function(){"undefined"!=typeof customElements&&["spw-search-field","spw-field-label","spw-field-message","spw-icon","spw-link","spw-loading","spw-text-field","spw-tooltip"].forEach((e=>{switch(e){case"spw-search-field":customElements.get(o(e))||customElements.define(o(e),c);break;case"spw-field-label":customElements.get(o(e))||r();break;case"spw-field-message":customElements.get(o(e))||a();break;case"spw-icon":customElements.get(o(e))||n();break;case"spw-link":customElements.get(o(e))||l();break;case"spw-loading":customElements.get(o(e))||h();break;case"spw-text-field":customElements.get(o(e))||d();break;case"spw-tooltip":customElements.get(o(e))||p()}}))};export{u as SpwSearchField,w as defineCustomElement}
1
+ import{p as e,H as t,c as s,h as i,t as o}from"./index.js";import{d as r}from"./p-DlhwYK4n.js";import{d as a}from"./p-B2P8l7B3.js";import{d as n}from"./p-2AbKLqDf.js";import{d as l}from"./p-CnzSr9Im.js";import{d as h}from"./p-DXd3uPkn.js";import{d}from"./p-B43Zutdz.js";import{d as p}from"./p-aWQ1v8BH.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.optionSelected=s(this,"optionSelected",7),this.value="",this.placeholder="Recherche...",this.size="medium",this.label="",this.required=!1,this.viewAllResults="Voir plus de résultats",this.viewAllResultsSubmit=!1,this.noResults="Pas de résultats.",this.loadingText="Recherche en cours...",this.hasSubmitButton=!1,this.minCharacters=3,this.isLoading=!1,this.showDropdown=!0,this.tooltipDirection="top",this.tooltipCursor="help",this.filteredItems=[],this.parsedItems=[],this.searchText="",this.isOpen=!1,this.focusedItemIndex=null,this.dropdownDirection="down",this.isSelectingItem=!1,this.handleClickOutside=e=>{if(this.isOpen){const t=e.composedPath()[0];this.hostElement.contains(t)||(this.isOpen=!1)}},this.handleValueChanged=e=>{const t=e.detail+"";this.isSelectingItem||(this.searchText=t,this.value=t,this.updateHiddenInput(),this.filterTimeout&&clearTimeout(this.filterTimeout),!this.searchText||this.searchText.length<this.minCharacters?this.isOpen=!1:(!this.isOpen&&this.showDropdown&&(this.isOpen=!0,this.determineDropdownDirection()),this.filterTimeout=setTimeout((()=>{this.filterItems()}),300)),this.valueChanged.emit(this.value))},this.handleSubmit=e=>{null==e||e.preventDefault();const t=this.el.closest("form");t&&t.requestSubmit()}}componentWillLoad(){this.parseItems(this.items),this.defaultValue=this.value,this.initializeFromValue(this.value)}componentDidLoad(){document.addEventListener("click",this.handleClickOutside),this.createHiddenInput()}createHiddenInput(){this.name&&(this.hiddenInput=document.createElement("input"),this.hiddenInput.type="hidden",this.hiddenInput.name=this.name,this.hiddenInput.value=this.value||"",this.el.appendChild(this.hiddenInput))}updateHiddenInput(){this.hiddenInput&&(this.hiddenInput.value=this.value||"")}initializeFromValue(e){if(!e)return void(this.searchText="");const t=this.parsedItems.find((t=>t.value+""===e));this.searchText=t?t.label:e}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside),this.filterTimeout&&clearTimeout(this.filterTimeout)}async resetInput(){this.value=this.defaultValue||"",this.initializeFromValue(this.value),this.updateHiddenInput(),this.isOpen=!1,this.focusedItemIndex=null,this.valueChanged.emit(this.value)}async setValue(e){this.value=e,this.initializeFromValue(e),this.filterItems(),this.valueChanged.emit(this.value)}async getValue(){return this.value}handleValueChange(e){this.initializeFromValue(null!=e?e:""),this.filterItems()}parseItems(e){if(!e)return this.parsedItems=[],void(this.filteredItems=[]);if(Array.isArray(e))this.parsedItems=e;else try{this.parsedItems=JSON.parse(e)}catch(t){console.error("Invalid JSON format for items:",e),this.parsedItems=[]}this.filteredItems=[...this.parsedItems]}filterItems(){if(!this.parsedItems.length)return void(this.filteredItems=[]);const e=this.normalizeString(this.searchText);this.filteredItems=this.parsedItems.filter((t=>!t.disabled&&this.normalizeString(t.label).includes(e)))}normalizeString(e){return e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}selectItem(e){var t;this.isSelectingItem=!0,this.searchText=e.label,this.value=(null!==(t=e.value)&&void 0!==t?t:e.label)+"",this.isOpen=!1,this.focusedItemIndex=null,this.updateHiddenInput(),this.filterItems(),this.optionSelected.emit(e),this.valueChanged.emit(this.value),setTimeout((()=>{this.isSelectingItem=!1}),200),e.url&&(window.location.href=e.url)}determineDropdownDirection(){const e=this.hostElement.getBoundingClientRect(),t=window.innerHeight;this.dropdownDirection=e.bottom+200>t&&e.top>200?"up":"down"}handleKeyDown(e){switch(e.key){case"ArrowDown":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?0:(this.focusedItemIndex+1)%this.filteredItems.length);break;case"ArrowUp":e.preventDefault(),this.isOpen&&(this.focusedItemIndex=null===this.focusedItemIndex?this.filteredItems.length-1:(this.focusedItemIndex-1+this.filteredItems.length)%this.filteredItems.length);break;case"Enter":this.isOpen&&null!==this.focusedItemIndex?(e.preventDefault(),this.selectItem(this.filteredItems[this.focusedItemIndex])):this.hasSubmitButton&&(e.preventDefault(),this.handleSubmit(e));break;case"Escape":this.isOpen=!1}}highlightMatch(e){const t=this.normalizeString(this.searchText),s=this.normalizeString(e).indexOf(t);if(-1===s||!this.searchText)return e;const o=s+t.length;return i("span",null,e.slice(0,s),i("strong",null,e.slice(s,o)),e.slice(o))}get elementClass(){return{"spw-search-field":!0,"spw-search-field--is-rounded":this.isRounded,"spw-search-field--has-submit-button":this.hasSubmitButton,"spw-search-field--is-open":this.isOpen,["spw-search-field--"+this.size]:!0}}render(){return i("div",{key:"5837b60701c5adffa83e5ce64b2404c5d053c161",ref:e=>this.hostElement=e,class:this.elementClass},this.label&&i("spw-field-label",{key:"1ef0c03b22c5aaa411c5f8e066cb09e1534b9e9d",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor,onClick:()=>{var e;return null===(e=this.textFieldElement)||void 0===e?void 0:e.setFocus()}}),i("div",{key:"c3e4353df5ede82c0724535c93e38e54a360e13b",class:"spw-search-field__container"},i("spw-text-field",{key:"7c8651c36d9d37929782972c02f7361095a9c584",ref:e=>this.textFieldElement=e,placeholder:this.placeholder,name:this.name,size:this.size,"is-search":!0,"is-clear":!0,required:this.required,disabled:this.disabled,assistiveText:this.assistiveText,value:this.searchText,onValueChanged:this.handleValueChanged,onKeyDown:e=>this.handleKeyDown(e)}),this.hasSubmitButton&&i("button",{key:"7bfed3b469a2bd50f08b7c071ace067641e3d173",type:"button",class:"spw-search-field__submit",onClick:this.handleSubmit,"aria-label":"Rechercher"})),this.showDropdown&&this.isOpen&&!!this.items&&i("div",{key:"9505e7903d1ab159afd59264e5c3c9cfdfd14c07",class:"spw-search-field__options spw-search-field__options--"+this.dropdownDirection},!!this.filteredItems.length&&i("ul",{key:"9655a5877ce3adc25703f44b7abb2a0f8c4b3a1e"},this.filteredItems.map(((e,t)=>i("li",{class:{"spw-search-field__option":!0,"spw-search-field__option--focused":t===this.focusedItemIndex},onClick:()=>this.selectItem(e)},this.highlightMatch(e.label)," ",e.category&&i("span",{class:"spw-search-field__category"}," - ",e.category))))),this.isLoading&&i("p",{key:"ca7c114f02d66f03803edd7ba38e248da7319f9d",class:"spw-search-field__loading"},i("spw-loading",{key:"ca1d7ba8f7997fffdc94d38210ab45672fe275ca",text:this.loadingText})),!this.isLoading&&!this.filteredItems.length&&i("p",{key:"a3c9452107ec03b68ca1523544fa0f9075423452",class:"spw-search-field__no-results"},this.noResults),!!this.filteredItems.length&&this.viewAllResults&&i("p",{key:"ed530b7e1b28ca9e809031a94c86138603a85902",class:"spw-search-field__view-all"},i("a",{key:"c2b9e5605e4dc849b1c715e9ae66830062884495",href:this.viewAllResultsLink,onClick:this.viewAllResultsSubmit?this.handleSubmit:void 0},this.viewAllResults," ",i("spw-icon",{key:"f5dae623c2204783d04f9ad45b8c89909b447be6",icon:"fa-arrow-right"})))))}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}],items:[{parseItems:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-search-field{position:relative}.spw-search-field--large spw-text-field{--spw-input-height:54px;--spw-input-padding:16px 24px;--spw-input-radius:60px;--spw-input-border:transparent;--spw-input-icon-search-color:var(--spw-ds-primary)}.spw-search-field.spw-search-field--large.spw-search-field--is-open spw-text-field{--spw-input-radius:24px 24px 0 0}.spw-search-field--has-submit-button spw-text-field{--spw-input-padding-right:56px}.spw-search-field__container{position:relative}.spw-search-field__category{font-style:italic}.spw-search-field__submit{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:10}.spw-search-field__submit:focus,.spw-search-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-search-field--large .spw-search-field__submit{width:46px;height:46px;right:16px}.spw-search-field__options{position:absolute;width:100%;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto}.spw-search-field__options::-webkit-scrollbar{width:14px;height:14px}.spw-search-field__options::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-search-field__options::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-search-field__options{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-search-field__options{z-index:44;margin-top:-2px;transition:transform 0.3s ease, opacity 0.3s ease}.spw-search-field--is-rounded .spw-search-field__options{border-radius:0 0 24px 24px;border:none}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down{top:100%;transform:translateY(0)}.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{padding:12px;color:var(--spw-color-themes-grey-grey-900);text-align:left;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;transition:background-color 0.2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-radius:12px;padding:12px;border-bottom:none}.spw-search-field__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-search-field__option:last-child{border-bottom:none}.spw-search-field__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.spw-search-field__option--selected{font-weight:700}.spw-search-field__loading,.spw-search-field__no-results{padding:12px;cursor:not-allowed;text-align:left;color:var(--spw-color-themes-grey-grey-600)}.spw-search-field--is-rounded .spw-search-field__loading,.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{position:sticky;bottom:0;cursor:pointer;font-weight:700}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{color:black;background:white;border-top:1px solid var(--spw-color-themes-grey-grey-900)}.spw-search-field--is-rounded .spw-search-field__view-all a{color:var(--spw-ds-primary);padding:12px 24px 24px 24px;border-top:none}.spw-search-field__view-all a{text-decoration:underline;display:block;width:100%;padding:12px;display:inline-flex;justify-content:space-between}.spw-search-field__view-all a:hover{text-decoration:none}"}},[1,"spw-search-field",{value:[1537],items:[1],placeholder:[1],size:[1],label:[1],disabled:[4],isRounded:[4,"is-rounded"],name:[1],required:[4],assistiveText:[1,"assistive-text"],viewAllResults:[1,"view-all-results"],viewAllResultsLink:[1,"view-all-results-link"],viewAllResultsSubmit:[4,"view-all-results-submit"],noResults:[1,"no-results"],loadingText:[1,"loading-text"],hasSubmitButton:[4,"has-submit-button"],minCharacters:[2,"min-characters"],isLoading:[4,"is-loading"],showDropdown:[4,"show-dropdown"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],filteredItems:[32],parsedItems:[32],searchText:[32],isOpen:[32],focusedItemIndex:[32],dropdownDirection:[32],resetInput:[64],setValue:[64],getValue:[64]},void 0,{value:[{handleValueChange:0}],items:[{parseItems:0}]}]),u=c,w=function(){"undefined"!=typeof customElements&&["spw-search-field","spw-field-label","spw-field-message","spw-icon","spw-link","spw-loading","spw-text-field","spw-tooltip"].forEach((e=>{switch(e){case"spw-search-field":customElements.get(o(e))||customElements.define(o(e),c);break;case"spw-field-label":customElements.get(o(e))||r();break;case"spw-field-message":customElements.get(o(e))||a();break;case"spw-icon":customElements.get(o(e))||n();break;case"spw-link":customElements.get(o(e))||l();break;case"spw-loading":customElements.get(o(e))||h();break;case"spw-text-field":customElements.get(o(e))||d();break;case"spw-tooltip":customElements.get(o(e))||p()}}))};export{u as SpwSearchField,w as defineCustomElement}
@@ -1 +1 @@
1
- import{p as e,H as t,c as s,h as i,a as o,t as a}from"./index.js";import{d as n}from"./p-DlnEjqPF.js";import{d as r}from"./p-C5lqDBLM.js";import{d as l}from"./p-2iE5Jfvp.js";import{d as p}from"./p-DPpA6jtb.js";import{d as h}from"./p-DDihlS_6.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.internals=this.attachInternals(),this.label="",this.placeholder="Sélectionner une option",this.required=!1,this.size="medium",this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.isExpandable=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.isClear=!1,this.defaultValue=null}handleItemsChange(){this.selectElement&&this.syncDynamicOptions()}handleValueChange(e){this.internalValue!==e&&(this.internalValue=e,this.selectElement&&(this.selectElement.value=(null!=e?e:"")+""),this.internals.setFormValue(this.getFormValue()))}async resetSelect(){this.internalValue="",this.value="",this.selectElement&&(this.selectElement.value=""),this.internals.setFormValue(""),this.valueChanged.emit("")}async setValue(e){this.internalValue=e,this.value=e,this.selectElement&&(this.selectElement.value=e+""),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}async getValue(){return this.internalValue}componentWillLoad(){var e;this.defaultValue=null!==(e=this.value)&&void 0!==e?e:this.getInitialSelectedValue(),this.internalValue=this.value||this.getInitialSelectedValue()}componentDidLoad(){this.internals.setFormValue(this.getFormValue()),this.items?this.syncDynamicOptions():this.moveOptionsToLightDom()}formResetCallback(){var e;this.setValue(null!==(e=this.defaultValue)&&void 0!==e?e:"")}getFormValue(){return this.internalValue?this.internalValue+"":null}getInitialSelectedValue(){if(this.items&&this.items.length>0)return null;const e=Array.from(this.el.querySelectorAll("option"));for(const t of e)if(t.hasAttribute("selected"))return t.getAttribute("value");return null}handleSelectChange(e){this.internalValue=e.target.value,this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}moveOptionsToLightDom(){const e=this.el.shadowRoot.querySelector("slot");e&&e.assignedNodes({flatten:!0}).forEach((e=>{"OPTION"!==e.nodeName&&"OPTGROUP"!==e.nodeName||this.selectElement.appendChild(e)}))}syncDynamicOptions(){for(;this.selectElement.options.length>1;)this.selectElement.remove(1);this.items&&this.items.length>0&&this.items.forEach((e=>{const t=document.createElement("option"),s=this.itemLabel?e[this.itemLabel]:e,i=e.disabled||!1;t.value=(this.itemValue?e[this.itemValue]:e)+"",t.textContent=s+"",t.disabled=i,this.selectElement.appendChild(t)})),this.selectElement.value!==(this.internalValue||"")+""&&(this.selectElement.value=(this.internalValue||"")+"")}renderErrorMessage(){if(this.error)return i("spw-field-message",{variant:"error",showIcon:this.showErrorIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.error,i("slot",{name:"details",slot:"details"}))}renderHintMessage(){if(this.hint)return i("spw-field-message",{variant:"hint",showIcon:this.showHintIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.hint,i("slot",{name:"details",slot:"details"}))}renderSuccessMessage(){if(this.success)return i("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.success,i("slot",{name:"details",slot:"details"}))}renderWarningMessage(){if(this.warning)return i("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.warning,i("slot",{name:"details",slot:"details"}))}handleClear(e){e.stopPropagation(),this.resetSelect()}get elementClass(){return{"spw-select":!0,["spw-select--"+this.size]:!0,"spw-select--disabled":this.disabled,"spw-select--is-error":!!this.error,"spw-select--is-clear":this.isClear&&!!this.internalValue}}render(){return i(o,{key:"d3ccd489ec86a0b97bdf7b9381c1e7a3cefbb383"},i("div",{key:"91e29a92856e4d43017c146361b6df8793c5b500",class:this.elementClass},this.label&&i("spw-field-label",{key:"49fbc4422c9a03e04fbb3380c621ec7e30fba829",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&&i("spw-field-message",{key:"0d1809e1ba89356957828269ba48e0c2023bb9be",class:"spw-select__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"8699a924cb0f73d5f71518817a4b5fd1b9a561fb",class:"spw-select__container"},i("select",{key:"f46e93c8d2b42d0b128a45ea13e75cb02fcc569e",id:this.name,name:this.name,"aria-label":this.accAriaLabel||this.label||this.name,class:"spw-select__trigger",onChange:e=>this.handleSelectChange(e),disabled:this.disabled,ref:e=>this.selectElement=e,tabindex:this.disabled?-1:0},i("option",{key:"b77f86e33c40a4554fbeb7fa41750e9a8f5275f2",value:"",disabled:!0,selected:!this.internalValue},this.placeholder)),i("div",{key:"b5b1ec5298d28a6d4b3fa140ca0698578a97fa60",class:"spw-select__icons"},this.isClear&&!!this.internalValue&&i("span",{key:"f4b1eb192835244f4a0c34494c5fbe53c9d69a21",class:"spw-select__clear",onClick:e=>this.handleClear(e)},i("spw-icon",{key:"2f4dce811cd2ff66f948b62ee1571eb2cfb93e4e",icon:"fa-xmark"})),i("spw-icon",{key:"f08da6debbdaa04458d02c0edb5e0e76c298a440",class:"spw-select__arrow",icon:"fa-chevron-down"}))),!this.items&&i("slot",{key:"36f5f910750f8d9bea47eba8f52d660e60217f6e"})),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{items:[{handleItemsChange:0}],value:[{handleValueChange:0}]}}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-select{position:relative}.spw-select__container{position:relative}.spw-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:1}.spw-select--large .spw-select__icons{right:24px}.spw-select__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:auto;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-select__clear:hover{color:var(--spw-ds-primary)}.spw-select__arrow{pointer-events:none;color:var(--spw-color-themes-grey-grey-900);font-size:16px}.spw-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-select__trigger{width:100%;height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff;font-size:16px;color:var(--spw-color-themes-grey-grey-800);position:relative;padding:0;margin:0;appearance:none;padding:0 12px;padding-right:40px}.spw-select--is-clear .spw-select__trigger{padding-right:68px}.spw-select__trigger:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-select__trigger:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-select__trigger::after{content:"\\f078";font-family:var(--spw-ds-font-icons-solid);font-weight:900;font-size:14px;color:var(--spw-color-themes-grey-grey-800);position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.spw-select--is-error .spw-select__trigger{border-color:var(--spw-colors-states-error-error-300)}.spw-select--large .spw-select__trigger{height:60px;padding:0 24px;font-size:18px}.spw-select--disabled .spw-select__trigger{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-select--disabled .spw-select__trigger::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger:hover,.spw-select--disabled .spw-select__trigger:focus,.spw-select--disabled .spw-select__trigger:focus-visible{outline:none}'}},[321,"spw-select",{value:[1544],label:[1],placeholder:[1],disabled:[4],name:[1],required:[4],size:[1],assistiveText:[1,"assistive-text"],error:[1],hint:[1],success:[1],warning:[1],showErrorIcon:[4,"show-error-icon"],showHintIcon:[4,"show-hint-icon"],showSuccessIcon:[4,"show-success-icon"],showWarningIcon:[4,"show-warning-icon"],isExpandable:[4,"is-expandable"],expandLabel:[1,"expand-label"],collapseLabel:[1,"collapse-label"],items:[16],itemLabel:[1,"item-label"],itemValue:[1,"item-value"],accAriaLabel:[1,"acc-aria-label"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],isClear:[4,"is-clear"],internalValue:[32],resetSelect:[64],setValue:[64],getValue:[64]},void 0,{items:[{handleItemsChange:0}],value:[{handleValueChange:0}]}]),d=c,b=function(){"undefined"!=typeof customElements&&["spw-select","spw-field-label","spw-field-message","spw-icon","spw-link","spw-tooltip"].forEach((e=>{switch(e){case"spw-select":customElements.get(a(e))||customElements.define(a(e),c);break;case"spw-field-label":customElements.get(a(e))||n();break;case"spw-field-message":customElements.get(a(e))||r();break;case"spw-icon":customElements.get(a(e))||l();break;case"spw-link":customElements.get(a(e))||p();break;case"spw-tooltip":customElements.get(a(e))||h()}}))};export{d as SpwSelect,b as defineCustomElement}
1
+ import{p as e,H as t,c as s,h as i,a as o,t as a}from"./index.js";import{d as n}from"./p-DlhwYK4n.js";import{d as r}from"./p-B2P8l7B3.js";import{d as l}from"./p-2AbKLqDf.js";import{d as p}from"./p-CnzSr9Im.js";import{d as h}from"./p-aWQ1v8BH.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.internals=this.attachInternals(),this.label="",this.placeholder="Sélectionner une option",this.required=!1,this.size="medium",this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.isExpandable=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.isClear=!1,this.defaultValue=null}handleItemsChange(){this.selectElement&&this.syncDynamicOptions()}handleValueChange(e){this.internalValue!==e&&(this.internalValue=e,this.selectElement&&(this.selectElement.value=(null!=e?e:"")+""),this.internals.setFormValue(this.getFormValue()))}async resetSelect(){this.internalValue="",this.value="",this.selectElement&&(this.selectElement.value=""),this.internals.setFormValue(""),this.valueChanged.emit("")}async setValue(e){this.internalValue=e,this.value=e,this.selectElement&&(this.selectElement.value=e+""),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}async getValue(){return this.internalValue}componentWillLoad(){var e;this.defaultValue=null!==(e=this.value)&&void 0!==e?e:this.getInitialSelectedValue(),this.internalValue=this.value||this.getInitialSelectedValue()}componentDidLoad(){this.internals.setFormValue(this.getFormValue()),this.items?this.syncDynamicOptions():this.moveOptionsToLightDom()}formResetCallback(){var e;this.setValue(null!==(e=this.defaultValue)&&void 0!==e?e:"")}getFormValue(){return this.internalValue?this.internalValue+"":null}getInitialSelectedValue(){if(this.items&&this.items.length>0)return null;const e=Array.from(this.el.querySelectorAll("option"));for(const t of e)if(t.hasAttribute("selected"))return t.getAttribute("value");return null}handleSelectChange(e){this.internalValue=e.target.value,this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}moveOptionsToLightDom(){const e=this.el.shadowRoot.querySelector("slot");e&&e.assignedNodes({flatten:!0}).forEach((e=>{"OPTION"!==e.nodeName&&"OPTGROUP"!==e.nodeName||this.selectElement.appendChild(e)}))}syncDynamicOptions(){for(;this.selectElement.options.length>1;)this.selectElement.remove(1);this.items&&this.items.length>0&&this.items.forEach((e=>{const t=document.createElement("option"),s=this.itemLabel?e[this.itemLabel]:e,i=e.disabled||!1;t.value=(this.itemValue?e[this.itemValue]:e)+"",t.textContent=s+"",t.disabled=i,this.selectElement.appendChild(t)})),this.selectElement.value!==(this.internalValue||"")+""&&(this.selectElement.value=(this.internalValue||"")+"")}renderErrorMessage(){if(this.error)return i("spw-field-message",{variant:"error",showIcon:this.showErrorIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.error,i("slot",{name:"details",slot:"details"}))}renderHintMessage(){if(this.hint)return i("spw-field-message",{variant:"hint",showIcon:this.showHintIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.hint,i("slot",{name:"details",slot:"details"}))}renderSuccessMessage(){if(this.success)return i("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.success,i("slot",{name:"details",slot:"details"}))}renderWarningMessage(){if(this.warning)return i("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.warning,i("slot",{name:"details",slot:"details"}))}handleClear(e){e.stopPropagation(),this.resetSelect()}get elementClass(){return{"spw-select":!0,["spw-select--"+this.size]:!0,"spw-select--disabled":this.disabled,"spw-select--is-error":!!this.error,"spw-select--is-clear":this.isClear&&!!this.internalValue}}render(){return i(o,{key:"d3ccd489ec86a0b97bdf7b9381c1e7a3cefbb383"},i("div",{key:"91e29a92856e4d43017c146361b6df8793c5b500",class:this.elementClass},this.label&&i("spw-field-label",{key:"49fbc4422c9a03e04fbb3380c621ec7e30fba829",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&&i("spw-field-message",{key:"0d1809e1ba89356957828269ba48e0c2023bb9be",class:"spw-select__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"8699a924cb0f73d5f71518817a4b5fd1b9a561fb",class:"spw-select__container"},i("select",{key:"f46e93c8d2b42d0b128a45ea13e75cb02fcc569e",id:this.name,name:this.name,"aria-label":this.accAriaLabel||this.label||this.name,class:"spw-select__trigger",onChange:e=>this.handleSelectChange(e),disabled:this.disabled,ref:e=>this.selectElement=e,tabindex:this.disabled?-1:0},i("option",{key:"b77f86e33c40a4554fbeb7fa41750e9a8f5275f2",value:"",disabled:!0,selected:!this.internalValue},this.placeholder)),i("div",{key:"b5b1ec5298d28a6d4b3fa140ca0698578a97fa60",class:"spw-select__icons"},this.isClear&&!!this.internalValue&&i("span",{key:"f4b1eb192835244f4a0c34494c5fbe53c9d69a21",class:"spw-select__clear",onClick:e=>this.handleClear(e)},i("spw-icon",{key:"2f4dce811cd2ff66f948b62ee1571eb2cfb93e4e",icon:"fa-xmark"})),i("spw-icon",{key:"f08da6debbdaa04458d02c0edb5e0e76c298a440",class:"spw-select__arrow",icon:"fa-chevron-down"}))),!this.items&&i("slot",{key:"36f5f910750f8d9bea47eba8f52d660e60217f6e"})),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{items:[{handleItemsChange:0}],value:[{handleValueChange:0}]}}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-select{position:relative}.spw-select__container{position:relative}.spw-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:1}.spw-select--large .spw-select__icons{right:24px}.spw-select__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:auto;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-select__clear:hover{color:var(--spw-ds-primary)}.spw-select__arrow{pointer-events:none;color:var(--spw-color-themes-grey-grey-900);font-size:16px}.spw-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-select__trigger{width:100%;height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff;font-size:16px;color:var(--spw-color-themes-grey-grey-800);position:relative;padding:0;margin:0;appearance:none;padding:0 12px;padding-right:40px}.spw-select--is-clear .spw-select__trigger{padding-right:68px}.spw-select__trigger:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-select__trigger:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-select__trigger::after{content:"\\f078";font-family:var(--spw-ds-font-icons-solid);font-weight:900;font-size:14px;color:var(--spw-color-themes-grey-grey-800);position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.spw-select--is-error .spw-select__trigger{border-color:var(--spw-colors-states-error-error-300)}.spw-select--large .spw-select__trigger{height:60px;padding:0 24px;font-size:18px}.spw-select--disabled .spw-select__trigger{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-select--disabled .spw-select__trigger::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger:hover,.spw-select--disabled .spw-select__trigger:focus,.spw-select--disabled .spw-select__trigger:focus-visible{outline:none}'}},[321,"spw-select",{value:[1544],label:[1],placeholder:[1],disabled:[4],name:[1],required:[4],size:[1],assistiveText:[1,"assistive-text"],error:[1],hint:[1],success:[1],warning:[1],showErrorIcon:[4,"show-error-icon"],showHintIcon:[4,"show-hint-icon"],showSuccessIcon:[4,"show-success-icon"],showWarningIcon:[4,"show-warning-icon"],isExpandable:[4,"is-expandable"],expandLabel:[1,"expand-label"],collapseLabel:[1,"collapse-label"],items:[16],itemLabel:[1,"item-label"],itemValue:[1,"item-value"],accAriaLabel:[1,"acc-aria-label"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],isClear:[4,"is-clear"],internalValue:[32],resetSelect:[64],setValue:[64],getValue:[64]},void 0,{items:[{handleItemsChange:0}],value:[{handleValueChange:0}]}]),d=c,b=function(){"undefined"!=typeof customElements&&["spw-select","spw-field-label","spw-field-message","spw-icon","spw-link","spw-tooltip"].forEach((e=>{switch(e){case"spw-select":customElements.get(a(e))||customElements.define(a(e),c);break;case"spw-field-label":customElements.get(a(e))||n();break;case"spw-field-message":customElements.get(a(e))||r();break;case"spw-icon":customElements.get(a(e))||l();break;case"spw-link":customElements.get(a(e))||p();break;case"spw-tooltip":customElements.get(a(e))||h()}}))};export{d as SpwSelect,b as defineCustomElement}
@@ -1 +1 @@
1
- import{S as o,d as s}from"./p-CQNvd2fn.js";const p=o,r=s;export{p as SpwSeparator,r as defineCustomElement}
1
+ import{S as s,d as o}from"./p-C82UsmH4.js";const m=s,p=o;export{m as SpwSeparator,p as defineCustomElement}
@@ -1 +1 @@
1
- import{p as e,H as t,h as n,a as i,t as o}from"./index.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.open=!1}get classes(){return{"spw-sidebar-navigation-dropdown":!0,"spw-sidebar-navigation-dropdown--open":this.open}}render(){return n(i,{key:"b99700684df4095c48b902e418290ab46b799608",class:this.classes},n("div",{key:"92edb187c4eee6889ef9f48868500fc0548d7379",class:"spw-sidebar-navigation-dropdown__content",style:{display:this.open?"block":"none"}},n("slot",{key:"ab41290c9483ed51976fa9f8175e915f7ac5dcce"})))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidebar-navigation-dropdown{position:relative;left:calc(-1 * var(--spw-ds-bo-sidebar-width) + 16px);width:calc(var(--spw-ds-bo-sidebar-expanded-width) - 32px);display:block;border-radius:4px}.spw-sidebar-navigation-dropdown--open{margin-top:8px;padding:0;background:var(--spw-colors-support-grey-grey-100)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown--open{background:white}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown{left:0;width:100%}"}},[260,"spw-sidebar-navigation-dropdown",{open:[1028]}]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-sidebar-navigation-dropdown"].forEach((e=>{"spw-sidebar-navigation-dropdown"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))};export{a as SpwSidebarNavigationDropdown,r as defineCustomElement}
1
+ import{p as e,H as t,h as n,a as i,t as o}from"./index.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.open=!1}get classes(){return{"spw-sidebar-navigation-dropdown":!0,"spw-sidebar-navigation-dropdown--open":this.open}}render(){return n(i,{key:"f5f051303b83e74f1e4bdd31486c536ee7706e65",class:this.classes},n("div",{key:"a9d84ffccc7e181082513ea0cf5b9d342d882862",class:"spw-sidebar-navigation-dropdown__content",style:{display:this.open?"block":"none"}},n("slot",{key:"31ef27c97fc453bdb483790278df7f1d569d9a5e"})))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidebar-navigation-dropdown{position:relative;left:calc(-1 * var(--spw-ds-bo-sidebar-width) + 16px);width:calc(var(--spw-ds-bo-sidebar-expanded-width) - 32px);display:block;border-radius:4px}.spw-sidebar-navigation-dropdown--open{margin-top:8px;padding:0;background:var(--spw-colors-support-grey-grey-100)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown--open{background:white}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown{left:0;width:100%}"}},[260,"spw-sidebar-navigation-dropdown",{open:[1028]}]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-sidebar-navigation-dropdown"].forEach((e=>{"spw-sidebar-navigation-dropdown"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))};export{a as SpwSidebarNavigationDropdown,r as defineCustomElement}
@@ -1 +1 @@
1
- import{p as i,H as t,h as e,t as n}from"./index.js";import{d as a}from"./p-2iE5Jfvp.js";import{d as o}from"./p-DDihlS_6.js";const s=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.active=!1,this.disabled=!1,this.iconVariant="fa-regular",this.openOnClick=!1,this.hasDropdown=!1,this.dropdownOpen=!1,this.navExpanded=!1,this.hasActiveChild=!1,this.checkNavExpanded=()=>{this.navExpanded=document.body.classList.contains("spw-sidebar-expanded")},this.handleDropdownToggle=i=>{var t,e;if(i.preventDefault(),i.stopPropagation(),this.disabled)return;const n=this.el.querySelector("spw-sidebar-navigation-dropdown");n&&(n.open=!n.open,n.open?null===(t=n.setAttribute)||void 0===t||t.call(n,"open",""):null===(e=n.removeAttribute)||void 0===e||e.call(n,"open"),this.dropdownOpen=n.open)},this.handleItemClick=i=>{if(!this.disabled&&this.openOnClick&&this.hasDropdown){if(i.target.closest("spw-sidebar-navigation-item")!==this.el)return;i.preventDefault(),i.stopPropagation(),this.navExpanded?this.toggleDropdown():(document.body.classList.add("spw-sidebar-expanded"),setTimeout((()=>{this.openDropdown()}),300))}},this.openDropdown=()=>{var i;const t=this.el.querySelector("spw-sidebar-navigation-dropdown");t&&(t.open=!0,null===(i=t.setAttribute)||void 0===i||i.call(t,"open",""),this.dropdownOpen=!0)},this.toggleDropdown=()=>{var i,t;const e=this.el.querySelector("spw-sidebar-navigation-dropdown");e&&(e.open=!e.open,e.open?null===(i=e.setAttribute)||void 0===i||i.call(e,"open",""):null===(t=e.removeAttribute)||void 0===t||t.call(e,"open"),this.dropdownOpen=e.open)}}componentDidLoad(){this.checkForDropdown(),this.setupMutationObserver(),this.checkNavExpanded(),this.setupBodyClassObserver(),this.propagateActiveStateToParents()}componentDidUpdate(){this.checkForDropdown()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.bodyClassObserver&&this.bodyClassObserver.disconnect()}setupMutationObserver(){this.mutationObserver=new MutationObserver((()=>{this.checkForDropdown()})),this.mutationObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["open"]})}checkForDropdown(){var i;const t=this.el.querySelector("spw-sidebar-navigation-dropdown");this.hasDropdown=null!==t,this.dropdownOpen=!!t&&(!!t.open||(null===(i=t.hasAttribute)||void 0===i?void 0:i.call(t,"open")))}setupBodyClassObserver(){this.bodyClassObserver=new MutationObserver((()=>{this.checkNavExpanded()})),this.bodyClassObserver.observe(document.body,{attributes:!0,attributeFilter:["class"]})}propagateActiveStateToParents(){this.active&&this.activateParentItems();const i=this.el.querySelectorAll("spw-sidebar-navigation-item");Array.from(i).some((i=>!0===i.active||"true"===i.getAttribute("active")))&&(this.hasActiveChild=!0,this.openDropdown())}activateParentItems(){let i=this.el.parentElement;for(;i;){const t=i.closest("spw-sidebar-navigation-item");if(!t||t===this.el)break;{t.hasActiveChild=!0;const e=t.querySelector(":scope > spw-sidebar-navigation-dropdown");e&&(e.open=!0,e.setAttribute("open","")),i=t.parentElement}}}get classes(){return{"spw-sidebar-navigation-item":!0,"spw-sidebar-navigation-item--active":this.active||this.hasActiveChild,"spw-sidebar-navigation-item--disabled":this.disabled,"spw-sidebar-navigation-item--has-dropdown":this.hasDropdown,"spw-sidebar-navigation-item--dropdown-opened":this.dropdownOpen}}render(){const i=!this.href||this.disabled||this.openOnClick?"div":"a",t=e("spw-icon",{key:"63ec14de9596159a057c03b410a67c746a4e8ffa",variant:this.iconVariant,icon:this.icon}),n=e("div",{key:"ced35e640b0865360a4f329d81c7ce3093705003",class:"spw-sidebar-navigation-item__icon"},this.bubble&&e("span",{key:"1d8234cddbf7cd86218306f48a2ccb4e74b3ce5f",class:"spw-sidebar-navigation-item__bubble"},this.bubble),t),a=this.tooltipTitle?e("spw-tooltip",{cursor:this.disabled?"disabled":"pointer","tooltip-title":this.tooltipTitle,direction:"right",visible:!this.navExpanded},n):n,o={"spw-sidebar-navigation-item__dropdown-toggle":!0,"spw-sidebar-navigation-item__dropdown-toggle--open":this.dropdownOpen};return e(i,{key:"6a47b6fbc8ddcfc7116ba137155a53f0301127b8",class:this.classes,href:this.openOnClick?void 0:this.href,"aria-disabled":this.disabled?"true":void 0,tabIndex:this.disabled?-1:0,onClick:this.openOnClick?this.handleItemClick:void 0},this.icon&&a,e("div",{key:"810babe3a6966ddf99f2944ff702b6c55874b770",class:"spw-sidebar-navigation-item__content"},e("div",{key:"8425351daa767c2529f1c56144551d6193514024",class:"spw-sidebar-navigation-item__content-label"},e("slot",{key:"9151b15755ab6f89d38d411a3f1f24617b4b0a64"})),this.hasDropdown&&e("div",{key:"c75983616ee771d2fd77a81d02e1d10b93ac66a0",class:o,onClick:this.handleDropdownToggle,tabIndex:this.disabled?-1:0},e("spw-icon",{key:"4c35cea803b47563eb84196e4e5f104cccdc4604",icon:"fa-chevron-down"})),e("slot",{key:"ab421b69d0f31dbaaeea2e1128b3456da27890da",name:"dropdown"})))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidebar-navigation-item{cursor:pointer;position:relative;display:flex;align-items:start;color:inherit;text-decoration:none;padding-right:16px;padding-left:0;font-size:16px;width:var(--spw-ds-bo-sidebar-expanded-width);color:var(--spw-colors-support-grey-grey-900);transition:all 0.2s ease;margin:8px 0}@media (max-width: 1023px){.spw-sidebar-navigation-item{padding-left:16px}}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{width:auto;margin:0}.spw-sidebar-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-sidebar-navigation-item--active .spw-sidebar-navigation-item__icon,.spw-sidebar-navigation-item--active:hover .spw-sidebar-navigation-item__icon{color:var(--spw-ds-primary)}.spw-sidebar-navigation-item--disabled{cursor:not-allowed;opacity:0.3}spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{padding-right:0}.spw-sidebar-navigation-item spw-tooltip{line-height:1}.spw-sidebar-navigation-item__bubble{position:absolute;top:0;left:32px;display:inline-flex;align-items:center;justify-content:center;z-index:12;width:20px;height:20px;font-size:10px;line-height:1;border:3px solid white;border-radius:50%;background-color:var(--spw-ds-primary);color:white}.spw-sidebar-navigation-item__icon{position:relative;min-width:var(--spw-ds-bo-sidebar-width);width:var(--spw-ds-bo-sidebar-width);padding:12px 0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}@media (max-width: 1023px){.spw-sidebar-navigation-item__icon{width:auto;min-width:auto}}.--expanded .spw-sidebar-navigation-item__icon{position:static}.spw-sidebar-navigation-item__icon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transform:translate(-50%, -50%);transition:all 0.2s ease}.spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{width:40px;height:40px;background-color:var(--spw-colors-support-grey-grey-200)}.--expanded .spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{width:calc(100% - 16px);height:100%}.spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{width:0;height:0;background-color:var(--spw-colors-support-grey-grey-100) !important}.--expanded .spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.--expanded .spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{width:calc(100% - 16px);height:100%}.--expanded .spw-sidebar-navigation-item__icon:before{transition:background-color 0.2s ease;border-radius:4px}.spw-sidebar-navigation-item__icon spw-icon{position:relative;z-index:2}.spw-sidebar-navigation-item__content{padding:12px 0;flex:1;z-index:2;max-width:calc(var(--spw-ds-bo-sidebar-expanded-width) - var(--spw-ds-bo-sidebar-width) - 12px)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content{max-width:100%;padding:8px}.spw-sidebar-navigation-item__content-label{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}@media (max-width: 1023px){.spw-sidebar-navigation-item__content-label{padding-left:12px}}.--expanded .spw-sidebar-navigation-item__content-label{white-space:normal;overflow:visible;text-overflow:none}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{font-size:14px}@media (max-width: 1023px){.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{padding-left:0}}.spw-sidebar-navigation-item__dropdown-toggle{position:absolute;right:16px;top:10px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;z-index:10;transition:background-color 0.2s ease}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle{right:8px;top:5px}.spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-400)}.spw-sidebar-navigation-item__dropdown-toggle spw-icon{font-size:14px;position:relative;color:var(--spw-colors-support-grey-grey-900);transition:transform 0.2s ease}.spw-sidebar-navigation-item__dropdown-toggle--open spw-icon{transform:rotate(180deg)}.--collapsed .spw-sidebar-navigation-item spw-sidebar-navigation-dropdown{display:none}.spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{font-weight:bold}.spw-sidebar-navigation-item--has-dropdown>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{padding-right:32px}.spw-sidebar-navigation-item .spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content{background:white;border-radius:4px}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{border-radius:4px}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item.spw-sidebar-navigation-item--active>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{color:var(--spw-ds-primary);font-weight:bold}@media (max-width: 1023px){.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{padding-left:0;padding-right:0}}'}},[260,"spw-sidebar-navigation-item",{href:[1],icon:[1],active:[4],disabled:[4],bubble:[1],tooltipTitle:[1,"tooltip-title"],iconVariant:[1,"icon-variant"],openOnClick:[4,"open-on-click"],hasDropdown:[32],dropdownOpen:[32],navExpanded:[32],hasActiveChild:[32]}]),r=s,d=function(){"undefined"!=typeof customElements&&["spw-sidebar-navigation-item","spw-icon","spw-tooltip"].forEach((i=>{switch(i){case"spw-sidebar-navigation-item":customElements.get(n(i))||customElements.define(n(i),s);break;case"spw-icon":customElements.get(n(i))||a();break;case"spw-tooltip":customElements.get(n(i))||o()}}))};export{r as SpwSidebarNavigationItem,d as defineCustomElement}
1
+ import{p as i,H as t,h as e,t as n}from"./index.js";import{d as o}from"./p-2AbKLqDf.js";import{d as a}from"./p-aWQ1v8BH.js";const s=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.active=!1,this.disabled=!1,this.iconVariant="fa-regular",this.openOnClick=!1,this.hasDropdown=!1,this.dropdownOpen=!1,this.navExpanded=!1,this.hasActiveChild=!1,this.checkNavExpanded=()=>{this.navExpanded=document.body.classList.contains("spw-sidebar-expanded")},this.handleDropdownToggle=i=>{var t,e;if(i.preventDefault(),i.stopPropagation(),this.disabled)return;const n=this.el.querySelector("spw-sidebar-navigation-dropdown");n&&(n.open=!n.open,n.open?null===(t=n.setAttribute)||void 0===t||t.call(n,"open",""):null===(e=n.removeAttribute)||void 0===e||e.call(n,"open"),this.dropdownOpen=n.open)},this.handleItemClick=i=>{if(!this.disabled&&this.openOnClick&&this.hasDropdown){if(i.target.closest("spw-sidebar-navigation-item")!==this.el)return;i.preventDefault(),i.stopPropagation(),this.navExpanded?this.toggleDropdown():(document.body.classList.add("spw-sidebar-expanded"),setTimeout((()=>{this.openDropdown()}),300))}},this.openDropdown=()=>{var i;const t=this.el.querySelector("spw-sidebar-navigation-dropdown");t&&(t.open=!0,null===(i=t.setAttribute)||void 0===i||i.call(t,"open",""),this.dropdownOpen=!0)},this.toggleDropdown=()=>{var i,t;const e=this.el.querySelector("spw-sidebar-navigation-dropdown");e&&(e.open=!e.open,e.open?null===(i=e.setAttribute)||void 0===i||i.call(e,"open",""):null===(t=e.removeAttribute)||void 0===t||t.call(e,"open"),this.dropdownOpen=e.open)}}componentDidLoad(){this.checkForDropdown(),this.setupMutationObserver(),this.checkNavExpanded(),this.setupBodyClassObserver(),this.propagateActiveStateToParents()}componentDidUpdate(){this.checkForDropdown()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.bodyClassObserver&&this.bodyClassObserver.disconnect()}setupMutationObserver(){this.mutationObserver=new MutationObserver((()=>{this.checkForDropdown()})),this.mutationObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["open"]})}checkForDropdown(){var i;const t=this.el.querySelector("spw-sidebar-navigation-dropdown");this.hasDropdown=null!==t,this.dropdownOpen=!!t&&(!!t.open||(null===(i=t.hasAttribute)||void 0===i?void 0:i.call(t,"open")))}setupBodyClassObserver(){this.bodyClassObserver=new MutationObserver((()=>{this.checkNavExpanded()})),this.bodyClassObserver.observe(document.body,{attributes:!0,attributeFilter:["class"]})}propagateActiveStateToParents(){this.active&&this.activateParentItems();const i=this.el.querySelectorAll("spw-sidebar-navigation-item");Array.from(i).some((i=>!0===i.active||"true"===i.getAttribute("active")))&&(this.hasActiveChild=!0,this.openDropdown())}activateParentItems(){let i=this.el.parentElement;for(;i;){const t=i.closest("spw-sidebar-navigation-item");if(!t||t===this.el)break;{t.hasActiveChild=!0;const e=t.querySelector(":scope > spw-sidebar-navigation-dropdown");e&&(e.open=!0,e.setAttribute("open","")),i=t.parentElement}}}get classes(){return{"spw-sidebar-navigation-item":!0,"spw-sidebar-navigation-item--active":this.active||this.hasActiveChild,"spw-sidebar-navigation-item--disabled":this.disabled,"spw-sidebar-navigation-item--has-dropdown":this.hasDropdown,"spw-sidebar-navigation-item--dropdown-opened":this.dropdownOpen}}render(){const i=!this.href||this.disabled||this.openOnClick?"div":"a",t=e("spw-icon",{key:"177097c92bb1099f4aae1f9dc32ca27f2052f876",variant:this.iconVariant,icon:this.icon}),n=e("div",{key:"b8c15e5c57240031e5fda1feb8cc25bbc7238385",class:"spw-sidebar-navigation-item__icon"},this.bubble&&e("span",{key:"ab9eeff993b44168529cdf0f70263714e47b6233",class:"spw-sidebar-navigation-item__bubble"},this.bubble),t),o=this.tooltipTitle?e("spw-tooltip",{cursor:this.disabled?"disabled":"pointer","tooltip-title":this.tooltipTitle,direction:"right",visible:!this.navExpanded},n):n,a={"spw-sidebar-navigation-item__dropdown-toggle":!0,"spw-sidebar-navigation-item__dropdown-toggle--open":this.dropdownOpen};return e(i,{key:"d2dd60756047831a36d8f329160426f76f7f0b76",class:this.classes,href:this.openOnClick?void 0:this.href,"aria-disabled":this.disabled?"true":void 0,tabIndex:this.disabled?-1:0,onClick:this.openOnClick?this.handleItemClick:void 0},this.icon&&o,e("div",{key:"2b48bbc0f3c2593440ed2bc7a6d66e4513263c87",class:"spw-sidebar-navigation-item__content"},e("div",{key:"0f94fcb259d394e209db009e5bea466a75f1185b",class:"spw-sidebar-navigation-item__content-label"},e("slot",{key:"9764e3718053efa0e0a19be13b2e3d02ba67ec77"})),this.hasDropdown&&e("div",{key:"7973abd9d6244b871dc2772a68fc7792c0ab4b88",class:a,onClick:this.handleDropdownToggle,tabIndex:this.disabled?-1:0},e("spw-icon",{key:"c1ed5e1782e6b6aeb3f233a1eca8c01689c3e462",icon:"fa-chevron-down"})),e("slot",{key:"4210a48e35ccc0d3fe91ddce03dc7890bb0aa3b5",name:"dropdown"})))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidebar-navigation-item{cursor:pointer;position:relative;display:flex;align-items:start;color:inherit;text-decoration:none;padding-right:16px;padding-left:0;font-size:16px;width:var(--spw-ds-bo-sidebar-expanded-width);color:var(--spw-colors-support-grey-grey-900);transition:all 0.2s ease;margin:8px 0}@media (max-width: 1023px){.spw-sidebar-navigation-item{padding-left:16px}}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{width:auto;margin:0}.spw-sidebar-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-sidebar-navigation-item--active .spw-sidebar-navigation-item__icon,.spw-sidebar-navigation-item--active:hover .spw-sidebar-navigation-item__icon{color:var(--spw-ds-primary)}.spw-sidebar-navigation-item--disabled{cursor:not-allowed;opacity:0.3}spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{padding-right:0}.spw-sidebar-navigation-item spw-tooltip{line-height:1}.spw-sidebar-navigation-item__bubble{position:absolute;top:0;left:32px;display:inline-flex;align-items:center;justify-content:center;z-index:12;width:20px;height:20px;font-size:10px;line-height:1;border:3px solid white;border-radius:50%;background-color:var(--spw-ds-primary);color:white}.spw-sidebar-navigation-item__icon{position:relative;min-width:var(--spw-ds-bo-sidebar-width);width:var(--spw-ds-bo-sidebar-width);padding:12px 0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}@media (max-width: 1023px){.spw-sidebar-navigation-item__icon{width:auto;min-width:auto}}.--expanded .spw-sidebar-navigation-item__icon{position:static}.spw-sidebar-navigation-item__icon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transform:translate(-50%, -50%);transition:all 0.2s ease}.spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{width:40px;height:40px;background-color:var(--spw-colors-support-grey-grey-200)}.--expanded .spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{width:calc(100% - 16px);height:100%}.spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{width:0;height:0;background-color:var(--spw-colors-support-grey-grey-100) !important}.--expanded .spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.--expanded .spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{width:calc(100% - 16px);height:100%}.--expanded .spw-sidebar-navigation-item__icon:before{transition:background-color 0.2s ease;border-radius:4px}.spw-sidebar-navigation-item__icon spw-icon{position:relative;z-index:2}.spw-sidebar-navigation-item__content{padding:12px 0;flex:1;z-index:2;max-width:calc(var(--spw-ds-bo-sidebar-expanded-width) - var(--spw-ds-bo-sidebar-width) - 12px)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content{max-width:100%;padding:8px}.spw-sidebar-navigation-item__content-label{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}@media (max-width: 1023px){.spw-sidebar-navigation-item__content-label{padding-left:12px}}.--expanded .spw-sidebar-navigation-item__content-label{white-space:normal;overflow:visible;text-overflow:none}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{font-size:14px}@media (max-width: 1023px){.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{padding-left:0}}.spw-sidebar-navigation-item__dropdown-toggle{position:absolute;right:16px;top:10px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;z-index:10;transition:background-color 0.2s ease}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle{right:8px;top:5px}.spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-400)}.spw-sidebar-navigation-item__dropdown-toggle spw-icon{font-size:14px;position:relative;color:var(--spw-colors-support-grey-grey-900);transition:transform 0.2s ease}.spw-sidebar-navigation-item__dropdown-toggle--open spw-icon{transform:rotate(180deg)}.--collapsed .spw-sidebar-navigation-item spw-sidebar-navigation-dropdown{display:none}.spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{font-weight:bold}.spw-sidebar-navigation-item--has-dropdown>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{padding-right:32px}.spw-sidebar-navigation-item .spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content{background:white;border-radius:4px}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{border-radius:4px}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item.spw-sidebar-navigation-item--active>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{color:var(--spw-ds-primary);font-weight:bold}@media (max-width: 1023px){.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{padding-left:0;padding-right:0}}'}},[260,"spw-sidebar-navigation-item",{href:[1],icon:[1],active:[4],disabled:[4],bubble:[1],tooltipTitle:[1,"tooltip-title"],iconVariant:[1,"icon-variant"],openOnClick:[4,"open-on-click"],hasDropdown:[32],dropdownOpen:[32],navExpanded:[32],hasActiveChild:[32]}]),r=s,d=function(){"undefined"!=typeof customElements&&["spw-sidebar-navigation-item","spw-icon","spw-tooltip"].forEach((i=>{switch(i){case"spw-sidebar-navigation-item":customElements.get(n(i))||customElements.define(n(i),s);break;case"spw-icon":customElements.get(n(i))||o();break;case"spw-tooltip":customElements.get(n(i))||a()}}))};export{r as SpwSidebarNavigationItem,d as defineCustomElement}
@@ -1 +1 @@
1
- import{p as e,H as t,h as n,a as i,t as o}from"./index.js";import{d as s}from"./p-CQNvd2fn.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(i,{key:"b8d8d7381fb7db4dd914e1c6e457edeb4aad195f"},n("spw-separator",{key:"ff2c9ed4afc9ebf6c34fc4fbc2ac25feb85fee39",class:"spw-sidebar-navigation-separator"}))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidebar-navigation-separator{width:calc(100% - 16px);margin:12px auto}"}},[1,"spw-sidebar-navigation-separator"]),r=a,p=function(){"undefined"!=typeof customElements&&["spw-sidebar-navigation-separator","spw-separator"].forEach((e=>{switch(e){case"spw-sidebar-navigation-separator":customElements.get(o(e))||customElements.define(o(e),a);break;case"spw-separator":customElements.get(o(e))||s()}}))};export{r as SpwSidebarNavigationSeparator,p as defineCustomElement}
1
+ import{p as t,H as e,h as i,a as n,t as o}from"./index.js";import{d as a}from"./p-C82UsmH4.js";const s=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return i(n,{key:"95fb838c1497c039652cc46e8297d9cb47ad33c0"},i("spw-separator",{key:"aa2a50a9dfc9fe8dbd6665a9bef7c53a6cfb03e2",class:"spw-sidebar-navigation-separator"}))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidebar-navigation-separator{width:calc(100% - 16px);margin:12px auto}"}},[1,"spw-sidebar-navigation-separator"]),r=s,p=function(){"undefined"!=typeof customElements&&["spw-sidebar-navigation-separator","spw-separator"].forEach((t=>{switch(t){case"spw-sidebar-navigation-separator":customElements.get(o(t))||customElements.define(o(t),s);break;case"spw-separator":customElements.get(o(t))||a()}}))};export{r as SpwSidebarNavigationSeparator,p as defineCustomElement}
@@ -1 +1 @@
1
- import{p as e,H as t,h as s,a as i,t as o}from"./index.js";import{d as a}from"./p-2iE5Jfvp.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.defaultExpanded=!1,this.hasTopbar=!1,this.BODY_CLASS="spw-sidebar-expanded",this.toggleSidebar=()=>{this.expanded=!this.expanded,document.body.classList.toggle(this.BODY_CLASS,this.expanded)},this.checkTopbarClass=()=>{this.hasTopbar=document.body.classList.contains("has-topbar")},this.checkExpandedState=()=>{const e=document.body.classList.contains(this.BODY_CLASS);this.expanded!==e&&(this.expanded=e)}}componentWillLoad(){this.expanded=this.defaultExpanded,this.expanded&&document.body.classList.add(this.BODY_CLASS),this.checkTopbarClass(),this.observeBodyClassChanges()}disconnectedCallback(){var e;document.body.classList.remove(this.BODY_CLASS),null===(e=this.observer)||void 0===e||e.disconnect()}async open(){this.expanded||(this.expanded=!0,document.body.classList.add(this.BODY_CLASS))}async close(){this.expanded&&(this.expanded=!1,document.body.classList.remove(this.BODY_CLASS))}async toggle(){this.expanded=!this.expanded,document.body.classList.toggle(this.BODY_CLASS,this.expanded)}observeBodyClassChanges(){this.observer=new MutationObserver((()=>{this.checkTopbarClass(),this.checkExpandedState()})),this.observer.observe(document.body,{attributes:!0,attributeFilter:["class"]})}get hostClass(){return{"--expanded":this.expanded,"--collapsed":!this.expanded}}get elementClass(){return{"spw-sidebar":!0,"spw-sidebar--expanded":this.expanded,"spw-sidebar--collapsed":!this.expanded,"spw-sidebar--with-topbar":this.hasTopbar}}render(){return s(i,{key:"456b9b0e397244516036e59c6b03169ba17ced97",class:this.hostClass},s("div",{key:"9643d85115caa0ea7386deac28cb1c19d604510c",class:this.elementClass},s("span",{key:"aae5aa3c1030c23644588a25adbe24ffb3626425",class:"spw-sidebar__toggle",onClick:this.toggleSidebar,"aria-expanded":""+this.expanded},s("spw-icon",{key:"e035d61a09b971531bc713efc56beae2b0f3311b",icon:"fa-chevron-right"})),s("div",{key:"3c61038fb3bd04dd980a68a6e2dc99fa3fcdef4f",class:"spw-sidebar__content"},s("slot",{key:"fdcb6e86d19d893537a4c5d88abed96c7b3ae486",name:"navigation-top"}),s("slot",{key:"832fb90561e152e038248a2d7182e2daf5827a25",name:"navigation-bottom"})),s("div",{key:"b03e48eadcde46bcf52a97b6ffeb0c67bf4b558a",class:"spw-sidebar__resize-border",onClick:this.toggleSidebar})))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;height:100%}.spw-sidebar{height:100%;width:var(--spw-ds-bo-sidebar-width);display:flex;flex-direction:column;background:white;border-right:1px solid var(--spw-colors-support-grey-grey-300);position:fixed;top:0;left:0;z-index:800}@media (min-width: 1024px){.spw-sidebar{transition:width 0.2s ease}}.spw-sidebar--with-topbar{top:var(--spw-ds-bo-topbar-height);height:calc(100% - var(--spw-ds-bo-topbar-height))}.spw-sidebar__toggle{display:none}@media (min-width: 1024px){.spw-sidebar__toggle{position:absolute;right:0;top:67px;flex-basis:auto;width:20px;padding:6px 0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:var(--spw-effect-elevation-6);border:1px solid var(--spw-colors-support-grey-grey-300);cursor:pointer;font-size:13px;z-index:20;transform:translateX(50%);background:white;line-height:1}.spw-sidebar__toggle spw-icon{position:relative;transition:transform 0.15s 0.2s ease}.spw-sidebar--expanded .spw-sidebar__toggle spw-icon{transform:rotate(180deg)}}.spw-sidebar__content{overflow:hidden;flex:1 1 auto;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;justify-content:space-between}.spw-sidebar__content::-webkit-scrollbar{width:14px;height:14px}.spw-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}@media (max-width: 1023px){.spw-sidebar__content{padding:0}}.spw-sidebar--expanded{width:var(--spw-ds-bo-sidebar-expanded-width)}.spw-sidebar--collapsed{width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar__resize-border{display:none;position:absolute;top:0;right:0;width:10px;height:100%;transform:translateX(50%);cursor:col-resize;align-items:center;justify-content:center;background:transparent;z-index:10}"}},[257,"spw-sidebar",{defaultExpanded:[4,"default-expanded"],expanded:[32],hasTopbar:[32],open:[64],close:[64],toggle:[64]}]),r=n,d=function(){"undefined"!=typeof customElements&&["spw-sidebar","spw-icon"].forEach((e=>{switch(e){case"spw-sidebar":customElements.get(o(e))||customElements.define(o(e),n);break;case"spw-icon":customElements.get(o(e))||a()}}))};export{r as SpwSidebar,d as defineCustomElement}
1
+ import{p as e,H as t,h as s,a as i,t as o}from"./index.js";import{d as n}from"./p-2AbKLqDf.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.defaultExpanded=!1,this.hasTopbar=!1,this.BODY_CLASS="spw-sidebar-expanded",this.toggleSidebar=()=>{this.expanded=!this.expanded,document.body.classList.toggle(this.BODY_CLASS,this.expanded)},this.checkTopbarClass=()=>{this.hasTopbar=document.body.classList.contains("has-topbar")},this.checkExpandedState=()=>{const e=document.body.classList.contains(this.BODY_CLASS);this.expanded!==e&&(this.expanded=e)}}componentWillLoad(){this.expanded=this.defaultExpanded,this.expanded&&document.body.classList.add(this.BODY_CLASS),this.checkTopbarClass(),this.observeBodyClassChanges()}disconnectedCallback(){var e;document.body.classList.remove(this.BODY_CLASS),null===(e=this.observer)||void 0===e||e.disconnect()}async open(){this.expanded||(this.expanded=!0,document.body.classList.add(this.BODY_CLASS))}async close(){this.expanded&&(this.expanded=!1,document.body.classList.remove(this.BODY_CLASS))}async toggle(){this.expanded=!this.expanded,document.body.classList.toggle(this.BODY_CLASS,this.expanded)}observeBodyClassChanges(){this.observer=new MutationObserver((()=>{this.checkTopbarClass(),this.checkExpandedState()})),this.observer.observe(document.body,{attributes:!0,attributeFilter:["class"]})}get hostClass(){return{"--expanded":this.expanded,"--collapsed":!this.expanded}}get elementClass(){return{"spw-sidebar":!0,"spw-sidebar--expanded":this.expanded,"spw-sidebar--collapsed":!this.expanded,"spw-sidebar--with-topbar":this.hasTopbar}}render(){return s(i,{key:"0924ab547e2aaf8e73953932fb6b986f13263c8d",class:this.hostClass},s("div",{key:"8211ff2060aa579bdb20fd9e2803fe32a67f9de3",class:this.elementClass},s("span",{key:"00219a4b83343bfb202950532c951bbb62141ecb",class:"spw-sidebar__toggle",onClick:this.toggleSidebar,"aria-expanded":""+this.expanded},s("spw-icon",{key:"f7911a3a31f6644b8851e90e2291c6be36b99a7b",icon:"fa-chevron-right"})),s("div",{key:"93e59680bb556e7aadba1b34cdb7b3df19404cad",class:"spw-sidebar__content"},s("slot",{key:"c2b3e5c14df75d656f89c1341ac415d43e9a93c9",name:"navigation-top"}),s("slot",{key:"dd4b7053eae40ee598c9c8cc21bce1126f6c76d5",name:"navigation-bottom"})),s("div",{key:"93c129ace7b4b955ea3694d1139828e2b80db17f",class:"spw-sidebar__resize-border",onClick:this.toggleSidebar})))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;height:100%}.spw-sidebar{height:100%;width:var(--spw-ds-bo-sidebar-width);display:flex;flex-direction:column;background:white;border-right:1px solid var(--spw-colors-support-grey-grey-300);position:fixed;top:0;left:0;z-index:800}@media (min-width: 1024px){.spw-sidebar{transition:width 0.2s ease}}.spw-sidebar--with-topbar{top:var(--spw-ds-bo-topbar-height);height:calc(100% - var(--spw-ds-bo-topbar-height))}.spw-sidebar__toggle{display:none}@media (min-width: 1024px){.spw-sidebar__toggle{position:absolute;right:0;top:67px;flex-basis:auto;width:20px;padding:6px 0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:var(--spw-effect-elevation-6);border:1px solid var(--spw-colors-support-grey-grey-300);cursor:pointer;font-size:13px;z-index:20;transform:translateX(50%);background:white;line-height:1}.spw-sidebar__toggle spw-icon{position:relative;transition:transform 0.15s 0.2s ease}.spw-sidebar--expanded .spw-sidebar__toggle spw-icon{transform:rotate(180deg)}}.spw-sidebar__content{overflow:hidden;flex:1 1 auto;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;justify-content:space-between}.spw-sidebar__content::-webkit-scrollbar{width:14px;height:14px}.spw-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}@media (max-width: 1023px){.spw-sidebar__content{padding:0}}.spw-sidebar--expanded{width:var(--spw-ds-bo-sidebar-expanded-width)}.spw-sidebar--collapsed{width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar__resize-border{display:none;position:absolute;top:0;right:0;width:10px;height:100%;transform:translateX(50%);cursor:col-resize;align-items:center;justify-content:center;background:transparent;z-index:10}"}},[257,"spw-sidebar",{defaultExpanded:[4,"default-expanded"],expanded:[32],hasTopbar:[32],open:[64],close:[64],toggle:[64]}]),r=a,d=function(){"undefined"!=typeof customElements&&["spw-sidebar","spw-icon"].forEach((e=>{switch(e){case"spw-sidebar":customElements.get(o(e))||customElements.define(o(e),a);break;case"spw-icon":customElements.get(o(e))||n()}}))};export{r as SpwSidebar,d as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface SpwSidenavGroup extends Components.SpwSidenavGroup, HTMLElement {}
4
+ export const SpwSidenavGroup: {
5
+ prototype: SpwSidenavGroup;
6
+ new (): SpwSidenavGroup;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1 @@
1
+ import{p as e,H as t,h as n,a as o,t as i}from"./index.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.open=!1}render(){return n(o,{key:"14c12823f32b2743ed20c831e67bc806046ad52b",class:{"spw-sidenav-group":!0,"spw-sidenav-group--open":this.open}},n("div",{key:"826c7e98f2230308a0332beeee261eaa9847f2a2",class:"spw-sidenav-group__content",style:{display:this.open?"block":"none"}},n("slot",{key:"6e6baa27d08927c42adbc9ccb4c68691c5163c5a"})))}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidenav-group__content{padding-left:30px;position:relative}.spw-sidenav-group__content:before{content:"";position:absolute;top:6px;left:12px;width:1px;height:calc(100% - 12px);background-color:var(--spw-colors-support-grey-grey-300)}'}},[260,"spw-sidenav-group",{open:[1028]}]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-sidenav-group"].forEach((e=>{"spw-sidenav-group"===e&&(customElements.get(i(e))||customElements.define(i(e),s))}))};export{a as SpwSidenavGroup,r as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface SpwSidenavItem extends Components.SpwSidenavItem, HTMLElement {}
4
+ export const SpwSidenavItem: {
5
+ prototype: SpwSidenavItem;
6
+ new (): SpwSidenavItem;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1 @@
1
+ import{p as e,H as i,h as t,a as s,t as n}from"./index.js";import{d as o}from"./p-2AbKLqDf.js";const a=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.iconVariant="fa-regular",this.active=!1,this.disabled=!1,this.openOnClick=!1,this.hasChildren=!1,this.childrenOpen=!1,this.hasActiveChild=!1,this.handleChevronClick=e=>{e.preventDefault(),e.stopPropagation(),this.disabled||this.toggleGroup()},this.handleLabelClick=e=>{this.disabled?e.preventDefault():this.openOnClick&&this.hasChildren&&(e.preventDefault(),this.toggleGroup())}}componentDidLoad(){this.checkForChildren(),this.checkForActiveDescendants(),this.setupMutationObserver(),this.active&&this.notifyParents()}componentDidUpdate(){this.checkForChildren()}disconnectedCallback(){var e;null===(e=this.mutationObserver)||void 0===e||e.disconnect()}setupMutationObserver(){this.mutationObserver=new MutationObserver((()=>this.checkForChildren())),this.mutationObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["open","active"]})}checkForChildren(){var e;const i=this.el.querySelector(":scope > .spw-sidenav-item > spw-sidenav-group, :scope > spw-sidenav-group");this.hasChildren=null!==i,this.childrenOpen=!!i&&(!!i.open||(null===(e=i.hasAttribute)||void 0===e?void 0:e.call(i,"open")))}isActiveItem(e){const i=e.getAttribute("active");return""===i||"true"===i}checkForActiveDescendants(){Array.from(this.el.querySelectorAll("spw-sidenav-item")).filter((e=>this.isActiveItem(e))).length>0&&(this.hasActiveChild=!0,this.openGroup())}notifyParents(){var e,i,t;let s=null===(e=this.el.parentElement)||void 0===e?void 0:e.closest("spw-sidenav-item");for(;s;){s.hasActiveChild=!0;const e=s.querySelector(":scope > .spw-sidenav-item > spw-sidenav-group, :scope > spw-sidenav-group");e&&(e.open=!0,null===(i=e.setAttribute)||void 0===i||i.call(e,"open",""),s.childrenOpen=!0),s=null===(t=s.parentElement)||void 0===t?void 0:t.closest("spw-sidenav-item")}}openGroup(){var e;const i=this.el.querySelector(":scope > .spw-sidenav-item > spw-sidenav-group, :scope > spw-sidenav-group");i&&(i.open=!0,null===(e=i.setAttribute)||void 0===e||e.call(i,"open",""),this.childrenOpen=!0)}toggleGroup(){var e,i;const t=this.el.querySelector(":scope > .spw-sidenav-item > spw-sidenav-group, :scope > spw-sidenav-group");t&&(t.open=!t.open,t.open?null===(e=t.setAttribute)||void 0===e||e.call(t,"open",""):null===(i=t.removeAttribute)||void 0===i||i.call(t,"open"),this.childrenOpen=t.open)}async open(){this.openGroup()}async close(){var e;const i=this.el.querySelector(":scope > .spw-sidenav-item > spw-sidenav-group, :scope > spw-sidenav-group");i&&(i.open=!1,null===(e=i.removeAttribute)||void 0===e||e.call(i,"open"),this.childrenOpen=!1)}get isLink(){return!!this.href&&!this.disabled&&!this.openOnClick}render(){const e=this.isLink?"a":"button";return t(s,{key:"7ce11484152ad8cd4139bd3493aae972e30789fd"},t("div",{key:"aae075da414f38a73015233033376d1deb53fc51",class:{"spw-sidenav-item":!0,"spw-sidenav-item--active":this.active||this.hasActiveChild,"spw-sidenav-item--disabled":this.disabled,"spw-sidenav-item--has-children":this.hasChildren,"spw-sidenav-item--children-open":this.childrenOpen}},t("div",{key:"4155f5d5b8b58a6a8f2b0c09dbbb48dbf2a31510",class:"spw-sidenav-item__row"},t(e,{key:"8422b15196e1874bfbe1af698bae06efb60d09bb",class:"spw-sidenav-item__label",href:this.isLink?this.href:void 0,disabled:!("button"!==e||!this.disabled)||void 0,"aria-disabled":this.disabled?"true":void 0,"aria-expanded":this.hasChildren?""+this.childrenOpen:void 0,"aria-current":this.active?"page":void 0,onClick:this.handleLabelClick},this.icon&&t("span",{key:"b53dad8f63925f1ade16e34a10909f3dc8d7230f",class:"spw-sidenav-item__icon"},t("spw-icon",{key:"25b441c95d6a66fba855ca8f726252f74bc91b04",variant:this.iconVariant,icon:this.icon})),t("span",{key:"c1c0557e37cf76445427dcd6b0648cbcb8b68e9a",class:"spw-sidenav-item__text"},t("slot",{key:"c1d9269d0b07e0814588ba20ce0d2fedf3ed4d0c"}))),this.hasChildren&&t("button",{key:"7003cc5fac5b859a6814d9aa2d0bdbcf42d4ab7d",type:"button",class:{"spw-sidenav-item__chevron":!0,"spw-sidenav-item__chevron--open":this.childrenOpen},"aria-label":this.childrenOpen?"Réduire":"Développer",disabled:this.disabled,onClick:this.handleChevronClick},t("spw-icon",{key:"ade031d1c331c21f32513de8354a9a651479d308",icon:"fa-chevron-down"}))),t("slot",{key:"3a03696d3d8c10576f41624c7a28a11407a3f75d",name:"children"})))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidenav-item{display:block}.spw-sidenav-item+.spw-sidenav-item{margin-top:2px}.spw-sidenav-item__row{display:flex;align-items:flex-start;gap:8px}.spw-sidenav-item__label{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0;padding:8px 0;border:none;background:none;text-align:left;cursor:pointer;color:var(--spw-colors-support-grey-grey-900);font-size:16px;font-family:inherit}spw-sidenav-group .spw-sidenav-item__label{font-size:16px;padding:6px 0}.spw-sidenav-item__label{text-decoration:none;text-underline-offset:2px;width:100%;transition:color 0.15s ease}.spw-sidenav-item__label:focus-visible{outline-offset:2px;outline:3px solid black;border-radius:4px}.spw-sidenav-item--active>.spw-sidenav-item__row>.spw-sidenav-item__label{color:var(--spw-ds-primary);font-weight:600}.spw-sidenav-item:not(.spw-sidenav-item--disabled)>.spw-sidenav-item__row>.spw-sidenav-item__label:hover{color:var(--spw-ds-primary)}.spw-sidenav-item:not(.spw-sidenav-item--disabled)>.spw-sidenav-item__row>.spw-sidenav-item__label:active{color:var(--spw-ds-active)}.spw-sidenav-item:not(.spw-sidenav-item--disabled)>.spw-sidenav-item__row>button.spw-sidenav-item__label:hover{text-decoration:underline}.spw-sidenav-item--disabled>.spw-sidenav-item__row>.spw-sidenav-item__label{cursor:not-allowed;opacity:0.4}.spw-sidenav-item__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;width:20px}.spw-sidenav-item__text{flex:1;min-width:0}.spw-sidenav-item__chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;align-self:flex-start;margin-top:0;width:32px;height:32px;border:none;background:none;cursor:pointer;border-radius:50%;color:var(--spw-colors-support-grey-grey-900);transition:background-color 0.15s ease, color 0.15s ease}.spw-sidenav-item__chevron spw-icon{font-size:14px;transition:transform 0.2s ease}.spw-sidenav-item__chevron:hover{background-color:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-900)}.spw-sidenav-item__chevron:focus-visible{outline-offset:2px;outline:3px solid black}.spw-sidenav-item__chevron--open spw-icon{transform:rotate(180deg)}.spw-sidenav-item__chevron:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}"}},[260,"spw-sidenav-item",{href:[1],icon:[1],iconVariant:[1,"icon-variant"],active:[4],disabled:[4],openOnClick:[4,"open-on-click"],hasChildren:[32],childrenOpen:[32],hasActiveChild:[32],open:[64],close:[64]}]),d=a,r=function(){"undefined"!=typeof customElements&&["spw-sidenav-item","spw-icon"].forEach((e=>{switch(e){case"spw-sidenav-item":customElements.get(n(e))||customElements.define(n(e),a);break;case"spw-icon":customElements.get(n(e))||o()}}))};export{d as SpwSidenavItem,r as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface SpwSidenav extends Components.SpwSidenav, HTMLElement {}
4
+ export const SpwSidenav: {
5
+ prototype: SpwSidenav;
6
+ new (): SpwSidenav;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1 @@
1
+ import{p as e,H as t,h as n,a as i,t as o}from"./index.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}async closeAll(){this.el.querySelectorAll("spw-sidenav-item").forEach((e=>{var t;return null===(t=e.close)||void 0===t?void 0:t.call(e)}))}render(){return n(i,{key:"c248ceeea7443805b4471b20553fe005a71af44d"},n("nav",{key:"32ac7857681d12475f5c09d61d21e9c1c0645a00",class:"spw-sidenav"},n("slot",{key:"0e88515dba47eb47d0db02eb6c7b45fe9e341db9"})))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidenav{display:flex;flex-direction:column}"}},[257,"spw-sidenav",{closeAll:[64]}]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-sidenav"].forEach((e=>{"spw-sidenav"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))};export{a as SpwSidenav,r as defineCustomElement}
@@ -1 +1 @@
1
- import{p as e,H as t,h as n,a as s,t as i}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.blocks=1,this.variant="lines"}renderLines(){return Array.from({length:this.blocks},((e,t)=>{const s=t===this.blocks-1,i=1===this.blocks;return n("div",{class:{"spw-skeleton__line":!0,"spw-skeleton__line--only":i,"spw-skeleton__line--last":!i&&s,"spw-skeleton__line--even":!s&&t%2==1,"spw-skeleton__line--odd":!s&&t%2==0}})}))}renderText(){return n("div",{class:"spw-skeleton__text"},n("spw-skeleton",{variant:"lines",blocks:5}),n("div",{class:"spw-skeleton__text-block"}),n("spw-skeleton",{variant:"lines",blocks:2}))}renderArticle(){return n("div",{class:"spw-skeleton__article"},n("div",{class:"spw-skeleton__article-image"}),n("spw-skeleton",{variant:"lines",blocks:7}))}renderTextButtons(){return n("div",{class:"spw-skeleton__text-buttons"},n("spw-skeleton",{variant:"lines",blocks:3}),n("div",{class:"spw-skeleton__buttons"},n("div",{class:"spw-skeleton__button"}),n("div",{class:"spw-skeleton__button"})))}renderVariant(){switch(this.variant){case"text":return this.renderText();case"article":return this.renderArticle();case"layout":return this.renderTextButtons();default:return this.renderLines()}}render(){return n(s,{key:"dc1d4fbea06557e09954e5006267dbd9e7e5b49f"},n("div",{key:"0ebff5226d490759c099556f6f0f0bcc0d4e1746",class:"spw-skeleton"},this.renderVariant(),n("slot",{key:"be2621647c254e502452007f49d6d31566a4b2d9"})))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-skeleton__text-block,.spw-skeleton__article-image,.spw-skeleton__button,.spw-skeleton__line{background:linear-gradient(90deg, white 0%, var(--spw-color-themes-grey-grey-300) 50%, white 100%);background-size:200% 100%;animation:shimmer 5s infinite linear}.spw-skeleton{display:flex;flex-direction:column;gap:1rem}.spw-skeleton__line{height:1rem;width:100%;border-radius:4px}.spw-skeleton__line--even{width:85%}.spw-skeleton__line--last{width:50% !important}.spw-skeleton__buttons{display:flex;align-items:center;justify-content:center;margin-top:24px;gap:24px}.spw-skeleton__button{width:200px;height:40px;border-radius:40px}.spw-skeleton__article-image{margin-bottom:24px;border-radius:8px;height:170px}.spw-skeleton__text-block{margin:24px 0;border-radius:4px;height:60px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}"}},[257,"spw-skeleton",{blocks:[2],variant:[1]}]),r=o,a=function e(){"undefined"!=typeof customElements&&["spw-skeleton","spw-skeleton"].forEach((t=>{switch(t){case"spw-skeleton":customElements.get(i(t))||customElements.define(i(t),o);break;case"spw-skeleton":customElements.get(i(t))||e()}}))};export{r as SpwSkeleton,a as defineCustomElement}
1
+ import{p as e,H as t,h as n,a as s,t as i}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.blocks=1,this.variant="lines"}renderLines(){return Array.from({length:this.blocks},((e,t)=>{const s=t===this.blocks-1,i=1===this.blocks;return n("div",{class:{"spw-skeleton__line":!0,"spw-skeleton__line--only":i,"spw-skeleton__line--last":!i&&s,"spw-skeleton__line--even":!s&&t%2==1,"spw-skeleton__line--odd":!s&&t%2==0}})}))}renderText(){return n("div",{class:"spw-skeleton__text"},n("spw-skeleton",{variant:"lines",blocks:5}),n("div",{class:"spw-skeleton__text-block"}),n("spw-skeleton",{variant:"lines",blocks:2}))}renderArticle(){return n("div",{class:"spw-skeleton__article"},n("div",{class:"spw-skeleton__article-image"}),n("spw-skeleton",{variant:"lines",blocks:7}))}renderTextButtons(){return n("div",{class:"spw-skeleton__text-buttons"},n("spw-skeleton",{variant:"lines",blocks:3}),n("div",{class:"spw-skeleton__buttons"},n("div",{class:"spw-skeleton__button"}),n("div",{class:"spw-skeleton__button"})))}renderVariant(){switch(this.variant){case"text":return this.renderText();case"article":return this.renderArticle();case"layout":return this.renderTextButtons();default:return this.renderLines()}}render(){return n(s,{key:"baf6617e7f6f8d16bc09d9ed86ddfb299a23f94a"},n("div",{key:"089813b4d4cdeb5d8e9737ed121df936711a8de6",class:"spw-skeleton"},this.renderVariant(),n("slot",{key:"bc44a9531c3922c90137cf8110ebcf80cc6f3f16"})))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-skeleton__text-block,.spw-skeleton__article-image,.spw-skeleton__button,.spw-skeleton__line{background:linear-gradient(90deg, white 0%, var(--spw-color-themes-grey-grey-300) 50%, white 100%);background-size:200% 100%;animation:shimmer 5s infinite linear}.spw-skeleton{display:flex;flex-direction:column;gap:1rem}.spw-skeleton__line{height:1rem;width:100%;border-radius:4px}.spw-skeleton__line--even{width:85%}.spw-skeleton__line--last{width:50% !important}.spw-skeleton__buttons{display:flex;align-items:center;justify-content:center;margin-top:24px;gap:24px}.spw-skeleton__button{width:200px;height:40px;border-radius:40px}.spw-skeleton__article-image{margin-bottom:24px;border-radius:8px;height:170px}.spw-skeleton__text-block{margin:24px 0;border-radius:4px;height:60px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}"}},[257,"spw-skeleton",{blocks:[2],variant:[1]}]),r=o,a=function e(){"undefined"!=typeof customElements&&["spw-skeleton","spw-skeleton"].forEach((t=>{switch(t){case"spw-skeleton":customElements.get(i(t))||customElements.define(i(t),o);break;case"spw-skeleton":customElements.get(i(t))||e()}}))};export{r as SpwSkeleton,a as defineCustomElement}
@@ -1 +1 @@
1
- import{p as e,H as t,h as i,a as n,t as o}from"./index.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i(n,{key:"c938284ccf2f8a59ae9cc4eb5239611383d0200e"},i("div",{key:"055adbd2aab6e5463be6b9bcf908d2dfa47f413d",class:"spw-slider-item"},i("slot",{key:"dd5e639fb9af8ed604ca931c7015530886516cad"})))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{position:absolute;top:0;left:0;width:100%;display:block}.spw-slider-item{width:100%;display:block}"}},[257,"spw-slider-item"]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-slider-item"].forEach((e=>{"spw-slider-item"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))};export{a as SpwSliderItem,r as defineCustomElement}
1
+ import{p as e,H as t,h as i,a as n,t as o}from"./index.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i(n,{key:"c1227e735448eaea0fa907b30fcefb1c707be454"},i("div",{key:"276be5b2365d43ae37f11d217a321f0fdddf0f90",class:"spw-slider-item"},i("slot",{key:"594ebb9169c11d0e08debc43f12dce462cbc4ff3"})))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{position:absolute;top:0;left:0;width:100%;display:block}.spw-slider-item{width:100%;display:block}"}},[257,"spw-slider-item"]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-slider-item"].forEach((e=>{"spw-slider-item"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))};export{a as SpwSliderItem,r as defineCustomElement}
@@ -1 +1 @@
1
- import{p as t,H as i,c as e,h as s,a as o,t as n}from"./index.js";import{d as a}from"./p-rbXNWvxL.js";import{d as r}from"./p-2iE5Jfvp.js";const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwSliderChange=e(this,"spwSliderChange",7),this.spwSliderNext=e(this,"spwSliderNext",7),this.spwSliderPrevious=e(this,"spwSliderPrevious",7),this.showArrows=!0,this.showDots=!0,this.showAutoplayToggle=!1,this.autoplayInterval=5e3,this.autoplayEnabled=!1,this.autoplayText="Défilement automatique",this.arrowsPosition="inside",this.dotsPosition="inside",this.nextSlideText="Slide suivante",this.accAriaLabel="Slider de contenu",this.previousSlideText="Slide précédente",this.hasFixedHeight=!1,this.activeIndex=0,this.totalSlides=0,this.currentHeight=0,this.isAutoplayActive=!1,this.startX=0,this.startY=0,this.currentX=0,this.isDragging=!1,this.slides=[],this.handleSlotChange=()=>{this.updateSlides(),this.scheduleHeightUpdate(50)},this.handleResize=()=>{this.scheduleHeightUpdate(50)},this.handlePrevious=()=>{this.activeIndex>0&&this.goToSlide(this.activeIndex-1,"previous")},this.handleNext=()=>{this.activeIndex<this.totalSlides-1&&this.goToSlide(this.activeIndex+1,"next")},this.handleDotClick=t=>{this.goToSlide(t)},this.startAutoplay=()=>{this.stopAutoplay(),this.autoplayTimer=window.setInterval((()=>{this.goToSlide(this.activeIndex<this.totalSlides-1?this.activeIndex+1:0,"next")}),this.autoplayInterval)},this.stopAutoplay=()=>{this.autoplayTimer&&(clearInterval(this.autoplayTimer),this.autoplayTimer=null)},this.handleAutoplayToggle=t=>{this.isAutoplayActive=t.detail,this.isAutoplayActive?this.startAutoplay():this.stopAutoplay()}}componentDidLoad(){this.initializeSlider();const t=this.el.shadowRoot.querySelector("slot");t&&t.addEventListener("slotchange",this.handleSlotChange),window.addEventListener("resize",this.handleResize),this.setupResizeObserver(),this.isAutoplayActive=this.autoplayEnabled,this.isAutoplayActive&&this.startAutoplay()}disconnectedCallback(){var t;window.removeEventListener("resize",this.handleResize);const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");i&&i.removeEventListener("slotchange",this.handleSlotChange),this.resizeObserver&&this.resizeObserver.disconnect(),this.heightUpdateTimeout&&clearTimeout(this.heightUpdateTimeout),this.stopAutoplay()}initializeSlider(){this.updateSlides(),this.scheduleHeightUpdate(200),this.scheduleHeightUpdate(500)}setupResizeObserver(){"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{this.scheduleHeightUpdate(50)})),this.slides.forEach((t=>{var i,e;this.resizeObserver.observe(t);const s=null===(e=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if(s&&(this.resizeObserver.observe(s),s.shadowRoot)){const t=s.shadowRoot.firstElementChild;t&&this.resizeObserver.observe(t)}})))}scheduleHeightUpdate(t=0){this.heightUpdateTimeout&&clearTimeout(this.heightUpdateTimeout),this.heightUpdateTimeout=window.setTimeout((()=>{this.updateHeight()}),t)}updateSlides(){const t=this.el.shadowRoot.querySelector("slot");if(t){const i=t.assignedElements();this.resizeObserver&&this.slides.forEach((t=>{this.resizeObserver.unobserve(t)})),this.slides=i,this.totalSlides=this.slides.length,this.slides.forEach(((t,i)=>{t.style.transform=`translateX(${100*i}%)`,i===this.activeIndex?t.removeAttribute("inert"):t.setAttribute("inert","")})),this.resizeObserver&&this.slides.forEach((t=>{this.resizeObserver.observe(t)}))}}async updateHeight(){this.hasFixedHeight?await this.updateFixedHeight():await this.updateActiveSlideHeight()}async updateFixedHeight(){let t=0;for(const i of this.slides){const e=await this.getSlideHeight(i);e>t&&(t=e)}t>0&&(this.currentHeight=t,this.applyFixedHeightToHeroes(t))}applyFixedHeightToHeroes(t){var i,e,s;for(const o of this.slides){const n=null===(e=null===(i=o.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if("spw-hero"===(null==n?void 0:n.tagName.toLowerCase())){const i=null===(s=n.shadowRoot)||void 0===s?void 0:s.querySelector(".spw-hero");i&&(i.style.height=t+"px")}}}async updateActiveSlideHeight(){if(this.slides[this.activeIndex]){const t=this.slides[this.activeIndex],i=await this.getSlideHeight(t);i>50?this.currentHeight=i:this.retryHeightCalculation(0)}}async getSlideHeight(t){var i,e;const s=null===(e=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if(s){const t=s.tagName.toLowerCase();if(t.includes("-"))try{await customElements.whenDefined(t),await new Promise((t=>setTimeout(t,50)))}catch(t){}let i=s.offsetHeight||s.scrollHeight;if(s.shadowRoot){const t=s.shadowRoot.firstElementChild;t&&(i=t.offsetHeight||t.scrollHeight)}if(i>0)return i}return t.offsetHeight||t.scrollHeight}retryHeightCalculation(t){t>=15||setTimeout((()=>{var i,e;const s=this.slides[this.activeIndex];if(!s)return;const o=null===(e=null===(i=s.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if(o){let t=o.offsetHeight||o.scrollHeight;if(o.shadowRoot){const i=o.shadowRoot.firstElementChild;i&&(t=i.offsetHeight||i.scrollHeight)}if(t>50)return void(this.currentHeight=t)}const n=s.offsetHeight||s.scrollHeight;n>50?this.currentHeight=n:this.retryHeightCalculation(t+1)}),100*(t+1))}goToSlide(t,i){if(t<0||t>=this.totalSlides)return;const e=this.activeIndex;this.activeIndex=t,this.spwSliderChange.emit({index:t,previousIndex:e}),"next"===i&&this.spwSliderNext.emit({index:t}),"previous"===i&&this.spwSliderPrevious.emit({index:t}),this.slides.forEach(((t,i)=>{const e=100*(i-this.activeIndex);t.style.transition="transform 0.3s ease-in-out",t.style.transform=`translateX(${e}%)`,i===this.activeIndex?t.removeAttribute("inert"):t.setAttribute("inert","")})),this.scheduleHeightUpdate(0),this.scheduleHeightUpdate(320),this.isAutoplayActive&&(this.stopAutoplay(),this.startAutoplay())}handleTouchStart(t){this.startX=t.touches[0].clientX,this.startY=t.touches[0].clientY,this.currentX=this.startX,this.isDragging=!0,this.isAutoplayActive&&this.stopAutoplay()}handleMouseDown(t){this.startX=t.clientX,this.currentX=this.startX,this.isDragging=!0,t.preventDefault(),this.isAutoplayActive&&this.stopAutoplay()}handleTouchMove(t){if(!this.isDragging)return;const i=t.touches[0].clientY-this.startY;Math.abs(t.touches[0].clientX-this.startX)>Math.abs(i)&&t.preventDefault(),this.currentX=t.touches[0].clientX}handleMouseMove(t){this.isDragging&&(this.currentX=t.clientX)}handleTouchEnd(){this.handleDragEnd()}handleMouseUp(){this.handleDragEnd()}handleMouseLeave(){this.isDragging&&this.handleDragEnd()}handleKeyDown(t){"ArrowLeft"===t.key?(t.preventDefault(),this.handlePrevious()):"ArrowRight"===t.key&&(t.preventDefault(),this.handleNext())}handleDragEnd(){if(!this.isDragging)return;const t=this.startX-this.currentX;Math.abs(t)>50&&(t>0?this.handleNext():this.handlePrevious()),this.isDragging=!1,this.startX=0,this.currentX=0,this.isAutoplayActive&&this.startAutoplay()}get elementClass(){return{"spw-slider":!0,["spw-slider--arrows-"+this.arrowsPosition]:!0,["spw-slider--dots-"+this.dotsPosition]:!0}}renderDots(){return!this.showDots||this.totalSlides<=1?null:s("div",{class:{"spw-slider__dots":!0,"spw-slider__dots--outside":"outside"===this.dotsPosition}},Array.from({length:this.totalSlides},((t,i)=>s("button",{class:{"spw-slider__dot":!0,"spw-slider__dot--active":i===this.activeIndex},onClick:()=>this.handleDotClick(i),"aria-label":"Slide "+(i+1),"aria-current":i===this.activeIndex?"true":"false"}))))}render(){return s(o,{key:"8dc34409f1e66313b2b34a8b1f09d136dabe0b16"},s("div",{key:"7292a94ec194eda34acb54e4ca44f6b86c8edea8",class:this.elementClass,style:{height:this.currentHeight+"px"},tabindex:"0",role:"region","aria-label":this.accAriaLabel},s("div",{key:"3da03e2be636e7f5bda5c0e6b9fbc3299e523b0e",class:"spw-slider__track"},s("slot",{key:"58df3b1d27714e2c5aef081269dbd66d52f5f0ff"})),this.showArrows&&s("div",{key:"025ea96fce9080eb7fa7940bb491361393c09ca6",class:"spw-slider__navigation"},s("button",{key:"dcc9e6025100f79510581e5f3cf67b1598f3c8a8",class:"spw-slider__arrow spw-slider__arrow--prev",onClick:this.handlePrevious,disabled:0===this.activeIndex,"aria-label":this.previousSlideText},s("spw-icon",{key:"29eaeda876748b69b333c58e512d388121b59693",icon:"fa-chevron-left"})),s("button",{key:"d77142a22e369412632dfcc1c1af7d3e4bdd5999",class:"spw-slider__arrow spw-slider__arrow--next",onClick:this.handleNext,disabled:this.activeIndex===this.totalSlides-1,"aria-label":this.nextSlideText},s("spw-icon",{key:"47c94e169d9c8b44725df1eb7c907914bbc554ec",icon:"fa-chevron-right"}))),"inside"===this.dotsPosition&&this.renderDots()),"outside"===this.dotsPosition&&s("div",{key:"49e8c665ee475e25c2cd2d41c93a6c34b0547b84",class:"spw-slider__dots-container"},this.renderDots()),this.showAutoplayToggle&&s("div",{key:"d753476a4b1de6a0bb830563ec43e4be7c0503ec",class:"spw-slider__autoplay-toggle"},s("spw-checkbox",{key:"51fd35c27c80d61def02c8f094e55a3fac5b78d1",variant:"toggle",checked:this.isAutoplayActive,onSpwChange:this.handleAutoplayToggle},this.autoplayText)))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-slider{position:relative;width:100%;transition:height 0.3s ease-in-out;min-height:100px}.spw-slider[style*="height: 0px"]{min-height:200px}.spw-slider--arrows-outside{padding:0 56px}.spw-slider:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__track{position:relative;width:100%;height:100%;overflow:hidden;cursor:grab;user-select:none}.spw-slider__track:active{cursor:grabbing}.spw-slider__navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 12px;pointer-events:none;width:calc(100% + 64px);margin-left:-32px}@media (min-width: 1024px){.spw-slider__navigation{width:100%;margin-left:0}}.spw-slider--arrows-outside .spw-slider__navigation{width:100%;padding:0;margin-left:0}.spw-slider__arrow{pointer-events:all;width:40px;height:40px;border-radius:50%;border:none;background-color:var(--spw-ds-primary);color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;font-size:1.25rem}.spw-slider__arrow:hover:not(:disabled){transform:scale(0.9)}.spw-slider__arrow:disabled{cursor:not-allowed;background-color:var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-400)}.spw-slider__arrow:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:0.5rem;z-index:10;background:white;box-shadow:var(--spw-effect-elevation-5);padding:8px;border-radius:999px}.spw-slider__dots--outside{position:relative;bottom:auto;left:auto;transform:none;box-shadow:none;display:inline-flex;border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-slider__dot{width:12px;height:12px;border-radius:50%;background:var(--spw-color-themes-grey-grey-300);cursor:pointer;border:none;transition:all 0.2s ease;padding:0}.spw-slider__dot:hover{transform:scale(1.2)}.spw-slider__dot--active{background-color:var(--spw-ds-primary)}.spw-slider__dot:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__dots-container{display:flex;justify-content:center;margin-top:12px}.spw-slider__autoplay-toggle{margin-top:12px}'}},[257,"spw-slider",{showArrows:[4,"show-arrows"],showDots:[4,"show-dots"],showAutoplayToggle:[4,"show-autoplay-toggle"],autoplayInterval:[2,"autoplay-interval"],autoplayEnabled:[4,"autoplay-enabled"],autoplayText:[1,"autoplay-text"],arrowsPosition:[1,"arrows-position"],dotsPosition:[1,"dots-position"],nextSlideText:[1,"next-slide-text"],accAriaLabel:[1,"acc-aria-label"],previousSlideText:[1,"previous-slide-text"],hasFixedHeight:[4,"has-fixed-height"],activeIndex:[32],totalSlides:[32],currentHeight:[32],isAutoplayActive:[32]},[[1,"touchstart","handleTouchStart"],[0,"mousedown","handleMouseDown"],[0,"touchmove","handleTouchMove"],[1,"mousemove","handleMouseMove"],[1,"touchend","handleTouchEnd"],[1,"mouseup","handleMouseUp"],[1,"mouseleave","handleMouseLeave"],[0,"keydown","handleKeyDown"]]]),d=h,l=function(){"undefined"!=typeof customElements&&["spw-slider","spw-checkbox","spw-icon"].forEach((t=>{switch(t){case"spw-slider":customElements.get(n(t))||customElements.define(n(t),h);break;case"spw-checkbox":customElements.get(n(t))||a();break;case"spw-icon":customElements.get(n(t))||r()}}))};export{d as SpwSlider,l as defineCustomElement}
1
+ import{p as t,H as i,c as e,h as s,a as o,t as n}from"./index.js";import{d as a}from"./p-yEYYjoyI.js";import{d as r}from"./p-2AbKLqDf.js";const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwSliderChange=e(this,"spwSliderChange",7),this.spwSliderNext=e(this,"spwSliderNext",7),this.spwSliderPrevious=e(this,"spwSliderPrevious",7),this.showArrows=!0,this.showDots=!0,this.showAutoplayToggle=!1,this.autoplayInterval=5e3,this.autoplayEnabled=!1,this.autoplayText="Défilement automatique",this.arrowsPosition="inside",this.dotsPosition="inside",this.nextSlideText="Slide suivante",this.accAriaLabel="Slider de contenu",this.previousSlideText="Slide précédente",this.hasFixedHeight=!1,this.activeIndex=0,this.totalSlides=0,this.currentHeight=0,this.isAutoplayActive=!1,this.startX=0,this.startY=0,this.currentX=0,this.isDragging=!1,this.slides=[],this.handleSlotChange=()=>{this.updateSlides(),this.scheduleHeightUpdate(50)},this.handleResize=()=>{this.scheduleHeightUpdate(50)},this.handlePrevious=()=>{this.activeIndex>0&&this.goToSlide(this.activeIndex-1,"previous")},this.handleNext=()=>{this.activeIndex<this.totalSlides-1&&this.goToSlide(this.activeIndex+1,"next")},this.handleDotClick=t=>{this.goToSlide(t)},this.startAutoplay=()=>{this.stopAutoplay(),this.autoplayTimer=window.setInterval((()=>{this.goToSlide(this.activeIndex<this.totalSlides-1?this.activeIndex+1:0,"next")}),this.autoplayInterval)},this.stopAutoplay=()=>{this.autoplayTimer&&(clearInterval(this.autoplayTimer),this.autoplayTimer=null)},this.handleAutoplayToggle=t=>{this.isAutoplayActive=t.detail,this.isAutoplayActive?this.startAutoplay():this.stopAutoplay()}}componentDidLoad(){this.initializeSlider();const t=this.el.shadowRoot.querySelector("slot");t&&t.addEventListener("slotchange",this.handleSlotChange),window.addEventListener("resize",this.handleResize),this.setupResizeObserver(),this.isAutoplayActive=this.autoplayEnabled,this.isAutoplayActive&&this.startAutoplay()}disconnectedCallback(){var t;window.removeEventListener("resize",this.handleResize);const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");i&&i.removeEventListener("slotchange",this.handleSlotChange),this.resizeObserver&&this.resizeObserver.disconnect(),this.heightUpdateTimeout&&clearTimeout(this.heightUpdateTimeout),this.stopAutoplay()}initializeSlider(){this.updateSlides(),this.scheduleHeightUpdate(200),this.scheduleHeightUpdate(500)}setupResizeObserver(){"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{this.scheduleHeightUpdate(50)})),this.slides.forEach((t=>{var i,e;this.resizeObserver.observe(t);const s=null===(e=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if(s&&(this.resizeObserver.observe(s),s.shadowRoot)){const t=s.shadowRoot.firstElementChild;t&&this.resizeObserver.observe(t)}})))}scheduleHeightUpdate(t=0){this.heightUpdateTimeout&&clearTimeout(this.heightUpdateTimeout),this.heightUpdateTimeout=window.setTimeout((()=>{this.updateHeight()}),t)}updateSlides(){const t=this.el.shadowRoot.querySelector("slot");if(t){const i=t.assignedElements();this.resizeObserver&&this.slides.forEach((t=>{this.resizeObserver.unobserve(t)})),this.slides=i,this.totalSlides=this.slides.length,this.slides.forEach(((t,i)=>{t.style.transform=`translateX(${100*i}%)`,i===this.activeIndex?t.removeAttribute("inert"):t.setAttribute("inert","")})),this.resizeObserver&&this.slides.forEach((t=>{this.resizeObserver.observe(t)}))}}async updateHeight(){this.hasFixedHeight?await this.updateFixedHeight():await this.updateActiveSlideHeight()}async updateFixedHeight(){let t=0;for(const i of this.slides){const e=await this.getSlideHeight(i);e>t&&(t=e)}t>0&&(this.currentHeight=t,this.applyFixedHeightToHeroes(t))}applyFixedHeightToHeroes(t){var i,e,s;for(const o of this.slides){const n=null===(e=null===(i=o.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if("spw-hero"===(null==n?void 0:n.tagName.toLowerCase())){const i=null===(s=n.shadowRoot)||void 0===s?void 0:s.querySelector(".spw-hero");i&&(i.style.height=t+"px")}}}async updateActiveSlideHeight(){if(this.slides[this.activeIndex]){const t=this.slides[this.activeIndex],i=await this.getSlideHeight(t);i>50?this.currentHeight=i:this.retryHeightCalculation(0)}}async getSlideHeight(t){var i,e;const s=null===(e=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if(s){const t=s.tagName.toLowerCase();if(t.includes("-"))try{await customElements.whenDefined(t),await new Promise((t=>setTimeout(t,50)))}catch(t){}let i=s.offsetHeight||s.scrollHeight;if(s.shadowRoot){const t=s.shadowRoot.firstElementChild;t&&(i=t.offsetHeight||t.scrollHeight)}if(i>0)return i}return t.offsetHeight||t.scrollHeight}retryHeightCalculation(t){t>=15||setTimeout((()=>{var i,e;const s=this.slides[this.activeIndex];if(!s)return;const o=null===(e=null===(i=s.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0===e?void 0:e.assignedElements()[0];if(o){let t=o.offsetHeight||o.scrollHeight;if(o.shadowRoot){const i=o.shadowRoot.firstElementChild;i&&(t=i.offsetHeight||i.scrollHeight)}if(t>50)return void(this.currentHeight=t)}const n=s.offsetHeight||s.scrollHeight;n>50?this.currentHeight=n:this.retryHeightCalculation(t+1)}),100*(t+1))}goToSlide(t,i){if(t<0||t>=this.totalSlides)return;const e=this.activeIndex;this.activeIndex=t,this.spwSliderChange.emit({index:t,previousIndex:e}),"next"===i&&this.spwSliderNext.emit({index:t}),"previous"===i&&this.spwSliderPrevious.emit({index:t}),this.slides.forEach(((t,i)=>{const e=100*(i-this.activeIndex);t.style.transition="transform 0.3s ease-in-out",t.style.transform=`translateX(${e}%)`,i===this.activeIndex?t.removeAttribute("inert"):t.setAttribute("inert","")})),this.scheduleHeightUpdate(0),this.scheduleHeightUpdate(320),this.isAutoplayActive&&(this.stopAutoplay(),this.startAutoplay())}handleTouchStart(t){this.startX=t.touches[0].clientX,this.startY=t.touches[0].clientY,this.currentX=this.startX,this.isDragging=!0,this.isAutoplayActive&&this.stopAutoplay()}handleMouseDown(t){this.startX=t.clientX,this.currentX=this.startX,this.isDragging=!0,t.preventDefault(),this.isAutoplayActive&&this.stopAutoplay()}handleTouchMove(t){if(!this.isDragging)return;const i=t.touches[0].clientY-this.startY;Math.abs(t.touches[0].clientX-this.startX)>Math.abs(i)&&t.preventDefault(),this.currentX=t.touches[0].clientX}handleMouseMove(t){this.isDragging&&(this.currentX=t.clientX)}handleTouchEnd(){this.handleDragEnd()}handleMouseUp(){this.handleDragEnd()}handleMouseLeave(){this.isDragging&&this.handleDragEnd()}handleKeyDown(t){"ArrowLeft"===t.key?(t.preventDefault(),this.handlePrevious()):"ArrowRight"===t.key&&(t.preventDefault(),this.handleNext())}handleDragEnd(){if(!this.isDragging)return;const t=this.startX-this.currentX;Math.abs(t)>50&&(t>0?this.handleNext():this.handlePrevious()),this.isDragging=!1,this.startX=0,this.currentX=0,this.isAutoplayActive&&this.startAutoplay()}get elementClass(){return{"spw-slider":!0,["spw-slider--arrows-"+this.arrowsPosition]:!0,["spw-slider--dots-"+this.dotsPosition]:!0}}renderDots(){return!this.showDots||this.totalSlides<=1?null:s("div",{class:{"spw-slider__dots":!0,"spw-slider__dots--outside":"outside"===this.dotsPosition}},Array.from({length:this.totalSlides},((t,i)=>s("button",{class:{"spw-slider__dot":!0,"spw-slider__dot--active":i===this.activeIndex},onClick:()=>this.handleDotClick(i),"aria-label":"Slide "+(i+1),"aria-current":i===this.activeIndex?"true":"false"}))))}render(){return s(o,{key:"e3cdcffa3cd1e788cb9ba3b14b54b93154658998"},s("div",{key:"4e5895bcfa1c51594acd207537bdb6b793609f0c",class:this.elementClass,style:{height:this.currentHeight+"px"},tabindex:"0",role:"region","aria-label":this.accAriaLabel},s("div",{key:"ee4be86960ea0cdf99f105d34a2b511a1a2ef7c9",class:"spw-slider__track"},s("slot",{key:"9324d09e7496a54d2f70684c815a7b833668d3ef"})),this.showArrows&&s("div",{key:"f817cf37896af468a2a595ebff223457bcb80622",class:"spw-slider__navigation"},s("button",{key:"9002d2d66e93dc132a7c054931a259559e8e2398",class:"spw-slider__arrow spw-slider__arrow--prev",onClick:this.handlePrevious,disabled:0===this.activeIndex,"aria-label":this.previousSlideText},s("spw-icon",{key:"881b9786ec4c1bad320800688a99c1cdd05864f7",icon:"fa-chevron-left"})),s("button",{key:"531a890269a510ce25cbaaac99d6a7b556ebdbd5",class:"spw-slider__arrow spw-slider__arrow--next",onClick:this.handleNext,disabled:this.activeIndex===this.totalSlides-1,"aria-label":this.nextSlideText},s("spw-icon",{key:"67da2f2695217740053fbf13879825fc25f8a68a",icon:"fa-chevron-right"}))),"inside"===this.dotsPosition&&this.renderDots()),"outside"===this.dotsPosition&&s("div",{key:"37854071cc07c7b649af836b6ee4d23009aa3ccc",class:"spw-slider__dots-container"},this.renderDots()),this.showAutoplayToggle&&s("div",{key:"b156e6623b0a19012574d538ba41bd2a87d97fd0",class:"spw-slider__autoplay-toggle"},s("spw-checkbox",{key:"0613184d17c2426e8ef6a9c967af13b462b99e9e",variant:"toggle",checked:this.isAutoplayActive,onSpwChange:this.handleAutoplayToggle},this.autoplayText)))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-slider{position:relative;width:100%;transition:height 0.3s ease-in-out;min-height:100px}.spw-slider[style*="height: 0px"]{min-height:200px}.spw-slider--arrows-outside{padding:0 56px}.spw-slider:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__track{position:relative;width:100%;height:100%;overflow:hidden;cursor:grab;user-select:none}.spw-slider__track:active{cursor:grabbing}.spw-slider__navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 12px;pointer-events:none;width:calc(100% + 64px);margin-left:-32px}@media (min-width: 1024px){.spw-slider__navigation{width:100%;margin-left:0}}.spw-slider--arrows-outside .spw-slider__navigation{width:100%;padding:0;margin-left:0}.spw-slider__arrow{pointer-events:all;width:40px;height:40px;border-radius:50%;border:none;background-color:var(--spw-ds-primary);color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;font-size:1.25rem}.spw-slider__arrow:hover:not(:disabled){transform:scale(0.9)}.spw-slider__arrow:disabled{cursor:not-allowed;background-color:var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-400)}.spw-slider__arrow:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:0.5rem;z-index:10;background:white;box-shadow:var(--spw-effect-elevation-5);padding:8px;border-radius:999px}.spw-slider__dots--outside{position:relative;bottom:auto;left:auto;transform:none;box-shadow:none;display:inline-flex;border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-slider__dot{width:12px;height:12px;border-radius:50%;background:var(--spw-color-themes-grey-grey-300);cursor:pointer;border:none;transition:all 0.2s ease;padding:0}.spw-slider__dot:hover{transform:scale(1.2)}.spw-slider__dot--active{background-color:var(--spw-ds-primary)}.spw-slider__dot:focus-visible{outline:2px solid black;outline-offset:2px}.spw-slider__dots-container{display:flex;justify-content:center;margin-top:12px}.spw-slider__autoplay-toggle{margin-top:12px}'}},[257,"spw-slider",{showArrows:[4,"show-arrows"],showDots:[4,"show-dots"],showAutoplayToggle:[4,"show-autoplay-toggle"],autoplayInterval:[2,"autoplay-interval"],autoplayEnabled:[4,"autoplay-enabled"],autoplayText:[1,"autoplay-text"],arrowsPosition:[1,"arrows-position"],dotsPosition:[1,"dots-position"],nextSlideText:[1,"next-slide-text"],accAriaLabel:[1,"acc-aria-label"],previousSlideText:[1,"previous-slide-text"],hasFixedHeight:[4,"has-fixed-height"],activeIndex:[32],totalSlides:[32],currentHeight:[32],isAutoplayActive:[32]},[[1,"touchstart","handleTouchStart"],[0,"mousedown","handleMouseDown"],[0,"touchmove","handleTouchMove"],[1,"mousemove","handleMouseMove"],[1,"touchend","handleTouchEnd"],[1,"mouseup","handleMouseUp"],[1,"mouseleave","handleMouseLeave"],[0,"keydown","handleKeyDown"]]]),d=h,l=function(){"undefined"!=typeof customElements&&["spw-slider","spw-checkbox","spw-icon"].forEach((t=>{switch(t){case"spw-slider":customElements.get(n(t))||customElements.define(n(t),h);break;case"spw-checkbox":customElements.get(n(t))||a();break;case"spw-icon":customElements.get(n(t))||r()}}))};export{d as SpwSlider,l as defineCustomElement}
@@ -1 +1 @@
1
- import{p as e,H as t,h as o,a as s,t as i}from"./index.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.mainTitle="Restez connecté"}render(){return o(s,{key:"6ff94089395e7f04c18e6ef5a874d93f85756892"},o("div",{key:"c69878fbdf01d369993b8f78dc7acabb1dd93b33",class:"spw-socials"},o("div",{key:"5ac6c685042d450dacb44dc6407147a291ab219e",class:"spw-ds-container"},o("h2",{key:"4990f8ed609500bdc9e93e3ec484e5abb1a2caf9",class:"spw-socials__title"},this.mainTitle),o("div",{key:"f9d540af4a0c90a882a79cc0b53be1ae4d707015",class:"spw-socials__content"},o("slot",{key:"9d35b25004b30bed178be0dea7de3e5afb335881"})))))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-socials{padding:32px 0;text-align:center;border-top:1px solid var(--spw-colors-support-grey-grey-300);background:white}.spw-socials__title{font-size:20px;font-weight:700;margin-bottom:16px;color:var(--spw-color-shades-base-black)}.spw-socials__content{justify-content:center;display:flex;gap:24px}.spw-socials__content a{font-size:24px;color:var(--spw-color-shades-base-black)}.spw-socials__content a:hover{opacity:0.7;color:var(--spw-color-shades-base-black) !important}.spw-socials__content a:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-socials__content a:active{opacity:0.9;color:var(--spw-color-shades-base-black) !important}"}},[260,"spw-socials",{mainTitle:[1,"main-title"]}]),a=n,r=function(){"undefined"!=typeof customElements&&["spw-socials"].forEach((e=>{"spw-socials"===e&&(customElements.get(i(e))||customElements.define(i(e),n))}))};export{a as SpwSocials,r as defineCustomElement}
1
+ import{p as e,H as t,h as o,a as s,t as i}from"./index.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.mainTitle="Restez connecté"}render(){return o(s,{key:"37ed3a03b7350050ba217872a8a8ee9fcdb747b2"},o("div",{key:"887f4e81d701a19b99317dead5eacc7f11f64ac3",class:"spw-socials"},o("div",{key:"037ab94e4f7c748854fbc6375d282bcef10603f2",class:"spw-ds-container"},o("h2",{key:"4722c336fefac98c035b261e9e03823e6f548975",class:"spw-socials__title"},this.mainTitle),o("div",{key:"d3eb5112d91db92e9fff52e51339c31d6085fa9b",class:"spw-socials__content"},o("slot",{key:"535992ccec35ea2249f67c62491dda3defd40299"})))))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-socials{padding:32px 0;text-align:center;border-top:1px solid var(--spw-colors-support-grey-grey-300);background:white}.spw-socials__title{font-size:20px;font-weight:700;margin-bottom:16px;color:var(--spw-color-shades-base-black)}.spw-socials__content{justify-content:center;display:flex;gap:24px}.spw-socials__content a{font-size:24px;color:var(--spw-color-shades-base-black)}.spw-socials__content a:hover{opacity:0.7;color:var(--spw-color-shades-base-black) !important}.spw-socials__content a:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-socials__content a:active{opacity:0.9;color:var(--spw-color-shades-base-black) !important}"}},[260,"spw-socials",{mainTitle:[1,"main-title"]}]),a=n,r=function(){"undefined"!=typeof customElements&&["spw-socials"].forEach((e=>{"spw-socials"===e&&(customElements.get(i(e))||customElements.define(i(e),n))}))};export{a as SpwSocials,r as defineCustomElement}
@@ -1 +1 @@
1
- import{p as t,H as e,h as n,t as i}from"./index.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isZebra=!1}componentDidLoad(){this.updateZebraStyles(),this.setupSlotListener()}setupSlotListener(){var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");e&&e.addEventListener("slotchange",(()=>{this.updateZebraStyles()}))}async updateZebraStyles(){if(!this.isZebra)return;const t=this.el.shadowRoot.querySelector("slot");if(!t)return;const e=t.assignedElements({flatten:!0});let n=0;e.forEach((t=>{"spw-table-row"===t.tagName.toLowerCase()&&(t.setAttribute("data-row-style",n%2==0?"even":"odd"),n++)}))}render(){return n("tbody",{key:"8eca6f932be8e3f41d7f5ab71ec74f998c79ef7b",part:"tbody"},n("slot",{key:"c61936337141cce8f2cc73dffd117b6cf01e5bca"}))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}@media (max-width: 767px){tbody{display:block}}"}},[257,"spw-table-body",{isZebra:[516,"is-zebra"],updateZebraStyles:[64]}]),s=o,a=function(){"undefined"!=typeof customElements&&["spw-table-body"].forEach((t=>{"spw-table-body"===t&&(customElements.get(i(t))||customElements.define(i(t),o))}))};export{s as SpwTableBody,a as defineCustomElement}
1
+ import{p as t,H as e,h as n,t as i}from"./index.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isZebra=!1}componentDidLoad(){this.updateZebraStyles(),this.setupSlotListener()}setupSlotListener(){var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");e&&e.addEventListener("slotchange",(()=>{this.updateZebraStyles()}))}async updateZebraStyles(){if(!this.isZebra)return;const t=this.el.shadowRoot.querySelector("slot");if(!t)return;const e=t.assignedElements({flatten:!0});let n=0;e.forEach((t=>{"spw-table-row"===t.tagName.toLowerCase()&&(t.setAttribute("data-row-style",n%2==0?"even":"odd"),n++)}))}render(){return n("tbody",{key:"a9e204e735c6df8af028d0973e6e9d093b724d1f",part:"tbody"},n("slot",{key:"d4ef5fb72710dba922b4ee232b83dc34c4c85fce"}))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}@media (max-width: 767px){tbody{display:block}}"}},[257,"spw-table-body",{isZebra:[516,"is-zebra"],updateZebraStyles:[64]}]),s=o,a=function(){"undefined"!=typeof customElements&&["spw-table-body"].forEach((t=>{"spw-table-body"===t&&(customElements.get(i(t))||customElements.define(i(t),o))}))};export{s as SpwTableBody,a as defineCustomElement}