@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.mjs CHANGED
@@ -134,7 +134,7 @@ var node_crypto = require('node:crypto');
134
134
  const NAMESPACE = 'post-components';
135
135
  const BUILD = /* post-components */ { hotModuleReplacement: false, hydratedSelectorName: "data-hydrated", slotRelocation: true, state: true, updatable: true};
136
136
 
137
- 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}";
137
+ 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}";
138
138
 
139
139
  /*
140
140
  Stencil Hydrate Platform v4.41.1 | MIT Licensed | https://stenciljs.com
@@ -5094,7 +5094,7 @@ var setScopedSSR = (opts) => {
5094
5094
  var needsScopedSSR = () => scopedSSR;
5095
5095
  var scopedSSR = false;
5096
5096
 
5097
- const version$1 = "10.0.0-next.66";
5097
+ const version$1 = "10.0.0-next.68";
5098
5098
 
5099
5099
  const HEADING_LEVELS = [1, 2, 3, 4, 5, 6];
5100
5100
 
@@ -5122,7 +5122,7 @@ const ANIMATION_KEYS = [
5122
5122
  'throb',
5123
5123
  ];
5124
5124
 
5125
- const EMPTY_VALUES = [undefined, null, '', NaN];
5125
+ const EMPTY_VALUES = [undefined, null, '', Number.NaN];
5126
5126
 
5127
5127
  function isValueEmpty(value) {
5128
5128
  return EMPTY_VALUES.some(v => Object.is(v, value));
@@ -5201,7 +5201,7 @@ function checkDate(component, prop) {
5201
5201
  return;
5202
5202
  }
5203
5203
  const date = new Date(value);
5204
- if (isNaN(date.getTime())) {
5204
+ if (Number.isNaN(date.getTime())) {
5205
5205
  console.error(message);
5206
5206
  }
5207
5207
  }
@@ -5220,7 +5220,7 @@ function isIsoDate(value) {
5220
5220
  if (!ISO_REGEX.test(value))
5221
5221
  return false;
5222
5222
  const date = new Date(value); // strict UTC parsing
5223
- if (isNaN(date.getTime()))
5223
+ if (Number.isNaN(date.getTime()))
5224
5224
  return false;
5225
5225
  // Roundtrip comparison to catch auto-corrected dates
5226
5226
  // Use UTC getters to match the UTC parsing above - no timezone shift
@@ -5249,54 +5249,6 @@ const checkRequiredAndPattern = requiredAnd(checkPattern);
5249
5249
  const checkRequiredAndType = requiredAnd(checkType);
5250
5250
  const checkRequiredAndUrl = requiredAnd(checkUrl);
5251
5251
 
5252
- /**
5253
- * Environment detection helper
5254
- *
5255
- * Goal: Distinguish between real browser execution and Stencil's server-side
5256
- * hydration context. During SSR/hydration Stencil provides a mocked `window`
5257
- * (Domino / JSDOM–like) so naive checks (e.g. `typeof window !== 'undefined'`)
5258
- * incorrectly classify the environment as a browser.
5259
- *
5260
- * Detection strategy:
5261
- * - Stencils hydrate context uses a hardcoded user agent string ('MockNavigator')
5262
- * and origin ('http://mockdoc.stenciljs.com') for its mocked `window` object.
5263
- * We can use this to identify the hydrate context.
5264
- * - Stencils unit test context also uses the same hardcoded user agent string,
5265
- * but a differnet value for the origin.
5266
- * That's why comparing the origin is aboslutely mandatory.
5267
- * - Since we test the hydrate app in the test context, the origin is getting
5268
- * overwritten by the test setup, leading to a false positive in the
5269
- * `isHydrateApp` detection.
5270
- * To circumvent this, we use a global flag (`isHydrateAppTestEnv`),
5271
- * that we set/reset during the server test, so we can correctly identify
5272
- * the hydrate app in the test context.
5273
- * As a drawback, we can't properly test if the hydrate app is detected as
5274
- * expected, in a real world scenario (elsewhere than in our tests).
5275
- */
5276
- const MOCKED_USERAGENT = 'MockNavigator';
5277
- const MOCKED_ORIGIN = 'http://mockdoc.stenciljs.com';
5278
- const isNodeEnv = typeof global !== 'undefined';
5279
- const hasWindow$1 = typeof window !== 'undefined';
5280
- const isMockedUserAgent = hasWindow$1 && window.navigator.userAgent === MOCKED_USERAGENT;
5281
- const isMockedOrigin = hasWindow$1 && window.location.origin === MOCKED_ORIGIN;
5282
- /**
5283
- * This is the natural hydrate app environment
5284
- * Is `true` if the hydrate app runs on server
5285
- */
5286
- const isHydrateAppEnv = isNodeEnv && isMockedUserAgent && isMockedOrigin;
5287
- /**
5288
- * This is the test app server test env
5289
- * Is `true` if the server unit test runs (`false` if the browser unit test runs)
5290
- */
5291
- const isTestAppServerTestEnv = isNodeEnv && isMockedUserAgent && global.IS_HYDRATEAPP_SERVERTEST;
5292
- /**
5293
- * This is the final hydrate app flag
5294
- * if it`s `true`, IS_BROWSER equals `false` and IS_SERVER equals `true
5295
- */
5296
- const isHydrateApp = isHydrateAppEnv || isTestAppServerTestEnv;
5297
- const IS_BROWSER = hasWindow$1 && !isHydrateApp;
5298
- const IS_SERVER = !IS_BROWSER;
5299
-
5300
5252
  /* eslint-disable no-undefined,no-param-reassign,no-shadow */
5301
5253
 
5302
5254
  /**
@@ -5466,6 +5418,9 @@ class Breakpoint {
5466
5418
  { key: 'sm', device: 'tablet', minWidth: 600 },
5467
5419
  { key: 'xs', device: 'mobile', minWidth: 0 },
5468
5420
  ];
5421
+ this.resizeObserver = globalThis.ResizeObserver
5422
+ ? new ResizeObserver(() => this.updateCurrentBreakpoint())
5423
+ : null;
5469
5424
  this.updateCurrentBreakpoint = throttle(50, (options = { emitEvents: true }) => {
5470
5425
  const previousBreakpoint = this.currentBreakpoint;
5471
5426
  const newBreakpoint = this.breakpoints.find(breakpoint => {
@@ -5480,15 +5435,13 @@ class Breakpoint {
5480
5435
  .filter(key => !previousBreakpoint || this.currentBreakpoint[key] !== previousBreakpoint[key])
5481
5436
  .forEach((key) => this.dispatchEvent(key));
5482
5437
  });
5483
- if (IS_SERVER)
5484
- return;
5485
- this.updateCurrentBreakpoint({ emitEvents: false });
5486
- window.addEventListener('resize', () => this.updateCurrentBreakpoint(), { passive: true });
5438
+ if (this.resizeObserver) {
5439
+ this.updateCurrentBreakpoint({ emitEvents: false });
5440
+ this.resizeObserver.observe(document.body);
5441
+ }
5487
5442
  }
5488
5443
  dispatchEvent(property) {
5489
- if (IS_SERVER)
5490
- return;
5491
- window.dispatchEvent(new CustomEvent(`postBreakpoint:${property}`, { detail: this.currentBreakpoint[property] }));
5444
+ globalThis.dispatchEvent(new CustomEvent(`postBreakpoint:${property}`, { detail: this.currentBreakpoint[property] }));
5492
5445
  }
5493
5446
  get(property) {
5494
5447
  this.updateCurrentBreakpoint({ emitEvents: false });
@@ -5651,7 +5604,7 @@ function findClosestParentWithTag(element, tagName) {
5651
5604
  * So use it for example in the componentDidLoad lifecycle hook.
5652
5605
  */
