@swisspost/design-system-components 10.0.0-next.54 → 10.0.0-next.55

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 (237) hide show
  1. package/dist/cjs/{index-Cb8CTrOz.js → index-B4gYpuJF.js} +9 -1
  2. package/dist/cjs/{index-DtvYdwe1.js → index-UFKR6Ok0.js} +2 -0
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/{package-CvZxvdTJ.js → package-DkJrv93P.js} +1 -1
  5. package/dist/cjs/post-accordion_2.cjs.entry.js +4 -4
  6. package/dist/cjs/post-avatar.cjs.entry.js +4 -4
  7. package/dist/cjs/post-back-to-top.cjs.entry.js +3 -3
  8. package/dist/cjs/post-banner.cjs.entry.js +4 -4
  9. package/dist/cjs/post-breadcrumb-item_2.cjs.entry.js +4 -4
  10. package/dist/cjs/post-breadcrumbs.cjs.entry.js +5 -5
  11. package/dist/cjs/post-card-control.cjs.entry.js +5 -5
  12. package/dist/cjs/post-closebutton_15.cjs.entry.js +105 -72
  13. package/dist/cjs/post-collapsible_2.cjs.entry.js +10 -9
  14. package/dist/cjs/post-components.cjs.js +2 -2
  15. package/dist/cjs/post-footer.cjs.entry.js +4 -4
  16. package/dist/cjs/post-linkarea.cjs.entry.js +3 -3
  17. package/dist/cjs/post-popover-trigger.cjs.entry.js +4 -4
  18. package/dist/cjs/post-popover.cjs.entry.js +5 -5
  19. package/dist/cjs/post-rating.cjs.entry.js +4 -4
  20. package/dist/cjs/post-stepper-item.cjs.entry.js +18 -0
  21. package/dist/cjs/post-stepper.cjs.entry.js +106 -0
  22. package/dist/cjs/post-tab-header.cjs.entry.js +4 -4
  23. package/dist/cjs/post-tab-panel.cjs.entry.js +4 -4
  24. package/dist/cjs/post-tabs.cjs.entry.js +3 -3
  25. package/dist/cjs/post-tooltip-trigger.cjs.entry.js +4 -4
  26. package/dist/cjs/post-tooltip.cjs.entry.js +5 -5
  27. package/dist/collection/collection-manifest.json +2 -0
  28. package/dist/collection/components/post-accordion/post-accordion.js +2 -2
  29. package/dist/collection/components/post-avatar/post-avatar.css +1 -1
  30. package/dist/collection/components/post-banner/post-banner.css +1 -1
  31. package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.js +6 -6
  32. package/dist/collection/components/post-card-control/post-card-control.js +3 -3
  33. package/dist/collection/components/post-collapsible-trigger/post-collapsible-trigger.js +6 -5
  34. package/dist/collection/components/post-footer/post-footer.js +2 -2
  35. package/dist/collection/components/post-header/post-header.css +1 -1
  36. package/dist/collection/components/post-header/post-header.js +104 -54
  37. package/dist/collection/components/post-icon/post-icon.js +1 -1
  38. package/dist/collection/components/post-language-option/post-language-option.css +1 -1
  39. package/dist/collection/components/post-language-option/post-language-option.js +2 -2
  40. package/dist/collection/components/post-language-switch/post-language-switch.css +1 -1
  41. package/dist/collection/components/post-language-switch/post-language-switch.js +2 -2
  42. package/dist/collection/components/post-linkarea/post-linkarea.js +1 -1
  43. package/dist/collection/components/post-list/post-list.js +1 -1
  44. package/dist/collection/components/post-list-item/post-list-item.js +1 -1
  45. package/dist/collection/components/post-logo/post-logo.js +1 -1
  46. package/dist/collection/components/post-mainnavigation/post-mainnavigation.css +1 -1
  47. package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +1 -1
  48. package/dist/collection/components/post-megadropdown/post-megadropdown.css +1 -1
  49. package/dist/collection/components/post-megadropdown/post-megadropdown.js +2 -2
  50. package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.css +1 -1
  51. package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +2 -2
  52. package/dist/collection/components/post-menu/post-menu.js +2 -2
  53. package/dist/collection/components/post-menu-item/post-menu-item.js +1 -1
  54. package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +1 -1
  55. package/dist/collection/components/post-popover/post-popover.css +1 -1
  56. package/dist/collection/components/post-popover/post-popover.js +2 -2
  57. package/dist/collection/components/post-popover-trigger/post-popover-trigger.js +1 -1
  58. package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +2 -2
  59. package/dist/collection/components/post-rating/post-rating.js +2 -2
  60. package/dist/collection/components/post-stepper/post-stepper.css +1 -0
  61. package/dist/collection/components/post-stepper/post-stepper.js +204 -0
  62. package/dist/collection/components/post-stepper-item/post-stepper-item.css +7 -0
  63. package/dist/collection/components/post-stepper-item/post-stepper-item.js +18 -0
  64. package/dist/collection/components/post-tab-header/post-tab-header.js +1 -1
  65. package/dist/collection/components/post-tab-panel/post-tab-panel.js +1 -1
  66. package/dist/collection/components/post-tabs/post-tabs.js +1 -1
  67. package/dist/collection/components/post-togglebutton/post-togglebutton.js +1 -1
  68. package/dist/collection/components/post-tooltip/post-tooltip.css +1 -1
  69. package/dist/collection/components/post-tooltip/post-tooltip.js +1 -1
  70. package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.js +1 -1
  71. package/dist/component-names.json +2 -0
  72. package/dist/components/index.d.ts +4 -0
  73. package/dist/components/index.js +2 -0
  74. package/dist/components/index2.js +2 -1
  75. package/dist/components/package.js +1 -1
  76. package/dist/components/post-accordion2.js +2 -2
  77. package/dist/components/post-avatar.js +2 -2
  78. package/dist/components/post-banner.js +1 -1
  79. package/dist/components/post-breadcrumbs.js +7 -7
  80. package/dist/components/post-card-control.js +3 -3
  81. package/dist/components/post-collapsible-trigger2.js +9 -8
  82. package/dist/components/post-footer.js +2 -2
  83. package/dist/components/post-header.js +89 -54
  84. package/dist/components/post-icon2.js +1 -1
  85. package/dist/components/post-language-option.js +3 -3
  86. package/dist/components/post-language-switch.js +3 -3
  87. package/dist/components/post-linkarea.js +1 -1
  88. package/dist/components/post-list-item.js +1 -1
  89. package/dist/components/post-list.js +1 -1
  90. package/dist/components/post-logo.js +1 -1
  91. package/dist/components/post-mainnavigation.js +2 -2
  92. package/dist/components/post-megadropdown-trigger.js +3 -3
  93. package/dist/components/post-megadropdown.js +3 -3
  94. package/dist/components/post-menu-item2.js +1 -1
  95. package/dist/components/post-menu-trigger2.js +1 -1
  96. package/dist/components/post-menu2.js +2 -2
  97. package/dist/components/post-popover-trigger.js +1 -1
  98. package/dist/components/post-popover.js +3 -3
  99. package/dist/components/post-popovercontainer2.js +2 -2
  100. package/dist/components/post-rating.js +2 -2
  101. package/dist/components/post-stepper-item.d.ts +11 -0
  102. package/dist/components/post-stepper-item.js +33 -0
  103. package/dist/components/post-stepper.d.ts +11 -0
  104. package/dist/components/post-stepper.js +134 -0
  105. package/dist/components/post-tab-header.js +1 -1
  106. package/dist/components/post-tab-panel.js +1 -1
  107. package/dist/components/post-tabs.js +1 -1
  108. package/dist/components/post-togglebutton.js +1 -1
  109. package/dist/components/post-tooltip-trigger.js +1 -1
  110. package/dist/components/post-tooltip.js +2 -2
  111. package/dist/components/react/index.js +1 -1
  112. package/dist/components/react/p-BhxZzOEC.js +3 -0
  113. package/dist/components/react/{p-nSFSgY-P.js → p-CSAMO7iJ.js} +5 -5
  114. package/dist/components/react/{p-CV7fm1rW.js → p-CYkf_7Y5.js} +2 -1
  115. package/dist/components/react/{p-BfLuYwf7.js → p-Ccrl2AQn.js} +2 -2
  116. package/dist/components/react/{p-DVxZMuPW.js → p-CewRvBtg.js} +4 -4
  117. package/dist/components/react/{p-BUxAs8N5.js → p-Cwiv86_f.js} +3 -3
  118. package/dist/components/react/{p-BK474oMI.js → p-D2waO0Zc.js} +2 -2
  119. package/dist/components/react/{p-2U_BGLjc.js → p-DBPOV12C.js} +3 -3
  120. package/dist/components/react/{p-mENtrn2l.js → p-DVGEExot.js} +4 -4
  121. package/dist/components/react/{p-Ccgu_WOx.js → p-Djvj8fd2.js} +3 -3
  122. package/dist/components/react/{p-D4NSCxrX.js → p-LtiDhYis.js} +11 -10
  123. package/dist/components/react/{p-D3CFjhAf.js → p-XrZzCOKT.js} +3 -3
  124. package/dist/components/react/{p-Dj7qWba5.js → p-v3pOrMNQ.js} +5 -5
  125. package/dist/components/react/post-accordion-item.js +1 -1
  126. package/dist/components/react/post-accordion.js +1 -1
  127. package/dist/components/react/post-avatar.js +3 -3
  128. package/dist/components/react/post-back-to-top.js +3 -3
  129. package/dist/components/react/post-banner.js +3 -3
  130. package/dist/components/react/post-breadcrumb-item.js +1 -1
  131. package/dist/components/react/post-breadcrumbs.js +14 -14
  132. package/dist/components/react/post-card-control.js +6 -6
  133. package/dist/components/react/post-closebutton.js +1 -1
  134. package/dist/components/react/post-collapsible-trigger.js +1 -1
  135. package/dist/components/react/post-collapsible.js +1 -1
  136. package/dist/components/react/post-footer.js +9 -9
  137. package/dist/components/react/post-header.js +90 -55
  138. package/dist/components/react/post-icon.js +1 -1
  139. package/dist/components/react/post-language-option.js +5 -5
  140. package/dist/components/react/post-language-switch.js +9 -9
  141. package/dist/components/react/post-linkarea.js +2 -2
  142. package/dist/components/react/post-list-item.js +2 -2
  143. package/dist/components/react/post-list.js +2 -2
  144. package/dist/components/react/post-logo.js +3 -3
  145. package/dist/components/react/post-mainnavigation.js +4 -4
  146. package/dist/components/react/post-megadropdown-trigger.js +5 -5
  147. package/dist/components/react/post-megadropdown.js +4 -4
  148. package/dist/components/react/post-menu-item.js +1 -1
  149. package/dist/components/react/post-menu-trigger.js +1 -1
  150. package/dist/components/react/post-menu.js +1 -1
  151. package/dist/components/react/post-popover-trigger.js +3 -3
  152. package/dist/components/react/post-popover.js +8 -8
  153. package/dist/components/react/post-popovercontainer.js +1 -1
  154. package/dist/components/react/post-rating.js +5 -5
  155. package/dist/components/react/post-stepper-item.d.ts +11 -0
  156. package/dist/components/react/post-stepper-item.js +34 -0
  157. package/dist/components/react/post-stepper.d.ts +11 -0
  158. package/dist/components/react/post-stepper.js +135 -0
  159. package/dist/components/react/post-tab-header.js +3 -3
  160. package/dist/components/react/post-tab-panel.js +3 -3
  161. package/dist/components/react/post-tabs.js +2 -2
  162. package/dist/components/react/post-togglebutton.js +2 -2
  163. package/dist/components/react/post-tooltip-trigger.js +3 -3
  164. package/dist/components/react/post-tooltip.js +5 -5
  165. package/dist/docs.json +175 -27
  166. package/dist/esm/{index-VmK3ABCB.js → index-Beaz8wEe.js} +2 -1
  167. package/dist/esm/{index-CFNKgUjL.js → index-wEFJ-c34.js} +9 -1
  168. package/dist/esm/loader.js +3 -3
  169. package/dist/esm/package-BhxZzOEC.js +3 -0
  170. package/dist/esm/post-accordion_2.entry.js +4 -4
  171. package/dist/esm/post-avatar.entry.js +4 -4
  172. package/dist/esm/post-back-to-top.entry.js +3 -3
  173. package/dist/esm/post-banner.entry.js +4 -4
  174. package/dist/esm/post-breadcrumb-item_2.entry.js +4 -4
  175. package/dist/esm/post-breadcrumbs.entry.js +5 -5
  176. package/dist/esm/post-card-control.entry.js +5 -5
  177. package/dist/esm/post-closebutton_15.entry.js +105 -72
  178. package/dist/esm/post-collapsible_2.entry.js +10 -9
  179. package/dist/esm/post-components.js +3 -3
  180. package/dist/esm/post-footer.entry.js +4 -4
  181. package/dist/esm/post-linkarea.entry.js +3 -3
  182. package/dist/esm/post-popover-trigger.entry.js +4 -4
  183. package/dist/esm/post-popover.entry.js +5 -5
  184. package/dist/esm/post-rating.entry.js +4 -4
  185. package/dist/esm/post-stepper-item.entry.js +16 -0
  186. package/dist/esm/post-stepper.entry.js +104 -0
  187. package/dist/esm/post-tab-header.entry.js +4 -4
  188. package/dist/esm/post-tab-panel.entry.js +4 -4
  189. package/dist/esm/post-tabs.entry.js +3 -3
  190. package/dist/esm/post-tooltip-trigger.entry.js +4 -4
  191. package/dist/esm/post-tooltip.entry.js +5 -5
  192. package/dist/post-components/p-01e678c9.entry.js +1 -0
  193. package/dist/post-components/p-034a453f.entry.js +1 -0
  194. package/dist/post-components/p-15a4cdbf.entry.js +1 -0
  195. package/dist/post-components/p-24dc54d1.entry.js +1 -0
  196. package/dist/post-components/p-2a2030bf.entry.js +1 -0
  197. package/dist/post-components/p-2ed84cc3.entry.js +1 -0
  198. package/dist/post-components/{p-77e43032.entry.js → p-3228968f.entry.js} +1 -1
  199. package/dist/post-components/p-3c01ddfe.entry.js +1 -0
  200. package/dist/post-components/{p-261b1452.entry.js → p-57288cb2.entry.js} +1 -1
  201. package/dist/post-components/{p-0e92dbef.entry.js → p-748b1f01.entry.js} +1 -1
  202. package/dist/post-components/{p-0ec2bdd7.entry.js → p-7745e46e.entry.js} +1 -1
  203. package/dist/post-components/{p-8f0fc02a.entry.js → p-7f635728.entry.js} +1 -1
  204. package/dist/post-components/p-82c178a3.entry.js +1 -0
  205. package/dist/post-components/p-9b5f8319.entry.js +1 -0
  206. package/dist/post-components/p-Beaz8wEe.js +1 -0
  207. package/dist/post-components/p-BhxZzOEC.js +1 -0
  208. package/dist/post-components/{p-96750e25.entry.js → p-a9644e54.entry.js} +1 -1
  209. package/dist/post-components/{p-658b1ccc.entry.js → p-af030a3a.entry.js} +1 -1
  210. package/dist/post-components/{p-e90688ab.entry.js → p-b8ba8139.entry.js} +1 -1
  211. package/dist/post-components/{p-bf41fe56.entry.js → p-cd03e6f2.entry.js} +1 -1
  212. package/dist/post-components/{p-02ea3ec5.entry.js → p-db935e8e.entry.js} +1 -1
  213. package/dist/post-components/{p-11c204e0.entry.js → p-e62e1f57.entry.js} +1 -1
  214. package/dist/post-components/{p-f1b815b6.entry.js → p-fb4b1641.entry.js} +1 -1
  215. package/dist/post-components/p-wEFJ-c34.js +2 -0
  216. package/dist/post-components/post-components.css +1 -1
  217. package/dist/post-components/post-components.esm.js +1 -1
  218. package/dist/types/components/post-collapsible-trigger/post-collapsible-trigger.d.ts +1 -0
  219. package/dist/types/components/post-header/post-header.d.ts +15 -11
  220. package/dist/types/components/post-stepper/post-stepper.d.ts +38 -0
  221. package/dist/types/components/post-stepper-item/post-stepper-item.d.ts +3 -0
  222. package/dist/types/components.d.ts +62 -2
  223. package/hydrate/index.js +296 -124
  224. package/hydrate/index.mjs +296 -124
  225. package/package.json +7 -8
  226. package/dist/components/react/p-BXRsHuTS.js +0 -3
  227. package/dist/esm/package-BXRsHuTS.js +0 -3
  228. package/dist/post-components/p-197a0f25.entry.js +0 -1
  229. package/dist/post-components/p-3274ab81.entry.js +0 -1
  230. package/dist/post-components/p-BXRsHuTS.js +0 -1
  231. package/dist/post-components/p-CFNKgUjL.js +0 -2
  232. package/dist/post-components/p-VmK3ABCB.js +0 -1
  233. package/dist/post-components/p-b5b5e4b9.entry.js +0 -1
  234. package/dist/post-components/p-b8059ba1.entry.js +0 -1
  235. package/dist/post-components/p-d6134e24.entry.js +0 -1
  236. package/dist/post-components/p-e7029b9e.entry.js +0 -1
  237. package/dist/post-components/p-ea5da614.entry.js +0 -1
