@swisspost/design-system-components 10.0.0-next.71 → 10.0.0-next.75

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 (439) hide show
  1. package/dist/cjs/create-validator-decorator-Bimhl6Ib.js +223 -0
  2. package/dist/cjs/{index-CCteMCnR.js → index-CyeY2muT.js} +54 -5
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/one-of-BVQP1dR3.js +27 -0
  5. package/dist/cjs/{package-CscM89A7.js → package-JSyXVavg.js} +1 -1
  6. package/dist/cjs/pattern-BDKu8-v6.js +27 -0
  7. package/dist/cjs/post-accordion_2.cjs.entry.js +15 -21
  8. package/dist/cjs/post-autocomplete.cjs.entry.js +26 -13
  9. package/dist/cjs/post-avatar.cjs.entry.js +30 -33
  10. package/dist/cjs/post-back-to-top.cjs.entry.js +20 -11
  11. package/dist/cjs/post-banner.cjs.entry.js +9 -14
  12. package/dist/cjs/post-breadcrumb-item.cjs.entry.js +34 -24
  13. package/dist/cjs/post-breadcrumbs.cjs.entry.js +35 -38
  14. package/dist/cjs/post-closebutton_14.cjs.entry.js +284 -300
  15. package/dist/cjs/post-collapsible_2.cjs.entry.js +56 -39
  16. package/dist/cjs/post-components.cjs.js +2 -2
  17. package/dist/cjs/post-date-picker.cjs.entry.js +142 -140
  18. package/dist/cjs/post-footer.cjs.entry.js +24 -17
  19. package/dist/cjs/post-linkarea.cjs.entry.js +3 -3
  20. package/dist/cjs/post-listbox-option.cjs.entry.js +4 -4
  21. package/dist/cjs/post-listbox.cjs.entry.js +3 -5
  22. package/dist/cjs/post-login-widget.cjs.entry.js +29 -30
  23. package/dist/cjs/post-number-input.cjs.entry.js +5 -5
  24. package/dist/cjs/post-pagination.cjs.entry.js +60 -85
  25. package/dist/cjs/post-popover-trigger.cjs.entry.js +21 -18
  26. package/dist/cjs/post-popover.cjs.entry.js +24 -22
  27. package/dist/cjs/post-progressbar.cjs.entry.js +147 -0
  28. package/dist/cjs/post-rating.cjs.entry.js +33 -34
  29. package/dist/cjs/post-side-navigation-trigger.cjs.entry.js +109 -0
  30. package/dist/cjs/post-side-navigation.cjs.entry.js +129 -0
  31. package/dist/cjs/post-stepper-item.cjs.entry.js +4 -4
  32. package/dist/cjs/post-stepper.cjs.entry.js +50 -37
  33. package/dist/cjs/post-tab-item.cjs.entry.js +20 -12
  34. package/dist/cjs/post-tab-panel.cjs.entry.js +20 -13
  35. package/dist/cjs/post-tabs.cjs.entry.js +21 -7
  36. package/dist/cjs/post-tooltip-trigger.cjs.entry.js +21 -12
  37. package/dist/cjs/post-tooltip.cjs.entry.js +19 -16
  38. package/dist/cjs/required-BsZuSJAl.js +44 -0
  39. package/dist/cjs/type-DXpEWY0w.js +30 -0
  40. package/dist/cjs/url-D-EbWRlF.js +34 -0
  41. package/dist/collection/collection-manifest.json +3 -0
  42. package/dist/collection/components/post-accordion/post-accordion.js +11 -8
  43. package/dist/collection/components/post-accordion-item/post-accordion-item.js +4 -17
  44. package/dist/collection/components/post-autocomplete/post-autocomplete.js +23 -13
  45. package/dist/collection/components/post-avatar/post-avatar.js +27 -33
  46. package/dist/collection/components/post-back-to-top/post-back-to-top.js +17 -10
  47. package/dist/collection/components/post-banner/post-banner.css +2 -2
  48. package/dist/collection/components/post-banner/post-banner.js +7 -14
  49. package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.css +1 -1
  50. package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js +27 -22
  51. package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.css +1 -1
  52. package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.js +30 -37
  53. package/dist/collection/components/post-closebutton/post-closebutton.css +1 -1
  54. package/dist/collection/components/post-closebutton/post-closebutton.js +45 -37
  55. package/dist/collection/components/post-closebutton/types.js +1 -1
  56. package/dist/collection/components/post-collapsible/post-collapsible.js +26 -16
  57. package/dist/collection/components/post-collapsible-trigger/post-collapsible-trigger.js +34 -30
  58. package/dist/collection/components/post-date-picker/post-date-picker.css +1 -1
  59. package/dist/collection/components/post-date-picker/post-date-picker.js +64 -96
  60. package/dist/collection/components/post-footer/post-footer.js +17 -13
  61. package/dist/collection/components/post-header/post-header.css +1 -1
  62. package/dist/collection/components/post-header/post-header.js +25 -30
  63. package/dist/collection/components/post-icon/post-icon.js +34 -47
  64. package/dist/collection/components/post-language-menu/post-language-menu.css +1 -1
  65. package/dist/collection/components/post-language-menu/post-language-menu.js +15 -20
  66. package/dist/collection/components/post-language-menu-item/post-language-menu-item.css +1 -1
  67. package/dist/collection/components/post-language-menu-item/post-language-menu-item.js +28 -39
  68. package/dist/collection/components/post-linkarea/post-linkarea.js +2 -2
  69. package/dist/collection/components/post-listbox/post-listbox.js +3 -5
  70. package/dist/collection/components/post-listbox-option/post-listbox-option.js +3 -3
  71. package/dist/collection/components/post-login-widget/post-login-widget.css +1 -1
  72. package/dist/collection/components/post-login-widget/post-login-widget.js +25 -29
  73. package/dist/collection/components/post-logo/post-logo.js +16 -13
  74. package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +17 -13
  75. package/dist/collection/components/post-megadropdown/post-megadropdown.css +1 -1
  76. package/dist/collection/components/post-megadropdown/post-megadropdown.js +24 -23
  77. package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.css +1 -1
  78. package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +7 -15
  79. package/dist/collection/components/post-menu/post-menu.css +1 -1
  80. package/dist/collection/components/post-menu/post-menu.js +10 -23
  81. package/dist/collection/components/post-menu-item/post-menu-item.css +1 -1
  82. package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +17 -13
  83. package/dist/collection/components/post-number-input/post-number-input.css +1 -1
  84. package/dist/collection/components/post-number-input/post-number-input.js +5 -5
  85. package/dist/collection/components/post-pagination/post-pagination.css +1 -1
  86. package/dist/collection/components/post-pagination/post-pagination.js +58 -87
  87. package/dist/collection/components/post-popover/post-popover.js +20 -22
  88. package/dist/collection/components/post-popover-trigger/post-popover-trigger.js +16 -14
  89. package/dist/collection/components/post-popovercontainer/post-popovercontainer.css +1 -1
  90. package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +29 -33
  91. package/dist/collection/components/post-progressbar/post-progressbar.css +1 -0
  92. package/dist/collection/components/post-progressbar/post-progressbar.js +136 -0
  93. package/dist/collection/components/post-rating/post-rating.js +25 -29
  94. package/dist/collection/components/post-side-navigation/post-side-navigation.css +1 -0
  95. package/dist/collection/components/post-side-navigation/post-side-navigation.js +231 -0
  96. package/dist/collection/components/post-side-navigation-trigger/post-side-navigation-trigger.css +1 -0
  97. package/dist/collection/components/post-side-navigation-trigger/post-side-navigation-trigger.js +154 -0
  98. package/dist/collection/components/post-stepper/post-stepper.js +46 -36
  99. package/dist/collection/components/post-stepper-item/post-stepper-item.css +1 -1
  100. package/dist/collection/components/post-stepper-item/post-stepper-item.js +2 -2
  101. package/dist/collection/components/post-tab-item/post-tab-item.js +17 -12
  102. package/dist/collection/components/post-tab-panel/post-tab-panel.js +17 -13
  103. package/dist/collection/components/post-tabs/post-tabs.js +20 -7
  104. package/dist/collection/components/post-togglebutton/post-togglebutton.js +5 -3
  105. package/dist/collection/components/post-tooltip/post-tooltip.js +17 -16
  106. package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.js +17 -12
  107. package/dist/collection/utils/index.js +3 -4
  108. package/dist/collection/utils/is-value-empty.js +1 -1
  109. package/dist/collection/utils/property-decorators/bound.js +75 -0
  110. package/dist/collection/utils/property-decorators/create-validator-decorator.js +24 -0
  111. package/dist/collection/utils/property-decorators/index.js +1 -1
  112. package/dist/collection/utils/property-decorators/required.js +19 -3
  113. package/dist/component-names.json +3 -0
  114. package/dist/components/breakpoints.js +1 -1
  115. package/dist/components/index.d.ts +6 -0
  116. package/dist/components/index.js +1 -1
  117. package/dist/components/one-of.js +1 -0
  118. package/dist/components/package.js +1 -1
  119. package/dist/components/pattern.js +1 -0
  120. package/dist/components/post-accordion-item2.js +1 -1
  121. package/dist/components/post-accordion2.js +1 -1
  122. package/dist/components/post-autocomplete.js +1 -1
  123. package/dist/components/post-avatar2.js +1 -1
  124. package/dist/components/post-back-to-top.js +1 -1
  125. package/dist/components/post-banner.js +1 -1
  126. package/dist/components/post-breadcrumb-item.js +1 -1
  127. package/dist/components/post-breadcrumbs.js +1 -1
  128. package/dist/components/post-closebutton2.js +1 -1
  129. package/dist/components/post-collapsible-trigger2.js +1 -1
  130. package/dist/components/post-collapsible2.js +1 -1
  131. package/dist/components/post-date-picker.js +1 -1
  132. package/dist/components/post-footer.js +1 -1
  133. package/dist/components/post-header.js +1 -1
  134. package/dist/components/post-icon2.js +1 -1
  135. package/dist/components/post-language-menu-item.js +1 -1
  136. package/dist/components/post-language-menu.js +1 -1
  137. package/dist/components/post-linkarea.js +1 -1
  138. package/dist/components/post-listbox-option.js +1 -1
  139. package/dist/components/post-listbox.js +1 -1
  140. package/dist/components/post-login-widget.js +1 -1
  141. package/dist/components/post-logo.js +1 -1
  142. package/dist/components/post-mainnavigation.js +1 -1
  143. package/dist/components/post-megadropdown-trigger.js +1 -1
  144. package/dist/components/post-megadropdown.js +1 -1
  145. package/dist/components/post-menu-item2.js +1 -1
  146. package/dist/components/post-menu-trigger2.js +1 -1
  147. package/dist/components/post-menu2.js +1 -1
  148. package/dist/components/post-number-input.js +1 -1
  149. package/dist/components/post-pagination.js +1 -1
  150. package/dist/components/post-popover-trigger.js +1 -1
  151. package/dist/components/post-popover.js +1 -1
  152. package/dist/components/post-popovercontainer2.js +1 -1
  153. package/dist/components/post-progressbar.d.ts +11 -0
  154. package/dist/components/post-progressbar.js +1 -0
  155. package/dist/components/post-rating.js +1 -1
  156. package/dist/components/post-side-navigation-trigger.d.ts +11 -0
  157. package/dist/components/post-side-navigation-trigger.js +1 -0
  158. package/dist/components/post-side-navigation.d.ts +11 -0
  159. package/dist/components/post-side-navigation.js +1 -0
  160. package/dist/components/post-stepper-item.js +1 -1
  161. package/dist/components/post-stepper.js +1 -1
  162. package/dist/components/post-tab-item.js +1 -1
  163. package/dist/components/post-tab-panel.js +1 -1
  164. package/dist/components/post-tabs.js +1 -1
  165. package/dist/components/post-togglebutton2.js +1 -1
  166. package/dist/components/post-tooltip-trigger.js +1 -1
  167. package/dist/components/post-tooltip.js +1 -1
  168. package/dist/components/react/index.js +1 -1
  169. package/dist/components/react/p-4wtxqxXu.js +1 -0
  170. package/dist/components/react/p-B3ZJPCU0.js +1 -0
  171. package/dist/components/react/p-BUAS73l8.js +1 -0
  172. package/dist/components/react/p-BUSQG9af.js +1 -0
  173. package/dist/components/react/p-BXqGI600.js +1 -0
  174. package/dist/components/react/p-B_WnO-QF.js +1 -0
  175. package/dist/components/react/p-BaB8wJvk.js +1 -0
  176. package/dist/components/react/p-Bji_4dfL.js +1 -0
  177. package/dist/components/react/p-C7aYEQh5.js +1 -0
  178. package/dist/components/react/p-CX2E_IXB.js +1 -0
  179. package/dist/components/react/p-CbU3QFNG.js +1 -0
  180. package/dist/components/react/p-CdhbouMD.js +1 -0
  181. package/dist/components/react/p-Ci08Eesw.js +1 -0
  182. package/dist/components/react/{p-BC0-M_SK.js → p-DNddZV_h.js} +1 -1
  183. package/dist/components/react/p-DTg2SXJj.js +1 -0
  184. package/dist/components/react/p-DU4XzTGt.js +1 -0
  185. package/dist/components/react/p-DWlDkwjY.js +1 -0
  186. package/dist/components/react/p-wqJxIo5L.js +1 -0
  187. package/dist/components/react/p-ztiqEfbC.js +1 -0
  188. package/dist/components/react/post-accordion-item.js +1 -1
  189. package/dist/components/react/post-accordion.js +1 -1
  190. package/dist/components/react/post-autocomplete.js +1 -1
  191. package/dist/components/react/post-avatar.js +1 -1
  192. package/dist/components/react/post-back-to-top.js +1 -1
  193. package/dist/components/react/post-banner.js +1 -1
  194. package/dist/components/react/post-breadcrumb-item.js +1 -1
  195. package/dist/components/react/post-breadcrumbs.js +1 -1
  196. package/dist/components/react/post-closebutton.js +1 -1
  197. package/dist/components/react/post-collapsible-trigger.js +1 -1
  198. package/dist/components/react/post-collapsible.js +1 -1
  199. package/dist/components/react/post-date-picker.js +1 -1
  200. package/dist/components/react/post-footer.js +1 -1
  201. package/dist/components/react/post-header.js +1 -1
  202. package/dist/components/react/post-icon.js +1 -1
  203. package/dist/components/react/post-language-menu-item.js +1 -1
  204. package/dist/components/react/post-language-menu.js +1 -1
  205. package/dist/components/react/post-linkarea.js +1 -1
  206. package/dist/components/react/post-listbox-option.js +1 -1
  207. package/dist/components/react/post-listbox.js +1 -1
  208. package/dist/components/react/post-login-widget.js +1 -1
  209. package/dist/components/react/post-logo.js +1 -1
  210. package/dist/components/react/post-mainnavigation.js +1 -1
  211. package/dist/components/react/post-megadropdown-trigger.js +1 -1
  212. package/dist/components/react/post-megadropdown.js +1 -1
  213. package/dist/components/react/post-menu-item.js +1 -1
  214. package/dist/components/react/post-menu-trigger.js +1 -1
  215. package/dist/components/react/post-menu.js +1 -1
  216. package/dist/components/react/post-number-input.js +1 -1
  217. package/dist/components/react/post-pagination.js +1 -1
  218. package/dist/components/react/post-popover-trigger.js +1 -1
  219. package/dist/components/react/post-popover.js +1 -1
  220. package/dist/components/react/post-popovercontainer.js +1 -1
  221. package/dist/components/react/post-progressbar.d.ts +11 -0
  222. package/dist/components/react/post-progressbar.js +1 -0
  223. package/dist/components/react/post-rating.js +1 -1
  224. package/dist/components/react/post-side-navigation-trigger.d.ts +11 -0
  225. package/dist/components/react/post-side-navigation-trigger.js +1 -0
  226. package/dist/components/react/post-side-navigation.d.ts +11 -0
  227. package/dist/components/react/post-side-navigation.js +1 -0
  228. package/dist/components/react/post-stepper-item.js +1 -1
  229. package/dist/components/react/post-stepper.js +1 -1
  230. package/dist/components/react/post-tab-item.js +1 -1
  231. package/dist/components/react/post-tab-panel.js +1 -1
  232. package/dist/components/react/post-tabs.js +1 -1
  233. package/dist/components/react/post-togglebutton.js +1 -1
  234. package/dist/components/react/post-tooltip-trigger.js +1 -1
  235. package/dist/components/react/post-tooltip.js +1 -1
  236. package/dist/components/required.js +1 -0
  237. package/dist/components/type.js +1 -0
  238. package/dist/components/url.js +1 -0
  239. package/dist/docs.json +344 -14
  240. package/dist/esm/create-validator-decorator-BNkS_yAb.js +218 -0
  241. package/dist/esm/{index-DmBWUef5.js → index-BGeKgZqi.js} +54 -5
  242. package/dist/esm/loader.js +3 -3
  243. package/dist/esm/one-of-4BD_5pKR.js +25 -0
  244. package/dist/esm/package-CdhbouMD.js +3 -0
  245. package/dist/esm/pattern-D7tnGo1u.js +25 -0
  246. package/dist/esm/post-accordion_2.entry.js +15 -21
  247. package/dist/esm/post-autocomplete.entry.js +26 -13
  248. package/dist/esm/post-avatar.entry.js +30 -33
  249. package/dist/esm/post-back-to-top.entry.js +20 -11
  250. package/dist/esm/post-banner.entry.js +9 -14
  251. package/dist/esm/post-breadcrumb-item.entry.js +34 -24
  252. package/dist/esm/post-breadcrumbs.entry.js +35 -38
  253. package/dist/esm/post-closebutton_14.entry.js +284 -300
  254. package/dist/esm/post-collapsible_2.entry.js +56 -39
  255. package/dist/esm/post-components.js +3 -3
  256. package/dist/esm/post-date-picker.entry.js +142 -140
  257. package/dist/esm/post-footer.entry.js +20 -13
  258. package/dist/esm/post-linkarea.entry.js +3 -3
  259. package/dist/esm/post-listbox-option.entry.js +4 -4
  260. package/dist/esm/post-listbox.entry.js +3 -5
  261. package/dist/esm/post-login-widget.entry.js +29 -30
  262. package/dist/esm/post-number-input.entry.js +5 -5
  263. package/dist/esm/post-pagination.entry.js +60 -85
  264. package/dist/esm/post-popover-trigger.entry.js +19 -16
  265. package/dist/esm/post-popover.entry.js +24 -22
  266. package/dist/esm/post-progressbar.entry.js +145 -0
  267. package/dist/esm/post-rating.entry.js +28 -29
  268. package/dist/esm/post-side-navigation-trigger.entry.js +107 -0
  269. package/dist/esm/post-side-navigation.entry.js +127 -0
  270. package/dist/esm/post-stepper-item.entry.js +4 -4
  271. package/dist/esm/post-stepper.entry.js +50 -37
  272. package/dist/esm/post-tab-item.entry.js +20 -12
  273. package/dist/esm/post-tab-panel.entry.js +20 -13
  274. package/dist/esm/post-tabs.entry.js +21 -7
  275. package/dist/esm/post-tooltip-trigger.entry.js +21 -12
  276. package/dist/esm/post-tooltip.entry.js +19 -16
  277. package/dist/esm/required-DhBxDSbP.js +42 -0
  278. package/dist/esm/type-icZlikjf.js +28 -0
  279. package/dist/esm/url-B_2x2YCy.js +32 -0
  280. package/dist/post-components/p-001f58d8.entry.js +1 -0
  281. package/dist/post-components/p-0a08ae23.entry.js +1 -0
  282. package/dist/post-components/p-12c8b073.entry.js +1 -0
  283. package/dist/post-components/{p-bab0f27f.entry.js → p-15fa7e60.entry.js} +1 -1
  284. package/dist/post-components/p-1839276a.entry.js +1 -0
  285. package/dist/post-components/p-28eeb5d8.entry.js +1 -0
  286. package/dist/post-components/p-3e83aa1f.entry.js +1 -0
  287. package/dist/post-components/p-41b5dbfc.entry.js +1 -0
  288. package/dist/post-components/p-5d20cbcb.entry.js +1 -0
  289. package/dist/post-components/p-6a1c4897.entry.js +1 -0
  290. package/dist/post-components/p-6cbb2e7f.entry.js +1 -0
  291. package/dist/post-components/p-6d14f78a.entry.js +1 -0
  292. package/dist/post-components/p-6e8b6249.entry.js +1 -0
  293. package/dist/post-components/p-71918d59.entry.js +1 -0
  294. package/dist/post-components/p-7ee4b829.entry.js +1 -0
  295. package/dist/post-components/p-8139b0cc.entry.js +1 -0
  296. package/dist/post-components/p-84c8d952.entry.js +1 -0
  297. package/dist/post-components/p-87ebb213.entry.js +1 -0
  298. package/dist/post-components/{p-4b445a35.entry.js → p-89da6378.entry.js} +1 -1
  299. package/dist/post-components/p-8SvFxSp6.js +1 -0
  300. package/dist/post-components/p-8caaa149.entry.js +1 -0
  301. package/dist/post-components/p-923439d1.entry.js +1 -0
  302. package/dist/post-components/p-97c1f070.entry.js +1 -0
  303. package/dist/post-components/p-9e240299.entry.js +1 -0
  304. package/dist/post-components/p-9ec32e7b.entry.js +1 -0
  305. package/dist/post-components/p-BGeKgZqi.js +2 -0
  306. package/dist/post-components/p-CIbyqT6u.js +1 -0
  307. package/dist/post-components/p-CdhbouMD.js +1 -0
  308. package/dist/post-components/p-D2ex14Ye.js +1 -0
  309. package/dist/post-components/p-DH5JdN6V.js +1 -0
  310. package/dist/post-components/p-DiBqDD4N.js +1 -0
  311. package/dist/post-components/p-I6rSjhbA.js +1 -0
  312. package/dist/post-components/p-aff9dd5e.entry.js +1 -0
  313. package/dist/post-components/p-c905a97c.entry.js +1 -0
  314. package/dist/post-components/p-e54a6be0.entry.js +1 -0
  315. package/dist/post-components/p-eca119d2.entry.js +1 -0
  316. package/dist/post-components/p-f9529d40.entry.js +1 -0
  317. package/dist/post-components/p-fac58cbd.entry.js +1 -0
  318. package/dist/post-components/post-components.css +2 -2
  319. package/dist/post-components/post-components.esm.js +1 -1
  320. package/dist/types/components/post-accordion/post-accordion.d.ts +1 -1
  321. package/dist/types/components/post-accordion-item/post-accordion-item.d.ts +0 -2
  322. package/dist/types/components/post-autocomplete/post-autocomplete.d.ts +0 -1
  323. package/dist/types/components/post-avatar/post-avatar.d.ts +0 -5
  324. package/dist/types/components/post-back-to-top/post-back-to-top.d.ts +0 -1
  325. package/dist/types/components/post-banner/post-banner.d.ts +0 -1
  326. package/dist/types/components/post-breadcrumb-item/post-breadcrumb-item.d.ts +0 -3
  327. package/dist/types/components/post-breadcrumbs/post-breadcrumbs.d.ts +0 -4
  328. package/dist/types/components/post-closebutton/post-closebutton.d.ts +5 -5
  329. package/dist/types/components/post-closebutton/types.d.ts +1 -1
  330. package/dist/types/components/post-collapsible/post-collapsible.d.ts +1 -2
  331. package/dist/types/components/post-collapsible-trigger/post-collapsible-trigger.d.ts +3 -6
  332. package/dist/types/components/post-date-picker/post-date-picker.d.ts +0 -12
  333. package/dist/types/components/post-footer/post-footer.d.ts +0 -1
  334. package/dist/types/components/post-header/post-header.d.ts +1 -3
  335. package/dist/types/components/post-icon/post-icon.d.ts +0 -6
  336. package/dist/types/components/post-language-menu/post-language-menu.d.ts +1 -3
  337. package/dist/types/components/post-language-menu-item/post-language-menu-item.d.ts +0 -5
  338. package/dist/types/components/post-login-widget/post-login-widget.d.ts +0 -4
  339. package/dist/types/components/post-logo/post-logo.d.ts +0 -1
  340. package/dist/types/components/post-mainnavigation/post-mainnavigation.d.ts +0 -1
  341. package/dist/types/components/post-megadropdown/post-megadropdown.d.ts +1 -3
  342. package/dist/types/components/post-megadropdown-trigger/post-megadropdown-trigger.d.ts +0 -2
  343. package/dist/types/components/post-menu/post-menu.d.ts +1 -4
  344. package/dist/types/components/post-menu-trigger/post-menu-trigger.d.ts +0 -1
  345. package/dist/types/components/post-pagination/post-pagination.d.ts +0 -17
  346. package/dist/types/components/post-popover/post-popover.d.ts +1 -4
  347. package/dist/types/components/post-popover-trigger/post-popover-trigger.d.ts +0 -1
  348. package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts +0 -3
  349. package/dist/types/components/post-progressbar/post-progressbar.d.ts +23 -0
  350. package/dist/types/components/post-rating/post-rating.d.ts +0 -4
  351. package/dist/types/components/post-side-navigation/post-side-navigation.d.ts +56 -0
  352. package/dist/types/components/post-side-navigation-trigger/post-side-navigation-trigger.d.ts +33 -0
  353. package/dist/types/components/post-stepper/post-stepper.d.ts +1 -4
  354. package/dist/types/components/post-tab-item/post-tab-item.d.ts +0 -1
  355. package/dist/types/components/post-tab-panel/post-tab-panel.d.ts +0 -1
  356. package/dist/types/components/post-tooltip/post-tooltip.d.ts +0 -2
  357. package/dist/types/components/post-tooltip-trigger/post-tooltip-trigger.d.ts +0 -1
  358. package/dist/types/components.d.ts +142 -5
  359. package/dist/types/home/runner/work/design-system/design-system/packages/components/.stencil/vrt/helpers/header-variants.config.d.ts +1 -0
  360. package/dist/types/utils/index.d.ts +3 -4
  361. package/dist/types/utils/property-decorators/bound.d.ts +36 -0
  362. package/dist/types/utils/property-decorators/create-validator-decorator.d.ts +5 -0
  363. package/dist/types/utils/property-decorators/index.d.ts +1 -1
  364. package/dist/types/utils/property-decorators/required.d.ts +10 -1
  365. package/dist/vrt/helpers/header-test-config.js +3 -2
  366. package/dist/vrt/helpers/header-variants.config.js +29 -2
  367. package/hydrate/index.js +1640 -980
  368. package/hydrate/index.mjs +1640 -980
  369. package/package.json +4 -4
  370. package/dist/cjs/index-qCzRmwgB.js +0 -114
  371. package/dist/collection/utils/property-checkers/check-array-of.js +0 -8
  372. package/dist/collection/utils/property-checkers/check-date.js +0 -13
  373. package/dist/collection/utils/property-checkers/check-iso-date.js +0 -9
  374. package/dist/collection/utils/property-checkers/check-one-of.js +0 -8
  375. package/dist/collection/utils/property-checkers/check-pattern.js +0 -8
  376. package/dist/collection/utils/property-checkers/check-type.js +0 -15
  377. package/dist/collection/utils/property-checkers/check-url.js +0 -15
  378. package/dist/collection/utils/property-checkers/constants.js +0 -1
  379. package/dist/collection/utils/property-checkers/empty-or.js +0 -9
  380. package/dist/collection/utils/property-checkers/index.js +0 -20
  381. package/dist/collection/utils/property-checkers/required-and.js +0 -14
  382. package/dist/components/heading-levels.js +0 -1
  383. package/dist/components/index2.js +0 -1
  384. package/dist/components/react/p-BQ3HlJPr.js +0 -1
  385. package/dist/components/react/p-C7s9oglQ.js +0 -1
  386. package/dist/components/react/p-CTgZ8DGr.js +0 -1
  387. package/dist/components/react/p-CVtlwDsT.js +0 -1
  388. package/dist/components/react/p-CaLwTf3T.js +0 -1
  389. package/dist/components/react/p-ClJyTIVM.js +0 -1
  390. package/dist/components/react/p-DGr-hfLq.js +0 -1
  391. package/dist/components/react/p-DJxdj9pa.js +0 -1
  392. package/dist/components/react/p-DKDEtjQe.js +0 -1
  393. package/dist/components/react/p-DPKR_4uI.js +0 -1
  394. package/dist/components/react/p-DcEDGaFs.js +0 -1
  395. package/dist/components/react/p-DipfA69b.js +0 -1
  396. package/dist/components/react/p-DwZxAC2u.js +0 -1
  397. package/dist/components/react/p-r4txK0AC.js +0 -1
  398. package/dist/components/react/p-x3kxyWSZ.js +0 -1
  399. package/dist/esm/index-D9bU2pIE.js +0 -104
  400. package/dist/esm/package-x3kxyWSZ.js +0 -3
  401. package/dist/post-components/p-08a0e8e9.entry.js +0 -1
  402. package/dist/post-components/p-1583817b.entry.js +0 -1
  403. package/dist/post-components/p-203d9abd.entry.js +0 -1
  404. package/dist/post-components/p-2c68af27.entry.js +0 -1
  405. package/dist/post-components/p-39143e19.entry.js +0 -1
  406. package/dist/post-components/p-46dd9e7e.entry.js +0 -1
  407. package/dist/post-components/p-53a8cce5.entry.js +0 -1
  408. package/dist/post-components/p-72bff1fc.entry.js +0 -1
  409. package/dist/post-components/p-75045028.entry.js +0 -1
  410. package/dist/post-components/p-768b4516.entry.js +0 -1
  411. package/dist/post-components/p-7e072450.entry.js +0 -1
  412. package/dist/post-components/p-83cb6424.entry.js +0 -1
  413. package/dist/post-components/p-94f4da57.entry.js +0 -1
  414. package/dist/post-components/p-9dace750.entry.js +0 -1
  415. package/dist/post-components/p-9ea7e46f.entry.js +0 -1
  416. package/dist/post-components/p-D9bU2pIE.js +0 -1
  417. package/dist/post-components/p-DmBWUef5.js +0 -2
  418. package/dist/post-components/p-a0ac814c.entry.js +0 -1
  419. package/dist/post-components/p-a0d12ca8.entry.js +0 -1
  420. package/dist/post-components/p-cb039d66.entry.js +0 -1
  421. package/dist/post-components/p-e8cda4e1.entry.js +0 -1
  422. package/dist/post-components/p-e8e50d5c.entry.js +0 -1
  423. package/dist/post-components/p-eb64ec1d.entry.js +0 -1
  424. package/dist/post-components/p-f0746a9e.entry.js +0 -1
  425. package/dist/post-components/p-f5e33714.entry.js +0 -1
  426. package/dist/post-components/p-f93ce33d.entry.js +0 -1
  427. package/dist/post-components/p-fd0446b2.entry.js +0 -1
  428. package/dist/post-components/p-x3kxyWSZ.js +0 -1
  429. package/dist/types/utils/property-checkers/check-array-of.d.ts +0 -4
  430. package/dist/types/utils/property-checkers/check-date.d.ts +0 -3
  431. package/dist/types/utils/property-checkers/check-iso-date.d.ts +0 -3
  432. package/dist/types/utils/property-checkers/check-one-of.d.ts +0 -3
  433. package/dist/types/utils/property-checkers/check-pattern.d.ts +0 -3
  434. package/dist/types/utils/property-checkers/check-type.d.ts +0 -4
  435. package/dist/types/utils/property-checkers/check-url.d.ts +0 -3
  436. package/dist/types/utils/property-checkers/constants.d.ts +0 -1
  437. package/dist/types/utils/property-checkers/empty-or.d.ts +0 -3
  438. package/dist/types/utils/property-checkers/index.d.ts +0 -34
  439. package/dist/types/utils/property-checkers/required-and.d.ts +0 -3