5653
5606
  function getRoot(element) {
5654
- const root = IS_BROWSER ? element.getRootNode() : element;
5607
+ const root = element.getRootNode ? element.getRootNode() : element;
5655
5608
  if (root instanceof Document || root instanceof ShadowRoot) {
5656
5609
  return root;
5657
5610
  }
@@ -5696,7 +5649,7 @@ function getDeepFocusableChildren(el, filter, visited = new Set()) {
5696
5649
  // SLOT
5697
5650
  if (el instanceof HTMLSlotElement) {
5698
5651
  const assigned = el.assignedElements({ flatten: true });
5699
- nodes = assigned.length ? assigned : Array.from(el.children);
5652
+ nodes = assigned.length > 0 ? assigned : Array.from(el.children);
5700
5653
  }
5701
5654
  // SHADOW ROOT
5702
5655
  else if (el instanceof HTMLElement && el.shadowRoot) {
@@ -5729,8 +5682,8 @@ function isFocusBlockedByCSS(el) {
5729
5682
  if (typeof el.checkVisibility === 'function') {
5730
5683
  return !el.checkVisibility({ visibilityProperty: true });
5731
5684
  }
5732
- const style = window.getComputedStyle(el);
5733
- if (style.display === 'none' || style.visibility !== 'visible') {
5685
+ const style = el.ownerDocument?.defaultView?.getComputedStyle(el);
5686
+ if (!style || style.display === 'none' || style.visibility !== 'visible') {
5734
5687
  return true;
5735
5688
  }
5736
5689
  if (el.parentElement) {
@@ -5755,20 +5708,22 @@ function getSlottedElement(host, selector) {
5755
5708
  }
5756
5709
 
5757
5710
  function isMotionReduced() {
5758
- return IS_BROWSER ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : true;
5711
+ return globalThis.matchMedia
5712
+ ? globalThis.matchMedia('(prefers-reduced-motion: reduce)').matches
5713
+ : true;
5759
5714
  }
5760
5715
 
5761
5716
  function repeatOnLongPress(callback, options) {
5762
5717
  const stop = repeat(callback, options);
5763
5718
  const handler = () => {
5764
5719
  stop();
5765
- window.removeEventListener('pointerup', handler);
5766
- window.removeEventListener('pointercancel', handler);
5767
- window.removeEventListener('pointerleave', handler);
5720
+ globalThis.removeEventListener('pointerup', handler);
5721
+ globalThis.removeEventListener('pointercancel', handler);
5722
+ globalThis.removeEventListener('pointerleave', handler);
5768
5723
  };
5769
- window.addEventListener('pointerup', handler);
5770
- window.addEventListener('pointercancel', handler);
5771
- window.addEventListener('pointerleave', handler);
5724
+ globalThis.addEventListener('pointerup', handler);
5725
+ globalThis.addEventListener('pointercancel', handler);
5726
+ globalThis.addEventListener('pointerleave', handler);
5772
5727
  }
5773
5728
  function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
5774
5729
  callback(); // immediate action
@@ -5785,7 +5740,7 @@ function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
5785
5740
 
5786
5741
  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)}`;
5787
5742
 
5788
- var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
5743
+ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
5789
5744
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
5790
5745
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
5791
5746
  r = Reflect.decorate(decorators, target, key, desc);
@@ -5856,7 +5811,7 @@ class PostAccordion {
5856
5811
  if (this.multiple) {
5857
5812
  await Promise.all(this.accordionItems.map(item => item.toggle(true)));
5858
5813
  }
5859
- else if (!this.expandedItems.size) {
5814
+ else if (this.expandedItems.size === 0) {
5860
5815
  await this.accordionItems[0].toggle(true);
5861
5816
  }
5862
5817
  }
@@ -5881,7 +5836,7 @@ class PostAccordion {
5881
5836
  });
5882
5837
  }
5883
5838
  render() {
5884
- return (hAsync(Host, { key: 'abd12317431d14e61e2f8e54b9f24b801b8c6954', "data-version": version$1 }, hAsync("div", { key: '9e2225a32458319de148a52a276a64407b282ec5', class: "accordion" }, hAsync("slot", { key: 'e8213a7f663c85d16a5e8e1273d2233787b08f49', onSlotchange: () => this.registerAccordionItems() }))));
5839
+ return (hAsync(Host, { key: 'fa37ee5b4611a84d273229955bcf624e53120022', "data-version": version$1 }, hAsync("div", { key: '0884dc3582eb768c6dd4959168d7e9a9b4195c3c', class: "accordion" }, hAsync("slot", { key: 'f6d81d89aca513094ac5c1d531ed9d63f7b93730', onSlotchange: () => this.registerAccordionItems() }))));
5885
5840
  }
5886
5841
  get host() { return getElement(this); }
5887
5842
  static get watchers() { return {
@@ -5905,7 +5860,7 @@ class PostAccordion {
5905
5860
  "$attrsToReflect$": [["headingLevel", "heading-level"], ["multiple", "multiple"]]
5906
5861
  }; }
5907
5862
  }
5908
- __decorate$7([
5863
+ __decorate$8([
5909
5864
  EventFrom('post-accordion-item')
5910
5865
  ], PostAccordion.prototype, "collapseToggleHandler", null);
5911
5866
 
@@ -5936,7 +5891,7 @@ function nanoid(size = 21) {
5936
5891
 
5937
5892
  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}`;
5938
5893
 
5939
- var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
5894
+ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
5940
5895
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
5941
5896
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
5942
5897
  r = Reflect.decorate(decorators, target, key, desc);
@@ -6016,10 +5971,199 @@ class PostAccordionItem {
6016
5971
  "$attrsToReflect$": [["collapsed", "collapsed"]]
6017
5972
  }; }
6018
5973
  }
6019
- __decorate$6([
5974
+ __decorate$7([
6020
5975
  EventFrom('post-accordion-item')
6021
5976
  ], PostAccordionItem.prototype, "onCollapseToggle", null);
6022
5977
 
5978
+ 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}`;
5979
+
5980
+ /**
5981
+ * @slot default - Slot for placing post-autocomplete-item components.
5982
+ */
5983
+ class PostAutocomplete {
5984
+ constructor(hostRef) {
5985
+ registerInstance(this, hostRef);
5986
+ this.postFilteringEvent = createEvent(this, "postFilteringEvent");
5987
+ this.debouncedHandleInput = debounce((event) => this.handleInput(event), 250);
5988
+ /** Number of characters to type before filtering methods are called */
5989
+ this.filterThreshold = 0;
5990
+ /** Show or hide the clear button */
5991
+ this.clearable = false;
5992
+ this.inputValue = '';
5993
+ this.handleOnBlur = () => {
5994
+ this.inputElement.value = this.inputValue;
5995
+ this.listBoxElement.filter('');
5996
+ this.hideListBox();
5997
+ };
5998
+ this.handleInput = (event) => {
5999
+ if (!this.listBoxElement)
6000
+ return;
6001
+ const value = event.target.value.trim();
6002
+ const query = value.length >= this.filterThreshold ? value : '';
6003
+ // Allow for consuming parent to handle filtering (e.g. for async data) and prevent default filtering behavior
6004
+ const { defaultPrevented } = this.postFilteringEvent.emit(query && query.length >= this.filterThreshold ? query : '');
6005
+ if (defaultPrevented)
6006
+ return;
6007
+ this.listBoxElement.filter(query);
6008
+ if (query) {
6009
+ this.showListBox();
6010
+ }
6011
+ else {
6012
+ this.inputValue = '';
6013
+ }
6014
+ };
6015
+ this.handleKeyDown = (event) => {
6016
+ const { key, altKey } = event;
6017
+ switch (key) {
6018
+ case 'ArrowDown':
6019
+ event.preventDefault();
6020
+ this.showListBox();
6021
+ if (!altKey) {
6022
+ this.listBoxElement.navigate('down');
6023
+ }
6024
+ break;
6025
+ case 'ArrowUp':
6026
+ event.preventDefault();
6027
+ this.listBoxElement.navigate('up');
6028
+ break;
6029
+ case 'Enter':
6030
+ if (this.listBoxElement.hidden)
6031
+ return;
6032
+ event.preventDefault();
6033
+ this.listBoxElement.selectActive();
6034
+ this.hideListBox();
6035
+ break;
6036
+ case 'Escape':
6037
+ this.hideListBox();
6038
+ break;
6039
+ case 'Tab':
6040
+ this.listBoxElement.selectActive();
6041
+ this.hideListBox();
6042
+ break;
6043
+ case 'Home':
6044
+ event.preventDefault();
6045
+ this.listBoxElement.navigate('first');
6046
+ break;
6047
+ case 'End':
6048
+ event.preventDefault();
6049
+ this.listBoxElement.navigate('last');
6050
+ break;
6051
+ }
6052
+ };
6053
+ this.handleOptionSelected = (e) => {
6054
+ const value = e.detail;
6055
+ this.inputElement.value = value;
6056
+ this.inputValue = value;
6057
+ this.hideListBox();
6058
+ };
6059
+ this.handleOptionActive = (e) => {
6060
+ const value = e.detail;
6061
+ if (value) {
6062
+ this.inputElement.setAttribute('aria-activedescendant', value);
6063
+ }
6064
+ else {
6065
+ this.inputElement.removeAttribute('aria-activedescendant');
6066
+ }
6067
+ };
6068
+ this.hideListBox = () => {
6069
+ this.listBoxElement.hide();
6070
+ this.inputElement.ariaExpanded = 'false';
6071
+ this.host.removeAttribute('open');
6072
+ this.inputElement.removeAttribute('aria-activedescendant');
6073
+ };
6074
+ this.showListBox = () => {
6075
+ this.listBoxElement.show();
6076
+ this.inputElement.ariaExpanded = 'true';
6077
+ this.host.setAttribute('open', '');
6078
+ };
6079
+ this.clearInput = () => {
6080
+ if (this.inputElement) {
6081
+ this.inputElement.value = '';
6082
+ this.inputValue = '';
6083
+ this.listBoxElement.clearSelection();
6084
+ this.hideListBox();
6085
+ }
6086
+ };
6087
+ }
6088
+ get inputElement() {
6089
+ return this.host.querySelector('input');
6090
+ }
6091
+ get listBoxElement() {
6092
+ if (this.listbox) {
6093
+ return document.getElementById(this.listbox);
6094
+ }
6095
+ else {
6096
+ return this.host.querySelector('post-listbox');
6097
+ }
6098
+ }
6099
+ componentWillLoad() {
6100
+ if (!this.inputElement)
6101
+ return;
6102
+ this.inputElement.role = 'combobox';
6103
+ this.inputElement.ariaAutoComplete = 'list';
6104
+ if (!this.listBoxElement)
6105
+ return;
6106
+ if (!this.listBoxElement.id)
6107
+ this.listBoxElement.id = crypto.randomUUID();
6108
+ this.inputElement.setAttribute('aria-controls', this.listBoxElement.id);
6109
+ this.inputElement.setAttribute('aria-expanded', 'false');
6110
+ // Because we're handling that and the browser would show a duplicate native autocomplete dropdown
6111
+ this.inputElement.autocomplete = 'off';
6112
+ this.attachInputListeners();
6113
+ this.attachListboxListeners();
6114
+ }
6115
+ disconnectedCallback() {
6116
+ this.detachInputListeners();
6117
+ this.detachListboxListeners();
6118
+ }
6119
+ attachInputListeners() {
6120
+ if (this.inputElement) {
6121
+ this.inputElement.addEventListener('input', this.debouncedHandleInput);
6122
+ this.inputElement.addEventListener('keydown', this.handleKeyDown);
6123
+ this.inputElement.addEventListener('blur', this.handleOnBlur);
6124
+ this.inputElement.addEventListener('click', this.showListBox);
6125
+ }
6126
+ }
6127
+ detachInputListeners() {
6128
+ if (this.inputElement) {
6129
+ this.inputElement.removeEventListener('input', this.debouncedHandleInput);
6130
+ this.inputElement.removeEventListener('keydown', this.handleKeyDown);
6131
+ this.inputElement.removeEventListener('blur', this.handleOnBlur);
6132
+ this.inputElement.removeEventListener('click', this.showListBox);
6133
+ }
6134
+ }
6135
+ attachListboxListeners() {
6136
+ if (this.listBoxElement) {
6137
+ this.listBoxElement.addEventListener('postOptionSelected', this.handleOptionSelected);
6138
+ this.listBoxElement.addEventListener('postOptionActive', this.handleOptionActive);
6139
+ }
6140
+ }
6141
+ detachListboxListeners() {
6142
+ if (this.listBoxElement) {
6143
+ this.listBoxElement.removeEventListener('postOptionSelected', this.handleOptionSelected);
6144
+ this.listBoxElement.removeEventListener('postOptionActive', this.handleOptionActive);
6145
+ }
6146
+ }
6147
+ render() {
6148
+ 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" })));
6149
+ }
6150
+ get host() { return getElement(this); }
6151
+ static get style() { return postAutocompleteCss(); }
6152
+ static get cmpMeta() { return {
6153
+ "$flags$": 265,
6154
+ "$tagName$": "post-autocomplete",
6155
+ "$members$": {
6156
+ "filterThreshold": [514, "filter-threshold"],
6157
+ "clearable": [516],
6158
+ "listbox": [513],
6159
+ "inputValue": [32]
6160
+ },
6161
+ "$listeners$": undefined,
6162
+ "$lazyBundleId$": "-",
6163
+ "$attrsToReflect$": [["filterThreshold", "filter-threshold"], ["clearable", "clearable"], ["listbox", "listbox"]]
6164
+ }; }
6165
+ }
6166
+
6023
6167
  // https://docs.gravatar.com/api/avatars/images/
6024
6168
  const GRAVATAR_DEFAULT = '404';
6025
6169
  const GRAVATAR_RATING = 'g';
@@ -6178,13 +6322,13 @@ class PostAvatar {
6178
6322
  this.validateEmail();
6179
6323
  }
6180
6324
  render() {
6181
- const names = [this.firstname, this.lastname].filter(n => n).map(n => n.trim());
6325
+ const names = [this.firstname, this.lastname].filter(Boolean).map(n => n.trim());
6182
6326
  const initials = names
6183
6327
  .map(n => n.charAt(0))
6184
6328
  .join('')
6185
6329
  .trim();
6186
6330
  const fullname = names.join(' ');
6187
- 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)))));
6331
+ 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)))));
6188
6332
  }
6189
6333
  get host() { return getElement(this); }
6190
6334
  static get watchers() { return {
@@ -6325,7 +6469,7 @@ class PostBackToTop {
6325
6469
  }
6326
6470
  animateButton() {
6327
6471
  // Get the back-to-top button top postiion
6328
- const positionTop = window.getComputedStyle(this.host).getPropertyValue('top');
6472
+ const positionTop = globalThis.getComputedStyle(this.host).getPropertyValue('top');
6329
6473
  const buttonElement = this.host.shadowRoot.querySelector('button');
6330
6474
  // Extract the elevation height from the back-to-top button elevation token
6331
6475
  const elevation = getComputedStyle(buttonElement).getPropertyValue('--post-back-to-top-elevation');
@@ -6336,8 +6480,8 @@ class PostBackToTop {
6336
6480
  // The translateY is calculated as => -100% (btt button height) - topPosition - elevationHeight
6337
6481
  this.translateY =
6338
6482
  (-1 * 100) / 100 -
6339
- parseFloat(positionTop.replace('px', '')) -
6340
- parseFloat(elevationHeight.replace('px', ''));
6483
+ Number.parseFloat(positionTop.replace('px', '')) -
6484
+ Number.parseFloat(elevationHeight.replace('px', ''));
6341
6485
  if (this.belowFold) {
6342
6486
  fadeSlide(this.host, 'in', { translate: this.translateY, fill: 'forwards' });
6343
6487
  }
@@ -6358,7 +6502,7 @@ class PostBackToTop {
6358
6502
  window.removeEventListener('scroll', this.handleScroll);
6359
6503
  }
6360
6504
  render() {
6361
- 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))));
6505
+ 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))));
6362
6506
  }
6363
6507
  get host() { return getElement(this); }
6364
6508
  static get watchers() { return {
@@ -6435,7 +6579,7 @@ const BANNER_TYPES = ['success', 'warning', 'error', 'info'];
6435
6579
 
6436
6580
  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}}`;
6437
6581
 
6438
- var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
6582
+ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
6439
6583
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
6440
6584
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
6441
6585
  r = Reflect.decorate(decorators, target, key, desc);
@@ -6491,7 +6635,7 @@ class PostBanner {
6491
6635
  this.hasActions = this.host.querySelectorAll('[slot="actions"]').length > 0;
6492
6636
  }
6493
6637
  render() {
6494
- 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" })))));
6638
+ 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" })))));
6495
6639
  }
6496
6640
  get host() { return getElement(this); }
6497
6641
  static get watchers() { return {
@@ -6513,7 +6657,7 @@ class PostBanner {
6513
6657
  "$attrsToReflect$": [["type", "type"]]
6514
6658
  }; }
6515
6659
  }
6516
- __decorate$5([
6660
+ __decorate$6([
6517
6661
  EventFrom('post-closebutton', { allowDescendants: true })
6518
6662
  ], PostBanner.prototype, "onCloseButtonClick", null);
6519
6663
 
@@ -6530,7 +6674,7 @@ class PostBreadcrumbItem {
6530
6674
  try {
6531
6675
  this.validUrl = this.constructUrl(this.url);
6532
6676
  }
6533
- catch (error) {
6677
+ catch {
6534
6678
  this.validUrl = undefined;
6535
6679
  }
6536
6680
  }
@@ -6538,7 +6682,7 @@ class PostBreadcrumbItem {
6538
6682
  constructUrl(value) {
6539
6683
  const hasBaseURL = /^https?:\/\//.test(String(this.url));
6540
6684
  if (typeof value === 'string') {
6541
- this.fullUrl = hasBaseURL ? value : `${window.location.origin}${value}`;
6685
+ this.fullUrl = hasBaseURL ? value : `${globalThis.location.origin}${value}`;
6542
6686
  checkEmptyOrUrl(this, 'fullUrl');
6543
6687
  return this.fullUrl;
6544
6688
  }
@@ -6557,8 +6701,7 @@ class PostBreadcrumbItem {
6557
6701
  }
6558
6702
  }
6559
6703
  render() {
6560
- const BreadcrumbTag = this.validUrl ? 'a' : 'span';
6561
- 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' }))));
6704
+ 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)))));
6562
6705
  }
6563
6706
  get host() { return getElement(this); }
6564
6707
  static get watchers() { return {
@@ -6571,12 +6714,14 @@ class PostBreadcrumbItem {
6571
6714
  "$flags$": 265,
6572
6715
  "$tagName$": "post-breadcrumb-item",
6573
6716
  "$members$": {
6574
- "url": [1],
6717
+ "url": [513],
6718
+ "label": [513],
6719
+ "description": [513],
6575
6720
  "fullUrl": [32]
6576
6721
  },
6577
6722
  "$listeners$": undefined,
6578
6723
  "$lazyBundleId$": "-",
6579
- "$attrsToReflect$": []
6724
+ "$attrsToReflect$": [["url", "url"], ["label", "label"], ["description", "description"]]
6580
6725
  }; }
6581
6726
  }
6582
6727
 
@@ -6615,9 +6760,6 @@ class PostBreadcrumbs {
6615
6760
  validateTextMoreItems() {
6616
6761
  checkRequiredAndType(this, 'textMoreItems', 'string');
6617
6762
  }
6618
- componentWillLoad() {
6619
- this.updateBreadcrumbItems();
6620
- }
6621
6763
  componentDidLoad() {
6622
6764
  this.validateHomeUrl();
6623
6765
  this.validateTextHome();
@@ -6625,6 +6767,9 @@ class PostBreadcrumbs {
6625
6767
  this.validateTextMoreItems();
6626
6768
  window.addEventListener('resize', this.handleResize);
6627
6769
  this.waitForBreadcrumbsRef();
6770
+ requestAnimationFrame(() => {
6771
+ this.updateBreadcrumbItems();
6772
+ });
6628
6773
  }
6629
6774
  disconnectedCallback() {
6630
6775
  window.removeEventListener('resize', this.handleResize);
@@ -6633,9 +6778,11 @@ class PostBreadcrumbs {
6633
6778
  updateBreadcrumbItems() {
6634
6779
  this.breadcrumbItems = Array.from(this.host.querySelectorAll('post-breadcrumb-item')).map(item => ({
6635
6780
  text: item.textContent || '',
6636
- url: item.getAttribute('url') || '',
6781
+ url: item.getAttribute('url') ?? undefined,
6782
+ description: item.getAttribute('description') ?? undefined,
6783
+ label: item.getAttribute('label') ?? undefined,
6637
6784
  }));
6638
- this.lastItem = this.breadcrumbItems[this.breadcrumbItems.length - 1];
6785
+ this.lastItem = this.breadcrumbItems.at(-1);
6639
6786
  }
6640
6787
  // Determines parent width for concatenation logic
6641
6788
  getParentWidth() {
@@ -6670,7 +6817,7 @@ class PostBreadcrumbs {
6670
6817
  }
6671
6818
  render() {
6672
6819
  const visibleItems = this.breadcrumbItems.slice(0, -1);
6673
- 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 => {
6820
+ 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 => {
6674
6821
  if (e.key === 'Enter' || e.key === ' ') {
6675
6822
  e.preventDefault();
6676
6823
  this.handleBreadcrumbItemClick();
@@ -6681,7 +6828,7 @@ class PostBreadcrumbs {
6681
6828
  linkElement?.click();
6682
6829
  e.preventDefault();
6683
6830
  }
6684
- } }, 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)))))));
6831
+ } }, 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)))))));
6685
6832
  }
6686
6833
  get host() { return getElement(this); }
