@swisspost/internet-header 10.7.0 → 10.8.0
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.
- package/dist/cjs/index-B5ypPkK3.js +4 -4
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/is-focus-visible-B3CqVQsX.js +19 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{package-BtKYhTNj.js → package-DAEQGHsE.js} +1 -1
- package/dist/cjs/{package-BWgt2bx3.js → package-DV0YNR6p.js} +1 -1
- package/dist/cjs/post-accordion_4.cjs.entry.js +11 -5
- package/dist/cjs/post-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/post-avatar.cjs.entry.js +80 -56
- package/dist/cjs/post-back-to-top.cjs.entry.js +2 -2
- package/dist/cjs/post-banner.cjs.entry.js +2 -2
- package/dist/cjs/post-breadcrumb-item.cjs.entry.js +2 -2
- package/dist/cjs/post-breadcrumbs.cjs.entry.js +2 -2
- package/dist/cjs/post-closebutton.cjs.entry.js +2 -2
- package/dist/cjs/post-date-picker.cjs.entry.js +18 -4
- package/dist/cjs/post-footer.cjs.entry.js +1 -1
- package/dist/cjs/post-header.cjs.entry.js +33 -14
- package/dist/cjs/post-icon.cjs.entry.js +1 -1
- package/dist/cjs/post-language-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/post-language-menu.cjs.entry.js +2 -2
- package/dist/cjs/post-linkarea.cjs.entry.js +1 -1
- package/dist/cjs/post-listbox-option.cjs.entry.js +1 -1
- package/dist/cjs/post-listbox.cjs.entry.js +1 -1
- package/dist/cjs/post-logo.cjs.entry.js +2 -2
- package/dist/cjs/post-mainnavigation.cjs.entry.js +1 -1
- package/dist/cjs/post-megadropdown-trigger.cjs.entry.js +2 -2
- package/dist/cjs/post-megadropdown.cjs.entry.js +36 -18
- package/dist/cjs/post-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/post-menu_2.cjs.entry.js +5 -15
- package/dist/cjs/post-number-input.cjs.entry.js +2 -2
- package/dist/cjs/post-pagination.cjs.entry.js +2 -2
- package/dist/cjs/post-popover-trigger.cjs.entry.js +1 -1
- package/dist/cjs/post-popover.cjs.entry.js +4 -4
- package/dist/cjs/post-popovercontainer.cjs.entry.js +387 -536
- package/dist/cjs/post-rating.cjs.entry.js +1 -1
- package/dist/cjs/post-side-navigation-trigger.cjs.entry.js +1 -1
- package/dist/cjs/post-side-navigation.cjs.entry.js +9 -4
- package/dist/cjs/post-stepper-item.cjs.entry.js +1 -1
- package/dist/cjs/post-stepper.cjs.entry.js +1 -1
- package/dist/cjs/post-tab-item.cjs.entry.js +1 -1
- package/dist/cjs/post-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/post-tabs.cjs.entry.js +4 -4
- package/dist/cjs/post-togglebutton.cjs.entry.js +1 -1
- package/dist/cjs/post-tooltip-trigger.cjs.entry.js +2 -2
- package/dist/cjs/post-tooltip.cjs.entry.js +5 -3
- package/dist/cjs/swisspost-internet-footer.cjs.entry.js +1 -1
- package/dist/cjs/swisspost-internet-header.cjs.entry.js +9 -7
- package/dist/cjs/swisspost-internet-header.cjs.js +1 -1
- package/dist/collection/components/internal/UserMenu.js +8 -6
- package/dist/components/is-focus-visible.js +1 -0
- package/dist/components/package.js +1 -1
- package/dist/components/package2.js +1 -1
- package/dist/components/post-accordion-item2.js +1 -1
- package/dist/components/post-avatar.js +1 -1
- package/dist/components/post-back-to-top.js +1 -1
- package/dist/components/post-banner.js +1 -1
- package/dist/components/post-breadcrumb-item.js +1 -1
- package/dist/components/post-breadcrumbs.js +1 -1
- package/dist/components/post-closebutton2.js +1 -1
- package/dist/components/post-collapsible2.js +1 -1
- package/dist/components/post-date-picker.js +1 -1
- package/dist/components/post-header2.js +1 -1
- package/dist/components/post-language-menu2.js +1 -1
- package/dist/components/post-logo2.js +1 -1
- package/dist/components/post-megadropdown-trigger.js +1 -1
- package/dist/components/post-megadropdown.js +1 -1
- package/dist/components/post-menu-item2.js +1 -1
- package/dist/components/post-menu2.js +1 -1
- package/dist/components/post-number-input.js +1 -1
- package/dist/components/post-pagination.js +1 -1
- package/dist/components/post-popover.js +1 -1
- package/dist/components/post-popovercontainer2.js +1 -1
- package/dist/components/post-side-navigation.js +1 -1
- package/dist/components/post-tabs.js +1 -1
- package/dist/components/post-tooltip-trigger.js +1 -1
- package/dist/components/post-tooltip.js +1 -1
- package/dist/components/swisspost-internet-header.js +1 -1
- package/dist/docs.json +1 -1
- package/dist/esm/index-h3opCZqH.js +4 -4
- package/dist/esm/index.js +1 -1
- package/dist/esm/is-focus-visible-BWwWKRO5.js +17 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{package-DRoYikPQ.js → package--a_K3g1E.js} +1 -1
- package/dist/esm/{package-BBz9PVf0.js → package-BdiQsTQm.js} +1 -1
- package/dist/esm/post-accordion_4.entry.js +11 -5
- package/dist/esm/post-autocomplete.entry.js +1 -1
- package/dist/esm/post-avatar.entry.js +80 -56
- package/dist/esm/post-back-to-top.entry.js +2 -2
- package/dist/esm/post-banner.entry.js +2 -2
- package/dist/esm/post-breadcrumb-item.entry.js +2 -2
- package/dist/esm/post-breadcrumbs.entry.js +2 -2
- package/dist/esm/post-closebutton.entry.js +2 -2
- package/dist/esm/post-date-picker.entry.js +18 -4
- package/dist/esm/post-footer.entry.js +1 -1
- package/dist/esm/post-header.entry.js +33 -14
- package/dist/esm/post-icon.entry.js +1 -1
- package/dist/esm/post-language-menu-item.entry.js +1 -1
- package/dist/esm/post-language-menu.entry.js +2 -2
- package/dist/esm/post-linkarea.entry.js +1 -1
- package/dist/esm/post-listbox-option.entry.js +1 -1
- package/dist/esm/post-listbox.entry.js +1 -1
- package/dist/esm/post-logo.entry.js +2 -2
- package/dist/esm/post-mainnavigation.entry.js +1 -1
- package/dist/esm/post-megadropdown-trigger.entry.js +2 -2
- package/dist/esm/post-megadropdown.entry.js +36 -18
- package/dist/esm/post-menu-item.entry.js +2 -2
- package/dist/esm/post-menu_2.entry.js +5 -15
- package/dist/esm/post-number-input.entry.js +2 -2
- package/dist/esm/post-pagination.entry.js +2 -2
- package/dist/esm/post-popover-trigger.entry.js +1 -1
- package/dist/esm/post-popover.entry.js +4 -4
- package/dist/esm/post-popovercontainer.entry.js +387 -536
- package/dist/esm/post-rating.entry.js +1 -1
- package/dist/esm/post-side-navigation-trigger.entry.js +1 -1
- package/dist/esm/post-side-navigation.entry.js +9 -4
- package/dist/esm/post-stepper-item.entry.js +1 -1
- package/dist/esm/post-stepper.entry.js +1 -1
- package/dist/esm/post-tab-item.entry.js +1 -1
- package/dist/esm/post-tab-panel.entry.js +1 -1
- package/dist/esm/post-tabs.entry.js +4 -4
- package/dist/esm/post-togglebutton.entry.js +1 -1
- package/dist/esm/post-tooltip-trigger.entry.js +2 -2
- package/dist/esm/post-tooltip.entry.js +5 -3
- package/dist/esm/swisspost-internet-footer.entry.js +1 -1
- package/dist/esm/swisspost-internet-header.entry.js +9 -7
- package/dist/esm/swisspost-internet-header.js +1 -1
- package/dist/esm-es5/index-h3opCZqH.js +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/is-focus-visible-BWwWKRO5.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{package-DRoYikPQ.js → package--a_K3g1E.js} +1 -1
- package/dist/esm-es5/package-BdiQsTQm.js +1 -0
- package/dist/esm-es5/post-accordion_4.entry.js +1 -1
- package/dist/esm-es5/post-autocomplete.entry.js +1 -1
- package/dist/esm-es5/post-avatar.entry.js +1 -1
- package/dist/esm-es5/post-back-to-top.entry.js +1 -1
- package/dist/esm-es5/post-banner.entry.js +1 -1
- package/dist/esm-es5/post-breadcrumb-item.entry.js +1 -1
- package/dist/esm-es5/post-breadcrumbs.entry.js +1 -1
- package/dist/esm-es5/post-closebutton.entry.js +1 -1
- package/dist/esm-es5/post-date-picker.entry.js +1 -1
- package/dist/esm-es5/post-footer.entry.js +1 -1
- package/dist/esm-es5/post-header.entry.js +1 -1
- package/dist/esm-es5/post-icon.entry.js +1 -1
- package/dist/esm-es5/post-language-menu-item.entry.js +1 -1
- package/dist/esm-es5/post-language-menu.entry.js +1 -1
- package/dist/esm-es5/post-linkarea.entry.js +1 -1
- package/dist/esm-es5/post-listbox-option.entry.js +1 -1
- package/dist/esm-es5/post-listbox.entry.js +1 -1
- package/dist/esm-es5/post-logo.entry.js +1 -1
- package/dist/esm-es5/post-mainnavigation.entry.js +1 -1
- package/dist/esm-es5/post-megadropdown-trigger.entry.js +1 -1
- package/dist/esm-es5/post-megadropdown.entry.js +1 -1
- package/dist/esm-es5/post-menu-item.entry.js +1 -1
- package/dist/esm-es5/post-menu_2.entry.js +1 -1
- package/dist/esm-es5/post-number-input.entry.js +1 -1
- package/dist/esm-es5/post-pagination.entry.js +1 -1
- package/dist/esm-es5/post-popover-trigger.entry.js +1 -1
- package/dist/esm-es5/post-popover.entry.js +1 -1
- package/dist/esm-es5/post-popovercontainer.entry.js +1 -1
- package/dist/esm-es5/post-rating.entry.js +1 -1
- package/dist/esm-es5/post-side-navigation-trigger.entry.js +1 -1
- package/dist/esm-es5/post-side-navigation.entry.js +1 -1
- package/dist/esm-es5/post-stepper-item.entry.js +1 -1
- package/dist/esm-es5/post-stepper.entry.js +1 -1
- package/dist/esm-es5/post-tab-item.entry.js +1 -1
- package/dist/esm-es5/post-tab-panel.entry.js +1 -1
- package/dist/esm-es5/post-tabs.entry.js +1 -1
- package/dist/esm-es5/post-togglebutton.entry.js +1 -1
- package/dist/esm-es5/post-tooltip-trigger.entry.js +1 -1
- package/dist/esm-es5/post-tooltip.entry.js +1 -1
- package/dist/esm-es5/swisspost-internet-footer.entry.js +1 -1
- package/dist/esm-es5/swisspost-internet-header.entry.js +1 -1
- package/dist/esm-es5/swisspost-internet-header.js +1 -1
- package/dist/swisspost-internet-header/index.esm.js +1 -1
- package/dist/swisspost-internet-header/{p-7e8c8743.entry.js → p-0c6839cd.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-c28020b7.entry.js → p-148cfacf.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-1617517b.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-dbcd6fb9.entry.js → p-174e2b92.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-12cb6db2.entry.js → p-1ab10b94.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-79f2d9ef.entry.js → p-1d145a3d.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-1df3d147.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-d9c1046b.entry.js → p-22da79ea.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-68898c0b.system.entry.js → p-238c919d.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-26ac0464.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-d91f90a1.entry.js → p-2d56ef1f.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-d7b33964.system.entry.js → p-3124582e.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-35ddf3ca.system.entry.js → p-36232387.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-ef16275c.entry.js → p-381ac502.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-1bb3ad80.system.entry.js → p-3995eead.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-3afac939.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-c1db8f13.entry.js → p-3ef5a7c0.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-9c09cf8b.system.entry.js → p-42fe4c65.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-8943e2e2.entry.js → p-4466ee14.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-45398826.entry.js +1 -0
- package/dist/swisspost-internet-header/p-45d989e5.system.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-06f12978.system.entry.js → p-49c132a1.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-4ab5590e.system.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-36be4427.system.entry.js → p-4b39fa0b.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-3ca53634.entry.js → p-4d94cb9d.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-b3481769.entry.js → p-518f5952.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-32fd1973.entry.js → p-546f0429.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-5550933f.entry.js +1 -0
- package/dist/swisspost-internet-header/p-576e3b55.system.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-5971e15b.entry.js → p-57b73dd7.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-97727574.entry.js → p-5a929d5c.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-94c6710f.system.entry.js → p-5aa3e212.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-990da9f3.system.entry.js → p-5ac46ce3.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-9e85063a.entry.js → p-5e112c81.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-61e37660.entry.js +1 -0
- package/dist/swisspost-internet-header/p-629dfdba.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-d6e0e5f2.system.entry.js → p-62a14cc2.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-62b7473b.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-c6672194.system.entry.js → p-65fb1a64.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-6c284cd6.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-6f0c2a5c.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-745c3c76.system.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-db3f471b.system.entry.js → p-74b8b73a.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-ec7c0b5e.system.entry.js → p-79dc7e1b.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-7a8d9175.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-7f953da2.system.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-4d9971e2.entry.js → p-80ce5ec8.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-851c2112.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-8b90f7d2.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-8ff4691a.entry.js +1 -0
- package/dist/swisspost-internet-header/p-925203fb.system.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-46dc968c.entry.js → p-94aae5c3.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-4889abef.entry.js → p-94c7624f.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-c0c10b63.system.entry.js → p-9ac136f3.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-DHWj-DKi.system.js → p-B1oFB_zk.system.js} +1 -1
- package/dist/swisspost-internet-header/p-BVux4d1J.system.js +1 -0
- package/dist/swisspost-internet-header/p-BWwWKRO5.js +1 -0
- package/dist/swisspost-internet-header/{p-IHvD9UqE.js → p-BXoqlxOG.js} +1 -1
- package/dist/swisspost-internet-header/p-BdiQsTQm.js +1 -0
- package/dist/swisspost-internet-header/{p-DHpwVMSs.system.js → p-CYBchhbg.system.js} +1 -1
- package/dist/swisspost-internet-header/{p-B6etRRpy.system.js → p-Ctf1S46w.system.js} +1 -1
- package/dist/swisspost-internet-header/p-R5BnOD0U.system.js +1 -1
- package/dist/swisspost-internet-header/p-a00eb4a0.entry.js +1 -0
- package/dist/swisspost-internet-header/p-a1237171.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-a12be1fd.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-a1ed3c1d.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-a21c305f.entry.js +1 -0
- package/dist/swisspost-internet-header/p-a4bfe46c.entry.js +1 -0
- package/dist/swisspost-internet-header/p-a9045c62.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-ac9d7b3f.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-bc0fcd50.entry.js +1 -0
- package/dist/swisspost-internet-header/p-bc30850c.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-bf861c95.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-82b18f9d.entry.js → p-c36c9d88.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-6f3ba321.entry.js → p-cd3f5447.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-d1eab2a3.entry.js +1 -0
- package/dist/swisspost-internet-header/p-d28a58ec.entry.js +1 -0
- package/dist/swisspost-internet-header/p-d390eac9.system.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-9e6a4c52.system.entry.js → p-d52b2e2e.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-d8384d86.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-dae00825.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-dcc3e62f.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-a41bdf7a.entry.js → p-de1eae9a.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-d6b85bbe.system.entry.js → p-ef4aec35.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-c785b2d8.system.entry.js → p-f2794080.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-3975075b.system.entry.js → p-f78ac8af.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-6c9cb3b7.system.entry.js → p-f8f292cf.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/p-fb0e4425.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-fd8106f1.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-fea21512.entry.js +1 -0
- package/dist/swisspost-internet-header/swisspost-internet-header.esm.js +1 -1
- package/package.json +9 -9
- package/dist/esm-es5/package-BBz9PVf0.js +0 -1
- package/dist/swisspost-internet-header/p-110f7b07.entry.js +0 -1
- package/dist/swisspost-internet-header/p-1587ba27.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-17c15d71.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-1d5fca41.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-211fa616.entry.js +0 -1
- package/dist/swisspost-internet-header/p-317104a6.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-34c89f09.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-370ecda3.entry.js +0 -1
- package/dist/swisspost-internet-header/p-429c457a.entry.js +0 -1
- package/dist/swisspost-internet-header/p-47cd54ff.entry.js +0 -1
- package/dist/swisspost-internet-header/p-495d1a20.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-5915d0c4.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-65457750.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-65f9efeb.entry.js +0 -1
- package/dist/swisspost-internet-header/p-6a35fb20.entry.js +0 -1
- package/dist/swisspost-internet-header/p-77a5472c.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-7949ff33.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-81a2ec15.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-85f59fc3.entry.js +0 -1
- package/dist/swisspost-internet-header/p-895b1160.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-8bce262b.entry.js +0 -1
- package/dist/swisspost-internet-header/p-8d9023ce.entry.js +0 -1
- package/dist/swisspost-internet-header/p-9dc1ecd1.entry.js +0 -1
- package/dist/swisspost-internet-header/p-9f0ff23c.entry.js +0 -1
- package/dist/swisspost-internet-header/p-BBz9PVf0.js +0 -1
- package/dist/swisspost-internet-header/p-a0ee4b1e.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-a41bc8b4.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-aa5d0b16.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-bdd376c5.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-c5e6949c.entry.js +0 -1
- package/dist/swisspost-internet-header/p-c6659dca.entry.js +0 -1
- package/dist/swisspost-internet-header/p-cc4571a9.entry.js +0 -1
- package/dist/swisspost-internet-header/p-cde7b565.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-cfd1f343.entry.js +0 -1
- package/dist/swisspost-internet-header/p-d35adc7b.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-d61814f0.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-d9741ab5.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-df83b4ce.entry.js +0 -1
- package/dist/swisspost-internet-header/p-e0f04375.entry.js +0 -1
- package/dist/swisspost-internet-header/p-e67350dd.entry.js +0 -1
- package/dist/swisspost-internet-header/p-eb76e336.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-fc08fd7d.system.entry.js +0 -1
|
@@ -4,7 +4,7 @@ var index = require('./index-B5ypPkK3.js');
|
|
|
4
4
|
var breakpoints = require('./breakpoints-Kruvy8Dm.js');
|
|
5
5
|
var eventFrom = require('./event-from-CTcQxB9-.js');
|
|
6
6
|
var getFocusableChildren = require('./get-focusable-children-BGVgg7Te.js');
|
|
7
|
-
var _package = require('./package-
|
|
7
|
+
var _package = require('./package-DAEQGHsE.js');
|
|
8
8
|
var index$1 = require('./index-CggFmZ8n.js');
|
|
9
9
|
var fade = require('./fade-CPQhl1fP.js');
|
|
10
10
|
var required = require('./required-_r1rzbps.js');
|
|
@@ -13,7 +13,7 @@ require('./get-root-B1FnQ50K.js');
|
|
|
13
13
|
require('./utils-s05L2ulk.js');
|
|
14
14
|
require('./create-validator-decorator-CJK3Xf77.js');
|
|
15
15
|
|
|
16
|
-
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:8px;--post-global-header-padding-inline-start:4px;--post-global-header-padding-inline-end:8px;--post-local-header-padding-inline-start:12px;--post-local-header-padding-inline-end:8px}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:host{--post-header-gap:12px 8px;--post-global-header-padding-inline-start:4px;--post-global-header-padding-inline-end:4px;--post-local-header-padding-inline-start:12px;--post-local-header-padding-inline-end:4px;--post-local-header-padding-block:12px;--post-burger-menu-padding-inline:40px;--post-burger-menu-body-gap:32px;--post-burger-menu-footer-gap:24px}}@media screen and (min-width: 600px)and (max-width: 779.98px){:host{--post-burger-menu-padding-inline:16px}}@media screen and (min-width: 0)and (max-width: 599.98px){:host{--post-header-gap:12px 8px;--post-global-header-padding-inline-start:0px;--post-global-header-padding-inline-end:8px;--post-local-header-padding-inline-start:8px;--post-local-header-padding-inline-end:8px;--post-local-header-padding-block:8px;--post-burger-menu-padding-inline:16px;--post-burger-menu-body-gap:24px;--post-burger-menu-footer-gap:16px}}: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{-webkit-box-sizing:border-box;box-sizing:border-box}:host,header,.global-header,.local-header{-webkit-transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1)}.section,.sliding-controls{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:var(--post-header-gap);-ms-flex-wrap:wrap;flex-wrap:wrap}.section{max-width:var(--post-header-content-max-width);margin-inline:auto}:host{display:block;position:-webkit-sticky;position:sticky;inset-block-start:var(--post-header-top);z-index:1020;-webkit-box-shadow:var(--post-device-elevation-300);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:-webkit-sticky;position:sticky;inset-block-start:var(--post-global-header-top);background-color:#fc0}.global-header::before{position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:100dvh;content:"";background-color:#fc0}.global-header .section{height:var(--post-global-header-expanded-height);-webkit-padding-start:var(--post-global-header-padding-inline-start);padding-inline-start:var(--post-global-header-padding-inline-start);-webkit-padding-end:var(--post-global-header-padding-inline-end);padding-inline-end:var(--post-global-header-padding-inline-end)}.global-header .logo{-ms-flex-item-align:end;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%;-webkit-margin-end:calc(20px - var(--post-header-gap));margin-inline-end:calc(20px - var(--post-header-gap));-webkit-margin-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));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{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;position:relative;inset-block-start:var(--post-global-controls-top)}.global-header .audience{-webkit-margin-end:auto;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);-ms-flex-align:var(--post-local-header-align-items, center);align-items:var(--post-local-header-align-items, center)}.local-header .section{width:100%;-webkit-padding-start:var(--post-local-header-padding-inline-start);padding-inline-start:var(--post-local-header-padding-inline-start);-webkit-padding-end:var(--post-local-header-padding-inline-end);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:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center}}@media screen and (max-width: 1023.98px)and (max-width: 599.98px){.local-header .section{-ms-flex-pack:end;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{-ms-flex:0 0 auto;flex:0 0 auto}@media screen and (max-width: 1023.98px){.local-header slot[name=main-nav]{display:none}}.burger-button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;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);-webkit-box-shadow:none;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:-ms-flexbox;display:flex;padding:4px 10px;gap:6px;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{border-width:1px !important;-webkit-transition:none;transition:none}.burger-button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !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){-webkit-box-shadow:var(--post-device-elevation-100);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:10px}.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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#fafafa}.burger-menu.extended.second-level-open{overflow:hidden}.burger-menu:not(.extended){-webkit-transform:translateY(-100%);transform:translateY(-100%);display:none}.burger-menu:not(.extended)>*{display:none}.burger-menu .burger-menu-body,.burger-menu .burger-menu-footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-inline:var(--post-burger-menu-padding-inline)}.burger-menu .burger-menu-body{-ms-flex-positive:1;flex-grow:1;padding-block:24px;gap:var(--post-burger-menu-body-gap)}.burger-menu .burger-menu-footer{background-color:#f0efed;-webkit-padding-before:16px;padding-block-start:16px;-webkit-padding-after:max(24px, env(safe-area-inset-bottom, 0px));padding-block-end:max(24px, env(safe-area-inset-bottom, 0px));gap:var(--post-burger-menu-footer-gap)}.burger-menu .local-nav{min-height:56px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-inline:4px}`;
|
|
16
|
+
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:8px;--post-global-header-padding-inline-start:4px;--post-global-header-padding-inline-end:8px;--post-local-header-padding-inline-start:12px;--post-local-header-padding-inline-end:8px}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:host{--post-header-gap:12px 8px;--post-global-header-padding-inline-start:4px;--post-global-header-padding-inline-end:4px;--post-local-header-padding-inline-start:12px;--post-local-header-padding-inline-end:4px;--post-local-header-padding-block:12px;--post-burger-menu-padding-inline:40px;--post-burger-menu-body-gap:32px;--post-burger-menu-footer-gap:24px}}@media screen and (min-width: 600px)and (max-width: 779.98px){:host{--post-burger-menu-padding-inline:16px}}@media screen and (min-width: 0)and (max-width: 599.98px){:host{--post-header-gap:12px 8px;--post-global-header-padding-inline-start:0px;--post-global-header-padding-inline-end:8px;--post-local-header-padding-inline-start:8px;--post-local-header-padding-inline-end:8px;--post-local-header-padding-block:8px;--post-burger-menu-padding-inline:16px;--post-burger-menu-body-gap:24px;--post-burger-menu-footer-gap:16px}}: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{-webkit-box-sizing:border-box;box-sizing:border-box}:host,header,.global-header,.local-header{-webkit-transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1)}.section,.sliding-controls{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:var(--post-header-gap);-ms-flex-wrap:wrap;flex-wrap:wrap}.section{max-width:var(--post-header-content-max-width);margin-inline:auto}:host{display:block;position:-webkit-sticky;position:sticky;inset-block-start:var(--post-header-top);z-index:1020;-webkit-box-shadow:var(--post-device-elevation-300);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:-webkit-sticky;position:sticky;inset-block-start:var(--post-global-header-top);background-color:#fc0}.global-header::before{position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:100dvh;content:"";background-color:#fc0}.global-header .section{height:var(--post-global-header-expanded-height);-webkit-padding-start:var(--post-global-header-padding-inline-start);padding-inline-start:var(--post-global-header-padding-inline-start);-webkit-padding-end:var(--post-global-header-padding-inline-end);padding-inline-end:var(--post-global-header-padding-inline-end)}.global-header .logo{-ms-flex-item-align:end;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%;-webkit-margin-end:calc(20px - var(--post-header-gap));margin-inline-end:calc(20px - var(--post-header-gap));-webkit-margin-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));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{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;position:relative;inset-block-start:var(--post-global-controls-top)}.global-header .audience{-webkit-margin-end:auto;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);-ms-flex-align:var(--post-local-header-align-items, center);align-items:var(--post-local-header-align-items, center)}.local-header .section{width:100%;-webkit-padding-start:var(--post-local-header-padding-inline-start);padding-inline-start:var(--post-local-header-padding-inline-start);-webkit-padding-end:var(--post-local-header-padding-inline-end);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:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center}}@media screen and (max-width: 1023.98px)and (max-width: 599.98px){.local-header .section{-ms-flex-pack:end;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{-ms-flex:0 0 auto;flex:0 0 auto}@media screen and (max-width: 1023.98px){.local-header slot[name=main-nav]{display:none}}.burger-button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;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);-webkit-box-shadow:none;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:-ms-flexbox;display:flex;padding:4px 10px;gap:6px;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: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){.burger-button:focus-visible{outline-color:Highlight !important}}.burger-button.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.pretend-focus{outline-color:Highlight !important}}.burger-button:has(: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){.burger-button:has(:focus-visible){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{border-width:1px !important;-webkit-transition:none;transition:none}.burger-button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !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){-webkit-box-shadow:var(--post-device-elevation-100);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:10px}.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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#fafafa}.burger-menu.extended.second-level-open{overflow:hidden}.burger-menu:not(.extended){-webkit-transform:translateY(-100%);transform:translateY(-100%);display:none}.burger-menu:not(.extended)>*{display:none}.burger-menu .burger-menu-body,.burger-menu .burger-menu-footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-inline:var(--post-burger-menu-padding-inline)}.burger-menu .burger-menu-body{-ms-flex-positive:1;flex-grow:1;padding-block:24px;gap:var(--post-burger-menu-body-gap)}.burger-menu .burger-menu-footer{background-color:#f0efed;-webkit-padding-before:16px;padding-block-start:16px;-webkit-padding-after:max(24px, env(safe-area-inset-bottom, 0px));padding-block-end:max(24px, env(safe-area-inset-bottom, 0px));gap:var(--post-burger-menu-footer-gap)}.burger-menu .local-nav{min-height:56px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-inline:4px}`;
|
|
17
17
|
|
|
18
18
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
19
19
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -86,6 +86,10 @@ const PostHeader = class {
|
|
|
86
86
|
this.closeBurgerMenu();
|
|
87
87
|
}
|
|
88
88
|
};
|
|
89
|
+
this.onScroll = () => {
|
|
90
|
+
this.handleScrollEvent();
|
|
91
|
+
this.collapseIfNotKeyboardFocused();
|
|
92
|
+
};
|
|
89
93
|
this.handleScrollEvent = this.handleScrollEvent.bind(this);
|
|
90
94
|
this.updateScrollParentHeight = this.updateScrollParentHeight.bind(this);
|
|
91
95
|
this.updateLocalHeaderHeight = this.updateLocalHeaderHeight.bind(this);
|
|
@@ -96,10 +100,10 @@ const PostHeader = class {
|
|
|
96
100
|
}
|
|
97
101
|
connectedCallback() {
|
|
98
102
|
globalThis.addEventListener('resize', this.throttledResize, { passive: true });
|
|
99
|
-
globalThis.addEventListener('scroll', this.
|
|
103
|
+
globalThis.addEventListener('scroll', this.onScroll, {
|
|
100
104
|
passive: true,
|
|
101
105
|
});
|
|
102
|
-
this.scrollParent.addEventListener('scroll', this.
|
|
106
|
+
this.scrollParent.addEventListener('scroll', this.onScroll, {
|
|
103
107
|
passive: true,
|
|
104
108
|
});
|
|
105
109
|
document.addEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
|
|
@@ -131,9 +135,9 @@ const PostHeader = class {
|
|
|
131
135
|
const scrollParent = this.scrollParent;
|
|
132
136
|
globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
|
|
133
137
|
globalThis.removeEventListener('resize', this.throttledResize);
|
|
134
|
-
globalThis.removeEventListener('scroll', this.
|
|
138
|
+
globalThis.removeEventListener('scroll', this.onScroll);
|
|
135
139
|
if (scrollParent)
|
|
136
|
-
scrollParent.removeEventListener('scroll', this.
|
|
140
|
+
scrollParent.removeEventListener('scroll', this.onScroll);
|
|
137
141
|
document.removeEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
|
|
138
142
|
this.host.removeEventListener('keydown', this.keyboardHandler);
|
|
139
143
|
if (this.host.shadowRoot) {
|
|
@@ -226,6 +230,15 @@ const PostHeader = class {
|
|
|
226
230
|
});
|
|
227
231
|
this.megadropdownOpen = false;
|
|
228
232
|
}
|
|
233
|
+
// The header only stays expanded to keep keyboard focus visible
|
|
234
|
+
// once focus is no longer keyboard focus (e.g. after a click), it can collapse on scroll
|
|
235
|
+
collapseIfNotKeyboardFocused() {
|
|
236
|
+
if (!('expanded' in this.host.dataset))
|
|
237
|
+
return;
|
|
238
|
+
if (this.getDeepActiveElement()?.matches(':focus-visible'))
|
|
239
|
+
return;
|
|
240
|
+
delete this.host.dataset.expanded;
|
|
241
|
+
}
|
|
229
242
|
handleScrollEvent() {
|
|
230
243
|
const scrollTop = this.scrollParent === document.body ? window.scrollY : this.scrollParent.scrollTop;
|
|
231
244
|
document.documentElement.style.setProperty('--post-header-scroll-top', `${Math.max(scrollTop, 0)}px`);
|
|
@@ -288,16 +301,22 @@ const PostHeader = class {
|
|
|
288
301
|
});
|
|
289
302
|
}
|
|
290
303
|
onFocusChange(event) {
|
|
291
|
-
|
|
292
|
-
|
|
304
|
+
if (event.type === 'focusout') {
|
|
305
|
+
// Ignore focus moving between elements of the header (e.g. into the language menu flyout)
|
|
306
|
+
if (this.isWithinHeader(event.relatedTarget))
|
|
307
|
+
return;
|
|
308
|
+
delete this.host.dataset.expanded;
|
|
293
309
|
return;
|
|
310
|
+
}
|
|
311
|
+
// Mouse focus never changes the state
|
|
312
|
+
// collapsing here would move the controls away from the pointer before the click completes
|
|
294
313
|
const isFocusVisible = this.getDeepActiveElement()?.matches(':focus-visible');
|
|
295
|
-
|
|
296
|
-
|
|
314
|
+
if (!isFocusVisible)
|
|
315
|
+
return;
|
|
316
|
+
// Keyboard focus: expanded only while focus is in the part that collapses on scroll
|
|
297
317
|
const collapsiblePart = this.device === 'desktop' ? this.globalHeader : this.localHeader;
|
|
298
318
|
const isInCollapsiblePart = event.composedPath().includes(collapsiblePart);
|
|
299
|
-
|
|
300
|
-
this.host.toggleAttribute('data-expanded', isHeaderExpanded);
|
|
319
|
+
this.host.toggleAttribute('data-expanded', isInCollapsiblePart);
|
|
301
320
|
}
|
|
302
321
|
isWithinHeader(target) {
|
|
303
322
|
return target instanceof Node && (target === this.host || this.host.contains(target));
|
|
@@ -321,10 +340,10 @@ const PostHeader = class {
|
|
|
321
340
|
render() {
|
|
322
341
|
const onDesktop = this.device === 'desktop';
|
|
323
342
|
const onTabletAndMobile = this.device !== 'desktop';
|
|
324
|
-
return (index.h(index.Host, { key: '
|
|
343
|
+
return (index.h(index.Host, { key: '4c74840c9613cb23844f18754a25acfc0d16f128', "data-version": _package.version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, index.h("header", { key: '711ff06b1294ab7cca504cbb1b18ea132f2e2a29' }, index.h("div", { key: '91f37765845ec6df6f878a5750acb2f9d3a9a3ef', ref: el => (this.globalHeader = el), class: "global-header" }, index.h("div", { key: '9ce59aeb02b710ebf435dd71a44daef5729784cb', class: "section" }, index.h("div", { key: '9ae9b8a9d4d53eb18cee84167b6fd0900ca968bf', class: "logo" }, index.h("slot", { key: 'a0970fc3b536710b746d62013da387a03ac02ae6', name: "post-logo" })), index.h("div", { key: '685cf65541a21d8911705317b62ac7a5f900141a', class: "sliding-controls" }, onDesktop && (index.h("div", { key: '540854418db78414095ef58d376401955e05458b', class: "audience" }, index.h("slot", { key: '57f1a927cffb3baea05d7ea54d78fd57349dd81f', name: "audience" }))), index.h("slot", { key: '1f473accb45b6da9ca0225ed1ee1c075a89cc5a4', name: "global-nav-primary" }), (onDesktop || !this.hasMainNav) && [
|
|
325
344
|
index.h("slot", { key: "global-nav-secondary", name: "global-nav-secondary" }),
|
|
326
345
|
index.h("slot", { key: "language-menu", name: "language-menu" }),
|
|
327
|
-
], index.h("slot", { key: '
|
|
346
|
+
], index.h("slot", { key: '2f22dad30f8b4482b86aa44f4806844a0543826e', name: "post-login" }), onTabletAndMobile && this.hasMainNav && (index.h("post-togglebutton", { key: 'd9440ab691459ee505bd3fee43df08eab4fd7d6e', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, index.h("span", { key: 'c8e750756d635d4d145393db597e7e6c0aab0bf3' }, this.textMenu), index.h("post-icon", { key: 'ff251d5dd1815caccc2c1099dafbda2719e39531', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), index.h("post-icon", { key: '1a607d5b4bf397b17aeeaa392b2444d480740e26', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), index.h("div", { key: 'bdbd60cf795b45ff66c1078defaf388eaa9711a6', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, index.h("div", { key: '3b065f633b1dbf16595ae2665c425448c08e01a5', class: "section" }, index.h("slot", { key: '8d2a3f4491a348b16dbd71f439ed0e57b8856642', name: "side-nav" }), index.h("slot", { key: '2b169e02026daaa253e6c607d29b4c51373b30c5', name: "title" }), this.hasTitle && index.h("slot", { key: 'e4afc5c638c62533387cb35eb121e6736afc957d', name: "local-nav" }), onDesktop && index.h("slot", { key: '2dedbbec1b4af4b5f22aaf555b0c1adc2260eca3', name: "main-nav" }), onDesktop && !this.hasTitle && index.h("slot", { key: 'db0bf934df1bd189cbecb74ebc2cdc9b753c56f4', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
|
|
328
347
|
}
|
|
329
348
|
get host() { return index.getElement(this); }
|
|
330
349
|
static get watchers() { return {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-B5ypPkK3.js');
|
|
4
|
-
var _package = require('./package-
|
|
4
|
+
var _package = require('./package-DAEQGHsE.js');
|
|
5
5
|
var oneOf = require('./one-of-7TSi182P.js');
|
|
6
6
|
var type = require('./type-CAeEC3oM.js');
|
|
7
7
|
var required = require('./required-_r1rzbps.js');
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-B5ypPkK3.js');
|
|
4
|
-
var _package = require('./package-
|
|
4
|
+
var _package = require('./package-DAEQGHsE.js');
|
|
5
5
|
var switchVariants = require('./switch-variants-DyPKloa0.js');
|
|
6
6
|
var required = require('./required-_r1rzbps.js');
|
|
7
7
|
var type = require('./type-CAeEC3oM.js');
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-B5ypPkK3.js');
|
|
4
|
-
var _package = require('./package-
|
|
4
|
+
var _package = require('./package-DAEQGHsE.js');
|
|
5
5
|
var switchVariants = require('./switch-variants-DyPKloa0.js');
|
|
6
6
|
var nanoid = require('./nanoid-CmjyF1Cm.js');
|
|
7
7
|
var required = require('./required-_r1rzbps.js');
|
|
@@ -11,7 +11,7 @@ var oneOf = require('./one-of-7TSi182P.js');
|
|
|
11
11
|
var eventFrom = require('./event-from-CTcQxB9-.js');
|
|
12
12
|
require('./create-validator-decorator-CJK3Xf77.js');
|
|
13
13
|
|
|
14
|
-
const postLanguageMenuCss = () => `:host{display:-ms-flexbox;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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.post-language-menu-trigger{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;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);-webkit-box-shadow:none;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:-ms-flexbox;display:flex;padding:4px 10px;gap:6px;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;line-height:inherit;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:
|
|
14
|
+
const postLanguageMenuCss = () => `:host{display:-ms-flexbox;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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.post-language-menu-trigger{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;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);-webkit-box-shadow:none;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:-ms-flexbox;display:flex;padding:4px 10px;gap:6px;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;line-height:inherit;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: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){.post-language-menu-trigger:focus-visible{outline-color:Highlight !important}}.post-language-menu-trigger.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.pretend-focus{outline-color:Highlight !important}}.post-language-menu-trigger:has(: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){.post-language-menu-trigger:has(:focus-visible){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{border-width:1px !important;-webkit-transition:none;transition:none}.post-language-menu-trigger:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !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){-webkit-box-shadow:var(--post-device-elevation-100);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{-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-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{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.post-language-menu-list{display:-ms-flexbox;display:flex;gap:8px;margin-top:16px}`;
|
|
15
15
|
|
|
16
16
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
17
17
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-B5ypPkK3.js');
|
|
4
|
-
var _package = require('./package-
|
|
4
|
+
var _package = require('./package-DAEQGHsE.js');
|
|
5
5
|
|
|
6
6
|
const postLinkareaCss = () => `:host{display:block;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-within){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-within){outline-color:Highlight !important}}`;
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-B5ypPkK3.js');
|
|
4
|
-
var _package = require('./package-
|
|
4
|
+
var _package = require('./package-DAEQGHsE.js');
|
|
5
5
|
|
|
6
6
|
const postListboxOptionCss = () => `:host{padding:12px 12px 9px 16px;background-color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-pack:justify;justify-content:space-between}:host(:hover){background-color:#f0efed}:host([data-active=true]){outline:2px solid #000;outline-offset:-4px}:host([hidden]){display:none}:host(:focus-visible){outline:2px solid #050400;outline-offset:2px}.option-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}.option-description{display:none;font-size:.85em;color:#666}:host(:not(:empty)) .option-description{display:block}post-icon{width:24px;height:24px}`;
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-B5ypPkK3.js');
|
|
4
|
-
var _package = require('./package-
|
|
4
|
+
var _package = require('./package-DAEQGHsE.js');
|
|
5
5
|
var eventFrom = require('./event-from-CTcQxB9-.js');
|
|
6
6
|
|
|
7
7
|
const postListboxCss = () => `post-popovercontainer{border-radius:4px;overflow:hidden;-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300)}div[role=listbox]{max-height:384px;overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}`;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-B5ypPkK3.js');
|
|
4
|
-
var _package = require('./package-
|
|
4
|
+
var _package = require('./package-DAEQGHsE.js');
|
|
5
5
|
var url = require('./url-Cykxre4X.js');
|
|
6
6
|
require('./create-validator-decorator-CJK3Xf77.js');
|
|
7
7
|
|
|
8
|
-
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:
|
|
8
|
+
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: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){.logo-link:focus-visible{outline-color:Highlight !important}}.logo-link.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.pretend-focus{outline-color:Highlight !important}}.logo-link:has(: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){.logo-link:has(:focus-visible){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)}`;
|
|
9
9
|
|
|
10
10
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
11
11
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-B5ypPkK3.js');
|
|
4
|
-
var _package = require('./package-
|
|
4
|
+
var _package = require('./package-DAEQGHsE.js');
|
|
5
5
|
var required = require('./required-_r1rzbps.js');
|
|
6
6
|
var type = require('./type-CAeEC3oM.js');
|
|
7
7
|
require('./create-validator-decorator-CJK3Xf77.js');
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-B5ypPkK3.js');
|
|
4
|
-
var _package = require('./package-
|
|
4
|
+
var _package = require('./package-DAEQGHsE.js');
|
|
5
5
|
var required = require('./required-_r1rzbps.js');
|
|
6
6
|
var type = require('./type-CAeEC3oM.js');
|
|
7
7
|
var eventFrom = require('./event-from-CTcQxB9-.js');
|
|
8
8
|
require('./create-validator-decorator-CJK3Xf77.js');
|
|
9
9
|
|
|
10
|
-
const postMegadropdownTriggerCss = () => `button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;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);-webkit-box-shadow:none;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:-ms-flexbox;display:flex;padding:4px 10px;gap:6px;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{border-width:1px !important;-webkit-transition:none;transition:none}button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !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){-webkit-box-shadow:var(--post-device-elevation-100);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%;-ms-flex-pack:start;justify-content:start;position:relative;padding:12px 12px calc(12px - var(--post-nav-item-border-width)) 8px;gap:16px;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){-webkit-box-shadow:none;box-shadow:none}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;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)}@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;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)}@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}}}button>post-icon:where(:last-child){-webkit-margin-start:auto;margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){button{padding:9.5px 12px calc(9.5px - var(--post-nav-item-border-width)) 8px;gap:8px;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:16px 12px;gap:8px;border-bottom:0}}:host{position:relative;display:inline-block}button post-icon{-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{-webkit-transform:rotate(180deg);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{-webkit-box-shadow:inset 0 -0.7px 0 0 #f0efed;box-shadow:inset 0 -0.7px 0 0 #f0efed}button[aria-expanded=true]{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[aria-expanded=true]:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}button[aria-expanded=true]:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}}@media screen and (min-width: 1024px)and (forced-colors: active),screen and (min-width: 1024px)and (-ms-high-contrast: active),screen and (min-width: 1024px)and (-ms-high-contrast: white-on-black){button[aria-expanded=true]:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@media screen and (min-width: 1024px){@supports not selector(:has(:focus-visible)){button[aria-expanded=true]:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}button[aria-expanded=true]:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}@media screen and (min-width: 1024px)and (forced-colors: active),screen and (min-width: 1024px)and (-ms-high-contrast: active),screen and (min-width: 1024px)and (-ms-high-contrast: white-on-black){button[aria-expanded=true]:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}}@media screen and (max-width: 1023.98px){button post-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-transform:rotate(-90deg) !important;transform:rotate(-90deg) !important}}`;
|
|
10
|
+
const postMegadropdownTriggerCss = () => `button{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;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);-webkit-box-shadow:none;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:-ms-flexbox;display:flex;padding:4px 10px;gap:6px;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: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){button:focus-visible{outline-color:Highlight !important}}button.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.pretend-focus{outline-color:Highlight !important}}button:has(: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){button:has(:focus-visible){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{border-width:1px !important;-webkit-transition:none;transition:none}button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !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){-webkit-box-shadow:var(--post-device-elevation-100);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%;-ms-flex-pack:start;justify-content:start;position:relative;padding:12px 12px calc(12px - var(--post-nav-item-border-width)) 8px;gap:16px;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){-webkit-box-shadow:none;box-shadow:none}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:focus-visible{outline-style:var(--post-core-border-style-solid) !important;outline:none !important}button:focus-visible::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:focus-visible:hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:focus-visible:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:focus-visible{outline-color:Highlight !important}}button.pretend-focus{outline-style:var(--post-core-border-style-solid) !important;outline:none !important}button.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.pretend-focus:hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button.pretend-focus:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button.pretend-focus{outline-color:Highlight !important}}button:has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important;outline:none !important}button:has(:focus-visible)::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:has(:focus-visible):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:has(:focus-visible):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:has(:focus-visible){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;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)}@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}}}button>post-icon:where(:last-child){-webkit-margin-start:auto;margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){button{padding:9.5px 12px calc(9.5px - var(--post-nav-item-border-width)) 8px;gap:8px;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:16px 12px;gap:8px;border-bottom:0}}:host{position:relative;display:inline-block}button post-icon{-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{-webkit-transform:rotate(180deg);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{-webkit-box-shadow:inset 0 -0.7px 0 0 #f0efed;box-shadow:inset 0 -0.7px 0 0 #f0efed}button[aria-expanded=true]{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[aria-expanded=true]:focus-visible{outline-style:var(--post-core-border-style-solid) !important}button[aria-expanded=true]:focus-visible::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}}@media screen and (min-width: 1024px)and (forced-colors: active),screen and (min-width: 1024px)and (-ms-high-contrast: active),screen and (min-width: 1024px)and (-ms-high-contrast: white-on-black){button[aria-expanded=true]:focus-visible{outline-color:Highlight !important}}@media screen and (min-width: 1024px){button[aria-expanded=true].pretend-focus{outline-style:var(--post-core-border-style-solid) !important}button[aria-expanded=true].pretend-focus::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}}@media screen and (min-width: 1024px)and (forced-colors: active),screen and (min-width: 1024px)and (-ms-high-contrast: active),screen and (min-width: 1024px)and (-ms-high-contrast: white-on-black){button[aria-expanded=true].pretend-focus{outline-color:Highlight !important}}@media screen and (min-width: 1024px){button[aria-expanded=true]:has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}button[aria-expanded=true]:has(:focus-visible)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}}@media screen and (min-width: 1024px)and (forced-colors: active),screen and (min-width: 1024px)and (-ms-high-contrast: active),screen and (min-width: 1024px)and (-ms-high-contrast: white-on-black){button[aria-expanded=true]:has(:focus-visible){outline-color:Highlight !important}}@media screen and (min-width: 1024px){@supports not selector(:has(:focus-visible)){button[aria-expanded=true]:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}button[aria-expanded=true]:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}@media screen and (min-width: 1024px)and (forced-colors: active),screen and (min-width: 1024px)and (-ms-high-contrast: active),screen and (min-width: 1024px)and (-ms-high-contrast: white-on-black){button[aria-expanded=true]:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}}@media screen and (max-width: 1023.98px){button post-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-transform:rotate(-90deg) !important;transform:rotate(-90deg) !important}}`;
|
|
11
11
|
|
|
12
12
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13
13
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -4,7 +4,7 @@ var index = require('./index-B5ypPkK3.js');
|
|
|
4
4
|
var fadeSlide = require('./fade-slide-dPhQa-I1.js');
|
|
5
5
|
var breakpoints = require('./breakpoints-Kruvy8Dm.js');
|
|
6
6
|
var getFocusableChildren = require('./get-focusable-children-BGVgg7Te.js');
|
|
7
|
-
var _package = require('./package-
|
|
7
|
+
var _package = require('./package-DAEQGHsE.js');
|
|
8
8
|
var utils = require('./utils-s05L2ulk.js');
|
|
9
9
|
var required = require('./required-_r1rzbps.js');
|
|
10
10
|
var type = require('./type-CAeEC3oM.js');
|
|
@@ -38,7 +38,7 @@ function slide(el, direction, options = {}) {
|
|
|
38
38
|
return animateSlide(el, keyframes, options);
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
const postMegadropdownCss = () => `*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{max-height:calc(100vh - var(--post-header-height) - 48px);background-color:#f0efed;z-index:-1;inset-block-start:100%}.megadropdown.slide-in{-webkit-animation:slide-down 350ms forwards;animation:slide-down 350ms forwards}.megadropdown.slide-out{-webkit-animation:slide-up 350ms forwards;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);-ms-scroll-chaining:none;overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{-webkit-border-after:1px solid CanvasText;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{padding:48px 40px 40px}}@media screen and (max-width: 1023.98px){.section{display:-ms-flexbox;display:flex;-ms-flex-direction:column;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);-webkit-padding-before:24px;padding-block-start:24px}}@media screen and (max-width: 1023.98px){.section .megadropdown-content{-webkit-padding-after:max(24px, env(safe-area-inset-bottom, 0px));padding-block-end:max(24px, env(safe-area-inset-bottom, 0px))}}.megadropdown-title{margin-block:0 16px;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:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;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);-webkit-box-shadow:none;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);-ms-flex-order:-1;order:-1;width:-webkit-fit-content;width:-moz-fit-content;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:
|
|
41
|
+
const postMegadropdownCss = () => `*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;-webkit-box-shadow:var(--post-device-elevation-300);box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{max-height:calc(100vh - var(--post-header-height) - 48px);background-color:#f0efed;z-index:-1;inset-block-start:100%}.megadropdown.slide-in{-webkit-animation:slide-down 350ms forwards;animation:slide-down 350ms forwards}.megadropdown.slide-out{-webkit-animation:slide-up 350ms forwards;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);-ms-scroll-chaining:none;overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{-webkit-border-after:1px solid CanvasText;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{padding:48px 40px 40px}}@media screen and (max-width: 1023.98px){.section{display:-ms-flexbox;display:flex;-ms-flex-direction:column;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);-webkit-padding-before:24px;padding-block-start:24px}}@media screen and (max-width: 1023.98px){.section .megadropdown-content{-webkit-padding-after:max(24px, env(safe-area-inset-bottom, 0px));padding-block-end:max(24px, env(safe-area-inset-bottom, 0px))}}.megadropdown-title{margin-block:0 16px;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:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%;overflow:hidden;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;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);-webkit-box-shadow:none;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-radius:calc(var(--post-device-sizing-interactive-button-height-4) / 2);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);-ms-flex-order:-1;order:-1;width:-webkit-fit-content;width:-moz-fit-content;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: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){.back-button:focus-visible{outline-color:Highlight !important}}.back-button.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.pretend-focus{outline-color:Highlight !important}}.back-button:has(: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){.back-button:has(:focus-visible){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{border-width:1px !important;-webkit-transition:none;transition:none}.back-button:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}.back-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5);-ms-flex-negative:0;flex-shrink:0}.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{-webkit-margin-after:32px;margin-block-end:32px}}@media screen and (min-width: 0)and (max-width: 599.98px){.back-button{-webkit-margin-after:24px;margin-block-end:24px}}.close-button{position:absolute;inset-block-start:8px;inset-inline-end:8px}@media screen and (max-width: 1023.98px){.close-button{display:none}}`;
|
|
42
42
|
|
|
43
43
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
44
44
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -61,7 +61,7 @@ const PostMegadropdown = class {
|
|
|
61
61
|
index.registerInstance(this, hostRef);
|
|
62
62
|
this.postToggleMegadropdown = index.createEvent(this, "postToggleMegadropdown");
|
|
63
63
|
this.currentAnimation = null;
|
|
64
|
-
this.
|
|
64
|
+
this.animationDirection = null;
|
|
65
65
|
this.fsAnimationOptions = {
|
|
66
66
|
translate: -10,
|
|
67
67
|
duration: 350,
|
|
@@ -89,7 +89,7 @@ const PostMegadropdown = class {
|
|
|
89
89
|
return;
|
|
90
90
|
}
|
|
91
91
|
// Ignore clicks on the trigger or its contents to prevent running hide() twice
|
|
92
|
-
if (this.megadropdownTrigger
|
|
92
|
+
if (this.megadropdownTrigger?.contains(target)) {
|
|
93
93
|
return;
|
|
94
94
|
}
|
|
95
95
|
if (target instanceof HTMLElement) {
|
|
@@ -131,9 +131,9 @@ const PostMegadropdown = class {
|
|
|
131
131
|
* Toggles the dropdown visibility based on its current state.
|
|
132
132
|
*/
|
|
133
133
|
async toggle() {
|
|
134
|
-
if (this.
|
|
134
|
+
if (this.animationDirection) {
|
|
135
135
|
// If this is already animating towards a future state -> reverse intent
|
|
136
|
-
return this.
|
|
136
|
+
return this.animationDirection === 'in' ? this.hide() : this.show();
|
|
137
137
|
}
|
|
138
138
|
return this.isVisible ? this.hide() : this.show();
|
|
139
139
|
}
|
|
@@ -189,6 +189,9 @@ const PostMegadropdown = class {
|
|
|
189
189
|
this.forceClose();
|
|
190
190
|
return;
|
|
191
191
|
}
|
|
192
|
+
// Already closed or already closing
|
|
193
|
+
if (!this.isVisible || this.animationDirection === 'out')
|
|
194
|
+
return;
|
|
192
195
|
// Update trigger state
|
|
193
196
|
this.postToggleMegadropdown.emit({ isVisible: false, focusParent: focusParent });
|
|
194
197
|
try {
|
|
@@ -225,23 +228,34 @@ const PostMegadropdown = class {
|
|
|
225
228
|
}
|
|
226
229
|
// Run the respective animation
|
|
227
230
|
createAnimation(direction) {
|
|
231
|
+
// Keep the last frame of the closing animation until the container is hidden,
|
|
232
|
+
// otherwise it snaps back to full opacity for a frame before display: none is applied
|
|
233
|
+
const fill = direction === 'out' ? 'forwards' : 'none';
|
|
228
234
|
if (this.device === 'desktop') {
|
|
229
|
-
return fadeSlide.fadeSlide(this.animatedContainer, direction, this.fsAnimationOptions);
|
|
235
|
+
return fadeSlide.fadeSlide(this.animatedContainer, direction, { ...this.fsAnimationOptions, fill });
|
|
230
236
|
}
|
|
231
237
|
return slide(this.animatedContainer, direction, {
|
|
232
238
|
translate: 100,
|
|
233
239
|
duration: 350,
|
|
234
240
|
easing: direction === 'in' ? 'ease-in' : 'ease-out',
|
|
241
|
+
fill,
|
|
235
242
|
});
|
|
236
243
|
}
|
|
237
244
|
async animate(direction) {
|
|
238
245
|
this.cancelAnimation();
|
|
239
246
|
this.currentAnimation = this.createAnimation(direction);
|
|
240
|
-
//
|
|
241
|
-
this.
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
247
|
+
// Used to avoid toggle() de-sync and double hide() calls
|
|
248
|
+
this.animationDirection = direction;
|
|
249
|
+
try {
|
|
250
|
+
await this.currentAnimation.finished;
|
|
251
|
+
}
|
|
252
|
+
finally {
|
|
253
|
+
if (this.animationDirection === direction)
|
|
254
|
+
this.animationDirection = null;
|
|
255
|
+
}
|
|
256
|
+
// The closing animation is kept (fill: forwards) and cancelled by the next animate() call
|
|
257
|
+
if (direction === 'in')
|
|
258
|
+
this.currentAnimation = null;
|
|
245
259
|
}
|
|
246
260
|
cancelAnimation() {
|
|
247
261
|
this.currentAnimation?.cancel();
|
|
@@ -282,11 +296,15 @@ const PostMegadropdown = class {
|
|
|
282
296
|
}
|
|
283
297
|
}
|
|
284
298
|
handleTabOutside(e) {
|
|
285
|
-
if (e.key
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
299
|
+
if (e.key !== 'Tab' || this.device !== 'desktop' || !this.isVisible)
|
|
300
|
+
return;
|
|
301
|
+
const target = e.target;
|
|
302
|
+
if (this.host.contains(target))
|
|
303
|
+
return;
|
|
304
|
+
// Focus on the own trigger keeps it open, Enter / Space on the trigger closes it
|
|
305
|
+
if (this.megadropdownTrigger?.contains(target))
|
|
306
|
+
return;
|
|
307
|
+
this.hide(false);
|
|
290
308
|
}
|
|
291
309
|
/**
|
|
292
310
|
* Sets up a MutationObserver on the host to watch for changes
|
|
@@ -334,7 +352,7 @@ const PostMegadropdown = class {
|
|
|
334
352
|
}
|
|
335
353
|
render() {
|
|
336
354
|
const containerStyle = this.isVisible ? {} : { display: 'none' };
|
|
337
|
-
return (index.h(index.Host, { key: '
|
|
355
|
+
return (index.h(index.Host, { key: '8b9fe023f42390243b55d4efcf58e57d7bae8982', version: _package.version }, index.h("div", { key: '5840742453a8d44dd16f09f368958ac0f734ece7', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, index.h("div", { key: '76332b6f916948ab11411b3dfd5fe97ca6522847', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (index.h("p", { key: '3e7cf05cbd7a134ebb417fd5e83f2052874f6c38', class: "megadropdown-title" }, this.megadropdownTitle)), index.h("div", { key: '76f902df0e84fb68556ffc6735e5188b1c1babf8', class: "megadropdown-content" }, index.h("slot", { key: '6b69815d2b418395b246dc2681a0597c47f59034' })), this.device === 'desktop' ? (index.h("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (index.h("button", { onClick: () => this.hide(true), class: "back-button" }, index.h("post-icon", { name: "arrowleft" }), this.textBack))))));
|
|
338
356
|
}
|
|
339
357
|
get host() { return index.getElement(this); }
|
|
340
358
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-B5ypPkK3.js');
|
|
4
|
-
var _package = require('./package-
|
|
4
|
+
var _package = require('./package-DAEQGHsE.js');
|
|
5
5
|
|
|
6
|
-
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;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;width:100%}@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 button,post-menu-item a{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:8px 12px 8px 16px;gap:12px;font-size:.875rem;color:#050400;border-radius:0;text-decoration:none}@media screen and (min-width: 780px){post-menu-item button,post-menu-item a{font-size:1rem;padding-block:12px;gap:16px}}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem;padding-block:13px}}post-menu-item button:focus-visible,post-menu-item a:focus-visible{outline-
|
|
6
|
+
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;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;width:100%}@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 button,post-menu-item a{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:8px 12px 8px 16px;gap:12px;font-size:.875rem;color:#050400;border-radius:0;text-decoration:none}@media screen and (min-width: 780px){post-menu-item button,post-menu-item a{font-size:1rem;padding-block:12px;gap:16px}}@media screen and (min-width: 1024px){post-menu-item button,post-menu-item a{font-size:1.25rem;padding-block:13px}}post-menu-item button:focus-visible,post-menu-item a:focus-visible{outline:none !important}post-menu-item button.pretend-focus,post-menu-item a.pretend-focus{outline:none !important}post-menu-item button:has(:focus-visible),post-menu-item a:has(:focus-visible){outline:none !important}@supports not selector(:has(:focus-visible)){post-menu-item button:is(:focus-visible,:focus-within,.pretend-focus),post-menu-item a:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}}post-menu-item button::after,post-menu-item a::after{content:"";position:absolute;inset:0;width:100%;height:100%;border-radius:calc(var(--post-device-border-radius-focus) - var(--post-device-spacing-padding-44))}post-menu-item button::after,post-menu-item a::after{outline-offset:var(--post-device-spacing-padding-44) !important;outline:#050400 none var(--post-device-border-width-focus) !important}post-menu-item button:focus-visible::after,post-menu-item a:focus-visible::after{outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button:focus-visible::after,post-menu-item a:focus-visible::after{outline-color:Highlight !important}}post-menu-item button.pretend-focus::after,post-menu-item a.pretend-focus::after{outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button.pretend-focus::after,post-menu-item a.pretend-focus::after{outline-color:Highlight !important}}post-menu-item button:has(:focus-visible)::after,post-menu-item a:has(:focus-visible)::after{outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button:has(:focus-visible)::after,post-menu-item a:has(:focus-visible)::after{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-menu-item button:is(:focus-visible,:focus-within,.pretend-focus)::after,post-menu-item a:is(:focus-visible,:focus-within,.pretend-focus)::after{outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-menu-item button:is(:focus-visible,:focus-within,.pretend-focus)::after,post-menu-item a:is(:focus-visible,:focus-within,.pretend-focus)::after{outline-color:Highlight !important}}}post-menu-item button:hover,post-menu-item a:hover{background-color:#504f4b;color:#fff}post-menu-item button:hover:focus-visible::after,post-menu-item a:hover:focus-visible::after{outline-color:#fff !important}post-menu-item button:hover.pretend-focus::after,post-menu-item a:hover.pretend-focus::after{outline-color:#fff !important}post-menu-item button:hover:has(:focus-visible)::after,post-menu-item a:hover:has(:focus-visible)::after{outline-color:#fff !important}@supports not selector(:has(:focus-visible)){post-menu-item button:hover:is(:focus-visible,:focus-within,.pretend-focus)::after,post-menu-item a:hover:is(:focus-visible,:focus-within,.pretend-focus)::after{outline-color:#fff !important}}post-menu-item button post-icon,post-menu-item a post-icon{width:16px;height:16px;margin-block:4px}@media screen and (min-width: 780px){post-menu-item button post-icon,post-menu-item a post-icon{width:24px;height:24px;margin:0}}`;
|
|
7
7
|
|
|
8
8
|
const PostMenuItem = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-B5ypPkK3.js');
|
|
4
|
-
var _package = require('./package-
|
|
4
|
+
var _package = require('./package-DAEQGHsE.js');
|
|
5
5
|
var getRoot = require('./get-root-B1FnQ50K.js');
|
|
6
|
+
var isFocusVisible = require('./is-focus-visible-B3CqVQsX.js');
|
|
6
7
|
var getFocusableChildren = require('./get-focusable-children-BGVgg7Te.js');
|
|
7
8
|
var oneOf = require('./one-of-7TSi182P.js');
|
|
8
9
|
var placement = require('./placement-qEFR9hmI.js');
|
|
@@ -11,7 +12,7 @@ var type = require('./type-CAeEC3oM.js');
|
|
|
11
12
|
var eventFrom = require('./event-from-CTcQxB9-.js');
|
|
12
13
|
require('./create-validator-decorator-CJK3Xf77.js');
|
|
13
14
|
|
|
14
|
-
const postMenuCss = () => `:host{display:block}:where([part=post-menu]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-block:8px}::slotted([slot=header]){margin-top:-8px;padding:16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;-webkit-border-after:1px solid #050400;border-block-end:1px solid #050400;font-weight:700}@media screen and (max-width: 1023.98px){::slotted([slot=header]){padding:12px 16px}}@media screen and (max-width: 779.98px){::slotted([slot=header]){padding:8px 16px}}post-popovercontainer::part(post-popovercontainer-content){background-color:#fff}`;
|
|
15
|
+
const postMenuCss = () => `:host{display:block}:where([part=post-menu]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-block:8px;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}::slotted([slot=header]){margin-top:-8px;padding:16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;-webkit-border-after:1px solid #050400;border-block-end:1px solid #050400;font-weight:700}@media screen and (max-width: 1023.98px){::slotted([slot=header]){padding:12px 16px}}@media screen and (max-width: 779.98px){::slotted([slot=header]){padding:8px 16px}}post-popovercontainer::part(post-popovercontainer-content){background-color:#fff}`;
|
|
15
16
|
|
|
16
17
|
var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
17
18
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -131,7 +132,7 @@ const PostMenu = class {
|
|
|
131
132
|
this.lastFocusedElement = this.root?.activeElement;
|
|
132
133
|
// Only focus the first item if the trigger was keyboard-focus-visible
|
|
133
134
|
// that's the browser's own signal for a keyboard-driven interaction.
|
|
134
|
-
if (
|
|
135
|
+
if (isFocusVisible.isFocusVisible(this.lastFocusedElement)) {
|
|
135
136
|
requestAnimationFrame(() => {
|
|
136
137
|
const menuItems = this.getSlottedItems();
|
|
137
138
|
if (menuItems.length > 0) {
|
|
@@ -144,17 +145,6 @@ const PostMenu = class {
|
|
|
144
145
|
this.lastFocusedElement.focus();
|
|
145
146
|
}
|
|
146
147
|
}
|
|
147
|
-
wasFocusVisible(element) {
|
|
148
|
-
if (!element)
|
|
149
|
-
return false;
|
|
150
|
-
try {
|
|
151
|
-
return element.matches(':focus-visible');
|
|
152
|
-
}
|
|
153
|
-
catch {
|
|
154
|
-
// Not supported, fall back to always focusing
|
|
155
|
-
return true;
|
|
156
|
-
}
|
|
157
|
-
}
|
|
158
148
|
controlKeyDownHandler(e) {
|
|
159
149
|
const menuItems = this.getSlottedItems();
|
|
160
150
|
if (menuItems.length === 0) {
|
|
@@ -206,7 +196,7 @@ const PostMenu = class {
|
|
|
206
196
|
]));
|
|
207
197
|
}
|
|
208
198
|
render() {
|
|
209
|
-
return (index.h(index.Host, { key: '
|
|
199
|
+
return (index.h(index.Host, { key: '988b77e3589a499e23e95eb6eff985edbadd4d2e', "data-version": _package.version }, index.h("post-popovercontainer", { key: 'fd0ee4d4234fe1f222757c00d778ebb2a2c5ac13', autoHide: true, autoResize: true, onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: '8b46a79db5944854c97c862608bd5a8d9113398e', part: "post-menu" }, index.h("slot", { key: 'a024a0ade2a865b12d1a452c6c33f9afde1f34e0', name: "header" }), index.h("slot", { key: '1465a5d8d9463e6557a2a8c32aa119429a4783b3' })))));
|
|
210
200
|
}
|
|
211
201
|
get host() { return index.getElement(this); }
|
|
212
202
|
};
|