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

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 (347) hide show
  1. package/dist/cjs/{breakpoints-B81j4H4_.js → breakpoints-BTxzC_Qv.js} +4 -7
  2. package/dist/cjs/{get-focusable-children-SdEe5tt7.js → get-focusable-children-CL2gimr1.js} +4 -4
  3. package/dist/cjs/{get-root-CUAv4k4C.js → get-root-BIh00Adr.js} +2 -2
  4. package/dist/cjs/{index-YVR3WTTS.js → index-Byyrsgop.js} +17 -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-BMq-R5Xi.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 -22
  14. package/dist/cjs/post-breadcrumbs.cjs.entry.js +7 -8
  15. package/dist/cjs/{post-closebutton_13.cjs.entry.js → post-closebutton_14.cjs.entry.js} +88 -68
  16. package/dist/cjs/post-collapsible_2.cjs.entry.js +10 -11
  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-number-input.cjs.entry.js +20 -14
  24. package/dist/cjs/post-pagination.cjs.entry.js +10 -11
  25. package/dist/cjs/post-popover-trigger.cjs.entry.js +5 -6
  26. package/dist/cjs/post-popover.cjs.entry.js +7 -8
  27. package/dist/cjs/post-rating.cjs.entry.js +5 -6
  28. package/dist/cjs/post-stepper-item.cjs.entry.js +3 -3
  29. package/dist/cjs/post-stepper.cjs.entry.js +6 -7
  30. package/dist/cjs/post-tab-item.cjs.entry.js +5 -6
  31. package/dist/cjs/post-tab-panel.cjs.entry.js +5 -6
  32. package/dist/cjs/post-tabs.cjs.entry.js +8 -9
  33. package/dist/cjs/post-tooltip-trigger.cjs.entry.js +7 -10
  34. package/dist/cjs/post-tooltip.cjs.entry.js +5 -6
  35. package/dist/collection/animations/collapse.js +3 -2
  36. package/dist/collection/collection-manifest.json +4 -2
  37. package/dist/collection/components/post-accordion/post-accordion.js +2 -2
  38. package/dist/collection/components/post-autocomplete/post-autocomplete.css +1 -0
  39. package/dist/collection/components/post-autocomplete/post-autocomplete.js +271 -0
  40. package/dist/collection/components/post-avatar/post-avatar.js +2 -2
  41. package/dist/collection/components/post-back-to-top/post-back-to-top.js +4 -4
  42. package/dist/collection/components/post-banner/post-banner.js +1 -1
  43. package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js +3 -3
  44. package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.js +3 -3
  45. package/dist/collection/components/post-closebutton/post-closebutton.js +1 -1
  46. package/dist/collection/components/post-collapsible/post-collapsible.js +4 -4
  47. package/dist/collection/components/post-collapsible-trigger/post-collapsible-trigger.js +1 -1
  48. package/dist/collection/components/post-date-picker/post-date-picker.css +1 -1
  49. package/dist/collection/components/post-date-picker/post-date-picker.js +9 -9
  50. package/dist/collection/components/post-footer/post-footer.css +1 -1
  51. package/dist/collection/components/post-footer/post-footer.js +3 -3
  52. package/dist/collection/components/post-header/post-header.js +13 -13
  53. package/dist/collection/components/post-icon/post-icon.js +16 -13
  54. package/dist/collection/components/post-language-menu/post-language-menu.css +1 -1
  55. package/dist/collection/components/post-language-menu/post-language-menu.js +1 -1
  56. package/dist/collection/components/post-language-menu-item/post-language-menu-item.css +1 -1
  57. package/dist/collection/components/post-language-menu-item/post-language-menu-item.js +2 -1
  58. package/dist/collection/components/post-linkarea/post-linkarea.js +1 -1
  59. package/dist/collection/components/post-listbox/post-listbox.css +1 -0
  60. package/dist/collection/components/post-listbox/post-listbox.js +293 -0
  61. package/dist/collection/components/post-listbox-option/post-listbox-option.css +1 -0
  62. package/dist/collection/components/post-listbox-option/post-listbox-option.js +109 -0
  63. package/dist/collection/components/post-logo/post-logo.js +1 -1
  64. package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +1 -1
  65. package/dist/collection/components/post-megadropdown/post-megadropdown.js +5 -5
  66. package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +1 -1
  67. package/dist/collection/components/post-menu/post-menu.js +2 -2
  68. package/dist/collection/components/post-menu-item/post-menu-item.js +1 -1
  69. package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +1 -1
  70. package/dist/collection/components/post-number-input/post-number-input.css +4 -1
  71. package/dist/collection/components/post-number-input/post-number-input.js +12 -3
  72. package/dist/collection/components/post-pagination/post-pagination.js +6 -6
  73. package/dist/collection/components/post-popover/post-popover.js +1 -1
  74. package/dist/collection/components/post-popover-trigger/post-popover-trigger.js +1 -1
  75. package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +26 -19
  76. package/dist/collection/components/post-rating/post-rating.js +1 -1
  77. package/dist/collection/components/post-stepper/post-stepper.js +2 -2
  78. package/dist/collection/components/post-stepper-item/post-stepper-item.js +1 -1
  79. package/dist/collection/components/post-tab-item/post-tab-item.js +1 -1
  80. package/dist/collection/components/post-tab-panel/post-tab-panel.js +1 -1
  81. package/dist/collection/components/post-tabs/post-tabs.js +4 -4
  82. package/dist/collection/components/post-togglebutton/post-togglebutton.js +1 -1
  83. package/dist/collection/components/post-tooltip/post-tooltip.js +1 -1
  84. package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.js +6 -6
  85. package/dist/collection/utils/attribute-observer.js +2 -2
  86. package/dist/collection/utils/breakpoints.js +6 -5
  87. package/dist/collection/utils/get-focusable-children.js +3 -3
  88. package/dist/collection/utils/get-root.js +2 -2
  89. package/dist/collection/utils/index.js +0 -1
  90. package/dist/collection/utils/is-iso-date.js +1 -1
  91. package/dist/collection/utils/is-motion-reduced.js +2 -2
  92. package/dist/collection/utils/property-checkers/check-date.js +1 -1
  93. package/dist/collection/utils/property-checkers/constants.js +1 -1
  94. package/dist/collection/utils/property-checkers/index.js +1 -2
  95. package/dist/collection/utils/repeat-on-long-press.js +6 -6
  96. package/dist/collection/utils/sass-export.js +1 -1
  97. package/dist/collection/utils/tests/helpers/mock-match-media.js +11 -0
  98. package/dist/collection/utils/tests/helpers/mock-stencil-constants.js +12 -0
  99. package/dist/component-names.json +3 -0
  100. package/dist/components/breakpoints.js +1 -1
  101. package/dist/components/get-focusable-children.js +1 -1
  102. package/dist/components/get-root.js +1 -1
  103. package/dist/components/index.d.ts +6 -2
  104. package/dist/components/index.js +1 -1
  105. package/dist/components/package.js +1 -1
  106. package/dist/components/post-accordion2.js +1 -1
  107. package/dist/components/post-autocomplete.d.ts +11 -0
  108. package/dist/components/post-autocomplete.js +1 -0
  109. package/dist/components/post-avatar.js +1 -1
  110. package/dist/components/post-back-to-top.js +1 -1
  111. package/dist/components/post-banner.js +1 -1
  112. package/dist/components/post-breadcrumb-item2.js +1 -1
  113. package/dist/components/post-breadcrumbs.js +1 -1
  114. package/dist/components/post-closebutton2.js +1 -1
  115. package/dist/components/post-collapsible-trigger2.js +1 -1
  116. package/dist/components/post-collapsible2.js +1 -1
  117. package/dist/components/post-date-picker.js +1 -1
  118. package/dist/components/post-footer.js +1 -1
  119. package/dist/components/post-header.js +1 -1
  120. package/dist/components/post-icon2.js +1 -1
  121. package/dist/components/post-language-menu-item.js +1 -1
  122. package/dist/components/post-language-menu.js +1 -1
  123. package/dist/components/post-linkarea.js +1 -1
  124. package/dist/components/post-listbox-option.d.ts +11 -0
  125. package/dist/components/post-listbox-option.js +1 -0
  126. package/dist/components/{post-env-test.d.ts → post-listbox.d.ts} +4 -4
  127. package/dist/components/post-listbox.js +1 -0
  128. package/dist/components/post-logo.js +1 -1
  129. package/dist/components/post-mainnavigation.js +1 -1
  130. package/dist/components/post-megadropdown-trigger.js +1 -1
  131. package/dist/components/post-megadropdown.js +1 -1
  132. package/dist/components/post-menu-item2.js +1 -1
  133. package/dist/components/post-menu-trigger2.js +1 -1
  134. package/dist/components/post-menu2.js +1 -1
  135. package/dist/components/post-number-input.js +1 -1
  136. package/dist/components/post-pagination.js +1 -1
  137. package/dist/components/post-popover-trigger.js +1 -1
  138. package/dist/components/post-popover.js +1 -1
  139. package/dist/components/post-popovercontainer2.js +1 -1
  140. package/dist/components/post-rating.js +1 -1
  141. package/dist/components/post-stepper-item.js +1 -1
  142. package/dist/components/post-stepper.js +1 -1
  143. package/dist/components/post-tab-item.js +1 -1
  144. package/dist/components/post-tab-panel.js +1 -1
  145. package/dist/components/post-tabs.js +1 -1
  146. package/dist/components/post-togglebutton2.js +1 -1
  147. package/dist/components/post-tooltip-trigger.js +1 -1
  148. package/dist/components/post-tooltip.js +1 -1
  149. package/dist/components/react/index.js +1 -1
  150. package/dist/components/react/{p-htxkyM9X.js → p-6dWji_Xt.js} +1 -1
  151. package/dist/components/react/p-BIQP_u-p.js +1 -0
  152. package/dist/components/react/p-BlBcIJe_.js +1 -0
  153. package/dist/components/react/{p-CmA91vH_.js → p-Bq6Ye6Uc.js} +1 -1
  154. package/dist/components/react/p-BvY9Yl0A.js +1 -0
  155. package/dist/components/react/p-ByHBwvly.js +1 -0
  156. package/dist/components/react/{p-BcBg4WYn.js → p-C7drBbGl.js} +1 -1
  157. package/dist/components/react/p-CKkmf4_w.js +1 -0
  158. package/dist/components/react/p-CS77r1AS.js +1 -0
  159. package/dist/components/react/{p-C9bJM7_1.js → p-CY-_ZlW3.js} +1 -1
  160. package/dist/components/react/p-D3Tx-0vM.js +1 -0
  161. package/dist/components/react/p-DVY9jsO7.js +1 -0
  162. package/dist/components/react/p-Djnfi-_S.js +1 -0
  163. package/dist/components/react/p-DlHbGhvD.js +1 -0
  164. package/dist/components/react/p-DxJ0OgPJ.js +1 -0
  165. package/dist/components/react/{p-CdMrnWjS.js → p-RpVuZS9R.js} +1 -1
  166. package/dist/components/react/post-accordion-item.js +1 -1
  167. package/dist/components/react/post-accordion.js +1 -1
  168. package/dist/components/react/post-autocomplete.d.ts +11 -0
  169. package/dist/components/react/post-autocomplete.js +1 -0
  170. package/dist/components/react/post-avatar.js +1 -1
  171. package/dist/components/react/post-back-to-top.js +1 -1
  172. package/dist/components/react/post-banner.js +1 -1
  173. package/dist/components/react/post-breadcrumb-item.js +1 -1
  174. package/dist/components/react/post-breadcrumbs.js +1 -1
  175. package/dist/components/react/post-closebutton.js +1 -1
  176. package/dist/components/react/post-collapsible-trigger.js +1 -1
  177. package/dist/components/react/post-collapsible.js +1 -1
  178. package/dist/components/react/post-date-picker.js +1 -1
  179. package/dist/components/react/post-footer.js +1 -1
  180. package/dist/components/react/post-header.js +1 -1
  181. package/dist/components/react/post-icon.js +1 -1
  182. package/dist/components/react/post-language-menu-item.js +1 -1
  183. package/dist/components/react/post-language-menu.js +1 -1
  184. package/dist/components/react/post-linkarea.js +1 -1
  185. package/dist/components/react/post-listbox-option.d.ts +11 -0
  186. package/dist/components/react/post-listbox-option.js +1 -0
  187. package/dist/components/react/{post-env-test.d.ts → post-listbox.d.ts} +4 -4
  188. package/dist/components/react/post-listbox.js +1 -0
  189. package/dist/components/react/post-logo.js +1 -1
  190. package/dist/components/react/post-mainnavigation.js +1 -1
  191. package/dist/components/react/post-megadropdown-trigger.js +1 -1
  192. package/dist/components/react/post-megadropdown.js +1 -1
  193. package/dist/components/react/post-menu-item.js +1 -1
  194. package/dist/components/react/post-menu-trigger.js +1 -1
  195. package/dist/components/react/post-menu.js +1 -1
  196. package/dist/components/react/post-number-input.js +1 -1
  197. package/dist/components/react/post-pagination.js +1 -1
  198. package/dist/components/react/post-popover-trigger.js +1 -1
  199. package/dist/components/react/post-popover.js +1 -1
  200. package/dist/components/react/post-popovercontainer.js +1 -1
  201. package/dist/components/react/post-rating.js +1 -1
  202. package/dist/components/react/post-stepper-item.js +1 -1
  203. package/dist/components/react/post-stepper.js +1 -1
  204. package/dist/components/react/post-tab-item.js +1 -1
  205. package/dist/components/react/post-tab-panel.js +1 -1
  206. package/dist/components/react/post-tabs.js +1 -1
  207. package/dist/components/react/post-togglebutton.js +1 -1
  208. package/dist/components/react/post-tooltip-trigger.js +1 -1
  209. package/dist/components/react/post-tooltip.js +1 -1
  210. package/dist/docs.json +483 -23
  211. package/dist/esm/{breakpoints-_gmb7vUy.js → breakpoints-CZuqK5QS.js} +4 -7
  212. package/dist/esm/{get-focusable-children-CFWKPWu9.js → get-focusable-children-CckqSLu_.js} +4 -4
  213. package/dist/esm/{get-root-CXfAA093.js → get-root-gmtbd8C-.js} +2 -2
  214. package/dist/esm/{index-Cj-Lzb7i.js → index-8Vx4ywJ4.js} +17 -9
  215. package/dist/esm/{index-CCMeku7U.js → index-D9bU2pIE.js} +3 -3
  216. package/dist/esm/loader.js +3 -3
  217. package/dist/esm/package-DVY9jsO7.js +3 -0
  218. package/dist/esm/post-accordion_2.entry.js +6 -7
  219. package/dist/esm/post-autocomplete.entry.js +179 -0
  220. package/dist/esm/post-avatar.entry.js +6 -7
  221. package/dist/esm/post-back-to-top.entry.js +8 -9
  222. package/dist/esm/post-banner.entry.js +5 -6
  223. package/dist/esm/{post-breadcrumb-item_2.entry.js → post-breadcrumb-item.entry.js} +8 -22
  224. package/dist/esm/post-breadcrumbs.entry.js +7 -8
  225. package/dist/esm/{post-closebutton_13.entry.js → post-closebutton_14.entry.js} +88 -69
  226. package/dist/esm/post-collapsible_2.entry.js +10 -11
  227. package/dist/esm/post-components.js +3 -3
  228. package/dist/esm/post-date-picker.entry.js +12 -13
  229. package/dist/esm/post-footer.entry.js +8 -9
  230. package/dist/esm/post-linkarea.entry.js +3 -3
  231. package/dist/esm/post-listbox-option.entry.js +24 -0
  232. package/dist/esm/post-listbox.entry.js +149 -0
  233. package/dist/esm/post-number-input.entry.js +20 -14
  234. package/dist/esm/post-pagination.entry.js +10 -11
  235. package/dist/esm/post-popover-trigger.entry.js +5 -6
  236. package/dist/esm/post-popover.entry.js +7 -8
  237. package/dist/esm/post-rating.entry.js +5 -6
  238. package/dist/esm/post-stepper-item.entry.js +3 -3
  239. package/dist/esm/post-stepper.entry.js +6 -7
  240. package/dist/esm/post-tab-item.entry.js +5 -6
  241. package/dist/esm/post-tab-panel.entry.js +5 -6
  242. package/dist/esm/post-tabs.entry.js +8 -9
  243. package/dist/esm/post-tooltip-trigger.entry.js +7 -10
  244. package/dist/esm/post-tooltip.entry.js +5 -6
  245. package/dist/post-components/p-0962f02e.entry.js +1 -0
  246. package/dist/post-components/p-0c22b6cb.entry.js +1 -0
  247. package/dist/post-components/p-11dfed23.entry.js +1 -0
  248. package/dist/post-components/{p-46f30771.entry.js → p-136052d8.entry.js} +1 -1
  249. package/dist/post-components/p-15d519e6.entry.js +1 -0
  250. package/dist/post-components/p-16573e00.entry.js +1 -0
  251. package/dist/post-components/p-29859921.entry.js +1 -0
  252. package/dist/post-components/p-3a294f1a.entry.js +1 -0
  253. package/dist/post-components/p-44481053.entry.js +1 -0
  254. package/dist/post-components/p-61d99723.entry.js +1 -0
  255. package/dist/post-components/p-68196501.entry.js +1 -0
  256. package/dist/post-components/p-6badcfb3.entry.js +1 -0
  257. package/dist/post-components/p-6c2558a3.entry.js +1 -0
  258. package/dist/post-components/p-6debd1d3.entry.js +1 -0
  259. package/dist/post-components/p-7b44e7e5.entry.js +1 -0
  260. package/dist/post-components/p-81aca7ec.entry.js +1 -0
  261. package/dist/post-components/p-85af10b8.entry.js +1 -0
  262. package/dist/post-components/p-8Vx4ywJ4.js +2 -0
  263. package/dist/post-components/p-951b3be6.entry.js +1 -0
  264. package/dist/post-components/{p-fe35968d.entry.js → p-9a3d4f38.entry.js} +1 -1
  265. package/dist/post-components/p-D81ozKs6.js +1 -0
  266. package/dist/post-components/p-D9bU2pIE.js +1 -0
  267. package/dist/post-components/p-DVY9jsO7.js +1 -0
  268. package/dist/post-components/p-DkA4Ai8j.js +1 -0
  269. package/dist/post-components/p-a4dd6a67.entry.js +1 -0
  270. package/dist/post-components/p-aFKnsRj1.js +1 -0
  271. package/dist/post-components/p-b13742e1.entry.js +1 -0
  272. package/dist/post-components/p-c5717005.entry.js +1 -0
  273. package/dist/post-components/p-ca7796c7.entry.js +1 -0
  274. package/dist/post-components/p-ce7bfb11.entry.js +1 -0
  275. package/dist/post-components/p-e14f0dd1.entry.js +1 -0
  276. package/dist/post-components/p-e5a2d0c3.entry.js +1 -0
  277. package/dist/post-components/post-components.css +6 -1
  278. package/dist/post-components/post-components.esm.js +1 -1
  279. package/dist/types/components/post-autocomplete/post-autocomplete.d.ts +34 -0
  280. package/dist/types/components/post-listbox/post-listbox.d.ts +37 -0
  281. package/dist/types/components/post-listbox-option/post-listbox-option.d.ts +13 -0
  282. package/dist/types/components/post-number-input/post-number-input.d.ts +2 -0
  283. package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts +2 -0
  284. package/dist/types/components.d.ts +176 -13
  285. package/dist/types/utils/breakpoints.d.ts +1 -0
  286. package/dist/types/utils/index.d.ts +0 -1
  287. package/dist/types/utils/property-checkers/index.d.ts +1 -2
  288. package/dist/types/utils/tests/helpers/mock-match-media.d.ts +4 -0
  289. package/dist/types/utils/tests/helpers/mock-stencil-constants.d.ts +0 -0
  290. package/hydrate/index.js +565 -1347
  291. package/hydrate/index.mjs +565 -1347
  292. package/package.json +8 -6
  293. package/dist/cjs/environment-BQE9Unf_.js +0 -52
  294. package/dist/cjs/post-env-test.cjs.entry.js +0 -15
  295. package/dist/collection/utils/environment.js +0 -47
  296. package/dist/collection/utils/tests/environment/hydrate-app-helper.js +0 -16
  297. package/dist/collection/utils/tests/environment/post-env-test.js +0 -9
  298. package/dist/components/environment.js +0 -1
  299. package/dist/components/post-env-test.js +0 -1
  300. package/dist/components/react/p-BVGcVycs.js +0 -1
  301. package/dist/components/react/p-Bb0ejJa3.js +0 -1
  302. package/dist/components/react/p-BbnDcq_W.js +0 -1
  303. package/dist/components/react/p-C1CrnSak.js +0 -1
  304. package/dist/components/react/p-CApN7QUn.js +0 -1
  305. package/dist/components/react/p-CGeIHu-8.js +0 -1
  306. package/dist/components/react/p-CVM28gRr.js +0 -1
  307. package/dist/components/react/p-CfXYLM9Y.js +0 -1
  308. package/dist/components/react/p-DH6JtVW9.js +0 -1
  309. package/dist/components/react/p-Dgo_BJCW.js +0 -1
  310. package/dist/components/react/p-Dne0jb7e.js +0 -1
  311. package/dist/components/react/p-FxUVQ4Tx.js +0 -1
  312. package/dist/components/react/post-env-test.js +0 -1
  313. package/dist/esm/environment-CEmnRoA6.js +0 -49
  314. package/dist/esm/package-CApN7QUn.js +0 -3
  315. package/dist/esm/post-env-test.entry.js +0 -13
  316. package/dist/post-components/p-054c0046.entry.js +0 -1
  317. package/dist/post-components/p-102b69dd.entry.js +0 -1
  318. package/dist/post-components/p-1221cdd6.entry.js +0 -1
  319. package/dist/post-components/p-14ca5d65.entry.js +0 -1
  320. package/dist/post-components/p-38404768.entry.js +0 -1
  321. package/dist/post-components/p-388ac19f.entry.js +0 -1
  322. package/dist/post-components/p-5088354d.entry.js +0 -1
  323. package/dist/post-components/p-53c3195b.entry.js +0 -1
  324. package/dist/post-components/p-6e79a981.entry.js +0 -1
  325. package/dist/post-components/p-700c3e20.entry.js +0 -1
  326. package/dist/post-components/p-7fc1291f.entry.js +0 -1
  327. package/dist/post-components/p-84905b89.entry.js +0 -1
  328. package/dist/post-components/p-9127ee5c.entry.js +0 -1
  329. package/dist/post-components/p-91fbf90f.entry.js +0 -1
  330. package/dist/post-components/p-9e6b8aae.entry.js +0 -1
  331. package/dist/post-components/p-CApN7QUn.js +0 -1
  332. package/dist/post-components/p-CCMeku7U.js +0 -1
  333. package/dist/post-components/p-CEmnRoA6.js +0 -1
  334. package/dist/post-components/p-Cj-Lzb7i.js +0 -2
  335. package/dist/post-components/p-DI-h_mEL.js +0 -1
  336. package/dist/post-components/p-DppMBmK1.js +0 -1
  337. package/dist/post-components/p-Rr097A6n.js +0 -1
  338. package/dist/post-components/p-b7c02b48.entry.js +0 -1
  339. package/dist/post-components/p-bb2dc205.entry.js +0 -1
  340. package/dist/post-components/p-dd2d35fd.entry.js +0 -1
  341. package/dist/post-components/p-dde0c46e.entry.js +0 -1
  342. package/dist/post-components/p-e4978408.entry.js +0 -1
  343. package/dist/post-components/p-eb4eabe2.entry.js +0 -1
  344. package/dist/post-components/p-ece3d263.entry.js +0 -1
  345. package/dist/types/utils/environment.d.ts +0 -26
  346. package/dist/types/utils/tests/environment/hydrate-app-helper.d.ts +0 -5
  347. 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-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-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}";
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.67";
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,7 @@ class Breakpoint {
5466
5418
  { key: 'sm', device: 'tablet', minWidth: 600 },
5467
5419
  { key: 'xs', device: 'mobile', minWidth: 0 },
5468
5420
  ];
