@swisspost/design-system-components 10.0.0-next.66 → 10.0.0-next.68

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 (368) hide show
  1. package/dist/cjs/{breakpoints-B81j4H4_.js → breakpoints-B0Olgvgc.js} +8 -9
  2. package/dist/cjs/{get-focusable-children-SdEe5tt7.js → get-focusable-children-BGVgg7Te.js} +4 -4
  3. package/dist/cjs/{get-root-CUAv4k4C.js → get-root-B1FnQ50K.js} +1 -3
  4. package/dist/cjs/{index-YVR3WTTS.js → index-Du1lKw8D.js} +21 -9
  5. package/dist/cjs/{index-ChzLnSU8.js → index-qCzRmwgB.js} +2 -2
  6. package/dist/cjs/loader.cjs.js +2 -2
  7. package/dist/cjs/{package-Cixsn1Ql.js → package-DB6yM9Rp.js} +1 -1
  8. package/dist/cjs/post-accordion_2.cjs.entry.js +6 -7
  9. package/dist/cjs/post-autocomplete.cjs.entry.js +181 -0
  10. package/dist/cjs/post-avatar.cjs.entry.js +6 -7
  11. package/dist/cjs/post-back-to-top.cjs.entry.js +8 -9
  12. package/dist/cjs/post-banner.cjs.entry.js +5 -6
  13. package/dist/cjs/{post-breadcrumb-item_2.cjs.entry.js → post-breadcrumb-item.cjs.entry.js} +7 -23
  14. package/dist/cjs/post-breadcrumbs.cjs.entry.js +13 -12
  15. package/dist/cjs/{post-closebutton_13.cjs.entry.js → post-closebutton_14.cjs.entry.js} +97 -70
  16. package/dist/cjs/post-collapsible_2.cjs.entry.js +18 -12
  17. package/dist/cjs/post-components.cjs.js +2 -2
  18. package/dist/cjs/post-date-picker.cjs.entry.js +12 -13
  19. package/dist/cjs/post-footer.cjs.entry.js +8 -9
  20. package/dist/cjs/post-linkarea.cjs.entry.js +3 -3
  21. package/dist/cjs/post-listbox-option.cjs.entry.js +26 -0
  22. package/dist/cjs/post-listbox.cjs.entry.js +151 -0
  23. package/dist/cjs/post-login-widget.cjs.entry.js +60 -0
  24. package/dist/cjs/post-number-input.cjs.entry.js +20 -14
  25. package/dist/cjs/post-pagination.cjs.entry.js +10 -11
  26. package/dist/cjs/post-popover-trigger.cjs.entry.js +5 -6
  27. package/dist/cjs/post-popover.cjs.entry.js +7 -8
  28. package/dist/cjs/post-rating.cjs.entry.js +5 -6
  29. package/dist/cjs/post-stepper-item.cjs.entry.js +3 -3
  30. package/dist/cjs/post-stepper.cjs.entry.js +6 -7
  31. package/dist/cjs/post-tab-item.cjs.entry.js +5 -6
  32. package/dist/cjs/post-tab-panel.cjs.entry.js +5 -6
  33. package/dist/cjs/post-tabs.cjs.entry.js +8 -9
  34. package/dist/cjs/post-tooltip-trigger.cjs.entry.js +7 -10
  35. package/dist/cjs/post-tooltip.cjs.entry.js +5 -6
  36. package/dist/collection/animations/collapse.js +10 -3
  37. package/dist/collection/collection-manifest.json +5 -2
  38. package/dist/collection/components/post-accordion/post-accordion.js +2 -2
  39. package/dist/collection/components/post-autocomplete/post-autocomplete.css +1 -0
  40. package/dist/collection/components/post-autocomplete/post-autocomplete.js +271 -0
  41. package/dist/collection/components/post-avatar/post-avatar.js +2 -2
  42. package/dist/collection/components/post-back-to-top/post-back-to-top.js +4 -4
  43. package/dist/collection/components/post-banner/post-banner.js +1 -1
  44. package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js +42 -5
  45. package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.js +9 -7
  46. package/dist/collection/components/post-closebutton/post-closebutton.js +1 -1
  47. package/dist/collection/components/post-collapsible/post-collapsible.js +4 -4
  48. package/dist/collection/components/post-collapsible-trigger/post-collapsible-trigger.js +1 -1
  49. package/dist/collection/components/post-date-picker/post-date-picker.css +1 -1
  50. package/dist/collection/components/post-date-picker/post-date-picker.js +9 -9
  51. package/dist/collection/components/post-footer/post-footer.css +1 -1
  52. package/dist/collection/components/post-footer/post-footer.js +3 -3
  53. package/dist/collection/components/post-header/post-header.js +13 -13
  54. package/dist/collection/components/post-icon/post-icon.js +16 -13
  55. package/dist/collection/components/post-language-menu/post-language-menu.css +1 -1
  56. package/dist/collection/components/post-language-menu/post-language-menu.js +1 -1
  57. package/dist/collection/components/post-language-menu-item/post-language-menu-item.css +1 -1
  58. package/dist/collection/components/post-language-menu-item/post-language-menu-item.js +28 -1
  59. package/dist/collection/components/post-linkarea/post-linkarea.js +1 -1
  60. package/dist/collection/components/post-listbox/post-listbox.css +1 -0
  61. package/dist/collection/components/post-listbox/post-listbox.js +293 -0
  62. package/dist/collection/components/post-listbox-option/post-listbox-option.css +1 -0
  63. package/dist/collection/components/post-listbox-option/post-listbox-option.js +109 -0
  64. package/dist/collection/components/post-login-widget/post-login-widget.js +120 -0
  65. package/dist/collection/components/post-logo/post-logo.js +1 -1
  66. package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +1 -1
  67. package/dist/collection/components/post-megadropdown/post-megadropdown.css +1 -1
  68. package/dist/collection/components/post-megadropdown/post-megadropdown.js +5 -5
  69. package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.css +1 -1
  70. package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +1 -1
  71. package/dist/collection/components/post-menu/post-menu.js +2 -2
  72. package/dist/collection/components/post-menu-item/post-menu-item.js +1 -1
  73. package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +1 -1
  74. package/dist/collection/components/post-number-input/post-number-input.css +4 -1
  75. package/dist/collection/components/post-number-input/post-number-input.js +12 -3
  76. package/dist/collection/components/post-pagination/post-pagination.js +6 -6
  77. package/dist/collection/components/post-popover/post-popover.js +1 -1
  78. package/dist/collection/components/post-popover-trigger/post-popover-trigger.js +1 -1
  79. package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +26 -19
  80. package/dist/collection/components/post-rating/post-rating.js +1 -1
  81. package/dist/collection/components/post-stepper/post-stepper.js +2 -2
  82. package/dist/collection/components/post-stepper-item/post-stepper-item.js +1 -1
  83. package/dist/collection/components/post-tab-item/post-tab-item.js +1 -1
  84. package/dist/collection/components/post-tab-panel/post-tab-panel.js +1 -1
  85. package/dist/collection/components/post-tabs/post-tabs.js +4 -4
  86. package/dist/collection/components/post-togglebutton/post-togglebutton.js +1 -1
  87. package/dist/collection/components/post-tooltip/post-tooltip.js +1 -1
  88. package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.js +6 -6
  89. package/dist/collection/utils/attribute-observer.js +1 -2
  90. package/dist/collection/utils/breakpoints.js +8 -8
  91. package/dist/collection/utils/get-focusable-children.js +3 -3
  92. package/dist/collection/utils/get-root.js +1 -2
  93. package/dist/collection/utils/index.js +0 -1
  94. package/dist/collection/utils/is-iso-date.js +1 -1
  95. package/dist/collection/utils/is-motion-reduced.js +3 -2
  96. package/dist/collection/utils/property-checkers/check-date.js +1 -1
  97. package/dist/collection/utils/property-checkers/constants.js +1 -1
  98. package/dist/collection/utils/property-checkers/index.js +1 -2
  99. package/dist/collection/utils/repeat-on-long-press.js +6 -6
  100. package/dist/collection/utils/sass-export.js +1 -1
  101. package/dist/collection/utils/tests/helpers/mock-match-media.js +11 -0
  102. package/dist/collection/utils/tests/helpers/mock-stencil-constants.js +12 -0
  103. package/dist/component-names.json +4 -0
  104. package/dist/components/breakpoints.js +1 -1
  105. package/dist/components/get-focusable-children.js +1 -1
  106. package/dist/components/get-root.js +1 -1
  107. package/dist/components/index.d.ts +8 -2
  108. package/dist/components/index.js +1 -1
  109. package/dist/components/index2.js +1 -0
  110. package/dist/components/package.js +1 -1
  111. package/dist/components/post-accordion-item2.js +1 -1
  112. package/dist/components/post-accordion2.js +1 -1
  113. package/dist/components/post-autocomplete.d.ts +11 -0
  114. package/dist/components/post-autocomplete.js +1 -0
  115. package/dist/components/post-avatar.js +1 -1
  116. package/dist/components/post-back-to-top.js +1 -1
  117. package/dist/components/post-banner.js +1 -1
  118. package/dist/components/post-breadcrumb-item2.js +1 -1
  119. package/dist/components/post-breadcrumbs.js +1 -1
  120. package/dist/components/post-closebutton2.js +1 -1
  121. package/dist/components/post-collapsible-trigger2.js +1 -1
  122. package/dist/components/post-collapsible2.js +1 -1
  123. package/dist/components/post-date-picker.js +1 -1
  124. package/dist/components/post-footer.js +1 -1
  125. package/dist/components/post-header.js +1 -1
  126. package/dist/components/post-icon2.js +1 -1
  127. package/dist/components/post-language-menu-item.js +1 -1
  128. package/dist/components/post-language-menu.js +1 -1
  129. package/dist/components/post-linkarea.js +1 -1
  130. package/dist/components/post-listbox-option.d.ts +11 -0
  131. package/dist/components/post-listbox-option.js +1 -0
  132. package/dist/components/{post-env-test.d.ts → post-listbox.d.ts} +4 -4
  133. package/dist/components/post-listbox.js +1 -0
  134. package/dist/components/post-login-widget.d.ts +11 -0
  135. package/dist/components/post-login-widget.js +1 -0
  136. package/dist/components/post-logo.js +1 -1
  137. package/dist/components/post-mainnavigation.js +1 -1
  138. package/dist/components/post-megadropdown-trigger.js +1 -1
  139. package/dist/components/post-megadropdown.js +1 -1
  140. package/dist/components/post-menu-item2.js +1 -1
  141. package/dist/components/post-menu-trigger2.js +1 -1
  142. package/dist/components/post-menu2.js +1 -1
  143. package/dist/components/post-number-input.js +1 -1
  144. package/dist/components/post-pagination.js +1 -1
  145. package/dist/components/post-popover-trigger.js +1 -1
  146. package/dist/components/post-popover.js +1 -1
  147. package/dist/components/post-popovercontainer2.js +1 -1
  148. package/dist/components/post-rating.js +1 -1
  149. package/dist/components/post-stepper-item.js +1 -1
  150. package/dist/components/post-stepper.js +1 -1
  151. package/dist/components/post-tab-item.js +1 -1
  152. package/dist/components/post-tab-panel.js +1 -1
  153. package/dist/components/post-tabs.js +1 -1
  154. package/dist/components/post-togglebutton2.js +1 -1
  155. package/dist/components/post-tooltip-trigger.js +1 -1
  156. package/dist/components/post-tooltip.js +1 -1
  157. package/dist/components/react/index.js +1 -1
  158. package/dist/components/react/p-08F-DB-d.js +1 -0
  159. package/dist/components/react/p-B2BDAeHI.js +1 -0
  160. package/dist/components/react/p-BADyL6qQ.js +1 -0
  161. package/dist/components/react/p-BFAXoyMM.js +1 -0
  162. package/dist/components/react/p-BOqFllSV.js +1 -0
  163. package/dist/components/react/p-BQ3HlJPr.js +1 -0
  164. package/dist/components/react/p-ByN3t9FX.js +1 -0
  165. package/dist/components/react/{p-CmA91vH_.js → p-CmkOK7QT.js} +1 -1
  166. package/dist/components/react/p-CuiEdxy9.js +1 -0
  167. package/dist/components/react/p-DPFq3I2q.js +1 -0
  168. package/dist/components/react/p-DSw_A3Mh.js +1 -0
  169. package/dist/components/react/p-DsaGKkkf.js +1 -0
  170. package/dist/components/react/p-NDMNbu5d.js +1 -0
  171. package/dist/components/react/p-_AAbD0Gm.js +1 -0
  172. package/dist/components/react/p-aFH1oGSZ.js +1 -0
  173. package/dist/components/react/p-rEK_D60T.js +1 -0
  174. package/dist/components/react/p-wHDwT4JH.js +1 -0
  175. package/dist/components/react/post-accordion-item.js +1 -1
  176. package/dist/components/react/post-accordion.js +1 -1
  177. package/dist/components/react/post-autocomplete.d.ts +11 -0
  178. package/dist/components/react/post-autocomplete.js +1 -0
  179. package/dist/components/react/post-avatar.js +1 -1
  180. package/dist/components/react/post-back-to-top.js +1 -1
  181. package/dist/components/react/post-banner.js +1 -1
  182. package/dist/components/react/post-breadcrumb-item.js +1 -1
  183. package/dist/components/react/post-breadcrumbs.js +1 -1
  184. package/dist/components/react/post-closebutton.js +1 -1
  185. package/dist/components/react/post-collapsible-trigger.js +1 -1
  186. package/dist/components/react/post-collapsible.js +1 -1
  187. package/dist/components/react/post-date-picker.js +1 -1
  188. package/dist/components/react/post-footer.js +1 -1
  189. package/dist/components/react/post-header.js +1 -1
  190. package/dist/components/react/post-icon.js +1 -1
  191. package/dist/components/react/post-language-menu-item.js +1 -1
  192. package/dist/components/react/post-language-menu.js +1 -1
  193. package/dist/components/react/post-linkarea.js +1 -1
  194. package/dist/components/react/post-listbox-option.d.ts +11 -0
  195. package/dist/components/react/post-listbox-option.js +1 -0
  196. package/dist/components/react/{post-env-test.d.ts → post-listbox.d.ts} +4 -4
  197. package/dist/components/react/post-listbox.js +1 -0
  198. package/dist/components/react/post-login-widget.d.ts +11 -0
  199. package/dist/components/react/post-login-widget.js +1 -0
  200. package/dist/components/react/post-logo.js +1 -1
  201. package/dist/components/react/post-mainnavigation.js +1 -1
  202. package/dist/components/react/post-megadropdown-trigger.js +1 -1
  203. package/dist/components/react/post-megadropdown.js +1 -1
  204. package/dist/components/react/post-menu-item.js +1 -1
  205. package/dist/components/react/post-menu-trigger.js +1 -1
  206. package/dist/components/react/post-menu.js +1 -1
  207. package/dist/components/react/post-number-input.js +1 -1
  208. package/dist/components/react/post-pagination.js +1 -1
  209. package/dist/components/react/post-popover-trigger.js +1 -1
  210. package/dist/components/react/post-popover.js +1 -1
  211. package/dist/components/react/post-popovercontainer.js +1 -1
  212. package/dist/components/react/post-rating.js +1 -1
  213. package/dist/components/react/post-stepper-item.js +1 -1
  214. package/dist/components/react/post-stepper.js +1 -1
  215. package/dist/components/react/post-tab-item.js +1 -1
  216. package/dist/components/react/post-tab-panel.js +1 -1
  217. package/dist/components/react/post-tabs.js +1 -1
  218. package/dist/components/react/post-togglebutton.js +1 -1
  219. package/dist/components/react/post-tooltip-trigger.js +1 -1
  220. package/dist/components/react/post-tooltip.js +1 -1
  221. package/dist/docs.json +682 -56
  222. package/dist/esm/{breakpoints-_gmb7vUy.js → breakpoints-BQ3HlJPr.js} +8 -9
  223. package/dist/esm/{get-focusable-children-CFWKPWu9.js → get-focusable-children-DxYnH2ye.js} +4 -4
  224. package/dist/esm/{get-root-CXfAA093.js → get-root-08F-DB-d.js} +1 -3
  225. package/dist/esm/{index-Cj-Lzb7i.js → index-Ci4L1rzN.js} +21 -9
  226. package/dist/esm/{index-CCMeku7U.js → index-D9bU2pIE.js} +3 -3
  227. package/dist/esm/loader.js +3 -3
  228. package/dist/esm/package-NDMNbu5d.js +3 -0
  229. package/dist/esm/post-accordion_2.entry.js +6 -7
  230. package/dist/esm/post-autocomplete.entry.js +179 -0
  231. package/dist/esm/post-avatar.entry.js +6 -7
  232. package/dist/esm/post-back-to-top.entry.js +8 -9
  233. package/dist/esm/post-banner.entry.js +5 -6
  234. package/dist/esm/{post-breadcrumb-item_2.entry.js → post-breadcrumb-item.entry.js} +8 -23
  235. package/dist/esm/post-breadcrumbs.entry.js +13 -12
  236. package/dist/esm/{post-closebutton_13.entry.js → post-closebutton_14.entry.js} +97 -71
  237. package/dist/esm/post-collapsible_2.entry.js +18 -12
  238. package/dist/esm/post-components.js +3 -3
  239. package/dist/esm/post-date-picker.entry.js +12 -13
  240. package/dist/esm/post-footer.entry.js +8 -9
  241. package/dist/esm/post-linkarea.entry.js +3 -3
  242. package/dist/esm/post-listbox-option.entry.js +24 -0
  243. package/dist/esm/post-listbox.entry.js +149 -0
  244. package/dist/esm/post-login-widget.entry.js +58 -0
  245. package/dist/esm/post-number-input.entry.js +20 -14
  246. package/dist/esm/post-pagination.entry.js +10 -11
  247. package/dist/esm/post-popover-trigger.entry.js +5 -6
  248. package/dist/esm/post-popover.entry.js +7 -8
  249. package/dist/esm/post-rating.entry.js +5 -6
  250. package/dist/esm/post-stepper-item.entry.js +3 -3
  251. package/dist/esm/post-stepper.entry.js +6 -7
  252. package/dist/esm/post-tab-item.entry.js +5 -6
  253. package/dist/esm/post-tab-panel.entry.js +5 -6
  254. package/dist/esm/post-tabs.entry.js +8 -9
  255. package/dist/esm/post-tooltip-trigger.entry.js +7 -10
  256. package/dist/esm/post-tooltip.entry.js +5 -6
  257. package/dist/post-components/p-08F-DB-d.js +1 -0
  258. package/dist/post-components/p-1edd4d7c.entry.js +1 -0
  259. package/dist/post-components/p-319959ee.entry.js +1 -0
  260. package/dist/post-components/p-3364b421.entry.js +1 -0
  261. package/dist/post-components/p-38880c61.entry.js +1 -0
  262. package/dist/post-components/p-39b2b086.entry.js +1 -0
  263. package/dist/post-components/p-4ad6993e.entry.js +1 -0
  264. package/dist/post-components/p-4c021d5f.entry.js +1 -0
  265. package/dist/post-components/p-5c66d070.entry.js +1 -0
  266. package/dist/post-components/p-5f86479f.entry.js +1 -0
  267. package/dist/post-components/{p-fe35968d.entry.js → p-602960ff.entry.js} +1 -1
  268. package/dist/post-components/p-631f4bdd.entry.js +1 -0
  269. package/dist/post-components/p-6336ea0b.entry.js +1 -0
  270. package/dist/post-components/p-7ad4e293.entry.js +1 -0
  271. package/dist/post-components/p-82871134.entry.js +1 -0
  272. package/dist/post-components/p-8c91a9d8.entry.js +1 -0
  273. package/dist/post-components/p-9bdb92c0.entry.js +1 -0
  274. package/dist/post-components/p-BQ3HlJPr.js +1 -0
  275. package/dist/post-components/p-Ci4L1rzN.js +2 -0
  276. package/dist/post-components/p-D9bU2pIE.js +1 -0
  277. package/dist/post-components/p-DYYpZAAV.js +1 -0
  278. package/dist/post-components/p-NDMNbu5d.js +1 -0
  279. package/dist/post-components/p-cdc11592.entry.js +1 -0
  280. package/dist/post-components/p-df54677a.entry.js +1 -0
  281. package/dist/post-components/{p-46f30771.entry.js → p-e01ce660.entry.js} +1 -1
  282. package/dist/post-components/p-e331093d.entry.js +1 -0
  283. package/dist/post-components/p-e4fd234d.entry.js +1 -0
  284. package/dist/post-components/p-eb89eecb.entry.js +1 -0
  285. package/dist/post-components/p-ee03eed0.entry.js +1 -0
  286. package/dist/post-components/p-f1813327.entry.js +1 -0
  287. package/dist/post-components/p-f1bff988.entry.js +1 -0
  288. package/dist/post-components/p-f64c6491.entry.js +1 -0
  289. package/dist/post-components/p-fd10d5b9.entry.js +1 -0
  290. package/dist/post-components/post-components.css +6 -1
  291. package/dist/post-components/post-components.esm.js +1 -1
  292. package/dist/types/components/post-autocomplete/post-autocomplete.d.ts +34 -0
  293. package/dist/types/components/post-breadcrumb-item/post-breadcrumb-item.d.ts +8 -0
  294. package/dist/types/components/post-breadcrumbs/post-breadcrumbs.d.ts +8 -5
  295. package/dist/types/components/post-language-menu-item/post-language-menu-item.d.ts +5 -0
  296. package/dist/types/components/post-listbox/post-listbox.d.ts +37 -0
  297. package/dist/types/components/post-listbox-option/post-listbox-option.d.ts +13 -0
  298. package/dist/types/components/post-login-widget/post-login-widget.d.ts +30 -0
  299. package/dist/types/components/post-number-input/post-number-input.d.ts +2 -0
  300. package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts +2 -0
  301. package/dist/types/components.d.ts +240 -13
  302. package/dist/types/utils/breakpoints.d.ts +1 -0
  303. package/dist/types/utils/index.d.ts +0 -1
  304. package/dist/types/utils/property-checkers/index.d.ts +1 -2
  305. package/dist/types/utils/tests/helpers/mock-match-media.d.ts +4 -0
  306. package/dist/types/utils/tests/helpers/mock-stencil-constants.d.ts +0 -0
  307. package/hydrate/index.js +699 -1388
  308. package/hydrate/index.mjs +699 -1388
  309. package/package.json +9 -7
  310. package/dist/cjs/environment-BQE9Unf_.js +0 -52
  311. package/dist/cjs/post-env-test.cjs.entry.js +0 -15
  312. package/dist/collection/utils/environment.js +0 -47
  313. package/dist/collection/utils/tests/environment/hydrate-app-helper.js +0 -16
  314. package/dist/collection/utils/tests/environment/post-env-test.js +0 -9
  315. package/dist/components/environment.js +0 -1
  316. package/dist/components/post-env-test.js +0 -1
  317. package/dist/components/react/p-BVGcVycs.js +0 -1
  318. package/dist/components/react/p-Bb0ejJa3.js +0 -1
  319. package/dist/components/react/p-BbnDcq_W.js +0 -1
  320. package/dist/components/react/p-BcBg4WYn.js +0 -1
  321. package/dist/components/react/p-C1CrnSak.js +0 -1
  322. package/dist/components/react/p-C9bJM7_1.js +0 -1
  323. package/dist/components/react/p-CApN7QUn.js +0 -1
  324. package/dist/components/react/p-CGeIHu-8.js +0 -1
  325. package/dist/components/react/p-CVM28gRr.js +0 -1
  326. package/dist/components/react/p-CdMrnWjS.js +0 -1
  327. package/dist/components/react/p-CfXYLM9Y.js +0 -1
  328. package/dist/components/react/p-DH6JtVW9.js +0 -1
  329. package/dist/components/react/p-Dgo_BJCW.js +0 -1
  330. package/dist/components/react/p-Dne0jb7e.js +0 -1
  331. package/dist/components/react/p-FxUVQ4Tx.js +0 -1
  332. package/dist/components/react/p-htxkyM9X.js +0 -1
  333. package/dist/components/react/post-env-test.js +0 -1
  334. package/dist/esm/environment-CEmnRoA6.js +0 -49
  335. package/dist/esm/package-CApN7QUn.js +0 -3
  336. package/dist/esm/post-env-test.entry.js +0 -13
  337. package/dist/post-components/p-054c0046.entry.js +0 -1
  338. package/dist/post-components/p-102b69dd.entry.js +0 -1
  339. package/dist/post-components/p-1221cdd6.entry.js +0 -1
  340. package/dist/post-components/p-14ca5d65.entry.js +0 -1
  341. package/dist/post-components/p-38404768.entry.js +0 -1
  342. package/dist/post-components/p-388ac19f.entry.js +0 -1
  343. package/dist/post-components/p-5088354d.entry.js +0 -1
  344. package/dist/post-components/p-53c3195b.entry.js +0 -1
  345. package/dist/post-components/p-6e79a981.entry.js +0 -1
  346. package/dist/post-components/p-700c3e20.entry.js +0 -1
  347. package/dist/post-components/p-7fc1291f.entry.js +0 -1
  348. package/dist/post-components/p-84905b89.entry.js +0 -1
  349. package/dist/post-components/p-9127ee5c.entry.js +0 -1
  350. package/dist/post-components/p-91fbf90f.entry.js +0 -1
  351. package/dist/post-components/p-9e6b8aae.entry.js +0 -1
  352. package/dist/post-components/p-CApN7QUn.js +0 -1
  353. package/dist/post-components/p-CCMeku7U.js +0 -1
  354. package/dist/post-components/p-CEmnRoA6.js +0 -1
  355. package/dist/post-components/p-Cj-Lzb7i.js +0 -2
  356. package/dist/post-components/p-DI-h_mEL.js +0 -1
  357. package/dist/post-components/p-DppMBmK1.js +0 -1
  358. package/dist/post-components/p-Rr097A6n.js +0 -1
  359. package/dist/post-components/p-b7c02b48.entry.js +0 -1
  360. package/dist/post-components/p-bb2dc205.entry.js +0 -1
  361. package/dist/post-components/p-dd2d35fd.entry.js +0 -1
  362. package/dist/post-components/p-dde0c46e.entry.js +0 -1
  363. package/dist/post-components/p-e4978408.entry.js +0 -1
  364. package/dist/post-components/p-eb4eabe2.entry.js +0 -1
  365. package/dist/post-components/p-ece3d263.entry.js +0 -1
  366. package/dist/types/utils/environment.d.ts +0 -26
  367. package/dist/types/utils/tests/environment/hydrate-app-helper.d.ts +0 -5
  368. package/dist/types/utils/tests/environment/post-env-test.d.ts +0 -3
package/hydrate/index.js CHANGED
@@ -136,7 +136,7 @@ var node_crypto = require('node:crypto');
136
136
  const NAMESPACE = 'post-components';
137
137
  const BUILD = /* post-components */ { hotModuleReplacement: false, hydratedSelectorName: "data-hydrated", slotRelocation: true, state: true, updatable: true};
138
138
 
139
- const globalStyles = ":where(post-accordion,post-accordion-item,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-number-input,post-pagination,post-popover,post-popover-trigger,post-popovercontainer,post-rating,post-stepper,post-stepper-item,post-tab-item,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not(:defined):not(.hydrated,[data-hydrated]){visibility:hidden}@media (scripting: none){:where(post-accordion,post-accordion-item,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-number-input,post-pagination,post-popover,post-popover-trigger,post-popovercontainer,post-rating,post-stepper,post-stepper-item,post-tab-item,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not(:defined):not(.hydrated,[data-hydrated]){visibility:visible}}post-accordion:not([multiple]):not(:has([collapsed]))>post-accordion-item~post-accordion-item{--post-collapsible-initial-height:0;--post-collapsible-initial-overflow:hidden;--post-accordion-icon-initial-transform:rotate(-180deg)}post-number-input input[type=number]{appearance:textfield;border-radius:0;border-inline:unset}post-number-input input[type=number]::-webkit-inner-spin-button,post-number-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}";
139
+ const globalStyles = ":where(post-accordion,post-accordion-item,post-autocomplete,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-listbox,post-listbox-option,post-login-widget,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-number-input,post-pagination,post-popover,post-popover-trigger,post-popovercontainer,post-rating,post-stepper,post-stepper-item,post-tab-item,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not(:defined):not(.hydrated,[data-hydrated]){visibility:hidden}@media (scripting: none){:where(post-accordion,post-accordion-item,post-autocomplete,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-listbox,post-listbox-option,post-login-widget,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-number-input,post-pagination,post-popover,post-popover-trigger,post-popovercontainer,post-rating,post-stepper,post-stepper-item,post-tab-item,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not(:defined):not(.hydrated,[data-hydrated]){visibility:visible}}post-accordion:not([multiple]):not(:has([collapsed]))>post-accordion-item~post-accordion-item{--post-collapsible-initial-height:0;--post-collapsible-initial-overflow:hidden;--post-accordion-icon-initial-transform:rotate(-180deg)}.form-label:has(+post-number-input){display:block}.form-label:has(+post-number-input.number-input-sm){padding-inline:var(--post-device-spacing-padding-2);padding-block:var(--post-device-spacing-padding-30);font-weight:var(--post-device-font-weight-bold);font-size:var(--post-device-font-size-7)}.form-label:has(+post-number-input.disabled){color:var(--post-scheme-color-interactive-input-disabled-fg)}post-number-input.form-floating>input.form-control{padding:var(--post-device-spacing-padding-block-29) var(--post-device-spacing-padding-inline-1) var(--post-device-spacing-padding-block-3)}post-number-input.form-floating>input.form-control:focus~label,post-number-input.form-floating>input.form-control:not(:placeholder-shown)~label{padding-block-start:var(--post-device-spacing-padding-block-3);padding-inline:var(--post-device-spacing-padding-inline-1) var(--post-device-spacing-padding-15);font-size:var(--post-device-font-size-10)}post-number-input.form-floating::after{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}post-number-input.form-floating:has(>input.form-control.is-valid:not(:disabled))::after,post-number-input.form-floating:has(>input.form-control:-webkit-autofill.is-valid)::after,post-number-input.form-floating:has(>input.form-control.is-invalid:not(:disabled))::after,post-number-input.form-floating:has(>input.form-control:-webkit-autofill.is-invalid)::after{top:calc(var(--post-device-sizing-interactive-button-height-6) / 2);right:calc(\n var(--post-device-spacing-padding-inline-1) +\n (var(--post-device-spacing-padding-23)* 2) +\n var(--post-device-sizing-interactive-icon-size6) +\n (var(--post-device-border-width-default) * 2)\n )}post-number-input input[type=number]{appearance:textfield}post-number-input input[type=number]::-webkit-inner-spin-button,post-number-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}post-login-widget>[slot=unauthenticated]{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}post-login-widget>[slot=unauthenticated]:hover{text-decoration:none}post-login-widget>[slot=unauthenticated]:disabled{border-style:var(--post-core-border-style-dash)}post-login-widget>[slot=unauthenticated]{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-login-widget>[slot=unauthenticated]:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-login-widget>[slot=unauthenticated]:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-login-widget>[slot=unauthenticated]:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-login-widget>[slot=unauthenticated]:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-login-widget>[slot=unauthenticated]:is(a){color:LinkText;border:unset}post-login-widget>[slot=unauthenticated]:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}post-login-widget>[slot=unauthenticated]:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}post-login-widget>[slot=unauthenticated]:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}post-login-widget>[slot=unauthenticated]:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}post-login-widget>[slot=unauthenticated]:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}post-login-widget>[slot=unauthenticated]:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}post-login-widget>[slot=unauthenticated]{width:fit-content}@media screen and (min-width: 0)and (max-width: 599.98px){post-login-widget>[slot=unauthenticated]>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-login-widget>[slot=unauthenticated]>post-icon{font-size:1.5rem}}post-login-widget>[slot=authenticated]>post-menu-trigger>button{border-radius:var(--post-device-border-radius-round) !important}";
140
140
 