package/dist/cjs/post-closebutton_15.cjs.entry.js CHANGED
@@ -1,8 +1,8 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-Cb8CTrOz.js');
4
- var _package = require('./package-CvZxvdTJ.js');
5
- var index$1 = require('./index-DtvYdwe1.js');
3
+ var index = require('./index-B4gYpuJF.js');
4
+ var _package = require('./package-DkJrv93P.js');
5
+ var index$1 = require('./index-UFKR6Ok0.js');
6
6
  var breakpoints = require('./breakpoints-CEkeixld.js');
7
7
  var getFocusableChildren = require('./get-focusable-children-Bx63XUQg.js');
8
8
  var eventFrom = require('./event-from-CLvtSUKf.js');
@@ -81,7 +81,7 @@ function slideDown(el, translateSize = '-100%') {
81
81
  });
82
82
  }
83
83
 
84
- const postHeaderCss = "*,::before,::after{box-sizing:border-box}:host{z-index:1020;position:relative;--post-logo-height:calc(var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px));--post-global-header-top:calc( var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height) );--post-local-header-top:calc( var(--post-global-header-reduced-height) + var(--post-local-header-reduced-height) - var(--post-local-header-expanded-height) );--post-global-controls-top:clamp( 1000 * var(--post-global-header-top), calc(-1 * min(var(--post-header-scroll-top, 0px) / 4, var(--post-global-header-reduced-height))), 0px )}@media screen and (min-width: 1024px){:host:has(.global-sub>*:not(.logo):focus-within),:host:has(.local-sub:focus-within){--post-global-header-top:0;--post-local-header-top:var(--post-global-header-expanded-height);--post-logo-height:var(--post-global-header-expanded-height);--post-global-controls-top:0}}.d-flex{display:flex}.space-between{justify-content:space-between}.global-header{background-color:#fc0;display:flex;justify-content:space-between;position:sticky;padding-inline:4px;height:var(--post-global-header-expanded-height)}@media screen and (max-width: 1023.98px){.global-header{z-index:4;inset-block-start:0}}@media screen and (min-width: 1024px){.global-header{z-index:5;padding-inline-end:8px;inset-block-start:var(--post-global-header-top);transition:inset-block-start .2s ease-in-out}}.global-header:has(+.local-header.no-navigation.no-title){box-shadow:var(--post-device-elevation-300)}.global-sub{display:flex;align-items:center;gap:4px}@media screen and (min-width: 1024px){.global-sub:not(:has(.logo)){position:relative;transition:inset-block-start .2s ease-in-out;inset-block-start:var(--post-global-controls-top)}.global-sub:not(:last-child):not(:first-child){flex-grow:1}}.align-end{align-items:flex-end}.logo{flex:1 0 auto;height:var(--post-global-header-expanded-height);width:var(--post-global-header-expanded-height);min-height:var(--post-global-header-reduced-height);align-self:flex-end}@media screen and (min-width: 1024px){.logo{transition:height .2 ease-in-out;height:var(--post-logo-height)}}::slotted(ul){margin-block:0 !important;list-style:none;display:flex;padding-inline-start:0;gap:1rem;flex-shrink:0 !important}.local-header{display:flex;position:sticky;inset-block-start:var(--post-local-header-top);flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;min-height:var(--post-local-header-expanded-min-height);background:#fff;transition:box-shadow .2s ease-in-out}.local-header::after{content:\"\";position:absolute;width:100%;height:1px;background-color:#e1e0dc;inset-block-end:-1px;z-index:1}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.local-header::after{background-color:Highlight}}@media screen and (min-width: 1024px){.local-header{z-index:3;box-shadow:var(--post-device-elevation-300);transition:box-shadow .2s ease-in-out,inset-block-start .2s ease-in-out}.local-header:not(.no-title){padding-block-start:18px}}@media screen and (max-width: 1023.98px){.local-header{z-index:3;padding-block:8px;flex-wrap:wrap;gap:12px}.local-header.local-header-mobile-extended::after{inset-block-end:0}.local-header:not(.local-header-mobile-extended){box-shadow:var(--post-device-elevation-300)}}.local-header.no-navigation{padding-block:0}.local-header.no-navigation .navigation{display:none}.local-header.no-navigation.no-title{display:none}.local-sub{margin-inline-end:16px}@media screen and (max-width: 1023.98px){.local-sub{margin-inline-end:4px}}::slotted(.list-inline){margin:0 !important;z-index:3 !important;position:relative !important}@media screen and (min-width: 1024px){.mobile-toggle{display:none}}.navigation{width:100%}@media screen and (min-width: 1024px){.navigation{display:flex;align-items:center;justify-content:space-between;inset-block-start:var(--post-global-header-reduced-height)}.navigation::before{display:block;content:\"\";position:absolute;inset:0;z-index:2;background:#fff}}@media screen and (max-width: 1023.98px){.navigation{position:sticky;z-index:2;inset-inline:0;inset-block-start:var(--post-header-height)}.mobile-menu{background-color:#fafafa}::slotted(post-mainnavigation),.navigation-footer{padding-block:16px 24px;padding-inline:40px}.navigation-header,::slotted(post-mainnavigation),.navigation-footer{display:none;flex-direction:column}.navigation.extended .navigation-header,.navigation.extended ::slotted(post-mainnavigation),.navigation.extended .navigation-footer{display:flex}::slotted(post-mainnavigation){padding-block:24px}.navigation.extended>div{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height))}.navigation.extended.megadropdown-open>div{overflow-y:hidden}.navigation.extended ::slotted(post-mainnavigation){flex-grow:1 !important}.navigation-footer{background-color:#f0efed;gap:24px}.navigation-footer ::slotted(post-language-switch){margin-top:16px}}@media screen and (max-width: 1023.98px)and (max-width: 599.98px){.navigation-footer{gap:16px}}@media screen and (max-width: 599.98px){::slotted(post-mainnavigation),.navigation-footer{padding-inline:16px}}";
84
+ 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:0rem;--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:0rem;--post-burger-menu-padding-inline:1rem;--post-burger-menu-body-gap:1.5rem;--post-burger-menu-footer-gap:1rem}}:host([data-expanded]){--post-header-top:0;--post-global-header-top:0;--post-global-controls-top:0;--post-logo-height:var(--post-global-header-expanded-height)}*,::before,::after{box-sizing:border-box}:host,.global-header,.local-header{transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1)}.global-header,.local-header,.burger-menu{box-shadow:var(--post-device-elevation-300)}.global-header,.sliding-controls,.local-header,.navigation{display:flex;align-items:center;justify-content:space-between;gap:var(--post-header-gap)}:host{container-type:inline-size;display:block;position:sticky;inset-block-start:var(--post-header-top);z-index:1020}.global-header{z-index:2;position:sticky;inset-block-start:var(--post-global-header-top);background-color:#fc0;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:has(~.local-header:not(.no-title.no-navigation)),.global-header:has(~.burger-menu.extended){box-shadow:none}.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:1.25rem}.global-header .sliding-controls{flex-grow:1;justify-content:flex-end;position:relative;inset-block-start:var(--post-global-controls-top)}.global-header .target-group{margin-inline-end:auto}.global-header.no-target-group .target-group{display:none}.local-header{position:relative;flex-wrap:wrap;background-color:#fff;min-height:var(--post-local-header-expanded-min-height);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)}.local-header:not(.no-title,.no-navigation){padding-block-start:1.125rem}.local-header.no-title.no-navigation{display:none}.local-header:has(.navigation.megadropdown-open),.local-header:has(~.burger-menu.extended){box-shadow:none}.local-header:has(.navigation.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 .navigation{flex:1 0 100%;height:var(--post-main-navigation-height);margin-inline-start:calc(-1*var(--post-local-header-padding-inline-start));max-width:100cqw}.local-header.no-navigation .navigation{display:none}.local-header .navigation-controls{flex:0 0 auto}.local-header.no-navigation-controls .navigation{margin-inline-end:calc(-1*var(--post-local-header-padding-inline-end))}.local-header.no-navigation-controls .navigation-controls{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:not(.extended){transform:translateY(-100%)}.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 .navigation-controls{height:3.5rem;display:flex;align-items:center;justify-content:flex-end;padding-inline:.25rem}.burger-menu.no-navigation-controls .navigation-controls{display:none}";
85
85
 
86
86
  var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
87
87
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -94,7 +94,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
94
94
  return c > 3 && r && Object.defineProperty(target, key, r), r;
95
95
  };