6687
6834
  static get watchers() { return {
@@ -6776,7 +6923,7 @@ class PostClosebutton {
6776
6923
  }
6777
6924
  }
6778
6925
  render() {
6779
- 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' })))));
6926
+ 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' })))));
6780
6927
  }
6781
6928
  get host() { return getElement(this); }
6782
6929
  static get watchers() { return {
@@ -6806,23 +6953,9 @@ class PostClosebutton {
6806
6953
  }
6807
6954
 
6808
6955
  const collapseDuration = 350;
6809
- const collapseEasing = 'ease';
6810
6956
  const collapsedKeyframe = { height: '0', overflow: 'hidden' };
6811
- const animationOptions = {
6812
- duration: isMotionReduced() ? 0 : collapseDuration,
6813
- easing: collapseEasing,
6814
- fill: 'forwards',
6815
- };
6816
- function collapse(el) {
6817
- const elHeight = IS_BROWSER ? window.getComputedStyle(el).height : `${el.scrollHeight}px`;
6818
- const expandedKeyframe = { height: elHeight };
6819
- return el.animate([expandedKeyframe, collapsedKeyframe], animationOptions);
6820
- }
6821
- function expand(el) {
6822
- const expandedKeyframe = { height: `${el.scrollHeight}px`, offset: 1 };
6823
- const finalKeyframe = { height: 'auto', overflow: 'visible' };
6824
- return el.animate([collapsedKeyframe, expandedKeyframe, finalKeyframe], animationOptions);
6825
- }
6957
+ ({
6958
+ duration: isMotionReduced() ? 0 : collapseDuration});
6826
6959
 
6827
6960
  const postCollapsibleCss = () => `:host{display:block;position:relative;overflow:var(--post-collapsible-initial-overflow, hidden);height:var(--post-collapsible-initial-height, auto)}`;
6828
6961
 
@@ -6862,13 +6995,6 @@ class PostCollapsible {
6862
6995
  // due to its implementation with the getter, which returns !this.collapsed
6863
6996
  this.collapsed = !shouldExpand;
6864
6997
  const isExpanded = this.isExpanded;
6865
- if (IS_BROWSER) {
6866
- const animation = isExpanded ? expand(this.host) : collapse(this.host);
6867
- this.postToggle.emit(isExpanded);
6868
- await animation.finished;
6869
- animation.commitStyles();
6870
- this.updateTriggers();
6871
- }
6872
6998
  return isExpanded;
6873
6999
  }
6874
7000
  /**
@@ -6879,7 +7005,7 @@ class PostCollapsible {
6879
7005
  triggers.forEach(trigger => trigger.update());
6880
7006
  }
6881
7007
  render() {
6882
- return (hAsync(Host, { key: '46e5b97bfac36ff9f60398c6186a5d906bec72fc', "data-version": version$1, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, hAsync("slot", { key: '09b88ac9aba78cdccf66b93be582c80530667528' })));
7008
+ return (hAsync(Host, { key: 'e20569112cd3c844cf9f5e274ef452592f295f3e', "data-version": version$1, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, hAsync("slot", { key: 'af454694fd370de798c3cdf962b950efbbc7dad9' })));
6883
7009
  }
6884
7010
  get host() { return getElement(this); }
6885
7011
  static get watchers() { return {
@@ -6901,7 +7027,7 @@ class PostCollapsible {
6901
7027
  }; }
6902
7028
  }
6903
7029
 
6904
- var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
7030
+ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
6905
7031
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
6906
7032
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
6907
7033
  r = Reflect.decorate(decorators, target, key, desc);
@@ -6998,7 +7124,7 @@ class PostCollapsibleTrigger {
6998
7124
  this.updateAriaAttributes();
6999
7125
  }
7000
7126
  render() {
7001
- return (hAsync(Host, { key: 'beb213bb418b76eaf9449e33b7a4c66c047f166c', "data-version": version$1 }, hAsync("slot", { key: '63f8b0ef5b728697deb2cd528f626fa1d86ab76b' })));
7127
+ return (hAsync(Host, { key: '0b5e8c203d582389369dde1246ecc5996d6613b9', "data-version": version$1 }, hAsync("slot", { key: 'b49aead3fd6ebcc3ec9fab200b25d2be919e1b18' })));
7002
7128
  }
7003
7129
  get host() { return getElement(this); }
7004
7130
  static get watchers() { return {
@@ -7018,7 +7144,7 @@ class PostCollapsibleTrigger {
7018
7144
  "$attrsToReflect$": [["for", "for"]]
7019
7145
  }; }
7020
7146
  }
7021
- __decorate$4([
7147
+ __decorate$5([
7022
7148
  EventFrom('post-collapsible')
7023
7149
  ], PostCollapsibleTrigger.prototype, "handlePostToggle", null);
7024
7150
 
@@ -10775,7 +10901,7 @@ const localesMap = {
10775
10901
  it: localeIt,
10776
10902
  };
10777
10903
 
10778
- 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}`;
10904
+ 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}`;
10779
10905
 
10780
10906
  class PostDatePicker {
10781
10907
  constructor(hostRef) {
@@ -10793,7 +10919,7 @@ class PostDatePicker {
10793
10919
  */
10794
10920
  this.inline = false;
10795
10921
  this.startDate = new Date();
10796
- this.locale = IS_BROWSER ? document.documentElement.lang : 'en';
10922
+ this.locale = 'en';
10797
10923
  this.currentViewType = 'days';
10798
10924
  this.euFormat = true;
10799
10925
  this.skipOnSelectCount = 0;
@@ -11064,7 +11190,7 @@ class PostDatePicker {
11064
11190
  }
11065
11191
  setActiveCell(date, focusOnDate = true) {
11066
11192
  const cells = this.getCells();
11067
- if (!cells.length)
11193
+ if (cells.length === 0)
11068
11194
  return;
11069
11195
  let target;
11070
11196
  // If selected date is visible
@@ -11095,7 +11221,7 @@ class PostDatePicker {
11095
11221
  }
11096
11222
  // fallback
11097
11223
  if (!target) {
11098
- target = cells[cells.length - 1];
11224
+ target = cells.at(-1);
11099
11225
  }
11100
11226
  // Make only the target focusable
11101
11227
  cells.forEach(c => (c.tabIndex = -1));
@@ -11164,7 +11290,7 @@ class PostDatePicker {
11164
11290
  });
11165
11291
  body.removeEventListener('keydown', this.handleGridKeydown);
11166
11292
  body.addEventListener('keydown', this.handleGridKeydown);
11167
- this.setActiveCell(this.isoToDate(this.selectedStartDate) ? this.isoToDate(this.selectedStartDate) : this.today, focusOnDate);
11293
+ this.setActiveCell(this.isoToDate(this.selectedStartDate) || this.today, focusOnDate);
11168
11294
  }
11169
11295
  /**
11170
11296
  * Set up the masks on the inputs to reflect the date pickers
@@ -11512,7 +11638,7 @@ class PostDatePicker {
11512
11638
  this.selectedEndDate = undefined;
11513
11639
  }
11514
11640
  isValidDate(date) {
11515
- return date instanceof Date && !isNaN(date.getTime());
11641
+ return date instanceof Date && !Number.isNaN(date.getTime());
11516
11642
  }
11517
11643
  syncDatePickerState() {
11518
11644
  this.inputDisabled = this.dpInput.disabled;
@@ -11563,11 +11689,11 @@ class PostDatePicker {
11563
11689
  }
11564
11690
  }
11565
11691
  render() {
11566
- 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: {
11692
+ 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: {
11567
11693
  'calendar-input': !this.range,
11568
11694
  'calendar-input-range': this.range,
11569
11695
  'disabled': this.inputDisabled,
11570
- } }, 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" }))))));
11696
+ } }, 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" }))))));
11571
11697
  }
11572
11698
  get host() { return getElement(this); }
11573
11699
  static get watchers() { return {
@@ -11645,24 +11771,7 @@ class PostDatePicker {
11645
11771
  }
11646
11772
  PostDatePicker.FLYOUT_OFFSET = 4;
11647
11773
 
11648
- class PostEnvTest {
11649
- constructor(hostRef) {
11650
- registerInstance(this, hostRef);
11651
- }
11652
- render() {
11653
- return hAsync("div", { key: '533164ef2f912a47b6585c3be31c2061d8134f64', "data-browser": String(IS_BROWSER), "data-server": String(IS_SERVER) });
11654
- }
11655
- static get cmpMeta() { return {
11656
- "$flags$": 9,
11657
- "$tagName$": "post-env-test",
11658
- "$members$": undefined,
11659
- "$listeners$": undefined,
11660
- "$lazyBundleId$": "-",
11661
- "$attrsToReflect$": []
11662
- }; }
11663
- }
11664
-
11665
- 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}`;
11774
+ 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}`;
11666
11775
 
11667
11776
  const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
11668
11777
  /**
@@ -11688,7 +11797,7 @@ class PostFooter {
11688
11797
  this.handleGridSlotChange = this.handleGridSlotChange.bind(this);
11689
11798
  }
11690
11799
  connectedCallback() {
11691
- window.addEventListener('postBreakpoint:device', this.breakpointChange);
11800
+ globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
11692
11801
  }
11693
11802
  componentWillLoad() {
11694
11803
  this.validateTextFooter();
@@ -11699,7 +11808,7 @@ class PostFooter {
11699
11808
  });
11700
11809
  }
11701
11810
  disconnectedCallback() {
11702
- window.removeEventListener('postBreakpoint:device', this.breakpointChange);
11811
+ globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
11703
11812
  }
11704
11813
  handleGridSlotChange(...devices) {
11705
11814
  return (e) => {
@@ -11720,7 +11829,7 @@ class PostFooter {
11720
11829
  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 }))));
11721
11830
  }
11722
11831
  render() {
11723
- 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" }))))));
11832
+ 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" }))))));
11724
11833
  }
11725
11834
  get host() { return getElement(this); }
11726
11835
  static get watchers() { return {
@@ -11745,7 +11854,7 @@ class PostFooter {
11745
11854
 
11746
11855
  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}`;
11747
11856
 
11748
- var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
11857
+ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
11749
11858
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
11750
11859
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
11751
11860
  r = Reflect.decorate(decorators, target, key, desc);
@@ -11794,11 +11903,11 @@ class PostHeader {
11794
11903
  const scrollParent = this.scrollParent;
11795
11904
  const burgerMenuExtended = propName === 'burgerMenuExtended' ? newValue : this.burgerMenuExtended;
11796
11905
  if (this.device !== 'desktop' && burgerMenuExtended) {
11797
- scrollParent.setAttribute('data-post-scroll-locked', '');
11906
+ scrollParent.dataset.postScrollLocked = '';
11798
11907
  this.host.addEventListener('keydown', this.keyboardHandler);
11799
11908
  }
11800
11909
  else {
11801
- scrollParent.removeAttribute('data-post-scroll-locked');
11910
+ delete scrollParent.dataset.postScrollLocked;
11802
11911
  this.host.removeEventListener('keydown', this.keyboardHandler);
11803
11912
  }
11804
11913
  }
@@ -11843,15 +11952,15 @@ class PostHeader {
11843
11952
  this.megadropdownStateHandler = this.megadropdownStateHandler.bind(this);
11844
11953
  }
11845
11954
  connectedCallback() {
11846
- window.addEventListener('resize', this.throttledResize, { passive: true });
11847
- window.addEventListener('scroll', this.handleScrollEvent, {
11955
+ globalThis.addEventListener('resize', this.throttledResize, { passive: true });
11956
+ globalThis.addEventListener('scroll', this.handleScrollEvent, {
11848
11957
  passive: true,
11849
11958
  });
11850
11959
  this.scrollParent.addEventListener('scroll', this.handleScrollEvent, {
11851
11960
  passive: true,
11852
11961
  });
11853
11962
  document.addEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
11854
- window.addEventListener('postBreakpoint:device', this.breakpointChange);
11963
+ globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
11855
11964
  this.handleScrollParentResize();
11856
11965
  this.lockBody(false, this.burgerMenuExtended, 'burgerMenuExtended');
11857
11966
  }
@@ -11879,9 +11988,9 @@ class PostHeader {
11879
11988
  // Clean up possible side effects when post-header is disconnected
11880
11989
  disconnectedCallback() {
11881
11990
  const scrollParent = this.scrollParent;
11882
- window.removeEventListener('postBreakpoint:device', this.breakpointChange);
11883
- window.removeEventListener('resize', this.throttledResize);
11884
- window.removeEventListener('scroll', this.handleScrollEvent);
11991
+ globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
11992
+ globalThis.removeEventListener('resize', this.throttledResize);
11993
+ globalThis.removeEventListener('scroll', this.handleScrollEvent);
11885
11994
  if (scrollParent)
11886
11995
  scrollParent.removeEventListener('scroll', this.handleScrollEvent);
11887
11996
  document.removeEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
@@ -11953,7 +12062,7 @@ class PostHeader {
11953
12062
  const focusableElements = [this.burgerMenuButton];
11954
12063
  focusableElements.push(...getDeepFocusableChildren(this.localHeader, el => !el.matches('post-megadropdown')), ...getDeepFocusableChildren(this.burgerMenu, el => !el.matches('post-megadropdown')));
11955
12064
  this.firstFocusableEl = focusableElements[0];
11956
- this.lastFocusableEl = focusableElements[focusableElements.length - 1];
12065
+ this.lastFocusableEl = focusableElements.at(-1);
11957
12066
  }
11958
12067
  keyboardHandler(e) {
11959
12068
  if (e.key !== 'Tab' || !this.burgerMenuExtended)
@@ -12051,10 +12160,10 @@ class PostHeader {
12051
12160
  }, 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" }))));
12052
12161
  }
12053
12162
  render() {
12054
- 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" }), [
12055
- hAsync("slot", { key: 'dd9b0cc2582285c18afec62522fff7ab2fe6b34a', name: "global-nav-secondary" }),
12056
- hAsync("slot", { key: 'f4e4f916c66d7d1d6fc43f73e8af40a81d11c55d', name: "language-menu" }),
12057
- ], 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())));
12163
+ 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" }), [
12164
+ hAsync("slot", { key: '3115087be9aff380b2e450519c1a03145806c0a1', name: "global-nav-secondary" }),
12165
+ hAsync("slot", { key: '9082c946e6a9d4c226a13fe91a4287b082873c82', name: "language-menu" }),
12166
+ ], 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())));
12058
12167
  }
12059
12168
  get host() { return getElement(this); }
12060
12169
  static get watchers() { return {
@@ -12091,7 +12200,7 @@ class PostHeader {
12091
12200
  "$attrsToReflect$": [["fullWidth", "full-width"], ["textMenu", "text-menu"]]
12092
12201
  }; }
12093
12202
  }
12094
- __decorate$3([
12203
+ __decorate$4([
12095
12204
  EventFrom('post-megadropdown')
12096
12205
  ], PostHeader.prototype, "megadropdownStateHandler", null);
12097
12206
 
@@ -12141,7 +12250,11 @@ class PostIcon {
12141
12250
  **/
12142
12251
  getUrl() {
12143
12252
  const fileName = `${this.name}.svg`;
12144
- if (!IS_BROWSER && !this.base) {
12253
+ // Prioritize only data:image URLs
12254
+ if (this.url?.startsWith('data:image/')) {
12255
+ return this.url;
12256
+ }
12257
+ if (!this.base) {
12145
12258
  return `${CDN_URL}${fileName}`;
12146
12259
  }
12147
12260
  if (this.url) {
@@ -12149,16 +12262,9 @@ class PostIcon {
12149
12262
  }
12150
12263
  const isAbsolute = (url) => /^https?:\/\//.test(url);
12151
12264
  const normalizeUrl = (url) => (url && !url.endsWith('/') ? `${url}/` : url);
12152
- const cleanUrl = (url) => url.replace(/([^:])\/\//g, '$1/');
12153
- const currentDomain = IS_BROWSER ? window.location.origin : '';
12154
- const baseHref = IS_BROWSER
12155
- ? document.querySelector('base[href]')?.getAttribute('href') || ''
12156
- : '';
12157
- let metaIconBase = '';
12158
- if (IS_BROWSER) {
12159
- const metaTag = document.querySelector('meta[name="design-system-settings"]');
12160
- metaIconBase = metaTag?.getAttribute('data-post-icon-base') || '';
12161
- }
12265
+ const cleanUrl = (url) => url.replaceAll(/([^:])\/\//g, '$1/');
12266
+ const currentDomain = '';
12267
+ const baseHref = '';
12162
12268
  // Function to build the first part of the URL when 'this.base' or 'metaIconBase' are relative
12163
12269
  const buildUrlWithBase = (relativeUrl) => {
12164
12270
  const normalizedHref = normalizeUrl(baseHref);
@@ -12176,26 +12282,18 @@ class PostIcon {
12176
12282
  : `${buildUrlWithBase(this.base)}${fileName}`;
12177
12283
  return cleanUrl(url);
12178
12284
  }
12179
- // Second Priority is metaIconBase
12180
- if (metaIconBase) {
12181
- url = isAbsolute(metaIconBase)
12182
- ? `${normalizeUrl(metaIconBase)}${fileName}`
12183
- : `${buildUrlWithBase(metaIconBase)}${fileName}`;
12184
- return cleanUrl(url);
12185
- }
12186
12285
  // Fallback to CDN
12187
12286
  return cleanUrl(`${CDN_URL}${fileName}`);
12188
12287
  }
12189
12288
  getStyles() {
12190
12289
  const url = this.getUrl();
12191
- return Object.entries({
12290
+ return Object.fromEntries(Object.entries({
12192
12291
  '-webkit-mask-image': `url(${url})`,
12193
12292
  'mask-image': `url('${url}')`,
12194
- 'transform': (this.scale && !isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
12195
- (this.rotate && !isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
12293
+ 'transform': (this.scale && !Number.isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
12294
+ (this.rotate && !Number.isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
12196
12295
  })
12197
- .filter(([_key, value]) => value !== null)
12198
- .reduce((styles, [key, value]) => Object.assign(styles, { [key]: value }), {});
12296
+ .filter(([_key, value]) => value !== null));
12199
12297
  }
12200
12298
  componentDidLoad() {
12201
12299
  this.validateBase();
@@ -12205,7 +12303,7 @@ class PostIcon {
12205
12303
  this.validateAnimation();
12206
12304
  }
12207
12305
  render() {
12208
- return (hAsync(Host, { key: '0d39fadb6d179d82a7a951de4173578f9f351673', "data-version": version$1 }, hAsync("span", { key: 'd93a0a1307668e7a563a81037a399ba906d8fbe6', style: this.getStyles() })));
12306
+ return (hAsync(Host, { key: 'feefd0a41cd916581e6e9dc256fb96ad2381cbc4', "data-version": version$1 }, hAsync("span", { key: 'd5750e38ea77f811b9174d3139bc3912fcc9890b', style: this.getStyles() })));
12209
12307
  }
12210
12308
  get host() { return getElement(this); }
12211
12309
  static get watchers() { return {
@@ -12247,9 +12345,9 @@ class PostIcon {
12247
12345
 
12248
12346
  const SWITCH_VARIANTS = ['list', 'menu'];
12249
12347
 
12250
- 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}`;
12348
+ 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}`;
12251
12349
 
12252
- var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
12350
+ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
12253
12351
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
12254
12352
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
12255
12353
  r = Reflect.decorate(decorators, target, key, desc);
@@ -12287,7 +12385,7 @@ class PostLanguageMenu {
12287
12385
  const activeLanguage = this.activeLang &&
12288
12386
  document.querySelector(`post-language-menu-item[code="${this.activeLang}"]`);
12289
12387
  return activeLanguage
12290
- ? this.textCurrentLanguage.replace(/#name/g, activeLanguage.name)
12388
+ ? this.textCurrentLanguage.replaceAll('#name', activeLanguage.name)
12291
12389
  : undefined;
12292
12390
  }
12293
12391
  componentDidLoad() {
@@ -12367,11 +12465,11 @@ class PostLanguageMenu {
12367
12465
  "$attrsToReflect$": [["textChangeLanguage", "text-change-language"], ["textCurrentLanguage", "text-current-language"], ["variant", "variant"]]
12368
12466
  }; }
12369
12467
  }
12370
- __decorate$2([
12468
+ __decorate$3([
12371
12469
  EventFrom('post-language-menu-item')
12372
12470
  ], PostLanguageMenu.prototype, "handlePostChange", null);
12373
12471
 
12374
- 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}`;
12472
+ 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}`;
12375
12473
 
12376
12474
  /**
12377
12475
  * @slot default - Slot for placing the content inside the anchor or button.
@@ -12391,12 +12489,16 @@ class PostLanguageMenuItem {
12391
12489
  validateName() {
12392
12490
  checkEmptyOrType(this, 'name', 'string');
12393
12491
  }
12492
+ validateDescription() {
12493
+ checkEmptyOrType(this, 'description', 'string');
12494
+ }
12394
12495
  validateUrl() {
12395
12496
  checkEmptyOrUrl(this, 'url');
12396
12497
  }
12397
12498
  componentDidLoad() {
12398
12499
  this.validateCode();
12399
12500
  this.validateName();
12501
+ this.validateDescription();
12400
12502
  this.validateUrl();
12401
12503
  if (!this.name && this.isNameRequired()) {
12402
12504
  throw new Error('The "name" property of the post-language-menu-item component is required when the full language name is not displayed.');
@@ -12425,7 +12527,8 @@ class PostLanguageMenuItem {
12425
12527
  this.emitChange();
12426
12528
  }
12427
12529
  };
12428
- 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)))));
12530
+ 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)));
12531
+ 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)));
12429
12532
  }
12430
12533
  get host() { return getElement(this); }
12431
12534
  static get watchers() { return {
@@ -12438,6 +12541,9 @@ class PostLanguageMenuItem {
12438
12541
  "name": [{
12439
12542
  "validateName": 0
12440
12543
  }],
12544
+ "description": [{
12545
+ "validateDescription": 0
12546
+ }],
12441
12547
  "url": [{
12442
12548
  "validateUrl": 0
12443
12549
  }]
@@ -12451,6 +12557,7 @@ class PostLanguageMenuItem {
12451
12557
  "active": [1540],
12452
12558
  "variant": [1],
12453
12559
  "name": [1],
12560
+ "description": [1],
12454
12561
  "url": [1],
12455
12562
  "select": [64]
12456
12563
  },
@@ -12520,7 +12627,7 @@ class PostLinkarea {
12520
12627
  }
12521
12628
  }
12522
12629
  render() {
12523
- return (hAsync(Host, { key: 'b79b314635a4cb302d862006d07ab5f059298382', "data-version": version$1, onClick: (e) => this.dispatchClick(e) }, hAsync("slot", { key: '4e9a1ee60d499f6dd80819e68f6536b3964d3389' })));
12630
+ return (hAsync(Host, { key: 'cbf9710bb97cbf8ead6a8e8117f42113133507a8', "data-version": version$1, onClick: (e) => this.dispatchClick(e) }, hAsync("slot", { key: 'b1d31bd8a3fcf41005814c725f8b2670480da119' })));
12524
12631
  }
12525
12632
  get host() { return getElement(this); }
12526
12633
  static get style() { return postLinkareaCss(); }
@@ -12534,88 +12641,345 @@ class PostLinkarea {
12534
12641
  }; }
12535
12642
  }
12536
12643
 
12537
- 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)}`;
12644
+ 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}`;
12538
12645
 
12539
- /**
12540
- * @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.
12541
- */
12542
- class PostLogo {
12646
+ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
12647
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
12648
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
12649
+ r = Reflect.decorate(decorators, target, key, desc);
12650
+ else
12651
+ for (var i = decorators.length - 1; i >= 0; i--)
12652
+ if (d = decorators[i])
12653
+ r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
12654
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
12655
+ };
12656
+ class PostListbox {
12543
12657
  constructor(hostRef) {
12544
12658
  registerInstance(this, hostRef);
12659
+ this.postOptionActive = createEvent(this, "postOptionActive");
12660
+ this.highlightedIndex = -1;
12661
+ this.visibleOptions = [];
12662
+ this.diacriticPattern = /[\u0300-\u036F]/u;
12663
+ this.registerOptions = () => {
12664
+ this.visibleOptions = this.options;
12665
+ };
12666
+ this.updateSelection = (value) => {
12667
+ this.options.forEach(option => {
12668
+ option.selected = option.value === value;
12669
+ option.highlighted = false;
12670
+ });
12671
+ this.highlightedIndex = -1;
12672
+ this.filter('');
12673
+ };
12674
+ this.clearActive = () => {
12675
+ this.highlightedIndex = -1;
12676
+ this.postOptionActive.emit(null);
12677
+ };
12678
+ this.normalizeText = (text) => {
12679
+ return text.trim().normalize('NFD').replace(this.diacriticPattern, '').toLocaleLowerCase();
12680
+ };
12681
+ this.resetFilter = () => {
12682
+ this.visibleOptions = this.options;
12683
+ this.options.forEach(option => {
12684
+ option.hidden = false;
12685
+ option.highlighted = false;
12686
+ });
12687
+ };
12545
12688
  }
12546
- validateUrl() {
12547
- checkEmptyOrUrl(this, 'url');
12689
+ get options() {
12690
+ return Array.from(this.host.querySelectorAll('post-listbox-option'));
12548
12691
  }
12549
- componentDidLoad() {
12550
- this.validateUrl();
12551
- this.checkDescription();
12692
+ get inputElement() {
12693
+ let autocomplete = this.host.closest('post-autocomplete');
12694
+ if (!autocomplete) {
12695
+ autocomplete = document.querySelector(`post-autocomplete[listbox="${this.host.id}"]`);
12696
+ }
12697
+ return autocomplete?.querySelector('input');
12552
12698
  }
12553
- checkDescription() {
12554
- if (!this.host.textContent) {
12555
- console.warn('Be sure to add descriptive text in the post-logo to ensure good accessibility of the component.');
12699
+ componentWillLoad() {
12700
+ this.registerOptions();
12701
+ }
12702
+ /** Opens the listbox */
12703
+ async show() {
12704
+ const input = this.inputElement;
12705
+ if (input) {
12706
+ this.popoverContainer?.show(input);
12707
+ this.host.role = 'listbox';
12708
+ }
12709
+ }
12710
+ /** Closes the listbox */
12711
+ async hide() {
12712
+ this.host.removeAttribute('role');
12713
+ this.popoverContainer?.hide();
12714
+ }
12715
+ /** Uses the internal default filtering mode to filter the list of options.
12716
+ * An empty string resets the filter to it's original state. */
12717
+ async filter(query) {
12718
+ const normalizedQuery = this.normalizeText(query);
12719
+ if (normalizedQuery) {
12720
+ this.visibleOptions = this.options.filter(option => {
12721
+ const normalizedText = this.normalizeText(option.textContent);
12722
+ const normalizedValue = this.normalizeText(option.value);
12723
+ const isVisible = normalizedValue.includes(normalizedQuery) || normalizedText.includes(normalizedQuery);
12724
+ option.hidden = !isVisible;
12725
+ return isVisible;
12726
+ });
12727
+ }
12728
+ else {
12729
+ this.resetFilter();
12730
+ }
12731
+ this.clearActive();
12732
+ }
12733
+ /** Clears the currently selected option */
12734
+ async clearSelection() {
12735
+ this.updateSelection();
12736
+ }
12737
+ /** Navigates the listbox options in the specified direction and scrolls the active option into view.*/
12738
+ async navigate(direction) {
12739
+ if (this.visibleOptions.length === 0)
12740
+ return;
12741
+ if (this.highlightedIndex >= 0) {
12742
+ this.visibleOptions[this.highlightedIndex].highlighted = false;
12743
+ }
12744
+ switch (direction) {
12745
+ case 'first':
12746
+ this.highlightedIndex = 0;
12747
+ break;
12748
+ case 'last':
12749
+ this.highlightedIndex = this.visibleOptions.length - 1;
12750
+ break;
12751
+ case 'up':
12752
+ this.highlightedIndex =
12753
+ (this.highlightedIndex - 1 + this.visibleOptions.length) % this.visibleOptions.length;
12754
+ break;
12755
+ case 'down':
12756
+ this.highlightedIndex = (this.highlightedIndex + 1) % this.visibleOptions.length;
12757
+ break;
12556
12758
  }
12759
+ const activeOption = this.visibleOptions[this.highlightedIndex];
12760
+ activeOption.scrollIntoView({ behavior: 'smooth', block: 'end' });
12761
+ activeOption.highlighted = true;
12762
+ this.postOptionActive.emit(activeOption.id);
12763
+ }
12764
+ /**
12765
+ * Selects the currently highlighted option in the listbox and scrolls it into view.
12766
+ */
12767
+ async selectActive() {
12768
+ if (this.highlightedIndex >= 0) {
12769
+ const activeOption = this.visibleOptions[this.highlightedIndex];
12770
+ this.updateSelection(activeOption.value);
12771
+ this.host.dispatchEvent(new CustomEvent('postOptionSelected', { bubbles: true, detail: activeOption.value }));
12772
+ }
12773
+ }
12774
+ optionClicked(event) {
12775
+ this.updateSelection(event.detail);
12557
12776
  }
12558
12777
  render() {
12559
- const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
12560
- const LogoTag = logoLink ? 'a' : 'span';
12561
- 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" }))))));
12778
+ 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))));
12562
12779
  }
12563
12780
  get host() { return getElement(this); }
12564
- static get watchers() { return {
12565
- "url": [{
12566
- "validateUrl": 0
12567
- }]
12568
- }; }
12569
- static get style() { return postLogoCss(); }
12781
+ static get style() { return postListboxCss(); }
12570
12782
  static get cmpMeta() { return {
12571
12783
  "$flags$": 265,
12572
- "$tagName$": "post-logo",
12784
+ "$tagName$": "post-listbox",
12573
12785
  "$members$": {
12574
- "url": [1]
12786
+ "show": [64],
12787
+ "hide": [64],
12788
+ "filter": [64],
12789
+ "clearSelection": [64],
12790
+ "navigate": [64],
12791
+ "selectActive": [64]
12575
12792
  },
12576
- "$listeners$": undefined,
12793
+ "$listeners$": [[0, "postOptionSelected", "optionClicked"]],
12577
12794
  "$lazyBundleId$": "-",
12578
12795
  "$attrsToReflect$": []
12579
12796
  }; }
12580
12797
  }
12798
+ __decorate$2([
12799
+ EventFrom('post-listbox-option')
12800
+ ], PostListbox.prototype, "optionClicked", null);
12581
12801
 
12582
- 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}`;
12802
+ 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}`;
12583
12803
 
12584
- const SCROLL_REPEAT_INTERVAL = 100; // Interval for repeated scrolling when holding down scroll button
12585
- const NAVBAR_DISABLE_DURATION = 400; // Duration to temporarily disable navbar interactions during scrolling
12586
- class PostMainnavigation {
12587
- validateTextMain() {
12588
- checkRequiredAndType(this, 'textMain', 'string');
12804
+ class PostListboxOption {
12805
+ constructor(hostRef) {
12806
+ registerInstance(this, hostRef);
12807
+ this.postOptionSelected = createEvent(this, "postOptionSelected");
12808
+ this.optionId = crypto.randomUUID();
12809
+ /** Represents option is selected . */
12810
+ this.selected = false;
12811
+ /** Represents option is highlighted . */
12812
+ this.highlighted = false;
12813
+ }
12814
+ render() {
12815
+ return (hAsync(Host, { key: '083077341f74f3d6f7baad7599aef968a9f07582', "data-version": version$1, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
12816
+ /* Prevent focus change from triggering onblur event in post-autocomplete */
12817
+ 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" })));
12589
12818
  }
12819
+ static get style() { return postListboxOptionCss(); }
12820
+ static get cmpMeta() { return {
12821
+ "$flags$": 265,
12822
+ "$tagName$": "post-listbox-option",
12823
+ "$members$": {
12824
+ "value": [513],
12825
+ "selected": [516],
12826
+ "highlighted": [516]
12827
+ },
12828
+ "$listeners$": undefined,
12829
+ "$lazyBundleId$": "-",
12830
+ "$attrsToReflect$": [["value", "value"], ["selected", "selected"], ["highlighted", "highlighted"]]
12831
+ }; }
12832
+ }
12833
+
12834
+ const SESSION_URL = 'https://n.account.post.ch/v1/session/subscribe';
12835
+ /**
12836
+ * @slot authenticated - Content rendered when the user is authenticated (e.g. user menu).
12837
+ * @slot unauthenticated - Content rendered when the user is not authenticated (e.g. login link).
12838
+ */
12839
+ class PostLoginWidget {
12590
12840
  constructor(hostRef) {
12591
12841
  registerInstance(this, hostRef);
12592
- this.canScrollLeft = false;
12593
- this.canScrollRight = false;
12594
- this.scrollRight = this.scrollRight.bind(this);
12595
- this.scrollLeft = this.scrollLeft.bind(this);
12596
- this.checkScrollability = this.checkScrollability.bind(this);
12597
- this.resizeObserver = new ResizeObserver(this.checkScrollability);
12598
- this.mutationObserver = new MutationObserver(this.checkScrollability);
12842
+ this.postChange = createEvent(this, "postChange");
12843
+ this.authenticated = null;
12599
12844
  }
12600
- componentDidLoad() {
12601
- this.validateTextMain();
12602
- setTimeout(() => {
12603
- this.checkScrollability();
12604
- });
12605
- // Observe the navbar for size changes
12606
- this.resizeObserver.observe(this.navbar);
12607
- // Observe the navabar for mutation changes
12608
- this.mutationObserver.observe(this.navbar, { subtree: true, childList: true }); // Recheck scrollability when navigation list changes
12609
- // Ensure the scroll buttons are correctly displayed or hidden whenever the navbar is scrolled
12610
- this.navbar?.addEventListener('scrollend', this.checkScrollability);
12845
+ async componentWillLoad() {
12611
12846
  }
12612
12847
  /**
12613
- * Disconnects observers and remove event listeners when the main navigation is removed from the DOM.
12848
+ * Returns the current authentication state:
12849
+ * `null` when the component is still loading, `true` when authenticated, `false` when not.
12614
12850
  */
12615
- disconnectedCallback() {
12616
- this.mutationObserver.disconnect();
12617
- this.resizeObserver.disconnect();
12618
- this.navbar?.removeEventListener('scrollend', this.checkScrollability);
12851
+ async isAuthenticated() {
12852
+ return this.authenticated;
12853
+ }
12854
+ /**
12855
+ * Re-fetches the authentication state from the session API and updates
12856
+ * the component rendering accordingly.
12857
+ */
12858
+ async refresh() {
12859
+ await this.fetchAuthState();
12860
+ }
12861
+ async fetchAuthState() {
12862
+ try {
12863
+ const response = await fetch(SESSION_URL, {
12864
+ credentials: 'include',
12865
+ });
12866
+ if (!response.ok) {
12867
+ this.setAuthState(false);
12868
+ return;
12869
+ }
12870
+ const json = await response.json();
12871
+ const isAuthenticated = json?.data?.email !== undefined;
12872
+ this.setAuthState(isAuthenticated);
12873
+ }
12874
+ catch {
12875
+ this.setAuthState(false);
12876
+ }
12877
+ }
12878
+ setAuthState(next) {
12879
+ if (this.authenticated === next)
12880
+ return;
12881
+ this.authenticated = next;
12882
+ this.postChange.emit({ authenticated: next });
12883
+ }
12884
+ render() {
12885
+ return (hAsync(Host, { key: '18fab2f7f7e699565e179362a43f7ada87f443fa', "data-version": version$1 }, this.authenticated === true ? hAsync("slot", { name: "authenticated" }) : hAsync("slot", { name: "unauthenticated" })));
12886
+ }
12887
+ static get cmpMeta() { return {
12888
+ "$flags$": 265,
12889
+ "$tagName$": "post-login-widget",
12890
+ "$members$": {
12891
+ "authenticated": [32],
12892
+ "isAuthenticated": [64],
12893
+ "refresh": [64]
12894
+ },
12895
+ "$listeners$": undefined,
12896
+ "$lazyBundleId$": "-",
12897
+ "$attrsToReflect$": []
12898
+ }; }
12899
+ }
12900
+
12901
+ 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)}`;
12902
+
12903
+ /**
12904
+ * @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.
12905
+ */
12906
+ class PostLogo {
12907
+ constructor(hostRef) {
12908
+ registerInstance(this, hostRef);
12909
+ }
12910
+ validateUrl() {
12911
+ checkEmptyOrUrl(this, 'url');
12912
+ }
12913
+ componentDidLoad() {
12914
+ this.validateUrl();
12915
+ this.checkDescription();
12916
+ }
12917
+ checkDescription() {
12918
+ if (!this.host.textContent) {
12919
+ console.warn('Be sure to add descriptive text in the post-logo to ensure good accessibility of the component.');
12920
+ }
12921
+ }
12922
+ render() {
12923
+ const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
12924
+ const LogoTag = logoLink ? 'a' : 'span';
12925
+ 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" }))))));
12926
+ }
12927
+ get host() { return getElement(this); }
12928
+ static get watchers() { return {
12929
+ "url": [{
12930
+ "validateUrl": 0
12931
+ }]
12932
+ }; }
12933
+ static get style() { return postLogoCss(); }
12934
+ static get cmpMeta() { return {
12935
+ "$flags$": 265,
12936
+ "$tagName$": "post-logo",
12937
+ "$members$": {
12938
+ "url": [1]
12939
+ },
12940
+ "$listeners$": undefined,
12941
+ "$lazyBundleId$": "-",
12942
+ "$attrsToReflect$": []
12943
+ }; }
12944
+ }
12945
+
12946
+ 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}`;
12947
+
12948
+ const SCROLL_REPEAT_INTERVAL = 100; // Interval for repeated scrolling when holding down scroll button
12949
+ const NAVBAR_DISABLE_DURATION = 400; // Duration to temporarily disable navbar interactions during scrolling
12950
+ class PostMainnavigation {
12951
+ validateTextMain() {
12952
+ checkRequiredAndType(this, 'textMain', 'string');
12953
+ }
12954
+ constructor(hostRef) {
12955
+ registerInstance(this, hostRef);
12956
+ this.canScrollLeft = false;
12957
+ this.canScrollRight = false;
12958
+ this.scrollRight = this.scrollRight.bind(this);
12959
+ this.scrollLeft = this.scrollLeft.bind(this);
12960
+ this.checkScrollability = this.checkScrollability.bind(this);
12961
+ this.resizeObserver = new ResizeObserver(this.checkScrollability);
12962
+ this.mutationObserver = new MutationObserver(this.checkScrollability);
12963
+ }
12964
+ componentDidLoad() {
12965
+ this.validateTextMain();
12966
+ setTimeout(() => {
12967
+ this.checkScrollability();
12968
+ });
12969
+ // Observe the navbar for size changes
12970
+ this.resizeObserver.observe(this.navbar);
12971
+ // Observe the navabar for mutation changes
12972
+ this.mutationObserver.observe(this.navbar, { subtree: true, childList: true }); // Recheck scrollability when navigation list changes
12973
+ // Ensure the scroll buttons are correctly displayed or hidden whenever the navbar is scrolled
12974
+ this.navbar?.addEventListener('scrollend', this.checkScrollability);
12975
+ }
12976
+ /**
12977
+ * Disconnects observers and remove event listeners when the main navigation is removed from the DOM.
12978
+ */
12979
+ disconnectedCallback() {
12980
+ this.mutationObserver.disconnect();
12981
+ this.resizeObserver.disconnect();
12982
+ this.navbar?.removeEventListener('scrollend', this.checkScrollability);
12619
12983
  }
12620
12984
  /**
12621
12985
  * Stops the repeated scrolling when the mouse button is released.
@@ -12704,7 +13068,7 @@ class PostMainnavigation {
12704
13068
  }, NAVBAR_DISABLE_DURATION);
12705
13069
  }
12706
13070
  render() {
12707
- 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" }))));
13071
+ 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" }))));
12708
13072
  }
12709
13073
  get host() { return getElement(this); }
12710
13074
  static get watchers() { return {
@@ -12727,7 +13091,7 @@ class PostMainnavigation {
12727
13091
  }; }
12728
13092
  }
12729
13093
 
12730
- 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}}`;
13094
+ 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}}`;
12731
13095
 
12732
13096
  class PostMegadropdown {
12733
13097
  validateTextClose() {
@@ -12787,7 +13151,7 @@ class PostMegadropdown {
12787
13151
  this.handleClickOutside = this.handleClickOutside.bind(this);
12788
13152
  }
12789
13153
  connectedCallback() {
12790
- window.addEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
13154
+ globalThis.addEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
12791
13155
  }
12792
13156
  componentDidRender() {
12793
13157
  this.getFocusableElements();
@@ -12800,7 +13164,7 @@ class PostMegadropdown {
12800
13164
  this.handleAriaCurrentChange([]);
12801
13165
  }
12802
13166
  disconnectedCallback() {
12803
- window.removeEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
13167
+ globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
12804
13168
  if (PostMegadropdown.activeDropdown === this)
12805
13169
  PostMegadropdown.activeDropdown = null;
12806
13170
  this.removeListeners();
@@ -12948,7 +13312,7 @@ class PostMegadropdown {
12948
13312
  ...getFocusableChildren(this.host.shadowRoot),
12949
13313
  ];
12950
13314
  this.firstFocusableEl = focusableElements[0];
12951
- this.lastFocusableEl = focusableElements[focusableElements.length - 1];
13315
+ this.lastFocusableEl = focusableElements.at(-1);
12952
13316
  }
12953
13317
  // Loop through the focusable children
12954
13318
  keyboardHandler(e) {
@@ -13003,7 +13367,7 @@ class PostMegadropdown {
13003
13367
  * and sets the trigger as active accordingly.
13004
13368
  */
13005
13369
  handleAriaCurrentChange(mutations) {
13006
- if (!mutations.length)
13370
+ if (mutations.length === 0)
13007
13371
  return;
13008
13372
  const hasCurrentPage = mutations.some(m => m.target instanceof HTMLElement && m.target.getAttribute('aria-current') === 'page');
13009
13373
  this.setTriggerActive(hasCurrentPage);
@@ -13019,7 +13383,7 @@ class PostMegadropdown {
13019
13383
  }
13020
13384
  render() {
13021
13385
  const containerStyle = this.isVisible ? {} : { display: 'none' };
13022
- 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))))));
13386
+ 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))))));
13023
13387
  }
13024
13388
  get host() { return getElement(this); }
13025
13389
  static get watchers() { return {
@@ -13055,7 +13419,7 @@ class PostMegadropdown {
13055
13419
  /** Tracks the currently active dropdown instance. */
13056
13420
  PostMegadropdown.activeDropdown = null;
13057
13421
 
13058
- 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}}`;
13422
+ 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}}`;
13059
13423
 
13060
13424
  var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
13061
13425
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -13130,7 +13494,7 @@ class PostMegadropdownTrigger {
13130
13494
  this.megadropdown.toggle();
13131
13495
  }
13132
13496
  render() {
13133
- 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" }))));
13497
+ 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" }))));
13134
13498
  }
13135
13499
  get host() { return getElement(this); }
13136
13500
  static get watchers() { return {
@@ -13302,7 +13666,7 @@ class PostMenu {
13302
13666
  }
13303
13667
  controlKeyDownHandler(e) {
13304
13668
  const menuItems = this.getSlottedItems();
13305
- if (!menuItems.length) {
13669
+ if (menuItems.length === 0) {
13306
13670
  return;
13307
13671
  }
13308
13672
  let currentIndex = menuItems.findIndex(el => {
@@ -13347,7 +13711,7 @@ class PostMenu {
13347
13711
  .flatMap(el => Array.from(getFocusableChildren(el))));
13348
13712
  }
13349
13713
  render() {
13350
- 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' })))));
13714
+ 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' })))));
13351
13715
  }
13352
13716
  get host() { return getElement(this); }
13353
13717
  static get watchers() { return {
@@ -13389,7 +13753,7 @@ class PostMenuItem {
13389
13753
  registerInstance(this, hostRef);
13390
13754
  }
13391
13755
  connectedCallback() {
13392
- this.host.setAttribute('data-version', version$1);
13756
+ this.host.dataset.version = version$1;
13393
13757
  }
13394
13758
  get host() { return getElement(this); }
13395
13759
  static get style() { return postMenuItemCss(); }
@@ -13464,7 +13828,7 @@ class PostMenuTrigger {
13464
13828
  return null;
13465
13829
  }
13466
13830
  render() {
13467
- return (hAsync(Host, { key: '8f2a4511ad519f20b1847fa4ce0ecdd1d859b9ea', "data-version": version$1 }, hAsync("slot", { key: '9c23569b7c5cba5934a869bd4a252957de3e53d5' })));
13831
+ return (hAsync(Host, { key: 'fd213ee318ddc2b8437845af14b9d9cff16d2eaf', "data-version": version$1 }, hAsync("slot", { key: 'bd6d334a734bdc0d964d088131479cf8e6eb2e3b' })));
13468
13832
  }
13469
13833
  get host() { return getElement(this); }
13470
13834
  static get watchers() { return {
@@ -13485,11 +13849,11 @@ class PostMenuTrigger {
13485
13849
  }; }
13486
13850
  }
13487
13851
 
13488
- 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}`;
13852
+ 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}`;
13489
13853
 
13490
13854
  function parseNumber(input, key) {
13491
- const value = parseFloat(input[key]);
13492
- return isNaN(value) ? undefined : value;
13855
+ const value = Number.parseFloat(input[key]);
13856
+ return Number.isNaN(value) ? undefined : value;
13493
13857
  }
13494
13858
  function compare(value, bound, comparator) {
13495
13859
  return value !== undefined && bound !== undefined && comparator(value, bound);
@@ -13497,12 +13861,16 @@ function compare(value, bound, comparator) {
13497
13861
  class PostNumberInput {
13498
13862
  constructor(hostRef) {
13499
13863
  registerInstance(this, hostRef);
13864
+ this.isDisabled = false;
13500
13865
  this.isIncrementDisabled = false;
13501
13866
  this.isDecrementDisabled = false;
13867
+ this.small = false;
13502
13868
  this.setupInput = debounce$1(50, () => {
13503
13869
  this.input = this.input ?? getSlottedElement(this.host, 'input[type="number"]');
13504
13870
  if (!this.input)
13505
13871
  return;
13872
+ this.isDisabled = this.input.disabled;
13873
+ this.small = this.input.classList.contains('form-control-sm');
13506
13874
  // step buttons may be disabled when the input loads
13507
13875
  this.updateStepButtonState();
13508
13876
  // step buttons may become disabled after the value is changed via keyboard / typing
@@ -13570,7 +13938,10 @@ class PostNumberInput {
13570
13938
  }
13571
13939
  render() {
13572
13940
  const areButtonsShown = !!this.input;
13573
- 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" })))));
13941
+ return (hAsync(Host, { key: '1a1defb8024bc4dcfcf6f979f93420a325bb1012', "data-version": version$1, class: {
13942
+ 'number-input-sm': this.small,
13943
+ 'disabled': this.isDisabled,
13944
+ } }, 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" })))));
13574
13945
  }
13575
13946
  get host() { return getElement(this); }
13576
13947
  static get style() { return postNumberInputCss(); }
@@ -13578,8 +13949,10 @@ class PostNumberInput {
13578
13949
  "$flags$": 265,
13579
13950
  "$tagName$": "post-number-input",
13580
13951
  "$members$": {
13952
+ "isDisabled": [32],
13581
13953
  "isIncrementDisabled": [32],
13582
13954
  "isDecrementDisabled": [32],
13955
+ "small": [32],
13583
13956
  "input": [32]
13584
13957
  },
13585
13958
  "$listeners$": undefined,
@@ -13691,7 +14064,7 @@ class PostPagination {
13691
14064
  scheduleMeasurement() {
13692
14065
  if (!this.loaded)
13693
14066
  return;
13694
- this.measurementTimeoutId = window.setTimeout(() => {
14067
+ this.measurementTimeoutId = globalThis.setTimeout(() => {
13695
14068
  const canMeasure = this.navRef?.clientWidth > 0 && this.hiddenItemsRef;
13696
14069
  if (canMeasure) {
13697
14070
  this.measureAndCalculateVisiblePages();
@@ -13763,9 +14136,9 @@ class PostPagination {
13763
14136
  getPaginationPadding() {
13764
14137
  if (!this.navRef)
13765
14138
  return 0;
13766
- const computedStyle = window.getComputedStyle(this.navRef);
13767
- const paddingLeft = parseFloat(computedStyle.paddingLeft) || 0;
13768
- const paddingRight = parseFloat(computedStyle.paddingRight) || 0;
14139
+ const computedStyle = globalThis.getComputedStyle(this.navRef);
14140
+ const paddingLeft = Number.parseFloat(computedStyle.paddingLeft) || 0;
14141
+ const paddingRight = Number.parseFloat(computedStyle.paddingRight) || 0;
13769
14142
  return paddingLeft + paddingRight;
13770
14143
  }
13771
14144
  /**
@@ -13786,8 +14159,8 @@ class PostPagination {
13786
14159
  * Clamps the page number to valid range
13787
14160
  */
13788
14161
  clampPageToValidRange(totalPages) {
13789
- const invalidTotalPages = totalPages === 0 || this.invalidSize || isNaN(totalPages);
13790
- const invalidPage = !this.page || this.page < 1 || isNaN(this.page);
14162
+ const invalidTotalPages = totalPages === 0 || this.invalidSize || Number.isNaN(totalPages);
14163
+ const invalidPage = !this.page || this.page < 1 || Number.isNaN(this.page);
13791
14164
  const pageExceedsTotal = this.page > totalPages;
13792
14165
  if (invalidTotalPages || invalidPage) {
13793
14166
  return 1;
@@ -14268,7 +14641,7 @@ class PostPopover {
14268
14641
  }
14269
14642
  }
14270
14643
  render() {
14271
- 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)))));
14644
+ 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)))));
14272
14645
  }
14273
14646
  get host() { return getElement(this); }
14274
14647
  static get watchers() { return {
@@ -19306,7 +19679,7 @@ function requireFocusable () {
19306
19679
  }
19307
19680
 
19308
19681
  var focusableExports = requireFocusable();
19309
- var isFocusable$1 = /*@__PURE__*/getDefaultExportFromCjs(focusableExports);
19682
+ var isFocusable = /*@__PURE__*/getDefaultExportFromCjs(focusableExports);
19310
19683
 
19311
19684
  const postPopoverTriggerCss = () => `:host{cursor:pointer}`;
19312
19685
 
@@ -19345,7 +19718,7 @@ class PostPopoverTrigger {
19345
19718
  return;
19346
19719
  }
19347
19720
  // check if its not focusable and add aria role and tabindex
19348
- if (!isFocusable$1(this.trigger)) {
19721
+ if (!isFocusable(this.trigger)) {
19349
19722
  this.trigger.setAttribute('tabindex', '0');
19350
19723
  this.trigger.setAttribute('role', 'button');
19351
19724
  }
@@ -19414,7 +19787,7 @@ class PostPopoverTrigger {
19414
19787
  this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
19415
19788
  }
19416
19789
  render() {
19417
- return (hAsync(Host, { key: '5420b1a86908cc2f103bc7aca148701e8804f21b', "data-version": version$1 }, hAsync("slot", { key: '0e70264cb19becf5386cff430c530de2a8d043dd', onSlotchange: () => this.setupTrigger() })));
19790
+ return (hAsync(Host, { key: '1ee10390dbe3667e8f61a36c0c64712b3c9b6fe9', "data-version": version$1 }, hAsync("slot", { key: 'c26260df89de55ccb71a29ddb53e559b6fae8bda', onSlotchange: () => this.setupTrigger() })));
19418
19791
  }
19419
19792
  get host() { return getElement(this); }
19420
19793
  static get watchers() { return {
@@ -21363,798 +21736,6 @@ const computePosition = (reference, floating, options) => {
21363
21736
  });
21364
21737
  };
21365
21738
 
21366
- // src/events.ts
21367
- var ToggleEvent = class extends Event {
21368
- oldState;
21369
- newState;
21370
- constructor(type, { oldState = "", newState = "", ...init } = {}) {
21371
- super(type, init);
21372
- this.oldState = String(oldState || "");
21373
- this.newState = String(newState || "");
21374
- }
21375
- };
21376
- var popoverToggleTaskQueue = /* @__PURE__ */ new WeakMap();
21377
- function queuePopoverToggleEventTask(element, oldState, newState) {
21378
- popoverToggleTaskQueue.set(
21379
- element,
21380
- setTimeout(() => {
21381
- if (!popoverToggleTaskQueue.has(element)) return;
21382
- element.dispatchEvent(
21383
- new ToggleEvent("toggle", {
21384
- cancelable: false,
21385
- oldState,
21386
- newState
21387
- })
21388
- );
21389
- }, 0)
21390
- );
21391
- }
21392
-
21393
- // src/popover-helpers.ts
21394
- var ShadowRoot$1 = globalThis.ShadowRoot || function() {
21395
- };
21396
- var HTMLDialogElement = globalThis.HTMLDialogElement || function() {
21397
- };
21398
- var topLayerElements = /* @__PURE__ */ new WeakMap();
21399
- var autoPopoverList = /* @__PURE__ */ new WeakMap();
21400
- var hintPopoverList = /* @__PURE__ */ new WeakMap();
21401
- var visibilityState = /* @__PURE__ */ new WeakMap();
21402
- function getPopoverVisibilityState(popover) {
21403
- return visibilityState.get(popover) || "hidden";
21404
- }
21405
- var popoverInvoker = /* @__PURE__ */ new WeakMap();
21406
- function lastSetElement(set) {
21407
- return [...set].pop();
21408
- }
21409
- function popoverTargetAttributeActivationBehavior(element) {
21410
- const popover = element.popoverTargetElement;
21411
- if (!(popover instanceof HTMLElement)) {
21412
- return;
21413
- }
21414
- const visibility = getPopoverVisibilityState(popover);
21415
- if (element.popoverTargetAction === "show" && visibility === "showing") {
21416
- return;
21417
- }
21418
- if (element.popoverTargetAction === "hide" && visibility === "hidden") return;
21419
- if (visibility === "showing") {
21420
- hidePopover(popover, true, true);
21421
- } else if (checkPopoverValidity(popover, false)) {
21422
- popoverInvoker.set(popover, element);
21423
- showPopover(popover);
21424
- }
21425
- }
21426
- function checkPopoverValidity(element, expectedToBeShowing) {
21427
- if (element.popover !== "auto" && element.popover !== "manual" && element.popover !== "hint") {
21428
- return false;
21429
- }
21430
- if (!element.isConnected) return false;
21431
- if (expectedToBeShowing && getPopoverVisibilityState(element) !== "showing") {
21432
- return false;
21433
- }
21434
- if (!expectedToBeShowing && getPopoverVisibilityState(element) !== "hidden") {
21435
- return false;
21436
- }
21437
- if (element instanceof HTMLDialogElement && element.hasAttribute("open")) {
21438
- return false;
21439
- }
21440
- if (document.fullscreenElement === element) return false;
21441
- return true;
21442
- }
21443
- function getStackPosition(popover) {
21444
- if (!popover) return 0;
21445
- const autoPopovers = autoPopoverList.get(document) || /* @__PURE__ */ new Set();
21446
- const hintPopovers = hintPopoverList.get(document) || /* @__PURE__ */ new Set();
21447
- if (hintPopovers.has(popover)) {
21448
- return [...hintPopovers].indexOf(popover) + autoPopovers.size + 1;
21449
- }
21450
- if (autoPopovers.has(popover)) {
21451
- return [...autoPopovers].indexOf(popover) + 1;
21452
- }
21453
- return 0;
21454
- }
21455
- function topMostClickedPopover(target) {
21456
- const clickedPopover = nearestInclusiveOpenPopover(target);
21457
- const invokerPopover = nearestInclusiveTargetPopoverForInvoker(target);
21458
- if (getStackPosition(clickedPopover) > getStackPosition(invokerPopover)) {
21459
- return clickedPopover;
21460
- }
21461
- return invokerPopover;
21462
- }
21463
- function topmostAutoOrHintPopover(document2) {
21464
- let topmostPopover;
21465
- const hintPopovers = hintPopoverList.get(document2) || /* @__PURE__ */ new Set();
21466
- const autoPopovers = autoPopoverList.get(document2) || /* @__PURE__ */ new Set();
21467
- const usedStack = hintPopovers.size > 0 ? hintPopovers : autoPopovers.size > 0 ? autoPopovers : null;
21468
- if (usedStack) {
21469
- topmostPopover = lastSetElement(usedStack);
21470
- if (!topmostPopover.isConnected) {
21471
- usedStack.delete(topmostPopover);
21472
- return topmostAutoOrHintPopover(document2);
21473
- }
21474
- return topmostPopover;
21475
- }
21476
- return null;
21477
- }
21478
- function topMostPopoverInList(list) {
21479
- for (const popover of list || []) {
21480
- if (!popover.isConnected) {
21481
- list.delete(popover);
21482
- } else {
21483
- return popover;
21484
- }
21485
- }
21486
- return null;
21487
- }
21488
- function getRootNode(node) {
21489
- if (typeof node.getRootNode === "function") {
21490
- return node.getRootNode();
21491
- }
21492
- if (node.parentNode) return getRootNode(node.parentNode);
21493
- return node;
21494
- }
21495
- function nearestInclusiveOpenPopover(node) {
21496
- while (node) {
21497
- if (node instanceof HTMLElement && node.popover === "auto" && visibilityState.get(node) === "showing") {
21498
- return node;
21499
- }
21500
- node = node instanceof Element && node.assignedSlot || node.parentElement || getRootNode(node);
21501
- if (node instanceof ShadowRoot$1) node = node.host;
21502
- if (node instanceof Document) return;
21503
- }
21504
- }
21505
- function nearestInclusiveTargetPopoverForInvoker(node) {
21506
- while (node) {
21507
- const nodePopover = node.popoverTargetElement;
21508
- if (nodePopover instanceof HTMLElement) return nodePopover;
21509
- node = node.parentElement || getRootNode(node);
21510
- if (node instanceof ShadowRoot$1) node = node.host;
21511
- if (node instanceof Document) return;
21512
- }
21513
- }
21514
- function topMostPopoverAncestor(newPopover, list) {
21515
- const popoverPositions = /* @__PURE__ */ new Map();
21516
- let i = 0;
21517
- for (const popover of list || []) {
21518
- popoverPositions.set(popover, i);
21519
- i += 1;
21520
- }
21521
- popoverPositions.set(newPopover, i);
21522
- i += 1;
21523
- let topMostPopoverAncestor2 = null;
21524
- function checkAncestor(candidate) {
21525
- if (!candidate) return;
21526
- let okNesting = false;
21527
- let candidateAncestor = null;
21528
- let candidatePosition = null;
21529
- while (!okNesting) {
21530
- candidateAncestor = nearestInclusiveOpenPopover(candidate) || null;
21531
- if (candidateAncestor === null) return;
21532
- if (!popoverPositions.has(candidateAncestor)) return;
21533
- if (newPopover.popover === "hint" || candidateAncestor.popover === "auto") {
21534
- okNesting = true;
21535
- }
21536
- if (!okNesting) {
21537
- candidate = candidateAncestor.parentElement;
21538
- }
21539
- }
21540
- candidatePosition = popoverPositions.get(candidateAncestor);
21541
- if (topMostPopoverAncestor2 === null || popoverPositions.get(topMostPopoverAncestor2) < candidatePosition) {
21542
- topMostPopoverAncestor2 = candidateAncestor;
21543
- }
21544
- }
21545
- checkAncestor(newPopover.parentElement || getRootNode(newPopover));
21546
- return topMostPopoverAncestor2;
21547
- }
21548
- function isFocusable(focusTarget) {
21549
- if (focusTarget.hidden || focusTarget instanceof ShadowRoot$1) return false;
21550
- if (focusTarget instanceof HTMLButtonElement || focusTarget instanceof HTMLInputElement || focusTarget instanceof HTMLSelectElement || focusTarget instanceof HTMLTextAreaElement || focusTarget instanceof HTMLOptGroupElement || focusTarget instanceof HTMLOptionElement || focusTarget instanceof HTMLFieldSetElement) {
21551
- if (focusTarget.disabled) return false;
21552
- }
21553
- if (focusTarget instanceof HTMLInputElement && focusTarget.type === "hidden") {
21554
- return false;
21555
- }
21556
- if (focusTarget instanceof HTMLAnchorElement && focusTarget.href === "") {
21557
- return false;
21558
- }
21559
- return typeof focusTarget.tabIndex === "number" && focusTarget.tabIndex !== -1;
21560
- }
21561
- function focusDelegate(focusTarget) {
21562
- if (focusTarget.shadowRoot && focusTarget.shadowRoot.delegatesFocus !== true) {
21563
- return null;
21564
- }
21565
- let whereToLook = focusTarget;
21566
- if (whereToLook.shadowRoot) {
21567
- whereToLook = whereToLook.shadowRoot;
21568
- }
21569
- let autoFocusDelegate = whereToLook.querySelector("[autofocus]");
21570
- if (autoFocusDelegate) {
21571
- return autoFocusDelegate;
21572
- } else {
21573
- const slots = whereToLook.querySelectorAll("slot");
21574
- for (const slot of slots) {
21575
- const assignedElements = slot.assignedElements({ flatten: true });
21576
- for (const el of assignedElements) {
21577
- if (el.hasAttribute("autofocus")) {
21578
- return el;
21579
- } else {
21580
- autoFocusDelegate = el.querySelector("[autofocus]");
21581
- if (autoFocusDelegate) {
21582
- return autoFocusDelegate;
21583
- }
21584
- }
21585
- }
21586
- }
21587
- }
21588
- const walker = focusTarget.ownerDocument.createTreeWalker(
21589
- whereToLook,
21590
- NodeFilter.SHOW_ELEMENT
21591
- );
21592
- let descendant = walker.currentNode;
21593
- while (descendant) {
21594
- if (isFocusable(descendant)) {
21595
- return descendant;
21596
- }
21597
- descendant = walker.nextNode();
21598
- }
21599
- }
21600
- function popoverFocusingSteps(subject) {
21601
- focusDelegate(subject)?.focus();
21602
- }
21603
- var previouslyFocusedElements = /* @__PURE__ */ new WeakMap();
21604
- function showPopover(element) {
21605
- if (!checkPopoverValidity(element, false)) {
21606
- return;
21607
- }
21608
- const document2 = element.ownerDocument;
21609
- if (!element.dispatchEvent(
21610
- new ToggleEvent("beforetoggle", {
21611
- cancelable: true,
21612
- oldState: "closed",
21613
- newState: "open"
21614
- })
21615
- )) {
21616
- return;
21617
- }
21618
- if (!checkPopoverValidity(element, false)) {
21619
- return;
21620
- }
21621
- let shouldRestoreFocus = false;
21622
- const originalType = element.popover;
21623
- let stackToAppendTo = null;
21624
- const autoAncestor = topMostPopoverAncestor(
21625
- element,
21626
- autoPopoverList.get(document2) || /* @__PURE__ */ new Set()
21627
- );
21628
- const hintAncestor = topMostPopoverAncestor(
21629
- element,
21630
- hintPopoverList.get(document2) || /* @__PURE__ */ new Set()
21631
- );
21632
- if (originalType === "auto") {
21633
- closeAllOpenPopoversInList(
21634
- hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
21635
- shouldRestoreFocus,
21636
- true
21637
- );
21638
- const ancestor = autoAncestor || document2;
21639
- hideAllPopoversUntil(ancestor, shouldRestoreFocus, true);
21640
- stackToAppendTo = "auto";
21641
- }
21642
- if (originalType === "hint") {
21643
- if (hintAncestor) {
21644
- hideAllPopoversUntil(hintAncestor, shouldRestoreFocus, true);
21645
- stackToAppendTo = "hint";
21646
- } else {
21647
- closeAllOpenPopoversInList(
21648
- hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
21649
- shouldRestoreFocus,
21650
- true
21651
- );
21652
- if (autoAncestor) {
21653
- hideAllPopoversUntil(autoAncestor, shouldRestoreFocus, true);
21654
- stackToAppendTo = "auto";
21655
- } else {
21656
- stackToAppendTo = "hint";
21657
- }
21658
- }
21659
- }
21660
- if (originalType === "auto" || originalType === "hint") {
21661
- if (originalType !== element.popover || !checkPopoverValidity(element, false)) {
21662
- return;
21663
- }
21664
- if (!topmostAutoOrHintPopover(document2)) {
21665
- shouldRestoreFocus = true;
21666
- }
21667
- if (stackToAppendTo === "auto") {
21668
- if (!autoPopoverList.has(document2)) {
21669
- autoPopoverList.set(document2, /* @__PURE__ */ new Set());
21670
- }
21671
- autoPopoverList.get(document2).add(element);
21672
- } else if (stackToAppendTo === "hint") {
21673
- if (!hintPopoverList.has(document2)) {
21674
- hintPopoverList.set(document2, /* @__PURE__ */ new Set());
21675
- }
21676
- hintPopoverList.get(document2).add(element);
21677
- }
21678
- }
21679
- previouslyFocusedElements.delete(element);
21680
- const originallyFocusedElement = document2.activeElement;
21681
- element.classList.add(":popover-open");
21682
- visibilityState.set(element, "showing");
21683
- if (!topLayerElements.has(document2)) {
21684
- topLayerElements.set(document2, /* @__PURE__ */ new Set());
21685
- }
21686
- topLayerElements.get(document2).add(element);
21687
- setInvokerAriaExpanded(popoverInvoker.get(element), true);
21688
- popoverFocusingSteps(element);
21689
- if (shouldRestoreFocus && originallyFocusedElement && element.popover === "auto") {
21690
- previouslyFocusedElements.set(element, originallyFocusedElement);
21691
- }
21692
- queuePopoverToggleEventTask(element, "closed", "open");
21693
- }
21694
- function hidePopover(element, focusPreviousElement = false, fireEvents = false) {
21695
- if (!checkPopoverValidity(element, true)) {
21696
- return;
21697
- }
21698
- const document2 = element.ownerDocument;
21699
- if (["auto", "hint"].includes(element.popover)) {
21700
- hideAllPopoversUntil(element, focusPreviousElement, fireEvents);
21701
- if (!checkPopoverValidity(element, true)) {
21702
- return;
21703
- }
21704
- }
21705
- const autoList = autoPopoverList.get(document2) || /* @__PURE__ */ new Set();
21706
- const autoPopoverListContainsElement = autoList.has(element) && lastSetElement(autoList) === element;
21707
- setInvokerAriaExpanded(popoverInvoker.get(element), false);
21708
- popoverInvoker.delete(element);
21709
- if (fireEvents) {
21710
- element.dispatchEvent(
21711
- new ToggleEvent("beforetoggle", {
21712
- oldState: "open",
21713
- newState: "closed"
21714
- })
21715
- );
21716
- if (autoPopoverListContainsElement && lastSetElement(autoList) !== element) {
21717
- hideAllPopoversUntil(element, focusPreviousElement, fireEvents);
21718
- }
21719
- if (!checkPopoverValidity(element, true)) {
21720
- return;
21721
- }
21722
- }
21723
- topLayerElements.get(document2)?.delete(element);
21724
- autoList.delete(element);
21725
- hintPopoverList.get(document2)?.delete(element);
21726
- element.classList.remove(":popover-open");
21727
- visibilityState.set(element, "hidden");
21728
- if (fireEvents) {
21729
- queuePopoverToggleEventTask(element, "open", "closed");
21730
- }
21731
- const previouslyFocusedElement = previouslyFocusedElements.get(element);
21732
- if (previouslyFocusedElement) {
21733
- previouslyFocusedElements.delete(element);
21734
- if (focusPreviousElement) {
21735
- previouslyFocusedElement.focus();
21736
- }
21737
- }
21738
- }
21739
- function closeAllOpenPopovers(document2, focusPreviousElement = false, fireEvents = false) {
21740
- let popover = topmostAutoOrHintPopover(document2);
21741
- while (popover) {
21742
- hidePopover(popover, focusPreviousElement, fireEvents);
21743
- popover = topmostAutoOrHintPopover(document2);
21744
- }
21745
- }
21746
- function closeAllOpenPopoversInList(list, focusPreviousElement = false, fireEvents = false) {
21747
- let popover = topMostPopoverInList(list);
21748
- while (popover) {
21749
- hidePopover(popover, focusPreviousElement, fireEvents);
21750
- popover = topMostPopoverInList(list);
21751
- }
21752
- }
21753
- function hidePopoverStackUntil(endpoint, set, focusPreviousElement, fireEvents) {
21754
- let repeatingHide = false;
21755
- let hasRunOnce = false;
21756
- while (repeatingHide || !hasRunOnce) {
21757
- hasRunOnce = true;
21758
- let lastToHide = null;
21759
- let foundEndpoint = false;
21760
- for (const popover of set) {
21761
- if (popover === endpoint) {
21762
- foundEndpoint = true;
21763
- } else if (foundEndpoint) {
21764
- lastToHide = popover;
21765
- break;
21766
- }
21767
- }
21768
- if (!lastToHide) return;
21769
- while (getPopoverVisibilityState(lastToHide) === "showing" && set.size) {
21770
- hidePopover(lastSetElement(set), focusPreviousElement, fireEvents);
21771
- }
21772
- if (set.has(endpoint) && lastSetElement(set) !== endpoint) {
21773
- repeatingHide = true;
21774
- }
21775
- if (repeatingHide) {
21776
- fireEvents = false;
21777
- }
21778
- }
21779
- }
21780
- function hideAllPopoversUntil(endpoint, focusPreviousElement, fireEvents) {
21781
- const document2 = endpoint.ownerDocument || endpoint;
21782
- if (endpoint instanceof Document) {
21783
- return closeAllOpenPopovers(document2, focusPreviousElement, fireEvents);
21784
- }
21785
- if (hintPopoverList.get(document2)?.has(endpoint)) {
21786
- hidePopoverStackUntil(
21787
- endpoint,
21788
- hintPopoverList.get(document2),
21789
- focusPreviousElement,
21790
- fireEvents
21791
- );
21792
- return;
21793
- }
21794
- closeAllOpenPopoversInList(
21795
- hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
21796
- focusPreviousElement,
21797
- fireEvents
21798
- );
21799
- if (!autoPopoverList.get(document2)?.has(endpoint)) {
21800
- return;
21801
- }
21802
- hidePopoverStackUntil(
21803
- endpoint,
21804
- autoPopoverList.get(document2),
21805
- focusPreviousElement,
21806
- fireEvents
21807
- );
21808
- }
21809
- var popoverPointerDownTargets = /* @__PURE__ */ new WeakMap();
21810
- function lightDismissOpenPopovers(event) {
21811
- if (!event.isTrusted) return;
21812
- const target = event.composedPath()[0];
21813
- if (!target) return;
21814
- const document2 = target.ownerDocument;
21815
- const topMostPopover = topmostAutoOrHintPopover(document2);
21816
- if (!topMostPopover) return;
21817
- const ancestor = topMostClickedPopover(target);
21818
- if (ancestor && event.type === "pointerdown") {
21819
- popoverPointerDownTargets.set(document2, ancestor);
21820
- } else if (event.type === "pointerup") {
21821
- const sameTarget = popoverPointerDownTargets.get(document2) === ancestor;
21822
- popoverPointerDownTargets.delete(document2);
21823
- if (sameTarget) {
21824
- hideAllPopoversUntil(ancestor || document2, false, true);
21825
- }
21826
- }
21827
- }
21828
- var initialAriaExpandedValue = /* @__PURE__ */ new WeakMap();
21829
- function setInvokerAriaExpanded(el, force = false) {
21830
- if (!el) return;
21831
- if (!initialAriaExpandedValue.has(el)) {
21832
- initialAriaExpandedValue.set(el, el.getAttribute("aria-expanded"));
21833
- }
21834
- const popover = el.popoverTargetElement;
21835
- if (popover instanceof HTMLElement && popover.popover === "auto") {
21836
- el.setAttribute("aria-expanded", String(force));
21837
- } else {
21838
- const initialValue = initialAriaExpandedValue.get(el);
21839
- if (!initialValue) {
21840
- el.removeAttribute("aria-expanded");
21841
- } else {
21842
- el.setAttribute("aria-expanded", initialValue);
21843
- }
21844
- }
21845
- }
21846
-
21847
- // src/popover.ts
21848
- var ShadowRoot2 = globalThis.ShadowRoot || function() {
21849
- };
21850
- function isSupported() {
21851
- return typeof HTMLElement !== "undefined" && typeof HTMLElement.prototype === "object" && "popover" in HTMLElement.prototype;
21852
- }
21853
- function patchSelectorFn(object, name, mapper) {
21854
- const original = object[name];
21855
- Object.defineProperty(object, name, {
21856
- value(selector) {
21857
- return original.call(this, mapper(selector));
21858
- }
21859
- });
21860
- }
21861
- var nonEscapedPopoverSelector = /(^|[^\\]):popover-open\b/g;
21862
- function hasLayerSupport() {
21863
- return typeof globalThis.CSSLayerBlockRule === "function";
21864
- }
21865
- function getStyles() {
21866
- const useLayer = hasLayerSupport();
21867
- return `
21868
- ${useLayer ? "@layer popover-polyfill {" : ""}
21869
- :where([popover]) {
21870
- position: fixed;
21871
- z-index: 2147483647;
21872
- inset: 0;
21873
- padding: 0.25em;
21874
- width: fit-content;
21875
- height: fit-content;
21876
- border-width: initial;
21877
- border-color: initial;
21878
- border-image: initial;
21879
- border-style: solid;
21880
- background-color: canvas;
21881
- color: canvastext;
21882
- overflow: auto;
21883
- margin: auto;
21884
- }
21885
-
21886
- :where([popover]:not(.\\:popover-open)) {
21887
- display: none;
21888
- }
21889
-
21890
- :where(dialog[popover].\\:popover-open) {
21891
- display: block;
21892
- }
21893
-
21894
- :where(dialog[popover][open]) {
21895
- display: revert;
21896
- }
21897
-
21898
- :where([anchor].\\:popover-open) {
21899
- inset: auto;
21900
- }
21901
-
21902
- :where([anchor]:popover-open) {
21903
- inset: auto;
21904
- }
21905
-
21906
- @supports not (background-color: canvas) {
21907
- :where([popover]) {
21908
- background-color: white;
21909
- color: black;
21910
- }
21911
- }
21912
-
21913
- @supports (width: -moz-fit-content) {
21914
- :where([popover]) {
21915
- width: -moz-fit-content;
21916
- height: -moz-fit-content;
21917
- }
21918
- }
21919
-
21920
- @supports not (inset: 0) {
21921
- :where([popover]) {
21922
- top: 0;
21923
- left: 0;
21924
- right: 0;
21925
- bottom: 0;
21926
- }
21927
- }
21928
- ${useLayer ? "}" : ""}
21929
- `;
21930
- }
21931
- var popoverStyleSheet = null;
21932
- function injectStyles(root) {
21933
- const styles = getStyles();
21934
- if (popoverStyleSheet === null) {
21935
- try {
21936
- popoverStyleSheet = new CSSStyleSheet();
21937
- popoverStyleSheet.replaceSync(styles);
21938
- } catch {
21939
- popoverStyleSheet = false;
21940
- }
21941
- }
21942
- if (popoverStyleSheet === false) {
21943
- const sheet = document.createElement("style");
21944
- sheet.textContent = styles;
21945
- if (root instanceof Document) {
21946
- root.head.prepend(sheet);
21947
- } else {
21948
- root.prepend(sheet);
21949
- }
21950
- } else {
21951
- root.adoptedStyleSheets = [popoverStyleSheet, ...root.adoptedStyleSheets];
21952
- }
21953
- }
21954
- function apply() {
21955
- if (typeof window === "undefined") return;
21956
- window.ToggleEvent = window.ToggleEvent || ToggleEvent;
21957
- function rewriteSelector(selector) {
21958
- if (selector?.includes(":popover-open")) {
21959
- selector = selector.replace(
21960
- nonEscapedPopoverSelector,
21961
- "$1.\\:popover-open"
21962
- );
21963
- }
21964
- return selector;
21965
- }
21966
- patchSelectorFn(Document.prototype, "querySelector", rewriteSelector);
21967
- patchSelectorFn(Document.prototype, "querySelectorAll", rewriteSelector);
21968
- patchSelectorFn(Element.prototype, "querySelector", rewriteSelector);
21969
- patchSelectorFn(Element.prototype, "querySelectorAll", rewriteSelector);
21970
- patchSelectorFn(Element.prototype, "matches", rewriteSelector);
21971
- patchSelectorFn(Element.prototype, "closest", rewriteSelector);
21972
- patchSelectorFn(
21973
- DocumentFragment.prototype,
21974
- "querySelectorAll",
21975
- rewriteSelector
21976
- );
21977
- Object.defineProperties(HTMLElement.prototype, {
21978
- popover: {
21979
- enumerable: true,
21980
- configurable: true,
21981
- get() {
21982
- if (!this.hasAttribute("popover")) return null;
21983
- const value = (this.getAttribute("popover") || "").toLowerCase();
21984
- if (value === "" || value == "auto") return "auto";
21985
- if (value == "hint") return "hint";
21986
- return "manual";
21987
- },
21988
- set(value) {
21989
- if (value === null) {
21990
- this.removeAttribute("popover");
21991
- } else {
21992
- this.setAttribute("popover", value);
21993
- }
21994
- }
21995
- },
21996
- showPopover: {
21997
- enumerable: true,
21998
- configurable: true,
21999
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
22000
- value(options = {}) {
22001
- showPopover(this);
22002
- }
22003
- },
22004
- hidePopover: {
22005
- enumerable: true,
22006
- configurable: true,
22007
- value() {
22008
- hidePopover(this, true, true);
22009
- }
22010
- },
22011
- togglePopover: {
22012
- enumerable: true,
22013
- configurable: true,
22014
- value(options = {}) {
22015
- if (typeof options === "boolean") {
22016
- options = { force: options };
22017
- }
22018
- if (visibilityState.get(this) === "showing" && options.force === void 0 || options.force === false) {
22019
- hidePopover(this, true, true);
22020
- } else if (options.force === void 0 || options.force === true) {
22021
- showPopover(this);
22022
- }
22023
- return visibilityState.get(this) === "showing";
22024
- }
22025
- }
22026
- });
22027
- const originalAttachShadow = Element.prototype.attachShadow;
22028
- if (originalAttachShadow) {
22029
- Object.defineProperties(Element.prototype, {
22030
- attachShadow: {
22031
- enumerable: true,
22032
- configurable: true,
22033
- writable: true,
22034
- value(options) {
22035
- const shadowRoot = originalAttachShadow.call(this, options);
22036
- injectStyles(shadowRoot);
22037
- return shadowRoot;
22038
- }
22039
- }
22040
- });
22041
- }
22042
- const originalAttachInternals = HTMLElement.prototype.attachInternals;
22043
- if (originalAttachInternals) {
22044
- Object.defineProperties(HTMLElement.prototype, {
22045
- attachInternals: {
22046
- enumerable: true,
22047
- configurable: true,
22048
- writable: true,
22049
- value() {
22050
- const internals = originalAttachInternals.call(this);
22051
- if (internals.shadowRoot) {
22052
- injectStyles(internals.shadowRoot);
22053
- }
22054
- return internals;
22055
- }
22056
- }
22057
- });
22058
- }
22059
- const popoverTargetAssociatedElements = /* @__PURE__ */ new WeakMap();
22060
- function applyPopoverInvokerElementMixin(ElementClass) {
22061
- Object.defineProperties(ElementClass.prototype, {
22062
- popoverTargetElement: {
22063
- enumerable: true,
22064
- configurable: true,
22065
- set(targetElement) {
22066
- if (targetElement === null) {
22067
- this.removeAttribute("popovertarget");
22068
- popoverTargetAssociatedElements.delete(this);
22069
- } else if (!(targetElement instanceof Element)) {
22070
- throw new TypeError(
22071
- `popoverTargetElement must be an element or null`
22072
- );
22073
- } else {
22074
- this.setAttribute("popovertarget", "");
22075
- popoverTargetAssociatedElements.set(this, targetElement);
22076
- }
22077
- },
22078
- get() {
22079
- if (this.localName !== "button" && this.localName !== "input") {
22080
- return null;
22081
- }
22082
- if (this.localName === "input" && this.type !== "reset" && this.type !== "image" && this.type !== "button") {
22083
- return null;
22084
- }
22085
- if (this.disabled) {
22086
- return null;
22087
- }
22088
- if (this.form && this.type === "submit") {
22089
- return null;
22090
- }
22091
- const targetElement = popoverTargetAssociatedElements.get(this);
22092
- if (targetElement && targetElement.isConnected) {
22093
- return targetElement;
22094
- } else if (targetElement && !targetElement.isConnected) {
22095
- popoverTargetAssociatedElements.delete(this);
22096
- return null;
22097
- }
22098
- const root = getRootNode(this);
22099
- const idref = this.getAttribute("popovertarget");
22100
- if ((root instanceof Document || root instanceof ShadowRoot2) && idref) {
22101
- return root.getElementById(idref) || null;
22102
- }
22103
- return null;
22104
- }
22105
- },
22106
- popoverTargetAction: {
22107
- enumerable: true,
22108
- configurable: true,
22109
- get() {
22110
- const value = (this.getAttribute("popovertargetaction") || "").toLowerCase();
22111
- if (value === "show" || value === "hide") return value;
22112
- return "toggle";
22113
- },
22114
- set(value) {
22115
- this.setAttribute("popovertargetaction", value);
22116
- }
22117
- }
22118
- });
22119
- }
22120
- applyPopoverInvokerElementMixin(HTMLButtonElement);
22121
- applyPopoverInvokerElementMixin(HTMLInputElement);
22122
- const handleInvokerActivation = (event) => {
22123
- const composedPath = event.composedPath();
22124
- const target = composedPath[0];
22125
- if (!(target instanceof Element) || target?.shadowRoot) {
22126
- return;
22127
- }
22128
- const root = getRootNode(target);
22129
- if (!(root instanceof ShadowRoot2 || root instanceof Document)) {
22130
- return;
22131
- }
22132
- const invoker = composedPath.find(
22133
- (el) => el.matches?.("[popovertargetaction],[popovertarget]")
22134
- );
22135
- if (invoker) {
22136
- popoverTargetAttributeActivationBehavior(invoker);
22137
- event.preventDefault();
22138
- return;
22139
- }
22140
- };
22141
- const onKeydown = (event) => {
22142
- const key = event.key;
22143
- const target = event.target;
22144
- if (!event.defaultPrevented && target && (key === "Escape" || key === "Esc")) {
22145
- hideAllPopoversUntil(target.ownerDocument, true, true);
22146
- }
22147
- };
22148
- const addEventListeners = (root) => {
22149
- root.addEventListener("click", handleInvokerActivation);
22150
- root.addEventListener("keydown", onKeydown);
22151
- root.addEventListener("pointerdown", lightDismissOpenPopovers);
22152
- root.addEventListener("pointerup", lightDismissOpenPopovers);
22153
- };
22154
- addEventListeners(document);
22155
- injectStyles(document);
22156
- }
22157
-
22158
21739
  const duration = 250;
22159
21740
  const easing = 'ease-out';
22160
21741
  function popIn(el) {
@@ -22186,6 +21767,7 @@ class PostPopovercontainer {
22186
21767
  this.postHide = createEvent(this, "postHide");
22187
21768
  this.postBeforeToggle = createEvent(this, "postBeforeToggle");
22188
21769
  this.postToggle = createEvent(this, "postToggle");
21770
+ this.toggleTimeoutId = null;
22189
21771
  this.hasOpenedOnce = true;
22190
21772
  /**
22191
21773
  * Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
@@ -22206,6 +21788,7 @@ class PostPopovercontainer {
22206
21788
  */
22207
21789
  this.animation = 'pop-in';
22208
21790
  this.currentAnimation = null;
21791
+ this.boundMouseTrackingHandler = this.mouseTrackingHandler.bind(this);
22209
21792
  }
22210
21793
  validatePlacement() {
22211
21794
  checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
@@ -22226,9 +21809,6 @@ class PostPopovercontainer {
22226
21809
  this.host.style.setProperty('--post-safe-space-cursor-y', `${event.clientY}px`);
22227
21810
  }
22228
21811
  connectedCallback() {
22229
- if (IS_BROWSER && !isSupported()) {
22230
- apply();
22231
- }
22232
21812
  }
22233
21813
  componentDidLoad() {
22234
21814
  this.validatePlacement();
@@ -22301,7 +21881,7 @@ class PostPopovercontainer {
22301
21881
  }
22302
21882
  }
22303
21883
  if (this.safeSpace) {
22304
- window.addEventListener('mousemove', this.mouseTrackingHandler.bind(this));
21884
+ globalThis.addEventListener('mousemove', this.boundMouseTrackingHandler);
22305
21885
  }
22306
21886
  }
22307
21887
  /**
@@ -22312,7 +21892,7 @@ class PostPopovercontainer {
22312
21892
  this.clearAutoUpdate();
22313
21893
  }
22314
21894
  if (this.safeSpace) {
22315
- window.removeEventListener('mousemove', this.mouseTrackingHandler.bind(this));
21895
+ globalThis.removeEventListener('mousemove', this.boundMouseTrackingHandler);
22316
21896
  }
22317
21897
  // Cancel any running animation
22318
21898
  if (this.currentAnimation) {
@@ -22368,7 +21948,7 @@ class PostPopovercontainer {
22368
21948
  * @param e ToggleEvent
22369
21949
  */
22370
21950
  handleToggle(e) {
22371
- this.toggleTimeoutId = window.setTimeout(() => (this.toggleTimeoutId = null), 10);
21951
+ this.toggleTimeoutId = globalThis.setTimeout(() => (this.toggleTimeoutId = null), 10);
22372
21952
  const isOpen = e.newState === 'open';
22373
21953
  if (isOpen) {
22374
21954
  this.open();
@@ -22391,7 +21971,7 @@ class PostPopovercontainer {
22391
21971
  */
22392
21972
  getHeaderHeight() {
22393
21973
  const header = document.querySelector('post-header');
22394
- return header ? parseFloat(getComputedStyle(header).height) : 0;
21974
+ return header ? Number.parseFloat(getComputedStyle(header).height) : 0;
22395
21975
  }
22396
21976
  async calculatePosition() {
22397
21977
  const { x, y, middlewareData, placement } = await this.computeMainPosition();
@@ -22428,17 +22008,23 @@ class PostPopovercontainer {
22428
22008
  }
22429
22009
  async computeMainPosition() {
22430
22010
  const gap = this.edgeGap;
22431
- const middleware = [
22432
- flip({
22433
- padding: this.getHeaderHeight(),
22011
+ const isAligned = (this.placement || 'top').includes('-');
22012
+ const flipMiddleware = flip({
22013
+ padding: this.getHeaderHeight(),
22014
+ crossAxis: false,
22015
+ });
22016
+ const shiftMiddleware = shift({
22017
+ padding: gap,
22018
+ limiter: limitShift({
22019
+ offset: 32,
22434
22020
  }),
22021
+ });
22022
+ const middleware = [
22023
+ offset(this.offset ?? (this.arrow ? gap + 4 : gap)),
22435
22024
  inline(),
22436
- shift({
22437
- padding: gap,
22438
- limiter: limitShift({
22439
- offset: 32,
22440
- }),
22441
- }),
22025
+ // Per floating-ui docs: for aligned placements (e.g. bottom-end),
22026
+ // flip should come before shift. For non-aligned, shift before flip.
22027
+ ...(isAligned ? [flipMiddleware, shiftMiddleware] : [shiftMiddleware, flipMiddleware]),
22442
22028
  size({
22443
22029
  apply({ availableWidth, elements }) {
22444
22030
  Object.assign(elements.floating.style, {
@@ -22446,7 +22032,6 @@ class PostPopovercontainer {
22446
22032
  });
22447
22033
  },
22448
22034
  }),
22449
- offset(this.offset ?? (this.arrow ? gap + 4 : gap)),
22450
22035
  ];
22451
22036
  if (this.arrow) {
22452
22037
  middleware.push(arrow({ element: this.arrowRef, padding: gap }));
@@ -22518,9 +22103,9 @@ class PostPopovercontainer {
22518
22103
  }
22519
22104
  }
22520
22105
  render() {
22521
- 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 => {
22106
+ 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 => {
22522
22107
  this.arrowRef = el;
22523
- } })), hAsync("slot", { key: '8e6b37f1f4c4e49db5931130c411b4a2d73ad119' }))));
22108
+ } })), hAsync("slot", { key: '8fa288a638da1cfed3285b6605c64e3b3ff7bc07' }))));
22524
22109
  }
22525
22110
  get host() { return getElement(this); }
22526
22111
  static get watchers() { return {
@@ -22666,7 +22251,7 @@ class PostRating {
22666
22251
  }
22667
22252
  }
22668
22253
  render() {
22669
- 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: {
22254
+ 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: {
22670
22255
  'star': true,
22671
22256
  'before-hover': i < this.hoveredIndex,
22672
22257
  'active': i < Math.round(this.currentRating),
@@ -22758,7 +22343,7 @@ class PostStepper {
22758
22343
  updateActiveStepNumber() {
22759
22344
  if (this.textStepNumber) {
22760
22345
  const labelTemplate = this.textStepNumber;
22761
- this.mobileActiveStepLabel = labelTemplate.replace(/#number/g, `${this.selectedIndex + 1}`);
22346
+ this.mobileActiveStepLabel = labelTemplate.replaceAll('#number', `${this.selectedIndex + 1}`);
22762
22347
  if (this.stepItems) {
22763
22348
  this.updateMobileActiveStepVisibility();
22764
22349
  }
@@ -22812,7 +22397,7 @@ class PostStepper {
22812
22397
  }
22813
22398
  }
22814
22399
  render() {
22815
- 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 }))));
22400
+ 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 }))));
22816
22401
  }
22817
22402
  get host() { return getElement(this); }
22818
22403
  static get watchers() { return {
@@ -22858,7 +22443,7 @@ class PostStepperItem {
22858
22443
  registerInstance(this, hostRef);
22859
22444
  }
22860
22445
  render() {
22861
- 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' })))));
22446
+ 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' })))));
22862
22447
  }
22863
22448
  static get style() { return postStepperItemCss(); }
22864
22449
  static get cmpMeta() { return {
@@ -22905,7 +22490,7 @@ class PostTabItem {
22905
22490
  this.isNavigationMode = hasAnchor;
22906
22491
  }
22907
22492
  render() {
22908
- 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' })));
22493
+ 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' })));
22909
22494
  }
22910
22495
  get host() { return getElement(this); }
22911
22496
  static get watchers() { return {
@@ -22946,7 +22531,7 @@ class PostTabPanel {
22946
22531
  this.panelId = `panel-${this.host.id || nanoid(6)}`;
22947
22532
  }
22948
22533
  render() {
22949
- return (hAsync(Host, { key: '58743e382638b78c8e2bf020a94981e54f8c20d8', "data-version": version$1, id: this.panelId, role: "tabpanel", slot: "panels" }, hAsync("slot", { key: 'ab35770da08e7ece64d03ab2fa8811b04a42ddd0' })));
22534
+ return (hAsync(Host, { key: '6feec1f002b3fadba76f8cb8f9ea76e455aa6ffe', "data-version": version$1, id: this.panelId, role: "tabpanel", slot: "panels" }, hAsync("slot", { key: '073a78293c22557d7b628351bf1eac9882cd98b0' })));
22950
22535
  }
22951
22536
  get host() { return getElement(this); }
22952
22537
  static get watchers() { return {
@@ -23103,7 +22688,7 @@ class PostTabs {
23103
22688
  // This works even before post-tab-item sets data-navigation-mode attribute
23104
22689
  const hasNavigationTabs = this.tabs.some(tab => {
23105
22690
  const hasAnchor = tab.querySelector('a') !== null;
23106
- const navModeAttr = tab.getAttribute('data-navigation-mode') === 'true';
22691
+ const navModeAttr = tab.dataset.navigationMode === 'true';
23107
22692
  return hasAnchor || navModeAttr;
23108
22693
  });
23109
22694
  const hasPanels = this.panels.length > 0;
@@ -23252,7 +22837,7 @@ class PostTabs {
23252
22837
  nextTab = this.tabs[activeTabIndex + 1] || this.tabs[0];
23253
22838
  }
23254
22839
  else {
23255
- nextTab = this.tabs[activeTabIndex - 1] || this.tabs[this.tabs.length - 1];
22840
+ nextTab = this.tabs[activeTabIndex - 1] || this.tabs.at(-1);
23256
22841
  }
23257
22842
  if (!nextTab)
23258
22843
  return;
@@ -23261,10 +22846,10 @@ class PostTabs {
23261
22846
  }
23262
22847
  render() {
23263
22848
  const TabsContainer = this.isNavigationMode ? 'nav' : 'div';
23264
- 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: () => {
22849
+ 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: () => {
23265
22850
  this.moveMisplacedTabs();
23266
22851
  this.enableTabs();
23267
- } }))), !this.isNavigationMode && (hAsync("div", { key: '365b85a14d4b5af73ab0fdd477208b138a185543', class: "tab-content", part: "post-tabs-content" }, hAsync("slot", { key: 'feb5c8a13b896112a7fce0c598d761d2a3e56cfe', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
22852
+ } }))), !this.isNavigationMode && (hAsync("div", { key: '625d5b7d8ab2e8cfacce0c2ac6fa94d6f6fc2953', class: "tab-content", part: "post-tabs-content" }, hAsync("slot", { key: '1ddaf37e585d3e9fbb9722e09829956e28dc7fd6', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
23268
22853
  }
23269
22854
  get host() { return getElement(this); }
23270
22855
  static get watchers() { return {
@@ -23319,7 +22904,7 @@ class PostTogglebutton {
23319
22904
  this.host.addEventListener('keydown', (e) => this.handleKeydown(e), { capture: true });
23320
22905
  }
23321
22906
  render() {
23322
- return (hAsync(Host, { key: '723a7d107537a8399e193ef9fe40eec67c0a15a2', "data-version": version$1, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, hAsync("slot", { key: '38849e487b4db78584033e51e94b674804966d0b' })));
22907
+ return (hAsync(Host, { key: '828f375bfd28dd8f46c2c233cef90abe6c27c488', "data-version": version$1, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, hAsync("slot", { key: '35325c8481638cf30593cda05a67ee74b38bb40c' })));
23323
22908
  }
23324
22909
  get host() { return getElement(this); }
23325
22910
  static get style() { return postTogglebuttonCss(); }
@@ -23400,7 +22985,7 @@ class PostTooltip {
23400
22985
  }
23401
22986
  render() {
23402
22987
  const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
23403
- 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' }))));
22988
+ 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' }))));
23404
22989
  }
23405
22990
  get host() { return getElement(this); }
23406
22991
  static get watchers() { return {
@@ -23429,11 +23014,6 @@ class PostTooltip {
23429
23014
  const postTooltipTriggerCss = () => `post-tooltip-trigger{vertical-align:top}:host{cursor:pointer}`;
23430
23015
 
23431
23016
  const TRIGGER_EVENTS = ['pointerenter', 'pointerleave', 'focusin', 'focusout', 'long-press'];
23432
- if (IS_BROWSER) {
23433
- (async () => {
23434
- await Promise.resolve().then(function () { return longPressEvent; });
23435
- })();
23436
- }
23437
23017
  /**
23438
23018
  * @slot default - Content to trigger the tooltip. Can contain any focusable element or will be made focusable automatically.
23439
23019
  */
@@ -23459,10 +23039,7 @@ class PostTooltipTrigger {
23459
23039
  checkEmptyOrType(this, 'for', 'string');
23460
23040
  }
23461
23041
  get tooltip() {
23462
- if (!IS_BROWSER)
23463
- return null;
23464
- const ref = document.getElementById(this.for);
23465
- return ref?.localName === 'post-tooltip' ? ref : null;
23042
+ return null;
23466
23043
  }
23467
23044
  componentDidLoad() {
23468
23045
  this.setupTrigger();
@@ -23503,7 +23080,7 @@ class PostTooltipTrigger {
23503
23080
  setupTrigger() {
23504
23081
  this.trigger = this.host.querySelector('*');
23505
23082
  if (this.trigger) {
23506
- if (!isFocusable$1(this.trigger)) {
23083
+ if (!isFocusable(this.trigger)) {
23507
23084
  this.trigger.setAttribute('tabindex', '0');
23508
23085
  }
23509
23086
  const describedBy = this.trigger.getAttribute('aria-describedby') || '';
@@ -23578,7 +23155,7 @@ class PostTooltipTrigger {
23578
23155
  interestHandler() {
23579
23156
  if (this.trigger) {
23580
23157
  if (this.delay > 0) {
23581
- this.delayTimeout = window.setTimeout(() => {
23158
+ this.delayTimeout = globalThis.setTimeout(() => {
23582
23159
  this.tooltip?.show(this.trigger);
23583
23160
  this.delayTimeout = null;
23584
23161
  }, this.delay);
@@ -23596,7 +23173,7 @@ class PostTooltipTrigger {
23596
23173
  this.tooltip?.hide();
23597
23174
  }
23598
23175
  render() {
23599
- return (hAsync(Host, { key: '070c1d7c9cbf685113debb314766b2dde8dfe126', "data-version": version$1 }, hAsync("slot", { key: 'b9c2c1339bd54061490e4f8c6303d9290a59dafa', onSlotchange: () => this.handleSlotChange() })));
23176
+ return (hAsync(Host, { key: '67c7165030648b676b85c94cfe8a3d260c2ff9b5', "data-version": version$1 }, hAsync("slot", { key: '84013d1f82ccd926d70026055c5a5be441aad9bf', onSlotchange: () => this.handleSlotChange() })));
23600
23177
  }
23601
23178
  get host() { return getElement(this); }
23602
23179
  static get watchers() { return {
@@ -23621,6 +23198,7 @@ class PostTooltipTrigger {
23621
23198
  registerComponents([
23622
23199
  PostAccordion,
23623
23200
  PostAccordionItem,
23201
+ PostAutocomplete,
23624
23202
  PostAvatar,
23625
23203
  PostBackToTop,
23626
23204
  PostBanner,
@@ -23630,13 +23208,15 @@ registerComponents([
23630
23208
  PostCollapsible,
23631
23209
  PostCollapsibleTrigger,
23632
23210
  PostDatePicker,
23633
- PostEnvTest,
23634
23211
  PostFooter,
23635
23212
  PostHeader,
23636
23213
  PostIcon,
23637
23214
  PostLanguageMenu,
23638
23215
  PostLanguageMenuItem,
23639
23216
  PostLinkarea,
23217
+ PostListbox,
23218
+ PostListboxOption,
23219
+ PostLoginWidget,
23640
23220
  PostLogo,
23641
23221
  PostMainnavigation,
23642
23222
  PostMegadropdown,
@@ -23660,275 +23240,6 @@ registerComponents([
23660
23240
  PostTooltipTrigger,
23661
23241
  ]);
23662
23242
 
23663
- /*!
23664
- * long-press-event - v@version@
23665
- * Pure JavaScript long-press-event
23666
- * https://github.com/john-doherty/long-press-event
23667
- * @author John Doherty <www.johndoherty.info>
23668
- * @license MIT
23669
- */
23670
- (function (window, document) {
23671
-
23672
- // local timer object based on rAF
23673
- var timer = null;
23674
-
23675
- // check if we're using a touch screen
23676
- var hasPointerEvents = (('PointerEvent' in window) || (window.navigator && 'msPointerEnabled' in window.navigator));
23677
- var isTouch = (('ontouchstart' in window) || (navigator.MaxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0));
23678
-
23679
- // switch to pointer events or touch events if using a touch screen
23680
- var mouseDown = hasPointerEvents ? 'pointerdown' : isTouch ? 'touchstart' : 'mousedown';
23681
- var mouseUp = hasPointerEvents ? 'pointerup' : isTouch ? 'touchend' : 'mouseup';
23682
- var mouseMove = hasPointerEvents ? 'pointermove' : isTouch ? 'touchmove' : 'mousemove';
23683
- var mouseLeave = hasPointerEvents ? 'pointerleave' : isTouch ? 'touchleave' : 'mouseleave';
23684
-
23685
- // track number of pixels the mouse moves during long press
23686
- var startX = 0; // mouse x position when timer started
23687
- var startY = 0; // mouse y position when timer started
23688
- var maxDiffX = 10; // max number of X pixels the mouse can move during long press before it is canceled
23689
- var maxDiffY = 10; // max number of Y pixels the mouse can move during long press before it is canceled
23690
-
23691
- // patch CustomEvent to allow constructor creation (IE/Chrome)
23692
- if (typeof window.CustomEvent !== 'function') {
23693
-
23694
- window.CustomEvent = function (event, params) {
23695
-
23696
- params = params || { bubbles: false, cancelable: false, detail: undefined };
23697
-
23698
- var evt = document.createEvent('CustomEvent');
23699
- evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
23700
- return evt;
23701
- };
23702
-
23703
- window.CustomEvent.prototype = window.Event.prototype;
23704
- }
23705
-
23706
- // requestAnimationFrame() shim by Paul Irish
23707
- window.requestAnimFrame = (function () {
23708
- return window.requestAnimationFrame ||
23709
- window.webkitRequestAnimationFrame ||
23710
- window.mozRequestAnimationFrame ||
23711
- window.oRequestAnimationFrame ||
23712
- window.msRequestAnimationFrame || function (callback) {
23713
- window.setTimeout(callback, 1000 / 60);
23714
- };
23715
- })();
23716
-
23717
- /**
23718
- * Behaves the same as setTimeout except uses requestAnimationFrame() where possible for better performance
23719
- * @param {function} fn The callback function
23720
- * @param {int} delay The delay in milliseconds
23721
- * @returns {object} handle to the timeout object
23722
- */
23723
- function requestTimeout(fn, delay) {
23724
-
23725
- if (!window.requestAnimationFrame && !window.webkitRequestAnimationFrame &&
23726
- !(window.mozRequestAnimationFrame && window.mozCancelRequestAnimationFrame) && // Firefox 5 ships without cancel support
23727
- !window.oRequestAnimationFrame && !window.msRequestAnimationFrame) return window.setTimeout(fn, delay);
23728
-
23729
- var start = new Date().getTime();
23730
- var handle = {};
23731
-
23732
- var loop = function () {
23733
- var current = new Date().getTime();
23734
- var delta = current - start;
23735
-
23736
- if (delta >= delay) {
23737
- fn.call();
23738
- }
23739
- else {
23740
- handle.value = requestAnimFrame(loop);
23741
- }
23742
- };
23743
-
23744
- handle.value = requestAnimFrame(loop);
23745
-
23746
- return handle;
23747
- }
23748
-
23749
- /**
23750
- * Behaves the same as clearTimeout except uses cancelRequestAnimationFrame() where possible for better performance
23751
- * @param {object} handle The callback function
23752
- * @returns {void}
23753
- */
23754
- function clearRequestTimeout(handle) {
23755
- if (handle) {
23756
- window.cancelAnimationFrame ? window.cancelAnimationFrame(handle.value) :
23757
- window.webkitCancelAnimationFrame ? window.webkitCancelAnimationFrame(handle.value) :
23758
- window.webkitCancelRequestAnimationFrame ? window.webkitCancelRequestAnimationFrame(handle.value) : /* Support for legacy API */
23759
- window.mozCancelRequestAnimationFrame ? window.mozCancelRequestAnimationFrame(handle.value) :
23760
- window.oCancelRequestAnimationFrame ? window.oCancelRequestAnimationFrame(handle.value) :
23761
- window.msCancelRequestAnimationFrame ? window.msCancelRequestAnimationFrame(handle.value) :
23762
- clearTimeout(handle);
23763
- }
23764
- }
23765
-
23766
- /**
23767
- * Fires the 'long-press' event on element
23768
- * @param {MouseEvent|PointerEvent|TouchEvent} originalEvent The original event being fired
23769
- * @returns {void}
23770
- */
23771
- function fireLongPressEvent(originalEvent) {
23772
-
23773
- clearLongPressTimer();
23774
-
23775
- originalEvent = unifyEvent(originalEvent);
23776
-
23777
- // fire the long-press event
23778
- var allowClickEvent = this.dispatchEvent(new CustomEvent('long-press', {
23779
- bubbles: true,
23780
- cancelable: true,
23781
-
23782
- // custom event data (legacy)
23783
- detail: {
23784
- clientX: originalEvent.clientX,
23785
- clientY: originalEvent.clientY,
23786
- offsetX: originalEvent.offsetX,
23787
- offsetY: originalEvent.offsetY,
23788
- pageX: originalEvent.pageX,
23789
- pageY: originalEvent.pageY
23790
- },
23791
-
23792
- // add coordinate data that would typically acompany a touch/click event
23793
- clientX: originalEvent.clientX,
23794
- clientY: originalEvent.clientY,
23795
- offsetX: originalEvent.offsetX,
23796
- offsetY: originalEvent.offsetY,
23797
- pageX: originalEvent.pageX,
23798
- pageY: originalEvent.pageY,
23799
- screenX: originalEvent.screenX,
23800
- screenY: originalEvent.screenY
23801
- }));
23802
-
23803
- if (!allowClickEvent) {
23804
- // suppress the next click event if e.preventDefault() was called in long-press handler
23805
- document.addEventListener('click', function suppressEvent(e) {
23806
- document.removeEventListener('click', suppressEvent, true);
23807
- cancelEvent(e);
23808
- }, true);
23809
- }
23810
- }
23811
-
23812
- /**
23813
- * consolidates mouse, touch, and Pointer events
23814
- * @param {MouseEvent|PointerEvent|TouchEvent} e The original event being fired
23815
- * @returns {MouseEvent|PointerEvent|Touch}
23816
- */
23817
- function unifyEvent(e) {
23818
- if (e.changedTouches !== undefined) {
23819
- return e.changedTouches[0];
23820
- }
23821
- return e;
23822
- }
23823
-
23824
- /**
23825
- * method responsible for starting the long press timer
23826
- * @param {event} e - event object
23827
- * @returns {void}
23828
- */
23829
- function startLongPressTimer(e) {
23830
-
23831
- clearLongPressTimer();
23832
-
23833
- var el = e.target;
23834
-
23835
- // get delay from html attribute if it exists, otherwise default to 1500
23836
- var longPressDelayInMs = parseInt(getNearestAttribute(el, 'data-long-press-delay', '1500'), 10); // default 1500
23837
-
23838
- // start the timer
23839
- timer = requestTimeout(fireLongPressEvent.bind(el, e), longPressDelayInMs);
23840
- }
23841
-
23842
- /**
23843
- * method responsible for clearing a pending long press timer
23844
- * @param {event} e - event object
23845
- * @returns {void}
23846
- */
23847
- function clearLongPressTimer(e) {
23848
- clearRequestTimeout(timer);
23849
- timer = null;
23850
- }
23851
-
23852
- /**
23853
- * Cancels the current event
23854
- * @param {object} e - browser event object
23855
- * @returns {void}
23856
- */
23857
- function cancelEvent(e) {
23858
- e.stopImmediatePropagation();
23859
- e.preventDefault();
23860
- e.stopPropagation();
23861
- }
23862
-
23863
- /**
23864
- * Starts the timer on mouse down and logs current position
23865
- * @param {object} e - browser event object
23866
- * @returns {void}
23867
- */
23868
- function mouseDownHandler(e) {
23869
- startX = e.clientX;
23870
- startY = e.clientY;
23871
- startLongPressTimer(e);
23872
- }
23873
-
23874
- /**
23875
- * If the mouse moves n pixels during long-press, cancel the timer
23876
- * @param {object} e - browser event object
23877
- * @returns {void}
23878
- */
23879
- function mouseMoveHandler(e) {
23880
-
23881
- // calculate total number of pixels the pointer has moved
23882
- var diffX = Math.abs(startX - e.clientX);
23883
- var diffY = Math.abs(startY - e.clientY);
23884
-
23885
- // if pointer has moved more than allowed, cancel the long-press timer and therefore the event
23886
- if (diffX >= maxDiffX || diffY >= maxDiffY) {
23887
- clearLongPressTimer();
23888
- }
23889
- }
23890
-
23891
- /**
23892
- * Gets attribute off HTML element or nearest parent
23893
- * @param {object} el - HTML element to retrieve attribute from
23894
- * @param {string} attributeName - name of the attribute
23895
- * @param {any} defaultValue - default value to return if no match found
23896
- * @returns {any} attribute value or defaultValue
23897
- */
23898
- function getNearestAttribute(el, attributeName, defaultValue) {
23899
-
23900
- // walk up the dom tree looking for data-action and data-trigger
23901
- while (el && el !== document.documentElement) {
23902
-
23903
- var attributeValue = el.getAttribute(attributeName);
23904
-
23905
- if (attributeValue) {
23906
- return attributeValue;
23907
- }
23908
-
23909
- el = el.parentNode;
23910
- }
23911
-
23912
- return defaultValue;
23913
- }
23914
-
23915
- // hook events that clear a pending long press event
23916
- document.addEventListener(mouseUp, clearLongPressTimer, true);
23917
- document.addEventListener(mouseLeave, clearLongPressTimer, true);
23918
- document.addEventListener(mouseMove, mouseMoveHandler, true);
23919
- document.addEventListener('wheel', clearLongPressTimer, true);
23920
- document.addEventListener('scroll', clearLongPressTimer, true);
23921
- document.addEventListener('contextmenu', clearLongPressTimer, true);
23922
-
23923
- // hook events that can trigger a long press event
23924
- document.addEventListener(mouseDown, mouseDownHandler, true); // <- start
23925
-
23926
- }(window, document));
23927
-
23928
- var longPressEvent = /*#__PURE__*/Object.freeze({
23929
- __proto__: null
23930
- });
23931
-
23932
23243
  exports.hydrateApp = hydrateApp;
23933
23244
 
23934
23245