@swisspost/internet-header 10.6.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-pKyFPwiA.js → package-DAEQGHsE.js} +1 -1
- package/dist/cjs/{package-D7UYFbVU.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 +39 -23
- package/dist/cjs/post-footer.cjs.entry.js +2 -2
- package/dist/cjs/post-header.cjs.entry.js +40 -15
- 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 +34 -17
- package/dist/cjs/swisspost-internet-header.cjs.js +1 -1
- package/dist/collection/components/internal/UserMenu.js +8 -6
- package/dist/collection/services/config.service.js +25 -10
- 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-footer2.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-Dy8-dzD8.js → package--a_K3g1E.js} +1 -1
- package/dist/esm/{package-T8T3po4z.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 +39 -23
- package/dist/esm/post-footer.entry.js +2 -2
- package/dist/esm/post-header.entry.js +40 -15
- 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 +34 -17
- 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-Dy8-dzD8.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-fcfd3134.entry.js → p-0c6839cd.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-f4ce6247.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-255b2067.entry.js → p-174e2b92.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-613fa3a4.entry.js → p-1ab10b94.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-0d4d5c56.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-3d38ab21.entry.js → p-22da79ea.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-72377b16.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-ca68b8cf.entry.js → p-2d56ef1f.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-4bdbf9e9.system.entry.js → p-3124582e.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-000978a2.system.entry.js → p-36232387.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-1780039a.entry.js → p-381ac502.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-81f34993.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-6f187e15.entry.js → p-3ef5a7c0.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-f3e68437.system.entry.js → p-42fe4c65.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-bfc4a6a9.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-84ebaf4b.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-31af5cf2.system.entry.js → p-4b39fa0b.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-bb4c3ac1.entry.js → p-4d94cb9d.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-089412b9.entry.js → p-518f5952.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-8f21a530.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-03587cd5.entry.js → p-57b73dd7.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-d68a1179.entry.js → p-5a929d5c.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-a8b0c0ec.system.entry.js → p-5aa3e212.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-0f501e99.system.entry.js → p-5ac46ce3.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-b344fa82.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-62a14cc2.system.entry.js +1 -0
- package/dist/swisspost-internet-header/p-62b7473b.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-25407470.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-39af32a0.system.entry.js → p-74b8b73a.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-155f5b00.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-599e94e7.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-94aae5c3.entry.js +1 -0
- package/dist/swisspost-internet-header/{p-e69e8fa4.entry.js → p-94c7624f.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-a46ef8a8.system.entry.js → p-9ac136f3.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-D_rLPX5e.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-B-DGLCj0.js → p-BXoqlxOG.js} +1 -1
- package/dist/swisspost-internet-header/p-BdiQsTQm.js +1 -0
- package/dist/swisspost-internet-header/{p-COm5Sc71.system.js → p-CYBchhbg.system.js} +1 -1
- package/dist/swisspost-internet-header/p-Ctf1S46w.system.js +1 -0
- 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-d7c2cce3.entry.js → p-c36c9d88.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-2e8c0f26.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-d52b2e2e.system.entry.js +1 -0
- 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-c1e818d2.entry.js → p-de1eae9a.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-21e537be.system.entry.js → p-ef4aec35.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-0c651391.system.entry.js → p-f2794080.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-586ee1e8.system.entry.js → p-f78ac8af.system.entry.js} +1 -1
- package/dist/swisspost-internet-header/{p-8717e0ce.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/dist/types/services/config.service.d.ts +2 -1
- package/package.json +9 -7
- package/dist/esm-es5/package-T8T3po4z.js +0 -1
- package/dist/swisspost-internet-header/p-068b1e2b.entry.js +0 -1
- package/dist/swisspost-internet-header/p-087b1e22.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-094ef16a.entry.js +0 -1
- package/dist/swisspost-internet-header/p-1502d221.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-161b1a45.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-16623b05.entry.js +0 -1
- package/dist/swisspost-internet-header/p-1a18ac48.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-2196012d.entry.js +0 -1
- package/dist/swisspost-internet-header/p-2197ca9e.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-2b0f93fb.entry.js +0 -1
- package/dist/swisspost-internet-header/p-2da6fba5.entry.js +0 -1
- package/dist/swisspost-internet-header/p-35b6e07c.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-3ff138ba.entry.js +0 -1
- package/dist/swisspost-internet-header/p-42806d60.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-4557a744.entry.js +0 -1
- package/dist/swisspost-internet-header/p-4562d9d8.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-53c33e94.entry.js +0 -1
- package/dist/swisspost-internet-header/p-5443664a.entry.js +0 -1
- package/dist/swisspost-internet-header/p-547d9572.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-57f1f9e2.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-651b9efe.entry.js +0 -1
- package/dist/swisspost-internet-header/p-6d6fb84b.entry.js +0 -1
- package/dist/swisspost-internet-header/p-6f79a60d.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-7ad0de4b.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-826d0669.entry.js +0 -1
- package/dist/swisspost-internet-header/p-98d2dfb3.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-9b6c8533.entry.js +0 -1
- package/dist/swisspost-internet-header/p-9c5941a2.entry.js +0 -1
- package/dist/swisspost-internet-header/p-BT1GO8tc.system.js +0 -1
- package/dist/swisspost-internet-header/p-T8T3po4z.js +0 -1
- package/dist/swisspost-internet-header/p-a435a51d.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-a75d1e4f.entry.js +0 -1
- package/dist/swisspost-internet-header/p-abe2eefe.entry.js +0 -1
- package/dist/swisspost-internet-header/p-b4de053e.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-b85fabc2.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-c96dbc97.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-caed751e.entry.js +0 -1
- package/dist/swisspost-internet-header/p-cb52e42c.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-cec19e1d.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-d45690b3.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-e5ebe099.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-e6ec5fa5.entry.js +0 -1
- package/dist/swisspost-internet-header/p-ede58236.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-f4489f68.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-f783b224.system.entry.js +0 -1
- package/dist/swisspost-internet-header/p-fdbcf065.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as o,HTMLElement as e,h as t,Host as i,transformTag as r}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{d as c}from"./post-collapsible2.js";import{d as s}from"./post-collapsible-trigger2.js";import{d as n}from"./post-icon2.js";import{n as d}from"./nanoid.js";import{E as l}from"./event-from.js";const b=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.collapsed=!1}onCollapseToggle(o){this.collapsed=!o.detail}async toggle(o){return this.collapsible.toggle(o)}onSlotLogoChange(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}componentWillRender(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}render(){const o=`c${d(6)}`,e=this.host.closest("post-accordion")?.getAttribute("heading-level");return t(i,{key:"b9699596d57887d99214c6f163355535c68eae1a","data-version":a},t("post-collapsible-trigger",{key:"ebd7c9d6bf2bc35d548867edc8766e31125d8509",for:o},t(`h${e??2}`,{key:"93806261d7dba93569b09d37dff0c01b4f29268b",class:"accordion-header"},t("button",{key:"785a4bcff2c6705aade9b045e1176d43a2ef202b",type:"button",class:"accordion-button"+(this.collapsed?" collapsed":""),part:"post-accordion-button"},t("span",{key:"87f8ba7f7ebe2ba851b6dc134656296820c467d0",class:{"logo-container":!0,"has-image":!!this.slottedLogo}},t("slot",{key:"146256cb174f5895b25fd8f44464ca32fba6b6ee",name:"logo",onSlotchange:this.onSlotLogoChange.bind(this)})),t("slot",{key:"d742ef89a88280f85c7da697536d4ad2ff825f0b",name:"header"}),t("post-icon",{key:"f83e438c9d504ebaa0066df81b6f74ec14dcb08a",name:"chevronup"})))),t("post-collapsible",{key:"179f36eab7ebdb9faa909a70eb43e1d78503e6e1",id:o,collapsed:this.collapsed,ref:o=>this.collapsible=o},t("div",{key:"e93c3570cf76c971b49bf28d3d5540ac289b2469",class:"accordion-body",part:"post-accordion-body"},t("slot",{key:"db26c35edb371cb855141b6f7552d96ea10e06a4"}))))}get host(){return this}static get style(){return':host{display:block;-webkit-border-after:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}:host:has(.accordion-button:hover){border-block-end-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host:has(.accordion-button:hover){border-block-end-color:Highlight}}:host([collapsed]) .accordion-button post-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;display:-ms-flexbox;display:flex;position:relative;width:100%;-ms-flex-align:center;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding-block:var(--post-device-spacing-padding-19);padding-inline:var(--post-device-spacing-padding-5);-webkit-border-after:var(--post-device-border-width-default) var(--post-core-border-style-solid) rgba(0,0,0,0);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) rgba(0,0,0,0);cursor:pointer;outline:none !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.accordion-button:
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as e,h as t,Host as i,transformTag as r}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{d as c}from"./post-collapsible2.js";import{d as s}from"./post-collapsible-trigger2.js";import{d as n}from"./post-icon2.js";import{n as d}from"./nanoid.js";import{E as l}from"./event-from.js";const b=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.collapsed=!1}onCollapseToggle(o){this.collapsed=!o.detail}async toggle(o){return this.collapsible.toggle(o)}onSlotLogoChange(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}componentWillRender(){this.slottedLogo=this.host.querySelector('img[slot="logo"]')}render(){const o=`c${d(6)}`,e=this.host.closest("post-accordion")?.getAttribute("heading-level");return t(i,{key:"b9699596d57887d99214c6f163355535c68eae1a","data-version":a},t("post-collapsible-trigger",{key:"ebd7c9d6bf2bc35d548867edc8766e31125d8509",for:o},t(`h${e??2}`,{key:"93806261d7dba93569b09d37dff0c01b4f29268b",class:"accordion-header"},t("button",{key:"785a4bcff2c6705aade9b045e1176d43a2ef202b",type:"button",class:"accordion-button"+(this.collapsed?" collapsed":""),part:"post-accordion-button"},t("span",{key:"87f8ba7f7ebe2ba851b6dc134656296820c467d0",class:{"logo-container":!0,"has-image":!!this.slottedLogo}},t("slot",{key:"146256cb174f5895b25fd8f44464ca32fba6b6ee",name:"logo",onSlotchange:this.onSlotLogoChange.bind(this)})),t("slot",{key:"d742ef89a88280f85c7da697536d4ad2ff825f0b",name:"header"}),t("post-icon",{key:"f83e438c9d504ebaa0066df81b6f74ec14dcb08a",name:"chevronup"})))),t("post-collapsible",{key:"179f36eab7ebdb9faa909a70eb43e1d78503e6e1",id:o,collapsed:this.collapsed,ref:o=>this.collapsible=o},t("div",{key:"e93c3570cf76c971b49bf28d3d5540ac289b2469",class:"accordion-body",part:"post-accordion-body"},t("slot",{key:"db26c35edb371cb855141b6f7552d96ea10e06a4"}))))}get host(){return this}static get style(){return':host{display:block;-webkit-border-after:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}:host:has(.accordion-button:hover){border-block-end-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host:has(.accordion-button:hover){border-block-end-color:Highlight}}:host([collapsed]) .accordion-button post-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;display:-ms-flexbox;display:flex;position:relative;width:100%;-ms-flex-align:center;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding-block:var(--post-device-spacing-padding-19);padding-inline:var(--post-device-spacing-padding-5);-webkit-border-after:var(--post-device-border-width-default) var(--post-core-border-style-solid) rgba(0,0,0,0);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) rgba(0,0,0,0);cursor:pointer;outline:none !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.accordion-button:focus-visible::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:focus-visible::before{outline-color:Highlight !important}}.accordion-button.pretend-focus::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button.pretend-focus::before{outline-color:Highlight !important}}.accordion-button:has(:focus-visible)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:has(:focus-visible)::before{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){-ms-flex-positive:1;flex-grow:1}.accordion-button post-icon{-ms-flex:none;flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;-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);-webkit-transform:var(--post-accordion-icon-initial-transform, none);transform:var(--post-accordion-icon-initial-transform, none)}.accordion-button.collapsed{-webkit-padding-before:var(--post-device-spacing-padding-19);padding-block-start:var(--post-device-spacing-padding-19);-webkit-padding-after:var(--post-device-spacing-padding-19);padding-block-end:var(--post-device-spacing-padding-19)}.accordion-button.collapsed post-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}post-collapsible{-webkit-margin-after:calc(var(--post-device-border-width-default)*-1);margin-block-end:calc(var(--post-device-border-width-default)*-1)}.accordion-body{-webkit-padding-before:var(--post-device-spacing-padding-15);padding-block-start:var(--post-device-spacing-padding-15);-webkit-padding-after:var(--post-device-spacing-padding-block-25);padding-block-end:var(--post-device-spacing-padding-block-25);padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){-webkit-margin-before:0 !important;margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){-webkit-margin-after:0 !important;margin-block-end:0 !important}'}},[257,"post-accordion-item",{collapsed:[1540],slottedLogo:[32],toggle:[64]},[[2,"postToggle","onCollapseToggle"]]]);function p(){"undefined"!=typeof customElements&&["post-accordion-item","post-collapsible","post-collapsible-trigger","post-icon"].forEach((o=>{switch(o){case"post-accordion-item":customElements.get(r(o))||customElements.define(r(o),b);break;case"post-collapsible":customElements.get(r(o))||c();break;case"post-collapsible-trigger":customElements.get(r(o))||s();break;case"post-icon":customElements.get(r(o))||n()}}))}!function(o,e,t,i){var r,a=arguments.length,c=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(o,e,t,i);else for(var s=o.length-1;s>=0;s--)(r=o[s])&&(c=(a<3?r(c):a>3?r(e,t,c):r(e,t))||c);a>3&&c&&Object.defineProperty(e,t,c)}([l("post-accordion-item")],b.prototype,"onCollapseToggle",null);export{b as P,p as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as t,HTMLElement as e,h as i,Host as
|
|
1
|
+
import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as a}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{P as o}from"./pattern.js";import{R as n}from"./required.js";import{T as c}from"./type.js";var l=function(t,e,i,s){var a,r=arguments.length,o=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(o=(r<3?a(o):r>3?a(e,i,o):a(e,i))||o);return r>3&&o&&Object.defineProperty(e,i,o),o};const d=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;var h;!function(t){t.Slotted="slotted",t.Image="image",t.Initials="initials"}(h||(h={}));const m=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.slottedImage=null,this.avatarType=h.Initials,this.imageUrl="",this.imageAlt="",this.showSlottedImage=()=>{this.slottedImage&&(this.slottedImage.style.display="block",this.avatarType=h.Slotted)},this.hideSlottedImage=()=>{this.slottedImage&&(this.slottedImage.style.display="none"),this.avatarType=h.Initials}}updateEmail(){this.getAvatarImage()}async getAvatarImage(){let t=!1;this.slottedImage=this.host.querySelector("img");const e=this.slottedImage?.getAttribute("src");e?(this.imageUrl="",this.updateSlottedImageVisibility()):(this.imageUrl="",this.email?.match(d)&&(t=await this.getImageByProp(this.email,this.fetchImageByEmail.bind(this))),t||(this.avatarType=h.Initials))}async getImageByProp(t,e,i=h.Image){if(!t)return!1;try{const s=await e(t);return i===h.Image&&(this.imageUrl=s,this.imageAlt=[this.firstname,this.lastname].filter(Boolean).join(" ")+" avatar"),this.avatarType=i,!0}catch(t){return console.info("Loading avatar image failed.",t),!1}}async fetchImageByEmail(t){return await this.loadImage(await async function(t){return`https://www.gravatar.com/avatar/${await async function(t){return await crypto.subtle.digest("SHA-256",(new TextEncoder).encode(t)).then((t=>Array.from(new Uint8Array(t)).map((t=>t.toString(16).padStart(2,"0"))).join("")))}(t.trim().toLowerCase())}?s=80&d=404&r=g`}(t))}updateSlottedImageVisibility(){this.slottedImage?.complete&&this.slottedImage.naturalWidth>0?this.showSlottedImage():this.hideSlottedImage()}loadImage(t){return new Promise(((e,i)=>{const s=new Image;s.addEventListener("load",(()=>e(t)),{once:!0}),s.addEventListener("error",(()=>i(Error("Could not load "+t))),{once:!0}),s.src=t}))}slotChanged(t){const e=t.target.assignedElements({flatten:!0}).find((t=>t instanceof HTMLImageElement));e instanceof HTMLImageElement?this.observeSlottedImage(e):(this.disconnectSlottedImage(),this.slottedImage=null,this.getAvatarImage())}observeSlottedImage(t){this.disconnectSlottedImage(),this.slottedImage=t,t.addEventListener("load",this.showSlottedImage),t.addEventListener("error",this.hideSlottedImage),this.slottedImageObserver=new MutationObserver((()=>this.getAvatarImage())),this.slottedImageObserver.observe(t,{attributes:!0,attributeFilter:["src"]}),this.updateSlottedImageVisibility()}disconnectSlottedImage(){this.slottedImageObserver?.disconnect(),this.slottedImage&&(this.slottedImage.removeEventListener("load",this.showSlottedImage),this.slottedImage.removeEventListener("error",this.hideSlottedImage))}componentWillLoad(){this.avatarType=h.Initials,this.getAvatarImage()}disconnectedCallback(){this.disconnectSlottedImage()}render(){const t=[this.firstname,this.lastname].filter((t=>"string"==typeof t)).map((t=>t.trim())),e=t.map((t=>t.charAt(0))).join("").trim(),a=t.join(" ");return i(s,{key:"ccba82ea3d543a8fad108ea7a8dd30bf6715c132","data-version":r},i("span",{key:"5e7b58d3eeb6bdf49c8a81f36b4d7fffa5b925cc"},i("slot",{key:"7b91589fbccdef4e29e3f5f3f58607887adac559",onSlotchange:t=>this.slotChanged(t)})),this.avatarType===h.Image&&i("img",{key:"65e9e2945592323e54e08d8152e7571222ad728d",src:this.imageUrl,alt:this.imageAlt}),this.avatarType===h.Initials&&i("span",{key:"d4305127e6c77239ab4bf3226aacc153277732cc",class:"initials"},e,i("span",{key:"5e681cb3205708fc42706d20c5d37a097f290898"},this.description??a)))}get host(){return this}static get watchers(){return{email:[{updateEmail:0}]}}static get style(){return':host{--post-avatar-bg:var(--post-scheme-color-interactive-primary-enabled-bg2);--post-avatar-fg:var(--post-scheme-color-interactive-primary-enabled-fg3);display:-ms-inline-flexbox;display:inline-flex;position:relative;width:var(--post-device-sizing-interactive-icon-size3);height:var(--post-device-sizing-interactive-icon-size3);background-color:var(--post-scheme-color-interactive-primary-enabled-stroke3);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-enabled-stroke3);border-radius:var(--post-device-border-radius-round);font-size:var(--post-device-font-size-8);vertical-align:top;line-height:1}:host::after{display:block;content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}slot,img,::slotted(img){display:block;width:100%;height:100%}img,::slotted(img){border-radius:var(--post-device-border-radius-round)}::slotted(:not(img)){display:none !important}.initials{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;height:100%;background-color:var(--post-avatar-bg);border-radius:var(--post-device-border-radius-round);color:var(--post-avatar-fg);text-transform:uppercase;font-weight:400;-webkit-transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}.initials span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}'}},[257,"post-avatar",{firstname:[513],lastname:[1],email:[1],description:[1],avatarType:[32],imageUrl:[32],imageAlt:[32]},void 0,{email:[{updateEmail:0}]}]);l([n(),c("string")],m.prototype,"firstname",void 0),l([c("string")],m.prototype,"lastname",void 0),l([o(d)],m.prototype,"email",void 0),l([c("string")],m.prototype,"description",void 0);const p=m,f=function(){"undefined"!=typeof customElements&&["post-avatar"].forEach((t=>{"post-avatar"===t&&(customElements.get(a(t))||customElements.define(a(t),m))}))};export{p as PostAvatar,f as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as t,HTMLElement as o,h as e,Host as i,transformTag as s}from"@stencil/core/internal/client";import{f as a}from"./fade-slide.js";import{v as c}from"./package.js";import{d as r}from"./post-icon2.js";import{R as n}from"./required.js";import{T as l}from"./type.js";const
|
|
1
|
+
import{proxyCustomElement as t,HTMLElement as o,h as e,Host as i,transformTag as s}from"@stencil/core/internal/client";import{f as a}from"./fade-slide.js";import{v as c}from"./package.js";import{d as r}from"./post-icon2.js";import{R as n}from"./required.js";import{T as l}from"./type.js";const h=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.belowFold=!1,this.handleScroll=()=>{this.belowFold=this.isBelowFold()}}isBelowFold(){return window.scrollY>window.innerHeight}async watchBelowFold(t){this.currentAnimation?.cancel(),this.host.hidden=!1,this.currentAnimation=a(this.host,t?"in":"out",{translate:this.translateY,fill:"forwards"});try{await this.currentAnimation.finished,this.belowFold||(this.host.hidden=!0)}catch{}}scrollToTop(){window.scrollTo({top:0,behavior:"smooth"})}getSecondPixelValue(t){for(const o of t){const t=o.match(/\b\d+px\b/g);if(t&&t.length>1)return t[1]}}animateButton(){const t=globalThis.getComputedStyle(this.host).getPropertyValue("top"),o=this.host.shadowRoot.querySelector("button"),e=getComputedStyle(o).getPropertyValue("--post-back-to-top-elevation").split(","),i=this.getSecondPixelValue(e);t&&"auto"!==t&&i&&(this.translateY=-1-Number.parseFloat(t.replace("px",""))-Number.parseFloat(i.replace("px","")),this.belowFold&&a(this.host,"in",{translate:this.translateY,fill:"forwards"}),this.belowFold||(this.host.style.transform=`translateY(${this.translateY})`))}componentWillLoad(){this.belowFold=this.isBelowFold(),this.host.hidden=!this.belowFold}componentDidLoad(){window.addEventListener("scroll",this.handleScroll,{passive:!0}),this.animateButton()}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll)}render(){return e(i,{key:"149a8afee36c12130b3e503c4da5cffdaa3f86b5","data-version":c},e("button",{key:"4e291c5cfaa55bb6a68f436af570d83377436a3a",class:"back-to-top",onClick:this.scrollToTop},e("post-icon",{key:"c25e8d12cf6f751b368010ad2d82534fa95adf86","aria-hidden":"true",name:"arrowup"}),e("span",{key:"e16d1247a5ab7e39629e4bec7307ee562c589f7e",class:"visually-hidden"},this.textBackToTop)))}get host(){return this}static get watchers(){return{belowFold:[{watchBelowFold:0}]}}static get style(){return":host{opacity:0;--post-floating-button-position-top:var(--post-device-position-4);--post-back-to-top-position-top:calc( var(--post-header-height) + var(--post-floating-button-position-top) );--post-back-to-top-elevation:var(--post-device-elevation-300);position:fixed;z-index:1019;inset-block-start:var(--post-back-to-top-position-top);inset-inline-end:var(--post-device-position-1)}:host .back-to-top{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;-webkit-box-shadow:var(--post-back-to-top-elevation);box-shadow:var(--post-back-to-top-elevation);cursor:pointer;border-radius:var(--post-device-border-radius-round);width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top{background-color:ButtonFace !important}:host .back-to-top:hover{background-color:Highlight !important}}:host .back-to-top{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 .back-to-top:focus-visible{outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:focus-visible{outline-color:Highlight !important}}:host .back-to-top.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){:host .back-to-top.pretend-focus{outline-color:Highlight !important}}:host .back-to-top: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){:host .back-to-top:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host .back-to-top: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){:host .back-to-top:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}:host .back-to-top:hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .back-to-top:hover{color:HighlightText !important}}:host .back-to-top post-icon{height:var(--post-device-sizing-interactive-button-icon-3);width:var(--post-device-sizing-interactive-button-icon-3)}:host .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}"}},[1,"post-back-to-top",{textBackToTop:[513,"text-back-to-top"],belowFold:[32]},void 0,{belowFold:[{watchBelowFold:0}]}]);!function(t,o,e,i){var s,a=arguments.length,c=a<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,o,e,i);else for(var r=t.length-1;r>=0;r--)(s=t[r])&&(c=(a<3?s(c):a>3?s(o,e,c):s(o,e))||c);a>3&&c&&Object.defineProperty(o,e,c)}([n(),l("string")],h.prototype,"textBackToTop",void 0);const p=h,d=function(){"undefined"!=typeof customElements&&["post-back-to-top","post-icon"].forEach((t=>{switch(t){case"post-back-to-top":customElements.get(s(t))||customElements.define(s(t),h);break;case"post-icon":customElements.get(s(t))||r()}}))};export{p as PostBackToTop,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as e,createEvent as t,h as i,Host as s,transformTag as a}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{f as c}from"./fade.js";import{O as n}from"./one-of.js";const d=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.postDismissed=t(this,"postDismissed",7),this.mutationObserver=new MutationObserver(this.checkContent.bind(this)),this.hasActions=!1,this.type="info"}connectedCallback(){this.mutationObserver.observe(this.host,{childList:!0})}componentDidLoad(){this.checkContent()}disconnectedCallback(){this.mutationObserver.disconnect()}async dismiss(){const o=c(this.host,"out");await o.finished,this.postDismissed.emit(),this.host.remove()}checkContent(){this.hasActions=this.host.querySelectorAll('[slot="actions"]').length>0}render(){return i(s,{key:"890eea914f07f31f64c9e1b01fca94e824a019bc","data-version":r,role:"alert","data-color-scheme":"light"},i("slot",{key:"d4ac9c3714979cde7bba7554fbe1886d2cf75701",name:"close-button"}),i("div",{key:"a097570719b709a3b67aa7152701edbf1174ace0",class:"post-banner-content"},i("slot",{key:"df12b0e63ac4cf4152c196eaad071774be4d7b88",name:"heading"}),i("slot",{key:"a5e376800525119dc47815b9977936fa3966e087"}),this.hasActions&&i("div",{key:"6a0cc7f82873bcfde5109ed9e6bfe8255e30b19c",class:"actions"},i("slot",{key:"11b1d289705cb9d1d96b20b4fcea2b923bfd184a",name:"actions"}))))}get host(){return this}static get style(){return':host{position:relative;display:grid;grid-template-columns:1fr;grid-auto-rows:auto;grid-auto-flow:row;min-height:calc(var(--post-device-sizing-notification-icon-2) + (2 * var(--post-device-spacing-padding-10)));padding:var(--post-device-spacing-padding-10);-webkit-padding-start:calc( var(--post-device-spacing-padding-10) + var(--post-device-sizing-notification-icon-2) + var(--post-device-spacing-gap-inline-6) );padding-inline-start:calc( var(--post-device-spacing-padding-10) + var(--post-device-sizing-notification-icon-2) + var(--post-device-spacing-gap-inline-6) );color:var(--post-current-fg);border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);border-radius:var(--post-device-border-radius-2);-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke)}:host::before{content:"";display:block;position:absolute;height:var(--post-device-sizing-notification-icon-2);width:var(--post-device-sizing-notification-icon-2);inset-block-start:var(--post-device-spacing-padding-10);inset-inline-start:var(--post-device-spacing-padding-10);background-image:var(--post-signal-icon-info)}:host([type=info]){background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke)}:host([type=info])::before{background-image:var(--post-signal-icon-info)}:host([type=success]){background-color:var(--post-scheme-color-interactive-notification-success-bg);border-color:var(--post-scheme-color-interactive-notification-success-stroke)}:host([type=success])::before{background-image:var(--post-signal-icon-success)}:host([type=warning]){background-color:var(--post-scheme-color-interactive-notification-warning-bg);border-color:var(--post-scheme-color-interactive-notification-warning-stroke)}:host([type=warning])::before{background-image:var(--post-signal-icon-warning)}:host([type=error]){background-color:var(--post-scheme-color-interactive-notification-error-bg);border-color:var(--post-scheme-color-interactive-notification-error-stroke)}:host([type=error])::before{background-image:var(--post-signal-icon-error)}.post-banner-content{--post-banner-focus-room:calc( var(--post-device-border-width-focus) + var(--post-device-spacing-padding-2) );display:grid;grid-template-columns:1fr;row-gap:var(--post-device-spacing-gap-block-1);overflow-x:auto;padding:var(--post-banner-focus-room);margin:calc(-1*var(--post-banner-focus-room))}.actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-webkit-margin-before:var(--post-device-spacing-padding-block-10);margin-block-start:var(--post-device-spacing-padding-block-10);gap:var(--post-device-spacing-gap-1)}@media screen and (min-width: 0)and (max-width: 599.98px){.actions{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}}::slotted(*){margin-block:0 !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border-color:CanvasText}:host::before{color:CanvasText}}'}},[257,"post-banner",{type:[513],hasActions:[32],dismiss:[64]}]);!function(o,e,t,i){var s,a=arguments.length,r=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(o,e,t,i);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(r=(a<3?s(r):a>3?s(e,t,r):s(e,t))||r);a>3&&r&&Object.defineProperty(e,t,r)}([n(["success","warning","error","info"])],d.prototype,"type",void 0);const p=d,l=function(){"undefined"!=typeof customElements&&["post-banner"].forEach((o=>{"post-banner"===o&&(customElements.get(a(o))||customElements.define(a(o),d))}))};export{p as PostBanner,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as t,HTMLElement as e,h as o,Host as i,transformTag as s}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{d as a}from"./post-menu-item2.js";import{U as n}from"./url.js";import{T as c}from"./type.js";import{O as l}from"./one-of.js";import{R as d}from"./required.js";var u=function(t,e,o,i){var s,r=arguments.length,a=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(a=(r<3?s(a):r>3?s(e,o,a):s(e,o))||a);return r>3&&a&&Object.defineProperty(e,o,a),a};const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hasSlottedAnchor=!1,this.variant="listitem",this.selected=!1,this.standalone=!1}componentWillLoad(){this.checkSlottedAnchor()}checkSlottedAnchor(){this.hasSlottedAnchor=Array.from(this.host.children).some((t=>"A"===t.tagName))}renderContent(){const t=o("slot",{onSlotchange:()=>this.checkSlottedAnchor()}),e=this.url instanceof URL?this.url.href:this.url;return this.hasSlottedAnchor?t:e?o("a",{href:e,"aria-current":this.selected?"page":void 0,"aria-label":this.label,"aria-description":this.description},t):o("span",null,t)}render(){const t=this.renderContent();return"listitem"===this.variant||this.selected?o(i,{"data-version":r,role:"listitem",slot:this.selected?"selected":void 0},t):o(i,{"data-version":r,slot:"menu"},o("post-menu-item",null,t))}get host(){return this}static get style(){return'a{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border-radius:var(--post-device-border-radius-focus);color:var(--post-current-fg)}a:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}a{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}a: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){a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){a: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){a: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){a,a:focus{color:LinkText !important}a:hover{text-decoration-thickness:2px}a:visited{color:VisitedText}a.btn:not(.btn-link){border-color:ButtonBorder !important}a.btn.btn-tertiary.px-0{border:0 !important}a.btn.btn-tertiary.px-0:not(:hover){text-decoration:underline}}:host([variant=menuitem]) :is(a,span),:host([variant=menuitem]) ::slotted(a){white-space:normal;overflow-wrap:anywhere;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;line-break:strict}:host([variant=listitem]){display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;padding-block:var(--post-device-spacing-padding-block-6);gap:var(--post-device-spacing-gap-inline-5)}:host([variant=listitem]) :is(button,a){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;font:inherit;padding:unset;border:unset;border-radius:var(--post-device-border-radius-focus);color:var(--post-scheme-color-interactive-primary-enabled-fg1);-webkit-text-decoration:var(--post-core-text-decoration-none);text-decoration:var(--post-core-text-decoration-none)}:host([variant=listitem]) :is(button,a):not(:disabled):hover{text-decoration:none}:host([variant=listitem]) :is(button,a):disabled{border-style:var(--post-core-border-style-dash);cursor:unset}:host([variant=listitem]) :is(button,a){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([variant=listitem]) :is(button,a):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){:host([variant=listitem]) :is(button,a):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host([variant=listitem]) :is(button,a):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){:host([variant=listitem]) :is(button,a):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){:host([variant=listitem]) :is(button,a){border-width:1px !important;-webkit-transition:none;transition:none}:host([variant=listitem]) :is(button,a):is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}:host([variant=listitem]) :is(button,a):hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline)}:host([variant=listitem])::before{-webkit-mask-image:var(--post-icon-chevronright);mask-image:var(--post-icon-chevronright);background-color:currentColor;-ms-flex:0 0 auto;flex:0 0 auto;content:"";display:block;height:var(--post-device-sizing-interactive-icon-size4);width:var(--post-device-sizing-interactive-icon-size4);margin-block:calc(var(--post-device-spacing-padding-35) - 1*var(--post-device-spacing-padding-block-6));margin-inline:var(--post-core-dimension-4)}:root,:host{--post-icon-chevronright:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hldnJvbnJpZ2h0Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTUuMzggMTRjLS4xOSAwLS4zOC0uMDctLjUzLS4yMmEuNzU0Ljc1NCAwIDAgMSAwLTEuMDZMOS41NyA4IDQuODUgMy4yOGMtLjI5LS4yOS0uMjktLjc3IDAtMS4wNnMuNzctLjI5IDEuMDYgMEwxMS42OSA4bC01Ljc4IDUuNzhjLS4xNS4xNS0uMzQuMjItLjUzLjIyIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik04LjA3IDIwLjcyYy0uMjIgMC0uNDUtLjA4LS42Mi0uMjZhLjg4Ljg4IDAgMCAxIDAtMS4yNGw3LjI2LTcuMjZMNy40NSA0LjdhLjg4Ljg4IDAgMCAxIDAtMS4yNGMuMzQtLjM0LjktLjM0IDEuMjQgMGw4LjUgOC41LTguNDkgOC40OWMtLjE3LjE3LS40LjI2LS42Mi4yNloiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEwLjc2IDI3LjVjLS4yNiAwLS41MS0uMS0uNzEtLjI5YS45OTYuOTk2IDAgMCAxIDAtMS40MWw5Ljc5LTkuNzktOS43OS05LjgxYS45OTYuOTk2IDAgMSAxIDEuNDEtMS40MUwyMi42NyAxNiAxMS40NiAyNy4yMWMtLjIuMi0uNDUuMjktLjcxLjI5WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTMuNSAzNC4yMmExLjEyMyAxLjEyMyAwIDAgMS0uOC0xLjkybDEyLjMzLTEyLjMzTDEyLjcgNy42M2MtLjQ0LS40NC0uNDQtMS4xNSAwLTEuNTlzMS4xNS0uNDQgMS41OSAwbDEzLjkzIDEzLjkzTDE0LjMgMzMuODljLS4yMi4yMi0uNTEuMzMtLjguMzMiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTE2LjE0IDQxYy0uMzIgMC0uNjQtLjEyLS44OC0uMzdhMS4yNSAxLjI1IDAgMCAxIDAtMS43N2wxNC44Ny0xNC44N0wxNS4yNSA5LjExYy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTYuNjQgMTYuNjQtMTYuNjMgMTYuNjNjLS4yNC4yNC0uNTYuMzctLjg4LjM3WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMjEuNTEgNTQuNGExLjM3NiAxLjM3NiAwIDAgMS0uOTctMi4zNWwyMC4wMy0yMC4wMy0yMC4wNC0yMC4wM2MtLjU0LS41NC0uNTQtMS40MSAwLTEuOTVzMS40MS0uNTQgMS45NSAwbDIxLjk4IDIxLjk5TDIyLjQ5IDU0Yy0uMjcuMjctLjYyLjQtLjk3LjRaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZXZyb25yaWdodCIvPjwvZz48L3N2Zz4=")}:host([variant=listitem]):not([standalone]:not([standalone=false])) ::slotted(a){white-space:nowrap}:host([variant=listitem]):host([selected]:not([selected=false])){-ms-flex-negative:0;flex-shrink:0}:host([variant=listitem]):host([selected]:not([selected=false])) :is(a,span){color:var(--post-scheme-color-interactive-primary-selected-fg1);font-weight:var(--post-device-font-weight-bold);-webkit-text-decoration:var(--post-core-text-decoration-none);text-decoration:var(--post-core-text-decoration-none)}:host([variant=listitem]):host([standalone]:not([standalone=false])){-ms-flex-negative:1;flex-shrink:1}:host([variant=listitem]):host([standalone]:not([standalone=false])) :is(a,span),:host([variant=listitem]):host([standalone]:not([standalone=false])) ::slotted(a){white-space:normal;overflow-wrap:anywhere;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;line-break:strict}'}},[257,"post-breadcrumb-item",{url:[513],label:[513],description:[513],variant:[513],selected:[516],standalone:[516],hasSlottedAnchor:[32]}]);u([n()],h.prototype,"url",void 0),u([c("string")],h.prototype,"label",void 0),u([c("string")],h.prototype,"description",void 0),u([l(["listitem","menuitem"])],h.prototype,"variant",void 0),u([d(),c("boolean")],h.prototype,"selected",void 0),u([d(),c("boolean")],h.prototype,"standalone",void 0);const m=h,p=function(){"undefined"!=typeof customElements&&["post-breadcrumb-item","post-menu-item"].forEach((t=>{switch(t){case"post-breadcrumb-item":customElements.get(s(t))||customElements.define(s(t),h);break;case"post-menu-item":customElements.get(s(t))||a()}}))};export{m as PostBreadcrumbItem,p as defineCustomElement}
|
|
1
|
+
import{proxyCustomElement as t,HTMLElement as o,h as e,Host as i,transformTag as s}from"@stencil/core/internal/client";import{v as a}from"./package.js";import{d as r}from"./post-menu-item2.js";import{U as n}from"./url.js";import{T as c}from"./type.js";import{O as l}from"./one-of.js";import{R as d}from"./required.js";var h=function(t,o,e,i){var s,a=arguments.length,r=a<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,o,e,i);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(r=(a<3?s(r):a>3?s(o,e,r):s(o,e))||r);return a>3&&r&&Object.defineProperty(o,e,r),r};const u=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hasSlottedAnchor=!1,this.variant="listitem",this.selected=!1,this.standalone=!1}componentWillLoad(){this.checkSlottedAnchor()}checkSlottedAnchor(){this.hasSlottedAnchor=Array.from(this.host.children).some((t=>"A"===t.tagName))}renderContent(){const t=e("slot",{onSlotchange:()=>this.checkSlottedAnchor()}),o=this.url instanceof URL?this.url.href:this.url;return this.hasSlottedAnchor?t:o?e("a",{href:o,"aria-current":this.selected?"page":void 0,"aria-label":this.label,"aria-description":this.description},t):e("span",null,t)}render(){const t=this.renderContent();return"listitem"===this.variant||this.selected?e(i,{"data-version":a,role:"listitem",slot:this.selected?"selected":void 0},t):e(i,{"data-version":a,slot:"menu"},e("post-menu-item",null,t))}get host(){return this}static get style(){return'a{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border-radius:var(--post-device-border-radius-focus);color:var(--post-current-fg)}a:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}a{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}a: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){a:focus-visible{outline-color:Highlight !important}}a.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){a.pretend-focus{outline-color:Highlight !important}}a: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){a:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){a: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){a: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){a,a:focus{color:LinkText !important}a:hover{text-decoration-thickness:2px}a:visited{color:VisitedText}a.btn:not(.btn-link){border-color:ButtonBorder !important}a.btn.btn-tertiary.px-0{border:0 !important}a.btn.btn-tertiary.px-0:not(:hover){text-decoration:underline}}:host([variant=menuitem]) :is(a,span),:host([variant=menuitem]) ::slotted(a){white-space:normal;overflow-wrap:anywhere;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;line-break:strict}:host([variant=listitem]){display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;padding-block:var(--post-device-spacing-padding-block-6);gap:var(--post-device-spacing-gap-inline-5)}:host([variant=listitem]) :is(button,a){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;font:inherit;padding:unset;border:unset;border-radius:var(--post-device-border-radius-focus);color:var(--post-scheme-color-interactive-primary-enabled-fg1);-webkit-text-decoration:var(--post-core-text-decoration-none);text-decoration:var(--post-core-text-decoration-none)}:host([variant=listitem]) :is(button,a):not(:disabled):hover{text-decoration:none}:host([variant=listitem]) :is(button,a):disabled{border-style:var(--post-core-border-style-dash);cursor:unset}:host([variant=listitem]) :is(button,a){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([variant=listitem]) :is(button,a):focus-visible{outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host([variant=listitem]) :is(button,a):focus-visible{outline-color:Highlight !important}}:host([variant=listitem]) :is(button,a).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){:host([variant=listitem]) :is(button,a).pretend-focus{outline-color:Highlight !important}}:host([variant=listitem]) :is(button,a):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){:host([variant=listitem]) :is(button,a):has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host([variant=listitem]) :is(button,a):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){:host([variant=listitem]) :is(button,a):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){:host([variant=listitem]) :is(button,a){border-width:1px !important;-webkit-transition:none;transition:none}:host([variant=listitem]) :is(button,a):is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}:host([variant=listitem]) :is(button,a):hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline)}:host([variant=listitem])::before{-webkit-mask-image:var(--post-icon-chevronright);mask-image:var(--post-icon-chevronright);background-color:currentColor;-ms-flex:0 0 auto;flex:0 0 auto;content:"";display:block;height:var(--post-device-sizing-interactive-icon-size4);width:var(--post-device-sizing-interactive-icon-size4);margin-block:calc(var(--post-device-spacing-padding-35) - 1*var(--post-device-spacing-padding-block-6));margin-inline:var(--post-core-dimension-4)}:root,:host{--post-icon-chevronright:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hldnJvbnJpZ2h0Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTUuMzggMTRjLS4xOSAwLS4zOC0uMDctLjUzLS4yMmEuNzU0Ljc1NCAwIDAgMSAwLTEuMDZMOS41NyA4IDQuODUgMy4yOGMtLjI5LS4yOS0uMjktLjc3IDAtMS4wNnMuNzctLjI5IDEuMDYgMEwxMS42OSA4bC01Ljc4IDUuNzhjLS4xNS4xNS0uMzQuMjItLjUzLjIyIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik04LjA3IDIwLjcyYy0uMjIgMC0uNDUtLjA4LS42Mi0uMjZhLjg4Ljg4IDAgMCAxIDAtMS4yNGw3LjI2LTcuMjZMNy40NSA0LjdhLjg4Ljg4IDAgMCAxIDAtMS4yNGMuMzQtLjM0LjktLjM0IDEuMjQgMGw4LjUgOC41LTguNDkgOC40OWMtLjE3LjE3LS40LjI2LS42Mi4yNloiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEwLjc2IDI3LjVjLS4yNiAwLS41MS0uMS0uNzEtLjI5YS45OTYuOTk2IDAgMCAxIDAtMS40MWw5Ljc5LTkuNzktOS43OS05LjgxYS45OTYuOTk2IDAgMSAxIDEuNDEtMS40MUwyMi42NyAxNiAxMS40NiAyNy4yMWMtLjIuMi0uNDUuMjktLjcxLjI5WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTMuNSAzNC4yMmExLjEyMyAxLjEyMyAwIDAgMS0uOC0xLjkybDEyLjMzLTEyLjMzTDEyLjcgNy42M2MtLjQ0LS40NC0uNDQtMS4xNSAwLTEuNTlzMS4xNS0uNDQgMS41OSAwbDEzLjkzIDEzLjkzTDE0LjMgMzMuODljLS4yMi4yMi0uNTEuMzMtLjguMzMiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTE2LjE0IDQxYy0uMzIgMC0uNjQtLjEyLS44OC0uMzdhMS4yNSAxLjI1IDAgMCAxIDAtMS43N2wxNC44Ny0xNC44N0wxNS4yNSA5LjExYy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTYuNjQgMTYuNjQtMTYuNjMgMTYuNjNjLS4yNC4yNC0uNTYuMzctLjg4LjM3WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMjEuNTEgNTQuNGExLjM3NiAxLjM3NiAwIDAgMS0uOTctMi4zNWwyMC4wMy0yMC4wMy0yMC4wNC0yMC4wM2MtLjU0LS41NC0uNTQtMS40MSAwLTEuOTVzMS40MS0uNTQgMS45NSAwbDIxLjk4IDIxLjk5TDIyLjQ5IDU0Yy0uMjcuMjctLjYyLjQtLjk3LjRaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZXZyb25yaWdodCIvPjwvZz48L3N2Zz4=")}:host([variant=listitem]):not([standalone]:not([standalone=false])) ::slotted(a){white-space:nowrap}:host([variant=listitem]):host([selected]:not([selected=false])){-ms-flex-negative:0;flex-shrink:0}:host([variant=listitem]):host([selected]:not([selected=false])) :is(a,span){color:var(--post-scheme-color-interactive-primary-selected-fg1);font-weight:var(--post-device-font-weight-bold);-webkit-text-decoration:var(--post-core-text-decoration-none);text-decoration:var(--post-core-text-decoration-none)}:host([variant=listitem]):host([standalone]:not([standalone=false])){-ms-flex-negative:1;flex-shrink:1}:host([variant=listitem]):host([standalone]:not([standalone=false])) :is(a,span),:host([variant=listitem]):host([standalone]:not([standalone=false])) ::slotted(a){white-space:normal;overflow-wrap:anywhere;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;line-break:strict}'}},[257,"post-breadcrumb-item",{url:[513],label:[513],description:[513],variant:[513],selected:[516],standalone:[516],hasSlottedAnchor:[32]}]);h([n()],u.prototype,"url",void 0),h([c("string")],u.prototype,"label",void 0),h([c("string")],u.prototype,"description",void 0),h([l(["listitem","menuitem"])],u.prototype,"variant",void 0),h([d(),c("boolean")],u.prototype,"selected",void 0),h([d(),c("boolean")],u.prototype,"standalone",void 0);const m=u,v=function(){"undefined"!=typeof customElements&&["post-breadcrumb-item","post-menu-item"].forEach((t=>{switch(t){case"post-breadcrumb-item":customElements.get(s(t))||customElements.define(s(t),u);break;case"post-menu-item":customElements.get(s(t))||r()}}))};export{m as PostBreadcrumbItem,v as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as t,HTMLElement as e,h as i,Host as o,transformTag as s}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{t as n}from"./index2.js";import{d as a}from"./post-icon2.js";import{d as c}from"./post-menu2.js";import{d as l}from"./post-menu-item2.js";import{d}from"./post-menu-trigger2.js";import{d as m}from"./post-popovercontainer2.js";import{c as h}from"./component-on-ready.js";import{n as u}from"./nanoid.js";import{R as p}from"./required.js";import{U as b}from"./url.js";import{T as g}from"./type.js";var v=function(t,e,i,o){var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};const M=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.debounceUpdateCollapsedItems=n(50,this.updateCollapsedItems.bind(this)),this.resizeObserver=new ResizeObserver(this.debounceUpdateCollapsedItems),this.mutationObserver=new MutationObserver((()=>{this.updateAfterMutation()})),this.loaded=!1,this.hasSlottedHomeAnchor=!1,this.hasSlottedHomeIcon=!1,this.collapsed=0,this.homeCollapsed=!1,this.lastItemWraps=!1,this.nav=null,this.hiddenNav=null,this.homeTextOnly=!1}componentWillLoad(){this.id=this.host.id||"b"+u(6),this.checkSlottedHomeAnchor()}async componentDidLoad(){this.resizeObserver?.observe(document.body),this.mutationObserver?.observe(this.host,{childList:!0,characterData:!0,subtree:!0}),await this.updateHiddenNav(),await this.updateCollapsedItems(),this.loaded=!0}disconnectedCallback(){this.resizeObserver?.disconnect(),this.mutationObserver?.disconnect(),this.debounceUpdateCollapsedItems.cancel()}checkSlottedHomeAnchor(){const t=Array.from(this.host.children).find((t=>"home"===t.getAttribute("slot")));this.hasSlottedHomeAnchor="A"===t?.tagName,this.hasSlottedHomeIcon=this.hasSlottedHomeAnchor&&!!t?.querySelector("post-icon")}get usesHomeText(){return this.hasSlottedHomeAnchor?!this.hasSlottedHomeIcon:this.homeTextOnly}async updateCollapsedItems(){if(!this.nav)return;const{overflowing:t,homeOverflows:e,lastItemWraps:i}=await this.calculateCollapsedItems();this.collapsed=t,this.homeCollapsed=e,this.lastItemWraps=i}async calculateCollapsedItems(){const t=this.host.querySelectorAll("post-breadcrumb-item"),{overflowing:e,homeOverflows:i,lastItemWraps:o}=await this.calculateOverflowingItems();return{overflowing:Math.max(e,t.length-6),homeOverflows:i,lastItemWraps:o}}async calculateOverflowingItems(){if(!this.hiddenNav)return{overflowing:0,homeOverflows:!1,lastItemWraps:!1};const t=this.hiddenNav,e=t.clientWidth,i=Number.parseFloat(getComputedStyle(t.firstElementChild).gap),o=t.querySelector(".menu")?.clientWidth??0,s=t.querySelector(".home")?.clientWidth??0,r=Array.from(t.querySelectorAll("post-breadcrumb-item")).slice(0,-1),{overflowing:n,remainingWidth:a}=this.collapseMiddleItems(r,i,o,e),c=this.usesHomeText&&a>e;return{overflowing:n,homeOverflows:c,lastItemWraps:this.usesHomeText?c&&a-s+(0===n?o:0)>e:a>e}}collapseMiddleItems(t,e,i,o){let s=this.hiddenNav.scrollWidth-i+e,r=0;for(;r<t.length&&s>o;)0===r&&(s+=i),s-=t[r++].clientWidth+e;return{overflowing:r,remainingWidth:s}}updateItems(t,e,i){t.forEach(((o,s)=>{const r=s===t.length-1;o.setAttribute("variant",s<e?"menuitem":"listitem"),o.setAttribute("selected",r+""),o.setAttribute("standalone",(r&&s===e&&i)+"")}))}async updateHiddenNav(){this.hiddenNav?.remove(),this.hiddenNav=await this.renderHiddenNav()}async updateAfterMutation(){await this.updateHiddenNav(),await this.updateCollapsedItems()}async renderHiddenNav(){const t=this.host.shadowRoot;if(!t||!this.nav)return null;const e=this.nav.cloneNode(!0),i=e.querySelectorAll("slot");this.nav.querySelectorAll("slot").forEach(((t,e)=>{const o=i[e],s=t.assignedElements();if(s.length>0)s.forEach((t=>{o.insertAdjacentElement("beforebegin",t.cloneNode(!0))})),o.remove();else{const t=o.parentNode;t&&(Array.from(o.childNodes).forEach((e=>t.insertBefore(e,o))),o.remove())}}));const o=e.querySelector(".home");o?.parentNode?.replaceChild(this.buildMeasurementHomeElement(),o),e.classList.remove("loading"),e.classList.add("invisible"),e.querySelector(".menu").classList.remove("empty"),t.append(e);const s=e.querySelectorAll("post-breadcrumb-item");return await Promise.all(Array.from(s).map((t=>h(t)))),this.updateItems(s,0,!1),e}buildMeasurementHomeElement(){const t=document.createElement("div");t.className="breadcrumb-item home"+(this.usesHomeText?"":" icon"),t.setAttribute("role","listitem");const e=this.hasSlottedHomeAnchor?Array.from(this.host.children).find((t=>"home"===t.getAttribute("slot"))):null;if(e)return t.append(e.cloneNode(!0)),t;const i=document.createElement("a");this.homeUrl&&(i.href=this.homeUrl);const o=document.createElement("span");if(this.usesHomeText||(o.className="visually-hidden"),o.textContent=this.textHome,i.append(o),!this.usesHomeText){const t=document.createElement("post-icon");t.setAttribute("aria-hidden","true"),t.setAttribute("name","home"),i.append(t)}return t.append(i),t}renderMenu(){const t=this.id+"-menu";return i("div",{class:"breadcrumb-item menu "+(0!==this.collapsed||this.homeCollapsed?"":"empty"),role:"listitem"},i("post-menu-trigger",{for:t},i("button",null,i("span",{class:"visually-hidden"},this.textMoreItems),i("span",{"aria-hidden":"true"},"..."))),i("post-menu",{id:t,label:this.textMoreItems,placement:"bottom-start"},this.homeCollapsed&&this.usesHomeText&&i("post-menu-item",null,this.renderHomeContent()),i("slot",{name:"menu"})))}renderHomeContent(){return i("slot",{name:"home",onSlotchange:()=>this.checkSlottedHomeAnchor()},i("a",{href:this.homeUrl},i("span",{class:this.usesHomeText?void 0:"visually-hidden"},this.textHome),!this.usesHomeText&&i("post-icon",{"aria-hidden":"true",name:"home"})))}renderHome(){return i("div",{class:"breadcrumb-item home"+(this.usesHomeText?"":" icon"),role:"listitem"},this.renderHomeContent())}render(){if(this.loaded){const t=this.host.querySelectorAll("post-breadcrumb-item");this.updateItems(t,this.collapsed,this.lastItemWraps)}return i(o,{key:"8d5f457a7c6a2df0cfaf5c31f3ffc6937de76e57","data-version":r,class:this.homeCollapsed&&this.usesHomeText?"home-collapsed":void 0},i("nav",{key:"ce3fd7ad69060dd6968afaad6170e27eee72682f","aria-label":this.textBreadcrumbs,ref:t=>this.nav=t,class:this.loaded?"":"loading"},i("div",{key:"1c400c8c1e1b625203876cc9804936782a2202c6",role:"list"},(!this.homeCollapsed||!this.usesHomeText)&&this.renderHome(),this.renderMenu(),i("slot",{key:"5cf6618b487961c0e7d70637f5396d023660ec55"}),i("slot",{key:"f4fb662d04d9966c76a22444844d692611472b2d",name:"selected"}))))}get host(){return this}static get style(){return':host{display:block;position:relative}nav{max-width:100%}nav.invisible{overflow:hidden;visibility:hidden;position:absolute;inset:0}nav.loading>div>:not(.home){display:none}[role=list]{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:var(--post-device-spacing-gap-inline-4)}[role=list]>.menu:first-child::before{content:none}.breadcrumb-item{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;padding-block:var(--post-device-spacing-padding-block-6);gap:var(--post-device-spacing-gap-inline-5)}.breadcrumb-item :is(button,a){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;font:inherit;padding:unset;border:unset;border-radius:var(--post-device-border-radius-focus);color:var(--post-scheme-color-interactive-primary-enabled-fg1);-webkit-text-decoration:var(--post-core-text-decoration-none);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item :is(button,a):not(:disabled):hover{text-decoration:none}.breadcrumb-item :is(button,a):disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.breadcrumb-item :is(button,a){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}.breadcrumb-item :is(button,a):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){.breadcrumb-item :is(button,a):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item :is(button,a):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){.breadcrumb-item :is(button,a):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){.breadcrumb-item :is(button,a){border-width:1px !important;-webkit-transition:none;transition:none}.breadcrumb-item :is(button,a):is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}.breadcrumb-item :is(button,a):hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item::before{-webkit-mask-image:var(--post-icon-chevronright);mask-image:var(--post-icon-chevronright);background-color:currentColor;-ms-flex:0 0 auto;flex:0 0 auto;content:"";display:block;height:var(--post-device-sizing-interactive-icon-size4);width:var(--post-device-sizing-interactive-icon-size4);margin-block:calc(var(--post-device-spacing-padding-35) - 1*var(--post-device-spacing-padding-block-6));margin-inline:var(--post-core-dimension-4)}:root,:host{--post-icon-chevronright:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hldnJvbnJpZ2h0Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTUuMzggMTRjLS4xOSAwLS4zOC0uMDctLjUzLS4yMmEuNzU0Ljc1NCAwIDAgMSAwLTEuMDZMOS41NyA4IDQuODUgMy4yOGMtLjI5LS4yOS0uMjktLjc3IDAtMS4wNnMuNzctLjI5IDEuMDYgMEwxMS42OSA4bC01Ljc4IDUuNzhjLS4xNS4xNS0uMzQuMjItLjUzLjIyIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik04LjA3IDIwLjcyYy0uMjIgMC0uNDUtLjA4LS42Mi0uMjZhLjg4Ljg4IDAgMCAxIDAtMS4yNGw3LjI2LTcuMjZMNy40NSA0LjdhLjg4Ljg4IDAgMCAxIDAtMS4yNGMuMzQtLjM0LjktLjM0IDEuMjQgMGw4LjUgOC41LTguNDkgOC40OWMtLjE3LjE3LS40LjI2LS42Mi4yNloiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEwLjc2IDI3LjVjLS4yNiAwLS41MS0uMS0uNzEtLjI5YS45OTYuOTk2IDAgMCAxIDAtMS40MWw5Ljc5LTkuNzktOS43OS05LjgxYS45OTYuOTk2IDAgMSAxIDEuNDEtMS40MUwyMi42NyAxNiAxMS40NiAyNy4yMWMtLjIuMi0uNDUuMjktLjcxLjI5WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTMuNSAzNC4yMmExLjEyMyAxLjEyMyAwIDAgMS0uOC0xLjkybDEyLjMzLTEyLjMzTDEyLjcgNy42M2MtLjQ0LS40NC0uNDQtMS4xNSAwLTEuNTlzMS4xNS0uNDQgMS41OSAwbDEzLjkzIDEzLjkzTDE0LjMgMzMuODljLS4yMi4yMi0uNTEuMzMtLjguMzMiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTE2LjE0IDQxYy0uMzIgMC0uNjQtLjEyLS44OC0uMzdhMS4yNSAxLjI1IDAgMCAxIDAtMS43N2wxNC44Ny0xNC44N0wxNS4yNSA5LjExYy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTYuNjQgMTYuNjQtMTYuNjMgMTYuNjNjLS4yNC4yNC0uNTYuMzctLjg4LjM3WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMjEuNTEgNTQuNGExLjM3NiAxLjM3NiAwIDAgMS0uOTctMi4zNWwyMC4wMy0yMC4wMy0yMC4wNC0yMC4wM2MtLjU0LS41NC0uNTQtMS40MSAwLTEuOTVzMS40MS0uNTQgMS45NSAwbDIxLjk4IDIxLjk5TDIyLjQ5IDU0Yy0uMjcuMjctLjYyLjQtLjk3LjRaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZXZyb25yaWdodCIvPjwvZz48L3N2Zz4=")}post-menu-item>slot[name=home]>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;min-width:0;white-space:normal;overflow:visible;text-overflow:unset;-ms-flex-pack:start;justify-content:start;overflow-wrap:anywhere;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;line-break:strict}@media screen and (min-width: 780px){post-menu-item>slot[name=home]>a{font-size:1rem;padding-block:12px;gap:16px}}@media screen and (min-width: 1024px){post-menu-item>slot[name=home]>a{font-size:1.25rem;padding-block:13px}}post-menu-item>slot[name=home]>a:focus-visible{outline-offset:2px !important;border-radius:4px}post-menu-item>slot[name=home]>a:hover{background-color:#504f4b;color:#fff}.home{-ms-flex:none;flex:none}.home::before{content:unset}.home.icon{padding-block:var(--post-device-spacing-padding-47)}.home.icon post-icon{width:var(--post-device-sizing-interactive-icon-size2);height:var(--post-device-sizing-interactive-icon-size2)}.menu{-webkit-margin-end:calc(-1*var(--post-device-spacing-gap-inline-4));margin-inline-end:calc(-1*var(--post-device-spacing-gap-inline-4))}.menu.empty{display:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}'}},[257,"post-breadcrumbs",{homeUrl:[513,"home-url"],textHome:[513,"text-home"],homeTextOnly:[516,"home-text-only"],textBreadcrumbs:[513,"text-breadcrumbs"],textMoreItems:[513,"text-more-items"],id:[32],loaded:[32],hasSlottedHomeAnchor:[32],hasSlottedHomeIcon:[32],collapsed:[32],homeCollapsed:[32],lastItemWraps:[32]}]);v([p({when:"hasSlottedHomeAnchor",truthy:!1}),b()],M.prototype,"homeUrl",void 0),v([p({when:"hasSlottedHomeAnchor",truthy:!1}),g("string")],M.prototype,"textHome",void 0),v([p(),g("boolean")],M.prototype,"homeTextOnly",void 0),v([p(),g("string")],M.prototype,"textBreadcrumbs",void 0),v([p(),g("string")],M.prototype,"textMoreItems",void 0);const f=M,I=function(){"undefined"!=typeof customElements&&["post-breadcrumbs","post-icon","post-menu","post-menu-item","post-menu-trigger","post-popovercontainer"].forEach((t=>{switch(t){case"post-breadcrumbs":customElements.get(s(t))||customElements.define(s(t),M);break;case"post-icon":customElements.get(s(t))||a();break;case"post-menu":customElements.get(s(t))||c();break;case"post-menu-item":customElements.get(s(t))||l();break;case"post-menu-trigger":customElements.get(s(t))||d();break;case"post-popovercontainer":customElements.get(s(t))||m()}}))};export{f as PostBreadcrumbs,I as defineCustomElement}
|
|
1
|
+
import{proxyCustomElement as t,HTMLElement as e,h as o,Host as i,transformTag as s}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{t as n}from"./index2.js";import{d as a}from"./post-icon2.js";import{d as c}from"./post-menu2.js";import{d as m}from"./post-menu-item2.js";import{d as l}from"./post-menu-trigger2.js";import{d}from"./post-popovercontainer2.js";import{c as h}from"./component-on-ready.js";import{n as u}from"./nanoid.js";import{R as p}from"./required.js";import{U as b}from"./url.js";import{T as g}from"./type.js";var v=function(t,e,o,i){var s,r=arguments.length,n=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,i);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(r<3?s(n):r>3?s(e,o,n):s(e,o))||n);return r>3&&n&&Object.defineProperty(e,o,n),n};const f=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.debounceUpdateCollapsedItems=n(50,this.updateCollapsedItems.bind(this)),this.resizeObserver=new ResizeObserver(this.debounceUpdateCollapsedItems),this.mutationObserver=new MutationObserver((()=>{this.updateAfterMutation()})),this.loaded=!1,this.hasSlottedHomeAnchor=!1,this.hasSlottedHomeIcon=!1,this.collapsed=0,this.homeCollapsed=!1,this.lastItemWraps=!1,this.nav=null,this.hiddenNav=null,this.homeTextOnly=!1}componentWillLoad(){this.id=this.host.id||"b"+u(6),this.checkSlottedHomeAnchor()}async componentDidLoad(){this.resizeObserver?.observe(document.body),this.mutationObserver?.observe(this.host,{childList:!0,characterData:!0,subtree:!0}),await this.updateHiddenNav(),await this.updateCollapsedItems(),this.loaded=!0}disconnectedCallback(){this.resizeObserver?.disconnect(),this.mutationObserver?.disconnect(),this.debounceUpdateCollapsedItems.cancel()}checkSlottedHomeAnchor(){const t=Array.from(this.host.children).find((t=>"home"===t.getAttribute("slot")));this.hasSlottedHomeAnchor="A"===t?.tagName,this.hasSlottedHomeIcon=this.hasSlottedHomeAnchor&&!!t?.querySelector("post-icon")}get usesHomeText(){return this.hasSlottedHomeAnchor?!this.hasSlottedHomeIcon:this.homeTextOnly}async updateCollapsedItems(){if(!this.nav)return;const{overflowing:t,homeOverflows:e,lastItemWraps:o}=await this.calculateCollapsedItems();this.collapsed=t,this.homeCollapsed=e,this.lastItemWraps=o}async calculateCollapsedItems(){const t=this.host.querySelectorAll("post-breadcrumb-item"),{overflowing:e,homeOverflows:o,lastItemWraps:i}=await this.calculateOverflowingItems();return{overflowing:Math.max(e,t.length-6),homeOverflows:o,lastItemWraps:i}}async calculateOverflowingItems(){if(!this.hiddenNav)return{overflowing:0,homeOverflows:!1,lastItemWraps:!1};const t=this.hiddenNav,e=t.clientWidth,o=Number.parseFloat(getComputedStyle(t.firstElementChild).gap),i=t.querySelector(".menu")?.clientWidth??0,s=t.querySelector(".home")?.clientWidth??0,r=Array.from(t.querySelectorAll("post-breadcrumb-item")).slice(0,-1),{overflowing:n,remainingWidth:a}=this.collapseMiddleItems(r,o,i,e),c=this.usesHomeText&&a>e;return{overflowing:n,homeOverflows:c,lastItemWraps:this.usesHomeText?c&&a-s+(0===n?i:0)>e:a>e}}collapseMiddleItems(t,e,o,i){let s=this.hiddenNav.scrollWidth-o+e,r=0;for(;r<t.length&&s>i;)0===r&&(s+=o),s-=t[r++].clientWidth+e;return{overflowing:r,remainingWidth:s}}updateItems(t,e,o){t.forEach(((i,s)=>{const r=s===t.length-1;i.setAttribute("variant",s<e?"menuitem":"listitem"),i.setAttribute("selected",r+""),i.setAttribute("standalone",(r&&s===e&&o)+"")}))}async updateHiddenNav(){this.hiddenNav?.remove(),this.hiddenNav=await this.renderHiddenNav()}async updateAfterMutation(){await this.updateHiddenNav(),await this.updateCollapsedItems()}async renderHiddenNav(){const t=this.host.shadowRoot;if(!t||!this.nav)return null;const e=this.nav.cloneNode(!0),o=e.querySelectorAll("slot");this.nav.querySelectorAll("slot").forEach(((t,e)=>{const i=o[e],s=t.assignedElements();if(s.length>0)s.forEach((t=>{i.insertAdjacentElement("beforebegin",t.cloneNode(!0))})),i.remove();else{const t=i.parentNode;t&&(Array.from(i.childNodes).forEach((e=>t.insertBefore(e,i))),i.remove())}}));const i=e.querySelector(".home");i?.parentNode?.replaceChild(this.buildMeasurementHomeElement(),i),e.classList.remove("loading"),e.classList.add("invisible"),e.querySelector(".menu").classList.remove("empty"),t.append(e);const s=e.querySelectorAll("post-breadcrumb-item");return await Promise.all(Array.from(s).map((t=>h(t)))),this.updateItems(s,0,!1),e}buildMeasurementHomeElement(){const t=document.createElement("div");t.className="breadcrumb-item home"+(this.usesHomeText?"":" icon"),t.setAttribute("role","listitem");const e=this.hasSlottedHomeAnchor?Array.from(this.host.children).find((t=>"home"===t.getAttribute("slot"))):null;if(e)return t.append(e.cloneNode(!0)),t;const o=document.createElement("a");this.homeUrl&&(o.href=this.homeUrl);const i=document.createElement("span");if(this.usesHomeText||(i.className="visually-hidden"),i.textContent=this.textHome,o.append(i),!this.usesHomeText){const t=document.createElement("post-icon");t.setAttribute("aria-hidden","true"),t.setAttribute("name","home"),o.append(t)}return t.append(o),t}renderMenu(){const t=this.id+"-menu";return o("div",{class:"breadcrumb-item menu "+(0!==this.collapsed||this.homeCollapsed?"":"empty"),role:"listitem"},o("post-menu-trigger",{for:t},o("button",null,o("span",{class:"visually-hidden"},this.textMoreItems),o("span",{"aria-hidden":"true"},"..."))),o("post-menu",{id:t,label:this.textMoreItems,placement:"bottom-start"},this.homeCollapsed&&this.usesHomeText&&o("post-menu-item",null,this.renderHomeContent()),o("slot",{name:"menu"})))}renderHomeContent(){return o("slot",{name:"home",onSlotchange:()=>this.checkSlottedHomeAnchor()},o("a",{href:this.homeUrl},o("span",{class:this.usesHomeText?void 0:"visually-hidden"},this.textHome),!this.usesHomeText&&o("post-icon",{"aria-hidden":"true",name:"home"})))}renderHome(){return o("div",{class:"breadcrumb-item home"+(this.usesHomeText?"":" icon"),role:"listitem"},this.renderHomeContent())}render(){if(this.loaded){const t=this.host.querySelectorAll("post-breadcrumb-item");this.updateItems(t,this.collapsed,this.lastItemWraps)}return o(i,{key:"8d5f457a7c6a2df0cfaf5c31f3ffc6937de76e57","data-version":r,class:this.homeCollapsed&&this.usesHomeText?"home-collapsed":void 0},o("nav",{key:"ce3fd7ad69060dd6968afaad6170e27eee72682f","aria-label":this.textBreadcrumbs,ref:t=>this.nav=t,class:this.loaded?"":"loading"},o("div",{key:"1c400c8c1e1b625203876cc9804936782a2202c6",role:"list"},(!this.homeCollapsed||!this.usesHomeText)&&this.renderHome(),this.renderMenu(),o("slot",{key:"5cf6618b487961c0e7d70637f5396d023660ec55"}),o("slot",{key:"f4fb662d04d9966c76a22444844d692611472b2d",name:"selected"}))))}get host(){return this}static get style(){return':host{display:block;position:relative}nav{max-width:100%}nav.invisible{overflow:hidden;visibility:hidden;position:absolute;inset:0}nav.loading>div>:not(.home){display:none}[role=list]{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:var(--post-device-spacing-gap-inline-4)}[role=list]>.menu:first-child::before{content:none}.breadcrumb-item{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;padding-block:var(--post-device-spacing-padding-block-6);gap:var(--post-device-spacing-gap-inline-5)}.breadcrumb-item :is(button,a){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;font:inherit;padding:unset;border:unset;border-radius:var(--post-device-border-radius-focus);color:var(--post-scheme-color-interactive-primary-enabled-fg1);-webkit-text-decoration:var(--post-core-text-decoration-none);text-decoration:var(--post-core-text-decoration-none)}.breadcrumb-item :is(button,a):not(:disabled):hover{text-decoration:none}.breadcrumb-item :is(button,a):disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.breadcrumb-item :is(button,a){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}.breadcrumb-item :is(button,a):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){.breadcrumb-item :is(button,a):focus-visible{outline-color:Highlight !important}}.breadcrumb-item :is(button,a).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){.breadcrumb-item :is(button,a).pretend-focus{outline-color:Highlight !important}}.breadcrumb-item :is(button,a):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){.breadcrumb-item :is(button,a):has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.breadcrumb-item :is(button,a):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){.breadcrumb-item :is(button,a):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){.breadcrumb-item :is(button,a){border-width:1px !important;-webkit-transition:none;transition:none}.breadcrumb-item :is(button,a):is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}.breadcrumb-item :is(button,a):hover{color:var(--post-scheme-color-interactive-primary-hover-fg1);-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline)}.breadcrumb-item::before{-webkit-mask-image:var(--post-icon-chevronright);mask-image:var(--post-icon-chevronright);background-color:currentColor;-ms-flex:0 0 auto;flex:0 0 auto;content:"";display:block;height:var(--post-device-sizing-interactive-icon-size4);width:var(--post-device-sizing-interactive-icon-size4);margin-block:calc(var(--post-device-spacing-padding-35) - 1*var(--post-device-spacing-padding-block-6));margin-inline:var(--post-core-dimension-4)}:root,:host{--post-icon-chevronright:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktY2hldnJvbnJpZ2h0Ij48c3ltYm9sIGlkPSJzMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTUuMzggMTRjLS4xOSAwLS4zOC0uMDctLjUzLS4yMmEuNzU0Ljc1NCAwIDAgMSAwLTEuMDZMOS41NyA4IDQuODUgMy4yOGMtLjI5LS4yOS0uMjktLjc3IDAtMS4wNnMuNzctLjI5IDEuMDYgMEwxMS42OSA4bC01Ljc4IDUuNzhjLS4xNS4xNS0uMzQuMjItLjUzLjIyIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik04LjA3IDIwLjcyYy0uMjIgMC0uNDUtLjA4LS42Mi0uMjZhLjg4Ljg4IDAgMCAxIDAtMS4yNGw3LjI2LTcuMjZMNy40NSA0LjdhLjg4Ljg4IDAgMCAxIDAtMS4yNGMuMzQtLjM0LjktLjM0IDEuMjQgMGw4LjUgOC41LTguNDkgOC40OWMtLjE3LjE3LS40LjI2LS42Mi4yNloiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEwLjc2IDI3LjVjLS4yNiAwLS41MS0uMS0uNzEtLjI5YS45OTYuOTk2IDAgMCAxIDAtMS40MWw5Ljc5LTkuNzktOS43OS05LjgxYS45OTYuOTk2IDAgMSAxIDEuNDEtMS40MUwyMi42NyAxNiAxMS40NiAyNy4yMWMtLjIuMi0uNDUuMjktLjcxLjI5WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMTMuNSAzNC4yMmExLjEyMyAxLjEyMyAwIDAgMS0uOC0xLjkybDEyLjMzLTEyLjMzTDEyLjcgNy42M2MtLjQ0LS40NC0uNDQtMS4xNSAwLTEuNTlzMS4xNS0uNDQgMS41OSAwbDEzLjkzIDEzLjkzTDE0LjMgMzMuODljLS4yMi4yMi0uNTEuMzMtLjguMzMiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTE2LjE0IDQxYy0uMzIgMC0uNjQtLjEyLS44OC0uMzdhMS4yNSAxLjI1IDAgMCAxIDAtMS43N2wxNC44Ny0xNC44N0wxNS4yNSA5LjExYy0uNDktLjQ5LS40OS0xLjI4IDAtMS43N3MxLjI4LS40OSAxLjc3IDBsMTYuNjQgMTYuNjQtMTYuNjMgMTYuNjNjLS4yNC4yNC0uNTYuMzctLjg4LjM3WiIvPjwvc3ltYm9sPjxzeW1ib2wgaWQ9InM2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij48cGF0aCBkPSJNMjEuNTEgNTQuNGExLjM3NiAxLjM3NiAwIDAgMS0uOTctMi4zNWwyMC4wMy0yMC4wMy0yMC4wNC0yMC4wM2MtLjU0LS41NC0uNTQtMS40MSAwLTEuOTVzMS40MS0uNTQgMS45NSAwbDIxLjk4IDIxLjk5TDIyLjQ5IDU0Yy0uMjcuMjctLjYyLjQtLjk3LjRaIi8+PC9zeW1ib2w+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczE2LCBub25lKSIgaHJlZj0iI3MxNiIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMyNCwgbm9uZSkiIGhyZWY9IiNzMjQiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMzIsIG5vbmUpIiBocmVmPSIjczMyIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQwLCBub25lKSIgaHJlZj0iI3M0MCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM0OCwgbm9uZSkiIGhyZWY9IiNzNDgiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNjQsIG5vbmUpIiBocmVmPSIjczY0Ii8+PC9zeW1ib2w+PC9kZWZzPjxzdHlsZT5AbWVkaWEgKG1heC13aWR0aDogMjMuOThweCkge2d7LS1zMTY6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMjRweCkgYW5kIChtYXgtd2lkdGg6IDMxLjk4cHgpIHtney0tczI0OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDMycHgpIGFuZCAobWF4LXdpZHRoOiAzOS45OHB4KSB7Z3stLXMzMjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0MHB4KSBhbmQgKG1heC13aWR0aDogNDcuOThweCkge2d7LS1zNDA6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNDhweCkgYW5kIChtYXgtd2lkdGg6IDYzLjk4cHgpIHtney0tczQ4OmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDY0cHgpIHtney0tczY0OmJsb2NrO319PC9zdHlsZT48Zz48dXNlIGhyZWY9IiNpLWNoZXZyb25yaWdodCIvPjwvZz48L3N2Zz4=")}post-menu-item>slot[name=home]>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;min-width:0;white-space:normal;overflow:visible;text-overflow:unset;-ms-flex-pack:start;justify-content:start;overflow-wrap:anywhere;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;line-break:strict}@media screen and (min-width: 780px){post-menu-item>slot[name=home]>a{font-size:1rem;padding-block:12px;gap:16px}}@media screen and (min-width: 1024px){post-menu-item>slot[name=home]>a{font-size:1.25rem;padding-block:13px}}post-menu-item>slot[name=home]>a:focus-visible{outline:none !important}post-menu-item>slot[name=home]>a.pretend-focus{outline:none !important}post-menu-item>slot[name=home]>a:has(:focus-visible){outline:none !important}@supports not selector(:has(:focus-visible)){post-menu-item>slot[name=home]>a:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}}post-menu-item>slot[name=home]>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>slot[name=home]>a::after{outline-offset:var(--post-device-spacing-padding-44) !important;outline:#050400 none var(--post-device-border-width-focus) !important}post-menu-item>slot[name=home]>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>slot[name=home]>a:focus-visible::after{outline-color:Highlight !important}}post-menu-item>slot[name=home]>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>slot[name=home]>a.pretend-focus::after{outline-color:Highlight !important}}post-menu-item>slot[name=home]>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>slot[name=home]>a:has(:focus-visible)::after{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-menu-item>slot[name=home]>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>slot[name=home]>a:is(:focus-visible,:focus-within,.pretend-focus)::after{outline-color:Highlight !important}}}post-menu-item>slot[name=home]>a:hover{background-color:#504f4b;color:#fff}post-menu-item>slot[name=home]>a:hover:focus-visible::after{outline-color:#fff !important}post-menu-item>slot[name=home]>a:hover.pretend-focus::after{outline-color:#fff !important}post-menu-item>slot[name=home]>a:hover:has(:focus-visible)::after{outline-color:#fff !important}@supports not selector(:has(:focus-visible)){post-menu-item>slot[name=home]>a:hover:is(:focus-visible,:focus-within,.pretend-focus)::after{outline-color:#fff !important}}.home{-ms-flex:none;flex:none}.home::before{content:unset}.home.icon{padding-block:var(--post-device-spacing-padding-47)}.home.icon post-icon{width:var(--post-device-sizing-interactive-icon-size2);height:var(--post-device-sizing-interactive-icon-size2)}.menu{-webkit-margin-end:calc(-1*var(--post-device-spacing-gap-inline-4));margin-inline-end:calc(-1*var(--post-device-spacing-gap-inline-4))}.menu.empty{display:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}'}},[257,"post-breadcrumbs",{homeUrl:[513,"home-url"],textHome:[513,"text-home"],homeTextOnly:[516,"home-text-only"],textBreadcrumbs:[513,"text-breadcrumbs"],textMoreItems:[513,"text-more-items"],id:[32],loaded:[32],hasSlottedHomeAnchor:[32],hasSlottedHomeIcon:[32],collapsed:[32],homeCollapsed:[32],lastItemWraps:[32]}]);v([p({when:"hasSlottedHomeAnchor",truthy:!1}),b()],f.prototype,"homeUrl",void 0),v([p({when:"hasSlottedHomeAnchor",truthy:!1}),g("string")],f.prototype,"textHome",void 0),v([p(),g("boolean")],f.prototype,"homeTextOnly",void 0),v([p(),g("string")],f.prototype,"textBreadcrumbs",void 0),v([p(),g("string")],f.prototype,"textMoreItems",void 0);const M=f,y=function(){"undefined"!=typeof customElements&&["post-breadcrumbs","post-icon","post-menu","post-menu-item","post-menu-trigger","post-popovercontainer"].forEach((t=>{switch(t){case"post-breadcrumbs":customElements.get(s(t))||customElements.define(s(t),f);break;case"post-icon":customElements.get(s(t))||a();break;case"post-menu":customElements.get(s(t))||c();break;case"post-menu-item":customElements.get(s(t))||m();break;case"post-menu-trigger":customElements.get(s(t))||l();break;case"post-popovercontainer":customElements.get(s(t))||d()}}))};export{M as PostBreadcrumbs,y as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as t,HTMLElement as e,h as o,Host as i,transformTag as r}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{d as a}from"./post-icon2.js";import{f as c}from"./event-from.js";import{O as s}from"./one-of.js";import{R as d}from"./required.js";const l=[{predicate:t=>"post-banner"===t.localName,close:t=>{t.dismiss()}},{predicate:t=>"post-popover"===t.localName,close:t=>{t.hide()}},{predicate:t=>"post-popovercontainer"===t.localName,close:t=>{t.hide()}},{predicate:t=>"post-collapsible"===t.localName,close:t=>{t.toggle(!1)}},{predicate:t=>"post-accordion-item"===t.localName,close:t=>{t.toggle(!1)}},{predicate:t=>"dialog"===t.localName,close:t=>t.close()},{predicate:t=>t.hasAttribute("popover"),close:t=>t.togglePopover(!1)}];var b=function(t,e,o,i){var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var c=t.length-1;c>=0;c--)(r=t[c])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};const v=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.internals=this.attachInternals(),this.buttonType="button",this.placement="auto",this.size="default",this.handleClick=()=>{const t=function(t){const e=c(t,(t=>l.some((e=>e.predicate(t)))));if(!e)return null;const o=l.find((t=>t.predicate(e)));return{element:e,close:()=>o.close(e)}}(this.host);t?.close()}}componentDidLoad(){globalThis.MutationObserver&&(this.mutationObserver=new MutationObserver(this.checkContent.bind(this)),this.mutationObserver.observe(this.host,{childList:!0})),this.checkContent()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}checkContent(){const t=this.visuallyHidden.querySelector("slot"),e=t?.assignedNodes({flatten:!0}).some((t=>t.textContent?.trim()));e||console.error(`The \`${this.host.localName}\` component requires content for accessibility.`)}render(){return o(i,{key:"b8e2214b904f5167fa3753aab947418891236fcf","data-version":n},o("button",{key:"224ca42d3be187062ba9717e4a534ff34eeafaf7",type:this.buttonType,class:"btn btn-icon btn-secondary btn-sm",onClick:this.handleClick},o("post-icon",{key:"5b289691599d6f9a3bb0fa7a28c71eecd1f5aee7","aria-hidden":"true",name:"closex"}),o("span",{key:"e22045f15b3dc8b8b228eb4282114e10db68b186",ref:t=>this.visuallyHidden=t,class:"visually-hidden"},o("slot",{key:"e492390c995a993ffc8988a1c90a41e59fbe39f5"}))))}static get formAssociated(){return!0}get host(){return this}static get style(){return".btn{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-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6)}.btn:not(:disabled):hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.btn{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn{border-width:1px !important;-webkit-transition:none;transition:none}.btn:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-primary{-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)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-primary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover{background-color:Highlight !important}.btn-primary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover>post-icon{color:HighlightText !important}}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);color:var(--post-scheme-color-interactive-button-primary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}.btn-default{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-default:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover{background-color:Highlight !important}.btn-default:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover>post-icon{color:HighlightText !important}}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.btn-secondary{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-secondary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover{background-color:Highlight !important}.btn-secondary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover>post-icon{color:HighlightText !important}}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-tertiary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover{background-color:Highlight !important}.btn-tertiary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover>post-icon{color:HighlightText !important}}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-link:disabled,.btn-link.disabled{text-decoration:none}}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-sm{min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7)}.btn-sm>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-lg{min-height:var(--post-device-sizing-interactive-button-height-2);gap:var(--post-device-spacing-gap-inline-1);padding:0 var(--post-device-spacing-padding-inline-5)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:0;min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-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}.btn-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-link:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:host .btn{background-color:var(--post-scheme-color-interactive-primary-enabled-bg1)}:host .btn:not(:disabled):hover,:host .btn.pretend-hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg)}:host(:not([placement])),:host([placement=auto]){position:absolute;inset-block-start:0;inset-inline-end:0;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host([size=small]) .btn{height:var(--post-device-sizing-interactive-button-height-7);width:var(--post-device-sizing-interactive-button-height-7)}"}},[321,"post-closebutton",{buttonType:[1,"button-type"],placement:[513],size:[513]}]);function h(){"undefined"!=typeof customElements&&["post-closebutton","post-icon"].forEach((t=>{switch(t){case"post-closebutton":customElements.get(r(t))||customElements.define(r(t),v);break;case"post-icon":customElements.get(r(t))||a()}}))}b([s(["button","reset"])],v.prototype,"buttonType",void 0),b([d(),s(["manual","auto"])],v.prototype,"placement",void 0),b([d(),s(["default","small"])],v.prototype,"size",void 0);export{v as P,h as d}
|
|
1
|
+
import{proxyCustomElement as t,HTMLElement as e,h as o,Host as i,transformTag as r}from"@stencil/core/internal/client";import{v as n}from"./package.js";import{d as a}from"./post-icon2.js";import{f as s}from"./event-from.js";import{O as c}from"./one-of.js";import{R as d}from"./required.js";const l=[{predicate:t=>"post-banner"===t.localName,close:t=>{t.dismiss()}},{predicate:t=>"post-popover"===t.localName,close:t=>{t.hide()}},{predicate:t=>"post-popovercontainer"===t.localName,close:t=>{t.hide()}},{predicate:t=>"post-collapsible"===t.localName,close:t=>{t.toggle(!1)}},{predicate:t=>"post-accordion-item"===t.localName,close:t=>{t.toggle(!1)}},{predicate:t=>"dialog"===t.localName,close:t=>t.close()},{predicate:t=>t.hasAttribute("popover"),close:t=>t.togglePopover(!1)}];var b=function(t,e,o,i){var r,n=arguments.length,a=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(e,o,a):r(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};const v=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.internals=this.attachInternals(),this.buttonType="button",this.placement="auto",this.size="default",this.handleClick=()=>{const t=function(t){const e=s(t,(t=>l.some((e=>e.predicate(t)))));if(!e)return null;const o=l.find((t=>t.predicate(e)));return{element:e,close:()=>o.close(e)}}(this.host);t?.close()}}componentDidLoad(){globalThis.MutationObserver&&(this.mutationObserver=new MutationObserver(this.checkContent.bind(this)),this.mutationObserver.observe(this.host,{childList:!0})),this.checkContent()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}checkContent(){const t=this.visuallyHidden.querySelector("slot"),e=t?.assignedNodes({flatten:!0}).some((t=>t.textContent?.trim()));e||console.error(`The \`${this.host.localName}\` component requires content for accessibility.`)}render(){return o(i,{key:"b8e2214b904f5167fa3753aab947418891236fcf","data-version":n},o("button",{key:"224ca42d3be187062ba9717e4a534ff34eeafaf7",type:this.buttonType,class:"btn btn-icon btn-secondary btn-sm",onClick:this.handleClick},o("post-icon",{key:"5b289691599d6f9a3bb0fa7a28c71eecd1f5aee7","aria-hidden":"true",name:"closex"}),o("span",{key:"e22045f15b3dc8b8b228eb4282114e10db68b186",ref:t=>this.visuallyHidden=t,class:"visually-hidden"},o("slot",{key:"e492390c995a993ffc8988a1c90a41e59fbe39f5"}))))}static get formAssociated(){return!0}get host(){return this}static get style(){return".btn{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;white-space:normal;overflow-wrap:anywhere;text-wrap:pretty;text-align:center;min-height:var(--post-device-sizing-interactive-button-height-1);gap:var(--post-device-spacing-gap-inline-10);padding:0 var(--post-device-spacing-padding-inline-6);border-radius:calc(var(--post-device-sizing-interactive-button-height-1) / 2)}.btn:not(:disabled):hover{text-decoration:none}.btn:disabled{border-style:var(--post-core-border-style-dash);cursor:unset}.btn{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.btn: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){.btn:focus-visible{outline-color:Highlight !important}}.pretend-focus.btn{outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pretend-focus.btn{outline-color:Highlight !important}}.btn: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){.btn:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn{border-width:1px !important;-webkit-transition:none;transition:none}.btn:is(button){background-color:ButtonFace !important;border-color:ButtonBorder !important}}.btn>post-icon{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4);-ms-flex-negative:0;flex-shrink:0}.btn-primary{-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)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-primary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover{background-color:Highlight !important}.btn-primary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover>post-icon{color:HighlightText !important}}.btn-primary:disabled{border-color:var(--post-scheme-color-interactive-button-primary-disabled-stroke);color:var(--post-scheme-color-interactive-button-primary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-primary-disabled-bg)}.btn-primary:not(:disabled):hover,.btn-primary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);color:var(--post-scheme-color-interactive-button-primary-hover-fg);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg)}.btn-default{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-default:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover{background-color:Highlight !important}.btn-default:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover>post-icon{color:HighlightText !important}}.btn-default:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-default:not(:disabled):hover,.btn-default.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.btn-secondary{-webkit-box-shadow:var(--post-device-elevation-100);box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-secondary-enabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-secondary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover{background-color:Highlight !important}.btn-secondary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover>post-icon{color:HighlightText !important}}.btn-secondary:disabled{border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg)}.btn-secondary:not(:disabled):hover,.btn-secondary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke);color:var(--post-scheme-color-interactive-button-secondary-hover-fg);background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg)}.btn-tertiary{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-tertiary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover{background-color:Highlight !important}.btn-tertiary:not(:disabled,.disabled):not(a.btn-tertiary.px-0):hover>post-icon{color:HighlightText !important}}.btn-tertiary:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-disabled-bg)}.btn-tertiary:not(:disabled):hover,.btn-tertiary.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg)}.btn-link{border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-link:disabled,.btn-link.disabled{text-decoration:none}}.btn-link:disabled{border-color:var(--post-scheme-color-interactive-button-tertiary-disabled-stroke);color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.btn-link:not(:disabled):hover,.btn-link.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.btn-sm{min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7);border-radius:calc(var(--post-device-sizing-interactive-button-height-4) / 2)}.btn-sm>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}.btn-lg{min-height:var(--post-device-sizing-interactive-button-height-2);gap:var(--post-device-spacing-gap-inline-1);padding:0 var(--post-device-spacing-padding-inline-5);border-radius:calc(var(--post-device-sizing-interactive-button-height-2) / 2)}.btn-lg>post-icon{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3);-ms-flex-negative:0;flex-shrink:0}.btn-link{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border:0 none;border-radius:0;min-height:0;font-size:inherit;font-weight:inherit;padding:0}.btn-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}.btn-link:focus-visible{outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-link:focus-visible{outline-color:Highlight !important}}.btn-link.pretend-focus{outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-link.pretend-focus{outline-color:Highlight !important}}.btn-link:has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-link:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-link:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-link:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.btn-link:disabled{color:var(--post-scheme-color-interactive-primary-disabled-fg1);-webkit-text-decoration-style:var(--post-core-border-style-dash);text-decoration-style:var(--post-core-border-style-dash)}.btn-icon{padding:0;width:var(--post-device-sizing-interactive-button-height-1);height:var(--post-device-sizing-interactive-button-height-1);min-height:0;vertical-align:text-bottom}.btn-icon.btn-link{width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-4);height:var(--post-device-sizing-interactive-button-icon-4)}.btn-icon.btn-sm{padding:0;width:var(--post-device-sizing-interactive-button-height-4);height:var(--post-device-sizing-interactive-button-height-4);min-height:0;vertical-align:text-bottom}.btn-icon.btn-sm.btn-link{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-sm>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.btn-icon.btn-lg{padding:0;width:var(--post-device-sizing-interactive-button-height-2);height:var(--post-device-sizing-interactive-button-height-2);min-height:0;vertical-align:text-bottom}.btn-icon.btn-lg.btn-link{width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.btn-icon.btn-lg>post-icon{display:block;width:var(--post-device-sizing-interactive-button-icon-3);height:var(--post-device-sizing-interactive-button-icon-3)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:host .btn{background-color:var(--post-scheme-color-interactive-primary-enabled-bg1)}:host .btn:not(:disabled):hover,:host .btn.pretend-hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg)}:host(:not([placement])),:host([placement=auto]){position:absolute;inset-block-start:0;inset-inline-end:0;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host([size=small]) .btn{height:var(--post-device-sizing-interactive-button-height-7);width:var(--post-device-sizing-interactive-button-height-7)}"}},[321,"post-closebutton",{buttonType:[1,"button-type"],placement:[513],size:[513]}]);function h(){"undefined"!=typeof customElements&&["post-closebutton","post-icon"].forEach((t=>{switch(t){case"post-closebutton":customElements.get(r(t))||customElements.define(r(t),v);break;case"post-icon":customElements.get(r(t))||a()}}))}b([c(["button","reset"])],v.prototype,"buttonType",void 0),b([d(),c(["manual","auto"])],v.prototype,"placement",void 0),b([d(),c(["default","small"])],v.prototype,"size",void 0);export{v as P,h as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Build as t,proxyCustomElement as e,HTMLElement as
|
|
1
|
+
import{Build as t,proxyCustomElement as e,HTMLElement as i,createEvent as s,h as o,Host as l,transformTag as a}from"@stencil/core/internal/client";import{v as r}from"./package.js";import{T as n}from"./type.js";const c={height:"0",overflow:"hidden"},h={duration:!globalThis.matchMedia||globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches?0:350,easing:"ease",fill:"forwards"};const d=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.postToggle=s(this,"postToggle",7),this.collapsed=!1}get isExpanded(){return!this.collapsed}componentDidLoad(){this.updateTriggers()}async toggle(e=!this.isExpanded){if(e===this.isExpanded)return this.isExpanded;this.collapsed=!e;const i=this.isExpanded;if(t.isBrowser){const e=i?(s=this.host).animate([c,{height:`${s.scrollHeight}px`,offset:1,overflow:"hidden"},{height:"auto",overflow:"visible"}],h):function(e){const i=t.isBrowser?globalThis.getComputedStyle(e).height:`${e.scrollHeight}px`;return e.animate([{height:i},c],h)}(this.host);this.postToggle.emit(i),this.host.toggleAttribute("data-animating",!0);try{await e.finished,e.commitStyles()}finally{this.host.toggleAttribute("data-animating",!1)}this.updateTriggers()}var s;return i}updateTriggers(){const t=this.host.id?Array.from(document.querySelectorAll(`post-collapsible-trigger[for="${this.host.id}"]`)):[],e=this.host.closest("post-collapsible-trigger");e&&!t.includes(e)&&t.push(e),t.forEach((t=>t.update()))}render(){return o(l,{key:"1d1ecff40af5f2597d15179b687c4919289e1d0b","data-version":r,tabindex:this.collapsed?-1:void 0,style:this.collapsed?c:void 0},o("slot",{key:"5aa7a507af747649dd7d6f1edead5dacee0fb69e"}))}get host(){return this}static get style(){return":host{display:block;position:relative;overflow:var(--post-collapsible-initial-overflow, hidden);height:var(--post-collapsible-initial-height, auto)}"}},[257,"post-collapsible",{collapsed:[1028],toggle:[64]}]);function f(){"undefined"!=typeof customElements&&["post-collapsible"].forEach((t=>{"post-collapsible"===t&&(customElements.get(a(t))||customElements.define(a(t),d))}))}!function(t,e,i,s){var o,l=arguments.length,a=l<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(a=(l<3?o(a):l>3?o(e,i,a):o(e,i))||a);l>3&&a&&Object.defineProperty(e,i,a)}([n("boolean")],d.prototype,"collapsed",void 0);export{d as P,f as d}
|