96
96
  const PostHeader = class {
97
- get hasMobileMenu() {
97
+ get hasBurgerMenu() {
98
98
  return this.device !== 'desktop' && this.hasNavigation;
99
99
  }
100
100
  get scrollParent() {
@@ -113,8 +113,8 @@ const PostHeader = class {
113
113
  }
114
114
  lockBody(newValue, _oldValue, propName) {
115
115
  const scrollParent = this.scrollParent;
116
- const mobileMenuExtended = propName === 'mobileMenuExtended' ? newValue : this.mobileMenuExtended;
117
- if (this.device !== 'desktop' && mobileMenuExtended) {
116
+ const burgerMenuExtended = propName === 'burgerMenuExtended' ? newValue : this.burgerMenuExtended;
117
+ if (this.device !== 'desktop' && burgerMenuExtended) {
118
118
  scrollParent.setAttribute('data-post-scroll-locked', '');
119
119
  this.host.addEventListener('keydown', this.keyboardHandler);
120
120
  }
@@ -128,14 +128,16 @@ const PostHeader = class {
128
128
  this.throttledResize = breakpoints.throttle(50, () => this.updateLocalHeaderHeight());
129
129
  this.device = breakpoints.breakpoint.get('device');
130
130
  this.hasNavigation = false;
131
+ this.hasNavigationControls = false;
132
+ this.hasTargetGroup = false;
131
133
  this.hasTitle = false;
132
- this.mobileMenuExtended = false;
134
+ this.burgerMenuExtended = false;
133
135
  this.megadropdownOpen = false;
134
136
  this.breakpointChange = (e) => {
135
137
  this.device = e.detail;
136
138
  this.switchLanguageSwitchMode();
137
- if (this.device === 'desktop' && this.mobileMenuExtended) {
138
- this.closeMobileMenu();
139
+ if (this.device === 'desktop' && this.burgerMenuExtended) {
140
+ this.closeBurgerMenu();
139
141
  }
140
142
  if (this.device !== 'desktop') {
141
143
  Array.from(this.host.querySelectorAll('post-megadropdown')).forEach(dropdown => {
@@ -152,6 +154,7 @@ const PostHeader = class {
152
154
  this.updateLocalHeaderHeight = this.updateLocalHeaderHeight.bind(this);
153
155
  this.keyboardHandler = this.keyboardHandler.bind(this);
154
156
  this.handleLinkClick = this.handleLinkClick.bind(this);
157
+ this.checkSlottedContent = this.checkSlottedContent.bind(this);
155
158
  }
156
159
  connectedCallback() {
157
160
  window.addEventListener('resize', this.throttledResize, { passive: true });
@@ -164,14 +167,13 @@ const PostHeader = class {
164
167
  document.addEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
165
168
  this.host.addEventListener('click', this.handleLinkClick);
166
169
  window.addEventListener('postBreakpoint:device', this.breakpointChange);
167
- this.checkNavigationExistence();
168
- this.checkTitleExistence();
169
- this.switchLanguageSwitchMode();
170
170
  this.handleScrollParentResize();
171
- this.lockBody(false, this.mobileMenuExtended, 'mobileMenuExtended');
171
+ this.lockBody(false, this.burgerMenuExtended, 'burgerMenuExtended');
172
172
  }
173
173
  componentWillRender() {
174
174
  this.handleScrollEvent();
175
+ this.handleSlottedContentChanges();
176
+ this.switchLanguageSwitchMode();
175
177
  }
176
178
  componentDidRender() {
177
179
  this.getFocusableElements();
@@ -199,51 +201,50 @@ const PostHeader = class {
199
201
  this.localHeaderResizeObserver.disconnect();
200
202
  this.localHeaderResizeObserver = null;
201
203
  }
202
- this.mobileMenuExtended = false;
203
- }
204
- checkNavigationExistence() {
205
- this.hasNavigation = this.host.querySelectorAll('post-mainnavigation').length > 0;
206
- }
207
- checkTitleExistence() {
208
- this.hasTitle = this.host.querySelectorAll('[slot="title"]').length > 0;
204
+ if (this.slottedContentObserver) {
205
+ this.slottedContentObserver.disconnect();
206
+ this.slottedContentObserver = null;
207
+ }
208
+ this.burgerMenuExtended = false;
209
209
  }
210
- async closeMobileMenu() {
211
- this.mobileMenuAnimation.finish();
210
+ async closeBurgerMenu() {
211
+ this.burgerMenuAnimation.finish();
212
212
  const menuButton = this.getMenuButton();
213
213
  if (menuButton) {
214
214
  menuButton.toggled = false;
215
215
  }
216
- this.mobileMenuExtended = false;
216
+ this.burgerMenuExtended = false;
217
217
  }
218
218
  /**
219
- * Toggles the mobile navigation.
219
+ * Toggles the burger navigation menu.
220
220
  */
221
- async toggleMobileMenu(force) {
221
+ async toggleBurgerMenu(force) {
222
222
  if (this.device === 'desktop')
223
223
  return;
224
- this.mobileMenuAnimation = this.mobileMenuExtended
225
- ? slideUp(this.mobileMenu)
226
- : slideDown(this.mobileMenu);
224
+ this.burgerMenuAnimation = this.burgerMenuExtended
225
+ ? slideUp(this.burgerMenu)
226
+ : slideDown(this.burgerMenu);
227
227
  // Update the state of the toggle button
228
228
  const menuButton = this.host.querySelector('post-togglebutton');
229
- menuButton.toggled = force ?? !this.mobileMenuExtended;
230
- if (this.mobileMenuExtended) {
229
+ if (menuButton)
230
+ menuButton.toggled = force ?? !this.burgerMenuExtended;
231
+ if (this.burgerMenuExtended) {
231
232
  // Wait for the close animation to finish before hiding megadropdowns
232
- await this.mobileMenuAnimation.finished;
233
- this.mobileMenuExtended = force ?? !this.mobileMenuExtended;
234
- if (this.mobileMenuExtended === false) {
233
+ await this.burgerMenuAnimation.finished;
234
+ this.burgerMenuExtended = force ?? !this.burgerMenuExtended;
235
+ if (this.burgerMenuExtended === false) {
235
236
  this.closeAllMegadropdowns();
236
237
  }
237
238
  }
238
239
  else {
239
- this.mobileMenuExtended = force ?? !this.mobileMenuExtended;
240
+ this.burgerMenuExtended = force ?? !this.burgerMenuExtended;
240
241
  // If opening, close any open megadropdowns immediately
241
242
  if (this.megadropdownOpen) {
242
243
  this.closeAllMegadropdowns();
243
244
  }
244
245
  }
245
246
  }
246
- // Get all the focusable elements in the post-header mobile menu
247
+ // Get all the focusable elements in the post-header burger menu
247
248
  getFocusableElements() {
248
249
  // Get elements in the correct order (different as the DOM order)
249
250
  const focusableEls = [
@@ -263,7 +264,7 @@ const PostHeader = class {
263
264
  return this.host.querySelector('post-togglebutton');
264
265
  }
265
266
  keyboardHandler(e) {
266
- if (e.key === 'Tab' && this.mobileMenuExtended) {
267
+ if (e.key === 'Tab' && this.burgerMenuExtended) {
267
268
  if (e.shiftKey && document.activeElement === this.firstFocusableEl) {
268
269
  // If back tab (Tab + Shift) and first element is focused, focus goes to the last element of the megadropdown
269
270
  e.preventDefault();
@@ -284,7 +285,7 @@ const PostHeader = class {
284
285
  }
285
286
  handleScrollEvent() {
286
287
  const scrollTop = this.scrollParent === document.body ? window.scrollY : this.scrollParent.scrollTop;
287
- document.documentElement.style.setProperty('--post-header-scroll-top', `${scrollTop}px`);
288
+ document.documentElement.style.setProperty('--post-header-scroll-top', `${Math.max(scrollTop, 0)}px`);
288
289
  }
289
290
  updateLocalHeaderHeight() {
290
291
  const localHeaderElement = this.host.shadowRoot.querySelector('.local-header');
@@ -302,8 +303,8 @@ const PostHeader = class {
302
303
  if (!isLinkInMainNav && !isLinkInMegadropdown) {
303
304
  return;
304
305
  }
305
- if (this.mobileMenuExtended && (isLinkInMainNav || isLinkInMegadropdown)) {
306
- this.toggleMobileMenu(false);
306
+ if (this.burgerMenuExtended && (isLinkInMainNav || isLinkInMegadropdown)) {
307
+ this.toggleBurgerMenu(false);
307
308
  }
308
309
  if (this.device === 'desktop' && isLinkInMegadropdown) {
309
310
  const megadropdownLink = target.closest('post-megadropdown a');
@@ -325,33 +326,65 @@ const PostHeader = class {
325
326
  this.localHeaderResizeObserver.observe(localHeader);
326
327
  }
327
328
  }
329
+ handleSlottedContentChanges() {
330
+ if (!this.slottedContentObserver) {
331
+ this.checkSlottedContent();
332
+ this.slottedContentObserver = new MutationObserver(this.checkSlottedContent);
333
+ this.slottedContentObserver.observe(this.host, { childList: true });
334
+ }
335
+ }
336
+ checkSlottedContent() {
337
+ this.hasNavigation = !!this.host.querySelector('[slot="post-mainnavigation"]');
338
+ this.hasNavigationControls = !!this.host.querySelector('[slot="navigation-controls"]');
339
+ this.hasTargetGroup = !!this.host.querySelector('[slot="target-group"]');
340
+ this.hasTitle = !!this.host.querySelector('[slot="title"]');
341
+ }
328
342
  switchLanguageSwitchMode() {
329
- const variant = this.hasMobileMenu ? 'list' : 'menu';
343
+ const variant = this.hasBurgerMenu ? 'list' : 'menu';
330
344
  Array.from(this.host.querySelectorAll('post-language-switch')).forEach(languageSwitch => {
331
345
  languageSwitch?.setAttribute('variant', variant);
332
346
  });
333
347
  }
348
+ onFocusChange() {
349
+ const fixedElements = this.device === 'desktop' ? '.logo, .navigation' : '.global-header, .burger-menu';
350
+ const isHeaderExpanded = this.host.matches(':focus-within') &&
351
+ !this.host.shadowRoot.querySelector(`:where(${fixedElements}):focus-within`);
352
+ if (isHeaderExpanded) {
353
+ this.host.setAttribute('data-expanded', '');
354
+ }
355
+ else {
356
+ this.host.removeAttribute('data-expanded');
357
+ }
358
+ }
334
359
  renderNavigation() {
335
- const mainNavigation = (index.h("slot", { name: "post-mainnavigation", onSlotchange: () => this.checkNavigationExistence() }));
336
360
  if (this.device === 'desktop') {
337
- return (index.h("div", { class: { 'navigation': true, 'megadropdown-open': this.megadropdownOpen } }, mainNavigation, index.h("slot", { name: "navigation-controls" })));
361
+ return (index.h("div", { class: { 'navigation': true, 'megadropdown-open': this.megadropdownOpen } }, index.h("slot", { name: "post-mainnavigation" }), index.h("div", { class: "navigation-controls" }, index.h("slot", { name: "navigation-controls" }))));
338
362
  }
339
- return (index.h("div", { class: { navigation: true, extended: this.mobileMenuExtended }, style: { '--post-header-navigation-current-inset': `${this.mobileMenu?.scrollTop ?? 0}px` } }, index.h("div", { class: "mobile-menu", ref: el => (this.mobileMenu = el) }, index.h("div", { class: "navigation-header" }, index.h("slot", { name: "navigation-controls" }), index.h("slot", { name: "target-group" })), mainNavigation, index.h("div", { class: "navigation-footer" }, index.h("slot", { name: "meta-navigation" }), index.h("slot", { name: "post-language-switch" })))));
363
+ return (index.h("div", { class: {
364
+ 'burger-menu': true,
365
+ 'extended': this.burgerMenuExtended,
366
+ 'no-navigation-controls': !this.hasNavigationControls,
367
+ }, style: { '--post-header-navigation-current-inset': `${this.burgerMenu?.scrollTop ?? 0}px` }, ref: el => (this.burgerMenu = el) }, index.h("div", { class: "navigation-controls" }, index.h("slot", { name: "navigation-controls" })), index.h("div", { class: "burger-menu-body" }, index.h("slot", { name: "target-group" }), index.h("slot", { name: "post-mainnavigation" })), index.h("div", { class: "burger-menu-footer" }, index.h("slot", { name: "meta-navigation" }), index.h("slot", { name: "post-language-switch" }))));
340
368
  }
341
369
  render() {
342
- const localHeaderClasses = ['local-header'];
343
- if (this.mobileMenuExtended)
344
- localHeaderClasses.push('local-header-mobile-extended');
345
- if (this.device !== 'desktop' || !this.hasNavigation)
346
- localHeaderClasses.push('no-navigation');
347
- if (!this.hasTitle)
348
- localHeaderClasses.push('no-title');
349
- return (index.h(index.Host, { key: 'fd3c4a534af28b2e35f4a02502283e04be0d9683', "data-version": _package.version, "data-color-scheme": "light" }, index.h("div", { key: '61c70adea7525d3daa7690ac9243c7697df5c8bc', class: "global-header" }, index.h("div", { key: '1fdb106a9624a07d3ad3fd1cb4eade9b05282ab5', class: "global-sub" }, index.h("div", { key: '2c62bccfa8d5fa9642528db265e76aac0d13022c', class: "logo" }, index.h("slot", { key: '75b87c2428b7ccad6940976e46156b807257cbc5', name: "post-logo" }))), index.h("div", { key: 'c1950198cbac96132ca5b1c886bb94238c53b903', class: "global-sub" }, this.device === 'desktop' && index.h("slot", { key: '2e695987df3da854db3ec18cc4b1283d0f06dfd1', name: "target-group" })), index.h("div", { key: '50366842180e3aae87d4e4da68a8f73c2f62c347', class: "global-sub" }, index.h("slot", { key: '7eba07e3dddbc26843a50b39a69953a01d9e2a5e', name: "global-controls" }), !this.hasMobileMenu && index.h("slot", { key: 'aa9fc50e2eb8eee4e3d9de76ccbf564ac30a8d03', name: "meta-navigation" }), !this.hasMobileMenu && index.h("slot", { key: '7742f0d0e30d5b0d90ca9352fec72e49a97ec3cb', name: "post-language-switch" }), index.h("slot", { key: 'a3545c4bb2a61c00105763059f3bd66ddd829681', name: "global-login" }), this.hasNavigation && (index.h("div", { key: 'bb8df618571ea8cadb89b0cd8d50bba7c0dec038', onClick: () => this.toggleMobileMenu(), class: "mobile-toggle" }, index.h("slot", { key: '83b9542127213e39644c280cf9f4e19aaf3f071a', name: "post-togglebutton" }))))), index.h("div", { key: '2ab719d2610d46050fc99345237b7b9cc54fd467', class: localHeaderClasses.join(' ') }, index.h("slot", { key: '0e02b3f7421a1c67e99fdc92aadcf61153665820', name: "title", onSlotchange: () => this.checkTitleExistence() }), this.hasTitle && (index.h("div", { key: '94b091a29727bd556a4907ac4bdb2f8757483135', class: "local-sub" }, index.h("slot", { key: '7647015350e21278b104ff4538525abeaea98442', name: "local-controls" }), index.h("slot", { key: '4e42d3fe5c4f676b7bb836c976c1d7e59a1052ae' }))), this.device === 'desktop' && this.renderNavigation()), this.device !== 'desktop' && this.renderNavigation()));
370
+ return (index.h(index.Host, { key: 'c9b1c1a946800f728a7a90a91dff3abf23b5100f', "data-version": _package.version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu }, index.h("div", { key: '21d2b9bd39946df7e42d3d5c763d40cd1dabee69', class: {
371
+ 'global-header': true,
372
+ 'no-target-group': !this.hasTargetGroup,
373
+ } }, index.h("div", { key: '50cf30a8febea656eb3349e6c06dc5b609b13a6d', class: "logo" }, index.h("slot", { key: 'df1ecaca7b39316ef4d4bb56e33c3214b2648e68', name: "post-logo" })), index.h("div", { key: '9c4319dce10d9e98291a6cbdb0effb854a8b6dac', class: "sliding-controls" }, this.device === 'desktop' && (index.h("div", { key: 'ce916d4bdb65c641e58725f70b7689704847593c', class: "target-group" }, index.h("slot", { key: '810e4164ae17b8571011799307f3688cf64b5c30', name: "target-group" }))), index.h("slot", { key: 'abe6f2e08e87295e88e4cf33db0e72021d622aaf', name: "global-controls" }), !this.hasBurgerMenu && [
374
+ index.h("slot", { key: '4ef5603837d0f26c25dd50bf17bb0011dc927de0', name: "meta-navigation" }),
375
+ index.h("slot", { key: 'b1bc83f1bd5004af89e444a9bdf487225ac882d7', name: "post-language-switch" }),
376
+ ], index.h("slot", { key: '11dfd54337cf457bc25ec680c8d4e11a6712dc63', name: "global-login" }), this.hasNavigation && this.device !== 'desktop' && (index.h("div", { key: '67658d80ce90f4446ea8d1078937101a299536b8', onClick: () => this.toggleBurgerMenu(), class: "burger-menu-toggle" }, index.h("slot", { key: '2fdba487922c63db152ec08e3382640c9cdf1c12', name: "post-togglebutton" }))))), index.h("div", { key: '1516e38c9628d8cfb75d6f9bd55912071da5e94e', class: {
377
+ 'local-header': true,
378
+ 'no-title': !this.hasTitle,
379
+ 'no-target-group': !this.hasTargetGroup,
380
+ 'no-navigation': this.device !== 'desktop' || !this.hasNavigation,
381
+ 'no-navigation-controls': !this.hasNavigationControls,
382
+ } }, index.h("slot", { key: '839b34249ece8af5cc53231271e739a6a664a977', name: "title" }), this.hasTitle && index.h("slot", { key: 'aa281968b58ecad425beb1b4ffbd1273cc167ea4', name: "local-controls" }), this.device === 'desktop' && this.renderNavigation()), this.device !== 'desktop' && this.renderNavigation()));
350
383
  }
351
384
  get host() { return index.getElement(this); }
352
385
  static get watchers() { return {
353
386
  "device": ["lockBody"],
354
- "mobileMenuExtended": ["lockBody"]
387
+ "burgerMenuExtended": ["lockBody"]
355
388
  }; }
356
389
  };
357
390
  __decorate$3([
@@ -470,7 +503,7 @@ const PostIcon = class {
470
503
  this.validateAnimation();
471
504
  }
472
505
  render() {
473
- return (index.h(index.Host, { key: '0031b3e2e4016f9b28cade66fa435741940946a7', "data-version": _package.version }, index.h("span", { key: '0efbcdd5f1dd737640238a0ab81b67ca8218adec', style: this.getStyles() })));
506
+ return (index.h(index.Host, { key: '7ce1f627f621201c0f4d6e90ee3d8d6d3c32798a', "data-version": _package.version }, index.h("span", { key: '987ecd266b8bd68bdbb06cdb500a746b913e79b1', style: this.getStyles() })));
474
507
  }
475
508
  get host() { return index.getElement(this); }
476
509
  static get watchers() { return {
@@ -485,7 +518,7 @@ PostIcon.style = postIconCss;
485
518
 
486
519
  const SWITCH_VARIANTS = ['list', 'menu'];
487
520
 
488
- const postLanguageOptionCss = "post-language-option{display:inline-block}post-language-option 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-option button{background-color:ButtonFace !important}post-language-option button:hover{background-color:Highlight !important}}post-language-option 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-option a{color:var(--post-current-fg);text-decoration:none}post-language-option :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-transform:uppercase}post-language-option :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-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline-offset:-2px !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;outline-offset:-2px !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-language-option:where([variant=list]) :is(a,button){padding-inline:0;width:40px;height:40px;border-radius:2px}post-language-option: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-option:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-option: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-option:where([variant=list])[active]:not([active=false]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-option:where([variant=menu]){min-width:72px}post-language-option:where([variant=menu])[active]:not([active=false]){display:none}post-language-option: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-option:where([variant=menu]) :is(a,button):hover{color:#fff;background-color:#504f4b}post-language-option:where([variant=menu]):first-child :is(a,button){border-start-start-radius:4px;border-start-end-radius:4px}post-language-option:where([variant=menu]):last-child :is(a,button){border-end-start-radius:4px;border-end-end-radius:4px}";
521
+ const postLanguageOptionCss = "post-language-option{display:inline-block}post-language-option 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-option button{background-color:ButtonFace !important}post-language-option button:hover{background-color:Highlight !important}}post-language-option 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-option a{color:var(--post-current-fg);text-decoration:none}post-language-option :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-transform:uppercase}post-language-option :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-option :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-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-language-option :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-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-language-option:where([variant=list]) :is(a,button){padding-inline:0;width:40px;height:40px;border-radius:2px}post-language-option: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-option:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-option: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-option:where([variant=list])[active]:not([active=false]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-option:where([variant=menu]){min-width:72px}post-language-option:where([variant=menu])[active]:not([active=false]){display:none}post-language-option: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-option:where([variant=menu]) :is(a,button):hover{color:#fff;background-color:#504f4b}post-language-option:where([variant=menu]):first-child :is(a,button){border-start-start-radius:4px;border-start-end-radius:4px}post-language-option:where([variant=menu]):last-child :is(a,button){border-end-start-radius:4px;border-end-end-radius:4px}";
489
522
 
490
523
  const PostLanguageOption = class {
491
524
  constructor(hostRef) {
@@ -536,7 +569,7 @@ const PostLanguageOption = class {
536
569
  this.emitChange();
537
570
  }
538
571
  };
539
- return (index.h(index.Host, { key: 'b86bf33feb890e5dfbfae16f45ce2e56fdfaf16a', "data-version": _package.version, role: this.variant === 'list' ? 'listitem' : undefined }, this.url ? (index.h("a", { "aria-current": this.active ? 'page' : undefined, href: this.url, hrefLang: lang, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, index.h("slot", null), index.h("span", { class: "visually-hidden" }, this.name))) : (index.h("button", { "aria-current": this.active ? 'true' : undefined, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, index.h("slot", null), index.h("span", { class: "visually-hidden" }, this.name)))));
572
+ return (index.h(index.Host, { key: '06ba54de702d5014b34f1b0cb6396cb947ac3ca6', "data-version": _package.version, role: this.variant === 'list' ? 'listitem' : undefined }, this.url ? (index.h("a", { "aria-current": this.active ? 'page' : undefined, href: this.url, hrefLang: lang, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, index.h("slot", null), index.h("span", { class: "visually-hidden" }, this.name))) : (index.h("button", { "aria-current": this.active ? 'true' : undefined, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, index.h("slot", null), index.h("span", { class: "visually-hidden" }, this.name)))));
540
573
  }
541
574
  get host() { return index.getElement(this); }
542
575
  static get watchers() { return {
@@ -548,7 +581,7 @@ const PostLanguageOption = class {
548
581
  };
549
582
  PostLanguageOption.style = postLanguageOptionCss;
550
583
 
551
- const postLanguageSwitchCss = ":host{display:flex !important;flex-wrap:wrap;gap:.5rem}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-switch-dropdown-container{display:flex;flex-direction:column}.post-language-switch-trigger{cursor:pointer;text-transform:uppercase;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;text-decoration:none;display:inline-flex;align-items:center;gap:6px;border-radius:24px;font-size:16px;padding:3px 10px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger{background-color:ButtonFace !important}.post-language-switch-trigger:hover{background-color:Highlight !important}}.post-language-switch-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-switch-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-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-switch-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-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.post-language-switch-trigger:not(:disabled):hover,.post-language-switch-trigger.pretend-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-switch-trigger post-icon{height:24px;width:24px}.post-language-switch-trigger[aria-expanded=true]{background-color:#050400;color:#fff}.post-language-switch-trigger[aria-expanded=true] post-icon{transform:rotate(180deg)}.post-language-switch-trigger[aria-expanded=true]:hover{background-color:#504f4b;color:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger{border:1px solid ButtonBorder}.post-language-switch-trigger[aria-expanded=true] post-icon,.post-language-switch-trigger:hover post-icon{color:HighlightText}}post-menu::part(menu){padding-block:0}";
584
+ const postLanguageSwitchCss = ":host{display:flex !important;flex-wrap:wrap;gap:.5rem}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-switch-dropdown-container{display:flex;flex-direction:column}.post-language-switch-trigger{cursor:pointer;text-transform:uppercase;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;text-decoration:none;display:inline-flex;align-items:center;gap:6px;border-radius:24px;font-size:16px;padding:3px 10px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger{background-color:ButtonFace !important}.post-language-switch-trigger:hover{background-color:Highlight !important}}.post-language-switch-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-switch-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-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-switch-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-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.post-language-switch-trigger:not(:disabled):hover,.post-language-switch-trigger.pretend-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-switch-trigger post-icon{height:24px;width:24px}.post-language-switch-trigger[aria-expanded=true]{background-color:#050400;color:#fff}.post-language-switch-trigger[aria-expanded=true] post-icon{transform:rotate(180deg)}.post-language-switch-trigger[aria-expanded=true]:hover{background-color:#504f4b;color:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger{border:1px solid ButtonBorder}.post-language-switch-trigger[aria-expanded=true] post-icon,.post-language-switch-trigger:hover post-icon{color:HighlightText}}post-menu::part(menu){padding-block:0}.post-language-switch-list{margin-top:1rem}";
552
585
 
553
586
  var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
554
587
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -674,7 +707,7 @@ const PostList = class {
674
707
  }
675
708
  }
676
709
  render() {
677
- return (index.h(index.Host, { key: '908588a3f1261efbb85dbefade9f85f8ec6f16f8', "data-version": _package.version }, index.h("div", { key: '44b224379be814dab98e16ad12a3ca0f10e61ac0', ref: el => (this.titleEl = el), id: this.titleId, class: `list-title${this.titleHidden ? ' visually-hidden' : ''}` }, index.h("slot", { key: '1aed36b7c286796a4d617643e7606e63bc2dd95a' })), index.h("div", { key: '3e1d137712b3e7616bab450426964f6c9334198e', role: "list", "aria-labelledby": this.titleId }, index.h("slot", { key: 'fd5abb2fca95d32295fbfa158795413264200ae8', name: "post-list-item" }))));
710
+ return (index.h(index.Host, { key: '85193bec2b2ff22ed76c93a4037f353b091192bc', "data-version": _package.version }, index.h("div", { key: '32cdc5ccb95b48e3f81e90ac93f0207d935c9d3b', ref: el => (this.titleEl = el), id: this.titleId, class: `list-title${this.titleHidden ? ' visually-hidden' : ''}` }, index.h("slot", { key: '890dd411e370a7829354dcaa00fae75e8f538f01' })), index.h("div", { key: '72867a1d81f2e186ed3d68f5185a46c7c96fdd3b', role: "list", "aria-labelledby": this.titleId }, index.h("slot", { key: '2cd5a5e9ca717c675f9db3a19fbf13ff49a7312c', name: "post-list-item" }))));
678
711
  }
679
712
  get host() { return index.getElement(this); }
680
713
  };
@@ -690,7 +723,7 @@ const PostListItem = class {
690
723
  this.host.setAttribute('slot', 'post-list-item');
691
724
  }
692
725
  render() {
693
- return (index.h(index.Host, { key: '67204f0c31a6bc4cad3359030a8da57a045de7c5', role: "listitem", slot: "post-list-item", version: _package.version }, index.h("slot", { key: '0c68073c601a3792880fc0e68af24a4a204548ed' })));
726
+ return (index.h(index.Host, { key: '98f83a8ef6ff73461bfc7b67d8113543e94d66cb', role: "listitem", slot: "post-list-item", version: _package.version }, index.h("slot", { key: '1ee5c021183b30ba7b560a58042a196aa9c1127e' })));
694
727
  }
695
728
  get host() { return index.getElement(this); }
696
729
  };
@@ -717,7 +750,7 @@ const PostLogo = class {
717
750
  render() {
718
751
  const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
719
752
  const LogoTag = logoLink ? 'a' : 'span';
720
- return (index.h(index.Host, { key: 'acd3bfab8d395cde2d79066580a8e53e65c426f4', "data-version": _package.version }, index.h(LogoTag, { key: 'c5c2f8a2be6204bb693d5d53fd95e75133518a1d', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, index.h("span", { key: '675b756441237173c1046b74c2dfe2dfc08bfd7f', class: "description" }, index.h("slot", { key: '710fd3483f56ad353e1a99f4fff2acc78ee53b46', onSlotchange: () => this.checkDescription() })), index.h("svg", { key: 'e72b70e26da0fefd52a7e9aec41772dd5c9f0258', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, index.h("g", { key: 'b67d56c9319bb576a56c76c5299f4a81c93d6c3c', id: "Logo" }, index.h("rect", { key: '8c073060a51c5e6942c1b33fc5c2a3a7eb422f07', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), index.h("polygon", { key: 'f97840922aa977b0f74bc5e8a88ff99136c80e46', 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" }), index.h("path", { key: 'f7faf347bb660e2a4550b48fc2d997ad01b2b8ae', 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" }))))));
753
+ return (index.h(index.Host, { key: 'e236c1154e8fbf7b9832f1e5f0be25336d4f0388', "data-version": _package.version }, index.h(LogoTag, { key: '545da59433be40065075b5cd8f9e8791f8b4ffa8', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, index.h("span", { key: 'b0c493e8d000d33000a3988e3a336f9b6e2a4101', class: "description" }, index.h("slot", { key: 'b4efe8c1755ae5579fa6663ef69c605abdb385c4', onSlotchange: () => this.checkDescription() })), index.h("svg", { key: '7619acaca48988233913e2aa487262b96504be03', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, index.h("g", { key: '5c15491d631cdfc0a2afbd245c536ab6de07f212', id: "Logo" }, index.h("rect", { key: '02f3652d1f1eb1406c5c71d159d0812a3b4cf460', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), index.h("polygon", { key: 'f956a38b75c3302ab00a2d3af4615038a48b7692', 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" }), index.h("path", { key: 'b4d00a33b8948d99d8edea5aec25baf50dfdc171', 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" }))))));
721
754
  }
722
755
  get host() { return index.getElement(this); }
723
756
  static get watchers() { return {
@@ -726,7 +759,7 @@ const PostLogo = class {
726
759
  };
727
760
  PostLogo.style = postLogoCss;
728
761
 
729
- const postMainnavigationCss = ":root{--post-icon-chevrondown:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hldnJvbmRvd24iPjxzeW1ib2wgaWQ9InMxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNMi4wMSA1LjIyYzAtLjE5LjA3LS4zOC4yMi0uNTMuMjktLjI5Ljc3LS4yOSAxLjA2IDBsNC43MiA0LjcyIDQuNzItNC43MmMuMjktLjI5Ljc3LS4yOSAxLjA2IDBzLjI5Ljc3IDAgMS4wNmwtNS43OCA1Ljc4LTUuNzgtNS43OGEuNzQuNzQgMCAwIDEtLjIyLS41MyIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMy4yNiA3Ljg1YzAtLjIyLjA4LS40NS4yNi0uNjIuMzQtLjM0LjktLjM0IDEuMjQgMGw3LjI2IDcuMjYgNy4yNi03LjI2Yy4zNC0uMzQuOS0uMzQgMS4yNCAwcy4zNC45IDAgMS4yNGwtOC41IDguNS04LjUxLTguNWEuOS45IDAgMCAxLS4yNi0uNjJaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxwYXRoIGQ9Ik00LjUgMTAuNTRjMC0uMjYuMS0uNTEuMjktLjcxYS45OTYuOTk2IDAgMCAxIDEuNDEgMGw5Ljc5IDkuNzkgOS44LTkuOGEuOTk2Ljk5NiAwIDEgMSAxLjQxIDEuNDFMMTUuOTkgMjIuNDQgNC44IDExLjI1Yy0uMi0uMi0uMjktLjQ1LS4yOS0uNzFaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiPjxwYXRoIGQ9Ik01LjggMTMuMTdhMS4xMjMgMS4xMjMgMCAwIDEgMS45Mi0uOEwyMC4wNSAyNC43bDEyLjM0LTEyLjM0Yy40NC0uNDQgMS4xNS0uNDQgMS41OSAwcy40NCAxLjE1IDAgMS41OUwyMC4wNSAyNy44OCA2LjEzIDEzLjk3Yy0uMjItLjIyLS4zMy0uNTEtLjMzLS44Ii8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiPjxwYXRoIGQ9Ik03IDE1Ljg3YzAtLjMyLjEyLS42NC4zNy0uODhhMS4yNSAxLjI1IDAgMCAxIDEuNzcgMGwxNC44NyAxNC44NyAxNC44OC0xNC44OGMuNDktLjQ5IDEuMjgtLjQ5IDEuNzcgMHMuNDkgMS4yOCAwIDEuNzdMMjQuMDIgMzMuMzkgNy4zNyAxNi43NWMtLjI0LS4yNC0uMzctLjU2LS4zNy0uODgiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTkuNjMgMjEuMjRhMS4zOCAxLjM4IDAgMCAxIDIuMzUtLjk3TDMyLjAxIDQwLjNsMjAuMDQtMjAuMDRjLjU0LS41NCAxLjQxLS41NCAxLjk1IDBzLjU0IDEuNDEgMCAxLjk1TDMyLjAxIDQ0LjE5IDEwLjAzIDIyLjIyYy0uMjctLjI3LS40LS42Mi0uNC0uOTdaTTAgLjAzaDY0djY0SDB6Ii8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZXZyb25kb3duIi8+PC9nPjwvc3ZnPg==\")}post-mainnavigation post-list-item>a{text-decoration:none;border-radius:0}post-mainnavigation post-list-item post-megadropdown-trigger 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;text-align:start}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation post-list-item post-megadropdown-trigger button{background-color:ButtonFace !important}post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:Highlight !important}}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item post-megadropdown-trigger button{flex:0 0 fit-content;white-space:nowrap;display:flex;align-items:center;justify-content:space-between}post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}post-mainnavigation post-list-item>a:focus-visible,post-mainnavigation post-list-item post-megadropdown-trigger button:focus-visible{border-radius:4px;outline-offset:-2px !important}post-mainnavigation>button::after,post-mainnavigation post-megadropdown-trigger button::after{content:\"\";mask-image:var(--post-icon-chevrondown);background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;height:24px;width:24px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation>button,post-mainnavigation post-megadropdown-trigger button{border:1px solid ButtonBorder !important}post-mainnavigation>button:hover::after,post-mainnavigation>button[aria-expanded=true]::after,post-mainnavigation post-megadropdown-trigger button:hover::after,post-mainnavigation post-megadropdown-trigger button[aria-expanded=true]::after{color:HighlightText}}@media screen and (min-width: 1024px){post-mainnavigation{display:flex;overflow:hidden;height:var(--post-main-navigation-height, 0);background:#fff;user-select:none}post-mainnavigation nav{flex:1 1 auto;overflow:hidden;scroll-behavior:smooth}post-mainnavigation .scroll-control{cursor:pointer;z-index:5;padding:1rem;background:#fff;box-shadow:var(--post-device-elevation-500);line-height:1}post-mainnavigation .scroll-control.scroll-left{margin-inline-end:-3rem}post-mainnavigation .scroll-control.scroll-right{margin-inline-start:-3rem}post-mainnavigation .scroll-control.d-none{display:none}post-mainnavigation .scroll-control post-icon{font-size:1rem}post-mainnavigation post-list>[role=list]{flex-direction:row;max-width:100vw}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{position:sticky;padding-inline:12px;height:var(--post-main-navigation-height, 0);gap:4px;font-size:16px;z-index:4}}@media screen and (min-width: 1024px)and (max-width: 1023.98px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{z-index:5}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a .nav-el-active,post-mainnavigation post-list-item>button .nav-el-active,post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-active{font-weight:700;text-align:center;opacity:0}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a .nav-el-inactive,post-mainnavigation post-list-item>button .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-inactive{position:absolute;opacity:1;text-align:center;width:100%;inset-inline-start:0}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a.active,post-mainnavigation post-list-item>a[aria-current=page]:not(post-megadropdown *),post-mainnavigation post-list-item>a[aria-expanded=true],post-mainnavigation post-list-item>button.active,post-mainnavigation post-list-item>button[aria-current=page]:not(post-megadropdown *),post-mainnavigation post-list-item>button[aria-expanded=true],post-mainnavigation post-list-item post-megadropdown-trigger button.active,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-current=page]:not(post-megadropdown *),post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]{background-color:#050400;color:#fff;font-weight:700}post-mainnavigation post-list-item>a.active .nav-el-active,post-mainnavigation post-list-item>a[aria-current=page]:not(post-megadropdown *) .nav-el-active,post-mainnavigation post-list-item>a[aria-expanded=true] .nav-el-active,post-mainnavigation post-list-item>button.active .nav-el-active,post-mainnavigation post-list-item>button[aria-current=page]:not(post-megadropdown *) .nav-el-active,post-mainnavigation post-list-item>button[aria-expanded=true] .nav-el-active,post-mainnavigation post-list-item post-megadropdown-trigger button.active .nav-el-active,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-current=page]:not(post-megadropdown *) .nav-el-active,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true] .nav-el-active{opacity:1}post-mainnavigation post-list-item>a.active .nav-el-inactive,post-mainnavigation post-list-item>a[aria-current=page]:not(post-megadropdown *) .nav-el-inactive,post-mainnavigation post-list-item>a[aria-expanded=true] .nav-el-inactive,post-mainnavigation post-list-item>button.active .nav-el-inactive,post-mainnavigation post-list-item>button[aria-current=page]:not(post-megadropdown *) .nav-el-inactive,post-mainnavigation post-list-item>button[aria-expanded=true] .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button.active .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-current=page]:not(post-megadropdown *) .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true] .nav-el-inactive{opacity:0}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item>button:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:#504f4b;color:#fff}}@media screen and (min-width: 1024px)and (max-width: 599.98px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{font-size:14px}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{padding-inline-end:12px;transition:border-block-end-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>button .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-inactive{width:calc(100% - 28px)}post-mainnavigation post-list-item>button::after,post-mainnavigation post-list-item post-megadropdown-trigger button::after{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>button[aria-expanded=true]::after,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]::after{transform:rotate(180deg)}}@media screen and (min-width: 1024px){post-mainnavigation post-megadropdown button:not(:is(post-closebutton *)),post-mainnavigation post-megadropdown a{width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative}post-mainnavigation post-megadropdown button:not(:is(post-closebutton *))::before,post-mainnavigation post-megadropdown a::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}post-mainnavigation post-megadropdown button:not(:is(post-closebutton *)).active,post-mainnavigation post-megadropdown button:not(:is(post-closebutton *))[aria-current=page],post-mainnavigation post-megadropdown button:not(:is(post-closebutton *))[aria-expanded=true],post-mainnavigation post-megadropdown a.active,post-mainnavigation post-megadropdown a[aria-current=page],post-mainnavigation post-megadropdown a[aria-expanded=true]{background-color:#050400;color:#fff}post-mainnavigation post-megadropdown button:not(:is(post-closebutton *)):hover,post-mainnavigation post-megadropdown a:hover{background-color:#504f4b;color:#fff}post-mainnavigation post-megadropdown button:not(:is(post-closebutton *)):hover::before,post-mainnavigation post-megadropdown a:hover::before{background-color:#504f4b}}@media screen and (max-width: 1023.98px){post-mainnavigation nav{transform:none !important}post-mainnavigation .scroll-control{display:none}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative}post-mainnavigation post-list-item>a::before,post-mainnavigation post-list-item>button::before,post-mainnavigation post-list-item post-megadropdown-trigger button::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}post-mainnavigation post-list-item>a.active,post-mainnavigation post-list-item>a[aria-current=page],post-mainnavigation post-list-item>a[aria-expanded=true],post-mainnavigation post-list-item>button.active,post-mainnavigation post-list-item>button[aria-current=page],post-mainnavigation post-list-item>button[aria-expanded=true],post-mainnavigation post-list-item post-megadropdown-trigger button.active,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-current=page],post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]{background-color:#050400;color:#fff}post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item>button:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:#504f4b;color:#fff}post-mainnavigation post-list-item>a:hover::before,post-mainnavigation post-list-item>button:hover::before,post-mainnavigation post-list-item post-megadropdown-trigger button:hover::before{background-color:#504f4b}post-mainnavigation post-list-item>a .nav-el-inactive,post-mainnavigation post-list-item>button .nav-el-inactive,post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-inactive{display:none}post-mainnavigation>button::after,post-mainnavigation post-megadropdown-trigger button::after{transform:rotate(-90deg)}}";
762
+ const postMainnavigationCss = ":root{--post-icon-chevrondown:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hldnJvbmRvd24iPjxzeW1ib2wgaWQ9InMxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNMi4wMSA1LjIyYzAtLjE5LjA3LS4zOC4yMi0uNTMuMjktLjI5Ljc3LS4yOSAxLjA2IDBsNC43MiA0LjcyIDQuNzItNC43MmMuMjktLjI5Ljc3LS4yOSAxLjA2IDBzLjI5Ljc3IDAgMS4wNmwtNS43OCA1Ljc4LTUuNzgtNS43OGEuNzQuNzQgMCAwIDEtLjIyLS41MyIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InMyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMy4yNiA3Ljg1YzAtLjIyLjA4LS40NS4yNi0uNjIuMzQtLjM0LjktLjM0IDEuMjQgMGw3LjI2IDcuMjYgNy4yNi03LjI2Yy4zNC0uMzQuOS0uMzQgMS4yNCAwcy4zNC45IDAgMS4yNGwtOC41IDguNS04LjUxLTguNWEuOS45IDAgMCAxLS4yNi0uNjJaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxwYXRoIGQ9Ik00LjUgMTAuNTRjMC0uMjYuMS0uNTEuMjktLjcxYS45OTYuOTk2IDAgMCAxIDEuNDEgMGw5Ljc5IDkuNzkgOS44LTkuOGEuOTk2Ljk5NiAwIDEgMSAxLjQxIDEuNDFMMTUuOTkgMjIuNDQgNC44IDExLjI1Yy0uMi0uMi0uMjktLjQ1LS4yOS0uNzFaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiPjxwYXRoIGQ9Ik01LjggMTMuMTdhMS4xMjMgMS4xMjMgMCAwIDEgMS45Mi0uOEwyMC4wNSAyNC43bDEyLjM0LTEyLjM0Yy40NC0uNDQgMS4xNS0uNDQgMS41OSAwcy40NCAxLjE1IDAgMS41OUwyMC4wNSAyNy44OCA2LjEzIDEzLjk3Yy0uMjItLjIyLS4zMy0uNTEtLjMzLS44Ii8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiPjxwYXRoIGQ9Ik03IDE1Ljg3YzAtLjMyLjEyLS42NC4zNy0uODhhMS4yNSAxLjI1IDAgMCAxIDEuNzcgMGwxNC44NyAxNC44NyAxNC44OC0xNC44OGMuNDktLjQ5IDEuMjgtLjQ5IDEuNzcgMHMuNDkgMS4yOCAwIDEuNzdMMjQuMDIgMzMuMzkgNy4zNyAxNi43NWMtLjI0LS4yNC0uMzctLjU2LS4zNy0uODgiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTkuNjMgMjEuMjRhMS4zOCAxLjM4IDAgMCAxIDIuMzUtLjk3TDMyLjAxIDQwLjNsMjAuMDQtMjAuMDRjLjU0LS41NCAxLjQxLS41NCAxLjk1IDBzLjU0IDEuNDEgMCAxLjk1TDMyLjAxIDQ0LjE5IDEwLjAzIDIyLjIyYy0uMjctLjI3LS40LS42Mi0uNC0uOTdaTTAgLjAzaDY0djY0SDB6Ii8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZXZyb25kb3duIi8+PC9nPjwvc3ZnPg==\")}post-mainnavigation post-list-item>a{text-decoration:none;border-radius:0}post-mainnavigation post-list-item post-megadropdown-trigger 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;text-align:start}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation post-list-item post-megadropdown-trigger button{background-color:ButtonFace !important}post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:Highlight !important}}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item post-megadropdown-trigger button{flex:0 0 fit-content;white-space:nowrap;display:flex;align-items:center;justify-content:space-between}post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}post-mainnavigation post-list-item>a:focus-visible,post-mainnavigation post-list-item post-megadropdown-trigger button:focus-visible{border-radius:4px;z-index:2}post-mainnavigation>button::after,post-mainnavigation post-megadropdown-trigger button::after{content:\"\";mask-image:var(--post-icon-chevrondown);background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;height:24px;width:24px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation>button,post-mainnavigation post-megadropdown-trigger button{border:1px solid ButtonBorder !important}post-mainnavigation>button:hover::after,post-mainnavigation>button[aria-expanded=true]::after,post-mainnavigation post-megadropdown-trigger button:hover::after,post-mainnavigation post-megadropdown-trigger button[aria-expanded=true]::after{color:HighlightText}}post-header:not([data-burger-menu])>post-mainnavigation{display:flex;height:var(--post-main-navigation-height, 0);background:#fff;user-select:none}post-header:not([data-burger-menu])>post-mainnavigation nav{flex:1 1 auto;scroll-behavior:smooth}post-header:not([data-burger-menu])>post-mainnavigation.scrollable,post-header:not([data-burger-menu])>post-mainnavigation.scrollable nav{overflow:hidden}post-header:not([data-burger-menu])>post-mainnavigation .scroll-control{z-index:2;cursor:pointer;padding:1rem;background:#fff;box-shadow:var(--post-device-elevation-500);line-height:1}post-header:not([data-burger-menu])>post-mainnavigation .scroll-control.scroll-left{margin-inline-end:-3rem}post-header:not([data-burger-menu])>post-mainnavigation .scroll-control.scroll-right{margin-inline-start:-3rem}post-header:not([data-burger-menu])>post-mainnavigation .scroll-control.d-none{display:none}post-header:not([data-burger-menu])>post-mainnavigation .scroll-control post-icon{font-size:1rem}post-header:not([data-burger-menu])>post-mainnavigation post-list>[role=list]{flex-direction:row;max-width:100vw}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button{position:sticky;padding-inline:12px;height:var(--post-main-navigation-height, 0);gap:4px;font-size:16px}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a .nav-el-active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button .nav-el-active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-active{font-weight:700;text-align:center;opacity:0}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-inactive{position:absolute;opacity:1;text-align:center;width:100%;inset-inline-start:0}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a.active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a[aria-current=page]:not(post-megadropdown *),post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a[aria-expanded=true],post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button.active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button[aria-current=page]:not(post-megadropdown *),post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button[aria-expanded=true],post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button.active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button[aria-current=page]:not(post-megadropdown *),post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]{background-color:#050400;color:#fff;font-weight:700}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a.active .nav-el-active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a[aria-current=page]:not(post-megadropdown *) .nav-el-active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a[aria-expanded=true] .nav-el-active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button.active .nav-el-active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button[aria-current=page]:not(post-megadropdown *) .nav-el-active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button[aria-expanded=true] .nav-el-active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button.active .nav-el-active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button[aria-current=page]:not(post-megadropdown *) .nav-el-active,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true] .nav-el-active{opacity:1}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a.active .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a[aria-current=page]:not(post-megadropdown *) .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a[aria-expanded=true] .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button.active .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button[aria-current=page]:not(post-megadropdown *) .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button[aria-expanded=true] .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button.active .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button[aria-current=page]:not(post-megadropdown *) .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true] .nav-el-inactive{opacity:0}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a:hover,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button:hover,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:#504f4b;color:#fff}@media screen and (max-width: 599.98px){post-header:not([data-burger-menu])>post-mainnavigation post-list-item>a,post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button{font-size:14px}}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button{padding-inline-end:12px;transition:border-block-end-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button .nav-el-inactive,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-inactive{width:calc(100% - 28px)}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button::after,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button::after{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-header:not([data-burger-menu])>post-mainnavigation post-list-item>button[aria-expanded=true]::after,post-header:not([data-burger-menu])>post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]::after{transform:rotate(180deg)}post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown button:not(:is(post-closebutton *)),post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown a{width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative}post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown button:not(:is(post-closebutton *))::before,post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown a::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown button:not(:is(post-closebutton *)).active,post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown button:not(:is(post-closebutton *))[aria-current=page],post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown button:not(:is(post-closebutton *))[aria-expanded=true],post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown a.active,post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown a[aria-current=page],post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown a[aria-expanded=true]{background-color:#050400;color:#fff}post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown button:not(:is(post-closebutton *)):hover,post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown a:hover{background-color:#504f4b;color:#fff}post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown button:not(:is(post-closebutton *)):hover::before,post-header:not([data-burger-menu])>post-mainnavigation post-megadropdown a:hover::before{background-color:#504f4b}post-header[data-burger-menu]>post-mainnavigation nav{transform:none !important}post-header[data-burger-menu]>post-mainnavigation .scroll-control{display:none}post-header[data-burger-menu]>post-mainnavigation post-list-item>a,post-header[data-burger-menu]>post-mainnavigation post-list-item>button,post-header[data-burger-menu]>post-mainnavigation post-list-item post-megadropdown-trigger button{width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative}post-header[data-burger-menu]>post-mainnavigation post-list-item>a::before,post-header[data-burger-menu]>post-mainnavigation post-list-item>button::before,post-header[data-burger-menu]>post-mainnavigation post-list-item post-megadropdown-trigger button::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}post-header[data-burger-menu]>post-mainnavigation post-list-item>a.active,post-header[data-burger-menu]>post-mainnavigation post-list-item>a[aria-current=page],post-header[data-burger-menu]>post-mainnavigation post-list-item>a[aria-expanded=true],post-header[data-burger-menu]>post-mainnavigation post-list-item>button.active,post-header[data-burger-menu]>post-mainnavigation post-list-item>button[aria-current=page],post-header[data-burger-menu]>post-mainnavigation post-list-item>button[aria-expanded=true],post-header[data-burger-menu]>post-mainnavigation post-list-item post-megadropdown-trigger button.active,post-header[data-burger-menu]>post-mainnavigation post-list-item post-megadropdown-trigger button[aria-current=page],post-header[data-burger-menu]>post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]{background-color:#050400;color:#fff}post-header[data-burger-menu]>post-mainnavigation post-list-item>a:hover,post-header[data-burger-menu]>post-mainnavigation post-list-item>button:hover,post-header[data-burger-menu]>post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:#504f4b;color:#fff}post-header[data-burger-menu]>post-mainnavigation post-list-item>a:hover::before,post-header[data-burger-menu]>post-mainnavigation post-list-item>button:hover::before,post-header[data-burger-menu]>post-mainnavigation post-list-item post-megadropdown-trigger button:hover::before{background-color:#504f4b}post-header[data-burger-menu]>post-mainnavigation post-list-item>a .nav-el-inactive,post-header[data-burger-menu]>post-mainnavigation post-list-item>button .nav-el-inactive,post-header[data-burger-menu]>post-mainnavigation post-list-item post-megadropdown-trigger button .nav-el-inactive{display:none}post-header[data-burger-menu]>post-mainnavigation>button::after,post-header[data-burger-menu]>post-mainnavigation post-megadropdown-trigger button::after{transform:rotate(-90deg)}";
730
763
 
731
764
  const SCROLL_REPEAT_INTERVAL = 100; // Interval for repeated scrolling when holding down scroll button
732
765
  const NAVBAR_DISABLE_DURATION = 400; // Duration to temporarily disable navbar interactions during scrolling
@@ -871,12 +904,12 @@ const PostMainnavigation = class {
871
904
  }, NAVBAR_DISABLE_DURATION);
872
905
  }
873
906
  render() {
874
- return (index.h(index.Host, { key: '04ae6ffdd6560113431b70c3c27f16057fc9a87d', slot: "post-mainnavigation", version: _package.version }, index.h("div", { key: '2f79728dcbbfe94a343b880e2ba07331f45c9f30', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, index.h("post-icon", { key: '3e762484bbcd03ac0d67b4ab722ffcd862bb073e', "aria-hidden": "true", name: "chevronleft" })), index.h("nav", { key: '1150bfdf724e4d93b45f1fff071fba56d31d15b5', ref: el => (this.navbar = el) }, index.h("slot", { key: '3496b7c6d2d75300b1727148ff9b9965717d9909' })), index.h("div", { key: '1fa6dd50d9650ab6e5047c607f7e5ed0416ed245', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, index.h("post-icon", { key: '9487d621e1d7289a0afeb1d0443ec8bc70cd5f3e', "aria-hidden": "true", name: "chevronright" }))));
907
+ return (index.h(index.Host, { key: 'e3d265f18bb6e2e5f215ad2a6ceb2df8bf97be2c', version: _package.version, class: this.canScroll ? 'scrollable' : '' }, index.h("div", { key: '116f078bcba3ca3ebb09c4a3c2fe616b84522661', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, index.h("post-icon", { key: '5ba3151d7c9f75eb4d8e3eac7a38cf2f6ae53852', "aria-hidden": "true", name: "chevronleft" })), index.h("nav", { key: '205d09fc7ab8dccd46cd6aa5cdbd23ba8be0cf0f', ref: el => (this.navbar = el) }, index.h("slot", { key: '7951f73623b9873b9e3ca76dcda2a34922fbe0e7' })), index.h("div", { key: '56821d40e1f7e771aaa302c640df4003bd3523bc', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, index.h("post-icon", { key: '5ee8ea319aada9a12c3983d12f57014db4281d1d', "aria-hidden": "true", name: "chevronright" }))));
875
908
  }
876
909
  };
877
910
  PostMainnavigation.style = postMainnavigationCss;
878
911
 
879
- const postMegadropdownCss = "@keyframes slide-in{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}@keyframes slide-out{from{transform:translateX(0%)}to{transform:translateX(100%)}}@keyframes slide-down{from{transform:translateY(-100%)}to{transform:translateY(0%)}}@keyframes slide-up{0%{transform:translateY(0%)}100%{transform:translateY(-100%)}}*,::before,::after{box-sizing:border-box}.megadropdown-container{box-shadow:0 8px 6px rgba(0,0,0,.16);position:absolute;background-color:#fafafa;border:none;z-index:1;width:100%;inset-block-start:100%;inset-inline-start:0;border-radius:0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown-container{border-block-end:1px solid CanvasText}}.megadropdown-container.slide-in{animation:slide-down 350ms forwards}.megadropdown-container.slide-out{animation:slide-up 350ms forwards}@media screen and (max-width: 1023.98px){.megadropdown-container{z-index:5;position:fixed;inset-block-start:var(--post-header-navigation-current-inset);inset-inline:0;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));border-block-start:unset;overflow-y:auto;overscroll-behavior:contain}.megadropdown-container.slide-in{animation:slide-in 350ms forwards}.megadropdown-container.slide-out{animation:slide-out 350ms forwards}}@media screen and (min-width: 1024px){.megadropdown-container{max-height:calc(100vh - var(--post-header-height) - 48px);overflow-y:auto}}.megadropdown{padding:31px 40px 40px;background-color:#fafafa}@media screen and (max-width: 1023.98px){.megadropdown{display:flex;flex-direction:column;width:inherit;padding:16px 32px 24px}}@media screen and (max-width: 599.98px){.megadropdown{padding-inline:16px}}.megadropdown [slot=megadropdown-overview-link]{text-decoration:none;border-radius:0;padding-block:13px 12px;margin-block-end:16px;display:flex;align-items:center;min-height:56px;width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative;height:unset}.megadropdown [slot=megadropdown-overview-link]::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}.megadropdown [slot=megadropdown-overview-link].active,.megadropdown [slot=megadropdown-overview-link][aria-current=page],.megadropdown [slot=megadropdown-overview-link][aria-expanded=true]{background-color:#050400;color:#fff}.megadropdown [slot=megadropdown-overview-link]:hover{background-color:#504f4b;color:#fff}.megadropdown [slot=megadropdown-overview-link]:hover::before{background-color:#504f4b}@media screen and (max-width: 1023.98px){.megadropdown [slot=megadropdown-overview-link]{padding-block:12px 11px;min-height:unset}}@media screen and (max-width: 599.98px){.megadropdown [slot=megadropdown-overview-link]{padding-block:10px 9px}}.megadropdown .megadropdown-content{gap:1.5rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(15vw, 100%), 1fr));grid-auto-rows:1fr auto;grid-auto-flow:dense}@media screen and (max-width: 1023.98px){.megadropdown .megadropdown-content{grid-template-columns:repeat(auto-fit, minmax(min(35vw, 100%), 1fr))}}@media screen and (max-width: 599.98px){.megadropdown .megadropdown-content{grid-template-columns:1fr}}.megadropdown h2{display:none;margin-block:0 8px;font-weight:900}.megadropdown h2 a{text-decoration:none;display:none;font-weight:inherit;border-block:0}@media screen and (max-width: 1023.98px){.megadropdown h2{display:block;font-size:1.25rem}}@media screen and (max-width: 599.98px){.megadropdown h2{font-size:1.125rem}}.megadropdown post-list{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0px}.megadropdown post-list>[role=list]{flex-direction:unset;display:unset}.megadropdown post-list>*{width:100%}.megadropdown post-list .list-title{display:flex;flex-direction:column-reverse;height:100%}.megadropdown post-list .list-title h3{font-size:20px;display:block;font-weight:900}.megadropdown post-list .list-title h3:not(:has(a)),.megadropdown post-list .list-title h3 a{padding:16px 12px 14px 8px}.megadropdown post-list .list-title h3:not(:has(a)){position:relative}.megadropdown post-list .list-title h3:not(:has(a))::before{content:\"\";background-color:#050400;inset-block-end:0;inset-inline-start:0;width:100%;height:2px;position:absolute}.megadropdown post-list .list-title h3 a{border-radius:0;text-decoration:none;font-size:inherit;display:flex;align-items:center;justify-content:space-between;min-height:53px;width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative;height:unset;font-weight:900}.megadropdown post-list .list-title h3 a::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}.megadropdown post-list .list-title h3 a.active,.megadropdown post-list .list-title h3 a[aria-current=page],.megadropdown post-list .list-title h3 a[aria-expanded=true]{background-color:#050400;color:#fff}.megadropdown post-list .list-title h3 a:hover{background-color:#504f4b;color:#fff}.megadropdown post-list .list-title h3 a:hover::before{background-color:#504f4b}.megadropdown post-list .list-title h3 a::before{height:2px}@media screen and (max-width: 1023.98px){.megadropdown post-list .list-title h3{font-size:1rem}.megadropdown post-list .list-title h3:not(:has(a)),.megadropdown post-list .list-title h3 a{padding:14px 12px 12px 8px}}@media screen and (max-width: 599.98px){.megadropdown post-list .list-title h3{font-size:.875rem}}.megadropdown post-list-item>a{padding-block:13px 12px;padding-inline-start:8px;display:flex;text-decoration:none;width:100%;min-width:100%;height:auto;min-height:48px;white-space:normal;word-break:break-word}.megadropdown post-list-item>a:hover{border-block-width:0}@media screen and (min-width: 1024px){.megadropdown post-list-item>a{font-size:1.25rem}}@media screen and (max-width: 1023.98px){.megadropdown post-list-item>a{padding-block:12px 11px}}@media screen and (max-width: 599.98px){.megadropdown post-list-item>a{font-size:.875rem}}.megadropdown .back-button{display:none;margin-block-end:2rem}.megadropdown .back-button .btn{width:auto}@media screen and (max-width: 1023.98px){.megadropdown .back-button{order:-1;display:block}}.megadropdown .close-button{position:absolute;inset-block-start:1rem;inset-inline-end:1rem}@media screen and (max-width: 1023.98px){.megadropdown .close-button{display:none}}";
912
+ const postMegadropdownCss = "@keyframes slide-in{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}@keyframes slide-out{from{transform:translateX(0%)}to{transform:translateX(100%)}}@keyframes slide-down{from{transform:translateY(-100%)}to{transform:translateY(0%)}}@keyframes slide-up{0%{transform:translateY(0%)}100%{transform:translateY(-100%)}}*,::before,::after{box-sizing:border-box}.megadropdown-container{box-shadow:0 8px 6px rgba(0,0,0,.16);position:absolute;background-color:#fafafa;border:none;width:100%;inset-block-start:100%;inset-inline-start:0;border-radius:0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown-container{border-block-end:1px solid CanvasText}}.megadropdown-container.slide-in{animation:slide-down 350ms forwards}.megadropdown-container.slide-out{animation:slide-up 350ms forwards}@media screen and (max-width: 1023.98px){.megadropdown-container{z-index:1;position:absolute;inset-block-start:var(--post-header-navigation-current-inset);inset-inline:0;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));border-block-start:unset;overflow-y:auto;overscroll-behavior:contain}.megadropdown-container.slide-in{animation:slide-in 350ms forwards}.megadropdown-container.slide-out{animation:slide-out 350ms forwards}}@media screen and (min-width: 1024px){.megadropdown-container{z-index:-1;max-height:calc(100vh - var(--post-header-height) - 48px);overflow-y:auto}}.megadropdown{padding:31px 40px 40px;background-color:#fafafa}@media screen and (max-width: 1023.98px){.megadropdown{display:flex;flex-direction:column;width:inherit;padding:16px 32px 24px}}@media screen and (max-width: 599.98px){.megadropdown{padding-inline:16px}}.megadropdown [slot=megadropdown-overview-link]{text-decoration:none;border-radius:0;padding-block:13px 12px;margin-block-end:16px;display:flex;align-items:center;min-height:56px;width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative;height:unset}.megadropdown [slot=megadropdown-overview-link]:focus-visible{border-radius:4px}.megadropdown [slot=megadropdown-overview-link]::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}.megadropdown [slot=megadropdown-overview-link].active,.megadropdown [slot=megadropdown-overview-link][aria-current=page],.megadropdown [slot=megadropdown-overview-link][aria-expanded=true]{background-color:#050400;color:#fff}.megadropdown [slot=megadropdown-overview-link]:hover{background-color:#504f4b;color:#fff}.megadropdown [slot=megadropdown-overview-link]:hover::before{background-color:#504f4b}@media screen and (max-width: 1023.98px){.megadropdown [slot=megadropdown-overview-link]{padding-block:12px 11px;min-height:unset}}@media screen and (max-width: 599.98px){.megadropdown [slot=megadropdown-overview-link]{padding-block:10px 9px}}.megadropdown .megadropdown-content{gap:1.5rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(15vw, 100%), 1fr));grid-auto-rows:1fr auto;grid-auto-flow:dense}@media screen and (max-width: 1023.98px){.megadropdown .megadropdown-content{grid-template-columns:repeat(auto-fit, minmax(min(35vw, 100%), 1fr))}}@media screen and (max-width: 599.98px){.megadropdown .megadropdown-content{grid-template-columns:1fr}}.megadropdown h2{display:none;margin-block:0 8px;font-weight:900}.megadropdown h2 a{text-decoration:none;display:none;font-weight:inherit;border-block:0}@media screen and (max-width: 1023.98px){.megadropdown h2{display:block;font-size:1.25rem}}@media screen and (max-width: 599.98px){.megadropdown h2{font-size:1.125rem}}.megadropdown post-list{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0px}.megadropdown post-list>[role=list]{flex-direction:unset;display:unset}.megadropdown post-list>*{width:100%}.megadropdown post-list .list-title{display:flex;flex-direction:column-reverse;height:100%}.megadropdown post-list .list-title h3{font-size:20px;display:block;font-weight:900}.megadropdown post-list .list-title h3:not(:has(a)),.megadropdown post-list .list-title h3 a{padding:16px 12px 14px 8px}.megadropdown post-list .list-title h3:not(:has(a)){position:relative}.megadropdown post-list .list-title h3:not(:has(a))::before{content:\"\";background-color:#050400;inset-block-end:0;inset-inline-start:0;width:100%;height:2px;position:absolute}.megadropdown post-list .list-title h3 a{border-radius:4px;text-decoration:none;font-size:inherit;display:flex;align-items:center;justify-content:space-between;min-height:53px;width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative;height:unset;font-weight:900}.megadropdown post-list .list-title h3 a::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}.megadropdown post-list .list-title h3 a.active,.megadropdown post-list .list-title h3 a[aria-current=page],.megadropdown post-list .list-title h3 a[aria-expanded=true]{background-color:#050400;color:#fff}.megadropdown post-list .list-title h3 a:hover{background-color:#504f4b;color:#fff}.megadropdown post-list .list-title h3 a:hover::before{background-color:#504f4b}.megadropdown post-list .list-title h3 a::before{height:2px}@media screen and (max-width: 1023.98px){.megadropdown post-list .list-title h3{font-size:1rem}.megadropdown post-list .list-title h3:not(:has(a)),.megadropdown post-list .list-title h3 a{padding:14px 12px 12px 8px}}@media screen and (max-width: 599.98px){.megadropdown post-list .list-title h3{font-size:.875rem}}.megadropdown post-list-item>a{padding-block:13px 12px;padding-inline-start:8px;display:flex;text-decoration:none;width:100%;min-width:100%;height:auto;min-height:48px;white-space:normal;word-break:break-word}.megadropdown post-list-item>a:hover{border-block-width:0}@media screen and (min-width: 1024px){.megadropdown post-list-item>a{font-size:1.25rem}}@media screen and (max-width: 1023.98px){.megadropdown post-list-item>a{padding-block:12px 11px}}@media screen and (max-width: 599.98px){.megadropdown post-list-item>a{font-size:.875rem}}.megadropdown .back-button{display:none;margin-block-end:2rem}.megadropdown .back-button .btn{width:auto}@media screen and (max-width: 1023.98px){.megadropdown .back-button{order:-1;display:block}}.megadropdown .close-button{position:absolute;inset-block-start:1rem;inset-inline-end:1rem}@media screen and (max-width: 1023.98px){.megadropdown .close-button{display:none}}";
880
913
 
881
914
  const PostMegadropdown = class {
882
915
  constructor(hostRef) {
@@ -1046,7 +1079,7 @@ const PostMegadropdown = class {
1046
1079
  }
1047
1080
  handleTabOutside(e) {
1048
1081
  if (e.key === 'Tab' && this.device === 'desktop') {
1049
- if (!this.host.contains(e.target)) {
1082
+ if (this.isVisible && !this.host.contains(e.target)) {
1050
1083
  this.hide(false);
1051
1084
  }
1052
1085
  }
@@ -1103,7 +1136,7 @@ const PostMegadropdown = class {
1103
1136
  }
1104
1137
  render() {
1105
1138
  const containerStyle = this.isVisible ? {} : { display: 'none' };
1106
- return (index.h(index.Host, { key: 'd111d8d93a9b64018f3df88813da8f6d1c65759e', version: _package.version }, index.h("div", { key: 'd7cb2b98624c9241108bc66cc11c15c0a2e7acf3', class: `megadropdown-container ${this.animationClass || ''}`, style: containerStyle, onAnimationEnd: () => this.handleAnimationEnd() }, index.h("div", { key: '9f0280b6f28f19ee7f9ba4707209b64b38759927', class: "megadropdown" }, index.h("slot", { key: '71f2521e1ab13406dd986c18a7c52e171148b0b0', name: "megadropdown-title" }), index.h("slot", { key: '148de1446aade76b074e155d07b70e775fc9612c', name: "megadropdown-overview-link" }), index.h("div", { key: '269c1e1db66acb7c274c720a9f715d29e875ef54', class: "megadropdown-content" }, index.h("slot", { key: '444040337c57e64bcc57f56415c4c40513ef0a5b' })), index.h("div", { key: 'f97d8c578ee19b5ba7d593e5d110e3b283255087', onClick: () => this.hide(true), class: "back-button" }, index.h("slot", { key: 'dc04da3a42714e2e8742ab8ed25bcc288a236294', name: "back-button" })), index.h("div", { key: '354eca51a5aef76d483a30e595bedfa95792d7ce', onClick: () => this.hide(true), class: "close-button" }, index.h("slot", { key: '28693622360c0da91f3051426be545852c5ec337', name: "close-button" }))))));
1139
+ return (index.h(index.Host, { key: 'd189f35bb1b66459d6f50bd3326495fe79429be2', version: _package.version }, index.h("div", { key: 'a9d7d8e25af433b18548a40be4e724c1a3a57374', class: `megadropdown-container ${this.animationClass || ''}`, style: containerStyle, onAnimationEnd: () => this.handleAnimationEnd() }, index.h("div", { key: 'a9886e9c1797eb11c6988e2b17bb73097ca9fb24', class: "megadropdown" }, index.h("slot", { key: 'e93c659a3ba85dbecebfaa2b2ed435d05cfc4ecc', name: "megadropdown-title" }), index.h("slot", { key: 'c6d4952fd218d2c31399b31ebea905a19892461d', name: "megadropdown-overview-link" }), index.h("div", { key: '82a157f8c6225ccec231d660d55b49abf456ba60', class: "megadropdown-content" }, index.h("slot", { key: '0c2ad616e2e999bb30cc9e9593fcfa4e4b8d71f0' })), index.h("div", { key: 'b501280cb3c05bb0210e5fe2380d5c338416df90', onClick: () => this.hide(true), class: "back-button" }, index.h("slot", { key: '2b60695fac34563724f09b1e6c51b4b386606f17', name: "back-button" })), index.h("div", { key: '1554073e2476baf7416937f54203e2e404805360', onClick: () => this.hide(true), class: "close-button" }, index.h("slot", { key: '29e8f43ddadfa66c405c6ad0ffbf43237fae97ec', name: "close-button" }))))));
1107
1140
  }
1108
1141
  get host() { return index.getElement(this); }
1109
1142
  };
@@ -1111,7 +1144,7 @@ const PostMegadropdown = class {
1111
1144
  PostMegadropdown.activeDropdown = null;
1112
1145
  PostMegadropdown.style = postMegadropdownCss;
1113
1146
 
1114
- const postMegadropdownTriggerCss = "post-megadropdown-trigger{width:100%;position:relative;z-index:3}@media screen and (max-width: 1023.98px){post-megadropdown-trigger{z-index:4}}";
1147
+ const postMegadropdownTriggerCss = "post-megadropdown-trigger{width:100%;position:relative}";
1115
1148
 
1116
1149
  var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
1117
1150
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -1206,7 +1239,7 @@ const PostMegadropdownTrigger = class {
1206
1239
  document.removeEventListener('postToggleMegadropdown', this.handleToggleMegadropdown);
1207
1240
  }
1208
1241
  render() {
1209
- return (index.h(index.Host, { key: '838bff4fe3feac679b522c2f7a166ac7aa5c2bf9', "data-version": _package.version, "tab-index": "-1" }, index.h("button", { key: 'b5a90298610863e46447198642b5a27b8702aefc' }, index.h("slot", { key: '14c83456eb056f48143edcd2c532bca017c60171' }))));
1242
+ return (index.h(index.Host, { key: 'b5d3eb64df71ac025f1ca882811b4c6f20ccf8b7', "data-version": _package.version, "tab-index": "-1" }, index.h("button", { key: '2ba6ec332db1ffbac84dd134b144e33115bac31e' }, index.h("slot", { key: '39b36a16250897f243b8039342c7ff294f83df4d' }))));
1210
1243
  }
1211
1244
  get host() { return index.getElement(this); }
1212
1245
  static get watchers() { return {
@@ -1404,7 +1437,7 @@ const PostMenu = class {
1404
1437
  .flatMap(el => Array.from(getFocusableChildren.getFocusableChildren(el))));
1405
1438
  }
1406
1439
  render() {
1407
- return (index.h(index.Host, { key: 'eef3d3cdf2553c2627ddf580a95c70f00c02d388', "data-version": _package.version }, index.h("post-popovercontainer", { key: '27c3341bec9d4ee98b59f70e902913f03954c32c', onPostShow: this.handlePostShown, onPostToggle: this.handlePostToggled, placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: 'ef6c0ab8b6de380c23f6562a3d0ba34d9eaace98', part: "menu" }, index.h("slot", { key: 'edca1d3e9ab11d016ba18baf9f8d6aa65bb71958', name: "header" }), index.h("slot", { key: '40596847f9bac957a5992364997f0bcd8fd6a704' })))));
1440
+ return (index.h(index.Host, { key: 'ab27eeef6ddcca57eb65ca9f7471809d9f78d7d1', "data-version": _package.version }, index.h("post-popovercontainer", { key: 'c8053a6cbae6d22751e81107099180b95829b8c4', onPostShow: this.handlePostShown, onPostToggle: this.handlePostToggled, placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: 'c60d336220b331cd7f3d5b896788f3fdcee090cf', part: "menu" }, index.h("slot", { key: '629b1f5dbe4074df6459bdfe64e1c0f836314e85', name: "header" }), index.h("slot", { key: 'c918bba494424db857e7e99fd80d24224bdeb9ed' })))));
1408
1441
  }
1409
1442
  get host() { return index.getElement(this); }
1410
1443
  static get watchers() { return {
@@ -1495,7 +1528,7 @@ const PostMenuTrigger = class {
1495
1528
  }
1496
1529
  }
1497
1530
  render() {
1498
- return (index.h(index.Host, { key: 'fc962802089652073c19cc35a511e48b0cab43b7', "data-version": _package.version, "tab-index": "-1" }, index.h("slot", { key: 'd3a8b40c0a88c44092b56ca4aa1c74f880bebb20' })));
1531
+ return (index.h(index.Host, { key: '14592f9564fdb09b2e809374d5794bf71f576dbb', "data-version": _package.version, "tab-index": "-1" }, index.h("slot", { key: 'a0f463000420df39035cc5a48369d230394b5e04' })));
1499
1532
  }
1500
1533
  get host() { return index.getElement(this); }
1501
1534
  static get watchers() { return {
@@ -4547,9 +4580,9 @@ const PostPopovercontainer = class {
4547
4580
  }
4548
4581
  }
4549
4582
  render() {
4550
- return (index.h(index.Host, { key: 'ec57bb478a7fe7d6449ef1ed4d91db4d0835ea4e', "data-version": _package.version, popover: this.manualClose ? 'manual' : 'auto' }, index.h("div", { key: '2969b3c6ef9441d06b9c913f47bb64e84006dbe4', class: "popover-content" }, this.arrow && (index.h("span", { key: '03b8addd0bee91d9358e9554f2d507b9a349e0db', class: "arrow", ref: el => {
4583
+ return (index.h(index.Host, { key: '9ec775608a6bfab69c50e9cefb1a42235deaa451', "data-version": _package.version, popover: this.manualClose ? 'manual' : 'auto' }, index.h("div", { key: 'b659d1ce9cf9d3b661e3712c689cf1ffb0816f6e', class: "popover-content" }, this.arrow && (index.h("span", { key: '504e007d07d6b38018d93f5dca5a074b881cd50b', class: "arrow", ref: el => {
4551
4584
  this.arrowRef = el;
4552
- } })), index.h("slot", { key: '2fb25dce5ea9e5f1044cde4839df61af34c8b667' }))));
4585
+ } })), index.h("slot", { key: '207062f4582b4aad7b570a7453711fd61654d5e3' }))));
4553
4586
  }
4554
4587
  get host() { return index.getElement(this); }
4555
4588
  static get watchers() { return {
@@ -4606,7 +4639,7 @@ const PostTogglebutton = class {
4606
4639
  this.host.addEventListener('keydown', (e) => this.handleKeydown(e));
4607
4640
  }
4608
4641
  render() {
4609
- return (index.h(index.Host, { key: 'f56832bfbfacc23923ac06d8455fffcdafa8a7ec', "data-version": _package.version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, index.h("slot", { key: '7adc9ed579b6badeb08c7599ceb95892d68f027f' })));
4642
+ return (index.h(index.Host, { key: 'ecd5772b09be8842e5c6fc3bf34932b27d90c533', "data-version": _package.version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, index.h("slot", { key: '3bb32b33155e71ced9375afb5a26d1d4e63a83c8' })));
4610
4643
  }
4611
4644
  get host() { return index.getElement(this); }
4612
4645
  };