@swisspost/design-system-components 10.0.0-next.55 → 10.0.0-next.57
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/{components/react/p-CJ80BZ06.js → cjs/breakpoints-Df03Ct7n.js} +103 -5
- package/dist/cjs/debounce-BsIBi_-2.js +13 -0
- package/dist/cjs/environment-BQE9Unf_.js +52 -0
- package/dist/cjs/{event-from-CLvtSUKf.js → event-from-CwMw19f8.js} +2 -2
- package/dist/cjs/fade-CPQhl1fP.js +26 -0
- package/dist/cjs/fade-slide-dPhQa-I1.js +38 -0
- package/dist/cjs/{get-focusable-children-Bx63XUQg.js → get-focusable-children-ChETM1wK.js} +29 -21
- package/dist/cjs/{get-root-CyMf3Vsd.js → get-root-CUAv4k4C.js} +2 -2
- package/dist/cjs/{index-B4gYpuJF.js → index-B4rc1pqu.js} +2150 -292
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{package-DkJrv93P.js → package-uQ5oiSiN.js} +1 -1
- package/dist/cjs/post-accordion_2.cjs.entry.js +19 -15
- package/dist/cjs/post-avatar.cjs.entry.js +27 -17
- package/dist/cjs/post-back-to-top.cjs.entry.js +23 -43
- package/dist/cjs/post-banner.cjs.entry.js +15 -12
- package/dist/cjs/post-breadcrumb-item_2.cjs.entry.js +14 -12
- package/dist/cjs/post-breadcrumbs.cjs.entry.js +33 -34
- package/dist/cjs/post-card-control.cjs.entry.js +42 -26
- package/dist/cjs/{post-closebutton_15.cjs.entry.js → post-closebutton_13.cjs.entry.js} +618 -531
- package/dist/cjs/post-collapsible_2.cjs.entry.js +41 -37
- package/dist/cjs/post-components.cjs.js +3 -3
- package/dist/cjs/post-env-test.cjs.entry.js +15 -0
- package/dist/cjs/post-footer.cjs.entry.js +24 -20
- package/dist/cjs/post-linkarea.cjs.entry.js +5 -5
- package/dist/cjs/post-pagination.cjs.entry.js +615 -0
- package/dist/cjs/post-popover-trigger.cjs.entry.js +54 -34
- package/dist/cjs/post-popover.cjs.entry.js +26 -17
- package/dist/cjs/post-rating.cjs.entry.js +24 -18
- package/dist/cjs/post-stepper-item.cjs.entry.js +5 -5
- package/dist/cjs/post-stepper.cjs.entry.js +40 -29
- package/dist/cjs/post-tab-item.cjs.entry.js +51 -0
- package/dist/cjs/post-tab-panel.cjs.entry.js +13 -11
- package/dist/cjs/post-tabs.cjs.entry.js +195 -40
- package/dist/cjs/post-tooltip-trigger.cjs.entry.js +13 -11
- package/dist/cjs/post-tooltip.cjs.entry.js +14 -12
- package/dist/cjs/utils-s05L2ulk.js +26 -0
- package/dist/collection/animations/collapse.js +3 -3
- package/dist/collection/animations/fade-slide.js +33 -0
- package/dist/collection/animations/fade.js +19 -7
- package/dist/collection/animations/index.js +2 -0
- package/dist/collection/animations/slide.js +25 -21
- package/dist/collection/animations/types.js +14 -0
- package/dist/collection/animations/utils.js +8 -0
- package/dist/collection/collection-manifest.json +8 -8
- package/dist/collection/components/post-accordion/post-accordion.css +1 -1
- package/dist/collection/components/post-accordion/post-accordion.js +5 -4
- package/dist/collection/components/post-accordion-item/post-accordion-item.css +1 -1
- package/dist/collection/components/post-accordion-item/post-accordion-item.js +9 -8
- package/dist/collection/components/post-avatar/post-avatar.js +11 -11
- package/dist/collection/components/post-back-to-top/post-back-to-top.js +15 -15
- package/dist/collection/components/post-banner/post-banner.css +4 -1
- package/dist/collection/components/post-banner/post-banner.js +6 -5
- package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js +3 -3
- package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.js +29 -29
- package/dist/collection/components/post-card-control/post-card-control.js +18 -18
- package/dist/collection/components/post-closebutton/post-closebutton.css +1 -1
- package/dist/collection/components/post-closebutton/post-closebutton.js +4 -3
- package/dist/collection/components/post-collapsible/post-collapsible.js +28 -28
- package/dist/collection/components/post-collapsible-trigger/post-collapsible-trigger.js +3 -3
- package/dist/collection/components/post-footer/post-footer.css +1 -1
- package/dist/collection/components/post-footer/post-footer.js +18 -16
- package/dist/collection/components/post-header/post-header.css +1 -1
- package/dist/collection/components/post-header/post-header.js +144 -82
- package/dist/collection/components/post-icon/post-icon.js +18 -16
- package/dist/collection/components/post-language-menu/post-language-menu.css +1 -0
- package/dist/collection/components/{post-language-switch/post-language-switch.js → post-language-menu/post-language-menu.js} +45 -36
- package/dist/collection/components/post-language-menu-item/post-language-menu-item.css +1 -0
- package/dist/collection/components/{post-language-option/post-language-option.js → post-language-menu-item/post-language-menu-item.js} +24 -23
- package/dist/collection/components/post-linkarea/post-linkarea.js +1 -1
- package/dist/collection/components/post-logo/post-logo.css +3 -1
- package/dist/collection/components/post-logo/post-logo.js +3 -3
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.css +1 -1
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +41 -29
- package/dist/collection/components/post-megadropdown/post-megadropdown.css +1 -1
- package/dist/collection/components/post-megadropdown/post-megadropdown.js +183 -74
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.css +3 -1
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +81 -75
- package/dist/collection/components/post-menu/post-menu.css +1 -1
- package/dist/collection/components/post-menu/post-menu.js +39 -38
- package/dist/collection/components/post-menu-item/post-menu-item.js +1 -1
- package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +3 -3
- package/dist/collection/components/post-pagination/post-pagination.css +1 -0
- package/dist/collection/components/post-pagination/post-pagination.js +838 -0
- package/dist/collection/components/post-popover/post-popover.js +22 -16
- package/dist/collection/components/post-popover-trigger/post-popover-trigger.js +45 -29
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.css +1 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +82 -131
- package/dist/collection/components/post-rating/post-rating.js +7 -7
- package/dist/collection/components/post-stepper/post-stepper.js +38 -35
- package/dist/collection/components/post-stepper-item/post-stepper-item.css +2 -2
- package/dist/collection/components/post-stepper-item/post-stepper-item.js +1 -1
- package/dist/collection/components/post-tab-item/post-tab-item.css +1 -0
- package/dist/collection/components/post-tab-item/post-tab-item.js +86 -0
- package/dist/collection/components/post-tab-panel/post-tab-panel.js +10 -10
- package/dist/collection/components/post-tabs/post-tabs.js +232 -59
- package/dist/collection/components/post-togglebutton/post-togglebutton.js +2 -2
- package/dist/collection/components/post-tooltip/post-tooltip.js +9 -27
- package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.js +4 -4
- package/dist/collection/utils/environment.js +47 -2
- package/dist/collection/utils/event-from.js +2 -2
- package/dist/collection/utils/get-focusable-children.js +29 -21
- package/dist/collection/utils/is-motion-reduced.js +1 -1
- package/dist/collection/utils/tests/environment/hydrate-app-helper.js +16 -0
- package/dist/collection/utils/tests/environment/post-env-test.js +9 -0
- package/dist/component-names.json +4 -5
- package/dist/components/breakpoints.js +1 -178
- package/dist/components/debounce.js +1 -0
- package/dist/components/environment.js +1 -0
- package/dist/components/event-from.js +1 -119
- package/dist/components/fade-slide.js +1 -0
- package/dist/components/fade.js +1 -11
- package/dist/components/focusable.js +1 -5018
- package/dist/components/get-focusable-children.js +1 -64
- package/dist/components/get-root.js +1 -15
- package/dist/components/heading-levels.js +1 -3
- package/dist/components/index.browser.js +1 -14
- package/dist/components/index.d.ts +11 -10
- package/dist/components/index.js +1 -39
- package/dist/components/long-press-event.js +1 -257
- package/dist/components/package.js +1 -3
- package/dist/components/post-accordion-item.js +1 -6
- package/dist/components/post-accordion-item2.js +1 -113
- package/dist/components/post-accordion.js +1 -6
- package/dist/components/post-accordion2.js +1 -138
- package/dist/components/post-avatar.js +1 -217
- package/dist/components/post-back-to-top.js +1 -144
- package/dist/components/post-banner.js +1 -98
- package/dist/components/post-breadcrumb-item.js +1 -6
- package/dist/components/post-breadcrumb-item2.js +1 -79
- package/dist/components/post-breadcrumbs.js +1 -196
- package/dist/components/post-card-control.js +1 -326
- package/dist/components/post-closebutton.js +1 -6
- package/dist/components/post-closebutton2.js +1 -77
- package/dist/components/post-collapsible-trigger.js +1 -6
- package/dist/components/post-collapsible-trigger2.js +1 -136
- package/dist/components/post-collapsible.js +1 -6
- package/dist/components/post-collapsible2.js +1 -110
- package/dist/components/{post-list.d.ts → post-env-test.d.ts} +4 -4
- package/dist/components/post-env-test.js +1 -0
- package/dist/components/post-footer.js +1 -116
- package/dist/components/post-header.js +1 -372
- package/dist/components/post-icon.js +1 -6
- package/dist/components/post-icon2.js +1 -159
- package/dist/components/post-language-menu-item.d.ts +11 -0
- package/dist/components/post-language-menu-item.js +1 -0
- package/dist/components/{post-language-switch.d.ts → post-language-menu.d.ts} +4 -4
- package/dist/components/post-language-menu.js +1 -0
- package/dist/components/post-linkarea.js +1 -58
- package/dist/components/post-logo.js +1 -58
- package/dist/components/post-mainnavigation.js +1 -180
- package/dist/components/post-megadropdown-trigger.js +1 -136
- package/dist/components/post-megadropdown.js +1 -267
- package/dist/components/post-menu-item.js +1 -6
- package/dist/components/post-menu-item2.js +1 -30
- package/dist/components/post-menu-trigger.js +1 -6
- package/dist/components/post-menu-trigger2.js +1 -110
- package/dist/components/post-menu.js +1 -6
- package/dist/components/post-menu2.js +1 -242
- package/dist/components/{post-tab-header.d.ts → post-pagination.d.ts} +4 -4
- package/dist/components/post-pagination.js +1 -0
- package/dist/components/post-popover-trigger.js +1 -132
- package/dist/components/post-popover.js +1 -118
- package/dist/components/post-popovercontainer.js +1 -6
- package/dist/components/post-popovercontainer2.js +1 -3127
- package/dist/components/post-rating.js +1 -148
- package/dist/components/post-stepper-item.js +1 -33
- package/dist/components/post-stepper.js +1 -134
- package/dist/components/{post-list-item.d.ts → post-tab-item.d.ts} +4 -4
- package/dist/components/post-tab-item.js +1 -0
- package/dist/components/post-tab-panel.js +1 -54
- package/dist/components/post-tabs.js +1 -196
- package/dist/components/post-togglebutton.js +1 -56
- package/dist/components/post-togglebutton2.js +1 -0
- package/dist/components/post-tooltip-trigger.js +1 -206
- package/dist/components/post-tooltip.js +1 -114
- package/dist/components/react/index.d.ts +2 -0
- package/dist/components/react/index.js +1 -2315
- package/dist/components/react/p-B8YiQ3mz.js +1 -0
- package/dist/components/react/p-BC5nlBvn.js +1 -0
- package/dist/components/react/p-BLchVpF6.js +1 -14
- package/dist/components/react/p-BVCjnh6Q.js +1 -0
- package/dist/{post-components/p-CBFgkSgY.js → components/react/p-BVGcVycs.js} +1 -1
- package/dist/components/react/p-B_XPj2c8.js +1 -0
- package/dist/components/react/p-BllOMLDs.js +1 -0
- package/dist/components/react/p-BmRNjQUZ.js +1 -0
- package/dist/components/react/p-ByFh05IW.js +1 -0
- package/dist/components/react/p-C9hMpmsD.js +1 -0
- package/dist/components/react/p-CJ13r5fi.js +1 -0
- package/dist/components/react/p-CZvbetqX.js +1 -0
- package/dist/components/react/p-C_2k3G1c.js +1 -257
- package/dist/components/react/p-CoDiS_Ik.js +1 -0
- package/dist/components/react/p-Cou17ld8.js +1 -0
- package/dist/components/react/p-D5knoiyy.js +1 -0
- package/dist/components/react/p-D9DDtvFM.js +1 -0
- package/dist/components/react/p-DY2U5CQt.js +1 -0
- package/dist/components/react/p-DjIHLduJ.js +1 -3
- package/dist/components/react/p-DpATRD2W.js +1 -0
- package/dist/components/react/p-FxUVQ4Tx.js +1 -0
- package/dist/components/react/p-HygIVKXC.js +1 -5018
- package/dist/components/react/p-YR7U0Z_g.js +1 -0
- package/dist/components/react/p-ZeKXASQs.js +1 -0
- package/dist/components/react/p-r4txK0AC.js +1 -3
- package/dist/components/react/p-sSn0kXFi.js +1 -0
- package/dist/components/react/post-accordion-item.js +1 -6
- package/dist/components/react/post-accordion.js +1 -6
- package/dist/components/react/post-avatar.js +1 -218
- package/dist/components/react/post-back-to-top.js +1 -145
- package/dist/components/react/post-banner.js +1 -99
- package/dist/components/react/post-breadcrumb-item.js +1 -6
- package/dist/components/react/post-breadcrumbs.js +1 -197
- package/dist/components/react/post-card-control.js +1 -327
- package/dist/components/react/post-closebutton.js +1 -6
- package/dist/components/react/post-collapsible-trigger.js +1 -6
- package/dist/components/react/post-collapsible.js +1 -6
- package/dist/components/react/{post-list.d.ts → post-env-test.d.ts} +4 -4
- package/dist/components/react/post-env-test.js +1 -0
- package/dist/components/react/post-footer.js +1 -117
- package/dist/components/react/post-header.js +1 -373
- package/dist/components/react/post-icon.js +1 -6
- package/dist/components/react/post-language-menu-item.d.ts +11 -0
- package/dist/components/react/post-language-menu-item.js +1 -0
- package/dist/components/react/{post-language-option.d.ts → post-language-menu.d.ts} +4 -4
- package/dist/components/react/post-language-menu.js +1 -0
- package/dist/components/react/post-linkarea.js +1 -59
- package/dist/components/react/post-logo.js +1 -59
- package/dist/components/react/post-mainnavigation.js +1 -181
- package/dist/components/react/post-megadropdown-trigger.js +1 -137
- package/dist/components/react/post-megadropdown.js +1 -268
- package/dist/components/react/post-menu-item.js +1 -6
- package/dist/components/react/post-menu-trigger.js +1 -6
- package/dist/components/react/post-menu.js +1 -6
- package/dist/components/react/{post-tab-header.d.ts → post-pagination.d.ts} +4 -4
- package/dist/components/react/post-pagination.js +1 -0
- package/dist/components/react/post-popover-trigger.js +1 -133
- package/dist/components/react/post-popover.js +1 -119
- package/dist/components/react/post-popovercontainer.js +1 -6
- package/dist/components/react/post-rating.js +1 -149
- package/dist/components/react/post-stepper-item.js +1 -34
- package/dist/components/react/post-stepper.js +1 -135
- package/dist/components/react/{post-list-item.d.ts → post-tab-item.d.ts} +4 -4
- package/dist/components/react/post-tab-item.js +1 -0
- package/dist/components/react/post-tab-panel.js +1 -55
- package/dist/components/react/post-tabs.js +1 -197
- package/dist/components/react/post-togglebutton.js +1 -57
- package/dist/components/react/post-tooltip-trigger.js +1 -207
- package/dist/components/react/post-tooltip.js +1 -115
- package/dist/components/switch-variants.js +1 -3
- package/dist/components/utils.js +1 -0
- package/dist/docs.d.ts +11 -0
- package/dist/docs.json +873 -631
- package/dist/{cjs/breakpoints-CEkeixld.js → esm/breakpoints-DYoSKGHO.js} +89 -6
- package/dist/esm/debounce-C9hMpmsD.js +11 -0
- package/dist/esm/environment-CEmnRoA6.js +49 -0
- package/dist/{components/react/p-CzIKqBrS.js → esm/event-from-rEfV4v4a.js} +2 -2
- package/dist/esm/fade-DsgPYmAa.js +24 -0
- package/dist/esm/fade-slide-CvOvauo9.js +36 -0
- package/dist/esm/{get-focusable-children-D9ZHp2FP.js → get-focusable-children-BXNs2_sw.js} +29 -21
- package/dist/{components/react/p-CBFgkSgY.js → esm/get-root-CXfAA093.js} +1 -1
- package/dist/esm/{index-wEFJ-c34.js → index-CDZBzSdV.js} +2150 -292
- package/dist/esm/loader.js +3 -3
- package/dist/esm/package-CZvbetqX.js +3 -0
- package/dist/esm/post-accordion_2.entry.js +17 -13
- package/dist/esm/post-avatar.entry.js +22 -12
- package/dist/esm/post-back-to-top.entry.js +23 -43
- package/dist/esm/post-banner.entry.js +14 -11
- package/dist/esm/post-breadcrumb-item_2.entry.js +13 -11
- package/dist/esm/post-breadcrumbs.entry.js +31 -32
- package/dist/esm/post-card-control.entry.js +32 -16
- package/dist/esm/{post-closebutton_15.entry.js → post-closebutton_13.entry.js} +599 -510
- package/dist/esm/post-collapsible_2.entry.js +38 -34
- package/dist/esm/post-components.js +4 -4
- package/dist/esm/post-env-test.entry.js +13 -0
- package/dist/esm/post-footer.entry.js +21 -17
- package/dist/esm/post-linkarea.entry.js +5 -5
- package/dist/esm/post-pagination.entry.js +613 -0
- package/dist/esm/post-popover-trigger.entry.js +52 -32
- package/dist/esm/post-popover.entry.js +25 -16
- package/dist/esm/post-rating.entry.js +16 -10
- package/dist/esm/post-stepper-item.entry.js +5 -5
- package/dist/esm/post-stepper.entry.js +39 -28
- package/dist/esm/post-tab-item.entry.js +49 -0
- package/dist/esm/post-tab-panel.entry.js +13 -11
- package/dist/esm/post-tabs.entry.js +195 -40
- package/dist/esm/post-tooltip-trigger.entry.js +10 -8
- package/dist/esm/post-tooltip.entry.js +13 -11
- package/dist/esm/utils-CoDiS_Ik.js +24 -0
- package/dist/post-components/p-09ba7cf9.entry.js +1 -0
- package/dist/post-components/p-0c091898.entry.js +1 -0
- package/dist/post-components/{p-cd03e6f2.entry.js → p-0e97fcfd.entry.js} +1 -1
- package/dist/post-components/p-296f1dd5.entry.js +1 -0
- package/dist/post-components/p-32ad2b21.entry.js +1 -0
- package/dist/post-components/p-366c28cb.entry.js +1 -0
- package/dist/post-components/p-41ae68d5.entry.js +1 -0
- package/dist/post-components/p-448e7265.entry.js +1 -0
- package/dist/post-components/p-554da188.entry.js +1 -0
- package/dist/post-components/p-5912f8f1.entry.js +1 -0
- package/dist/post-components/p-790f300d.entry.js +1 -0
- package/dist/post-components/p-7ed5a493.entry.js +1 -0
- package/dist/post-components/p-85bea1b6.entry.js +1 -0
- package/dist/post-components/p-8bcff4d2.entry.js +1 -0
- package/dist/post-components/p-9dc9c245.entry.js +1 -0
- package/dist/post-components/p-B7ebLhHc.js +1 -0
- package/dist/post-components/p-BVCjnh6Q.js +1 -0
- package/dist/post-components/p-BXNs2_sw.js +1 -0
- package/dist/post-components/p-C9hMpmsD.js +1 -0
- package/dist/post-components/p-CDZBzSdV.js +2 -0
- package/dist/post-components/p-CEmnRoA6.js +1 -0
- package/dist/post-components/p-CZvbetqX.js +1 -0
- package/dist/post-components/p-CoDiS_Ik.js +1 -0
- package/dist/post-components/p-D5knoiyy.js +1 -0
- package/dist/post-components/p-DI-h_mEL.js +1 -0
- package/dist/post-components/p-a06f9695.entry.js +1 -0
- package/dist/post-components/p-a191f1df.entry.js +1 -0
- package/dist/post-components/p-c5d19d62.entry.js +1 -0
- package/dist/post-components/{p-24dc54d1.entry.js → p-c8c4d05b.entry.js} +1 -1
- package/dist/post-components/{p-57288cb2.entry.js → p-d1a5c980.entry.js} +1 -1
- package/dist/post-components/p-d4e2c556.entry.js +1 -0
- package/dist/post-components/p-f96a310c.entry.js +1 -0
- package/dist/post-components/p-fab2327d.entry.js +1 -0
- package/dist/post-components/p-rEfV4v4a.js +1 -0
- package/dist/post-components/post-components.css +1 -1
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/prebuild.js +46 -0
- package/dist/types/animations/collapse.d.ts +1 -0
- package/dist/types/animations/fade-slide.d.ts +11 -0
- package/dist/types/animations/fade.d.ts +2 -2
- package/dist/types/animations/index.d.ts +2 -0
- package/dist/types/animations/slide.d.ts +9 -2
- package/dist/types/animations/types.d.ts +13 -0
- package/dist/types/animations/utils.d.ts +2 -0
- package/dist/types/components/post-accordion-item/heading-levels.d.ts +1 -1
- package/dist/types/components/post-accordion-item/post-accordion-item.d.ts +2 -2
- package/dist/types/components/post-back-to-top/post-back-to-top.d.ts +2 -2
- package/dist/types/components/post-breadcrumbs/post-breadcrumbs.d.ts +6 -6
- package/dist/types/components/post-collapsible/post-collapsible.d.ts +4 -5
- package/dist/types/components/post-footer/post-footer.d.ts +4 -4
- package/dist/types/components/post-header/post-header.d.ts +23 -13
- package/dist/types/components/{post-language-switch/post-language-switch.d.ts → post-language-menu/post-language-menu.d.ts} +12 -11
- package/dist/types/components/{post-language-option/post-language-option.d.ts → post-language-menu-item/post-language-menu-item.d.ts} +5 -5
- package/dist/types/components/post-mainnavigation/post-mainnavigation.d.ts +6 -5
- package/dist/types/components/post-megadropdown/post-megadropdown.d.ts +20 -2
- package/dist/types/components/post-megadropdown-trigger/post-megadropdown-trigger.d.ts +17 -23
- package/dist/types/components/post-menu/post-menu.d.ts +4 -4
- package/dist/types/components/post-pagination/post-pagination.d.ts +224 -0
- package/dist/types/components/post-popover/post-popover.d.ts +4 -3
- package/dist/types/components/post-popover-trigger/post-popover-trigger.d.ts +2 -1
- package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts +23 -21
- package/dist/types/components/post-rating/post-rating.d.ts +1 -1
- package/dist/types/components/post-stepper/post-stepper.d.ts +9 -8
- package/dist/types/components/post-tab-item/post-tab-item.d.ts +19 -0
- package/dist/types/components/post-tab-panel/post-tab-panel.d.ts +3 -3
- package/dist/types/components/post-tabs/post-tabs.d.ts +33 -12
- package/dist/types/components/post-tooltip/post-tooltip.d.ts +1 -5
- package/dist/types/components.d.ts +322 -219
- package/dist/types/home/runner/work/design-system/design-system/packages/components/.stencil/prebuild.d.ts +9 -0
- package/dist/types/stencil-public-runtime.d.ts +147 -10
- package/dist/types/types/heading-levels.d.ts +1 -1
- package/dist/types/utils/environment.d.ts +25 -1
- package/dist/types/utils/get-focusable-children.d.ts +2 -2
- package/dist/types/utils/tests/environment/hydrate-app-helper.d.ts +5 -0
- package/dist/types/utils/tests/environment/post-env-test.d.ts +3 -0
- package/hydrate/index.d.ts +14 -0
- package/hydrate/index.js +7494 -2714
- package/hydrate/index.mjs +7493 -2715
- package/package.json +7 -8
- package/dist/cjs/fade-nS5zzDQS.js +0 -14
- package/dist/cjs/index-UFKR6Ok0.js +0 -98
- package/dist/cjs/post-tab-header.cjs.entry.js +0 -31
- package/dist/collection/animations/slide-and-fade.js +0 -25
- package/dist/collection/components/post-language-option/post-language-option.css +0 -1
- package/dist/collection/components/post-language-switch/post-language-switch.css +0 -1
- package/dist/collection/components/post-list/post-list.css +0 -1
- package/dist/collection/components/post-list/post-list.js +0 -97
- package/dist/collection/components/post-list-item/post-list-item.css +0 -1
- package/dist/collection/components/post-list-item/post-list-item.js +0 -26
- package/dist/collection/components/post-tab-header/post-tab-header.css +0 -1
- package/dist/collection/components/post-tab-header/post-tab-header.js +0 -65
- package/dist/components/index2.js +0 -89
- package/dist/components/post-language-option.d.ts +0 -11
- package/dist/components/post-language-option.js +0 -99
- package/dist/components/post-language-switch.js +0 -157
- package/dist/components/post-list-item.js +0 -38
- package/dist/components/post-list.js +0 -61
- package/dist/components/post-tab-header.js +0 -52
- package/dist/components/react/p-BVXiQdHq.js +0 -64
- package/dist/components/react/p-BhxZzOEC.js +0 -3
- package/dist/components/react/p-CSAMO7iJ.js +0 -243
- package/dist/components/react/p-CYkf_7Y5.js +0 -89
- package/dist/components/react/p-Ccrl2AQn.js +0 -111
- package/dist/components/react/p-CewRvBtg.js +0 -139
- package/dist/components/react/p-Cwiv86_f.js +0 -111
- package/dist/components/react/p-D2waO0Zc.js +0 -31
- package/dist/components/react/p-DBPOV12C.js +0 -160
- package/dist/components/react/p-DVGEExot.js +0 -3128
- package/dist/components/react/p-Djvj8fd2.js +0 -80
- package/dist/components/react/p-LtiDhYis.js +0 -137
- package/dist/components/react/p-SbIC4aZX.js +0 -11
- package/dist/components/react/p-XrZzCOKT.js +0 -78
- package/dist/components/react/p-v3pOrMNQ.js +0 -114
- package/dist/components/react/post-language-option.js +0 -100
- package/dist/components/react/post-language-switch.d.ts +0 -11
- package/dist/components/react/post-language-switch.js +0 -158
- package/dist/components/react/post-list-item.js +0 -39
- package/dist/components/react/post-list.js +0 -62
- package/dist/components/react/post-tab-header.js +0 -53
- package/dist/esm/breakpoints-CJ80BZ06.js +0 -178
- package/dist/esm/event-from-CzIKqBrS.js +0 -119
- package/dist/esm/fade-SbIC4aZX.js +0 -11
- package/dist/esm/get-root-BkQ3CrLq.js +0 -15
- package/dist/esm/index-Beaz8wEe.js +0 -89
- package/dist/esm/package-BhxZzOEC.js +0 -3
- package/dist/esm/post-tab-header.entry.js +0 -29
- package/dist/post-components/p-01e678c9.entry.js +0 -1
- package/dist/post-components/p-034a453f.entry.js +0 -1
- package/dist/post-components/p-15a4cdbf.entry.js +0 -1
- package/dist/post-components/p-2a2030bf.entry.js +0 -1
- package/dist/post-components/p-2ed84cc3.entry.js +0 -1
- package/dist/post-components/p-3228968f.entry.js +0 -1
- package/dist/post-components/p-3c01ddfe.entry.js +0 -1
- package/dist/post-components/p-748b1f01.entry.js +0 -1
- package/dist/post-components/p-7745e46e.entry.js +0 -1
- package/dist/post-components/p-7f635728.entry.js +0 -1
- package/dist/post-components/p-82c178a3.entry.js +0 -1
- package/dist/post-components/p-9b5f8319.entry.js +0 -1
- package/dist/post-components/p-Beaz8wEe.js +0 -1
- package/dist/post-components/p-BhxZzOEC.js +0 -1
- package/dist/post-components/p-CJ80BZ06.js +0 -1
- package/dist/post-components/p-D9ZHp2FP.js +0 -1
- package/dist/post-components/p-SbIC4aZX.js +0 -1
- package/dist/post-components/p-a9644e54.entry.js +0 -1
- package/dist/post-components/p-af030a3a.entry.js +0 -1
- package/dist/post-components/p-b8ba8139.entry.js +0 -1
- package/dist/post-components/p-db935e8e.entry.js +0 -1
- package/dist/post-components/p-e62e1f57.entry.js +0 -1
- package/dist/post-components/p-fb4b1641.entry.js +0 -1
- package/dist/post-components/p-wEFJ-c34.js +0 -2
- package/dist/types/animations/slide-and-fade.d.ts +0 -2
- package/dist/types/components/post-list/post-list.d.ts +0 -24
- package/dist/types/components/post-list-item/post-list-item.d.ts +0 -8
- package/dist/types/components/post-tab-header/post-tab-header.d.ts +0 -14
- /package/dist/collection/components/{post-language-switch → post-language-menu}/switch-variants.js +0 -0
- /package/dist/{post-components/p-CzIKqBrS.js → components/react/p-rEfV4v4a.js} +0 -0
- /package/dist/types/components/{post-language-switch → post-language-menu}/switch-variants.d.ts +0 -0
|
@@ -1,117 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { v as version } from './p-BhxZzOEC.js';
|
|
3
|
-
import { c as checkRequiredAndType } from './p-CYkf_7Y5.js';
|
|
4
|
-
import { b as breakpoint } from './p-CJ80BZ06.js';
|
|
5
|
-
import { d as defineCustomElement$6 } from './p-CewRvBtg.js';
|
|
6
|
-
import { d as defineCustomElement$5 } from './p-v3pOrMNQ.js';
|
|
7
|
-
import { d as defineCustomElement$4 } from './p-Ccrl2AQn.js';
|
|
8
|
-
import { d as defineCustomElement$3 } from './p-LtiDhYis.js';
|
|
9
|
-
import { d as defineCustomElement$2 } from './p-DBPOV12C.js';
|
|
10
|
-
|
|
11
|
-
const postFooterCss = ":host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-post-list-flex-direction:column;--post-footer-post-list-gap:8px;--post-footer-post-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-post-list-flex-direction:row;--post-footer-post-list-gap:16px;--post-footer-post-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-post-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(post-list),.footer-app ::slotted(post-list),.footer-businesssectors ::slotted(post-list),.footer-meta ::slotted(post-list){display:flex !important;flex-direction:var(--post-footer-post-list-flex-direction) !important;gap:var(--post-footer-post-list-gap) !important;align-items:var(--post-footer-post-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}";
|
|
12
|
-
|
|
13
|
-
const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
|
|
14
|
-
const PostFooter$1 = /*@__PURE__*/ proxyCustomElement(class PostFooter extends H {
|
|
15
|
-
validateLabel() {
|
|
16
|
-
checkRequiredAndType(this, 'label', 'string');
|
|
17
|
-
}
|
|
18
|
-
constructor() {
|
|
19
|
-
super();
|
|
20
|
-
this.__registerHost();
|
|
21
|
-
this.__attachShadow();
|
|
22
|
-
this.device = breakpoint.get('device');
|
|
23
|
-
this.gridSlotDisplayed = {};
|
|
24
|
-
this.breakpointChange = (e) => {
|
|
25
|
-
this.device = e.detail;
|
|
26
|
-
};
|
|
27
|
-
this.handleGridSlotChange = (...devices) => (e) => {
|
|
28
|
-
if (devices.includes(this.device) && e.target instanceof HTMLSlotElement) {
|
|
29
|
-
this.updateGridSlotDisplay(e.target.name, e.target.assignedElements().length > 0);
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
this.handleGridSlotChange = this.handleGridSlotChange.bind(this);
|
|
33
|
-
}
|
|
34
|
-
connectedCallback() {
|
|
35
|
-
window.addEventListener('postBreakpoint:device', this.breakpointChange);
|
|
36
|
-
}
|
|
37
|
-
componentWillLoad() {
|
|
38
|
-
this.validateLabel();
|
|
39
|
-
// initialize grid visibility by checking the content of each slot
|
|
40
|
-
GRID_SLOTS.forEach(slotName => {
|
|
41
|
-
const assignedElements = this.host.querySelectorAll(`[slot="${slotName}"]`);
|
|
42
|
-
this.updateGridSlotDisplay(slotName, assignedElements.length > 0);
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
disconnectedCallback() {
|
|
46
|
-
window.removeEventListener('postBreakpoint:device', this.breakpointChange);
|
|
47
|
-
}
|
|
48
|
-
updateGridSlotDisplay(slotName, hasContent) {
|
|
49
|
-
if (this.gridSlotDisplayed[slotName] !== hasContent) {
|
|
50
|
-
this.gridSlotDisplayed = { ...this.gridSlotDisplayed, [slotName]: hasContent };
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
renderAccordion() {
|
|
54
|
-
return (h("post-accordion", { headingLevel: 3, multiple: true }, GRID_SLOTS.map(slotName => (h("post-accordion-item", { class: { 'd-none': !this.gridSlotDisplayed[slotName] }, collapsed: true }, h("span", { slot: "header" }, h("slot", { name: slotName + '-title' })), h("slot", { onSlotchange: this.handleGridSlotChange('mobile'), name: slotName }))))));
|
|
55
|
-
}
|
|
56
|
-
renderColumns() {
|
|
57
|
-
return GRID_SLOTS.map(slotName => (h("div", { class: { 'd-none': !this.gridSlotDisplayed[slotName] } }, h("slot", { onSlotchange: this.handleGridSlotChange('tablet', 'desktop'), name: slotName }))));
|
|
58
|
-
}
|
|
59
|
-
render() {
|
|
60
|
-
return (h(Host, { key: '5fc11a9cde5e0180c20c27e53fb177ecc9a49d78', "data-version": version, "data-color-scheme": "light" }, h("footer", { key: 'a844ab0ee3ef02c5266a6b259f6869ecb68f26cd' }, h("h2", { key: '543414f0394b276d5c8c22f2839f3afcd1d10575', class: "visually-hidden" }, this.label), h("div", { key: '6d6f38e761a134a39b5b5ed863c6832a5fc1f9a8', class: "footer-container" }, h("div", { key: '2c13938bb4bc9def54eb579207f1f5742b937aac', class: "footer-grid" }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), h("div", { key: 'cf097034f1987afa77d9646c51d8b8a1ae697e5b', class: "footer-column" }, h("div", { key: '4f47baa37bd3efe1f1fd3a0e5725106618eebe03', class: "footer-socialmedia" }, h("slot", { key: 'eccb942dcc1c20cf335cda88b18979fe4d80b431', name: "socialmedia" })), h("div", { key: 'b6aaff5655c50ef59679cd94dc15a53127e08ddc', class: "footer-app" }, h("slot", { key: 'd74e9e912a67747efd5413171d10ae7558e75da5', name: "app" }))), h("div", { key: '71ba540f7ce2ac65359eadc6b03a9b809c3deb82', class: "footer-businesssectors" }, h("slot", { key: 'bc5947b45a37132765526952127c03058fa33b90', name: "businesssectors" })), h("div", { key: '287b6ed9ed686a743d57709e8be4a85d1b7c3837', class: "footer-meta" }, h("slot", { key: 'ce5d85389422fe1b0fc231a32f96f60ac7d20459', name: "meta" })), h("div", { key: '2da10dc4c5923a697977a5eb6227c567df156de3', class: "footer-copyright" }, h("slot", { key: 'f6fb5282c228d33213c90141b51accff50ae233e', name: "copyright" }))))));
|
|
61
|
-
}
|
|
62
|
-
get host() { return this; }
|
|
63
|
-
static get watchers() { return {
|
|
64
|
-
"label": ["validateLabel"]
|
|
65
|
-
}; }
|
|
66
|
-
static get style() { return postFooterCss; }
|
|
67
|
-
}, [1, "post-footer", {
|
|
68
|
-
"label": [513],
|
|
69
|
-
"device": [32],
|
|
70
|
-
"gridSlotDisplayed": [32]
|
|
71
|
-
}, undefined, {
|
|
72
|
-
"label": ["validateLabel"]
|
|
73
|
-
}]);
|
|
74
|
-
function defineCustomElement$1() {
|
|
75
|
-
if (typeof customElements === "undefined") {
|
|
76
|
-
return;
|
|
77
|
-
}
|
|
78
|
-
const components = ["post-footer", "post-accordion", "post-accordion-item", "post-collapsible", "post-collapsible-trigger", "post-icon"];
|
|
79
|
-
components.forEach(tagName => { switch (tagName) {
|
|
80
|
-
case "post-footer":
|
|
81
|
-
if (!customElements.get(tagName)) {
|
|
82
|
-
customElements.define(tagName, PostFooter$1);
|
|
83
|
-
}
|
|
84
|
-
break;
|
|
85
|
-
case "post-accordion":
|
|
86
|
-
if (!customElements.get(tagName)) {
|
|
87
|
-
defineCustomElement$6();
|
|
88
|
-
}
|
|
89
|
-
break;
|
|
90
|
-
case "post-accordion-item":
|
|
91
|
-
if (!customElements.get(tagName)) {
|
|
92
|
-
defineCustomElement$5();
|
|
93
|
-
}
|
|
94
|
-
break;
|
|
95
|
-
case "post-collapsible":
|
|
96
|
-
if (!customElements.get(tagName)) {
|
|
97
|
-
defineCustomElement$4();
|
|
98
|
-
}
|
|
99
|
-
break;
|
|
100
|
-
case "post-collapsible-trigger":
|
|
101
|
-
if (!customElements.get(tagName)) {
|
|
102
|
-
defineCustomElement$3();
|
|
103
|
-
}
|
|
104
|
-
break;
|
|
105
|
-
case "post-icon":
|
|
106
|
-
if (!customElements.get(tagName)) {
|
|
107
|
-
defineCustomElement$2();
|
|
108
|
-
}
|
|
109
|
-
break;
|
|
110
|
-
} });
|
|
111
|
-
}
|
|
112
|
-
defineCustomElement$1();
|
|
113
|
-
|
|
114
|
-
const PostFooter = PostFooter$1;
|
|
115
|
-
const defineCustomElement = defineCustomElement$1;
|
|
116
|
-
|
|
117
|
-
export { PostFooter, defineCustomElement };
|
|
1
|
+
import{t as o,p as t,H as e,h as r,a as i}from"./index.js";import{v as a}from"./p-CZvbetqX.js";import{c as s,g as n}from"./p-B8YiQ3mz.js";import{d}from"./p-Cou17ld8.js";import{d as p}from"./p-B_XPj2c8.js";import{d as c}from"./p-sSn0kXFi.js";import{d as l}from"./p-BmRNjQUZ.js";import{d as f}from"./p-DY2U5CQt.js";const m=["grid-1","grid-2","grid-3","grid-4"],g=t(class extends e{validateTextFooter(){s(this,"textFooter","string")}constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.device=n.get("device"),this.gridSlotDisplayed={},this.breakpointChange=o=>{this.device=o.detail},this.handleGridSlotChange=this.handleGridSlotChange.bind(this)}connectedCallback(){window.addEventListener("postBreakpoint:device",this.breakpointChange)}componentWillLoad(){this.validateTextFooter(),m.forEach((o=>{const t=this.host.querySelectorAll(`[slot="${o}"]`);this.updateGridSlotDisplay(o,t.length>0)}))}disconnectedCallback(){window.removeEventListener("postBreakpoint:device",this.breakpointChange)}handleGridSlotChange(...o){return t=>{o.includes(this.device)&&t.target instanceof HTMLSlotElement&&this.updateGridSlotDisplay(t.target.name,t.target.assignedElements().length>0)}}updateGridSlotDisplay(o,t){this.gridSlotDisplayed[o]!==t&&(this.gridSlotDisplayed={...this.gridSlotDisplayed,[o]:t})}renderAccordion(){return r("post-accordion",{headingLevel:3,multiple:!0},m.map((o=>r("post-accordion-item",{class:{"d-none":!this.gridSlotDisplayed[o]},collapsed:!0},r("span",{slot:"header"},r("slot",{name:o+"-title"})),r("slot",{onSlotchange:this.handleGridSlotChange("mobile"),name:o})))))}renderColumns(){return m.map((o=>r("div",{class:{"d-none":!this.gridSlotDisplayed[o]}},r("h3",null,r("slot",{name:o+"-title"})),r("slot",{onSlotchange:this.handleGridSlotChange("tablet","desktop"),name:o}))))}render(){return r(i,{key:"e7a0cce19d579c46f60417cfa817ece8c2245ca7","data-version":a,"data-color-scheme":"light"},r("footer",{key:"492f1c264ecd72d18adca6e4ca8bc806a00c1643"},r("h2",{key:"7e08d975715e3e303e61eccead938b09845adc96",class:"visually-hidden"},this.textFooter),r("div",{key:"77e9434cd41864e2cfb845925ec3354d82db1ced",class:"footer-container"},r("div",{key:"2260e6da042d4fb489eacd0c7660fcd988b057c4",class:"footer-grid"},"mobile"===this.device?this.renderAccordion():this.renderColumns()),r("div",{key:"cf6e31f98324dfb4cfed0dcb47fcfa031d235125",class:"footer-column"},r("div",{key:"c4d1f3d153e1a28ae3a4e8b3752892515d9f1e11",class:"footer-socialmedia"},r("slot",{key:"7577106b20b768a97a1bb778493419242dab2c4a",name:"socialmedia"})),r("div",{key:"d91dbf22ee099b5604d1fb093fe9109889f1f7a0",class:"footer-app"},r("slot",{key:"0818814f5d2e286b6b1b6d917a3aeb08350a5ac2",name:"app"}))),r("div",{key:"928110b46617a18411987d1596135b0a5cc9a908",class:"footer-businesssectors"},r("slot",{key:"e0ca79bdfcf044641e0181435928951c8f91b719",name:"businesssectors"})),r("div",{key:"67fa6022ce1a0a85d8184c80ffc6d6d9a442a7ff",class:"footer-meta"},r("slot",{key:"dd45f04ba9dab63396ea62517dc993b495c406f0",name:"meta"})),r("div",{key:"de0a6d29504b6456bb75dc265dbb9ad68f1d305e",class:"footer-copyright"},r("slot",{key:"ef8a1baffbf26fa05e53370d6bb4df78030c9963",name:"copyright"})))))}get host(){return this}static get watchers(){return{textFooter:[{validateTextFooter:0}]}}static get style(){return":host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-businesssectors ::slotted(div),.footer-meta ::slotted(div){display:flex !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}"}},[257,"post-footer",{textFooter:[513,"text-footer"],device:[32],gridSlotDisplayed:[32]},void 0,{textFooter:[{validateTextFooter:0}]}]);function b(){"undefined"!=typeof customElements&&["post-footer","post-accordion","post-accordion-item","post-collapsible","post-collapsible-trigger","post-icon"].forEach((t=>{switch(t){case"post-footer":customElements.get(o(t))||customElements.define(o(t),g);break;case"post-accordion":customElements.get(o(t))||d();break;case"post-accordion-item":customElements.get(o(t))||p();break;case"post-collapsible":customElements.get(o(t))||c();break;case"post-collapsible-trigger":customElements.get(o(t))||l();break;case"post-icon":customElements.get(o(t))||f()}}))}b();const h=g,u=b;export{h as PostFooter,u as defineCustomElement}
|
|
@@ -1,373 +1 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h, a as Host } from './index.js';
|
|
2
|
-
import { t as throttle, b as breakpoint } from './p-CJ80BZ06.js';
|
|
3
|
-
import { v as version } from './p-BhxZzOEC.js';
|
|
4
|
-
import { g as getFocusableChildren } from './p-BVXiQdHq.js';
|
|
5
|
-
import { E as EventFrom } from './p-CzIKqBrS.js';
|
|
6
|
-
|
|
7
|
-
const easing = 'ease';
|
|
8
|
-
const duration = 500;
|
|
9
|
-
const fill = 'forwards';
|
|
10
|
-
function slideUp(el, translateSize = '-100%') {
|
|
11
|
-
return el.animate([
|
|
12
|
-
{ transform: 'translateY(0)' }, // Starting position (no translation)
|
|
13
|
-
{ transform: `translateY(${translateSize})` }, // End position
|
|
14
|
-
], {
|
|
15
|
-
duration: duration,
|
|
16
|
-
easing,
|
|
17
|
-
fill,
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
function slideDown(el, translateSize = '-100%') {
|
|
21
|
-
return el.animate([
|
|
22
|
-
{ transform: `translateY(${translateSize})` }, // Starting position (no translation)
|
|
23
|
-
{ transform: 'translateY(0)' }, // End position
|
|
24
|
-
], {
|
|
25
|
-
duration: duration,
|
|
26
|
-
easing,
|
|
27
|
-
fill,
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
const postHeaderCss = ":host{--post-global-header-top:calc(var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height));--post-header-top:calc(var(--post-header-reduced-height) - var(--post-header-expanded-height));--post-logo-height:calc(var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px));--post-global-controls-top:clamp( 1000 * (var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height)), calc(-1 * min(var(--post-header-scroll-top, 0px) / 4, var(--post-global-header-reduced-height))), 0px )}@media screen and (min-width: 1024px){:host{--post-header-gap:0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.5rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.25rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.25rem;--post-local-header-padding-block:0rem;--post-burger-menu-padding-inline:2.5rem;--post-burger-menu-body-gap:2rem;--post-burger-menu-footer-gap:1.5rem}}@media screen and (min-width: 600px)and (max-width: 779.98px){:host{--post-burger-menu-padding-inline:1rem}}@media screen and (min-width: 0)and (max-width: 599.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.5rem;--post-local-header-padding-inline-end:0.5rem;--post-local-header-padding-block:0rem;--post-burger-menu-padding-inline:1rem;--post-burger-menu-body-gap:1.5rem;--post-burger-menu-footer-gap:1rem}}:host([data-expanded]){--post-header-top:0;--post-global-header-top:0;--post-global-controls-top:0;--post-logo-height:var(--post-global-header-expanded-height)}*,::before,::after{box-sizing:border-box}:host,.global-header,.local-header{transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1)}.global-header,.local-header,.burger-menu{box-shadow:var(--post-device-elevation-300)}.global-header,.sliding-controls,.local-header,.navigation{display:flex;align-items:center;justify-content:space-between;gap:var(--post-header-gap)}:host{container-type:inline-size;display:block;position:sticky;inset-block-start:var(--post-header-top);z-index:1020}.global-header{z-index:2;position:sticky;inset-block-start:var(--post-global-header-top);background-color:#fc0;height:var(--post-global-header-expanded-height);padding-inline-start:var(--post-global-header-padding-inline-start);padding-inline-end:var(--post-global-header-padding-inline-end)}.global-header:has(~.local-header:not(.no-title.no-navigation)),.global-header:has(~.burger-menu.extended){box-shadow:none}.global-header .logo{align-self:flex-end;width:var(--post-global-header-expanded-height);height:var(--post-logo-height);min-height:var(--post-global-header-reduced-height);max-height:100%;margin-inline-end:1.25rem}.global-header .sliding-controls{flex-grow:1;justify-content:flex-end;position:relative;inset-block-start:var(--post-global-controls-top)}.global-header .target-group{margin-inline-end:auto}.global-header.no-target-group .target-group{display:none}.local-header{position:relative;flex-wrap:wrap;background-color:#fff;min-height:var(--post-local-header-expanded-min-height);padding-inline-start:var(--post-local-header-padding-inline-start);padding-inline-end:var(--post-local-header-padding-inline-end);padding-block:var(--post-local-header-padding-block)}.local-header:not(.no-title,.no-navigation){padding-block-start:1.125rem}.local-header.no-title.no-navigation{display:none}.local-header:has(.navigation.megadropdown-open),.local-header:has(~.burger-menu.extended){box-shadow:none}.local-header:has(.navigation.megadropdown-open)::after,.local-header:has(~.burger-menu.extended)::after{content:\"\";display:block;position:absolute;inset-inline:0;inset-block-end:0;height:1px;background-color:#e1e0dc}.local-header .navigation{flex:1 0 100%;height:var(--post-main-navigation-height);margin-inline-start:calc(-1*var(--post-local-header-padding-inline-start));max-width:100cqw}.local-header.no-navigation .navigation{display:none}.local-header .navigation-controls{flex:0 0 auto}.local-header.no-navigation-controls .navigation{margin-inline-end:calc(-1*var(--post-local-header-padding-inline-end))}.local-header.no-navigation-controls .navigation-controls{display:none}.burger-menu{z-index:-1;position:absolute;inset-inline:0;inset-block-start:100%;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));overflow:hidden auto;display:flex;flex-direction:column;background-color:#fafafa}.burger-menu:not(.extended){transform:translateY(-100%)}.burger-menu:not(.extended)>*{display:none}.burger-menu .burger-menu-body,.burger-menu .burger-menu-footer{display:flex;flex-direction:column;padding-inline:var(--post-burger-menu-padding-inline)}.burger-menu .burger-menu-body{flex-grow:1;padding-block:1.5rem;gap:var(--post-burger-menu-body-gap)}.burger-menu .burger-menu-footer{background-color:#f0efed;padding-block:1rem 1.5rem;gap:var(--post-burger-menu-footer-gap)}.burger-menu .navigation-controls{height:3.5rem;display:flex;align-items:center;justify-content:flex-end;padding-inline:.25rem}.burger-menu.no-navigation-controls .navigation-controls{display:none}";
|
|
32
|
-
|
|
33
|
-
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
34
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
35
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
36
|
-
r = Reflect.decorate(decorators, target, key, desc);
|
|
37
|
-
else
|
|
38
|
-
for (var i = decorators.length - 1; i >= 0; i--)
|
|
39
|
-
if (d = decorators[i])
|
|
40
|
-
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
41
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
42
|
-
};
|
|
43
|
-
const PostHeader$1 = /*@__PURE__*/ proxyCustomElement(class PostHeader extends H {
|
|
44
|
-
get hasBurgerMenu() {
|
|
45
|
-
return this.device !== 'desktop' && this.hasNavigation;
|
|
46
|
-
}
|
|
47
|
-
get scrollParent() {
|
|
48
|
-
const frozenScrollParent = document.querySelector('[data-post-scroll-locked]');
|
|
49
|
-
if (frozenScrollParent)
|
|
50
|
-
return frozenScrollParent;
|
|
51
|
-
let element = this.host.parentElement;
|
|
52
|
-
while (element) {
|
|
53
|
-
const overflow = getComputedStyle(element).overflowY;
|
|
54
|
-
if (['auto', 'scroll'].includes(overflow)) {
|
|
55
|
-
return element;
|
|
56
|
-
}
|
|
57
|
-
element = element.parentElement;
|
|
58
|
-
}
|
|
59
|
-
return document.body;
|
|
60
|
-
}
|
|
61
|
-
lockBody(newValue, _oldValue, propName) {
|
|
62
|
-
const scrollParent = this.scrollParent;
|
|
63
|
-
const burgerMenuExtended = propName === 'burgerMenuExtended' ? newValue : this.burgerMenuExtended;
|
|
64
|
-
if (this.device !== 'desktop' && burgerMenuExtended) {
|
|
65
|
-
scrollParent.setAttribute('data-post-scroll-locked', '');
|
|
66
|
-
this.host.addEventListener('keydown', this.keyboardHandler);
|
|
67
|
-
}
|
|
68
|
-
else {
|
|
69
|
-
scrollParent.removeAttribute('data-post-scroll-locked');
|
|
70
|
-
this.host.removeEventListener('keydown', this.keyboardHandler);
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
constructor() {
|
|
74
|
-
super();
|
|
75
|
-
this.__registerHost();
|
|
76
|
-
this.__attachShadow();
|
|
77
|
-
this.throttledResize = throttle(50, () => this.updateLocalHeaderHeight());
|
|
78
|
-
this.device = breakpoint.get('device');
|
|
79
|
-
this.hasNavigation = false;
|
|
80
|
-
this.hasNavigationControls = false;
|
|
81
|
-
this.hasTargetGroup = false;
|
|
82
|
-
this.hasTitle = false;
|
|
83
|
-
this.burgerMenuExtended = false;
|
|
84
|
-
this.megadropdownOpen = false;
|
|
85
|
-
this.breakpointChange = (e) => {
|
|
86
|
-
this.device = e.detail;
|
|
87
|
-
this.switchLanguageSwitchMode();
|
|
88
|
-
if (this.device === 'desktop' && this.burgerMenuExtended) {
|
|
89
|
-
this.closeBurgerMenu();
|
|
90
|
-
}
|
|
91
|
-
if (this.device !== 'desktop') {
|
|
92
|
-
Array.from(this.host.querySelectorAll('post-megadropdown')).forEach(dropdown => {
|
|
93
|
-
dropdown.hide(false, true);
|
|
94
|
-
});
|
|
95
|
-
this.megadropdownOpen = false;
|
|
96
|
-
}
|
|
97
|
-
};
|
|
98
|
-
this.megadropdownStateHandler = (event) => {
|
|
99
|
-
this.megadropdownOpen = event.detail.isVisible;
|
|
100
|
-
};
|
|
101
|
-
this.handleScrollEvent = this.handleScrollEvent.bind(this);
|
|
102
|
-
this.updateScrollParentHeight = this.updateScrollParentHeight.bind(this);
|
|
103
|
-
this.updateLocalHeaderHeight = this.updateLocalHeaderHeight.bind(this);
|
|
104
|
-
this.keyboardHandler = this.keyboardHandler.bind(this);
|
|
105
|
-
this.handleLinkClick = this.handleLinkClick.bind(this);
|
|
106
|
-
this.checkSlottedContent = this.checkSlottedContent.bind(this);
|
|
107
|
-
}
|
|
108
|
-
connectedCallback() {
|
|
109
|
-
window.addEventListener('resize', this.throttledResize, { passive: true });
|
|
110
|
-
window.addEventListener('scroll', this.handleScrollEvent, {
|
|
111
|
-
passive: true,
|
|
112
|
-
});
|
|
113
|
-
this.scrollParent.addEventListener('scroll', this.handleScrollEvent, {
|
|
114
|
-
passive: true,
|
|
115
|
-
});
|
|
116
|
-
document.addEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
|
|
117
|
-
this.host.addEventListener('click', this.handleLinkClick);
|
|
118
|
-
window.addEventListener('postBreakpoint:device', this.breakpointChange);
|
|
119
|
-
this.handleScrollParentResize();
|
|
120
|
-
this.lockBody(false, this.burgerMenuExtended, 'burgerMenuExtended');
|
|
121
|
-
}
|
|
122
|
-
componentWillRender() {
|
|
123
|
-
this.handleScrollEvent();
|
|
124
|
-
this.handleSlottedContentChanges();
|
|
125
|
-
this.switchLanguageSwitchMode();
|
|
126
|
-
}
|
|
127
|
-
componentDidRender() {
|
|
128
|
-
this.getFocusableElements();
|
|
129
|
-
this.handleLocalHeaderResize();
|
|
130
|
-
}
|
|
131
|
-
componentDidLoad() {
|
|
132
|
-
this.updateLocalHeaderHeight();
|
|
133
|
-
}
|
|
134
|
-
// Clean up possible side effects when post-header is disconnected
|
|
135
|
-
disconnectedCallback() {
|
|
136
|
-
const scrollParent = this.scrollParent;
|
|
137
|
-
window.removeEventListener('postBreakpoint:device', this.breakpointChange);
|
|
138
|
-
window.removeEventListener('resize', this.throttledResize);
|
|
139
|
-
window.removeEventListener('scroll', this.handleScrollEvent);
|
|
140
|
-
if (scrollParent)
|
|
141
|
-
scrollParent.removeEventListener('scroll', this.handleScrollEvent);
|
|
142
|
-
document.removeEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
|
|
143
|
-
this.host.removeEventListener('keydown', this.keyboardHandler);
|
|
144
|
-
this.host.removeEventListener('click', this.handleLinkClick);
|
|
145
|
-
if (this.scrollParentResizeObserver) {
|
|
146
|
-
this.scrollParentResizeObserver.disconnect();
|
|
147
|
-
this.scrollParentResizeObserver = null;
|
|
148
|
-
}
|
|
149
|
-
if (this.localHeaderResizeObserver) {
|
|
150
|
-
this.localHeaderResizeObserver.disconnect();
|
|
151
|
-
this.localHeaderResizeObserver = null;
|
|
152
|
-
}
|
|
153
|
-
if (this.slottedContentObserver) {
|
|
154
|
-
this.slottedContentObserver.disconnect();
|
|
155
|
-
this.slottedContentObserver = null;
|
|
156
|
-
}
|
|
157
|
-
this.burgerMenuExtended = false;
|
|
158
|
-
}
|
|
159
|
-
async closeBurgerMenu() {
|
|
160
|
-
this.burgerMenuAnimation.finish();
|
|
161
|
-
const menuButton = this.getMenuButton();
|
|
162
|
-
if (menuButton) {
|
|
163
|
-
menuButton.toggled = false;
|
|
164
|
-
}
|
|
165
|
-
this.burgerMenuExtended = false;
|
|
166
|
-
}
|
|
167
|
-
/**
|
|
168
|
-
* Toggles the burger navigation menu.
|
|
169
|
-
*/
|
|
170
|
-
async toggleBurgerMenu(force) {
|
|
171
|
-
if (this.device === 'desktop')
|
|
172
|
-
return;
|
|
173
|
-
this.burgerMenuAnimation = this.burgerMenuExtended
|
|
174
|
-
? slideUp(this.burgerMenu)
|
|
175
|
-
: slideDown(this.burgerMenu);
|
|
176
|
-
// Update the state of the toggle button
|
|
177
|
-
const menuButton = this.host.querySelector('post-togglebutton');
|
|
178
|
-
if (menuButton)
|
|
179
|
-
menuButton.toggled = force ?? !this.burgerMenuExtended;
|
|
180
|
-
if (this.burgerMenuExtended) {
|
|
181
|
-
// Wait for the close animation to finish before hiding megadropdowns
|
|
182
|
-
await this.burgerMenuAnimation.finished;
|
|
183
|
-
this.burgerMenuExtended = force ?? !this.burgerMenuExtended;
|
|
184
|
-
if (this.burgerMenuExtended === false) {
|
|
185
|
-
this.closeAllMegadropdowns();
|
|
186
|
-
}
|
|
187
|
-
}
|
|
188
|
-
else {
|
|
189
|
-
this.burgerMenuExtended = force ?? !this.burgerMenuExtended;
|
|
190
|
-
// If opening, close any open megadropdowns immediately
|
|
191
|
-
if (this.megadropdownOpen) {
|
|
192
|
-
this.closeAllMegadropdowns();
|
|
193
|
-
}
|
|
194
|
-
}
|
|
195
|
-
}
|
|
196
|
-
// Get all the focusable elements in the post-header burger menu
|
|
197
|
-
getFocusableElements() {
|
|
198
|
-
// Get elements in the correct order (different as the DOM order)
|
|
199
|
-
const focusableEls = [
|
|
200
|
-
...Array.from(this.host.querySelectorAll('.list-inline:not([slot="meta-navigation"]) > li')),
|
|
201
|
-
...Array.from(this.host.querySelectorAll('nav > post-list > div > post-list-item, post-megadropdown-trigger')),
|
|
202
|
-
...Array.from(this.host.querySelectorAll('.list-inline[slot="meta-navigation"] > li, post-language-option')),
|
|
203
|
-
];
|
|
204
|
-
// Add the main toggle menu button to the list of focusable children
|
|
205
|
-
const focusableChildren = [
|
|
206
|
-
this.host.querySelector('post-togglebutton'),
|
|
207
|
-
...focusableEls.flatMap(el => Array.from(getFocusableChildren(el))),
|
|
208
|
-
];
|
|
209
|
-
this.firstFocusableEl = focusableChildren[0];
|
|
210
|
-
this.lastFocusableEl = focusableChildren[focusableChildren.length - 1];
|
|
211
|
-
}
|
|
212
|
-
getMenuButton() {
|
|
213
|
-
return this.host.querySelector('post-togglebutton');
|
|
214
|
-
}
|
|
215
|
-
keyboardHandler(e) {
|
|
216
|
-
if (e.key === 'Tab' && this.burgerMenuExtended) {
|
|
217
|
-
if (e.shiftKey && document.activeElement === this.firstFocusableEl) {
|
|
218
|
-
// If back tab (Tab + Shift) and first element is focused, focus goes to the last element of the megadropdown
|
|
219
|
-
e.preventDefault();
|
|
220
|
-
this.lastFocusableEl.focus();
|
|
221
|
-
}
|
|
222
|
-
else if (!e.shiftKey && document.activeElement === this.lastFocusableEl) {
|
|
223
|
-
// If Tab and last element is focused, focus goes back to the first element of the megadropdown
|
|
224
|
-
e.preventDefault();
|
|
225
|
-
this.firstFocusableEl.focus();
|
|
226
|
-
}
|
|
227
|
-
}
|
|
228
|
-
}
|
|
229
|
-
closeAllMegadropdowns() {
|
|
230
|
-
Array.from(this.host.querySelectorAll('post-megadropdown')).forEach(dropdown => {
|
|
231
|
-
dropdown.hide(false, true);
|
|
232
|
-
});
|
|
233
|
-
this.megadropdownOpen = false;
|
|
234
|
-
}
|
|
235
|
-
handleScrollEvent() {
|
|
236
|
-
const scrollTop = this.scrollParent === document.body ? window.scrollY : this.scrollParent.scrollTop;
|
|
237
|
-
document.documentElement.style.setProperty('--post-header-scroll-top', `${Math.max(scrollTop, 0)}px`);
|
|
238
|
-
}
|
|
239
|
-
updateLocalHeaderHeight() {
|
|
240
|
-
const localHeaderElement = this.host.shadowRoot.querySelector('.local-header');
|
|
241
|
-
if (localHeaderElement) {
|
|
242
|
-
document.documentElement.style.setProperty('--post-local-header-expanded-height', `${localHeaderElement.clientHeight}px`);
|
|
243
|
-
}
|
|
244
|
-
}
|
|
245
|
-
updateScrollParentHeight() {
|
|
246
|
-
this.host.style.setProperty('--post-header-scroll-parent-height', `${this.scrollParent.clientHeight}px`);
|
|
247
|
-
}
|
|
248
|
-
handleLinkClick(event) {
|
|
249
|
-
const target = event.target;
|
|
250
|
-
const isLinkInMainNav = target.closest('post-mainnavigation a');
|
|
251
|
-
const isLinkInMegadropdown = target.closest('post-megadropdown a');
|
|
252
|
-
if (!isLinkInMainNav && !isLinkInMegadropdown) {
|
|
253
|
-
return;
|
|
254
|
-
}
|
|
255
|
-
if (this.burgerMenuExtended && (isLinkInMainNav || isLinkInMegadropdown)) {
|
|
256
|
-
this.toggleBurgerMenu(false);
|
|
257
|
-
}
|
|
258
|
-
if (this.device === 'desktop' && isLinkInMegadropdown) {
|
|
259
|
-
const megadropdownLink = target.closest('post-megadropdown a');
|
|
260
|
-
if (megadropdownLink) {
|
|
261
|
-
target.closest('post-megadropdown').hide(true);
|
|
262
|
-
}
|
|
263
|
-
}
|
|
264
|
-
}
|
|
265
|
-
handleScrollParentResize() {
|
|
266
|
-
if (this.scrollParent) {
|
|
267
|
-
this.scrollParentResizeObserver = new ResizeObserver(this.updateScrollParentHeight);
|
|
268
|
-
this.scrollParentResizeObserver.observe(this.scrollParent);
|
|
269
|
-
}
|
|
270
|
-
}
|
|
271
|
-
handleLocalHeaderResize() {
|
|
272
|
-
const localHeader = this.host.shadowRoot.querySelector('.local-header');
|
|
273
|
-
if (localHeader && !this.localHeaderResizeObserver) {
|
|
274
|
-
this.localHeaderResizeObserver = new ResizeObserver(this.updateLocalHeaderHeight);
|
|
275
|
-
this.localHeaderResizeObserver.observe(localHeader);
|
|
276
|
-
}
|
|
277
|
-
}
|
|
278
|
-
handleSlottedContentChanges() {
|
|
279
|
-
if (!this.slottedContentObserver) {
|
|
280
|
-
this.checkSlottedContent();
|
|
281
|
-
this.slottedContentObserver = new MutationObserver(this.checkSlottedContent);
|
|
282
|
-
this.slottedContentObserver.observe(this.host, { childList: true });
|
|
283
|
-
}
|
|
284
|
-
}
|
|
285
|
-
checkSlottedContent() {
|
|
286
|
-
this.hasNavigation = !!this.host.querySelector('[slot="post-mainnavigation"]');
|
|
287
|
-
this.hasNavigationControls = !!this.host.querySelector('[slot="navigation-controls"]');
|
|
288
|
-
this.hasTargetGroup = !!this.host.querySelector('[slot="target-group"]');
|
|
289
|
-
this.hasTitle = !!this.host.querySelector('[slot="title"]');
|
|
290
|
-
}
|
|
291
|
-
switchLanguageSwitchMode() {
|
|
292
|
-
const variant = this.hasBurgerMenu ? 'list' : 'menu';
|
|
293
|
-
Array.from(this.host.querySelectorAll('post-language-switch')).forEach(languageSwitch => {
|
|
294
|
-
languageSwitch?.setAttribute('variant', variant);
|
|
295
|
-
});
|
|
296
|
-
}
|
|
297
|
-
onFocusChange() {
|
|
298
|
-
const fixedElements = this.device === 'desktop' ? '.logo, .navigation' : '.global-header, .burger-menu';
|
|
299
|
-
const isHeaderExpanded = this.host.matches(':focus-within') &&
|
|
300
|
-
!this.host.shadowRoot.querySelector(`:where(${fixedElements}):focus-within`);
|
|
301
|
-
if (isHeaderExpanded) {
|
|
302
|
-
this.host.setAttribute('data-expanded', '');
|
|
303
|
-
}
|
|
304
|
-
else {
|
|
305
|
-
this.host.removeAttribute('data-expanded');
|
|
306
|
-
}
|
|
307
|
-
}
|
|
308
|
-
renderNavigation() {
|
|
309
|
-
if (this.device === 'desktop') {
|
|
310
|
-
return (h("div", { class: { 'navigation': true, 'megadropdown-open': this.megadropdownOpen } }, h("slot", { name: "post-mainnavigation" }), h("div", { class: "navigation-controls" }, h("slot", { name: "navigation-controls" }))));
|
|
311
|
-
}
|
|
312
|
-
return (h("div", { class: {
|
|
313
|
-
'burger-menu': true,
|
|
314
|
-
'extended': this.burgerMenuExtended,
|
|
315
|
-
'no-navigation-controls': !this.hasNavigationControls,
|
|
316
|
-
}, style: { '--post-header-navigation-current-inset': `${this.burgerMenu?.scrollTop ?? 0}px` }, ref: el => (this.burgerMenu = el) }, h("div", { class: "navigation-controls" }, h("slot", { name: "navigation-controls" })), h("div", { class: "burger-menu-body" }, h("slot", { name: "target-group" }), h("slot", { name: "post-mainnavigation" })), h("div", { class: "burger-menu-footer" }, h("slot", { name: "meta-navigation" }), h("slot", { name: "post-language-switch" }))));
|
|
317
|
-
}
|
|
318
|
-
render() {
|
|
319
|
-
return (h(Host, { key: 'c9b1c1a946800f728a7a90a91dff3abf23b5100f', "data-version": version, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu }, h("div", { key: '21d2b9bd39946df7e42d3d5c763d40cd1dabee69', class: {
|
|
320
|
-
'global-header': true,
|
|
321
|
-
'no-target-group': !this.hasTargetGroup,
|
|
322
|
-
} }, h("div", { key: '50cf30a8febea656eb3349e6c06dc5b609b13a6d', class: "logo" }, h("slot", { key: 'df1ecaca7b39316ef4d4bb56e33c3214b2648e68', name: "post-logo" })), h("div", { key: '9c4319dce10d9e98291a6cbdb0effb854a8b6dac', class: "sliding-controls" }, this.device === 'desktop' && (h("div", { key: 'ce916d4bdb65c641e58725f70b7689704847593c', class: "target-group" }, h("slot", { key: '810e4164ae17b8571011799307f3688cf64b5c30', name: "target-group" }))), h("slot", { key: 'abe6f2e08e87295e88e4cf33db0e72021d622aaf', name: "global-controls" }), !this.hasBurgerMenu && [
|
|
323
|
-
h("slot", { key: '4ef5603837d0f26c25dd50bf17bb0011dc927de0', name: "meta-navigation" }),
|
|
324
|
-
h("slot", { key: 'b1bc83f1bd5004af89e444a9bdf487225ac882d7', name: "post-language-switch" }),
|
|
325
|
-
], h("slot", { key: '11dfd54337cf457bc25ec680c8d4e11a6712dc63', name: "global-login" }), this.hasNavigation && this.device !== 'desktop' && (h("div", { key: '67658d80ce90f4446ea8d1078937101a299536b8', onClick: () => this.toggleBurgerMenu(), class: "burger-menu-toggle" }, h("slot", { key: '2fdba487922c63db152ec08e3382640c9cdf1c12', name: "post-togglebutton" }))))), h("div", { key: '1516e38c9628d8cfb75d6f9bd55912071da5e94e', class: {
|
|
326
|
-
'local-header': true,
|
|
327
|
-
'no-title': !this.hasTitle,
|
|
328
|
-
'no-target-group': !this.hasTargetGroup,
|
|
329
|
-
'no-navigation': this.device !== 'desktop' || !this.hasNavigation,
|
|
330
|
-
'no-navigation-controls': !this.hasNavigationControls,
|
|
331
|
-
} }, h("slot", { key: '839b34249ece8af5cc53231271e739a6a664a977', name: "title" }), this.hasTitle && h("slot", { key: 'aa281968b58ecad425beb1b4ffbd1273cc167ea4', name: "local-controls" }), this.device === 'desktop' && this.renderNavigation()), this.device !== 'desktop' && this.renderNavigation()));
|
|
332
|
-
}
|
|
333
|
-
get host() { return this; }
|
|
334
|
-
static get watchers() { return {
|
|
335
|
-
"device": ["lockBody"],
|
|
336
|
-
"burgerMenuExtended": ["lockBody"]
|
|
337
|
-
}; }
|
|
338
|
-
static get style() { return postHeaderCss; }
|
|
339
|
-
}, [1, "post-header", {
|
|
340
|
-
"device": [32],
|
|
341
|
-
"hasNavigation": [32],
|
|
342
|
-
"hasNavigationControls": [32],
|
|
343
|
-
"hasTargetGroup": [32],
|
|
344
|
-
"hasTitle": [32],
|
|
345
|
-
"burgerMenuExtended": [32],
|
|
346
|
-
"megadropdownOpen": [32],
|
|
347
|
-
"toggleBurgerMenu": [64]
|
|
348
|
-
}, [[0, "focusin", "onFocusChange"], [0, "focusout", "onFocusChange"]], {
|
|
349
|
-
"device": ["lockBody"],
|
|
350
|
-
"burgerMenuExtended": ["lockBody"]
|
|
351
|
-
}]);
|
|
352
|
-
__decorate([
|
|
353
|
-
EventFrom('post-megadropdown')
|
|
354
|
-
], PostHeader$1.prototype, "megadropdownStateHandler", void 0);
|
|
355
|
-
function defineCustomElement$1() {
|
|
356
|
-
if (typeof customElements === "undefined") {
|
|
357
|
-
return;
|
|
358
|
-
}
|
|
359
|
-
const components = ["post-header"];
|
|
360
|
-
components.forEach(tagName => { switch (tagName) {
|
|
361
|
-
case "post-header":
|
|
362
|
-
if (!customElements.get(tagName)) {
|
|
363
|
-
customElements.define(tagName, PostHeader$1);
|
|
364
|
-
}
|
|
365
|
-
break;
|
|
366
|
-
} });
|
|
367
|
-
}
|
|
368
|
-
defineCustomElement$1();
|
|
369
|
-
|
|
370
|
-
const PostHeader = PostHeader$1;
|
|
371
|
-
const defineCustomElement = defineCustomElement$1;
|
|
372
|
-
|
|
373
|
-
export { PostHeader, defineCustomElement };
|
|
1
|
+
import{p as e,H as t,h as o,a,t as i}from"./index.js";import{c as s,t as n,g as r}from"./p-B8YiQ3mz.js";import{v as d}from"./p-CZvbetqX.js";import{f as l}from"./p-D5knoiyy.js";import{a as h}from"./p-CJ13r5fi.js";import{E as c}from"./p-rEfV4v4a.js";import{d as p}from"./p-DY2U5CQt.js";import{d as g}from"./p-BllOMLDs.js";const u=e(class extends t{get hasBurgerMenu(){return"desktop"!==this.device&&this.hasNavigation}get scrollParent(){const e=document.querySelector("[data-post-scroll-locked]");if(e)return e;let t=this.host.parentElement;for(;t;){const e=getComputedStyle(t).overflowY;if(["auto","scroll"].includes(e))return t;t=t.parentElement}return document.body}validateFullWidth(){s(this,"fullWidth","boolean")}validateTextMenu(){s(this,"textMenu","string")}lockBody(e,t,o){const a=this.scrollParent;"desktop"!==this.device&&("burgerMenuExtended"===o?e:this.burgerMenuExtended)?(a.setAttribute("data-post-scroll-locked",""),this.host.addEventListener("keydown",this.keyboardHandler)):(a.removeAttribute("data-post-scroll-locked"),this.host.removeEventListener("keydown",this.keyboardHandler))}constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.throttledResize=n(50,(()=>this.updateLocalHeaderHeight())),this.animationOptions={duration:350,easing:"headerEase"},this.device=r.get("device"),this.hasNavigation=!1,this.hasLocalNav=!1,this.hasAudience=!1,this.hasTitle=!1,this.burgerMenuExtended=!1,this.megadropdownOpen=!1,this.fullWidth=!1,this.breakpointChange=e=>{this.device=e.detail,this.switchLanguageSwitchMode(),"desktop"===this.device&&this.burgerMenuExtended&&this.closeBurgerMenu(),"desktop"!==this.device&&(Array.from(this.host.querySelectorAll("post-megadropdown")).forEach((e=>{e.hide(!1,!0)})),this.megadropdownOpen=!1)},this.handleScrollEvent=this.handleScrollEvent.bind(this),this.updateScrollParentHeight=this.updateScrollParentHeight.bind(this),this.updateLocalHeaderHeight=this.updateLocalHeaderHeight.bind(this),this.keyboardHandler=this.keyboardHandler.bind(this),this.handleLinkClick=this.handleLinkClick.bind(this),this.megadropdownStateHandler=this.megadropdownStateHandler.bind(this),this.checkSlottedContent=this.checkSlottedContent.bind(this),this.megadropdownStateHandler=this.megadropdownStateHandler.bind(this)}connectedCallback(){window.addEventListener("resize",this.throttledResize,{passive:!0}),window.addEventListener("scroll",this.handleScrollEvent,{passive:!0}),this.scrollParent.addEventListener("scroll",this.handleScrollEvent,{passive:!0}),document.addEventListener("postToggleMegadropdown",this.megadropdownStateHandler),window.addEventListener("postBreakpoint:device",this.breakpointChange),this.handleScrollParentResize(),this.lockBody(!1,this.burgerMenuExtended,"burgerMenuExtended")}componentWillRender(){this.handleScrollEvent(),this.handleSlottedContentChanges(),this.switchLanguageSwitchMode()}componentDidRender(){this.validateTextMenu(),this.validateFullWidth(),this.getFocusableElements(),this.handleLocalHeaderResize()}componentDidLoad(){this.updateLocalHeaderHeight(),this.host.shadowRoot.addEventListener("click",this.handleLinkClick)}disconnectedCallback(){const e=this.scrollParent;window.removeEventListener("postBreakpoint:device",this.breakpointChange),window.removeEventListener("resize",this.throttledResize),window.removeEventListener("scroll",this.handleScrollEvent),e&&e.removeEventListener("scroll",this.handleScrollEvent),document.removeEventListener("postToggleMegadropdown",this.megadropdownStateHandler),this.host.removeEventListener("keydown",this.keyboardHandler),this.host.shadowRoot&&this.host.shadowRoot.removeEventListener("click",this.handleLinkClick),this.scrollParentResizeObserver&&(this.scrollParentResizeObserver.disconnect(),this.scrollParentResizeObserver=null),this.localHeaderResizeObserver&&(this.localHeaderResizeObserver.disconnect(),this.localHeaderResizeObserver=null),this.slottedContentObserver&&(this.slottedContentObserver.disconnect(),this.slottedContentObserver=null),this.burgerMenuExtended=!1}async closeBurgerMenu(){this.burgerMenuAnimation?.finish(),this.burgerMenuButton&&(this.burgerMenuButton.toggled=!1),this.burgerMenuExtended=!1}async toggleBurgerMenu(e){"desktop"!==this.device&&(this.burgerMenuAnimation=l(this.burgerMenu,this.burgerMenuExtended?"out":"in",this.animationOptions),this.burgerMenuButton&&(this.burgerMenuButton.toggled=e??!this.burgerMenuExtended),this.burgerMenuExtended?(await this.burgerMenuAnimation.finished,this.burgerMenuExtended=e??!this.burgerMenuExtended,!1===this.burgerMenuExtended&&(this.closeAllMegadropdowns(),this.burgerMenu.scrollTop=0)):(this.burgerMenuExtended=e??!this.burgerMenuExtended,this.megadropdownOpen&&this.closeAllMegadropdowns()))}megadropdownStateHandler(e){this.megadropdownOpen=e.detail.isVisible}getFocusableElements(){if(!this.burgerMenu)return;const e=[this.burgerMenuButton];e.push(...h(this.localHeader,(e=>!e.matches("post-megadropdown"))),...h(this.burgerMenu,(e=>!e.matches("post-megadropdown")))),this.firstFocusableEl=e[0],this.lastFocusableEl=e[e.length-1]}keyboardHandler(e){if("Tab"!==e.key||!this.burgerMenuExtended)return;const t=this.host.shadowRoot.activeElement||document.activeElement;e.shiftKey&&t===this.firstFocusableEl?(e.preventDefault(),this.lastFocusableEl.focus()):e.shiftKey||t!==this.lastFocusableEl||(e.preventDefault(),this.firstFocusableEl.focus())}closeAllMegadropdowns(){Array.from(this.host.querySelectorAll("post-megadropdown")).forEach((e=>{e.hide(!1,!0)})),this.megadropdownOpen=!1}handleScrollEvent(){const e=this.scrollParent===document.body?window.scrollY:this.scrollParent.scrollTop;document.documentElement.style.setProperty("--post-header-scroll-top",Math.max(e,0)+"px")}updateLocalHeaderHeight(){const e=this.host.shadowRoot.querySelector(".local-header");e&&document.documentElement.style.setProperty("--post-local-header-expanded-height",e.clientHeight+"px")}updateScrollParentHeight(){this.host.style.setProperty("--post-header-scroll-parent-height",this.scrollParent.clientHeight+"px")}handleLinkClick(e){const t=e.target,o=t.closest("post-mainnavigation a"),a=t.closest("post-megadropdown a");(o||a)&&(this.burgerMenuExtended&&(o||a)&&this.toggleBurgerMenu(!1),"desktop"===this.device&&a)&&t.closest("post-megadropdown a")&&t.closest("post-megadropdown").hide(!0)}handleScrollParentResize(){this.scrollParent&&(this.scrollParentResizeObserver=new ResizeObserver(this.updateScrollParentHeight),this.scrollParentResizeObserver.observe(this.scrollParent))}handleLocalHeaderResize(){const e=this.host.shadowRoot.querySelector(".local-header");e&&!this.localHeaderResizeObserver&&(this.localHeaderResizeObserver=new ResizeObserver(this.updateLocalHeaderHeight),this.localHeaderResizeObserver.observe(e))}handleSlottedContentChanges(){this.slottedContentObserver||(this.checkSlottedContent(),this.slottedContentObserver=new MutationObserver(this.checkSlottedContent),this.slottedContentObserver.observe(this.host,{childList:!0}))}checkSlottedContent(){this.hasNavigation=!!this.host.querySelector('[slot="main-nav"]'),this.hasLocalNav=!!this.host.querySelector('[slot="local-nav"]'),this.hasAudience=!!this.host.querySelector('[slot="audience"]'),this.hasTitle=!!this.host.querySelector('[slot="title"]')}switchLanguageSwitchMode(){const e=this.hasBurgerMenu?"list":"menu";Array.from(this.host.querySelectorAll("post-language-menu")).forEach((t=>{t?.setAttribute("variant",e)}))}onFocusChange(e){const t="desktop"===this.device?".navigation":".global-header, .burger-menu";e.target===document.activeElement&&this.host.matches(":focus-within")&&!this.host.shadowRoot.querySelector(`:where(${t}):focus-within`)?this.host.setAttribute("data-expanded",""):this.host.removeAttribute("data-expanded")}renderNavigation(){const e=!this.hasTitle&&o("div",{class:"local-nav"},o("slot",{name:"local-nav"}));return"desktop"===this.device?o("div",{class:{navigation:!0,"megadropdown-open":this.megadropdownOpen}},o("slot",{name:"main-nav"}),e):o("div",{class:{"burger-menu":!0,extended:this.burgerMenuExtended,"no-local-nav":!this.hasLocalNav,"megadropdown-open":this.megadropdownOpen},style:{"--post-header-navigation-current-inset":(this.burgerMenu?.scrollTop??0)+"px"},ref:e=>this.burgerMenu=e},e,o("div",{class:"burger-menu-body"},o("slot",{name:"audience"}),o("slot",{name:"main-nav"})),o("div",{class:"burger-menu-footer"},o("slot",{name:"global-nav-secondary"}),o("slot",{name:"language-menu"})))}render(){return o(a,{key:"3f5431ebd9b726f8a73ee4a0b8b406d11bab5cf2","data-version":d,"data-color-scheme":"light","data-burger-menu":this.hasBurgerMenu,"data-menu-extended":this.burgerMenuExtended},o("header",{key:"ea55944e7f5f0750e3cb229a94b2aef7738c397a"},o("div",{key:"f70653f47812b951519cc001a42d4827f327cffd",class:{"global-header":!0,"no-audience":!this.hasAudience}},o("div",{key:"60d43f32a71169d6d4314b9cc4d8a9e11ec7834e",class:"section"},o("div",{key:"ce0f3a9fff1225456f823189093fe960d3f49033",class:"logo"},o("slot",{key:"d96003c9bafbe7914b84a9f7b80ab8ed4bd71ddb",name:"post-logo"})),o("div",{key:"c85e70b4a9adbdd4d95c4ff8a53248b9b707ff2b",class:"sliding-controls"},"desktop"===this.device&&o("div",{key:"d297bba4782a50df1942d96a4eea6c9aeb76965d",class:"audience"},o("slot",{key:"8a923e9a27d811c204d212843b611885b1a2b257",name:"audience"})),o("slot",{key:"44a6294e62add92191e5ee8f6b0606a2e367a3d5",name:"global-nav-primary"}),!this.hasBurgerMenu&&[o("slot",{key:"843b9a656a289b51aea5db4634323999286ccb64",name:"global-nav-secondary"}),o("slot",{key:"55268cf25f98a76c377ad48c2578f2f8b3a5b025",name:"language-menu"})],o("slot",{key:"7885e754087572e48a0a62cccbbae3ea70a56bd3",name:"post-login"}),this.hasNavigation&&"desktop"!==this.device&&o("div",{key:"7713dede3877c4bd97cae59d78ea0a38daa15a8e",onClick:()=>this.toggleBurgerMenu(),class:"burger-menu-toggle"},o("slot",{key:"611df14f6646ae994ad090a482c20f09c3e1a39a",name:"post-togglebutton"})),this.hasNavigation&&"desktop"!==this.device&&o("post-togglebutton",{key:"e932a70cfd057cec4670867581e380d313cc23d1",ref:e=>this.burgerMenuButton=e,onClick:()=>this.toggleBurgerMenu()},o("span",{key:"c418e4ca4698ebefc5c7410cf6037620db0314f9"},this.textMenu),o("post-icon",{key:"438bfc7ee2f0d853fa92385c8e0f159608d76313","aria-hidden":"true",name:"burger","data-showwhen":"untoggled"}),o("post-icon",{key:"d6b48e5078b8e96d3fc8fef27a50544b3ed58355","aria-hidden":"true",name:"closex","data-showwhen":"toggled"}))))),o("div",{key:"0909b5778d908f48521abd7635bfd6eb320fc16a",ref:e=>this.localHeader=e,class:{"local-header":!0,"no-title":!this.hasTitle,"no-audience":!this.hasAudience,"no-navigation":"desktop"!==this.device||!this.hasNavigation,"no-local-nav":!this.hasLocalNav}},o("div",{key:"b5d0280efefc560a89f3a1cbeeeaec1b90a82359",class:"section"},o("slot",{key:"b0f25a30d6970cde7b1b9e3c1de1ffb667e4cb97",name:"title"}),this.hasTitle&&o("slot",{key:"9140fb3550e1f71824add9f90b43cf622223a4a1",name:"local-nav"}),"desktop"===this.device&&this.renderNavigation())),"desktop"!==this.device&&this.renderNavigation()))}get host(){return this}static get watchers(){return{fullWidth:[{validateFullWidth:0}],textMenu:[{validateTextMenu:0}],device:[{lockBody:0}],burgerMenuExtended:[{lockBody:0}]}}static get style(){return':host{--post-global-header-top:calc( var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height) );--post-header-top:calc(var(--post-header-reduced-height) - var(--post-header-expanded-height));--post-logo-height:calc( var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px) );--post-global-controls-top:clamp( 1000 * (var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height)), calc( -1 * min(var(--post-header-scroll-top, 0px) / 4, var(--post-global-header-reduced-height)) ), 0px )}@media screen and (min-width: 1024px){:host{--post-header-gap:0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.5rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.25rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.25rem;--post-local-header-padding-block:0rem;--post-burger-menu-padding-inline:2.5rem;--post-burger-menu-body-gap:2rem;--post-burger-menu-footer-gap:1.5rem}}@media screen and (min-width: 600px)and (max-width: 779.98px){:host{--post-burger-menu-padding-inline:1rem}}@media screen and (min-width: 0)and (max-width: 599.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.5rem;--post-local-header-padding-inline-end:0.5rem;--post-local-header-padding-block:0rem;--post-burger-menu-padding-inline:1rem;--post-burger-menu-body-gap:1.5rem;--post-burger-menu-footer-gap:1rem}}:host(:not([full-width])),:host([full-width=false]){--post-header-content-max-width:1440px}:host([data-expanded]),:host([data-menu-extended]){--post-header-top:0;--post-global-header-top:-0.001px;--post-global-controls-top:0;--post-logo-height:var(--post-global-header-expanded-height)}*,::before,::after{box-sizing:border-box}:host,header,.global-header,.local-header{transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1)}.global-header,.local-header,.burger-menu{box-shadow:var(--post-device-elevation-300)}.section,.navigation,.sliding-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--post-header-gap);flex-wrap:wrap}.section{max-width:var(--post-header-content-max-width);margin-inline:auto}:host{container-type:inline-size;display:block;position:sticky;inset-block-start:var(--post-header-top);z-index:1020}:host post-togglebutton{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}:host post-togglebutton:hover{text-decoration:none}:host post-togglebutton:disabled{border-style:var(--post-core-border-style-dash)}:host post-togglebutton{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 post-togglebutton: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 post-togglebutton:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:host post-togglebutton: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 post-togglebutton: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 post-togglebutton:is(a){color:LinkText;border:unset}:host post-togglebutton:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}:host post-togglebutton:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}:host post-togglebutton:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}:host post-togglebutton:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}:host post-togglebutton:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}:host post-togglebutton:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}@media screen and (min-width: 0)and (max-width: 599.98px){:host post-togglebutton{padding:.625rem}:host post-togglebutton>:not(post-icon){display:none}:host post-togglebutton>post-icon{font-size:1.5rem}}.global-header{z-index:2;position:sticky;inset-block-start:var(--post-global-header-top);background-color:#fc0}.global-header .section{height:var(--post-global-header-expanded-height);padding-inline-start:var(--post-global-header-padding-inline-start);padding-inline-end:var(--post-global-header-padding-inline-end)}.global-header:has(~.local-header:not(.no-title.no-navigation)),.global-header:has(~.burger-menu.extended){box-shadow:none}.global-header .logo{align-self:flex-end;width:var(--post-global-header-expanded-height);height:var(--post-logo-height);min-height:var(--post-global-header-reduced-height);max-height:100%;margin-inline-end:calc(1.25rem - var(--post-header-gap))}.global-header .sliding-controls{flex-grow:1;justify-content:flex-end;position:relative;inset-block-start:var(--post-global-controls-top)}.global-header .audience{margin-inline-end:auto}.global-header.no-audience .audience{display:none}.local-header{position:relative;background-color:#fff}.local-header .section{min-height:var(--post-local-header-expanded-min-height);padding-inline-start:var(--post-local-header-padding-inline-start);padding-inline-end:var(--post-local-header-padding-inline-end);padding-block:var(--post-local-header-padding-block)}.local-header:not(.no-title,.no-navigation) .section{padding-block-start:1.125rem}.local-header.no-title.no-navigation{display:none}.local-header:has(.navigation.megadropdown-open),.local-header:has(~.burger-menu.extended){box-shadow:none}.local-header:has(.navigation.megadropdown-open)::after,.local-header:has(~.burger-menu.extended)::after{content:"";display:block;position:absolute;inset-inline:0;inset-block-end:0;height:1px;background-color:#e1e0dc}.local-header .navigation{flex:1 0 100%;height:var(--post-main-navigation-height);margin-inline-start:calc(-1*var(--post-local-header-padding-inline-start));max-width:100cqw}.local-header.no-navigation .navigation{display:none}.local-header .local-nav{flex:0 0 auto}.local-header.no-local-nav .navigation{margin-inline-end:calc(-1*var(--post-local-header-padding-inline-end))}.local-header.no-local-nav .local-nav{display:none}.burger-menu{z-index:-1;position:absolute;inset-inline:0;inset-block-start:100%;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));overflow:hidden auto;display:flex;flex-direction:column;background-color:#fafafa}.burger-menu.extended.megadropdown-open{overflow:hidden}.burger-menu:not(.extended){transform:translateY(-100%);display:none}.burger-menu:not(.extended)>*{display:none}.burger-menu .burger-menu-body,.burger-menu .burger-menu-footer{display:flex;flex-direction:column;padding-inline:var(--post-burger-menu-padding-inline)}.burger-menu .burger-menu-body{flex-grow:1;padding-block:1.5rem;gap:var(--post-burger-menu-body-gap)}.burger-menu .burger-menu-footer{background-color:#f0efed;padding-block:1rem 1.5rem;gap:var(--post-burger-menu-footer-gap)}.burger-menu .local-nav{min-height:3.5rem;display:flex;align-items:center;justify-content:flex-end;padding-inline:.25rem}.burger-menu.no-local-nav .local-nav{display:none}'}},[257,"post-header",{fullWidth:[516,"full-width"],textMenu:[513,"text-menu"],device:[32],hasNavigation:[32],hasLocalNav:[32],hasAudience:[32],hasTitle:[32],burgerMenuExtended:[32],megadropdownOpen:[32],toggleBurgerMenu:[64]},[[0,"focusin","onFocusChange"],[0,"focusout","onFocusChange"]],{fullWidth:[{validateFullWidth:0}],textMenu:[{validateTextMenu:0}],device:[{lockBody:0}],burgerMenuExtended:[{lockBody:0}]}]);function b(){"undefined"!=typeof customElements&&["post-header","post-icon","post-togglebutton"].forEach((e=>{switch(e){case"post-header":customElements.get(i(e))||customElements.define(i(e),u);break;case"post-icon":customElements.get(i(e))||p();break;case"post-togglebutton":customElements.get(i(e))||g()}}))}(function(e,t,o,a){var i,s=arguments.length,n=s<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,a);else for(var r=e.length-1;r>=0;r--)(i=e[r])&&(n=(s<3?i(n):s>3?i(t,o,n):i(t,o))||n);s>3&&n&&Object.defineProperty(t,o,n)})([c("post-megadropdown")],u.prototype,"megadropdownStateHandler",null),b();const m=u,v=b;export{m as PostHeader,v as defineCustomElement}
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
const PostIcon = PostIcon$1;
|
|
4
|
-
const defineCustomElement = defineCustomElement$1;
|
|
5
|
-
|
|
6
|
-
export { PostIcon, defineCustomElement };
|
|
1
|
+
import{P as o,d as s}from"./p-DY2U5CQt.js";const t=o,p=s;export{t as PostIcon,p as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../../types/components";
|
|
2
|
+
|
|
3
|
+
interface PostLanguageMenuItem extends Components.PostLanguageMenuItem, HTMLElement {}
|
|
4
|
+
export const PostLanguageMenuItem: {
|
|
5
|
+
prototype: PostLanguageMenuItem;
|
|
6
|
+
new (): PostLanguageMenuItem;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as e,H as i,c as a,h as o,a as n}from"./index.js";import{c as s,d as r,e as l,a as u}from"./p-B8YiQ3mz.js";import{v as c}from"./p-CZvbetqX.js";import{S as d}from"./p-DjIHLduJ.js";const m=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.postChange=a(this,"postChange"),this.postLanguageMenuItemInitiallyActive=a(this,"postLanguageMenuItemInitiallyActive")}validateCode(){s(this,"code","string")}validateVariant(){r(this,"variant",d)}validateName(){l(this,"name","string")}validateUrl(){u(this,"url")}componentDidLoad(){if(this.validateCode(),this.validateName(),this.validateUrl(),!this.name&&this.isNameRequired())throw Error('The "name" property of the post-language-menu-item component is required when the full language name is not displayed.');this.active&&this.postLanguageMenuItemInitiallyActive.emit(this.code)}async select(){this.active=!0,this.emitChange()}emitChange(){this.postChange.emit(this.code)}isNameRequired(){return this.host.textContent.toLowerCase()===this.code.toLowerCase()}render(){const t=this.code.toLowerCase(),e=t=>{"Enter"!==t.key&&" "!==t.key||this.emitChange()};return o(n,{key:"f95d1aba997cbb1b7b4805428443a35e9db4c8e6","data-version":c,role:"list"===this.variant?"listitem":void 0},this.url?o("a",{"aria-current":this.active?"page":void 0,href:this.url,hrefLang:t,lang:t,onClick:()=>this.emitChange(),onKeyDown:e},o("slot",null),o("span",{class:"visually-hidden"},this.name)):o("button",{"aria-current":this.active?"true":void 0,lang:t,onClick:()=>this.emitChange(),onKeyDown:e},o("slot",null),o("span",{class:"visually-hidden"},this.name)))}get host(){return this}static get watchers(){return{code:[{validateCode:0}],variant:[{validateVariant:0}],name:[{validateName:0}],url:[{validateUrl:0}]}}static get style(){return"post-language-menu-item{display:inline-block}post-language-menu-item button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item button{background-color:ButtonFace !important}post-language-menu-item button:hover{background-color:Highlight !important}}post-language-menu-item button .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-language-menu-item a{color:var(--post-current-fg);text-decoration:none}post-language-menu-item :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-transform:uppercase}post-language-menu-item :is(a,button){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-language-menu-item :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-language-menu-item :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-language-menu-item:where([variant=list]) :is(a,button){padding-inline:0;width:40px;height:40px;border-radius:2px}post-language-menu-item:where([variant=list]) :is(a,button):hover{color:#504f4b}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-menu-item:where([variant=list])[active]:not([active=false]) :is(a,button){background-color:#050400 !important;color:#fff;pointer-events:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list])[active]:not([active=false]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-menu-item:where([variant=menu]){min-width:72px}post-language-menu-item:where([variant=menu])[active]:not([active=false]){display:none}post-language-menu-item:where([variant=menu]) :is(a,button){padding-block:13px;padding-inline:16px;box-sizing:border-box;justify-content:flex-start;position:relative;border-radius:0}post-language-menu-item:where([variant=menu]) :is(a,button):hover{color:#fff;background-color:#504f4b}post-language-menu-item:where([variant=menu]):first-child :is(a,button){border-start-start-radius:4px;border-start-end-radius:4px}post-language-menu-item:where([variant=menu]):last-child :is(a,button){border-end-start-radius:4px;border-end-end-radius:4px}"}},[260,"post-language-menu-item",{code:[513],active:[1540],variant:[1],name:[1],url:[1],select:[64]},void 0,{code:[{validateCode:0}],variant:[{validateVariant:0}],name:[{validateName:0}],url:[{validateUrl:0}]}]);function h(){"undefined"!=typeof customElements&&["post-language-menu-item"].forEach((e=>{"post-language-menu-item"===e&&(customElements.get(t(e))||customElements.define(t(e),m))}))}h();const g=m,p=h;export{g as PostLanguageMenuItem,p as defineCustomElement}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { Components, JSX } from "../../types/components";
|
|
2
2
|
|
|
3
|
-
interface
|
|
4
|
-
export const
|
|
5
|
-
prototype:
|
|
6
|
-
new ():
|
|
3
|
+
interface PostLanguageMenu extends Components.PostLanguageMenu, HTMLElement {}
|
|
4
|
+
export const PostLanguageMenu: {
|
|
5
|
+
prototype: PostLanguageMenu;
|
|
6
|
+
new (): PostLanguageMenu;
|
|
7
7
|
};
|
|
8
8
|
/**
|
|
9
9
|
* Used to define this component and all nested components recursively.
|