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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (491) hide show
  1. package/dist/cem.json +180 -2
  2. package/dist/cjs/{index-B9VTdKwF.js → index-id_AkABS.js} +3 -7
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/spw-accordion_4.cjs.entry.js +1 -1
  5. package/dist/cjs/spw-avatar.cjs.entry.js +1 -1
  6. package/dist/cjs/spw-block-content.cjs.entry.js +2 -2
  7. package/dist/cjs/spw-box.cjs.entry.js +1 -1
  8. package/dist/cjs/spw-breadcrumb-item.cjs.entry.js +1 -1
  9. package/dist/cjs/spw-breadcrumb.cjs.entry.js +1 -1
  10. package/dist/cjs/spw-button_2.cjs.entry.js +2 -2
  11. package/dist/cjs/spw-card-content.cjs.entry.js +2 -2
  12. package/dist/cjs/spw-card-excerpt.cjs.entry.js +1 -1
  13. package/dist/cjs/spw-card-image.cjs.entry.js +5 -3
  14. package/dist/cjs/spw-card-subtag-item.cjs.entry.js +1 -1
  15. package/dist/cjs/spw-card-subtags.cjs.entry.js +1 -1
  16. package/dist/cjs/spw-card-title.cjs.entry.js +1 -1
  17. package/dist/cjs/spw-card.cjs.entry.js +3 -3
  18. package/dist/cjs/spw-checkbox.cjs.entry.js +2 -2
  19. package/dist/cjs/spw-cookies.cjs.entry.js +1 -1
  20. package/dist/cjs/spw-custom-select.cjs.entry.js +1 -1
  21. package/dist/cjs/spw-date-picker.cjs.entry.js +1 -1
  22. package/dist/cjs/spw-dropdown-container.cjs.entry.js +1 -1
  23. package/dist/cjs/spw-dropdown-item.cjs.entry.js +1 -1
  24. package/dist/cjs/spw-dropdown.cjs.entry.js +1 -1
  25. package/dist/cjs/{spw-field-label_7.cjs.entry.js → spw-field-label_8.cjs.entry.js} +100 -29
  26. package/dist/cjs/spw-file-upload.cjs.entry.js +1 -1
  27. package/dist/cjs/spw-footer-bottom.cjs.entry.js +2 -2
  28. package/dist/cjs/spw-footer-content-col.cjs.entry.js +7 -3
  29. package/dist/cjs/spw-footer-content.cjs.entry.js +1 -1
  30. package/dist/cjs/spw-footer-link.cjs.entry.js +3 -3
  31. package/dist/cjs/spw-footer.cjs.entry.js +1 -1
  32. package/dist/cjs/spw-grid-item.cjs.entry.js +3 -3
  33. package/dist/cjs/spw-grid.cjs.entry.js +3 -3
  34. package/dist/cjs/spw-header-lang.cjs.entry.js +2 -2
  35. package/dist/cjs/spw-header-navigation-dropdown.cjs.entry.js +2 -2
  36. package/dist/cjs/spw-header-navigation-item.cjs.entry.js +3 -3
  37. package/dist/cjs/spw-header-navigation.cjs.entry.js +2 -2
  38. package/dist/cjs/spw-header-persona-item.cjs.entry.js +2 -2
  39. package/dist/cjs/spw-header-persona.cjs.entry.js +3 -3
  40. package/dist/cjs/spw-header.cjs.entry.js +5 -3
  41. package/dist/cjs/spw-hero.cjs.entry.js +4 -4
  42. package/dist/cjs/spw-illustration.cjs.entry.js +1 -1
  43. package/dist/cjs/spw-input-slider.cjs.entry.js +2 -2
  44. package/dist/cjs/spw-lightbox-item.cjs.entry.js +5 -3
  45. package/dist/cjs/spw-lightbox.cjs.entry.js +18 -4
  46. package/dist/cjs/spw-list-description.cjs.entry.js +2 -2
  47. package/dist/cjs/spw-list-item.cjs.entry.js +2 -2
  48. package/dist/cjs/spw-list-title.cjs.entry.js +2 -2
  49. package/dist/cjs/spw-list.cjs.entry.js +2 -2
  50. package/dist/cjs/spw-message.cjs.entry.js +1 -1
  51. package/dist/cjs/spw-modal.cjs.entry.js +8 -4
  52. package/dist/cjs/spw-mosaic-item.cjs.entry.js +2 -2
  53. package/dist/cjs/spw-mosaic.cjs.entry.js +2 -2
  54. package/dist/cjs/spw-pagination.cjs.entry.js +7 -7
  55. package/dist/cjs/spw-radio.cjs.entry.js +3 -3
  56. package/dist/cjs/spw-scrolltop.cjs.entry.js +2 -2
  57. package/dist/cjs/spw-search-field.cjs.entry.js +1 -1
  58. package/dist/cjs/spw-select.cjs.entry.js +1 -1
  59. package/dist/cjs/spw-sidebar-navigation-dropdown.cjs.entry.js +2 -2
  60. package/dist/cjs/spw-sidebar-navigation-item.cjs.entry.js +4 -4
  61. package/dist/cjs/spw-sidebar-navigation-separator.cjs.entry.js +2 -2
  62. package/dist/cjs/spw-sidebar.cjs.entry.js +2 -2
  63. package/dist/cjs/spw-skeleton.cjs.entry.js +2 -2
  64. package/dist/cjs/spw-slider-item.cjs.entry.js +2 -2
  65. package/dist/cjs/spw-slider.cjs.entry.js +13 -5
  66. package/dist/cjs/spw-socials.cjs.entry.js +2 -2
  67. package/dist/cjs/spw-stencil-library.cjs.js +2 -2
  68. package/dist/cjs/spw-table-body.cjs.entry.js +2 -2
  69. package/dist/cjs/spw-table-cell.cjs.entry.js +2 -2
  70. package/dist/cjs/spw-table-container.cjs.entry.js +2 -2
  71. package/dist/cjs/spw-table-footer.cjs.entry.js +2 -2
  72. package/dist/cjs/spw-table-head.cjs.entry.js +2 -2
  73. package/dist/cjs/spw-table-header.cjs.entry.js +3 -3
  74. package/dist/cjs/spw-table-row.cjs.entry.js +2 -2
  75. package/dist/cjs/spw-table-sidebar.cjs.entry.js +2 -2
  76. package/dist/cjs/spw-table.cjs.entry.js +1 -1
  77. package/dist/cjs/spw-tabs-content.cjs.entry.js +1 -1
  78. package/dist/cjs/spw-tabs-navigation-item.cjs.entry.js +2 -2
  79. package/dist/cjs/spw-tabs-navigation.cjs.entry.js +3 -3
  80. package/dist/cjs/spw-tabs.cjs.entry.js +2 -2
  81. package/dist/cjs/spw-tag.cjs.entry.js +2 -2
  82. package/dist/cjs/spw-text-field.cjs.entry.js +2 -2
  83. package/dist/cjs/spw-textarea.cjs.entry.js +2 -2
  84. package/dist/cjs/spw-tile-description.cjs.entry.js +2 -2
  85. package/dist/cjs/spw-tile-title.cjs.entry.js +2 -2
  86. package/dist/cjs/spw-tile.cjs.entry.js +2 -2
  87. package/dist/cjs/spw-timeline-item.cjs.entry.js +3 -3
  88. package/dist/cjs/spw-timeline.cjs.entry.js +3 -3
  89. package/dist/cjs/spw-toast-controller.cjs.entry.js +1 -1
  90. package/dist/cjs/spw-toast.cjs.entry.js +1 -1
  91. package/dist/cjs/spw-toc-container.cjs.entry.js +1 -1
  92. package/dist/cjs/spw-toc-navigation.cjs.entry.js +1 -1
  93. package/dist/cjs/spw-toc.cjs.entry.js +2 -2
  94. package/dist/cjs/spw-topbar.cjs.entry.js +2 -2
  95. package/dist/cjs/spw-wizard-item.cjs.entry.js +2 -2
  96. package/dist/cjs/spw-wizard.cjs.entry.js +2 -2
  97. package/dist/collection/components/spw-block-content/spw-block-content.css +6 -6
  98. package/dist/collection/components/spw-card/spw-card-content/spw-card-content.css +15 -0
  99. package/dist/collection/components/spw-card/spw-card-image/spw-card-image.css +17 -0
  100. package/dist/collection/components/spw-card/spw-card-image/spw-card-image.js +25 -1
  101. package/dist/collection/components/spw-card/spw-card.css +12 -0
  102. package/dist/collection/components/spw-card/spw-card.js +3 -3
  103. package/dist/collection/components/spw-checkbox/spw-checkbox.css +1 -1
  104. package/dist/collection/components/spw-footer/spw-footer-bottom/spw-footer-bottom.css +3 -1
  105. package/dist/collection/components/spw-footer/spw-footer-content-col/spw-footer-content-col.css +35 -0
  106. package/dist/collection/components/spw-footer/spw-footer-content-col/spw-footer-content-col.js +12 -1
  107. package/dist/collection/components/spw-footer/spw-footer-link/spw-footer-link.css +3 -1
  108. package/dist/collection/components/spw-footer/spw-footer-link/spw-footer-link.js +1 -1
  109. package/dist/collection/components/spw-grid/spw-grid-item/spw-grid-item.js +2 -2
  110. package/dist/collection/components/spw-grid/spw-grid.js +2 -2
  111. package/dist/collection/components/spw-group/spw-group.css +4 -0
  112. package/dist/collection/components/spw-group/spw-group.js +149 -13
  113. package/dist/collection/components/spw-header/spw-header-lang/spw-header-lang.js +1 -1
  114. package/dist/collection/components/spw-header/spw-header-navigation/spw-header-navigation.js +1 -1
  115. package/dist/collection/components/spw-header/spw-header-navigation-dropdown/spw-header-navigation-dropdown.js +1 -1
  116. package/dist/collection/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.css +10 -0
  117. package/dist/collection/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.js +1 -1
  118. package/dist/collection/components/spw-header/spw-header-persona/spw-header-persona.css +19 -4
  119. package/dist/collection/components/spw-header/spw-header-persona/spw-header-persona.js +1 -1
  120. package/dist/collection/components/spw-header/spw-header-persona-item/spw-header-persona-item.js +1 -1
  121. package/dist/collection/components/spw-header/spw-header.css +5 -0
  122. package/dist/collection/components/spw-header/spw-header.js +23 -1
  123. package/dist/collection/components/spw-hero/spw-hero.js +3 -3
  124. package/dist/collection/components/spw-input-slider/spw-input-slider.js +1 -1
  125. package/dist/collection/components/spw-lightbox/spw-lightbox-item/spw-lightbox-item.css +35 -9
  126. package/dist/collection/components/spw-lightbox/spw-lightbox-item/spw-lightbox-item.js +23 -1
  127. package/dist/collection/components/spw-lightbox/spw-lightbox.css +1 -1
  128. package/dist/collection/components/spw-lightbox/spw-lightbox.js +16 -2
  129. package/dist/collection/components/spw-link/spw-link.js +1 -1
  130. package/dist/collection/components/spw-list/spw-list-description/spw-list-description.js +1 -1
  131. package/dist/collection/components/spw-list/spw-list-item/spw-list-item.js +1 -1
  132. package/dist/collection/components/spw-list/spw-list-title/spw-list-title.js +1 -1
  133. package/dist/collection/components/spw-list/spw-list.js +1 -1
  134. package/dist/collection/components/spw-loading/spw-loading.js +1 -1
  135. package/dist/collection/components/spw-modal/spw-modal.js +7 -3
  136. package/dist/collection/components/spw-mosaic/spw-mosaic-item/spw-mosaic-item.js +1 -1
  137. package/dist/collection/components/spw-mosaic/spw-mosaic.js +1 -1
  138. package/dist/collection/components/spw-pagination/spw-pagination.js +6 -6
  139. package/dist/collection/components/spw-radio/spw-radio.css +1 -1
  140. package/dist/collection/components/spw-radio/spw-radio.js +1 -1
  141. package/dist/collection/components/spw-scrolltop/spw-scrolltop.js +1 -1
  142. package/dist/collection/components/spw-separator/spw-separator.js +1 -1
  143. package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-dropdown/spw-sidebar-navigation-dropdown.js +1 -1
  144. package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.js +3 -3
  145. package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-separator/spw-sidebar-navigation-separator.js +1 -1
  146. package/dist/collection/components/spw-sidebar/spw-sidebar.js +1 -1
  147. package/dist/collection/components/spw-skeleton/spw-skeleton.js +1 -1
  148. package/dist/collection/components/spw-slider/spw-slider-item/spw-slider-item.js +1 -1
  149. package/dist/collection/components/spw-slider/spw-slider.css +15 -0
  150. package/dist/collection/components/spw-slider/spw-slider.js +31 -3
  151. package/dist/collection/components/spw-socials/spw-socials.js +1 -1
  152. package/dist/collection/components/spw-table/spw-table-body/spw-table-body.js +1 -1
  153. package/dist/collection/components/spw-table/spw-table-cell/spw-table-cell.js +1 -1
  154. package/dist/collection/components/spw-table/spw-table-container/spw-table-container.js +1 -1
  155. package/dist/collection/components/spw-table/spw-table-footer/spw-table-footer.js +1 -1
  156. package/dist/collection/components/spw-table/spw-table-head/spw-table-head.js +1 -1
  157. package/dist/collection/components/spw-table/spw-table-header/spw-table-header.js +2 -2
  158. package/dist/collection/components/spw-table/spw-table-row/spw-table-row.js +1 -1
  159. package/dist/collection/components/spw-table/spw-table-sidebar/spw-table-sidebar.js +1 -1
  160. package/dist/collection/components/spw-tabs/spw-tabs-navigation/spw-tabs-navigation.css +4 -1
  161. package/dist/collection/components/spw-tabs/spw-tabs-navigation/spw-tabs-navigation.js +1 -1
  162. package/dist/collection/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.js +1 -1
  163. package/dist/collection/components/spw-tabs/spw-tabs.js +1 -1
  164. package/dist/collection/components/spw-tag/spw-tag.js +1 -1
  165. package/dist/collection/components/spw-text-field/spw-text-field.js +1 -1
  166. package/dist/collection/components/spw-textarea/spw-textarea.js +1 -1
  167. package/dist/collection/components/spw-theme-provider/spw-theme-provider.js +1 -1
  168. package/dist/collection/components/spw-tile/spw-tile-description/spw-tile-description.js +1 -1
  169. package/dist/collection/components/spw-tile/spw-tile-title/spw-tile-title.js +1 -1
  170. package/dist/collection/components/spw-tile/spw-tile.js +1 -1
  171. package/dist/collection/components/spw-timeline/spw-timeline-item/spw-timeline-item.js +2 -2
  172. package/dist/collection/components/spw-timeline/spw-timeline.js +2 -2
  173. package/dist/collection/components/spw-toc/spw-toc.js +1 -1
  174. package/dist/collection/components/spw-tooltip/spw-tooltip.js +1 -1
  175. package/dist/collection/components/spw-topbar/spw-topbar.js +1 -1
  176. package/dist/collection/components/spw-wizard/spw-wizard-item/spw-wizard-item.js +1 -1
  177. package/dist/collection/components/spw-wizard/spw-wizard.js +1 -1
  178. package/dist/collection/stories/organisms/spw-card/spw-card.stories.js +58 -1
  179. package/dist/collection/stories/organisms/spw-group/spw-group.stories.js +113 -3
  180. package/dist/collection/stories/organisms/spw-lightbox/spw-lightbox.stories.js +623 -0
  181. package/dist/collection/stories/organisms/spw-slider/spw-slider.stories.js +142 -6
  182. package/dist/components/index.js +1 -1
  183. package/dist/components/{p-D0jLTe4Y.js → p-1uE1Qo3N.js} +1 -1
  184. package/dist/components/{p-BNVh4npd.js → p-BpRPVStK.js} +1 -1
  185. package/dist/components/{p-D2bR89OY.js → p-BwzaPX9J.js} +1 -1
  186. package/dist/components/{p-CyuzNTuL.js → p-CCD1i9Et.js} +1 -1
  187. package/dist/components/{p-BqEbo61A.js → p-CT9zdtB2.js} +1 -1
  188. package/dist/components/{p-lA7JXY3H.js → p-Ce4aFl4t.js} +1 -1
  189. package/dist/components/{p-w411zfAm.js → p-CfyijrJ8.js} +1 -1
  190. package/dist/components/{p-D3lAXshq.js → p-CnGo7W4h.js} +1 -1
  191. package/dist/components/{p-CNmnvMAU.js → p-rvgnHRf7.js} +1 -1
  192. package/dist/components/spw-block-content.js +1 -1
  193. package/dist/components/spw-breadcrumb-item.js +1 -1
  194. package/dist/components/spw-button.js +1 -1
  195. package/dist/components/spw-card-content.js +1 -1
  196. package/dist/components/spw-card-image.js +1 -1
  197. package/dist/components/spw-card.js +1 -1
  198. package/dist/components/spw-checkbox.js +1 -1
  199. package/dist/components/spw-cookies.js +1 -1
  200. package/dist/components/spw-custom-select.js +1 -1
  201. package/dist/components/spw-date-picker.js +1 -1
  202. package/dist/components/spw-field-label.js +1 -1
  203. package/dist/components/spw-file-upload.js +1 -1
  204. package/dist/components/spw-footer-bottom.js +1 -1
  205. package/dist/components/spw-footer-content-col.js +1 -1
  206. package/dist/components/spw-footer-link.js +1 -1
  207. package/dist/components/spw-grid-item.js +1 -1
  208. package/dist/components/spw-grid.js +1 -1
  209. package/dist/components/spw-group.js +1 -1
  210. package/dist/components/spw-header-lang.js +1 -1
  211. package/dist/components/spw-header-navigation-dropdown.js +1 -1
  212. package/dist/components/spw-header-navigation-item.js +1 -1
  213. package/dist/components/spw-header-navigation.js +1 -1
  214. package/dist/components/spw-header-persona-item.js +1 -1
  215. package/dist/components/spw-header-persona.js +1 -1
  216. package/dist/components/spw-header.js +1 -1
  217. package/dist/components/spw-hero.js +1 -1
  218. package/dist/components/spw-input-slider.js +1 -1
  219. package/dist/components/spw-lightbox-item.js +1 -1
  220. package/dist/components/spw-lightbox.js +1 -1
  221. package/dist/components/spw-link.js +1 -1
  222. package/dist/components/spw-list-description.js +1 -1
  223. package/dist/components/spw-list-item.js +1 -1
  224. package/dist/components/spw-list-title.js +1 -1
  225. package/dist/components/spw-list.js +1 -1
  226. package/dist/components/spw-loading.js +1 -1
  227. package/dist/components/spw-message.js +1 -1
  228. package/dist/components/spw-modal.js +1 -1
  229. package/dist/components/spw-mosaic-item.js +1 -1
  230. package/dist/components/spw-mosaic.js +4 -4
  231. package/dist/components/spw-pagination.js +1 -1
  232. package/dist/components/spw-radio.js +1 -1
  233. package/dist/components/spw-scrolltop.js +1 -1
  234. package/dist/components/spw-search-field.js +1 -1
  235. package/dist/components/spw-select.js +1 -1
  236. package/dist/components/spw-separator.js +1 -1
  237. package/dist/components/spw-sidebar-navigation-dropdown.js +1 -1
  238. package/dist/components/spw-sidebar-navigation-item.js +1 -1
  239. package/dist/components/spw-sidebar-navigation-separator.js +1 -1
  240. package/dist/components/spw-sidebar.js +1 -1
  241. package/dist/components/spw-skeleton.js +1 -1
  242. package/dist/components/spw-slider-item.js +1 -1
  243. package/dist/components/spw-slider.js +1 -1
  244. package/dist/components/spw-socials.js +1 -1
  245. package/dist/components/spw-table-body.js +1 -1
  246. package/dist/components/spw-table-cell.js +1 -1
  247. package/dist/components/spw-table-container.js +1 -1
  248. package/dist/components/spw-table-footer.js +1 -1
  249. package/dist/components/spw-table-head.js +1 -1
  250. package/dist/components/spw-table-header.js +1 -1
  251. package/dist/components/spw-table-row.js +1 -1
  252. package/dist/components/spw-table-sidebar.js +1 -1
  253. package/dist/components/spw-tabs-navigation-item.js +1 -1
  254. package/dist/components/spw-tabs-navigation.js +1 -1
  255. package/dist/components/spw-tabs.js +1 -1
  256. package/dist/components/spw-tag.js +1 -1
  257. package/dist/components/spw-text-field.js +1 -1
  258. package/dist/components/spw-textarea.js +1 -1
  259. package/dist/components/spw-theme-provider.js +1 -1
  260. package/dist/components/spw-tile-description.js +1 -1
  261. package/dist/components/spw-tile-title.js +1 -1
  262. package/dist/components/spw-tile.js +1 -1
  263. package/dist/components/spw-timeline-item.js +1 -1
  264. package/dist/components/spw-timeline.js +1 -1
  265. package/dist/components/spw-toc.js +1 -1
  266. package/dist/components/spw-tooltip.js +1 -1
  267. package/dist/components/spw-topbar.js +1 -1
  268. package/dist/components/spw-wizard-item.js +1 -1
  269. package/dist/components/spw-wizard.js +1 -1
  270. package/dist/components_json.json +295 -16
  271. package/dist/components_vscode.json +5107 -0
  272. package/dist/esm/{index-BU-5xOtc.js → index-BvJ4Kko5.js} +3 -7
  273. package/dist/esm/loader.js +3 -3
  274. package/dist/esm/spw-accordion_4.entry.js +1 -1
  275. package/dist/esm/spw-avatar.entry.js +1 -1
  276. package/dist/esm/spw-block-content.entry.js +2 -2
  277. package/dist/esm/spw-box.entry.js +1 -1
  278. package/dist/esm/spw-breadcrumb-item.entry.js +1 -1
  279. package/dist/esm/spw-breadcrumb.entry.js +1 -1
  280. package/dist/esm/spw-button_2.entry.js +2 -2
  281. package/dist/esm/spw-card-content.entry.js +2 -2
  282. package/dist/esm/spw-card-excerpt.entry.js +1 -1
  283. package/dist/esm/spw-card-image.entry.js +5 -3
  284. package/dist/esm/spw-card-subtag-item.entry.js +1 -1
  285. package/dist/esm/spw-card-subtags.entry.js +1 -1
  286. package/dist/esm/spw-card-title.entry.js +1 -1
  287. package/dist/esm/spw-card.entry.js +3 -3
  288. package/dist/esm/spw-checkbox.entry.js +2 -2
  289. package/dist/esm/spw-cookies.entry.js +1 -1
  290. package/dist/esm/spw-custom-select.entry.js +1 -1
  291. package/dist/esm/spw-date-picker.entry.js +1 -1
  292. package/dist/esm/spw-dropdown-container.entry.js +1 -1
  293. package/dist/esm/spw-dropdown-item.entry.js +1 -1
  294. package/dist/esm/spw-dropdown.entry.js +1 -1
  295. package/dist/esm/{spw-field-label_7.entry.js → spw-field-label_8.entry.js} +100 -30
  296. package/dist/esm/spw-file-upload.entry.js +1 -1
  297. package/dist/esm/spw-footer-bottom.entry.js +2 -2
  298. package/dist/esm/spw-footer-content-col.entry.js +7 -3
  299. package/dist/esm/spw-footer-content.entry.js +1 -1
  300. package/dist/esm/spw-footer-link.entry.js +3 -3
  301. package/dist/esm/spw-footer.entry.js +1 -1
  302. package/dist/esm/spw-grid-item.entry.js +3 -3
  303. package/dist/esm/spw-grid.entry.js +3 -3
  304. package/dist/esm/spw-header-lang.entry.js +2 -2
  305. package/dist/esm/spw-header-navigation-dropdown.entry.js +2 -2
  306. package/dist/esm/spw-header-navigation-item.entry.js +3 -3
  307. package/dist/esm/spw-header-navigation.entry.js +2 -2
  308. package/dist/esm/spw-header-persona-item.entry.js +2 -2
  309. package/dist/esm/spw-header-persona.entry.js +3 -3
  310. package/dist/esm/spw-header.entry.js +5 -3
  311. package/dist/esm/spw-hero.entry.js +4 -4
  312. package/dist/esm/spw-illustration.entry.js +1 -1
  313. package/dist/esm/spw-input-slider.entry.js +2 -2
  314. package/dist/esm/spw-lightbox-item.entry.js +5 -3
  315. package/dist/esm/spw-lightbox.entry.js +18 -4
  316. package/dist/esm/spw-list-description.entry.js +2 -2
  317. package/dist/esm/spw-list-item.entry.js +2 -2
  318. package/dist/esm/spw-list-title.entry.js +2 -2
  319. package/dist/esm/spw-list.entry.js +2 -2
  320. package/dist/esm/spw-message.entry.js +1 -1
  321. package/dist/esm/spw-modal.entry.js +8 -4
  322. package/dist/esm/spw-mosaic-item.entry.js +2 -2
  323. package/dist/esm/spw-mosaic.entry.js +2 -2
  324. package/dist/esm/spw-pagination.entry.js +7 -7
  325. package/dist/esm/spw-radio.entry.js +3 -3
  326. package/dist/esm/spw-scrolltop.entry.js +2 -2
  327. package/dist/esm/spw-search-field.entry.js +1 -1
  328. package/dist/esm/spw-select.entry.js +1 -1
  329. package/dist/esm/spw-sidebar-navigation-dropdown.entry.js +2 -2
  330. package/dist/esm/spw-sidebar-navigation-item.entry.js +4 -4
  331. package/dist/esm/spw-sidebar-navigation-separator.entry.js +2 -2
  332. package/dist/esm/spw-sidebar.entry.js +2 -2
  333. package/dist/esm/spw-skeleton.entry.js +2 -2
  334. package/dist/esm/spw-slider-item.entry.js +2 -2
  335. package/dist/esm/spw-slider.entry.js +13 -5
  336. package/dist/esm/spw-socials.entry.js +2 -2
  337. package/dist/esm/spw-stencil-library.js +3 -3
  338. package/dist/esm/spw-table-body.entry.js +2 -2
  339. package/dist/esm/spw-table-cell.entry.js +2 -2
  340. package/dist/esm/spw-table-container.entry.js +2 -2
  341. package/dist/esm/spw-table-footer.entry.js +2 -2
  342. package/dist/esm/spw-table-head.entry.js +2 -2
  343. package/dist/esm/spw-table-header.entry.js +3 -3
  344. package/dist/esm/spw-table-row.entry.js +2 -2
  345. package/dist/esm/spw-table-sidebar.entry.js +2 -2
  346. package/dist/esm/spw-table.entry.js +1 -1
  347. package/dist/esm/spw-tabs-content.entry.js +1 -1
  348. package/dist/esm/spw-tabs-navigation-item.entry.js +2 -2
  349. package/dist/esm/spw-tabs-navigation.entry.js +3 -3
  350. package/dist/esm/spw-tabs.entry.js +2 -2
  351. package/dist/esm/spw-tag.entry.js +2 -2
  352. package/dist/esm/spw-text-field.entry.js +2 -2
  353. package/dist/esm/spw-textarea.entry.js +2 -2
  354. package/dist/esm/spw-tile-description.entry.js +2 -2
  355. package/dist/esm/spw-tile-title.entry.js +2 -2
  356. package/dist/esm/spw-tile.entry.js +2 -2
  357. package/dist/esm/spw-timeline-item.entry.js +3 -3
  358. package/dist/esm/spw-timeline.entry.js +3 -3
  359. package/dist/esm/spw-toast-controller.entry.js +1 -1
  360. package/dist/esm/spw-toast.entry.js +1 -1
  361. package/dist/esm/spw-toc-container.entry.js +1 -1
  362. package/dist/esm/spw-toc-navigation.entry.js +1 -1
  363. package/dist/esm/spw-toc.entry.js +2 -2
  364. package/dist/esm/spw-topbar.entry.js +2 -2
  365. package/dist/esm/spw-wizard-item.entry.js +2 -2
  366. package/dist/esm/spw-wizard.entry.js +2 -2
  367. package/dist/spw-stencil-library/p-009759c5.entry.js +1 -0
  368. package/dist/spw-stencil-library/{p-a09e3914.entry.js → p-0a9288b5.entry.js} +1 -1
  369. package/dist/spw-stencil-library/{p-cdff9c53.entry.js → p-0bf4fb22.entry.js} +1 -1
  370. package/dist/spw-stencil-library/p-0ebf4d8c.entry.js +1 -0
  371. package/dist/spw-stencil-library/{p-a8d2e217.entry.js → p-0efd7784.entry.js} +1 -1
  372. package/dist/spw-stencil-library/{p-4504a51e.entry.js → p-153a026f.entry.js} +1 -1
  373. package/dist/spw-stencil-library/{p-f2aaa06a.entry.js → p-1875874e.entry.js} +1 -1
  374. package/dist/spw-stencil-library/{p-e86c4192.entry.js → p-1d5ff931.entry.js} +1 -1
  375. package/dist/spw-stencil-library/{p-32340c8d.entry.js → p-1fba6401.entry.js} +1 -1
  376. package/dist/spw-stencil-library/{p-ce6af096.entry.js → p-28a5d0bf.entry.js} +1 -1
  377. package/dist/spw-stencil-library/{p-56b73f04.entry.js → p-28e49d02.entry.js} +1 -1
  378. package/dist/spw-stencil-library/{p-1337adf5.entry.js → p-29695c41.entry.js} +1 -1
  379. package/dist/spw-stencil-library/{p-b218aeda.entry.js → p-2b182fc8.entry.js} +1 -1
  380. package/dist/spw-stencil-library/{p-8e8f253e.entry.js → p-2ce6dc02.entry.js} +1 -1
  381. package/dist/spw-stencil-library/{p-bd26c928.entry.js → p-2dda4dfe.entry.js} +1 -1
  382. package/dist/spw-stencil-library/{p-afb26e73.entry.js → p-30bd9c0a.entry.js} +1 -1
  383. package/dist/spw-stencil-library/{p-4265f6e5.entry.js → p-34cc819b.entry.js} +1 -1
  384. package/dist/spw-stencil-library/{p-e5579295.entry.js → p-35b865cf.entry.js} +1 -1
  385. package/dist/spw-stencil-library/{p-4a8766cc.entry.js → p-37c6153e.entry.js} +1 -1
  386. package/dist/spw-stencil-library/{p-6dabae01.entry.js → p-38a53864.entry.js} +1 -1
  387. package/dist/spw-stencil-library/{p-404a11b2.entry.js → p-3ccb9c03.entry.js} +1 -1
  388. package/dist/spw-stencil-library/{p-910755a9.entry.js → p-3f195a1c.entry.js} +1 -1
  389. package/dist/spw-stencil-library/{p-311be1c9.entry.js → p-3fbc7bba.entry.js} +1 -1
  390. package/dist/spw-stencil-library/{p-05378ed8.entry.js → p-416f6040.entry.js} +1 -1
  391. package/dist/spw-stencil-library/{p-1bdcb44c.entry.js → p-45af74a9.entry.js} +1 -1
  392. package/dist/spw-stencil-library/{p-3cee0356.entry.js → p-474cbbca.entry.js} +1 -1
  393. package/dist/spw-stencil-library/{p-eda2cbd9.entry.js → p-4904c883.entry.js} +1 -1
  394. package/dist/spw-stencil-library/{p-b1b6f3cb.entry.js → p-49b99541.entry.js} +1 -1
  395. package/dist/spw-stencil-library/{p-ff26da9e.entry.js → p-4dd215d6.entry.js} +1 -1
  396. package/dist/spw-stencil-library/{p-4f163e66.entry.js → p-50ccad8a.entry.js} +1 -1
  397. package/dist/spw-stencil-library/p-525c4149.entry.js +1 -0
  398. package/dist/spw-stencil-library/{p-50bf3984.entry.js → p-52fe32c2.entry.js} +1 -1
  399. package/dist/spw-stencil-library/{p-dee97ef5.entry.js → p-5601a46f.entry.js} +1 -1
  400. package/dist/spw-stencil-library/{p-79c6f599.entry.js → p-5b520d03.entry.js} +1 -1
  401. package/dist/spw-stencil-library/p-5d77d128.entry.js +1 -0
  402. package/dist/spw-stencil-library/{p-8901c312.entry.js → p-6194071c.entry.js} +1 -1
  403. package/dist/spw-stencil-library/{p-03addc15.entry.js → p-61b5224c.entry.js} +1 -1
  404. package/dist/spw-stencil-library/{p-7a3131fa.entry.js → p-66da29be.entry.js} +1 -1
  405. package/dist/spw-stencil-library/{p-31035d04.entry.js → p-6908b401.entry.js} +1 -1
  406. package/dist/spw-stencil-library/{p-dcd5fa8d.entry.js → p-693b980f.entry.js} +1 -1
  407. package/dist/spw-stencil-library/{p-b3152418.entry.js → p-6b6f4a62.entry.js} +1 -1
  408. package/dist/spw-stencil-library/{p-9ee8fd30.entry.js → p-7217cd99.entry.js} +1 -1
  409. package/dist/spw-stencil-library/{p-66b30373.entry.js → p-732b2f4c.entry.js} +1 -1
  410. package/dist/spw-stencil-library/{p-d2cabbe3.entry.js → p-74a9d177.entry.js} +1 -1
  411. package/dist/spw-stencil-library/{p-38f286b7.entry.js → p-778c6591.entry.js} +1 -1
  412. package/dist/spw-stencil-library/{p-e96bccc1.entry.js → p-7bd15d1e.entry.js} +1 -1
  413. package/dist/spw-stencil-library/{p-9b28f86c.entry.js → p-7c4f53c3.entry.js} +1 -1
  414. package/dist/spw-stencil-library/{p-94158325.entry.js → p-7ccef87e.entry.js} +1 -1
  415. package/dist/spw-stencil-library/{p-9ddfa4ef.entry.js → p-7db10e21.entry.js} +1 -1
  416. package/dist/spw-stencil-library/{p-024a26e8.entry.js → p-7fc6757a.entry.js} +1 -1
  417. package/dist/spw-stencil-library/{p-f880da57.entry.js → p-8063aa58.entry.js} +1 -1
  418. package/dist/spw-stencil-library/{p-f7b152f7.entry.js → p-80c24670.entry.js} +1 -1
  419. package/dist/spw-stencil-library/{p-6ea95517.entry.js → p-81927404.entry.js} +1 -1
  420. package/dist/spw-stencil-library/{p-699e435e.entry.js → p-82883102.entry.js} +1 -1
  421. package/dist/spw-stencil-library/{p-47ee3609.entry.js → p-82aa983b.entry.js} +1 -1
  422. package/dist/spw-stencil-library/{p-1eb101b8.entry.js → p-84c41619.entry.js} +1 -1
  423. package/dist/spw-stencil-library/{p-5631f2de.entry.js → p-862fdbdb.entry.js} +1 -1
  424. package/dist/spw-stencil-library/{p-1cd657f6.entry.js → p-8bb6a14d.entry.js} +1 -1
  425. package/dist/spw-stencil-library/{p-f43e54c9.entry.js → p-8bbea8cb.entry.js} +1 -1
  426. package/dist/spw-stencil-library/{p-7ae08cea.entry.js → p-8c750816.entry.js} +1 -1
  427. package/dist/spw-stencil-library/{p-dc802ca2.entry.js → p-90067a27.entry.js} +1 -1
  428. package/dist/spw-stencil-library/{p-123bfbc0.entry.js → p-98e59a94.entry.js} +1 -1
  429. package/dist/spw-stencil-library/{p-e1c2b8f8.entry.js → p-9ccc1685.entry.js} +1 -1
  430. package/dist/spw-stencil-library/p-BvJ4Kko5.js +2 -0
  431. package/dist/spw-stencil-library/{p-b53d9fdb.entry.js → p-a3ee7134.entry.js} +1 -1
  432. package/dist/spw-stencil-library/{p-e7115b5c.entry.js → p-a51ad71d.entry.js} +1 -1
  433. package/dist/spw-stencil-library/{p-3703f96f.entry.js → p-a585320e.entry.js} +1 -1
  434. package/dist/spw-stencil-library/p-a6250c87.entry.js +1 -0
  435. package/dist/spw-stencil-library/{p-ac6f9351.entry.js → p-a6fb9fd7.entry.js} +1 -1
  436. package/dist/spw-stencil-library/p-a80a9482.entry.js +1 -0
  437. package/dist/spw-stencil-library/p-ada5d5c1.entry.js +1 -0
  438. package/dist/spw-stencil-library/{p-98f51dbc.entry.js → p-b106fb83.entry.js} +1 -1
  439. package/dist/spw-stencil-library/{p-daf0d53e.entry.js → p-b125ec4f.entry.js} +1 -1
  440. package/dist/spw-stencil-library/{p-fbbacf1e.entry.js → p-b1ccc7eb.entry.js} +1 -1
  441. package/dist/spw-stencil-library/{p-da0a8272.entry.js → p-bb192c0e.entry.js} +1 -1
  442. package/dist/spw-stencil-library/{p-074758e0.entry.js → p-c18a3d8a.entry.js} +1 -1
  443. package/dist/spw-stencil-library/{p-82b5e1a1.entry.js → p-c660aab1.entry.js} +1 -1
  444. package/dist/spw-stencil-library/p-ca225328.entry.js +1 -0
  445. package/dist/spw-stencil-library/{p-a7b665db.entry.js → p-ce07d59f.entry.js} +2 -2
  446. package/dist/spw-stencil-library/{p-2fb76b1e.entry.js → p-d004b229.entry.js} +1 -1
  447. package/dist/spw-stencil-library/p-d2dfe51b.entry.js +1 -0
  448. package/dist/spw-stencil-library/{p-deca1884.entry.js → p-d35874ea.entry.js} +1 -1
  449. package/dist/spw-stencil-library/{p-3374ac92.entry.js → p-d41080ab.entry.js} +1 -1
  450. package/dist/spw-stencil-library/{p-b15db228.entry.js → p-e0ce83c2.entry.js} +1 -1
  451. package/dist/spw-stencil-library/{p-e4710721.entry.js → p-eeacd7b2.entry.js} +1 -1
  452. package/dist/spw-stencil-library/{p-df311267.entry.js → p-f1baf303.entry.js} +1 -1
  453. package/dist/spw-stencil-library/{p-1cd68465.entry.js → p-f1ecd17e.entry.js} +1 -1
  454. package/dist/spw-stencil-library/{p-bebfe3cd.entry.js → p-f20b2da0.entry.js} +1 -1
  455. package/dist/spw-stencil-library/{p-5ac48320.entry.js → p-f5d2d168.entry.js} +1 -1
  456. package/dist/spw-stencil-library/{p-7fe2e659.entry.js → p-fbe8dc29.entry.js} +1 -1
  457. package/dist/spw-stencil-library/{p-543d3e89.entry.js → p-fc96be97.entry.js} +1 -1
  458. package/dist/spw-stencil-library/{p-c41fe381.entry.js → p-fd564976.entry.js} +1 -1
  459. package/dist/spw-stencil-library/{p-bfd908c9.entry.js → p-ff289cc8.entry.js} +1 -1
  460. package/dist/spw-stencil-library/spw-stencil-library.css +1 -1
  461. package/dist/spw-stencil-library/spw-stencil-library.esm.js +1 -1
  462. package/dist/stats.json +19468 -22146
  463. package/dist/types/components/spw-card/spw-card-image/spw-card-image.d.ts +2 -0
  464. package/dist/types/components/spw-card/spw-card.d.ts +1 -1
  465. package/dist/types/components/spw-footer/spw-footer-content-col/spw-footer-content-col.d.ts +2 -0
  466. package/dist/types/components/spw-group/spw-group.d.ts +13 -1
  467. package/dist/types/components/spw-header/spw-header.d.ts +2 -0
  468. package/dist/types/components/spw-lightbox/spw-lightbox-item/spw-lightbox-item.d.ts +2 -0
  469. package/dist/types/components/spw-lightbox/spw-lightbox.d.ts +3 -0
  470. package/dist/types/components/spw-slider/spw-slider.d.ts +3 -0
  471. package/dist/types/components.d.ts +100 -3
  472. package/dist/types/stories/organisms/spw-card/spw-card.stories.d.ts +2 -1
  473. package/dist/types/stories/organisms/spw-group/spw-group.stories.d.ts +6 -1
  474. package/dist/types/stories/organisms/spw-lightbox/spw-lightbox.stories.d.ts +16 -0
  475. package/dist/types/stories/organisms/spw-slider/spw-slider.stories.d.ts +8 -1
  476. package/hydrate/index.js +208 -126
  477. package/hydrate/index.mjs +208 -126
  478. package/package.json +1 -1
  479. package/dist/cjs/spw-field-message.cjs.entry.js +0 -39
  480. package/dist/esm/spw-field-message.entry.js +0 -37
  481. package/dist/spw-stencil-library/p-0583eb9e.entry.js +0 -1
  482. package/dist/spw-stencil-library/p-0fbae5ce.entry.js +0 -1
  483. package/dist/spw-stencil-library/p-170c4262.entry.js +0 -1
  484. package/dist/spw-stencil-library/p-49be0d9e.entry.js +0 -1
  485. package/dist/spw-stencil-library/p-79f8babf.entry.js +0 -1
  486. package/dist/spw-stencil-library/p-7ffe8116.entry.js +0 -1
  487. package/dist/spw-stencil-library/p-BU-5xOtc.js +0 -2
  488. package/dist/spw-stencil-library/p-be220196.entry.js +0 -1
  489. package/dist/spw-stencil-library/p-c5824697.entry.js +0 -1
  490. package/dist/spw-stencil-library/p-e0b50329.entry.js +0 -1
  491. package/dist/spw-stencil-library/p-e7dbe743.entry.js +0 -1