5421
+ this.resizeObserver = new ResizeObserver(() => this.updateCurrentBreakpoint());
5469
5422
  this.updateCurrentBreakpoint = throttle(50, (options = { emitEvents: true }) => {
5470
5423
  const previousBreakpoint = this.currentBreakpoint;
5471
5424
  const newBreakpoint = this.breakpoints.find(breakpoint => {
@@ -5480,15 +5433,10 @@ class Breakpoint {
5480
5433
  .filter(key => !previousBreakpoint || this.currentBreakpoint[key] !== previousBreakpoint[key])
5481
5434
  .forEach((key) => this.dispatchEvent(key));
5482
5435
  });
5483
- if (IS_SERVER)
5484
- return;
5485
- this.updateCurrentBreakpoint({ emitEvents: false });
5486
- window.addEventListener('resize', () => this.updateCurrentBreakpoint(), { passive: true });
5436
+ return;
5487
5437
  }
5488
5438
  dispatchEvent(property) {
5489
- if (IS_SERVER)
5490
- return;
5491
- window.dispatchEvent(new CustomEvent(`postBreakpoint:${property}`, { detail: this.currentBreakpoint[property] }));
5439
+ return;
5492
5440
  }
5493
5441
  get(property) {
5494
5442
  this.updateCurrentBreakpoint({ emitEvents: false });
@@ -5651,7 +5599,7 @@ function findClosestParentWithTag(element, tagName) {
5651
5599
  * So use it for example in the componentDidLoad lifecycle hook.
5652
5600
  */
5653
5601
  function getRoot(element) {
5654
- const root = IS_BROWSER ? element.getRootNode() : element;
5602
+ const root = element;
5655
5603
  if (root instanceof Document || root instanceof ShadowRoot) {
5656
5604
  return root;
5657
5605
  }
@@ -5696,7 +5644,7 @@ function getDeepFocusableChildren(el, filter, visited = new Set()) {
5696
5644
  // SLOT
5697
5645
  if (el instanceof HTMLSlotElement) {
5698
5646
  const assigned = el.assignedElements({ flatten: true });
5699
- nodes = assigned.length ? assigned : Array.from(el.children);
5647
+ nodes = assigned.length > 0 ? assigned : Array.from(el.children);
5700
5648
  }
5701
5649
  // SHADOW ROOT
5702
5650
  else if (el instanceof HTMLElement && el.shadowRoot) {
@@ -5729,8 +5677,8 @@ function isFocusBlockedByCSS(el) {
5729
5677
  if (typeof el.checkVisibility === 'function') {
5730
5678
  return !el.checkVisibility({ visibilityProperty: true });
5731
5679
  }
5732
- const style = window.getComputedStyle(el);
5733
- if (style.display === 'none' || style.visibility !== 'visible') {
5680
+ const style = el.ownerDocument?.defaultView?.getComputedStyle(el);
5681
+ if (!style || style.display === 'none' || style.visibility !== 'visible') {
5734
5682
  return true;
5735
5683
  }
5736
5684
  if (el.parentElement) {
@@ -5754,21 +5702,17 @@ function getSlottedElement(host, selector) {
5754
5702
  return null;
5755
5703
  }
5756
5704
 
5757
- function isMotionReduced() {
5758
- return IS_BROWSER ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : true;
5759
- }
5760
-
5761
5705
  function repeatOnLongPress(callback, options) {
5762
5706
  const stop = repeat(callback, options);
5763
5707
  const handler = () => {
5764
5708
  stop();
5765
- window.removeEventListener('pointerup', handler);
5766
- window.removeEventListener('pointercancel', handler);
5767
- window.removeEventListener('pointerleave', handler);
5709
+ globalThis.removeEventListener('pointerup', handler);
5710
+ globalThis.removeEventListener('pointercancel', handler);
5711
+ globalThis.removeEventListener('pointerleave', handler);
5768
5712
  };
5769
- window.addEventListener('pointerup', handler);
5770
- window.addEventListener('pointercancel', handler);
5771
- window.addEventListener('pointerleave', handler);
5713
+ globalThis.addEventListener('pointerup', handler);
5714
+ globalThis.addEventListener('pointercancel', handler);
5715
+ globalThis.addEventListener('pointerleave', handler);
5772
5716
  }
5773
5717
  function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
5774
5718
  callback(); // immediate action
@@ -5785,7 +5729,7 @@ function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
5785
5729
 
5786
5730
  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
5731
 
5788
- var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
5732
+ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
5789
5733
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
5790
5734
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
5791
5735
  r = Reflect.decorate(decorators, target, key, desc);
@@ -5856,7 +5800,7 @@ class PostAccordion {
5856
5800
  if (this.multiple) {
5857
5801
  await Promise.all(this.accordionItems.map(item => item.toggle(true)));
5858
5802
  }
5859
- else if (!this.expandedItems.size) {
5803
+ else if (this.expandedItems.size === 0) {
5860
5804
  await this.accordionItems[0].toggle(true);
5861
5805
  }
5862
5806
  }
@@ -5881,7 +5825,7 @@ class PostAccordion {
5881
5825
  });
5882
5826
  }
5883
5827
  render() {
5884
- return (hAsync(Host, { key: 'abd12317431d14e61e2f8e54b9f24b801b8c6954', "data-version": version$1 }, hAsync("div", { key: '9e2225a32458319de148a52a276a64407b282ec5', class: "accordion" }, hAsync("slot", { key: 'e8213a7f663c85d16a5e8e1273d2233787b08f49', onSlotchange: () => this.registerAccordionItems() }))));
5828
+ return (hAsync(Host, { key: 'fa37ee5b4611a84d273229955bcf624e53120022', "data-version": version$1 }, hAsync("div", { key: '0884dc3582eb768c6dd4959168d7e9a9b4195c3c', class: "accordion" }, hAsync("slot", { key: 'f6d81d89aca513094ac5c1d531ed9d63f7b93730', onSlotchange: () => this.registerAccordionItems() }))));
5885
5829
  }
5886
5830
  get host() { return getElement(this); }
5887
5831
  static get watchers() { return {
@@ -5905,7 +5849,7 @@ class PostAccordion {
5905
5849
  "$attrsToReflect$": [["headingLevel", "heading-level"], ["multiple", "multiple"]]
5906
5850
  }; }
5907
5851
  }
5908
- __decorate$7([
5852
+ __decorate$8([
5909
5853
  EventFrom('post-accordion-item')
5910
5854
  ], PostAccordion.prototype, "collapseToggleHandler", null);
5911
5855
 
@@ -5936,7 +5880,7 @@ function nanoid(size = 21) {
5936
5880
 
5937
5881
  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
5882
 
5939
- var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
5883
+ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
5940
5884
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
5941
5885
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
5942
5886
  r = Reflect.decorate(decorators, target, key, desc);
@@ -6016,10 +5960,199 @@ class PostAccordionItem {
6016
5960
  "$attrsToReflect$": [["collapsed", "collapsed"]]
6017
5961
  }; }
6018
5962
  }
6019
- __decorate$6([
5963
+ __decorate$7([
6020
5964
  EventFrom('post-accordion-item')
6021
5965
  ], PostAccordionItem.prototype, "onCollapseToggle", null);
6022
5966
 
5967
+ 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}`;
5968
+
5969
+ /**
5970
+ * @slot default - Slot for placing post-autocomplete-item components.
5971
+ */
5972
+ class PostAutocomplete {
5973
+ constructor(hostRef) {
5974
+ registerInstance(this, hostRef);
5975
+ this.postFilteringEvent = createEvent(this, "postFilteringEvent");
5976
+ this.debouncedHandleInput = debounce((event) => this.handleInput(event), 250);
5977
+ /** Number of characters to type before filtering methods are called */
5978
+ this.filterThreshold = 0;
5979
+ /** Show or hide the clear button */
5980
+ this.clearable = false;
5981
+ this.inputValue = '';
5982
+ this.handleOnBlur = () => {
5983
+ this.inputElement.value = this.inputValue;
5984
+ this.listBoxElement.filter('');
5985
+ this.hideListBox();
5986
+ };
5987
+ this.handleInput = (event) => {
5988
+ if (!this.listBoxElement)
5989
+ return;
5990
+ const value = event.target.value.trim();
5991
+ const query = value.length >= this.filterThreshold ? value : '';
5992
+ // Allow for consuming parent to handle filtering (e.g. for async data) and prevent default filtering behavior
5993
+ const { defaultPrevented } = this.postFilteringEvent.emit(query && query.length >= this.filterThreshold ? query : '');
5994
+ if (defaultPrevented)
5995
+ return;
5996
+ this.listBoxElement.filter(query);
5997
+ if (query) {
5998
+ this.showListBox();
5999
+ }
6000
+ else {
6001
+ this.inputValue = '';
6002
+ }
6003
+ };
6004
+ this.handleKeyDown = (event) => {
6005
+ const { key, altKey } = event;
6006
+ switch (key) {
6007
+ case 'ArrowDown':
6008
+ event.preventDefault();
6009
+ this.showListBox();
6010
+ if (!altKey) {
6011
+ this.listBoxElement.navigate('down');
6012
+ }
6013
+ break;
6014
+ case 'ArrowUp':
6015
+ event.preventDefault();
6016
+ this.listBoxElement.navigate('up');
6017
+ break;
6018
+ case 'Enter':
6019
+ if (this.listBoxElement.hidden)
6020
+ return;
6021
+ event.preventDefault();
6022
+ this.listBoxElement.selectActive();
6023
+ this.hideListBox();
6024
+ break;
6025
+ case 'Escape':
6026
+ this.hideListBox();
6027
+ break;
6028
+ case 'Tab':
6029
+ this.listBoxElement.selectActive();
6030
+ this.hideListBox();
6031
+ break;
6032
+ case 'Home':
6033
+ event.preventDefault();
6034
+ this.listBoxElement.navigate('first');
6035
+ break;
6036
+ case 'End':
6037
+ event.preventDefault();
6038
+ this.listBoxElement.navigate('last');
6039
+ break;
6040
+ }
6041
+ };
6042
+ this.handleOptionSelected = (e) => {
6043
+ const value = e.detail;
6044
+ this.inputElement.value = value;
6045
+ this.inputValue = value;
6046
+ this.hideListBox();
6047
+ };
6048
+ this.handleOptionActive = (e) => {
6049
+ const value = e.detail;
6050
+ if (value) {
6051
+ this.inputElement.setAttribute('aria-activedescendant', value);
6052
+ }
6053
+ else {
6054
+ this.inputElement.removeAttribute('aria-activedescendant');
6055
+ }
6056
+ };
6057
+ this.hideListBox = () => {
6058
+ this.listBoxElement.hide();
6059
+ this.inputElement.ariaExpanded = 'false';
6060
+ this.host.removeAttribute('open');
6061
+ this.inputElement.removeAttribute('aria-activedescendant');
6062
+ };
6063
+ this.showListBox = () => {
6064
+ this.listBoxElement.show();
6065
+ this.inputElement.ariaExpanded = 'true';
6066
+ this.host.setAttribute('open', '');
6067
+ };
6068
+ this.clearInput = () => {
6069
+ if (this.inputElement) {
6070
+ this.inputElement.value = '';
6071
+ this.inputValue = '';
6072
+ this.listBoxElement.clearSelection();
6073
+ this.hideListBox();
6074
+ }
6075
+ };
6076
+ }
6077
+ get inputElement() {
6078
+ return this.host.querySelector('input');
6079
+ }
6080
+ get listBoxElement() {
6081
+ if (this.listbox) {
6082
+ return document.getElementById(this.listbox);
6083
+ }
6084
+ else {
6085
+ return this.host.querySelector('post-listbox');
6086
+ }
6087
+ }
6088
+ componentWillLoad() {
6089
+ if (!this.inputElement)
6090
+ return;
6091
+ this.inputElement.role = 'combobox';
6092
+ this.inputElement.ariaAutoComplete = 'list';
6093
+ if (!this.listBoxElement)
6094
+ return;
6095
+ if (!this.listBoxElement.id)
6096
+ this.listBoxElement.id = crypto.randomUUID();
6097
+ this.inputElement.setAttribute('aria-controls', this.listBoxElement.id);
6098
+ this.inputElement.setAttribute('aria-expanded', 'false');
6099
+ // Because we're handling that and the browser would show a duplicate native autocomplete dropdown
6100
+ this.inputElement.autocomplete = 'off';
6101
+ this.attachInputListeners();
6102
+ this.attachListboxListeners();
6103
+ }
6104
+ disconnectedCallback() {
6105
+ this.detachInputListeners();
6106
+ this.detachListboxListeners();
6107
+ }
6108
+ attachInputListeners() {
6109
+ if (this.inputElement) {
6110
+ this.inputElement.addEventListener('input', this.debouncedHandleInput);
6111
+ this.inputElement.addEventListener('keydown', this.handleKeyDown);
6112
+ this.inputElement.addEventListener('blur', this.handleOnBlur);
6113
+ this.inputElement.addEventListener('click', this.showListBox);
6114
+ }
6115
+ }
6116
+ detachInputListeners() {
6117
+ if (this.inputElement) {
6118
+ this.inputElement.removeEventListener('input', this.debouncedHandleInput);
6119
+ this.inputElement.removeEventListener('keydown', this.handleKeyDown);
6120
+ this.inputElement.removeEventListener('blur', this.handleOnBlur);
6121
+ this.inputElement.removeEventListener('click', this.showListBox);
6122
+ }
6123
+ }
6124
+ attachListboxListeners() {
6125
+ if (this.listBoxElement) {
6126
+ this.listBoxElement.addEventListener('postOptionSelected', this.handleOptionSelected);
6127
+ this.listBoxElement.addEventListener('postOptionActive', this.handleOptionActive);
6128
+ }
6129
+ }
6130
+ detachListboxListeners() {
6131
+ if (this.listBoxElement) {
6132
+ this.listBoxElement.removeEventListener('postOptionSelected', this.handleOptionSelected);
6133
+ this.listBoxElement.removeEventListener('postOptionActive', this.handleOptionActive);
6134
+ }
6135
+ }
6136
+ render() {
6137
+ 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" })));
6138
+ }
6139
+ get host() { return getElement(this); }
6140
+ static get style() { return postAutocompleteCss(); }
6141
+ static get cmpMeta() { return {
6142
+ "$flags$": 265,
6143
+ "$tagName$": "post-autocomplete",
6144
+ "$members$": {
6145
+ "filterThreshold": [514, "filter-threshold"],
6146
+ "clearable": [516],
6147
+ "listbox": [513],
6148
+ "inputValue": [32]
6149
+ },
6150
+ "$listeners$": undefined,
6151
+ "$lazyBundleId$": "-",
6152
+ "$attrsToReflect$": [["filterThreshold", "filter-threshold"], ["clearable", "clearable"], ["listbox", "listbox"]]
6153
+ }; }
6154
+ }
6155
+
6023
6156
  // https://docs.gravatar.com/api/avatars/images/
6024
6157
  const GRAVATAR_DEFAULT = '404';
6025
6158
  const GRAVATAR_RATING = 'g';
@@ -6178,13 +6311,13 @@ class PostAvatar {
6178
6311
  this.validateEmail();
6179
6312
  }
6180
6313
  render() {
6181
- const names = [this.firstname, this.lastname].filter(n => n).map(n => n.trim());
6314
+ const names = [this.firstname, this.lastname].filter(Boolean).map(n => n.trim());
6182
6315
  const initials = names
6183
6316
  .map(n => n.charAt(0))
6184
6317
  .join('')
6185
6318
  .trim();
6186
6319
  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)))));
6320
+ 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
6321
  }
6189
6322
  get host() { return getElement(this); }
6190
6323
  static get watchers() { return {
@@ -6325,7 +6458,7 @@ class PostBackToTop {
6325
6458
  }
6326
6459
  animateButton() {
6327
6460
  // Get the back-to-top button top postiion
6328
- const positionTop = window.getComputedStyle(this.host).getPropertyValue('top');
6461
+ const positionTop = globalThis.getComputedStyle(this.host).getPropertyValue('top');
6329
6462
  const buttonElement = this.host.shadowRoot.querySelector('button');
6330
6463
  // Extract the elevation height from the back-to-top button elevation token
6331
6464
  const elevation = getComputedStyle(buttonElement).getPropertyValue('--post-back-to-top-elevation');
@@ -6336,8 +6469,8 @@ class PostBackToTop {
6336
6469
  // The translateY is calculated as => -100% (btt button height) - topPosition - elevationHeight
6337
6470
  this.translateY =
6338
6471
  (-1 * 100) / 100 -
6339
- parseFloat(positionTop.replace('px', '')) -
6340
- parseFloat(elevationHeight.replace('px', ''));
6472
+ Number.parseFloat(positionTop.replace('px', '')) -
6473
+ Number.parseFloat(elevationHeight.replace('px', ''));
6341
6474
  if (this.belowFold) {
6342
6475
  fadeSlide(this.host, 'in', { translate: this.translateY, fill: 'forwards' });
6343
6476
  }
@@ -6358,7 +6491,7 @@ class PostBackToTop {
6358
6491
  window.removeEventListener('scroll', this.handleScroll);
6359
6492
  }
6360
6493
  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))));
6494
+ 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
6495
  }
6363
6496
  get host() { return getElement(this); }
6364
6497
  static get watchers() { return {
@@ -6435,7 +6568,7 @@ const BANNER_TYPES = ['success', 'warning', 'error', 'info'];
6435
6568
 
6436
6569
  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
6570
 
6438
- var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
6571
+ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
6439
6572
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
6440
6573
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
6441
6574
  r = Reflect.decorate(decorators, target, key, desc);
@@ -6491,7 +6624,7 @@ class PostBanner {
6491
6624
  this.hasActions = this.host.querySelectorAll('[slot="actions"]').length > 0;
6492
6625
  }
6493
6626
  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" })))));
6627
+ 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
6628
  }
6496
6629
  get host() { return getElement(this); }
6497
6630
  static get watchers() { return {
@@ -6513,7 +6646,7 @@ class PostBanner {
6513
6646
  "$attrsToReflect$": [["type", "type"]]
6514
6647
  }; }
6515
6648
  }
6516
- __decorate$5([
6649
+ __decorate$6([
6517
6650
  EventFrom('post-closebutton', { allowDescendants: true })
6518
6651
  ], PostBanner.prototype, "onCloseButtonClick", null);
6519
6652
 
@@ -6530,7 +6663,7 @@ class PostBreadcrumbItem {
6530
6663
  try {
6531
6664
  this.validUrl = this.constructUrl(this.url);
6532
6665
  }
6533
- catch (error) {
6666
+ catch {
6534
6667
  this.validUrl = undefined;
6535
6668
  }
6536
6669
  }
@@ -6538,7 +6671,7 @@ class PostBreadcrumbItem {
6538
6671
  constructUrl(value) {
6539
6672
  const hasBaseURL = /^https?:\/\//.test(String(this.url));
6540
6673
  if (typeof value === 'string') {
6541
- this.fullUrl = hasBaseURL ? value : `${window.location.origin}${value}`;
6674
+ this.fullUrl = hasBaseURL ? value : `${globalThis.location.origin}${value}`;
6542
6675
  checkEmptyOrUrl(this, 'fullUrl');
6543
6676
  return this.fullUrl;
6544
6677
  }
@@ -6558,7 +6691,7 @@ class PostBreadcrumbItem {
6558
6691
  }
6559
6692
  render() {
6560
6693
  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' }))));
6694
+ return (hAsync(Host, { key: 'bdcfdbdf47cc64f7a847f1187dd1e0877731bb1d', "data-version": version$1 }, hAsync("post-icon", { key: '98b8ac5b2131e7028a81fdc1b627a86086f41466', name: "chevronright", class: "breadcrumb-item-icon" }), hAsync(BreadcrumbTag, { key: 'c5ef5c8468d1561665a8701aa8b96142539fab02', class: "breadcrumb-item", ...(this.validUrl ? { href: this.validUrl } : {}), onKeyDown: event => this.handleKeyDown(event) }, hAsync("slot", { key: '8e0d4791585d80379f27424bc1547792df124501' }))));
6562
6695
  }
6563
6696
  get host() { return getElement(this); }
6564
6697
  static get watchers() { return {
@@ -6635,7 +6768,7 @@ class PostBreadcrumbs {
6635
6768
  text: item.textContent || '',
6636
6769
  url: item.getAttribute('url') || '',
6637
6770
  }));
6638
- this.lastItem = this.breadcrumbItems[this.breadcrumbItems.length - 1];
6771
+ this.lastItem = this.breadcrumbItems.at(-1);
6639
6772
  }
6640
6773
  // Determines parent width for concatenation logic
6641
6774
  getParentWidth() {
@@ -6670,7 +6803,7 @@ class PostBreadcrumbs {
6670
6803
  }
6671
6804
  render() {
6672
6805
  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 => {
6806
+ return (hAsync(Host, { key: '40f31406ce27c2cf9092b693000ab3d724135939', "data-version": version$1 }, hAsync("nav", { key: 'f6bdd378f1fefa788cdde2a13fe9e14b383ec016', "aria-label": this.textBreadcrumbs, class: "breadcrumbs-nav", ref: el => (this.breadcrumbsNavRef = el) }, hAsync("ol", { key: 'c230d44e75bc51e845078d1e7294028a1ae148ea', class: "no-list breadcrumbs-list" }, hAsync("li", { key: '009f42442efe00c28c3015d8f2f5006e98d8b652' }, hAsync("a", { key: '8b4768987f9d8210f0a55bf7129c6efd9b03c7cd', href: this.homeUrl, class: "breadcrumb-link" }, hAsync("span", { key: '9619bf219e357bb9c6c4541ab62f9983745abfdd', class: "visually-hidden" }, this.textHome), hAsync("post-icon", { key: '1e17cae0680a164c9e3c5884faf85f83ee414529', 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
6807
  if (e.key === 'Enter' || e.key === ' ') {
6675
6808
  e.preventDefault();
6676
6809
  this.handleBreadcrumbItemClick();
@@ -6681,7 +6814,7 @@ class PostBreadcrumbs {
6681
6814
  linkElement?.click();
6682
6815
  e.preventDefault();
6683
6816
  }
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)))))));
6817
+ } }, 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: '34acb6f31f5e4cbbf8af56423e0826af15e835a5', "aria-current": "page" }, hAsync("post-breadcrumb-item", { key: '2d3223a06456c3751924cee8a418d99ca42b396c', url: this.lastItem.url, tabindex: -1 }, this.lastItem.text)))), hAsync("div", { key: '7aa99a887779935ff829520376abe587302c5525', class: "hidden-items" }, hAsync("a", { key: '6223e41d9ae7768dd73756ca5217a633057deda5', href: this.homeUrl, class: "hidden-breadcrumb-item" }, hAsync("span", { key: '9dd0f99c66710b43a9702a8fd04b464286e9d77a', class: "visually-hidden" }, this.textHome), hAsync("post-icon", { key: '6ae5ebd04f924d1e5b2fed83d787fedf0aa6afd1', 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)))))));
6685
6818
  }
6686
6819
  get host() { return getElement(this); }
6687
6820
  static get watchers() { return {
@@ -6776,7 +6909,7 @@ class PostClosebutton {
6776
6909
  }
6777
6910
  }
6778
6911
  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' })))));
6912
+ return (hAsync(Host, { key: 'e2adc6a13c30c9b03947a56bbd94dc86b96f31d2', "data-version": version$1 }, hAsync("button", { key: '03bc7eacb0d9c33bc2eb2d816f74990c6eb3f47f', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm" }, hAsync("post-icon", { key: 'b284a23e0eeb00c44c878672b4d8ed5e0ee058c6', "aria-hidden": "true", name: "closex" }), hAsync("span", { key: '5aa5cbada2bac5532cc6f4e54e01ff11465e99c2', class: "visually-hidden" }, hAsync("slot", { key: 'e8dd45b5c422504f6e7115f6fe3e498c14ed201d' })))));
6780
6913
  }
6781
6914
  get host() { return getElement(this); }
6782
6915
  static get watchers() { return {
@@ -6805,24 +6938,7 @@ class PostClosebutton {
6805
6938
  }; }
6806
6939
  }
6807
6940
 
6808
- const collapseDuration = 350;
6809
- const collapseEasing = 'ease';
6810
6941
  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
- }
6826
6942
 
6827
6943
  const postCollapsibleCss = () => `:host{display:block;position:relative;overflow:var(--post-collapsible-initial-overflow, hidden);height:var(--post-collapsible-initial-height, auto)}`;
6828
6944
 
@@ -6862,13 +6978,6 @@ class PostCollapsible {
6862
6978
  // due to its implementation with the getter, which returns !this.collapsed
6863
6979
  this.collapsed = !shouldExpand;
6864
6980
  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
6981
  return isExpanded;
6873
6982
  }
6874
6983
  /**
@@ -6879,7 +6988,7 @@ class PostCollapsible {
6879
6988
  triggers.forEach(trigger => trigger.update());
6880
6989
  }
6881
6990
  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' })));
6991
+ return (hAsync(Host, { key: '56849ad4460bcc4467421845a0daafab39a6e9f1', "data-version": version$1, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, hAsync("slot", { key: '064efc18544babbeb1244f549790bc961451e9f0' })));
6883
6992
  }
6884
6993
  get host() { return getElement(this); }
6885
6994
  static get watchers() { return {
@@ -6901,7 +7010,7 @@ class PostCollapsible {
6901
7010
  }; }
6902
7011
  }
6903
7012
 
6904
- var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
7013
+ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
6905
7014
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
6906
7015
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
6907
7016
  r = Reflect.decorate(decorators, target, key, desc);
@@ -6998,7 +7107,7 @@ class PostCollapsibleTrigger {
6998
7107
  this.updateAriaAttributes();
6999
7108
  }
7000
7109
  render() {
7001
- return (hAsync(Host, { key: 'beb213bb418b76eaf9449e33b7a4c66c047f166c', "data-version": version$1 }, hAsync("slot", { key: '63f8b0ef5b728697deb2cd528f626fa1d86ab76b' })));
7110
+ return (hAsync(Host, { key: '73b39b4e52d0b57fbab787208926910e8cb6d9d3', "data-version": version$1 }, hAsync("slot", { key: '88642cdd88a2b4fd6d02e55023675f85d0bf6020' })));
7002
7111
  }
7003
7112
  get host() { return getElement(this); }
7004
7113
  static get watchers() { return {
@@ -7018,7 +7127,7 @@ class PostCollapsibleTrigger {
7018
7127
  "$attrsToReflect$": [["for", "for"]]
7019
7128
  }; }
7020
7129
  }
7021
- __decorate$4([
7130
+ __decorate$5([
7022
7131
  EventFrom('post-collapsible')
7023
7132
  ], PostCollapsibleTrigger.prototype, "handlePostToggle", null);
7024
7133
 
@@ -10775,7 +10884,7 @@ const localesMap = {
10775
10884
  it: localeIt,
10776
10885
  };
10777
10886
 
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}`;
10887
+ 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
10888
 
10780
10889
  class PostDatePicker {
10781
10890
  constructor(hostRef) {
@@ -10793,7 +10902,7 @@ class PostDatePicker {
10793
10902
  */
10794
10903
  this.inline = false;
10795
10904
  this.startDate = new Date();
10796
- this.locale = IS_BROWSER ? document.documentElement.lang : 'en';
10905
+ this.locale = 'en';
10797
10906
  this.currentViewType = 'days';
10798
10907
  this.euFormat = true;
10799
10908
  this.skipOnSelectCount = 0;
@@ -11064,7 +11173,7 @@ class PostDatePicker {
11064
11173
  }
11065
11174
  setActiveCell(date, focusOnDate = true) {
11066
11175
  const cells = this.getCells();
11067
- if (!cells.length)
11176
+ if (cells.length === 0)
11068
11177
  return;
11069
11178
  let target;
11070
11179
  // If selected date is visible
@@ -11095,7 +11204,7 @@ class PostDatePicker {
11095
11204
  }
11096
11205
  // fallback
11097
11206
  if (!target) {
11098
- target = cells[cells.length - 1];
11207
+ target = cells.at(-1);
11099
11208
  }
11100
11209
  // Make only the target focusable
11101
11210
  cells.forEach(c => (c.tabIndex = -1));
@@ -11164,7 +11273,7 @@ class PostDatePicker {
11164
11273
  });
11165
11274
  body.removeEventListener('keydown', this.handleGridKeydown);
11166
11275
  body.addEventListener('keydown', this.handleGridKeydown);
11167
- this.setActiveCell(this.isoToDate(this.selectedStartDate) ? this.isoToDate(this.selectedStartDate) : this.today, focusOnDate);
11276
+ this.setActiveCell(this.isoToDate(this.selectedStartDate) || this.today, focusOnDate);
11168
11277
  }
11169
11278
  /**
11170
11279
  * Set up the masks on the inputs to reflect the date pickers
@@ -11512,7 +11621,7 @@ class PostDatePicker {
11512
11621
  this.selectedEndDate = undefined;
11513
11622
  }
11514
11623
  isValidDate(date) {
11515
- return date instanceof Date && !isNaN(date.getTime());
11624
+ return date instanceof Date && !Number.isNaN(date.getTime());
11516
11625
  }
11517
11626
  syncDatePickerState() {
11518
11627
  this.inputDisabled = this.dpInput.disabled;
@@ -11563,11 +11672,11 @@ class PostDatePicker {
11563
11672
  }
11564
11673
  }
11565
11674
  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: {
11675
+ 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
11676
  'calendar-input': !this.range,
11568
11677
  'calendar-input-range': this.range,
11569
11678
  '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" }))))));
11679
+ } }, 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
11680
  }
11572
11681
  get host() { return getElement(this); }
11573
11682
  static get watchers() { return {
@@ -11645,24 +11754,7 @@ class PostDatePicker {
11645
11754
  }
11646
11755
  PostDatePicker.FLYOUT_OFFSET = 4;
11647
11756
 
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}`;
11757
+ 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
11758
 
11667
11759
  const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
11668
11760
  /**
@@ -11688,7 +11780,7 @@ class PostFooter {
11688
11780
  this.handleGridSlotChange = this.handleGridSlotChange.bind(this);
11689
11781
  }
11690
11782
  connectedCallback() {
11691
- window.addEventListener('postBreakpoint:device', this.breakpointChange);
11783
+ globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
11692
11784
  }
11693
11785
  componentWillLoad() {
11694
11786
  this.validateTextFooter();
@@ -11699,7 +11791,7 @@ class PostFooter {
11699
11791
  });
11700
11792
  }
11701
11793
  disconnectedCallback() {
11702
- window.removeEventListener('postBreakpoint:device', this.breakpointChange);
11794
+ globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
11703
11795
  }
11704
11796
  handleGridSlotChange(...devices) {
11705
11797
  return (e) => {
@@ -11720,7 +11812,7 @@ class PostFooter {
11720
11812
  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
11813
  }
11722
11814
  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" }))))));
11815
+ return (hAsync(Host, { key: 'be8e78b13597a378a3f37a89f2f4fa5553036206', "data-version": version$1, "data-color-scheme": "light" }, hAsync("footer", { key: '623aa5da3107b544c697f030a050b3ac516867ec' }, hAsync("h2", { key: 'e916c70696d0bfa37a9770ed714073e48bf10fb6', class: "visually-hidden" }, this.textFooter), hAsync("div", { key: 'f85439265e62b5d262d8fa2aff87df35df2f4b74', class: "footer-container" }, hAsync("div", { key: '91235f909d2138536273c87afd69ba0008df8776', class: "footer-grid" }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), hAsync("div", { key: '22185d166fbb42ab089475a85847933fee4bcf97', class: "footer-column" }, hAsync("div", { key: 'a8f482d680f84ce0d146c313cb47b533d29f6dfa', class: "footer-socialmedia" }, hAsync("slot", { key: 'b5299b55e738ae34c4805ee73e8e7313bb645a75', name: "socialmedia" })), hAsync("div", { key: '8a95fa529436c71f2b3c3f2b3bc64eefe5325f99', class: "footer-app" }, hAsync("slot", { key: 'f2c43566ff23b06663b0807f021830af8405e3d2', name: "app" }))), hAsync("div", { key: '539d6db985d9158bf61eae1bd80c52a39ec19cab', class: "footer-businesssectors" }, hAsync("slot", { key: '1c433ce5950e8ee2116afe50c3efd3290f4cec8d', name: "businesssectors" })), hAsync("div", { key: '7d71af6cb0b7b1d4cd1f0ef45386dfd4da974664', class: "footer-meta" }, hAsync("slot", { key: '67905639dfdc2ef406ac23a93cd3ae623f14e47b', name: "meta" })), hAsync("div", { key: '94892c47ebf68134d28417c4fccb9bace0ee4038', class: "footer-copyright" }, hAsync("slot", { key: 'bd4853f4cb3342f7ef2c01f2c16cd3378a6c2899', name: "copyright" }))))));
11724
11816
  }
11725
11817
  get host() { return getElement(this); }
11726
11818
  static get watchers() { return {
@@ -11745,7 +11837,7 @@ class PostFooter {
11745
11837
 
11746
11838
  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
11839
 
11748
- var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
11840
+ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
11749
11841
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
11750
11842
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
11751
11843
  r = Reflect.decorate(decorators, target, key, desc);
@@ -11794,11 +11886,11 @@ class PostHeader {
11794
11886
  const scrollParent = this.scrollParent;
11795
11887
  const burgerMenuExtended = propName === 'burgerMenuExtended' ? newValue : this.burgerMenuExtended;
11796
11888
  if (this.device !== 'desktop' && burgerMenuExtended) {
11797
- scrollParent.setAttribute('data-post-scroll-locked', '');
11889
+ scrollParent.dataset.postScrollLocked = '';
11798
11890
  this.host.addEventListener('keydown', this.keyboardHandler);
11799
11891
  }
11800
11892
  else {
11801
- scrollParent.removeAttribute('data-post-scroll-locked');
11893
+ delete scrollParent.dataset.postScrollLocked;
11802
11894
  this.host.removeEventListener('keydown', this.keyboardHandler);
11803
11895
  }
11804
11896
  }
@@ -11843,15 +11935,15 @@ class PostHeader {
11843
11935
  this.megadropdownStateHandler = this.megadropdownStateHandler.bind(this);
11844
11936
  }
11845
11937
  connectedCallback() {
11846
- window.addEventListener('resize', this.throttledResize, { passive: true });
11847
- window.addEventListener('scroll', this.handleScrollEvent, {
11938
+ globalThis.addEventListener('resize', this.throttledResize, { passive: true });
11939
+ globalThis.addEventListener('scroll', this.handleScrollEvent, {
11848
11940
  passive: true,
11849
11941
  });
11850
11942
  this.scrollParent.addEventListener('scroll', this.handleScrollEvent, {
11851
11943
  passive: true,
11852
11944
  });
11853
11945
  document.addEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
11854
- window.addEventListener('postBreakpoint:device', this.breakpointChange);
11946
+ globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
11855
11947
  this.handleScrollParentResize();
11856
11948
  this.lockBody(false, this.burgerMenuExtended, 'burgerMenuExtended');
11857
11949
  }
@@ -11879,9 +11971,9 @@ class PostHeader {
11879
11971
  // Clean up possible side effects when post-header is disconnected
11880
11972
  disconnectedCallback() {
11881
11973
  const scrollParent = this.scrollParent;
11882
- window.removeEventListener('postBreakpoint:device', this.breakpointChange);
11883
- window.removeEventListener('resize', this.throttledResize);
11884
- window.removeEventListener('scroll', this.handleScrollEvent);
11974
+ globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
11975
+ globalThis.removeEventListener('resize', this.throttledResize);
11976
+ globalThis.removeEventListener('scroll', this.handleScrollEvent);
11885
11977
  if (scrollParent)
11886
11978
  scrollParent.removeEventListener('scroll', this.handleScrollEvent);
11887
11979
  document.removeEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
@@ -11953,7 +12045,7 @@ class PostHeader {
11953
12045
  const focusableElements = [this.burgerMenuButton];
11954
12046
  focusableElements.push(...getDeepFocusableChildren(this.localHeader, el => !el.matches('post-megadropdown')), ...getDeepFocusableChildren(this.burgerMenu, el => !el.matches('post-megadropdown')));
11955
12047
  this.firstFocusableEl = focusableElements[0];
11956
- this.lastFocusableEl = focusableElements[focusableElements.length - 1];
12048
+ this.lastFocusableEl = focusableElements.at(-1);
11957
12049
  }
11958
12050
  keyboardHandler(e) {
11959
12051
  if (e.key !== 'Tab' || !this.burgerMenuExtended)
@@ -12051,10 +12143,10 @@ class PostHeader {
12051
12143
  }, 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
12144
  }
12053
12145
  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())));
12146
+ return (hAsync(Host, { key: '3a91565f737ace8c2afa09aea4376301df78de15', "data-version": version$1, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, hAsync("header", { key: '3983485ef60f0ac3a14224ebc3e550c73b183533' }, hAsync("div", { key: 'fcb70d0d33448afd05a9d0cc2045cbf954ffef8b', class: "global-header" }, hAsync("div", { key: 'fc4a7fe09d320c801ffab5b8a1652078685ec126', class: "section" }, hAsync("div", { key: '41ea4d25ae37ad90875201a6d580bf0e856055e0', class: "logo" }, hAsync("slot", { key: 'c1fc7972273b8ca82d41535f6a3c0ee8f4a7da6a', name: "post-logo" })), hAsync("div", { key: 'fb7d8e98ac126416c7342b34e9655e1ef82fed20', class: "sliding-controls" }, (hAsync("div", { key: 'e9556afe505005b09892fcf7a9092ac5892337ee', class: "audience" }, hAsync("slot", { key: '62a2bec634b4f5afff5a3323187de4bfa7ddcf3c', name: "audience" }))), hAsync("slot", { key: 'e8e88e7547d71312cf868f81386eba9405b5e6b2', name: "global-nav-primary" }), [
12147
+ hAsync("slot", { key: '85d07e119df995f5b4aec62675eb821dee0b3059', name: "global-nav-secondary" }),
12148
+ hAsync("slot", { key: '087f20e4844e9bf5fa6a945e4352509f0128eb70', name: "language-menu" }),
12149
+ ], hAsync("slot", { key: 'b4def359986a7093cacf963709ca27180c34d294', name: "post-login" }), this.hasMainNav && (hAsync("post-togglebutton", { key: '534cb2b1f21ac6408f7ea14722c2ee8c82e268eb', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, hAsync("span", { key: 'fe96f2269a1e76e26edcef2d66beacac5149dea0' }, this.textMenu), hAsync("post-icon", { key: '7eabffedbe08a520d7be8c930168ac15428c132d', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), hAsync("post-icon", { key: 'fb3cdba5cce308547bb057bfb5e915b3b7b3848b', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), hAsync("div", { key: '48f203901cd57d50f3a70b8065e65e2a45e6e0bb', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, hAsync("div", { key: '846dc6852d5978a3fd1d3cd22a6c870c8d9f1cf3', class: "section" }, hAsync("slot", { key: '91d510bd1948b004787c1d77f9d0ae0669a7a231', name: "title" }), this.hasTitle && hAsync("slot", { key: '13fd6cd078235ee8449d22944ee67926f11b3db1', name: "local-nav" }), hAsync("slot", { key: '67b37a81c37cf6a77df5a15519e09b884d3cd892', name: "main-nav" }), !this.hasTitle && hAsync("slot", { key: '6ca6a422b465a38a1c02e21229dc5f9f0178ffcc', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
12058
12150
  }
12059
12151
  get host() { return getElement(this); }
12060
12152
  static get watchers() { return {
@@ -12091,7 +12183,7 @@ class PostHeader {
12091
12183
  "$attrsToReflect$": [["fullWidth", "full-width"], ["textMenu", "text-menu"]]
12092
12184
  }; }
12093
12185
  }
12094
- __decorate$3([
12186
+ __decorate$4([
12095
12187
  EventFrom('post-megadropdown')
12096
12188
  ], PostHeader.prototype, "megadropdownStateHandler", null);
12097
12189
 
@@ -12141,7 +12233,11 @@ class PostIcon {
12141
12233
  **/
12142
12234
  getUrl() {
12143
12235
  const fileName = `${this.name}.svg`;
12144
- if (!IS_BROWSER && !this.base) {
12236
+ // Prioritize only data:image URLs
12237
+ if (this.url?.startsWith('data:image/')) {
12238
+ return this.url;
12239
+ }
12240
+ if (!this.base) {
12145
12241
  return `${CDN_URL}${fileName}`;
12146
12242
  }
12147
12243
  if (this.url) {
@@ -12149,16 +12245,9 @@ class PostIcon {
12149
12245
  }
12150
12246
  const isAbsolute = (url) => /^https?:\/\//.test(url);
12151
12247
  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
- }
12248
+ const cleanUrl = (url) => url.replaceAll(/([^:])\/\//g, '$1/');
12249
+ const currentDomain = '';
12250
+ const baseHref = '';
12162
12251
  // Function to build the first part of the URL when 'this.base' or 'metaIconBase' are relative
12163
12252
  const buildUrlWithBase = (relativeUrl) => {
12164
12253
  const normalizedHref = normalizeUrl(baseHref);
@@ -12176,26 +12265,18 @@ class PostIcon {
12176
12265
  : `${buildUrlWithBase(this.base)}${fileName}`;
12177
12266
  return cleanUrl(url);
12178
12267
  }
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
12268
  // Fallback to CDN
12187
12269
  return cleanUrl(`${CDN_URL}${fileName}`);
12188
12270
  }
12189
12271
  getStyles() {
12190
12272
  const url = this.getUrl();
12191
- return Object.entries({
12273
+ return Object.fromEntries(Object.entries({
12192
12274
  '-webkit-mask-image': `url(${url})`,
12193
12275
  '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)' : ''),
12276
+ 'transform': (this.scale && !Number.isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
12277
+ (this.rotate && !Number.isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
12196
12278
  })
12197
- .filter(([_key, value]) => value !== null)
12198
- .reduce((styles, [key, value]) => Object.assign(styles, { [key]: value }), {});
12279
+ .filter(([_key, value]) => value !== null));
12199
12280
  }
12200
12281
  componentDidLoad() {
12201
12282
  this.validateBase();
@@ -12205,7 +12286,7 @@ class PostIcon {
12205
12286
  this.validateAnimation();
12206
12287
  }
12207
12288
  render() {
12208
- return (hAsync(Host, { key: '0d39fadb6d179d82a7a951de4173578f9f351673', "data-version": version$1 }, hAsync("span", { key: 'd93a0a1307668e7a563a81037a399ba906d8fbe6', style: this.getStyles() })));
12289
+ return (hAsync(Host, { key: '53aca4224876ae30f8a022c5cb80ee5755b26251', "data-version": version$1 }, hAsync("span", { key: '8e024aa2df513f3b75d61d15284c77883b622776', style: this.getStyles() })));
12209
12290
  }
12210
12291
  get host() { return getElement(this); }
12211
12292
  static get watchers() { return {
@@ -12247,9 +12328,9 @@ class PostIcon {
12247
12328
 
12248
12329
  const SWITCH_VARIANTS = ['list', 'menu'];
12249
12330
 
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}`;
12331
+ 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
12332
 
12252
- var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
12333
+ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
12253
12334
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
12254
12335
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
12255
12336
  r = Reflect.decorate(decorators, target, key, desc);
@@ -12287,7 +12368,7 @@ class PostLanguageMenu {
12287
12368
  const activeLanguage = this.activeLang &&
12288
12369
  document.querySelector(`post-language-menu-item[code="${this.activeLang}"]`);
12289
12370
  return activeLanguage
12290
- ? this.textCurrentLanguage.replace(/#name/g, activeLanguage.name)
12371
+ ? this.textCurrentLanguage.replaceAll('#name', activeLanguage.name)
12291
12372
  : undefined;
12292
12373
  }
12293
12374
  componentDidLoad() {
@@ -12367,11 +12448,11 @@ class PostLanguageMenu {
12367
12448
  "$attrsToReflect$": [["textChangeLanguage", "text-change-language"], ["textCurrentLanguage", "text-current-language"], ["variant", "variant"]]
12368
12449
  }; }
12369
12450
  }
12370
- __decorate$2([
12451
+ __decorate$3([
12371
12452
  EventFrom('post-language-menu-item')
12372
12453
  ], PostLanguageMenu.prototype, "handlePostChange", null);
12373
12454
 
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}`;
12455
+ 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
12456
 
12376
12457
  /**
12377
12458
  * @slot default - Slot for placing the content inside the anchor or button.
@@ -12425,7 +12506,8 @@ class PostLanguageMenuItem {
12425
12506
  this.emitChange();
12426
12507
  }
12427
12508
  };
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)))));
12509
+ const interactiveElement = 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)));
12510
+ 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
12511
  }
12430
12512
  get host() { return getElement(this); }
12431
12513
  static get watchers() { return {
@@ -12520,7 +12602,7 @@ class PostLinkarea {
12520
12602
  }
12521
12603
  }
12522
12604
  render() {
12523
- return (hAsync(Host, { key: 'b79b314635a4cb302d862006d07ab5f059298382', "data-version": version$1, onClick: (e) => this.dispatchClick(e) }, hAsync("slot", { key: '4e9a1ee60d499f6dd80819e68f6536b3964d3389' })));
12605
+ return (hAsync(Host, { key: 'cb2563465ebe024e8e98539c27c7a8d7084229d3', "data-version": version$1, onClick: (e) => this.dispatchClick(e) }, hAsync("slot", { key: '68fc1468da418e4ed38e89cbf7ef932f819993dd' })));
12524
12606
  }
12525
12607
  get host() { return getElement(this); }
12526
12608
  static get style() { return postLinkareaCss(); }
@@ -12534,6 +12616,196 @@ class PostLinkarea {
12534
12616
  }; }
12535
12617
  }
12536
12618
 
12619
+ 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}`;
12620
+
12621
+ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
12622
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
12623
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
12624
+ r = Reflect.decorate(decorators, target, key, desc);
12625
+ else
12626
+ for (var i = decorators.length - 1; i >= 0; i--)
12627
+ if (d = decorators[i])
12628
+ r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
12629
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
12630
+ };
12631
+ class PostListbox {
12632
+ constructor(hostRef) {
12633
+ registerInstance(this, hostRef);
12634
+ this.postOptionActive = createEvent(this, "postOptionActive");
12635
+ this.highlightedIndex = -1;
12636
+ this.visibleOptions = [];
12637
+ this.diacriticPattern = /[\u0300-\u036F]/u;
12638
+ this.registerOptions = () => {
12639
+ this.visibleOptions = this.options;
12640
+ };
12641
+ this.updateSelection = (value) => {
12642
+ this.options.forEach(option => {
12643
+ option.selected = option.value === value;
12644
+ option.highlighted = false;
12645
+ });
12646
+ this.highlightedIndex = -1;
12647
+ this.filter('');
12648
+ };
12649
+ this.clearActive = () => {
12650
+ this.highlightedIndex = -1;
12651
+ this.postOptionActive.emit(null);
12652
+ };
12653
+ this.normalizeText = (text) => {
12654
+ return text.trim().normalize('NFD').replace(this.diacriticPattern, '').toLocaleLowerCase();
12655
+ };
12656
+ this.resetFilter = () => {
12657
+ this.visibleOptions = this.options;
12658
+ this.options.forEach(option => {
12659
+ option.hidden = false;
12660
+ option.highlighted = false;
12661
+ });
12662
+ };
12663
+ }
12664
+ get options() {
12665
+ return Array.from(this.host.querySelectorAll('post-listbox-option'));
12666
+ }
12667
+ get inputElement() {
12668
+ let autocomplete = this.host.closest('post-autocomplete');
12669
+ if (!autocomplete) {
12670
+ autocomplete = document.querySelector(`post-autocomplete[listbox="${this.host.id}"]`);
12671
+ }
12672
+ return autocomplete?.querySelector('input');
12673
+ }
12674
+ componentWillLoad() {
12675
+ this.registerOptions();
12676
+ }
12677
+ /** Opens the listbox */
12678
+ async show() {
12679
+ const input = this.inputElement;
12680
+ if (input) {
12681
+ this.popoverContainer?.show(input);
12682
+ this.host.role = 'listbox';
12683
+ }
12684
+ }
12685
+ /** Closes the listbox */
12686
+ async hide() {
12687
+ this.host.removeAttribute('role');
12688
+ this.popoverContainer?.hide();
12689
+ }
12690
+ /** Uses the internal default filtering mode to filter the list of options.
12691
+ * An empty string resets the filter to it's original state. */
12692
+ async filter(query) {
12693
+ const normalizedQuery = this.normalizeText(query);
12694
+ if (normalizedQuery) {
12695
+ this.visibleOptions = this.options.filter(option => {
12696
+ const normalizedText = this.normalizeText(option.textContent);
12697
+ const normalizedValue = this.normalizeText(option.value);
12698
+ const isVisible = normalizedValue.includes(normalizedQuery) || normalizedText.includes(normalizedQuery);
12699
+ option.hidden = !isVisible;
12700
+ return isVisible;
12701
+ });
12702
+ }
12703
+ else {
12704
+ this.resetFilter();
12705
+ }
12706
+ this.clearActive();
12707
+ }
12708
+ /** Clears the currently selected option */
12709
+ async clearSelection() {
12710
+ this.updateSelection();
12711
+ }
12712
+ /** Navigates the listbox options in the specified direction and scrolls the active option into view.*/
12713
+ async navigate(direction) {
12714
+ if (this.visibleOptions.length === 0)
12715
+ return;
12716
+ if (this.highlightedIndex >= 0) {
12717
+ this.visibleOptions[this.highlightedIndex].highlighted = false;
12718
+ }
12719
+ switch (direction) {
12720
+ case 'first':
12721
+ this.highlightedIndex = 0;
12722
+ break;
12723
+ case 'last':
12724
+ this.highlightedIndex = this.visibleOptions.length - 1;
12725
+ break;
12726
+ case 'up':
12727
+ this.highlightedIndex =
12728
+ (this.highlightedIndex - 1 + this.visibleOptions.length) % this.visibleOptions.length;
12729
+ break;
12730
+ case 'down':
12731
+ this.highlightedIndex = (this.highlightedIndex + 1) % this.visibleOptions.length;
12732
+ break;
12733
+ }
12734
+ const activeOption = this.visibleOptions[this.highlightedIndex];
12735
+ activeOption.scrollIntoView({ behavior: 'smooth', block: 'end' });
12736
+ activeOption.highlighted = true;
12737
+ this.postOptionActive.emit(activeOption.id);
12738
+ }
12739
+ /**
12740
+ * Selects the currently highlighted option in the listbox and scrolls it into view.
12741
+ */
12742
+ async selectActive() {
12743
+ if (this.highlightedIndex >= 0) {
12744
+ const activeOption = this.visibleOptions[this.highlightedIndex];
12745
+ this.updateSelection(activeOption.value);
12746
+ this.host.dispatchEvent(new CustomEvent('postOptionSelected', { bubbles: true, detail: activeOption.value }));
12747
+ }
12748
+ }
12749
+ optionClicked(event) {
12750
+ this.updateSelection(event.detail);
12751
+ }
12752
+ render() {
12753
+ return (hAsync(Host, { key: 'a69ea3f635246ef33f482f3bdf5f40e3cd167846', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '20a8d8721127c0d51d320f650ec92e4f72c9d50c', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, this.visibleOptions.length === 0 ? hAsync("slot", { name: "blank-slate" }) : hAsync("slot", null))));
12754
+ }
12755
+ get host() { return getElement(this); }
12756
+ static get style() { return postListboxCss(); }
12757
+ static get cmpMeta() { return {
12758
+ "$flags$": 265,
12759
+ "$tagName$": "post-listbox",
12760
+ "$members$": {
12761
+ "show": [64],
12762
+ "hide": [64],
12763
+ "filter": [64],
12764
+ "clearSelection": [64],
12765
+ "navigate": [64],
12766
+ "selectActive": [64]
12767
+ },
12768
+ "$listeners$": [[0, "postOptionSelected", "optionClicked"]],
12769
+ "$lazyBundleId$": "-",
12770
+ "$attrsToReflect$": []
12771
+ }; }
12772
+ }
12773
+ __decorate$2([
12774
+ EventFrom('post-listbox-option')
12775
+ ], PostListbox.prototype, "optionClicked", null);
12776
+
12777
+ 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}`;
12778
+
12779
+ class PostListboxOption {
12780
+ constructor(hostRef) {
12781
+ registerInstance(this, hostRef);
12782
+ this.postOptionSelected = createEvent(this, "postOptionSelected");
12783
+ this.optionId = crypto.randomUUID();
12784
+ /** Represents option is selected . */
12785
+ this.selected = false;
12786
+ /** Represents option is highlighted . */
12787
+ this.highlighted = false;
12788
+ }
12789
+ render() {
12790
+ return (hAsync(Host, { key: 'ff0e773f8a89f9df3996a83cd2be6247c1ab5475', "data-version": version$1, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
12791
+ /* Prevent focus change from triggering onblur event in post-autocomplete */
12792
+ onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, hAsync("span", { key: 'cb43e8bec5f262ae25ddfdcae1b7f9979bdd6858', class: "option-content" }, this.value, hAsync("span", { key: '5b314c41073a357185613a04a07d2020e4eab300', class: "option-description" }, hAsync("slot", { key: 'ac1ed1be98f9a348952c0169d7ec89f8aaa99474' }))), this.selected && hAsync("post-icon", { key: '7691085df732c0c2c5db9824587d54047017adf5', "aria-hidden": "true", name: "checkmark" })));
12793
+ }
12794
+ static get style() { return postListboxOptionCss(); }
12795
+ static get cmpMeta() { return {
12796
+ "$flags$": 265,
12797
+ "$tagName$": "post-listbox-option",
12798
+ "$members$": {
12799
+ "value": [513],
12800
+ "selected": [516],
12801
+ "highlighted": [516]
12802
+ },
12803
+ "$listeners$": undefined,
12804
+ "$lazyBundleId$": "-",
12805
+ "$attrsToReflect$": [["value", "value"], ["selected", "selected"], ["highlighted", "highlighted"]]
12806
+ }; }
12807
+ }
12808
+
12537
12809
  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)}`;
12538
12810
 
12539
12811
  /**
@@ -12558,7 +12830,7 @@ class PostLogo {
12558
12830
  render() {
12559
12831
  const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
12560
12832
  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" }))))));
12833
+ return (hAsync(Host, { key: '4c2a5854fc2499198b289181136cbd0a2fd9c1e1', "data-version": version$1 }, hAsync(LogoTag, { key: '4696e7329e8821e010f8cf0de367551f9fec448c', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, hAsync("span", { key: 'd4bec68539d393a5eced24f0b0ab521f40b13b4b', class: "description" }, hAsync("slot", { key: '43b6f18561aec0b83cde540b4a6370fda2717cc2', onSlotchange: () => this.checkDescription() })), hAsync("svg", { key: '9ee91a5dc0e1553bd54eb90bce0036f59f7ee62a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, hAsync("g", { key: '6accd8ec83c793b4b5ae0412b21ea97c4db1a05f', id: "Logo" }, hAsync("rect", { key: '5eee4130c5c766f46769b3fe00bab45f2c4a0a51', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), hAsync("polygon", { key: '4f33978c01fe70f6b4b9ede345624378ec488b25', 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: 'c680032facb04b9869778712dcb50b0bb166922c', 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" }))))));
12562
12834
  }
12563
12835
  get host() { return getElement(this); }
12564
12836
  static get watchers() { return {
@@ -12704,7 +12976,7 @@ class PostMainnavigation {
12704
12976
  }, NAVBAR_DISABLE_DURATION);
12705
12977
  }
12706
12978
  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" }))));
12979
+ return (hAsync(Host, { key: '7bdd80e16b223324417ffbacdcadcb842c559d26', version: version$1, class: this.canScroll ? 'scrollable' : '' }, hAsync("div", { key: '087cfbe84c8970ab26b394b6e96298cbc0df71ec', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, hAsync("post-icon", { key: '6d4cbd054346c8ac28ad54ad00887d042e41f78d', "aria-hidden": "true", name: "chevronleft" })), hAsync("nav", { key: 'db4cb2f45e19d458cede13f9b62dbcb5836f6127', ref: el => (this.navbar = el), "aria-label": this.textMain }, hAsync("slot", { key: '00fbab4d3e498a0943c9298801dd9629e34a0eea' })), hAsync("div", { key: '678872aef2d26f52f8b838e47ef7a631e71cb7a6', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, hAsync("post-icon", { key: '233bebc886e69c27651ebaf2a678fa6d64f1f7cf', "aria-hidden": "true", name: "chevronright" }))));
12708
12980
  }
12709
12981
  get host() { return getElement(this); }
12710
12982
  static get watchers() { return {
@@ -12787,7 +13059,7 @@ class PostMegadropdown {
12787
13059
  this.handleClickOutside = this.handleClickOutside.bind(this);
12788
13060
  }
12789
13061
  connectedCallback() {
12790
- window.addEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
13062
+ globalThis.addEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
12791
13063
  }
12792
13064
  componentDidRender() {
12793
13065
  this.getFocusableElements();
@@ -12800,7 +13072,7 @@ class PostMegadropdown {
12800
13072
  this.handleAriaCurrentChange([]);
12801
13073
  }
12802
13074
  disconnectedCallback() {
12803
- window.removeEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
13075
+ globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
12804
13076
  if (PostMegadropdown.activeDropdown === this)
12805
13077
  PostMegadropdown.activeDropdown = null;
12806
13078
  this.removeListeners();
@@ -12948,7 +13220,7 @@ class PostMegadropdown {
12948
13220
  ...getFocusableChildren(this.host.shadowRoot),
12949
13221
  ];
12950
13222
  this.firstFocusableEl = focusableElements[0];
12951
- this.lastFocusableEl = focusableElements[focusableElements.length - 1];
13223
+ this.lastFocusableEl = focusableElements.at(-1);
12952
13224
  }
12953
13225
  // Loop through the focusable children
12954
13226
  keyboardHandler(e) {
@@ -13003,7 +13275,7 @@ class PostMegadropdown {
13003
13275
  * and sets the trigger as active accordingly.
13004
13276
  */
13005
13277
  handleAriaCurrentChange(mutations) {
13006
- if (!mutations.length)
13278
+ if (mutations.length === 0)
13007
13279
  return;
13008
13280
  const hasCurrentPage = mutations.some(m => m.target instanceof HTMLElement && m.target.getAttribute('aria-current') === 'page');
13009
13281
  this.setTriggerActive(hasCurrentPage);
@@ -13019,7 +13291,7 @@ class PostMegadropdown {
13019
13291
  }
13020
13292
  render() {
13021
13293
  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))))));
13294
+ return (hAsync(Host, { key: 'f3794c85cf7972c3a30145726e07675d88875ad8', version: version$1 }, hAsync("div", { key: '078a4489e17db573136caa9212a0bf1010c328ef', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, hAsync("div", { key: 'fb51ea5e7a38a546ac54d73e7a0804c9e2f3db79', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (hAsync("p", { key: 'cdc95d1af137074d8f117b7ab44ae58c20804d31', class: "megadropdown-title" }, this.megadropdownTitle)), hAsync("div", { key: '4f205271deab921c732c10f59f951e0d1559cafb', class: "megadropdown-content" }, hAsync("slot", { key: '218f174cfefef460dcd2f4a4be35107e0a5cd95e' })), 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
13295
  }
13024
13296
  get host() { return getElement(this); }
13025
13297
  static get watchers() { return {
@@ -13130,7 +13402,7 @@ class PostMegadropdownTrigger {
13130
13402
  this.megadropdown.toggle();
13131
13403
  }
13132
13404
  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" }))));
13405
+ return (hAsync(Host, { key: '3ff98d284d7ffcf3605e9fbfa44dda294ae02eb9', "data-version": version$1 }, hAsync("button", { key: 'e87d23a68473518e41199a253b3aa23dfc5fe6ca', 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: 'b0c478e81171df7534255dcfedcc2c1401d59d7e' }, hAsync("span", { key: 'aa226c2f92b49aeefcf61ab8ce75b72a1a731850', innerHTML: this.slottedContent }), hAsync("span", { key: '2e30aff042547cecc77c34d3f78a58fb0ca2e2bb', "aria-hidden": "true" }, hAsync("slot", { key: 'b285e45d776f2cbf17e2f01f400a01d3bbb6f588' }))), hAsync("post-icon", { key: 'f65a12ebf1e5261633a7cd83f3273f157bcdc6ef', name: "chevrondown" }))));
13134
13406
  }
13135
13407
  get host() { return getElement(this); }
13136
13408
  static get watchers() { return {
@@ -13302,7 +13574,7 @@ class PostMenu {
13302
13574
  }
13303
13575
  controlKeyDownHandler(e) {
13304
13576
  const menuItems = this.getSlottedItems();
13305
- if (!menuItems.length) {
13577
+ if (menuItems.length === 0) {
13306
13578
  return;
13307
13579
  }
13308
13580
  let currentIndex = menuItems.findIndex(el => {
@@ -13347,7 +13619,7 @@ class PostMenu {
13347
13619
  .flatMap(el => Array.from(getFocusableChildren(el))));
13348
13620
  }
13349
13621
  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' })))));
13622
+ return (hAsync(Host, { key: 'a60bf6255b37ad07a25cbc2fd96e9ada4368ad37', "data-version": version$1 }, hAsync("post-popovercontainer", { key: 'eef8b43481a5e9eb0b9d64f18fc226dc9c49ca69', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, hAsync("div", { key: '5f26e8d32c9653acbdd918e8676e4e92c5b218d3', part: "post-menu" }, hAsync("slot", { key: 'c1f81a3a0e3a214bff8b59dc3f1445526c072ea7', name: "header" }), hAsync("slot", { key: '36214a951440a02220183aeb2eee22d3a394b90d' })))));
13351
13623
  }
13352
13624
  get host() { return getElement(this); }
13353
13625
  static get watchers() { return {
@@ -13389,7 +13661,7 @@ class PostMenuItem {
13389
13661
  registerInstance(this, hostRef);
13390
13662
  }
13391
13663
  connectedCallback() {
13392
- this.host.setAttribute('data-version', version$1);
13664
+ this.host.dataset.version = version$1;
13393
13665
  }
13394
13666
  get host() { return getElement(this); }
13395
13667
  static get style() { return postMenuItemCss(); }
@@ -13464,7 +13736,7 @@ class PostMenuTrigger {
13464
13736
  return null;
13465
13737
  }
13466
13738
  render() {
13467
- return (hAsync(Host, { key: '8f2a4511ad519f20b1847fa4ce0ecdd1d859b9ea', "data-version": version$1 }, hAsync("slot", { key: '9c23569b7c5cba5934a869bd4a252957de3e53d5' })));
13739
+ return (hAsync(Host, { key: '46dbe700998f60d9b6e85c09a2992aa702c1af52', "data-version": version$1 }, hAsync("slot", { key: '339ecc1a3ba354199d9f3c0ff84fd2f8b2f1b4a4' })));
13468
13740
  }
13469
13741
  get host() { return getElement(this); }
13470
13742
  static get watchers() { return {
@@ -13485,11 +13757,11 @@ class PostMenuTrigger {
13485
13757
  }; }
13486
13758
  }
13487
13759
 
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}`;
13760
+ 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
13761
 
13490
13762
  function parseNumber(input, key) {
13491
- const value = parseFloat(input[key]);
13492
- return isNaN(value) ? undefined : value;
13763
+ const value = Number.parseFloat(input[key]);
13764
+ return Number.isNaN(value) ? undefined : value;
13493
13765
  }
13494
13766
  function compare(value, bound, comparator) {
13495
13767
  return value !== undefined && bound !== undefined && comparator(value, bound);
@@ -13497,12 +13769,16 @@ function compare(value, bound, comparator) {
13497
13769
  class PostNumberInput {
13498
13770
  constructor(hostRef) {
13499
13771
  registerInstance(this, hostRef);
13772
+ this.isDisabled = false;
13500
13773
  this.isIncrementDisabled = false;
13501
13774
  this.isDecrementDisabled = false;
13775
+ this.small = false;
13502
13776
  this.setupInput = debounce$1(50, () => {
13503
13777
  this.input = this.input ?? getSlottedElement(this.host, 'input[type="number"]');
13504
13778
  if (!this.input)
13505
13779
  return;
13780
+ this.isDisabled = this.input.disabled;
13781
+ this.small = this.input.classList.contains('form-control-sm');
13506
13782
  // step buttons may be disabled when the input loads
13507
13783
  this.updateStepButtonState();
13508
13784
  // step buttons may become disabled after the value is changed via keyboard / typing
@@ -13570,7 +13846,10 @@ class PostNumberInput {
13570
13846
  }
13571
13847
  render() {
13572
13848
  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" })))));
13849
+ return (hAsync(Host, { key: '84866a46bf2fdf8602213582e71fbc624fb3a7a6', "data-version": version$1, class: {
13850
+ 'number-input-sm': this.small,
13851
+ 'disabled': this.isDisabled,
13852
+ } }, areButtonsShown && (hAsync("div", { key: '33ed7af27e07a32d4063474889e15c568a140776', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, hAsync("post-icon", { key: 'bf88349e2e442d4db77329cdd33332b5249e745a', name: "minus" }))), hAsync("div", { key: '9e7cd209f45ef55f1e91dc5b9842fb9e56513f4b', class: "input-container" }, hAsync("slot", { key: 'c3da29d4836c913f9ba466835afbd9219a6dc980', onSlotchange: () => this.setupInput() })), areButtonsShown && (hAsync("div", { key: '4fe40703c338a8ec8b1efa9922bcd7b96b72aa30', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, hAsync("post-icon", { key: 'da54f7441c60c4732cc671022a33ebb8cfae4472', name: "plus" })))));
13574
13853
  }
13575
13854
  get host() { return getElement(this); }
13576
13855
  static get style() { return postNumberInputCss(); }
@@ -13578,8 +13857,10 @@ class PostNumberInput {
13578
13857
  "$flags$": 265,
13579
13858
  "$tagName$": "post-number-input",
13580
13859
  "$members$": {
13860
+ "isDisabled": [32],
13581
13861
  "isIncrementDisabled": [32],
13582
13862
  "isDecrementDisabled": [32],
13863
+ "small": [32],
13583
13864
  "input": [32]
13584
13865
  },
13585
13866
  "$listeners$": undefined,
@@ -13691,7 +13972,7 @@ class PostPagination {
13691
13972
  scheduleMeasurement() {
13692
13973
  if (!this.loaded)
13693
13974
  return;
13694
- this.measurementTimeoutId = window.setTimeout(() => {
13975
+ this.measurementTimeoutId = globalThis.setTimeout(() => {
13695
13976
  const canMeasure = this.navRef?.clientWidth > 0 && this.hiddenItemsRef;
13696
13977
  if (canMeasure) {
13697
13978
  this.measureAndCalculateVisiblePages();
@@ -13763,9 +14044,9 @@ class PostPagination {
13763
14044
  getPaginationPadding() {
13764
14045
  if (!this.navRef)
13765
14046
  return 0;
13766
- const computedStyle = window.getComputedStyle(this.navRef);
13767
- const paddingLeft = parseFloat(computedStyle.paddingLeft) || 0;
13768
- const paddingRight = parseFloat(computedStyle.paddingRight) || 0;
14047
+ const computedStyle = globalThis.getComputedStyle(this.navRef);
14048
+ const paddingLeft = Number.parseFloat(computedStyle.paddingLeft) || 0;
14049
+ const paddingRight = Number.parseFloat(computedStyle.paddingRight) || 0;
13769
14050
  return paddingLeft + paddingRight;
13770
14051
  }
13771
14052
  /**
@@ -13786,8 +14067,8 @@ class PostPagination {
13786
14067
  * Clamps the page number to valid range
13787
14068
  */
13788
14069
  clampPageToValidRange(totalPages) {
13789
- const invalidTotalPages = totalPages === 0 || this.invalidSize || isNaN(totalPages);
13790
- const invalidPage = !this.page || this.page < 1 || isNaN(this.page);
14070
+ const invalidTotalPages = totalPages === 0 || this.invalidSize || Number.isNaN(totalPages);
14071
+ const invalidPage = !this.page || this.page < 1 || Number.isNaN(this.page);
13791
14072
  const pageExceedsTotal = this.page > totalPages;
13792
14073
  if (invalidTotalPages || invalidPage) {
13793
14074
  return 1;
@@ -14268,7 +14549,7 @@ class PostPopover {
14268
14549
  }
14269
14550
  }
14270
14551
  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)))));
14552
+ return (hAsync(Host, { key: '859812ad40c54e61ea90625d0170cc0336d5eba3', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '47cdd1e48d4bf937d74c90fbb7f8d7ab73af1593', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, hAsync("div", { key: 'ec5e72c7d463de0a92220d9a4e7be7fd6f6669a7', class: "popover-container" }, hAsync("div", { key: '4934817369aa06236011af0e34763bd890ac3b4b', class: "popover-content" }, hAsync("slot", { key: 'b3f56b3c9e5642cc210b18bd5a5abc4b4daf36e0' })), hAsync("post-closebutton", { key: '354e2d16c3e4ba475a0cd030539da4a915950b1c', onClick: () => this.hide() }, this.textClose)))));
14272
14553
  }
14273
14554
  get host() { return getElement(this); }
14274
14555
  static get watchers() { return {
@@ -19306,7 +19587,7 @@ function requireFocusable () {
19306
19587
  }
19307
19588
 
19308
19589
  var focusableExports = requireFocusable();
19309
- var isFocusable$1 = /*@__PURE__*/getDefaultExportFromCjs(focusableExports);
19590
+ var isFocusable = /*@__PURE__*/getDefaultExportFromCjs(focusableExports);
19310
19591
 
19311
19592
  const postPopoverTriggerCss = () => `:host{cursor:pointer}`;
19312
19593
 
@@ -19345,7 +19626,7 @@ class PostPopoverTrigger {
19345
19626
  return;
19346
19627
  }
19347
19628
  // check if its not focusable and add aria role and tabindex
19348
- if (!isFocusable$1(this.trigger)) {
19629
+ if (!isFocusable(this.trigger)) {
19349
19630
  this.trigger.setAttribute('tabindex', '0');
19350
19631
  this.trigger.setAttribute('role', 'button');
19351
19632
  }
@@ -19414,7 +19695,7 @@ class PostPopoverTrigger {
19414
19695
  this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
19415
19696
  }
19416
19697
  render() {
19417
- return (hAsync(Host, { key: '5420b1a86908cc2f103bc7aca148701e8804f21b', "data-version": version$1 }, hAsync("slot", { key: '0e70264cb19becf5386cff430c530de2a8d043dd', onSlotchange: () => this.setupTrigger() })));
19698
+ return (hAsync(Host, { key: '52d004cbdcb7be0b7df6c10f70f5b3bdbeb89a27', "data-version": version$1 }, hAsync("slot", { key: '5eabc986947a00ed1fad3ce3f8103e615f709d9f', onSlotchange: () => this.setupTrigger() })));
19418
19699
  }
19419
19700
  get host() { return getElement(this); }
19420
19701
  static get watchers() { return {
@@ -21363,817 +21644,25 @@ const computePosition = (reference, floating, options) => {
21363
21644
  });
21364
21645
  };
21365
21646
 
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
- );
21647
+ const duration = 250;
21648
+ const easing = 'ease-out';
21649
+ function popIn(el) {
21650
+ if (!el)
21651
+ return;
21652
+ return el.animate([
21653
+ { transform: 'scale(0.9)', opacity: 0 },
21654
+ { transform: 'scale(1)', opacity: 1 },
21655
+ ], {
21656
+ duration,
21657
+ easing,
21658
+ fill: 'forwards',
21659
+ });
21391
21660
  }
21392
21661
 
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
- const duration = 250;
22159
- const easing = 'ease-out';
22160
- function popIn(el) {
22161
- if (!el)
22162
- return;
22163
- return el.animate([
22164
- { transform: 'scale(0.9)', opacity: 0 },
22165
- { transform: 'scale(1)', opacity: 1 },
22166
- ], {
22167
- duration,
22168
- easing,
22169
- fill: 'forwards',
22170
- });
22171
- }
22172
-
22173
- const postPopovercontainerCss = () => `@layer polyfill{@supports not selector(:popover-open){:host([popover]:not(.\\:popover-open)){display:none}}}:host{background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);position:fixed;margin:0;padding:0;overflow:visible}:host>div{box-shadow:var(--post-device-elevation-300);width:max-content;max-width:100%;color:var(--post-current-fg);background-color:var(--post-current-bg);border-radius:4px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host>div{border:2px solid rgba(0,0,0,0)}}:host .arrow{--arrow-size: 0.5825rem;position:absolute;width:.5825rem;height:.5825rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}:host .arrow[dynamic-placement=top]{border-bottom-right-radius:2px}:host .arrow[dynamic-placement=right]{border-bottom-left-radius:2px}:host .arrow[dynamic-placement=bottom]{border-top-left-radius:2px}:host .arrow[dynamic-placement=left]{border-top-right-radius:2px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .arrow[dynamic-placement=top]{border-block-end:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);bottom:-0.3796735336rem !important}:host .arrow[dynamic-placement=left]{border-block-start:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);right:-0.3796735336rem !important}:host .arrow[dynamic-placement=right]{border-block-end:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);left:-0.3796735336rem !important}:host .arrow[dynamic-placement=bottom]{border-block-start:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);top:-0.3796735336rem !important}}:host([tooltip]){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:host([safe-space])::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:auto}:host([safe-space=triangle])::after{clip-path:polygon(var(--post-safe-space-cursor-x, 0) var(--post-safe-space-cursor-y, 0), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)))}:host([safe-space=trapezoid])::after{clip-path:polygon(var(--post-safe-space-trigger-x-start, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-start, 0)), var(--post-safe-space-trigger-x-end, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-end, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)))}:host(:not(:has(.arrow)))>div{box-shadow:var(--post-device-elevation-300)}:host(:has(.arrow))>div{filter:drop-shadow(1px 2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(2px 4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(4px 8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=top]))>div{filter:drop-shadow(0px -2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(0px -4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(0px -8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=left]))>div{filter:drop-shadow(-2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(-4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(-8px 0px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=right]))>div{filter:drop-shadow(2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(8px 0px 12px hsla(225, 7%, 11%, 0.15))}`;
22174
-
22175
- const ANIMATIONS = {
22176
- 'pop-in': popIn,
21662
+ const postPopovercontainerCss = () => `@layer polyfill{@supports not selector(:popover-open){:host([popover]:not(.\\:popover-open)){display:none}}}:host{background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);position:fixed;margin:0;padding:0;overflow:visible}:host>div{box-shadow:var(--post-device-elevation-300);width:max-content;max-width:100%;color:var(--post-current-fg);background-color:var(--post-current-bg);border-radius:4px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host>div{border:2px solid rgba(0,0,0,0)}}:host .arrow{--arrow-size: 0.5825rem;position:absolute;width:.5825rem;height:.5825rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}:host .arrow[dynamic-placement=top]{border-bottom-right-radius:2px}:host .arrow[dynamic-placement=right]{border-bottom-left-radius:2px}:host .arrow[dynamic-placement=bottom]{border-top-left-radius:2px}:host .arrow[dynamic-placement=left]{border-top-right-radius:2px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .arrow[dynamic-placement=top]{border-block-end:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);bottom:-0.3796735336rem !important}:host .arrow[dynamic-placement=left]{border-block-start:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);right:-0.3796735336rem !important}:host .arrow[dynamic-placement=right]{border-block-end:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);left:-0.3796735336rem !important}:host .arrow[dynamic-placement=bottom]{border-block-start:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);top:-0.3796735336rem !important}}:host([tooltip]){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:host([safe-space])::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:auto}:host([safe-space=triangle])::after{clip-path:polygon(var(--post-safe-space-cursor-x, 0) var(--post-safe-space-cursor-y, 0), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)))}:host([safe-space=trapezoid])::after{clip-path:polygon(var(--post-safe-space-trigger-x-start, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-start, 0)), var(--post-safe-space-trigger-x-end, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-end, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)))}:host(:not(:has(.arrow)))>div{box-shadow:var(--post-device-elevation-300)}:host(:has(.arrow))>div{filter:drop-shadow(1px 2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(2px 4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(4px 8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=top]))>div{filter:drop-shadow(0px -2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(0px -4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(0px -8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=left]))>div{filter:drop-shadow(-2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(-4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(-8px 0px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=right]))>div{filter:drop-shadow(2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(8px 0px 12px hsla(225, 7%, 11%, 0.15))}`;
21663
+
21664
+ const ANIMATIONS = {
21665
+ 'pop-in': popIn,
22177
21666
  };
22178
21667
  /**
22179
21668
  * @slot - Default slot for placing content inside the popovercontainer.
@@ -22186,6 +21675,7 @@ class PostPopovercontainer {
22186
21675
  this.postHide = createEvent(this, "postHide");
22187
21676
  this.postBeforeToggle = createEvent(this, "postBeforeToggle");
22188
21677
  this.postToggle = createEvent(this, "postToggle");
21678
+ this.toggleTimeoutId = null;
22189
21679
  this.hasOpenedOnce = true;
22190
21680
  /**
22191
21681
  * Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
@@ -22206,6 +21696,7 @@ class PostPopovercontainer {
22206
21696
  */
22207
21697
  this.animation = 'pop-in';
22208
21698
  this.currentAnimation = null;
21699
+ this.boundMouseTrackingHandler = this.mouseTrackingHandler.bind(this);
22209
21700
  }
22210
21701
  validatePlacement() {
22211
21702
  checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
@@ -22226,9 +21717,6 @@ class PostPopovercontainer {
22226
21717
  this.host.style.setProperty('--post-safe-space-cursor-y', `${event.clientY}px`);
22227
21718
  }
22228
21719
  connectedCallback() {
22229
- if (IS_BROWSER && !isSupported()) {
22230
- apply();
22231
- }
22232
21720
  }
22233
21721
  componentDidLoad() {
22234
21722
  this.validatePlacement();
@@ -22301,7 +21789,7 @@ class PostPopovercontainer {
22301
21789
  }
22302
21790
  }
22303
21791
  if (this.safeSpace) {
22304
- window.addEventListener('mousemove', this.mouseTrackingHandler.bind(this));
21792
+ globalThis.addEventListener('mousemove', this.boundMouseTrackingHandler);
22305
21793
  }
22306
21794
  }
22307
21795
  /**
@@ -22312,7 +21800,7 @@ class PostPopovercontainer {
22312
21800
  this.clearAutoUpdate();
22313
21801
  }
22314
21802
  if (this.safeSpace) {
22315
- window.removeEventListener('mousemove', this.mouseTrackingHandler.bind(this));
21803
+ globalThis.removeEventListener('mousemove', this.boundMouseTrackingHandler);
22316
21804
  }
22317
21805
  // Cancel any running animation
22318
21806
  if (this.currentAnimation) {
@@ -22368,7 +21856,7 @@ class PostPopovercontainer {
22368
21856
  * @param e ToggleEvent
22369
21857
  */
22370
21858
  handleToggle(e) {
22371
- this.toggleTimeoutId = window.setTimeout(() => (this.toggleTimeoutId = null), 10);
21859
+ this.toggleTimeoutId = globalThis.setTimeout(() => (this.toggleTimeoutId = null), 10);
22372
21860
  const isOpen = e.newState === 'open';
22373
21861
  if (isOpen) {
22374
21862
  this.open();
@@ -22391,7 +21879,7 @@ class PostPopovercontainer {
22391
21879
  */
22392
21880
  getHeaderHeight() {
22393
21881
  const header = document.querySelector('post-header');
22394
- return header ? parseFloat(getComputedStyle(header).height) : 0;
21882
+ return header ? Number.parseFloat(getComputedStyle(header).height) : 0;
22395
21883
  }
22396
21884
  async calculatePosition() {
22397
21885
  const { x, y, middlewareData, placement } = await this.computeMainPosition();
@@ -22428,17 +21916,23 @@ class PostPopovercontainer {
22428
21916
  }
22429
21917
  async computeMainPosition() {
22430
21918
  const gap = this.edgeGap;
22431
- const middleware = [
22432
- flip({
22433
- padding: this.getHeaderHeight(),
21919
+ const isAligned = (this.placement || 'top').includes('-');
21920
+ const flipMiddleware = flip({
21921
+ padding: this.getHeaderHeight(),
21922
+ crossAxis: false,
21923
+ });
21924
+ const shiftMiddleware = shift({
21925
+ padding: gap,
21926
+ limiter: limitShift({
21927
+ offset: 32,
22434
21928
  }),
21929
+ });
21930
+ const middleware = [
21931
+ offset(this.offset ?? (this.arrow ? gap + 4 : gap)),
22435
21932
  inline(),
22436
- shift({
22437
- padding: gap,
22438
- limiter: limitShift({
22439
- offset: 32,
22440
- }),
22441
- }),
21933
+ // Per floating-ui docs: for aligned placements (e.g. bottom-end),
21934
+ // flip should come before shift. For non-aligned, shift before flip.
21935
+ ...(isAligned ? [flipMiddleware, shiftMiddleware] : [shiftMiddleware, flipMiddleware]),
22442
21936
  size({
22443
21937
  apply({ availableWidth, elements }) {
22444
21938
  Object.assign(elements.floating.style, {
@@ -22446,7 +21940,6 @@ class PostPopovercontainer {
22446
21940
  });
22447
21941
  },
22448
21942
  }),
22449
- offset(this.offset ?? (this.arrow ? gap + 4 : gap)),
22450
21943
  ];
22451
21944
  if (this.arrow) {
22452
21945
  middleware.push(arrow({ element: this.arrowRef, padding: gap }));
@@ -22518,9 +22011,9 @@ class PostPopovercontainer {
22518
22011
  }
22519
22012
  }
22520
22013
  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 => {
22014
+ return (hAsync(Host, { key: '9da5ddc34b0f749826341154e1893e2ac303ed4d', "data-version": version$1, popover: "auto" }, hAsync("div", { key: 'd3a56362b6ecd910455873ce62b1f7a753c6eaa8', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (hAsync("span", { key: '45b982f1a4d1ca5ca4feae898b1e5ea338409455', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
22522
22015
  this.arrowRef = el;
22523
- } })), hAsync("slot", { key: '8e6b37f1f4c4e49db5931130c411b4a2d73ad119' }))));
22016
+ } })), hAsync("slot", { key: 'e9231da953aa6b0e4c63eede8aba900f16fab4b6' }))));
22524
22017
  }
22525
22018
  get host() { return getElement(this); }
22526
22019
  static get watchers() { return {
@@ -22666,7 +22159,7 @@ class PostRating {
22666
22159
  }
22667
22160
  }
22668
22161
  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: {
22162
+ return (hAsync(Host, { key: 'c8266ca9d136f7a10f3515e784acad64f4e14aca', "data-version": version$1 }, hAsync("div", { key: '042df9d7d808ce737f56785d3b622c20bad3f280', 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
22163
  'star': true,
22671
22164
  'before-hover': i < this.hoveredIndex,
22672
22165
  'active': i < Math.round(this.currentRating),
@@ -22758,7 +22251,7 @@ class PostStepper {
22758
22251
  updateActiveStepNumber() {
22759
22252
  if (this.textStepNumber) {
22760
22253
  const labelTemplate = this.textStepNumber;
22761
- this.mobileActiveStepLabel = labelTemplate.replace(/#number/g, `${this.selectedIndex + 1}`);
22254
+ this.mobileActiveStepLabel = labelTemplate.replaceAll('#number', `${this.selectedIndex + 1}`);
22762
22255
  if (this.stepItems) {
22763
22256
  this.updateMobileActiveStepVisibility();
22764
22257
  }
@@ -22812,7 +22305,7 @@ class PostStepper {
22812
22305
  }
22813
22306
  }
22814
22307
  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 }))));
22308
+ return (hAsync(Host, { key: 'c0f0b43848cf7cf2ad3b909b9ac3977214090f49', "data-version": version$1 }, hAsync("ol", { key: 'fb3b6a002e18355f731caa783c1c183e9d17719a' }, hAsync("slot", { key: '3241341b4427e5b5963d5b2f1c8096752e447894', onSlotchange: () => this.updateSteps() })), hAsync("div", { key: 'd7d4b983c5d038f2a214292882ba44c31a47e53d', class: "active-step", "aria-hidden": "true" }, hAsync("span", { key: '82e9aaf029ed13effb873ee0cfcc44b06be18743', class: "active-step-label" }, this.mobileActiveStepLabel), hAsync("span", { key: 'b1874d60c5fff75813094e93cb00b1249f513a55', innerHTML: this.mobileActiveStepName }))));
22816
22309
  }
22817
22310
  get host() { return getElement(this); }
22818
22311
  static get watchers() { return {
@@ -22858,7 +22351,7 @@ class PostStepperItem {
22858
22351
  registerInstance(this, hostRef);
22859
22352
  }
22860
22353
  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' })))));
22354
+ return (hAsync(Host, { key: '95ebc80981c11cb53b992b55292c8588ece1425d', "data-version": version$1, role: "listitem" }, hAsync("span", { key: '64a3d6e185d0df66e89e63a09e934129cd51c00f', class: "stepper-item-content" }, hAsync("span", { key: '936c9473e1644a6f77a8b510a9159f3258ab97cc', class: "step-hidden-label visually-hidden" }), hAsync("span", { key: 'd6d256202dd0cc53f106d8452660e96b77557219', class: "label" }, hAsync("slot", { key: 'fe6ce78b72bbb24879fd4b5eba9594d8ef135bc2' })))));
22862
22355
  }
22863
22356
  static get style() { return postStepperItemCss(); }
22864
22357
  static get cmpMeta() { return {
@@ -22905,7 +22398,7 @@ class PostTabItem {
22905
22398
  this.isNavigationMode = hasAnchor;
22906
22399
  }
22907
22400
  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' })));
22401
+ return (hAsync(Host, { key: 'e660f8e1051523a4a88a0ad4808b294c2f80bcbb', 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: '9e5ec2ac67fbf1c56b8f7bd11205438d5ce08956' })));
22909
22402
  }
22910
22403
  get host() { return getElement(this); }
22911
22404
  static get watchers() { return {
@@ -22946,7 +22439,7 @@ class PostTabPanel {
22946
22439
  this.panelId = `panel-${this.host.id || nanoid(6)}`;
22947
22440
  }
22948
22441
  render() {
22949
- return (hAsync(Host, { key: '58743e382638b78c8e2bf020a94981e54f8c20d8', "data-version": version$1, id: this.panelId, role: "tabpanel", slot: "panels" }, hAsync("slot", { key: 'ab35770da08e7ece64d03ab2fa8811b04a42ddd0' })));
22442
+ return (hAsync(Host, { key: '27d2f9dedd65a3500d477ce979ace6d9eb0d429a', "data-version": version$1, id: this.panelId, role: "tabpanel", slot: "panels" }, hAsync("slot", { key: '890e7ec2bcf451d3281b224601597db281d6da58' })));
22950
22443
  }
22951
22444
  get host() { return getElement(this); }
22952
22445
  static get watchers() { return {
@@ -23103,7 +22596,7 @@ class PostTabs {
23103
22596
  // This works even before post-tab-item sets data-navigation-mode attribute
23104
22597
  const hasNavigationTabs = this.tabs.some(tab => {
23105
22598
  const hasAnchor = tab.querySelector('a') !== null;
23106
- const navModeAttr = tab.getAttribute('data-navigation-mode') === 'true';
22599
+ const navModeAttr = tab.dataset.navigationMode === 'true';
23107
22600
  return hasAnchor || navModeAttr;
23108
22601
  });
23109
22602
  const hasPanels = this.panels.length > 0;
@@ -23252,7 +22745,7 @@ class PostTabs {
23252
22745
  nextTab = this.tabs[activeTabIndex + 1] || this.tabs[0];
23253
22746
  }
23254
22747
  else {
23255
- nextTab = this.tabs[activeTabIndex - 1] || this.tabs[this.tabs.length - 1];
22748
+ nextTab = this.tabs[activeTabIndex - 1] || this.tabs.at(-1);
23256
22749
  }
23257
22750
  if (!nextTab)
23258
22751
  return;
@@ -23261,10 +22754,10 @@ class PostTabs {
23261
22754
  }
23262
22755
  render() {
23263
22756
  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: () => {
22757
+ return (hAsync(Host, { key: '5ae75fc550faae05dbca22e815a75e05f5cebc54', "data-version": version$1 }, hAsync("div", { key: '606990249519c2504e47e24b1e1b95c660278828', class: "tabs-wrapper", part: "post-tabs" }, hAsync(TabsContainer, { key: 'ed0a4b53c47bc808e0c0713f4d014338e0124e37', class: "tabs", role: this.isNavigationMode ? undefined : 'tablist', "aria-label": this.isNavigationMode ? this.label : undefined }, hAsync("slot", { key: 'ec504e221fb5694fea03630da0671b7c2c827648', onSlotchange: () => {
23265
22758
  this.moveMisplacedTabs();
23266
22759
  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() })))));
22760
+ } }))), !this.isNavigationMode && (hAsync("div", { key: '4bfd0fb25e0070b0a8ebeef0127cb8ac2b097bc0', class: "tab-content", part: "post-tabs-content" }, hAsync("slot", { key: 'ecf2630c87dce6a797c1c13d31e5ead2b7f903d8', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
23268
22761
  }
23269
22762
  get host() { return getElement(this); }
23270
22763
  static get watchers() { return {
@@ -23319,7 +22812,7 @@ class PostTogglebutton {
23319
22812
  this.host.addEventListener('keydown', (e) => this.handleKeydown(e), { capture: true });
23320
22813
  }
23321
22814
  render() {
23322
- return (hAsync(Host, { key: '723a7d107537a8399e193ef9fe40eec67c0a15a2', "data-version": version$1, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, hAsync("slot", { key: '38849e487b4db78584033e51e94b674804966d0b' })));
22815
+ return (hAsync(Host, { key: 'fdf27aa68db2c3e6757176894b5b293a563e444d', "data-version": version$1, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, hAsync("slot", { key: '2be2ca3e516a3ee6f39f9dc943142cf5e138d1b2' })));
23323
22816
  }
23324
22817
  get host() { return getElement(this); }
23325
22818
  static get style() { return postTogglebuttonCss(); }
@@ -23400,7 +22893,7 @@ class PostTooltip {
23400
22893
  }
23401
22894
  render() {
23402
22895
  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' }))));
22896
+ return (hAsync(Host, { key: 'e3dd0e3b779563948a727958237ffb5ee3786c67', "data-version": version$1 }, hAsync("post-popovercontainer", { key: 'bcc80a61fa0292191efc0525c410630b8dbb29e3', 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: '3b07a74f1edc3d7fc49211b4f85188ad8a05acad' }))));
23404
22897
  }
23405
22898
  get host() { return getElement(this); }
23406
22899
  static get watchers() { return {
@@ -23429,11 +22922,6 @@ class PostTooltip {
23429
22922
  const postTooltipTriggerCss = () => `post-tooltip-trigger{vertical-align:top}:host{cursor:pointer}`;
23430
22923
 
23431
22924
  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
22925
  /**
23438
22926
  * @slot default - Content to trigger the tooltip. Can contain any focusable element or will be made focusable automatically.
23439
22927
  */
@@ -23459,10 +22947,7 @@ class PostTooltipTrigger {
23459
22947
  checkEmptyOrType(this, 'for', 'string');
23460
22948
  }
23461
22949
  get tooltip() {
23462
- if (!IS_BROWSER)
23463
- return null;
23464
- const ref = document.getElementById(this.for);
23465
- return ref?.localName === 'post-tooltip' ? ref : null;
22950
+ return null;
23466
22951
  }
23467
22952
  componentDidLoad() {
23468
22953
  this.setupTrigger();
@@ -23503,7 +22988,7 @@ class PostTooltipTrigger {
23503
22988
  setupTrigger() {
23504
22989
  this.trigger = this.host.querySelector('*');
23505
22990
  if (this.trigger) {
23506
- if (!isFocusable$1(this.trigger)) {
22991
+ if (!isFocusable(this.trigger)) {
23507
22992
  this.trigger.setAttribute('tabindex', '0');
23508
22993
  }
23509
22994
  const describedBy = this.trigger.getAttribute('aria-describedby') || '';
@@ -23578,7 +23063,7 @@ class PostTooltipTrigger {
23578
23063
  interestHandler() {
23579
23064
  if (this.trigger) {
23580
23065
  if (this.delay > 0) {
23581
- this.delayTimeout = window.setTimeout(() => {
23066
+ this.delayTimeout = globalThis.setTimeout(() => {
23582
23067
  this.tooltip?.show(this.trigger);
23583
23068
  this.delayTimeout = null;
23584
23069
  }, this.delay);
@@ -23596,7 +23081,7 @@ class PostTooltipTrigger {
23596
23081
  this.tooltip?.hide();
23597
23082
  }
23598
23083
  render() {
23599
- return (hAsync(Host, { key: '070c1d7c9cbf685113debb314766b2dde8dfe126', "data-version": version$1 }, hAsync("slot", { key: 'b9c2c1339bd54061490e4f8c6303d9290a59dafa', onSlotchange: () => this.handleSlotChange() })));
23084
+ return (hAsync(Host, { key: '130a5d8ad8e981ee3f46fbbfcab74afd4c2dce18', "data-version": version$1 }, hAsync("slot", { key: '6718994fc17acb24dbc176110c9a0356c4158e38', onSlotchange: () => this.handleSlotChange() })));
23600
23085
  }
23601
23086
  get host() { return getElement(this); }
23602
23087
  static get watchers() { return {
@@ -23621,6 +23106,7 @@ class PostTooltipTrigger {
23621
23106
  registerComponents([
23622
23107
  PostAccordion,
23623
23108
  PostAccordionItem,
23109
+ PostAutocomplete,
23624
23110
  PostAvatar,
23625
23111
  PostBackToTop,
23626
23112
  PostBanner,
@@ -23630,13 +23116,14 @@ registerComponents([
23630
23116
  PostCollapsible,
23631
23117
  PostCollapsibleTrigger,
23632
23118
  PostDatePicker,
23633
- PostEnvTest,
23634
23119
  PostFooter,
23635
23120
  PostHeader,
23636
23121
  PostIcon,
23637
23122
  PostLanguageMenu,
23638
23123
  PostLanguageMenuItem,
23639
23124
  PostLinkarea,
23125
+ PostListbox,
23126
+ PostListboxOption,
23640
23127
  PostLogo,
23641
23128
  PostMainnavigation,
23642
23129
  PostMegadropdown,
@@ -23660,275 +23147,6 @@ registerComponents([
23660
23147
  PostTooltipTrigger,
23661
23148
  ]);
23662
23149
 
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
23150
  exports.hydrateApp = hydrateApp;
23933
23151
 
23934
23152