141
141
  /*
142
142
  Stencil Hydrate Platform v4.41.1 | MIT Licensed | https://stenciljs.com
@@ -5096,7 +5096,7 @@ var setScopedSSR = (opts) => {
5096
5096
  var needsScopedSSR = () => scopedSSR;
5097
5097
  var scopedSSR = false;
5098
5098
 
5099
- const version$1 = "10.0.0-next.66";
5099
+ const version$1 = "10.0.0-next.68";
5100
5100
 
5101
5101
  const HEADING_LEVELS = [1, 2, 3, 4, 5, 6];
5102
5102
 
@@ -5124,7 +5124,7 @@ const ANIMATION_KEYS = [
5124
5124
  'throb',
5125
5125
  ];
5126
5126
 
5127
- const EMPTY_VALUES = [undefined, null, '', NaN];
5127
+ const EMPTY_VALUES = [undefined, null, '', Number.NaN];
5128
5128
 
5129
5129
  function isValueEmpty(value) {
5130
5130
  return EMPTY_VALUES.some(v => Object.is(v, value));
@@ -5203,7 +5203,7 @@ function checkDate(component, prop) {
5203
5203
  return;
5204
5204
  }
5205
5205
  const date = new Date(value);
5206
- if (isNaN(date.getTime())) {
5206
+ if (Number.isNaN(date.getTime())) {
5207
5207
  console.error(message);
5208
5208
  }
5209
5209
  }
@@ -5222,7 +5222,7 @@ function isIsoDate(value) {
5222
5222
  if (!ISO_REGEX.test(value))
5223
5223
  return false;
5224
5224
  const date = new Date(value); // strict UTC parsing
5225
- if (isNaN(date.getTime()))
5225
+ if (Number.isNaN(date.getTime()))
5226
5226
  return false;
5227
5227
  // Roundtrip comparison to catch auto-corrected dates
5228
5228
  // Use UTC getters to match the UTC parsing above - no timezone shift
@@ -5251,54 +5251,6 @@ const checkRequiredAndPattern = requiredAnd(checkPattern);
5251
5251
  const checkRequiredAndType = requiredAnd(checkType);
5252
5252
  const checkRequiredAndUrl = requiredAnd(checkUrl);
5253
5253
 
5254
- /**
5255
- * Environment detection helper
5256
- *
5257
- * Goal: Distinguish between real browser execution and Stencil's server-side
5258
- * hydration context. During SSR/hydration Stencil provides a mocked `window`
5259
- * (Domino / JSDOM–like) so naive checks (e.g. `typeof window !== 'undefined'`)
5260
- * incorrectly classify the environment as a browser.
5261
- *
5262
- * Detection strategy:
5263
- * - Stencils hydrate context uses a hardcoded user agent string ('MockNavigator')
5264
- * and origin ('http://mockdoc.stenciljs.com') for its mocked `window` object.
5265
- * We can use this to identify the hydrate context.
5266
- * - Stencils unit test context also uses the same hardcoded user agent string,
5267
- * but a differnet value for the origin.
5268
- * That's why comparing the origin is aboslutely mandatory.
5269
- * - Since we test the hydrate app in the test context, the origin is getting
5270
- * overwritten by the test setup, leading to a false positive in the
5271
- * `isHydrateApp` detection.
5272
- * To circumvent this, we use a global flag (`isHydrateAppTestEnv`),
5273
- * that we set/reset during the server test, so we can correctly identify
5274
- * the hydrate app in the test context.
5275
- * As a drawback, we can't properly test if the hydrate app is detected as
5276
- * expected, in a real world scenario (elsewhere than in our tests).
5277
- */
5278
- const MOCKED_USERAGENT = 'MockNavigator';
5279
- const MOCKED_ORIGIN = 'http://mockdoc.stenciljs.com';
5280
- const isNodeEnv = typeof global !== 'undefined';
5281
- const hasWindow$1 = typeof window !== 'undefined';
5282
- const isMockedUserAgent = hasWindow$1 && window.navigator.userAgent === MOCKED_USERAGENT;
5283
- const isMockedOrigin = hasWindow$1 && window.location.origin === MOCKED_ORIGIN;
5284
- /**
5285
- * This is the natural hydrate app environment
5286
- * Is `true` if the hydrate app runs on server
5287
- */
5288
- const isHydrateAppEnv = isNodeEnv && isMockedUserAgent && isMockedOrigin;
5289
- /**
5290
- * This is the test app server test env
5291
- * Is `true` if the server unit test runs (`false` if the browser unit test runs)
5292
- */
5293
- const isTestAppServerTestEnv = isNodeEnv && isMockedUserAgent && global.IS_HYDRATEAPP_SERVERTEST;
5294
- /**
5295
- * This is the final hydrate app flag
5296
- * if it`s `true`, IS_BROWSER equals `false` and IS_SERVER equals `true
5297
- */
5298
- const isHydrateApp = isHydrateAppEnv || isTestAppServerTestEnv;
5299
- const IS_BROWSER = hasWindow$1 && !isHydrateApp;
5300
- const IS_SERVER = !IS_BROWSER;
5301
-
5302
5254
  /* eslint-disable no-undefined,no-param-reassign,no-shadow */
5303
5255
 
5304
5256
  /**
@@ -5468,6 +5420,9 @@ class Breakpoint {
5468
5420
  { key: 'sm', device: 'tablet', minWidth: 600 },
5469
5421
  { key: 'xs', device: 'mobile', minWidth: 0 },
5470
5422
  ];
5423
+ this.resizeObserver = globalThis.ResizeObserver
5424
+ ? new ResizeObserver(() => this.updateCurrentBreakpoint())
5425
+ : null;
5471
5426
  this.updateCurrentBreakpoint = throttle(50, (options = { emitEvents: true }) => {
5472
5427
  const previousBreakpoint = this.currentBreakpoint;
5473
5428
  const newBreakpoint = this.breakpoints.find(breakpoint => {
@@ -5482,15 +5437,13 @@ class Breakpoint {
5482
5437
  .filter(key => !previousBreakpoint || this.currentBreakpoint[key] !== previousBreakpoint[key])
5483
5438
  .forEach((key) => this.dispatchEvent(key));
5484
5439
  });
5485
- if (IS_SERVER)
5486
- return;
5487
- this.updateCurrentBreakpoint({ emitEvents: false });
5488
- window.addEventListener('resize', () => this.updateCurrentBreakpoint(), { passive: true });
5440
+ if (this.resizeObserver) {
5441
+ this.updateCurrentBreakpoint({ emitEvents: false });
5442
+ this.resizeObserver.observe(document.body);
5443
+ }
5489
5444
  }
5490
5445
  dispatchEvent(property) {
5491
- if (IS_SERVER)
5492
- return;
5493
- window.dispatchEvent(new CustomEvent(`postBreakpoint:${property}`, { detail: this.currentBreakpoint[property] }));
5446
+ globalThis.dispatchEvent(new CustomEvent(`postBreakpoint:${property}`, { detail: this.currentBreakpoint[property] }));
5494
5447
  }
5495
5448
  get(property) {
5496
5449
  this.updateCurrentBreakpoint({ emitEvents: false });
@@ -5653,7 +5606,7 @@ function findClosestParentWithTag(element, tagName) {
5653
5606
  * So use it for example in the componentDidLoad lifecycle hook.
5654
5607
  */