@@ -1 +1 @@
1
- import{p as e,H as t,h as i,t as o}from"./index.js";import{d as a}from"./p-oVOlDrOp.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}componentDidLoad(){const e=this.el.closest("spw-card");e&&(e.addEventListener("mouseenter",(()=>this.onCardHover(!0))),e.addEventListener("mouseleave",(()=>this.onCardHover(!1))))}onCardHover(e){const t=this.el.shadowRoot.querySelector(".spw-card-image");t&&(e?t.classList.add("--is-hovered"):t.classList.remove("--is-hovered"))}get hasRatio(){return!!(this.ratio||this.ratioMobile||this.ratioTablet||this.ratioDesktop)}get elementClass(){return{"spw-card-image":!0,"spw-card-image--ratio":this.hasRatio}}render(){const e={};return this.ratio&&(e["--spw-card-image-ratio"]=this.ratio,e["--spw-card-image-ratio-mobile"]=this.ratio,e["--spw-card-image-ratio-tablet"]=this.ratio,e["--spw-card-image-ratio-desktop"]=this.ratio),this.ratioMobile&&(e["--spw-card-image-ratio-mobile"]=this.ratioMobile),this.ratioTablet&&(e["--spw-card-image-ratio-tablet"]=this.ratioTablet),this.ratioDesktop&&(e["--spw-card-image-ratio-desktop"]=this.ratioDesktop),this.imagePosition&&(e["--spw-card-image-object-position"]=this.imagePosition),this.imageFit&&(e["--spw-card-image-object-fit"]=this.imageFit),i("div",{key:"4068c0b001f0e42e24f1310fbc1eac023e544b91",class:this.elementClass,style:e},this.label&&i("span",{key:"7413245a62cae16674a7dd0f5bd201b3011c9356",class:"spw-card-image__label"},this.label),i("slot",{key:"39c2c73eaa4323575d525fe664203200f90dd8c1"}),i("div",{key:"0bd09043e8f6ed6fecbd3ebe3d8ba9b1bf683a59",class:"spw-card-image__icon"},i("spw-icon",{key:"15c00a9fc5ece402f8a81297fadf83475dd027cf",icon:"fa-plus"})))}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)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--video):after,:host(.--highlighted):after{content:"";background:black;opacity:0.4;transition:all linear 0.2s;border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%}:host{width:100%;line-height:1;--spw-card-image-display:block}:host(.--people){width:112px;max-width:112px}.spw-card-image{position:relative;overflow:hidden;border-radius:5px 5px 0 0;display:var(--spw-card-image-display)}:host(.--vertical) .spw-card-image,:host(.--event) .spw-card-image{border-radius:5px 0 0 5px}:host(.--highlighted) .spw-card-image,:host(.--people) .spw-card-image{border-radius:5px}:host(.--video) .spw-card-image,:host(.--sidebar) .spw-card-image{border-radius:5px}.spw-card-image ::slotted(img),.spw-card-image img{width:100%;height:auto;transition:all 0.3s ease;transform-origin:center center}.spw-card-image--ratio{aspect-ratio:var(--spw-card-image-ratio-mobile, var(--spw-card-image-ratio))}@media (min-width: 768px){.spw-card-image--ratio{aspect-ratio:var(--spw-card-image-ratio-tablet, var(--spw-card-image-ratio))}}@media (min-width: 1024px){.spw-card-image--ratio{aspect-ratio:var(--spw-card-image-ratio-desktop, var(--spw-card-image-ratio))}}.spw-card-image--ratio ::slotted(img),.spw-card-image--ratio img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:var(--spw-card-image-object-fit, cover);object-position:var(--spw-card-image-object-position, center)}.spw-card-image__icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.4}.spw-card-image__icon{position:absolute;z-index:2;display:flex;visibility:hidden;width:100%;height:100%;font-size:30px;font-weight:300;opacity:0;top:0;left:0;color:white;justify-content:center;align-items:center;transition:all 0.3s ease}.spw-card-image__icon spw-icon{transform:scale(1.5);transition:all 0.3s ease}.spw-card-image__label{position:absolute;top:10px;right:10px;display:inline-flex;padding:8px 12px;align-items:center;border-radius:9999px;color:var(--spw-color-themes-grey-grey-900);box-shadow:var(--spw-effect-elevation-3);font-size:14px;background:var(--spw-ds-white);z-index:3;line-height:1}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon{visibility:visible;opacity:1}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon spw-icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon spw-icon{transform:scale(1)}:host(.--hovered:not(.--video)) .spw-card-image ::slotted(img),:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered ::slotted(img){transform:scale(1.1)}:host(.--vertical),:host(.--event){width:170px;min-width:170px;position:relative;overflow:hidden}:host(.--vertical) .spw-card-image,:host(.--event) .spw-card-image{height:100%}:host(.--vertical) .spw-card-image ::slotted(img),:host(.--event) .spw-card-image ::slotted(img){position:absolute;top:0;left:0;width:100%;height:100% !important;object-fit:var(--spw-card-image-object-fit, cover);object-position:var(--spw-card-image-object-position, center)}:host(.--sidebar){width:75px;min-width:75px;height:75px;min-height:75px;position:relative;overflow:hidden}:host(.--sidebar) .spw-card-image{height:100%}:host(.--sidebar) .spw-card-image ::slotted(img){position:absolute;top:0;left:0;width:100%;height:100% !important;object-fit:var(--spw-card-image-object-fit, cover);object-position:var(--spw-card-image-object-position, center)}:host(.--highlighted){position:relative}:host(.--highlighted):after{opacity:0}:host(.--video){width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0}:host(.--video):after{opacity:0}:host(.--video) .spw-card-image{height:100%}:host(.--video) .spw-card-image ::slotted(img){position:absolute;top:0;left:0;width:100%;height:100% !important;object-fit:var(--spw-card-image-object-fit, cover);object-position:var(--spw-card-image-object-position, center)}:host(.--video.--hovered):after{opacity:0.2}'}},[257,"spw-card-image",{label:[1],ratio:[1],ratioMobile:[1,"ratio-mobile"],ratioTablet:[1,"ratio-tablet"],ratioDesktop:[1,"ratio-desktop"],imagePosition:[1,"image-position"],imageFit:[1,"image-fit"]}]),r=s,n=function(){"undefined"!=typeof customElements&&["spw-card-image","spw-icon"].forEach((e=>{switch(e){case"spw-card-image":customElements.get(o(e))||customElements.define(o(e),s);break;case"spw-icon":customElements.get(o(e))||a()}}))};export{r as SpwCardImage,n as defineCustomElement}
1
+ import{p as e,H as t,h as i,t as o}from"./index.js";import{d as a}from"./p-oVOlDrOp.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.hoverIcon="fa-plus"}componentDidLoad(){const e=this.el.closest("spw-card");e&&(e.addEventListener("mouseenter",(()=>this.onCardHover(!0))),e.addEventListener("mouseleave",(()=>this.onCardHover(!1))))}onCardHover(e){const t=this.el.shadowRoot.querySelector(".spw-card-image");t&&(e?t.classList.add("--is-hovered"):t.classList.remove("--is-hovered"))}get hasRatio(){return!!(this.ratio||this.ratioMobile||this.ratioTablet||this.ratioDesktop)}get elementClass(){return{"spw-card-image":!0,"spw-card-image--ratio":this.hasRatio}}render(){const e={};return this.ratio&&(e["--spw-card-image-ratio"]=this.ratio,e["--spw-card-image-ratio-mobile"]=this.ratio,e["--spw-card-image-ratio-tablet"]=this.ratio,e["--spw-card-image-ratio-desktop"]=this.ratio),this.ratioMobile&&(e["--spw-card-image-ratio-mobile"]=this.ratioMobile),this.ratioTablet&&(e["--spw-card-image-ratio-tablet"]=this.ratioTablet),this.ratioDesktop&&(e["--spw-card-image-ratio-desktop"]=this.ratioDesktop),this.imagePosition&&(e["--spw-card-image-object-position"]=this.imagePosition),this.imageFit&&(e["--spw-card-image-object-fit"]=this.imageFit),i("div",{key:"c9ffeacabaf599a9562559ccaa1a5c115e6f159e",class:this.elementClass,style:e},this.label&&i("span",{key:"a3d537c2db0473ba0627d4c2ff49ae23a5b5c610",class:"spw-card-image__label"},this.label),i("slot",{key:"795a34b5ac13c9193fb300296d305bff356d874a"}),i("div",{key:"bc1ac9a4db7a9c6126d8aaf087e21b9b561d2b1f",class:"spw-card-image__icon"},i("spw-icon",{key:"c65bc7dbb9f2b8dc6c13de087b173657566d3209",icon:this.hoverIcon})))}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)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--video):after,:host(.--highlighted):after{content:"";background:black;opacity:0.4;transition:all linear 0.2s;border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%}:host{width:100%;line-height:1;--spw-card-image-display:block}:host(.--people){width:112px;max-width:112px}.spw-card-image{position:relative;overflow:hidden;border-radius:5px 5px 0 0;display:var(--spw-card-image-display)}:host(.--vertical) .spw-card-image,:host(.--event) .spw-card-image{border-radius:5px 0 0 5px}:host(.--highlighted) .spw-card-image,:host(.--people) .spw-card-image{border-radius:5px}:host(.--video) .spw-card-image,:host(.--sidebar) .spw-card-image{border-radius:5px}.spw-card-image ::slotted(img),.spw-card-image img{width:100%;height:auto;transition:all 0.3s ease;transform-origin:center center}.spw-card-image--ratio{aspect-ratio:var(--spw-card-image-ratio-mobile, var(--spw-card-image-ratio))}@media (min-width: 768px){.spw-card-image--ratio{aspect-ratio:var(--spw-card-image-ratio-tablet, var(--spw-card-image-ratio))}}@media (min-width: 1024px){.spw-card-image--ratio{aspect-ratio:var(--spw-card-image-ratio-desktop, var(--spw-card-image-ratio))}}.spw-card-image--ratio ::slotted(img),.spw-card-image--ratio img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:var(--spw-card-image-object-fit, cover);object-position:var(--spw-card-image-object-position, center)}.spw-card-image__icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.4}.spw-card-image__icon{position:absolute;z-index:2;display:flex;visibility:hidden;width:100%;height:100%;font-size:30px;font-weight:300;opacity:0;top:0;left:0;color:white;justify-content:center;align-items:center;transition:all 0.3s ease}.spw-card-image__icon spw-icon{transform:scale(1.5);transition:all 0.3s ease}.spw-card-image__label{position:absolute;top:10px;right:10px;display:inline-flex;padding:8px 12px;align-items:center;border-radius:9999px;color:var(--spw-color-themes-grey-grey-900);box-shadow:var(--spw-effect-elevation-3);font-size:14px;background:var(--spw-ds-white);z-index:3;line-height:1}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon{visibility:visible;opacity:1}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon spw-icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon spw-icon{transform:scale(1)}:host(.--hovered:not(.--video)) .spw-card-image ::slotted(img),:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered ::slotted(img){transform:scale(1.1)}:host(.--vertical),:host(.--event){width:170px;min-width:170px;position:relative;overflow:hidden}:host(.--vertical) .spw-card-image,:host(.--event) .spw-card-image{height:100%}:host(.--vertical) .spw-card-image ::slotted(img),:host(.--event) .spw-card-image ::slotted(img){position:absolute;top:0;left:0;width:100%;height:100% !important;object-fit:var(--spw-card-image-object-fit, cover);object-position:var(--spw-card-image-object-position, center)}:host(.--sidebar){width:75px;min-width:75px;height:75px;min-height:75px;position:relative;overflow:hidden}:host(.--sidebar) .spw-card-image{height:100%}:host(.--sidebar) .spw-card-image ::slotted(img){position:absolute;top:0;left:0;width:100%;height:100% !important;object-fit:var(--spw-card-image-object-fit, cover);object-position:var(--spw-card-image-object-position, center)}:host(.--highlighted){position:relative}:host(.--highlighted):after{opacity:0}:host(.--video){width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0}:host(.--video):after{opacity:0}:host(.--video) .spw-card-image{height:100%}:host(.--video) .spw-card-image ::slotted(img){position:absolute;top:0;left:0;width:100%;height:100% !important;object-fit:var(--spw-card-image-object-fit, cover);object-position:var(--spw-card-image-object-position, center)}:host(.--video.--hovered):after{opacity:0.2}:host(.--rounded-picture){width:100%}:host(.--rounded-picture) .spw-card-image{border-radius:8px 8px 120px 8px;border:1px solid var(--spw-color-themes-grey-grey-300);overflow:hidden}:host(.--rounded-picture) .spw-card-image ::slotted(img),:host(.--rounded-picture) .spw-card-image img{width:100%;height:100% !important;object-fit:cover;object-position:center;display:block}'}},[257,"spw-card-image",{label:[1],ratio:[1],ratioMobile:[1,"ratio-mobile"],ratioTablet:[1,"ratio-tablet"],ratioDesktop:[1,"ratio-desktop"],imagePosition:[1,"image-position"],hoverIcon:[1,"hover-icon"],imageFit:[1,"image-fit"]}]),r=s,n=function(){"undefined"!=typeof customElements&&["spw-card-image","spw-icon"].forEach((e=>{switch(e){case"spw-card-image":customElements.get(o(e))||customElements.define(o(e),s);break;case"spw-icon":customElements.get(o(e))||a()}}))};export{r as SpwCardImage,n as defineCustomElement}
@@ -1 +1 @@
1
- import{p as e,H as t,h as i,a as s,t as a}from"./index.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.hasImage=!1,this.childHoveredCount=0,this.variant="news",this.elementType="a",this.target="_self",this.fullHeight=!1,this.disabled=!1,this.onNestedCardEnter=()=>{this.childHoveredCount++,this.setImageHovered(!1)},this.onNestedCardLeave=()=>{this.childHoveredCount=Math.max(0,this.childHoveredCount-1),0===this.childHoveredCount&&this.isPointerInside(this.el)&&this.setImageHovered(!0)}}componentWillLoad(){this.checkForImage(),this.applyVariantToChildren(),this.attachNestedCardListeners()}slotChanged(){this.checkForImage(),this.applyVariantToChildren(),this.attachNestedCardListeners()}onMouseEnter(){0===this.childHoveredCount&&this.setImageHovered(!0)}onMouseLeave(){this.setImageHovered(!1)}attachNestedCardListeners(){requestAnimationFrame((()=>{this.el.querySelectorAll("spw-card").forEach((e=>{e.addEventListener("mouseenter",this.onNestedCardEnter.bind(this),!0),e.addEventListener("mouseleave",this.onNestedCardLeave.bind(this),!0)}))}))}isPointerInside(e){const t=e.getBoundingClientRect(),{left:i,top:s,right:a,bottom:n}=t,{clientX:o,clientY:r}=window;return o>=i&&o<=a&&r>=s&&r<=n}checkForImage(){requestAnimationFrame((()=>{const e=this.el.querySelector("spw-card-image"),t=this.el.querySelector("spw-card-content");this.hasImage=!!e,this.hasImage||null==t||t.classList.add("--no-image")}))}formatDate(e){if(!e)return[];const t=e.split("/");return t.flatMap(((e,s)=>s<t.length-1?[i("span",null,e),i("span",null,"/")]:[i("span",null,e)]))}applyVariantToChildren(){requestAnimationFrame((()=>{const e="--"+this.variant,t=this.el.querySelector("spw-card-content"),i=this.el.querySelector("spw-card-image"),s=this.el.querySelector("spw-card-title"),a=this.el.querySelector("spw-card-excerpt"),n=this.el.querySelector("spw-card-subtags");null==t||t.classList.add(e),null==i||i.classList.add(e),null==s||s.classList.add(e),null==a||a.classList.add(e),null==n||n.classList.add(e)}))}setImageHovered(e){const t=this.el.querySelector("spw-card-image"),i=this.el.querySelector("spw-card-title");t&&this.href&&t.classList.toggle("--hovered",e),i&&this.href&&i.classList.toggle("--hovered",e)}get elementClass(){return{"spw-card":!0,"spw-card--hoverable":!!this.href,"spw-card--no-image":!this.hasImage,["spw-card--"+this.variant]:!0}}render(){const{href:e,rel:t,target:a,dateStart:n,dateEnd:o,variant:r}=this,d=void 0===this.href?"div":"a",l="div"===d?{}:{href:e,rel:t,target:a},p={"aria-label":null==this?void 0:this.accAriaLabel,"aria-disabled":this.disabled?"true":null};return i(s,{key:"a82c4310865f2cc2ce5b446da38c81bfd2bb9678",class:{"--is-full-height":this.fullHeight}},i("article",{key:"fe460202702412232d7879197914999fafbbee50",class:this.elementClass},"event"===r&&i(d,Object.assign({key:"9b462c7cfb15fcbef342e40e707d53125ca0ac34"},l,{class:"spw-card__dates"}),n&&i("div",{key:"596cb0847afb8da0b8211715ff5141b11a481ab4",class:"spw-card__date-item"},this.formatDate(n)),o&&i("div",{key:"72b61e7173a55795a0139c4d73260b8c97af9213",class:"spw-card__date-item"},this.formatDate(o))),i(d,Object.assign({key:"4e86eb1a2540512b44964d01cb53e3bc4aeebdde"},l,p,{class:"spw-card__link"}),i("slot",{key:"4b81b7820f5c4ec19c507976c94c49aa74a53db2"}))))}get el(){return this}static get style(){return'@charset "UTF-8";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)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;position:relative;width:100%;--spw-card-background:var(--spw-ds-white);--spw-card-box-shadow:var(--spw-effect-elevation-6);--spw-card-border:none}:host[data-modal-trigger]{cursor:pointer}:host(.--is-full-height){height:100%}.spw-card{display:block;border-radius:5px;background:var(--spw-card-background);box-shadow:var(--spw-card-box-shadow);border:var(--spw-card-border);transition:all 0.3s ease-in-out}:host(.--is-full-height) .spw-card{height:100%}.spw-card--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-card__dates{cursor:pointer;position:absolute;top:50%;left:0;transform:translate(-50%, -50%);flex-direction:column;line-height:1.1;width:80px;height:80px;text-align:center;color:white;display:inline-flex;align-items:center;justify-content:center;background:var(--spw-ds-primary);border-radius:50%;font-size:18px;text-decoration:none;z-index:2}.spw-card__date-item span:first-of-type{font-weight:bold}.spw-card__link{display:block;height:100%;width:100%;color:inherit;text-decoration:none}.spw-card--no-image .spw-card__link{padding-top:15px}.spw-card__link:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-card--vertical .spw-card__link,.spw-card--video .spw-card__link{display:flex;min-height:240px}.spw-card--event .spw-card__link{display:flex}.spw-card--sidebar{box-shadow:none}.spw-card--sidebar:hover{box-shadow:none}.spw-card--sidebar .spw-card__link{display:flex;gap:16px}.spw-card--event{position:relative;width:calc(100% - 40px);left:40px}'}},[257,"spw-card",{variant:[1],elementType:[1,"element-type"],href:[1],target:[1],rel:[1],dateStart:[1,"date-start"],dateEnd:[1,"date-end"],fullHeight:[4,"full-height"],disabled:[4],accAriaLabel:[1,"acc-aria-label"],hasImage:[32]},[[0,"slotchange","slotChanged"],[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]]),o=n,r=function(){"undefined"!=typeof customElements&&["spw-card"].forEach((e=>{"spw-card"===e&&(customElements.get(a(e))||customElements.define(a(e),n))}))};export{o as SpwCard,r as defineCustomElement}
1
+ import{p as e,H as t,h as i,a as s,t as a}from"./index.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.hasImage=!1,this.childHoveredCount=0,this.variant="news",this.elementType="a",this.target="_self",this.fullHeight=!1,this.disabled=!1,this.onNestedCardEnter=()=>{this.childHoveredCount++,this.setImageHovered(!1)},this.onNestedCardLeave=()=>{this.childHoveredCount=Math.max(0,this.childHoveredCount-1),0===this.childHoveredCount&&this.isPointerInside(this.el)&&this.setImageHovered(!0)}}componentWillLoad(){this.checkForImage(),this.applyVariantToChildren(),this.attachNestedCardListeners()}slotChanged(){this.checkForImage(),this.applyVariantToChildren(),this.attachNestedCardListeners()}onMouseEnter(){0===this.childHoveredCount&&this.setImageHovered(!0)}onMouseLeave(){this.setImageHovered(!1)}attachNestedCardListeners(){requestAnimationFrame((()=>{this.el.querySelectorAll("spw-card").forEach((e=>{e.addEventListener("mouseenter",this.onNestedCardEnter.bind(this),!0),e.addEventListener("mouseleave",this.onNestedCardLeave.bind(this),!0)}))}))}isPointerInside(e){const t=e.getBoundingClientRect(),{left:i,top:s,right:a,bottom:n}=t,{clientX:o,clientY:r}=window;return o>=i&&o<=a&&r>=s&&r<=n}checkForImage(){requestAnimationFrame((()=>{const e=this.el.querySelector("spw-card-image"),t=this.el.querySelector("spw-card-content");this.hasImage=!!e,this.hasImage||null==t||t.classList.add("--no-image")}))}formatDate(e){if(!e)return[];const t=e.split("/");return t.flatMap(((e,s)=>s<t.length-1?[i("span",null,e),i("span",null,"/")]:[i("span",null,e)]))}applyVariantToChildren(){requestAnimationFrame((()=>{const e="--"+this.variant,t=this.el.querySelector("spw-card-content"),i=this.el.querySelector("spw-card-image"),s=this.el.querySelector("spw-card-title"),a=this.el.querySelector("spw-card-excerpt"),n=this.el.querySelector("spw-card-subtags");null==t||t.classList.add(e),null==i||i.classList.add(e),null==s||s.classList.add(e),null==a||a.classList.add(e),null==n||n.classList.add(e)}))}setImageHovered(e){const t=this.el.querySelector("spw-card-image"),i=this.el.querySelector("spw-card-title");t&&this.href&&t.classList.toggle("--hovered",e),i&&this.href&&i.classList.toggle("--hovered",e)}get elementClass(){return{"spw-card":!0,"spw-card--hoverable":!!this.href,"spw-card--no-image":!this.hasImage,["spw-card--"+this.variant]:!0}}render(){const{href:e,rel:t,target:a,dateStart:n,dateEnd:o,variant:r}=this,d=void 0===this.href?"div":"a",l="div"===d?{}:{href:e,rel:t,target:a},c={"aria-label":null==this?void 0:this.accAriaLabel,"aria-disabled":this.disabled?"true":null};return i(s,{key:"1ba4f06ba66af1625688a01d08c34fab95499577",class:{"--is-full-height":this.fullHeight}},i("article",{key:"135ae12d051e9ebc078029c99ac52ea49bf540db",class:this.elementClass},"event"===r&&i(d,Object.assign({key:"99c5e749128c5293c44ddeb4c85bf143dbe3c6b1"},l,{class:"spw-card__dates"}),n&&i("div",{key:"fcf0661e3aae2de10ad7b845da453553662b3154",class:"spw-card__date-item"},this.formatDate(n)),o&&i("div",{key:"11cc7956f31154ac081e6e819294fcfe6aafff5d",class:"spw-card__date-item"},this.formatDate(o))),i(d,Object.assign({key:"bc3380c036847c8ac197e731f05f0333a2734634"},l,c,{class:"spw-card__link"}),i("slot",{key:"c4c0f79011ee0ca8a893a080c177f17c51526768"}))))}get el(){return this}static get style(){return'@charset "UTF-8";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)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;position:relative;width:100%;--spw-card-background:var(--spw-ds-white);--spw-card-box-shadow:var(--spw-effect-elevation-6);--spw-card-border:none}:host[data-modal-trigger]{cursor:pointer}:host(.--is-full-height){height:100%}.spw-card{display:block;border-radius:5px;background:var(--spw-card-background);box-shadow:var(--spw-card-box-shadow);border:var(--spw-card-border);transition:all 0.3s ease-in-out}:host(.--is-full-height) .spw-card{height:100%}.spw-card--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-card__dates{cursor:pointer;position:absolute;top:50%;left:0;transform:translate(-50%, -50%);flex-direction:column;line-height:1.1;width:80px;height:80px;text-align:center;color:white;display:inline-flex;align-items:center;justify-content:center;background:var(--spw-ds-primary);border-radius:50%;font-size:18px;text-decoration:none;z-index:2}.spw-card__date-item span:first-of-type{font-weight:bold}.spw-card__link{display:block;height:100%;width:100%;color:inherit;text-decoration:none}.spw-card--no-image .spw-card__link{padding-top:15px}.spw-card__link:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black;border-radius:5px}.spw-card--vertical .spw-card__link,.spw-card--video .spw-card__link{display:flex;min-height:240px}.spw-card--event .spw-card__link{display:flex}.spw-card--sidebar{box-shadow:none}.spw-card--sidebar:hover{box-shadow:none}.spw-card--sidebar .spw-card__link{display:flex;gap:16px}.spw-card--event{position:relative;width:calc(100% - 40px);left:40px}.spw-card--rounded-picture{box-shadow:none;background:transparent}.spw-card--rounded-picture:hover{box-shadow:none}.spw-card--rounded-picture .spw-card__link{display:flex;flex-direction:column}'}},[257,"spw-card",{variant:[1],elementType:[1,"element-type"],href:[1],target:[1],rel:[1],dateStart:[1,"date-start"],dateEnd:[1,"date-end"],fullHeight:[4,"full-height"],disabled:[4],accAriaLabel:[1,"acc-aria-label"],hasImage:[32]},[[0,"slotchange","slotChanged"],[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]]]),o=n,r=function(){"undefined"!=typeof customElements&&["spw-card"].forEach((e=>{"spw-card"===e&&(customElements.get(a(e))||customElements.define(a(e),n))}))};export{o as SpwCard,r as defineCustomElement}
@@ -1 +1 @@
1
- import{S as o,d as s}from"./p-w411zfAm.js";const m=o,p=s;export{m as SpwCheckbox,p as defineCustomElement}
1
+ import{S as o,d as r}from"./p-CfyijrJ8.js";const s=o,p=r;export{s as SpwCheckbox,p as defineCustomElement}
@@ -1 +1 @@
1
- import{p as e,H as t,h as o,t as s}from"./index.js";import{d as i}from"./p-HzgF73Oa.js";import{d as n}from"./p-DdZeGXq7.js";import{d as a}from"./p-BNsbxGcj.js";import{d as c}from"./p-BRlLi9Ar.js";import{d as r}from"./p-D3lAXshq.js";import{d as p}from"./p-w411zfAm.js";import{d as l}from"./p-oVOlDrOp.js";import{d}from"./p-CyuzNTuL.js";const m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.cookiesTitle="Nous utilisons des cookies",this.cookiesDescription="Ce site web utilise des cookies essentiels pour assurer son bon fonctionnement et des cookies de suivi pour comprendre comment vous interagissez avec lui. Ces derniers ne seront installés qu'après avoir obtenu votre consentement.",this.acceptAllButtonText="Accepter tous les cookies",this.acceptRequiredButtonText="Accepter uniquement les cookies fonctionnels",this.isVisible=!1,this.analyticsEnabled=!1}componentWillLoad(){this.initializeCookieSettings(),this.checkCookieSettings()}initializeCookieSettings(){null===localStorage.getItem("spw-cookie-settings__required")&&localStorage.setItem("spw-cookie-settings__required","false"),null===localStorage.getItem("spw-cookie-settings__analytics")&&localStorage.setItem("spw-cookie-settings__analytics","false"),null===localStorage.getItem("spw-cookie-settings__saved")&&localStorage.setItem("spw-cookie-settings__saved","false")}checkCookieSettings(){const e=this.getCookieSettings();e["spw-cookie-settings__saved"]||(this.isVisible=!0),this.analyticsEnabled=e["spw-cookie-settings__analytics"]}getCookieSettings(){return{"spw-cookie-settings__required":JSON.parse(localStorage.getItem("spw-cookie-settings__required")),"spw-cookie-settings__analytics":JSON.parse(localStorage.getItem("spw-cookie-settings__analytics")),"spw-cookie-settings__saved":JSON.parse(localStorage.getItem("spw-cookie-settings__saved"))}}setCookieSettings(e){Object.keys(e).forEach((t=>{localStorage.setItem(t,JSON.stringify(e[t]))}))}toggleAnalytics(){this.analyticsEnabled=!this.analyticsEnabled,this.setCookieSettings({"spw-cookie-settings__analytics":this.analyticsEnabled})}acceptAllCookies(){this.setCookieSettings({"spw-cookie-settings__required":!0,"spw-cookie-settings__analytics":!0,"spw-cookie-settings__saved":!0}),this.isVisible=!1}acceptRequiredCookies(){this.setCookieSettings({"spw-cookie-settings__required":!0,"spw-cookie-settings__analytics":!1,"spw-cookie-settings__saved":!0}),this.isVisible=!1}render(){return this.isVisible?o("div",{class:"spw-cookies"},o("div",{class:"spw-cookies__container"},o("div",{class:"spw-cookies__content"},o("h2",{class:"spw-cookies__title"},this.cookiesTitle),o("p",{class:"spw-cookies__text"},this.cookiesDescription),o("spw-accordion",null,o("spw-accordion-item",null,o("spw-accordion-title",{slot:"title"},"Paramétrer les cookies"),o("spw-accordion-content",{slot:"content"},o("div",{class:"spw-cookies__checkbox"},o("spw-checkbox",{checked:this.analyticsEnabled,onSpwChange:()=>this.toggleAnalytics()},o("span",{class:"spw-cookies__checkbox-text"},'Les cookies de statistiques proviennent de sociétés de externes ("cookies tiers") et sont utilisés pour collecter des informations sur les sites web visités par l\'utilisateur.'))))))),o("div",{class:"spw-cookies__buttons"},o("spw-button",{"is-full-width":"true",onClick:()=>this.acceptAllCookies()},this.acceptAllButtonText),o("spw-button",{"is-full-width":"true",variant:"secondary",onClick:()=>this.acceptRequiredCookies()},this.acceptRequiredButtonText)))):null}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)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-cookies{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;align-items:flex-end;justify-content:end;z-index:9999}.spw-cookies__container{background:white;border-radius:5px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);max-width:400px;width:100%;margin:12px;line-height:1.5;max-height:calc(-24px + 100vh);overflow-y:auto}.spw-cookies__content,.spw-cookies__buttons{padding:16px}@media (min-width: 768px){.spw-cookies__content,.spw-cookies__buttons{padding:24px}}.spw-cookies__content{padding-bottom:0}.spw-cookies__buttons{position:sticky;z-index:10;bottom:0;background:#fff;display:flex;flex-direction:column;gap:12px;text-align:center}.spw-cookies__buttons spw-button{--spw-button-py-medium:var(--spw-button-py-large)}.spw-cookies__title{font-size:24px;line-height:1.2;color:var(--spw-colors-support-grey-grey-900);margin-bottom:8px}.spw-cookies__text{color:var(--spw-color-themes-grey-grey-600);margin-bottom:16px}.spw-cookies__checkbox{padding-top:4px}.spw-cookies__checkbox-text{color:var(--spw-color-themes-grey-grey-600)}"}},[1,"spw-cookies",{cookiesTitle:[1,"cookies-title"],cookiesDescription:[1,"cookies-description"],acceptAllButtonText:[1,"accept-all-button-text"],acceptRequiredButtonText:[1,"accept-required-button-text"],isVisible:[32],analyticsEnabled:[32]}]),u=m,w=function(){"undefined"!=typeof customElements&&["spw-cookies","spw-accordion","spw-accordion-content","spw-accordion-item","spw-accordion-title","spw-button","spw-checkbox","spw-icon","spw-loading"].forEach((e=>{switch(e){case"spw-cookies":customElements.get(s(e))||customElements.define(s(e),m);break;case"spw-accordion":customElements.get(s(e))||i();break;case"spw-accordion-content":customElements.get(s(e))||n();break;case"spw-accordion-item":customElements.get(s(e))||a();break;case"spw-accordion-title":customElements.get(s(e))||c();break;case"spw-button":customElements.get(s(e))||r();break;case"spw-checkbox":customElements.get(s(e))||p();break;case"spw-icon":customElements.get(s(e))||l();break;case"spw-loading":customElements.get(s(e))||d()}}))};export{u as SpwCookies,w as defineCustomElement}
1
+ import{p as e,H as t,h as o,t as s}from"./index.js";import{d as i}from"./p-HzgF73Oa.js";import{d as n}from"./p-DdZeGXq7.js";import{d as a}from"./p-BNsbxGcj.js";import{d as c}from"./p-BRlLi9Ar.js";import{d as r}from"./p-CnGo7W4h.js";import{d as p}from"./p-CfyijrJ8.js";import{d as l}from"./p-oVOlDrOp.js";import{d}from"./p-CCD1i9Et.js";const m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.cookiesTitle="Nous utilisons des cookies",this.cookiesDescription="Ce site web utilise des cookies essentiels pour assurer son bon fonctionnement et des cookies de suivi pour comprendre comment vous interagissez avec lui. Ces derniers ne seront installés qu'après avoir obtenu votre consentement.",this.acceptAllButtonText="Accepter tous les cookies",this.acceptRequiredButtonText="Accepter uniquement les cookies fonctionnels",this.isVisible=!1,this.analyticsEnabled=!1}componentWillLoad(){this.initializeCookieSettings(),this.checkCookieSettings()}initializeCookieSettings(){null===localStorage.getItem("spw-cookie-settings__required")&&localStorage.setItem("spw-cookie-settings__required","false"),null===localStorage.getItem("spw-cookie-settings__analytics")&&localStorage.setItem("spw-cookie-settings__analytics","false"),null===localStorage.getItem("spw-cookie-settings__saved")&&localStorage.setItem("spw-cookie-settings__saved","false")}checkCookieSettings(){const e=this.getCookieSettings();e["spw-cookie-settings__saved"]||(this.isVisible=!0),this.analyticsEnabled=e["spw-cookie-settings__analytics"]}getCookieSettings(){return{"spw-cookie-settings__required":JSON.parse(localStorage.getItem("spw-cookie-settings__required")),"spw-cookie-settings__analytics":JSON.parse(localStorage.getItem("spw-cookie-settings__analytics")),"spw-cookie-settings__saved":JSON.parse(localStorage.getItem("spw-cookie-settings__saved"))}}setCookieSettings(e){Object.keys(e).forEach((t=>{localStorage.setItem(t,JSON.stringify(e[t]))}))}toggleAnalytics(){this.analyticsEnabled=!this.analyticsEnabled,this.setCookieSettings({"spw-cookie-settings__analytics":this.analyticsEnabled})}acceptAllCookies(){this.setCookieSettings({"spw-cookie-settings__required":!0,"spw-cookie-settings__analytics":!0,"spw-cookie-settings__saved":!0}),this.isVisible=!1}acceptRequiredCookies(){this.setCookieSettings({"spw-cookie-settings__required":!0,"spw-cookie-settings__analytics":!1,"spw-cookie-settings__saved":!0}),this.isVisible=!1}render(){return this.isVisible?o("div",{class:"spw-cookies"},o("div",{class:"spw-cookies__container"},o("div",{class:"spw-cookies__content"},o("h2",{class:"spw-cookies__title"},this.cookiesTitle),o("p",{class:"spw-cookies__text"},this.cookiesDescription),o("spw-accordion",null,o("spw-accordion-item",null,o("spw-accordion-title",{slot:"title"},"Paramétrer les cookies"),o("spw-accordion-content",{slot:"content"},o("div",{class:"spw-cookies__checkbox"},o("spw-checkbox",{checked:this.analyticsEnabled,onSpwChange:()=>this.toggleAnalytics()},o("span",{class:"spw-cookies__checkbox-text"},'Les cookies de statistiques proviennent de sociétés de externes ("cookies tiers") et sont utilisés pour collecter des informations sur les sites web visités par l\'utilisateur.'))))))),o("div",{class:"spw-cookies__buttons"},o("spw-button",{"is-full-width":"true",onClick:()=>this.acceptAllCookies()},this.acceptAllButtonText),o("spw-button",{"is-full-width":"true",variant:"secondary",onClick:()=>this.acceptRequiredCookies()},this.acceptRequiredButtonText)))):null}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)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-cookies{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;align-items:flex-end;justify-content:end;z-index:9999}.spw-cookies__container{background:white;border-radius:5px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);max-width:400px;width:100%;margin:12px;line-height:1.5;max-height:calc(-24px + 100vh);overflow-y:auto}.spw-cookies__content,.spw-cookies__buttons{padding:16px}@media (min-width: 768px){.spw-cookies__content,.spw-cookies__buttons{padding:24px}}.spw-cookies__content{padding-bottom:0}.spw-cookies__buttons{position:sticky;z-index:10;bottom:0;background:#fff;display:flex;flex-direction:column;gap:12px;text-align:center}.spw-cookies__buttons spw-button{--spw-button-py-medium:var(--spw-button-py-large)}.spw-cookies__title{font-size:24px;line-height:1.2;color:var(--spw-colors-support-grey-grey-900);margin-bottom:8px}.spw-cookies__text{color:var(--spw-color-themes-grey-grey-600);margin-bottom:16px}.spw-cookies__checkbox{padding-top:4px}.spw-cookies__checkbox-text{color:var(--spw-color-themes-grey-grey-600)}"}},[1,"spw-cookies",{cookiesTitle:[1,"cookies-title"],cookiesDescription:[1,"cookies-description"],acceptAllButtonText:[1,"accept-all-button-text"],acceptRequiredButtonText:[1,"accept-required-button-text"],isVisible:[32],analyticsEnabled:[32]}]),u=m,w=function(){"undefined"!=typeof customElements&&["spw-cookies","spw-accordion","spw-accordion-content","spw-accordion-item","spw-accordion-title","spw-button","spw-checkbox","spw-icon","spw-loading"].forEach((e=>{switch(e){case"spw-cookies":customElements.get(s(e))||customElements.define(s(e),m);break;case"spw-accordion":customElements.get(s(e))||i();break;case"spw-accordion-content":customElements.get(s(e))||n();break;case"spw-accordion-item":customElements.get(s(e))||a();break;case"spw-accordion-title":customElements.get(s(e))||c();break;case"spw-button":customElements.get(s(e))||r();break;case"spw-checkbox":customElements.get(s(e))||p();break;case"spw-icon":customElements.get(s(e))||l();break;case"spw-loading":customElements.get(s(e))||d()}}))};export{u as SpwCookies,w as defineCustomElement}
@@ -1 +1 @@
1
- import{p as s,H as t,c as e,h as i,t as o}from"./index.js";import{d as c}from"./p-w411zfAm.js";import{d as r}from"./p-CNmnvMAU.js";import{d as n}from"./p-CLCgZYzK.js";import{d as l}from"./p-oVOlDrOp.js";import{d as a}from"./p-D2bR89OY.js";const p=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.valueChanged=e(this,"valueChanged",7),this.optionCreated=e(this,"optionCreated",7),this.optionRemoved=e(this,"optionRemoved",7),this.internals=this.attachInternals(),this.parentScrollContainer=null,this.isOpen=!1,this.parsedOptions=[],this.focusedOptionIndex=null,this.searchText="",this.hasSlottedFooter=!1,this.dropdownDirection="down",this.hasSelectedValue=!1,this.dropdownPosition={top:0,left:0,width:0},this.value=[],this.label="",this.placeholder="Sélectionnez une option",this.searchPlaceholder="Entrez votre recherche",this.noResultsText="Aucun résultat trouvé",this.required=!1,this.size="medium",this.multiple=!1,this.isSearch=!1,this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.tooltipDirection="top",this.tooltipCursor="help",this.fixedDropdown=!1,this.isClear=!1,this.direction="auto",this.allowCreate=!1,this.handleOtherSelectOpened=s=>{s.detail.instance!==this.host&&this.isOpen&&this.closeDropdown()},this.handleClickOutside=s=>{var t,e;if(this.isOpen){const i=s.composedPath(),o=i[0],c=this.host.contains(o),r=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".spw-custom-select__search-input"),n=null==r?void 0:r.contains(o),l=this.hostElement.querySelector('[slot="footer"]'),a=!!l&&i.includes(l);if(!c&&!n&&!a){if(this.multiple){const s=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".spw-custom-select__options");if(s&&s.contains(o))return}this.closeDropdown()}}},this.updateDropdownPosition=()=>{if(!this.selectContainer)return;const s=this.selectContainer.getBoundingClientRect(),t=window.innerHeight;this.dropdownDirection="top"===this.direction?"up":"bottom"===this.direction?"down":s.bottom+200>t&&s.top>200?"up":"down",this.dropdownPosition={top:s.bottom,left:s.left,width:s.width}}}componentWillLoad(){if(this.multiple)if("string"==typeof this.value)try{this.internalValue=JSON.parse(this.value)}catch(s){this.internalValue=[]}else this.internalValue=Array.isArray(this.value)?this.value:[];else this.internalValue=this.value;this.defaultValue=this.internalValue,this.items&&this.parseOptions(this.items),this.updateSelectedOption()}async setFocus(){var s,t;const e=null===(s=this.host)||void 0===s?void 0:s.querySelector(".spw-custom-select__search-input");e?e.focus():null===(t=this.selectContainer)||void 0===t||t.focus()}async resetSelect(){this.multiple?(this.internalValue=[],this.value=[]):(this.internalValue="",this.value=""),this.searchText="",this.focusedOptionIndex=null,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}async setValue(s){this.multiple?(this.internalValue=Array.isArray(s)?s:[s],this.value=this.internalValue):(this.internalValue=s,this.value=s),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}async getValue(){return this.internalValue}formResetCallback(){this.setValue(this.defaultValue)}componentDidLoad(){this.internals.setFormValue(this.getFormValue());const s=this.hostElement.querySelector('[slot="footer"]');this.hasSlottedFooter=!!s}connectedCallback(){document.addEventListener("click",this.handleClickOutside,!0),document.addEventListener("spw-custom-select-opened",this.handleOtherSelectOpened),window.addEventListener("scroll",this.updateDropdownPosition,!0),window.addEventListener("resize",this.updateDropdownPosition)}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside,!0),document.removeEventListener("spw-custom-select-opened",this.handleOtherSelectOpened),window.removeEventListener("scroll",this.updateDropdownPosition,!0),window.removeEventListener("resize",this.updateDropdownPosition),this.cleanupParentScrollListener(),this.isOpen=!1}findParentComponent(){if(!this.fixedDropdownParent)return null;let s=this.hostElement;for(;s;){if(s instanceof t&&s.tagName.toLowerCase()===this.fixedDropdownParent.toLowerCase())return s;if(s.parentElement)s=s.parentElement;else{const t=s.getRootNode();if(!(t instanceof ShadowRoot))break;s=t.host}}return null}findScrollContainerInShadowRoot(s){const t=s.shadowRoot;if(!t)return null;const e=t.querySelectorAll("*");let i=null,o=-1;for(const s of Array.from(e)){const e=s,c=window.getComputedStyle(e);if("auto"===c.overflow||"scroll"===c.overflow||"auto"===c.overflowY||"scroll"===c.overflowY){let c=0,r=s;for(;r&&r!==t;)c++,r=r.parentNode;c>o&&(o=c,i=e)}}return i}ensureParentScrollListener(){if(!this.fixedDropdownParent||!this.fixedDropdown)return;if(this.parentScrollContainer)return;const s=this.findParentComponent();s&&(this.parentScrollContainer=this.findScrollContainerInShadowRoot(s),this.parentScrollContainer&&this.parentScrollContainer.addEventListener("scroll",this.updateDropdownPosition))}cleanupParentScrollListener(){this.parentScrollContainer&&(this.parentScrollContainer.removeEventListener("scroll",this.updateDropdownPosition),this.parentScrollContainer=null)}parseOptions(s){try{this.parsedOptions=Array.isArray(s)?s.map((s=>({value:s.value,label:s.label,disabled:s.disabled||!1}))):[],this.updateSelectedOption()}catch(s){this.parsedOptions=[]}}valueChangedHandler(s){this.internalValue=this.multiple?Array.isArray(s)?s:[s]:s,this.updateSelectedOption(),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}updateSelectedOption(){this.internals.setFormValue(this.getFormValue()),this.multiple||void 0===this.internalValue?this.multiple&&Array.isArray(this.internalValue)&&(this.internalValue=this.internalValue.filter((s=>this.parsedOptions.some((t=>t.value+""==s+"")))).sort(((s,t)=>this.parsedOptions.findIndex((t=>t.value+""==s+""))-this.parsedOptions.findIndex((s=>s.value+""==t+""))))):this.focusedOptionIndex=this.parsedOptions.findIndex((s=>s.value+""==this.internalValue+""))}internalValueChanged(){this.hasSelectedValue=Array.isArray(this.internalValue)?this.internalValue.length>0:!!this.internalValue}getFormValue(){return this.multiple?Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((s=>s+"")).join(","):null:this.internalValue?this.internalValue+"":null}toggleDropdown(s){if(!this.disabled){if(s){if(s.composedPath()[0].classList.contains("spw-custom-select__search-input"))return;s.stopPropagation()}this.determineDropdownDirection();const t=this.isOpen;this.isOpen=!this.isOpen,this.isOpen&&!t&&(this.ensureParentScrollListener(),this.notifyOtherSelects()),this.isOpen||(this.focusedOptionIndex=null)}}notifyOtherSelects(){const s=new CustomEvent("spw-custom-select-opened",{detail:{instance:this.host},bubbles:!0,composed:!0});document.dispatchEvent(s)}determineDropdownDirection(){this.updateDropdownPosition()}openDropdownWithKeyboard(){this.determineDropdownDirection(),this.isOpen=!0,this.focusedOptionIndex=0,this.ensureParentScrollListener(),this.notifyOtherSelects()}closeDropdown(){this.isOpen=!1,this.focusedOptionIndex=null,this.searchText=""}slugify(s){return this.normalizeString(s).replace(/\s+/g,"-").replace(/[^a-z0-9-]/g,"")}addCreatedOption(s){const t=s.trim();if(!t)return;const e=this.slugify(t),i={label:t,value:e,created:!0};this.parsedOptions=[...this.parsedOptions,i],this.optionCreated.emit(i),this.selectOption(e),this.searchText=""}removeCreatedOption(s,t){if(t.stopPropagation(),this.multiple){const t=this.internalValue.findIndex((t=>t+""==s.value+""));t>-1&&(this.internalValue=[...this.internalValue.slice(0,t),...this.internalValue.slice(t+1)],this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue))}else this.internalValue+""==s.value+""&&(this.internalValue="",this.value="",this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue));this.parsedOptions=this.parsedOptions.filter((t=>t.value+""!=s.value+"")),this.optionRemoved.emit(s)}handleClear(s){s.stopPropagation(),this.resetSelect()}selectOption(s,t){t&&t.stopPropagation();const e=this.parsedOptions.find((t=>t.value+""==s+""));if(!(null==e?void 0:e.disabled)){if(this.multiple){const t=this.internalValue.findIndex((t=>t+""==s+""));this.internalValue=t>-1?[...this.internalValue.slice(0,t),...this.internalValue.slice(t+1)]:[...this.internalValue,s],this.internalValue=this.internalValue.sort(((s,t)=>this.parsedOptions.findIndex((t=>t.value+""==s+""))-this.parsedOptions.findIndex((s=>s.value+""==t+""))))}else this.internalValue=s,this.closeDropdown();this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}}handleOptionKeyDown(s,t){"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.selectOption(t))}handleKeyDown(s){var t,e;if(!s.target.classList.contains("spw-custom-select__search-input"))switch(s.key){case" ":s.preventDefault(),this.isOpen||this.openDropdownWithKeyboard();break;case"ArrowDown":if(s.preventDefault(),this.isOpen){let s=null===this.focusedOptionIndex?0:(this.focusedOptionIndex+1)%this.parsedOptions.length;for(;(null===(t=this.parsedOptions[s])||void 0===t?void 0:t.disabled)&&s!==this.focusedOptionIndex;)s=(s+1)%this.parsedOptions.length;this.focusedOptionIndex=s}else this.openDropdownWithKeyboard();break;case"ArrowUp":if(s.preventDefault(),this.isOpen){let s=null===this.focusedOptionIndex?this.parsedOptions.length-1:(this.focusedOptionIndex-1+this.parsedOptions.length)%this.parsedOptions.length;for(;(null===(e=this.parsedOptions[s])||void 0===e?void 0:e.disabled)&&s!==this.focusedOptionIndex;)s=(s-1+this.parsedOptions.length)%this.parsedOptions.length;this.focusedOptionIndex=s}break;case"Enter":s.preventDefault(),this.isOpen&&null!==this.focusedOptionIndex&&this.selectOption(this.parsedOptions[this.focusedOptionIndex].value);break;case"Escape":this.isOpen&&this.closeDropdown()}}renderErrorMessage(){if(this.error)return i("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}renderHintMessage(){if(this.hint)return i("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderWarningMessage(){if(this.warning)return i("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}renderSuccessMessage(){if(this.success)return i("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}get elementClass(){const s=this.showCreateButton();return{"spw-custom-select":!0,["spw-custom-select--"+this.size]:!0,["spw-custom-select--"+this.dropdownDirection]:!0,"spw-custom-select--is-error":!!this.error,"spw-custom-select--disabled":this.disabled,"spw-custom-select--is-opened":this.isOpen,"spw-custom-select--has-value":this.hasSelectedValue,"spw-custom-select--no-value":!this.hasSelectedValue,"spw-custom-select--is-searchable":this.isSearch,"spw-custom-select--not-searchable":!this.isSearch,"spw-custom-select--is-clear":this.isClear&&(this.hasSelectedValue||!!this.searchText),"spw-custom-select--show-create":s}}normalizeString(s){return s.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}getSelectedLabels(){if(this.multiple)return Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((s=>{var t;return null===(t=this.parsedOptions.find((t=>t.value+""==s+"")))||void 0===t?void 0:t.label})).filter(Boolean).join(", "):null;{const s=this.parsedOptions.find((s=>s.value+""==this.internalValue+""));return s?s.label:null}}getFilteredOptions(){const s=this.normalizeString(this.searchText);return this.parsedOptions.filter((t=>this.normalizeString(t.label).includes(s)))}handleSearchInput(s){this.searchText=s.target.value,this.focusedOptionIndex=0,this.isOpen||(this.isOpen=!0,this.ensureParentScrollListener(),this.notifyOtherSelects())}isSearchVisible(){return!!this.isSearch&&(!this.hasSelectedValue&&!this.isOpen||!(!this.isSearch||!this.isOpen)||this.isOpen)}showPlaceholder(){return!this.isSearch&&!this.hasSelectedValue}showCreateButton(){if(!this.allowCreate||!this.isSearch||!this.searchText.trim())return!1;const s=this.normalizeString(this.searchText.trim());return!this.parsedOptions.some((t=>this.normalizeString(t.label)===s))}render(){const s=this.getFilteredOptions(),t=this.showPlaceholder(),e=this.showCreateButton();return i("div",{key:"4bb22979651b6946dd66fc9844f205e59d0a5411",class:this.elementClass,ref:s=>this.host=s},this.label&&i("spw-field-label",{key:"4d9c26597da16ec05bc8aee0c2a03413ea17ff50",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:"85594d2693007a09d2d1b70b9f5bc61056548ee2",class:"spw-custom-select__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"53fe8200e2e8ec025c9148bb76a4bd7418068513",class:"spw-custom-select__wrapper"},i("div",{key:"79b757cffef9f53eb738d2e11aee592e63211841",class:"spw-custom-select__container",id:this.name,ref:s=>this.selectContainer=s,onClick:s=>this.toggleDropdown(s),onKeyDown:s=>this.handleKeyDown(s),tabindex:this.disabled?-1:0},i("div",{key:"c502d3c270203b548990cfab7d45394557314334",class:"spw-custom-select__selected"},this.isSearchVisible()&&i("div",{key:"9134c7f87988d3f0efb6c8095646bb6a1ca8ebd0",class:"spw-custom-select__search"},i("input",{key:"0a5b873ac75d71f480e1209184fa0e63552632b9",class:"spw-custom-select__search-input",placeholder:this.searchPlaceholder,onInput:s=>this.handleSearchInput(s),value:this.searchText}),e&&this.isOpen&&this.hasSelectedValue&&i("button",{key:"7ecf48c56ddb8a7918a38b37b0dbfb47994fc0af",class:"spw-custom-select__create-btn spw-custom-select__create-btn--big",type:"button",onMouseDown:s=>{s.preventDefault(),s.stopPropagation(),this.addCreatedOption(this.searchText)}},i("spw-icon",{key:"078c09832bcce6f476a83be55bc54e4cd19223bc",icon:"fa-plus"}))),t&&i("span",{key:"29e59d519f39c3dcafe60a169b2a01adee8904f7"},this.placeholder),this.multiple&&this.internalValue.length>0&&i("div",{key:"205e9ebc3bf531b76fc0abdbb760c214a08b6623",class:"spw-custom-select__selected-items"},this.internalValue.map((s=>{var t;return i("span",{class:"spw-custom-select__selected-item"},null===(t=this.parsedOptions.find((t=>t.value+""==s+"")))||void 0===t?void 0:t.label,i("spw-icon",{icon:"fa-times",class:"spw-custom-select__deselect-icon",onClick:t=>this.selectOption(s,t)}))}))),!this.multiple&&i("span",{key:"67eb1e59a69443c63cfe030421a45dd9ed98d626"},this.getSelectedLabels()))),i("div",{key:"d36ae8e7dbcbdf5d3895482bf94ce352ccb2deb2",class:"spw-custom-select__icons"},e&&!(this.isOpen&&this.hasSelectedValue)&&i("button",{key:"d5ab27383e5915b3a6a23e2a4c233e37b56bdcda",class:"spw-custom-select__create-btn",type:"button",onMouseDown:s=>{s.preventDefault(),s.stopPropagation(),this.addCreatedOption(this.searchText)}},i("spw-icon",{key:"00e486f257d3576fe5a481320685c0f73ac76b43",icon:"fa-plus"})),this.isClear&&(this.hasSelectedValue||!!this.searchText)&&i("span",{key:"522cc58133eebfc86d8f64ab549905f4d7dc85ea",class:"spw-custom-select__clear",onClick:s=>this.handleClear(s)},i("spw-icon",{key:"4afc256de08bae62efde4d0903a2fa2de4438d89",icon:"fa-xmark"})),i("div",{key:"ae0fb99288bad447c52288df66afdcf042c139d8",class:"spw-custom-select__arrow"},i("spw-icon",{key:"2166910463c05b09b845eab799fbb13b63bcc06f",icon:this.isOpen?"fa-chevron-up":"fa-chevron-down"}))),this.isOpen&&i("div",{key:"2331976d5867174852a1394987bf6bdf8545a3f2",class:{"spw-custom-select__options":!0,["spw-custom-select__options--"+this.dropdownDirection]:!0,"spw-custom-select__options--fixed":this.fixedDropdown},style:this.fixedDropdown?{position:"fixed",top:this.dropdownPosition.top+"px",left:this.dropdownPosition.left+"px",width:this.dropdownPosition.width+"px"}:{}},i("div",{key:"43dd9a1b026ff6aac3a4d309e4f4e950156566ef",class:"spw-custom-select__options-list"},!!s.length&&i("ul",{key:"dc42399871b8b4286a440a9c5da7c618301ca330"},s.map(((s,t)=>i("li",{class:{"spw-custom-select__option":!0,"spw-custom-select__option--selected":this.multiple?this.internalValue.some((t=>t+""==s.value+"")):s.value===this.internalValue,"spw-custom-select__option--focused":t===this.focusedOptionIndex,"spw-custom-select__option--disabled":s.disabled,"spw-custom-select__option--created":!!s.created},onClick:()=>this.selectOption(s.value)},this.multiple&&i("spw-checkbox",{onKeyDown:t=>this.handleOptionKeyDown(t,s.value),class:"spw-custom-select__checkbox",checked:this.internalValue.some((t=>t+""==s.value+"")),disabled:s.disabled}),s.label,s.created&&i("spw-icon",{class:"spw-custom-select__option-remove",icon:"fa-trash",onClick:t=>this.removeCreatedOption(s,t)}))))),!s.length&&i("p",{key:"16b8fc9d36f71937588d8f57ddf593380766a5a8",class:"spw-custom-select__no-results"},this.noResultsText)),this.hasSlottedFooter&&i("div",{key:"c273c08ab20c4d80b26045fba0bc8abca5564851",class:"spw-custom-select__options-footer"},i("slot",{key:"f54f6b94a36cc064f8820a6892cfb02b05e039b1",name:"footer"})))),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}get hostElement(){return this}static get watchers(){return{items:[{parseOptions:0}],value:[{valueChangedHandler:0}],internalValue:[{internalValueChanged: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)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-custom-select{position:relative}.spw-custom-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-custom-select__checkbox{margin-right:8px}.spw-custom-select__container{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 12px;line-height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-within,.spw-custom-select__container:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-custom-select--disabled .spw-custom-select__container{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-custom-select--disabled .spw-custom-select__container::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container:hover,.spw-custom-select--disabled .spw-custom-select__container:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible{outline:none}.spw-custom-select--is-error .spw-custom-select__container{border-color:var(--spw-colors-states-error-error-300)}.spw-custom-select--large .spw-custom-select__container{height:60px;padding:0 24px;line-height:60px}.spw-custom-select--is-opened .spw-custom-select__container{height:auto;line-height:1;min-height:40px}.spw-custom-select--is-opened.spw-custom-select--down .spw-custom-select__container{border-radius:4px 4px 0 0;border-bottom-color:transparent}.spw-custom-select--is-opened.spw-custom-select--up .spw-custom-select__container{border-radius:0 0 4px 4px;border-top-color:transparent}.spw-custom-select__selected{flex:1;padding-right:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.spw-custom-select__selected span{white-space:nowrap}.spw-custom-select--is-clear .spw-custom-select__selected{padding-right:58px}.spw-custom-select__selected-item{display:inline-flex;align-items:center;gap:6px;color:var(--spw-color-themes-grey-grey-900);border:1px solid var(--spw-color-themes-grey-grey-900);background:var(--spw-color-themes-grey-grey-200);line-height:24px;height:24px;padding:0 8px;margin:4px 6px 2px 0;border-radius:999px;font-size:14px;user-select:none}.spw-custom-select__selected-items{flex:1;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.spw-custom-select--is-opened .spw-custom-select__selected-items{padding-top:3px;padding-bottom:4px;overflow:visible;text-overflow:initial;text-wrap:initial}.spw-custom-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:12}.spw-custom-select--large .spw-custom-select__icons{right:24px}.spw-custom-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-custom-select__clear:hover{color:var(--spw-ds-primary)}.spw-custom-select__arrow{font-size:16px;color:var(--spw-color-themes-grey-grey-900);pointer-events:none}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{position:absolute;top:0;left:0;z-index:11;width:100%;margin-top:1px;display:flex;align-items:center}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:100%;margin-top:-3px;padding:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background:white}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:-100%;margin-top:-7px}.spw-custom-select__search-input{padding:0;height:38px;line-height:40px;border:none;margin:0;width:calc(100% - 30px);background:transparent;text-overflow:ellipsis}.spw-custom-select--is-clear .spw-custom-select__search-input{width:calc(100% - 58px)}.spw-custom-select--show-create .spw-custom-select__search-input{width:calc(100% - 66px)}.spw-custom-select--is-clear.spw-custom-select--show-create .spw-custom-select__search-input{width:calc(100% - 94px)}.spw-custom-select__search-input:focus{outline:none}.spw-custom-select--is-opened .spw-custom-select__search-input{border-left:1px solid var(--spw-color-themes-grey-grey-800);padding:0 12px}.spw-custom-select--is-opened.spw-custom-select--has-value .spw-custom-select__search-input{border:1px solid var(--spw-color-themes-grey-grey-800);flex:1;width:auto;border-radius:3px}.spw-custom-select__create-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0;padding-top:2px;width:28px;line-height:28px;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:100px;background:#fff;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);font-size:14px;pointer-events:auto;transition:background 0.15s ease, border-color 0.15s ease}.spw-custom-select__create-btn:hover{background:var(--spw-color-themes-grey-grey-200);border-color:var(--spw-color-themes-grey-grey-900)}.spw-custom-select__create-btn:focus-visible{outline:3px solid white;box-shadow:0 0 0 6px black}.spw-custom-select__create-btn--big{width:38px;height:38px;border-radius:4px;margin-left:4px;padding-top:0}.spw-custom-select__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;overflow:hidden;z-index:9999;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.spw-custom-select__options:not(.spw-custom-select__options--fixed){position:absolute;top:100%;left:0;width:100%;margin-top:-1px}.spw-custom-select__options--up:not(.spw-custom-select__options--fixed){top:0;transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:0}.spw-custom-select__options--fixed.spw-custom-select__options--down{transform:translateY(0)}.spw-custom-select__options--fixed.spw-custom-select__options--up{transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:-40px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:-86px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:-46px}.spw-custom-select__options-list{max-height:200px;overflow-y:auto}.spw-custom-select__options-list::-webkit-scrollbar{width:14px;height:14px}.spw-custom-select__options-list::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-custom-select__options-list::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-custom-select__options-list{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-custom-select__options-footer{border-top:1px solid var(--spw-color-themes-grey-grey-900);padding:8px;background-color:#fff}.spw-custom-select__no-results{padding:12px;cursor:not-allowed;color:var(--spw-color-themes-grey-grey-600)}.spw-custom-select__option{display:flex;align-items:center;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);padding:12px;cursor:pointer}.spw-custom-select__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-custom-select__option:last-child{border-bottom:none}.spw-custom-select__option--selected{font-weight:700}.spw-custom-select__option--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.spw-custom-select__option--disabled:hover{background-color:transparent}.spw-custom-select__option--created{justify-content:space-between}.spw-custom-select__option-remove{padding-left:4px;margin-left:auto;flex-shrink:0;font-size:14px;color:var(--spw-color-themes-grey-grey-600);transition:color 0.15s ease}.spw-custom-select__option-remove:hover{color:var(--spw-color-themes-grey-grey-900)}.spw-custom-select__error{display:block;font-size:12px;color:var(--spw-color-themes-grey-grey-600);margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}"}},[321,"spw-custom-select",{value:[1544],label:[1],placeholder:[1],searchPlaceholder:[1,"search-placeholder"],noResultsText:[1,"no-results-text"],disabled:[4],name:[1],required:[4],items:[16],size:[1],multiple:[4],isSearch:[4,"is-search"],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"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],fixedDropdown:[4,"fixed-dropdown"],fixedDropdownParent:[1,"fixed-dropdown-parent"],isClear:[4,"is-clear"],direction:[1],allowCreate:[4,"allow-create"],internalValue:[32],isOpen:[32],parsedOptions:[32],focusedOptionIndex:[32],searchText:[32],hasSlottedFooter:[32],dropdownDirection:[32],hasSelectedValue:[32],dropdownPosition:[32],setFocus:[64],resetSelect:[64],setValue:[64],getValue:[64]},void 0,{items:[{parseOptions:0}],value:[{valueChangedHandler:0}],internalValue:[{internalValueChanged:0}]}]),h=p,d=function(){"undefined"!=typeof customElements&&["spw-custom-select","spw-checkbox","spw-field-label","spw-field-message","spw-icon","spw-tooltip"].forEach((s=>{switch(s){case"spw-custom-select":customElements.get(o(s))||customElements.define(o(s),p);break;case"spw-checkbox":customElements.get(o(s))||c();break;case"spw-field-label":customElements.get(o(s))||r();break;case"spw-field-message":customElements.get(o(s))||n();break;case"spw-icon":customElements.get(o(s))||l();break;case"spw-tooltip":customElements.get(o(s))||a()}}))};export{h as SpwCustomSelect,d as defineCustomElement}
1
+ import{p as s,H as t,c as e,h as i,t as o}from"./index.js";import{d as c}from"./p-CfyijrJ8.js";import{d as r}from"./p-rvgnHRf7.js";import{d as n}from"./p-CLCgZYzK.js";import{d as l}from"./p-oVOlDrOp.js";import{d as a}from"./p-BwzaPX9J.js";const p=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.valueChanged=e(this,"valueChanged",7),this.optionCreated=e(this,"optionCreated",7),this.optionRemoved=e(this,"optionRemoved",7),this.internals=this.attachInternals(),this.parentScrollContainer=null,this.isOpen=!1,this.parsedOptions=[],this.focusedOptionIndex=null,this.searchText="",this.hasSlottedFooter=!1,this.dropdownDirection="down",this.hasSelectedValue=!1,this.dropdownPosition={top:0,left:0,width:0},this.value=[],this.label="",this.placeholder="Sélectionnez une option",this.searchPlaceholder="Entrez votre recherche",this.noResultsText="Aucun résultat trouvé",this.required=!1,this.size="medium",this.multiple=!1,this.isSearch=!1,this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.tooltipDirection="top",this.tooltipCursor="help",this.fixedDropdown=!1,this.isClear=!1,this.direction="auto",this.allowCreate=!1,this.handleOtherSelectOpened=s=>{s.detail.instance!==this.host&&this.isOpen&&this.closeDropdown()},this.handleClickOutside=s=>{var t,e;if(this.isOpen){const i=s.composedPath(),o=i[0],c=this.host.contains(o),r=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".spw-custom-select__search-input"),n=null==r?void 0:r.contains(o),l=this.hostElement.querySelector('[slot="footer"]'),a=!!l&&i.includes(l);if(!c&&!n&&!a){if(this.multiple){const s=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".spw-custom-select__options");if(s&&s.contains(o))return}this.closeDropdown()}}},this.updateDropdownPosition=()=>{if(!this.selectContainer)return;const s=this.selectContainer.getBoundingClientRect(),t=window.innerHeight;this.dropdownDirection="top"===this.direction?"up":"bottom"===this.direction?"down":s.bottom+200>t&&s.top>200?"up":"down",this.dropdownPosition={top:s.bottom,left:s.left,width:s.width}}}componentWillLoad(){if(this.multiple)if("string"==typeof this.value)try{this.internalValue=JSON.parse(this.value)}catch(s){this.internalValue=[]}else this.internalValue=Array.isArray(this.value)?this.value:[];else this.internalValue=this.value;this.defaultValue=this.internalValue,this.items&&this.parseOptions(this.items),this.updateSelectedOption()}async setFocus(){var s,t;const e=null===(s=this.host)||void 0===s?void 0:s.querySelector(".spw-custom-select__search-input");e?e.focus():null===(t=this.selectContainer)||void 0===t||t.focus()}async resetSelect(){this.multiple?(this.internalValue=[],this.value=[]):(this.internalValue="",this.value=""),this.searchText="",this.focusedOptionIndex=null,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}async setValue(s){this.multiple?(this.internalValue=Array.isArray(s)?s:[s],this.value=this.internalValue):(this.internalValue=s,this.value=s),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}async getValue(){return this.internalValue}formResetCallback(){this.setValue(this.defaultValue)}componentDidLoad(){this.internals.setFormValue(this.getFormValue());const s=this.hostElement.querySelector('[slot="footer"]');this.hasSlottedFooter=!!s}connectedCallback(){document.addEventListener("click",this.handleClickOutside,!0),document.addEventListener("spw-custom-select-opened",this.handleOtherSelectOpened),window.addEventListener("scroll",this.updateDropdownPosition,!0),window.addEventListener("resize",this.updateDropdownPosition)}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside,!0),document.removeEventListener("spw-custom-select-opened",this.handleOtherSelectOpened),window.removeEventListener("scroll",this.updateDropdownPosition,!0),window.removeEventListener("resize",this.updateDropdownPosition),this.cleanupParentScrollListener(),this.isOpen=!1}findParentComponent(){if(!this.fixedDropdownParent)return null;let s=this.hostElement;for(;s;){if(s instanceof t&&s.tagName.toLowerCase()===this.fixedDropdownParent.toLowerCase())return s;if(s.parentElement)s=s.parentElement;else{const t=s.getRootNode();if(!(t instanceof ShadowRoot))break;s=t.host}}return null}findScrollContainerInShadowRoot(s){const t=s.shadowRoot;if(!t)return null;const e=t.querySelectorAll("*");let i=null,o=-1;for(const s of Array.from(e)){const e=s,c=window.getComputedStyle(e);if("auto"===c.overflow||"scroll"===c.overflow||"auto"===c.overflowY||"scroll"===c.overflowY){let c=0,r=s;for(;r&&r!==t;)c++,r=r.parentNode;c>o&&(o=c,i=e)}}return i}ensureParentScrollListener(){if(!this.fixedDropdownParent||!this.fixedDropdown)return;if(this.parentScrollContainer)return;const s=this.findParentComponent();s&&(this.parentScrollContainer=this.findScrollContainerInShadowRoot(s),this.parentScrollContainer&&this.parentScrollContainer.addEventListener("scroll",this.updateDropdownPosition))}cleanupParentScrollListener(){this.parentScrollContainer&&(this.parentScrollContainer.removeEventListener("scroll",this.updateDropdownPosition),this.parentScrollContainer=null)}parseOptions(s){try{this.parsedOptions=Array.isArray(s)?s.map((s=>({value:s.value,label:s.label,disabled:s.disabled||!1}))):[],this.updateSelectedOption()}catch(s){this.parsedOptions=[]}}valueChangedHandler(s){this.internalValue=this.multiple?Array.isArray(s)?s:[s]:s,this.updateSelectedOption(),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}updateSelectedOption(){this.internals.setFormValue(this.getFormValue()),this.multiple||void 0===this.internalValue?this.multiple&&Array.isArray(this.internalValue)&&(this.internalValue=this.internalValue.filter((s=>this.parsedOptions.some((t=>t.value+""==s+"")))).sort(((s,t)=>this.parsedOptions.findIndex((t=>t.value+""==s+""))-this.parsedOptions.findIndex((s=>s.value+""==t+""))))):this.focusedOptionIndex=this.parsedOptions.findIndex((s=>s.value+""==this.internalValue+""))}internalValueChanged(){this.hasSelectedValue=Array.isArray(this.internalValue)?this.internalValue.length>0:!!this.internalValue}getFormValue(){return this.multiple?Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((s=>s+"")).join(","):null:this.internalValue?this.internalValue+"":null}toggleDropdown(s){if(!this.disabled){if(s){if(s.composedPath()[0].classList.contains("spw-custom-select__search-input"))return;s.stopPropagation()}this.determineDropdownDirection();const t=this.isOpen;this.isOpen=!this.isOpen,this.isOpen&&!t&&(this.ensureParentScrollListener(),this.notifyOtherSelects()),this.isOpen||(this.focusedOptionIndex=null)}}notifyOtherSelects(){const s=new CustomEvent("spw-custom-select-opened",{detail:{instance:this.host},bubbles:!0,composed:!0});document.dispatchEvent(s)}determineDropdownDirection(){this.updateDropdownPosition()}openDropdownWithKeyboard(){this.determineDropdownDirection(),this.isOpen=!0,this.focusedOptionIndex=0,this.ensureParentScrollListener(),this.notifyOtherSelects()}closeDropdown(){this.isOpen=!1,this.focusedOptionIndex=null,this.searchText=""}slugify(s){return this.normalizeString(s).replace(/\s+/g,"-").replace(/[^a-z0-9-]/g,"")}addCreatedOption(s){const t=s.trim();if(!t)return;const e=this.slugify(t),i={label:t,value:e,created:!0};this.parsedOptions=[...this.parsedOptions,i],this.optionCreated.emit(i),this.selectOption(e),this.searchText=""}removeCreatedOption(s,t){if(t.stopPropagation(),this.multiple){const t=this.internalValue.findIndex((t=>t+""==s.value+""));t>-1&&(this.internalValue=[...this.internalValue.slice(0,t),...this.internalValue.slice(t+1)],this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue))}else this.internalValue+""==s.value+""&&(this.internalValue="",this.value="",this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue));this.parsedOptions=this.parsedOptions.filter((t=>t.value+""!=s.value+"")),this.optionRemoved.emit(s)}handleClear(s){s.stopPropagation(),this.resetSelect()}selectOption(s,t){t&&t.stopPropagation();const e=this.parsedOptions.find((t=>t.value+""==s+""));if(!(null==e?void 0:e.disabled)){if(this.multiple){const t=this.internalValue.findIndex((t=>t+""==s+""));this.internalValue=t>-1?[...this.internalValue.slice(0,t),...this.internalValue.slice(t+1)]:[...this.internalValue,s],this.internalValue=this.internalValue.sort(((s,t)=>this.parsedOptions.findIndex((t=>t.value+""==s+""))-this.parsedOptions.findIndex((s=>s.value+""==t+""))))}else this.internalValue=s,this.closeDropdown();this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}}handleOptionKeyDown(s,t){"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.selectOption(t))}handleKeyDown(s){var t,e;if(!s.target.classList.contains("spw-custom-select__search-input"))switch(s.key){case" ":s.preventDefault(),this.isOpen||this.openDropdownWithKeyboard();break;case"ArrowDown":if(s.preventDefault(),this.isOpen){let s=null===this.focusedOptionIndex?0:(this.focusedOptionIndex+1)%this.parsedOptions.length;for(;(null===(t=this.parsedOptions[s])||void 0===t?void 0:t.disabled)&&s!==this.focusedOptionIndex;)s=(s+1)%this.parsedOptions.length;this.focusedOptionIndex=s}else this.openDropdownWithKeyboard();break;case"ArrowUp":if(s.preventDefault(),this.isOpen){let s=null===this.focusedOptionIndex?this.parsedOptions.length-1:(this.focusedOptionIndex-1+this.parsedOptions.length)%this.parsedOptions.length;for(;(null===(e=this.parsedOptions[s])||void 0===e?void 0:e.disabled)&&s!==this.focusedOptionIndex;)s=(s-1+this.parsedOptions.length)%this.parsedOptions.length;this.focusedOptionIndex=s}break;case"Enter":s.preventDefault(),this.isOpen&&null!==this.focusedOptionIndex&&this.selectOption(this.parsedOptions[this.focusedOptionIndex].value);break;case"Escape":this.isOpen&&this.closeDropdown()}}renderErrorMessage(){if(this.error)return i("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}renderHintMessage(){if(this.hint)return i("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderWarningMessage(){if(this.warning)return i("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}renderSuccessMessage(){if(this.success)return i("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}get elementClass(){const s=this.showCreateButton();return{"spw-custom-select":!0,["spw-custom-select--"+this.size]:!0,["spw-custom-select--"+this.dropdownDirection]:!0,"spw-custom-select--is-error":!!this.error,"spw-custom-select--disabled":this.disabled,"spw-custom-select--is-opened":this.isOpen,"spw-custom-select--has-value":this.hasSelectedValue,"spw-custom-select--no-value":!this.hasSelectedValue,"spw-custom-select--is-searchable":this.isSearch,"spw-custom-select--not-searchable":!this.isSearch,"spw-custom-select--is-clear":this.isClear&&(this.hasSelectedValue||!!this.searchText),"spw-custom-select--show-create":s}}normalizeString(s){return s.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}getSelectedLabels(){if(this.multiple)return Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((s=>{var t;return null===(t=this.parsedOptions.find((t=>t.value+""==s+"")))||void 0===t?void 0:t.label})).filter(Boolean).join(", "):null;{const s=this.parsedOptions.find((s=>s.value+""==this.internalValue+""));return s?s.label:null}}getFilteredOptions(){const s=this.normalizeString(this.searchText);return this.parsedOptions.filter((t=>this.normalizeString(t.label).includes(s)))}handleSearchInput(s){this.searchText=s.target.value,this.focusedOptionIndex=0,this.isOpen||(this.isOpen=!0,this.ensureParentScrollListener(),this.notifyOtherSelects())}isSearchVisible(){return!!this.isSearch&&(!this.hasSelectedValue&&!this.isOpen||!(!this.isSearch||!this.isOpen)||this.isOpen)}showPlaceholder(){return!this.isSearch&&!this.hasSelectedValue}showCreateButton(){if(!this.allowCreate||!this.isSearch||!this.searchText.trim())return!1;const s=this.normalizeString(this.searchText.trim());return!this.parsedOptions.some((t=>this.normalizeString(t.label)===s))}render(){const s=this.getFilteredOptions(),t=this.showPlaceholder(),e=this.showCreateButton();return i("div",{key:"4bb22979651b6946dd66fc9844f205e59d0a5411",class:this.elementClass,ref:s=>this.host=s},this.label&&i("spw-field-label",{key:"4d9c26597da16ec05bc8aee0c2a03413ea17ff50",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:"85594d2693007a09d2d1b70b9f5bc61056548ee2",class:"spw-custom-select__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"53fe8200e2e8ec025c9148bb76a4bd7418068513",class:"spw-custom-select__wrapper"},i("div",{key:"79b757cffef9f53eb738d2e11aee592e63211841",class:"spw-custom-select__container",id:this.name,ref:s=>this.selectContainer=s,onClick:s=>this.toggleDropdown(s),onKeyDown:s=>this.handleKeyDown(s),tabindex:this.disabled?-1:0},i("div",{key:"c502d3c270203b548990cfab7d45394557314334",class:"spw-custom-select__selected"},this.isSearchVisible()&&i("div",{key:"9134c7f87988d3f0efb6c8095646bb6a1ca8ebd0",class:"spw-custom-select__search"},i("input",{key:"0a5b873ac75d71f480e1209184fa0e63552632b9",class:"spw-custom-select__search-input",placeholder:this.searchPlaceholder,onInput:s=>this.handleSearchInput(s),value:this.searchText}),e&&this.isOpen&&this.hasSelectedValue&&i("button",{key:"7ecf48c56ddb8a7918a38b37b0dbfb47994fc0af",class:"spw-custom-select__create-btn spw-custom-select__create-btn--big",type:"button",onMouseDown:s=>{s.preventDefault(),s.stopPropagation(),this.addCreatedOption(this.searchText)}},i("spw-icon",{key:"078c09832bcce6f476a83be55bc54e4cd19223bc",icon:"fa-plus"}))),t&&i("span",{key:"29e59d519f39c3dcafe60a169b2a01adee8904f7"},this.placeholder),this.multiple&&this.internalValue.length>0&&i("div",{key:"205e9ebc3bf531b76fc0abdbb760c214a08b6623",class:"spw-custom-select__selected-items"},this.internalValue.map((s=>{var t;return i("span",{class:"spw-custom-select__selected-item"},null===(t=this.parsedOptions.find((t=>t.value+""==s+"")))||void 0===t?void 0:t.label,i("spw-icon",{icon:"fa-times",class:"spw-custom-select__deselect-icon",onClick:t=>this.selectOption(s,t)}))}))),!this.multiple&&i("span",{key:"67eb1e59a69443c63cfe030421a45dd9ed98d626"},this.getSelectedLabels()))),i("div",{key:"d36ae8e7dbcbdf5d3895482bf94ce352ccb2deb2",class:"spw-custom-select__icons"},e&&!(this.isOpen&&this.hasSelectedValue)&&i("button",{key:"d5ab27383e5915b3a6a23e2a4c233e37b56bdcda",class:"spw-custom-select__create-btn",type:"button",onMouseDown:s=>{s.preventDefault(),s.stopPropagation(),this.addCreatedOption(this.searchText)}},i("spw-icon",{key:"00e486f257d3576fe5a481320685c0f73ac76b43",icon:"fa-plus"})),this.isClear&&(this.hasSelectedValue||!!this.searchText)&&i("span",{key:"522cc58133eebfc86d8f64ab549905f4d7dc85ea",class:"spw-custom-select__clear",onClick:s=>this.handleClear(s)},i("spw-icon",{key:"4afc256de08bae62efde4d0903a2fa2de4438d89",icon:"fa-xmark"})),i("div",{key:"ae0fb99288bad447c52288df66afdcf042c139d8",class:"spw-custom-select__arrow"},i("spw-icon",{key:"2166910463c05b09b845eab799fbb13b63bcc06f",icon:this.isOpen?"fa-chevron-up":"fa-chevron-down"}))),this.isOpen&&i("div",{key:"2331976d5867174852a1394987bf6bdf8545a3f2",class:{"spw-custom-select__options":!0,["spw-custom-select__options--"+this.dropdownDirection]:!0,"spw-custom-select__options--fixed":this.fixedDropdown},style:this.fixedDropdown?{position:"fixed",top:this.dropdownPosition.top+"px",left:this.dropdownPosition.left+"px",width:this.dropdownPosition.width+"px"}:{}},i("div",{key:"43dd9a1b026ff6aac3a4d309e4f4e950156566ef",class:"spw-custom-select__options-list"},!!s.length&&i("ul",{key:"dc42399871b8b4286a440a9c5da7c618301ca330"},s.map(((s,t)=>i("li",{class:{"spw-custom-select__option":!0,"spw-custom-select__option--selected":this.multiple?this.internalValue.some((t=>t+""==s.value+"")):s.value===this.internalValue,"spw-custom-select__option--focused":t===this.focusedOptionIndex,"spw-custom-select__option--disabled":s.disabled,"spw-custom-select__option--created":!!s.created},onClick:()=>this.selectOption(s.value)},this.multiple&&i("spw-checkbox",{onKeyDown:t=>this.handleOptionKeyDown(t,s.value),class:"spw-custom-select__checkbox",checked:this.internalValue.some((t=>t+""==s.value+"")),disabled:s.disabled}),s.label,s.created&&i("spw-icon",{class:"spw-custom-select__option-remove",icon:"fa-trash",onClick:t=>this.removeCreatedOption(s,t)}))))),!s.length&&i("p",{key:"16b8fc9d36f71937588d8f57ddf593380766a5a8",class:"spw-custom-select__no-results"},this.noResultsText)),this.hasSlottedFooter&&i("div",{key:"c273c08ab20c4d80b26045fba0bc8abca5564851",class:"spw-custom-select__options-footer"},i("slot",{key:"f54f6b94a36cc064f8820a6892cfb02b05e039b1",name:"footer"})))),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}get hostElement(){return this}static get watchers(){return{items:[{parseOptions:0}],value:[{valueChangedHandler:0}],internalValue:[{internalValueChanged: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)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 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:1232px;--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: 460px){.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: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-custom-select{position:relative}.spw-custom-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-custom-select__checkbox{margin-right:8px}.spw-custom-select__container{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 12px;line-height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-within,.spw-custom-select__container:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-custom-select--disabled .spw-custom-select__container{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-custom-select--disabled .spw-custom-select__container::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container:hover,.spw-custom-select--disabled .spw-custom-select__container:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible{outline:none}.spw-custom-select--is-error .spw-custom-select__container{border-color:var(--spw-colors-states-error-error-300)}.spw-custom-select--large .spw-custom-select__container{height:60px;padding:0 24px;line-height:60px}.spw-custom-select--is-opened .spw-custom-select__container{height:auto;line-height:1;min-height:40px}.spw-custom-select--is-opened.spw-custom-select--down .spw-custom-select__container{border-radius:4px 4px 0 0;border-bottom-color:transparent}.spw-custom-select--is-opened.spw-custom-select--up .spw-custom-select__container{border-radius:0 0 4px 4px;border-top-color:transparent}.spw-custom-select__selected{flex:1;padding-right:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.spw-custom-select__selected span{white-space:nowrap}.spw-custom-select--is-clear .spw-custom-select__selected{padding-right:58px}.spw-custom-select__selected-item{display:inline-flex;align-items:center;gap:6px;color:var(--spw-color-themes-grey-grey-900);border:1px solid var(--spw-color-themes-grey-grey-900);background:var(--spw-color-themes-grey-grey-200);line-height:24px;height:24px;padding:0 8px;margin:4px 6px 2px 0;border-radius:999px;font-size:14px;user-select:none}.spw-custom-select__selected-items{flex:1;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.spw-custom-select--is-opened .spw-custom-select__selected-items{padding-top:3px;padding-bottom:4px;overflow:visible;text-overflow:initial;text-wrap:initial}.spw-custom-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:12}.spw-custom-select--large .spw-custom-select__icons{right:24px}.spw-custom-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-custom-select__clear:hover{color:var(--spw-ds-primary)}.spw-custom-select__arrow{font-size:16px;color:var(--spw-color-themes-grey-grey-900);pointer-events:none}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{position:absolute;top:0;left:0;z-index:11;width:100%;margin-top:1px;display:flex;align-items:center}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:100%;margin-top:-3px;padding:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background:white}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:-100%;margin-top:-7px}.spw-custom-select__search-input{padding:0;height:38px;line-height:40px;border:none;margin:0;width:calc(100% - 30px);background:transparent;text-overflow:ellipsis}.spw-custom-select--is-clear .spw-custom-select__search-input{width:calc(100% - 58px)}.spw-custom-select--show-create .spw-custom-select__search-input{width:calc(100% - 66px)}.spw-custom-select--is-clear.spw-custom-select--show-create .spw-custom-select__search-input{width:calc(100% - 94px)}.spw-custom-select__search-input:focus{outline:none}.spw-custom-select--is-opened .spw-custom-select__search-input{border-left:1px solid var(--spw-color-themes-grey-grey-800);padding:0 12px}.spw-custom-select--is-opened.spw-custom-select--has-value .spw-custom-select__search-input{border:1px solid var(--spw-color-themes-grey-grey-800);flex:1;width:auto;border-radius:3px}.spw-custom-select__create-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0;padding-top:2px;width:28px;line-height:28px;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:100px;background:#fff;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);font-size:14px;pointer-events:auto;transition:background 0.15s ease, border-color 0.15s ease}.spw-custom-select__create-btn:hover{background:var(--spw-color-themes-grey-grey-200);border-color:var(--spw-color-themes-grey-grey-900)}.spw-custom-select__create-btn:focus-visible{outline:3px solid white;box-shadow:0 0 0 6px black}.spw-custom-select__create-btn--big{width:38px;height:38px;border-radius:4px;margin-left:4px;padding-top:0}.spw-custom-select__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;overflow:hidden;z-index:9999;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.spw-custom-select__options:not(.spw-custom-select__options--fixed){position:absolute;top:100%;left:0;width:100%;margin-top:-1px}.spw-custom-select__options--up:not(.spw-custom-select__options--fixed){top:0;transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:0}.spw-custom-select__options--fixed.spw-custom-select__options--down{transform:translateY(0)}.spw-custom-select__options--fixed.spw-custom-select__options--up{transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:-40px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:-86px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:-46px}.spw-custom-select__options-list{max-height:200px;overflow-y:auto}.spw-custom-select__options-list::-webkit-scrollbar{width:14px;height:14px}.spw-custom-select__options-list::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-custom-select__options-list::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-custom-select__options-list{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-custom-select__options-footer{border-top:1px solid var(--spw-color-themes-grey-grey-900);padding:8px;background-color:#fff}.spw-custom-select__no-results{padding:12px;cursor:not-allowed;color:var(--spw-color-themes-grey-grey-600)}.spw-custom-select__option{display:flex;align-items:center;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);padding:12px;cursor:pointer}.spw-custom-select__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-custom-select__option:last-child{border-bottom:none}.spw-custom-select__option--selected{font-weight:700}.spw-custom-select__option--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.spw-custom-select__option--disabled:hover{background-color:transparent}.spw-custom-select__option--created{justify-content:space-between}.spw-custom-select__option-remove{padding-left:4px;margin-left:auto;flex-shrink:0;font-size:14px;color:var(--spw-color-themes-grey-grey-600);transition:color 0.15s ease}.spw-custom-select__option-remove:hover{color:var(--spw-color-themes-grey-grey-900)}.spw-custom-select__error{display:block;font-size:12px;color:var(--spw-color-themes-grey-grey-600);margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}"}},[321,"spw-custom-select",{value:[1544],label:[1],placeholder:[1],searchPlaceholder:[1,"search-placeholder"],noResultsText:[1,"no-results-text"],disabled:[4],name:[1],required:[4],items:[16],size:[1],multiple:[4],isSearch:[4,"is-search"],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"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],fixedDropdown:[4,"fixed-dropdown"],fixedDropdownParent:[1,"fixed-dropdown-parent"],isClear:[4,"is-clear"],direction:[1],allowCreate:[4,"allow-create"],internalValue:[32],isOpen:[32],parsedOptions:[32],focusedOptionIndex:[32],searchText:[32],hasSlottedFooter:[32],dropdownDirection:[32],hasSelectedValue:[32],dropdownPosition:[32],setFocus:[64],resetSelect:[64],setValue:[64],getValue:[64]},void 0,{items:[{parseOptions:0}],value:[{valueChangedHandler:0}],internalValue:[{internalValueChanged:0}]}]),h=p,d=function(){"undefined"!=typeof customElements&&["spw-custom-select","spw-checkbox","spw-field-label","spw-field-message","spw-icon","spw-tooltip"].forEach((s=>{switch(s){case"spw-custom-select":customElements.get(o(s))||customElements.define(o(s),p);break;case"spw-checkbox":customElements.get(o(s))||c();break;case"spw-field-label":customElements.get(o(s))||r();break;case"spw-field-message":customElements.get(o(s))||n();break;case"spw-icon":customElements.get(o(s))||l();break;case"spw-tooltip":customElements.get(o(s))||a()}}))};export{h as SpwCustomSelect,d as defineCustomElement}