@swisspost/design-system-components 10.0.0-next.66 → 10.0.0-next.68
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{breakpoints-B81j4H4_.js → breakpoints-B0Olgvgc.js} +8 -9
- package/dist/cjs/{get-focusable-children-SdEe5tt7.js → get-focusable-children-BGVgg7Te.js} +4 -4
- package/dist/cjs/{get-root-CUAv4k4C.js → get-root-B1FnQ50K.js} +1 -3
- package/dist/cjs/{index-YVR3WTTS.js → index-Du1lKw8D.js} +21 -9
- package/dist/cjs/{index-ChzLnSU8.js → index-qCzRmwgB.js} +2 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{package-Cixsn1Ql.js → package-DB6yM9Rp.js} +1 -1
- package/dist/cjs/post-accordion_2.cjs.entry.js +6 -7
- package/dist/cjs/post-autocomplete.cjs.entry.js +181 -0
- package/dist/cjs/post-avatar.cjs.entry.js +6 -7
- package/dist/cjs/post-back-to-top.cjs.entry.js +8 -9
- package/dist/cjs/post-banner.cjs.entry.js +5 -6
- package/dist/cjs/{post-breadcrumb-item_2.cjs.entry.js → post-breadcrumb-item.cjs.entry.js} +7 -23
- package/dist/cjs/post-breadcrumbs.cjs.entry.js +13 -12
- package/dist/cjs/{post-closebutton_13.cjs.entry.js → post-closebutton_14.cjs.entry.js} +97 -70
- package/dist/cjs/post-collapsible_2.cjs.entry.js +18 -12
- package/dist/cjs/post-components.cjs.js +2 -2
- package/dist/cjs/post-date-picker.cjs.entry.js +12 -13
- package/dist/cjs/post-footer.cjs.entry.js +8 -9
- package/dist/cjs/post-linkarea.cjs.entry.js +3 -3
- package/dist/cjs/post-listbox-option.cjs.entry.js +26 -0
- package/dist/cjs/post-listbox.cjs.entry.js +151 -0
- package/dist/cjs/post-login-widget.cjs.entry.js +60 -0
- package/dist/cjs/post-number-input.cjs.entry.js +20 -14
- package/dist/cjs/post-pagination.cjs.entry.js +10 -11
- package/dist/cjs/post-popover-trigger.cjs.entry.js +5 -6
- package/dist/cjs/post-popover.cjs.entry.js +7 -8
- package/dist/cjs/post-rating.cjs.entry.js +5 -6
- package/dist/cjs/post-stepper-item.cjs.entry.js +3 -3
- package/dist/cjs/post-stepper.cjs.entry.js +6 -7
- package/dist/cjs/post-tab-item.cjs.entry.js +5 -6
- package/dist/cjs/post-tab-panel.cjs.entry.js +5 -6
- package/dist/cjs/post-tabs.cjs.entry.js +8 -9
- package/dist/cjs/post-tooltip-trigger.cjs.entry.js +7 -10
- package/dist/cjs/post-tooltip.cjs.entry.js +5 -6
- package/dist/collection/animations/collapse.js +10 -3
- package/dist/collection/collection-manifest.json +5 -2
- package/dist/collection/components/post-accordion/post-accordion.js +2 -2
- package/dist/collection/components/post-autocomplete/post-autocomplete.css +1 -0
- package/dist/collection/components/post-autocomplete/post-autocomplete.js +271 -0
- package/dist/collection/components/post-avatar/post-avatar.js +2 -2
- package/dist/collection/components/post-back-to-top/post-back-to-top.js +4 -4
- package/dist/collection/components/post-banner/post-banner.js +1 -1
- package/dist/collection/components/post-breadcrumb-item/post-breadcrumb-item.js +42 -5
- package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.js +9 -7
- package/dist/collection/components/post-closebutton/post-closebutton.js +1 -1
- package/dist/collection/components/post-collapsible/post-collapsible.js +4 -4
- package/dist/collection/components/post-collapsible-trigger/post-collapsible-trigger.js +1 -1
- package/dist/collection/components/post-date-picker/post-date-picker.css +1 -1
- package/dist/collection/components/post-date-picker/post-date-picker.js +9 -9
- package/dist/collection/components/post-footer/post-footer.css +1 -1
- package/dist/collection/components/post-footer/post-footer.js +3 -3
- package/dist/collection/components/post-header/post-header.js +13 -13
- package/dist/collection/components/post-icon/post-icon.js +16 -13
- package/dist/collection/components/post-language-menu/post-language-menu.css +1 -1
- package/dist/collection/components/post-language-menu/post-language-menu.js +1 -1
- package/dist/collection/components/post-language-menu-item/post-language-menu-item.css +1 -1
- package/dist/collection/components/post-language-menu-item/post-language-menu-item.js +28 -1
- package/dist/collection/components/post-linkarea/post-linkarea.js +1 -1
- package/dist/collection/components/post-listbox/post-listbox.css +1 -0
- package/dist/collection/components/post-listbox/post-listbox.js +293 -0
- package/dist/collection/components/post-listbox-option/post-listbox-option.css +1 -0
- package/dist/collection/components/post-listbox-option/post-listbox-option.js +109 -0
- package/dist/collection/components/post-login-widget/post-login-widget.js +120 -0
- package/dist/collection/components/post-logo/post-logo.js +1 -1
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +1 -1
- package/dist/collection/components/post-megadropdown/post-megadropdown.css +1 -1
- package/dist/collection/components/post-megadropdown/post-megadropdown.js +5 -5
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.css +1 -1
- package/dist/collection/components/post-megadropdown-trigger/post-megadropdown-trigger.js +1 -1
- package/dist/collection/components/post-menu/post-menu.js +2 -2
- package/dist/collection/components/post-menu-item/post-menu-item.js +1 -1
- package/dist/collection/components/post-menu-trigger/post-menu-trigger.js +1 -1
- package/dist/collection/components/post-number-input/post-number-input.css +4 -1
- package/dist/collection/components/post-number-input/post-number-input.js +12 -3
- package/dist/collection/components/post-pagination/post-pagination.js +6 -6
- package/dist/collection/components/post-popover/post-popover.js +1 -1
- package/dist/collection/components/post-popover-trigger/post-popover-trigger.js +1 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +26 -19
- package/dist/collection/components/post-rating/post-rating.js +1 -1
- package/dist/collection/components/post-stepper/post-stepper.js +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.js +1 -1
- package/dist/collection/components/post-tab-panel/post-tab-panel.js +1 -1
- package/dist/collection/components/post-tabs/post-tabs.js +4 -4
- package/dist/collection/components/post-togglebutton/post-togglebutton.js +1 -1
- package/dist/collection/components/post-tooltip/post-tooltip.js +1 -1
- package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.js +6 -6
- package/dist/collection/utils/attribute-observer.js +1 -2
- package/dist/collection/utils/breakpoints.js +8 -8
- package/dist/collection/utils/get-focusable-children.js +3 -3
- package/dist/collection/utils/get-root.js +1 -2
- package/dist/collection/utils/index.js +0 -1
- package/dist/collection/utils/is-iso-date.js +1 -1
- package/dist/collection/utils/is-motion-reduced.js +3 -2
- package/dist/collection/utils/property-checkers/check-date.js +1 -1
- package/dist/collection/utils/property-checkers/constants.js +1 -1
- package/dist/collection/utils/property-checkers/index.js +1 -2
- package/dist/collection/utils/repeat-on-long-press.js +6 -6
- package/dist/collection/utils/sass-export.js +1 -1
- package/dist/collection/utils/tests/helpers/mock-match-media.js +11 -0
- package/dist/collection/utils/tests/helpers/mock-stencil-constants.js +12 -0
- package/dist/component-names.json +4 -0
- package/dist/components/breakpoints.js +1 -1
- package/dist/components/get-focusable-children.js +1 -1
- package/dist/components/get-root.js +1 -1
- package/dist/components/index.d.ts +8 -2
- package/dist/components/index.js +1 -1
- package/dist/components/index2.js +1 -0
- package/dist/components/package.js +1 -1
- package/dist/components/post-accordion-item2.js +1 -1
- package/dist/components/post-accordion2.js +1 -1
- package/dist/components/post-autocomplete.d.ts +11 -0
- package/dist/components/post-autocomplete.js +1 -0
- package/dist/components/post-avatar.js +1 -1
- package/dist/components/post-back-to-top.js +1 -1
- package/dist/components/post-banner.js +1 -1
- package/dist/components/post-breadcrumb-item2.js +1 -1
- package/dist/components/post-breadcrumbs.js +1 -1
- package/dist/components/post-closebutton2.js +1 -1
- package/dist/components/post-collapsible-trigger2.js +1 -1
- package/dist/components/post-collapsible2.js +1 -1
- package/dist/components/post-date-picker.js +1 -1
- package/dist/components/post-footer.js +1 -1
- package/dist/components/post-header.js +1 -1
- package/dist/components/post-icon2.js +1 -1
- package/dist/components/post-language-menu-item.js +1 -1
- package/dist/components/post-language-menu.js +1 -1
- package/dist/components/post-linkarea.js +1 -1
- package/dist/components/post-listbox-option.d.ts +11 -0
- package/dist/components/post-listbox-option.js +1 -0
- package/dist/components/{post-env-test.d.ts → post-listbox.d.ts} +4 -4
- package/dist/components/post-listbox.js +1 -0
- package/dist/components/post-login-widget.d.ts +11 -0
- package/dist/components/post-login-widget.js +1 -0
- package/dist/components/post-logo.js +1 -1
- package/dist/components/post-mainnavigation.js +1 -1
- package/dist/components/post-megadropdown-trigger.js +1 -1
- package/dist/components/post-megadropdown.js +1 -1
- package/dist/components/post-menu-item2.js +1 -1
- package/dist/components/post-menu-trigger2.js +1 -1
- package/dist/components/post-menu2.js +1 -1
- package/dist/components/post-number-input.js +1 -1
- package/dist/components/post-pagination.js +1 -1
- package/dist/components/post-popover-trigger.js +1 -1
- package/dist/components/post-popover.js +1 -1
- package/dist/components/post-popovercontainer2.js +1 -1
- package/dist/components/post-rating.js +1 -1
- package/dist/components/post-stepper-item.js +1 -1
- package/dist/components/post-stepper.js +1 -1
- package/dist/components/post-tab-item.js +1 -1
- package/dist/components/post-tab-panel.js +1 -1
- package/dist/components/post-tabs.js +1 -1
- package/dist/components/post-togglebutton2.js +1 -1
- package/dist/components/post-tooltip-trigger.js +1 -1
- package/dist/components/post-tooltip.js +1 -1
- package/dist/components/react/index.js +1 -1
- package/dist/components/react/p-08F-DB-d.js +1 -0
- package/dist/components/react/p-B2BDAeHI.js +1 -0
- package/dist/components/react/p-BADyL6qQ.js +1 -0
- package/dist/components/react/p-BFAXoyMM.js +1 -0
- package/dist/components/react/p-BOqFllSV.js +1 -0
- package/dist/components/react/p-BQ3HlJPr.js +1 -0
- package/dist/components/react/p-ByN3t9FX.js +1 -0
- package/dist/components/react/{p-CmA91vH_.js → p-CmkOK7QT.js} +1 -1
- package/dist/components/react/p-CuiEdxy9.js +1 -0
- package/dist/components/react/p-DPFq3I2q.js +1 -0
- package/dist/components/react/p-DSw_A3Mh.js +1 -0
- package/dist/components/react/p-DsaGKkkf.js +1 -0
- package/dist/components/react/p-NDMNbu5d.js +1 -0
- package/dist/components/react/p-_AAbD0Gm.js +1 -0
- package/dist/components/react/p-aFH1oGSZ.js +1 -0
- package/dist/components/react/p-rEK_D60T.js +1 -0
- package/dist/components/react/p-wHDwT4JH.js +1 -0
- package/dist/components/react/post-accordion-item.js +1 -1
- package/dist/components/react/post-accordion.js +1 -1
- package/dist/components/react/post-autocomplete.d.ts +11 -0
- package/dist/components/react/post-autocomplete.js +1 -0
- package/dist/components/react/post-avatar.js +1 -1
- package/dist/components/react/post-back-to-top.js +1 -1
- package/dist/components/react/post-banner.js +1 -1
- package/dist/components/react/post-breadcrumb-item.js +1 -1
- package/dist/components/react/post-breadcrumbs.js +1 -1
- package/dist/components/react/post-closebutton.js +1 -1
- package/dist/components/react/post-collapsible-trigger.js +1 -1
- package/dist/components/react/post-collapsible.js +1 -1
- package/dist/components/react/post-date-picker.js +1 -1
- package/dist/components/react/post-footer.js +1 -1
- package/dist/components/react/post-header.js +1 -1
- package/dist/components/react/post-icon.js +1 -1
- package/dist/components/react/post-language-menu-item.js +1 -1
- package/dist/components/react/post-language-menu.js +1 -1
- package/dist/components/react/post-linkarea.js +1 -1
- package/dist/components/react/post-listbox-option.d.ts +11 -0
- package/dist/components/react/post-listbox-option.js +1 -0
- package/dist/components/react/{post-env-test.d.ts → post-listbox.d.ts} +4 -4
- package/dist/components/react/post-listbox.js +1 -0
- package/dist/components/react/post-login-widget.d.ts +11 -0
- package/dist/components/react/post-login-widget.js +1 -0
- package/dist/components/react/post-logo.js +1 -1
- package/dist/components/react/post-mainnavigation.js +1 -1
- package/dist/components/react/post-megadropdown-trigger.js +1 -1
- package/dist/components/react/post-megadropdown.js +1 -1
- package/dist/components/react/post-menu-item.js +1 -1
- package/dist/components/react/post-menu-trigger.js +1 -1
- package/dist/components/react/post-menu.js +1 -1
- package/dist/components/react/post-number-input.js +1 -1
- package/dist/components/react/post-pagination.js +1 -1
- package/dist/components/react/post-popover-trigger.js +1 -1
- package/dist/components/react/post-popover.js +1 -1
- package/dist/components/react/post-popovercontainer.js +1 -1
- package/dist/components/react/post-rating.js +1 -1
- package/dist/components/react/post-stepper-item.js +1 -1
- package/dist/components/react/post-stepper.js +1 -1
- package/dist/components/react/post-tab-item.js +1 -1
- package/dist/components/react/post-tab-panel.js +1 -1
- package/dist/components/react/post-tabs.js +1 -1
- package/dist/components/react/post-togglebutton.js +1 -1
- package/dist/components/react/post-tooltip-trigger.js +1 -1
- package/dist/components/react/post-tooltip.js +1 -1
- package/dist/docs.json +682 -56
- package/dist/esm/{breakpoints-_gmb7vUy.js → breakpoints-BQ3HlJPr.js} +8 -9
- package/dist/esm/{get-focusable-children-CFWKPWu9.js → get-focusable-children-DxYnH2ye.js} +4 -4
- package/dist/esm/{get-root-CXfAA093.js → get-root-08F-DB-d.js} +1 -3
- package/dist/esm/{index-Cj-Lzb7i.js → index-Ci4L1rzN.js} +21 -9
- package/dist/esm/{index-CCMeku7U.js → index-D9bU2pIE.js} +3 -3
- package/dist/esm/loader.js +3 -3
- package/dist/esm/package-NDMNbu5d.js +3 -0
- package/dist/esm/post-accordion_2.entry.js +6 -7
- package/dist/esm/post-autocomplete.entry.js +179 -0
- package/dist/esm/post-avatar.entry.js +6 -7
- package/dist/esm/post-back-to-top.entry.js +8 -9
- package/dist/esm/post-banner.entry.js +5 -6
- package/dist/esm/{post-breadcrumb-item_2.entry.js → post-breadcrumb-item.entry.js} +8 -23
- package/dist/esm/post-breadcrumbs.entry.js +13 -12
- package/dist/esm/{post-closebutton_13.entry.js → post-closebutton_14.entry.js} +97 -71
- package/dist/esm/post-collapsible_2.entry.js +18 -12
- package/dist/esm/post-components.js +3 -3
- package/dist/esm/post-date-picker.entry.js +12 -13
- package/dist/esm/post-footer.entry.js +8 -9
- package/dist/esm/post-linkarea.entry.js +3 -3
- package/dist/esm/post-listbox-option.entry.js +24 -0
- package/dist/esm/post-listbox.entry.js +149 -0
- package/dist/esm/post-login-widget.entry.js +58 -0
- package/dist/esm/post-number-input.entry.js +20 -14
- package/dist/esm/post-pagination.entry.js +10 -11
- package/dist/esm/post-popover-trigger.entry.js +5 -6
- package/dist/esm/post-popover.entry.js +7 -8
- package/dist/esm/post-rating.entry.js +5 -6
- package/dist/esm/post-stepper-item.entry.js +3 -3
- package/dist/esm/post-stepper.entry.js +6 -7
- package/dist/esm/post-tab-item.entry.js +5 -6
- package/dist/esm/post-tab-panel.entry.js +5 -6
- package/dist/esm/post-tabs.entry.js +8 -9
- package/dist/esm/post-tooltip-trigger.entry.js +7 -10
- package/dist/esm/post-tooltip.entry.js +5 -6
- package/dist/post-components/p-08F-DB-d.js +1 -0
- package/dist/post-components/p-1edd4d7c.entry.js +1 -0
- package/dist/post-components/p-319959ee.entry.js +1 -0
- package/dist/post-components/p-3364b421.entry.js +1 -0
- package/dist/post-components/p-38880c61.entry.js +1 -0
- package/dist/post-components/p-39b2b086.entry.js +1 -0
- package/dist/post-components/p-4ad6993e.entry.js +1 -0
- package/dist/post-components/p-4c021d5f.entry.js +1 -0
- package/dist/post-components/p-5c66d070.entry.js +1 -0
- package/dist/post-components/p-5f86479f.entry.js +1 -0
- package/dist/post-components/{p-fe35968d.entry.js → p-602960ff.entry.js} +1 -1
- package/dist/post-components/p-631f4bdd.entry.js +1 -0
- package/dist/post-components/p-6336ea0b.entry.js +1 -0
- package/dist/post-components/p-7ad4e293.entry.js +1 -0
- package/dist/post-components/p-82871134.entry.js +1 -0
- package/dist/post-components/p-8c91a9d8.entry.js +1 -0
- package/dist/post-components/p-9bdb92c0.entry.js +1 -0
- package/dist/post-components/p-BQ3HlJPr.js +1 -0
- package/dist/post-components/p-Ci4L1rzN.js +2 -0
- package/dist/post-components/p-D9bU2pIE.js +1 -0
- package/dist/post-components/p-DYYpZAAV.js +1 -0
- package/dist/post-components/p-NDMNbu5d.js +1 -0
- package/dist/post-components/p-cdc11592.entry.js +1 -0
- package/dist/post-components/p-df54677a.entry.js +1 -0
- package/dist/post-components/{p-46f30771.entry.js → p-e01ce660.entry.js} +1 -1
- package/dist/post-components/p-e331093d.entry.js +1 -0
- package/dist/post-components/p-e4fd234d.entry.js +1 -0
- package/dist/post-components/p-eb89eecb.entry.js +1 -0
- package/dist/post-components/p-ee03eed0.entry.js +1 -0
- package/dist/post-components/p-f1813327.entry.js +1 -0
- package/dist/post-components/p-f1bff988.entry.js +1 -0
- package/dist/post-components/p-f64c6491.entry.js +1 -0
- package/dist/post-components/p-fd10d5b9.entry.js +1 -0
- package/dist/post-components/post-components.css +6 -1
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/components/post-autocomplete/post-autocomplete.d.ts +34 -0
- package/dist/types/components/post-breadcrumb-item/post-breadcrumb-item.d.ts +8 -0
- package/dist/types/components/post-breadcrumbs/post-breadcrumbs.d.ts +8 -5
- package/dist/types/components/post-language-menu-item/post-language-menu-item.d.ts +5 -0
- package/dist/types/components/post-listbox/post-listbox.d.ts +37 -0
- package/dist/types/components/post-listbox-option/post-listbox-option.d.ts +13 -0
- package/dist/types/components/post-login-widget/post-login-widget.d.ts +30 -0
- package/dist/types/components/post-number-input/post-number-input.d.ts +2 -0
- package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts +2 -0
- package/dist/types/components.d.ts +240 -13
- package/dist/types/utils/breakpoints.d.ts +1 -0
- package/dist/types/utils/index.d.ts +0 -1
- package/dist/types/utils/property-checkers/index.d.ts +1 -2
- package/dist/types/utils/tests/helpers/mock-match-media.d.ts +4 -0
- package/dist/types/utils/tests/helpers/mock-stencil-constants.d.ts +0 -0
- package/hydrate/index.js +699 -1388
- package/hydrate/index.mjs +699 -1388
- package/package.json +9 -7
- package/dist/cjs/environment-BQE9Unf_.js +0 -52
- package/dist/cjs/post-env-test.cjs.entry.js +0 -15
- package/dist/collection/utils/environment.js +0 -47
- package/dist/collection/utils/tests/environment/hydrate-app-helper.js +0 -16
- package/dist/collection/utils/tests/environment/post-env-test.js +0 -9
- package/dist/components/environment.js +0 -1
- package/dist/components/post-env-test.js +0 -1
- package/dist/components/react/p-BVGcVycs.js +0 -1
- package/dist/components/react/p-Bb0ejJa3.js +0 -1
- package/dist/components/react/p-BbnDcq_W.js +0 -1
- package/dist/components/react/p-BcBg4WYn.js +0 -1
- package/dist/components/react/p-C1CrnSak.js +0 -1
- package/dist/components/react/p-C9bJM7_1.js +0 -1
- package/dist/components/react/p-CApN7QUn.js +0 -1
- package/dist/components/react/p-CGeIHu-8.js +0 -1
- package/dist/components/react/p-CVM28gRr.js +0 -1
- package/dist/components/react/p-CdMrnWjS.js +0 -1
- package/dist/components/react/p-CfXYLM9Y.js +0 -1
- package/dist/components/react/p-DH6JtVW9.js +0 -1
- package/dist/components/react/p-Dgo_BJCW.js +0 -1
- package/dist/components/react/p-Dne0jb7e.js +0 -1
- package/dist/components/react/p-FxUVQ4Tx.js +0 -1
- package/dist/components/react/p-htxkyM9X.js +0 -1
- package/dist/components/react/post-env-test.js +0 -1
- package/dist/esm/environment-CEmnRoA6.js +0 -49
- package/dist/esm/package-CApN7QUn.js +0 -3
- package/dist/esm/post-env-test.entry.js +0 -13
- package/dist/post-components/p-054c0046.entry.js +0 -1
- package/dist/post-components/p-102b69dd.entry.js +0 -1
- package/dist/post-components/p-1221cdd6.entry.js +0 -1
- package/dist/post-components/p-14ca5d65.entry.js +0 -1
- package/dist/post-components/p-38404768.entry.js +0 -1
- package/dist/post-components/p-388ac19f.entry.js +0 -1
- package/dist/post-components/p-5088354d.entry.js +0 -1
- package/dist/post-components/p-53c3195b.entry.js +0 -1
- package/dist/post-components/p-6e79a981.entry.js +0 -1
- package/dist/post-components/p-700c3e20.entry.js +0 -1
- package/dist/post-components/p-7fc1291f.entry.js +0 -1
- package/dist/post-components/p-84905b89.entry.js +0 -1
- package/dist/post-components/p-9127ee5c.entry.js +0 -1
- package/dist/post-components/p-91fbf90f.entry.js +0 -1
- package/dist/post-components/p-9e6b8aae.entry.js +0 -1
- package/dist/post-components/p-CApN7QUn.js +0 -1
- package/dist/post-components/p-CCMeku7U.js +0 -1
- package/dist/post-components/p-CEmnRoA6.js +0 -1
- package/dist/post-components/p-Cj-Lzb7i.js +0 -2
- package/dist/post-components/p-DI-h_mEL.js +0 -1
- package/dist/post-components/p-DppMBmK1.js +0 -1
- package/dist/post-components/p-Rr097A6n.js +0 -1
- package/dist/post-components/p-b7c02b48.entry.js +0 -1
- package/dist/post-components/p-bb2dc205.entry.js +0 -1
- package/dist/post-components/p-dd2d35fd.entry.js +0 -1
- package/dist/post-components/p-dde0c46e.entry.js +0 -1
- package/dist/post-components/p-e4978408.entry.js +0 -1
- package/dist/post-components/p-eb4eabe2.entry.js +0 -1
- package/dist/post-components/p-ece3d263.entry.js +0 -1
- package/dist/types/utils/environment.d.ts +0 -26
- package/dist/types/utils/tests/environment/hydrate-app-helper.d.ts +0 -5
- package/dist/types/utils/tests/environment/post-env-test.d.ts +0 -3
package/hydrate/index.js
CHANGED
|
@@ -136,7 +136,7 @@ var node_crypto = require('node:crypto');
|
|
|
136
136
|
const NAMESPACE = 'post-components';
|
|
137
137
|
const BUILD = /* post-components */ { hotModuleReplacement: false, hydratedSelectorName: "data-hydrated", slotRelocation: true, state: true, updatable: true};
|
|
138
138
|
|
|
139
|
-
const globalStyles = ":where(post-accordion,post-accordion-item,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-number-input,post-pagination,post-popover,post-popover-trigger,post-popovercontainer,post-rating,post-stepper,post-stepper-item,post-tab-item,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not(:defined):not(.hydrated,[data-hydrated]){visibility:hidden}@media (scripting: none){:where(post-accordion,post-accordion-item,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-number-input,post-pagination,post-popover,post-popover-trigger,post-popovercontainer,post-rating,post-stepper,post-stepper-item,post-tab-item,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not(:defined):not(.hydrated,[data-hydrated]){visibility:visible}}post-accordion:not([multiple]):not(:has([collapsed]))>post-accordion-item~post-accordion-item{--post-collapsible-initial-height:0;--post-collapsible-initial-overflow:hidden;--post-accordion-icon-initial-transform:rotate(-180deg)}post-number-input input
|
|
139
|
+
const globalStyles = ":where(post-accordion,post-accordion-item,post-autocomplete,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-listbox,post-listbox-option,post-login-widget,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-number-input,post-pagination,post-popover,post-popover-trigger,post-popovercontainer,post-rating,post-stepper,post-stepper-item,post-tab-item,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not(:defined):not(.hydrated,[data-hydrated]){visibility:hidden}@media (scripting: none){:where(post-accordion,post-accordion-item,post-autocomplete,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-listbox,post-listbox-option,post-login-widget,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-number-input,post-pagination,post-popover,post-popover-trigger,post-popovercontainer,post-rating,post-stepper,post-stepper-item,post-tab-item,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not(:defined):not(.hydrated,[data-hydrated]){visibility:visible}}post-accordion:not([multiple]):not(:has([collapsed]))>post-accordion-item~post-accordion-item{--post-collapsible-initial-height:0;--post-collapsible-initial-overflow:hidden;--post-accordion-icon-initial-transform:rotate(-180deg)}.form-label:has(+post-number-input){display:block}.form-label:has(+post-number-input.number-input-sm){padding-inline:var(--post-device-spacing-padding-2);padding-block:var(--post-device-spacing-padding-30);font-weight:var(--post-device-font-weight-bold);font-size:var(--post-device-font-size-7)}.form-label:has(+post-number-input.disabled){color:var(--post-scheme-color-interactive-input-disabled-fg)}post-number-input.form-floating>input.form-control{padding:var(--post-device-spacing-padding-block-29) var(--post-device-spacing-padding-inline-1) var(--post-device-spacing-padding-block-3)}post-number-input.form-floating>input.form-control:focus~label,post-number-input.form-floating>input.form-control:not(:placeholder-shown)~label{padding-block-start:var(--post-device-spacing-padding-block-3);padding-inline:var(--post-device-spacing-padding-inline-1) var(--post-device-spacing-padding-15);font-size:var(--post-device-font-size-10)}post-number-input.form-floating::after{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}post-number-input.form-floating:has(>input.form-control.is-valid:not(:disabled))::after,post-number-input.form-floating:has(>input.form-control:-webkit-autofill.is-valid)::after,post-number-input.form-floating:has(>input.form-control.is-invalid:not(:disabled))::after,post-number-input.form-floating:has(>input.form-control:-webkit-autofill.is-invalid)::after{top:calc(var(--post-device-sizing-interactive-button-height-6) / 2);right:calc(\n var(--post-device-spacing-padding-inline-1) +\n (var(--post-device-spacing-padding-23)* 2) +\n var(--post-device-sizing-interactive-icon-size6) +\n (var(--post-device-border-width-default) * 2)\n )}post-number-input input[type=number]{appearance:textfield}post-number-input input[type=number]::-webkit-inner-spin-button,post-number-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}post-login-widget>[slot=unauthenticated]{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)}post-login-widget>[slot=unauthenticated]:hover{text-decoration:none}post-login-widget>[slot=unauthenticated]:disabled{border-style:var(--post-core-border-style-dash)}post-login-widget>[slot=unauthenticated]{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-login-widget>[slot=unauthenticated]:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-login-widget>[slot=unauthenticated]:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-login-widget>[slot=unauthenticated]:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-login-widget>[slot=unauthenticated]:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-login-widget>[slot=unauthenticated]:is(a){color:LinkText;border:unset}post-login-widget>[slot=unauthenticated]:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}post-login-widget>[slot=unauthenticated]:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}post-login-widget>[slot=unauthenticated]:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}post-login-widget>[slot=unauthenticated]:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}post-login-widget>[slot=unauthenticated]:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}post-login-widget>[slot=unauthenticated]:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}post-login-widget>[slot=unauthenticated]{width:fit-content}@media screen and (min-width: 0)and (max-width: 599.98px){post-login-widget>[slot=unauthenticated]>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}post-login-widget>[slot=unauthenticated]>post-icon{font-size:1.5rem}}post-login-widget>[slot=authenticated]>post-menu-trigger>button{border-radius:var(--post-device-border-radius-round) !important}";
|
|
140
140
|
|
|
141
141
|
/*
|
|
142
142
|
Stencil Hydrate Platform v4.41.1 | MIT Licensed | https://stenciljs.com
|
|
@@ -5096,7 +5096,7 @@ var setScopedSSR = (opts) => {
|
|
|
5096
5096
|
var needsScopedSSR = () => scopedSSR;
|
|
5097
5097
|
var scopedSSR = false;
|
|
5098
5098
|
|
|
5099
|
-
const version$1 = "10.0.0-next.
|
|
5099
|
+
const version$1 = "10.0.0-next.68";
|
|
5100
5100
|
|
|
5101
5101
|
const HEADING_LEVELS = [1, 2, 3, 4, 5, 6];
|
|
5102
5102
|
|
|
@@ -5124,7 +5124,7 @@ const ANIMATION_KEYS = [
|
|
|
5124
5124
|
'throb',
|
|
5125
5125
|
];
|
|
5126
5126
|
|
|
5127
|
-
const EMPTY_VALUES = [undefined, null, '', NaN];
|
|
5127
|
+
const EMPTY_VALUES = [undefined, null, '', Number.NaN];
|
|
5128
5128
|
|
|
5129
5129
|
function isValueEmpty(value) {
|
|
5130
5130
|
return EMPTY_VALUES.some(v => Object.is(v, value));
|
|
@@ -5203,7 +5203,7 @@ function checkDate(component, prop) {
|
|
|
5203
5203
|
return;
|
|
5204
5204
|
}
|
|
5205
5205
|
const date = new Date(value);
|
|
5206
|
-
if (isNaN(date.getTime())) {
|
|
5206
|
+
if (Number.isNaN(date.getTime())) {
|
|
5207
5207
|
console.error(message);
|
|
5208
5208
|
}
|
|
5209
5209
|
}
|
|
@@ -5222,7 +5222,7 @@ function isIsoDate(value) {
|
|
|
5222
5222
|
if (!ISO_REGEX.test(value))
|
|
5223
5223
|
return false;
|
|
5224
5224
|
const date = new Date(value); // strict UTC parsing
|
|
5225
|
-
if (isNaN(date.getTime()))
|
|
5225
|
+
if (Number.isNaN(date.getTime()))
|
|
5226
5226
|
return false;
|
|
5227
5227
|
// Roundtrip comparison to catch auto-corrected dates
|
|
5228
5228
|
// Use UTC getters to match the UTC parsing above - no timezone shift
|
|
@@ -5251,54 +5251,6 @@ const checkRequiredAndPattern = requiredAnd(checkPattern);
|
|
|
5251
5251
|
const checkRequiredAndType = requiredAnd(checkType);
|
|
5252
5252
|
const checkRequiredAndUrl = requiredAnd(checkUrl);
|
|
5253
5253
|
|
|
5254
|
-
/**
|
|
5255
|
-
* Environment detection helper
|
|
5256
|
-
*
|
|
5257
|
-
* Goal: Distinguish between real browser execution and Stencil's server-side
|
|
5258
|
-
* hydration context. During SSR/hydration Stencil provides a mocked `window`
|
|
5259
|
-
* (Domino / JSDOM–like) so naive checks (e.g. `typeof window !== 'undefined'`)
|
|
5260
|
-
* incorrectly classify the environment as a browser.
|
|
5261
|
-
*
|
|
5262
|
-
* Detection strategy:
|
|
5263
|
-
* - Stencils hydrate context uses a hardcoded user agent string ('MockNavigator')
|
|
5264
|
-
* and origin ('http://mockdoc.stenciljs.com') for its mocked `window` object.
|
|
5265
|
-
* We can use this to identify the hydrate context.
|
|
5266
|
-
* - Stencils unit test context also uses the same hardcoded user agent string,
|
|
5267
|
-
* but a differnet value for the origin.
|
|
5268
|
-
* That's why comparing the origin is aboslutely mandatory.
|
|
5269
|
-
* - Since we test the hydrate app in the test context, the origin is getting
|
|
5270
|
-
* overwritten by the test setup, leading to a false positive in the
|
|
5271
|
-
* `isHydrateApp` detection.
|
|
5272
|
-
* To circumvent this, we use a global flag (`isHydrateAppTestEnv`),
|
|
5273
|
-
* that we set/reset during the server test, so we can correctly identify
|
|
5274
|
-
* the hydrate app in the test context.
|
|
5275
|
-
* As a drawback, we can't properly test if the hydrate app is detected as
|
|
5276
|
-
* expected, in a real world scenario (elsewhere than in our tests).
|
|
5277
|
-
*/
|
|
5278
|
-
const MOCKED_USERAGENT = 'MockNavigator';
|
|
5279
|
-
const MOCKED_ORIGIN = 'http://mockdoc.stenciljs.com';
|
|
5280
|
-
const isNodeEnv = typeof global !== 'undefined';
|
|
5281
|
-
const hasWindow$1 = typeof window !== 'undefined';
|
|
5282
|
-
const isMockedUserAgent = hasWindow$1 && window.navigator.userAgent === MOCKED_USERAGENT;
|
|
5283
|
-
const isMockedOrigin = hasWindow$1 && window.location.origin === MOCKED_ORIGIN;
|
|
5284
|
-
/**
|
|
5285
|
-
* This is the natural hydrate app environment
|
|
5286
|
-
* Is `true` if the hydrate app runs on server
|
|
5287
|
-
*/
|
|
5288
|
-
const isHydrateAppEnv = isNodeEnv && isMockedUserAgent && isMockedOrigin;
|
|
5289
|
-
/**
|
|
5290
|
-
* This is the test app server test env
|
|
5291
|
-
* Is `true` if the server unit test runs (`false` if the browser unit test runs)
|
|
5292
|
-
*/
|
|
5293
|
-
const isTestAppServerTestEnv = isNodeEnv && isMockedUserAgent && global.IS_HYDRATEAPP_SERVERTEST;
|
|
5294
|
-
/**
|
|
5295
|
-
* This is the final hydrate app flag
|
|
5296
|
-
* if it`s `true`, IS_BROWSER equals `false` and IS_SERVER equals `true
|
|
5297
|
-
*/
|
|
5298
|
-
const isHydrateApp = isHydrateAppEnv || isTestAppServerTestEnv;
|
|
5299
|
-
const IS_BROWSER = hasWindow$1 && !isHydrateApp;
|
|
5300
|
-
const IS_SERVER = !IS_BROWSER;
|
|
5301
|
-
|
|
5302
5254
|
/* eslint-disable no-undefined,no-param-reassign,no-shadow */
|
|
5303
5255
|
|
|
5304
5256
|
/**
|
|
@@ -5468,6 +5420,9 @@ class Breakpoint {
|
|
|
5468
5420
|
{ key: 'sm', device: 'tablet', minWidth: 600 },
|
|
5469
5421
|
{ key: 'xs', device: 'mobile', minWidth: 0 },
|
|
5470
5422
|
];
|
|
5423
|
+
this.resizeObserver = globalThis.ResizeObserver
|
|
5424
|
+
? new ResizeObserver(() => this.updateCurrentBreakpoint())
|
|
5425
|
+
: null;
|
|
5471
5426
|
this.updateCurrentBreakpoint = throttle(50, (options = { emitEvents: true }) => {
|
|
5472
5427
|
const previousBreakpoint = this.currentBreakpoint;
|
|
5473
5428
|
const newBreakpoint = this.breakpoints.find(breakpoint => {
|
|
@@ -5482,15 +5437,13 @@ class Breakpoint {
|
|
|
5482
5437
|
.filter(key => !previousBreakpoint || this.currentBreakpoint[key] !== previousBreakpoint[key])
|
|
5483
5438
|
.forEach((key) => this.dispatchEvent(key));
|
|
5484
5439
|
});
|
|
5485
|
-
if (
|
|
5486
|
-
|
|
5487
|
-
|
|
5488
|
-
|
|
5440
|
+
if (this.resizeObserver) {
|
|
5441
|
+
this.updateCurrentBreakpoint({ emitEvents: false });
|
|
5442
|
+
this.resizeObserver.observe(document.body);
|
|
5443
|
+
}
|
|
5489
5444
|
}
|
|
5490
5445
|
dispatchEvent(property) {
|
|
5491
|
-
|
|
5492
|
-
return;
|
|
5493
|
-
window.dispatchEvent(new CustomEvent(`postBreakpoint:${property}`, { detail: this.currentBreakpoint[property] }));
|
|
5446
|
+
globalThis.dispatchEvent(new CustomEvent(`postBreakpoint:${property}`, { detail: this.currentBreakpoint[property] }));
|
|
5494
5447
|
}
|
|
5495
5448
|
get(property) {
|
|
5496
5449
|
this.updateCurrentBreakpoint({ emitEvents: false });
|
|
@@ -5653,7 +5606,7 @@ function findClosestParentWithTag(element, tagName) {
|
|
|
5653
5606
|
* So use it for example in the componentDidLoad lifecycle hook.
|
|
5654
5607
|
*/
|
|
5655
5608
|
function getRoot(element) {
|
|
5656
|
-
const root =
|
|
5609
|
+
const root = element.getRootNode ? element.getRootNode() : element;
|
|
5657
5610
|
if (root instanceof Document || root instanceof ShadowRoot) {
|
|
5658
5611
|
return root;
|
|
5659
5612
|
}
|
|
@@ -5698,7 +5651,7 @@ function getDeepFocusableChildren(el, filter, visited = new Set()) {
|
|
|
5698
5651
|
// SLOT
|
|
5699
5652
|
if (el instanceof HTMLSlotElement) {
|
|
5700
5653
|
const assigned = el.assignedElements({ flatten: true });
|
|
5701
|
-
nodes = assigned.length ? assigned : Array.from(el.children);
|
|
5654
|
+
nodes = assigned.length > 0 ? assigned : Array.from(el.children);
|
|
5702
5655
|
}
|
|
5703
5656
|
// SHADOW ROOT
|
|
5704
5657
|
else if (el instanceof HTMLElement && el.shadowRoot) {
|
|
@@ -5731,8 +5684,8 @@ function isFocusBlockedByCSS(el) {
|
|
|
5731
5684
|
if (typeof el.checkVisibility === 'function') {
|
|
5732
5685
|
return !el.checkVisibility({ visibilityProperty: true });
|
|
5733
5686
|
}
|
|
5734
|
-
const style =
|
|
5735
|
-
if (style.display === 'none' || style.visibility !== 'visible') {
|
|
5687
|
+
const style = el.ownerDocument?.defaultView?.getComputedStyle(el);
|
|
5688
|
+
if (!style || style.display === 'none' || style.visibility !== 'visible') {
|
|
5736
5689
|
return true;
|
|
5737
5690
|
}
|
|
5738
5691
|
if (el.parentElement) {
|
|
@@ -5757,20 +5710,22 @@ function getSlottedElement(host, selector) {
|
|
|
5757
5710
|
}
|
|
5758
5711
|
|
|
5759
5712
|
function isMotionReduced() {
|
|
5760
|
-
return
|
|
5713
|
+
return globalThis.matchMedia
|
|
5714
|
+
? globalThis.matchMedia('(prefers-reduced-motion: reduce)').matches
|
|
5715
|
+
: true;
|
|
5761
5716
|
}
|
|
5762
5717
|
|
|
5763
5718
|
function repeatOnLongPress(callback, options) {
|
|
5764
5719
|
const stop = repeat(callback, options);
|
|
5765
5720
|
const handler = () => {
|
|
5766
5721
|
stop();
|
|
5767
|
-
|
|
5768
|
-
|
|
5769
|
-
|
|
5722
|
+
globalThis.removeEventListener('pointerup', handler);
|
|
5723
|
+
globalThis.removeEventListener('pointercancel', handler);
|
|
5724
|
+
globalThis.removeEventListener('pointerleave', handler);
|
|
5770
5725
|
};
|
|
5771
|
-
|
|
5772
|
-
|
|
5773
|
-
|
|
5726
|
+
globalThis.addEventListener('pointerup', handler);
|
|
5727
|
+
globalThis.addEventListener('pointercancel', handler);
|
|
5728
|
+
globalThis.addEventListener('pointerleave', handler);
|
|
5774
5729
|
}
|
|
5775
5730
|
function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
|
|
5776
5731
|
callback(); // immediate action
|
|
@@ -5787,7 +5742,7 @@ function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
|
|
|
5787
5742
|
|
|
5788
5743
|
const postAccordionCss = () => `:host{display:block;border-block-start:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}`;
|
|
5789
5744
|
|
|
5790
|
-
var __decorate$
|
|
5745
|
+
var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
5791
5746
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
5792
5747
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
5793
5748
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -5858,7 +5813,7 @@ class PostAccordion {
|
|
|
5858
5813
|
if (this.multiple) {
|
|
5859
5814
|
await Promise.all(this.accordionItems.map(item => item.toggle(true)));
|
|
5860
5815
|
}
|
|
5861
|
-
else if (
|
|
5816
|
+
else if (this.expandedItems.size === 0) {
|
|
5862
5817
|
await this.accordionItems[0].toggle(true);
|
|
5863
5818
|
}
|
|
5864
5819
|
}
|
|
@@ -5883,7 +5838,7 @@ class PostAccordion {
|
|
|
5883
5838
|
});
|
|
5884
5839
|
}
|
|
5885
5840
|
render() {
|
|
5886
|
-
return (hAsync(Host, { key: '
|
|
5841
|
+
return (hAsync(Host, { key: 'fa37ee5b4611a84d273229955bcf624e53120022', "data-version": version$1 }, hAsync("div", { key: '0884dc3582eb768c6dd4959168d7e9a9b4195c3c', class: "accordion" }, hAsync("slot", { key: 'f6d81d89aca513094ac5c1d531ed9d63f7b93730', onSlotchange: () => this.registerAccordionItems() }))));
|
|
5887
5842
|
}
|
|
5888
5843
|
get host() { return getElement(this); }
|
|
5889
5844
|
static get watchers() { return {
|
|
@@ -5907,7 +5862,7 @@ class PostAccordion {
|
|
|
5907
5862
|
"$attrsToReflect$": [["headingLevel", "heading-level"], ["multiple", "multiple"]]
|
|
5908
5863
|
}; }
|
|
5909
5864
|
}
|
|
5910
|
-
__decorate$
|
|
5865
|
+
__decorate$8([
|
|
5911
5866
|
EventFrom('post-accordion-item')
|
|
5912
5867
|
], PostAccordion.prototype, "collapseToggleHandler", null);
|
|
5913
5868
|
|
|
@@ -5938,7 +5893,7 @@ function nanoid(size = 21) {
|
|
|
5938
5893
|
|
|
5939
5894
|
const postAccordionItemCss = () => `:host{display:block;border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}:host:has(.accordion-button:hover){border-block-end-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host:has(.accordion-button:hover){border-block-end-color:Highlight}}:host([collapsed]) .accordion-button post-icon{transform:rotate(-180deg)}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding-block:var(--post-device-spacing-padding-19);padding-inline:var(--post-device-spacing-padding-5);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) rgba(0,0,0,0);cursor:pointer;outline:none !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transform:var(--post-accordion-icon-initial-transform, none)}.accordion-button.collapsed{padding-block-start:var(--post-device-spacing-padding-19);padding-block-end:var(--post-device-spacing-padding-19)}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}post-collapsible{margin-block-end:calc(var(--post-device-border-width-default)*-1)}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:var(--post-device-spacing-padding-block-25);padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}`;
|
|
5940
5895
|
|
|
5941
|
-
var __decorate$
|
|
5896
|
+
var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
5942
5897
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
5943
5898
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
5944
5899
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -6018,10 +5973,199 @@ class PostAccordionItem {
|
|
|
6018
5973
|
"$attrsToReflect$": [["collapsed", "collapsed"]]
|
|
6019
5974
|
}; }
|
|
6020
5975
|
}
|
|
6021
|
-
__decorate$
|
|
5976
|
+
__decorate$7([
|
|
6022
5977
|
EventFrom('post-accordion-item')
|
|
6023
5978
|
], PostAccordionItem.prototype, "onCollapseToggle", null);
|
|
6024
5979
|
|
|
5980
|
+
const postAutocompleteCss = () => `:host{position:relative;display:block}.autocomplete-icon,.autocomplete-clear{position:absolute;inset-block-start:16px}@media screen and (min-width: 780px){.autocomplete-icon,.autocomplete-clear{inset-block-start:20px}}.autocomplete-icon{inset-inline-end:16px;width:24px;height:24px;pointer-events:none;transition:transform .2s ease-in-out}:host([open]) .autocomplete-icon{transform:rotate(180deg)}.autocomplete-clear{display:flex;align-items:center;justify-content:center;inset-inline-end:42px;background:none;border:none;cursor:pointer}.autocomplete-clear>post-icon{width:20px;height:20px}`;
|
|
5981
|
+
|
|
5982
|
+
/**
|
|
5983
|
+
* @slot default - Slot for placing post-autocomplete-item components.
|
|
5984
|
+
*/
|
|
5985
|
+
class PostAutocomplete {
|
|
5986
|
+
constructor(hostRef) {
|
|
5987
|
+
registerInstance(this, hostRef);
|
|
5988
|
+
this.postFilteringEvent = createEvent(this, "postFilteringEvent");
|
|
5989
|
+
this.debouncedHandleInput = debounce((event) => this.handleInput(event), 250);
|
|
5990
|
+
/** Number of characters to type before filtering methods are called */
|
|
5991
|
+
this.filterThreshold = 0;
|
|
5992
|
+
/** Show or hide the clear button */
|
|
5993
|
+
this.clearable = false;
|
|
5994
|
+
this.inputValue = '';
|
|
5995
|
+
this.handleOnBlur = () => {
|
|
5996
|
+
this.inputElement.value = this.inputValue;
|
|
5997
|
+
this.listBoxElement.filter('');
|
|
5998
|
+
this.hideListBox();
|
|
5999
|
+
};
|
|
6000
|
+
this.handleInput = (event) => {
|
|
6001
|
+
if (!this.listBoxElement)
|
|
6002
|
+
return;
|
|
6003
|
+
const value = event.target.value.trim();
|
|
6004
|
+
const query = value.length >= this.filterThreshold ? value : '';
|
|
6005
|
+
// Allow for consuming parent to handle filtering (e.g. for async data) and prevent default filtering behavior
|
|
6006
|
+
const { defaultPrevented } = this.postFilteringEvent.emit(query && query.length >= this.filterThreshold ? query : '');
|
|
6007
|
+
if (defaultPrevented)
|
|
6008
|
+
return;
|
|
6009
|
+
this.listBoxElement.filter(query);
|
|
6010
|
+
if (query) {
|
|
6011
|
+
this.showListBox();
|
|
6012
|
+
}
|
|
6013
|
+
else {
|
|
6014
|
+
this.inputValue = '';
|
|
6015
|
+
}
|
|
6016
|
+
};
|
|
6017
|
+
this.handleKeyDown = (event) => {
|
|
6018
|
+
const { key, altKey } = event;
|
|
6019
|
+
switch (key) {
|
|
6020
|
+
case 'ArrowDown':
|
|
6021
|
+
event.preventDefault();
|
|
6022
|
+
this.showListBox();
|
|
6023
|
+
if (!altKey) {
|
|
6024
|
+
this.listBoxElement.navigate('down');
|
|
6025
|
+
}
|
|
6026
|
+
break;
|
|
6027
|
+
case 'ArrowUp':
|
|
6028
|
+
event.preventDefault();
|
|
6029
|
+
this.listBoxElement.navigate('up');
|
|
6030
|
+
break;
|
|
6031
|
+
case 'Enter':
|
|
6032
|
+
if (this.listBoxElement.hidden)
|
|
6033
|
+
return;
|
|
6034
|
+
event.preventDefault();
|
|
6035
|
+
this.listBoxElement.selectActive();
|
|
6036
|
+
this.hideListBox();
|
|
6037
|
+
break;
|
|
6038
|
+
case 'Escape':
|
|
6039
|
+
this.hideListBox();
|
|
6040
|
+
break;
|
|
6041
|
+
case 'Tab':
|
|
6042
|
+
this.listBoxElement.selectActive();
|
|
6043
|
+
this.hideListBox();
|
|
6044
|
+
break;
|
|
6045
|
+
case 'Home':
|
|
6046
|
+
event.preventDefault();
|
|
6047
|
+
this.listBoxElement.navigate('first');
|
|
6048
|
+
break;
|
|
6049
|
+
case 'End':
|
|
6050
|
+
event.preventDefault();
|
|
6051
|
+
this.listBoxElement.navigate('last');
|
|
6052
|
+
break;
|
|
6053
|
+
}
|
|
6054
|
+
};
|
|
6055
|
+
this.handleOptionSelected = (e) => {
|
|
6056
|
+
const value = e.detail;
|
|
6057
|
+
this.inputElement.value = value;
|
|
6058
|
+
this.inputValue = value;
|
|
6059
|
+
this.hideListBox();
|
|
6060
|
+
};
|
|
6061
|
+
this.handleOptionActive = (e) => {
|
|
6062
|
+
const value = e.detail;
|
|
6063
|
+
if (value) {
|
|
6064
|
+
this.inputElement.setAttribute('aria-activedescendant', value);
|
|
6065
|
+
}
|
|
6066
|
+
else {
|
|
6067
|
+
this.inputElement.removeAttribute('aria-activedescendant');
|
|
6068
|
+
}
|
|
6069
|
+
};
|
|
6070
|
+
this.hideListBox = () => {
|
|
6071
|
+
this.listBoxElement.hide();
|
|
6072
|
+
this.inputElement.ariaExpanded = 'false';
|
|
6073
|
+
this.host.removeAttribute('open');
|
|
6074
|
+
this.inputElement.removeAttribute('aria-activedescendant');
|
|
6075
|
+
};
|
|
6076
|
+
this.showListBox = () => {
|
|
6077
|
+
this.listBoxElement.show();
|
|
6078
|
+
this.inputElement.ariaExpanded = 'true';
|
|
6079
|
+
this.host.setAttribute('open', '');
|
|
6080
|
+
};
|
|
6081
|
+
this.clearInput = () => {
|
|
6082
|
+
if (this.inputElement) {
|
|
6083
|
+
this.inputElement.value = '';
|
|
6084
|
+
this.inputValue = '';
|
|
6085
|
+
this.listBoxElement.clearSelection();
|
|
6086
|
+
this.hideListBox();
|
|
6087
|
+
}
|
|
6088
|
+
};
|
|
6089
|
+
}
|
|
6090
|
+
get inputElement() {
|
|
6091
|
+
return this.host.querySelector('input');
|
|
6092
|
+
}
|
|
6093
|
+
get listBoxElement() {
|
|
6094
|
+
if (this.listbox) {
|
|
6095
|
+
return document.getElementById(this.listbox);
|
|
6096
|
+
}
|
|
6097
|
+
else {
|
|
6098
|
+
return this.host.querySelector('post-listbox');
|
|
6099
|
+
}
|
|
6100
|
+
}
|
|
6101
|
+
componentWillLoad() {
|
|
6102
|
+
if (!this.inputElement)
|
|
6103
|
+
return;
|
|
6104
|
+
this.inputElement.role = 'combobox';
|
|
6105
|
+
this.inputElement.ariaAutoComplete = 'list';
|
|
6106
|
+
if (!this.listBoxElement)
|
|
6107
|
+
return;
|
|
6108
|
+
if (!this.listBoxElement.id)
|
|
6109
|
+
this.listBoxElement.id = crypto.randomUUID();
|
|
6110
|
+
this.inputElement.setAttribute('aria-controls', this.listBoxElement.id);
|
|
6111
|
+
this.inputElement.setAttribute('aria-expanded', 'false');
|
|
6112
|
+
// Because we're handling that and the browser would show a duplicate native autocomplete dropdown
|
|
6113
|
+
this.inputElement.autocomplete = 'off';
|
|
6114
|
+
this.attachInputListeners();
|
|
6115
|
+
this.attachListboxListeners();
|
|
6116
|
+
}
|
|
6117
|
+
disconnectedCallback() {
|
|
6118
|
+
this.detachInputListeners();
|
|
6119
|
+
this.detachListboxListeners();
|
|
6120
|
+
}
|
|
6121
|
+
attachInputListeners() {
|
|
6122
|
+
if (this.inputElement) {
|
|
6123
|
+
this.inputElement.addEventListener('input', this.debouncedHandleInput);
|
|
6124
|
+
this.inputElement.addEventListener('keydown', this.handleKeyDown);
|
|
6125
|
+
this.inputElement.addEventListener('blur', this.handleOnBlur);
|
|
6126
|
+
this.inputElement.addEventListener('click', this.showListBox);
|
|
6127
|
+
}
|
|
6128
|
+
}
|
|
6129
|
+
detachInputListeners() {
|
|
6130
|
+
if (this.inputElement) {
|
|
6131
|
+
this.inputElement.removeEventListener('input', this.debouncedHandleInput);
|
|
6132
|
+
this.inputElement.removeEventListener('keydown', this.handleKeyDown);
|
|
6133
|
+
this.inputElement.removeEventListener('blur', this.handleOnBlur);
|
|
6134
|
+
this.inputElement.removeEventListener('click', this.showListBox);
|
|
6135
|
+
}
|
|
6136
|
+
}
|
|
6137
|
+
attachListboxListeners() {
|
|
6138
|
+
if (this.listBoxElement) {
|
|
6139
|
+
this.listBoxElement.addEventListener('postOptionSelected', this.handleOptionSelected);
|
|
6140
|
+
this.listBoxElement.addEventListener('postOptionActive', this.handleOptionActive);
|
|
6141
|
+
}
|
|
6142
|
+
}
|
|
6143
|
+
detachListboxListeners() {
|
|
6144
|
+
if (this.listBoxElement) {
|
|
6145
|
+
this.listBoxElement.removeEventListener('postOptionSelected', this.handleOptionSelected);
|
|
6146
|
+
this.listBoxElement.removeEventListener('postOptionActive', this.handleOptionActive);
|
|
6147
|
+
}
|
|
6148
|
+
}
|
|
6149
|
+
render() {
|
|
6150
|
+
return (hAsync(Host, { key: 'b6cae37c0a09a8ec76a2fdd56e0bb8c2c2f119fb', "data-version": version$1 }, hAsync("slot", { key: '2c5007aae99b96b9884bc3159add8beecad6fcc2' }), this.clearable && this.inputValue && (hAsync("button", { key: 'a47ebadbbbdac11f00e9547d0a4c8224d24f31ca', type: "button", class: " autocomplete-clear", onClick: this.clearInput }, hAsync("post-icon", { key: '2125443326e1656696815a93bda36136b48f2394', "aria-hidden": "true", name: "closex" }))), hAsync("post-icon", { key: '109bba03d5d6567e166141a800c2f13198a16481', "aria-hidden": "true", class: "autocomplete-icon", name: "chevronDown" })));
|
|
6151
|
+
}
|
|
6152
|
+
get host() { return getElement(this); }
|
|
6153
|
+
static get style() { return postAutocompleteCss(); }
|
|
6154
|
+
static get cmpMeta() { return {
|
|
6155
|
+
"$flags$": 265,
|
|
6156
|
+
"$tagName$": "post-autocomplete",
|
|
6157
|
+
"$members$": {
|
|
6158
|
+
"filterThreshold": [514, "filter-threshold"],
|
|
6159
|
+
"clearable": [516],
|
|
6160
|
+
"listbox": [513],
|
|
6161
|
+
"inputValue": [32]
|
|
6162
|
+
},
|
|
6163
|
+
"$listeners$": undefined,
|
|
6164
|
+
"$lazyBundleId$": "-",
|
|
6165
|
+
"$attrsToReflect$": [["filterThreshold", "filter-threshold"], ["clearable", "clearable"], ["listbox", "listbox"]]
|
|
6166
|
+
}; }
|
|
6167
|
+
}
|
|
6168
|
+
|
|
6025
6169
|
// https://docs.gravatar.com/api/avatars/images/
|
|
6026
6170
|
const GRAVATAR_DEFAULT = '404';
|
|
6027
6171
|
const GRAVATAR_RATING = 'g';
|
|
@@ -6180,13 +6324,13 @@ class PostAvatar {
|
|
|
6180
6324
|
this.validateEmail();
|
|
6181
6325
|
}
|
|
6182
6326
|
render() {
|
|
6183
|
-
const names = [this.firstname, this.lastname].filter(
|
|
6327
|
+
const names = [this.firstname, this.lastname].filter(Boolean).map(n => n.trim());
|
|
6184
6328
|
const initials = names
|
|
6185
6329
|
.map(n => n.charAt(0))
|
|
6186
6330
|
.join('')
|
|
6187
6331
|
.trim();
|
|
6188
6332
|
const fullname = names.join(' ');
|
|
6189
|
-
return (hAsync(Host, { key: '
|
|
6333
|
+
return (hAsync(Host, { key: '56547a49f35e2d9ebafa54c2736b2ab60761c07b', "data-version": version$1 }, hAsync("span", { key: '864c5ab36c64bb440580ed307ce2f3dcefe2839d', class: this.avatarType === 'slotted' ? '' : 'd-none' }, hAsync("slot", { key: 'cb06a958dc710675a97d197bffcee6ab742ad391', onSlotchange: this.slotChanged.bind(this) })), this.avatarType === 'image' && hAsync("img", { key: 'abb6262b43b5fc5e2a7e4147c2375c6c623b5bf5', src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && (hAsync("span", { key: '8bead70c99c12f3bbaab414e9431c3459553d36e', class: "initials" }, initials, hAsync("span", { key: '45db185da4d9d82b1f08650f4dc40cd759e18c00' }, this.description ?? fullname)))));
|
|
6190
6334
|
}
|
|
6191
6335
|
get host() { return getElement(this); }
|
|
6192
6336
|
static get watchers() { return {
|
|
@@ -6327,7 +6471,7 @@ class PostBackToTop {
|
|
|
6327
6471
|
}
|
|
6328
6472
|
animateButton() {
|
|
6329
6473
|
// Get the back-to-top button top postiion
|
|
6330
|
-
const positionTop =
|
|
6474
|
+
const positionTop = globalThis.getComputedStyle(this.host).getPropertyValue('top');
|
|
6331
6475
|
const buttonElement = this.host.shadowRoot.querySelector('button');
|
|
6332
6476
|
// Extract the elevation height from the back-to-top button elevation token
|
|
6333
6477
|
const elevation = getComputedStyle(buttonElement).getPropertyValue('--post-back-to-top-elevation');
|
|
@@ -6338,8 +6482,8 @@ class PostBackToTop {
|
|
|
6338
6482
|
// The translateY is calculated as => -100% (btt button height) - topPosition - elevationHeight
|
|
6339
6483
|
this.translateY =
|
|
6340
6484
|
(-1 * 100) / 100 -
|
|
6341
|
-
parseFloat(positionTop.replace('px', '')) -
|
|
6342
|
-
parseFloat(elevationHeight.replace('px', ''));
|
|
6485
|
+
Number.parseFloat(positionTop.replace('px', '')) -
|
|
6486
|
+
Number.parseFloat(elevationHeight.replace('px', ''));
|
|
6343
6487
|
if (this.belowFold) {
|
|
6344
6488
|
fadeSlide(this.host, 'in', { translate: this.translateY, fill: 'forwards' });
|
|
6345
6489
|
}
|
|
@@ -6360,7 +6504,7 @@ class PostBackToTop {
|
|
|
6360
6504
|
window.removeEventListener('scroll', this.handleScroll);
|
|
6361
6505
|
}
|
|
6362
6506
|
render() {
|
|
6363
|
-
return (hAsync(Host, { key: '
|
|
6507
|
+
return (hAsync(Host, { key: '61eb934495029c80935798908bec448664008db0', "data-version": version$1 }, hAsync("button", { key: 'e7b8b9df30aa1bedef8aae8a5db800bb638c8bf7', class: "back-to-top", "aria-hidden": this.belowFold ? 'false' : 'true', tabindex: this.belowFold ? '0' : '-1', onClick: this.scrollToTop }, hAsync("post-icon", { key: '34d23e7069de235f64743cc791c98034bbf14b5f', "aria-hidden": "true", name: "arrowup" }), hAsync("span", { key: '7479cc95e9e2825455fd8a7e69085ccedc73cb35', class: "visually-hidden" }, this.textBackToTop))));
|
|
6364
6508
|
}
|
|
6365
6509
|
get host() { return getElement(this); }
|
|
6366
6510
|
static get watchers() { return {
|
|
@@ -6437,7 +6581,7 @@ const BANNER_TYPES = ['success', 'warning', 'error', 'info'];
|
|
|
6437
6581
|
|
|
6438
6582
|
const postBannerCss = () => `:host{position:relative;display:grid;grid-template-columns:1fr;grid-auto-rows:auto;grid-auto-flow:row;row-gap:var(--post-device-spacing-gap-block-1);min-height:calc(var(--post-device-sizing-notification-icon-2) + (2 * var(--post-device-spacing-padding-10)));padding:var(--post-device-spacing-padding-10);padding-inline-start:calc( var(--post-device-spacing-padding-10) + var(--post-device-sizing-notification-icon-2) + var(--post-device-spacing-gap-inline-6) );color:var(--post-current-fg);border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);border-radius:var(--post-device-border-radius-2);box-shadow:var(--post-device-elevation-100);background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke)}:host::before{content:"";display:block;position:absolute;height:var(--post-device-sizing-notification-icon-2);width:var(--post-device-sizing-notification-icon-2);inset-block-start:var(--post-device-spacing-padding-10);inset-inline-start:var(--post-device-spacing-padding-10);background-image:var(--post-signal-icon-info)}:host([type=info]){background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke)}:host([type=info])::before{background-image:var(--post-signal-icon-info)}:host([type=success]){background-color:var(--post-scheme-color-interactive-notification-success-bg);border-color:var(--post-scheme-color-interactive-notification-success-stroke)}:host([type=success])::before{background-image:var(--post-signal-icon-success)}:host([type=warning]){background-color:var(--post-scheme-color-interactive-notification-warning-bg);border-color:var(--post-scheme-color-interactive-notification-warning-stroke)}:host([type=warning])::before{background-image:var(--post-signal-icon-warning)}:host([type=error]){background-color:var(--post-scheme-color-interactive-notification-error-bg);border-color:var(--post-scheme-color-interactive-notification-error-stroke)}:host([type=error])::before{background-image:var(--post-signal-icon-error)}.actions{display:flex;flex-direction:row-reverse;justify-content:flex-start;align-items:center;margin-block-start:var(--post-device-spacing-padding-block-10);gap:var(--post-device-spacing-gap-1)}@media screen and (min-width: 0)and (max-width: 599.98px){.actions{flex-direction:column;align-items:stretch}}::slotted(*){margin-block:0 !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border-color:CanvasText}:host::before{color:CanvasText}}`;
|
|
6439
6583
|
|
|
6440
|
-
var __decorate$
|
|
6584
|
+
var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6441
6585
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6442
6586
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
6443
6587
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -6493,7 +6637,7 @@ class PostBanner {
|
|
|
6493
6637
|
this.hasActions = this.host.querySelectorAll('[slot="actions"]').length > 0;
|
|
6494
6638
|
}
|
|
6495
6639
|
render() {
|
|
6496
|
-
return (hAsync(Host, { key: '
|
|
6640
|
+
return (hAsync(Host, { key: 'aba639e5ce3ebc0498437f4011ff4b39e41489ee', "data-version": version$1, role: "alert", "data-color-scheme": "light" }, hAsync("slot", { key: 'cd81197f4a8aecbec482bbc174783ad1d00fd5eb', name: "close-button" }), hAsync("slot", { key: 'be9fd011e9d17207e1cb56dea3dcfd4481a4c31c', name: "heading" }), hAsync("slot", { key: 'a06e94c05e4cfe4bbb1bdccf29fdc75ed67828ca' }), this.hasActions && (hAsync("div", { key: '3ce94c84ea3eeda53694809432059b05b53c7cde', class: "actions" }, hAsync("slot", { key: 'a33798352de63a23cfa77bbd9be58a8cc5585121', name: "actions" })))));
|
|
6497
6641
|
}
|
|
6498
6642
|
get host() { return getElement(this); }
|
|
6499
6643
|
static get watchers() { return {
|
|
@@ -6515,7 +6659,7 @@ class PostBanner {
|
|
|
6515
6659
|
"$attrsToReflect$": [["type", "type"]]
|
|
6516
6660
|
}; }
|
|
6517
6661
|
}
|
|
6518
|
-
__decorate$
|
|
6662
|
+
__decorate$6([
|
|
6519
6663
|
EventFrom('post-closebutton', { allowDescendants: true })
|
|
6520
6664
|
], PostBanner.prototype, "onCloseButtonClick", null);
|
|
6521
6665
|
|
|
@@ -6532,7 +6676,7 @@ class PostBreadcrumbItem {
|
|
|
6532
6676
|
try {
|
|
6533
6677
|
this.validUrl = this.constructUrl(this.url);
|
|
6534
6678
|
}
|
|
6535
|
-
catch
|
|
6679
|
+
catch {
|
|
6536
6680
|
this.validUrl = undefined;
|
|
6537
6681
|
}
|
|
6538
6682
|
}
|
|
@@ -6540,7 +6684,7 @@ class PostBreadcrumbItem {
|
|
|
6540
6684
|
constructUrl(value) {
|
|
6541
6685
|
const hasBaseURL = /^https?:\/\//.test(String(this.url));
|
|
6542
6686
|
if (typeof value === 'string') {
|
|
6543
|
-
this.fullUrl = hasBaseURL ? value : `${
|
|
6687
|
+
this.fullUrl = hasBaseURL ? value : `${globalThis.location.origin}${value}`;
|
|
6544
6688
|
checkEmptyOrUrl(this, 'fullUrl');
|
|
6545
6689
|
return this.fullUrl;
|
|
6546
6690
|
}
|
|
@@ -6559,8 +6703,7 @@ class PostBreadcrumbItem {
|
|
|
6559
6703
|
}
|
|
6560
6704
|
}
|
|
6561
6705
|
render() {
|
|
6562
|
-
|
|
6563
|
-
return (hAsync(Host, { key: '2d083dc9ebf3c47dce95f3f854a539afceb24102', "data-version": version$1 }, hAsync("post-icon", { key: '40cdd5b85dc3f906d29d7b696264b2f7e8057034', name: "chevronright", class: "breadcrumb-item-icon" }), hAsync(BreadcrumbTag, { key: '5b82e332db134788695888f57e6e1e7f0bf0ddf5', class: "breadcrumb-item", ...(this.validUrl ? { href: this.validUrl } : {}), onKeyDown: event => this.handleKeyDown(event) }, hAsync("slot", { key: 'ee75b4bdd1580edf775bc9322f3a421622e157ab' }))));
|
|
6706
|
+
return (hAsync(Host, { key: '0e991f1d731e932884c1d03650fc9deb743df5ce', "data-version": version$1 }, hAsync("post-icon", { key: '1a29e4d7a3c80a9a42dd3a63bea84b97bbe4f0a8', name: "chevronright", class: "breadcrumb-item-icon" }), this.validUrl ? (hAsync("a", { class: "breadcrumb-item", href: this.validUrl, onKeyDown: event => this.handleKeyDown(event), "aria-label": this.label, "aria-description": this.description }, hAsync("slot", null))) : (hAsync("span", { class: "breadcrumb-item" }, hAsync("slot", null)))));
|
|
6564
6707
|
}
|
|
6565
6708
|
get host() { return getElement(this); }
|
|
6566
6709
|
static get watchers() { return {
|
|
@@ -6573,12 +6716,14 @@ class PostBreadcrumbItem {
|
|
|
6573
6716
|
"$flags$": 265,
|
|
6574
6717
|
"$tagName$": "post-breadcrumb-item",
|
|
6575
6718
|
"$members$": {
|
|
6576
|
-
"url": [
|
|
6719
|
+
"url": [513],
|
|
6720
|
+
"label": [513],
|
|
6721
|
+
"description": [513],
|
|
6577
6722
|
"fullUrl": [32]
|
|
6578
6723
|
},
|
|
6579
6724
|
"$listeners$": undefined,
|
|
6580
6725
|
"$lazyBundleId$": "-",
|
|
6581
|
-
"$attrsToReflect$": []
|
|
6726
|
+
"$attrsToReflect$": [["url", "url"], ["label", "label"], ["description", "description"]]
|
|
6582
6727
|
}; }
|
|
6583
6728
|
}
|
|
6584
6729
|
|
|
@@ -6617,9 +6762,6 @@ class PostBreadcrumbs {
|
|
|
6617
6762
|
validateTextMoreItems() {
|
|
6618
6763
|
checkRequiredAndType(this, 'textMoreItems', 'string');
|
|
6619
6764
|
}
|
|
6620
|
-
componentWillLoad() {
|
|
6621
|
-
this.updateBreadcrumbItems();
|
|
6622
|
-
}
|
|
6623
6765
|
componentDidLoad() {
|
|
6624
6766
|
this.validateHomeUrl();
|
|
6625
6767
|
this.validateTextHome();
|
|
@@ -6627,6 +6769,9 @@ class PostBreadcrumbs {
|
|
|
6627
6769
|
this.validateTextMoreItems();
|
|
6628
6770
|
window.addEventListener('resize', this.handleResize);
|
|
6629
6771
|
this.waitForBreadcrumbsRef();
|
|
6772
|
+
requestAnimationFrame(() => {
|
|
6773
|
+
this.updateBreadcrumbItems();
|
|
6774
|
+
});
|
|
6630
6775
|
}
|
|
6631
6776
|
disconnectedCallback() {
|
|
6632
6777
|
window.removeEventListener('resize', this.handleResize);
|
|
@@ -6635,9 +6780,11 @@ class PostBreadcrumbs {
|
|
|
6635
6780
|
updateBreadcrumbItems() {
|
|
6636
6781
|
this.breadcrumbItems = Array.from(this.host.querySelectorAll('post-breadcrumb-item')).map(item => ({
|
|
6637
6782
|
text: item.textContent || '',
|
|
6638
|
-
url: item.getAttribute('url')
|
|
6783
|
+
url: item.getAttribute('url') ?? undefined,
|
|
6784
|
+
description: item.getAttribute('description') ?? undefined,
|
|
6785
|
+
label: item.getAttribute('label') ?? undefined,
|
|
6639
6786
|
}));
|
|
6640
|
-
this.lastItem = this.breadcrumbItems
|
|
6787
|
+
this.lastItem = this.breadcrumbItems.at(-1);
|
|
6641
6788
|
}
|
|
6642
6789
|
// Determines parent width for concatenation logic
|
|
6643
6790
|
getParentWidth() {
|
|
@@ -6672,7 +6819,7 @@ class PostBreadcrumbs {
|
|
|
6672
6819
|
}
|
|
6673
6820
|
render() {
|
|
6674
6821
|
const visibleItems = this.breadcrumbItems.slice(0, -1);
|
|
6675
|
-
return (hAsync(Host, { key: '
|
|
6822
|
+
return (hAsync(Host, { key: 'e0c191cf08f718b945336f38b6ecbb3d6a83eac9', "data-version": version$1 }, hAsync("nav", { key: '6c964f85bbf21ec778a2224a1bb436a70e81cb74', "aria-label": this.textBreadcrumbs, class: "breadcrumbs-nav", ref: el => (this.breadcrumbsNavRef = el) }, hAsync("ol", { key: '008ba1ddc449bab71450b2962e299f3f8b95efc4', class: "no-list breadcrumbs-list" }, hAsync("li", { key: 'a0ba0adde27a4bf3fd85698df06f05ac2a78d659' }, hAsync("a", { key: 'f9f6b3f8c2c7b3f497230e67e51b4b40952ae3b1', href: this.homeUrl, class: "breadcrumb-link" }, hAsync("span", { key: 'a42bae931167f02bc811b30564b07444156365ed', class: "visually-hidden" }, this.textHome), hAsync("post-icon", { key: '87715337fd5be2df0eabb4f3f6d346d2265379a1', name: "home", class: "home-icon" }))), this.isConcatenated ? (hAsync("li", { class: "menu-trigger-wrapper" }, hAsync("post-icon", { name: "chevronright", class: "breadcrumb-item-icon" }), hAsync("div", { class: "actual-menu" }, hAsync("post-menu-trigger", { for: "breadcrumb-menu", tabIndex: 0, onKeyDown: e => {
|
|
6676
6823
|
if (e.key === 'Enter' || e.key === ' ') {
|
|
6677
6824
|
e.preventDefault();
|
|
6678
6825
|
this.handleBreadcrumbItemClick();
|
|
@@ -6683,7 +6830,7 @@ class PostBreadcrumbs {
|
|
|
6683
6830
|
linkElement?.click();
|
|
6684
6831
|
e.preventDefault();
|
|
6685
6832
|
}
|
|
6686
|
-
} }, item.url ? hAsync("a", { href: item.url }, item.text) : hAsync("span", null, item.text)))))))) : (visibleItems.map(item => (hAsync("li", null, hAsync("post-breadcrumb-item", { url: item.url, key: item.url || item.text }, item.text))))), this.lastItem && (hAsync("li", { key: '
|
|
6833
|
+
} }, item.url ? (hAsync("a", { href: item.url, "aria-label": item.label, "aria-description": item.description }, item.text)) : (hAsync("span", null, item.text))))))))) : (visibleItems.map(item => (hAsync("li", null, hAsync("post-breadcrumb-item", { url: item.url, label: item.label, description: item.description, key: item.url || item.text }, item.text))))), this.lastItem && (hAsync("li", { key: '387d8fc4ad2811e069ffbcf120ba94455bf5b07c', "aria-current": "page" }, hAsync("post-breadcrumb-item", { key: '177e3b88bf0fd96238070d7459da65b66667a488', url: this.lastItem.url, label: this.lastItem.label, description: this.lastItem.description, tabindex: -1 }, this.lastItem.text)))), hAsync("div", { key: 'e30956ea858da56e2142785f0c1a49ddf071e1ff', class: "hidden-items" }, hAsync("a", { key: 'a4e487d2c27beabe77277644eb1d22d5f49d92d5', href: this.homeUrl, class: "hidden-breadcrumb-item" }, hAsync("span", { key: '836d18e95f7cffdaad3cbdd22a6f25887574c071', class: "visually-hidden" }, this.textHome), hAsync("post-icon", { key: 'bed3f5e92820965e0b5f33a037f67d058ac20e50', name: "home", class: "home-icon" })), this.breadcrumbItems.map(item => (hAsync("post-breadcrumb-item", { url: item.url, key: `hidden-${item.url || item.text}`, label: item.label, description: item.description, class: "hidden-breadcrumb-item" }, item.text)))))));
|
|
6687
6834
|
}
|
|
6688
6835
|
get host() { return getElement(this); }
|
|
6689
6836
|
static get watchers() { return {
|
|
@@ -6778,7 +6925,7 @@ class PostClosebutton {
|
|
|
6778
6925
|
}
|
|
6779
6926
|
}
|
|
6780
6927
|
render() {
|
|
6781
|
-
return (hAsync(Host, { key: '
|
|
6928
|
+
return (hAsync(Host, { key: '130f1b06ef428564f8e0b57351f28b4ee64c6d47', "data-version": version$1 }, hAsync("button", { key: '710173d4918e16b2511316ca55caf59aab400dc9', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm" }, hAsync("post-icon", { key: 'ddbce04c23089ccb25da9717191d3e0cf86f9007', "aria-hidden": "true", name: "closex" }), hAsync("span", { key: '886145ced526930d35aa96922a15a98a8ad8d52c', class: "visually-hidden" }, hAsync("slot", { key: '4c88b414ba1abd99103437afc4ac3e3e33fbdf15' })))));
|
|
6782
6929
|
}
|
|
6783
6930
|
get host() { return getElement(this); }
|
|
6784
6931
|
static get watchers() { return {
|
|
@@ -6808,23 +6955,9 @@ class PostClosebutton {
|
|
|
6808
6955
|
}
|
|
6809
6956
|
|
|
6810
6957
|
const collapseDuration = 350;
|
|
6811
|
-
const collapseEasing = 'ease';
|
|
6812
6958
|
const collapsedKeyframe = { height: '0', overflow: 'hidden' };
|
|
6813
|
-
|
|
6814
|
-
duration: isMotionReduced() ? 0 : collapseDuration
|
|
6815
|
-
easing: collapseEasing,
|
|
6816
|
-
fill: 'forwards',
|
|
6817
|
-
};
|
|
6818
|
-
function collapse(el) {
|
|
6819
|
-
const elHeight = IS_BROWSER ? window.getComputedStyle(el).height : `${el.scrollHeight}px`;
|
|
6820
|
-
const expandedKeyframe = { height: elHeight };
|
|
6821
|
-
return el.animate([expandedKeyframe, collapsedKeyframe], animationOptions);
|
|
6822
|
-
}
|
|
6823
|
-
function expand(el) {
|
|
6824
|
-
const expandedKeyframe = { height: `${el.scrollHeight}px`, offset: 1 };
|
|
6825
|
-
const finalKeyframe = { height: 'auto', overflow: 'visible' };
|
|
6826
|
-
return el.animate([collapsedKeyframe, expandedKeyframe, finalKeyframe], animationOptions);
|
|
6827
|
-
}
|
|
6959
|
+
({
|
|
6960
|
+
duration: isMotionReduced() ? 0 : collapseDuration});
|
|
6828
6961
|
|
|
6829
6962
|
const postCollapsibleCss = () => `:host{display:block;position:relative;overflow:var(--post-collapsible-initial-overflow, hidden);height:var(--post-collapsible-initial-height, auto)}`;
|
|
6830
6963
|
|
|
@@ -6864,13 +6997,6 @@ class PostCollapsible {
|
|
|
6864
6997
|
// due to its implementation with the getter, which returns !this.collapsed
|
|
6865
6998
|
this.collapsed = !shouldExpand;
|
|
6866
6999
|
const isExpanded = this.isExpanded;
|
|
6867
|
-
if (IS_BROWSER) {
|
|
6868
|
-
const animation = isExpanded ? expand(this.host) : collapse(this.host);
|
|
6869
|
-
this.postToggle.emit(isExpanded);
|
|
6870
|
-
await animation.finished;
|
|
6871
|
-
animation.commitStyles();
|
|
6872
|
-
this.updateTriggers();
|
|
6873
|
-
}
|
|
6874
7000
|
return isExpanded;
|
|
6875
7001
|
}
|
|
6876
7002
|
/**
|
|
@@ -6881,7 +7007,7 @@ class PostCollapsible {
|
|
|
6881
7007
|
triggers.forEach(trigger => trigger.update());
|
|
6882
7008
|
}
|
|
6883
7009
|
render() {
|
|
6884
|
-
return (hAsync(Host, { key: '
|
|
7010
|
+
return (hAsync(Host, { key: 'e20569112cd3c844cf9f5e274ef452592f295f3e', "data-version": version$1, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, hAsync("slot", { key: 'af454694fd370de798c3cdf962b950efbbc7dad9' })));
|
|
6885
7011
|
}
|
|
6886
7012
|
get host() { return getElement(this); }
|
|
6887
7013
|
static get watchers() { return {
|
|
@@ -6903,7 +7029,7 @@ class PostCollapsible {
|
|
|
6903
7029
|
}; }
|
|
6904
7030
|
}
|
|
6905
7031
|
|
|
6906
|
-
var __decorate$
|
|
7032
|
+
var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6907
7033
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6908
7034
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
6909
7035
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -7000,7 +7126,7 @@ class PostCollapsibleTrigger {
|
|
|
7000
7126
|
this.updateAriaAttributes();
|
|
7001
7127
|
}
|
|
7002
7128
|
render() {
|
|
7003
|
-
return (hAsync(Host, { key: '
|
|
7129
|
+
return (hAsync(Host, { key: '0b5e8c203d582389369dde1246ecc5996d6613b9', "data-version": version$1 }, hAsync("slot", { key: 'b49aead3fd6ebcc3ec9fab200b25d2be919e1b18' })));
|
|
7004
7130
|
}
|
|
7005
7131
|
get host() { return getElement(this); }
|
|
7006
7132
|
static get watchers() { return {
|
|
@@ -7020,7 +7146,7 @@ class PostCollapsibleTrigger {
|
|
|
7020
7146
|
"$attrsToReflect$": [["for", "for"]]
|
|
7021
7147
|
}; }
|
|
7022
7148
|
}
|
|
7023
|
-
__decorate$
|
|
7149
|
+
__decorate$5([
|
|
7024
7150
|
EventFrom('post-collapsible')
|
|
7025
7151
|
], PostCollapsibleTrigger.prototype, "handlePostToggle", null);
|
|
7026
7152
|
|
|
@@ -10777,7 +10903,7 @@ const localesMap = {
|
|
|
10777
10903
|
it: localeIt,
|
|
10778
10904
|
};
|
|
10779
10905
|
|
|
10780
|
-
const postDatePickerCss = () => `.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255, 255, 255, 0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0, 0, 0, 0)}.air-datepicker{--adp-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92, 196, 239, .1);--adp-background-color-in-range-focused:rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover:rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0, 0, 0, .3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}.air-datepicker{--adp-cell-background-color-in-range:unset;--adp-hover-color:unset;font-family:inherit;font-size:var(--post-device-font-size-8);width:var(--post-core-dimension-296);border-radius:var(--post-device-border-radius-1);box-shadow:var(--post-device-elevation-300);font-weight:700;border:none}.air-datepicker.-inline-{box-shadow:var(--post-device-elevation-300)}.air-datepicker *{font-family:inherit}.air-datepicker .air-datepicker--navigation{border-start-start-radius:inherit;border-start-end-radius:inherit}.air-datepicker .air-datepicker--navigation .air-datepicker-nav{border-start-start-radius:inherit;border-start-end-radius:inherit;border-block-end:none;background:var(--post-core-color-sandgrey-012);padding:var(--post-device-spacing-padding-15)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title{margin-right:auto;margin-inline-start:0;justify-content:flex-start;display:flex;align-items:center;padding:0 0 0 var(--post-device-spacing-padding-15);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title.-disabled-:hover{color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title:hover{background:unset}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title 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;border-radius:var(--post-device-border-radius-1);display:flex;align-items:center;gap:var(--post-device-spacing-gap-3);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button{background-color:ButtonFace !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:hover{background-color:Highlight !important}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-){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}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):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){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):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){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:hover{color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button[disabled]{color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title .placeholder{flex-grow:2;pointer-events:none}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action{height:var(--post-device-sizing-interactive-button-height-4);width:var(--post-device-sizing-interactive-button-height-4)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action[data-action=next]{margin-inline-start:var(--post-device-spacing-gap-inline-4)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action:hover{background:unset}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action 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;height:var(--post-device-sizing-interactive-button-height-4);width:var(--post-device-sizing-interactive-button-height-4);border-radius:var(--post-device-border-radius-round)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button{background-color:ButtonFace !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:hover{background-color:Highlight !important}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:hover{color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-){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}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):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){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):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){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content{padding:0 !important}.air-datepicker .air-datepicker--content .air-datepicker-body--day-names{background:var(--post-core-color-sandgrey-012);margin:0;padding-block-start:var(--post-device-spacing-padding-13);padding-block-end:var(--post-device-spacing-padding-5);padding-inline:var(--post-device-spacing-padding-15)}.air-datepicker .air-datepicker--content .air-datepicker-body--day-names .air-datepicker-body--day-name{text-transform:capitalize;font-size:inherit;color:var(--post-scheme-color-surface-brand-fg)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells{min-height:var(--post-core-dimension-182);padding:var(--post-device-spacing-padding-15);background:var(--post-scheme-color-surface-accent1-bg);row-gap:var(--post-device-spacing-gap-2);border-radius:var(--post-device-border-radius-1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--post-core-dimension-40));grid-auto-rows:var(--post-core-dimension-40)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell>*{box-sizing:border-box}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell::after{box-sizing:border-box}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-{width:var(--post-core-dimension-40);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-){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}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-other-month-{pointer-events:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-){color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-):not(.-current-){background:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-):not(.-current-){background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-).-current-{color:var(--post-scheme-color-interactive-primary-hover-fg1);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-){z-index:2;color:var(--post-scheme-color-interactive-primary-selected-fg3);background:var(--post-scheme-color-interactive-primary-selected-bg4)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-):not(.-range-from-):not(.-range-to-,.-other-month-){border-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-){background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-disabled-:not(.-other-month-){user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke);width:var(--post-core-dimension-38);height:var(--post-core-dimension-38);outline:none;display:flex;align-self:center;justify-self:center}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-){border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke);z-index:2}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-).-selected-{background:var(--post-scheme-color-interactive-primary-selected-bg4);color:var(--post-scheme-color-interactive-primary-selected-fg3);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-).-selected-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);background:var(--post-scheme-color-interactive-primary-hover-bg2);color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, var(--post-core-dimension-64));grid-auto-rows:var(--post-core-dimension-40);column-gap:var(--post-device-spacing-gap-inline-8)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-{width:var(--post-core-dimension-64);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-other-decade-{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-){z-index:3}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-){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}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):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){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):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){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:hover:not(.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3);background:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-selected-:not(.-selected-~.-selected-){color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border:2px solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-disabled-:not(.-day-.-other-decade-){user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-current-{border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-current-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);background:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months-{grid-template-columns:repeat(4, var(--post-core-dimension-64));padding:var(--post-device-spacing-padding-15);column-gap:var(--post-device-spacing-gap-inline-8);min-height:var(--post-core-dimension-182);text-transform:uppercase}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-{width:var(--post-core-dimension-64);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-other-decade-{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-){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}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):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){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):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){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-):not(.-current-){background:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-):not(.-current-){background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-selected-:not(.-selected-~.-selected-){color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border:2px solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-disabled-{user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-current-{border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-current-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell{z-index:1;position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0;flex-direction:column;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell.-focus-:hover{background:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-{position:relative}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::after{content:"";position:absolute;display:block;width:var(--post-core-dimension-40);height:var(--post-core-dimension-40)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::before{z-index:-2}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-),.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-),.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-)::after{z-index:-1;background:var(--post-scheme-color-interactive-primary-hover-bg2);border-radius:var(--post-device-border-radius-round);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-)::after{border:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-):hover{color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-)::after{z-index:-1;border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-selected-fg3)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-)::after{forced-color-adjust:none;border-color:Highlight}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:hover::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg3);background:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-){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}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):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){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):hover::after{background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-other-month-)::before{z-index:-2;background:var(--post-scheme-color-interactive-primary-selected-bg3);border-block:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-other-month-)::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-){color:var(--post-scheme-color-interactive-primary-disabled-fg1) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-)::after{z-index:-1;background:var(--post-scheme-color-surface-accent1-bg);border-radius:var(--post-device-border-radius-round);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke);color:var(--post-scheme-color-interactive-primary-disabled-fg1) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-)::after{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-).-selected-:not(.-disabled-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-).-selected-:not(.-disabled-):hover{border:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-)::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-)::before{background:var(--post-scheme-color-interactive-primary-selected-bg3);border-block:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-)::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-)::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-).-selected-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-).-selected-::after{z-index:-1;border-radius:var(--post-device-border-radius-round);background:var(--post-scheme-color-interactive-primary-selected-bg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-).-selected-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-).-selected-::after{background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover{color:var(--post-scheme-color-interactive-primary-hover-fg3)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::after{z-index:-1;background:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::after{background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-).-selected-::before{right:-1px;width:50%;background:linear-gradient(to right, transparent 50%, var(--post-scheme-color-interactive-primary-selected-bg3) 50%);border-image:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-).-selected-.-current-::before{right:-2px}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-).-selected-::before{left:-1px;width:50%;background:linear-gradient(to right, var(--post-scheme-color-interactive-primary-selected-bg3) 50%, transparent 50%);border-image:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-).-selected-.-current-::before{left:-2px}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-range-from-:hover::before{background:none;border:none}.calendar-input,.calendar-input-range{position:relative}.calendar-input button,.calendar-input-range button{z-index:1;padding:0;position:absolute;transform:translateY(-50%);background:none;border:0;display:flex;align-items:center;justify-content:center;border-radius:var(--post-device-border-radius-focus);transition:opacity .2s ease,visibility .2s ease,fill .2s ease;right:var(--post-core-dimension-14);top:calc(var(--post-device-sizing-interactive-button-height-6) / 2);outline-offset:4px;right:var(--post-core-dimension-14)}.calendar-input button post-icon,.calendar-input-range button post-icon{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}.calendar-input button:not([disabled]),.calendar-input-range button:not([disabled]){cursor:pointer}.calendar-input button:not([disabled]) :where(:hover>*) post-icon,.calendar-input-range button:not([disabled]) :where(:hover>*) post-icon{color:var(--post-scheme-color-interactive-input-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.calendar-input button:not([disabled]) :where(:hover>*) post-icon,.calendar-input-range button:not([disabled]) :where(:hover>*) post-icon{color:Highlight}}.calendar-input button[disabled],.calendar-input-range button[disabled]{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}:host ::slotted(input.form-control:is(.is-invalid,.is-valid):not(:disabled)){background-position:top 50% right calc( var(--post-core-dimension-14) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1) ) !important}`;
|
|
10906
|
+
const postDatePickerCss = () => `.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255, 255, 255, 0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0, 0, 0, 0)}.air-datepicker{--adp-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92, 196, 239, .1);--adp-background-color-in-range-focused:rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover:rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0, 0, 0, .3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}.air-datepicker{--adp-cell-background-color-in-range:unset;--adp-hover-color:unset;font-family:inherit;font-size:var(--post-device-font-size-8);width:var(--post-core-dimension-296);border-radius:var(--post-device-border-radius-1);box-shadow:var(--post-device-elevation-300);font-weight:700;border:none}.air-datepicker.-inline-{box-shadow:var(--post-device-elevation-300)}.air-datepicker *{font-family:inherit}.air-datepicker .air-datepicker--navigation{border-start-start-radius:inherit;border-start-end-radius:inherit}.air-datepicker .air-datepicker--navigation .air-datepicker-nav{border-start-start-radius:inherit;border-start-end-radius:inherit;border-block-end:none;background:var(--post-core-color-sandgrey-012);padding:var(--post-device-spacing-padding-15)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title{margin-right:auto;margin-inline-start:0;justify-content:flex-start;display:flex;align-items:center;padding:0 0 0 var(--post-device-spacing-padding-15);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title.-disabled-:hover{color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title:hover{background:unset}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title 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;border-radius:var(--post-device-border-radius-1);display:flex;align-items:center;gap:var(--post-device-spacing-gap-3);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button{background-color:ButtonFace !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:hover{background-color:Highlight !important}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-){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}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):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){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):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){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:hover{color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button[disabled]{color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title .placeholder{flex-grow:2;pointer-events:none}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action{height:var(--post-device-sizing-interactive-button-height-4);width:var(--post-device-sizing-interactive-button-height-4)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action[data-action=next]{margin-inline-start:var(--post-device-spacing-gap-inline-4)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action:hover{background:unset}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action 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;height:var(--post-device-sizing-interactive-button-height-4);width:var(--post-device-sizing-interactive-button-height-4);border-radius:var(--post-device-border-radius-round)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button{background-color:ButtonFace !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:hover{background-color:Highlight !important}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:hover{color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-){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}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):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){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):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){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content{padding:0 !important}.air-datepicker .air-datepicker--content .air-datepicker-body--day-names{background:var(--post-core-color-sandgrey-012);margin:0;padding-block-start:var(--post-device-spacing-padding-13);padding-block-end:var(--post-device-spacing-padding-5);padding-inline:var(--post-device-spacing-padding-15)}.air-datepicker .air-datepicker--content .air-datepicker-body--day-names .air-datepicker-body--day-name{text-transform:capitalize;font-size:inherit;color:var(--post-scheme-color-surface-brand-fg)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells{min-height:var(--post-core-dimension-182);padding:var(--post-device-spacing-padding-15);background:var(--post-scheme-color-surface-accent1-bg);row-gap:var(--post-device-spacing-gap-2);border-radius:var(--post-device-border-radius-1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--post-core-dimension-40));grid-auto-rows:var(--post-core-dimension-40)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell>*{box-sizing:border-box}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell::after{box-sizing:border-box}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-{width:var(--post-core-dimension-40);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-){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}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-other-month-{pointer-events:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-){color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-):not(.-current-){background:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-):not(.-current-){background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-).-current-{color:var(--post-scheme-color-interactive-primary-hover-fg1);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-){z-index:2;color:var(--post-scheme-color-interactive-primary-selected-fg3);background:var(--post-scheme-color-interactive-primary-selected-bg4)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-):not(.-range-from-):not(.-range-to-,.-other-month-){border-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-){background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-disabled-:not(.-other-month-){user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke);width:var(--post-core-dimension-38);height:var(--post-core-dimension-38);outline:none;display:flex;align-self:center;justify-self:center}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-){border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke);z-index:2}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-).-selected-{background:var(--post-scheme-color-interactive-primary-selected-bg4);color:var(--post-scheme-color-interactive-primary-selected-fg3);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-).-selected-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);background:var(--post-scheme-color-interactive-primary-hover-bg2);color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, var(--post-core-dimension-64));grid-auto-rows:var(--post-core-dimension-40);column-gap:var(--post-device-spacing-gap-inline-8)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-{width:var(--post-core-dimension-64);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-other-decade-{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-){z-index:3}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-){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}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):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){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):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){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:hover:not(.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3);background:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-selected-:not(.-selected-~.-selected-){color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border:2px solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-disabled-:not(.-day-.-other-decade-){user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-current-{border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-current-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);background:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months-{grid-template-columns:repeat(4, var(--post-core-dimension-64));padding:var(--post-device-spacing-padding-15);column-gap:var(--post-device-spacing-gap-inline-8);min-height:var(--post-core-dimension-182);text-transform:uppercase}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-{width:var(--post-core-dimension-64);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-other-decade-{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-){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}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):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){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):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){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-):not(.-current-){background:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-):not(.-current-){background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-selected-:not(.-selected-~.-selected-){color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border:2px solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-disabled-{user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-current-{border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-current-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell{z-index:1;position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0;flex-direction:column;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell.-focus-:hover{background:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-{position:relative}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::after{content:"";position:absolute;display:block;width:var(--post-core-dimension-40);height:var(--post-core-dimension-40)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::before{z-index:-2}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-),.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-),.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-)::after{z-index:-1;background:var(--post-scheme-color-interactive-primary-hover-bg2);border-radius:var(--post-device-border-radius-round);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-)::after{border:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-):hover{color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-)::after{z-index:-1;border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-selected-fg3)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-)::after{forced-color-adjust:none;border-color:Highlight}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:hover::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg3);background:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-){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}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):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){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):hover::after{background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-other-month-)::before{z-index:-2;background:var(--post-scheme-color-interactive-primary-selected-bg3);border-block:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-other-month-)::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-){color:var(--post-scheme-color-interactive-primary-disabled-fg1) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-)::after{z-index:-1;background:var(--post-scheme-color-surface-accent1-bg);border-radius:var(--post-device-border-radius-round);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke);color:var(--post-scheme-color-interactive-primary-disabled-fg1) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-)::after{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-).-selected-:not(.-disabled-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-).-selected-:not(.-disabled-):hover{border:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-)::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-)::before{background:var(--post-scheme-color-interactive-primary-selected-bg3);border-block:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-)::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-)::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-).-selected-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-).-selected-::after{z-index:-1;border-radius:var(--post-device-border-radius-round);background:var(--post-scheme-color-interactive-primary-selected-bg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-).-selected-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-).-selected-::after{background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover{color:var(--post-scheme-color-interactive-primary-hover-fg3)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::after{z-index:-1;background:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::after{background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-).-selected-::before{right:-1px;width:50%;background:linear-gradient(to right, transparent 50%, var(--post-scheme-color-interactive-primary-selected-bg3) 50%);border-image:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-).-selected-.-current-::before{right:-2px}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-).-selected-::before{left:-1px;width:50%;background:linear-gradient(to right, var(--post-scheme-color-interactive-primary-selected-bg3) 50%, transparent 50%);border-image:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-).-selected-.-current-::before{left:-2px}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-range-from-:hover::before{background:none;border:none}.calendar-input,.calendar-input-range{position:relative}.calendar-input button,.calendar-input-range button{z-index:1;padding:0;position:absolute;transform:translateY(-50%);background:none;border:0;display:flex;align-items:center;justify-content:center;border-radius:var(--post-device-border-radius-focus);transition:opacity .2s ease,visibility .2s ease,fill .2s ease;right:var(--post-core-dimension-14);top:calc(var(--post-device-sizing-interactive-button-height-6) / 2);-webkit-appearance:none;appearance:none;color:var(--post-scheme-color-interactive-primary-enabled-fg1);outline-offset:4px;right:var(--post-core-dimension-14)}.calendar-input button post-icon,.calendar-input-range button post-icon{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}.calendar-input button:not([disabled]),.calendar-input-range button:not([disabled]){cursor:pointer}.calendar-input button:not([disabled]) :where(:hover>*) post-icon,.calendar-input-range button:not([disabled]) :where(:hover>*) post-icon{color:var(--post-scheme-color-interactive-input-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.calendar-input button:not([disabled]) :where(:hover>*) post-icon,.calendar-input-range button:not([disabled]) :where(:hover>*) post-icon{color:Highlight}}.calendar-input button[disabled],.calendar-input-range button[disabled]{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}:host ::slotted(input.form-control:is(.is-invalid,.is-valid):not(:disabled)){background-position:top 50% right calc( var(--post-core-dimension-14) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1) ) !important}`;
|
|
10781
10907
|
|
|
10782
10908
|
class PostDatePicker {
|
|
10783
10909
|
constructor(hostRef) {
|
|
@@ -10795,7 +10921,7 @@ class PostDatePicker {
|
|
|
10795
10921
|
*/
|
|
10796
10922
|
this.inline = false;
|
|
10797
10923
|
this.startDate = new Date();
|
|
10798
|
-
this.locale =
|
|
10924
|
+
this.locale = 'en';
|
|
10799
10925
|
this.currentViewType = 'days';
|
|
10800
10926
|
this.euFormat = true;
|
|
10801
10927
|
this.skipOnSelectCount = 0;
|
|
@@ -11066,7 +11192,7 @@ class PostDatePicker {
|
|
|
11066
11192
|
}
|
|
11067
11193
|
setActiveCell(date, focusOnDate = true) {
|
|
11068
11194
|
const cells = this.getCells();
|
|
11069
|
-
if (
|
|
11195
|
+
if (cells.length === 0)
|
|
11070
11196
|
return;
|
|
11071
11197
|
let target;
|
|
11072
11198
|
// If selected date is visible
|
|
@@ -11097,7 +11223,7 @@ class PostDatePicker {
|
|
|
11097
11223
|
}
|
|
11098
11224
|
// fallback
|
|
11099
11225
|
if (!target) {
|
|
11100
|
-
target = cells
|
|
11226
|
+
target = cells.at(-1);
|
|
11101
11227
|
}
|
|
11102
11228
|
// Make only the target focusable
|
|
11103
11229
|
cells.forEach(c => (c.tabIndex = -1));
|
|
@@ -11166,7 +11292,7 @@ class PostDatePicker {
|
|
|
11166
11292
|
});
|
|
11167
11293
|
body.removeEventListener('keydown', this.handleGridKeydown);
|
|
11168
11294
|
body.addEventListener('keydown', this.handleGridKeydown);
|
|
11169
|
-
this.setActiveCell(this.isoToDate(this.selectedStartDate)
|
|
11295
|
+
this.setActiveCell(this.isoToDate(this.selectedStartDate) || this.today, focusOnDate);
|
|
11170
11296
|
}
|
|
11171
11297
|
/**
|
|
11172
11298
|
* Set up the masks on the inputs to reflect the date pickers
|
|
@@ -11514,7 +11640,7 @@ class PostDatePicker {
|
|
|
11514
11640
|
this.selectedEndDate = undefined;
|
|
11515
11641
|
}
|
|
11516
11642
|
isValidDate(date) {
|
|
11517
|
-
return date instanceof Date && !isNaN(date.getTime());
|
|
11643
|
+
return date instanceof Date && !Number.isNaN(date.getTime());
|
|
11518
11644
|
}
|
|
11519
11645
|
syncDatePickerState() {
|
|
11520
11646
|
this.inputDisabled = this.dpInput.disabled;
|
|
@@ -11565,11 +11691,11 @@ class PostDatePicker {
|
|
|
11565
11691
|
}
|
|
11566
11692
|
}
|
|
11567
11693
|
render() {
|
|
11568
|
-
return (hAsync(Host, { key: '
|
|
11694
|
+
return (hAsync(Host, { key: 'b721b731d9ad4ff3c6d80c995a3c471786b6425a' }, this.inline && hAsync("div", { key: '9dc37bf0ab23a5ce611139d0efd7f3fca4f6e6e2', class: "datepicker-container" }), !this.inline && (hAsync("div", { key: 'f2e0376510e5e26a98e29703fbf11c0be90266bb' }, hAsync("div", { key: '52e05c2f28a725c5336fca16842e97ce21a36b42', class: {
|
|
11569
11695
|
'calendar-input': !this.range,
|
|
11570
11696
|
'calendar-input-range': this.range,
|
|
11571
11697
|
'disabled': this.inputDisabled,
|
|
11572
|
-
} }, hAsync("slot", { key: '
|
|
11698
|
+
} }, hAsync("slot", { key: '11147329e23c51b3bf7c5fa2925cbf97d26c9da2' }), hAsync("button", { key: 'c57f2450bd8ce1976876a8bc11f7d238300ca687', onClick: () => this.show(), "aria-haspopup": "true", "aria-label": this.textToggleCalendar, disabled: this.inputDisabled }, hAsync("post-icon", { key: 'd6a37bfc1471a8eabbf3e0450c3010da8e7ef28e', name: "calendar" }))), hAsync("post-popovercontainer", { key: 'fd4259c066d92c5bbf1066940da72f74a58bdfe8', placement: "bottom-end", offset: PostDatePicker.FLYOUT_OFFSET, ref: e => (this.popoverRef = e) }, hAsync("div", { key: '0ba6ef3f33a003317ab70728e1c67fc8c1d726a9', class: "datepicker-container" }))))));
|
|
11573
11699
|
}
|
|
11574
11700
|
get host() { return getElement(this); }
|
|
11575
11701
|
static get watchers() { return {
|
|
@@ -11647,24 +11773,7 @@ class PostDatePicker {
|
|
|
11647
11773
|
}
|
|
11648
11774
|
PostDatePicker.FLYOUT_OFFSET = 4;
|
|
11649
11775
|
|
|
11650
|
-
|
|
11651
|
-
constructor(hostRef) {
|
|
11652
|
-
registerInstance(this, hostRef);
|
|
11653
|
-
}
|
|
11654
|
-
render() {
|
|
11655
|
-
return hAsync("div", { key: '533164ef2f912a47b6585c3be31c2061d8134f64', "data-browser": String(IS_BROWSER), "data-server": String(IS_SERVER) });
|
|
11656
|
-
}
|
|
11657
|
-
static get cmpMeta() { return {
|
|
11658
|
-
"$flags$": 9,
|
|
11659
|
-
"$tagName$": "post-env-test",
|
|
11660
|
-
"$members$": undefined,
|
|
11661
|
-
"$listeners$": undefined,
|
|
11662
|
-
"$lazyBundleId$": "-",
|
|
11663
|
-
"$attrsToReflect$": []
|
|
11664
|
-
}; }
|
|
11665
|
-
}
|
|
11666
|
-
|
|
11667
|
-
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-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-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-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.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}`;
|
|
11776
|
+
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-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:has(>.d-none+.d-none+.d-none+.d-none){margin-block-end:0;padding-block-end:0;row-gap:0;column-gap:0}.footer-grid post-accordion:has(>.d-none+.d-none+.d-none+.d-none){display:none}.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-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-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.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}`;
|
|
11668
11777
|
|
|
11669
11778
|
const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
|
|
11670
11779
|
/**
|
|
@@ -11690,7 +11799,7 @@ class PostFooter {
|
|
|
11690
11799
|
this.handleGridSlotChange = this.handleGridSlotChange.bind(this);
|
|
11691
11800
|
}
|
|
11692
11801
|
connectedCallback() {
|
|
11693
|
-
|
|
11802
|
+
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
|
|
11694
11803
|
}
|
|
11695
11804
|
componentWillLoad() {
|
|
11696
11805
|
this.validateTextFooter();
|
|
@@ -11701,7 +11810,7 @@ class PostFooter {
|
|
|
11701
11810
|
});
|
|
11702
11811
|
}
|
|
11703
11812
|
disconnectedCallback() {
|
|
11704
|
-
|
|
11813
|
+
globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
|
|
11705
11814
|
}
|
|
11706
11815
|
handleGridSlotChange(...devices) {
|
|
11707
11816
|
return (e) => {
|
|
@@ -11722,7 +11831,7 @@ class PostFooter {
|
|
|
11722
11831
|
return GRID_SLOTS.map(slotName => (hAsync("div", { class: { 'd-none': !this.gridSlotDisplayed[slotName] } }, hAsync("h3", null, hAsync("slot", { name: slotName + '-title' })), hAsync("slot", { onSlotchange: this.handleGridSlotChange('tablet', 'desktop'), name: slotName }))));
|
|
11723
11832
|
}
|
|
11724
11833
|
render() {
|
|
11725
|
-
return (hAsync(Host, { key: '
|
|
11834
|
+
return (hAsync(Host, { key: 'b144591b02f0e8010d9e4bbba34841151ba6b3b9', "data-version": version$1, "data-color-scheme": "light" }, hAsync("footer", { key: '1f83f8ecf0e07ebd05f4ed9c45f6d2f6fe141422' }, hAsync("h2", { key: 'fdfc10c2be686d97c2a994fd069109ec46444626', class: "visually-hidden" }, this.textFooter), hAsync("div", { key: 'a89e56546788b71790747c8ee57b4d2fe5d8ae1f', class: "footer-container" }, hAsync("div", { key: '407518b583499c90002de8baa1cd955e8e123daa', class: "footer-grid" }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), hAsync("div", { key: '9c46b21064994229a1132b77432d9193a58e1dd4', class: "footer-column" }, hAsync("div", { key: 'f2686c80b116869255a2ae5087d5c0a72f5b57f3', class: "footer-socialmedia" }, hAsync("slot", { key: 'a3120b829237f2e82a7fb6ed897bc4ad8fc0ab44', name: "socialmedia" })), hAsync("div", { key: '3f868a04bc8a9952ca13041e630433ba4c4012c4', class: "footer-app" }, hAsync("slot", { key: '9325886b54b36bcc0dafa6b683fa9415b55590ce', name: "app" }))), hAsync("div", { key: '9b1382957dbe4eb9e2fb7a717b528fc76f18c1f6', class: "footer-businesssectors" }, hAsync("slot", { key: 'a38e36aeca86bd27c062624456bde8fa92349af9', name: "businesssectors" })), hAsync("div", { key: '65f1e95887a715de194420ace838695cfafed7ac', class: "footer-meta" }, hAsync("slot", { key: 'bbb052400f6f65853784c5e3f7ecfbaa9b87e8cb', name: "meta" })), hAsync("div", { key: '98a70e130ac05af4d9d5d3aaefb8ac473056c339', class: "footer-copyright" }, hAsync("slot", { key: 'ed7ac57a7862a32050d0481fa6d5cad45cd02677', name: "copyright" }))))));
|
|
11726
11835
|
}
|
|
11727
11836
|
get host() { return getElement(this); }
|
|
11728
11837
|
static get watchers() { return {
|
|
@@ -11747,7 +11856,7 @@ class PostFooter {
|
|
|
11747
11856
|
|
|
11748
11857
|
const postHeaderCss = () => `:host{--post-global-header-top:calc( var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height) );--post-header-top:calc(var(--post-header-reduced-height) - var(--post-header-expanded-height));--post-logo-height:calc( var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px) );--post-global-controls-top:clamp( 1000 * (var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height)), calc( -1 * min(var(--post-header-scroll-top, 0px) / 4, var(--post-global-header-reduced-height)) ), 0px )}@media screen and (min-width: 1024px){:host{--post-header-gap:0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.5rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.25rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.25rem;--post-local-header-padding-block:0.75rem;--post-burger-menu-padding-inline:2.5rem;--post-burger-menu-body-gap:2rem;--post-burger-menu-footer-gap:1.5rem}}@media screen and (min-width: 600px)and (max-width: 779.98px){:host{--post-burger-menu-padding-inline:1rem}}@media screen and (min-width: 0)and (max-width: 599.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.5rem;--post-local-header-padding-inline-end:0.5rem;--post-local-header-padding-block:0.5rem;--post-burger-menu-padding-inline:1rem;--post-burger-menu-body-gap:1.5rem;--post-burger-menu-footer-gap:1rem}}:host(:not([full-width])),:host([full-width=false]){--post-header-content-max-width:1440px}:host([data-expanded]),:host([data-menu-extended]){--post-header-top:0;--post-global-header-top:-0.001px;--post-global-controls-top:0;--post-logo-height:var(--post-global-header-expanded-height)}*,::before,::after{box-sizing:border-box}:host,header,.global-header,.local-header{transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1)}.section,.sliding-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--post-header-gap);flex-wrap:wrap}.section{max-width:var(--post-header-content-max-width);margin-inline:auto}:host{display:block;position:sticky;inset-block-start:var(--post-header-top);z-index:1020;box-shadow:var(--post-device-elevation-300)}.global-header{z-index:2;position:sticky;inset-block-start:var(--post-global-header-top);background-color:#fc0}.global-header .section{height:var(--post-global-header-expanded-height);padding-inline-start:var(--post-global-header-padding-inline-start);padding-inline-end:var(--post-global-header-padding-inline-end)}.global-header .logo{align-self:flex-end;width:var(--post-global-header-expanded-height);height:var(--post-logo-height);min-height:var(--post-global-header-reduced-height);max-height:100%;margin-inline-end:calc(1.25rem - var(--post-header-gap))}.global-header .sliding-controls{flex-grow:1;justify-content:flex-end;position:relative;inset-block-start:var(--post-global-controls-top)}.global-header .audience{margin-inline-end:auto}@media screen and (max-width: 1023.98px){.global-header slot:where([name=audience],[name=global-nav-secondary]){display:none}}.local-header{position:relative;background-color:#fff;min-height:var(--post-local-header-expanded-min-height);display:var(--post-local-header-display, flex);align-items:var(--post-local-header-align-items, center)}.local-header .section{width:100%;padding-inline-start:var(--post-local-header-padding-inline-start);padding-inline-end:var(--post-local-header-padding-inline-end);padding-block:var(--post-local-header-padding-block)}@media screen and (min-width: 1024px){.local-header .section{display:grid;grid-template:var(--post-local-header-grid-template)}}@media screen and (max-width: 1023.98px){.local-header .section{display:flex;align-self:center}}@media screen and (max-width: 1023.98px)and (max-width: 599.98px){.local-header .section{justify-content:end}}.local-header:where(.megadropdown-open)::after,.local-header:has(~.burger-menu.extended)::after{content:"";display:block;position:absolute;inset-inline:0;inset-block-end:0;height:1px;background-color:#e1e0dc}.local-header .local-nav{flex:0 0 auto}@media screen and (max-width: 1023.98px){.local-header slot[name=main-nav]{display:none}}.burger-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);display:var(--post-burger-button-display, flex)}.burger-button:hover{text-decoration:none}.burger-button:disabled{border-style:var(--post-core-border-style-dash)}.burger-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.burger-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.burger-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(a){color:LinkText;border:unset}.burger-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.burger-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.burger-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.burger-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}@media screen and (min-width: 0)and (max-width: 599.98px){.burger-button{padding:.625rem}.burger-button>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.burger-button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){.burger-button{display:none}}.burger-menu{z-index:-1;position:absolute;inset-inline:0;inset-block-start:100%;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));overflow:hidden auto;display:flex;flex-direction:column;background-color:#fafafa}.burger-menu.extended.second-level-open{overflow:hidden}.burger-menu:not(.extended){transform:translateY(-100%);display:none}.burger-menu:not(.extended)>*{display:none}.burger-menu .burger-menu-body,.burger-menu .burger-menu-footer{display:flex;flex-direction:column;padding-inline:var(--post-burger-menu-padding-inline)}.burger-menu .burger-menu-body{flex-grow:1;padding-block:1.5rem;gap:var(--post-burger-menu-body-gap)}.burger-menu .burger-menu-footer{background-color:#f0efed;padding-block:1rem 1.5rem;gap:var(--post-burger-menu-footer-gap)}.burger-menu .local-nav{min-height:3.5rem;display:flex;align-items:center;justify-content:flex-end;padding-inline:.25rem}`;
|
|
11749
11858
|
|
|
11750
|
-
var __decorate$
|
|
11859
|
+
var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
11751
11860
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
11752
11861
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
11753
11862
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -11796,11 +11905,11 @@ class PostHeader {
|
|
|
11796
11905
|
const scrollParent = this.scrollParent;
|
|
11797
11906
|
const burgerMenuExtended = propName === 'burgerMenuExtended' ? newValue : this.burgerMenuExtended;
|
|
11798
11907
|
if (this.device !== 'desktop' && burgerMenuExtended) {
|
|
11799
|
-
scrollParent.
|
|
11908
|
+
scrollParent.dataset.postScrollLocked = '';
|
|
11800
11909
|
this.host.addEventListener('keydown', this.keyboardHandler);
|
|
11801
11910
|
}
|
|
11802
11911
|
else {
|
|
11803
|
-
scrollParent.
|
|
11912
|
+
delete scrollParent.dataset.postScrollLocked;
|
|
11804
11913
|
this.host.removeEventListener('keydown', this.keyboardHandler);
|
|
11805
11914
|
}
|
|
11806
11915
|
}
|
|
@@ -11845,15 +11954,15 @@ class PostHeader {
|
|
|
11845
11954
|
this.megadropdownStateHandler = this.megadropdownStateHandler.bind(this);
|
|
11846
11955
|
}
|
|
11847
11956
|
connectedCallback() {
|
|
11848
|
-
|
|
11849
|
-
|
|
11957
|
+
globalThis.addEventListener('resize', this.throttledResize, { passive: true });
|
|
11958
|
+
globalThis.addEventListener('scroll', this.handleScrollEvent, {
|
|
11850
11959
|
passive: true,
|
|
11851
11960
|
});
|
|
11852
11961
|
this.scrollParent.addEventListener('scroll', this.handleScrollEvent, {
|
|
11853
11962
|
passive: true,
|
|
11854
11963
|
});
|
|
11855
11964
|
document.addEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
|
|
11856
|
-
|
|
11965
|
+
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
|
|
11857
11966
|
this.handleScrollParentResize();
|
|
11858
11967
|
this.lockBody(false, this.burgerMenuExtended, 'burgerMenuExtended');
|
|
11859
11968
|
}
|
|
@@ -11881,9 +11990,9 @@ class PostHeader {
|
|
|
11881
11990
|
// Clean up possible side effects when post-header is disconnected
|
|
11882
11991
|
disconnectedCallback() {
|
|
11883
11992
|
const scrollParent = this.scrollParent;
|
|
11884
|
-
|
|
11885
|
-
|
|
11886
|
-
|
|
11993
|
+
globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
|
|
11994
|
+
globalThis.removeEventListener('resize', this.throttledResize);
|
|
11995
|
+
globalThis.removeEventListener('scroll', this.handleScrollEvent);
|
|
11887
11996
|
if (scrollParent)
|
|
11888
11997
|
scrollParent.removeEventListener('scroll', this.handleScrollEvent);
|
|
11889
11998
|
document.removeEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
|
|
@@ -11955,7 +12064,7 @@ class PostHeader {
|
|
|
11955
12064
|
const focusableElements = [this.burgerMenuButton];
|
|
11956
12065
|
focusableElements.push(...getDeepFocusableChildren(this.localHeader, el => !el.matches('post-megadropdown')), ...getDeepFocusableChildren(this.burgerMenu, el => !el.matches('post-megadropdown')));
|
|
11957
12066
|
this.firstFocusableEl = focusableElements[0];
|
|
11958
|
-
this.lastFocusableEl = focusableElements
|
|
12067
|
+
this.lastFocusableEl = focusableElements.at(-1);
|
|
11959
12068
|
}
|
|
11960
12069
|
keyboardHandler(e) {
|
|
11961
12070
|
if (e.key !== 'Tab' || !this.burgerMenuExtended)
|
|
@@ -12053,10 +12162,10 @@ class PostHeader {
|
|
|
12053
12162
|
}, style: { '--post-header-navigation-current-inset': `${this.burgerMenu?.scrollTop ?? 0}px` }, ref: el => (this.burgerMenu = el) }, this.hasLocalNav && !this.hasTitle && (hAsync("div", { class: "local-nav" }, hAsync("slot", { name: "local-nav" }))), hAsync("div", { class: "burger-menu-body" }, hAsync("slot", { name: "audience" }), hAsync("slot", { name: "main-nav" })), hAsync("div", { class: "burger-menu-footer" }, hAsync("slot", { name: "global-nav-secondary" }), hAsync("slot", { name: "language-menu" }))));
|
|
12054
12163
|
}
|
|
12055
12164
|
render() {
|
|
12056
|
-
return (hAsync(Host, { key: '
|
|
12057
|
-
hAsync("slot", { key: '
|
|
12058
|
-
hAsync("slot", { key: '
|
|
12059
|
-
], hAsync("slot", { key: '
|
|
12165
|
+
return (hAsync(Host, { key: '31588fbdd1e6a38293a694d9e2ec5787e0a627e2', "data-version": version$1, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, hAsync("header", { key: '2342dfa50894630673d49c85fc7dacb70b84bfe6' }, hAsync("div", { key: '64818d1cb77edcd331e714776547b3af147deecb', class: "global-header" }, hAsync("div", { key: '396ed5dae2890af5a820712eb6b6009a7172606f', class: "section" }, hAsync("div", { key: 'feec5df48c46b79a7ea69f83773a8b8d318c18f4', class: "logo" }, hAsync("slot", { key: '6b1c425ad99052ce4a5254b27ff531560bb0d6dc', name: "post-logo" })), hAsync("div", { key: '56ff4a089885a467d86e14a835dbddc440e0046e', class: "sliding-controls" }, (hAsync("div", { key: 'd6c7e3d6ec9a9104744eb55a8ea0c87c5d3ecb8b', class: "audience" }, hAsync("slot", { key: 'fbc77e91f8cc20120d4c85ce84dbe0db95e772b7', name: "audience" }))), hAsync("slot", { key: '8b09e332dff01870c2d8f2f1c2a4579dfcc7cbbc', name: "global-nav-primary" }), [
|
|
12166
|
+
hAsync("slot", { key: '3115087be9aff380b2e450519c1a03145806c0a1', name: "global-nav-secondary" }),
|
|
12167
|
+
hAsync("slot", { key: '9082c946e6a9d4c226a13fe91a4287b082873c82', name: "language-menu" }),
|
|
12168
|
+
], hAsync("slot", { key: 'd75cf01d0baf5ed9434e0afd865105f52a5a8405', name: "post-login" }), this.hasMainNav && (hAsync("post-togglebutton", { key: 'a564d629f9501f9cda277f2d915f1d2b6034ed89', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, hAsync("span", { key: 'c2e023f54d155b04d165cce663d8b7f141863679' }, this.textMenu), hAsync("post-icon", { key: 'dfa4c7523542e474595e1499c18f4d7e3f38a6d9', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), hAsync("post-icon", { key: 'd1b6dedc2ac9d50e745fce52089905ebb64ab9d3', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), hAsync("div", { key: 'a0a163e8274d0840026e1d06dccfeef4e46cb9a5', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, hAsync("div", { key: 'd14b41260cbbe7b6fcf1a4e1986f9f6ae60af0a3', class: "section" }, hAsync("slot", { key: '84f3bf51c842e801e9314565cc830798f64b0ad9', name: "title" }), this.hasTitle && hAsync("slot", { key: '6786d801ed5b1ea4f45c42d5248f7532dc10621f', name: "local-nav" }), hAsync("slot", { key: '41df540b32f02e02f5b897ae359398e8d9c17040', name: "main-nav" }), !this.hasTitle && hAsync("slot", { key: '9c746c8f4a58f80e2cd45c43561a184c6a9d9a43', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
|
|
12060
12169
|
}
|
|
12061
12170
|
get host() { return getElement(this); }
|
|
12062
12171
|
static get watchers() { return {
|
|
@@ -12093,7 +12202,7 @@ class PostHeader {
|
|
|
12093
12202
|
"$attrsToReflect$": [["fullWidth", "full-width"], ["textMenu", "text-menu"]]
|
|
12094
12203
|
}; }
|
|
12095
12204
|
}
|
|
12096
|
-
__decorate$
|
|
12205
|
+
__decorate$4([
|
|
12097
12206
|
EventFrom('post-megadropdown')
|
|
12098
12207
|
], PostHeader.prototype, "megadropdownStateHandler", null);
|
|
12099
12208
|
|
|
@@ -12143,7 +12252,11 @@ class PostIcon {
|
|
|
12143
12252
|
**/
|
|
12144
12253
|
getUrl() {
|
|
12145
12254
|
const fileName = `${this.name}.svg`;
|
|
12146
|
-
|
|
12255
|
+
// Prioritize only data:image URLs
|
|
12256
|
+
if (this.url?.startsWith('data:image/')) {
|
|
12257
|
+
return this.url;
|
|
12258
|
+
}
|
|
12259
|
+
if (!this.base) {
|
|
12147
12260
|
return `${CDN_URL}${fileName}`;
|
|
12148
12261
|
}
|
|
12149
12262
|
if (this.url) {
|
|
@@ -12151,16 +12264,9 @@ class PostIcon {
|
|
|
12151
12264
|
}
|
|
12152
12265
|
const isAbsolute = (url) => /^https?:\/\//.test(url);
|
|
12153
12266
|
const normalizeUrl = (url) => (url && !url.endsWith('/') ? `${url}/` : url);
|
|
12154
|
-
const cleanUrl = (url) => url.
|
|
12155
|
-
const currentDomain =
|
|
12156
|
-
const baseHref =
|
|
12157
|
-
? document.querySelector('base[href]')?.getAttribute('href') || ''
|
|
12158
|
-
: '';
|
|
12159
|
-
let metaIconBase = '';
|
|
12160
|
-
if (IS_BROWSER) {
|
|
12161
|
-
const metaTag = document.querySelector('meta[name="design-system-settings"]');
|
|
12162
|
-
metaIconBase = metaTag?.getAttribute('data-post-icon-base') || '';
|
|
12163
|
-
}
|
|
12267
|
+
const cleanUrl = (url) => url.replaceAll(/([^:])\/\//g, '$1/');
|
|
12268
|
+
const currentDomain = '';
|
|
12269
|
+
const baseHref = '';
|
|
12164
12270
|
// Function to build the first part of the URL when 'this.base' or 'metaIconBase' are relative
|
|
12165
12271
|
const buildUrlWithBase = (relativeUrl) => {
|
|
12166
12272
|
const normalizedHref = normalizeUrl(baseHref);
|
|
@@ -12178,26 +12284,18 @@ class PostIcon {
|
|
|
12178
12284
|
: `${buildUrlWithBase(this.base)}${fileName}`;
|
|
12179
12285
|
return cleanUrl(url);
|
|
12180
12286
|
}
|
|
12181
|
-
// Second Priority is metaIconBase
|
|
12182
|
-
if (metaIconBase) {
|
|
12183
|
-
url = isAbsolute(metaIconBase)
|
|
12184
|
-
? `${normalizeUrl(metaIconBase)}${fileName}`
|
|
12185
|
-
: `${buildUrlWithBase(metaIconBase)}${fileName}`;
|
|
12186
|
-
return cleanUrl(url);
|
|
12187
|
-
}
|
|
12188
12287
|
// Fallback to CDN
|
|
12189
12288
|
return cleanUrl(`${CDN_URL}${fileName}`);
|
|
12190
12289
|
}
|
|
12191
12290
|
getStyles() {
|
|
12192
12291
|
const url = this.getUrl();
|
|
12193
|
-
return Object.entries({
|
|
12292
|
+
return Object.fromEntries(Object.entries({
|
|
12194
12293
|
'-webkit-mask-image': `url(${url})`,
|
|
12195
12294
|
'mask-image': `url('${url}')`,
|
|
12196
|
-
'transform': (this.scale && !isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
|
|
12197
|
-
(this.rotate && !isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
|
|
12295
|
+
'transform': (this.scale && !Number.isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
|
|
12296
|
+
(this.rotate && !Number.isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
|
|
12198
12297
|
})
|
|
12199
|
-
.filter(([_key, value]) => value !== null)
|
|
12200
|
-
.reduce((styles, [key, value]) => Object.assign(styles, { [key]: value }), {});
|
|
12298
|
+
.filter(([_key, value]) => value !== null));
|
|
12201
12299
|
}
|
|
12202
12300
|
componentDidLoad() {
|
|
12203
12301
|
this.validateBase();
|
|
@@ -12207,7 +12305,7 @@ class PostIcon {
|
|
|
12207
12305
|
this.validateAnimation();
|
|
12208
12306
|
}
|
|
12209
12307
|
render() {
|
|
12210
|
-
return (hAsync(Host, { key: '
|
|
12308
|
+
return (hAsync(Host, { key: 'feefd0a41cd916581e6e9dc256fb96ad2381cbc4', "data-version": version$1 }, hAsync("span", { key: 'd5750e38ea77f811b9174d3139bc3912fcc9890b', style: this.getStyles() })));
|
|
12211
12309
|
}
|
|
12212
12310
|
get host() { return getElement(this); }
|
|
12213
12311
|
static get watchers() { return {
|
|
@@ -12249,9 +12347,9 @@ class PostIcon {
|
|
|
12249
12347
|
|
|
12250
12348
|
const SWITCH_VARIANTS = ['list', 'menu'];
|
|
12251
12349
|
|
|
12252
|
-
const postLanguageMenuCss = () => `:host{display:flex}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-menu-dropdown-container{display:flex;flex-direction:column}.post-language-menu-trigger{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);text-transform:uppercase;cursor:pointer}.post-language-menu-trigger:hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash)}.post-language-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(a){color:LinkText;border:unset}.post-language-menu-trigger:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.post-language-menu-trigger:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.post-language-menu-trigger post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}
|
|
12350
|
+
const postLanguageMenuCss = () => `:host{display:flex}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-menu-dropdown-container{display:flex;flex-direction:column}.post-language-menu-trigger{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);text-transform:uppercase;cursor:pointer}.post-language-menu-trigger:hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash)}.post-language-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(a){color:LinkText;border:unset}.post-language-menu-trigger:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.post-language-menu-trigger:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.post-language-menu-trigger post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}.post-language-menu-list{margin-top:1rem}`;
|
|
12253
12351
|
|
|
12254
|
-
var __decorate$
|
|
12352
|
+
var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12255
12353
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
12256
12354
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
12257
12355
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -12289,7 +12387,7 @@ class PostLanguageMenu {
|
|
|
12289
12387
|
const activeLanguage = this.activeLang &&
|
|
12290
12388
|
document.querySelector(`post-language-menu-item[code="${this.activeLang}"]`);
|
|
12291
12389
|
return activeLanguage
|
|
12292
|
-
? this.textCurrentLanguage.
|
|
12390
|
+
? this.textCurrentLanguage.replaceAll('#name', activeLanguage.name)
|
|
12293
12391
|
: undefined;
|
|
12294
12392
|
}
|
|
12295
12393
|
componentDidLoad() {
|
|
@@ -12369,11 +12467,11 @@ class PostLanguageMenu {
|
|
|
12369
12467
|
"$attrsToReflect$": [["textChangeLanguage", "text-change-language"], ["textCurrentLanguage", "text-current-language"], ["variant", "variant"]]
|
|
12370
12468
|
}; }
|
|
12371
12469
|
}
|
|
12372
|
-
__decorate$
|
|
12470
|
+
__decorate$3([
|
|
12373
12471
|
EventFrom('post-language-menu-item')
|
|
12374
12472
|
], PostLanguageMenu.prototype, "handlePostChange", null);
|
|
12375
12473
|
|
|
12376
|
-
const postLanguageMenuItemCss = () => `post-language-menu-item{
|
|
12474
|
+
const postLanguageMenuItemCss = () => `post-language-menu-item :is(a,button){text-transform:uppercase}post-language-menu-item:where([variant=menu]){min-width:72px}post-language-menu-item:where([variant=list]) button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) button{background-color:ButtonFace !important}post-language-menu-item:where([variant=list]) button:hover{background-color:Highlight !important}}post-language-menu-item:where([variant=list]) a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}post-language-menu-item:where([variant=list]) :is(a,button){width:40px;height:40px;border-radius:2px;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}post-language-menu-item:where([variant=list]) :is(a,button):hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-menu-item[active]:not([active=false]):where([variant=menu]){display:none}post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);cursor:default}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-menu-item .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
|
|
12377
12475
|
|
|
12378
12476
|
/**
|
|
12379
12477
|
* @slot default - Slot for placing the content inside the anchor or button.
|
|
@@ -12393,12 +12491,16 @@ class PostLanguageMenuItem {
|
|
|
12393
12491
|
validateName() {
|
|
12394
12492
|
checkEmptyOrType(this, 'name', 'string');
|
|
12395
12493
|
}
|
|
12494
|
+
validateDescription() {
|
|
12495
|
+
checkEmptyOrType(this, 'description', 'string');
|
|
12496
|
+
}
|
|
12396
12497
|
validateUrl() {
|
|
12397
12498
|
checkEmptyOrUrl(this, 'url');
|
|
12398
12499
|
}
|
|
12399
12500
|
componentDidLoad() {
|
|
12400
12501
|
this.validateCode();
|
|
12401
12502
|
this.validateName();
|
|
12503
|
+
this.validateDescription();
|
|
12402
12504
|
this.validateUrl();
|
|
12403
12505
|
if (!this.name && this.isNameRequired()) {
|
|
12404
12506
|
throw new Error('The "name" property of the post-language-menu-item component is required when the full language name is not displayed.');
|
|
@@ -12427,7 +12529,8 @@ class PostLanguageMenuItem {
|
|
|
12427
12529
|
this.emitChange();
|
|
12428
12530
|
}
|
|
12429
12531
|
};
|
|
12430
|
-
|
|
12532
|
+
const interactiveElement = this.url ? (hAsync("a", { "aria-current": this.active ? 'page' : undefined, href: this.url, hrefLang: lang, lang: lang, "aria-description": this.description, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, hAsync("slot", null), hAsync("span", { class: "visually-hidden" }, this.name))) : (hAsync("button", { "aria-current": this.active ? 'true' : undefined, lang: lang, "aria-description": this.description, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, hAsync("slot", null), hAsync("span", { class: "visually-hidden" }, this.name)));
|
|
12533
|
+
return this.variant === 'list' ? (hAsync(Host, { "data-version": version$1, role: "listitem" }, interactiveElement)) : (hAsync(Host, { "data-version": version$1 }, hAsync("post-menu-item", null, interactiveElement)));
|
|
12431
12534
|
}
|
|
12432
12535
|
get host() { return getElement(this); }
|
|
12433
12536
|
static get watchers() { return {
|
|
@@ -12440,6 +12543,9 @@ class PostLanguageMenuItem {
|
|
|
12440
12543
|
"name": [{
|
|
12441
12544
|
"validateName": 0
|
|
12442
12545
|
}],
|
|
12546
|
+
"description": [{
|
|
12547
|
+
"validateDescription": 0
|
|
12548
|
+
}],
|
|
12443
12549
|
"url": [{
|
|
12444
12550
|
"validateUrl": 0
|
|
12445
12551
|
}]
|
|
@@ -12453,6 +12559,7 @@ class PostLanguageMenuItem {
|
|
|
12453
12559
|
"active": [1540],
|
|
12454
12560
|
"variant": [1],
|
|
12455
12561
|
"name": [1],
|
|
12562
|
+
"description": [1],
|
|
12456
12563
|
"url": [1],
|
|
12457
12564
|
"select": [64]
|
|
12458
12565
|
},
|
|
@@ -12522,7 +12629,7 @@ class PostLinkarea {
|
|
|
12522
12629
|
}
|
|
12523
12630
|
}
|
|
12524
12631
|
render() {
|
|
12525
|
-
return (hAsync(Host, { key: '
|
|
12632
|
+
return (hAsync(Host, { key: 'cbf9710bb97cbf8ead6a8e8117f42113133507a8', "data-version": version$1, onClick: (e) => this.dispatchClick(e) }, hAsync("slot", { key: 'b1d31bd8a3fcf41005814c725f8b2670480da119' })));
|
|
12526
12633
|
}
|
|
12527
12634
|
get host() { return getElement(this); }
|
|
12528
12635
|
static get style() { return postLinkareaCss(); }
|
|
@@ -12536,88 +12643,345 @@ class PostLinkarea {
|
|
|
12536
12643
|
}; }
|
|
12537
12644
|
}
|
|
12538
12645
|
|
|
12539
|
-
const
|
|
12646
|
+
const postListboxCss = () => `post-popovercontainer{border-radius:4px;overflow:hidden;box-shadow:var(--post-device-elevation-300)}div[role=listbox]{max-height:384px;overflow:auto;display:flex;flex-direction:column}::slotted([slot=blank-slate]){display:block;padding:.75rem;color:#666}`;
|
|
12540
12647
|
|
|
12541
|
-
|
|
12542
|
-
|
|
12543
|
-
|
|
12544
|
-
|
|
12648
|
+
var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12649
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
12650
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
12651
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
12652
|
+
else
|
|
12653
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
12654
|
+
if (d = decorators[i])
|
|
12655
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
12656
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
12657
|
+
};
|
|
12658
|
+
class PostListbox {
|
|
12545
12659
|
constructor(hostRef) {
|
|
12546
12660
|
registerInstance(this, hostRef);
|
|
12661
|
+
this.postOptionActive = createEvent(this, "postOptionActive");
|
|
12662
|
+
this.highlightedIndex = -1;
|
|
12663
|
+
this.visibleOptions = [];
|
|
12664
|
+
this.diacriticPattern = /[\u0300-\u036F]/u;
|
|
12665
|
+
this.registerOptions = () => {
|
|
12666
|
+
this.visibleOptions = this.options;
|
|
12667
|
+
};
|
|
12668
|
+
this.updateSelection = (value) => {
|
|
12669
|
+
this.options.forEach(option => {
|
|
12670
|
+
option.selected = option.value === value;
|
|
12671
|
+
option.highlighted = false;
|
|
12672
|
+
});
|
|
12673
|
+
this.highlightedIndex = -1;
|
|
12674
|
+
this.filter('');
|
|
12675
|
+
};
|
|
12676
|
+
this.clearActive = () => {
|
|
12677
|
+
this.highlightedIndex = -1;
|
|
12678
|
+
this.postOptionActive.emit(null);
|
|
12679
|
+
};
|
|
12680
|
+
this.normalizeText = (text) => {
|
|
12681
|
+
return text.trim().normalize('NFD').replace(this.diacriticPattern, '').toLocaleLowerCase();
|
|
12682
|
+
};
|
|
12683
|
+
this.resetFilter = () => {
|
|
12684
|
+
this.visibleOptions = this.options;
|
|
12685
|
+
this.options.forEach(option => {
|
|
12686
|
+
option.hidden = false;
|
|
12687
|
+
option.highlighted = false;
|
|
12688
|
+
});
|
|
12689
|
+
};
|
|
12547
12690
|
}
|
|
12548
|
-
|
|
12549
|
-
|
|
12691
|
+
get options() {
|
|
12692
|
+
return Array.from(this.host.querySelectorAll('post-listbox-option'));
|
|
12550
12693
|
}
|
|
12551
|
-
|
|
12552
|
-
this.
|
|
12553
|
-
|
|
12694
|
+
get inputElement() {
|
|
12695
|
+
let autocomplete = this.host.closest('post-autocomplete');
|
|
12696
|
+
if (!autocomplete) {
|
|
12697
|
+
autocomplete = document.querySelector(`post-autocomplete[listbox="${this.host.id}"]`);
|
|
12698
|
+
}
|
|
12699
|
+
return autocomplete?.querySelector('input');
|
|
12554
12700
|
}
|
|
12555
|
-
|
|
12556
|
-
|
|
12557
|
-
|
|
12701
|
+
componentWillLoad() {
|
|
12702
|
+
this.registerOptions();
|
|
12703
|
+
}
|
|
12704
|
+
/** Opens the listbox */
|
|
12705
|
+
async show() {
|
|
12706
|
+
const input = this.inputElement;
|
|
12707
|
+
if (input) {
|
|
12708
|
+
this.popoverContainer?.show(input);
|
|
12709
|
+
this.host.role = 'listbox';
|
|
12710
|
+
}
|
|
12711
|
+
}
|
|
12712
|
+
/** Closes the listbox */
|
|
12713
|
+
async hide() {
|
|
12714
|
+
this.host.removeAttribute('role');
|
|
12715
|
+
this.popoverContainer?.hide();
|
|
12716
|
+
}
|
|
12717
|
+
/** Uses the internal default filtering mode to filter the list of options.
|
|
12718
|
+
* An empty string resets the filter to it's original state. */
|
|
12719
|
+
async filter(query) {
|
|
12720
|
+
const normalizedQuery = this.normalizeText(query);
|
|
12721
|
+
if (normalizedQuery) {
|
|
12722
|
+
this.visibleOptions = this.options.filter(option => {
|
|
12723
|
+
const normalizedText = this.normalizeText(option.textContent);
|
|
12724
|
+
const normalizedValue = this.normalizeText(option.value);
|
|
12725
|
+
const isVisible = normalizedValue.includes(normalizedQuery) || normalizedText.includes(normalizedQuery);
|
|
12726
|
+
option.hidden = !isVisible;
|
|
12727
|
+
return isVisible;
|
|
12728
|
+
});
|
|
12729
|
+
}
|
|
12730
|
+
else {
|
|
12731
|
+
this.resetFilter();
|
|
12732
|
+
}
|
|
12733
|
+
this.clearActive();
|
|
12734
|
+
}
|
|
12735
|
+
/** Clears the currently selected option */
|
|
12736
|
+
async clearSelection() {
|
|
12737
|
+
this.updateSelection();
|
|
12738
|
+
}
|
|
12739
|
+
/** Navigates the listbox options in the specified direction and scrolls the active option into view.*/
|
|
12740
|
+
async navigate(direction) {
|
|
12741
|
+
if (this.visibleOptions.length === 0)
|
|
12742
|
+
return;
|
|
12743
|
+
if (this.highlightedIndex >= 0) {
|
|
12744
|
+
this.visibleOptions[this.highlightedIndex].highlighted = false;
|
|
12745
|
+
}
|
|
12746
|
+
switch (direction) {
|
|
12747
|
+
case 'first':
|
|
12748
|
+
this.highlightedIndex = 0;
|
|
12749
|
+
break;
|
|
12750
|
+
case 'last':
|
|
12751
|
+
this.highlightedIndex = this.visibleOptions.length - 1;
|
|
12752
|
+
break;
|
|
12753
|
+
case 'up':
|
|
12754
|
+
this.highlightedIndex =
|
|
12755
|
+
(this.highlightedIndex - 1 + this.visibleOptions.length) % this.visibleOptions.length;
|
|
12756
|
+
break;
|
|
12757
|
+
case 'down':
|
|
12758
|
+
this.highlightedIndex = (this.highlightedIndex + 1) % this.visibleOptions.length;
|
|
12759
|
+
break;
|
|
12558
12760
|
}
|
|
12761
|
+
const activeOption = this.visibleOptions[this.highlightedIndex];
|
|
12762
|
+
activeOption.scrollIntoView({ behavior: 'smooth', block: 'end' });
|
|
12763
|
+
activeOption.highlighted = true;
|
|
12764
|
+
this.postOptionActive.emit(activeOption.id);
|
|
12765
|
+
}
|
|
12766
|
+
/**
|
|
12767
|
+
* Selects the currently highlighted option in the listbox and scrolls it into view.
|
|
12768
|
+
*/
|
|
12769
|
+
async selectActive() {
|
|
12770
|
+
if (this.highlightedIndex >= 0) {
|
|
12771
|
+
const activeOption = this.visibleOptions[this.highlightedIndex];
|
|
12772
|
+
this.updateSelection(activeOption.value);
|
|
12773
|
+
this.host.dispatchEvent(new CustomEvent('postOptionSelected', { bubbles: true, detail: activeOption.value }));
|
|
12774
|
+
}
|
|
12775
|
+
}
|
|
12776
|
+
optionClicked(event) {
|
|
12777
|
+
this.updateSelection(event.detail);
|
|
12559
12778
|
}
|
|
12560
12779
|
render() {
|
|
12561
|
-
|
|
12562
|
-
const LogoTag = logoLink ? 'a' : 'span';
|
|
12563
|
-
return (hAsync(Host, { key: '1c268056329697baccc5bf65b1e66acd8531d5f3', "data-version": version$1 }, hAsync(LogoTag, { key: '9b73fc4922a5ea0f72d761e82136ef1111eb7e21', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, hAsync("span", { key: '4042a64056f3d22a99d6b245201be20d1afe5dc0', class: "description" }, hAsync("slot", { key: 'eb437f087d952b4f4a961bcba0dc18eb6836c6c9', onSlotchange: () => this.checkDescription() })), hAsync("svg", { key: 'b658e94d0e7f63d2f80245e12017f87f50a0b2c9', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, hAsync("g", { key: '90c0c8f64d0c9023dfa7296e68333232b9023276', id: "Logo" }, hAsync("rect", { key: 'a1dfd6e0bcaedb485398f1896603af36e3f119dc', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), hAsync("polygon", { key: '44d5ee8e45b7b320d75530e00ab1ff8dc4b8e21c', fill: "#ff0000", points: "34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3" }), hAsync("path", { key: '788524d12213fdfe0d21712b14d72e30d0195b4d', d: "M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z" }))))));
|
|
12780
|
+
return (hAsync(Host, { key: '3572942d4f05b40bd8b35d959c513b5e534a2ec7', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '1f900e151adf72ba9394783414ba7d71df1be70c', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, this.visibleOptions.length === 0 ? hAsync("slot", { name: "blank-slate" }) : hAsync("slot", null))));
|
|
12564
12781
|
}
|
|
12565
12782
|
get host() { return getElement(this); }
|
|
12566
|
-
static get
|
|
12567
|
-
"url": [{
|
|
12568
|
-
"validateUrl": 0
|
|
12569
|
-
}]
|
|
12570
|
-
}; }
|
|
12571
|
-
static get style() { return postLogoCss(); }
|
|
12783
|
+
static get style() { return postListboxCss(); }
|
|
12572
12784
|
static get cmpMeta() { return {
|
|
12573
12785
|
"$flags$": 265,
|
|
12574
|
-
"$tagName$": "post-
|
|
12786
|
+
"$tagName$": "post-listbox",
|
|
12575
12787
|
"$members$": {
|
|
12576
|
-
"
|
|
12788
|
+
"show": [64],
|
|
12789
|
+
"hide": [64],
|
|
12790
|
+
"filter": [64],
|
|
12791
|
+
"clearSelection": [64],
|
|
12792
|
+
"navigate": [64],
|
|
12793
|
+
"selectActive": [64]
|
|
12577
12794
|
},
|
|
12578
|
-
"$listeners$":
|
|
12795
|
+
"$listeners$": [[0, "postOptionSelected", "optionClicked"]],
|
|
12579
12796
|
"$lazyBundleId$": "-",
|
|
12580
12797
|
"$attrsToReflect$": []
|
|
12581
12798
|
}; }
|
|
12582
12799
|
}
|
|
12800
|
+
__decorate$2([
|
|
12801
|
+
EventFrom('post-listbox-option')
|
|
12802
|
+
], PostListbox.prototype, "optionClicked", null);
|
|
12583
12803
|
|
|
12584
|
-
const
|
|
12804
|
+
const postListboxOptionCss = () => `:host{padding:12px 12px 9px 16px;background-color:#fff;cursor:pointer;user-select:none;display:flex;align-items:center;gap:8px;justify-content:space-between}:host(:hover){background-color:#f0efed}:host([data-active=true]){outline:2px solid #000;outline-offset:-4px}:host([hidden]){display:none}:host(:focus-visible){outline:2px solid #050400;outline-offset:2px}.option-content{display:flex;flex-direction:column;min-width:0}.option-description{display:none;font-size:.85em;color:#666}:host(:not(:empty)) .option-description{display:block}post-icon{width:24px;height:24px}`;
|
|
12585
12805
|
|
|
12586
|
-
|
|
12587
|
-
|
|
12588
|
-
|
|
12589
|
-
|
|
12590
|
-
|
|
12806
|
+
class PostListboxOption {
|
|
12807
|
+
constructor(hostRef) {
|
|
12808
|
+
registerInstance(this, hostRef);
|
|
12809
|
+
this.postOptionSelected = createEvent(this, "postOptionSelected");
|
|
12810
|
+
this.optionId = crypto.randomUUID();
|
|
12811
|
+
/** Represents option is selected . */
|
|
12812
|
+
this.selected = false;
|
|
12813
|
+
/** Represents option is highlighted . */
|
|
12814
|
+
this.highlighted = false;
|
|
12815
|
+
}
|
|
12816
|
+
render() {
|
|
12817
|
+
return (hAsync(Host, { key: '083077341f74f3d6f7baad7599aef968a9f07582', "data-version": version$1, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
|
|
12818
|
+
/* Prevent focus change from triggering onblur event in post-autocomplete */
|
|
12819
|
+
onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, hAsync("span", { key: '7d844e51e7f90ea77075f83b663b2b77049f04df', class: "option-content" }, this.value, hAsync("span", { key: 'b7b19312ebaf634292076425725434d18a8a6532', class: "option-description" }, hAsync("slot", { key: '69db5aad7cbe41419398ca32c7ca2b955fbcaefe' }))), this.selected && hAsync("post-icon", { key: '8969fc083fb669a4c5e9d8dbb1c12e1fcde053d5', "aria-hidden": "true", name: "checkmark" })));
|
|
12591
12820
|
}
|
|
12821
|
+
static get style() { return postListboxOptionCss(); }
|
|
12822
|
+
static get cmpMeta() { return {
|
|
12823
|
+
"$flags$": 265,
|
|
12824
|
+
"$tagName$": "post-listbox-option",
|
|
12825
|
+
"$members$": {
|
|
12826
|
+
"value": [513],
|
|
12827
|
+
"selected": [516],
|
|
12828
|
+
"highlighted": [516]
|
|
12829
|
+
},
|
|
12830
|
+
"$listeners$": undefined,
|
|
12831
|
+
"$lazyBundleId$": "-",
|
|
12832
|
+
"$attrsToReflect$": [["value", "value"], ["selected", "selected"], ["highlighted", "highlighted"]]
|
|
12833
|
+
}; }
|
|
12834
|
+
}
|
|
12835
|
+
|
|
12836
|
+
const SESSION_URL = 'https://n.account.post.ch/v1/session/subscribe';
|
|
12837
|
+
/**
|
|
12838
|
+
* @slot authenticated - Content rendered when the user is authenticated (e.g. user menu).
|
|
12839
|
+
* @slot unauthenticated - Content rendered when the user is not authenticated (e.g. login link).
|
|
12840
|
+
*/
|
|
12841
|
+
class PostLoginWidget {
|
|
12592
12842
|
constructor(hostRef) {
|
|
12593
12843
|
registerInstance(this, hostRef);
|
|
12594
|
-
this.
|
|
12595
|
-
this.
|
|
12596
|
-
this.scrollRight = this.scrollRight.bind(this);
|
|
12597
|
-
this.scrollLeft = this.scrollLeft.bind(this);
|
|
12598
|
-
this.checkScrollability = this.checkScrollability.bind(this);
|
|
12599
|
-
this.resizeObserver = new ResizeObserver(this.checkScrollability);
|
|
12600
|
-
this.mutationObserver = new MutationObserver(this.checkScrollability);
|
|
12844
|
+
this.postChange = createEvent(this, "postChange");
|
|
12845
|
+
this.authenticated = null;
|
|
12601
12846
|
}
|
|
12602
|
-
|
|
12603
|
-
this.validateTextMain();
|
|
12604
|
-
setTimeout(() => {
|
|
12605
|
-
this.checkScrollability();
|
|
12606
|
-
});
|
|
12607
|
-
// Observe the navbar for size changes
|
|
12608
|
-
this.resizeObserver.observe(this.navbar);
|
|
12609
|
-
// Observe the navabar for mutation changes
|
|
12610
|
-
this.mutationObserver.observe(this.navbar, { subtree: true, childList: true }); // Recheck scrollability when navigation list changes
|
|
12611
|
-
// Ensure the scroll buttons are correctly displayed or hidden whenever the navbar is scrolled
|
|
12612
|
-
this.navbar?.addEventListener('scrollend', this.checkScrollability);
|
|
12847
|
+
async componentWillLoad() {
|
|
12613
12848
|
}
|
|
12614
12849
|
/**
|
|
12615
|
-
*
|
|
12850
|
+
* Returns the current authentication state:
|
|
12851
|
+
* `null` when the component is still loading, `true` when authenticated, `false` when not.
|
|
12616
12852
|
*/
|
|
12617
|
-
|
|
12618
|
-
this.
|
|
12619
|
-
|
|
12620
|
-
|
|
12853
|
+
async isAuthenticated() {
|
|
12854
|
+
return this.authenticated;
|
|
12855
|
+
}
|
|
12856
|
+
/**
|
|
12857
|
+
* Re-fetches the authentication state from the session API and updates
|
|
12858
|
+
* the component rendering accordingly.
|
|
12859
|
+
*/
|
|
12860
|
+
async refresh() {
|
|
12861
|
+
await this.fetchAuthState();
|
|
12862
|
+
}
|
|
12863
|
+
async fetchAuthState() {
|
|
12864
|
+
try {
|
|
12865
|
+
const response = await fetch(SESSION_URL, {
|
|
12866
|
+
credentials: 'include',
|
|
12867
|
+
});
|
|
12868
|
+
if (!response.ok) {
|
|
12869
|
+
this.setAuthState(false);
|
|
12870
|
+
return;
|
|
12871
|
+
}
|
|
12872
|
+
const json = await response.json();
|
|
12873
|
+
const isAuthenticated = json?.data?.email !== undefined;
|
|
12874
|
+
this.setAuthState(isAuthenticated);
|
|
12875
|
+
}
|
|
12876
|
+
catch {
|
|
12877
|
+
this.setAuthState(false);
|
|
12878
|
+
}
|
|
12879
|
+
}
|
|
12880
|
+
setAuthState(next) {
|
|
12881
|
+
if (this.authenticated === next)
|
|
12882
|
+
return;
|
|
12883
|
+
this.authenticated = next;
|
|
12884
|
+
this.postChange.emit({ authenticated: next });
|
|
12885
|
+
}
|
|
12886
|
+
render() {
|
|
12887
|
+
return (hAsync(Host, { key: '18fab2f7f7e699565e179362a43f7ada87f443fa', "data-version": version$1 }, this.authenticated === true ? hAsync("slot", { name: "authenticated" }) : hAsync("slot", { name: "unauthenticated" })));
|
|
12888
|
+
}
|
|
12889
|
+
static get cmpMeta() { return {
|
|
12890
|
+
"$flags$": 265,
|
|
12891
|
+
"$tagName$": "post-login-widget",
|
|
12892
|
+
"$members$": {
|
|
12893
|
+
"authenticated": [32],
|
|
12894
|
+
"isAuthenticated": [64],
|
|
12895
|
+
"refresh": [64]
|
|
12896
|
+
},
|
|
12897
|
+
"$listeners$": undefined,
|
|
12898
|
+
"$lazyBundleId$": "-",
|
|
12899
|
+
"$attrsToReflect$": []
|
|
12900
|
+
}; }
|
|
12901
|
+
}
|
|
12902
|
+
|
|
12903
|
+
const postLogoCss = () => `:host,.logo{display:inline-block}:host,:host .logo>svg,.logo,.logo .logo>svg{height:100%}.description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.logo-link{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.logo-link:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.logo-link:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.logo-link{outline-offset:var(--post-device-spacing-padding-28) !important}.logo-link:focus,.logo-link:focus-visible{border-radius:var(--post-device-border-radius-focus)}`;
|
|
12904
|
+
|
|
12905
|
+
/**
|
|
12906
|
+
* @slot default - Slot for placing hidden descriptive text. If `url` is set, this text will serve as the accessible name of the link; otherwise, it will be used as the title of the SVG.
|
|
12907
|
+
*/
|
|
12908
|
+
class PostLogo {
|
|
12909
|
+
constructor(hostRef) {
|
|
12910
|
+
registerInstance(this, hostRef);
|
|
12911
|
+
}
|
|
12912
|
+
validateUrl() {
|
|
12913
|
+
checkEmptyOrUrl(this, 'url');
|
|
12914
|
+
}
|
|
12915
|
+
componentDidLoad() {
|
|
12916
|
+
this.validateUrl();
|
|
12917
|
+
this.checkDescription();
|
|
12918
|
+
}
|
|
12919
|
+
checkDescription() {
|
|
12920
|
+
if (!this.host.textContent) {
|
|
12921
|
+
console.warn('Be sure to add descriptive text in the post-logo to ensure good accessibility of the component.');
|
|
12922
|
+
}
|
|
12923
|
+
}
|
|
12924
|
+
render() {
|
|
12925
|
+
const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
|
|
12926
|
+
const LogoTag = logoLink ? 'a' : 'span';
|
|
12927
|
+
return (hAsync(Host, { key: '5528ee847f979c29d8d9725a13d51f7ae88cb82c', "data-version": version$1 }, hAsync(LogoTag, { key: '01fea0f610e8d05d3ae60b5dc48e0d38cbb829ea', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, hAsync("span", { key: '69d1b9f22d0be6ce4e7610826e6c2704fcd18562', class: "description" }, hAsync("slot", { key: '01757e716e2802f8925f1500562f1dae07d1be5d', onSlotchange: () => this.checkDescription() })), hAsync("svg", { key: '0c5b19b4d86dc497cd65776185d886c4a7efcef6', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, hAsync("g", { key: '67f81f4c92ed9f31f75a8e5f79e28aef39751176', id: "Logo" }, hAsync("rect", { key: '61d495c7f120e9687167debd4786f2df86f6b782', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), hAsync("polygon", { key: 'a973c44179ceea3f79519940717328d88d7c9c8c', fill: "#ff0000", points: "34,32.3 34,19 19.7,19 19.7,29.1 10,29.1 10,42.9 19.7,42.9 19.7,53 34,53 34,39.7 30.6,39.7 30.6,49.8 23.1,49.8 23.1,39.7 13.4,39.7 13.4,32.3 23.1,32.3 23.1,22.2 30.6,22.2 30.6,32.3" }), hAsync("path", { key: 'b2baa874a1297b5a12cb154628c6a1622d525eaf', d: "M53.56234,31.10526c0,2.41272-1.99154,4.29475-4.51723,4.29475H45.2v-8.3h3.84511C51.66802,27.1,53.56234,28.78889,53.56234,31.10526z M50.69666,19H36v34h9.2V42.9h5.49666c6.75131,0,11.9971-5.15137,11.9971-11.8057C62.69376,24.39136,57.35099,19,50.69666,19z" }))))));
|
|
12928
|
+
}
|
|
12929
|
+
get host() { return getElement(this); }
|
|
12930
|
+
static get watchers() { return {
|
|
12931
|
+
"url": [{
|
|
12932
|
+
"validateUrl": 0
|
|
12933
|
+
}]
|
|
12934
|
+
}; }
|
|
12935
|
+
static get style() { return postLogoCss(); }
|
|
12936
|
+
static get cmpMeta() { return {
|
|
12937
|
+
"$flags$": 265,
|
|
12938
|
+
"$tagName$": "post-logo",
|
|
12939
|
+
"$members$": {
|
|
12940
|
+
"url": [1]
|
|
12941
|
+
},
|
|
12942
|
+
"$listeners$": undefined,
|
|
12943
|
+
"$lazyBundleId$": "-",
|
|
12944
|
+
"$attrsToReflect$": []
|
|
12945
|
+
}; }
|
|
12946
|
+
}
|
|
12947
|
+
|
|
12948
|
+
const postMainnavigationCss = () => `:host{display:flex;user-select:none;max-width:var(--post-header-content-max-width)}@media screen and (min-width: 1024px){:host{width:fit-content;margin-inline-start:calc(-1*var(--post-local-header-padding-inline-start));margin-inline-end:calc(-1*var(--post-local-header-padding-inline-end));overflow:hidden}}nav{flex:1 1 auto}@media screen and (min-width: 1024px){nav{scroll-behavior:smooth;max-width:100vw;overflow:hidden;height:var(--post-main-navigation-height)}}.scroll-control{z-index:1;cursor:pointer;padding:1rem;background:#fff;box-shadow:var(--post-device-elevation-500);line-height:1}.scroll-control.scroll-left{margin-inline-end:-3rem}.scroll-control.scroll-right{margin-inline-start:-3rem}.scroll-control.d-none{display:none}.scroll-control post-icon{font-size:1rem}`;
|
|
12949
|
+
|
|
12950
|
+
const SCROLL_REPEAT_INTERVAL = 100; // Interval for repeated scrolling when holding down scroll button
|
|
12951
|
+
const NAVBAR_DISABLE_DURATION = 400; // Duration to temporarily disable navbar interactions during scrolling
|
|
12952
|
+
class PostMainnavigation {
|
|
12953
|
+
validateTextMain() {
|
|
12954
|
+
checkRequiredAndType(this, 'textMain', 'string');
|
|
12955
|
+
}
|
|
12956
|
+
constructor(hostRef) {
|
|
12957
|
+
registerInstance(this, hostRef);
|
|
12958
|
+
this.canScrollLeft = false;
|
|
12959
|
+
this.canScrollRight = false;
|
|
12960
|
+
this.scrollRight = this.scrollRight.bind(this);
|
|
12961
|
+
this.scrollLeft = this.scrollLeft.bind(this);
|
|
12962
|
+
this.checkScrollability = this.checkScrollability.bind(this);
|
|
12963
|
+
this.resizeObserver = new ResizeObserver(this.checkScrollability);
|
|
12964
|
+
this.mutationObserver = new MutationObserver(this.checkScrollability);
|
|
12965
|
+
}
|
|
12966
|
+
componentDidLoad() {
|
|
12967
|
+
this.validateTextMain();
|
|
12968
|
+
setTimeout(() => {
|
|
12969
|
+
this.checkScrollability();
|
|
12970
|
+
});
|
|
12971
|
+
// Observe the navbar for size changes
|
|
12972
|
+
this.resizeObserver.observe(this.navbar);
|
|
12973
|
+
// Observe the navabar for mutation changes
|
|
12974
|
+
this.mutationObserver.observe(this.navbar, { subtree: true, childList: true }); // Recheck scrollability when navigation list changes
|
|
12975
|
+
// Ensure the scroll buttons are correctly displayed or hidden whenever the navbar is scrolled
|
|
12976
|
+
this.navbar?.addEventListener('scrollend', this.checkScrollability);
|
|
12977
|
+
}
|
|
12978
|
+
/**
|
|
12979
|
+
* Disconnects observers and remove event listeners when the main navigation is removed from the DOM.
|
|
12980
|
+
*/
|
|
12981
|
+
disconnectedCallback() {
|
|
12982
|
+
this.mutationObserver.disconnect();
|
|
12983
|
+
this.resizeObserver.disconnect();
|
|
12984
|
+
this.navbar?.removeEventListener('scrollend', this.checkScrollability);
|
|
12621
12985
|
}
|
|
12622
12986
|
/**
|
|
12623
12987
|
* Stops the repeated scrolling when the mouse button is released.
|
|
@@ -12706,7 +13070,7 @@ class PostMainnavigation {
|
|
|
12706
13070
|
}, NAVBAR_DISABLE_DURATION);
|
|
12707
13071
|
}
|
|
12708
13072
|
render() {
|
|
12709
|
-
return (hAsync(Host, { key: '
|
|
13073
|
+
return (hAsync(Host, { key: '8ca88f8aefeb3f86f8fef5e8a2c700080d08cc23', version: version$1, class: this.canScroll ? 'scrollable' : '' }, hAsync("div", { key: '19802d74560b506bae61ba2bae6436345c92ff19', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, hAsync("post-icon", { key: '2ddb3c7e59aeea3d22c80c2406ba7fddef415212', "aria-hidden": "true", name: "chevronleft" })), hAsync("nav", { key: '094c4573ff3546c58d8a87eb7202619497003f1c', ref: el => (this.navbar = el), "aria-label": this.textMain }, hAsync("slot", { key: 'e4d33b589fdd9d170d589bd96df904a7e84834e2' })), hAsync("div", { key: '5197788f1916341260fa3623f41e0966040a3832', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, hAsync("post-icon", { key: '3cd0d8dc0e05787f73f5e8f3e310bc430b1fbdaa', "aria-hidden": "true", name: "chevronright" }))));
|
|
12710
13074
|
}
|
|
12711
13075
|
get host() { return getElement(this); }
|
|
12712
13076
|
static get watchers() { return {
|
|
@@ -12729,7 +13093,7 @@ class PostMainnavigation {
|
|
|
12729
13093
|
}; }
|
|
12730
13094
|
}
|
|
12731
13095
|
|
|
12732
|
-
const postMegadropdownCss = () => `*,::before,::after{box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;
|
|
13096
|
+
const postMegadropdownCss = () => `*,::before,::after{box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;box-shadow:var(--post-device-elevation-300)}@media screen and (min-width: 1024px){.megadropdown{background-color:#f0efed;z-index:-1;inset-block-start:100%}.megadropdown.slide-in{animation:slide-down 350ms forwards}.megadropdown.slide-out{animation:slide-up 350ms forwards}}@media screen and (max-width: 1023.98px){.megadropdown{background-color:#fafafa;z-index:1;inset-block-start:var(--post-header-navigation-current-inset);overscroll-behavior:contain}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.megadropdown{border-block-end:1px solid CanvasText}}.section{width:100%;max-width:var(--post-header-content-max-width);margin-inline:auto;position:relative}@media screen and (min-width: 1024px){.section{max-height:calc(100vh - var(--post-header-height) - 3rem);padding:3rem 2.5rem 2.5rem}}@media screen and (max-width: 1023.98px){.section{display:flex;flex-direction:column;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));padding-inline:var(--post-burger-menu-padding-inline);padding-block:1.5rem}}.megadropdown-title{margin-block:0 1rem;font-weight:950}@media screen and (min-width: 600px)and (max-width: 1023.98px){.megadropdown-title{font-size:1.25rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.megadropdown-title{font-size:1.125rem}}.back-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;min-height:var(--post-device-sizing-interactive-button-height-4);gap:var(--post-device-spacing-gap-inline-11);padding:0 var(--post-device-spacing-padding-inline-7);border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);order:-1;width:fit-content;padding-inline:0}.back-button:hover{text-decoration:none}.back-button:disabled{border-style:var(--post-core-border-style-dash)}.back-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.back-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.back-button:is(a){color:LinkText;border:unset}.back-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.back-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.back-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.back-button>post-icon{width:var(--post-device-sizing-interactive-button-icon-5);height:var(--post-device-sizing-interactive-button-icon-5)}.back-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media screen and (min-width: 600px)and (max-width: 1023.98px){.back-button{margin-block-end:2rem}}@media screen and (min-width: 0)and (max-width: 599.98px){.back-button{margin-block-end:1.5rem}}.close-button{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}@media screen and (max-width: 1023.98px){.close-button{display:none}}`;
|
|
12733
13097
|
|
|
12734
13098
|
class PostMegadropdown {
|
|
12735
13099
|
validateTextClose() {
|
|
@@ -12789,7 +13153,7 @@ class PostMegadropdown {
|
|
|
12789
13153
|
this.handleClickOutside = this.handleClickOutside.bind(this);
|
|
12790
13154
|
}
|
|
12791
13155
|
connectedCallback() {
|
|
12792
|
-
|
|
13156
|
+
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
|
|
12793
13157
|
}
|
|
12794
13158
|
componentDidRender() {
|
|
12795
13159
|
this.getFocusableElements();
|
|
@@ -12802,7 +13166,7 @@ class PostMegadropdown {
|
|
|
12802
13166
|
this.handleAriaCurrentChange([]);
|
|
12803
13167
|
}
|
|
12804
13168
|
disconnectedCallback() {
|
|
12805
|
-
|
|
13169
|
+
globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
|
|
12806
13170
|
if (PostMegadropdown.activeDropdown === this)
|
|
12807
13171
|
PostMegadropdown.activeDropdown = null;
|
|
12808
13172
|
this.removeListeners();
|
|
@@ -12950,7 +13314,7 @@ class PostMegadropdown {
|
|
|
12950
13314
|
...getFocusableChildren(this.host.shadowRoot),
|
|
12951
13315
|
];
|
|
12952
13316
|
this.firstFocusableEl = focusableElements[0];
|
|
12953
|
-
this.lastFocusableEl = focusableElements
|
|
13317
|
+
this.lastFocusableEl = focusableElements.at(-1);
|
|
12954
13318
|
}
|
|
12955
13319
|
// Loop through the focusable children
|
|
12956
13320
|
keyboardHandler(e) {
|
|
@@ -13005,7 +13369,7 @@ class PostMegadropdown {
|
|
|
13005
13369
|
* and sets the trigger as active accordingly.
|
|
13006
13370
|
*/
|
|
13007
13371
|
handleAriaCurrentChange(mutations) {
|
|
13008
|
-
if (
|
|
13372
|
+
if (mutations.length === 0)
|
|
13009
13373
|
return;
|
|
13010
13374
|
const hasCurrentPage = mutations.some(m => m.target instanceof HTMLElement && m.target.getAttribute('aria-current') === 'page');
|
|
13011
13375
|
this.setTriggerActive(hasCurrentPage);
|
|
@@ -13021,7 +13385,7 @@ class PostMegadropdown {
|
|
|
13021
13385
|
}
|
|
13022
13386
|
render() {
|
|
13023
13387
|
const containerStyle = this.isVisible ? {} : { display: 'none' };
|
|
13024
|
-
return (hAsync(Host, { key: '
|
|
13388
|
+
return (hAsync(Host, { key: '6961721fc95306bdde7808d14555fba7fe984f1f', version: version$1 }, hAsync("div", { key: '1e1ae3f0610d666f4007762a6e8538e60423ab19', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, hAsync("div", { key: 'bd26a45af7ef5258d2ac19b86f4e6ffa246e8135', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (hAsync("p", { key: '7ad8428c845d35403eb74f1b01d695d91bb9f318', class: "megadropdown-title" }, this.megadropdownTitle)), hAsync("div", { key: '60dbccee09c3fe8b52d530a953128172d6350d95', class: "megadropdown-content" }, hAsync("slot", { key: 'e00a6ac942735d8029292cf77302940b2a117ae6' })), this.device === 'desktop' ? (hAsync("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (hAsync("button", { onClick: () => this.hide(true), class: "back-button" }, hAsync("post-icon", { name: "arrowleft" }), this.textBack))))));
|
|
13025
13389
|
}
|
|
13026
13390
|
get host() { return getElement(this); }
|
|
13027
13391
|
static get watchers() { return {
|
|
@@ -13057,7 +13421,7 @@ class PostMegadropdown {
|
|
|
13057
13421
|
/** Tracks the currently active dropdown instance. */
|
|
13058
13422
|
PostMegadropdown.activeDropdown = null;
|
|
13059
13423
|
|
|
13060
|
-
const postMegadropdownTriggerCss = () => `button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}button:hover{text-decoration:none}button:disabled{border-style:var(--post-core-border-style-dash)}button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(a){color:LinkText;border:unset}button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}button{--post-nav-item-border-width:1px;width:100%;justify-content:start;position:relative;padding:.75rem .75rem calc(.75rem - var(--post-nav-item-border-width)) .5rem;gap:1rem;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor;height:100%}button:hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg);border-bottom-color:rgba(0,0,0,0)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@supports not selector(:has(:focus-visible)){button:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}button:is(:focus-visible,:focus-within,.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:focus-within,.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}}button>post-icon:where(:last-child){margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){button{padding:calc(.5rem + 1.5px) .75rem calc(.5rem + 1.5px - var(--post-nav-item-border-width)) .5rem;gap:.5rem;font-size:.875rem}button>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){button{padding:1rem .75rem;gap:.5rem;border-bottom:none}}:host{position:relative;display:inline-block}button post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}button>span{position:relative}button>span>span[aria-hidden]{font-weight:700;visibility:hidden}button>span>span[aria-hidden]:where(span:empty+*){visibility:visible}button>span>span:not([aria-hidden]){position:absolute;inset:0}@media screen and (min-width: 1024px){button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){font-weight:700}}@media screen and (max-width: 1023.98px){button post-icon{margin-inline-start:auto;transform:rotate(-90deg) !important}}`;
|
|
13424
|
+
const postMegadropdownTriggerCss = () => `button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}button:hover{text-decoration:none}button:disabled{border-style:var(--post-core-border-style-dash)}button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){button:is(a){color:LinkText;border:unset}button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}button{--post-nav-item-border-width:1px;width:100%;justify-content:start;position:relative;padding:.75rem .75rem calc(.75rem - var(--post-nav-item-border-width)) .5rem;gap:1rem;border-radius:0;line-height:1.5;outline-color:currentColor !important;border-bottom:var(--post-nav-item-border-width) solid currentColor;height:100%}button:hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg);border-bottom-color:rgba(0,0,0,0)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline:none !important}button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:has(:focus-visible),.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}@supports not selector(:has(:focus-visible)){button:is(:focus-visible,:focus-within,.pretend-focus){outline:none !important}button:is(:focus-visible,:focus-within,.pretend-focus)::after{content:"";position:absolute;inset:calc(-1*var(--post-device-spacing-padding-28));border-width:var(--post-device-border-width-focus);border-style:var(--post-core-border-style-solid);border-color:var(--post-scheme-color-interactive-focus-stroke);border-radius:var(--post-device-border-radius-focus);pointer-events:none}button:is(:focus-visible,:focus-within,.pretend-focus):hover::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}button:is(:focus-visible,:focus-within,.pretend-focus):is([aria-current],[aria-pressed=true],[aria-expanded=true],.active)::after{border-color:var(--post-scheme-color-interactive-focus-stroke-inverted)}}button>post-icon:where(:last-child){margin-inline-start:auto}@media screen and (min-width: 0)and (max-width: 599.98px){button{padding:calc(.5rem + 1.5px) .75rem calc(.5rem + 1.5px - var(--post-nav-item-border-width)) .5rem;gap:.5rem;font-size:.875rem}button>post-icon{font-size:1rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){button{padding:1rem .75rem;gap:.5rem;border-bottom:none}}:host{position:relative;display:inline-block}button post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}button:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}button>span{position:relative}button>span>span[aria-hidden]{font-weight:700;visibility:hidden}button>span>span[aria-hidden]:where(span:empty+*){visibility:visible}button>span>span:not([aria-hidden]){position:absolute;inset:0}@media screen and (min-width: 1024px){button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){font-weight:700}button[aria-expanded=true]{background-color:#f0efed;color:#050400;z-index:2}button[aria-expanded=true]:hover{box-shadow:inset 0 -0.7px 0 0 #f0efed}button[aria-expanded=true]:is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}@supports not selector(:has(:focus-visible)){button[aria-expanded=true]:is(:focus-visible,:focus-within,.pretend-focus)::after{border-color:var(--post-scheme-color-interactive-focus-stroke)}}}@media screen and (max-width: 1023.98px){button post-icon{margin-inline-start:auto;transform:rotate(-90deg) !important}}`;
|
|
13061
13425
|
|
|
13062
13426
|
var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13063
13427
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -13132,7 +13496,7 @@ class PostMegadropdownTrigger {
|
|
|
13132
13496
|
this.megadropdown.toggle();
|
|
13133
13497
|
}
|
|
13134
13498
|
render() {
|
|
13135
|
-
return (hAsync(Host, { key: '
|
|
13499
|
+
return (hAsync(Host, { key: 'e70a1f0d724c551389128512ae41ff30a2869866', "data-version": version$1 }, hAsync("button", { key: 'a3beb6e4340c36b2d05a4e3cef8ee59d2fc39be0', ref: el => (this.interactiveButton = el), type: "button", "aria-haspopup": "menu", "aria-expanded": this.isMegadropdownExpanded.toString(), onClick: this.onClick.bind(this), onKeyDown: this.onKeyDown.bind(this), class: { active: this.active } }, hAsync("span", { key: 'ebdccdbce9d5073aa2514b839305e330310651c7' }, hAsync("span", { key: '3b0e98926b7dc995e03ac401eaaedcf52317ad2f', innerHTML: this.slottedContent }), hAsync("span", { key: '9d3728e8bd06e3f1a94b4b7dca77d47d30620236', "aria-hidden": "true" }, hAsync("slot", { key: 'c3f3d283e5cef0b4fbf00197aed283492a4f547a' }))), hAsync("post-icon", { key: '859a8d953f7ad844acd724dafdcb5fbb0ec706af', name: "chevrondown" }))));
|
|
13136
13500
|
}
|
|
13137
13501
|
get host() { return getElement(this); }
|
|
13138
13502
|
static get watchers() { return {
|
|
@@ -13304,7 +13668,7 @@ class PostMenu {
|
|
|
13304
13668
|
}
|
|
13305
13669
|
controlKeyDownHandler(e) {
|
|
13306
13670
|
const menuItems = this.getSlottedItems();
|
|
13307
|
-
if (
|
|
13671
|
+
if (menuItems.length === 0) {
|
|
13308
13672
|
return;
|
|
13309
13673
|
}
|
|
13310
13674
|
let currentIndex = menuItems.findIndex(el => {
|
|
@@ -13349,7 +13713,7 @@ class PostMenu {
|
|
|
13349
13713
|
.flatMap(el => Array.from(getFocusableChildren(el))));
|
|
13350
13714
|
}
|
|
13351
13715
|
render() {
|
|
13352
|
-
return (hAsync(Host, { key: '
|
|
13716
|
+
return (hAsync(Host, { key: '6a7129370201b73724e51376165ce7ee038b5b86', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '7cfae6f686abce9d6bcdf9667c9b0ef8926f3c2d', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, hAsync("div", { key: '5676f467dcc64043b27fc9698feae24bbb7f2c97', part: "post-menu" }, hAsync("slot", { key: 'e13b59b81063e52438209ac05f4414f19e2cb9d4', name: "header" }), hAsync("slot", { key: '90e634aa424e18a1340559921db6aca4f8c2e1fd' })))));
|
|
13353
13717
|
}
|
|
13354
13718
|
get host() { return getElement(this); }
|
|
13355
13719
|
static get watchers() { return {
|
|
@@ -13391,7 +13755,7 @@ class PostMenuItem {
|
|
|
13391
13755
|
registerInstance(this, hostRef);
|
|
13392
13756
|
}
|
|
13393
13757
|
connectedCallback() {
|
|
13394
|
-
this.host.
|
|
13758
|
+
this.host.dataset.version = version$1;
|
|
13395
13759
|
}
|
|
13396
13760
|
get host() { return getElement(this); }
|
|
13397
13761
|
static get style() { return postMenuItemCss(); }
|
|
@@ -13466,7 +13830,7 @@ class PostMenuTrigger {
|
|
|
13466
13830
|
return null;
|
|
13467
13831
|
}
|
|
13468
13832
|
render() {
|
|
13469
|
-
return (hAsync(Host, { key: '
|
|
13833
|
+
return (hAsync(Host, { key: 'fd213ee318ddc2b8437845af14b9d9cff16d2eaf', "data-version": version$1 }, hAsync("slot", { key: 'bd6d334a734bdc0d964d088131479cf8e6eb2e3b' })));
|
|
13470
13834
|
}
|
|
13471
13835
|
get host() { return getElement(this); }
|
|
13472
13836
|
static get watchers() { return {
|
|
@@ -13487,11 +13851,11 @@ class PostMenuTrigger {
|
|
|
13487
13851
|
}; }
|
|
13488
13852
|
}
|
|
13489
13853
|
|
|
13490
|
-
const postNumberInputCss = () => `:host{display:inline-flex;align-items:end}.input-container{position:relative}.step-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-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-
|
|
13854
|
+
const postNumberInputCss = () => `:host{display:inline-flex;align-items:end;width:100%}:host ::slotted(input[type=number]),:host .step-button{height:var(--post-device-sizing-interactive-button-height-6) !important}:host ::slotted(input[type=number]){border-radius:0 !important;padding-inline:var(--post-device-spacing-padding-inline-1);padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}:host ::slotted(input[type=number]:focus){outline:none !important}:host .step-button.disabled{background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);border-style:var(--post-core-border-style-dash)}:host(.number-input-sm) ::slotted(input[type=number]),:host(.number-input-sm) .step-button{height:var(--post-device-sizing-interactive-button-height-8) !important}:host(.number-input-sm) ::slotted(input[type=number]){font-size:var(--post-device-font-size-7) !important;padding-inline:var(--post-device-spacing-padding-inline-1) !important;padding-block:var(--post-device-spacing-padding-29) !important}:host(.number-input-sm) ::slotted(input[type=number].is-valid),:host(.number-input-sm) ::slotted(input[type=number].is-invalid){background-size:var(--post-device-sizing-notification-5) !important;padding-inline-end:calc( (var(--post-device-spacing-padding-inline-1)* 2) + var(--post-device-sizing-notification-5) ) !important}:host(.number-input-sm) .step-button{padding-inline:var(--post-device-spacing-padding-32);padding-block:var(--post-device-spacing-padding-2)}:host(.number-input-sm) .step-button post-icon{width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7)}:host(:hover) .step-button:not(.disabled){background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:hover) .step-button:not(.disabled){border-color:Highlight}}:host(:hover) .step-button:not(.disabled),:host(:hover) .step-button:not(.disabled) post-icon{color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.input-container{position:relative;flex-grow:1}.input-container:focus-within::after{content:"";pointer-events:none;z-index:2;width:calc(100% + (var(--post-device-border-width-default) * 2));height:calc(100% + (var(--post-device-border-width-default) * 2));border:var(--post-device-border-width-focus) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-focus-stroke);position:absolute;border-radius:var(--post-device-border-radius-1);top:calc((var(--post-device-border-width-default) * 2)*-1);left:calc((var(--post-device-border-width-default) * 2)*-1)}.step-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-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;transition:unset;box-sizing:border-box;flex:0 0 auto;border-radius:var(--post-device-border-radius-1);padding-inline:var(--post-device-spacing-padding-23);padding-block:var(--post-device-spacing-padding-22);box-shadow:var(--post-device-elevation-100);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.step-button:hover{text-decoration:none}.step-button:disabled{border-style:var(--post-core-border-style-dash)}.step-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}.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.step-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(a){color:LinkText;border:unset}.step-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.step-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.step-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.step-button post-icon{width:var(--post-device-sizing-interactive-icon-size6);height:var(--post-device-sizing-interactive-icon-size6)}.step-button:first-of-type{border-start-end-radius:0;border-end-end-radius:0;border-inline-end-width:0}.step-button:last-of-type{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0}.step-button.disabled{pointer-events:none;cursor:unset}`;
|
|
13491
13855
|
|
|
13492
13856
|
function parseNumber(input, key) {
|
|
13493
|
-
const value = parseFloat(input[key]);
|
|
13494
|
-
return isNaN(value) ? undefined : value;
|
|
13857
|
+
const value = Number.parseFloat(input[key]);
|
|
13858
|
+
return Number.isNaN(value) ? undefined : value;
|
|
13495
13859
|
}
|
|
13496
13860
|
function compare(value, bound, comparator) {
|
|
13497
13861
|
return value !== undefined && bound !== undefined && comparator(value, bound);
|
|
@@ -13499,12 +13863,16 @@ function compare(value, bound, comparator) {
|
|
|
13499
13863
|
class PostNumberInput {
|
|
13500
13864
|
constructor(hostRef) {
|
|
13501
13865
|
registerInstance(this, hostRef);
|
|
13866
|
+
this.isDisabled = false;
|
|
13502
13867
|
this.isIncrementDisabled = false;
|
|
13503
13868
|
this.isDecrementDisabled = false;
|
|
13869
|
+
this.small = false;
|
|
13504
13870
|
this.setupInput = debounce$1(50, () => {
|
|
13505
13871
|
this.input = this.input ?? getSlottedElement(this.host, 'input[type="number"]');
|
|
13506
13872
|
if (!this.input)
|
|
13507
13873
|
return;
|
|
13874
|
+
this.isDisabled = this.input.disabled;
|
|
13875
|
+
this.small = this.input.classList.contains('form-control-sm');
|
|
13508
13876
|
// step buttons may be disabled when the input loads
|
|
13509
13877
|
this.updateStepButtonState();
|
|
13510
13878
|
// step buttons may become disabled after the value is changed via keyboard / typing
|
|
@@ -13572,7 +13940,10 @@ class PostNumberInput {
|
|
|
13572
13940
|
}
|
|
13573
13941
|
render() {
|
|
13574
13942
|
const areButtonsShown = !!this.input;
|
|
13575
|
-
return (hAsync(Host, { key: '
|
|
13943
|
+
return (hAsync(Host, { key: '1a1defb8024bc4dcfcf6f979f93420a325bb1012', "data-version": version$1, class: {
|
|
13944
|
+
'number-input-sm': this.small,
|
|
13945
|
+
'disabled': this.isDisabled,
|
|
13946
|
+
} }, areButtonsShown && (hAsync("div", { key: 'a23952d7f1a43f6ff1e782adcab869371a40e101', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, hAsync("post-icon", { key: 'eeb4537e9ac72197acd575ae10229f49f136fd4d', name: "minus" }))), hAsync("div", { key: '1e0c3563ebace9de810a0fe149b7b2b92e226315', class: "input-container" }, hAsync("slot", { key: '7dba31b4f6b4bfb644f9285a9514aa5f927d46ec', onSlotchange: () => this.setupInput() })), areButtonsShown && (hAsync("div", { key: '7d5ab980dc88e22cf707d2c07a862ed3c3c96b42', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, hAsync("post-icon", { key: 'ed409eab6593d3077a6f42123d61847bd1766b43', name: "plus" })))));
|
|
13576
13947
|
}
|
|
13577
13948
|
get host() { return getElement(this); }
|
|
13578
13949
|
static get style() { return postNumberInputCss(); }
|
|
@@ -13580,8 +13951,10 @@ class PostNumberInput {
|
|
|
13580
13951
|
"$flags$": 265,
|
|
13581
13952
|
"$tagName$": "post-number-input",
|
|
13582
13953
|
"$members$": {
|
|
13954
|
+
"isDisabled": [32],
|
|
13583
13955
|
"isIncrementDisabled": [32],
|
|
13584
13956
|
"isDecrementDisabled": [32],
|
|
13957
|
+
"small": [32],
|
|
13585
13958
|
"input": [32]
|
|
13586
13959
|
},
|
|
13587
13960
|
"$listeners$": undefined,
|
|
@@ -13693,7 +14066,7 @@ class PostPagination {
|
|
|
13693
14066
|
scheduleMeasurement() {
|
|
13694
14067
|
if (!this.loaded)
|
|
13695
14068
|
return;
|
|
13696
|
-
this.measurementTimeoutId =
|
|
14069
|
+
this.measurementTimeoutId = globalThis.setTimeout(() => {
|
|
13697
14070
|
const canMeasure = this.navRef?.clientWidth > 0 && this.hiddenItemsRef;
|
|
13698
14071
|
if (canMeasure) {
|
|
13699
14072
|
this.measureAndCalculateVisiblePages();
|
|
@@ -13765,9 +14138,9 @@ class PostPagination {
|
|
|
13765
14138
|
getPaginationPadding() {
|
|
13766
14139
|
if (!this.navRef)
|
|
13767
14140
|
return 0;
|
|
13768
|
-
const computedStyle =
|
|
13769
|
-
const paddingLeft = parseFloat(computedStyle.paddingLeft) || 0;
|
|
13770
|
-
const paddingRight = parseFloat(computedStyle.paddingRight) || 0;
|
|
14141
|
+
const computedStyle = globalThis.getComputedStyle(this.navRef);
|
|
14142
|
+
const paddingLeft = Number.parseFloat(computedStyle.paddingLeft) || 0;
|
|
14143
|
+
const paddingRight = Number.parseFloat(computedStyle.paddingRight) || 0;
|
|
13771
14144
|
return paddingLeft + paddingRight;
|
|
13772
14145
|
}
|
|
13773
14146
|
/**
|
|
@@ -13788,8 +14161,8 @@ class PostPagination {
|
|
|
13788
14161
|
* Clamps the page number to valid range
|
|
13789
14162
|
*/
|
|
13790
14163
|
clampPageToValidRange(totalPages) {
|
|
13791
|
-
const invalidTotalPages = totalPages === 0 || this.invalidSize || isNaN(totalPages);
|
|
13792
|
-
const invalidPage = !this.page || this.page < 1 || isNaN(this.page);
|
|
14164
|
+
const invalidTotalPages = totalPages === 0 || this.invalidSize || Number.isNaN(totalPages);
|
|
14165
|
+
const invalidPage = !this.page || this.page < 1 || Number.isNaN(this.page);
|
|
13793
14166
|
const pageExceedsTotal = this.page > totalPages;
|
|
13794
14167
|
if (invalidTotalPages || invalidPage) {
|
|
13795
14168
|
return 1;
|
|
@@ -14270,7 +14643,7 @@ class PostPopover {
|
|
|
14270
14643
|
}
|
|
14271
14644
|
}
|
|
14272
14645
|
render() {
|
|
14273
|
-
return (hAsync(Host, { key: '
|
|
14646
|
+
return (hAsync(Host, { key: '6c2562d4387dcbbd298bf438da50053a8737585f', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '1652f2a6647c0fae7ee9e371db0d6a2ceedc1396', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, hAsync("div", { key: '9788322373590a2e63043999991cd783dff00c63', class: "popover-container" }, hAsync("div", { key: '9e0df1357a3d2e774065995d0a43414f5c8ecca8', class: "popover-content" }, hAsync("slot", { key: 'a407102dccd542eac230099ef577fce7e99b52cc' })), hAsync("post-closebutton", { key: '490d4e82c6266cd277e98c4a079096b38b60d2aa', onClick: () => this.hide() }, this.textClose)))));
|
|
14274
14647
|
}
|
|
14275
14648
|
get host() { return getElement(this); }
|
|
14276
14649
|
static get watchers() { return {
|
|
@@ -19308,7 +19681,7 @@ function requireFocusable () {
|
|
|
19308
19681
|
}
|
|
19309
19682
|
|
|
19310
19683
|
var focusableExports = requireFocusable();
|
|
19311
|
-
var isFocusable
|
|
19684
|
+
var isFocusable = /*@__PURE__*/getDefaultExportFromCjs(focusableExports);
|
|
19312
19685
|
|
|
19313
19686
|
const postPopoverTriggerCss = () => `:host{cursor:pointer}`;
|
|
19314
19687
|
|
|
@@ -19347,7 +19720,7 @@ class PostPopoverTrigger {
|
|
|
19347
19720
|
return;
|
|
19348
19721
|
}
|
|
19349
19722
|
// check if its not focusable and add aria role and tabindex
|
|
19350
|
-
if (!isFocusable
|
|
19723
|
+
if (!isFocusable(this.trigger)) {
|
|
19351
19724
|
this.trigger.setAttribute('tabindex', '0');
|
|
19352
19725
|
this.trigger.setAttribute('role', 'button');
|
|
19353
19726
|
}
|
|
@@ -19416,7 +19789,7 @@ class PostPopoverTrigger {
|
|
|
19416
19789
|
this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
|
|
19417
19790
|
}
|
|
19418
19791
|
render() {
|
|
19419
|
-
return (hAsync(Host, { key: '
|
|
19792
|
+
return (hAsync(Host, { key: '1ee10390dbe3667e8f61a36c0c64712b3c9b6fe9', "data-version": version$1 }, hAsync("slot", { key: 'c26260df89de55ccb71a29ddb53e559b6fae8bda', onSlotchange: () => this.setupTrigger() })));
|
|
19420
19793
|
}
|
|
19421
19794
|
get host() { return getElement(this); }
|
|
19422
19795
|
static get watchers() { return {
|
|
@@ -21365,798 +21738,6 @@ const computePosition = (reference, floating, options) => {
|
|
|
21365
21738
|
});
|
|
21366
21739
|
};
|
|
21367
21740
|
|
|
21368
|
-
// src/events.ts
|
|
21369
|
-
var ToggleEvent = class extends Event {
|
|
21370
|
-
oldState;
|
|
21371
|
-
newState;
|
|
21372
|
-
constructor(type, { oldState = "", newState = "", ...init } = {}) {
|
|
21373
|
-
super(type, init);
|
|
21374
|
-
this.oldState = String(oldState || "");
|
|
21375
|
-
this.newState = String(newState || "");
|
|
21376
|
-
}
|
|
21377
|
-
};
|
|
21378
|
-
var popoverToggleTaskQueue = /* @__PURE__ */ new WeakMap();
|
|
21379
|
-
function queuePopoverToggleEventTask(element, oldState, newState) {
|
|
21380
|
-
popoverToggleTaskQueue.set(
|
|
21381
|
-
element,
|
|
21382
|
-
setTimeout(() => {
|
|
21383
|
-
if (!popoverToggleTaskQueue.has(element)) return;
|
|
21384
|
-
element.dispatchEvent(
|
|
21385
|
-
new ToggleEvent("toggle", {
|
|
21386
|
-
cancelable: false,
|
|
21387
|
-
oldState,
|
|
21388
|
-
newState
|
|
21389
|
-
})
|
|
21390
|
-
);
|
|
21391
|
-
}, 0)
|
|
21392
|
-
);
|
|
21393
|
-
}
|
|
21394
|
-
|
|
21395
|
-
// src/popover-helpers.ts
|
|
21396
|
-
var ShadowRoot$1 = globalThis.ShadowRoot || function() {
|
|
21397
|
-
};
|
|
21398
|
-
var HTMLDialogElement = globalThis.HTMLDialogElement || function() {
|
|
21399
|
-
};
|
|
21400
|
-
var topLayerElements = /* @__PURE__ */ new WeakMap();
|
|
21401
|
-
var autoPopoverList = /* @__PURE__ */ new WeakMap();
|
|
21402
|
-
var hintPopoverList = /* @__PURE__ */ new WeakMap();
|
|
21403
|
-
var visibilityState = /* @__PURE__ */ new WeakMap();
|
|
21404
|
-
function getPopoverVisibilityState(popover) {
|
|
21405
|
-
return visibilityState.get(popover) || "hidden";
|
|
21406
|
-
}
|
|
21407
|
-
var popoverInvoker = /* @__PURE__ */ new WeakMap();
|
|
21408
|
-
function lastSetElement(set) {
|
|
21409
|
-
return [...set].pop();
|
|
21410
|
-
}
|
|
21411
|
-
function popoverTargetAttributeActivationBehavior(element) {
|
|
21412
|
-
const popover = element.popoverTargetElement;
|
|
21413
|
-
if (!(popover instanceof HTMLElement)) {
|
|
21414
|
-
return;
|
|
21415
|
-
}
|
|
21416
|
-
const visibility = getPopoverVisibilityState(popover);
|
|
21417
|
-
if (element.popoverTargetAction === "show" && visibility === "showing") {
|
|
21418
|
-
return;
|
|
21419
|
-
}
|
|
21420
|
-
if (element.popoverTargetAction === "hide" && visibility === "hidden") return;
|
|
21421
|
-
if (visibility === "showing") {
|
|
21422
|
-
hidePopover(popover, true, true);
|
|
21423
|
-
} else if (checkPopoverValidity(popover, false)) {
|
|
21424
|
-
popoverInvoker.set(popover, element);
|
|
21425
|
-
showPopover(popover);
|
|
21426
|
-
}
|
|
21427
|
-
}
|
|
21428
|
-
function checkPopoverValidity(element, expectedToBeShowing) {
|
|
21429
|
-
if (element.popover !== "auto" && element.popover !== "manual" && element.popover !== "hint") {
|
|
21430
|
-
return false;
|
|
21431
|
-
}
|
|
21432
|
-
if (!element.isConnected) return false;
|
|
21433
|
-
if (expectedToBeShowing && getPopoverVisibilityState(element) !== "showing") {
|
|
21434
|
-
return false;
|
|
21435
|
-
}
|
|
21436
|
-
if (!expectedToBeShowing && getPopoverVisibilityState(element) !== "hidden") {
|
|
21437
|
-
return false;
|
|
21438
|
-
}
|
|
21439
|
-
if (element instanceof HTMLDialogElement && element.hasAttribute("open")) {
|
|
21440
|
-
return false;
|
|
21441
|
-
}
|
|
21442
|
-
if (document.fullscreenElement === element) return false;
|
|
21443
|
-
return true;
|
|
21444
|
-
}
|
|
21445
|
-
function getStackPosition(popover) {
|
|
21446
|
-
if (!popover) return 0;
|
|
21447
|
-
const autoPopovers = autoPopoverList.get(document) || /* @__PURE__ */ new Set();
|
|
21448
|
-
const hintPopovers = hintPopoverList.get(document) || /* @__PURE__ */ new Set();
|
|
21449
|
-
if (hintPopovers.has(popover)) {
|
|
21450
|
-
return [...hintPopovers].indexOf(popover) + autoPopovers.size + 1;
|
|
21451
|
-
}
|
|
21452
|
-
if (autoPopovers.has(popover)) {
|
|
21453
|
-
return [...autoPopovers].indexOf(popover) + 1;
|
|
21454
|
-
}
|
|
21455
|
-
return 0;
|
|
21456
|
-
}
|
|
21457
|
-
function topMostClickedPopover(target) {
|
|
21458
|
-
const clickedPopover = nearestInclusiveOpenPopover(target);
|
|
21459
|
-
const invokerPopover = nearestInclusiveTargetPopoverForInvoker(target);
|
|
21460
|
-
if (getStackPosition(clickedPopover) > getStackPosition(invokerPopover)) {
|
|
21461
|
-
return clickedPopover;
|
|
21462
|
-
}
|
|
21463
|
-
return invokerPopover;
|
|
21464
|
-
}
|
|
21465
|
-
function topmostAutoOrHintPopover(document2) {
|
|
21466
|
-
let topmostPopover;
|
|
21467
|
-
const hintPopovers = hintPopoverList.get(document2) || /* @__PURE__ */ new Set();
|
|
21468
|
-
const autoPopovers = autoPopoverList.get(document2) || /* @__PURE__ */ new Set();
|
|
21469
|
-
const usedStack = hintPopovers.size > 0 ? hintPopovers : autoPopovers.size > 0 ? autoPopovers : null;
|
|
21470
|
-
if (usedStack) {
|
|
21471
|
-
topmostPopover = lastSetElement(usedStack);
|
|
21472
|
-
if (!topmostPopover.isConnected) {
|
|
21473
|
-
usedStack.delete(topmostPopover);
|
|
21474
|
-
return topmostAutoOrHintPopover(document2);
|
|
21475
|
-
}
|
|
21476
|
-
return topmostPopover;
|
|
21477
|
-
}
|
|
21478
|
-
return null;
|
|
21479
|
-
}
|
|
21480
|
-
function topMostPopoverInList(list) {
|
|
21481
|
-
for (const popover of list || []) {
|
|
21482
|
-
if (!popover.isConnected) {
|
|
21483
|
-
list.delete(popover);
|
|
21484
|
-
} else {
|
|
21485
|
-
return popover;
|
|
21486
|
-
}
|
|
21487
|
-
}
|
|
21488
|
-
return null;
|
|
21489
|
-
}
|
|
21490
|
-
function getRootNode(node) {
|
|
21491
|
-
if (typeof node.getRootNode === "function") {
|
|
21492
|
-
return node.getRootNode();
|
|
21493
|
-
}
|
|
21494
|
-
if (node.parentNode) return getRootNode(node.parentNode);
|
|
21495
|
-
return node;
|
|
21496
|
-
}
|
|
21497
|
-
function nearestInclusiveOpenPopover(node) {
|
|
21498
|
-
while (node) {
|
|
21499
|
-
if (node instanceof HTMLElement && node.popover === "auto" && visibilityState.get(node) === "showing") {
|
|
21500
|
-
return node;
|
|
21501
|
-
}
|
|
21502
|
-
node = node instanceof Element && node.assignedSlot || node.parentElement || getRootNode(node);
|
|
21503
|
-
if (node instanceof ShadowRoot$1) node = node.host;
|
|
21504
|
-
if (node instanceof Document) return;
|
|
21505
|
-
}
|
|
21506
|
-
}
|
|
21507
|
-
function nearestInclusiveTargetPopoverForInvoker(node) {
|
|
21508
|
-
while (node) {
|
|
21509
|
-
const nodePopover = node.popoverTargetElement;
|
|
21510
|
-
if (nodePopover instanceof HTMLElement) return nodePopover;
|
|
21511
|
-
node = node.parentElement || getRootNode(node);
|
|
21512
|
-
if (node instanceof ShadowRoot$1) node = node.host;
|
|
21513
|
-
if (node instanceof Document) return;
|
|
21514
|
-
}
|
|
21515
|
-
}
|
|
21516
|
-
function topMostPopoverAncestor(newPopover, list) {
|
|
21517
|
-
const popoverPositions = /* @__PURE__ */ new Map();
|
|
21518
|
-
let i = 0;
|
|
21519
|
-
for (const popover of list || []) {
|
|
21520
|
-
popoverPositions.set(popover, i);
|
|
21521
|
-
i += 1;
|
|
21522
|
-
}
|
|
21523
|
-
popoverPositions.set(newPopover, i);
|
|
21524
|
-
i += 1;
|
|
21525
|
-
let topMostPopoverAncestor2 = null;
|
|
21526
|
-
function checkAncestor(candidate) {
|
|
21527
|
-
if (!candidate) return;
|
|
21528
|
-
let okNesting = false;
|
|
21529
|
-
let candidateAncestor = null;
|
|
21530
|
-
let candidatePosition = null;
|
|
21531
|
-
while (!okNesting) {
|
|
21532
|
-
candidateAncestor = nearestInclusiveOpenPopover(candidate) || null;
|
|
21533
|
-
if (candidateAncestor === null) return;
|
|
21534
|
-
if (!popoverPositions.has(candidateAncestor)) return;
|
|
21535
|
-
if (newPopover.popover === "hint" || candidateAncestor.popover === "auto") {
|
|
21536
|
-
okNesting = true;
|
|
21537
|
-
}
|
|
21538
|
-
if (!okNesting) {
|
|
21539
|
-
candidate = candidateAncestor.parentElement;
|
|
21540
|
-
}
|
|
21541
|
-
}
|
|
21542
|
-
candidatePosition = popoverPositions.get(candidateAncestor);
|
|
21543
|
-
if (topMostPopoverAncestor2 === null || popoverPositions.get(topMostPopoverAncestor2) < candidatePosition) {
|
|
21544
|
-
topMostPopoverAncestor2 = candidateAncestor;
|
|
21545
|
-
}
|
|
21546
|
-
}
|
|
21547
|
-
checkAncestor(newPopover.parentElement || getRootNode(newPopover));
|
|
21548
|
-
return topMostPopoverAncestor2;
|
|
21549
|
-
}
|
|
21550
|
-
function isFocusable(focusTarget) {
|
|
21551
|
-
if (focusTarget.hidden || focusTarget instanceof ShadowRoot$1) return false;
|
|
21552
|
-
if (focusTarget instanceof HTMLButtonElement || focusTarget instanceof HTMLInputElement || focusTarget instanceof HTMLSelectElement || focusTarget instanceof HTMLTextAreaElement || focusTarget instanceof HTMLOptGroupElement || focusTarget instanceof HTMLOptionElement || focusTarget instanceof HTMLFieldSetElement) {
|
|
21553
|
-
if (focusTarget.disabled) return false;
|
|
21554
|
-
}
|
|
21555
|
-
if (focusTarget instanceof HTMLInputElement && focusTarget.type === "hidden") {
|
|
21556
|
-
return false;
|
|
21557
|
-
}
|
|
21558
|
-
if (focusTarget instanceof HTMLAnchorElement && focusTarget.href === "") {
|
|
21559
|
-
return false;
|
|
21560
|
-
}
|
|
21561
|
-
return typeof focusTarget.tabIndex === "number" && focusTarget.tabIndex !== -1;
|
|
21562
|
-
}
|
|
21563
|
-
function focusDelegate(focusTarget) {
|
|
21564
|
-
if (focusTarget.shadowRoot && focusTarget.shadowRoot.delegatesFocus !== true) {
|
|
21565
|
-
return null;
|
|
21566
|
-
}
|
|
21567
|
-
let whereToLook = focusTarget;
|
|
21568
|
-
if (whereToLook.shadowRoot) {
|
|
21569
|
-
whereToLook = whereToLook.shadowRoot;
|
|
21570
|
-
}
|
|
21571
|
-
let autoFocusDelegate = whereToLook.querySelector("[autofocus]");
|
|
21572
|
-
if (autoFocusDelegate) {
|
|
21573
|
-
return autoFocusDelegate;
|
|
21574
|
-
} else {
|
|
21575
|
-
const slots = whereToLook.querySelectorAll("slot");
|
|
21576
|
-
for (const slot of slots) {
|
|
21577
|
-
const assignedElements = slot.assignedElements({ flatten: true });
|
|
21578
|
-
for (const el of assignedElements) {
|
|
21579
|
-
if (el.hasAttribute("autofocus")) {
|
|
21580
|
-
return el;
|
|
21581
|
-
} else {
|
|
21582
|
-
autoFocusDelegate = el.querySelector("[autofocus]");
|
|
21583
|
-
if (autoFocusDelegate) {
|
|
21584
|
-
return autoFocusDelegate;
|
|
21585
|
-
}
|
|
21586
|
-
}
|
|
21587
|
-
}
|
|
21588
|
-
}
|
|
21589
|
-
}
|
|
21590
|
-
const walker = focusTarget.ownerDocument.createTreeWalker(
|
|
21591
|
-
whereToLook,
|
|
21592
|
-
NodeFilter.SHOW_ELEMENT
|
|
21593
|
-
);
|
|
21594
|
-
let descendant = walker.currentNode;
|
|
21595
|
-
while (descendant) {
|
|
21596
|
-
if (isFocusable(descendant)) {
|
|
21597
|
-
return descendant;
|
|
21598
|
-
}
|
|
21599
|
-
descendant = walker.nextNode();
|
|
21600
|
-
}
|
|
21601
|
-
}
|
|
21602
|
-
function popoverFocusingSteps(subject) {
|
|
21603
|
-
focusDelegate(subject)?.focus();
|
|
21604
|
-
}
|
|
21605
|
-
var previouslyFocusedElements = /* @__PURE__ */ new WeakMap();
|
|
21606
|
-
function showPopover(element) {
|
|
21607
|
-
if (!checkPopoverValidity(element, false)) {
|
|
21608
|
-
return;
|
|
21609
|
-
}
|
|
21610
|
-
const document2 = element.ownerDocument;
|
|
21611
|
-
if (!element.dispatchEvent(
|
|
21612
|
-
new ToggleEvent("beforetoggle", {
|
|
21613
|
-
cancelable: true,
|
|
21614
|
-
oldState: "closed",
|
|
21615
|
-
newState: "open"
|
|
21616
|
-
})
|
|
21617
|
-
)) {
|
|
21618
|
-
return;
|
|
21619
|
-
}
|
|
21620
|
-
if (!checkPopoverValidity(element, false)) {
|
|
21621
|
-
return;
|
|
21622
|
-
}
|
|
21623
|
-
let shouldRestoreFocus = false;
|
|
21624
|
-
const originalType = element.popover;
|
|
21625
|
-
let stackToAppendTo = null;
|
|
21626
|
-
const autoAncestor = topMostPopoverAncestor(
|
|
21627
|
-
element,
|
|
21628
|
-
autoPopoverList.get(document2) || /* @__PURE__ */ new Set()
|
|
21629
|
-
);
|
|
21630
|
-
const hintAncestor = topMostPopoverAncestor(
|
|
21631
|
-
element,
|
|
21632
|
-
hintPopoverList.get(document2) || /* @__PURE__ */ new Set()
|
|
21633
|
-
);
|
|
21634
|
-
if (originalType === "auto") {
|
|
21635
|
-
closeAllOpenPopoversInList(
|
|
21636
|
-
hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
|
|
21637
|
-
shouldRestoreFocus,
|
|
21638
|
-
true
|
|
21639
|
-
);
|
|
21640
|
-
const ancestor = autoAncestor || document2;
|
|
21641
|
-
hideAllPopoversUntil(ancestor, shouldRestoreFocus, true);
|
|
21642
|
-
stackToAppendTo = "auto";
|
|
21643
|
-
}
|
|
21644
|
-
if (originalType === "hint") {
|
|
21645
|
-
if (hintAncestor) {
|
|
21646
|
-
hideAllPopoversUntil(hintAncestor, shouldRestoreFocus, true);
|
|
21647
|
-
stackToAppendTo = "hint";
|
|
21648
|
-
} else {
|
|
21649
|
-
closeAllOpenPopoversInList(
|
|
21650
|
-
hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
|
|
21651
|
-
shouldRestoreFocus,
|
|
21652
|
-
true
|
|
21653
|
-
);
|
|
21654
|
-
if (autoAncestor) {
|
|
21655
|
-
hideAllPopoversUntil(autoAncestor, shouldRestoreFocus, true);
|
|
21656
|
-
stackToAppendTo = "auto";
|
|
21657
|
-
} else {
|
|
21658
|
-
stackToAppendTo = "hint";
|
|
21659
|
-
}
|
|
21660
|
-
}
|
|
21661
|
-
}
|
|
21662
|
-
if (originalType === "auto" || originalType === "hint") {
|
|
21663
|
-
if (originalType !== element.popover || !checkPopoverValidity(element, false)) {
|
|
21664
|
-
return;
|
|
21665
|
-
}
|
|
21666
|
-
if (!topmostAutoOrHintPopover(document2)) {
|
|
21667
|
-
shouldRestoreFocus = true;
|
|
21668
|
-
}
|
|
21669
|
-
if (stackToAppendTo === "auto") {
|
|
21670
|
-
if (!autoPopoverList.has(document2)) {
|
|
21671
|
-
autoPopoverList.set(document2, /* @__PURE__ */ new Set());
|
|
21672
|
-
}
|
|
21673
|
-
autoPopoverList.get(document2).add(element);
|
|
21674
|
-
} else if (stackToAppendTo === "hint") {
|
|
21675
|
-
if (!hintPopoverList.has(document2)) {
|
|
21676
|
-
hintPopoverList.set(document2, /* @__PURE__ */ new Set());
|
|
21677
|
-
}
|
|
21678
|
-
hintPopoverList.get(document2).add(element);
|
|
21679
|
-
}
|
|
21680
|
-
}
|
|
21681
|
-
previouslyFocusedElements.delete(element);
|
|
21682
|
-
const originallyFocusedElement = document2.activeElement;
|
|
21683
|
-
element.classList.add(":popover-open");
|
|
21684
|
-
visibilityState.set(element, "showing");
|
|
21685
|
-
if (!topLayerElements.has(document2)) {
|
|
21686
|
-
topLayerElements.set(document2, /* @__PURE__ */ new Set());
|
|
21687
|
-
}
|
|
21688
|
-
topLayerElements.get(document2).add(element);
|
|
21689
|
-
setInvokerAriaExpanded(popoverInvoker.get(element), true);
|
|
21690
|
-
popoverFocusingSteps(element);
|
|
21691
|
-
if (shouldRestoreFocus && originallyFocusedElement && element.popover === "auto") {
|
|
21692
|
-
previouslyFocusedElements.set(element, originallyFocusedElement);
|
|
21693
|
-
}
|
|
21694
|
-
queuePopoverToggleEventTask(element, "closed", "open");
|
|
21695
|
-
}
|
|
21696
|
-
function hidePopover(element, focusPreviousElement = false, fireEvents = false) {
|
|
21697
|
-
if (!checkPopoverValidity(element, true)) {
|
|
21698
|
-
return;
|
|
21699
|
-
}
|
|
21700
|
-
const document2 = element.ownerDocument;
|
|
21701
|
-
if (["auto", "hint"].includes(element.popover)) {
|
|
21702
|
-
hideAllPopoversUntil(element, focusPreviousElement, fireEvents);
|
|
21703
|
-
if (!checkPopoverValidity(element, true)) {
|
|
21704
|
-
return;
|
|
21705
|
-
}
|
|
21706
|
-
}
|
|
21707
|
-
const autoList = autoPopoverList.get(document2) || /* @__PURE__ */ new Set();
|
|
21708
|
-
const autoPopoverListContainsElement = autoList.has(element) && lastSetElement(autoList) === element;
|
|
21709
|
-
setInvokerAriaExpanded(popoverInvoker.get(element), false);
|
|
21710
|
-
popoverInvoker.delete(element);
|
|
21711
|
-
if (fireEvents) {
|
|
21712
|
-
element.dispatchEvent(
|
|
21713
|
-
new ToggleEvent("beforetoggle", {
|
|
21714
|
-
oldState: "open",
|
|
21715
|
-
newState: "closed"
|
|
21716
|
-
})
|
|
21717
|
-
);
|
|
21718
|
-
if (autoPopoverListContainsElement && lastSetElement(autoList) !== element) {
|
|
21719
|
-
hideAllPopoversUntil(element, focusPreviousElement, fireEvents);
|
|
21720
|
-
}
|
|
21721
|
-
if (!checkPopoverValidity(element, true)) {
|
|
21722
|
-
return;
|
|
21723
|
-
}
|
|
21724
|
-
}
|
|
21725
|
-
topLayerElements.get(document2)?.delete(element);
|
|
21726
|
-
autoList.delete(element);
|
|
21727
|
-
hintPopoverList.get(document2)?.delete(element);
|
|
21728
|
-
element.classList.remove(":popover-open");
|
|
21729
|
-
visibilityState.set(element, "hidden");
|
|
21730
|
-
if (fireEvents) {
|
|
21731
|
-
queuePopoverToggleEventTask(element, "open", "closed");
|
|
21732
|
-
}
|
|
21733
|
-
const previouslyFocusedElement = previouslyFocusedElements.get(element);
|
|
21734
|
-
if (previouslyFocusedElement) {
|
|
21735
|
-
previouslyFocusedElements.delete(element);
|
|
21736
|
-
if (focusPreviousElement) {
|
|
21737
|
-
previouslyFocusedElement.focus();
|
|
21738
|
-
}
|
|
21739
|
-
}
|
|
21740
|
-
}
|
|
21741
|
-
function closeAllOpenPopovers(document2, focusPreviousElement = false, fireEvents = false) {
|
|
21742
|
-
let popover = topmostAutoOrHintPopover(document2);
|
|
21743
|
-
while (popover) {
|
|
21744
|
-
hidePopover(popover, focusPreviousElement, fireEvents);
|
|
21745
|
-
popover = topmostAutoOrHintPopover(document2);
|
|
21746
|
-
}
|
|
21747
|
-
}
|
|
21748
|
-
function closeAllOpenPopoversInList(list, focusPreviousElement = false, fireEvents = false) {
|
|
21749
|
-
let popover = topMostPopoverInList(list);
|
|
21750
|
-
while (popover) {
|
|
21751
|
-
hidePopover(popover, focusPreviousElement, fireEvents);
|
|
21752
|
-
popover = topMostPopoverInList(list);
|
|
21753
|
-
}
|
|
21754
|
-
}
|
|
21755
|
-
function hidePopoverStackUntil(endpoint, set, focusPreviousElement, fireEvents) {
|
|
21756
|
-
let repeatingHide = false;
|
|
21757
|
-
let hasRunOnce = false;
|
|
21758
|
-
while (repeatingHide || !hasRunOnce) {
|
|
21759
|
-
hasRunOnce = true;
|
|
21760
|
-
let lastToHide = null;
|
|
21761
|
-
let foundEndpoint = false;
|
|
21762
|
-
for (const popover of set) {
|
|
21763
|
-
if (popover === endpoint) {
|
|
21764
|
-
foundEndpoint = true;
|
|
21765
|
-
} else if (foundEndpoint) {
|
|
21766
|
-
lastToHide = popover;
|
|
21767
|
-
break;
|
|
21768
|
-
}
|
|
21769
|
-
}
|
|
21770
|
-
if (!lastToHide) return;
|
|
21771
|
-
while (getPopoverVisibilityState(lastToHide) === "showing" && set.size) {
|
|
21772
|
-
hidePopover(lastSetElement(set), focusPreviousElement, fireEvents);
|
|
21773
|
-
}
|
|
21774
|
-
if (set.has(endpoint) && lastSetElement(set) !== endpoint) {
|
|
21775
|
-
repeatingHide = true;
|
|
21776
|
-
}
|
|
21777
|
-
if (repeatingHide) {
|
|
21778
|
-
fireEvents = false;
|
|
21779
|
-
}
|
|
21780
|
-
}
|
|
21781
|
-
}
|
|
21782
|
-
function hideAllPopoversUntil(endpoint, focusPreviousElement, fireEvents) {
|
|
21783
|
-
const document2 = endpoint.ownerDocument || endpoint;
|
|
21784
|
-
if (endpoint instanceof Document) {
|
|
21785
|
-
return closeAllOpenPopovers(document2, focusPreviousElement, fireEvents);
|
|
21786
|
-
}
|
|
21787
|
-
if (hintPopoverList.get(document2)?.has(endpoint)) {
|
|
21788
|
-
hidePopoverStackUntil(
|
|
21789
|
-
endpoint,
|
|
21790
|
-
hintPopoverList.get(document2),
|
|
21791
|
-
focusPreviousElement,
|
|
21792
|
-
fireEvents
|
|
21793
|
-
);
|
|
21794
|
-
return;
|
|
21795
|
-
}
|
|
21796
|
-
closeAllOpenPopoversInList(
|
|
21797
|
-
hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
|
|
21798
|
-
focusPreviousElement,
|
|
21799
|
-
fireEvents
|
|
21800
|
-
);
|
|
21801
|
-
if (!autoPopoverList.get(document2)?.has(endpoint)) {
|
|
21802
|
-
return;
|
|
21803
|
-
}
|
|
21804
|
-
hidePopoverStackUntil(
|
|
21805
|
-
endpoint,
|
|
21806
|
-
autoPopoverList.get(document2),
|
|
21807
|
-
focusPreviousElement,
|
|
21808
|
-
fireEvents
|
|
21809
|
-
);
|
|
21810
|
-
}
|
|
21811
|
-
var popoverPointerDownTargets = /* @__PURE__ */ new WeakMap();
|
|
21812
|
-
function lightDismissOpenPopovers(event) {
|
|
21813
|
-
if (!event.isTrusted) return;
|
|
21814
|
-
const target = event.composedPath()[0];
|
|
21815
|
-
if (!target) return;
|
|
21816
|
-
const document2 = target.ownerDocument;
|
|
21817
|
-
const topMostPopover = topmostAutoOrHintPopover(document2);
|
|
21818
|
-
if (!topMostPopover) return;
|
|
21819
|
-
const ancestor = topMostClickedPopover(target);
|
|
21820
|
-
if (ancestor && event.type === "pointerdown") {
|
|
21821
|
-
popoverPointerDownTargets.set(document2, ancestor);
|
|
21822
|
-
} else if (event.type === "pointerup") {
|
|
21823
|
-
const sameTarget = popoverPointerDownTargets.get(document2) === ancestor;
|
|
21824
|
-
popoverPointerDownTargets.delete(document2);
|
|
21825
|
-
if (sameTarget) {
|
|
21826
|
-
hideAllPopoversUntil(ancestor || document2, false, true);
|
|
21827
|
-
}
|
|
21828
|
-
}
|
|
21829
|
-
}
|
|
21830
|
-
var initialAriaExpandedValue = /* @__PURE__ */ new WeakMap();
|
|
21831
|
-
function setInvokerAriaExpanded(el, force = false) {
|
|
21832
|
-
if (!el) return;
|
|
21833
|
-
if (!initialAriaExpandedValue.has(el)) {
|
|
21834
|
-
initialAriaExpandedValue.set(el, el.getAttribute("aria-expanded"));
|
|
21835
|
-
}
|
|
21836
|
-
const popover = el.popoverTargetElement;
|
|
21837
|
-
if (popover instanceof HTMLElement && popover.popover === "auto") {
|
|
21838
|
-
el.setAttribute("aria-expanded", String(force));
|
|
21839
|
-
} else {
|
|
21840
|
-
const initialValue = initialAriaExpandedValue.get(el);
|
|
21841
|
-
if (!initialValue) {
|
|
21842
|
-
el.removeAttribute("aria-expanded");
|
|
21843
|
-
} else {
|
|
21844
|
-
el.setAttribute("aria-expanded", initialValue);
|
|
21845
|
-
}
|
|
21846
|
-
}
|
|
21847
|
-
}
|
|
21848
|
-
|
|
21849
|
-
// src/popover.ts
|
|
21850
|
-
var ShadowRoot2 = globalThis.ShadowRoot || function() {
|
|
21851
|
-
};
|
|
21852
|
-
function isSupported() {
|
|
21853
|
-
return typeof HTMLElement !== "undefined" && typeof HTMLElement.prototype === "object" && "popover" in HTMLElement.prototype;
|
|
21854
|
-
}
|
|
21855
|
-
function patchSelectorFn(object, name, mapper) {
|
|
21856
|
-
const original = object[name];
|
|
21857
|
-
Object.defineProperty(object, name, {
|
|
21858
|
-
value(selector) {
|
|
21859
|
-
return original.call(this, mapper(selector));
|
|
21860
|
-
}
|
|
21861
|
-
});
|
|
21862
|
-
}
|
|
21863
|
-
var nonEscapedPopoverSelector = /(^|[^\\]):popover-open\b/g;
|
|
21864
|
-
function hasLayerSupport() {
|
|
21865
|
-
return typeof globalThis.CSSLayerBlockRule === "function";
|
|
21866
|
-
}
|
|
21867
|
-
function getStyles() {
|
|
21868
|
-
const useLayer = hasLayerSupport();
|
|
21869
|
-
return `
|
|
21870
|
-
${useLayer ? "@layer popover-polyfill {" : ""}
|
|
21871
|
-
:where([popover]) {
|
|
21872
|
-
position: fixed;
|
|
21873
|
-
z-index: 2147483647;
|
|
21874
|
-
inset: 0;
|
|
21875
|
-
padding: 0.25em;
|
|
21876
|
-
width: fit-content;
|
|
21877
|
-
height: fit-content;
|
|
21878
|
-
border-width: initial;
|
|
21879
|
-
border-color: initial;
|
|
21880
|
-
border-image: initial;
|
|
21881
|
-
border-style: solid;
|
|
21882
|
-
background-color: canvas;
|
|
21883
|
-
color: canvastext;
|
|
21884
|
-
overflow: auto;
|
|
21885
|
-
margin: auto;
|
|
21886
|
-
}
|
|
21887
|
-
|
|
21888
|
-
:where([popover]:not(.\\:popover-open)) {
|
|
21889
|
-
display: none;
|
|
21890
|
-
}
|
|
21891
|
-
|
|
21892
|
-
:where(dialog[popover].\\:popover-open) {
|
|
21893
|
-
display: block;
|
|
21894
|
-
}
|
|
21895
|
-
|
|
21896
|
-
:where(dialog[popover][open]) {
|
|
21897
|
-
display: revert;
|
|
21898
|
-
}
|
|
21899
|
-
|
|
21900
|
-
:where([anchor].\\:popover-open) {
|
|
21901
|
-
inset: auto;
|
|
21902
|
-
}
|
|
21903
|
-
|
|
21904
|
-
:where([anchor]:popover-open) {
|
|
21905
|
-
inset: auto;
|
|
21906
|
-
}
|
|
21907
|
-
|
|
21908
|
-
@supports not (background-color: canvas) {
|
|
21909
|
-
:where([popover]) {
|
|
21910
|
-
background-color: white;
|
|
21911
|
-
color: black;
|
|
21912
|
-
}
|
|
21913
|
-
}
|
|
21914
|
-
|
|
21915
|
-
@supports (width: -moz-fit-content) {
|
|
21916
|
-
:where([popover]) {
|
|
21917
|
-
width: -moz-fit-content;
|
|
21918
|
-
height: -moz-fit-content;
|
|
21919
|
-
}
|
|
21920
|
-
}
|
|
21921
|
-
|
|
21922
|
-
@supports not (inset: 0) {
|
|
21923
|
-
:where([popover]) {
|
|
21924
|
-
top: 0;
|
|
21925
|
-
left: 0;
|
|
21926
|
-
right: 0;
|
|
21927
|
-
bottom: 0;
|
|
21928
|
-
}
|
|
21929
|
-
}
|
|
21930
|
-
${useLayer ? "}" : ""}
|
|
21931
|
-
`;
|
|
21932
|
-
}
|
|
21933
|
-
var popoverStyleSheet = null;
|
|
21934
|
-
function injectStyles(root) {
|
|
21935
|
-
const styles = getStyles();
|
|
21936
|
-
if (popoverStyleSheet === null) {
|
|
21937
|
-
try {
|
|
21938
|
-
popoverStyleSheet = new CSSStyleSheet();
|
|
21939
|
-
popoverStyleSheet.replaceSync(styles);
|
|
21940
|
-
} catch {
|
|
21941
|
-
popoverStyleSheet = false;
|
|
21942
|
-
}
|
|
21943
|
-
}
|
|
21944
|
-
if (popoverStyleSheet === false) {
|
|
21945
|
-
const sheet = document.createElement("style");
|
|
21946
|
-
sheet.textContent = styles;
|
|
21947
|
-
if (root instanceof Document) {
|
|
21948
|
-
root.head.prepend(sheet);
|
|
21949
|
-
} else {
|
|
21950
|
-
root.prepend(sheet);
|
|
21951
|
-
}
|
|
21952
|
-
} else {
|
|
21953
|
-
root.adoptedStyleSheets = [popoverStyleSheet, ...root.adoptedStyleSheets];
|
|
21954
|
-
}
|
|
21955
|
-
}
|
|
21956
|
-
function apply() {
|
|
21957
|
-
if (typeof window === "undefined") return;
|
|
21958
|
-
window.ToggleEvent = window.ToggleEvent || ToggleEvent;
|
|
21959
|
-
function rewriteSelector(selector) {
|
|
21960
|
-
if (selector?.includes(":popover-open")) {
|
|
21961
|
-
selector = selector.replace(
|
|
21962
|
-
nonEscapedPopoverSelector,
|
|
21963
|
-
"$1.\\:popover-open"
|
|
21964
|
-
);
|
|
21965
|
-
}
|
|
21966
|
-
return selector;
|
|
21967
|
-
}
|
|
21968
|
-
patchSelectorFn(Document.prototype, "querySelector", rewriteSelector);
|
|
21969
|
-
patchSelectorFn(Document.prototype, "querySelectorAll", rewriteSelector);
|
|
21970
|
-
patchSelectorFn(Element.prototype, "querySelector", rewriteSelector);
|
|
21971
|
-
patchSelectorFn(Element.prototype, "querySelectorAll", rewriteSelector);
|
|
21972
|
-
patchSelectorFn(Element.prototype, "matches", rewriteSelector);
|
|
21973
|
-
patchSelectorFn(Element.prototype, "closest", rewriteSelector);
|
|
21974
|
-
patchSelectorFn(
|
|
21975
|
-
DocumentFragment.prototype,
|
|
21976
|
-
"querySelectorAll",
|
|
21977
|
-
rewriteSelector
|
|
21978
|
-
);
|
|
21979
|
-
Object.defineProperties(HTMLElement.prototype, {
|
|
21980
|
-
popover: {
|
|
21981
|
-
enumerable: true,
|
|
21982
|
-
configurable: true,
|
|
21983
|
-
get() {
|
|
21984
|
-
if (!this.hasAttribute("popover")) return null;
|
|
21985
|
-
const value = (this.getAttribute("popover") || "").toLowerCase();
|
|
21986
|
-
if (value === "" || value == "auto") return "auto";
|
|
21987
|
-
if (value == "hint") return "hint";
|
|
21988
|
-
return "manual";
|
|
21989
|
-
},
|
|
21990
|
-
set(value) {
|
|
21991
|
-
if (value === null) {
|
|
21992
|
-
this.removeAttribute("popover");
|
|
21993
|
-
} else {
|
|
21994
|
-
this.setAttribute("popover", value);
|
|
21995
|
-
}
|
|
21996
|
-
}
|
|
21997
|
-
},
|
|
21998
|
-
showPopover: {
|
|
21999
|
-
enumerable: true,
|
|
22000
|
-
configurable: true,
|
|
22001
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
22002
|
-
value(options = {}) {
|
|
22003
|
-
showPopover(this);
|
|
22004
|
-
}
|
|
22005
|
-
},
|
|
22006
|
-
hidePopover: {
|
|
22007
|
-
enumerable: true,
|
|
22008
|
-
configurable: true,
|
|
22009
|
-
value() {
|
|
22010
|
-
hidePopover(this, true, true);
|
|
22011
|
-
}
|
|
22012
|
-
},
|
|
22013
|
-
togglePopover: {
|
|
22014
|
-
enumerable: true,
|
|
22015
|
-
configurable: true,
|
|
22016
|
-
value(options = {}) {
|
|
22017
|
-
if (typeof options === "boolean") {
|
|
22018
|
-
options = { force: options };
|
|
22019
|
-
}
|
|
22020
|
-
if (visibilityState.get(this) === "showing" && options.force === void 0 || options.force === false) {
|
|
22021
|
-
hidePopover(this, true, true);
|
|
22022
|
-
} else if (options.force === void 0 || options.force === true) {
|
|
22023
|
-
showPopover(this);
|
|
22024
|
-
}
|
|
22025
|
-
return visibilityState.get(this) === "showing";
|
|
22026
|
-
}
|
|
22027
|
-
}
|
|
22028
|
-
});
|
|
22029
|
-
const originalAttachShadow = Element.prototype.attachShadow;
|
|
22030
|
-
if (originalAttachShadow) {
|
|
22031
|
-
Object.defineProperties(Element.prototype, {
|
|
22032
|
-
attachShadow: {
|
|
22033
|
-
enumerable: true,
|
|
22034
|
-
configurable: true,
|
|
22035
|
-
writable: true,
|
|
22036
|
-
value(options) {
|
|
22037
|
-
const shadowRoot = originalAttachShadow.call(this, options);
|
|
22038
|
-
injectStyles(shadowRoot);
|
|
22039
|
-
return shadowRoot;
|
|
22040
|
-
}
|
|
22041
|
-
}
|
|
22042
|
-
});
|
|
22043
|
-
}
|
|
22044
|
-
const originalAttachInternals = HTMLElement.prototype.attachInternals;
|
|
22045
|
-
if (originalAttachInternals) {
|
|
22046
|
-
Object.defineProperties(HTMLElement.prototype, {
|
|
22047
|
-
attachInternals: {
|
|
22048
|
-
enumerable: true,
|
|
22049
|
-
configurable: true,
|
|
22050
|
-
writable: true,
|
|
22051
|
-
value() {
|
|
22052
|
-
const internals = originalAttachInternals.call(this);
|
|
22053
|
-
if (internals.shadowRoot) {
|
|
22054
|
-
injectStyles(internals.shadowRoot);
|
|
22055
|
-
}
|
|
22056
|
-
return internals;
|
|
22057
|
-
}
|
|
22058
|
-
}
|
|
22059
|
-
});
|
|
22060
|
-
}
|
|
22061
|
-
const popoverTargetAssociatedElements = /* @__PURE__ */ new WeakMap();
|
|
22062
|
-
function applyPopoverInvokerElementMixin(ElementClass) {
|
|
22063
|
-
Object.defineProperties(ElementClass.prototype, {
|
|
22064
|
-
popoverTargetElement: {
|
|
22065
|
-
enumerable: true,
|
|
22066
|
-
configurable: true,
|
|
22067
|
-
set(targetElement) {
|
|
22068
|
-
if (targetElement === null) {
|
|
22069
|
-
this.removeAttribute("popovertarget");
|
|
22070
|
-
popoverTargetAssociatedElements.delete(this);
|
|
22071
|
-
} else if (!(targetElement instanceof Element)) {
|
|
22072
|
-
throw new TypeError(
|
|
22073
|
-
`popoverTargetElement must be an element or null`
|
|
22074
|
-
);
|
|
22075
|
-
} else {
|
|
22076
|
-
this.setAttribute("popovertarget", "");
|
|
22077
|
-
popoverTargetAssociatedElements.set(this, targetElement);
|
|
22078
|
-
}
|
|
22079
|
-
},
|
|
22080
|
-
get() {
|
|
22081
|
-
if (this.localName !== "button" && this.localName !== "input") {
|
|
22082
|
-
return null;
|
|
22083
|
-
}
|
|
22084
|
-
if (this.localName === "input" && this.type !== "reset" && this.type !== "image" && this.type !== "button") {
|
|
22085
|
-
return null;
|
|
22086
|
-
}
|
|
22087
|
-
if (this.disabled) {
|
|
22088
|
-
return null;
|
|
22089
|
-
}
|
|
22090
|
-
if (this.form && this.type === "submit") {
|
|
22091
|
-
return null;
|
|
22092
|
-
}
|
|
22093
|
-
const targetElement = popoverTargetAssociatedElements.get(this);
|
|
22094
|
-
if (targetElement && targetElement.isConnected) {
|
|
22095
|
-
return targetElement;
|
|
22096
|
-
} else if (targetElement && !targetElement.isConnected) {
|
|
22097
|
-
popoverTargetAssociatedElements.delete(this);
|
|
22098
|
-
return null;
|
|
22099
|
-
}
|
|
22100
|
-
const root = getRootNode(this);
|
|
22101
|
-
const idref = this.getAttribute("popovertarget");
|
|
22102
|
-
if ((root instanceof Document || root instanceof ShadowRoot2) && idref) {
|
|
22103
|
-
return root.getElementById(idref) || null;
|
|
22104
|
-
}
|
|
22105
|
-
return null;
|
|
22106
|
-
}
|
|
22107
|
-
},
|
|
22108
|
-
popoverTargetAction: {
|
|
22109
|
-
enumerable: true,
|
|
22110
|
-
configurable: true,
|
|
22111
|
-
get() {
|
|
22112
|
-
const value = (this.getAttribute("popovertargetaction") || "").toLowerCase();
|
|
22113
|
-
if (value === "show" || value === "hide") return value;
|
|
22114
|
-
return "toggle";
|
|
22115
|
-
},
|
|
22116
|
-
set(value) {
|
|
22117
|
-
this.setAttribute("popovertargetaction", value);
|
|
22118
|
-
}
|
|
22119
|
-
}
|
|
22120
|
-
});
|
|
22121
|
-
}
|
|
22122
|
-
applyPopoverInvokerElementMixin(HTMLButtonElement);
|
|
22123
|
-
applyPopoverInvokerElementMixin(HTMLInputElement);
|
|
22124
|
-
const handleInvokerActivation = (event) => {
|
|
22125
|
-
const composedPath = event.composedPath();
|
|
22126
|
-
const target = composedPath[0];
|
|
22127
|
-
if (!(target instanceof Element) || target?.shadowRoot) {
|
|
22128
|
-
return;
|
|
22129
|
-
}
|
|
22130
|
-
const root = getRootNode(target);
|
|
22131
|
-
if (!(root instanceof ShadowRoot2 || root instanceof Document)) {
|
|
22132
|
-
return;
|
|
22133
|
-
}
|
|
22134
|
-
const invoker = composedPath.find(
|
|
22135
|
-
(el) => el.matches?.("[popovertargetaction],[popovertarget]")
|
|
22136
|
-
);
|
|
22137
|
-
if (invoker) {
|
|
22138
|
-
popoverTargetAttributeActivationBehavior(invoker);
|
|
22139
|
-
event.preventDefault();
|
|
22140
|
-
return;
|
|
22141
|
-
}
|
|
22142
|
-
};
|
|
22143
|
-
const onKeydown = (event) => {
|
|
22144
|
-
const key = event.key;
|
|
22145
|
-
const target = event.target;
|
|
22146
|
-
if (!event.defaultPrevented && target && (key === "Escape" || key === "Esc")) {
|
|
22147
|
-
hideAllPopoversUntil(target.ownerDocument, true, true);
|
|
22148
|
-
}
|
|
22149
|
-
};
|
|
22150
|
-
const addEventListeners = (root) => {
|
|
22151
|
-
root.addEventListener("click", handleInvokerActivation);
|
|
22152
|
-
root.addEventListener("keydown", onKeydown);
|
|
22153
|
-
root.addEventListener("pointerdown", lightDismissOpenPopovers);
|
|
22154
|
-
root.addEventListener("pointerup", lightDismissOpenPopovers);
|
|
22155
|
-
};
|
|
22156
|
-
addEventListeners(document);
|
|
22157
|
-
injectStyles(document);
|
|
22158
|
-
}
|
|
22159
|
-
|
|
22160
21741
|
const duration = 250;
|
|
22161
21742
|
const easing = 'ease-out';
|
|
22162
21743
|
function popIn(el) {
|
|
@@ -22188,6 +21769,7 @@ class PostPopovercontainer {
|
|
|
22188
21769
|
this.postHide = createEvent(this, "postHide");
|
|
22189
21770
|
this.postBeforeToggle = createEvent(this, "postBeforeToggle");
|
|
22190
21771
|
this.postToggle = createEvent(this, "postToggle");
|
|
21772
|
+
this.toggleTimeoutId = null;
|
|
22191
21773
|
this.hasOpenedOnce = true;
|
|
22192
21774
|
/**
|
|
22193
21775
|
* Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
|
|
@@ -22208,6 +21790,7 @@ class PostPopovercontainer {
|
|
|
22208
21790
|
*/
|
|
22209
21791
|
this.animation = 'pop-in';
|
|
22210
21792
|
this.currentAnimation = null;
|
|
21793
|
+
this.boundMouseTrackingHandler = this.mouseTrackingHandler.bind(this);
|
|
22211
21794
|
}
|
|
22212
21795
|
validatePlacement() {
|
|
22213
21796
|
checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
|
|
@@ -22228,9 +21811,6 @@ class PostPopovercontainer {
|
|
|
22228
21811
|
this.host.style.setProperty('--post-safe-space-cursor-y', `${event.clientY}px`);
|
|
22229
21812
|
}
|
|
22230
21813
|
connectedCallback() {
|
|
22231
|
-
if (IS_BROWSER && !isSupported()) {
|
|
22232
|
-
apply();
|
|
22233
|
-
}
|
|
22234
21814
|
}
|
|
22235
21815
|
componentDidLoad() {
|
|
22236
21816
|
this.validatePlacement();
|
|
@@ -22303,7 +21883,7 @@ class PostPopovercontainer {
|
|
|
22303
21883
|
}
|
|
22304
21884
|
}
|
|
22305
21885
|
if (this.safeSpace) {
|
|
22306
|
-
|
|
21886
|
+
globalThis.addEventListener('mousemove', this.boundMouseTrackingHandler);
|
|
22307
21887
|
}
|
|
22308
21888
|
}
|
|
22309
21889
|
/**
|
|
@@ -22314,7 +21894,7 @@ class PostPopovercontainer {
|
|
|
22314
21894
|
this.clearAutoUpdate();
|
|
22315
21895
|
}
|
|
22316
21896
|
if (this.safeSpace) {
|
|
22317
|
-
|
|
21897
|
+
globalThis.removeEventListener('mousemove', this.boundMouseTrackingHandler);
|
|
22318
21898
|
}
|
|
22319
21899
|
// Cancel any running animation
|
|
22320
21900
|
if (this.currentAnimation) {
|
|
@@ -22370,7 +21950,7 @@ class PostPopovercontainer {
|
|
|
22370
21950
|
* @param e ToggleEvent
|
|
22371
21951
|
*/
|
|
22372
21952
|
handleToggle(e) {
|
|
22373
|
-
this.toggleTimeoutId =
|
|
21953
|
+
this.toggleTimeoutId = globalThis.setTimeout(() => (this.toggleTimeoutId = null), 10);
|
|
22374
21954
|
const isOpen = e.newState === 'open';
|
|
22375
21955
|
if (isOpen) {
|
|
22376
21956
|
this.open();
|
|
@@ -22393,7 +21973,7 @@ class PostPopovercontainer {
|
|
|
22393
21973
|
*/
|
|
22394
21974
|
getHeaderHeight() {
|
|
22395
21975
|
const header = document.querySelector('post-header');
|
|
22396
|
-
return header ? parseFloat(getComputedStyle(header).height) : 0;
|
|
21976
|
+
return header ? Number.parseFloat(getComputedStyle(header).height) : 0;
|
|
22397
21977
|
}
|
|
22398
21978
|
async calculatePosition() {
|
|
22399
21979
|
const { x, y, middlewareData, placement } = await this.computeMainPosition();
|
|
@@ -22430,17 +22010,23 @@ class PostPopovercontainer {
|
|
|
22430
22010
|
}
|
|
22431
22011
|
async computeMainPosition() {
|
|
22432
22012
|
const gap = this.edgeGap;
|
|
22433
|
-
const
|
|
22434
|
-
|
|
22435
|
-
|
|
22013
|
+
const isAligned = (this.placement || 'top').includes('-');
|
|
22014
|
+
const flipMiddleware = flip({
|
|
22015
|
+
padding: this.getHeaderHeight(),
|
|
22016
|
+
crossAxis: false,
|
|
22017
|
+
});
|
|
22018
|
+
const shiftMiddleware = shift({
|
|
22019
|
+
padding: gap,
|
|
22020
|
+
limiter: limitShift({
|
|
22021
|
+
offset: 32,
|
|
22436
22022
|
}),
|
|
22023
|
+
});
|
|
22024
|
+
const middleware = [
|
|
22025
|
+
offset(this.offset ?? (this.arrow ? gap + 4 : gap)),
|
|
22437
22026
|
inline(),
|
|
22438
|
-
|
|
22439
|
-
|
|
22440
|
-
|
|
22441
|
-
offset: 32,
|
|
22442
|
-
}),
|
|
22443
|
-
}),
|
|
22027
|
+
// Per floating-ui docs: for aligned placements (e.g. bottom-end),
|
|
22028
|
+
// flip should come before shift. For non-aligned, shift before flip.
|
|
22029
|
+
...(isAligned ? [flipMiddleware, shiftMiddleware] : [shiftMiddleware, flipMiddleware]),
|
|
22444
22030
|
size({
|
|
22445
22031
|
apply({ availableWidth, elements }) {
|
|
22446
22032
|
Object.assign(elements.floating.style, {
|
|
@@ -22448,7 +22034,6 @@ class PostPopovercontainer {
|
|
|
22448
22034
|
});
|
|
22449
22035
|
},
|
|
22450
22036
|
}),
|
|
22451
|
-
offset(this.offset ?? (this.arrow ? gap + 4 : gap)),
|
|
22452
22037
|
];
|
|
22453
22038
|
if (this.arrow) {
|
|
22454
22039
|
middleware.push(arrow({ element: this.arrowRef, padding: gap }));
|
|
@@ -22520,9 +22105,9 @@ class PostPopovercontainer {
|
|
|
22520
22105
|
}
|
|
22521
22106
|
}
|
|
22522
22107
|
render() {
|
|
22523
|
-
return (hAsync(Host, { key: '
|
|
22108
|
+
return (hAsync(Host, { key: 'ef2247b951044fe3b26af9ab90e269812345c04b', "data-version": version$1, popover: "auto" }, hAsync("div", { key: '81a28e7873922a830c193e31a14523245315f3e2', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (hAsync("span", { key: '01bba4ef926779defb660d3d2b2d25c8cd030707', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
|
|
22524
22109
|
this.arrowRef = el;
|
|
22525
|
-
} })), hAsync("slot", { key: '
|
|
22110
|
+
} })), hAsync("slot", { key: '8fa288a638da1cfed3285b6605c64e3b3ff7bc07' }))));
|
|
22526
22111
|
}
|
|
22527
22112
|
get host() { return getElement(this); }
|
|
22528
22113
|
static get watchers() { return {
|
|
@@ -22668,7 +22253,7 @@ class PostRating {
|
|
|
22668
22253
|
}
|
|
22669
22254
|
}
|
|
22670
22255
|
render() {
|
|
22671
|
-
return (hAsync(Host, { key: '
|
|
22256
|
+
return (hAsync(Host, { key: 'bd452616dc47e25ae0f97eb77869e558eb0e199c', "data-version": version$1 }, hAsync("div", { key: 'a2d59f6007b337d906af31f7ebc4cc57022b0e67', role: "slider", class: "rating", tabindex: "0", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": this.stars, "aria-valuenow": this.currentRating, "aria-valuetext": `${this.currentRating} / ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (hAsync("div", { key: `star-${v}`, "aria-hidden": "true", class: {
|
|
22672
22257
|
'star': true,
|
|
22673
22258
|
'before-hover': i < this.hoveredIndex,
|
|
22674
22259
|
'active': i < Math.round(this.currentRating),
|
|
@@ -22760,7 +22345,7 @@ class PostStepper {
|
|
|
22760
22345
|
updateActiveStepNumber() {
|
|
22761
22346
|
if (this.textStepNumber) {
|
|
22762
22347
|
const labelTemplate = this.textStepNumber;
|
|
22763
|
-
this.mobileActiveStepLabel = labelTemplate.
|
|
22348
|
+
this.mobileActiveStepLabel = labelTemplate.replaceAll('#number', `${this.selectedIndex + 1}`);
|
|
22764
22349
|
if (this.stepItems) {
|
|
22765
22350
|
this.updateMobileActiveStepVisibility();
|
|
22766
22351
|
}
|
|
@@ -22814,7 +22399,7 @@ class PostStepper {
|
|
|
22814
22399
|
}
|
|
22815
22400
|
}
|
|
22816
22401
|
render() {
|
|
22817
|
-
return (hAsync(Host, { key: '
|
|
22402
|
+
return (hAsync(Host, { key: '3d406fc950ca7648c4c0588ddd059b872cdb9677', "data-version": version$1 }, hAsync("ol", { key: 'c6b626cce3debd84887b7bc3646d5e30bd08abb1' }, hAsync("slot", { key: '235d456eae8d6d8b7422e2600e17e29e6c3cbc21', onSlotchange: () => this.updateSteps() })), hAsync("div", { key: '9cd98332dfbf95ba548badb4d887a556a7d9a956', class: "active-step", "aria-hidden": "true" }, hAsync("span", { key: 'c5302583b07195b093d1da4cc081215fdfc49337', class: "active-step-label" }, this.mobileActiveStepLabel), hAsync("span", { key: 'bf6bf2724b8876641459e88ca27ed0b725a77d32', innerHTML: this.mobileActiveStepName }))));
|
|
22818
22403
|
}
|
|
22819
22404
|
get host() { return getElement(this); }
|
|
22820
22405
|
static get watchers() { return {
|
|
@@ -22860,7 +22445,7 @@ class PostStepperItem {
|
|
|
22860
22445
|
registerInstance(this, hostRef);
|
|
22861
22446
|
}
|
|
22862
22447
|
render() {
|
|
22863
|
-
return (hAsync(Host, { key: '
|
|
22448
|
+
return (hAsync(Host, { key: '7f3df658eb7640f582e438f218e3ec62fbb4edee', "data-version": version$1, role: "listitem" }, hAsync("span", { key: 'bb7b02a3cca04d16626f66c52eb08085a8e9cb26', class: "stepper-item-content" }, hAsync("span", { key: '78ca87ae8956838bc7fffec8e6d9121aa4aa14da', class: "step-hidden-label visually-hidden" }), hAsync("span", { key: '6beecc79f02ed51046e6b7cc5006c305c821f9bc', class: "label" }, hAsync("slot", { key: '5701a12b73a29bd629fa361bcd838c9a7ec88869' })))));
|
|
22864
22449
|
}
|
|
22865
22450
|
static get style() { return postStepperItemCss(); }
|
|
22866
22451
|
static get cmpMeta() { return {
|
|
@@ -22907,7 +22492,7 @@ class PostTabItem {
|
|
|
22907
22492
|
this.isNavigationMode = hasAnchor;
|
|
22908
22493
|
}
|
|
22909
22494
|
render() {
|
|
22910
|
-
return (hAsync(Host, { key: '
|
|
22495
|
+
return (hAsync(Host, { key: '21a098e2def9101e0856befc424c6be1732d0e01', id: this.tabId, role: !this.isNavigationMode ? 'tab' : undefined, "data-version": version$1, "data-navigation-mode": this.isNavigationMode.toString(), "aria-selected": !this.isNavigationMode ? 'false' : undefined, tabindex: !this.isNavigationMode ? '-1' : undefined, class: !this.isNavigationMode ? 'tab-title' : 'nav-item' }, hAsync("slot", { key: 'cc69c4da24b5bd63447660894f05203dd5e9ce5b' })));
|
|
22911
22496
|
}
|
|
22912
22497
|
get host() { return getElement(this); }
|
|
22913
22498
|
static get watchers() { return {
|
|
@@ -22948,7 +22533,7 @@ class PostTabPanel {
|
|
|
22948
22533
|
this.panelId = `panel-${this.host.id || nanoid(6)}`;
|
|
22949
22534
|
}
|
|
22950
22535
|
render() {
|
|
22951
|
-
return (hAsync(Host, { key: '
|
|
22536
|
+
return (hAsync(Host, { key: '6feec1f002b3fadba76f8cb8f9ea76e455aa6ffe', "data-version": version$1, id: this.panelId, role: "tabpanel", slot: "panels" }, hAsync("slot", { key: '073a78293c22557d7b628351bf1eac9882cd98b0' })));
|
|
22952
22537
|
}
|
|
22953
22538
|
get host() { return getElement(this); }
|
|
22954
22539
|
static get watchers() { return {
|
|
@@ -23105,7 +22690,7 @@ class PostTabs {
|
|
|
23105
22690
|
// This works even before post-tab-item sets data-navigation-mode attribute
|
|
23106
22691
|
const hasNavigationTabs = this.tabs.some(tab => {
|
|
23107
22692
|
const hasAnchor = tab.querySelector('a') !== null;
|
|
23108
|
-
const navModeAttr = tab.
|
|
22693
|
+
const navModeAttr = tab.dataset.navigationMode === 'true';
|
|
23109
22694
|
return hasAnchor || navModeAttr;
|
|
23110
22695
|
});
|
|
23111
22696
|
const hasPanels = this.panels.length > 0;
|
|
@@ -23254,7 +22839,7 @@ class PostTabs {
|
|
|
23254
22839
|
nextTab = this.tabs[activeTabIndex + 1] || this.tabs[0];
|
|
23255
22840
|
}
|
|
23256
22841
|
else {
|
|
23257
|
-
nextTab = this.tabs[activeTabIndex - 1] || this.tabs
|
|
22842
|
+
nextTab = this.tabs[activeTabIndex - 1] || this.tabs.at(-1);
|
|
23258
22843
|
}
|
|
23259
22844
|
if (!nextTab)
|
|
23260
22845
|
return;
|
|
@@ -23263,10 +22848,10 @@ class PostTabs {
|
|
|
23263
22848
|
}
|
|
23264
22849
|
render() {
|
|
23265
22850
|
const TabsContainer = this.isNavigationMode ? 'nav' : 'div';
|
|
23266
|
-
return (hAsync(Host, { key: '
|
|
22851
|
+
return (hAsync(Host, { key: 'edb1e06b1b1cdd23db32e42ff77dbc64a44905f0', "data-version": version$1 }, hAsync("div", { key: 'd86eb9bb592aff23c38c92b12dfd72623d67f194', class: "tabs-wrapper", part: "post-tabs" }, hAsync(TabsContainer, { key: '6646284be80e647c96065b3c791f34c4b64627f3', class: "tabs", role: this.isNavigationMode ? undefined : 'tablist', "aria-label": this.isNavigationMode ? this.label : undefined }, hAsync("slot", { key: 'c71ddf4391144b7cb71671e8f564e723c408e723', onSlotchange: () => {
|
|
23267
22852
|
this.moveMisplacedTabs();
|
|
23268
22853
|
this.enableTabs();
|
|
23269
|
-
} }))), !this.isNavigationMode && (hAsync("div", { key: '
|
|
22854
|
+
} }))), !this.isNavigationMode && (hAsync("div", { key: '625d5b7d8ab2e8cfacce0c2ac6fa94d6f6fc2953', class: "tab-content", part: "post-tabs-content" }, hAsync("slot", { key: '1ddaf37e585d3e9fbb9722e09829956e28dc7fd6', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
|
|
23270
22855
|
}
|
|
23271
22856
|
get host() { return getElement(this); }
|
|
23272
22857
|
static get watchers() { return {
|
|
@@ -23321,7 +22906,7 @@ class PostTogglebutton {
|
|
|
23321
22906
|
this.host.addEventListener('keydown', (e) => this.handleKeydown(e), { capture: true });
|
|
23322
22907
|
}
|
|
23323
22908
|
render() {
|
|
23324
|
-
return (hAsync(Host, { key: '
|
|
22909
|
+
return (hAsync(Host, { key: '828f375bfd28dd8f46c2c233cef90abe6c27c488', "data-version": version$1, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, hAsync("slot", { key: '35325c8481638cf30593cda05a67ee74b38bb40c' })));
|
|
23325
22910
|
}
|
|
23326
22911
|
get host() { return getElement(this); }
|
|
23327
22912
|
static get style() { return postTogglebuttonCss(); }
|
|
@@ -23402,7 +22987,7 @@ class PostTooltip {
|
|
|
23402
22987
|
}
|
|
23403
22988
|
render() {
|
|
23404
22989
|
const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
|
|
23405
|
-
return (hAsync(Host, { key: '
|
|
22990
|
+
return (hAsync(Host, { key: 'ad87cc5be1949a6a5490c6630b30a5d1d8c5940d', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '559478c129c495fa4189566957c22ad0ba3037a4', safeSpace: "trapezoid", class: popoverClass, role: "tooltip", arrow: this.arrow, placement: this.placement, onPostBeforeToggle: e => this.handleBeforeToggle(e), ref: (el) => (this.popoverRef = el) }, hAsync("slot", { key: 'd72e049da6b42839e8c3b6f8f79d2c6bcd108676' }))));
|
|
23406
22991
|
}
|
|
23407
22992
|
get host() { return getElement(this); }
|
|
23408
22993
|
static get watchers() { return {
|
|
@@ -23431,11 +23016,6 @@ class PostTooltip {
|
|
|
23431
23016
|
const postTooltipTriggerCss = () => `post-tooltip-trigger{vertical-align:top}:host{cursor:pointer}`;
|
|
23432
23017
|
|
|
23433
23018
|
const TRIGGER_EVENTS = ['pointerenter', 'pointerleave', 'focusin', 'focusout', 'long-press'];
|
|
23434
|
-
if (IS_BROWSER) {
|
|
23435
|
-
(async () => {
|
|
23436
|
-
await Promise.resolve().then(function () { return longPressEvent; });
|
|
23437
|
-
})();
|
|
23438
|
-
}
|
|
23439
23019
|
/**
|
|
23440
23020
|
* @slot default - Content to trigger the tooltip. Can contain any focusable element or will be made focusable automatically.
|
|
23441
23021
|
*/
|
|
@@ -23461,10 +23041,7 @@ class PostTooltipTrigger {
|
|
|
23461
23041
|
checkEmptyOrType(this, 'for', 'string');
|
|
23462
23042
|
}
|
|
23463
23043
|
get tooltip() {
|
|
23464
|
-
|
|
23465
|
-
return null;
|
|
23466
|
-
const ref = document.getElementById(this.for);
|
|
23467
|
-
return ref?.localName === 'post-tooltip' ? ref : null;
|
|
23044
|
+
return null;
|
|
23468
23045
|
}
|
|
23469
23046
|
componentDidLoad() {
|
|
23470
23047
|
this.setupTrigger();
|
|
@@ -23505,7 +23082,7 @@ class PostTooltipTrigger {
|
|
|
23505
23082
|
setupTrigger() {
|
|
23506
23083
|
this.trigger = this.host.querySelector('*');
|
|
23507
23084
|
if (this.trigger) {
|
|
23508
|
-
if (!isFocusable
|
|
23085
|
+
if (!isFocusable(this.trigger)) {
|
|
23509
23086
|
this.trigger.setAttribute('tabindex', '0');
|
|
23510
23087
|
}
|
|
23511
23088
|
const describedBy = this.trigger.getAttribute('aria-describedby') || '';
|
|
@@ -23580,7 +23157,7 @@ class PostTooltipTrigger {
|
|
|
23580
23157
|
interestHandler() {
|
|
23581
23158
|
if (this.trigger) {
|
|
23582
23159
|
if (this.delay > 0) {
|
|
23583
|
-
this.delayTimeout =
|
|
23160
|
+
this.delayTimeout = globalThis.setTimeout(() => {
|
|
23584
23161
|
this.tooltip?.show(this.trigger);
|
|
23585
23162
|
this.delayTimeout = null;
|
|
23586
23163
|
}, this.delay);
|
|
@@ -23598,7 +23175,7 @@ class PostTooltipTrigger {
|
|
|
23598
23175
|
this.tooltip?.hide();
|
|
23599
23176
|
}
|
|
23600
23177
|
render() {
|
|
23601
|
-
return (hAsync(Host, { key: '
|
|
23178
|
+
return (hAsync(Host, { key: '67c7165030648b676b85c94cfe8a3d260c2ff9b5', "data-version": version$1 }, hAsync("slot", { key: '84013d1f82ccd926d70026055c5a5be441aad9bf', onSlotchange: () => this.handleSlotChange() })));
|
|
23602
23179
|
}
|
|
23603
23180
|
get host() { return getElement(this); }
|
|
23604
23181
|
static get watchers() { return {
|
|
@@ -23623,6 +23200,7 @@ class PostTooltipTrigger {
|
|
|
23623
23200
|
registerComponents([
|
|
23624
23201
|
PostAccordion,
|
|
23625
23202
|
PostAccordionItem,
|
|
23203
|
+
PostAutocomplete,
|
|
23626
23204
|
PostAvatar,
|
|
23627
23205
|
PostBackToTop,
|
|
23628
23206
|
PostBanner,
|
|
@@ -23632,13 +23210,15 @@ registerComponents([
|
|
|
23632
23210
|
PostCollapsible,
|
|
23633
23211
|
PostCollapsibleTrigger,
|
|
23634
23212
|
PostDatePicker,
|
|
23635
|
-
PostEnvTest,
|
|
23636
23213
|
PostFooter,
|
|
23637
23214
|
PostHeader,
|
|
23638
23215
|
PostIcon,
|
|
23639
23216
|
PostLanguageMenu,
|
|
23640
23217
|
PostLanguageMenuItem,
|
|
23641
23218
|
PostLinkarea,
|
|
23219
|
+
PostListbox,
|
|
23220
|
+
PostListboxOption,
|
|
23221
|
+
PostLoginWidget,
|
|
23642
23222
|
PostLogo,
|
|
23643
23223
|
PostMainnavigation,
|
|
23644
23224
|
PostMegadropdown,
|
|
@@ -23662,275 +23242,6 @@ registerComponents([
|
|
|
23662
23242
|
PostTooltipTrigger,
|
|
23663
23243
|
]);
|
|
23664
23244
|
|
|
23665
|
-
/*!
|
|
23666
|
-
* long-press-event - v@version@
|
|
23667
|
-
* Pure JavaScript long-press-event
|
|
23668
|
-
* https://github.com/john-doherty/long-press-event
|
|
23669
|
-
* @author John Doherty <www.johndoherty.info>
|
|
23670
|
-
* @license MIT
|
|
23671
|
-
*/
|
|
23672
|
-
(function (window, document) {
|
|
23673
|
-
|
|
23674
|
-
// local timer object based on rAF
|
|
23675
|
-
var timer = null;
|
|
23676
|
-
|
|
23677
|
-
// check if we're using a touch screen
|
|
23678
|
-
var hasPointerEvents = (('PointerEvent' in window) || (window.navigator && 'msPointerEnabled' in window.navigator));
|
|
23679
|
-
var isTouch = (('ontouchstart' in window) || (navigator.MaxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0));
|
|
23680
|
-
|
|
23681
|
-
// switch to pointer events or touch events if using a touch screen
|
|
23682
|
-
var mouseDown = hasPointerEvents ? 'pointerdown' : isTouch ? 'touchstart' : 'mousedown';
|
|
23683
|
-
var mouseUp = hasPointerEvents ? 'pointerup' : isTouch ? 'touchend' : 'mouseup';
|
|
23684
|
-
var mouseMove = hasPointerEvents ? 'pointermove' : isTouch ? 'touchmove' : 'mousemove';
|
|
23685
|
-
var mouseLeave = hasPointerEvents ? 'pointerleave' : isTouch ? 'touchleave' : 'mouseleave';
|
|
23686
|
-
|
|
23687
|
-
// track number of pixels the mouse moves during long press
|
|
23688
|
-
var startX = 0; // mouse x position when timer started
|
|
23689
|
-
var startY = 0; // mouse y position when timer started
|
|
23690
|
-
var maxDiffX = 10; // max number of X pixels the mouse can move during long press before it is canceled
|
|
23691
|
-
var maxDiffY = 10; // max number of Y pixels the mouse can move during long press before it is canceled
|
|
23692
|
-
|
|
23693
|
-
// patch CustomEvent to allow constructor creation (IE/Chrome)
|
|
23694
|
-
if (typeof window.CustomEvent !== 'function') {
|
|
23695
|
-
|
|
23696
|
-
window.CustomEvent = function (event, params) {
|
|
23697
|
-
|
|
23698
|
-
params = params || { bubbles: false, cancelable: false, detail: undefined };
|
|
23699
|
-
|
|
23700
|
-
var evt = document.createEvent('CustomEvent');
|
|
23701
|
-
evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
|
|
23702
|
-
return evt;
|
|
23703
|
-
};
|
|
23704
|
-
|
|
23705
|
-
window.CustomEvent.prototype = window.Event.prototype;
|
|
23706
|
-
}
|
|
23707
|
-
|
|
23708
|
-
// requestAnimationFrame() shim by Paul Irish
|
|
23709
|
-
window.requestAnimFrame = (function () {
|
|
23710
|
-
return window.requestAnimationFrame ||
|
|
23711
|
-
window.webkitRequestAnimationFrame ||
|
|
23712
|
-
window.mozRequestAnimationFrame ||
|
|
23713
|
-
window.oRequestAnimationFrame ||
|
|
23714
|
-
window.msRequestAnimationFrame || function (callback) {
|
|
23715
|
-
window.setTimeout(callback, 1000 / 60);
|
|
23716
|
-
};
|
|
23717
|
-
})();
|
|
23718
|
-
|
|
23719
|
-
/**
|
|
23720
|
-
* Behaves the same as setTimeout except uses requestAnimationFrame() where possible for better performance
|
|
23721
|
-
* @param {function} fn The callback function
|
|
23722
|
-
* @param {int} delay The delay in milliseconds
|
|
23723
|
-
* @returns {object} handle to the timeout object
|
|
23724
|
-
*/
|
|
23725
|
-
function requestTimeout(fn, delay) {
|
|
23726
|
-
|
|
23727
|
-
if (!window.requestAnimationFrame && !window.webkitRequestAnimationFrame &&
|
|
23728
|
-
!(window.mozRequestAnimationFrame && window.mozCancelRequestAnimationFrame) && // Firefox 5 ships without cancel support
|
|
23729
|
-
!window.oRequestAnimationFrame && !window.msRequestAnimationFrame) return window.setTimeout(fn, delay);
|
|
23730
|
-
|
|
23731
|
-
var start = new Date().getTime();
|
|
23732
|
-
var handle = {};
|
|
23733
|
-
|
|
23734
|
-
var loop = function () {
|
|
23735
|
-
var current = new Date().getTime();
|
|
23736
|
-
var delta = current - start;
|
|
23737
|
-
|
|
23738
|
-
if (delta >= delay) {
|
|
23739
|
-
fn.call();
|
|
23740
|
-
}
|
|
23741
|
-
else {
|
|
23742
|
-
handle.value = requestAnimFrame(loop);
|
|
23743
|
-
}
|
|
23744
|
-
};
|
|
23745
|
-
|
|
23746
|
-
handle.value = requestAnimFrame(loop);
|
|
23747
|
-
|
|
23748
|
-
return handle;
|
|
23749
|
-
}
|
|
23750
|
-
|
|
23751
|
-
/**
|
|
23752
|
-
* Behaves the same as clearTimeout except uses cancelRequestAnimationFrame() where possible for better performance
|
|
23753
|
-
* @param {object} handle The callback function
|
|
23754
|
-
* @returns {void}
|
|
23755
|
-
*/
|
|
23756
|
-
function clearRequestTimeout(handle) {
|
|
23757
|
-
if (handle) {
|
|
23758
|
-
window.cancelAnimationFrame ? window.cancelAnimationFrame(handle.value) :
|
|
23759
|
-
window.webkitCancelAnimationFrame ? window.webkitCancelAnimationFrame(handle.value) :
|
|
23760
|
-
window.webkitCancelRequestAnimationFrame ? window.webkitCancelRequestAnimationFrame(handle.value) : /* Support for legacy API */
|
|
23761
|
-
window.mozCancelRequestAnimationFrame ? window.mozCancelRequestAnimationFrame(handle.value) :
|
|
23762
|
-
window.oCancelRequestAnimationFrame ? window.oCancelRequestAnimationFrame(handle.value) :
|
|
23763
|
-
window.msCancelRequestAnimationFrame ? window.msCancelRequestAnimationFrame(handle.value) :
|
|
23764
|
-
clearTimeout(handle);
|
|
23765
|
-
}
|
|
23766
|
-
}
|
|
23767
|
-
|
|
23768
|
-
/**
|
|
23769
|
-
* Fires the 'long-press' event on element
|
|
23770
|
-
* @param {MouseEvent|PointerEvent|TouchEvent} originalEvent The original event being fired
|
|
23771
|
-
* @returns {void}
|
|
23772
|
-
*/
|
|
23773
|
-
function fireLongPressEvent(originalEvent) {
|
|
23774
|
-
|
|
23775
|
-
clearLongPressTimer();
|
|
23776
|
-
|
|
23777
|
-
originalEvent = unifyEvent(originalEvent);
|
|
23778
|
-
|
|
23779
|
-
// fire the long-press event
|
|
23780
|
-
var allowClickEvent = this.dispatchEvent(new CustomEvent('long-press', {
|
|
23781
|
-
bubbles: true,
|
|
23782
|
-
cancelable: true,
|
|
23783
|
-
|
|
23784
|
-
// custom event data (legacy)
|
|
23785
|
-
detail: {
|
|
23786
|
-
clientX: originalEvent.clientX,
|
|
23787
|
-
clientY: originalEvent.clientY,
|
|
23788
|
-
offsetX: originalEvent.offsetX,
|
|
23789
|
-
offsetY: originalEvent.offsetY,
|
|
23790
|
-
pageX: originalEvent.pageX,
|
|
23791
|
-
pageY: originalEvent.pageY
|
|
23792
|
-
},
|
|
23793
|
-
|
|
23794
|
-
// add coordinate data that would typically acompany a touch/click event
|
|
23795
|
-
clientX: originalEvent.clientX,
|
|
23796
|
-
clientY: originalEvent.clientY,
|
|
23797
|
-
offsetX: originalEvent.offsetX,
|
|
23798
|
-
offsetY: originalEvent.offsetY,
|
|
23799
|
-
pageX: originalEvent.pageX,
|
|
23800
|
-
pageY: originalEvent.pageY,
|
|
23801
|
-
screenX: originalEvent.screenX,
|
|
23802
|
-
screenY: originalEvent.screenY
|
|
23803
|
-
}));
|
|
23804
|
-
|
|
23805
|
-
if (!allowClickEvent) {
|
|
23806
|
-
// suppress the next click event if e.preventDefault() was called in long-press handler
|
|
23807
|
-
document.addEventListener('click', function suppressEvent(e) {
|
|
23808
|
-
document.removeEventListener('click', suppressEvent, true);
|
|
23809
|
-
cancelEvent(e);
|
|
23810
|
-
}, true);
|
|
23811
|
-
}
|
|
23812
|
-
}
|
|
23813
|
-
|
|
23814
|
-
/**
|
|
23815
|
-
* consolidates mouse, touch, and Pointer events
|
|
23816
|
-
* @param {MouseEvent|PointerEvent|TouchEvent} e The original event being fired
|
|
23817
|
-
* @returns {MouseEvent|PointerEvent|Touch}
|
|
23818
|
-
*/
|
|
23819
|
-
function unifyEvent(e) {
|
|
23820
|
-
if (e.changedTouches !== undefined) {
|
|
23821
|
-
return e.changedTouches[0];
|
|
23822
|
-
}
|
|
23823
|
-
return e;
|
|
23824
|
-
}
|
|
23825
|
-
|
|
23826
|
-
/**
|
|
23827
|
-
* method responsible for starting the long press timer
|
|
23828
|
-
* @param {event} e - event object
|
|
23829
|
-
* @returns {void}
|
|
23830
|
-
*/
|
|
23831
|
-
function startLongPressTimer(e) {
|
|
23832
|
-
|
|
23833
|
-
clearLongPressTimer();
|
|
23834
|
-
|
|
23835
|
-
var el = e.target;
|
|
23836
|
-
|
|
23837
|
-
// get delay from html attribute if it exists, otherwise default to 1500
|
|
23838
|
-
var longPressDelayInMs = parseInt(getNearestAttribute(el, 'data-long-press-delay', '1500'), 10); // default 1500
|
|
23839
|
-
|
|
23840
|
-
// start the timer
|
|
23841
|
-
timer = requestTimeout(fireLongPressEvent.bind(el, e), longPressDelayInMs);
|
|
23842
|
-
}
|
|
23843
|
-
|
|
23844
|
-
/**
|
|
23845
|
-
* method responsible for clearing a pending long press timer
|
|
23846
|
-
* @param {event} e - event object
|
|
23847
|
-
* @returns {void}
|
|
23848
|
-
*/
|
|
23849
|
-
function clearLongPressTimer(e) {
|
|
23850
|
-
clearRequestTimeout(timer);
|
|
23851
|
-
timer = null;
|
|
23852
|
-
}
|
|
23853
|
-
|
|
23854
|
-
/**
|
|
23855
|
-
* Cancels the current event
|
|
23856
|
-
* @param {object} e - browser event object
|
|
23857
|
-
* @returns {void}
|
|
23858
|
-
*/
|
|
23859
|
-
function cancelEvent(e) {
|
|
23860
|
-
e.stopImmediatePropagation();
|
|
23861
|
-
e.preventDefault();
|
|
23862
|
-
e.stopPropagation();
|
|
23863
|
-
}
|
|
23864
|
-
|
|
23865
|
-
/**
|
|
23866
|
-
* Starts the timer on mouse down and logs current position
|
|
23867
|
-
* @param {object} e - browser event object
|
|
23868
|
-
* @returns {void}
|
|
23869
|
-
*/
|
|
23870
|
-
function mouseDownHandler(e) {
|
|
23871
|
-
startX = e.clientX;
|
|
23872
|
-
startY = e.clientY;
|
|
23873
|
-
startLongPressTimer(e);
|
|
23874
|
-
}
|
|
23875
|
-
|
|
23876
|
-
/**
|
|
23877
|
-
* If the mouse moves n pixels during long-press, cancel the timer
|
|
23878
|
-
* @param {object} e - browser event object
|
|
23879
|
-
* @returns {void}
|
|
23880
|
-
*/
|
|
23881
|
-
function mouseMoveHandler(e) {
|
|
23882
|
-
|
|
23883
|
-
// calculate total number of pixels the pointer has moved
|
|
23884
|
-
var diffX = Math.abs(startX - e.clientX);
|
|
23885
|
-
var diffY = Math.abs(startY - e.clientY);
|
|
23886
|
-
|
|
23887
|
-
// if pointer has moved more than allowed, cancel the long-press timer and therefore the event
|
|
23888
|
-
if (diffX >= maxDiffX || diffY >= maxDiffY) {
|
|
23889
|
-
clearLongPressTimer();
|
|
23890
|
-
}
|
|
23891
|
-
}
|
|
23892
|
-
|
|
23893
|
-
/**
|
|
23894
|
-
* Gets attribute off HTML element or nearest parent
|
|
23895
|
-
* @param {object} el - HTML element to retrieve attribute from
|
|
23896
|
-
* @param {string} attributeName - name of the attribute
|
|
23897
|
-
* @param {any} defaultValue - default value to return if no match found
|
|
23898
|
-
* @returns {any} attribute value or defaultValue
|
|
23899
|
-
*/
|
|
23900
|
-
function getNearestAttribute(el, attributeName, defaultValue) {
|
|
23901
|
-
|
|
23902
|
-
// walk up the dom tree looking for data-action and data-trigger
|
|
23903
|
-
while (el && el !== document.documentElement) {
|
|
23904
|
-
|
|
23905
|
-
var attributeValue = el.getAttribute(attributeName);
|
|
23906
|
-
|
|
23907
|
-
if (attributeValue) {
|
|
23908
|
-
return attributeValue;
|
|
23909
|
-
}
|
|
23910
|
-
|
|
23911
|
-
el = el.parentNode;
|
|
23912
|
-
}
|
|
23913
|
-
|
|
23914
|
-
return defaultValue;
|
|
23915
|
-
}
|
|
23916
|
-
|
|
23917
|
-
// hook events that clear a pending long press event
|
|
23918
|
-
document.addEventListener(mouseUp, clearLongPressTimer, true);
|
|
23919
|
-
document.addEventListener(mouseLeave, clearLongPressTimer, true);
|
|
23920
|
-
document.addEventListener(mouseMove, mouseMoveHandler, true);
|
|
23921
|
-
document.addEventListener('wheel', clearLongPressTimer, true);
|
|
23922
|
-
document.addEventListener('scroll', clearLongPressTimer, true);
|
|
23923
|
-
document.addEventListener('contextmenu', clearLongPressTimer, true);
|
|
23924
|
-
|
|
23925
|
-
// hook events that can trigger a long press event
|
|
23926
|
-
document.addEventListener(mouseDown, mouseDownHandler, true); // <- start
|
|
23927
|
-
|
|
23928
|
-
}(window, document));
|
|
23929
|
-
|
|
23930
|
-
var longPressEvent = /*#__PURE__*/Object.freeze({
|
|
23931
|
-
__proto__: null
|
|
23932
|
-
});
|
|
23933
|
-
|
|
23934
23245
|
exports.hydrateApp = hydrateApp;
|
|
23935
23246
|
|
|
23936
23247
|
|