5655
5608
  function getRoot(element) {
5656
- const root = IS_BROWSER ? element.getRootNode() : element;
5609
+ const root = element.getRootNode ? element.getRootNode() : element;
5657
5610
  if (root instanceof Document || root instanceof ShadowRoot) {
5658
5611
  return root;
5659
5612
  }
@@ -5698,7 +5651,7 @@ function getDeepFocusableChildren(el, filter, visited = new Set()) {
5698
5651
  // SLOT
5699
5652
  if (el instanceof HTMLSlotElement) {
5700
5653
  const assigned = el.assignedElements({ flatten: true });
5701
- nodes = assigned.length ? assigned : Array.from(el.children);
5654
+ nodes = assigned.length > 0 ? assigned : Array.from(el.children);
5702
5655
  }
5703
5656
  // SHADOW ROOT
5704
5657
  else if (el instanceof HTMLElement && el.shadowRoot) {
@@ -5731,8 +5684,8 @@ function isFocusBlockedByCSS(el) {
5731
5684
  if (typeof el.checkVisibility === 'function') {
5732
5685
  return !el.checkVisibility({ visibilityProperty: true });
5733
5686
  }
5734
- const style = window.getComputedStyle(el);
5735
- if (style.display === 'none' || style.visibility !== 'visible') {
5687
+ const style = el.ownerDocument?.defaultView?.getComputedStyle(el);
5688
+ if (!style || style.display === 'none' || style.visibility !== 'visible') {
5736
5689
  return true;
5737
5690
  }
5738
5691
  if (el.parentElement) {
@@ -5757,20 +5710,22 @@ function getSlottedElement(host, selector) {
5757
5710
  }
5758
5711
 
5759
5712
  function isMotionReduced() {
5760
- return IS_BROWSER ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : true;
5713
+ return globalThis.matchMedia
5714
+ ? globalThis.matchMedia('(prefers-reduced-motion: reduce)').matches
5715
+ : true;
5761
5716
  }
5762
5717
 
5763
5718
  function repeatOnLongPress(callback, options) {
5764
5719
  const stop = repeat(callback, options);
5765
5720
  const handler = () => {
5766
5721
  stop();
5767
- window.removeEventListener('pointerup', handler);
5768
- window.removeEventListener('pointercancel', handler);
5769
- window.removeEventListener('pointerleave', handler);
5722
+ globalThis.removeEventListener('pointerup', handler);
5723
+ globalThis.removeEventListener('pointercancel', handler);
5724
+ globalThis.removeEventListener('pointerleave', handler);
5770
5725
  };
5771
- window.addEventListener('pointerup', handler);
5772
- window.addEventListener('pointercancel', handler);
5773
- window.addEventListener('pointerleave', handler);
5726
+ globalThis.addEventListener('pointerup', handler);
5727
+ globalThis.addEventListener('pointercancel', handler);
5728
+ globalThis.addEventListener('pointerleave', handler);
5774
5729
  }
5775
5730
  function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
5776
5731
  callback(); // immediate action
@@ -5787,7 +5742,7 @@ function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
5787
5742
 
5788
5743
  const postAccordionCss = () => `:host{display:block;border-block-start:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}`;
5789
5744
 
5790
- var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
5745
+ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
5791
5746
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
5792
5747
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
5793
5748
  r = Reflect.decorate(decorators, target, key, desc);
@@ -5858,7 +5813,7 @@ class PostAccordion {
5858
5813
  if (this.multiple) {
5859
5814
  await Promise.all(this.accordionItems.map(item => item.toggle(true)));
5860
5815
  }
5861
- else if (!this.expandedItems.size) {
5816
+ else if (this.expandedItems.size === 0) {
5862
5817
  await this.accordionItems[0].toggle(true);
5863
5818
  }
5864
5819
  }
@@ -5883,7 +5838,7 @@ class PostAccordion {
5883
5838
  });
5884
5839
  }
5885
5840
  render() {
5886
- return (hAsync(Host, { key: 'abd12317431d14e61e2f8e54b9f24b801b8c6954', "data-version": version$1 }, hAsync("div", { key: '9e2225a32458319de148a52a276a64407b282ec5', class: "accordion" }, hAsync("slot", { key: 'e8213a7f663c85d16a5e8e1273d2233787b08f49', onSlotchange: () => this.registerAccordionItems() }))));
5841
+ return (hAsync(Host, { key: 'fa37ee5b4611a84d273229955bcf624e53120022', "data-version": version$1 }, hAsync("div", { key: '0884dc3582eb768c6dd4959168d7e9a9b4195c3c', class: "accordion" }, hAsync("slot", { key: 'f6d81d89aca513094ac5c1d531ed9d63f7b93730', onSlotchange: () => this.registerAccordionItems() }))));
5887
5842
  }
5888
5843
  get host() { return getElement(this); }
5889
5844
  static get watchers() { return {
@@ -5907,7 +5862,7 @@ class PostAccordion {
5907
5862
  "$attrsToReflect$": [["headingLevel", "heading-level"], ["multiple", "multiple"]]
5908
5863
  }; }
5909
5864
  }
5910
- __decorate$7([
5865
+ __decorate$8([
5911
5866
  EventFrom('post-accordion-item')
5912
5867
  ], PostAccordion.prototype, "collapseToggleHandler", null);
5913
5868
 
@@ -5938,7 +5893,7 @@ function nanoid(size = 21) {
5938
5893
 
5939
5894
  const postAccordionItemCss = () => `:host{display:block;border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}:host:has(.accordion-button:hover){border-block-end-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host:has(.accordion-button:hover){border-block-end-color:Highlight}}:host([collapsed]) .accordion-button post-icon{transform:rotate(-180deg)}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding-block:var(--post-device-spacing-padding-19);padding-inline:var(--post-device-spacing-padding-5);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) rgba(0,0,0,0);cursor:pointer;outline:none !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transform:var(--post-accordion-icon-initial-transform, none)}.accordion-button.collapsed{padding-block-start:var(--post-device-spacing-padding-19);padding-block-end:var(--post-device-spacing-padding-19)}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}post-collapsible{margin-block-end:calc(var(--post-device-border-width-default)*-1)}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:var(--post-device-spacing-padding-block-25);padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}`;
5940
5895
 
5941
- var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
5896
+ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
5942
5897
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
5943
5898
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
5944
5899
  r = Reflect.decorate(decorators, target, key, desc);
@@ -6018,10 +5973,199 @@ class PostAccordionItem {
6018
5973
  "$attrsToReflect$": [["collapsed", "collapsed"]]
6019
5974
  }; }
6020
5975
  }
6021
- __decorate$6([
5976
+ __decorate$7([
6022
5977
  EventFrom('post-accordion-item')
6023
5978
  ], PostAccordionItem.prototype, "onCollapseToggle", null);
6024
5979
 
5980
+ const postAutocompleteCss = () => `:host{position:relative;display:block}.autocomplete-icon,.autocomplete-clear{position:absolute;inset-block-start:16px}@media screen and (min-width: 780px){.autocomplete-icon,.autocomplete-clear{inset-block-start:20px}}.autocomplete-icon{inset-inline-end:16px;width:24px;height:24px;pointer-events:none;transition:transform .2s ease-in-out}:host([open]) .autocomplete-icon{transform:rotate(180deg)}.autocomplete-clear{display:flex;align-items:center;justify-content:center;inset-inline-end:42px;background:none;border:none;cursor:pointer}.autocomplete-clear>post-icon{width:20px;height:20px}`;
5981
+
5982
+ /**
5983
+ * @slot default - Slot for placing post-autocomplete-item components.
5984
+ */
5985
+ class PostAutocomplete {
5986
+ constructor(hostRef) {
5987
+ registerInstance(this, hostRef);
5988
+ this.postFilteringEvent = createEvent(this, "postFilteringEvent");
5989
+ this.debouncedHandleInput = debounce((event) => this.handleInput(event), 250);
5990
+ /** Number of characters to type before filtering methods are called */
5991
+ this.filterThreshold = 0;
5992
+ /** Show or hide the clear button */
5993
+ this.clearable = false;
5994
+ this.inputValue = '';
5995
+ this.handleOnBlur = () => {
5996
+ this.inputElement.value = this.inputValue;
5997
+ this.listBoxElement.filter('');
5998
+ this.hideListBox();
5999
+ };
6000
+ this.handleInput = (event) => {
6001
+ if (!this.listBoxElement)
6002
+ return;
6003
+ const value = event.target.value.trim();
6004
+ const query = value.length >= this.filterThreshold ? value : '';
6005
+ // Allow for consuming parent to handle filtering (e.g. for async data) and prevent default filtering behavior
6006
+ const { defaultPrevented } = this.postFilteringEvent.emit(query && query.length >= this.filterThreshold ? query : '');
6007
+ if (defaultPrevented)
6008
+ return;
6009
+ this.listBoxElement.filter(query);
6010
+ if (query) {
6011
+ this.showListBox();
6012
+ }
6013
+ else {
6014
+ this.inputValue = '';
6015
+ }
6016
+ };
6017
+ this.handleKeyDown = (event) => {
6018
+ const { key, altKey } = event;
6019
+ switch (key) {
6020
+ case 'ArrowDown':
6021
+ event.preventDefault();
6022
+ this.showListBox();
6023
+ if (!altKey) {
6024
+ this.listBoxElement.navigate('down');
6025
+ }
6026
+ break;
6027
+ case 'ArrowUp':
6028
+ event.preventDefault();
6029
+ this.listBoxElement.navigate('up');
6030
+ break;
6031
+ case 'Enter':
6032
+ if (this.listBoxElement.hidden)
6033
+ return;
6034
+ event.preventDefault();
6035
+ this.listBoxElement.selectActive();
6036
+ this.hideListBox();
6037
+ break;
6038
+ case 'Escape':
6039
+ this.hideListBox();
6040
+ break;
6041
+ case 'Tab':
6042
+ this.listBoxElement.selectActive();
6043
+ this.hideListBox();
6044
+ break;
6045
+ case 'Home':
6046
+ event.preventDefault();
6047
+ this.listBoxElement.navigate('first');
6048
+ break;
6049
+ case 'End':
6050
+ event.preventDefault();
6051
+ this.listBoxElement.navigate('last');
6052
+ break;
6053
+ }
6054
+ };
6055
+ this.handleOptionSelected = (e) => {
6056
+ const value = e.detail;
6057
+ this.inputElement.value = value;
6058
+ this.inputValue = value;
6059
+ this.hideListBox();
6060
+ };
6061
+ this.handleOptionActive = (e) => {
6062
+ const value = e.detail;
6063
+ if (value) {
6064
+ this.inputElement.setAttribute('aria-activedescendant', value);
6065
+ }
6066
+ else {
6067
+ this.inputElement.removeAttribute('aria-activedescendant');
6068
+ }
6069
+ };
6070
+ this.hideListBox = () => {
6071
+ this.listBoxElement.hide();
6072
+ this.inputElement.ariaExpanded = 'false';
6073
+ this.host.removeAttribute('open');
6074
+ this.inputElement.removeAttribute('aria-activedescendant');
6075
+ };
6076
+ this.showListBox = () => {
6077
+ this.listBoxElement.show();
6078
+ this.inputElement.ariaExpanded = 'true';
6079
+ this.host.setAttribute('open', '');
6080
+ };
6081
+ this.clearInput = () => {
6082
+ if (this.inputElement) {
6083
+ this.inputElement.value = '';
6084
+ this.inputValue = '';
6085
+ this.listBoxElement.clearSelection();
6086
+ this.hideListBox();
6087
+ }
6088
+ };
6089
+ }
6090
+ get inputElement() {
6091
+ return this.host.querySelector('input');
6092
+ }
6093
+ get listBoxElement() {
6094
+ if (this.listbox) {
6095
+ return document.getElementById(this.listbox);
6096
+ }
6097
+ else {
6098
+ return this.host.querySelector('post-listbox');
6099
+ }
6100
+ }
6101
+ componentWillLoad() {
6102
+ if (!this.inputElement)
6103
+ return;
6104
+ this.inputElement.role = 'combobox';
6105
+ this.inputElement.ariaAutoComplete = 'list';
6106
+ if (!this.listBoxElement)
6107
+ return;
6108
+ if (!this.listBoxElement.id)
6109
+ this.listBoxElement.id = crypto.randomUUID();
6110
+ this.inputElement.setAttribute('aria-controls', this.listBoxElement.id);
6111
+ this.inputElement.setAttribute('aria-expanded', 'false');
6112
+ // Because we're handling that and the browser would show a duplicate native autocomplete dropdown
6113
+ this.inputElement.autocomplete = 'off';
6114
+ this.attachInputListeners();
6115
+ this.attachListboxListeners();
6116
+ }
6117
+ disconnectedCallback() {
6118
+ this.detachInputListeners();
6119
+ this.detachListboxListeners();
6120
+ }
6121
+ attachInputListeners() {
6122
+ if (this.inputElement) {
6123
+ this.inputElement.addEventListener('input', this.debouncedHandleInput);
6124
+ this.inputElement.addEventListener('keydown', this.handleKeyDown);
6125
+ this.inputElement.addEventListener('blur', this.handleOnBlur);
6126
+ this.inputElement.addEventListener('click', this.showListBox);
6127
+ }
6128
+ }
6129
+ detachInputListeners() {
6130
+ if (this.inputElement) {
6131
+ this.inputElement.removeEventListener('input', this.debouncedHandleInput);
6132
+ this.inputElement.removeEventListener('keydown', this.handleKeyDown);
6133
+ this.inputElement.removeEventListener('blur', this.handleOnBlur);
6134
+ this.inputElement.removeEventListener('click', this.showListBox);
6135
+ }
6136
+ }
6137
+ attachListboxListeners() {
6138
+ if (this.listBoxElement) {
6139
+ this.listBoxElement.addEventListener('postOptionSelected', this.handleOptionSelected);
6140
+ this.listBoxElement.addEventListener('postOptionActive', this.handleOptionActive);
6141
+ }
6142
+ }
6143
+ detachListboxListeners() {
6144
+ if (this.listBoxElement) {
6145
+ this.listBoxElement.removeEventListener('postOptionSelected', this.handleOptionSelected);
6146
+ this.listBoxElement.removeEventListener('postOptionActive', this.handleOptionActive);
6147
+ }
6148
+ }
6149
+ render() {
6150
+ return (hAsync(Host, { key: 'b6cae37c0a09a8ec76a2fdd56e0bb8c2c2f119fb', "data-version": version$1 }, hAsync("slot", { key: '2c5007aae99b96b9884bc3159add8beecad6fcc2' }), this.clearable && this.inputValue && (hAsync("button", { key: 'a47ebadbbbdac11f00e9547d0a4c8224d24f31ca', type: "button", class: " autocomplete-clear", onClick: this.clearInput }, hAsync("post-icon", { key: '2125443326e1656696815a93bda36136b48f2394', "aria-hidden": "true", name: "closex" }))), hAsync("post-icon", { key: '109bba03d5d6567e166141a800c2f13198a16481', "aria-hidden": "true", class: "autocomplete-icon", name: "chevronDown" })));
6151
+ }
6152
+ get host() { return getElement(this); }
6153
+ static get style() { return postAutocompleteCss(); }
6154
+ static get cmpMeta() { return {
6155
+ "$flags$": 265,
6156
+ "$tagName$": "post-autocomplete",
6157
+ "$members$": {
6158
+ "filterThreshold": [514, "filter-threshold"],
6159
+ "clearable": [516],
6160
+ "listbox": [513],
6161
+ "inputValue": [32]
6162
+ },
6163
+ "$listeners$": undefined,
6164
+ "$lazyBundleId$": "-",
6165
+ "$attrsToReflect$": [["filterThreshold", "filter-threshold"], ["clearable", "clearable"], ["listbox", "listbox"]]
6166
+ }; }
6167
+ }
6168
+
6025
6169
  // https://docs.gravatar.com/api/avatars/images/
6026
6170
  const GRAVATAR_DEFAULT = '404';
6027
6171
  const GRAVATAR_RATING = 'g';
@@ -6180,13 +6324,13 @@ class PostAvatar {
6180
6324
  this.validateEmail();
6181
6325
  }
6182
6326
  render() {
6183
- const names = [this.firstname, this.lastname].filter(n => n).map(n => n.trim());
6327
+ const names = [this.firstname, this.lastname].filter(Boolean).map(n => n.trim());
6184
6328
  const initials = names
6185
6329
  .map(n => n.charAt(0))
6186
6330
  .join('')
6187
6331
  .trim();
6188
6332
  const fullname = names.join(' ');
6189
- return (hAsync(Host, { key: 'bdd17db2ff84691400cdeace8afbcc2e6d618035', "data-version": version$1 }, hAsync("span", { key: '07a61e22fe605647a36976b5f2ceb737bbee34cb', class: this.avatarType === 'slotted' ? '' : 'd-none' }, hAsync("slot", { key: 'da66c273d5fe676d1e183d7f27b46426b52ba31a', onSlotchange: this.slotChanged.bind(this) })), this.avatarType === 'image' && hAsync("img", { key: '79b3bdf14eabfaf5c2208cc9a24e0c0e5ef0b30d', src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && (hAsync("span", { key: '125c3ee489f8e8f0772c856a77c4a97ab11d64f3', class: "initials" }, initials, hAsync("span", { key: 'a48e6e430f0c5de6d790a9a820f86bbb5624ff81' }, this.description ?? fullname)))));
6333
+ return (hAsync(Host, { key: '56547a49f35e2d9ebafa54c2736b2ab60761c07b', "data-version": version$1 }, hAsync("span", { key: '864c5ab36c64bb440580ed307ce2f3dcefe2839d', class: this.avatarType === 'slotted' ? '' : 'd-none' }, hAsync("slot", { key: 'cb06a958dc710675a97d197bffcee6ab742ad391', onSlotchange: this.slotChanged.bind(this) })), this.avatarType === 'image' && hAsync("img", { key: 'abb6262b43b5fc5e2a7e4147c2375c6c623b5bf5', src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && (hAsync("span", { key: '8bead70c99c12f3bbaab414e9431c3459553d36e', class: "initials" }, initials, hAsync("span", { key: '45db185da4d9d82b1f08650f4dc40cd759e18c00' }, this.description ?? fullname)))));
6190
6334
  }
6191
6335
  get host() { return getElement(this); }
6192
6336
  static get watchers() { return {
@@ -6327,7 +6471,7 @@ class PostBackToTop {
6327
6471
  }
6328
6472
  animateButton() {
6329
6473
  // Get the back-to-top button top postiion
6330
- const positionTop = window.getComputedStyle(this.host).getPropertyValue('top');
6474
+ const positionTop = globalThis.getComputedStyle(this.host).getPropertyValue('top');
6331
6475
  const buttonElement = this.host.shadowRoot.querySelector('button');
6332
6476
  // Extract the elevation height from the back-to-top button elevation token
6333
6477
  const elevation = getComputedStyle(buttonElement).getPropertyValue('--post-back-to-top-elevation');
@@ -6338,8 +6482,8 @@ class PostBackToTop {
6338
6482
  // The translateY is calculated as => -100% (btt button height) - topPosition - elevationHeight
6339
6483
  this.translateY =
6340
6484
  (-1 * 100) / 100 -
6341
- parseFloat(positionTop.replace('px', '')) -
6342
- parseFloat(elevationHeight.replace('px', ''));
6485
+ Number.parseFloat(positionTop.replace('px', '')) -
6486
+ Number.parseFloat(elevationHeight.replace('px', ''));
6343
6487
  if (this.belowFold) {
6344
6488
  fadeSlide(this.host, 'in', { translate: this.translateY, fill: 'forwards' });
6345
6489
  }
@@ -6360,7 +6504,7 @@ class PostBackToTop {
6360
6504
  window.removeEventListener('scroll', this.handleScroll);
6361
6505
  }
6362
6506
  render() {
6363
- return (hAsync(Host, { key: 'f79d17af53f529a1ad27128802ad02d07085d404', "data-version": version$1 }, hAsync("button", { key: '54d76baf6daeadf32d83a8acc5046bb45f8c281c', class: "back-to-top", "aria-hidden": this.belowFold ? 'false' : 'true', tabindex: this.belowFold ? '0' : '-1', onClick: this.scrollToTop }, hAsync("post-icon", { key: '8033928bdd5fdbc07ac948378e9ba5414840e632', "aria-hidden": "true", name: "arrowup" }), hAsync("span", { key: 'ede3e12e6c682b9c641e217b4a6b26c55171ca42', class: "visually-hidden" }, this.textBackToTop))));
6507
+ return (hAsync(Host, { key: '61eb934495029c80935798908bec448664008db0', "data-version": version$1 }, hAsync("button", { key: 'e7b8b9df30aa1bedef8aae8a5db800bb638c8bf7', class: "back-to-top", "aria-hidden": this.belowFold ? 'false' : 'true', tabindex: this.belowFold ? '0' : '-1', onClick: this.scrollToTop }, hAsync("post-icon", { key: '34d23e7069de235f64743cc791c98034bbf14b5f', "aria-hidden": "true", name: "arrowup" }), hAsync("span", { key: '7479cc95e9e2825455fd8a7e69085ccedc73cb35', class: "visually-hidden" }, this.textBackToTop))));
6364
6508
  }
6365
6509
  get host() { return getElement(this); }
6366
6510
  static get watchers() { return {
@@ -6437,7 +6581,7 @@ const BANNER_TYPES = ['success', 'warning', 'error', 'info'];
6437
6581
 
6438
6582
  const postBannerCss = () => `:host{position:relative;display:grid;grid-template-columns:1fr;grid-auto-rows:auto;grid-auto-flow:row;row-gap:var(--post-device-spacing-gap-block-1);min-height:calc(var(--post-device-sizing-notification-icon-2) + (2 * var(--post-device-spacing-padding-10)));padding:var(--post-device-spacing-padding-10);padding-inline-start:calc( var(--post-device-spacing-padding-10) + var(--post-device-sizing-notification-icon-2) + var(--post-device-spacing-gap-inline-6) );color:var(--post-current-fg);border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);border-radius:var(--post-device-border-radius-2);box-shadow:var(--post-device-elevation-100);background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke)}:host::before{content:"";display:block;position:absolute;height:var(--post-device-sizing-notification-icon-2);width:var(--post-device-sizing-notification-icon-2);inset-block-start:var(--post-device-spacing-padding-10);inset-inline-start:var(--post-device-spacing-padding-10);background-image:var(--post-signal-icon-info)}:host([type=info]){background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke)}:host([type=info])::before{background-image:var(--post-signal-icon-info)}:host([type=success]){background-color:var(--post-scheme-color-interactive-notification-success-bg);border-color:var(--post-scheme-color-interactive-notification-success-stroke)}:host([type=success])::before{background-image:var(--post-signal-icon-success)}:host([type=warning]){background-color:var(--post-scheme-color-interactive-notification-warning-bg);border-color:var(--post-scheme-color-interactive-notification-warning-stroke)}:host([type=warning])::before{background-image:var(--post-signal-icon-warning)}:host([type=error]){background-color:var(--post-scheme-color-interactive-notification-error-bg);border-color:var(--post-scheme-color-interactive-notification-error-stroke)}:host([type=error])::before{background-image:var(--post-signal-icon-error)}.actions{display:flex;flex-direction:row-reverse;justify-content:flex-start;align-items:center;margin-block-start:var(--post-device-spacing-padding-block-10);gap:var(--post-device-spacing-gap-1)}@media screen and (min-width: 0)and (max-width: 599.98px){.actions{flex-direction:column;align-items:stretch}}::slotted(*){margin-block:0 !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border-color:CanvasText}:host::before{color:CanvasText}}`;
6439
6583
 
6440
- var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
6584
+ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
6441
6585
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
6442
6586
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
6443
6587
  r = Reflect.decorate(decorators, target, key, desc);
@@ -6493,7 +6637,7 @@ class PostBanner {
6493
6637
  this.hasActions = this.host.querySelectorAll('[slot="actions"]').length > 0;
6494
6638
  }
6495
6639
  render() {
6496
- return (hAsync(Host, { key: '8c06f60d7d33f4087359a3166e16b340bd19cad6', "data-version": version$1, role: "alert", "data-color-scheme": "light" }, hAsync("slot", { key: '2bb4f8a536012c5577840921aab267a9cb8134b7', name: "close-button" }), hAsync("slot", { key: '7cded56e638ef427884507c0f0cd9557bfb6d1c7', name: "heading" }), hAsync("slot", { key: '4988c4b39c9af989740d642ddb505269951bfd16' }), this.hasActions && (hAsync("div", { key: '5bfd1c2d0869cad0831e5c68632a7309ee399795', class: "actions" }, hAsync("slot", { key: '442abb44a4b947038c5716a0e7b22ff3f0d8b0ee', name: "actions" })))));
6640
+ return (hAsync(Host, { key: 'aba639e5ce3ebc0498437f4011ff4b39e41489ee', "data-version": version$1, role: "alert", "data-color-scheme": "light" }, hAsync("slot", { key: 'cd81197f4a8aecbec482bbc174783ad1d00fd5eb', name: "close-button" }), hAsync("slot", { key: 'be9fd011e9d17207e1cb56dea3dcfd4481a4c31c', name: "heading" }), hAsync("slot", { key: 'a06e94c05e4cfe4bbb1bdccf29fdc75ed67828ca' }), this.hasActions && (hAsync("div", { key: '3ce94c84ea3eeda53694809432059b05b53c7cde', class: "actions" }, hAsync("slot", { key: 'a33798352de63a23cfa77bbd9be58a8cc5585121', name: "actions" })))));
6497
6641
  }
6498
6642
  get host() { return getElement(this); }
6499
6643
  static get watchers() { return {
@@ -6515,7 +6659,7 @@ class PostBanner {
6515
6659
  "$attrsToReflect$": [["type", "type"]]
6516
6660
  }; }
6517
6661
  }
6518
- __decorate$5([
6662
+ __decorate$6([
6519
6663
  EventFrom('post-closebutton', { allowDescendants: true })
6520
6664
  ], PostBanner.prototype, "onCloseButtonClick", null);
6521
6665
 
@@ -6532,7 +6676,7 @@ class PostBreadcrumbItem {
6532
6676
  try {
6533
6677
  this.validUrl = this.constructUrl(this.url);
6534
6678
  }
6535
- catch (error) {
6679
+ catch {
6536
6680
  this.validUrl = undefined;
6537
6681
  }
6538
6682
  }
@@ -6540,7 +6684,7 @@ class PostBreadcrumbItem {
6540
6684
  constructUrl(value) {
6541
6685
  const hasBaseURL = /^https?:\/\//.test(String(this.url));
6542
6686
  if (typeof value === 'string') {
6543
- this.fullUrl = hasBaseURL ? value : `${window.location.origin}${value}`;
6687
+ this.fullUrl = hasBaseURL ? value : `${globalThis.location.origin}${value}`;
6544
6688
  checkEmptyOrUrl(this, 'fullUrl');
6545
6689
  return this.fullUrl;
6546
6690
  }
@@ -6559,8 +6703,7 @@ class PostBreadcrumbItem {
6559
6703
  }
6560
6704
  }
6561
6705
  render() {
6562
- const BreadcrumbTag = this.validUrl ? 'a' : 'span';
6563
- return (hAsync(Host, { key: '2d083dc9ebf3c47dce95f3f854a539afceb24102', "data-version": version$1 }, hAsync("post-icon", { key: '40cdd5b85dc3f906d29d7b696264b2f7e8057034', name: "chevronright", class: "breadcrumb-item-icon" }), hAsync(BreadcrumbTag, { key: '5b82e332db134788695888f57e6e1e7f0bf0ddf5', class: "breadcrumb-item", ...(this.validUrl ? { href: this.validUrl } : {}), onKeyDown: event => this.handleKeyDown(event) }, hAsync("slot", { key: 'ee75b4bdd1580edf775bc9322f3a421622e157ab' }))));
6706
+ return (hAsync(Host, { key: '0e991f1d731e932884c1d03650fc9deb743df5ce', "data-version": version$1 }, hAsync("post-icon", { key: '1a29e4d7a3c80a9a42dd3a63bea84b97bbe4f0a8', name: "chevronright", class: "breadcrumb-item-icon" }), this.validUrl ? (hAsync("a", { class: "breadcrumb-item", href: this.validUrl, onKeyDown: event => this.handleKeyDown(event), "aria-label": this.label, "aria-description": this.description }, hAsync("slot", null))) : (hAsync("span", { class: "breadcrumb-item" }, hAsync("slot", null)))));
6564
6707
  }
6565
6708
  get host() { return getElement(this); }
6566
6709
  static get watchers() { return {
@@ -6573,12 +6716,14 @@ class PostBreadcrumbItem {
6573
6716
  "$flags$": 265,
6574
6717
  "$tagName$": "post-breadcrumb-item",
6575
6718
  "$members$": {
6576
- "url": [1],
6719
+ "url": [513],
6720
+ "label": [513],
6721
+ "description": [513],
6577
6722
  "fullUrl": [32]
6578
6723
  },
6579
6724
  "$listeners$": undefined,
6580
6725
  "$lazyBundleId$": "-",
6581
- "$attrsToReflect$": []
6726
+ "$attrsToReflect$": [["url", "url"], ["label", "label"], ["description", "description"]]
6582
6727
  }; }
6583
6728
  }
6584
6729
 
@@ -6617,9 +6762,6 @@ class PostBreadcrumbs {
6617
6762
  validateTextMoreItems() {
6618
6763
  checkRequiredAndType(this, 'textMoreItems', 'string');
6619
6764
  }
6620
- componentWillLoad() {
6621
- this.updateBreadcrumbItems();
6622
- }
6623
6765
  componentDidLoad() {
6624
6766
  this.validateHomeUrl();
6625
6767
  this.validateTextHome();
@@ -6627,6 +6769,9 @@ class PostBreadcrumbs {
6627
6769
  this.validateTextMoreItems();
6628
6770
  window.addEventListener('resize', this.handleResize);
6629
6771
  this.waitForBreadcrumbsRef();
6772
+ requestAnimationFrame(() => {
6773
+ this.updateBreadcrumbItems();
6774
+ });
6630
6775
  }
6631
6776
  disconnectedCallback() {
6632
6777
  window.removeEventListener('resize', this.handleResize);
@@ -6635,9 +6780,11 @@ class PostBreadcrumbs {
6635
6780
  updateBreadcrumbItems() {
6636
6781
  this.breadcrumbItems = Array.from(this.host.querySelectorAll('post-breadcrumb-item')).map(item => ({
6637
6782
  text: item.textContent || '',
6638
- url: item.getAttribute('url') || '',
6783
+ url: item.getAttribute('url') ?? undefined,
6784
+ description: item.getAttribute('description') ?? undefined,
6785
+ label: item.getAttribute('label') ?? undefined,
6639
6786
  }));
6640
- this.lastItem = this.breadcrumbItems[this.breadcrumbItems.length - 1];
6787
+ this.lastItem = this.breadcrumbItems.at(-1);
6641
6788
  }
6642
6789
  // Determines parent width for concatenation logic
6643
6790
  getParentWidth() {
@@ -6672,7 +6819,7 @@ class PostBreadcrumbs {
6672
6819
  }
6673
6820
  render() {
6674
6821
  const visibleItems = this.breadcrumbItems.slice(0, -1);
6675
- return (hAsync(Host, { key: '318567e919b1e1e114acaa57195d5123a75e0e4b', "data-version": version$1 }, hAsync("nav", { key: '673a5f400ed5d80cde3d3d71b739284d8d4226b4', "aria-label": this.textBreadcrumbs, class: "breadcrumbs-nav", ref: el => (this.breadcrumbsNavRef = el) }, hAsync("ol", { key: 'de6d8f6f9c5e5ca78f9dd4da1d84db04efda4457', class: "no-list breadcrumbs-list" }, hAsync("li", { key: '89498e7c9e5faf88c5bc2afc7c8de829a592356a' }, hAsync("a", { key: 'dcea8c2e7aaf60e8aedcf61a63bd7bc1869da0c3', href: this.homeUrl, class: "breadcrumb-link" }, hAsync("span", { key: 'a314db08e5ce9efa8fe75aa860ecff3534316490', class: "visually-hidden" }, this.textHome), hAsync("post-icon", { key: 'cd08855f88018c76b1cfebecddc0d469dc4c6b2d', name: "home", class: "home-icon" }))), this.isConcatenated ? (hAsync("li", { class: "menu-trigger-wrapper" }, hAsync("post-icon", { name: "chevronright", class: "breadcrumb-item-icon" }), hAsync("div", { class: "actual-menu" }, hAsync("post-menu-trigger", { for: "breadcrumb-menu", tabIndex: 0, onKeyDown: e => {
6822
+ return (hAsync(Host, { key: 'e0c191cf08f718b945336f38b6ecbb3d6a83eac9', "data-version": version$1 }, hAsync("nav", { key: '6c964f85bbf21ec778a2224a1bb436a70e81cb74', "aria-label": this.textBreadcrumbs, class: "breadcrumbs-nav", ref: el => (this.breadcrumbsNavRef = el) }, hAsync("ol", { key: '008ba1ddc449bab71450b2962e299f3f8b95efc4', class: "no-list breadcrumbs-list" }, hAsync("li", { key: 'a0ba0adde27a4bf3fd85698df06f05ac2a78d659' }, hAsync("a", { key: 'f9f6b3f8c2c7b3f497230e67e51b4b40952ae3b1', href: this.homeUrl, class: "breadcrumb-link" }, hAsync("span", { key: 'a42bae931167f02bc811b30564b07444156365ed', class: "visually-hidden" }, this.textHome), hAsync("post-icon", { key: '87715337fd5be2df0eabb4f3f6d346d2265379a1', name: "home", class: "home-icon" }))), this.isConcatenated ? (hAsync("li", { class: "menu-trigger-wrapper" }, hAsync("post-icon", { name: "chevronright", class: "breadcrumb-item-icon" }), hAsync("div", { class: "actual-menu" }, hAsync("post-menu-trigger", { for: "breadcrumb-menu", tabIndex: 0, onKeyDown: e => {
6676
6823
  if (e.key === 'Enter' || e.key === ' ') {
6677
6824
  e.preventDefault();
6678
6825
  this.handleBreadcrumbItemClick();
@@ -6683,7 +6830,7 @@ class PostBreadcrumbs {
6683
6830
  linkElement?.click();
6684
6831
  e.preventDefault();
6685
6832
  }
6686
- } }, item.url ? hAsync("a", { href: item.url }, item.text) : hAsync("span", null, item.text)))))))) : (visibleItems.map(item => (hAsync("li", null, hAsync("post-breadcrumb-item", { url: item.url, key: item.url || item.text }, item.text))))), this.lastItem && (hAsync("li", { key: '0c7bec7b0468bd025739f83e49ec4c705b84ff5f', "aria-current": "page" }, hAsync("post-breadcrumb-item", { key: '4f241748849a7a0bd108a082606ee6f9851ea346', url: this.lastItem.url, tabindex: -1 }, this.lastItem.text)))), hAsync("div", { key: '459d049cf7cbafacc5b45bdb4314faf3e432b073', class: "hidden-items" }, hAsync("a", { key: '2607b06fa06d7b1137b5c34e65ca0b6427f8f912', href: this.homeUrl, class: "hidden-breadcrumb-item" }, hAsync("span", { key: '856d00be8da22e7b8c326828a074377e33d1ddff', class: "visually-hidden" }, this.textHome), hAsync("post-icon", { key: '623bb4b66de721539936af7dd25a697a5ed3255e', name: "home", class: "home-icon" })), this.breadcrumbItems.map(item => (hAsync("post-breadcrumb-item", { url: item.url, key: `hidden-${item.url || item.text}`, class: "hidden-breadcrumb-item" }, item.text)))))));
6833
+ } }, item.url ? (hAsync("a", { href: item.url, "aria-label": item.label, "aria-description": item.description }, item.text)) : (hAsync("span", null, item.text))))))))) : (visibleItems.map(item => (hAsync("li", null, hAsync("post-breadcrumb-item", { url: item.url, label: item.label, description: item.description, key: item.url || item.text }, item.text))))), this.lastItem && (hAsync("li", { key: '387d8fc4ad2811e069ffbcf120ba94455bf5b07c', "aria-current": "page" }, hAsync("post-breadcrumb-item", { key: '177e3b88bf0fd96238070d7459da65b66667a488', url: this.lastItem.url, label: this.lastItem.label, description: this.lastItem.description, tabindex: -1 }, this.lastItem.text)))), hAsync("div", { key: 'e30956ea858da56e2142785f0c1a49ddf071e1ff', class: "hidden-items" }, hAsync("a", { key: 'a4e487d2c27beabe77277644eb1d22d5f49d92d5', href: this.homeUrl, class: "hidden-breadcrumb-item" }, hAsync("span", { key: '836d18e95f7cffdaad3cbdd22a6f25887574c071', class: "visually-hidden" }, this.textHome), hAsync("post-icon", { key: 'bed3f5e92820965e0b5f33a037f67d058ac20e50', name: "home", class: "home-icon" })), this.breadcrumbItems.map(item => (hAsync("post-breadcrumb-item", { url: item.url, key: `hidden-${item.url || item.text}`, label: item.label, description: item.description, class: "hidden-breadcrumb-item" }, item.text)))))));
6687
6834
  }
6688
6835
  get host() { return getElement(this); }
6689
6836
  static get watchers() { return {
@@ -6778,7 +6925,7 @@ class PostClosebutton {
6778
6925
  }
6779
6926
  }
6780
6927
  render() {
6781
- return (hAsync(Host, { key: '1923a9236ae7d7929e8162dcf8d62dd21bfce0b5', "data-version": version$1 }, hAsync("button", { key: '484f61b681279742acf3376f85f5200a73d319ad', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm" }, hAsync("post-icon", { key: '943f8ec5194bbbca3e4403ea0bee51aca14404c0', "aria-hidden": "true", name: "closex" }), hAsync("span", { key: '832023a95b101cd9db01fee0b317c2740997f187', class: "visually-hidden" }, hAsync("slot", { key: '371b19a4d9eceeb7490584e265288c533a7f8df4' })))));
6928
+ return (hAsync(Host, { key: '130f1b06ef428564f8e0b57351f28b4ee64c6d47', "data-version": version$1 }, hAsync("button", { key: '710173d4918e16b2511316ca55caf59aab400dc9', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm" }, hAsync("post-icon", { key: 'ddbce04c23089ccb25da9717191d3e0cf86f9007', "aria-hidden": "true", name: "closex" }), hAsync("span", { key: '886145ced526930d35aa96922a15a98a8ad8d52c', class: "visually-hidden" }, hAsync("slot", { key: '4c88b414ba1abd99103437afc4ac3e3e33fbdf15' })))));
6782
6929
  }
6783
6930
  get host() { return getElement(this); }
6784
6931
  static get watchers() { return {
@@ -6808,23 +6955,9 @@ class PostClosebutton {
6808
6955
  }
6809
6956
 
6810
6957
  const collapseDuration = 350;
6811
- const collapseEasing = 'ease';
6812
6958
  const collapsedKeyframe = { height: '0', overflow: 'hidden' };
6813
- const animationOptions = {
6814
- duration: isMotionReduced() ? 0 : collapseDuration,
6815
- easing: collapseEasing,
6816
- fill: 'forwards',
6817
- };
6818
- function collapse(el) {
6819
- const elHeight = IS_BROWSER ? window.getComputedStyle(el).height : `${el.scrollHeight}px`;
6820
- const expandedKeyframe = { height: elHeight };
6821
- return el.animate([expandedKeyframe, collapsedKeyframe], animationOptions);
6822
- }
6823
- function expand(el) {
6824
- const expandedKeyframe = { height: `${el.scrollHeight}px`, offset: 1 };
6825
- const finalKeyframe = { height: 'auto', overflow: 'visible' };
6826
- return el.animate([collapsedKeyframe, expandedKeyframe, finalKeyframe], animationOptions);
6827
- }
6959
+ ({
6960
+ duration: isMotionReduced() ? 0 : collapseDuration});
6828
6961
 
6829
6962
  const postCollapsibleCss = () => `:host{display:block;position:relative;overflow:var(--post-collapsible-initial-overflow, hidden);height:var(--post-collapsible-initial-height, auto)}`;
6830
6963
 
@@ -6864,13 +6997,6 @@ class PostCollapsible {
6864
6997
  // due to its implementation with the getter, which returns !this.collapsed
6865
6998
  this.collapsed = !shouldExpand;
6866
6999
  const isExpanded = this.isExpanded;
6867
- if (IS_BROWSER) {
6868
- const animation = isExpanded ? expand(this.host) : collapse(this.host);
6869
- this.postToggle.emit(isExpanded);
6870
- await animation.finished;
6871
- animation.commitStyles();
6872
- this.updateTriggers();
6873
- }
6874
7000
  return isExpanded;
6875
7001
  }
6876
7002
  /**
@@ -6881,7 +7007,7 @@ class PostCollapsible {
6881
7007
  triggers.forEach(trigger => trigger.update());
6882
7008
  }
6883
7009
  render() {
6884
- return (hAsync(Host, { key: '46e5b97bfac36ff9f60398c6186a5d906bec72fc', "data-version": version$1, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, hAsync("slot", { key: '09b88ac9aba78cdccf66b93be582c80530667528' })));
7010
+ return (hAsync(Host, { key: 'e20569112cd3c844cf9f5e274ef452592f295f3e', "data-version": version$1, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, hAsync("slot", { key: 'af454694fd370de798c3cdf962b950efbbc7dad9' })));
6885
7011
  }
6886
7012
  get host() { return getElement(this); }
6887
7013
  static get watchers() { return {
@@ -6903,7 +7029,7 @@ class PostCollapsible {
6903
7029
  }; }
6904
7030
  }
6905
7031
 
6906
- var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
7032
+ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
6907
7033
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
6908
7034
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
6909
7035
  r = Reflect.decorate(decorators, target, key, desc);
@@ -7000,7 +7126,7 @@ class PostCollapsibleTrigger {
7000
7126
  this.updateAriaAttributes();
7001
7127
  }
7002
7128
  render() {
7003
- return (hAsync(Host, { key: 'beb213bb418b76eaf9449e33b7a4c66c047f166c', "data-version": version$1 }, hAsync("slot", { key: '63f8b0ef5b728697deb2cd528f626fa1d86ab76b' })));
7129
+ return (hAsync(Host, { key: '0b5e8c203d582389369dde1246ecc5996d6613b9', "data-version": version$1 }, hAsync("slot", { key: 'b49aead3fd6ebcc3ec9fab200b25d2be919e1b18' })));
7004
7130
  }
7005
7131
  get host() { return getElement(this); }
7006
7132
  static get watchers() { return {
@@ -7020,7 +7146,7 @@ class PostCollapsibleTrigger {
7020
7146
  "$attrsToReflect$": [["for", "for"]]
7021
7147
  }; }
7022
7148
  }
7023
- __decorate$4([
7149
+ __decorate$5([
7024
7150
  EventFrom('post-collapsible')
7025
7151
  ], PostCollapsibleTrigger.prototype, "handlePostToggle", null);
7026
7152
 
@@ -10777,7 +10903,7 @@ const localesMap = {
10777
10903
  it: localeIt,
10778
10904
  };
10779
10905
 
10780
- const postDatePickerCss = () => `.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255, 255, 255, 0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0, 0, 0, 0)}.air-datepicker{--adp-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92, 196, 239, .1);--adp-background-color-in-range-focused:rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover:rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0, 0, 0, .3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}.air-datepicker{--adp-cell-background-color-in-range:unset;--adp-hover-color:unset;font-family:inherit;font-size:var(--post-device-font-size-8);width:var(--post-core-dimension-296);border-radius:var(--post-device-border-radius-1);box-shadow:var(--post-device-elevation-300);font-weight:700;border:none}.air-datepicker.-inline-{box-shadow:var(--post-device-elevation-300)}.air-datepicker *{font-family:inherit}.air-datepicker .air-datepicker--navigation{border-start-start-radius:inherit;border-start-end-radius:inherit}.air-datepicker .air-datepicker--navigation .air-datepicker-nav{border-start-start-radius:inherit;border-start-end-radius:inherit;border-block-end:none;background:var(--post-core-color-sandgrey-012);padding:var(--post-device-spacing-padding-15)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title{margin-right:auto;margin-inline-start:0;justify-content:flex-start;display:flex;align-items:center;padding:0 0 0 var(--post-device-spacing-padding-15);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title.-disabled-:hover{color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title:hover{background:unset}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:var(--post-device-border-radius-1);display:flex;align-items:center;gap:var(--post-device-spacing-gap-3);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button{background-color:ButtonFace !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:hover{background-color:Highlight !important}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:hover{color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button[disabled]{color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title .placeholder{flex-grow:2;pointer-events:none}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action{height:var(--post-device-sizing-interactive-button-height-4);width:var(--post-device-sizing-interactive-button-height-4)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action[data-action=next]{margin-inline-start:var(--post-device-spacing-gap-inline-4)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action:hover{background:unset}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;height:var(--post-device-sizing-interactive-button-height-4);width:var(--post-device-sizing-interactive-button-height-4);border-radius:var(--post-device-border-radius-round)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button{background-color:ButtonFace !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:hover{background-color:Highlight !important}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:hover{color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content{padding:0 !important}.air-datepicker .air-datepicker--content .air-datepicker-body--day-names{background:var(--post-core-color-sandgrey-012);margin:0;padding-block-start:var(--post-device-spacing-padding-13);padding-block-end:var(--post-device-spacing-padding-5);padding-inline:var(--post-device-spacing-padding-15)}.air-datepicker .air-datepicker--content .air-datepicker-body--day-names .air-datepicker-body--day-name{text-transform:capitalize;font-size:inherit;color:var(--post-scheme-color-surface-brand-fg)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells{min-height:var(--post-core-dimension-182);padding:var(--post-device-spacing-padding-15);background:var(--post-scheme-color-surface-accent1-bg);row-gap:var(--post-device-spacing-gap-2);border-radius:var(--post-device-border-radius-1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--post-core-dimension-40));grid-auto-rows:var(--post-core-dimension-40)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell>*{box-sizing:border-box}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell::after{box-sizing:border-box}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-{width:var(--post-core-dimension-40);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-other-month-{pointer-events:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-){color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-):not(.-current-){background:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-):not(.-current-){background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-).-current-{color:var(--post-scheme-color-interactive-primary-hover-fg1);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-){z-index:2;color:var(--post-scheme-color-interactive-primary-selected-fg3);background:var(--post-scheme-color-interactive-primary-selected-bg4)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-):not(.-range-from-):not(.-range-to-,.-other-month-){border-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-){background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-disabled-:not(.-other-month-){user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke);width:var(--post-core-dimension-38);height:var(--post-core-dimension-38);outline:none;display:flex;align-self:center;justify-self:center}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-){border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke);z-index:2}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-).-selected-{background:var(--post-scheme-color-interactive-primary-selected-bg4);color:var(--post-scheme-color-interactive-primary-selected-fg3);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-).-selected-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);background:var(--post-scheme-color-interactive-primary-hover-bg2);color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, var(--post-core-dimension-64));grid-auto-rows:var(--post-core-dimension-40);column-gap:var(--post-device-spacing-gap-inline-8)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-{width:var(--post-core-dimension-64);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-other-decade-{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-){z-index:3}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:hover:not(.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3);background:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-selected-:not(.-selected-~.-selected-){color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border:2px solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-disabled-:not(.-day-.-other-decade-){user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-current-{border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-current-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);background:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months-{grid-template-columns:repeat(4, var(--post-core-dimension-64));padding:var(--post-device-spacing-padding-15);column-gap:var(--post-device-spacing-gap-inline-8);min-height:var(--post-core-dimension-182);text-transform:uppercase}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-{width:var(--post-core-dimension-64);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-other-decade-{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-):not(.-current-){background:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-):not(.-current-){background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-selected-:not(.-selected-~.-selected-){color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border:2px solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-disabled-{user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-current-{border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-current-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell{z-index:1;position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0;flex-direction:column;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell.-focus-:hover{background:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-{position:relative}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::after{content:"";position:absolute;display:block;width:var(--post-core-dimension-40);height:var(--post-core-dimension-40)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::before{z-index:-2}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-),.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-),.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-)::after{z-index:-1;background:var(--post-scheme-color-interactive-primary-hover-bg2);border-radius:var(--post-device-border-radius-round);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-)::after{border:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-):hover{color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-)::after{z-index:-1;border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-selected-fg3)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-)::after{forced-color-adjust:none;border-color:Highlight}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:hover::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg3);background:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):hover::after{background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-other-month-)::before{z-index:-2;background:var(--post-scheme-color-interactive-primary-selected-bg3);border-block:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-other-month-)::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-){color:var(--post-scheme-color-interactive-primary-disabled-fg1) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-)::after{z-index:-1;background:var(--post-scheme-color-surface-accent1-bg);border-radius:var(--post-device-border-radius-round);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke);color:var(--post-scheme-color-interactive-primary-disabled-fg1) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-)::after{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-).-selected-:not(.-disabled-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-).-selected-:not(.-disabled-):hover{border:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-)::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-)::before{background:var(--post-scheme-color-interactive-primary-selected-bg3);border-block:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-)::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-)::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-).-selected-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-).-selected-::after{z-index:-1;border-radius:var(--post-device-border-radius-round);background:var(--post-scheme-color-interactive-primary-selected-bg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-).-selected-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-).-selected-::after{background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover{color:var(--post-scheme-color-interactive-primary-hover-fg3)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::after{z-index:-1;background:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::after{background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-).-selected-::before{right:-1px;width:50%;background:linear-gradient(to right, transparent 50%, var(--post-scheme-color-interactive-primary-selected-bg3) 50%);border-image:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-).-selected-.-current-::before{right:-2px}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-).-selected-::before{left:-1px;width:50%;background:linear-gradient(to right, var(--post-scheme-color-interactive-primary-selected-bg3) 50%, transparent 50%);border-image:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-).-selected-.-current-::before{left:-2px}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-range-from-:hover::before{background:none;border:none}.calendar-input,.calendar-input-range{position:relative}.calendar-input button,.calendar-input-range button{z-index:1;padding:0;position:absolute;transform:translateY(-50%);background:none;border:0;display:flex;align-items:center;justify-content:center;border-radius:var(--post-device-border-radius-focus);transition:opacity .2s ease,visibility .2s ease,fill .2s ease;right:var(--post-core-dimension-14);top:calc(var(--post-device-sizing-interactive-button-height-6) / 2);outline-offset:4px;right:var(--post-core-dimension-14)}.calendar-input button post-icon,.calendar-input-range button post-icon{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}.calendar-input button:not([disabled]),.calendar-input-range button:not([disabled]){cursor:pointer}.calendar-input button:not([disabled]) :where(:hover>*) post-icon,.calendar-input-range button:not([disabled]) :where(:hover>*) post-icon{color:var(--post-scheme-color-interactive-input-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.calendar-input button:not([disabled]) :where(:hover>*) post-icon,.calendar-input-range button:not([disabled]) :where(:hover>*) post-icon{color:Highlight}}.calendar-input button[disabled],.calendar-input-range button[disabled]{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}:host ::slotted(input.form-control:is(.is-invalid,.is-valid):not(:disabled)){background-position:top 50% right calc( var(--post-core-dimension-14) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1) ) !important}`;
10906
+ const postDatePickerCss = () => `.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255, 255, 255, 0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0, 0, 0, 0)}.air-datepicker{--adp-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92, 196, 239, .1);--adp-background-color-in-range-focused:rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover:rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0, 0, 0, .3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}.air-datepicker{--adp-cell-background-color-in-range:unset;--adp-hover-color:unset;font-family:inherit;font-size:var(--post-device-font-size-8);width:var(--post-core-dimension-296);border-radius:var(--post-device-border-radius-1);box-shadow:var(--post-device-elevation-300);font-weight:700;border:none}.air-datepicker.-inline-{box-shadow:var(--post-device-elevation-300)}.air-datepicker *{font-family:inherit}.air-datepicker .air-datepicker--navigation{border-start-start-radius:inherit;border-start-end-radius:inherit}.air-datepicker .air-datepicker--navigation .air-datepicker-nav{border-start-start-radius:inherit;border-start-end-radius:inherit;border-block-end:none;background:var(--post-core-color-sandgrey-012);padding:var(--post-device-spacing-padding-15)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title{margin-right:auto;margin-inline-start:0;justify-content:flex-start;display:flex;align-items:center;padding:0 0 0 var(--post-device-spacing-padding-15);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title.-disabled-:hover{color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title:hover{background:unset}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:var(--post-device-border-radius-1);display:flex;align-items:center;gap:var(--post-device-spacing-gap-3);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button{background-color:ButtonFace !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:hover{background-color:Highlight !important}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:hover{color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button[disabled]{color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title .placeholder{flex-grow:2;pointer-events:none}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action{height:var(--post-device-sizing-interactive-button-height-4);width:var(--post-device-sizing-interactive-button-height-4)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action[data-action=next]{margin-inline-start:var(--post-device-spacing-gap-inline-4)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action:hover{background:unset}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;height:var(--post-device-sizing-interactive-button-height-4);width:var(--post-device-sizing-interactive-button-height-4);border-radius:var(--post-device-border-radius-round)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button{background-color:ButtonFace !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:hover{background-color:Highlight !important}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:hover{color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content{padding:0 !important}.air-datepicker .air-datepicker--content .air-datepicker-body--day-names{background:var(--post-core-color-sandgrey-012);margin:0;padding-block-start:var(--post-device-spacing-padding-13);padding-block-end:var(--post-device-spacing-padding-5);padding-inline:var(--post-device-spacing-padding-15)}.air-datepicker .air-datepicker--content .air-datepicker-body--day-names .air-datepicker-body--day-name{text-transform:capitalize;font-size:inherit;color:var(--post-scheme-color-surface-brand-fg)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells{min-height:var(--post-core-dimension-182);padding:var(--post-device-spacing-padding-15);background:var(--post-scheme-color-surface-accent1-bg);row-gap:var(--post-device-spacing-gap-2);border-radius:var(--post-device-border-radius-1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--post-core-dimension-40));grid-auto-rows:var(--post-core-dimension-40)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell>*{box-sizing:border-box}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell::after{box-sizing:border-box}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-{width:var(--post-core-dimension-40);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-other-month-{pointer-events:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-){color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-):not(.-current-){background:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-):not(.-current-){background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-).-current-{color:var(--post-scheme-color-interactive-primary-hover-fg1);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-){z-index:2;color:var(--post-scheme-color-interactive-primary-selected-fg3);background:var(--post-scheme-color-interactive-primary-selected-bg4)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-):not(.-range-from-):not(.-range-to-,.-other-month-){border-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-){background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-disabled-:not(.-other-month-){user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke);width:var(--post-core-dimension-38);height:var(--post-core-dimension-38);outline:none;display:flex;align-self:center;justify-self:center}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-){border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke);z-index:2}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-).-selected-{background:var(--post-scheme-color-interactive-primary-selected-bg4);color:var(--post-scheme-color-interactive-primary-selected-fg3);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-).-selected-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);background:var(--post-scheme-color-interactive-primary-hover-bg2);color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, var(--post-core-dimension-64));grid-auto-rows:var(--post-core-dimension-40);column-gap:var(--post-device-spacing-gap-inline-8)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-{width:var(--post-core-dimension-64);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-other-decade-{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-){z-index:3}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:hover:not(.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3);background:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-selected-:not(.-selected-~.-selected-){color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border:2px solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-disabled-:not(.-day-.-other-decade-){user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-current-{border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-current-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);background:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months-{grid-template-columns:repeat(4, var(--post-core-dimension-64));padding:var(--post-device-spacing-padding-15);column-gap:var(--post-device-spacing-gap-inline-8);min-height:var(--post-core-dimension-182);text-transform:uppercase}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-{width:var(--post-core-dimension-64);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-other-decade-{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-):not(.-current-){background:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-):not(.-current-){background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-selected-:not(.-selected-~.-selected-){color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border:2px solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-disabled-{user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-current-{border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-current-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell{z-index:1;position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0;flex-direction:column;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell.-focus-:hover{background:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-{position:relative}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::after{content:"";position:absolute;display:block;width:var(--post-core-dimension-40);height:var(--post-core-dimension-40)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::before{z-index:-2}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-),.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-),.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-)::after{z-index:-1;background:var(--post-scheme-color-interactive-primary-hover-bg2);border-radius:var(--post-device-border-radius-round);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-)::after{border:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-):hover{color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-)::after{z-index:-1;border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-selected-fg3)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-)::after{forced-color-adjust:none;border-color:Highlight}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:hover::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg3);background:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):hover::after{background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-other-month-)::before{z-index:-2;background:var(--post-scheme-color-interactive-primary-selected-bg3);border-block:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-other-month-)::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-){color:var(--post-scheme-color-interactive-primary-disabled-fg1) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-)::after{z-index:-1;background:var(--post-scheme-color-surface-accent1-bg);border-radius:var(--post-device-border-radius-round);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke);color:var(--post-scheme-color-interactive-primary-disabled-fg1) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-)::after{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-).-selected-:not(.-disabled-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-).-selected-:not(.-disabled-):hover{border:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-)::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-)::before{background:var(--post-scheme-color-interactive-primary-selected-bg3);border-block:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-)::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-)::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-).-selected-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-).-selected-::after{z-index:-1;border-radius:var(--post-device-border-radius-round);background:var(--post-scheme-color-interactive-primary-selected-bg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-).-selected-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-).-selected-::after{background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover{color:var(--post-scheme-color-interactive-primary-hover-fg3)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::after{z-index:-1;background:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::after{background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-).-selected-::before{right:-1px;width:50%;background:linear-gradient(to right, transparent 50%, var(--post-scheme-color-interactive-primary-selected-bg3) 50%);border-image:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-).-selected-.-current-::before{right:-2px}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-).-selected-::before{left:-1px;width:50%;background:linear-gradient(to right, var(--post-scheme-color-interactive-primary-selected-bg3) 50%, transparent 50%);border-image:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-).-selected-.-current-::before{left:-2px}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-range-from-:hover::before{background:none;border:none}.calendar-input,.calendar-input-range{position:relative}.calendar-input button,.calendar-input-range button{z-index:1;padding:0;position:absolute;transform:translateY(-50%);background:none;border:0;display:flex;align-items:center;justify-content:center;border-radius:var(--post-device-border-radius-focus);transition:opacity .2s ease,visibility .2s ease,fill .2s ease;right:var(--post-core-dimension-14);top:calc(var(--post-device-sizing-interactive-button-height-6) / 2);-webkit-appearance:none;appearance:none;color:var(--post-scheme-color-interactive-primary-enabled-fg1);outline-offset:4px;right:var(--post-core-dimension-14)}.calendar-input button post-icon,.calendar-input-range button post-icon{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}.calendar-input button:not([disabled]),.calendar-input-range button:not([disabled]){cursor:pointer}.calendar-input button:not([disabled]) :where(:hover>*) post-icon,.calendar-input-range button:not([disabled]) :where(:hover>*) post-icon{color:var(--post-scheme-color-interactive-input-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.calendar-input button:not([disabled]) :where(:hover>*) post-icon,.calendar-input-range button:not([disabled]) :where(:hover>*) post-icon{color:Highlight}}.calendar-input button[disabled],.calendar-input-range button[disabled]{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}:host ::slotted(input.form-control:is(.is-invalid,.is-valid):not(:disabled)){background-position:top 50% right calc( var(--post-core-dimension-14) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1) ) !important}`;
10781
10907
 
10782
10908
  class PostDatePicker {
10783
10909
  constructor(hostRef) {
@@ -10795,7 +10921,7 @@ class PostDatePicker {
10795
10921
  */
10796
10922
  this.inline = false;
10797
10923
  this.startDate = new Date();
10798
- this.locale = IS_BROWSER ? document.documentElement.lang : 'en';
10924
+ this.locale = 'en';
10799
10925
  this.currentViewType = 'days';
10800
10926
  this.euFormat = true;
10801
10927
  this.skipOnSelectCount = 0;
@@ -11066,7 +11192,7 @@ class PostDatePicker {
11066
11192
  }
11067
11193
  setActiveCell(date, focusOnDate = true) {
11068
11194
  const cells = this.getCells();
11069
- if (!cells.length)
11195
+ if (cells.length === 0)
11070
11196
  return;
11071
11197
  let target;
11072
11198
  // If selected date is visible
@@ -11097,7 +11223,7 @@ class PostDatePicker {
11097
11223
  }
11098
11224
  // fallback
11099
11225
  if (!target) {
11100
- target = cells[cells.length - 1];
11226
+ target = cells.at(-1);
11101
11227
  }
11102
11228
  // Make only the target focusable
11103
11229
  cells.forEach(c => (c.tabIndex = -1));
@@ -11166,7 +11292,7 @@ class PostDatePicker {
11166
11292
  });
11167
11293
  body.removeEventListener('keydown', this.handleGridKeydown);
11168
11294
  body.addEventListener('keydown', this.handleGridKeydown);
11169
- this.setActiveCell(this.isoToDate(this.selectedStartDate) ? this.isoToDate(this.selectedStartDate) : this.today, focusOnDate);
11295
+ this.setActiveCell(this.isoToDate(this.selectedStartDate) || this.today, focusOnDate);
11170
11296
  }
11171
11297
  /**
11172
11298
  * Set up the masks on the inputs to reflect the date pickers
@@ -11514,7 +11640,7 @@ class PostDatePicker {
11514
11640
  this.selectedEndDate = undefined;
11515
11641
  }
11516
11642
  isValidDate(date) {
11517
- return date instanceof Date && !isNaN(date.getTime());
11643
+ return date instanceof Date && !Number.isNaN(date.getTime());
11518
11644
  }
11519
11645
  syncDatePickerState() {
11520
11646
  this.inputDisabled = this.dpInput.disabled;
@@ -11565,11 +11691,11 @@ class PostDatePicker {
11565
11691
  }
11566
11692
  }
11567
11693
  render() {
11568
- return (hAsync(Host, { key: '6454ea6e09bf6de1760987df5190497bdf846653' }, this.inline && hAsync("div", { key: '5ad95438a456c05c58246f4916fc2c6a05efb3ac', class: "datepicker-container" }), !this.inline && (hAsync("div", { key: '040cc3549a1e8138392471af29d36fbac34a2393' }, hAsync("div", { key: '52e42d37262241e13aa2a9b3cfcd6270e55b02da', class: {
11694
+ return (hAsync(Host, { key: 'b721b731d9ad4ff3c6d80c995a3c471786b6425a' }, this.inline && hAsync("div", { key: '9dc37bf0ab23a5ce611139d0efd7f3fca4f6e6e2', class: "datepicker-container" }), !this.inline && (hAsync("div", { key: 'f2e0376510e5e26a98e29703fbf11c0be90266bb' }, hAsync("div", { key: '52e05c2f28a725c5336fca16842e97ce21a36b42', class: {
11569
11695
  'calendar-input': !this.range,
11570
11696
  'calendar-input-range': this.range,
11571
11697
  'disabled': this.inputDisabled,
11572
- } }, hAsync("slot", { key: 'ec8288b860f237127ebbe3321375714e9941b53d' }), hAsync("button", { key: '02273f0d4e355d47a63367f3717d89d78d8f7c1c', onClick: () => this.show(), "aria-haspopup": "true", "aria-label": this.textToggleCalendar, disabled: this.inputDisabled }, hAsync("post-icon", { key: 'e2f2c0498e45c0d2f8ed0cad29c5eb868505dc41', name: "calendar" }))), hAsync("post-popovercontainer", { key: 'cf1ceb029ccd9e8285a65329eed55263ea31fb63', placement: "bottom-end", offset: PostDatePicker.FLYOUT_OFFSET, ref: e => (this.popoverRef = e) }, hAsync("div", { key: '76bd9fe1cb90d88f6bece47b612576df81e2a909', class: "datepicker-container" }))))));
11698
+ } }, hAsync("slot", { key: '11147329e23c51b3bf7c5fa2925cbf97d26c9da2' }), hAsync("button", { key: 'c57f2450bd8ce1976876a8bc11f7d238300ca687', onClick: () => this.show(), "aria-haspopup": "true", "aria-label": this.textToggleCalendar, disabled: this.inputDisabled }, hAsync("post-icon", { key: 'd6a37bfc1471a8eabbf3e0450c3010da8e7ef28e', name: "calendar" }))), hAsync("post-popovercontainer", { key: 'fd4259c066d92c5bbf1066940da72f74a58bdfe8', placement: "bottom-end", offset: PostDatePicker.FLYOUT_OFFSET, ref: e => (this.popoverRef = e) }, hAsync("div", { key: '0ba6ef3f33a003317ab70728e1c67fc8c1d726a9', class: "datepicker-container" }))))));
11573
11699
  }
11574
11700
  get host() { return getElement(this); }
11575
11701
  static get watchers() { return {
@@ -11647,24 +11773,7 @@ class PostDatePicker {
11647
11773
  }
11648
11774
  PostDatePicker.FLYOUT_OFFSET = 4;
11649
11775
 
11650
- class PostEnvTest {
11651
- constructor(hostRef) {
11652
- registerInstance(this, hostRef);
11653
- }
11654
- render() {
11655
- return hAsync("div", { key: '533164ef2f912a47b6585c3be31c2061d8134f64', "data-browser": String(IS_BROWSER), "data-server": String(IS_SERVER) });
11656
- }
11657
- static get cmpMeta() { return {
11658
- "$flags$": 9,
11659
- "$tagName$": "post-env-test",
11660
- "$members$": undefined,
11661
- "$listeners$": undefined,
11662
- "$lazyBundleId$": "-",
11663
- "$attrsToReflect$": []
11664
- }; }
11665
- }
11666
-
11667
- const postFooterCss = () => `:host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:flex !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}`;
11776
+ const postFooterCss = () => `:host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid:has(>.d-none+.d-none+.d-none+.d-none){margin-block-end:0;padding-block-end:0;row-gap:0;column-gap:0}.footer-grid post-accordion:has(>.d-none+.d-none+.d-none+.d-none){display:none}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:flex !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}`;
11668
11777
 
11669
11778
  const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
11670
11779
  /**
@@ -11690,7 +11799,7 @@ class PostFooter {
11690
11799
  this.handleGridSlotChange = this.handleGridSlotChange.bind(this);
11691
11800
  }
11692
11801
  connectedCallback() {
11693
- window.addEventListener('postBreakpoint:device', this.breakpointChange);
11802
+ globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
11694
11803
  }
11695
11804
  componentWillLoad() {
11696
11805
  this.validateTextFooter();
@@ -11701,7 +11810,7 @@ class PostFooter {
11701
11810
  });
11702
11811
  }
11703
11812
  disconnectedCallback() {
11704
- window.removeEventListener('postBreakpoint:device', this.breakpointChange);
11813
+ globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
11705
11814
  }
11706
11815
  handleGridSlotChange(...devices) {
11707
11816
  return (e) => {
@@ -11722,7 +11831,7 @@ class PostFooter {
11722
11831
  return GRID_SLOTS.map(slotName => (hAsync("div", { class: { 'd-none': !this.gridSlotDisplayed[slotName] } }, hAsync("h3", null, hAsync("slot", { name: slotName + '-title' })), hAsync("slot", { onSlotchange: this.handleGridSlotChange('tablet', 'desktop'), name: slotName }))));
11723
11832
  }
11724
11833
  render() {
11725
- return (hAsync(Host, { key: '463d05f761606823f6a0509961719a166802df0b', "data-version": version$1, "data-color-scheme": "light" }, hAsync("footer", { key: '235731df03aa871b5d411d208df54fe26008e4d7' }, hAsync("h2", { key: '7bb8f8013b7c0deb5f021105bbb193c922efabd4', class: "visually-hidden" }, this.textFooter), hAsync("div", { key: '9aaf9cb32744df2d1c0585342a6fd9783702995a', class: "footer-container" }, hAsync("div", { key: '4dcbf986a6241a3bcd4e7a6e311d5640773a69e7', class: "footer-grid" }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), hAsync("div", { key: '9e295c05da9b0b8f3c4a01b8e433d5ef4f5c71ac', class: "footer-column" }, hAsync("div", { key: '1703a08855755586c4721ddc50e1f3bd121907a5', class: "footer-socialmedia" }, hAsync("slot", { key: 'c7961d016fb26f6af5022fff4550e15ef36a3881', name: "socialmedia" })), hAsync("div", { key: 'cef3bdd672ab0cddc7aa7e2b3d85705752caeb9e', class: "footer-app" }, hAsync("slot", { key: '5f97c901fb99e4f7458ef5036a55a887186b29b6', name: "app" }))), hAsync("div", { key: '33d8851199a96900353591d4af606f710f440892', class: "footer-businesssectors" }, hAsync("slot", { key: 'ae94799f81ea9031aa3a4489cbcc218afcfed257', name: "businesssectors" })), hAsync("div", { key: '3c9f984ebb4dfaa3aa595e804043d1d023616360', class: "footer-meta" }, hAsync("slot", { key: 'be63fa921c073a2b6bb396339bea7a850f908b4c', name: "meta" })), hAsync("div", { key: '2a2b7a4f9a5cf9b31534ab42ded552872582aaeb', class: "footer-copyright" }, hAsync("slot", { key: 'c80396f078acf145fa2b873a0ea3e453723488d9', name: "copyright" }))))));
11834
+ return (hAsync(Host, { key: 'b144591b02f0e8010d9e4bbba34841151ba6b3b9', "data-version": version$1, "data-color-scheme": "light" }, hAsync("footer", { key: '1f83f8ecf0e07ebd05f4ed9c45f6d2f6fe141422' }, hAsync("h2", { key: 'fdfc10c2be686d97c2a994fd069109ec46444626', class: "visually-hidden" }, this.textFooter), hAsync("div", { key: 'a89e56546788b71790747c8ee57b4d2fe5d8ae1f', class: "footer-container" }, hAsync("div", { key: '407518b583499c90002de8baa1cd955e8e123daa', class: "footer-grid" }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), hAsync("div", { key: '9c46b21064994229a1132b77432d9193a58e1dd4', class: "footer-column" }, hAsync("div", { key: 'f2686c80b116869255a2ae5087d5c0a72f5b57f3', class: "footer-socialmedia" }, hAsync("slot", { key: 'a3120b829237f2e82a7fb6ed897bc4ad8fc0ab44', name: "socialmedia" })), hAsync("div", { key: '3f868a04bc8a9952ca13041e630433ba4c4012c4', class: "footer-app" }, hAsync("slot", { key: '9325886b54b36bcc0dafa6b683fa9415b55590ce', name: "app" }))), hAsync("div", { key: '9b1382957dbe4eb9e2fb7a717b528fc76f18c1f6', class: "footer-businesssectors" }, hAsync("slot", { key: 'a38e36aeca86bd27c062624456bde8fa92349af9', name: "businesssectors" })), hAsync("div", { key: '65f1e95887a715de194420ace838695cfafed7ac', class: "footer-meta" }, hAsync("slot", { key: 'bbb052400f6f65853784c5e3f7ecfbaa9b87e8cb', name: "meta" })), hAsync("div", { key: '98a70e130ac05af4d9d5d3aaefb8ac473056c339', class: "footer-copyright" }, hAsync("slot", { key: 'ed7ac57a7862a32050d0481fa6d5cad45cd02677', name: "copyright" }))))));
11726
11835
  }
11727
11836
  get host() { return getElement(this); }
11728
11837
  static get watchers() { return {
@@ -11747,7 +11856,7 @@ class PostFooter {
11747
11856
 
11748
11857
  const postHeaderCss = () => `:host{--post-global-header-top:calc( var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height) );--post-header-top:calc(var(--post-header-reduced-height) - var(--post-header-expanded-height));--post-logo-height:calc( var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px) );--post-global-controls-top:clamp( 1000 * (var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height)), calc( -1 * min(var(--post-header-scroll-top, 0px) / 4, var(--post-global-header-reduced-height)) ), 0px )}@media screen and (min-width: 1024px){:host{--post-header-gap:0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.5rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.25rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.25rem;--post-local-header-padding-block:0.75rem;--post-burger-menu-padding-inline:2.5rem;--post-burger-menu-body-gap:2rem;--post-burger-menu-footer-gap:1.5rem}}@media screen and (min-width: 600px)and (max-width: 779.98px){:host{--post-burger-menu-padding-inline:1rem}}@media screen and (min-width: 0)and (max-width: 599.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.5rem;--post-local-header-padding-inline-end:0.5rem;--post-local-header-padding-block:0.5rem;--post-burger-menu-padding-inline:1rem;--post-burger-menu-body-gap:1.5rem;--post-burger-menu-footer-gap:1rem}}:host(:not([full-width])),:host([full-width=false]){--post-header-content-max-width:1440px}:host([data-expanded]),:host([data-menu-extended]){--post-header-top:0;--post-global-header-top:-0.001px;--post-global-controls-top:0;--post-logo-height:var(--post-global-header-expanded-height)}*,::before,::after{box-sizing:border-box}:host,header,.global-header,.local-header{transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1)}.section,.sliding-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--post-header-gap);flex-wrap:wrap}.section{max-width:var(--post-header-content-max-width);margin-inline:auto}:host{display:block;position:sticky;inset-block-start:var(--post-header-top);z-index:1020;box-shadow:var(--post-device-elevation-300)}.global-header{z-index:2;position:sticky;inset-block-start:var(--post-global-header-top);background-color:#fc0}.global-header .section{height:var(--post-global-header-expanded-height);padding-inline-start:var(--post-global-header-padding-inline-start);padding-inline-end:var(--post-global-header-padding-inline-end)}.global-header .logo{align-self:flex-end;width:var(--post-global-header-expanded-height);height:var(--post-logo-height);min-height:var(--post-global-header-reduced-height);max-height:100%;margin-inline-end:calc(1.25rem - var(--post-header-gap))}.global-header .sliding-controls{flex-grow:1;justify-content:flex-end;position:relative;inset-block-start:var(--post-global-controls-top)}.global-header .audience{margin-inline-end:auto}@media screen and (max-width: 1023.98px){.global-header slot:where([name=audience],[name=global-nav-secondary]){display:none}}.local-header{position:relative;background-color:#fff;min-height:var(--post-local-header-expanded-min-height);display:var(--post-local-header-display, flex);align-items:var(--post-local-header-align-items, center)}.local-header .section{width:100%;padding-inline-start:var(--post-local-header-padding-inline-start);padding-inline-end:var(--post-local-header-padding-inline-end);padding-block:var(--post-local-header-padding-block)}@media screen and (min-width: 1024px){.local-header .section{display:grid;grid-template:var(--post-local-header-grid-template)}}@media screen and (max-width: 1023.98px){.local-header .section{display:flex;align-self:center}}@media screen and (max-width: 1023.98px)and (max-width: 599.98px){.local-header .section{justify-content:end}}.local-header:where(.megadropdown-open)::after,.local-header:has(~.burger-menu.extended)::after{content:"";display:block;position:absolute;inset-inline:0;inset-block-end:0;height:1px;background-color:#e1e0dc}.local-header .local-nav{flex:0 0 auto}@media screen and (max-width: 1023.98px){.local-header slot[name=main-nav]{display:none}}.burger-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);display:var(--post-burger-button-display, flex)}.burger-button:hover{text-decoration:none}.burger-button:disabled{border-style:var(--post-core-border-style-dash)}.burger-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.burger-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.burger-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(a){color:LinkText;border:unset}.burger-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.burger-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.burger-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.burger-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}@media screen and (min-width: 0)and (max-width: 599.98px){.burger-button{padding:.625rem}.burger-button>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.burger-button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){.burger-button{display:none}}.burger-menu{z-index:-1;position:absolute;inset-inline:0;inset-block-start:100%;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));overflow:hidden auto;display:flex;flex-direction:column;background-color:#fafafa}.burger-menu.extended.second-level-open{overflow:hidden}.burger-menu:not(.extended){transform:translateY(-100%);display:none}.burger-menu:not(.extended)>*{display:none}.burger-menu .burger-menu-body,.burger-menu .burger-menu-footer{display:flex;flex-direction:column;padding-inline:var(--post-burger-menu-padding-inline)}.burger-menu .burger-menu-body{flex-grow:1;padding-block:1.5rem;gap:var(--post-burger-menu-body-gap)}.burger-menu .burger-menu-footer{background-color:#f0efed;padding-block:1rem 1.5rem;gap:var(--post-burger-menu-footer-gap)}.burger-menu .local-nav{min-height:3.5rem;display:flex;align-items:center;justify-content:flex-end;padding-inline:.25rem}`;
11749
11858
 
11750
- var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
11859
+ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
11751
11860
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
11752
11861
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
11753
11862
  r = Reflect.decorate(decorators, target, key, desc);
@@ -11796,11 +11905,11 @@ class PostHeader {
11796
11905
  const scrollParent = this.scrollParent;
11797
11906
  const burgerMenuExtended = propName === 'burgerMenuExtended' ? newValue : this.burgerMenuExtended;
11798
11907
  if (this.device !== 'desktop' && burgerMenuExtended) {
11799
- scrollParent.setAttribute('data-post-scroll-locked', '');
11908
+ scrollParent.dataset.postScrollLocked = '';
11800
11909
  this.host.addEventListener('keydown', this.keyboardHandler);
11801
11910
  }
11802
11911
  else {
11803
- scrollParent.removeAttribute('data-post-scroll-locked');
11912
+ delete scrollParent.dataset.postScrollLocked;
11804
11913
  this.host.removeEventListener('keydown', this.keyboardHandler);
11805
11914
  }
11806
11915
  }
@@ -11845,15 +11954,15 @@ class PostHeader {
11845
11954
  this.megadropdownStateHandler = this.megadropdownStateHandler.bind(this);
11846
11955
  }
11847
11956
  connectedCallback() {
11848
- window.addEventListener('resize', this.throttledResize, { passive: true });
11849
- window.addEventListener('scroll', this.handleScrollEvent, {
11957
+ globalThis.addEventListener('resize', this.throttledResize, { passive: true });
11958
+ globalThis.addEventListener('scroll', this.handleScrollEvent, {
11850
11959
  passive: true,
11851
11960
  });
11852
11961
  this.scrollParent.addEventListener('scroll', this.handleScrollEvent, {
11853
11962
  passive: true,
11854
11963
  });
11855
11964
  document.addEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
11856
- window.addEventListener('postBreakpoint:device', this.breakpointChange);
11965
+ globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
11857
11966
  this.handleScrollParentResize();
11858
11967
  this.lockBody(false, this.burgerMenuExtended, 'burgerMenuExtended');
11859
11968
  }
@@ -11881,9 +11990,9 @@ class PostHeader {
11881
11990
  // Clean up possible side effects when post-header is disconnected
11882
11991
  disconnectedCallback() {
11883
11992
  const scrollParent = this.scrollParent;
11884
- window.removeEventListener('postBreakpoint:device', this.breakpointChange);
11885
- window.removeEventListener('resize', this.throttledResize);
11886
- window.removeEventListener('scroll', this.handleScrollEvent);
11993
+ globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
11994
+ globalThis.removeEventListener('resize', this.throttledResize);
11995
+ globalThis.removeEventListener('scroll', this.handleScrollEvent);
11887
11996
  if (scrollParent)
11888
11997
  scrollParent.removeEventListener('scroll', this.handleScrollEvent);
11889
11998
  document.removeEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
@@ -11955,7 +12064,7 @@ class PostHeader {
11955
12064
  const focusableElements = [this.burgerMenuButton];
11956
12065
  focusableElements.push(...getDeepFocusableChildren(this.localHeader, el => !el.matches('post-megadropdown')), ...getDeepFocusableChildren(this.burgerMenu, el => !el.matches('post-megadropdown')));
11957
12066
  this.firstFocusableEl = focusableElements[0];
11958
- this.lastFocusableEl = focusableElements[focusableElements.length - 1];
12067
+ this.lastFocusableEl = focusableElements.at(-1);
11959
12068
  }
11960
12069
  keyboardHandler(e) {
11961
12070
  if (e.key !== 'Tab' || !this.burgerMenuExtended)
@@ -12053,10 +12162,10 @@ class PostHeader {
12053
12162
  }, style: { '--post-header-navigation-current-inset': `${this.burgerMenu?.scrollTop ?? 0}px` }, ref: el => (this.burgerMenu = el) }, this.hasLocalNav && !this.hasTitle && (hAsync("div", { class: "local-nav" }, hAsync("slot", { name: "local-nav" }))), hAsync("div", { class: "burger-menu-body" }, hAsync("slot", { name: "audience" }), hAsync("slot", { name: "main-nav" })), hAsync("div", { class: "burger-menu-footer" }, hAsync("slot", { name: "global-nav-secondary" }), hAsync("slot", { name: "language-menu" }))));
12054
12163
  }
12055
12164
  render() {
12056
- return (hAsync(Host, { key: '927a12917d64f0e0fed247764ab5a89c2ff66453', "data-version": version$1, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, hAsync("header", { key: '58e53821b44b9569a1a1f39663c6e315142fb0c2' }, hAsync("div", { key: 'ead8157d4b94892be4e20c98ba9480411a08aafe', class: "global-header" }, hAsync("div", { key: 'e2c6bbabfbfca71a978b6ed3e2ecbb105751bdd1', class: "section" }, hAsync("div", { key: 'e52b27fc0a128e2bcd6d14c232a6091129a5562d', class: "logo" }, hAsync("slot", { key: '72a698e81b6fa12f7ced243396dd39adef2da34c', name: "post-logo" })), hAsync("div", { key: '82523f2072649282591d643db0f48d518a1ce4a6', class: "sliding-controls" }, (hAsync("div", { key: 'f85c022c415dbd631b63a528ad8f19466901c248', class: "audience" }, hAsync("slot", { key: '772525ed51e5fc3c92b523c1b71b1d67bf01038d', name: "audience" }))), hAsync("slot", { key: 'a73f412a7634075fd6721c1d50aef56231f647a4', name: "global-nav-primary" }), [
12057
- hAsync("slot", { key: 'dd9b0cc2582285c18afec62522fff7ab2fe6b34a', name: "global-nav-secondary" }),
12058
- hAsync("slot", { key: 'f4e4f916c66d7d1d6fc43f73e8af40a81d11c55d', name: "language-menu" }),
12059
- ], hAsync("slot", { key: 'edbaa4e685f65ca22c1a3c7eca5b53f5d297b66a', name: "post-login" }), this.hasMainNav && (hAsync("post-togglebutton", { key: '5086903a3e9e01fec9273b71c7c9262026df9208', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, hAsync("span", { key: 'b069fe1a4f1ac7aac9a1779a26e72e8b50a7aecc' }, this.textMenu), hAsync("post-icon", { key: 'e4e35ce811dd238db1b432aa9a2c33f270ab4d81', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), hAsync("post-icon", { key: 'a6dbcdc99f86ab7dafef916b23b1172fd94894bd', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), hAsync("div", { key: 'cc9c29c26166b789b566819a1247af0126b190a1', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, hAsync("div", { key: '6a46fce27e151905c1c00bd72aff6bd57e88ebec', class: "section" }, hAsync("slot", { key: 'b4b442dc52e45bfd84e3695f48d4a172e9d12786', name: "title" }), this.hasTitle && hAsync("slot", { key: '6b569368e83793b19f4bfd5b0ab4c42ef7f4f594', name: "local-nav" }), hAsync("slot", { key: '7a5ba718de6a6f54b9a97c1be93b2ffc41d71122', name: "main-nav" }), !this.hasTitle && hAsync("slot", { key: 'd62ff184e22380c837794b2e2c813189b546e9b7', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
12165
+ return (hAsync(Host, { key: '31588fbdd1e6a38293a694d9e2ec5787e0a627e2', "data-version": version$1, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, hAsync("header", { key: '2342dfa50894630673d49c85fc7dacb70b84bfe6' }, hAsync("div", { key: '64818d1cb77edcd331e714776547b3af147deecb', class: "global-header" }, hAsync("div", { key: '396ed5dae2890af5a820712eb6b6009a7172606f', class: "section" }, hAsync("div", { key: 'feec5df48c46b79a7ea69f83773a8b8d318c18f4', class: "logo" }, hAsync("slot", { key: '6b1c425ad99052ce4a5254b27ff531560bb0d6dc', name: "post-logo" })), hAsync("div", { key: '56ff4a089885a467d86e14a835dbddc440e0046e', class: "sliding-controls" }, (hAsync("div", { key: 'd6c7e3d6ec9a9104744eb55a8ea0c87c5d3ecb8b', class: "audience" }, hAsync("slot", { key: 'fbc77e91f8cc20120d4c85ce84dbe0db95e772b7', name: "audience" }))), hAsync("slot", { key: '8b09e332dff01870c2d8f2f1c2a4579dfcc7cbbc', name: "global-nav-primary" }), [
12166
+ hAsync("slot", { key: '3115087be9aff380b2e450519c1a03145806c0a1', name: "global-nav-secondary" }),
12167
+ hAsync("slot", { key: '9082c946e6a9d4c226a13fe91a4287b082873c82', name: "language-menu" }),
12168
+ ], hAsync("slot", { key: 'd75cf01d0baf5ed9434e0afd865105f52a5a8405', name: "post-login" }), this.hasMainNav && (hAsync("post-togglebutton", { key: 'a564d629f9501f9cda277f2d915f1d2b6034ed89', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, hAsync("span", { key: 'c2e023f54d155b04d165cce663d8b7f141863679' }, this.textMenu), hAsync("post-icon", { key: 'dfa4c7523542e474595e1499c18f4d7e3f38a6d9', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), hAsync("post-icon", { key: 'd1b6dedc2ac9d50e745fce52089905ebb64ab9d3', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), hAsync("div", { key: 'a0a163e8274d0840026e1d06dccfeef4e46cb9a5', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, hAsync("div", { key: 'd14b41260cbbe7b6fcf1a4e1986f9f6ae60af0a3', class: "section" }, hAsync("slot", { key: '84f3bf51c842e801e9314565cc830798f64b0ad9', name: "title" }), this.hasTitle && hAsync("slot", { key: '6786d801ed5b1ea4f45c42d5248f7532dc10621f', name: "local-nav" }), hAsync("slot", { key: '41df540b32f02e02f5b897ae359398e8d9c17040', name: "main-nav" }), !this.hasTitle && hAsync("slot", { key: '9c746c8f4a58f80e2cd45c43561a184c6a9d9a43', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
12060
12169
  }
12061
12170
  get host() { return getElement(this); }
12062
12171
  static get watchers() { return {
@@ -12093,7 +12202,7 @@ class PostHeader {
12093
12202
  "$attrsToReflect$": [["fullWidth", "full-width"], ["textMenu", "text-menu"]]
12094
12203
  }; }
12095
12204
  }
12096
- __decorate$3([
12205
+ __decorate$4([
12097
12206
  EventFrom('post-megadropdown')
12098
12207
  ], PostHeader.prototype, "megadropdownStateHandler", null);
12099
12208
 
@@ -12143,7 +12252,11 @@ class PostIcon {
12143
12252
  **/
12144
12253
  getUrl() {
12145
12254
  const fileName = `${this.name}.svg`;
12146
- if (!IS_BROWSER && !this.base) {
12255
+ // Prioritize only data:image URLs
12256
+ if (this.url?.startsWith('data:image/')) {
12257
+ return this.url;
12258
+ }
12259
+ if (!this.base) {
12147
12260
  return `${CDN_URL}${fileName}`;
12148
12261
  }
12149
12262
  if (this.url) {
@@ -12151,16 +12264,9 @@ class PostIcon {
12151
12264
  }
12152
12265
  const isAbsolute = (url) => /^https?:\/\//.test(url);
12153
12266
  const normalizeUrl = (url) => (url && !url.endsWith('/') ? `${url}/` : url);
12154
- const cleanUrl = (url) => url.replace(/([^:])\/\//g, '$1/');
12155
- const currentDomain = IS_BROWSER ? window.location.origin : '';
12156
- const baseHref = IS_BROWSER
12157
- ? document.querySelector('base[href]')?.getAttribute('href') || ''
12158
- : '';
12159
- let metaIconBase = '';
12160
- if (IS_BROWSER) {
12161
- const metaTag = document.querySelector('meta[name="design-system-settings"]');
12162
- metaIconBase = metaTag?.getAttribute('data-post-icon-base') || '';
12163
- }
12267
+ const cleanUrl = (url) => url.replaceAll(/([^:])\/\//g, '$1/');
12268
+ const currentDomain = '';
12269
+ const baseHref = '';
12164
12270
  // Function to build the first part of the URL when 'this.base' or 'metaIconBase' are relative
12165
12271
  const buildUrlWithBase = (relativeUrl) => {
12166
12272
  const normalizedHref = normalizeUrl(baseHref);
@@ -12178,26 +12284,18 @@ class PostIcon {
12178
12284
  : `${buildUrlWithBase(this.base)}${fileName}`;
12179
12285
  return cleanUrl(url);
12180
12286
  }
12181
- // Second Priority is metaIconBase
12182
- if (metaIconBase) {
12183
- url = isAbsolute(metaIconBase)
12184
- ? `${normalizeUrl(metaIconBase)}${fileName}`
12185
- : `${buildUrlWithBase(metaIconBase)}${fileName}`;
12186
- return cleanUrl(url);
12187
- }
12188
12287
  // Fallback to CDN
12189
12288
  return cleanUrl(`${CDN_URL}${fileName}`);
12190
12289
  }
12191
12290
  getStyles() {
12192
12291
  const url = this.getUrl();
12193
- return Object.entries({
12292
+ return Object.fromEntries(Object.entries({
12194
12293
  '-webkit-mask-image': `url(${url})`,
12195
12294
  'mask-image': `url('${url}')`,
12196
- 'transform': (this.scale && !isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
12197
- (this.rotate && !isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
12295
+ 'transform': (this.scale && !Number.isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
12296
+ (this.rotate && !Number.isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
12198
12297
  })
12199
- .filter(([_key, value]) => value !== null)
12200
- .reduce((styles, [key, value]) => Object.assign(styles, { [key]: value }), {});
12298
+ .filter(([_key, value]) => value !== null));
12201
12299
  }
12202
12300
  componentDidLoad() {
12203
12301
  this.validateBase();
@@ -12207,7 +12305,7 @@ class PostIcon {
12207
12305
  this.validateAnimation();
12208
12306
  }
12209
12307
  render() {
12210
- return (hAsync(Host, { key: '0d39fadb6d179d82a7a951de4173578f9f351673', "data-version": version$1 }, hAsync("span", { key: 'd93a0a1307668e7a563a81037a399ba906d8fbe6', style: this.getStyles() })));
12308
+ return (hAsync(Host, { key: 'feefd0a41cd916581e6e9dc256fb96ad2381cbc4', "data-version": version$1 }, hAsync("span", { key: 'd5750e38ea77f811b9174d3139bc3912fcc9890b', style: this.getStyles() })));
12211
12309
  }
12212
12310
  get host() { return getElement(this); }
12213
12311
  static get watchers() { return {
@@ -12249,9 +12347,9 @@ class PostIcon {
12249
12347
 
12250
12348
  const SWITCH_VARIANTS = ['list', 'menu'];
12251
12349
 
12252
- const postLanguageMenuCss = () => `:host{display:flex}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-menu-dropdown-container{display:flex;flex-direction:column}.post-language-menu-trigger{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);text-transform:uppercase;cursor:pointer}.post-language-menu-trigger:hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash)}.post-language-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(a){color:LinkText;border:unset}.post-language-menu-trigger:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.post-language-menu-trigger:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.post-language-menu-trigger post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}post-menu::part(post-menu){padding-block:0}.post-language-menu-list{margin-top:1rem}`;
12350
+ const postLanguageMenuCss = () => `:host{display:flex}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-menu-dropdown-container{display:flex;flex-direction:column}.post-language-menu-trigger{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);text-transform:uppercase;cursor:pointer}.post-language-menu-trigger:hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash)}.post-language-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(a){color:LinkText;border:unset}.post-language-menu-trigger:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.post-language-menu-trigger:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.post-language-menu-trigger post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}.post-language-menu-list{margin-top:1rem}`;
12253
12351
 
12254
- var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
12352
+ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
12255
12353
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
12256
12354
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
12257
12355
  r = Reflect.decorate(decorators, target, key, desc);
@@ -12289,7 +12387,7 @@ class PostLanguageMenu {
12289
12387
  const activeLanguage = this.activeLang &&
12290
12388
  document.querySelector(`post-language-menu-item[code="${this.activeLang}"]`);
12291
12389
  return activeLanguage
12292
- ? this.textCurrentLanguage.replace(/#name/g, activeLanguage.name)
12390
+ ? this.textCurrentLanguage.replaceAll('#name', activeLanguage.name)
12293
12391
  : undefined;
12294
12392
  }
12295
12393
  componentDidLoad() {
@@ -12369,11 +12467,11 @@ class PostLanguageMenu {
12369
12467
  "$attrsToReflect$": [["textChangeLanguage", "text-change-language"], ["textCurrentLanguage", "text-current-language"], ["variant", "variant"]]
12370
12468
  }; }
12371
12469
  }
12372
- __decorate$2([
12470
+ __decorate$3([
12373
12471
  EventFrom('post-language-menu-item')
12374
12472
  ], PostLanguageMenu.prototype, "handlePostChange", null);
12375
12473
 
12376
- const postLanguageMenuItemCss = () => `post-language-menu-item{display:inline-block}post-language-menu-item button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item button{background-color:ButtonFace !important}post-language-menu-item button:hover{background-color:Highlight !important}}post-language-menu-item button .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-language-menu-item a{color:var(--post-current-fg);text-decoration:none}post-language-menu-item :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-transform:uppercase}post-language-menu-item :is(a,button){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-language-menu-item :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-language-menu-item :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-language-menu-item:where([variant=list]) :is(a,button){padding-inline:0;width:40px;height:40px;border-radius:2px}post-language-menu-item:where([variant=list]) :is(a,button):hover{color:#504f4b}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-menu-item:where([variant=list])[active]:not([active=false]) :is(a,button){background-color:#050400 !important;color:#fff;pointer-events:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list])[active]:not([active=false]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-menu-item:where([variant=menu]){min-width:72px}post-language-menu-item:where([variant=menu])[active]:not([active=false]){display:none}post-language-menu-item:where([variant=menu]) :is(a,button){padding-block:13px;padding-inline:16px;box-sizing:border-box;justify-content:flex-start;position:relative;border-radius:0}post-language-menu-item:where([variant=menu]) :is(a,button):hover{color:#fff;background-color:#504f4b}post-language-menu-item:where([variant=menu]):first-child :is(a,button){border-start-start-radius:4px;border-start-end-radius:4px}post-language-menu-item:where([variant=menu]):last-child :is(a,button){border-end-start-radius:4px;border-end-end-radius:4px}`;
12474
+ const postLanguageMenuItemCss = () => `post-language-menu-item :is(a,button){text-transform:uppercase}post-language-menu-item:where([variant=menu]){min-width:72px}post-language-menu-item:where([variant=list]) button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) button{background-color:ButtonFace !important}post-language-menu-item:where([variant=list]) button:hover{background-color:Highlight !important}}post-language-menu-item:where([variant=list]) a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}post-language-menu-item:where([variant=list]) :is(a,button){width:40px;height:40px;border-radius:2px;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}post-language-menu-item:where([variant=list]) :is(a,button):hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-menu-item[active]:not([active=false]):where([variant=menu]){display:none}post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);cursor:default}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-menu-item .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
12377
12475
 
12378
12476
  /**
12379
12477
  * @slot default - Slot for placing the content inside the anchor or button.
@@ -12393,12 +12491,16 @@ class PostLanguageMenuItem {
12393
12491
  validateName() {
12394
12492
  checkEmptyOrType(this, 'name', 'string');
12395
12493
  }
12494
+ validateDescription() {
12495
+ checkEmptyOrType(this, 'description', 'string');
12496
+ }
12396
12497
  validateUrl() {
12397
12498
  checkEmptyOrUrl(this, 'url');
12398
12499
  }
12399
12500
  componentDidLoad() {
12400
12501
  this.validateCode();
12401
12502
  this.validateName();
12503
+ this.validateDescription();
12402
12504
  this.validateUrl();
12403
12505
  if (!this.name && this.isNameRequired()) {
12404
12506
  throw new Error('The "name" property of the post-language-menu-item component is required when the full language name is not displayed.');
@@ -12427,7 +12529,8 @@ class PostLanguageMenuItem {
12427
12529
  this.emitChange();
12428
12530
  }
12429
12531
  };
12430
- return (hAsync(Host, { key: '7ecba6c01b556cf630d8f3a4f3b64e97a11e8abb', "data-version": version$1, role: this.variant === 'list' ? 'listitem' : undefined }, this.url ? (hAsync("a", { "aria-current": this.active ? 'page' : undefined, href: this.url, hrefLang: lang, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, hAsync("slot", null), hAsync("span", { class: "visually-hidden" }, this.name))) : (hAsync("button", { "aria-current": this.active ? 'true' : undefined, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, hAsync("slot", null), hAsync("span", { class: "visually-hidden" }, this.name)))));
12532
+ const interactiveElement = this.url ? (hAsync("a", { "aria-current": this.active ? 'page' : undefined, href: this.url, hrefLang: lang, lang: lang, "aria-description": this.description, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, hAsync("slot", null), hAsync("span", { class: "visually-hidden" }, this.name))) : (hAsync("button", { "aria-current": this.active ? 'true' : undefined, lang: lang, "aria-description": this.description, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, hAsync("slot", null), hAsync("span", { class: "visually-hidden" }, this.name)));
12533
+ return this.variant === 'list' ? (hAsync(Host, { "data-version": version$1, role: "listitem" }, interactiveElement)) : (hAsync(Host, { "data-version": version$1 }, hAsync("post-menu-item", null, interactiveElement)));
12431
12534
  }
12432
12535
  get host() { return getElement(this); }
12433
12536
  static get watchers() { return {
@@ -12440,6 +12543,9 @@ class PostLanguageMenuItem {
12440
12543
  "name": [{
12441
12544
  "validateName": 0
12442
12545
  }],
12546
+ "description": [{
12547
+ "validateDescription": 0
12548
+ }],
12443
12549
  "url": [{
12444
12550
  "validateUrl": 0
12445
12551
  }]
@@ -12453,6 +12559,7 @@ class PostLanguageMenuItem {
12453
12559
  "active": [1540],
12454
12560
  "variant": [1],
12455
12561
  "name": [1],
12562
+ "description": [1],
12456
12563
  "url": [1],
12457
12564
  "select": [64]
12458
12565
  },
@@ -12522,7 +12629,7 @@ class PostLinkarea {
12522
12629
  }
12523
12630
  }
12524
12631
  render() {
12525
- return (hAsync(Host, { key: 'b79b314635a4cb302d862006d07ab5f059298382', "data-version": version$1, onClick: (e) => this.dispatchClick(e) }, hAsync("slot", { key: '4e9a1ee60d499f6dd80819e68f6536b3964d3389' })));
12632
+ return (hAsync(Host, { key: 'cbf9710bb97cbf8ead6a8e8117f42113133507a8', "data-version": version$1, onClick: (e) => this.dispatchClick(e) }, hAsync("slot", { key: 'b1d31bd8a3fcf41005814c725f8b2670480da119' })));
12526
12633
  }
12527
12634
  get host() { return getElement(this); }
12528
12635
  static get style() { return postLinkareaCss(); }
@@ -12536,88 +12643,345 @@ class PostLinkarea {
12536
12643
  }; }
12537
12644
  }
12538
12645
 
12539
- const postLogoCss = () => `:host,.logo{display:inline-block}:host,:host .logo>svg,.logo,.logo .logo>svg{height:100%}.description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.logo-link{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.logo-link{outline-offset:var(--post-device-spacing-padding-28) !important}.logo-link:focus,.logo-link:focus-visible{border-radius:var(--post-device-border-radius-focus)}`;
12646
+ const postListboxCss = () => `post-popovercontainer{border-radius:4px;overflow:hidden;box-shadow:var(--post-device-elevation-300)}div[role=listbox]{max-height:384px;overflow:auto;display:flex;flex-direction:column}::slotted([slot=blank-slate]){display:block;padding:.75rem;color:#666}`;
12540
12647
 
12541
- /**
12542
- * @slot default - Slot for placing hidden descriptive text. If `url` is set, this text will serve as the accessible name of the link; otherwise, it will be used as the title of the SVG.
12543
- */
12544
- class PostLogo {
12648
+ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
12649
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
12650
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
12651
+ r = Reflect.decorate(decorators, target, key, desc);
12652
+ else
12653
+ for (var i = decorators.length - 1; i >= 0; i--)
12654
+ if (d = decorators[i])
12655
+ r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
12656
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
12657
+ };
12658
+ class PostListbox {
12545
12659
  constructor(hostRef) {
12546
12660
  registerInstance(this, hostRef);
12661
+ this.postOptionActive = createEvent(this, "postOptionActive");
12662
+ this.highlightedIndex = -1;
12663
+ this.visibleOptions = [];
12664
+ this.diacriticPattern = /[\u0300-\u036F]/u;
12665
+ this.registerOptions = () => {
12666
+ this.visibleOptions = this.options;
12667
+ };
12668
+ this.updateSelection = (value) => {
12669
+ this.options.forEach(option => {
12670
+ option.selected = option.value === value;
12671
+ option.highlighted = false;
12672
+ });
12673
+ this.highlightedIndex = -1;
12674
+ this.filter('');
12675
+ };
12676
+ this.clearActive = () => {
12677
+ this.highlightedIndex = -1;
12678
+ this.postOptionActive.emit(null);
12679
+ };
12680
+ this.normalizeText = (text) => {
12681
+ return text.trim().normalize('NFD').replace(this.diacriticPattern, '').toLocaleLowerCase();
12682
+ };
12683
+ this.resetFilter = () => {
12684
+ this.visibleOptions = this.options;
12685
+ this.options.forEach(option => {
12686
+ option.hidden = false;
12687
+ option.highlighted = false;
12688
+ });
12689
+ };
12547
12690
  }
12548
- validateUrl() {
12549
- checkEmptyOrUrl(this, 'url');
12691
+ get options() {
12692
+ return Array.from(this.host.querySelectorAll('post-listbox-option'));
12550
12693
  }
12551
- componentDidLoad() {
12552
- this.validateUrl();
12553
- this.checkDescription();
12694
+ get inputElement() {
12695
+ let autocomplete = this.host.closest('post-autocomplete');
12696
+ if (!autocomplete) {
12697
+ autocomplete = document.querySelector(`post-autocomplete[listbox="${this.host.id}"]`);
12698
+ }
12699
+ return autocomplete?.querySelector('input');
12554
12700
  }
12555
- checkDescription() {
12556
- if (!this.host.textContent) {
12557
- console.warn('Be sure to add descriptive text in the post-logo to ensure good accessibility of the component.');
12701
+ componentWillLoad() {
12702
+ this.registerOptions();
12703
+ }
12704
+ /** Opens the listbox */
12705
+ async show() {
12706
+ const input = this.inputElement;
12707
+ if (input) {
12708
+ this.popoverContainer?.show(input);
12709
+ this.host.role = 'listbox';
12710
+ }
12711
+ }
12712
+ /** Closes the listbox */
12713
+ async hide() {
12714
+ this.host.removeAttribute('role');
12715
+ this.popoverContainer?.hide();
12716
+ }
12717
+ /** Uses the internal default filtering mode to filter the list of options.
12718
+ * An empty string resets the filter to it's original state. */
12719
+ async filter(query) {
12720
+ const normalizedQuery = this.normalizeText(query);
12721
+ if (normalizedQuery) {
12722
+ this.visibleOptions = this.options.filter(option => {
12723
+ const normalizedText = this.normalizeText(option.textContent);
12724
+ const normalizedValue = this.normalizeText(option.value);
12725
+ const isVisible = normalizedValue.includes(normalizedQuery) || normalizedText.includes(normalizedQuery);
12726
+ option.hidden = !isVisible;
12727
+ return isVisible;
12728
+ });
12729
+ }
12730
+ else {
12731
+ this.resetFilter();
12732
+ }
12733
+ this.clearActive();
12734
+ }
12735
+ /** Clears the currently selected option */
12736
+ async clearSelection() {
12737
+ this.updateSelection();
12738
+ }
12739
+ /** Navigates the listbox options in the specified direction and scrolls the active option into view.*/
12740
+ async navigate(direction) {
12741
+ if (this.visibleOptions.length === 0)
12742
+ return;
12743
+ if (this.highlightedIndex >= 0) {
12744
+ this.visibleOptions[this.highlightedIndex].highlighted = false;
12745
+ }
12746
+ switch (direction) {
12747
+ case 'first':
12748
+ this.highlightedIndex = 0;
12749
+ break;
12750
+ case 'last':
12751
+ this.highlightedIndex = this.visibleOptions.length - 1;
12752
+ break;
12753
+ case 'up':
12754
+ this.highlightedIndex =
12755
+ (this.highlightedIndex - 1 + this.visibleOptions.length) % this.visibleOptions.length;
12756
+ break;
12757
+ case 'down':
12758
+ this.highlightedIndex = (this.highlightedIndex + 1) % this.visibleOptions.length;
12759
+ break;
12558
12760
  }
12761
+ const activeOption = this.visibleOptions[this.highlightedIndex];
12762
+ activeOption.scrollIntoView({ behavior: 'smooth', block: 'end' });
12763
+ activeOption.highlighted = true;
12764
+ this.postOptionActive.emit(activeOption.id);
12765
+ }
12766
+ /**
12767
+ * Selects the currently highlighted option in the listbox and scrolls it into view.
12768
+ */
12769
+ async selectActive() {
12770
+ if (this.highlightedIndex >= 0) {
12771
+ const activeOption = this.visibleOptions[this.highlightedIndex];
12772
+ this.updateSelection(activeOption.value);
12773
+ this.host.dispatchEvent(new CustomEvent('postOptionSelected', { bubbles: true, detail: activeOption.value }));
12774
+ }
12775
+ }
12776
+ optionClicked(event) {
12777
+ this.updateSelection(event.detail);
12559
12778
  }
12560
12779
  render() {
12561
- const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
12562
- const LogoTag = logoLink ? 'a' : 'span';
12563
- return (hAsync(Host, { key: '1c268056329697baccc5bf65b1e66acd8531d5f3', "data-version": version$1 }, hAsync(LogoTag, { key: '9b73fc4922a5ea0f72d761e82136ef1111eb7e21', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, hAsync("span", { key: '4042a64056f3d22a99d6b245201be20d1afe5dc0', class: "description" }, hAsync("slot", { key: 'eb437f087d952b4f4a961bcba0dc18eb6836c6c9', onSlotchange: () => this.checkDescription() })), hAsync("svg", { key: 'b658e94d0e7f63d2f80245e12017f87f50a0b2c9', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, hAsync("g", { key: '90c0c8f64d0c9023dfa7296e68333232b9023276', id: "Logo" }, hAsync("rect", { key: 'a1dfd6e0bcaedb485398f1896603af36e3f119dc', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), hAsync("polygon", { key: '44d5ee8e45b7b320d75530e00ab1ff8dc4b8e21c', fill: "#ff0000", points: "34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3" }), hAsync("path", { key: '788524d12213fdfe0d21712b14d72e30d0195b4d', d: "M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z" }))))));
12780
+ return (hAsync(Host, { key: '3572942d4f05b40bd8b35d959c513b5e534a2ec7', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '1f900e151adf72ba9394783414ba7d71df1be70c', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, this.visibleOptions.length === 0 ? hAsync("slot", { name: "blank-slate" }) : hAsync("slot", null))));
12564
12781
  }
12565
12782
  get host() { return getElement(this); }
12566
- static get watchers() { return {
12567
- "url": [{
12568
- "validateUrl": 0
12569
- }]
12570
- }; }
12571
- static get style() { return postLogoCss(); }
12783
+ static get style() { return postListboxCss(); }
12572
12784
  static get cmpMeta() { return {
12573
12785
  "$flags$": 265,
12574
- "$tagName$": "post-logo",
12786
+ "$tagName$": "post-listbox",
12575
12787
  "$members$": {
12576
- "url": [1]
12788
+ "show": [64],
12789
+ "hide": [64],
12790
+ "filter": [64],
12791
+ "clearSelection": [64],
12792
+ "navigate": [64],
12793
+ "selectActive": [64]
12577
12794
  },
12578
- "$listeners$": undefined,
12795
+ "$listeners$": [[0, "postOptionSelected", "optionClicked"]],
12579
12796
  "$lazyBundleId$": "-",
12580
12797
  "$attrsToReflect$": []
12581
12798
  }; }
12582
12799
  }
12800
+ __decorate$2([
12801
+ EventFrom('post-listbox-option')
12802
+ ], PostListbox.prototype, "optionClicked", null);
12583
12803
 
12584
- const postMainnavigationCss = () => `:host{display:flex;user-select:none;max-width:var(--post-header-content-max-width)}@media screen and (min-width: 1024px){:host{width:fit-content;margin-inline-start:calc(-1*var(--post-local-header-padding-inline-start));margin-inline-end:calc(-1*var(--post-local-header-padding-inline-end));overflow:hidden}}nav{flex:1 1 auto}@media screen and (min-width: 1024px){nav{scroll-behavior:smooth;max-width:100vw;overflow:hidden;height:var(--post-main-navigation-height)}}.scroll-control{z-index:1;cursor:pointer;padding:1rem;background:#fff;box-shadow:var(--post-device-elevation-500);line-height:1}.scroll-control.scroll-left{margin-inline-end:-3rem}.scroll-control.scroll-right{margin-inline-start:-3rem}.scroll-control.d-none{display:none}.scroll-control post-icon{font-size:1rem}`;
12804
+ const postListboxOptionCss = () => `:host{padding:12px 12px 9px 16px;background-color:#fff;cursor:pointer;user-select:none;display:flex;align-items:center;gap:8px;justify-content:space-between}:host(:hover){background-color:#f0efed}:host([data-active=true]){outline:2px solid #000;outline-offset:-4px}:host([hidden]){display:none}:host(:focus-visible){outline:2px solid #050400;outline-offset:2px}.option-content{display:flex;flex-direction:column;min-width:0}.option-description{display:none;font-size:.85em;color:#666}:host(:not(:empty)) .option-description{display:block}post-icon{width:24px;height:24px}`;
12585
12805
 
12586
- const SCROLL_REPEAT_INTERVAL = 100; // Interval for repeated scrolling when holding down scroll button
12587
- const NAVBAR_DISABLE_DURATION = 400; // Duration to temporarily disable navbar interactions during scrolling
12588
- class PostMainnavigation {
12589
- validateTextMain() {
12590
- checkRequiredAndType(this, 'textMain', 'string');
12806
+ class PostListboxOption {
12807
+ constructor(hostRef) {
12808
+ registerInstance(this, hostRef);
12809
+ this.postOptionSelected = createEvent(this, "postOptionSelected");
12810
+ this.optionId = crypto.randomUUID();
12811
+ /** Represents option is selected . */
12812
+ this.selected = false;
12813
+ /** Represents option is highlighted . */
12814
+ this.highlighted = false;
12815
+ }
12816
+ render() {
12817
+ return (hAsync(Host, { key: '083077341f74f3d6f7baad7599aef968a9f07582', "data-version": version$1, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
12818
+ /* Prevent focus change from triggering onblur event in post-autocomplete */
12819
+ onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, hAsync("span", { key: '7d844e51e7f90ea77075f83b663b2b77049f04df', class: "option-content" }, this.value, hAsync("span", { key: 'b7b19312ebaf634292076425725434d18a8a6532', class: "option-description" }, hAsync("slot", { key: '69db5aad7cbe41419398ca32c7ca2b955fbcaefe' }))), this.selected && hAsync("post-icon", { key: '8969fc083fb669a4c5e9d8dbb1c12e1fcde053d5', "aria-hidden": "true", name: "checkmark" })));
12591
12820
  }
12821
+ static get style() { return postListboxOptionCss(); }
12822
+ static get cmpMeta() { return {
12823
+ "$flags$": 265,
12824
+ "$tagName$": "post-listbox-option",
12825
+ "$members$": {
12826
+ "value": [513],
12827
+ "selected": [516],
12828
+ "highlighted": [516]
12829
+ },
12830
+ "$listeners$": undefined,
12831
+ "$lazyBundleId$": "-",
12832
+ "$attrsToReflect$": [["value", "value"], ["selected", "selected"], ["highlighted", "highlighted"]]
12833
+ }; }
12834
+ }
12835
+
12836
+ const SESSION_URL = 'https://n.account.post.ch/v1/session/subscribe';
12837
+ /**
12838
+ * @slot authenticated - Content rendered when the user is authenticated (e.g. user menu).
12839
+ * @slot unauthenticated - Content rendered when the user is not authenticated (e.g. login link).
12840
+ */
12841
+ class PostLoginWidget {
12592
12842
  constructor(hostRef) {
12593
12843
  registerInstance(this, hostRef);
12594
- this.canScrollLeft = false;
12595
- this.canScrollRight = false;
12596
- this.scrollRight = this.scrollRight.bind(this);
12597
- this.scrollLeft = this.scrollLeft.bind(this);
12598
- this.checkScrollability = this.checkScrollability.bind(this);
12599
- this.resizeObserver = new ResizeObserver(this.checkScrollability);
12600
- this.mutationObserver = new MutationObserver(this.checkScrollability);
12844
+ this.postChange = createEvent(this, "postChange");
12845
+ this.authenticated = null;
12601
12846
  }
12602
- componentDidLoad() {
12603
- this.validateTextMain();
12604
- setTimeout(() => {
12605
- this.checkScrollability();
12606
- });
12607
- // Observe the navbar for size changes
12608
- this.resizeObserver.observe(this.navbar);
12609
- // Observe the navabar for mutation changes
12610
- this.mutationObserver.observe(this.navbar, { subtree: true, childList: true }); // Recheck scrollability when navigation list changes
12611
- // Ensure the scroll buttons are correctly displayed or hidden whenever the navbar is scrolled
12612
- this.navbar?.addEventListener('scrollend', this.checkScrollability);
12847
+ async componentWillLoad() {
12613
12848
  }
12614
12849
  /**
12615
- * Disconnects observers and remove event listeners when the main navigation is removed from the DOM.
12850
+ * Returns the current authentication state:
12851
+ * `null` when the component is still loading, `true` when authenticated, `false` when not.
12616
12852
  */
12617
- disconnectedCallback() {
12618
- this.mutationObserver.disconnect();
12619
- this.resizeObserver.disconnect();
12620
- this.navbar?.removeEventListener('scrollend', this.checkScrollability);
12853
+ async isAuthenticated() {
12854
+ return this.authenticated;
12855
+ }
12856
+ /**
12857
+ * Re-fetches the authentication state from the session API and updates
12858
+ * the component rendering accordingly.
12859
+ */
12860
+ async refresh() {
12861
+ await this.fetchAuthState();
12862
+ }
12863
+ async fetchAuthState() {
12864
+ try {
12865
+ const response = await fetch(SESSION_URL, {
12866
+ credentials: 'include',
12867
+ });
12868
+ if (!response.ok) {
12869
+ this.setAuthState(false);
12870
+ return;
12871
+ }
12872
+ const json = await response.json();
12873
+ const isAuthenticated = json?.data?.email !== undefined;
12874
+ this.setAuthState(isAuthenticated);
12875
+ }
12876
+ catch {
12877
+ this.setAuthState(false);
12878
+ }
12879
+ }
12880
+ setAuthState(next) {
12881
+ if (this.authenticated === next)
12882
+ return;
12883
+ this.authenticated = next;
12884
+ this.postChange.emit({ authenticated: next });
12885
+ }
12886
+ render() {
12887
+ return (hAsync(Host, { key: '18fab2f7f7e699565e179362a43f7ada87f443fa', "data-version": version$1 }, this.authenticated === true ? hAsync("slot", { name: "authenticated" }) : hAsync("slot", { name: "unauthenticated" })));
12888
+ }
12889
+ static get cmpMeta() { return {
12890
+ "$flags$": 265,
12891
+ "$tagName$": "post-login-widget",
12892
+ "$members$": {
12893
+ "authenticated": [32],
12894
+ "isAuthenticated": [64],
12895
+ "refresh": [64]
12896
+ },
12897
+ "$listeners$": undefined,
12898
+ "$lazyBundleId$": "-",
12899
+ "$attrsToReflect$": []
12900
+ }; }
12901
+ }
12902
+
12903
+ const postLogoCss = () => `:host,.logo{display:inline-block}:host,:host .logo>svg,.logo,.logo .logo>svg{height:100%}.description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.logo-link{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.logo-link{outline-offset:var(--post-device-spacing-padding-28) !important}.logo-link:focus,.logo-link:focus-visible{border-radius:var(--post-device-border-radius-focus)}`;
12904
+
12905
+ /**
12906
+ * @slot default - Slot for placing hidden descriptive text. If `url` is set, this text will serve as the accessible name of the link; otherwise, it will be used as the title of the SVG.
12907
+ */
12908
+ class PostLogo {
12909
+ constructor(hostRef) {
12910
+ registerInstance(this, hostRef);
12911
+ }
12912
+ validateUrl() {
12913
+ checkEmptyOrUrl(this, 'url');
12914
+ }
12915
+ componentDidLoad() {
12916
+ this.validateUrl();
12917
+ this.checkDescription();
12918
+ }
12919
+ checkDescription() {
12920
+ if (!this.host.textContent) {
12921
+ console.warn('Be sure to add descriptive text in the post-logo to ensure good accessibility of the component.');
12922
+ }
12923
+ }
12924
+ render() {
12925
+ const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
12926
+ const LogoTag = logoLink ? 'a' : 'span';
12927
+ return (hAsync(Host, { key: '5528ee847f979c29d8d9725a13d51f7ae88cb82c', "data-version": version$1 }, hAsync(LogoTag, { key: '01fea0f610e8d05d3ae60b5dc48e0d38cbb829ea', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, hAsync("span", { key: '69d1b9f22d0be6ce4e7610826e6c2704fcd18562', class: "description" }, hAsync("slot", { key: '01757e716e2802f8925f1500562f1dae07d1be5d', onSlotchange: () => this.checkDescription() })), hAsync("svg", { key: '0c5b19b4d86dc497cd65776185d886c4a7efcef6', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, hAsync("g", { key: '67f81f4c92ed9f31f75a8e5f79e28aef39751176', id: "Logo" }, hAsync("rect", { key: '61d495c7f120e9687167debd4786f2df86f6b782', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), hAsync("polygon", { key: 'a973c44179ceea3f79519940717328d88d7c9c8c', fill: "#ff0000", points: "34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3" }), hAsync("path", { key: 'b2baa874a1297b5a12cb154628c6a1622d525eaf', d: "M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z" }))))));
12928
+ }
12929
+ get host() { return getElement(this); }
12930
+ static get watchers() { return {
12931
+ "url": [{
12932
+ "validateUrl": 0
12933
+ }]
12934
+ }; }
12935
+ static get style() { return postLogoCss(); }
12936
+ static get cmpMeta() { return {
12937
+ "$flags$": 265,
12938
+ "$tagName$": "post-logo",
12939
+ "$members$": {
12940
+ "url": [1]
12941
+ },
12942
+ "$listeners$": undefined,
12943
+ "$lazyBundleId$": "-",
12944
+ "$attrsToReflect$": []
12945
+ }; }
12946
+ }
12947
+
12948
+ const postMainnavigationCss = () => `:host{display:flex;user-select:none;max-width:var(--post-header-content-max-width)}@media screen and (min-width: 1024px){:host{width:fit-content;margin-inline-start:calc(-1*var(--post-local-header-padding-inline-start));margin-inline-end:calc(-1*var(--post-local-header-padding-inline-end));overflow:hidden}}nav{flex:1 1 auto}@media screen and (min-width: 1024px){nav{scroll-behavior:smooth;max-width:100vw;overflow:hidden;height:var(--post-main-navigation-height)}}.scroll-control{z-index:1;cursor:pointer;padding:1rem;background:#fff;box-shadow:var(--post-device-elevation-500);line-height:1}.scroll-control.scroll-left{margin-inline-end:-3rem}.scroll-control.scroll-right{margin-inline-start:-3rem}.scroll-control.d-none{display:none}.scroll-control post-icon{font-size:1rem}`;
12949
+
12950
+ const SCROLL_REPEAT_INTERVAL = 100; // Interval for repeated scrolling when holding down scroll button
12951
+ const NAVBAR_DISABLE_DURATION = 400; // Duration to temporarily disable navbar interactions during scrolling
12952
+ class PostMainnavigation {
12953
+ validateTextMain() {
12954
+ checkRequiredAndType(this, 'textMain', 'string');
12955
+ }
12956
+ constructor(hostRef) {
12957
+ registerInstance(this, hostRef);
12958
+ this.canScrollLeft = false;
12959
+ this.canScrollRight = false;
12960
+ this.scrollRight = this.scrollRight.bind(this);
12961
+ this.scrollLeft = this.scrollLeft.bind(this);
12962
+ this.checkScrollability = this.checkScrollability.bind(this);
12963
+ this.resizeObserver = new ResizeObserver(this.checkScrollability);
12964
+ this.mutationObserver = new MutationObserver(this.checkScrollability);
12965
+ }
12966
+ componentDidLoad() {
12967
+ this.validateTextMain();
12968
+ setTimeout(() => {
12969
+ this.checkScrollability();
12970
+ });
12971
+ // Observe the navbar for size changes
12972
+ this.resizeObserver.observe(this.navbar);
12973
+ // Observe the navabar for mutation changes
12974
+ this.mutationObserver.observe(this.navbar, { subtree: true, childList: true }); // Recheck scrollability when navigation list changes
12975
+ // Ensure the scroll buttons are correctly displayed or hidden whenever the navbar is scrolled
12976
+ this.navbar?.addEventListener('scrollend', this.checkScrollability);
12977
+ }
12978
+ /**
12979
+ * Disconnects observers and remove event listeners when the main navigation is removed from the DOM.
12980
+ */
12981
+ disconnectedCallback() {
12982
+ this.mutationObserver.disconnect();
12983
+ this.resizeObserver.disconnect();
12984
+ this.navbar?.removeEventListener('scrollend', this.checkScrollability);
12621
12985
  }
12622
12986
  /**
12623
12987
  * Stops the repeated scrolling when the mouse button is released.
@@ -12706,7 +13070,7 @@ class PostMainnavigation {
12706
13070
  }, NAVBAR_DISABLE_DURATION);
12707
13071
  }
12708
13072
  render() {
12709
- return (hAsync(Host, { key: '9ee79a508b8bf05563607503aab7fc70869485e5', version: version$1, class: this.canScroll ? 'scrollable' : '' }, hAsync("div", { key: '3b60c4b65b9f8911c772667505ca089a7cbc2845', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, hAsync("post-icon", { key: '3cb3512c29db6171f5690507154bb1b95ce3f2e8', "aria-hidden": "true", name: "chevronleft" })), hAsync("nav", { key: 'e9f322ff43e8a2e69e05c5146ce72edb8ad2ef04', ref: el => (this.navbar = el), "aria-label": this.textMain }, hAsync("slot", { key: '15520e7e56d75123986282b5612b8675d53555f7' })), hAsync("div", { key: '5f80c2075cc37828b8fd354406dd5759975914f1', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, hAsync("post-icon", { key: '76f2c2e7d7cbe5f36ec4eba76b45b6122985a91a', "aria-hidden": "true", name: "chevronright" }))));
13073
+ return (hAsync(Host, { key: '8ca88f8aefeb3f86f8fef5e8a2c700080d08cc23', version: version$1, class: this.canScroll ? 'scrollable' : '' }, hAsync("div", { key: '19802d74560b506bae61ba2bae6436345c92ff19', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, hAsync("post-icon", { key: '2ddb3c7e59aeea3d22c80c2406ba7fddef415212', "aria-hidden": "true", name: "chevronleft" })), hAsync("nav", { key: '094c4573ff3546c58d8a87eb7202619497003f1c', ref: el => (this.navbar = el), "aria-label": this.textMain }, hAsync("slot", { key: 'e4d33b589fdd9d170d589bd96df904a7e84834e2' })), hAsync("div", { key: '5197788f1916341260fa3623f41e0966040a3832', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, hAsync("post-icon", { key: '3cd0d8dc0e05787f73f5e8f3e310bc430b1fbdaa', "aria-hidden": "true", name: "chevronright" }))));
12710
13074
  }
12711
13075
  get host() { return getElement(this); }
12712
13076
  static get watchers() { return {
@@ -12729,7 +13093,7 @@ class PostMainnavigation {
12729
13093
  }; }
12730
13094
  }
12731
13095
 
12732
- const postMegadropdownCss = () => `*,::before,::after{box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;background-color:#fafafa;box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{z-index:-1;inset-block-start:100%}.megadropdown.slide-in{animation:slide-down 350ms forwards}.megadropdown.slide-out{animation:slide-up 350ms forwards}}@media screen and (max-width: 1023.98px){.megadropdown{z-index:1;inset-block-start:var(--post-header-navigation-current-inset);overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{border-block-end:1px solid CanvasText}}.section{width:100%;max-width:var(--post-header-content-max-width);margin-inline:auto;position:relative}@media screen and (min-width: 1024px){.section{max-height:calc(100vh - var(--post-header-height) - 3rem);padding:3rem 2.5rem 2.5rem}}@media screen and (max-width: 1023.98px){.section{display:flex;flex-direction:column;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));padding-inline:var(--post-burger-menu-padding-inline);padding-block:1.5rem}}.megadropdown-title{margin-block:0 1rem;font-weight:950}@media screen and (min-width: 600px)and (max-width: 1023.98px){.megadropdown-title{font-size:1.25rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.megadropdown-title{font-size:1.125rem}}.back-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7);border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);order:-1;width:fit-content;padding-inline:0}.back-button:hover{text-decoration:none}.back-button:disabled{border-style:var(--post-core-border-style-dash)}.back-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.back-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(a){color:LinkText;border:unset}.back-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.back-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.back-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.back-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.back-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media screen and (min-width: 600px)and (max-width: 1023.98px){.back-button{margin-block-end:2rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.back-button{margin-block-end:1.5rem}}.close-button{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}@media screen and (max-width: 1023.98px){.close-button{display:none}}`;
13096
+ const postMegadropdownCss = () => `*,::before,::after{box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{background-color:#f0efed;z-index:-1;inset-block-start:100%}.megadropdown.slide-in{animation:slide-down 350ms forwards}.megadropdown.slide-out{animation:slide-up 350ms forwards}}@media screen and (max-width: 1023.98px){.megadropdown{background-color:#fafafa;z-index:1;inset-block-start:var(--post-header-navigation-current-inset);overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{border-block-end:1px solid CanvasText}}.section{width:100%;max-width:var(--post-header-content-max-width);margin-inline:auto;position:relative}@media screen and (min-width: 1024px){.section{max-height:calc(100vh - var(--post-header-height) - 3rem);padding:3rem 2.5rem 2.5rem}}@media screen and (max-width: 1023.98px){.section{display:flex;flex-direction:column;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));padding-inline:var(--post-burger-menu-padding-inline);padding-block:1.5rem}}.megadropdown-title{margin-block:0 1rem;font-weight:950}@media screen and (min-width: 600px)and (max-width: 1023.98px){.megadropdown-title{font-size:1.25rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.megadropdown-title{font-size:1.125rem}}.back-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7);border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);order:-1;width:fit-content;padding-inline:0}.back-button:hover{text-decoration:none}.back-button:disabled{border-style:var(--post-core-border-style-dash)}.back-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.back-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(a){color:LinkText;border:unset}.back-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.back-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.back-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.back-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.back-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media screen and (min-width: 600px)and (max-width: 1023.98px){.back-button{margin-block-end:2rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.back-button{margin-block-end:1.5rem}}.close-button{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}@media screen and (max-width: 1023.98px){.close-button{display:none}}`;
12733
13097
 
12734
13098
  class PostMegadropdown {
12735
13099
  validateTextClose() {
@@ -12789,7 +13153,7 @@ class PostMegadropdown {
12789
13153
  this.handleClickOutside = this.handleClickOutside.bind(this);
12790
13154
  }
12791
13155
  connectedCallback() {
12792
- window.addEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
13156
+ globalThis.addEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
12793
13157
  }
12794
13158
  componentDidRender() {
12795
13159
  this.getFocusableElements();
@@ -12802,7 +13166,7 @@ class PostMegadropdown {
12802
13166
  this.handleAriaCurrentChange([]);
12803
13167
  }
12804
13168
  disconnectedCallback() {
12805
- window.removeEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
13169
+ globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
12806
13170
  if (PostMegadropdown.activeDropdown === this)
12807
13171
  PostMegadropdown.activeDropdown = null;
12808
13172
  this.removeListeners();
@@ -12950,7 +13314,7 @@ class PostMegadropdown {
12950
13314
  ...getFocusableChildren(this.host.shadowRoot),
12951
13315
  ];
12952
13316
  this.firstFocusableEl = focusableElements[0];
12953
- this.lastFocusableEl = focusableElements[focusableElements.length - 1];
13317
+ this.lastFocusableEl = focusableElements.at(-1);
12954
13318
  }
12955
13319
  // Loop through the focusable children
12956
13320
  keyboardHandler(e) {
@@ -13005,7 +13369,7 @@ class PostMegadropdown {
13005
13369
  * and sets the trigger as active accordingly.
13006
13370
  */
13007
13371
  handleAriaCurrentChange(mutations) {
13008
- if (!mutations.length)
13372
+ if (mutations.length === 0)
13009
13373
  return;
13010
13374
  const hasCurrentPage = mutations.some(m => m.target instanceof HTMLElement && m.target.getAttribute('aria-current') === 'page');
13011
13375
  this.setTriggerActive(hasCurrentPage);
@@ -13021,7 +13385,7 @@ class PostMegadropdown {
13021
13385
  }
13022
13386
  render() {
13023
13387
  const containerStyle = this.isVisible ? {} : { display: 'none' };
13024
- return (hAsync(Host, { key: '311243d7fb04cfc89c474f78c9bd628036045232', version: version$1 }, hAsync("div", { key: 'f8cec95ea6689a3e615112f5814c3e7f824e64b3', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, hAsync("div", { key: 'af837711218deb8e08b4574dd53a95cf0755bf47', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (hAsync("p", { key: '64b1da48147fe48f679d74e778e2feb4c0318c44', class: "megadropdown-title" }, this.megadropdownTitle)), hAsync("div", { key: '4e5538b2c55bf2a9d6a9e524c22d19e4336bc384', class: "megadropdown-content" }, hAsync("slot", { key: '9e44333a25edb40de80fee99e336fd87eb6e5b9a' })), this.device === 'desktop' ? (hAsync("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (hAsync("button", { onClick: () => this.hide(true), class: "back-button" }, hAsync("post-icon", { name: "arrowleft" }), this.textBack))))));
13388
+ return (hAsync(Host, { key: '6961721fc95306bdde7808d14555fba7fe984f1f', version: version$1 }, hAsync("div", { key: '1e1ae3f0610d666f4007762a6e8538e60423ab19', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, hAsync("div", { key: 'bd26a45af7ef5258d2ac19b86f4e6ffa246e8135', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (hAsync("p", { key: '7ad8428c845d35403eb74f1b01d695d91bb9f318', class: "megadropdown-title" }, this.megadropdownTitle)), hAsync("div", { key: '60dbccee09c3fe8b52d530a953128172d6350d95', class: "megadropdown-content" }, hAsync("slot", { key: 'e00a6ac942735d8029292cf77302940b2a117ae6' })), this.device === 'desktop' ? (hAsync("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (hAsync("button", { onClick: () => this.hide(true), class: "back-button" }, hAsync("post-icon", { name: "arrowleft" }), this.textBack))))));
13025
13389
  }
13026
13390
  get host() { return getElement(this); }
13027
13391
  static get watchers() { return {
@@ -13057,7 +13421,7 @@ class PostMegadropdown {
13057
13421
  /** Tracks the currently active dropdown instance. */
13058
13422
  PostMegadropdown.activeDropdown = null;
13059
13423
 
13060
- const postMegadropdownTriggerCss = () => `button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}button:hover{text-decoration:none}button:disabled{border-style:var(--post-core-border-style-dash)}button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(a){color:LinkText;border:unset}button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}button{--post-nav-item-border-width:1px;width:100%;justify-content:start;position:relative;padding:.75rem .75rem calc(.75rem - var(--post-nav-item-border-width)) .5rem;gap:1rem;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor;height:100%}button:hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg);border-bottom-color:rgba(0,0,0,0)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@supports not selector(:has(:focus-visible)){button:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}button:is(:focus-visible,:focus-within,.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:focus-within,.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}}button>post-icon:where(:last-child){margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){button{padding:calc(.5rem + 1.5px) .75rem calc(.5rem + 1.5px - var(--post-nav-item-border-width)) .5rem;gap:.5rem;font-size:.875rem}button>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){button{padding:1rem .75rem;gap:.5rem;border-bottom:none}}:host{position:relative;display:inline-block}button post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}button>span{position:relative}button>span>span[aria-hidden]{font-weight:700;visibility:hidden}button>span>span[aria-hidden]:where(span:empty+*){visibility:visible}button>span>span:not([aria-hidden]){position:absolute;inset:0}@media screen and (min-width: 1024px){button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){font-weight:700}}@media screen and (max-width: 1023.98px){button post-icon{margin-inline-start:auto;transform:rotate(-90deg) !important}}`;
13424
+ const postMegadropdownTriggerCss = () => `button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}button:hover{text-decoration:none}button:disabled{border-style:var(--post-core-border-style-dash)}button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(a){color:LinkText;border:unset}button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}button{--post-nav-item-border-width:1px;width:100%;justify-content:start;position:relative;padding:.75rem .75rem calc(.75rem - var(--post-nav-item-border-width)) .5rem;gap:1rem;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor;height:100%}button:hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg);border-bottom-color:rgba(0,0,0,0)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@supports not selector(:has(:focus-visible)){button:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}button:is(:focus-visible,:focus-within,.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:focus-within,.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}}button>post-icon:where(:last-child){margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){button{padding:calc(.5rem + 1.5px) .75rem calc(.5rem + 1.5px - var(--post-nav-item-border-width)) .5rem;gap:.5rem;font-size:.875rem}button>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){button{padding:1rem .75rem;gap:.5rem;border-bottom:none}}:host{position:relative;display:inline-block}button post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}button>span{position:relative}button>span>span[aria-hidden]{font-weight:700;visibility:hidden}button>span>span[aria-hidden]:where(span:empty+*){visibility:visible}button>span>span:not([aria-hidden]){position:absolute;inset:0}@media screen and (min-width: 1024px){button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){font-weight:700}button[aria-expanded=true]{background-color:#f0efed;color:#050400;z-index:2}button[aria-expanded=true]:hover{box-shadow:inset 0 -0.7px 0 0 #f0efed}button[aria-expanded=true]:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}@supports not selector(:has(:focus-visible)){button[aria-expanded=true]:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}}}@media screen and (max-width: 1023.98px){button post-icon{margin-inline-start:auto;transform:rotate(-90deg) !important}}`;
13061
13425
 
13062
13426
  var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
13063
13427
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -13132,7 +13496,7 @@ class PostMegadropdownTrigger {
13132
13496
  this.megadropdown.toggle();
13133
13497
  }
13134
13498
  render() {
13135
- return (hAsync(Host, { key: '4bc480689fe36f2e0b48cdc3fb2f192202d80087', "data-version": version$1 }, hAsync("button", { key: 'cb2d645db623d4d2cccdedf10d59dcaae2e160cd', ref: el => (this.interactiveButton = el), type: "button", "aria-haspopup": "menu", "aria-expanded": this.isMegadropdownExpanded.toString(), onClick: this.onClick.bind(this), onKeyDown: this.onKeyDown.bind(this), class: { active: this.active } }, hAsync("span", { key: 'f402781980b3dcd5dc5b991c2e115bde7f40bbc5' }, hAsync("span", { key: '6ba742f9f3a5270dc90e50101dad2abca03db833', innerHTML: this.slottedContent }), hAsync("span", { key: 'cd1fdb6b0b833772e914a8dd532a4c77ffad6ac7', "aria-hidden": "true" }, hAsync("slot", { key: '3ed0c52ce29de9fbf7eab99c5408baf9f685c420' }))), hAsync("post-icon", { key: 'deabc3a13c77ea79f1b26ddaefac1193f9099109', name: "chevrondown" }))));
13499
+ return (hAsync(Host, { key: 'e70a1f0d724c551389128512ae41ff30a2869866', "data-version": version$1 }, hAsync("button", { key: 'a3beb6e4340c36b2d05a4e3cef8ee59d2fc39be0', ref: el => (this.interactiveButton = el), type: "button", "aria-haspopup": "menu", "aria-expanded": this.isMegadropdownExpanded.toString(), onClick: this.onClick.bind(this), onKeyDown: this.onKeyDown.bind(this), class: { active: this.active } }, hAsync("span", { key: 'ebdccdbce9d5073aa2514b839305e330310651c7' }, hAsync("span", { key: '3b0e98926b7dc995e03ac401eaaedcf52317ad2f', innerHTML: this.slottedContent }), hAsync("span", { key: '9d3728e8bd06e3f1a94b4b7dca77d47d30620236', "aria-hidden": "true" }, hAsync("slot", { key: 'c3f3d283e5cef0b4fbf00197aed283492a4f547a' }))), hAsync("post-icon", { key: '859a8d953f7ad844acd724dafdcb5fbb0ec706af', name: "chevrondown" }))));
13136
13500
  }
13137
13501
  get host() { return getElement(this); }
13138
13502
  static get watchers() { return {
@@ -13304,7 +13668,7 @@ class PostMenu {
13304
13668
  }
13305
13669
  controlKeyDownHandler(e) {
13306
13670
  const menuItems = this.getSlottedItems();
13307
- if (!menuItems.length) {
13671
+ if (menuItems.length === 0) {
13308
13672
  return;
13309
13673
  }
13310
13674
  let currentIndex = menuItems.findIndex(el => {
@@ -13349,7 +13713,7 @@ class PostMenu {
13349
13713
  .flatMap(el => Array.from(getFocusableChildren(el))));
13350
13714
  }
13351
13715
  render() {
13352
- return (hAsync(Host, { key: 'eedd5fbb9d151ebf7d97b66fc45b57a7259ff526', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '5942a2fb4cf22f227a4a7d9b4ba31bb5f8cabdd3', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, hAsync("div", { key: 'c0271e33046edecd94cb9a5f9e8df30debfe46a1', part: "post-menu" }, hAsync("slot", { key: 'b625baf3767cdf2c34b3f5038415cdd2a51418da', name: "header" }), hAsync("slot", { key: '7374e93e7b2762bf548ae0ecc72596da1e715725' })))));
13716
+ return (hAsync(Host, { key: '6a7129370201b73724e51376165ce7ee038b5b86', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '7cfae6f686abce9d6bcdf9667c9b0ef8926f3c2d', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, hAsync("div", { key: '5676f467dcc64043b27fc9698feae24bbb7f2c97', part: "post-menu" }, hAsync("slot", { key: 'e13b59b81063e52438209ac05f4414f19e2cb9d4', name: "header" }), hAsync("slot", { key: '90e634aa424e18a1340559921db6aca4f8c2e1fd' })))));
13353
13717
  }
13354
13718
  get host() { return getElement(this); }
13355
13719
  static get watchers() { return {
@@ -13391,7 +13755,7 @@ class PostMenuItem {
13391
13755
  registerInstance(this, hostRef);
13392
13756
  }
13393
13757
  connectedCallback() {
13394
- this.host.setAttribute('data-version', version$1);
13758
+ this.host.dataset.version = version$1;
13395
13759
  }
13396
13760
  get host() { return getElement(this); }
13397
13761
  static get style() { return postMenuItemCss(); }
@@ -13466,7 +13830,7 @@ class PostMenuTrigger {
13466
13830
  return null;
13467
13831
  }
13468
13832
  render() {
13469
- return (hAsync(Host, { key: '8f2a4511ad519f20b1847fa4ce0ecdd1d859b9ea', "data-version": version$1 }, hAsync("slot", { key: '9c23569b7c5cba5934a869bd4a252957de3e53d5' })));
13833
+ return (hAsync(Host, { key: 'fd213ee318ddc2b8437845af14b9d9cff16d2eaf', "data-version": version$1 }, hAsync("slot", { key: 'bd6d334a734bdc0d964d088131479cf8e6eb2e3b' })));
13470
13834
  }
13471
13835
  get host() { return getElement(this); }
13472
13836
  static get watchers() { return {
@@ -13487,11 +13851,11 @@ class PostMenuTrigger {
13487
13851
  }; }
13488
13852
  }
13489
13853
 
13490
- const postNumberInputCss = () => `:host{display:inline-flex;align-items:end}.input-container{position:relative}.step-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);height:60px;padding-inline:10px;font-size:32px;flex:0 0 auto;border-radius:4px}.step-button:hover{text-decoration:none}.step-button:disabled{border-style:var(--post-core-border-style-dash)}.step-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.step-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(a){color:LinkText;border:unset}.step-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.step-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.step-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.step-button:first-of-type{border-start-end-radius:0;border-end-end-radius:0}.step-button:last-of-type{border-start-start-radius:0;border-end-start-radius:0}.step-button:hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.step-button.disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);border-style:dashed;pointer-events:none;cursor:unset}`;
13854
+ const postNumberInputCss = () => `:host{display:inline-flex;align-items:end;width:100%}:host ::slotted(input[type=number]),:host .step-button{height:var(--post-device-sizing-interactive-button-height-6) !important}:host ::slotted(input[type=number]){border-radius:0 !important;padding-inline:var(--post-device-spacing-padding-inline-1);padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}:host ::slotted(input[type=number]:focus){outline:none !important}:host .step-button.disabled{background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);border-style:var(--post-core-border-style-dash)}:host(.number-input-sm) ::slotted(input[type=number]),:host(.number-input-sm) .step-button{height:var(--post-device-sizing-interactive-button-height-8) !important}:host(.number-input-sm) ::slotted(input[type=number]){font-size:var(--post-device-font-size-7) !important;padding-inline:var(--post-device-spacing-padding-inline-1) !important;padding-block:var(--post-device-spacing-padding-29) !important}:host(.number-input-sm) ::slotted(input[type=number].is-valid),:host(.number-input-sm) ::slotted(input[type=number].is-invalid){background-size:var(--post-device-sizing-notification-5) !important;padding-inline-end:calc( (var(--post-device-spacing-padding-inline-1)* 2) + var(--post-device-sizing-notification-5) ) !important}:host(.number-input-sm) .step-button{padding-inline:var(--post-device-spacing-padding-32);padding-block:var(--post-device-spacing-padding-2)}:host(.number-input-sm) .step-button post-icon{width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7)}:host(:hover) .step-button:not(.disabled){background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:hover) .step-button:not(.disabled){border-color:Highlight}}:host(:hover) .step-button:not(.disabled),:host(:hover) .step-button:not(.disabled) post-icon{color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.input-container{position:relative;flex-grow:1}.input-container:focus-within::after{content:"";pointer-events:none;z-index:2;width:calc(100% + (var(--post-device-border-width-default) * 2));height:calc(100% + (var(--post-device-border-width-default) * 2));border:var(--post-device-border-width-focus) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-focus-stroke);position:absolute;border-radius:var(--post-device-border-radius-1);top:calc((var(--post-device-border-width-default) * 2)*-1);left:calc((var(--post-device-border-width-default) * 2)*-1)}.step-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;transition:unset;box-sizing:border-box;flex:0 0 auto;border-radius:var(--post-device-border-radius-1);padding-inline:var(--post-device-spacing-padding-23);padding-block:var(--post-device-spacing-padding-22);box-shadow:var(--post-device-elevation-100);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.step-button:hover{text-decoration:none}.step-button:disabled{border-style:var(--post-core-border-style-dash)}.step-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.step-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(a){color:LinkText;border:unset}.step-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.step-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.step-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.step-button post-icon{width:var(--post-device-sizing-interactive-icon-size6);height:var(--post-device-sizing-interactive-icon-size6)}.step-button:first-of-type{border-start-end-radius:0;border-end-end-radius:0;border-inline-end-width:0}.step-button:last-of-type{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0}.step-button.disabled{pointer-events:none;cursor:unset}`;
13491
13855
 
13492
13856
  function parseNumber(input, key) {
13493
- const value = parseFloat(input[key]);
13494
- return isNaN(value) ? undefined : value;
13857
+ const value = Number.parseFloat(input[key]);
13858
+ return Number.isNaN(value) ? undefined : value;
13495
13859
  }
13496
13860
  function compare(value, bound, comparator) {
13497
13861
  return value !== undefined && bound !== undefined && comparator(value, bound);
@@ -13499,12 +13863,16 @@ function compare(value, bound, comparator) {
13499
13863
  class PostNumberInput {
13500
13864
  constructor(hostRef) {
13501
13865
  registerInstance(this, hostRef);
13866
+ this.isDisabled = false;
13502
13867
  this.isIncrementDisabled = false;
13503
13868
  this.isDecrementDisabled = false;
13869
+ this.small = false;
13504
13870
  this.setupInput = debounce$1(50, () => {
13505
13871
  this.input = this.input ?? getSlottedElement(this.host, 'input[type="number"]');
13506
13872
  if (!this.input)
13507
13873
  return;
13874
+ this.isDisabled = this.input.disabled;
13875
+ this.small = this.input.classList.contains('form-control-sm');
13508
13876
  // step buttons may be disabled when the input loads
13509
13877
  this.updateStepButtonState();
13510
13878
  // step buttons may become disabled after the value is changed via keyboard / typing
@@ -13572,7 +13940,10 @@ class PostNumberInput {
13572
13940
  }
13573
13941
  render() {
13574
13942
  const areButtonsShown = !!this.input;
13575
- return (hAsync(Host, { key: '46550d929e231f75702c1b9117bfc4d14d432aaa', "data-version": version$1 }, areButtonsShown && (hAsync("div", { key: '2b455c22e76e9fc8a2064f522f793aeaede4ee06', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, hAsync("post-icon", { key: 'f8708da3644e0f2e07ace2aade7f84f83d446e17', name: "minus" }))), hAsync("div", { key: 'a0c56a85d84d430e33096d2b1f4061231bedd184', class: "input-container" }, hAsync("slot", { key: 'b3ada186248d64a1c77fe3126d5a27855a005021', onSlotchange: () => this.setupInput() })), areButtonsShown && (hAsync("div", { key: '523843cfea31ded5c1e77f2bdaf55aa68e69fb7d', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, hAsync("post-icon", { key: 'a57c389d303e23a4f445e6fda2aff3e1c8503f4f', name: "plus" })))));
13943
+ return (hAsync(Host, { key: '1a1defb8024bc4dcfcf6f979f93420a325bb1012', "data-version": version$1, class: {
13944
+ 'number-input-sm': this.small,
13945
+ 'disabled': this.isDisabled,
13946
+ } }, areButtonsShown && (hAsync("div", { key: 'a23952d7f1a43f6ff1e782adcab869371a40e101', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, hAsync("post-icon", { key: 'eeb4537e9ac72197acd575ae10229f49f136fd4d', name: "minus" }))), hAsync("div", { key: '1e0c3563ebace9de810a0fe149b7b2b92e226315', class: "input-container" }, hAsync("slot", { key: '7dba31b4f6b4bfb644f9285a9514aa5f927d46ec', onSlotchange: () => this.setupInput() })), areButtonsShown && (hAsync("div", { key: '7d5ab980dc88e22cf707d2c07a862ed3c3c96b42', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, hAsync("post-icon", { key: 'ed409eab6593d3077a6f42123d61847bd1766b43', name: "plus" })))));
13576
13947
  }
13577
13948
  get host() { return getElement(this); }
13578
13949
  static get style() { return postNumberInputCss(); }
@@ -13580,8 +13951,10 @@ class PostNumberInput {
13580
13951
  "$flags$": 265,
13581
13952
  "$tagName$": "post-number-input",
13582
13953
  "$members$": {
13954
+ "isDisabled": [32],
13583
13955
  "isIncrementDisabled": [32],
13584
13956
  "isDecrementDisabled": [32],
13957
+ "small": [32],
13585
13958
  "input": [32]
13586
13959
  },
13587
13960
  "$listeners$": undefined,
@@ -13693,7 +14066,7 @@ class PostPagination {
13693
14066
  scheduleMeasurement() {
13694
14067
  if (!this.loaded)
13695
14068
  return;
13696
- this.measurementTimeoutId = window.setTimeout(() => {
14069
+ this.measurementTimeoutId = globalThis.setTimeout(() => {
13697
14070
  const canMeasure = this.navRef?.clientWidth > 0 && this.hiddenItemsRef;
13698
14071
  if (canMeasure) {
13699
14072
  this.measureAndCalculateVisiblePages();
@@ -13765,9 +14138,9 @@ class PostPagination {
13765
14138
  getPaginationPadding() {
13766
14139
  if (!this.navRef)
13767
14140
  return 0;
13768
- const computedStyle = window.getComputedStyle(this.navRef);
13769
- const paddingLeft = parseFloat(computedStyle.paddingLeft) || 0;
13770
- const paddingRight = parseFloat(computedStyle.paddingRight) || 0;
14141
+ const computedStyle = globalThis.getComputedStyle(this.navRef);
14142
+ const paddingLeft = Number.parseFloat(computedStyle.paddingLeft) || 0;
14143
+ const paddingRight = Number.parseFloat(computedStyle.paddingRight) || 0;
13771
14144
  return paddingLeft + paddingRight;
13772
14145
  }
13773
14146
  /**
@@ -13788,8 +14161,8 @@ class PostPagination {
13788
14161
  * Clamps the page number to valid range
13789
14162
  */
13790
14163
  clampPageToValidRange(totalPages) {
13791
- const invalidTotalPages = totalPages === 0 || this.invalidSize || isNaN(totalPages);
13792
- const invalidPage = !this.page || this.page < 1 || isNaN(this.page);
14164
+ const invalidTotalPages = totalPages === 0 || this.invalidSize || Number.isNaN(totalPages);
14165
+ const invalidPage = !this.page || this.page < 1 || Number.isNaN(this.page);
13793
14166
  const pageExceedsTotal = this.page > totalPages;
13794
14167
  if (invalidTotalPages || invalidPage) {
13795
14168
  return 1;
@@ -14270,7 +14643,7 @@ class PostPopover {
14270
14643
  }
14271
14644
  }
14272
14645
  render() {
14273
- return (hAsync(Host, { key: 'a6f257c7ee86f91c1726ab2c0a4f15a8c1725aae', "data-version": version$1 }, hAsync("post-popovercontainer", { key: 'f0a122aa46f9d28d2215e0cd5e5d6aba1e3e714e', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, hAsync("div", { key: '80c41384076fa08397b44ca8c42a9fe0c0700c27', class: "popover-container" }, hAsync("div", { key: 'c93714efca7aa854189681efa2346a560a68f034', class: "popover-content" }, hAsync("slot", { key: '2b2df304dde672ce8d7415e309c5cd8d70144ada' })), hAsync("post-closebutton", { key: 'e212d4ad9678844e65aa4efb35e796111812b033', onClick: () => this.hide() }, this.textClose)))));
14646
+ return (hAsync(Host, { key: '6c2562d4387dcbbd298bf438da50053a8737585f', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '1652f2a6647c0fae7ee9e371db0d6a2ceedc1396', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, hAsync("div", { key: '9788322373590a2e63043999991cd783dff00c63', class: "popover-container" }, hAsync("div", { key: '9e0df1357a3d2e774065995d0a43414f5c8ecca8', class: "popover-content" }, hAsync("slot", { key: 'a407102dccd542eac230099ef577fce7e99b52cc' })), hAsync("post-closebutton", { key: '490d4e82c6266cd277e98c4a079096b38b60d2aa', onClick: () => this.hide() }, this.textClose)))));
14274
14647
  }
14275
14648
  get host() { return getElement(this); }
14276
14649
  static get watchers() { return {
@@ -19308,7 +19681,7 @@ function requireFocusable () {
19308
19681
  }
19309
19682
 
19310
19683
  var focusableExports = requireFocusable();
19311
- var isFocusable$1 = /*@__PURE__*/getDefaultExportFromCjs(focusableExports);
19684
+ var isFocusable = /*@__PURE__*/getDefaultExportFromCjs(focusableExports);
19312
19685
 
19313
19686
  const postPopoverTriggerCss = () => `:host{cursor:pointer}`;
19314
19687
 
@@ -19347,7 +19720,7 @@ class PostPopoverTrigger {
19347
19720
  return;
19348
19721
  }
19349
19722
  // check if its not focusable and add aria role and tabindex
19350
- if (!isFocusable$1(this.trigger)) {
19723
+ if (!isFocusable(this.trigger)) {
19351
19724
  this.trigger.setAttribute('tabindex', '0');
19352
19725
  this.trigger.setAttribute('role', 'button');
19353
19726
  }
@@ -19416,7 +19789,7 @@ class PostPopoverTrigger {
19416
19789
  this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
19417
19790
  }
19418
19791
  render() {
19419
- return (hAsync(Host, { key: '5420b1a86908cc2f103bc7aca148701e8804f21b', "data-version": version$1 }, hAsync("slot", { key: '0e70264cb19becf5386cff430c530de2a8d043dd', onSlotchange: () => this.setupTrigger() })));
19792
+ return (hAsync(Host, { key: '1ee10390dbe3667e8f61a36c0c64712b3c9b6fe9', "data-version": version$1 }, hAsync("slot", { key: 'c26260df89de55ccb71a29ddb53e559b6fae8bda', onSlotchange: () => this.setupTrigger() })));
19420
19793
  }
19421
19794
  get host() { return getElement(this); }
19422
19795
  static get watchers() { return {
@@ -21365,798 +21738,6 @@ const computePosition = (reference, floating, options) => {
21365
21738
  });
21366
21739
  };
21367
21740
 
21368
- // src/events.ts
21369
- var ToggleEvent = class extends Event {
21370
- oldState;
21371
- newState;
21372
- constructor(type, { oldState = "", newState = "", ...init } = {}) {
21373
- super(type, init);
21374
- this.oldState = String(oldState || "");
21375
- this.newState = String(newState || "");
21376
- }
21377
- };
21378
- var popoverToggleTaskQueue = /* @__PURE__ */ new WeakMap();
21379
- function queuePopoverToggleEventTask(element, oldState, newState) {
21380
- popoverToggleTaskQueue.set(
21381
- element,
21382
- setTimeout(() => {
21383
- if (!popoverToggleTaskQueue.has(element)) return;
21384
- element.dispatchEvent(
21385
- new ToggleEvent("toggle", {
21386
- cancelable: false,
21387
- oldState,
21388
- newState
21389
- })
21390
- );
21391
- }, 0)
21392
- );
21393
- }
21394
-
21395
- // src/popover-helpers.ts
21396
- var ShadowRoot$1 = globalThis.ShadowRoot || function() {
21397
- };
21398
- var HTMLDialogElement = globalThis.HTMLDialogElement || function() {
21399
- };
21400
- var topLayerElements = /* @__PURE__ */ new WeakMap();
21401
- var autoPopoverList = /* @__PURE__ */ new WeakMap();
21402
- var hintPopoverList = /* @__PURE__ */ new WeakMap();
21403
- var visibilityState = /* @__PURE__ */ new WeakMap();
21404
- function getPopoverVisibilityState(popover) {
21405
- return visibilityState.get(popover) || "hidden";
21406
- }
21407
- var popoverInvoker = /* @__PURE__ */ new WeakMap();
21408
- function lastSetElement(set) {
21409
- return [...set].pop();
21410
- }
21411
- function popoverTargetAttributeActivationBehavior(element) {
21412
- const popover = element.popoverTargetElement;
21413
- if (!(popover instanceof HTMLElement)) {
21414
- return;
21415
- }
21416
- const visibility = getPopoverVisibilityState(popover);
21417
- if (element.popoverTargetAction === "show" && visibility === "showing") {
21418
- return;
21419
- }
21420
- if (element.popoverTargetAction === "hide" && visibility === "hidden") return;
21421
- if (visibility === "showing") {
21422
- hidePopover(popover, true, true);
21423
- } else if (checkPopoverValidity(popover, false)) {
21424
- popoverInvoker.set(popover, element);
21425
- showPopover(popover);
21426
- }
21427
- }
21428
- function checkPopoverValidity(element, expectedToBeShowing) {
21429
- if (element.popover !== "auto" && element.popover !== "manual" && element.popover !== "hint") {
21430
- return false;
21431
- }
21432
- if (!element.isConnected) return false;
21433
- if (expectedToBeShowing && getPopoverVisibilityState(element) !== "showing") {
21434
- return false;
21435
- }
21436
- if (!expectedToBeShowing && getPopoverVisibilityState(element) !== "hidden") {
21437
- return false;
21438
- }
21439
- if (element instanceof HTMLDialogElement && element.hasAttribute("open")) {
21440
- return false;
21441
- }
21442
- if (document.fullscreenElement === element) return false;
21443
- return true;
21444
- }
21445
- function getStackPosition(popover) {
21446
- if (!popover) return 0;
21447
- const autoPopovers = autoPopoverList.get(document) || /* @__PURE__ */ new Set();
21448
- const hintPopovers = hintPopoverList.get(document) || /* @__PURE__ */ new Set();
21449
- if (hintPopovers.has(popover)) {
21450
- return [...hintPopovers].indexOf(popover) + autoPopovers.size + 1;
21451
- }
21452
- if (autoPopovers.has(popover)) {
21453
- return [...autoPopovers].indexOf(popover) + 1;
21454
- }
21455
- return 0;
21456
- }
21457
- function topMostClickedPopover(target) {
21458
- const clickedPopover = nearestInclusiveOpenPopover(target);
21459
- const invokerPopover = nearestInclusiveTargetPopoverForInvoker(target);
21460
- if (getStackPosition(clickedPopover) > getStackPosition(invokerPopover)) {
21461
- return clickedPopover;
21462
- }
21463
- return invokerPopover;
21464
- }
21465
- function topmostAutoOrHintPopover(document2) {
21466
- let topmostPopover;
21467
- const hintPopovers = hintPopoverList.get(document2) || /* @__PURE__ */ new Set();
21468
- const autoPopovers = autoPopoverList.get(document2) || /* @__PURE__ */ new Set();
21469
- const usedStack = hintPopovers.size > 0 ? hintPopovers : autoPopovers.size > 0 ? autoPopovers : null;
21470
- if (usedStack) {
21471
- topmostPopover = lastSetElement(usedStack);
21472
- if (!topmostPopover.isConnected) {
21473
- usedStack.delete(topmostPopover);
21474
- return topmostAutoOrHintPopover(document2);
21475
- }
21476
- return topmostPopover;
21477
- }
21478
- return null;
21479
- }
21480
- function topMostPopoverInList(list) {
21481
- for (const popover of list || []) {
21482
- if (!popover.isConnected) {
21483
- list.delete(popover);
21484
- } else {
21485
- return popover;
21486
- }
21487
- }
21488
- return null;
21489
- }
21490
- function getRootNode(node) {
21491
- if (typeof node.getRootNode === "function") {
21492
- return node.getRootNode();
21493
- }
21494
- if (node.parentNode) return getRootNode(node.parentNode);
21495
- return node;
21496
- }
21497
- function nearestInclusiveOpenPopover(node) {
21498
- while (node) {
21499
- if (node instanceof HTMLElement && node.popover === "auto" && visibilityState.get(node) === "showing") {
21500
- return node;
21501
- }
21502
- node = node instanceof Element && node.assignedSlot || node.parentElement || getRootNode(node);
21503
- if (node instanceof ShadowRoot$1) node = node.host;
21504
- if (node instanceof Document) return;
21505
- }
21506
- }
21507
- function nearestInclusiveTargetPopoverForInvoker(node) {
21508
- while (node) {
21509
- const nodePopover = node.popoverTargetElement;
21510
- if (nodePopover instanceof HTMLElement) return nodePopover;
21511
- node = node.parentElement || getRootNode(node);
21512
- if (node instanceof ShadowRoot$1) node = node.host;
21513
- if (node instanceof Document) return;
21514
- }
21515
- }
21516
- function topMostPopoverAncestor(newPopover, list) {
21517
- const popoverPositions = /* @__PURE__ */ new Map();
21518
- let i = 0;
21519
- for (const popover of list || []) {
21520
- popoverPositions.set(popover, i);
21521
- i += 1;
21522
- }
21523
- popoverPositions.set(newPopover, i);
21524
- i += 1;
21525
- let topMostPopoverAncestor2 = null;
21526
- function checkAncestor(candidate) {
21527
- if (!candidate) return;
21528
- let okNesting = false;
21529
- let candidateAncestor = null;
21530
- let candidatePosition = null;
21531
- while (!okNesting) {
21532
- candidateAncestor = nearestInclusiveOpenPopover(candidate) || null;
21533
- if (candidateAncestor === null) return;
21534
- if (!popoverPositions.has(candidateAncestor)) return;
21535
- if (newPopover.popover === "hint" || candidateAncestor.popover === "auto") {
21536
- okNesting = true;
21537
- }
21538
- if (!okNesting) {
21539
- candidate = candidateAncestor.parentElement;
21540
- }
21541
- }
21542
- candidatePosition = popoverPositions.get(candidateAncestor);
21543
- if (topMostPopoverAncestor2 === null || popoverPositions.get(topMostPopoverAncestor2) < candidatePosition) {
21544
- topMostPopoverAncestor2 = candidateAncestor;
21545
- }
21546
- }
21547
- checkAncestor(newPopover.parentElement || getRootNode(newPopover));
21548
- return topMostPopoverAncestor2;
21549
- }
21550
- function isFocusable(focusTarget) {
21551
- if (focusTarget.hidden || focusTarget instanceof ShadowRoot$1) return false;
21552
- if (focusTarget instanceof HTMLButtonElement || focusTarget instanceof HTMLInputElement || focusTarget instanceof HTMLSelectElement || focusTarget instanceof HTMLTextAreaElement || focusTarget instanceof HTMLOptGroupElement || focusTarget instanceof HTMLOptionElement || focusTarget instanceof HTMLFieldSetElement) {
21553
- if (focusTarget.disabled) return false;
21554
- }
21555
- if (focusTarget instanceof HTMLInputElement && focusTarget.type === "hidden") {
21556
- return false;
21557
- }
21558
- if (focusTarget instanceof HTMLAnchorElement && focusTarget.href === "") {
21559
- return false;
21560
- }
21561
- return typeof focusTarget.tabIndex === "number" && focusTarget.tabIndex !== -1;
21562
- }
21563
- function focusDelegate(focusTarget) {
21564
- if (focusTarget.shadowRoot && focusTarget.shadowRoot.delegatesFocus !== true) {
21565
- return null;
21566
- }
21567
- let whereToLook = focusTarget;
21568
- if (whereToLook.shadowRoot) {
21569
- whereToLook = whereToLook.shadowRoot;
21570
- }
21571
- let autoFocusDelegate = whereToLook.querySelector("[autofocus]");
21572
- if (autoFocusDelegate) {
21573
- return autoFocusDelegate;
21574
- } else {
21575
- const slots = whereToLook.querySelectorAll("slot");
21576
- for (const slot of slots) {
21577
- const assignedElements = slot.assignedElements({ flatten: true });
21578
- for (const el of assignedElements) {
21579
- if (el.hasAttribute("autofocus")) {
21580
- return el;
21581
- } else {
21582
- autoFocusDelegate = el.querySelector("[autofocus]");
21583
- if (autoFocusDelegate) {
21584
- return autoFocusDelegate;
21585
- }
21586
- }
21587
- }
21588
- }
21589
- }
21590
- const walker = focusTarget.ownerDocument.createTreeWalker(
21591
- whereToLook,
21592
- NodeFilter.SHOW_ELEMENT
21593
- );
21594
- let descendant = walker.currentNode;
21595
- while (descendant) {
21596
- if (isFocusable(descendant)) {
21597
- return descendant;
21598
- }
21599
- descendant = walker.nextNode();
21600
- }
21601
- }
21602
- function popoverFocusingSteps(subject) {
21603
- focusDelegate(subject)?.focus();
21604
- }
21605
- var previouslyFocusedElements = /* @__PURE__ */ new WeakMap();
21606
- function showPopover(element) {
21607
- if (!checkPopoverValidity(element, false)) {
21608
- return;
21609
- }
21610
- const document2 = element.ownerDocument;
21611
- if (!element.dispatchEvent(
21612
- new ToggleEvent("beforetoggle", {
21613
- cancelable: true,
21614
- oldState: "closed",
21615
- newState: "open"
21616
- })
21617
- )) {
21618
- return;
21619
- }
21620
- if (!checkPopoverValidity(element, false)) {
21621
- return;
21622
- }
21623
- let shouldRestoreFocus = false;
21624
- const originalType = element.popover;
21625
- let stackToAppendTo = null;
21626
- const autoAncestor = topMostPopoverAncestor(
21627
- element,
21628
- autoPopoverList.get(document2) || /* @__PURE__ */ new Set()
21629
- );
21630
- const hintAncestor = topMostPopoverAncestor(
21631
- element,
21632
- hintPopoverList.get(document2) || /* @__PURE__ */ new Set()
21633
- );
21634
- if (originalType === "auto") {
21635
- closeAllOpenPopoversInList(
21636
- hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
21637
- shouldRestoreFocus,
21638
- true
21639
- );
21640
- const ancestor = autoAncestor || document2;
21641
- hideAllPopoversUntil(ancestor, shouldRestoreFocus, true);
21642
- stackToAppendTo = "auto";
21643
- }
21644
- if (originalType === "hint") {
21645
- if (hintAncestor) {
21646
- hideAllPopoversUntil(hintAncestor, shouldRestoreFocus, true);
21647
- stackToAppendTo = "hint";
21648
- } else {
21649
- closeAllOpenPopoversInList(
21650
- hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
21651
- shouldRestoreFocus,
21652
- true
21653
- );
21654
- if (autoAncestor) {
21655
- hideAllPopoversUntil(autoAncestor, shouldRestoreFocus, true);
21656
- stackToAppendTo = "auto";
21657
- } else {
21658
- stackToAppendTo = "hint";
21659
- }
21660
- }
21661
- }
21662
- if (originalType === "auto" || originalType === "hint") {
21663
- if (originalType !== element.popover || !checkPopoverValidity(element, false)) {
21664
- return;
21665
- }
21666
- if (!topmostAutoOrHintPopover(document2)) {
21667
- shouldRestoreFocus = true;
21668
- }
21669
- if (stackToAppendTo === "auto") {
21670
- if (!autoPopoverList.has(document2)) {
21671
- autoPopoverList.set(document2, /* @__PURE__ */ new Set());
21672
- }
21673
- autoPopoverList.get(document2).add(element);
21674
- } else if (stackToAppendTo === "hint") {
21675
- if (!hintPopoverList.has(document2)) {
21676
- hintPopoverList.set(document2, /* @__PURE__ */ new Set());
21677
- }
21678
- hintPopoverList.get(document2).add(element);
21679
- }
21680
- }
21681
- previouslyFocusedElements.delete(element);
21682
- const originallyFocusedElement = document2.activeElement;
21683
- element.classList.add(":popover-open");
21684
- visibilityState.set(element, "showing");
21685
- if (!topLayerElements.has(document2)) {
21686
- topLayerElements.set(document2, /* @__PURE__ */ new Set());
21687
- }
21688
- topLayerElements.get(document2).add(element);
21689
- setInvokerAriaExpanded(popoverInvoker.get(element), true);
21690
- popoverFocusingSteps(element);
21691
- if (shouldRestoreFocus && originallyFocusedElement && element.popover === "auto") {
21692
- previouslyFocusedElements.set(element, originallyFocusedElement);
21693
- }
21694
- queuePopoverToggleEventTask(element, "closed", "open");
21695
- }
21696
- function hidePopover(element, focusPreviousElement = false, fireEvents = false) {
21697
- if (!checkPopoverValidity(element, true)) {
21698
- return;
21699
- }
21700
- const document2 = element.ownerDocument;
21701
- if (["auto", "hint"].includes(element.popover)) {
21702
- hideAllPopoversUntil(element, focusPreviousElement, fireEvents);
21703
- if (!checkPopoverValidity(element, true)) {
21704
- return;
21705
- }
21706
- }
21707
- const autoList = autoPopoverList.get(document2) || /* @__PURE__ */ new Set();
21708
- const autoPopoverListContainsElement = autoList.has(element) && lastSetElement(autoList) === element;
21709
- setInvokerAriaExpanded(popoverInvoker.get(element), false);
21710
- popoverInvoker.delete(element);
21711
- if (fireEvents) {
21712
- element.dispatchEvent(
21713
- new ToggleEvent("beforetoggle", {
21714
- oldState: "open",
21715
- newState: "closed"
21716
- })
21717
- );
21718
- if (autoPopoverListContainsElement && lastSetElement(autoList) !== element) {
21719
- hideAllPopoversUntil(element, focusPreviousElement, fireEvents);
21720
- }
21721
- if (!checkPopoverValidity(element, true)) {
21722
- return;
21723
- }
21724
- }
21725
- topLayerElements.get(document2)?.delete(element);
21726
- autoList.delete(element);
21727
- hintPopoverList.get(document2)?.delete(element);
21728
- element.classList.remove(":popover-open");
21729
- visibilityState.set(element, "hidden");
21730
- if (fireEvents) {
21731
- queuePopoverToggleEventTask(element, "open", "closed");
21732
- }
21733
- const previouslyFocusedElement = previouslyFocusedElements.get(element);
21734
- if (previouslyFocusedElement) {
21735
- previouslyFocusedElements.delete(element);
21736
- if (focusPreviousElement) {
21737
- previouslyFocusedElement.focus();
21738
- }
21739
- }
21740
- }
21741
- function closeAllOpenPopovers(document2, focusPreviousElement = false, fireEvents = false) {
21742
- let popover = topmostAutoOrHintPopover(document2);
21743
- while (popover) {
21744
- hidePopover(popover, focusPreviousElement, fireEvents);
21745
- popover = topmostAutoOrHintPopover(document2);
21746
- }
21747
- }
21748
- function closeAllOpenPopoversInList(list, focusPreviousElement = false, fireEvents = false) {
21749
- let popover = topMostPopoverInList(list);
21750
- while (popover) {
21751
- hidePopover(popover, focusPreviousElement, fireEvents);
21752
- popover = topMostPopoverInList(list);
21753
- }
21754
- }
21755
- function hidePopoverStackUntil(endpoint, set, focusPreviousElement, fireEvents) {
21756
- let repeatingHide = false;
21757
- let hasRunOnce = false;
21758
- while (repeatingHide || !hasRunOnce) {
21759
- hasRunOnce = true;
21760
- let lastToHide = null;
21761
- let foundEndpoint = false;
21762
- for (const popover of set) {
21763
- if (popover === endpoint) {
21764
- foundEndpoint = true;
21765
- } else if (foundEndpoint) {
21766
- lastToHide = popover;
21767
- break;
21768
- }
21769
- }
21770
- if (!lastToHide) return;
21771
- while (getPopoverVisibilityState(lastToHide) === "showing" && set.size) {
21772
- hidePopover(lastSetElement(set), focusPreviousElement, fireEvents);
21773
- }
21774
- if (set.has(endpoint) && lastSetElement(set) !== endpoint) {
21775
- repeatingHide = true;
21776
- }
21777
- if (repeatingHide) {
21778
- fireEvents = false;
21779
- }
21780
- }
21781
- }
21782
- function hideAllPopoversUntil(endpoint, focusPreviousElement, fireEvents) {
21783
- const document2 = endpoint.ownerDocument || endpoint;
21784
- if (endpoint instanceof Document) {
21785
- return closeAllOpenPopovers(document2, focusPreviousElement, fireEvents);
21786
- }
21787
- if (hintPopoverList.get(document2)?.has(endpoint)) {
21788
- hidePopoverStackUntil(
21789
- endpoint,
21790
- hintPopoverList.get(document2),
21791
- focusPreviousElement,
21792
- fireEvents
21793
- );
21794
- return;
21795
- }
21796
- closeAllOpenPopoversInList(
21797
- hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
21798
- focusPreviousElement,
21799
- fireEvents
21800
- );
21801
- if (!autoPopoverList.get(document2)?.has(endpoint)) {
21802
- return;
21803
- }
21804
- hidePopoverStackUntil(
21805
- endpoint,
21806
- autoPopoverList.get(document2),
21807
- focusPreviousElement,
21808
- fireEvents
21809
- );
21810
- }
21811
- var popoverPointerDownTargets = /* @__PURE__ */ new WeakMap();
21812
- function lightDismissOpenPopovers(event) {
21813
- if (!event.isTrusted) return;
21814
- const target = event.composedPath()[0];
21815
- if (!target) return;
21816
- const document2 = target.ownerDocument;
21817
- const topMostPopover = topmostAutoOrHintPopover(document2);
21818
- if (!topMostPopover) return;
21819
- const ancestor = topMostClickedPopover(target);
21820
- if (ancestor && event.type === "pointerdown") {
21821
- popoverPointerDownTargets.set(document2, ancestor);
21822
- } else if (event.type === "pointerup") {
21823
- const sameTarget = popoverPointerDownTargets.get(document2) === ancestor;
21824
- popoverPointerDownTargets.delete(document2);
21825
- if (sameTarget) {
21826
- hideAllPopoversUntil(ancestor || document2, false, true);
21827
- }
21828
- }
21829
- }
21830
- var initialAriaExpandedValue = /* @__PURE__ */ new WeakMap();
21831
- function setInvokerAriaExpanded(el, force = false) {
21832
- if (!el) return;
21833
- if (!initialAriaExpandedValue.has(el)) {
21834
- initialAriaExpandedValue.set(el, el.getAttribute("aria-expanded"));
21835
- }
21836
- const popover = el.popoverTargetElement;
21837
- if (popover instanceof HTMLElement && popover.popover === "auto") {
21838
- el.setAttribute("aria-expanded", String(force));
21839
- } else {
21840
- const initialValue = initialAriaExpandedValue.get(el);
21841
- if (!initialValue) {
21842
- el.removeAttribute("aria-expanded");
21843
- } else {
21844
- el.setAttribute("aria-expanded", initialValue);
21845
- }
21846
- }
21847
- }
21848
-
21849
- // src/popover.ts
21850
- var ShadowRoot2 = globalThis.ShadowRoot || function() {
21851
- };
21852
- function isSupported() {
21853
- return typeof HTMLElement !== "undefined" && typeof HTMLElement.prototype === "object" && "popover" in HTMLElement.prototype;
21854
- }
21855
- function patchSelectorFn(object, name, mapper) {
21856
- const original = object[name];
21857
- Object.defineProperty(object, name, {
21858
- value(selector) {
21859
- return original.call(this, mapper(selector));
21860
- }
21861
- });
21862
- }
21863
- var nonEscapedPopoverSelector = /(^|[^\\]):popover-open\b/g;
21864
- function hasLayerSupport() {
21865
- return typeof globalThis.CSSLayerBlockRule === "function";
21866
- }
21867
- function getStyles() {
21868
- const useLayer = hasLayerSupport();
21869
- return `
21870
- ${useLayer ? "@layer popover-polyfill {" : ""}
21871
- :where([popover]) {
21872
- position: fixed;
21873
- z-index: 2147483647;
21874
- inset: 0;
21875
- padding: 0.25em;
21876
- width: fit-content;
21877
- height: fit-content;
21878
- border-width: initial;
21879
- border-color: initial;
21880
- border-image: initial;
21881
- border-style: solid;
21882
- background-color: canvas;
21883
- color: canvastext;
21884
- overflow: auto;
21885
- margin: auto;
21886
- }
21887
-
21888
- :where([popover]:not(.\\:popover-open)) {
21889
- display: none;
21890
- }
21891
-
21892
- :where(dialog[popover].\\:popover-open) {
21893
- display: block;
21894
- }
21895
-
21896
- :where(dialog[popover][open]) {
21897
- display: revert;
21898
- }
21899
-
21900
- :where([anchor].\\:popover-open) {
21901
- inset: auto;
21902
- }
21903
-
21904
- :where([anchor]:popover-open) {
21905
- inset: auto;
21906
- }
21907
-
21908
- @supports not (background-color: canvas) {
21909
- :where([popover]) {
21910
- background-color: white;
21911
- color: black;
21912
- }
21913
- }
21914
-
21915
- @supports (width: -moz-fit-content) {
21916
- :where([popover]) {
21917
- width: -moz-fit-content;
21918
- height: -moz-fit-content;
21919
- }
21920
- }
21921
-
21922
- @supports not (inset: 0) {
21923
- :where([popover]) {
21924
- top: 0;
21925
- left: 0;
21926
- right: 0;
21927
- bottom: 0;
21928
- }
21929
- }
21930
- ${useLayer ? "}" : ""}
21931
- `;
21932
- }
21933
- var popoverStyleSheet = null;
21934
- function injectStyles(root) {
21935
- const styles = getStyles();
21936
- if (popoverStyleSheet === null) {
21937
- try {
21938
- popoverStyleSheet = new CSSStyleSheet();
21939
- popoverStyleSheet.replaceSync(styles);
21940
- } catch {
21941
- popoverStyleSheet = false;
21942
- }
21943
- }
21944
- if (popoverStyleSheet === false) {
21945
- const sheet = document.createElement("style");
21946
- sheet.textContent = styles;
21947
- if (root instanceof Document) {
21948
- root.head.prepend(sheet);
21949
- } else {
21950
- root.prepend(sheet);
21951
- }
21952
- } else {
21953
- root.adoptedStyleSheets = [popoverStyleSheet, ...root.adoptedStyleSheets];
21954
- }
21955
- }
21956
- function apply() {
21957
- if (typeof window === "undefined") return;
21958
- window.ToggleEvent = window.ToggleEvent || ToggleEvent;
21959
- function rewriteSelector(selector) {
21960
- if (selector?.includes(":popover-open")) {
21961
- selector = selector.replace(
21962
- nonEscapedPopoverSelector,
21963
- "$1.\\:popover-open"
21964
- );
21965
- }
21966
- return selector;
21967
- }
21968
- patchSelectorFn(Document.prototype, "querySelector", rewriteSelector);
21969
- patchSelectorFn(Document.prototype, "querySelectorAll", rewriteSelector);
21970
- patchSelectorFn(Element.prototype, "querySelector", rewriteSelector);
21971
- patchSelectorFn(Element.prototype, "querySelectorAll", rewriteSelector);
21972
- patchSelectorFn(Element.prototype, "matches", rewriteSelector);
21973
- patchSelectorFn(Element.prototype, "closest", rewriteSelector);
21974
- patchSelectorFn(
21975
- DocumentFragment.prototype,
21976
- "querySelectorAll",
21977
- rewriteSelector
21978
- );
21979
- Object.defineProperties(HTMLElement.prototype, {
21980
- popover: {
21981
- enumerable: true,
21982
- configurable: true,
21983
- get() {
21984
- if (!this.hasAttribute("popover")) return null;
21985
- const value = (this.getAttribute("popover") || "").toLowerCase();
21986
- if (value === "" || value == "auto") return "auto";
21987
- if (value == "hint") return "hint";
21988
- return "manual";
21989
- },
21990
- set(value) {
21991
- if (value === null) {
21992
- this.removeAttribute("popover");
21993
- } else {
21994
- this.setAttribute("popover", value);
21995
- }
21996
- }
21997
- },
21998
- showPopover: {
21999
- enumerable: true,
22000
- configurable: true,
22001
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
22002
- value(options = {}) {
22003
- showPopover(this);
22004
- }
22005
- },
22006
- hidePopover: {
22007
- enumerable: true,
22008
- configurable: true,
22009
- value() {
22010
- hidePopover(this, true, true);
22011
- }
22012
- },
22013
- togglePopover: {
22014
- enumerable: true,
22015
- configurable: true,
22016
- value(options = {}) {
22017
- if (typeof options === "boolean") {
22018
- options = { force: options };
22019
- }
22020
- if (visibilityState.get(this) === "showing" && options.force === void 0 || options.force === false) {
22021
- hidePopover(this, true, true);
22022
- } else if (options.force === void 0 || options.force === true) {
22023
- showPopover(this);
22024
- }
22025
- return visibilityState.get(this) === "showing";
22026
- }
22027
- }
22028
- });
22029
- const originalAttachShadow = Element.prototype.attachShadow;
22030
- if (originalAttachShadow) {
22031
- Object.defineProperties(Element.prototype, {
22032
- attachShadow: {
22033
- enumerable: true,
22034
- configurable: true,
22035
- writable: true,
22036
- value(options) {
22037
- const shadowRoot = originalAttachShadow.call(this, options);
22038
- injectStyles(shadowRoot);
22039
- return shadowRoot;
22040
- }
22041
- }
22042
- });
22043
- }
22044
- const originalAttachInternals = HTMLElement.prototype.attachInternals;
22045
- if (originalAttachInternals) {
22046
- Object.defineProperties(HTMLElement.prototype, {
22047
- attachInternals: {
22048
- enumerable: true,
22049
- configurable: true,
22050
- writable: true,
22051
- value() {
22052
- const internals = originalAttachInternals.call(this);
22053
- if (internals.shadowRoot) {
22054
- injectStyles(internals.shadowRoot);
22055
- }
22056
- return internals;
22057
- }
22058
- }
22059
- });
22060
- }
22061
- const popoverTargetAssociatedElements = /* @__PURE__ */ new WeakMap();
22062
- function applyPopoverInvokerElementMixin(ElementClass) {
22063
- Object.defineProperties(ElementClass.prototype, {
22064
- popoverTargetElement: {
22065
- enumerable: true,
22066
- configurable: true,
22067
- set(targetElement) {
22068
- if (targetElement === null) {
22069
- this.removeAttribute("popovertarget");
22070
- popoverTargetAssociatedElements.delete(this);
22071
- } else if (!(targetElement instanceof Element)) {
22072
- throw new TypeError(
22073
- `popoverTargetElement must be an element or null`
22074
- );
22075
- } else {
22076
- this.setAttribute("popovertarget", "");
22077
- popoverTargetAssociatedElements.set(this, targetElement);
22078
- }
22079
- },
22080
- get() {
22081
- if (this.localName !== "button" && this.localName !== "input") {
22082
- return null;
22083
- }
22084
- if (this.localName === "input" && this.type !== "reset" && this.type !== "image" && this.type !== "button") {
22085
- return null;
22086
- }
22087
- if (this.disabled) {
22088
- return null;
22089
- }
22090
- if (this.form && this.type === "submit") {
22091
- return null;
22092
- }
22093
- const targetElement = popoverTargetAssociatedElements.get(this);
22094
- if (targetElement && targetElement.isConnected) {
22095
- return targetElement;
22096
- } else if (targetElement && !targetElement.isConnected) {
22097
- popoverTargetAssociatedElements.delete(this);
22098
- return null;
22099
- }
22100
- const root = getRootNode(this);
22101
- const idref = this.getAttribute("popovertarget");
22102
- if ((root instanceof Document || root instanceof ShadowRoot2) && idref) {
22103
- return root.getElementById(idref) || null;
22104
- }
22105
- return null;
22106
- }
22107
- },
22108
- popoverTargetAction: {
22109
- enumerable: true,
22110
- configurable: true,
22111
- get() {
22112
- const value = (this.getAttribute("popovertargetaction") || "").toLowerCase();
22113
- if (value === "show" || value === "hide") return value;
22114
- return "toggle";
22115
- },
22116
- set(value) {
22117
- this.setAttribute("popovertargetaction", value);
22118
- }
22119
- }
22120
- });
22121
- }
22122
- applyPopoverInvokerElementMixin(HTMLButtonElement);
22123
- applyPopoverInvokerElementMixin(HTMLInputElement);
22124
- const handleInvokerActivation = (event) => {
22125
- const composedPath = event.composedPath();
22126
- const target = composedPath[0];
22127
- if (!(target instanceof Element) || target?.shadowRoot) {
22128
- return;
22129
- }
22130
- const root = getRootNode(target);
22131
- if (!(root instanceof ShadowRoot2 || root instanceof Document)) {
22132
- return;
22133
- }
22134
- const invoker = composedPath.find(
22135
- (el) => el.matches?.("[popovertargetaction],[popovertarget]")
22136
- );
22137
- if (invoker) {
22138
- popoverTargetAttributeActivationBehavior(invoker);
22139
- event.preventDefault();
22140
- return;
22141
- }
22142
- };
22143
- const onKeydown = (event) => {
22144
- const key = event.key;
22145
- const target = event.target;
22146
- if (!event.defaultPrevented && target && (key === "Escape" || key === "Esc")) {
22147
- hideAllPopoversUntil(target.ownerDocument, true, true);
22148
- }
22149
- };
22150
- const addEventListeners = (root) => {
22151
- root.addEventListener("click", handleInvokerActivation);
22152
- root.addEventListener("keydown", onKeydown);
22153
- root.addEventListener("pointerdown", lightDismissOpenPopovers);
22154
- root.addEventListener("pointerup", lightDismissOpenPopovers);
22155
- };
22156
- addEventListeners(document);
22157
- injectStyles(document);
22158
- }
22159
-
22160
21741
  const duration = 250;
22161
21742
  const easing = 'ease-out';
22162
21743
  function popIn(el) {
@@ -22188,6 +21769,7 @@ class PostPopovercontainer {
22188
21769
  this.postHide = createEvent(this, "postHide");
22189
21770
  this.postBeforeToggle = createEvent(this, "postBeforeToggle");
22190
21771
  this.postToggle = createEvent(this, "postToggle");
21772
+ this.toggleTimeoutId = null;
22191
21773
  this.hasOpenedOnce = true;
22192
21774
  /**
22193
21775
  * Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
@@ -22208,6 +21790,7 @@ class PostPopovercontainer {
22208
21790
  */
22209
21791
  this.animation = 'pop-in';
22210
21792
  this.currentAnimation = null;
21793
+ this.boundMouseTrackingHandler = this.mouseTrackingHandler.bind(this);
22211
21794
  }
22212
21795
  validatePlacement() {
22213
21796
  checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
@@ -22228,9 +21811,6 @@ class PostPopovercontainer {
22228
21811
  this.host.style.setProperty('--post-safe-space-cursor-y', `${event.clientY}px`);
22229
21812
  }
22230
21813
  connectedCallback() {
22231
- if (IS_BROWSER && !isSupported()) {
22232
- apply();
22233
- }
22234
21814
  }
22235
21815
  componentDidLoad() {
22236
21816
  this.validatePlacement();
@@ -22303,7 +21883,7 @@ class PostPopovercontainer {
22303
21883
  }
22304
21884
  }
22305
21885
  if (this.safeSpace) {
22306
- window.addEventListener('mousemove', this.mouseTrackingHandler.bind(this));
21886
+ globalThis.addEventListener('mousemove', this.boundMouseTrackingHandler);
22307
21887
  }
22308
21888
  }
22309
21889
  /**
@@ -22314,7 +21894,7 @@ class PostPopovercontainer {
22314
21894
  this.clearAutoUpdate();
22315
21895
  }
22316
21896
  if (this.safeSpace) {
22317
- window.removeEventListener('mousemove', this.mouseTrackingHandler.bind(this));
21897
+ globalThis.removeEventListener('mousemove', this.boundMouseTrackingHandler);
22318
21898
  }
22319
21899
  // Cancel any running animation
22320
21900
  if (this.currentAnimation) {
@@ -22370,7 +21950,7 @@ class PostPopovercontainer {
22370
21950
  * @param e ToggleEvent
22371
21951
  */
22372
21952
  handleToggle(e) {
22373
- this.toggleTimeoutId = window.setTimeout(() => (this.toggleTimeoutId = null), 10);
21953
+ this.toggleTimeoutId = globalThis.setTimeout(() => (this.toggleTimeoutId = null), 10);
22374
21954
  const isOpen = e.newState === 'open';
22375
21955
  if (isOpen) {
22376
21956
  this.open();
@@ -22393,7 +21973,7 @@ class PostPopovercontainer {
22393
21973
  */
22394
21974
  getHeaderHeight() {
22395
21975
  const header = document.querySelector('post-header');
22396
- return header ? parseFloat(getComputedStyle(header).height) : 0;
21976
+ return header ? Number.parseFloat(getComputedStyle(header).height) : 0;
22397
21977
  }
22398
21978
  async calculatePosition() {
22399
21979
  const { x, y, middlewareData, placement } = await this.computeMainPosition();
@@ -22430,17 +22010,23 @@ class PostPopovercontainer {
22430
22010
  }
22431
22011
  async computeMainPosition() {
22432
22012
  const gap = this.edgeGap;
22433
- const middleware = [
22434
- flip({
22435
- padding: this.getHeaderHeight(),
22013
+ const isAligned = (this.placement || 'top').includes('-');
22014
+ const flipMiddleware = flip({
22015
+ padding: this.getHeaderHeight(),
22016
+ crossAxis: false,
22017
+ });
22018
+ const shiftMiddleware = shift({
22019
+ padding: gap,
22020
+ limiter: limitShift({
22021
+ offset: 32,
22436
22022
  }),
22023
+ });
22024
+ const middleware = [
22025
+ offset(this.offset ?? (this.arrow ? gap + 4 : gap)),
22437
22026
  inline(),
22438
- shift({
22439
- padding: gap,
22440
- limiter: limitShift({
22441
- offset: 32,
22442
- }),
22443
- }),
22027
+ // Per floating-ui docs: for aligned placements (e.g. bottom-end),
22028
+ // flip should come before shift. For non-aligned, shift before flip.
22029
+ ...(isAligned ? [flipMiddleware, shiftMiddleware] : [shiftMiddleware, flipMiddleware]),
22444
22030
  size({
22445
22031
  apply({ availableWidth, elements }) {
22446
22032
  Object.assign(elements.floating.style, {
@@ -22448,7 +22034,6 @@ class PostPopovercontainer {
22448
22034
  });
22449
22035
  },
22450
22036
  }),
22451
- offset(this.offset ?? (this.arrow ? gap + 4 : gap)),
22452
22037
  ];
22453
22038
  if (this.arrow) {
22454
22039
  middleware.push(arrow({ element: this.arrowRef, padding: gap }));
@@ -22520,9 +22105,9 @@ class PostPopovercontainer {
22520
22105
  }
22521
22106
  }
22522
22107
  render() {
22523
- return (hAsync(Host, { key: '536d77dfb222d814d2ad0fa5abfda9a6b76c1c5f', "data-version": version$1, popover: "auto" }, hAsync("div", { key: '5b4dcb6f15ce2ddb43cfa545bddfcddb4d96f08f', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (hAsync("span", { key: 'cd65bb7aeaa9ba7c5555fbae73c5f1615ee528de', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
22108
+ return (hAsync(Host, { key: 'ef2247b951044fe3b26af9ab90e269812345c04b', "data-version": version$1, popover: "auto" }, hAsync("div", { key: '81a28e7873922a830c193e31a14523245315f3e2', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (hAsync("span", { key: '01bba4ef926779defb660d3d2b2d25c8cd030707', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
22524
22109
  this.arrowRef = el;
22525
- } })), hAsync("slot", { key: '8e6b37f1f4c4e49db5931130c411b4a2d73ad119' }))));
22110
+ } })), hAsync("slot", { key: '8fa288a638da1cfed3285b6605c64e3b3ff7bc07' }))));
22526
22111
  }
22527
22112
  get host() { return getElement(this); }
22528
22113
  static get watchers() { return {
@@ -22668,7 +22253,7 @@ class PostRating {
22668
22253
  }
22669
22254
  }
22670
22255
  render() {
22671
- return (hAsync(Host, { key: 'a8889a8544b91dd589f8ff86e210472915a34100', "data-version": version$1 }, hAsync("div", { key: 'eea1ffd49d7f450362f87d2e5b6d992e0913f5ca', role: "slider", class: "rating", tabindex: "0", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": this.stars, "aria-valuenow": this.currentRating, "aria-valuetext": `${this.currentRating} / ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (hAsync("div", { key: `star-${v}`, "aria-hidden": "true", class: {
22256
+ return (hAsync(Host, { key: 'bd452616dc47e25ae0f97eb77869e558eb0e199c', "data-version": version$1 }, hAsync("div", { key: 'a2d59f6007b337d906af31f7ebc4cc57022b0e67', role: "slider", class: "rating", tabindex: "0", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": this.stars, "aria-valuenow": this.currentRating, "aria-valuetext": `${this.currentRating} / ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (hAsync("div", { key: `star-${v}`, "aria-hidden": "true", class: {
22672
22257
  'star': true,
22673
22258
  'before-hover': i < this.hoveredIndex,
22674
22259
  'active': i < Math.round(this.currentRating),
@@ -22760,7 +22345,7 @@ class PostStepper {
22760
22345
  updateActiveStepNumber() {
22761
22346
  if (this.textStepNumber) {
22762
22347
  const labelTemplate = this.textStepNumber;
22763
- this.mobileActiveStepLabel = labelTemplate.replace(/#number/g, `${this.selectedIndex + 1}`);
22348
+ this.mobileActiveStepLabel = labelTemplate.replaceAll('#number', `${this.selectedIndex + 1}`);
22764
22349
  if (this.stepItems) {
22765
22350
  this.updateMobileActiveStepVisibility();
22766
22351
  }
@@ -22814,7 +22399,7 @@ class PostStepper {
22814
22399
  }
22815
22400
  }
22816
22401
  render() {
22817
- return (hAsync(Host, { key: '970f3b7005ccb1407b34dd007cc3350e46648ddd', "data-version": version$1 }, hAsync("ol", { key: 'faca69796019b3062261931d58e3a17d1d733a9a' }, hAsync("slot", { key: '51c7a7890f8024b193f642829fb3f519eee76819', onSlotchange: () => this.updateSteps() })), hAsync("div", { key: '664bba5f3b5d6dffc7f4073b2ee0630d38e31531', class: "active-step", "aria-hidden": "true" }, hAsync("span", { key: 'a9b076a75c5aba806200ffe21a5b06e3dcedae6b', class: "active-step-label" }, this.mobileActiveStepLabel), hAsync("span", { key: 'a0a7a732841cfb36e1fc1e0ada0fcb8549acc3eb', innerHTML: this.mobileActiveStepName }))));
22402
+ return (hAsync(Host, { key: '3d406fc950ca7648c4c0588ddd059b872cdb9677', "data-version": version$1 }, hAsync("ol", { key: 'c6b626cce3debd84887b7bc3646d5e30bd08abb1' }, hAsync("slot", { key: '235d456eae8d6d8b7422e2600e17e29e6c3cbc21', onSlotchange: () => this.updateSteps() })), hAsync("div", { key: '9cd98332dfbf95ba548badb4d887a556a7d9a956', class: "active-step", "aria-hidden": "true" }, hAsync("span", { key: 'c5302583b07195b093d1da4cc081215fdfc49337', class: "active-step-label" }, this.mobileActiveStepLabel), hAsync("span", { key: 'bf6bf2724b8876641459e88ca27ed0b725a77d32', innerHTML: this.mobileActiveStepName }))));
22818
22403
  }
22819
22404
  get host() { return getElement(this); }
22820
22405
  static get watchers() { return {
@@ -22860,7 +22445,7 @@ class PostStepperItem {
22860
22445
  registerInstance(this, hostRef);
22861
22446
  }
22862
22447
  render() {
22863
- return (hAsync(Host, { key: '6a9e7ce6dbe2402b04a40db2a177fa7b5666140f', "data-version": version$1, role: "listitem" }, hAsync("span", { key: 'b4b90071f8a99226490d54463a3f9ae0222d5b56', class: "stepper-item-content" }, hAsync("span", { key: '918f3caaf03d07998c28a4620ee2bee7b5ec2f2c', class: "step-hidden-label visually-hidden" }), hAsync("span", { key: 'a4169e9cba976cbf09560ce05a5ab1a9b1c182a1', class: "label" }, hAsync("slot", { key: 'e200808f2b0d757f12dff465547eb84eeb1f8b71' })))));
22448
+ return (hAsync(Host, { key: '7f3df658eb7640f582e438f218e3ec62fbb4edee', "data-version": version$1, role: "listitem" }, hAsync("span", { key: 'bb7b02a3cca04d16626f66c52eb08085a8e9cb26', class: "stepper-item-content" }, hAsync("span", { key: '78ca87ae8956838bc7fffec8e6d9121aa4aa14da', class: "step-hidden-label visually-hidden" }), hAsync("span", { key: '6beecc79f02ed51046e6b7cc5006c305c821f9bc', class: "label" }, hAsync("slot", { key: '5701a12b73a29bd629fa361bcd838c9a7ec88869' })))));
22864
22449
  }
22865
22450
  static get style() { return postStepperItemCss(); }
22866
22451
  static get cmpMeta() { return {
@@ -22907,7 +22492,7 @@ class PostTabItem {
22907
22492
  this.isNavigationMode = hasAnchor;
22908
22493
  }
22909
22494
  render() {
22910
- return (hAsync(Host, { key: 'f7e1c00ed73b796ac8b2994f5f6a1825318faae2', id: this.tabId, role: !this.isNavigationMode ? 'tab' : undefined, "data-version": version$1, "data-navigation-mode": this.isNavigationMode.toString(), "aria-selected": !this.isNavigationMode ? 'false' : undefined, tabindex: !this.isNavigationMode ? '-1' : undefined, class: !this.isNavigationMode ? 'tab-title' : 'nav-item' }, hAsync("slot", { key: 'cc1fb5a02298dc775bbaacec051d51d96603ce73' })));
22495
+ return (hAsync(Host, { key: '21a098e2def9101e0856befc424c6be1732d0e01', id: this.tabId, role: !this.isNavigationMode ? 'tab' : undefined, "data-version": version$1, "data-navigation-mode": this.isNavigationMode.toString(), "aria-selected": !this.isNavigationMode ? 'false' : undefined, tabindex: !this.isNavigationMode ? '-1' : undefined, class: !this.isNavigationMode ? 'tab-title' : 'nav-item' }, hAsync("slot", { key: 'cc69c4da24b5bd63447660894f05203dd5e9ce5b' })));
22911
22496
  }
22912
22497
  get host() { return getElement(this); }
22913
22498
  static get watchers() { return {
@@ -22948,7 +22533,7 @@ class PostTabPanel {
22948
22533
  this.panelId = `panel-${this.host.id || nanoid(6)}`;
22949
22534
  }
22950
22535
  render() {
22951
- return (hAsync(Host, { key: '58743e382638b78c8e2bf020a94981e54f8c20d8', "data-version": version$1, id: this.panelId, role: "tabpanel", slot: "panels" }, hAsync("slot", { key: 'ab35770da08e7ece64d03ab2fa8811b04a42ddd0' })));
22536
+ return (hAsync(Host, { key: '6feec1f002b3fadba76f8cb8f9ea76e455aa6ffe', "data-version": version$1, id: this.panelId, role: "tabpanel", slot: "panels" }, hAsync("slot", { key: '073a78293c22557d7b628351bf1eac9882cd98b0' })));
22952
22537
  }
22953
22538
  get host() { return getElement(this); }
22954
22539
  static get watchers() { return {
@@ -23105,7 +22690,7 @@ class PostTabs {
23105
22690
  // This works even before post-tab-item sets data-navigation-mode attribute
23106
22691
  const hasNavigationTabs = this.tabs.some(tab => {
23107
22692
  const hasAnchor = tab.querySelector('a') !== null;
23108
- const navModeAttr = tab.getAttribute('data-navigation-mode') === 'true';
22693
+ const navModeAttr = tab.dataset.navigationMode === 'true';
23109
22694
  return hasAnchor || navModeAttr;
23110
22695
  });
23111
22696
  const hasPanels = this.panels.length > 0;
@@ -23254,7 +22839,7 @@ class PostTabs {
23254
22839
  nextTab = this.tabs[activeTabIndex + 1] || this.tabs[0];
23255
22840
  }
23256
22841
  else {
23257
- nextTab = this.tabs[activeTabIndex - 1] || this.tabs[this.tabs.length - 1];
22842
+ nextTab = this.tabs[activeTabIndex - 1] || this.tabs.at(-1);
23258
22843
  }
23259
22844
  if (!nextTab)
23260
22845
  return;
@@ -23263,10 +22848,10 @@ class PostTabs {
23263
22848
  }
23264
22849
  render() {
23265
22850
  const TabsContainer = this.isNavigationMode ? 'nav' : 'div';
23266
- return (hAsync(Host, { key: '49a99226d7f864145e690f6d04c6546ef0a28995', "data-version": version$1 }, hAsync("div", { key: '22684318ed59ae75a81ed00172db0626395d108e', class: "tabs-wrapper", part: "post-tabs" }, hAsync(TabsContainer, { key: 'da2d1befa91d9d1012dbfb30ebe0c03b5b244930', class: "tabs", role: this.isNavigationMode ? undefined : 'tablist', "aria-label": this.isNavigationMode ? this.label : undefined }, hAsync("slot", { key: '7daf4d6ba4e3b8307919fcd52b98540e97c4a2a3', onSlotchange: () => {
22851
+ return (hAsync(Host, { key: 'edb1e06b1b1cdd23db32e42ff77dbc64a44905f0', "data-version": version$1 }, hAsync("div", { key: 'd86eb9bb592aff23c38c92b12dfd72623d67f194', class: "tabs-wrapper", part: "post-tabs" }, hAsync(TabsContainer, { key: '6646284be80e647c96065b3c791f34c4b64627f3', class: "tabs", role: this.isNavigationMode ? undefined : 'tablist', "aria-label": this.isNavigationMode ? this.label : undefined }, hAsync("slot", { key: 'c71ddf4391144b7cb71671e8f564e723c408e723', onSlotchange: () => {
23267
22852
  this.moveMisplacedTabs();
23268
22853
  this.enableTabs();
23269
- } }))), !this.isNavigationMode && (hAsync("div", { key: '365b85a14d4b5af73ab0fdd477208b138a185543', class: "tab-content", part: "post-tabs-content" }, hAsync("slot", { key: 'feb5c8a13b896112a7fce0c598d761d2a3e56cfe', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
22854
+ } }))), !this.isNavigationMode && (hAsync("div", { key: '625d5b7d8ab2e8cfacce0c2ac6fa94d6f6fc2953', class: "tab-content", part: "post-tabs-content" }, hAsync("slot", { key: '1ddaf37e585d3e9fbb9722e09829956e28dc7fd6', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
23270
22855
  }
23271
22856
  get host() { return getElement(this); }
23272
22857
  static get watchers() { return {
@@ -23321,7 +22906,7 @@ class PostTogglebutton {
23321
22906
  this.host.addEventListener('keydown', (e) => this.handleKeydown(e), { capture: true });
23322
22907
  }
23323
22908
  render() {
23324
- return (hAsync(Host, { key: '723a7d107537a8399e193ef9fe40eec67c0a15a2', "data-version": version$1, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, hAsync("slot", { key: '38849e487b4db78584033e51e94b674804966d0b' })));
22909
+ return (hAsync(Host, { key: '828f375bfd28dd8f46c2c233cef90abe6c27c488', "data-version": version$1, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, hAsync("slot", { key: '35325c8481638cf30593cda05a67ee74b38bb40c' })));
23325
22910
  }
23326
22911
  get host() { return getElement(this); }
23327
22912
  static get style() { return postTogglebuttonCss(); }
@@ -23402,7 +22987,7 @@ class PostTooltip {
23402
22987
  }
23403
22988
  render() {
23404
22989
  const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
23405
- return (hAsync(Host, { key: '19dd435450b50c6f00fb767b64f02196e2753a61', "data-version": version$1 }, hAsync("post-popovercontainer", { key: 'a12f9c038b279946187377a083014dee7b1b767f', safeSpace: "trapezoid", class: popoverClass, role: "tooltip", arrow: this.arrow, placement: this.placement, onPostBeforeToggle: e => this.handleBeforeToggle(e), ref: (el) => (this.popoverRef = el) }, hAsync("slot", { key: '4a7009fb3ec0cc938f486de0796f3e4776462ba8' }))));
22990
+ return (hAsync(Host, { key: 'ad87cc5be1949a6a5490c6630b30a5d1d8c5940d', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '559478c129c495fa4189566957c22ad0ba3037a4', safeSpace: "trapezoid", class: popoverClass, role: "tooltip", arrow: this.arrow, placement: this.placement, onPostBeforeToggle: e => this.handleBeforeToggle(e), ref: (el) => (this.popoverRef = el) }, hAsync("slot", { key: 'd72e049da6b42839e8c3b6f8f79d2c6bcd108676' }))));
23406
22991
  }
23407
22992
  get host() { return getElement(this); }
23408
22993
  static get watchers() { return {
@@ -23431,11 +23016,6 @@ class PostTooltip {
23431
23016
  const postTooltipTriggerCss = () => `post-tooltip-trigger{vertical-align:top}:host{cursor:pointer}`;
23432
23017
 
23433
23018
  const TRIGGER_EVENTS = ['pointerenter', 'pointerleave', 'focusin', 'focusout', 'long-press'];
23434
- if (IS_BROWSER) {
23435
- (async () => {
23436
- await Promise.resolve().then(function () { return longPressEvent; });
23437
- })();
23438
- }
23439
23019
  /**
23440
23020
  * @slot default - Content to trigger the tooltip. Can contain any focusable element or will be made focusable automatically.
23441
23021
  */
@@ -23461,10 +23041,7 @@ class PostTooltipTrigger {
23461
23041
  checkEmptyOrType(this, 'for', 'string');
23462
23042
  }
23463
23043
  get tooltip() {
23464
- if (!IS_BROWSER)
23465
- return null;
23466
- const ref = document.getElementById(this.for);
23467
- return ref?.localName === 'post-tooltip' ? ref : null;
23044
+ return null;
23468
23045
  }
23469
23046
  componentDidLoad() {
23470
23047
  this.setupTrigger();
@@ -23505,7 +23082,7 @@ class PostTooltipTrigger {
23505
23082
  setupTrigger() {
23506
23083
  this.trigger = this.host.querySelector('*');
23507
23084
  if (this.trigger) {
23508
- if (!isFocusable$1(this.trigger)) {
23085
+ if (!isFocusable(this.trigger)) {
23509
23086
  this.trigger.setAttribute('tabindex', '0');
23510
23087
  }
23511
23088
  const describedBy = this.trigger.getAttribute('aria-describedby') || '';
@@ -23580,7 +23157,7 @@ class PostTooltipTrigger {
23580
23157
  interestHandler() {
23581
23158
  if (this.trigger) {
23582
23159
  if (this.delay > 0) {
23583
- this.delayTimeout = window.setTimeout(() => {
23160
+ this.delayTimeout = globalThis.setTimeout(() => {
23584
23161
  this.tooltip?.show(this.trigger);
23585
23162
  this.delayTimeout = null;
23586
23163
  }, this.delay);
@@ -23598,7 +23175,7 @@ class PostTooltipTrigger {
23598
23175
  this.tooltip?.hide();
23599
23176
  }
23600
23177
  render() {
23601
- return (hAsync(Host, { key: '070c1d7c9cbf685113debb314766b2dde8dfe126', "data-version": version$1 }, hAsync("slot", { key: 'b9c2c1339bd54061490e4f8c6303d9290a59dafa', onSlotchange: () => this.handleSlotChange() })));
23178
+ return (hAsync(Host, { key: '67c7165030648b676b85c94cfe8a3d260c2ff9b5', "data-version": version$1 }, hAsync("slot", { key: '84013d1f82ccd926d70026055c5a5be441aad9bf', onSlotchange: () => this.handleSlotChange() })));
23602
23179
  }
23603
23180
  get host() { return getElement(this); }
23604
23181
  static get watchers() { return {
@@ -23623,6 +23200,7 @@ class PostTooltipTrigger {
23623
23200
  registerComponents([
23624
23201
  PostAccordion,
23625
23202
  PostAccordionItem,
23203
+ PostAutocomplete,
23626
23204
  PostAvatar,
23627
23205
  PostBackToTop,
23628
23206
  PostBanner,
@@ -23632,13 +23210,15 @@ registerComponents([
23632
23210
  PostCollapsible,
23633
23211
  PostCollapsibleTrigger,
23634
23212
  PostDatePicker,
23635
- PostEnvTest,
23636
23213
  PostFooter,
23637
23214
  PostHeader,
23638
23215
  PostIcon,
23639
23216
  PostLanguageMenu,
23640
23217
  PostLanguageMenuItem,
23641
23218
  PostLinkarea,
23219
+ PostListbox,
23220
+ PostListboxOption,
23221
+ PostLoginWidget,
23642
23222
  PostLogo,
23643
23223
  PostMainnavigation,
23644
23224
  PostMegadropdown,
@@ -23662,275 +23242,6 @@ registerComponents([
23662
23242
  PostTooltipTrigger,
23663
23243
  ]);
23664
23244
 
23665
- /*!
23666
- * long-press-event - v@version@
23667
- * Pure JavaScript long-press-event
23668
- * https://github.com/john-doherty/long-press-event
23669
- * @author John Doherty <www.johndoherty.info>
23670
- * @license MIT
23671
- */
23672
- (function (window, document) {
23673
-
23674
- // local timer object based on rAF
23675
- var timer = null;
23676
-
23677
- // check if we're using a touch screen
23678
- var hasPointerEvents = (('PointerEvent' in window) || (window.navigator && 'msPointerEnabled' in window.navigator));
23679
- var isTouch = (('ontouchstart' in window) || (navigator.MaxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0));
23680
-
23681
- // switch to pointer events or touch events if using a touch screen
23682
- var mouseDown = hasPointerEvents ? 'pointerdown' : isTouch ? 'touchstart' : 'mousedown';
23683
- var mouseUp = hasPointerEvents ? 'pointerup' : isTouch ? 'touchend' : 'mouseup';
23684
- var mouseMove = hasPointerEvents ? 'pointermove' : isTouch ? 'touchmove' : 'mousemove';
23685
- var mouseLeave = hasPointerEvents ? 'pointerleave' : isTouch ? 'touchleave' : 'mouseleave';
23686
-
23687
- // track number of pixels the mouse moves during long press
23688
- var startX = 0; // mouse x position when timer started
23689
- var startY = 0; // mouse y position when timer started
23690
- var maxDiffX = 10; // max number of X pixels the mouse can move during long press before it is canceled
23691
- var maxDiffY = 10; // max number of Y pixels the mouse can move during long press before it is canceled
23692
-
23693
- // patch CustomEvent to allow constructor creation (IE/Chrome)
23694
- if (typeof window.CustomEvent !== 'function') {
23695
-
23696
- window.CustomEvent = function (event, params) {
23697
-
23698
- params = params || { bubbles: false, cancelable: false, detail: undefined };
23699
-
23700
- var evt = document.createEvent('CustomEvent');
23701
- evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
23702
- return evt;
23703
- };
23704
-
23705
- window.CustomEvent.prototype = window.Event.prototype;
23706
- }
23707
-
23708
- // requestAnimationFrame() shim by Paul Irish
23709
- window.requestAnimFrame = (function () {
23710
- return window.requestAnimationFrame ||
23711
- window.webkitRequestAnimationFrame ||
23712
- window.mozRequestAnimationFrame ||
23713
- window.oRequestAnimationFrame ||
23714
- window.msRequestAnimationFrame || function (callback) {
23715
- window.setTimeout(callback, 1000 / 60);
23716
- };
23717
- })();
23718
-
23719
- /**
23720
- * Behaves the same as setTimeout except uses requestAnimationFrame() where possible for better performance
23721
- * @param {function} fn The callback function
23722
- * @param {int} delay The delay in milliseconds
23723
- * @returns {object} handle to the timeout object
23724
- */
23725
- function requestTimeout(fn, delay) {
23726
-
23727
- if (!window.requestAnimationFrame && !window.webkitRequestAnimationFrame &&
23728
- !(window.mozRequestAnimationFrame && window.mozCancelRequestAnimationFrame) && // Firefox 5 ships without cancel support
23729
- !window.oRequestAnimationFrame && !window.msRequestAnimationFrame) return window.setTimeout(fn, delay);
23730
-
23731
- var start = new Date().getTime();
23732
- var handle = {};
23733
-
23734
- var loop = function () {
23735
- var current = new Date().getTime();
23736
- var delta = current - start;
23737
-
23738
- if (delta >= delay) {
23739
- fn.call();
23740
- }
23741
- else {
23742
- handle.value = requestAnimFrame(loop);
23743
- }
23744
- };
23745
-
23746
- handle.value = requestAnimFrame(loop);
23747
-
23748
- return handle;
23749
- }
23750
-
23751
- /**
23752
- * Behaves the same as clearTimeout except uses cancelRequestAnimationFrame() where possible for better performance
23753
- * @param {object} handle The callback function
23754
- * @returns {void}
23755
- */
23756
- function clearRequestTimeout(handle) {
23757
- if (handle) {
23758
- window.cancelAnimationFrame ? window.cancelAnimationFrame(handle.value) :
23759
- window.webkitCancelAnimationFrame ? window.webkitCancelAnimationFrame(handle.value) :
23760
- window.webkitCancelRequestAnimationFrame ? window.webkitCancelRequestAnimationFrame(handle.value) : /* Support for legacy API */
23761
- window.mozCancelRequestAnimationFrame ? window.mozCancelRequestAnimationFrame(handle.value) :
23762
- window.oCancelRequestAnimationFrame ? window.oCancelRequestAnimationFrame(handle.value) :
23763
- window.msCancelRequestAnimationFrame ? window.msCancelRequestAnimationFrame(handle.value) :
23764
- clearTimeout(handle);
23765
- }
23766
- }
23767
-
23768
- /**
23769
- * Fires the 'long-press' event on element
23770
- * @param {MouseEvent|PointerEvent|TouchEvent} originalEvent The original event being fired
23771
- * @returns {void}
23772
- */
23773
- function fireLongPressEvent(originalEvent) {
23774
-
23775
- clearLongPressTimer();
23776
-
23777
- originalEvent = unifyEvent(originalEvent);
23778
-
23779
- // fire the long-press event
23780
- var allowClickEvent = this.dispatchEvent(new CustomEvent('long-press', {
23781
- bubbles: true,
23782
- cancelable: true,
23783
-
23784
- // custom event data (legacy)
23785
- detail: {
23786
- clientX: originalEvent.clientX,
23787
- clientY: originalEvent.clientY,
23788
- offsetX: originalEvent.offsetX,
23789
- offsetY: originalEvent.offsetY,
23790
- pageX: originalEvent.pageX,
23791
- pageY: originalEvent.pageY
23792
- },
23793
-
23794
- // add coordinate data that would typically acompany a touch/click event
23795
- clientX: originalEvent.clientX,
23796
- clientY: originalEvent.clientY,
23797
- offsetX: originalEvent.offsetX,
23798
- offsetY: originalEvent.offsetY,
23799
- pageX: originalEvent.pageX,
23800
- pageY: originalEvent.pageY,
23801
- screenX: originalEvent.screenX,
23802
- screenY: originalEvent.screenY
23803
- }));
23804
-
23805
- if (!allowClickEvent) {
23806
- // suppress the next click event if e.preventDefault() was called in long-press handler
23807
- document.addEventListener('click', function suppressEvent(e) {
23808
- document.removeEventListener('click', suppressEvent, true);
23809
- cancelEvent(e);
23810
- }, true);
23811
- }
23812
- }
23813
-
23814
- /**
23815
- * consolidates mouse, touch, and Pointer events
23816
- * @param {MouseEvent|PointerEvent|TouchEvent} e The original event being fired
23817
- * @returns {MouseEvent|PointerEvent|Touch}
23818
- */
23819
- function unifyEvent(e) {
23820
- if (e.changedTouches !== undefined) {
23821
- return e.changedTouches[0];
23822
- }
23823
- return e;
23824
- }
23825
-
23826
- /**
23827
- * method responsible for starting the long press timer
23828
- * @param {event} e - event object
23829
- * @returns {void}
23830
- */
23831
- function startLongPressTimer(e) {
23832
-
23833
- clearLongPressTimer();
23834
-
23835
- var el = e.target;
23836
-
23837
- // get delay from html attribute if it exists, otherwise default to 1500
23838
- var longPressDelayInMs = parseInt(getNearestAttribute(el, 'data-long-press-delay', '1500'), 10); // default 1500
23839
-
23840
- // start the timer
23841
- timer = requestTimeout(fireLongPressEvent.bind(el, e), longPressDelayInMs);
23842
- }
23843
-
23844
- /**
23845
- * method responsible for clearing a pending long press timer
23846
- * @param {event} e - event object
23847
- * @returns {void}
23848
- */
23849
- function clearLongPressTimer(e) {
23850
- clearRequestTimeout(timer);
23851
- timer = null;
23852
- }
23853
-
23854
- /**
23855
- * Cancels the current event
23856
- * @param {object} e - browser event object
23857
- * @returns {void}
23858
- */
23859
- function cancelEvent(e) {
23860
- e.stopImmediatePropagation();
23861
- e.preventDefault();
23862
- e.stopPropagation();
23863
- }
23864
-
23865
- /**
23866
- * Starts the timer on mouse down and logs current position
23867
- * @param {object} e - browser event object
23868
- * @returns {void}
23869
- */
23870
- function mouseDownHandler(e) {
23871
- startX = e.clientX;
23872
- startY = e.clientY;
23873
- startLongPressTimer(e);
23874
- }
23875
-
23876
- /**
23877
- * If the mouse moves n pixels during long-press, cancel the timer
23878
- * @param {object} e - browser event object
23879
- * @returns {void}
23880
- */
23881
- function mouseMoveHandler(e) {
23882
-
23883
- // calculate total number of pixels the pointer has moved
23884
- var diffX = Math.abs(startX - e.clientX);
23885
- var diffY = Math.abs(startY - e.clientY);
23886
-
23887
- // if pointer has moved more than allowed, cancel the long-press timer and therefore the event
23888
- if (diffX >= maxDiffX || diffY >= maxDiffY) {
23889
- clearLongPressTimer();
23890
- }
23891
- }
23892
-
23893
- /**
23894
- * Gets attribute off HTML element or nearest parent
23895
- * @param {object} el - HTML element to retrieve attribute from
23896
- * @param {string} attributeName - name of the attribute
23897
- * @param {any} defaultValue - default value to return if no match found
23898
- * @returns {any} attribute value or defaultValue
23899
- */
23900
- function getNearestAttribute(el, attributeName, defaultValue) {
23901
-
23902
- // walk up the dom tree looking for data-action and data-trigger
23903
- while (el && el !== document.documentElement) {
23904
-
23905
- var attributeValue = el.getAttribute(attributeName);
23906
-
23907
- if (attributeValue) {
23908
- return attributeValue;
23909
- }
23910
-
23911
- el = el.parentNode;
23912
- }
23913
-
23914
- return defaultValue;
23915
- }
23916
-
23917
- // hook events that clear a pending long press event
23918
- document.addEventListener(mouseUp, clearLongPressTimer, true);
23919
- document.addEventListener(mouseLeave, clearLongPressTimer, true);
23920
- document.addEventListener(mouseMove, mouseMoveHandler, true);
23921
- document.addEventListener('wheel', clearLongPressTimer, true);
23922
- document.addEventListener('scroll', clearLongPressTimer, true);
23923
- document.addEventListener('contextmenu', clearLongPressTimer, true);
23924
-
23925
- // hook events that can trigger a long press event
23926
- document.addEventListener(mouseDown, mouseDownHandler, true); // <- start
23927
-
23928
- }(window, document));
23929
-
23930
- var longPressEvent = /*#__PURE__*/Object.freeze({
23931
- __proto__: null
23932
- });
23933
-
23934
23245
  exports.hydrateApp = hydrateApp;
23935
23246
 
23936
23247