@@ -1,28 +1,50 @@
1
- import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-DmBWUef5.js';
2
- import { v as version } from './package-x3kxyWSZ.js';
3
- import { d as checkEmptyOrOneOf, h as checkRequiredAndOneOf, c as checkRequiredAndType, b as checkEmptyOrType, e as checkRequiredAndPattern, f as checkEmptyOrUrl } from './index-D9bU2pIE.js';
1
+ import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-BGeKgZqi.js';
4
2
  import { t as throttle, b as breakpoint } from './breakpoints-BQ3HlJPr.js';
3
+ import { v as version } from './package-CdhbouMD.js';
4
+ import { O as OneOf } from './one-of-4BD_5pKR.js';
5
+ import { R as Required } from './required-DhBxDSbP.js';
5
6
  import { f as fade } from './fade-DsgPYmAa.js';
6
- import { g as getDeepFocusableChildren, a as getFocusableChildren } from './get-focusable-children-DxYnH2ye.js';
7
7
  import { E as EventFrom } from './event-from-rEfV4v4a.js';
8
+ import { g as getDeepFocusableChildren, a as getFocusableChildren } from './get-focusable-children-DxYnH2ye.js';
9
+ import { T as Type } from './type-icZlikjf.js';
8
10
  import { n as nanoid } from './nanoid-8LXe8Zt_.js';
11
+ import { P as Pattern } from './pattern-D7tnGo1u.js';
12
+ import { U as Url } from './url-B_2x2YCy.js';
9
13
  import { r as resolveEasing } from './utils-CoDiS_Ik.js';
10
14
  import { f as fadeSlide } from './fade-slide-CvOvauo9.js';
11
15
  import { P as PLACEMENT_TYPES } from './placement-DRiVosES.js';
12
16
  import { g as getRoot } from './get-root-08F-DB-d.js';
17
+ import './create-validator-decorator-BNkS_yAb.js';
13
18
 
14
- const BUTTON_TYPES = ['button', 'submit', 'reset'];
19
+ const BUTTON_TYPES = ['button', 'reset'];
15
20
  const PLACEMENT = ['manual', 'auto'];
16
21
  const SIZE = ['default', 'small'];
17
22
 
18
- const postClosebuttonCss = () => `.btn{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.btn:hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash)}.btn{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}.btn: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){.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn: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){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(a){color:LinkText;border:unset}.btn:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.btn:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.btn:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-primary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg);color:var(--post-scheme-color-interactive-button-primary-disabled-fg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.btn-default{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-secondary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.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)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.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)}.btn-sm{min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7)}.btn-sm>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-lg{min-height:var(--post-device-sizing-interactive-button-height-2);gap:var(--post-device-spacing-gap-inline-1);padding:0 var(--post-device-spacing-padding-inline-5)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:var(--post-device-border-radius-focus);min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-closebutton[size=small] .btn{height:var(--post-device-sizing-interactive-button-height-7);width:var(--post-device-sizing-interactive-button-height-7)}post-closebutton:not([placement]),post-closebutton[placement=auto]{position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%, -50%)}post-closebutton .btn{background-color:var(--post-scheme-color-interactive-primary-enabled-bg1)}post-closebutton .btn:not(:disabled):hover,post-closebutton .btn.pretend-hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg)}`;
23
+ const postClosebuttonCss = () => `.btn{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.btn:not(:disabled):hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.btn{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}.btn: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){.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn: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){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(a){color:LinkText;border:unset}.btn:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.btn:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.btn:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-primary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);color:var(--post-scheme-color-interactive-button-primary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}.btn-default{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg)}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.btn-secondary{box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg)}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-sm{min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7)}.btn-sm>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-lg{min-height:var(--post-device-sizing-interactive-button-height-2);gap:var(--post-device-spacing-gap-inline-1);padding:0 var(--post-device-spacing-padding-inline-5)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:var(--post-device-border-radius-focus);min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:host .btn{background-color:var(--post-scheme-color-interactive-primary-enabled-bg1)}:host .btn:not(:disabled):hover,:host .btn.pretend-hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg)}:host(:not([placement])),:host([placement=auto]){position:absolute;inset-block-start:0;inset-inline-end:0;transform:translate(50%, -50%)}:host([size=small]) .btn{height:var(--post-device-sizing-interactive-button-height-7);width:var(--post-device-sizing-interactive-button-height-7)}`;
19
24
 
25
+ var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
26
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
27
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
28
+ r = Reflect.decorate(decorators, target, key, desc);
29
+ else
30
+ for (var i = decorators.length - 1; i >= 0; i--)
31
+ if (d = decorators[i])
32
+ r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
33
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
34
+ };
20
35
  const PostClosebutton = class {
21
36
  constructor(hostRef) {
22
37
  registerInstance(this, hostRef);
23
- this.mutationObserver = new MutationObserver(this.checkContent.bind(this));
38
+ if (hostRef.$hostElement$["s-ei"]) {
39
+ this.internals = hostRef.$hostElement$["s-ei"];
40
+ }
41
+ else {
42
+ this.internals = hostRef.$hostElement$.attachInternals();
43
+ hostRef.$hostElement$["s-ei"] = this.internals;
44
+ }
24
45
  /**
25
46
  * The "type" attribute used for the close button
47
+
26
48
  */
27
49
  this.buttonType = 'button';
28
50
  /**
@@ -34,54 +56,51 @@ const PostClosebutton = class {
34
56
  */
35
57
  this.size = 'default';
36
58
  }
37
- validateButtonType() {
38
- checkEmptyOrOneOf(this, 'buttonType', BUTTON_TYPES);
39
- }
40
- validatePlacement() {
41
- checkRequiredAndOneOf(this, 'placement', PLACEMENT);
42
- }
43
- validateSize() {
44
- checkRequiredAndOneOf(this, 'size', SIZE);
45
- }
46
59
  componentDidLoad() {
60
+ if (globalThis.MutationObserver) {
61
+ this.mutationObserver = new MutationObserver(this.checkContent.bind(this));
62
+ this.mutationObserver.observe(this.host, {
63
+ childList: true,
64
+ });
65
+ }
47
66
  this.checkContent();
48
67
  }
49
- connectedCallback() {
50
- this.mutationObserver.observe(this.host, {
51
- childList: true,
52
- characterData: true,
53
- subtree: true,
54
- });
55
- }
56
68
  disconnectedCallback() {
57
69
  if (this.mutationObserver) {
58
70
  this.mutationObserver.disconnect();
59
71
  }
60
72
  }
61
73
  checkContent() {
62
- this.validateButtonType();
63
- this.validatePlacement();
64
- this.validateSize();
65
- if (!this.host.querySelector('.visually-hidden').textContent) {
74
+ const slot = this.visuallyHidden.querySelector('slot');
75
+ const hasContent = slot
76
+ ?.assignedNodes({ flatten: true })
77
+ .some(node => node.textContent?.trim());
78
+ if (!hasContent) {
66
79
  console.error(`The \`${this.host.localName}\` component requires content for accessibility.`);
67
80
  }
68
81
  }
82
+ handleClick() {
83
+ if (this.buttonType === 'reset')
84
+ this.internals.form?.reset();
85
+ this.host.closest('dialog')?.close();
86
+ }
69
87
  render() {
70
- return (h(Host, { key: 'ae74db094a2b1de985564d3f7528f78a98fd7ce9', "data-version": version }, h("button", { key: '7bab137e2dab6b3b405f486c10b3bbfbecdebafa', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm" }, h("post-icon", { key: 'ed323a3c13211f234551957a498f678e18ff4f66', "aria-hidden": "true", name: "closex" }), h("span", { key: 'aad44b5c93d357fab3d7cf537f477abd7c89f9be', class: "visually-hidden" }, h("slot", { key: 'd8424ae25100fc673188e3c77f89abe95847a38a' })))));
88
+ return (h(Host, { key: '55ec088421d5529b109a183b681a6e25e0fe9062', "data-version": version }, h("button", { key: '21e5bc2d1e305023530298c3750b4b8bb3f9705f', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm", onClick: () => this.handleClick() }, h("post-icon", { key: '456592d307bb7495712a645c234993ec1b5ec080', "aria-hidden": "true", name: "closex" }), h("span", { key: 'cea199698c413c94e12673df7b0769797f4d4f96', ref: el => (this.visuallyHidden = el), class: "visually-hidden" }, h("slot", { key: '7f9394eae2f4deb614f2aaac1dc697bec592d6db' })))));
71
89
  }
90
+ static get formAssociated() { return true; }
72
91
  get host() { return getElement(this); }
73
- static get watchers() { return {
74
- "buttonType": [{
75
- "validateButtonType": 0
76
- }],
77
- "placement": [{
78
- "validatePlacement": 0
79
- }],
80
- "size": [{
81
- "validateSize": 0
82
- }]
83
- }; }
84
92
  };
93
+ __decorate$b([
94
+ OneOf(BUTTON_TYPES)
95
+ ], PostClosebutton.prototype, "buttonType", void 0);
96
+ __decorate$b([
97
+ Required(),
98
+ OneOf(PLACEMENT)
99
+ ], PostClosebutton.prototype, "placement", void 0);
100
+ __decorate$b([
101
+ Required(),
102
+ OneOf(SIZE)
103
+ ], PostClosebutton.prototype, "size", void 0);
85
104
  PostClosebutton.style = postClosebuttonCss();
86
105
 
87
106
  /**
@@ -111,9 +130,9 @@ function slide(el, direction, options = {}) {
111
130
  return animateSlide(el, keyframes, options);
112
131
  }
113
132
 
114
- const postHeaderCss = () => `:host{--post-global-header-top:calc( var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height) );--post-header-top:calc(var(--post-header-reduced-height) - var(--post-header-expanded-height));--post-logo-height:calc( var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px) );--post-global-controls-top:clamp( 1000 * (var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height)), calc( -1 * min(var(--post-header-scroll-top, 0px) / 4, var(--post-global-header-reduced-height)) ), 0px )}@media screen and (min-width: 1024px){:host{--post-header-gap:0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.5rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.25rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.25rem;--post-local-header-padding-block:0.75rem;--post-burger-menu-padding-inline:2.5rem;--post-burger-menu-body-gap:2rem;--post-burger-menu-footer-gap:1.5rem}}@media screen and (min-width: 600px)and (max-width: 779.98px){:host{--post-burger-menu-padding-inline:1rem}}@media screen and (min-width: 0)and (max-width: 599.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.5rem;--post-local-header-padding-inline-end:0.5rem;--post-local-header-padding-block:0.5rem;--post-burger-menu-padding-inline:1rem;--post-burger-menu-body-gap:1.5rem;--post-burger-menu-footer-gap:1rem}}:host(:not([full-width])),:host([full-width=false]){--post-header-content-max-width:1440px}:host([data-expanded]),:host([data-menu-extended]){--post-header-top:0;--post-global-header-top:-0.001px;--post-global-controls-top:0;--post-logo-height:var(--post-global-header-expanded-height)}*,::before,::after{box-sizing:border-box}:host,header,.global-header,.local-header{transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1)}.section,.sliding-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--post-header-gap);flex-wrap:wrap}.section{max-width:var(--post-header-content-max-width);margin-inline:auto}:host{display:block;position:sticky;inset-block-start:var(--post-header-top);z-index:1020;box-shadow:var(--post-device-elevation-300)}.global-header{z-index:2;position:sticky;inset-block-start:var(--post-global-header-top);background-color:#fc0}.global-header .section{height:var(--post-global-header-expanded-height);padding-inline-start:var(--post-global-header-padding-inline-start);padding-inline-end:var(--post-global-header-padding-inline-end)}.global-header .logo{align-self:flex-end;width:var(--post-global-header-expanded-height);height:var(--post-logo-height);min-height:var(--post-global-header-reduced-height);max-height:100%;margin-inline-end:calc(1.25rem - var(--post-header-gap))}.global-header .sliding-controls{flex-grow:1;justify-content:flex-end;position:relative;inset-block-start:var(--post-global-controls-top)}.global-header .audience{margin-inline-end:auto}@media screen and (max-width: 1023.98px){.global-header slot:where([name=audience],[name=global-nav-secondary]){display:none}}.local-header{position:relative;background-color:#fff;min-height:var(--post-local-header-expanded-min-height);display:var(--post-local-header-display, flex);align-items:var(--post-local-header-align-items, center)}.local-header .section{width:100%;padding-inline-start:var(--post-local-header-padding-inline-start);padding-inline-end:var(--post-local-header-padding-inline-end);padding-block:var(--post-local-header-padding-block)}@media screen and (min-width: 1024px){.local-header .section{display:grid;grid-template:var(--post-local-header-grid-template)}}@media screen and (max-width: 1023.98px){.local-header .section{display:flex;align-self:center}}@media screen and (max-width: 1023.98px)and (max-width: 599.98px){.local-header .section{justify-content:end}}.local-header:where(.megadropdown-open)::after,.local-header:has(~.burger-menu.extended)::after{content:"";display:block;position:absolute;inset-inline:0;inset-block-end:0;height:1px;background-color:#e1e0dc}.local-header .local-nav{flex:0 0 auto}@media screen and (max-width: 1023.98px){.local-header slot[name=main-nav]{display:none}}.burger-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);display:var(--post-burger-button-display, flex)}.burger-button:hover{text-decoration:none}.burger-button:disabled{border-style:var(--post-core-border-style-dash)}.burger-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.burger-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.burger-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(a){color:LinkText;border:unset}.burger-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.burger-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.burger-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.burger-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}@media screen and (min-width: 0)and (max-width: 599.98px){.burger-button{padding:.625rem}.burger-button>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.burger-button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){.burger-button{display:none}}.burger-menu{z-index:-1;position:absolute;inset-inline:0;inset-block-start:100%;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));overflow:hidden auto;display:flex;flex-direction:column;background-color:#fafafa}.burger-menu.extended.second-level-open{overflow:hidden}.burger-menu:not(.extended){transform:translateY(-100%);display:none}.burger-menu:not(.extended)>*{display:none}.burger-menu .burger-menu-body,.burger-menu .burger-menu-footer{display:flex;flex-direction:column;padding-inline:var(--post-burger-menu-padding-inline)}.burger-menu .burger-menu-body{flex-grow:1;padding-block:1.5rem;gap:var(--post-burger-menu-body-gap)}.burger-menu .burger-menu-footer{background-color:#f0efed;padding-block:1rem 1.5rem;gap:var(--post-burger-menu-footer-gap)}.burger-menu .local-nav{min-height:3.5rem;display:flex;align-items:center;justify-content:flex-end;padding-inline:.25rem}`;
133
+ const postHeaderCss = () => `:host{--post-global-header-top:calc( var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height) );--post-header-top:calc(var(--post-header-reduced-height) - var(--post-header-expanded-height));--post-logo-height:calc( var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px) );--post-global-controls-top:clamp( 1000 * (var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height)), calc( -1 * min(var(--post-header-scroll-top, 0px) / 4, var(--post-global-header-reduced-height)) ), 0px )}@media screen and (min-width: 1024px){:host{--post-header-gap:0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.5rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.25rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.25rem;--post-local-header-padding-block:0.75rem;--post-burger-menu-padding-inline:2.5rem;--post-burger-menu-body-gap:2rem;--post-burger-menu-footer-gap:1.5rem}}@media screen and (min-width: 600px)and (max-width: 779.98px){:host{--post-burger-menu-padding-inline:1rem}}@media screen and (min-width: 0)and (max-width: 599.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.5rem;--post-local-header-padding-inline-end:0.5rem;--post-local-header-padding-block:0.5rem;--post-burger-menu-padding-inline:1rem;--post-burger-menu-body-gap:1.5rem;--post-burger-menu-footer-gap:1rem}}:host(:not([full-width])),:host([full-width=false]){--post-header-content-max-width:1440px}:host([data-expanded]),:host([data-menu-extended]){--post-header-top:0;--post-global-header-top:-0.001px;--post-global-controls-top:0;--post-global-header-reduced-height:var(--post-global-header-expanded-height)}*,::before,::after{box-sizing:border-box}:host,header,.global-header,.local-header{transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1)}.section,.sliding-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--post-header-gap);flex-wrap:wrap}.section{max-width:var(--post-header-content-max-width);margin-inline:auto}:host{display:block;position:sticky;inset-block-start:var(--post-header-top);z-index:1020;box-shadow:var(--post-device-elevation-300)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border-bottom:1px solid}}.global-header{z-index:2;position:sticky;inset-block-start:var(--post-global-header-top);background-color:#fc0}.global-header .section{height:var(--post-global-header-expanded-height);padding-inline-start:var(--post-global-header-padding-inline-start);padding-inline-end:var(--post-global-header-padding-inline-end)}.global-header .logo{align-self:flex-end;width:var(--post-global-header-expanded-height);height:var(--post-logo-height);min-height:var(--post-global-header-reduced-height);max-height:100%;margin-inline-end:calc(1.25rem - var(--post-header-gap));margin-inline-start:clamp(var(--post-logo-expanded-offset),var(--post-logo-expanded-offset) + (var(--post-logo-reduced-offset) - var(--post-logo-expanded-offset))*min(var(--post-header-scroll-top, 0px),var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height))/max(1px,var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height)),var(--post-logo-reduced-offset))}.global-header .sliding-controls{flex-grow:1;justify-content:flex-end;position:relative;inset-block-start:var(--post-global-controls-top)}.global-header .audience{margin-inline-end:auto}@media screen and (max-width: 1023.98px){.global-header slot:where([name=audience],[name=global-nav-secondary]){display:none}}.local-header{position:relative;background-color:#fff;min-height:var(--post-local-header-expanded-min-height);display:var(--post-local-header-display, flex);align-items:var(--post-local-header-align-items, center)}.local-header .section{width:100%;padding-inline-start:var(--post-local-header-padding-inline-start);padding-inline-end:var(--post-local-header-padding-inline-end);padding-block:var(--post-local-header-padding-block)}@media screen and (min-width: 1024px){.local-header .section{display:grid;grid-template:var(--post-local-header-grid-template)}}@media screen and (max-width: 1023.98px){.local-header .section{display:flex;align-self:center}}@media screen and (max-width: 1023.98px)and (max-width: 599.98px){.local-header .section{justify-content:end}}.local-header:where(.megadropdown-open)::after,.local-header:has(~.burger-menu.extended)::after{content:"";display:block;position:absolute;inset-inline:0;inset-block-end:0;height:1px;background-color:#e1e0dc}.local-header .local-nav{flex:0 0 auto}@media screen and (max-width: 1023.98px){.local-header slot[name=main-nav]{display:none}}.burger-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);display:var(--post-burger-button-display, flex)}.burger-button:not(:disabled):hover{text-decoration:none}.burger-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.burger-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.burger-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.burger-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(a){color:LinkText;border:unset}.burger-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.burger-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.burger-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.burger-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}@media screen and (min-width: 0)and (max-width: 599.98px){.burger-button{padding:.625rem}.burger-button>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.burger-button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){.burger-button{display:none}}.burger-menu{z-index:-1;position:absolute;inset-inline:0;inset-block-start:100%;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));overflow:hidden auto;display:flex;flex-direction:column;background-color:#fafafa}.burger-menu.extended.second-level-open{overflow:hidden}.burger-menu:not(.extended){transform:translateY(-100%);display:none}.burger-menu:not(.extended)>*{display:none}.burger-menu .burger-menu-body,.burger-menu .burger-menu-footer{display:flex;flex-direction:column;padding-inline:var(--post-burger-menu-padding-inline)}.burger-menu .burger-menu-body{flex-grow:1;padding-block:1.5rem;gap:var(--post-burger-menu-body-gap)}.burger-menu .burger-menu-footer{background-color:#f0efed;padding-block:1rem 1.5rem;gap:var(--post-burger-menu-footer-gap)}.burger-menu .local-nav{min-height:3.5rem;display:flex;align-items:center;justify-content:flex-end;padding-inline:.25rem}`;
115
134
 
116
- var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
135
+ var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
117
136
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
118
137
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
119
138
  r = Reflect.decorate(decorators, target, key, desc);
@@ -141,12 +160,6 @@ const PostHeader = class {
141
160
  }
142
161
  return document.body;
143
162
  }
144
- validateFullWidth() {
145
- checkRequiredAndType(this, 'fullWidth', 'boolean');
146
- }
147
- validateTextMenu() {
148
- checkRequiredAndType(this, 'textMenu', 'string');
149
- }
150
163
  lockBody(newValue, _oldValue, propName) {
151
164
  const scrollParent = this.scrollParent;
152
165
  const burgerMenuExtended = propName === 'burgerMenuExtended' ? newValue : this.burgerMenuExtended;
@@ -218,8 +231,6 @@ const PostHeader = class {
218
231
  this.switchLanguageSwitchMode();
219
232
  }
220
233
  componentDidRender() {
221
- this.validateTextMenu();
222
- this.validateFullWidth();
223
234
  this.getFocusableElements();
224
235
  this.handleLocalHeaderResize();
225
236
  // When a megadropdown is open on desktop and the user resizes to mobile, we set
@@ -394,12 +405,13 @@ const PostHeader = class {
394
405
  languageSwitch?.setAttribute('variant', variant);
395
406
  });
396
407
  }
397
- onFocusChange(e) {
398
- const isHeaderFocused = e.target === document.activeElement && this.host.matches(':focus-visible:focus-within');
399
- const mustRemainCollapsedOnDesktop = this.device === 'desktop' && this.host.querySelector('post-mainnavigation:focus-within');
400
- const mustRemainCollapsedOnNonDesktop = this.device !== 'desktop' &&
401
- this.host.shadowRoot?.querySelector(':is(.global-header, .burger-menu):focus-within');
402
- const isHeaderExpanded = isHeaderFocused && !mustRemainCollapsedOnDesktop && !mustRemainCollapsedOnNonDesktop;
408
+ onFocusChange() {
409
+ const isFocusVisible = document.activeElement?.matches(':focus-visible');
410
+ const isFocusedInHeader = this.host.matches(':focus-within');
411
+ const mustRemainCollapsed = this.device === 'desktop'
412
+ ? !!this.host.querySelector('post-mainnavigation:focus-within')
413
+ : !!this.host.shadowRoot?.querySelector(':is(.global-header, .burger-menu):focus-within');
414
+ const isHeaderExpanded = isFocusVisible && isFocusedInHeader && !mustRemainCollapsed;
403
415
  this.host.toggleAttribute('data-expanded', isHeaderExpanded);
404
416
  }
405
417
  renderBurgerMenu() {
@@ -412,19 +424,13 @@ const PostHeader = class {
412
424
  render() {
413
425
  const onDesktop = this.device === 'desktop';
414
426
  const onTabletAndMobile = this.device !== 'desktop';
415
- return (h(Host, { key: '26f833461817802c6a93c96556cfd412404c2965', "data-version": version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, h("header", { key: '041a309f341a5551cdfc93b0703c4f3cfb2a1d0f' }, h("div", { key: '3613dd51fee795b523d6b66cd338334d84f6fbe3', class: "global-header" }, h("div", { key: '46e6f03899e58e2ba3b5fffdd37e6eaa6c424825', class: "section" }, h("div", { key: '7932a4d20e75ae8bb354466b5014394b9f2c1928', class: "logo" }, h("slot", { key: '4a59e8dda5e0db20a73876821f3fcf43bc05f1b9', name: "post-logo" })), h("div", { key: 'c20a7bfb08942c582b8fcb6bf3b13fb47c428701', class: "sliding-controls" }, onDesktop && (h("div", { key: 'ab5e3cb7e9e8a9ad8bbb22f5760d05380f764f47', class: "audience" }, h("slot", { key: '5e62ea13379b916cda2cfde6de82788c21e775c4', name: "audience" }))), h("slot", { key: '8afc82e08d6ed8986df032c3161d888dd73390db', name: "global-nav-primary" }), (onDesktop || !this.hasMainNav) && [
416
- h("slot", { key: '3ac3963bd777555760ad60952b75dd9591f9f348', name: "global-nav-secondary" }),
417
- h("slot", { key: '292eabda025f3bc8c86399cdbe79386588ba9e3a', name: "language-menu" }),
418
- ], h("slot", { key: '9a0722343ad37c736bb04c1c4c59cfaf7a070c65', name: "post-login" }), onTabletAndMobile && this.hasMainNav && (h("post-togglebutton", { key: '77c4d0e34a6af4bdfc4257d6d42bc73034ab056a', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, h("span", { key: '13967b75cc44f30ee44224fc0e2bc6760521777c' }, this.textMenu), h("post-icon", { key: '619fae5c77a41f79ff71ae1e25861a82bf01f2d6', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), h("post-icon", { key: 'b0ae837080e4f738b0cbe14f8829151d1381e62c', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), h("div", { key: '0da0040c459944ac5b97db6fe0f3d9dc64272a3e', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, h("div", { key: '3ec396c9fd8fc6b97d7a41256008a3d20180ff72', class: "section" }, h("slot", { key: '6f66cee38f62becb866927609927bb6152e52fe8', name: "title" }), this.hasTitle && h("slot", { key: '17b3a68697791f1c83e978b25ee3bbb60c2c48d3', name: "local-nav" }), onDesktop && h("slot", { key: '63434d8c9b29c113498a475fa9a92b565a4738d1', name: "main-nav" }), onDesktop && !this.hasTitle && h("slot", { key: '164a3b8d9dd7af6d12fbf37190bc318bea2eb527', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
427
+ return (h(Host, { key: '66b52c71941f81f60413da798d4484139ce3e1b2', "data-version": version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, h("header", { key: '0eeb86259a8da253dd94f35d97ea3d8935945fe1' }, h("div", { key: '2c3e770e344798b99b06cf8aaa2fec697ab0c8f5', class: "global-header" }, h("div", { key: 'cef2ff68fd3a5e217277f43fba60a6b38e0f7b26', class: "section" }, h("div", { key: 'a559af58168882c6e57cabc67e0c9c40d6790f69', class: "logo" }, h("slot", { key: '7d4a539769bafa7c42496fd8032bdb5681f3ad10', name: "post-logo" })), h("div", { key: '37e8f7871cac7c23d1d87a5d4dc20dd7babd930e', class: "sliding-controls" }, onDesktop && (h("div", { key: 'a3e04608d2bccd1e939d5c4143d81d8c42837056', class: "audience" }, h("slot", { key: 'b04e2d60f129cb16dff9fcf2950eada8da0a6913', name: "audience" }))), h("slot", { key: '406ad5ed2914a4b11a9ad9b454eea763a90c758f', name: "global-nav-primary" }), (onDesktop || !this.hasMainNav) && [
428
+ h("slot", { key: '0573f2d5327f1a6de11d40b2eddd972defa4b0e6', name: "global-nav-secondary" }),
429
+ h("slot", { key: '6a3c278831ada8550039400b8bdc5dc9bfa99937', name: "language-menu" }),
430
+ ], h("slot", { key: 'e5dd9372eab4644e614bc19a98ef10055abd6841', name: "post-login" }), onTabletAndMobile && this.hasMainNav && (h("post-togglebutton", { key: 'bf3a90beeb52d94e3ae722b1ae55c9342090b353', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, h("span", { key: '9929c7119d4a87a3bb38e37b7113ccd236a26bd5' }, this.textMenu), h("post-icon", { key: '63247760e6b80d332c6c32d17f2e53c1402b810c', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), h("post-icon", { key: 'ce380892e5c3f2e68fc6187ea4c1bf0feb703a24', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), h("div", { key: '1338029f597fb993dcd9b420cd98bea280f1fc3e', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, h("div", { key: 'd14e65de2b78d22e0907d2656cc013ca1fff6458', class: "section" }, h("slot", { key: 'd7aed65dcb8f41003f59630480fbac305583ee1c', name: "title" }), this.hasTitle && h("slot", { key: '3805a85dfed19b326e9cdd05992303c781e8880b', name: "local-nav" }), onDesktop && h("slot", { key: 'abd3f8196bef4bbda2176d4bef3c3e0b8ea2d4a5', name: "main-nav" }), onDesktop && !this.hasTitle && h("slot", { key: '55d3aa634eb1fb6165e25ebc1a8a9ecc4878ea1b', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
419
431
  }
420
432
  get host() { return getElement(this); }
421
433
  static get watchers() { return {
422
- "fullWidth": [{
423
- "validateFullWidth": 0
424
- }],
425
- "textMenu": [{
426
- "validateTextMenu": 0
427
- }],
428
434
  "device": [{
429
435
  "lockBody": 0
430
436
  }],
@@ -433,7 +439,15 @@ const PostHeader = class {
433
439
  }]
434
440
  }; }
435
441
  };
436
- __decorate$3([
442
+ __decorate$a([
443
+ Required(),
444
+ Type('boolean')
445
+ ], PostHeader.prototype, "fullWidth", void 0);
446
+ __decorate$a([
447
+ Required(),
448
+ Type('string')
449
+ ], PostHeader.prototype, "textMenu", void 0);
450
+ __decorate$a([
437
451
  EventFrom('post-megadropdown')
438
452
  ], PostHeader.prototype, "megadropdownStateHandler", null);
439
453
  PostHeader.style = postHeaderCss();
@@ -449,6 +463,16 @@ const ANIMATION_KEYS = [
449
463
 
450
464
  const postIconCss = () => `:host{display:inline-block;width:1em;height:1em;vertical-align:-0.15em}span{display:block;width:100%;height:100%;fill:currentColor;forced-color-adjust:preserve-parent-color;background-color:currentColor;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}:host([flip-h]:not([flip-h=false])){scale:-1 1}:host([flip-v]:not([flip-v=false])){scale:1 -1}:host([flip-h][flip-v]:not([flip-h=false],[flip-v=false])){scale:-1}:host([animation]){transform-origin:center}:host([animation=cylon]){animation:icon-animation-cylon .75s ease-in-out infinite alternate}:host([animation=cylon-vertical]){animation:icon-animation-cylon-vertical .75s ease-in-out infinite alternate}:host([animation=spin]){animation:icon-animation-spin 2s linear infinite normal}:host([animation=spin-reverse]){animation:icon-animation-spin 2s linear infinite reverse}:host([animation=fade]){animation:icon-animation-fade .75s ease-in-out infinite alternate}:host([animation=throb]){animation:icon-animation-throb .75s ease-in-out infinite alternate}@keyframes icon-animation-cylon{from{transform:translateX(-25%)}to{transform:translateX(25%)}}@keyframes icon-animation-cylon-vertical{from{transform:translateY(25%)}to{transform:translateY(-25%)}}@keyframes icon-animation-fade{from{opacity:.1}to{opacity:1}}@keyframes icon-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes icon-animation-throb{from{opacity:.5;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}`;
451
465
 
466
+ var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
467
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
468
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
469
+ r = Reflect.decorate(decorators, target, key, desc);
470
+ else
471
+ for (var i = decorators.length - 1; i >= 0; i--)
472
+ if (d = decorators[i])
473
+ r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
474
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
475
+ };
452
476
  const CDN_URL = `https://unpkg.com/@swisspost/design-system-icons@${version}/public/post-icons/`;
453
477
  const PostIcon = class {
454
478
  constructor(hostRef) {
@@ -462,21 +486,6 @@ const PostIcon = class {
462
486
  */
463
487
  this.flipV = false;
464
488
  }
465
- validateAnimation() {
466
- checkEmptyOrOneOf(this, 'animation', ANIMATION_KEYS);
467
- }
468
- validateBase() {
469
- checkEmptyOrType(this, 'base', 'string');
470
- }
471
- validateName() {
472
- checkRequiredAndType(this, 'name', 'string');
473
- }
474
- validateRotate() {
475
- checkEmptyOrType(this, 'rotate', 'number');
476
- }
477
- validateScale() {
478
- checkEmptyOrType(this, 'scale', 'number');
479
- }
480
489
  /**
481
490
  * Construct the icon URL according to the following rules:
482
491
  * 1. `@base` (absolute URL) → use directly.
@@ -542,46 +551,39 @@ const PostIcon = class {
542
551
  '-webkit-mask-image': `url(${url})`,
543
552
  'mask-image': `url('${url}')`,
544
553
  'transform': (this.scale && !Number.isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
545
- (this.rotate && !Number.isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
546
- })
547
- .filter(([_key, value]) => value !== null));
548
- }
549
- componentDidLoad() {
550
- this.validateBase();
551
- this.validateName();
552
- this.validateScale();
553
- this.validateRotate();
554
- this.validateAnimation();
554
+ (this.rotate && !Number.isNaN(Number(this.rotate))
555
+ ? ' rotate(' + this.rotate + 'deg)'
556
+ : ''),
557
+ }).filter(([_key, value]) => value !== null));
555
558
  }
556
559
  render() {
557
- return (h(Host, { key: '90b884be62bc2b5455206ca9b87e27a6665222d4', "data-version": version }, h("span", { key: '0f107bfcc0993e3fa10d1452b829498de995b5dd', style: this.getStyles() })));
560
+ return (h(Host, { key: '405ccfde4206c14f044575d0b23998d93a03ffb6', "data-version": version }, h("span", { key: 'ad70ccf63add4b881ef6096ae460e13fba09f508', style: this.getStyles() })));
558
561
  }
559
562
  get host() { return getElement(this); }
560
- static get watchers() { return {
561
- "animation": [{
562
- "validateAnimation": 0
563
- }],
564
- "base": [{
565
- "validateBase": 0
566
- }],
567
- "name": [{
568
- "validateName": 0
569
- }],
570
- "rotate": [{
571
- "validateRotate": 0
572
- }],
573
- "scale": [{
574
- "validateScale": 0
575
- }]
576
- }; }
577
563
  };
564
+ __decorate$9([
565
+ OneOf(ANIMATION_KEYS)
566
+ ], PostIcon.prototype, "animation", void 0);
567
+ __decorate$9([
568
+ Type('string')
569
+ ], PostIcon.prototype, "base", void 0);
570
+ __decorate$9([
571
+ Required(),
572
+ Type('string')
573
+ ], PostIcon.prototype, "name", void 0);
574
+ __decorate$9([
575
+ Type('number')
576
+ ], PostIcon.prototype, "rotate", void 0);
577
+ __decorate$9([
578
+ Type('number')
579
+ ], PostIcon.prototype, "scale", void 0);
578
580
  PostIcon.style = postIconCss();
579
581
 
580
582
  const SWITCH_VARIANTS = ['list', 'menu'];
581
583
 
582
- const postLanguageMenuCss = () => `:host{display:flex}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-menu-dropdown-container{display:flex;flex-direction:column}.post-language-menu-trigger{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);text-transform:uppercase;cursor:pointer}.post-language-menu-trigger:hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash)}.post-language-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(a){color:LinkText;border:unset}.post-language-menu-trigger:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.post-language-menu-trigger:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.post-language-menu-trigger post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}.post-language-menu-list{margin-top:1rem}`;
584
+ const postLanguageMenuCss = () => `:host{display:flex}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-menu-dropdown-container{display:flex;flex-direction:column}.post-language-menu-trigger{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);text-transform:uppercase;cursor:pointer}.post-language-menu-trigger:not(:disabled):hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.post-language-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(a){color:LinkText;border:unset}.post-language-menu-trigger:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.post-language-menu-trigger:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}.post-language-menu-trigger post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}.post-language-menu-list{margin-top:1rem}`;
583
585
 
584
- var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
586
+ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
585
587
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
586
588
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
587
589
  r = Reflect.decorate(decorators, target, key, desc);
@@ -604,14 +606,7 @@ const PostLanguageMenu = class {
604
606
  get languageOptions() {
605
607
  return Array.from(this.host.querySelectorAll('post-language-menu-item'));
606
608
  }
607
- validateTextChangeLanguage() {
608
- checkRequiredAndType(this, 'textChangeLanguage', 'string');
609
- }
610
- validateTextCurrentLanguage() {
611
- checkRequiredAndPattern(this, 'textCurrentLanguage', /#name\b/);
612
- }
613
- validateVariant() {
614
- checkEmptyOrOneOf(this, 'variant', SWITCH_VARIANTS);
609
+ handleVariantChange() {
615
610
  this.updateChildrenVariant();
616
611
  }
617
612
  /* The complete accessible description */
@@ -623,9 +618,6 @@ const PostLanguageMenu = class {
623
618
  : undefined;
624
619
  }
625
620
  componentDidLoad() {
626
- this.validateTextChangeLanguage();
627
- this.validateTextCurrentLanguage();
628
- this.validateVariant();
629
621
  // Initially set variants and active language
630
622
  // Handles cases where the language-menu is rendered after the language-options have been rendered
631
623
  this.updateChildrenVariant();
@@ -678,50 +670,46 @@ const PostLanguageMenu = class {
678
670
  }
679
671
  get host() { return getElement(this); }
680
672
  static get watchers() { return {
681
- "textChangeLanguage": [{
682
- "validateTextChangeLanguage": 0
683
- }],
684
- "textCurrentLanguage": [{
685
- "validateTextCurrentLanguage": 0
686
- }],
687
673
  "variant": [{
688
- "validateVariant": 0
674
+ "handleVariantChange": 0
689
675
  }]
690
676
  }; }
691
677
  };
692
- __decorate$2([
678
+ __decorate$8([
679
+ Required(),
680
+ Type('string')
681
+ ], PostLanguageMenu.prototype, "textChangeLanguage", void 0);
682
+ __decorate$8([
683
+ Required(),
684
+ Pattern(/#name\b/)
685
+ ], PostLanguageMenu.prototype, "textCurrentLanguage", void 0);
686
+ __decorate$8([
687
+ OneOf(SWITCH_VARIANTS)
688
+ ], PostLanguageMenu.prototype, "variant", void 0);
689
+ __decorate$8([
693
690
  EventFrom('post-language-menu-item')
694
691
  ], PostLanguageMenu.prototype, "handlePostChange", null);
695
692
  PostLanguageMenu.style = postLanguageMenuCss();
696
693
 
697
- const postLanguageMenuItemCss = () => `post-language-menu-item :is(a,button){text-transform:uppercase}post-language-menu-item:where([variant=menu]){min-width:72px}post-language-menu-item:where([variant=list]) button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) button{background-color:ButtonFace !important}post-language-menu-item:where([variant=list]) button:hover{background-color:Highlight !important}}post-language-menu-item:where([variant=list]) a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}post-language-menu-item:where([variant=list]) :is(a,button){width:40px;height:40px;border-radius:2px;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}post-language-menu-item:where([variant=list]) :is(a,button):hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-menu-item[active]:not([active=false]):where([variant=menu]){display:none}post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);cursor:default}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-menu-item .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
694
+ const postLanguageMenuItemCss = () => `post-language-menu-item :is(a,button){text-transform:uppercase}post-language-menu-item:where([variant=menu]){min-width:72px}post-language-menu-item:where([variant=list]) button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) button{background-color:ButtonFace !important}post-language-menu-item:where([variant=list]) button:hover{background-color:Highlight !important}}post-language-menu-item:where([variant=list]) a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}post-language-menu-item:where([variant=list]) :is(a,button){width:40px;height:40px;border-radius:2px;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}post-language-menu-item:where([variant=list]) :is(a,button):hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-menu-item[active]:not([active=false]):where([variant=menu]){display:none}post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);cursor:default}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-menu-item .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
698
695
 
696
+ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
697
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
698
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
699
+ r = Reflect.decorate(decorators, target, key, desc);
700
+ else
701
+ for (var i = decorators.length - 1; i >= 0; i--)
702
+ if (d = decorators[i])
703
+ r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
704
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
705
+ };
699
706
  const PostLanguageMenuItem = class {
700
707
  constructor(hostRef) {
701
708
  registerInstance(this, hostRef);
702
709
  this.postChange = createEvent(this, "postChange");
703
710
  this.postLanguageMenuItemInitiallyActive = createEvent(this, "postLanguageMenuItemInitiallyActive");
704
711
  }
705
- validateCode() {
706
- checkRequiredAndType(this, 'code', 'string');
707
- }
708
- validateVariant() {
709
- checkEmptyOrOneOf(this, 'variant', SWITCH_VARIANTS);
710
- }
711
- validateName() {
712
- checkEmptyOrType(this, 'name', 'string');
713
- }
714
- validateDescription() {
715
- checkEmptyOrType(this, 'description', 'string');
716
- }
717
- validateUrl() {
718
- checkEmptyOrUrl(this, 'url');
719
- }
720
712
  componentDidLoad() {
721
- this.validateCode();
722
- this.validateName();
723
- this.validateDescription();
724
- this.validateUrl();
725
713
  if (!this.name && this.isNameRequired()) {
726
714
  throw new Error('The "name" property of the post-language-menu-item component is required when the full language name is not displayed.');
727
715
  }
@@ -753,37 +741,42 @@ const PostLanguageMenuItem = class {
753
741
  return this.variant === 'list' ? (h(Host, { "data-version": version, role: "listitem" }, interactiveElement)) : (h(Host, { "data-version": version }, h("post-menu-item", null, interactiveElement)));
754
742
  }
755
743
  get host() { return getElement(this); }
756
- static get watchers() { return {
757
- "code": [{
758
- "validateCode": 0
759
- }],
760
- "variant": [{
761
- "validateVariant": 0
762
- }],
763
- "name": [{
764
- "validateName": 0
765
- }],
766
- "description": [{
767
- "validateDescription": 0
768
- }],
769
- "url": [{
770
- "validateUrl": 0
771
- }]
772
- }; }
773
744
  };
745
+ __decorate$7([
746
+ Required(),
747
+ Type('string')
748
+ ], PostLanguageMenuItem.prototype, "code", void 0);
749
+ __decorate$7([
750
+ OneOf(SWITCH_VARIANTS)
751
+ ], PostLanguageMenuItem.prototype, "variant", void 0);
752
+ __decorate$7([
753
+ Type('string')
754
+ ], PostLanguageMenuItem.prototype, "name", void 0);
755
+ __decorate$7([
756
+ Type('string')
757
+ ], PostLanguageMenuItem.prototype, "description", void 0);
758
+ __decorate$7([
759
+ Url()
760
+ ], PostLanguageMenuItem.prototype, "url", void 0);
774
761
  PostLanguageMenuItem.style = postLanguageMenuItemCss();
775
762
 
776
763
  const postLogoCss = () => `:host,.logo{display:inline-block}:host,:host .logo>svg,.logo,.logo .logo>svg{height:100%}.description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.logo-link{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.logo-link{outline-offset:var(--post-device-spacing-padding-28) !important}.logo-link:focus,.logo-link:focus-visible{border-radius:var(--post-device-border-radius-focus)}`;
777
764
 
765
+ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
766
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
767
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
768
+ r = Reflect.decorate(decorators, target, key, desc);
769
+ else
770
+ for (var i = decorators.length - 1; i >= 0; i--)
771
+ if (d = decorators[i])
772
+ r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
773
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
774
+ };
778
775
  const PostLogo = class {
779
776
  constructor(hostRef) {
780
777
  registerInstance(this, hostRef);
781
778
  }
782
- validateUrl() {
783
- checkEmptyOrUrl(this, 'url');
784
- }
785
779
  componentDidLoad() {
786
- this.validateUrl();
787
780
  this.checkDescription();
788
781
  }
789
782
  checkDescription() {
@@ -794,25 +787,30 @@ const PostLogo = class {
794
787
  render() {
795
788
  const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
796
789
  const LogoTag = logoLink ? 'a' : 'span';
797
- return (h(Host, { key: 'f00832f2069ab28ce56369ed8a6649657b1d3668', "data-version": version }, h(LogoTag, { key: 'f8998a0e1e6af06860c6aa19dfec3c62178c370e', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, h("span", { key: '3a1a45de5963ec2d9e40b77178e781237e09dd05', class: "description" }, h("slot", { key: '0ee9bfa56bcea5bc77a6b5d76179a5292fd12337', onSlotchange: () => this.checkDescription() })), h("svg", { key: '971626b0c1c55e9c6e0eb2ee3160287b7fb38963', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, h("g", { key: '197bbe6025bb47e998dfeb03f0a05de9718e5d65', id: "Logo" }, h("rect", { key: '5c60147c473550ecdce1de55a7c51b710310c7a9', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), h("polygon", { key: 'c09469285fb2ee599e92aabaa02a8529dfa3e086', 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" }), h("path", { key: '830aab1cfddf2be961c3866bda044ebce2b8cd3b', 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" }))))));
790
+ return (h(Host, { key: '473c845bef6d123628bf52b7848475b50172e3c0', "data-version": version }, h(LogoTag, { key: '47503ff9c22b613c5041d51a48cfc158d0edebcd', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, h("span", { key: '52953139bad89e236fc922574a881b7f4b79aee5', class: "description" }, h("slot", { key: '554c681236c4d158d967f97754134af774ec791e', onSlotchange: () => this.checkDescription() })), h("svg", { key: '3d65f3a44c46f8ba3810d0cd3c344577fb43a61e', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, h("g", { key: '03f88fbf5710da7f0bbccafdb95c4faa93e2636a', id: "Logo" }, h("rect", { key: '33f39db4fb799744d25fae33f0b6a921c331531a', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), h("polygon", { key: '93c248b53c7493a831d7b1ddf8b3e3d14d804779', 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" }), h("path", { key: 'dbdfa4a5f215e578c9f9cfc65f0cfb5d26b02848', 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" }))))));
798
791
  }
799
792
  get host() { return getElement(this); }
800
- static get watchers() { return {
801
- "url": [{
802
- "validateUrl": 0
803
- }]
804
- }; }
805
793
  };
794
+ __decorate$6([
795
+ Url()
796
+ ], PostLogo.prototype, "url", void 0);
806
797
  PostLogo.style = postLogoCss();
807
798
 
808
799
  const postMainnavigationCss = () => `:host{display:flex;user-select:none;max-width:var(--post-header-content-max-width)}@media screen and (min-width: 1024px){:host{width:fit-content;margin-inline-start:calc(-1*var(--post-local-header-padding-inline-start));margin-inline-end:calc(-1*var(--post-local-header-padding-inline-end));overflow:hidden}}nav{flex:1 1 auto}@media screen and (min-width: 1024px){nav{scroll-behavior:smooth;max-width:100vw;overflow:hidden;height:var(--post-main-navigation-height)}}.scroll-control{z-index:1;cursor:pointer;padding:1rem;background:#fff;box-shadow:var(--post-device-elevation-500);line-height:1}.scroll-control.scroll-left{margin-inline-end:-3rem}.scroll-control.scroll-right{margin-inline-start:-3rem}.scroll-control.d-none{display:none}.scroll-control post-icon{font-size:1rem}`;
809
800
 
801
+ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
802
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
803
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
804
+ r = Reflect.decorate(decorators, target, key, desc);
805
+ else
806
+ for (var i = decorators.length - 1; i >= 0; i--)
807
+ if (d = decorators[i])
808
+ r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
809
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
810
+ };
810
811
  const SCROLL_REPEAT_INTERVAL = 100; // Interval for repeated scrolling when holding down scroll button
811
812
  const NAVBAR_DISABLE_DURATION = 400; // Duration to temporarily disable navbar interactions during scrolling
812
813
  const PostMainnavigation = class {
813
- validateTextMain() {
814
- checkRequiredAndType(this, 'textMain', 'string');
815
- }
816
814
  constructor(hostRef) {
817
815
  registerInstance(this, hostRef);
818
816
  this.canScrollLeft = false;
@@ -824,7 +822,6 @@ const PostMainnavigation = class {
824
822
  this.mutationObserver = new MutationObserver(this.checkScrollability);
825
823
  }
826
824
  componentDidLoad() {
827
- this.validateTextMain();
828
825
  setTimeout(() => {
829
826
  this.checkScrollability();
830
827
  });
@@ -930,26 +927,29 @@ const PostMainnavigation = class {
930
927
  }, NAVBAR_DISABLE_DURATION);
931
928
  }
932
929
  render() {
933
- return (h(Host, { key: '4bde4476fd50bef26253dd2d3853f2eb0b2f5ebb', version: version, class: this.canScroll ? 'scrollable' : '' }, h("div", { key: '07db530eb50feade70f4b1a4d39d7ea760d322be', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, h("post-icon", { key: '8a0c6f7713bc3731e937a16542b0d6aca1cad444', "aria-hidden": "true", name: "chevronleft" })), h("nav", { key: '2919c6be730d64d7ca901a2ffa066c6aa0b6da0b', ref: el => (this.navbar = el), "aria-label": this.textMain }, h("slot", { key: '87481c7880f72774fb2c9d3847db171bf6ea9b69' })), h("div", { key: '768c2476e98aa163a23c8717f44ffa4dfd397bcc', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, h("post-icon", { key: '286b02ce9e3e8f3920251f3420c4e07288b306cc', "aria-hidden": "true", name: "chevronright" }))));
930
+ return (h(Host, { key: '057f526f5b0e931fcb8642e6fa034f441df43020', version: version, class: this.canScroll ? 'scrollable' : '' }, h("div", { key: 'c8ce70f6cbeec58c77709c1736b013ffe09ead6f', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, h("post-icon", { key: '8281914d3380920a5562b468e87c87ca196a4830', "aria-hidden": "true", name: "chevronleft" })), h("nav", { key: '7720c24a70339ea1c984dedf2faba0de8a6cfc86', ref: el => (this.navbar = el), "aria-label": this.textMain }, h("slot", { key: '3812be77ea739aac2be90cf8e7ac9a7e32bf5fce' })), h("div", { key: 'eda43d3b2e1d8f916275773d9ef93d364e9c1948', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, h("post-icon", { key: '914d94f91fe1764cf64e73fc22e4f7c5a0e08c2a', "aria-hidden": "true", name: "chevronright" }))));
934
931
  }
935
932
  get host() { return getElement(this); }
936
- static get watchers() { return {
937
- "textMain": [{
938
- "validateTextMain": 0
939
- }]
940
- }; }
941
933
  };
934
+ __decorate$5([
935
+ Required(),
936
+ Type('string')
937
+ ], PostMainnavigation.prototype, "textMain", void 0);
942
938
  PostMainnavigation.style = postMainnavigationCss();
943
939
 
944
- const postMegadropdownCss = () => `*,::before,::after{box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{background-color:#f0efed;z-index:-1;inset-block-start:100%}.megadropdown.slide-in{animation:slide-down 350ms forwards}.megadropdown.slide-out{animation:slide-up 350ms forwards}}@media screen and (max-width: 1023.98px){.megadropdown{background-color:#fafafa;z-index:1;inset-block-start:var(--post-header-navigation-current-inset);overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{border-block-end:1px solid CanvasText}}.section{width:100%;max-width:var(--post-header-content-max-width);margin-inline:auto;position:relative}@media screen and (min-width: 1024px){.section{max-height:calc(100vh - var(--post-header-height) - 3rem);padding:3rem 2.5rem 2.5rem}}@media screen and (max-width: 1023.98px){.section{display:flex;flex-direction:column;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));padding-inline:var(--post-burger-menu-padding-inline);padding-block:1.5rem}}.megadropdown-title{margin-block:0 1rem;font-weight:950}@media screen and (min-width: 600px)and (max-width: 1023.98px){.megadropdown-title{font-size:1.25rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.megadropdown-title{font-size:1.125rem}}.back-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7);border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);order:-1;width:fit-content;padding-inline:0}.back-button:hover{text-decoration:none}.back-button:disabled{border-style:var(--post-core-border-style-dash)}.back-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.back-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(a){color:LinkText;border:unset}.back-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.back-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.back-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.back-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.back-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media screen and (min-width: 600px)and (max-width: 1023.98px){.back-button{margin-block-end:2rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.back-button{margin-block-end:1.5rem}}.close-button{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}@media screen and (max-width: 1023.98px){.close-button{display:none}}`;
940
+ const postMegadropdownCss = () => `*,::before,::after{box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{background-color:#f0efed;z-index:-1;inset-block-start:100%}.megadropdown.slide-in{animation:slide-down 350ms forwards}.megadropdown.slide-out{animation:slide-up 350ms forwards}}@media screen and (max-width: 1023.98px){.megadropdown{background-color:#fafafa;z-index:1;inset-block-start:var(--post-header-navigation-current-inset);overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{border-block-end:1px solid CanvasText}}.section{width:100%;max-width:var(--post-header-content-max-width);margin-inline:auto;position:relative}@media screen and (min-width: 1024px){.section{max-height:calc(100vh - var(--post-header-height) - 3rem);padding:3rem 2.5rem 2.5rem}}@media screen and (max-width: 1023.98px){.section{display:flex;flex-direction:column;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));padding-inline:var(--post-burger-menu-padding-inline);padding-block:1.5rem}}.megadropdown-title{margin-block:0 1rem;font-weight:950}@media screen and (min-width: 600px)and (max-width: 1023.98px){.megadropdown-title{font-size:1.25rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.megadropdown-title{font-size:1.125rem}}.back-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7);border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);order:-1;width:fit-content;padding-inline:0}.back-button:not(:disabled):hover{text-decoration:none}.back-button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.back-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.back-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(a){color:LinkText;border:unset}.back-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.back-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.back-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.back-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.back-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}@media screen and (min-width: 600px)and (max-width: 1023.98px){.back-button{margin-block-end:2rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.back-button{margin-block-end:1.5rem}}.close-button{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}@media screen and (max-width: 1023.98px){.close-button{display:none}}`;
945
941
 
942
+ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
943
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
944
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
945
+ r = Reflect.decorate(decorators, target, key, desc);
946
+ else
947
+ for (var i = decorators.length - 1; i >= 0; i--)
948
+ if (d = decorators[i])
949
+ r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
950
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
951
+ };
946
952
  const PostMegadropdown = class {
947
- validateTextClose() {
948
- checkRequiredAndType(this, 'textClose', 'string');
949
- }
950
- validateTextBack() {
951
- checkRequiredAndType(this, 'textBack', 'string');
952
- }
953
953
  get megadropdownTrigger() {
954
954
  const hostId = this.host.getAttribute('id');
955
955
  return hostId ? document.querySelector(`post-megadropdown-trigger[for="${hostId}"]`) : null;
@@ -1007,8 +1007,6 @@ const PostMegadropdown = class {
1007
1007
  this.getFocusableElements();
1008
1008
  }
1009
1009
  componentDidLoad() {
1010
- this.validateTextClose();
1011
- this.validateTextBack();
1012
1010
  this.checkInitialAriaCurrent();
1013
1011
  this.setupObserver();
1014
1012
  this.handleAriaCurrentChange([]);
@@ -1233,25 +1231,25 @@ const PostMegadropdown = class {
1233
1231
  }
1234
1232
  render() {
1235
1233
  const containerStyle = this.isVisible ? {} : { display: 'none' };
1236
- return (h(Host, { key: '78ca1dd237507aa79ab27e14b799be6b557527e4', version: version }, h("div", { key: '98b9d8ad4591f629555cecf3aaac9066bd80d3e3', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, h("div", { key: 'fd93c498a754ba4c01df5551d27980b943efcd16', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (h("p", { key: 'bd053626c0faae37625d8cc593d3920986fe6266', class: "megadropdown-title" }, this.megadropdownTitle)), h("div", { key: '0f93113c12833d7161000e56ea08b26b4ebf8552', class: "megadropdown-content" }, h("slot", { key: '09ddced0de6ea2922e97726dff1ee84d8135f755' })), this.device === 'desktop' ? (h("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (h("button", { onClick: () => this.hide(true), class: "back-button" }, h("post-icon", { name: "arrowleft" }), this.textBack))))));
1234
+ return (h(Host, { key: '8c6cd70082c2cdd9c208ad1ef138a21463919547', version: version }, h("div", { key: 'ff9466a7e28e894f56c9ab22d3999f68366a4aee', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, h("div", { key: '13a7b44deceb6a83842d324b012f34adc6606de6', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (h("p", { key: '78cfcb708ad60f12203bc34b58915665b4b5b3ef', class: "megadropdown-title" }, this.megadropdownTitle)), h("div", { key: 'e78eb79d9806d23fa75184f1ad9f2f7eef318297', class: "megadropdown-content" }, h("slot", { key: 'e7008833f9700059a189665a19371f52b7ab9ed6' })), this.device === 'desktop' ? (h("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (h("button", { onClick: () => this.hide(true), class: "back-button" }, h("post-icon", { name: "arrowleft" }), this.textBack))))));
1237
1235
  }
1238
1236
  get host() { return getElement(this); }
1239
- static get watchers() { return {
1240
- "textClose": [{
1241
- "validateTextClose": 0
1242
- }],
1243
- "textBack": [{
1244
- "validateTextBack": 0
1245
- }]
1246
- }; }
1247
1237
  };
1248
1238
  /** Tracks the currently active dropdown instance. */
1249
1239
  PostMegadropdown.activeDropdown = null;
1240
+ __decorate$4([
1241
+ Required(),
1242
+ Type('string')
1243
+ ], PostMegadropdown.prototype, "textClose", void 0);
1244
+ __decorate$4([
1245
+ Required(),
1246
+ Type('string')
1247
+ ], PostMegadropdown.prototype, "textBack", void 0);
1250
1248
  PostMegadropdown.style = postMegadropdownCss();
1251
1249
 
1252
- const postMegadropdownTriggerCss = () => `button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}button:hover{text-decoration:none}button:disabled{border-style:var(--post-core-border-style-dash)}button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(a){color:LinkText;border:unset}button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}button{--post-nav-item-border-width:1px;width:100%;justify-content:start;position:relative;padding:.75rem .75rem calc(.75rem - var(--post-nav-item-border-width)) .5rem;gap:1rem;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor;height:100%}button:hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg);border-bottom-color:rgba(0,0,0,0)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@supports not selector(:has(:focus-visible)){button:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}button:is(:focus-visible,:focus-within,.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:focus-within,.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}}button>post-icon:where(:last-child){margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){button{padding:calc(.5rem + 1.5px) .75rem calc(.5rem + 1.5px - var(--post-nav-item-border-width)) .5rem;gap:.5rem;font-size:.875rem}button>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){button{padding:1rem .75rem;gap:.5rem;border-bottom:none}}:host{position:relative;display:inline-block}button post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}button>span{position:relative}button>span>span[aria-hidden]{font-weight:700;visibility:hidden}button>span>span[aria-hidden]:where(span:empty+*){visibility:visible}button>span>span:not([aria-hidden]){position:absolute;inset:0}@media screen and (min-width: 1024px){button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){font-weight:700}button[aria-expanded=true]{background-color:#f0efed;color:#050400;z-index:2}button[aria-expanded=true]:hover{box-shadow:inset 0 -0.7px 0 0 #f0efed}button[aria-expanded=true]:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}@supports not selector(:has(:focus-visible)){button[aria-expanded=true]:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}}}@media screen and (max-width: 1023.98px){button post-icon{margin-inline-start:auto;transform:rotate(-90deg) !important}}`;
1250
+ const postMegadropdownTriggerCss = () => `button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-color:rgba(0,0,0,0);border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-size:var(--post-device-font-size-6);font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}button:not(:disabled):hover{text-decoration:none}button:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(a){color:LinkText;border:unset}button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}button{--post-nav-item-border-width:1px;width:100%;justify-content:start;position:relative;padding:.75rem .75rem calc(.75rem - var(--post-nav-item-border-width)) .5rem;gap:1rem;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor;height:100%}button:hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);border-bottom-color:rgba(0,0,0,0)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@supports not selector(:has(:focus-visible)){button:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}button:is(:focus-visible,:focus-within,.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:focus-within,.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}}button>post-icon:where(:last-child){margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){button{padding:calc(.5rem + 1.5px) .75rem calc(.5rem + 1.5px - var(--post-nav-item-border-width)) .5rem;gap:.5rem;font-size:.875rem}button>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){button{padding:1rem .75rem;gap:.5rem;border-bottom:none}}:host{position:relative;display:inline-block}button post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}button>span{position:relative}button>span>span[aria-hidden]{font-weight:700;visibility:hidden}button>span>span[aria-hidden]:where(span:empty+*){visibility:visible}button>span>span:not([aria-hidden]){position:absolute;inset:0}@media screen and (min-width: 1024px){button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){font-weight:700}button[aria-expanded=true]{background-color:#f0efed;color:#050400;z-index:2}button[aria-expanded=true]:hover{box-shadow:inset 0 -0.7px 0 0 #f0efed}button[aria-expanded=true]:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}@supports not selector(:has(:focus-visible)){button[aria-expanded=true]:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}}}@media screen and (max-width: 1023.98px){button post-icon{margin-inline-start:auto;transform:rotate(-90deg) !important}}`;
1253
1251
 
1254
- var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
1252
+ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
1255
1253
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
1256
1254
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
1257
1255
  r = Reflect.decorate(decorators, target, key, desc);
@@ -1271,15 +1269,9 @@ const PostMegadropdownTrigger = class {
1271
1269
  */
1272
1270
  this.active = false;
1273
1271
  }
1274
- validateFor() {
1275
- checkRequiredAndType(this, 'for', 'string');
1276
- }
1277
1272
  componentWillRender() {
1278
1273
  this.handleSlottedContentChanges();
1279
1274
  }
1280
- componentDidLoad() {
1281
- this.validateFor();
1282
- }
1283
1275
  disconnectedCallback() {
1284
1276
  if (this.mutationObserver)
1285
1277
  this.mutationObserver.disconnect();
@@ -1326,23 +1318,22 @@ const PostMegadropdownTrigger = class {
1326
1318
  this.megadropdown.toggle();
1327
1319
  }
1328
1320
  render() {
1329
- return (h(Host, { key: 'f974aa3ce0dc011784b1d64d8b3e8e165ef8608b', "data-version": version }, h("button", { key: 'c24a29b41b3eb6a67c32b7433cd138b492c29c7a', ref: el => (this.interactiveButton = el), type: "button", "aria-haspopup": "menu", "aria-expanded": this.isMegadropdownExpanded.toString(), onClick: this.onClick.bind(this), onKeyDown: this.onKeyDown.bind(this), class: { active: this.active } }, h("span", { key: 'eaa781138c99d5da1f176bfdefa89bed84468bfe' }, h("span", { key: '7164eedf63eda5fbbb69c557f186db1cf4d049f9', innerHTML: this.slottedContent }), h("span", { key: '05681cba35d42b159409230d7535662f87f495f3', "aria-hidden": "true" }, h("slot", { key: '6732bbedae6ed09806e145c417100a94b14357f0' }))), h("post-icon", { key: '32e38c328b482a2405f89afd9b6feb9346e02d2b', name: "chevrondown" }))));
1321
+ return (h(Host, { key: '96f2859be8fab445dab5c62619537777db0bfa44', "data-version": version }, h("button", { key: '0ff54f82520a40978cac57af2adeb23beff3545d', ref: el => (this.interactiveButton = el), type: "button", "aria-haspopup": "menu", "aria-expanded": this.isMegadropdownExpanded.toString(), onClick: this.onClick.bind(this), onKeyDown: this.onKeyDown.bind(this), class: { active: this.active } }, h("span", { key: '327b760b66b35e0b4442bc950b202e73842b131e' }, h("span", { key: '265a6fb86a3bf12357ac58cc1887a32738b40710', innerHTML: this.slottedContent }), h("span", { key: '0ddcb317aed396d305b00d6e61a10b98f40ed78b', "aria-hidden": "true" }, h("slot", { key: '458df53ef32b64de8c4e6cb78263423ad59fa18b' }))), h("post-icon", { key: '2da566858b7ffa965da9cac2436dfd38a818eb47', name: "chevrondown" }))));
1330
1322
  }
1331
1323
  get host() { return getElement(this); }
1332
- static get watchers() { return {
1333
- "for": [{
1334
- "validateFor": 0
1335
- }]
1336
- }; }
1337
1324
  };
1338
- __decorate$1([
1325
+ __decorate$3([
1326
+ Required(),
1327
+ Type('string')
1328
+ ], PostMegadropdownTrigger.prototype, "for", void 0);
1329
+ __decorate$3([
1339
1330
  EventFrom('post-megadropdown', { ignoreNestedComponents: false })
1340
1331
  ], PostMegadropdownTrigger.prototype, "onMegadropdownToggled", null);
1341
1332
  PostMegadropdownTrigger.style = postMegadropdownTriggerCss();
1342
1333
 
1343
- const postMenuCss = () => `:host{display:block}:where([part=post-menu]){display:flex;flex-direction:column;padding-block:.5rem}::slotted([slot=header]){margin-top:-0.5rem;padding:1rem;display:flex;align-items:center;gap:.5rem;border-block-end:1px solid #050400;font-weight:700}@media screen and (max-width: 1023.98px){::slotted([slot=header]){padding:.75rem 1rem}}@media screen and (max-width: 779.98px){::slotted([slot=header]){padding:.5rem 1rem}}`;
1334
+ const postMenuCss = () => `:host{display:block}:where([part=post-menu]){display:flex;flex-direction:column;padding-block:.5rem}::slotted([slot=header]){margin-top:-0.5rem;padding:1rem;display:flex;align-items:center;gap:.5rem;border-block-end:1px solid #050400;font-weight:700}@media screen and (max-width: 1023.98px){::slotted([slot=header]){padding:.75rem 1rem}}@media screen and (max-width: 779.98px){::slotted([slot=header]){padding:.5rem 1rem}}post-popovercontainer::part(post-popovercontainer-content){background-color:#fff}`;
1344
1335
 
1345
- var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
1336
+ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
1346
1337
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
1347
1338
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
1348
1339
  r = Reflect.decorate(decorators, target, key, desc);
@@ -1396,12 +1387,6 @@ const PostMenu = class {
1396
1387
  }
1397
1388
  };
1398
1389
  }
1399
- validatePlacement() {
1400
- checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
1401
- }
1402
- validateLabel() {
1403
- checkRequiredAndType(this, 'label', 'string');
1404
- }
1405
1390
  connectedCallback() {
1406
1391
  this.root = getRoot(this.host);
1407
1392
  this.host.addEventListener('keydown', this.handleKeyDown);
@@ -1411,10 +1396,6 @@ const PostMenu = class {
1411
1396
  this.host.removeEventListener('keydown', this.handleKeyDown);
1412
1397
  this.host.removeEventListener('click', this.handleClick);
1413
1398
  }
1414
- componentDidLoad() {
1415
- this.validatePlacement();
1416
- this.validateLabel();
1417
- }
1418
1399
  /**
1419
1400
  * Toggles the menu visibility based on its current state.
1420
1401
  */
@@ -1530,27 +1511,26 @@ const PostMenu = class {
1530
1511
  ]));
1531
1512
  }
1532
1513
  render() {
1533
- return (h(Host, { key: '6931365341e8a5476c27e5a35d84823162d3a904', "data-version": version }, h("post-popovercontainer", { key: '441654449ad9708c5eba02a383567771cab7a848', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: '6436553c2b7c35901a84b3a50798b561dfbb008c', part: "post-menu" }, h("slot", { key: 'af2a5159f3b8e039d00fc6cb1734740eede78121', name: "header" }), h("slot", { key: '01e671b55c02342936efe703dac97096f38b131c' })))));
1514
+ return (h(Host, { key: '8fcf0b2ede074a0a064b788d7db9b31edf1f7930', "data-version": version }, h("post-popovercontainer", { key: '0aef5d7f34e88c3d52e78580574d7b8eab815d2d', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: 'ec1c4084ecb167bf43cb01dd52ff71e73157527f', part: "post-menu" }, h("slot", { key: '998c1abaa7ee342ef73ad6462acde0230604e4e6', name: "header" }), h("slot", { key: 'ddf3d00d03077de2c5bd5629e811bdeaa975bd4a' })))));
1534
1515
  }
1535
1516
  get host() { return getElement(this); }
1536
- static get watchers() { return {
1537
- "placement": [{
1538
- "validatePlacement": 0
1539
- }],
1540
- "label": [{
1541
- "validateLabel": 0
1542
- }]
1543
- }; }
1544
1517
  };
1545
- __decorate([
1518
+ __decorate$2([
1519
+ OneOf(PLACEMENT_TYPES)
1520
+ ], PostMenu.prototype, "placement", void 0);
1521
+ __decorate$2([
1522
+ Required(),
1523
+ Type('string')
1524
+ ], PostMenu.prototype, "label", void 0);
1525
+ __decorate$2([
1546
1526
  EventFrom('post-popovercontainer')
1547
1527
  ], PostMenu.prototype, "handlePostShown", null);
1548
- __decorate([
1528
+ __decorate$2([
1549
1529
  EventFrom('post-popovercontainer')
1550
1530
  ], PostMenu.prototype, "handlePostBeforeToggle", null);
1551
1531
  PostMenu.style = postMenuCss();
1552
1532
 
1553
- const postMenuItemCss = () => `post-menu-item button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item a{text-decoration:none}post-menu-item button,post-menu-item a{width:100%;position:relative;display:flex;align-items:center;padding:.5rem .75rem .5rem 1rem;gap:.75rem;font-size:.875rem;color:#050400;border-radius:0}post-menu-item button post-icon,post-menu-item a post-icon{width:1rem;height:1rem;margin-block:.25rem}@media screen and (min-width: 780px){post-menu-item button,post-menu-item a{font-size:1rem;padding-block:.75rem;gap:1rem}post-menu-item button post-icon,post-menu-item a post-icon{width:1.5rem;height:1.5rem;margin:0}}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem;padding-block:.8125rem}}post-menu-item button:focus-visible,post-menu-item a:focus-visible{outline-offset:2px !important;border-radius:4px}post-menu-item button:hover,post-menu-item a:hover{background-color:#504f4b;color:#fff}`;
1533
+ const postMenuItemCss = () => `post-menu-item button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button{background-color:ButtonFace !important}post-menu-item button:hover{background-color:Highlight !important}}post-menu-item a{text-decoration:none}post-menu-item button,post-menu-item a{position:relative;display:flex;align-items:center;padding:.5rem .75rem .5rem 1rem;gap:.75rem;font-size:.875rem;color:#050400;border-radius:0}post-menu-item button post-icon,post-menu-item a post-icon{width:1rem;height:1rem;margin-block:.25rem}@media screen and (min-width: 780px){post-menu-item button,post-menu-item a{font-size:1rem;padding-block:.75rem;gap:1rem}post-menu-item button post-icon,post-menu-item a post-icon{width:1.5rem;height:1.5rem;margin:0}}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem;padding-block:.8125rem}}post-menu-item button:focus-visible,post-menu-item a:focus-visible{outline-offset:2px !important;border-radius:4px}post-menu-item button:hover,post-menu-item a:hover{background-color:#504f4b;color:#fff}`;
1554
1534
 
1555
1535
  const PostMenuItem = class {
1556
1536
  constructor(hostRef) {
@@ -1565,10 +1545,17 @@ PostMenuItem.style = postMenuItemCss();
1565
1545
 
1566
1546
  const postMenuTriggerCss = () => `:host{display:inline-block}`;
1567
1547
 
1548
+ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
1549
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
1550
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
1551
+ r = Reflect.decorate(decorators, target, key, desc);
1552
+ else
1553
+ for (var i = decorators.length - 1; i >= 0; i--)
1554
+ if (d = decorators[i])
1555
+ r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
1556
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
1557
+ };
1568
1558
  const PostMenuTrigger = class {
1569
- validateFor() {
1570
- checkRequiredAndType(this, 'for', 'string');
1571
- }
1572
1559
  constructor(hostRef) {
1573
1560
  registerInstance(this, hostRef);
1574
1561
  this.updateAriaExpanded = this.updateAriaExpanded.bind(this);
@@ -1577,7 +1564,6 @@ const PostMenuTrigger = class {
1577
1564
  this.root = getRoot(this.host);
1578
1565
  }
1579
1566
  componentDidLoad() {
1580
- this.validateFor();
1581
1567
  this.setAriaAttributes();
1582
1568
  if (this.root) {
1583
1569
  this.root.addEventListener('toggleMenu', this.updateAriaExpanded);
@@ -1624,15 +1610,14 @@ const PostMenuTrigger = class {
1624
1610
  return null;
1625
1611
  }
1626
1612
  render() {
1627
- return (h(Host, { key: '574ff0ab723270c5a2614e8a34951febc51221ed', "data-version": version }, h("slot", { key: 'cf223c3e85d9ad8b49ba209fa165a27605b9fd09' })));
1613
+ return (h(Host, { key: '3aa1f5576b030765aafe7cd1f4df773b27a91265', "data-version": version }, h("slot", { key: '3d2dbe578601244b1a65960e26a2da3f2a62ecbc' })));
1628
1614
  }
1629
1615
  get host() { return getElement(this); }
1630
- static get watchers() { return {
1631
- "for": [{
1632
- "validateFor": 0
1633
- }]
1634
- }; }
1635
1616
  };
1617
+ __decorate$1([
1618
+ Required(),
1619
+ Type('string')
1620
+ ], PostMenuTrigger.prototype, "for", void 0);
1636
1621
  PostMenuTrigger.style = postMenuTriggerCss();
1637
1622
 
1638
1623
  /**
@@ -3562,6 +3547,21 @@ const computePosition = (reference, floating, options) => {
3562
3547
  });
3563
3548
  };
3564
3549
 
3550
+ const duration = 250;
3551
+ const easing = 'ease-out';
3552
+ function popIn(el) {
3553
+ if (!el)
3554
+ return;
3555
+ return el.animate([
3556
+ { transform: 'scale(0.9)', opacity: 0 },
3557
+ { transform: 'scale(1)', opacity: 1 },
3558
+ ], {
3559
+ duration,
3560
+ easing,
3561
+ fill: 'forwards',
3562
+ });
3563
+ }
3564
+
3565
3565
  // src/events.ts
3566
3566
  var ToggleEvent = class extends Event {
3567
3567
  oldState;
@@ -4354,23 +4354,18 @@ function apply() {
4354
4354
  injectStyles(document);
4355
4355
  }
4356
4356
 
4357
- const duration = 250;
4358
- const easing = 'ease-out';
4359
- function popIn(el) {
4360
- if (!el)
4361
- return;
4362
- return el.animate([
4363
- { transform: 'scale(0.9)', opacity: 0 },
4364
- { transform: 'scale(1)', opacity: 1 },
4365
- ], {
4366
- duration,
4367
- easing,
4368
- fill: 'forwards',
4369
- });
4370
- }
4371
-
4372
- const postPopovercontainerCss = () => `@layer polyfill{@supports not selector(:popover-open){:host([popover]:not(.\\:popover-open)){display:none}}}:host{background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);position:fixed;margin:0;padding:0;overflow:visible}:host>div{box-shadow:var(--post-device-elevation-300);width:max-content;max-width:100%;color:var(--post-current-fg);background-color:var(--post-current-bg);border-radius:4px;position:relative}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host>div{border:2px solid rgba(0,0,0,0)}}:host .popover-scroll{max-height:var(--post-popovercontainer-available-height, none);overflow-y:auto}:host [part=post-popovercontainer-border-mask]{display:none;position:absolute;inset:0;border-radius:4px;pointer-events:none}:host .arrow{--post-popovercontainer-arrow-border: var(--post-popovercontainer-arrow-border-width, 0px) solid var(--post-popovercontainer-arrow-border-color, transparent);position:absolute;width:.5825rem;height:.5825rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}:host .arrow[dynamic-placement=top]{border-bottom-right-radius:2px;border-bottom:var(--post-popovercontainer-arrow-border);border-right:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=right]{border-bottom-left-radius:2px;border-bottom:var(--post-popovercontainer-arrow-border);border-left:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=bottom]{border-top-left-radius:2px;border-top:var(--post-popovercontainer-arrow-border);border-left:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=left]{border-top-right-radius:2px;border-top:var(--post-popovercontainer-arrow-border);border-right:var(--post-popovercontainer-arrow-border)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .arrow[dynamic-placement=top]{border-block-end:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);bottom:-0.3796735336rem !important}:host .arrow[dynamic-placement=left]{border-block-start:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);right:-0.3796735336rem !important}:host .arrow[dynamic-placement=right]{border-block-end:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);left:-0.3796735336rem !important}:host .arrow[dynamic-placement=bottom]{border-block-start:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);top:-0.3796735336rem !important}}:host([tooltip]){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:host([safe-space])::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:auto}:host([safe-space=triangle])::after{clip-path:polygon(var(--post-safe-space-cursor-x, 0) var(--post-safe-space-cursor-y, 0), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)))}:host([safe-space=trapezoid])::after{clip-path:polygon(var(--post-safe-space-trigger-x-start, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-start, 0)), var(--post-safe-space-trigger-x-end, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-end, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)))}:host(:not(:has(.arrow)))>div{box-shadow:var(--post-device-elevation-300)}:host(:has(.arrow))>div{filter:drop-shadow(1px 2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(2px 4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(4px 8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=top]))>div{filter:drop-shadow(0px -2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(0px -4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(0px -8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=left]))>div{filter:drop-shadow(-2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(-4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(-8px 0px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=right]))>div{filter:drop-shadow(2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(8px 0px 12px hsla(225, 7%, 11%, 0.15))}`;
4357
+ const postPopovercontainerCss = () => `@layer polyfill{@supports not selector(:popover-open){:host([popover]:not(.\\:popover-open)){display:none}}}:host{background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);position:fixed;margin:0;padding:0;overflow:visible}:host>div{box-shadow:var(--post-device-elevation-300);width:max-content;max-width:100%;color:var(--post-current-fg);background-color:var(--post-current-bg);border-radius:4px;position:relative}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host>div{border:2px solid rgba(0,0,0,0)}}:host [part=post-popovercontainer-border-mask]{display:none;position:absolute;inset:0;border-radius:4px;pointer-events:none}:host .arrow{--post-popovercontainer-arrow-border: var(--post-popovercontainer-arrow-border-width, 0px) solid var(--post-popovercontainer-arrow-border-color, transparent);position:absolute;width:.5825rem;height:.5825rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}:host .arrow[dynamic-placement=top]{border-bottom-right-radius:2px;border-bottom:var(--post-popovercontainer-arrow-border);border-right:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=right]{border-bottom-left-radius:2px;border-bottom:var(--post-popovercontainer-arrow-border);border-left:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=bottom]{border-top-left-radius:2px;border-top:var(--post-popovercontainer-arrow-border);border-left:var(--post-popovercontainer-arrow-border)}:host .arrow[dynamic-placement=left]{border-top-right-radius:2px;border-top:var(--post-popovercontainer-arrow-border);border-right:var(--post-popovercontainer-arrow-border)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .arrow[dynamic-placement=top]{border-block-end:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);bottom:-0.3796735336rem !important}:host .arrow[dynamic-placement=left]{border-block-start:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);right:-0.3796735336rem !important}:host .arrow[dynamic-placement=right]{border-block-end:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);left:-0.3796735336rem !important}:host .arrow[dynamic-placement=bottom]{border-block-start:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);top:-0.3796735336rem !important}}:host([tooltip]){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:host([safe-space])::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:auto}:host([safe-space=triangle])::after{clip-path:polygon(var(--post-safe-space-cursor-x, 0) var(--post-safe-space-cursor-y, 0), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)))}:host([safe-space=trapezoid])::after{clip-path:polygon(var(--post-safe-space-trigger-x-start, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-start, 0)), var(--post-safe-space-trigger-x-end, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-end, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)))}:host(:not(:has(.arrow)))>div{box-shadow:var(--post-device-elevation-300)}:host(:has(.arrow))>div{filter:drop-shadow(1px 2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(2px 4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(4px 8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=top]))>div{filter:drop-shadow(0px -2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(0px -4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(0px -8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=left]))>div{filter:drop-shadow(-2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(-4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(-8px 0px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=right]))>div{filter:drop-shadow(2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(8px 0px 12px hsla(225, 7%, 11%, 0.15))}`;
4373
4358
 
4359
+ var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
4360
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4361
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
4362
+ r = Reflect.decorate(decorators, target, key, desc);
4363
+ else
4364
+ for (var i = decorators.length - 1; i >= 0; i--)
4365
+ if (d = decorators[i])
4366
+ r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
4367
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
4368
+ };
4374
4369
  const ANIMATIONS = {
4375
4370
  'pop-in': popIn,
4376
4371
  };
@@ -4405,15 +4400,6 @@ const PostPopovercontainer = class {
4405
4400
  this.currentAnimation = null;
4406
4401
  this.boundMouseTrackingHandler = this.mouseTrackingHandler.bind(this);
4407
4402
  }
4408
- validatePlacement() {
4409
- checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
4410
- }
4411
- validateEdgeGap() {
4412
- checkEmptyOrType(this, 'edgeGap', 'number');
4413
- }
4414
- validateSafeSpace() {
4415
- checkEmptyOrOneOf(this, 'safeSpace', ['triangle', 'trapezoid']);
4416
- }
4417
4403
  /**
4418
4404
  * Updates cursor position for safe space feature when popover is open.
4419
4405
  * Sets CSS custom properties for dynamic styling of safe area.
@@ -4429,9 +4415,6 @@ const PostPopovercontainer = class {
4429
4415
  }
4430
4416
  }
4431
4417
  componentDidLoad() {
4432
- this.validatePlacement();
4433
- this.validateEdgeGap();
4434
- this.validateSafeSpace();
4435
4418
  this.host.addEventListener('beforetoggle', this.handleToggle.bind(this));
4436
4419
  }
4437
4420
  disconnectedCallback() {
@@ -4637,9 +4620,10 @@ const PostPopovercontainer = class {
4637
4620
  // flip should come before shift. For non-aligned, shift before flip.
4638
4621
  ...(isAligned ? [flipMiddleware, shiftMiddleware] : [shiftMiddleware, flipMiddleware]),
4639
4622
  size({
4640
- apply({ availableWidth, availableHeight, elements }) {
4641
- elements.floating.style.maxWidth = `${availableWidth - gap * 2}px`;
4642
- elements.floating.style.setProperty('--post-popovercontainer-available-height', `${availableHeight - gap * 2}px`);
4623
+ apply({ availableWidth, elements }) {
4624
+ Object.assign(elements.floating.style, {
4625
+ maxWidth: `${availableWidth - gap * 2}px`,
4626
+ });
4643
4627
  },
4644
4628
  }),
4645
4629
  ];
@@ -4713,22 +4697,11 @@ const PostPopovercontainer = class {
4713
4697
  }
4714
4698
  }
4715
4699
  render() {
4716
- return (h(Host, { key: 'f3d2037a35648aef9031ecb96db8f1755cb06fc9', "data-version": version, popover: "auto" }, h("div", { key: '19a5300eb1388eb51764eae39fc0911864336282', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (h("span", { key: 'e7c67a359968faa9001c4be657db7d6930fe6075', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
4700
+ return (h(Host, { key: '4fc0f306903c914a632d6ee72d9aaa69f9b60140', "data-version": version, popover: "auto" }, h("div", { key: 'd411b6f9dcb622cc1dfc829c19f69c73e9ad57d6', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (h("span", { key: 'bf3e926a44c33b1aa7306be289f695e4b0007370', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
4717
4701
  this.arrowRef = el;
4718
- } })), h("span", { key: 'b7477bc2e03c196c5983f6b933cedc20b2ed59f8', part: "post-popovercontainer-border-mask" }), h("div", { key: '7c1c50cbd766f6f901e9f3579c6e609da4cf3e37', class: "popover-scroll" }, h("slot", { key: '56c646c3bec1437e394ce0b76cea0f6bc4c6637f' })))));
4702
+ } })), h("span", { key: '1c8256005b2fda27460c961ec6eea3f76075af20', part: "post-popovercontainer-border-mask" }), h("slot", { key: '0463879c1a444bcef8d6e6e48fe036ab764cef73' }))));
4719
4703
  }
4720
4704
  get host() { return getElement(this); }
4721
- static get watchers() { return {
4722
- "placement": [{
4723
- "validatePlacement": 0
4724
- }],
4725
- "edgeGap": [{
4726
- "validateEdgeGap": 0
4727
- }],
4728
- "safeSpace": [{
4729
- "validateSafeSpace": 0
4730
- }]
4731
- }; }
4732
4705
  };
4733
4706
  PostPopovercontainer.STATIC_SIDES = {
4734
4707
  top: 'bottom',
@@ -4750,6 +4723,15 @@ PostPopovercontainer.PROPERTIES_TO_CLEAR = [
4750
4723
  '--post-safe-space-trigger-y-start',
4751
4724
  '--post-safe-space-trigger-y-end',
4752
4725
  ];
4726
+ __decorate([
4727
+ OneOf(PLACEMENT_TYPES)
4728
+ ], PostPopovercontainer.prototype, "placement", void 0);
4729
+ __decorate([
4730
+ Type('number')
4731
+ ], PostPopovercontainer.prototype, "edgeGap", void 0);
4732
+ __decorate([
4733
+ OneOf(['triangle', 'trapezoid'])
4734
+ ], PostPopovercontainer.prototype, "safeSpace", void 0);
4753
4735
  PostPopovercontainer.style = postPopovercontainerCss();
4754
4736
 
4755
4737
  const postTogglebuttonCss = () => `:host{cursor:pointer;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}:host(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:focus-visible){outline-color:Highlight !important}}:host([aria-pressed=true]) ::slotted([data-showwhen=untoggled]){display:none}:host([aria-pressed=false]) ::slotted([data-showwhen=toggled]){display:none}`;
@@ -4776,10 +4758,12 @@ const PostTogglebutton = class {
4776
4758
  // add event listener in capture phase so the toggle state is updated
4777
4759
  // before any parent bubble listeners react to the click.
4778
4760
  this.host.addEventListener('click', () => this.handleClick(), { capture: true });
4779
- this.host.addEventListener('keydown', (e) => this.handleKeydown(e), { capture: true });
4761
+ this.host.addEventListener('keydown', (e) => this.handleKeydown(e), {
4762
+ capture: true,
4763
+ });
4780
4764
  }
4781
4765
  render() {
4782
- return (h(Host, { key: '828f375bfd28dd8f46c2c233cef90abe6c27c488', "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: '35325c8481638cf30593cda05a67ee74b38bb40c' })));
4766
+ return (h(Host, { key: '46a7a868026b48ae40115ab34c67ec9819f56b63', "data-version": version, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, h("slot", { key: 'a230214424ec9f848fab45ad61253b9e7adb9645' })));
4783
4767
  }
4784
4768
  get host() { return getElement(this); }
4785
4769
  };