@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.mjs
CHANGED
|
@@ -134,7 +134,7 @@ var node_crypto = require('node:crypto');
|
|
|
134
134
|
const NAMESPACE = 'post-components';
|
|
135
135
|
const BUILD = /* post-components */ { hotModuleReplacement: false, hydratedSelectorName: "data-hydrated", slotRelocation: true, state: true, updatable: true};
|
|
136
136
|
|
|
137
|
-
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
|
|
137
|
+
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}";
|
|
138
138
|
|
|
139
139
|
/*
|
|
140
140
|
Stencil Hydrate Platform v4.41.1 | MIT Licensed | https://stenciljs.com
|
|
@@ -5094,7 +5094,7 @@ var setScopedSSR = (opts) => {
|
|
|
5094
5094
|
var needsScopedSSR = () => scopedSSR;
|
|
5095
5095
|
var scopedSSR = false;
|
|
5096
5096
|
|
|
5097
|
-
const version$1 = "10.0.0-next.
|
|
5097
|
+
const version$1 = "10.0.0-next.68";
|
|
5098
5098
|
|
|
5099
5099
|
const HEADING_LEVELS = [1, 2, 3, 4, 5, 6];
|
|
5100
5100
|
|
|
@@ -5122,7 +5122,7 @@ const ANIMATION_KEYS = [
|
|
|
5122
5122
|
'throb',
|
|
5123
5123
|
];
|
|
5124
5124
|
|
|
5125
|
-
const EMPTY_VALUES = [undefined, null, '', NaN];
|
|
5125
|
+
const EMPTY_VALUES = [undefined, null, '', Number.NaN];
|
|
5126
5126
|
|
|
5127
5127
|
function isValueEmpty(value) {
|
|
5128
5128
|
return EMPTY_VALUES.some(v => Object.is(v, value));
|
|
@@ -5201,7 +5201,7 @@ function checkDate(component, prop) {
|
|
|
5201
5201
|
return;
|
|
5202
5202
|
}
|
|
5203
5203
|
const date = new Date(value);
|
|
5204
|
-
if (isNaN(date.getTime())) {
|
|
5204
|
+
if (Number.isNaN(date.getTime())) {
|
|
5205
5205
|
console.error(message);
|
|
5206
5206
|
}
|
|
5207
5207
|
}
|
|
@@ -5220,7 +5220,7 @@ function isIsoDate(value) {
|
|
|
5220
5220
|
if (!ISO_REGEX.test(value))
|
|
5221
5221
|
return false;
|
|
5222
5222
|
const date = new Date(value); // strict UTC parsing
|
|
5223
|
-
if (isNaN(date.getTime()))
|
|
5223
|
+
if (Number.isNaN(date.getTime()))
|
|
5224
5224
|
return false;
|
|
5225
5225
|
// Roundtrip comparison to catch auto-corrected dates
|
|
5226
5226
|
// Use UTC getters to match the UTC parsing above - no timezone shift
|
|
@@ -5249,54 +5249,6 @@ const checkRequiredAndPattern = requiredAnd(checkPattern);
|
|
|
5249
5249
|
const checkRequiredAndType = requiredAnd(checkType);
|
|
5250
5250
|
const checkRequiredAndUrl = requiredAnd(checkUrl);
|
|
5251
5251
|
|
|
5252
|
-
/**
|
|
5253
|
-
* Environment detection helper
|
|
5254
|
-
*
|
|
5255
|
-
* Goal: Distinguish between real browser execution and Stencil's server-side
|
|
5256
|
-
* hydration context. During SSR/hydration Stencil provides a mocked `window`
|
|
5257
|
-
* (Domino / JSDOM–like) so naive checks (e.g. `typeof window !== 'undefined'`)
|
|
5258
|
-
* incorrectly classify the environment as a browser.
|
|
5259
|
-
*
|
|
5260
|
-
* Detection strategy:
|
|
5261
|
-
* - Stencils hydrate context uses a hardcoded user agent string ('MockNavigator')
|
|
5262
|
-
* and origin ('http://mockdoc.stenciljs.com') for its mocked `window` object.
|
|
5263
|
-
* We can use this to identify the hydrate context.
|
|
5264
|
-
* - Stencils unit test context also uses the same hardcoded user agent string,
|
|
5265
|
-
* but a differnet value for the origin.
|
|
5266
|
-
* That's why comparing the origin is aboslutely mandatory.
|
|
5267
|
-
* - Since we test the hydrate app in the test context, the origin is getting
|
|
5268
|
-
* overwritten by the test setup, leading to a false positive in the
|
|
5269
|
-
* `isHydrateApp` detection.
|
|
5270
|
-
* To circumvent this, we use a global flag (`isHydrateAppTestEnv`),
|
|
5271
|
-
* that we set/reset during the server test, so we can correctly identify
|
|
5272
|
-
* the hydrate app in the test context.
|
|
5273
|
-
* As a drawback, we can't properly test if the hydrate app is detected as
|
|
5274
|
-
* expected, in a real world scenario (elsewhere than in our tests).
|
|
5275
|
-
*/
|
|
5276
|
-
const MOCKED_USERAGENT = 'MockNavigator';
|
|
5277
|
-
const MOCKED_ORIGIN = 'http://mockdoc.stenciljs.com';
|
|
5278
|
-
const isNodeEnv = typeof global !== 'undefined';
|
|
5279
|
-
const hasWindow$1 = typeof window !== 'undefined';
|
|
5280
|
-
const isMockedUserAgent = hasWindow$1 && window.navigator.userAgent === MOCKED_USERAGENT;
|
|
5281
|
-
const isMockedOrigin = hasWindow$1 && window.location.origin === MOCKED_ORIGIN;
|
|
5282
|
-
/**
|
|
5283
|
-
* This is the natural hydrate app environment
|
|
5284
|
-
* Is `true` if the hydrate app runs on server
|
|
5285
|
-
*/
|
|
5286
|
-
const isHydrateAppEnv = isNodeEnv && isMockedUserAgent && isMockedOrigin;
|
|
5287
|
-
/**
|
|
5288
|
-
* This is the test app server test env
|
|
5289
|
-
* Is `true` if the server unit test runs (`false` if the browser unit test runs)
|
|
5290
|
-
*/
|
|
5291
|
-
const isTestAppServerTestEnv = isNodeEnv && isMockedUserAgent && global.IS_HYDRATEAPP_SERVERTEST;
|
|
5292
|
-
/**
|
|
5293
|
-
* This is the final hydrate app flag
|
|
5294
|
-
* if it`s `true`, IS_BROWSER equals `false` and IS_SERVER equals `true
|
|
5295
|
-
*/
|
|
5296
|
-
const isHydrateApp = isHydrateAppEnv || isTestAppServerTestEnv;
|
|
5297
|
-
const IS_BROWSER = hasWindow$1 && !isHydrateApp;
|
|
5298
|
-
const IS_SERVER = !IS_BROWSER;
|
|
5299
|
-
|
|
5300
5252
|
/* eslint-disable no-undefined,no-param-reassign,no-shadow */
|
|
5301
5253
|
|
|
5302
5254
|
/**
|
|
@@ -5466,6 +5418,9 @@ class Breakpoint {
|
|
|
5466
5418
|
{ key: 'sm', device: 'tablet', minWidth: 600 },
|
|
5467
5419
|
{ key: 'xs', device: 'mobile', minWidth: 0 },
|
|
5468
5420
|
];
|
|
5421
|
+
this.resizeObserver = globalThis.ResizeObserver
|
|
5422
|
+
? new ResizeObserver(() => this.updateCurrentBreakpoint())
|
|
5423
|
+
: null;
|
|
5469
5424
|
this.updateCurrentBreakpoint = throttle(50, (options = { emitEvents: true }) => {
|
|
5470
5425
|
const previousBreakpoint = this.currentBreakpoint;
|
|
5471
5426
|
const newBreakpoint = this.breakpoints.find(breakpoint => {
|
|
@@ -5480,15 +5435,13 @@ class Breakpoint {
|
|
|
5480
5435
|
.filter(key => !previousBreakpoint || this.currentBreakpoint[key] !== previousBreakpoint[key])
|
|
5481
5436
|
.forEach((key) => this.dispatchEvent(key));
|
|
5482
5437
|
});
|
|
5483
|
-
if (
|
|
5484
|
-
|
|
5485
|
-
|
|
5486
|
-
|
|
5438
|
+
if (this.resizeObserver) {
|
|
5439
|
+
this.updateCurrentBreakpoint({ emitEvents: false });
|
|
5440
|
+
this.resizeObserver.observe(document.body);
|
|
5441
|
+
}
|
|
5487
5442
|
}
|
|
5488
5443
|
dispatchEvent(property) {
|
|
5489
|
-
|
|
5490
|
-
return;
|
|
5491
|
-
window.dispatchEvent(new CustomEvent(`postBreakpoint:${property}`, { detail: this.currentBreakpoint[property] }));
|
|
5444
|
+
globalThis.dispatchEvent(new CustomEvent(`postBreakpoint:${property}`, { detail: this.currentBreakpoint[property] }));
|
|
5492
5445
|
}
|
|
5493
5446
|
get(property) {
|
|
5494
5447
|
this.updateCurrentBreakpoint({ emitEvents: false });
|
|
@@ -5651,7 +5604,7 @@ function findClosestParentWithTag(element, tagName) {
|
|
|
5651
5604
|
* So use it for example in the componentDidLoad lifecycle hook.
|
|
5652
5605
|
*/
|
|
5653
5606
|
function getRoot(element) {
|
|
5654
|
-
const root =
|
|
5607
|
+
const root = element.getRootNode ? element.getRootNode() : element;
|
|
5655
5608
|
if (root instanceof Document || root instanceof ShadowRoot) {
|
|
5656
5609
|
return root;
|
|
5657
5610
|
}
|
|
@@ -5696,7 +5649,7 @@ function getDeepFocusableChildren(el, filter, visited = new Set()) {
|
|
|
5696
5649
|
// SLOT
|
|
5697
5650
|
if (el instanceof HTMLSlotElement) {
|
|
5698
5651
|
const assigned = el.assignedElements({ flatten: true });
|
|
5699
|
-
nodes = assigned.length ? assigned : Array.from(el.children);
|
|
5652
|
+
nodes = assigned.length > 0 ? assigned : Array.from(el.children);
|
|
5700
5653
|
}
|
|
5701
5654
|
// SHADOW ROOT
|
|
5702
5655
|
else if (el instanceof HTMLElement && el.shadowRoot) {
|
|
@@ -5729,8 +5682,8 @@ function isFocusBlockedByCSS(el) {
|
|
|
5729
5682
|
if (typeof el.checkVisibility === 'function') {
|
|
5730
5683
|
return !el.checkVisibility({ visibilityProperty: true });
|
|
5731
5684
|
}
|
|
5732
|
-
const style =
|
|
5733
|
-
if (style.display === 'none' || style.visibility !== 'visible') {
|
|
5685
|
+
const style = el.ownerDocument?.defaultView?.getComputedStyle(el);
|
|
5686
|
+
if (!style || style.display === 'none' || style.visibility !== 'visible') {
|
|
5734
5687
|
return true;
|
|
5735
5688
|
}
|
|
5736
5689
|
if (el.parentElement) {
|
|
@@ -5755,20 +5708,22 @@ function getSlottedElement(host, selector) {
|
|
|
5755
5708
|
}
|
|
5756
5709
|
|
|
5757
5710
|
function isMotionReduced() {
|
|
5758
|
-
return
|
|
5711
|
+
return globalThis.matchMedia
|
|
5712
|
+
? globalThis.matchMedia('(prefers-reduced-motion: reduce)').matches
|
|
5713
|
+
: true;
|
|
5759
5714
|
}
|
|
5760
5715
|
|
|
5761
5716
|
function repeatOnLongPress(callback, options) {
|
|
5762
5717
|
const stop = repeat(callback, options);
|
|
5763
5718
|
const handler = () => {
|
|
5764
5719
|
stop();
|
|
5765
|
-
|
|
5766
|
-
|
|
5767
|
-
|
|
5720
|
+
globalThis.removeEventListener('pointerup', handler);
|
|
5721
|
+
globalThis.removeEventListener('pointercancel', handler);
|
|
5722
|
+
globalThis.removeEventListener('pointerleave', handler);
|
|
5768
5723
|
};
|
|
5769
|
-
|
|
5770
|
-
|
|
5771
|
-
|
|
5724
|
+
globalThis.addEventListener('pointerup', handler);
|
|
5725
|
+
globalThis.addEventListener('pointercancel', handler);
|
|
5726
|
+
globalThis.addEventListener('pointerleave', handler);
|
|
5772
5727
|
}
|
|
5773
5728
|
function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
|
|
5774
5729
|
callback(); // immediate action
|
|
@@ -5785,7 +5740,7 @@ function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
|
|
|
5785
5740
|
|
|
5786
5741
|
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)}`;
|
|
5787
5742
|
|
|
5788
|
-
var __decorate$
|
|
5743
|
+
var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
5789
5744
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
5790
5745
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
5791
5746
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -5856,7 +5811,7 @@ class PostAccordion {
|
|
|
5856
5811
|
if (this.multiple) {
|
|
5857
5812
|
await Promise.all(this.accordionItems.map(item => item.toggle(true)));
|
|
5858
5813
|
}
|
|
5859
|
-
else if (
|
|
5814
|
+
else if (this.expandedItems.size === 0) {
|
|
5860
5815
|
await this.accordionItems[0].toggle(true);
|
|
5861
5816
|
}
|
|
5862
5817
|
}
|
|
@@ -5881,7 +5836,7 @@ class PostAccordion {
|
|
|
5881
5836
|
});
|
|
5882
5837
|
}
|
|
5883
5838
|
render() {
|
|
5884
|
-
return (hAsync(Host, { key: '
|
|
5839
|
+
return (hAsync(Host, { key: 'fa37ee5b4611a84d273229955bcf624e53120022', "data-version": version$1 }, hAsync("div", { key: '0884dc3582eb768c6dd4959168d7e9a9b4195c3c', class: "accordion" }, hAsync("slot", { key: 'f6d81d89aca513094ac5c1d531ed9d63f7b93730', onSlotchange: () => this.registerAccordionItems() }))));
|
|
5885
5840
|
}
|
|
5886
5841
|
get host() { return getElement(this); }
|
|
5887
5842
|
static get watchers() { return {
|
|
@@ -5905,7 +5860,7 @@ class PostAccordion {
|
|
|
5905
5860
|
"$attrsToReflect$": [["headingLevel", "heading-level"], ["multiple", "multiple"]]
|
|
5906
5861
|
}; }
|
|
5907
5862
|
}
|
|
5908
|
-
__decorate$
|
|
5863
|
+
__decorate$8([
|
|
5909
5864
|
EventFrom('post-accordion-item')
|
|
5910
5865
|
], PostAccordion.prototype, "collapseToggleHandler", null);
|
|
5911
5866
|
|
|
@@ -5936,7 +5891,7 @@ function nanoid(size = 21) {
|
|
|
5936
5891
|
|
|
5937
5892
|
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}`;
|
|
5938
5893
|
|
|
5939
|
-
var __decorate$
|
|
5894
|
+
var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
5940
5895
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
5941
5896
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
5942
5897
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -6016,10 +5971,199 @@ class PostAccordionItem {
|
|
|
6016
5971
|
"$attrsToReflect$": [["collapsed", "collapsed"]]
|
|
6017
5972
|
}; }
|
|
6018
5973
|
}
|
|
6019
|
-
__decorate$
|
|
5974
|
+
__decorate$7([
|
|
6020
5975
|
EventFrom('post-accordion-item')
|
|
6021
5976
|
], PostAccordionItem.prototype, "onCollapseToggle", null);
|
|
6022
5977
|
|
|
5978
|
+
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}`;
|
|
5979
|
+
|
|
5980
|
+
/**
|
|
5981
|
+
* @slot default - Slot for placing post-autocomplete-item components.
|
|
5982
|
+
*/
|
|
5983
|
+
class PostAutocomplete {
|
|
5984
|
+
constructor(hostRef) {
|
|
5985
|
+
registerInstance(this, hostRef);
|
|
5986
|
+
this.postFilteringEvent = createEvent(this, "postFilteringEvent");
|
|
5987
|
+
this.debouncedHandleInput = debounce((event) => this.handleInput(event), 250);
|
|
5988
|
+
/** Number of characters to type before filtering methods are called */
|
|
5989
|
+
this.filterThreshold = 0;
|
|
5990
|
+
/** Show or hide the clear button */
|
|
5991
|
+
this.clearable = false;
|
|
5992
|
+
this.inputValue = '';
|
|
5993
|
+
this.handleOnBlur = () => {
|
|
5994
|
+
this.inputElement.value = this.inputValue;
|
|
5995
|
+
this.listBoxElement.filter('');
|
|
5996
|
+
this.hideListBox();
|
|
5997
|
+
};
|
|
5998
|
+
this.handleInput = (event) => {
|
|
5999
|
+
if (!this.listBoxElement)
|
|
6000
|
+
return;
|
|
6001
|
+
const value = event.target.value.trim();
|
|
6002
|
+
const query = value.length >= this.filterThreshold ? value : '';
|
|
6003
|
+
// Allow for consuming parent to handle filtering (e.g. for async data) and prevent default filtering behavior
|
|
6004
|
+
const { defaultPrevented } = this.postFilteringEvent.emit(query && query.length >= this.filterThreshold ? query : '');
|
|
6005
|
+
if (defaultPrevented)
|
|
6006
|
+
return;
|
|
6007
|
+
this.listBoxElement.filter(query);
|
|
6008
|
+
if (query) {
|
|
6009
|
+
this.showListBox();
|
|
6010
|
+
}
|
|
6011
|
+
else {
|
|
6012
|
+
this.inputValue = '';
|
|
6013
|
+
}
|
|
6014
|
+
};
|
|
6015
|
+
this.handleKeyDown = (event) => {
|
|
6016
|
+
const { key, altKey } = event;
|
|
6017
|
+
switch (key) {
|
|
6018
|
+
case 'ArrowDown':
|
|
6019
|
+
event.preventDefault();
|
|
6020
|
+
this.showListBox();
|
|
6021
|
+
if (!altKey) {
|
|
6022
|
+
this.listBoxElement.navigate('down');
|
|
6023
|
+
}
|
|
6024
|
+
break;
|
|
6025
|
+
case 'ArrowUp':
|
|
6026
|
+
event.preventDefault();
|
|
6027
|
+
this.listBoxElement.navigate('up');
|
|
6028
|
+
break;
|
|
6029
|
+
case 'Enter':
|
|
6030
|
+
if (this.listBoxElement.hidden)
|
|
6031
|
+
return;
|
|
6032
|
+
event.preventDefault();
|
|
6033
|
+
this.listBoxElement.selectActive();
|
|
6034
|
+
this.hideListBox();
|
|
6035
|
+
break;
|
|
6036
|
+
case 'Escape':
|
|
6037
|
+
this.hideListBox();
|
|
6038
|
+
break;
|
|
6039
|
+
case 'Tab':
|
|
6040
|
+
this.listBoxElement.selectActive();
|
|
6041
|
+
this.hideListBox();
|
|
6042
|
+
break;
|
|
6043
|
+
case 'Home':
|
|
6044
|
+
event.preventDefault();
|
|
6045
|
+
this.listBoxElement.navigate('first');
|
|
6046
|
+
break;
|
|
6047
|
+
case 'End':
|
|
6048
|
+
event.preventDefault();
|
|
6049
|
+
this.listBoxElement.navigate('last');
|
|
6050
|
+
break;
|
|
6051
|
+
}
|
|
6052
|
+
};
|
|
6053
|
+
this.handleOptionSelected = (e) => {
|
|
6054
|
+
const value = e.detail;
|
|
6055
|
+
this.inputElement.value = value;
|
|
6056
|
+
this.inputValue = value;
|
|
6057
|
+
this.hideListBox();
|
|
6058
|
+
};
|
|
6059
|
+
this.handleOptionActive = (e) => {
|
|
6060
|
+
const value = e.detail;
|
|
6061
|
+
if (value) {
|
|
6062
|
+
this.inputElement.setAttribute('aria-activedescendant', value);
|
|
6063
|
+
}
|
|
6064
|
+
else {
|
|
6065
|
+
this.inputElement.removeAttribute('aria-activedescendant');
|
|
6066
|
+
}
|
|
6067
|
+
};
|
|
6068
|
+
this.hideListBox = () => {
|
|
6069
|
+
this.listBoxElement.hide();
|
|
6070
|
+
this.inputElement.ariaExpanded = 'false';
|
|
6071
|
+
this.host.removeAttribute('open');
|
|
6072
|
+
this.inputElement.removeAttribute('aria-activedescendant');
|
|
6073
|
+
};
|
|
6074
|
+
this.showListBox = () => {
|
|
6075
|
+
this.listBoxElement.show();
|
|
6076
|
+
this.inputElement.ariaExpanded = 'true';
|
|
6077
|
+
this.host.setAttribute('open', '');
|
|
6078
|
+
};
|
|
6079
|
+
this.clearInput = () => {
|
|
6080
|
+
if (this.inputElement) {
|
|
6081
|
+
this.inputElement.value = '';
|
|
6082
|
+
this.inputValue = '';
|
|
6083
|
+
this.listBoxElement.clearSelection();
|
|
6084
|
+
this.hideListBox();
|
|
6085
|
+
}
|
|
6086
|
+
};
|
|
6087
|
+
}
|
|
6088
|
+
get inputElement() {
|
|
6089
|
+
return this.host.querySelector('input');
|
|
6090
|
+
}
|
|
6091
|
+
get listBoxElement() {
|
|
6092
|
+
if (this.listbox) {
|
|
6093
|
+
return document.getElementById(this.listbox);
|
|
6094
|
+
}
|
|
6095
|
+
else {
|
|
6096
|
+
return this.host.querySelector('post-listbox');
|
|
6097
|
+
}
|
|
6098
|
+
}
|
|
6099
|
+
componentWillLoad() {
|
|
6100
|
+
if (!this.inputElement)
|
|
6101
|
+
return;
|
|
6102
|
+
this.inputElement.role = 'combobox';
|
|
6103
|
+
this.inputElement.ariaAutoComplete = 'list';
|
|
6104
|
+
if (!this.listBoxElement)
|
|
6105
|
+
return;
|
|
6106
|
+
if (!this.listBoxElement.id)
|
|
6107
|
+
this.listBoxElement.id = crypto.randomUUID();
|
|
6108
|
+
this.inputElement.setAttribute('aria-controls', this.listBoxElement.id);
|
|
6109
|
+
this.inputElement.setAttribute('aria-expanded', 'false');
|
|
6110
|
+
// Because we're handling that and the browser would show a duplicate native autocomplete dropdown
|
|
6111
|
+
this.inputElement.autocomplete = 'off';
|
|
6112
|
+
this.attachInputListeners();
|
|
6113
|
+
this.attachListboxListeners();
|
|
6114
|
+
}
|
|
6115
|
+
disconnectedCallback() {
|
|
6116
|
+
this.detachInputListeners();
|
|
6117
|
+
this.detachListboxListeners();
|
|
6118
|
+
}
|
|
6119
|
+
attachInputListeners() {
|
|
6120
|
+
if (this.inputElement) {
|
|
6121
|
+
this.inputElement.addEventListener('input', this.debouncedHandleInput);
|
|
6122
|
+
this.inputElement.addEventListener('keydown', this.handleKeyDown);
|
|
6123
|
+
this.inputElement.addEventListener('blur', this.handleOnBlur);
|
|
6124
|
+
this.inputElement.addEventListener('click', this.showListBox);
|
|
6125
|
+
}
|
|
6126
|
+
}
|
|
6127
|
+
detachInputListeners() {
|
|
6128
|
+
if (this.inputElement) {
|
|
6129
|
+
this.inputElement.removeEventListener('input', this.debouncedHandleInput);
|
|
6130
|
+
this.inputElement.removeEventListener('keydown', this.handleKeyDown);
|
|
6131
|
+
this.inputElement.removeEventListener('blur', this.handleOnBlur);
|
|
6132
|
+
this.inputElement.removeEventListener('click', this.showListBox);
|
|
6133
|
+
}
|
|
6134
|
+
}
|
|
6135
|
+
attachListboxListeners() {
|
|
6136
|
+
if (this.listBoxElement) {
|
|
6137
|
+
this.listBoxElement.addEventListener('postOptionSelected', this.handleOptionSelected);
|
|
6138
|
+
this.listBoxElement.addEventListener('postOptionActive', this.handleOptionActive);
|
|
6139
|
+
}
|
|
6140
|
+
}
|
|
6141
|
+
detachListboxListeners() {
|
|
6142
|
+
if (this.listBoxElement) {
|
|
6143
|
+
this.listBoxElement.removeEventListener('postOptionSelected', this.handleOptionSelected);
|
|
6144
|
+
this.listBoxElement.removeEventListener('postOptionActive', this.handleOptionActive);
|
|
6145
|
+
}
|
|
6146
|
+
}
|
|
6147
|
+
render() {
|
|
6148
|
+
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" })));
|
|
6149
|
+
}
|
|
6150
|
+
get host() { return getElement(this); }
|
|
6151
|
+
static get style() { return postAutocompleteCss(); }
|
|
6152
|
+
static get cmpMeta() { return {
|
|
6153
|
+
"$flags$": 265,
|
|
6154
|
+
"$tagName$": "post-autocomplete",
|
|
6155
|
+
"$members$": {
|
|
6156
|
+
"filterThreshold": [514, "filter-threshold"],
|
|
6157
|
+
"clearable": [516],
|
|
6158
|
+
"listbox": [513],
|
|
6159
|
+
"inputValue": [32]
|
|
6160
|
+
},
|
|
6161
|
+
"$listeners$": undefined,
|
|
6162
|
+
"$lazyBundleId$": "-",
|
|
6163
|
+
"$attrsToReflect$": [["filterThreshold", "filter-threshold"], ["clearable", "clearable"], ["listbox", "listbox"]]
|
|
6164
|
+
}; }
|
|
6165
|
+
}
|
|
6166
|
+
|
|
6023
6167
|
// https://docs.gravatar.com/api/avatars/images/
|
|
6024
6168
|
const GRAVATAR_DEFAULT = '404';
|
|
6025
6169
|
const GRAVATAR_RATING = 'g';
|
|
@@ -6178,13 +6322,13 @@ class PostAvatar {
|
|
|
6178
6322
|
this.validateEmail();
|
|
6179
6323
|
}
|
|
6180
6324
|
render() {
|
|
6181
|
-
const names = [this.firstname, this.lastname].filter(
|
|
6325
|
+
const names = [this.firstname, this.lastname].filter(Boolean).map(n => n.trim());
|
|
6182
6326
|
const initials = names
|
|
6183
6327
|
.map(n => n.charAt(0))
|
|
6184
6328
|
.join('')
|
|
6185
6329
|
.trim();
|
|
6186
6330
|
const fullname = names.join(' ');
|
|
6187
|
-
return (hAsync(Host, { key: '
|
|
6331
|
+
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)))));
|
|
6188
6332
|
}
|
|
6189
6333
|
get host() { return getElement(this); }
|
|
6190
6334
|
static get watchers() { return {
|
|
@@ -6325,7 +6469,7 @@ class PostBackToTop {
|
|
|
6325
6469
|
}
|
|
6326
6470
|
animateButton() {
|
|
6327
6471
|
// Get the back-to-top button top postiion
|
|
6328
|
-
const positionTop =
|
|
6472
|
+
const positionTop = globalThis.getComputedStyle(this.host).getPropertyValue('top');
|
|
6329
6473
|
const buttonElement = this.host.shadowRoot.querySelector('button');
|
|
6330
6474
|
// Extract the elevation height from the back-to-top button elevation token
|
|
6331
6475
|
const elevation = getComputedStyle(buttonElement).getPropertyValue('--post-back-to-top-elevation');
|
|
@@ -6336,8 +6480,8 @@ class PostBackToTop {
|
|
|
6336
6480
|
// The translateY is calculated as => -100% (btt button height) - topPosition - elevationHeight
|
|
6337
6481
|
this.translateY =
|
|
6338
6482
|
(-1 * 100) / 100 -
|
|
6339
|
-
parseFloat(positionTop.replace('px', '')) -
|
|
6340
|
-
parseFloat(elevationHeight.replace('px', ''));
|
|
6483
|
+
Number.parseFloat(positionTop.replace('px', '')) -
|
|
6484
|
+
Number.parseFloat(elevationHeight.replace('px', ''));
|
|
6341
6485
|
if (this.belowFold) {
|
|
6342
6486
|
fadeSlide(this.host, 'in', { translate: this.translateY, fill: 'forwards' });
|
|
6343
6487
|
}
|
|
@@ -6358,7 +6502,7 @@ class PostBackToTop {
|
|
|
6358
6502
|
window.removeEventListener('scroll', this.handleScroll);
|
|
6359
6503
|
}
|
|
6360
6504
|
render() {
|
|
6361
|
-
return (hAsync(Host, { key: '
|
|
6505
|
+
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))));
|
|
6362
6506
|
}
|
|
6363
6507
|
get host() { return getElement(this); }
|
|
6364
6508
|
static get watchers() { return {
|
|
@@ -6435,7 +6579,7 @@ const BANNER_TYPES = ['success', 'warning', 'error', 'info'];
|
|
|
6435
6579
|
|
|
6436
6580
|
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}}`;
|
|
6437
6581
|
|
|
6438
|
-
var __decorate$
|
|
6582
|
+
var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6439
6583
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6440
6584
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
6441
6585
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -6491,7 +6635,7 @@ class PostBanner {
|
|
|
6491
6635
|
this.hasActions = this.host.querySelectorAll('[slot="actions"]').length > 0;
|
|
6492
6636
|
}
|
|
6493
6637
|
render() {
|
|
6494
|
-
return (hAsync(Host, { key: '
|
|
6638
|
+
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" })))));
|
|
6495
6639
|
}
|
|
6496
6640
|
get host() { return getElement(this); }
|
|
6497
6641
|
static get watchers() { return {
|
|
@@ -6513,7 +6657,7 @@ class PostBanner {
|
|
|
6513
6657
|
"$attrsToReflect$": [["type", "type"]]
|
|
6514
6658
|
}; }
|
|
6515
6659
|
}
|
|
6516
|
-
__decorate$
|
|
6660
|
+
__decorate$6([
|
|
6517
6661
|
EventFrom('post-closebutton', { allowDescendants: true })
|
|
6518
6662
|
], PostBanner.prototype, "onCloseButtonClick", null);
|
|
6519
6663
|
|
|
@@ -6530,7 +6674,7 @@ class PostBreadcrumbItem {
|
|
|
6530
6674
|
try {
|
|
6531
6675
|
this.validUrl = this.constructUrl(this.url);
|
|
6532
6676
|
}
|
|
6533
|
-
catch
|
|
6677
|
+
catch {
|
|
6534
6678
|
this.validUrl = undefined;
|
|
6535
6679
|
}
|
|
6536
6680
|
}
|
|
@@ -6538,7 +6682,7 @@ class PostBreadcrumbItem {
|
|
|
6538
6682
|
constructUrl(value) {
|
|
6539
6683
|
const hasBaseURL = /^https?:\/\//.test(String(this.url));
|
|
6540
6684
|
if (typeof value === 'string') {
|
|
6541
|
-
this.fullUrl = hasBaseURL ? value : `${
|
|
6685
|
+
this.fullUrl = hasBaseURL ? value : `${globalThis.location.origin}${value}`;
|
|
6542
6686
|
checkEmptyOrUrl(this, 'fullUrl');
|
|
6543
6687
|
return this.fullUrl;
|
|
6544
6688
|
}
|
|
@@ -6557,8 +6701,7 @@ class PostBreadcrumbItem {
|
|
|
6557
6701
|
}
|
|
6558
6702
|
}
|
|
6559
6703
|
render() {
|
|
6560
|
-
|
|
6561
|
-
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' }))));
|
|
6704
|
+
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)))));
|
|
6562
6705
|
}
|
|
6563
6706
|
get host() { return getElement(this); }
|
|
6564
6707
|
static get watchers() { return {
|
|
@@ -6571,12 +6714,14 @@ class PostBreadcrumbItem {
|
|
|
6571
6714
|
"$flags$": 265,
|
|
6572
6715
|
"$tagName$": "post-breadcrumb-item",
|
|
6573
6716
|
"$members$": {
|
|
6574
|
-
"url": [
|
|
6717
|
+
"url": [513],
|
|
6718
|
+
"label": [513],
|
|
6719
|
+
"description": [513],
|
|
6575
6720
|
"fullUrl": [32]
|
|
6576
6721
|
},
|
|
6577
6722
|
"$listeners$": undefined,
|
|
6578
6723
|
"$lazyBundleId$": "-",
|
|
6579
|
-
"$attrsToReflect$": []
|
|
6724
|
+
"$attrsToReflect$": [["url", "url"], ["label", "label"], ["description", "description"]]
|
|
6580
6725
|
}; }
|
|
6581
6726
|
}
|
|
6582
6727
|
|
|
@@ -6615,9 +6760,6 @@ class PostBreadcrumbs {
|
|
|
6615
6760
|
validateTextMoreItems() {
|
|
6616
6761
|
checkRequiredAndType(this, 'textMoreItems', 'string');
|
|
6617
6762
|
}
|
|
6618
|
-
componentWillLoad() {
|
|
6619
|
-
this.updateBreadcrumbItems();
|
|
6620
|
-
}
|
|
6621
6763
|
componentDidLoad() {
|
|
6622
6764
|
this.validateHomeUrl();
|
|
6623
6765
|
this.validateTextHome();
|
|
@@ -6625,6 +6767,9 @@ class PostBreadcrumbs {
|
|
|
6625
6767
|
this.validateTextMoreItems();
|
|
6626
6768
|
window.addEventListener('resize', this.handleResize);
|
|
6627
6769
|
this.waitForBreadcrumbsRef();
|
|
6770
|
+
requestAnimationFrame(() => {
|
|
6771
|
+
this.updateBreadcrumbItems();
|
|
6772
|
+
});
|
|
6628
6773
|
}
|
|
6629
6774
|
disconnectedCallback() {
|
|
6630
6775
|
window.removeEventListener('resize', this.handleResize);
|
|
@@ -6633,9 +6778,11 @@ class PostBreadcrumbs {
|
|
|
6633
6778
|
updateBreadcrumbItems() {
|
|
6634
6779
|
this.breadcrumbItems = Array.from(this.host.querySelectorAll('post-breadcrumb-item')).map(item => ({
|
|
6635
6780
|
text: item.textContent || '',
|
|
6636
|
-
url: item.getAttribute('url')
|
|
6781
|
+
url: item.getAttribute('url') ?? undefined,
|
|
6782
|
+
description: item.getAttribute('description') ?? undefined,
|
|
6783
|
+
label: item.getAttribute('label') ?? undefined,
|
|
6637
6784
|
}));
|
|
6638
|
-
this.lastItem = this.breadcrumbItems
|
|
6785
|
+
this.lastItem = this.breadcrumbItems.at(-1);
|
|
6639
6786
|
}
|
|
6640
6787
|
// Determines parent width for concatenation logic
|
|
6641
6788
|
getParentWidth() {
|
|
@@ -6670,7 +6817,7 @@ class PostBreadcrumbs {
|
|
|
6670
6817
|
}
|
|
6671
6818
|
render() {
|
|
6672
6819
|
const visibleItems = this.breadcrumbItems.slice(0, -1);
|
|
6673
|
-
return (hAsync(Host, { key: '
|
|
6820
|
+
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 => {
|
|
6674
6821
|
if (e.key === 'Enter' || e.key === ' ') {
|
|
6675
6822
|
e.preventDefault();
|
|
6676
6823
|
this.handleBreadcrumbItemClick();
|
|
@@ -6681,7 +6828,7 @@ class PostBreadcrumbs {
|
|
|
6681
6828
|
linkElement?.click();
|
|
6682
6829
|
e.preventDefault();
|
|
6683
6830
|
}
|
|
6684
|
-
} }, 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: '
|
|
6831
|
+
} }, 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)))))));
|
|
6685
6832
|
}
|
|
6686
6833
|
get host() { return getElement(this); }
|
|
6687
6834
|
static get watchers() { return {
|
|
@@ -6776,7 +6923,7 @@ class PostClosebutton {
|
|
|
6776
6923
|
}
|
|
6777
6924
|
}
|
|
6778
6925
|
render() {
|
|
6779
|
-
return (hAsync(Host, { key: '
|
|
6926
|
+
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' })))));
|
|
6780
6927
|
}
|
|
6781
6928
|
get host() { return getElement(this); }
|
|
6782
6929
|
static get watchers() { return {
|
|
@@ -6806,23 +6953,9 @@ class PostClosebutton {
|
|
|
6806
6953
|
}
|
|
6807
6954
|
|
|
6808
6955
|
const collapseDuration = 350;
|
|
6809
|
-
const collapseEasing = 'ease';
|
|
6810
6956
|
const collapsedKeyframe = { height: '0', overflow: 'hidden' };
|
|
6811
|
-
|
|
6812
|
-
duration: isMotionReduced() ? 0 : collapseDuration
|
|
6813
|
-
easing: collapseEasing,
|
|
6814
|
-
fill: 'forwards',
|
|
6815
|
-
};
|
|
6816
|
-
function collapse(el) {
|
|
6817
|
-
const elHeight = IS_BROWSER ? window.getComputedStyle(el).height : `${el.scrollHeight}px`;
|
|
6818
|
-
const expandedKeyframe = { height: elHeight };
|
|
6819
|
-
return el.animate([expandedKeyframe, collapsedKeyframe], animationOptions);
|
|
6820
|
-
}
|
|
6821
|
-
function expand(el) {
|
|
6822
|
-
const expandedKeyframe = { height: `${el.scrollHeight}px`, offset: 1 };
|
|
6823
|
-
const finalKeyframe = { height: 'auto', overflow: 'visible' };
|
|
6824
|
-
return el.animate([collapsedKeyframe, expandedKeyframe, finalKeyframe], animationOptions);
|
|
6825
|
-
}
|
|
6957
|
+
({
|
|
6958
|
+
duration: isMotionReduced() ? 0 : collapseDuration});
|
|
6826
6959
|
|
|
6827
6960
|
const postCollapsibleCss = () => `:host{display:block;position:relative;overflow:var(--post-collapsible-initial-overflow, hidden);height:var(--post-collapsible-initial-height, auto)}`;
|
|
6828
6961
|
|
|
@@ -6862,13 +6995,6 @@ class PostCollapsible {
|
|
|
6862
6995
|
// due to its implementation with the getter, which returns !this.collapsed
|
|
6863
6996
|
this.collapsed = !shouldExpand;
|
|
6864
6997
|
const isExpanded = this.isExpanded;
|
|
6865
|
-
if (IS_BROWSER) {
|
|
6866
|
-
const animation = isExpanded ? expand(this.host) : collapse(this.host);
|
|
6867
|
-
this.postToggle.emit(isExpanded);
|
|
6868
|
-
await animation.finished;
|
|
6869
|
-
animation.commitStyles();
|
|
6870
|
-
this.updateTriggers();
|
|
6871
|
-
}
|
|
6872
6998
|
return isExpanded;
|
|
6873
6999
|
}
|
|
6874
7000
|
/**
|
|
@@ -6879,7 +7005,7 @@ class PostCollapsible {
|
|
|
6879
7005
|
triggers.forEach(trigger => trigger.update());
|
|
6880
7006
|
}
|
|
6881
7007
|
render() {
|
|
6882
|
-
return (hAsync(Host, { key: '
|
|
7008
|
+
return (hAsync(Host, { key: 'e20569112cd3c844cf9f5e274ef452592f295f3e', "data-version": version$1, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, hAsync("slot", { key: 'af454694fd370de798c3cdf962b950efbbc7dad9' })));
|
|
6883
7009
|
}
|
|
6884
7010
|
get host() { return getElement(this); }
|
|
6885
7011
|
static get watchers() { return {
|
|
@@ -6901,7 +7027,7 @@ class PostCollapsible {
|
|
|
6901
7027
|
}; }
|
|
6902
7028
|
}
|
|
6903
7029
|
|
|
6904
|
-
var __decorate$
|
|
7030
|
+
var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6905
7031
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6906
7032
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
6907
7033
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -6998,7 +7124,7 @@ class PostCollapsibleTrigger {
|
|
|
6998
7124
|
this.updateAriaAttributes();
|
|
6999
7125
|
}
|
|
7000
7126
|
render() {
|
|
7001
|
-
return (hAsync(Host, { key: '
|
|
7127
|
+
return (hAsync(Host, { key: '0b5e8c203d582389369dde1246ecc5996d6613b9', "data-version": version$1 }, hAsync("slot", { key: 'b49aead3fd6ebcc3ec9fab200b25d2be919e1b18' })));
|
|
7002
7128
|
}
|
|
7003
7129
|
get host() { return getElement(this); }
|
|
7004
7130
|
static get watchers() { return {
|
|
@@ -7018,7 +7144,7 @@ class PostCollapsibleTrigger {
|
|
|
7018
7144
|
"$attrsToReflect$": [["for", "for"]]
|
|
7019
7145
|
}; }
|
|
7020
7146
|
}
|
|
7021
|
-
__decorate$
|
|
7147
|
+
__decorate$5([
|
|
7022
7148
|
EventFrom('post-collapsible')
|
|
7023
7149
|
], PostCollapsibleTrigger.prototype, "handlePostToggle", null);
|
|
7024
7150
|
|
|
@@ -10775,7 +10901,7 @@ const localesMap = {
|
|
|
10775
10901
|
it: localeIt,
|
|
10776
10902
|
};
|
|
10777
10903
|
|
|
10778
|
-
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}`;
|
|
10904
|
+
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}`;
|
|
10779
10905
|
|
|
10780
10906
|
class PostDatePicker {
|
|
10781
10907
|
constructor(hostRef) {
|
|
@@ -10793,7 +10919,7 @@ class PostDatePicker {
|
|
|
10793
10919
|
*/
|
|
10794
10920
|
this.inline = false;
|
|
10795
10921
|
this.startDate = new Date();
|
|
10796
|
-
this.locale =
|
|
10922
|
+
this.locale = 'en';
|
|
10797
10923
|
this.currentViewType = 'days';
|
|
10798
10924
|
this.euFormat = true;
|
|
10799
10925
|
this.skipOnSelectCount = 0;
|
|
@@ -11064,7 +11190,7 @@ class PostDatePicker {
|
|
|
11064
11190
|
}
|
|
11065
11191
|
setActiveCell(date, focusOnDate = true) {
|
|
11066
11192
|
const cells = this.getCells();
|
|
11067
|
-
if (
|
|
11193
|
+
if (cells.length === 0)
|
|
11068
11194
|
return;
|
|
11069
11195
|
let target;
|
|
11070
11196
|
// If selected date is visible
|
|
@@ -11095,7 +11221,7 @@ class PostDatePicker {
|
|
|
11095
11221
|
}
|
|
11096
11222
|
// fallback
|
|
11097
11223
|
if (!target) {
|
|
11098
|
-
target = cells
|
|
11224
|
+
target = cells.at(-1);
|
|
11099
11225
|
}
|
|
11100
11226
|
// Make only the target focusable
|
|
11101
11227
|
cells.forEach(c => (c.tabIndex = -1));
|
|
@@ -11164,7 +11290,7 @@ class PostDatePicker {
|
|
|
11164
11290
|
});
|
|
11165
11291
|
body.removeEventListener('keydown', this.handleGridKeydown);
|
|
11166
11292
|
body.addEventListener('keydown', this.handleGridKeydown);
|
|
11167
|
-
this.setActiveCell(this.isoToDate(this.selectedStartDate)
|
|
11293
|
+
this.setActiveCell(this.isoToDate(this.selectedStartDate) || this.today, focusOnDate);
|
|
11168
11294
|
}
|
|
11169
11295
|
/**
|
|
11170
11296
|
* Set up the masks on the inputs to reflect the date pickers
|
|
@@ -11512,7 +11638,7 @@ class PostDatePicker {
|
|
|
11512
11638
|
this.selectedEndDate = undefined;
|
|
11513
11639
|
}
|
|
11514
11640
|
isValidDate(date) {
|
|
11515
|
-
return date instanceof Date && !isNaN(date.getTime());
|
|
11641
|
+
return date instanceof Date && !Number.isNaN(date.getTime());
|
|
11516
11642
|
}
|
|
11517
11643
|
syncDatePickerState() {
|
|
11518
11644
|
this.inputDisabled = this.dpInput.disabled;
|
|
@@ -11563,11 +11689,11 @@ class PostDatePicker {
|
|
|
11563
11689
|
}
|
|
11564
11690
|
}
|
|
11565
11691
|
render() {
|
|
11566
|
-
return (hAsync(Host, { key: '
|
|
11692
|
+
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: {
|
|
11567
11693
|
'calendar-input': !this.range,
|
|
11568
11694
|
'calendar-input-range': this.range,
|
|
11569
11695
|
'disabled': this.inputDisabled,
|
|
11570
|
-
} }, hAsync("slot", { key: '
|
|
11696
|
+
} }, 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" }))))));
|
|
11571
11697
|
}
|
|
11572
11698
|
get host() { return getElement(this); }
|
|
11573
11699
|
static get watchers() { return {
|
|
@@ -11645,24 +11771,7 @@ class PostDatePicker {
|
|
|
11645
11771
|
}
|
|
11646
11772
|
PostDatePicker.FLYOUT_OFFSET = 4;
|
|
11647
11773
|
|
|
11648
|
-
|
|
11649
|
-
constructor(hostRef) {
|
|
11650
|
-
registerInstance(this, hostRef);
|
|
11651
|
-
}
|
|
11652
|
-
render() {
|
|
11653
|
-
return hAsync("div", { key: '533164ef2f912a47b6585c3be31c2061d8134f64', "data-browser": String(IS_BROWSER), "data-server": String(IS_SERVER) });
|
|
11654
|
-
}
|
|
11655
|
-
static get cmpMeta() { return {
|
|
11656
|
-
"$flags$": 9,
|
|
11657
|
-
"$tagName$": "post-env-test",
|
|
11658
|
-
"$members$": undefined,
|
|
11659
|
-
"$listeners$": undefined,
|
|
11660
|
-
"$lazyBundleId$": "-",
|
|
11661
|
-
"$attrsToReflect$": []
|
|
11662
|
-
}; }
|
|
11663
|
-
}
|
|
11664
|
-
|
|
11665
|
-
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}`;
|
|
11774
|
+
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}`;
|
|
11666
11775
|
|
|
11667
11776
|
const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
|
|
11668
11777
|
/**
|
|
@@ -11688,7 +11797,7 @@ class PostFooter {
|
|
|
11688
11797
|
this.handleGridSlotChange = this.handleGridSlotChange.bind(this);
|
|
11689
11798
|
}
|
|
11690
11799
|
connectedCallback() {
|
|
11691
|
-
|
|
11800
|
+
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
|
|
11692
11801
|
}
|
|
11693
11802
|
componentWillLoad() {
|
|
11694
11803
|
this.validateTextFooter();
|
|
@@ -11699,7 +11808,7 @@ class PostFooter {
|
|
|
11699
11808
|
});
|
|
11700
11809
|
}
|
|
11701
11810
|
disconnectedCallback() {
|
|
11702
|
-
|
|
11811
|
+
globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
|
|
11703
11812
|
}
|
|
11704
11813
|
handleGridSlotChange(...devices) {
|
|
11705
11814
|
return (e) => {
|
|
@@ -11720,7 +11829,7 @@ class PostFooter {
|
|
|
11720
11829
|
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 }))));
|
|
11721
11830
|
}
|
|
11722
11831
|
render() {
|
|
11723
|
-
return (hAsync(Host, { key: '
|
|
11832
|
+
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" }))))));
|
|
11724
11833
|
}
|
|
11725
11834
|
get host() { return getElement(this); }
|
|
11726
11835
|
static get watchers() { return {
|
|
@@ -11745,7 +11854,7 @@ class PostFooter {
|
|
|
11745
11854
|
|
|
11746
11855
|
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}`;
|
|
11747
11856
|
|
|
11748
|
-
var __decorate$
|
|
11857
|
+
var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
11749
11858
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
11750
11859
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
11751
11860
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -11794,11 +11903,11 @@ class PostHeader {
|
|
|
11794
11903
|
const scrollParent = this.scrollParent;
|
|
11795
11904
|
const burgerMenuExtended = propName === 'burgerMenuExtended' ? newValue : this.burgerMenuExtended;
|
|
11796
11905
|
if (this.device !== 'desktop' && burgerMenuExtended) {
|
|
11797
|
-
scrollParent.
|
|
11906
|
+
scrollParent.dataset.postScrollLocked = '';
|
|
11798
11907
|
this.host.addEventListener('keydown', this.keyboardHandler);
|
|
11799
11908
|
}
|
|
11800
11909
|
else {
|
|
11801
|
-
scrollParent.
|
|
11910
|
+
delete scrollParent.dataset.postScrollLocked;
|
|
11802
11911
|
this.host.removeEventListener('keydown', this.keyboardHandler);
|
|
11803
11912
|
}
|
|
11804
11913
|
}
|
|
@@ -11843,15 +11952,15 @@ class PostHeader {
|
|
|
11843
11952
|
this.megadropdownStateHandler = this.megadropdownStateHandler.bind(this);
|
|
11844
11953
|
}
|
|
11845
11954
|
connectedCallback() {
|
|
11846
|
-
|
|
11847
|
-
|
|
11955
|
+
globalThis.addEventListener('resize', this.throttledResize, { passive: true });
|
|
11956
|
+
globalThis.addEventListener('scroll', this.handleScrollEvent, {
|
|
11848
11957
|
passive: true,
|
|
11849
11958
|
});
|
|
11850
11959
|
this.scrollParent.addEventListener('scroll', this.handleScrollEvent, {
|
|
11851
11960
|
passive: true,
|
|
11852
11961
|
});
|
|
11853
11962
|
document.addEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
|
|
11854
|
-
|
|
11963
|
+
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
|
|
11855
11964
|
this.handleScrollParentResize();
|
|
11856
11965
|
this.lockBody(false, this.burgerMenuExtended, 'burgerMenuExtended');
|
|
11857
11966
|
}
|
|
@@ -11879,9 +11988,9 @@ class PostHeader {
|
|
|
11879
11988
|
// Clean up possible side effects when post-header is disconnected
|
|
11880
11989
|
disconnectedCallback() {
|
|
11881
11990
|
const scrollParent = this.scrollParent;
|
|
11882
|
-
|
|
11883
|
-
|
|
11884
|
-
|
|
11991
|
+
globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
|
|
11992
|
+
globalThis.removeEventListener('resize', this.throttledResize);
|
|
11993
|
+
globalThis.removeEventListener('scroll', this.handleScrollEvent);
|
|
11885
11994
|
if (scrollParent)
|
|
11886
11995
|
scrollParent.removeEventListener('scroll', this.handleScrollEvent);
|
|
11887
11996
|
document.removeEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
|
|
@@ -11953,7 +12062,7 @@ class PostHeader {
|
|
|
11953
12062
|
const focusableElements = [this.burgerMenuButton];
|
|
11954
12063
|
focusableElements.push(...getDeepFocusableChildren(this.localHeader, el => !el.matches('post-megadropdown')), ...getDeepFocusableChildren(this.burgerMenu, el => !el.matches('post-megadropdown')));
|
|
11955
12064
|
this.firstFocusableEl = focusableElements[0];
|
|
11956
|
-
this.lastFocusableEl = focusableElements
|
|
12065
|
+
this.lastFocusableEl = focusableElements.at(-1);
|
|
11957
12066
|
}
|
|
11958
12067
|
keyboardHandler(e) {
|
|
11959
12068
|
if (e.key !== 'Tab' || !this.burgerMenuExtended)
|
|
@@ -12051,10 +12160,10 @@ class PostHeader {
|
|
|
12051
12160
|
}, 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" }))));
|
|
12052
12161
|
}
|
|
12053
12162
|
render() {
|
|
12054
|
-
return (hAsync(Host, { key: '
|
|
12055
|
-
hAsync("slot", { key: '
|
|
12056
|
-
hAsync("slot", { key: '
|
|
12057
|
-
], hAsync("slot", { key: '
|
|
12163
|
+
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" }), [
|
|
12164
|
+
hAsync("slot", { key: '3115087be9aff380b2e450519c1a03145806c0a1', name: "global-nav-secondary" }),
|
|
12165
|
+
hAsync("slot", { key: '9082c946e6a9d4c226a13fe91a4287b082873c82', name: "language-menu" }),
|
|
12166
|
+
], 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())));
|
|
12058
12167
|
}
|
|
12059
12168
|
get host() { return getElement(this); }
|
|
12060
12169
|
static get watchers() { return {
|
|
@@ -12091,7 +12200,7 @@ class PostHeader {
|
|
|
12091
12200
|
"$attrsToReflect$": [["fullWidth", "full-width"], ["textMenu", "text-menu"]]
|
|
12092
12201
|
}; }
|
|
12093
12202
|
}
|
|
12094
|
-
__decorate$
|
|
12203
|
+
__decorate$4([
|
|
12095
12204
|
EventFrom('post-megadropdown')
|
|
12096
12205
|
], PostHeader.prototype, "megadropdownStateHandler", null);
|
|
12097
12206
|
|
|
@@ -12141,7 +12250,11 @@ class PostIcon {
|
|
|
12141
12250
|
**/
|
|
12142
12251
|
getUrl() {
|
|
12143
12252
|
const fileName = `${this.name}.svg`;
|
|
12144
|
-
|
|
12253
|
+
// Prioritize only data:image URLs
|
|
12254
|
+
if (this.url?.startsWith('data:image/')) {
|
|
12255
|
+
return this.url;
|
|
12256
|
+
}
|
|
12257
|
+
if (!this.base) {
|
|
12145
12258
|
return `${CDN_URL}${fileName}`;
|
|
12146
12259
|
}
|
|
12147
12260
|
if (this.url) {
|
|
@@ -12149,16 +12262,9 @@ class PostIcon {
|
|
|
12149
12262
|
}
|
|
12150
12263
|
const isAbsolute = (url) => /^https?:\/\//.test(url);
|
|
12151
12264
|
const normalizeUrl = (url) => (url && !url.endsWith('/') ? `${url}/` : url);
|
|
12152
|
-
const cleanUrl = (url) => url.
|
|
12153
|
-
const currentDomain =
|
|
12154
|
-
const baseHref =
|
|
12155
|
-
? document.querySelector('base[href]')?.getAttribute('href') || ''
|
|
12156
|
-
: '';
|
|
12157
|
-
let metaIconBase = '';
|
|
12158
|
-
if (IS_BROWSER) {
|
|
12159
|
-
const metaTag = document.querySelector('meta[name="design-system-settings"]');
|
|
12160
|
-
metaIconBase = metaTag?.getAttribute('data-post-icon-base') || '';
|
|
12161
|
-
}
|
|
12265
|
+
const cleanUrl = (url) => url.replaceAll(/([^:])\/\//g, '$1/');
|
|
12266
|
+
const currentDomain = '';
|
|
12267
|
+
const baseHref = '';
|
|
12162
12268
|
// Function to build the first part of the URL when 'this.base' or 'metaIconBase' are relative
|
|
12163
12269
|
const buildUrlWithBase = (relativeUrl) => {
|
|
12164
12270
|
const normalizedHref = normalizeUrl(baseHref);
|
|
@@ -12176,26 +12282,18 @@ class PostIcon {
|
|
|
12176
12282
|
: `${buildUrlWithBase(this.base)}${fileName}`;
|
|
12177
12283
|
return cleanUrl(url);
|
|
12178
12284
|
}
|
|
12179
|
-
// Second Priority is metaIconBase
|
|
12180
|
-
if (metaIconBase) {
|
|
12181
|
-
url = isAbsolute(metaIconBase)
|
|
12182
|
-
? `${normalizeUrl(metaIconBase)}${fileName}`
|
|
12183
|
-
: `${buildUrlWithBase(metaIconBase)}${fileName}`;
|
|
12184
|
-
return cleanUrl(url);
|
|
12185
|
-
}
|
|
12186
12285
|
// Fallback to CDN
|
|
12187
12286
|
return cleanUrl(`${CDN_URL}${fileName}`);
|
|
12188
12287
|
}
|
|
12189
12288
|
getStyles() {
|
|
12190
12289
|
const url = this.getUrl();
|
|
12191
|
-
return Object.entries({
|
|
12290
|
+
return Object.fromEntries(Object.entries({
|
|
12192
12291
|
'-webkit-mask-image': `url(${url})`,
|
|
12193
12292
|
'mask-image': `url('${url}')`,
|
|
12194
|
-
'transform': (this.scale && !isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
|
|
12195
|
-
(this.rotate && !isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
|
|
12293
|
+
'transform': (this.scale && !Number.isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
|
|
12294
|
+
(this.rotate && !Number.isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
|
|
12196
12295
|
})
|
|
12197
|
-
.filter(([_key, value]) => value !== null)
|
|
12198
|
-
.reduce((styles, [key, value]) => Object.assign(styles, { [key]: value }), {});
|
|
12296
|
+
.filter(([_key, value]) => value !== null));
|
|
12199
12297
|
}
|
|
12200
12298
|
componentDidLoad() {
|
|
12201
12299
|
this.validateBase();
|
|
@@ -12205,7 +12303,7 @@ class PostIcon {
|
|
|
12205
12303
|
this.validateAnimation();
|
|
12206
12304
|
}
|
|
12207
12305
|
render() {
|
|
12208
|
-
return (hAsync(Host, { key: '
|
|
12306
|
+
return (hAsync(Host, { key: 'feefd0a41cd916581e6e9dc256fb96ad2381cbc4', "data-version": version$1 }, hAsync("span", { key: 'd5750e38ea77f811b9174d3139bc3912fcc9890b', style: this.getStyles() })));
|
|
12209
12307
|
}
|
|
12210
12308
|
get host() { return getElement(this); }
|
|
12211
12309
|
static get watchers() { return {
|
|
@@ -12247,9 +12345,9 @@ class PostIcon {
|
|
|
12247
12345
|
|
|
12248
12346
|
const SWITCH_VARIANTS = ['list', 'menu'];
|
|
12249
12347
|
|
|
12250
|
-
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)}
|
|
12348
|
+
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}`;
|
|
12251
12349
|
|
|
12252
|
-
var __decorate$
|
|
12350
|
+
var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12253
12351
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
12254
12352
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
12255
12353
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -12287,7 +12385,7 @@ class PostLanguageMenu {
|
|
|
12287
12385
|
const activeLanguage = this.activeLang &&
|
|
12288
12386
|
document.querySelector(`post-language-menu-item[code="${this.activeLang}"]`);
|
|
12289
12387
|
return activeLanguage
|
|
12290
|
-
? this.textCurrentLanguage.
|
|
12388
|
+
? this.textCurrentLanguage.replaceAll('#name', activeLanguage.name)
|
|
12291
12389
|
: undefined;
|
|
12292
12390
|
}
|
|
12293
12391
|
componentDidLoad() {
|
|
@@ -12367,11 +12465,11 @@ class PostLanguageMenu {
|
|
|
12367
12465
|
"$attrsToReflect$": [["textChangeLanguage", "text-change-language"], ["textCurrentLanguage", "text-current-language"], ["variant", "variant"]]
|
|
12368
12466
|
}; }
|
|
12369
12467
|
}
|
|
12370
|
-
__decorate$
|
|
12468
|
+
__decorate$3([
|
|
12371
12469
|
EventFrom('post-language-menu-item')
|
|
12372
12470
|
], PostLanguageMenu.prototype, "handlePostChange", null);
|
|
12373
12471
|
|
|
12374
|
-
const postLanguageMenuItemCss = () => `post-language-menu-item{
|
|
12472
|
+
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}`;
|
|
12375
12473
|
|
|
12376
12474
|
/**
|
|
12377
12475
|
* @slot default - Slot for placing the content inside the anchor or button.
|
|
@@ -12391,12 +12489,16 @@ class PostLanguageMenuItem {
|
|
|
12391
12489
|
validateName() {
|
|
12392
12490
|
checkEmptyOrType(this, 'name', 'string');
|
|
12393
12491
|
}
|
|
12492
|
+
validateDescription() {
|
|
12493
|
+
checkEmptyOrType(this, 'description', 'string');
|
|
12494
|
+
}
|
|
12394
12495
|
validateUrl() {
|
|
12395
12496
|
checkEmptyOrUrl(this, 'url');
|
|
12396
12497
|
}
|
|
12397
12498
|
componentDidLoad() {
|
|
12398
12499
|
this.validateCode();
|
|
12399
12500
|
this.validateName();
|
|
12501
|
+
this.validateDescription();
|
|
12400
12502
|
this.validateUrl();
|
|
12401
12503
|
if (!this.name && this.isNameRequired()) {
|
|
12402
12504
|
throw new Error('The "name" property of the post-language-menu-item component is required when the full language name is not displayed.');
|
|
@@ -12425,7 +12527,8 @@ class PostLanguageMenuItem {
|
|
|
12425
12527
|
this.emitChange();
|
|
12426
12528
|
}
|
|
12427
12529
|
};
|
|
12428
|
-
|
|
12530
|
+
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)));
|
|
12531
|
+
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)));
|
|
12429
12532
|
}
|
|
12430
12533
|
get host() { return getElement(this); }
|
|
12431
12534
|
static get watchers() { return {
|
|
@@ -12438,6 +12541,9 @@ class PostLanguageMenuItem {
|
|
|
12438
12541
|
"name": [{
|
|
12439
12542
|
"validateName": 0
|
|
12440
12543
|
}],
|
|
12544
|
+
"description": [{
|
|
12545
|
+
"validateDescription": 0
|
|
12546
|
+
}],
|
|
12441
12547
|
"url": [{
|
|
12442
12548
|
"validateUrl": 0
|
|
12443
12549
|
}]
|
|
@@ -12451,6 +12557,7 @@ class PostLanguageMenuItem {
|
|
|
12451
12557
|
"active": [1540],
|
|
12452
12558
|
"variant": [1],
|
|
12453
12559
|
"name": [1],
|
|
12560
|
+
"description": [1],
|
|
12454
12561
|
"url": [1],
|
|
12455
12562
|
"select": [64]
|
|
12456
12563
|
},
|
|
@@ -12520,7 +12627,7 @@ class PostLinkarea {
|
|
|
12520
12627
|
}
|
|
12521
12628
|
}
|
|
12522
12629
|
render() {
|
|
12523
|
-
return (hAsync(Host, { key: '
|
|
12630
|
+
return (hAsync(Host, { key: 'cbf9710bb97cbf8ead6a8e8117f42113133507a8', "data-version": version$1, onClick: (e) => this.dispatchClick(e) }, hAsync("slot", { key: 'b1d31bd8a3fcf41005814c725f8b2670480da119' })));
|
|
12524
12631
|
}
|
|
12525
12632
|
get host() { return getElement(this); }
|
|
12526
12633
|
static get style() { return postLinkareaCss(); }
|
|
@@ -12534,88 +12641,345 @@ class PostLinkarea {
|
|
|
12534
12641
|
}; }
|
|
12535
12642
|
}
|
|
12536
12643
|
|
|
12537
|
-
const
|
|
12644
|
+
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}`;
|
|
12538
12645
|
|
|
12539
|
-
|
|
12540
|
-
|
|
12541
|
-
|
|
12542
|
-
|
|
12646
|
+
var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12647
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
12648
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
12649
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
12650
|
+
else
|
|
12651
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
12652
|
+
if (d = decorators[i])
|
|
12653
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
12654
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
12655
|
+
};
|
|
12656
|
+
class PostListbox {
|
|
12543
12657
|
constructor(hostRef) {
|
|
12544
12658
|
registerInstance(this, hostRef);
|
|
12659
|
+
this.postOptionActive = createEvent(this, "postOptionActive");
|
|
12660
|
+
this.highlightedIndex = -1;
|
|
12661
|
+
this.visibleOptions = [];
|
|
12662
|
+
this.diacriticPattern = /[\u0300-\u036F]/u;
|
|
12663
|
+
this.registerOptions = () => {
|
|
12664
|
+
this.visibleOptions = this.options;
|
|
12665
|
+
};
|
|
12666
|
+
this.updateSelection = (value) => {
|
|
12667
|
+
this.options.forEach(option => {
|
|
12668
|
+
option.selected = option.value === value;
|
|
12669
|
+
option.highlighted = false;
|
|
12670
|
+
});
|
|
12671
|
+
this.highlightedIndex = -1;
|
|
12672
|
+
this.filter('');
|
|
12673
|
+
};
|
|
12674
|
+
this.clearActive = () => {
|
|
12675
|
+
this.highlightedIndex = -1;
|
|
12676
|
+
this.postOptionActive.emit(null);
|
|
12677
|
+
};
|
|
12678
|
+
this.normalizeText = (text) => {
|
|
12679
|
+
return text.trim().normalize('NFD').replace(this.diacriticPattern, '').toLocaleLowerCase();
|
|
12680
|
+
};
|
|
12681
|
+
this.resetFilter = () => {
|
|
12682
|
+
this.visibleOptions = this.options;
|
|
12683
|
+
this.options.forEach(option => {
|
|
12684
|
+
option.hidden = false;
|
|
12685
|
+
option.highlighted = false;
|
|
12686
|
+
});
|
|
12687
|
+
};
|
|
12545
12688
|
}
|
|
12546
|
-
|
|
12547
|
-
|
|
12689
|
+
get options() {
|
|
12690
|
+
return Array.from(this.host.querySelectorAll('post-listbox-option'));
|
|
12548
12691
|
}
|
|
12549
|
-
|
|
12550
|
-
this.
|
|
12551
|
-
|
|
12692
|
+
get inputElement() {
|
|
12693
|
+
let autocomplete = this.host.closest('post-autocomplete');
|
|
12694
|
+
if (!autocomplete) {
|
|
12695
|
+
autocomplete = document.querySelector(`post-autocomplete[listbox="${this.host.id}"]`);
|
|
12696
|
+
}
|
|
12697
|
+
return autocomplete?.querySelector('input');
|
|
12552
12698
|
}
|
|
12553
|
-
|
|
12554
|
-
|
|
12555
|
-
|
|
12699
|
+
componentWillLoad() {
|
|
12700
|
+
this.registerOptions();
|
|
12701
|
+
}
|
|
12702
|
+
/** Opens the listbox */
|
|
12703
|
+
async show() {
|
|
12704
|
+
const input = this.inputElement;
|
|
12705
|
+
if (input) {
|
|
12706
|
+
this.popoverContainer?.show(input);
|
|
12707
|
+
this.host.role = 'listbox';
|
|
12708
|
+
}
|
|
12709
|
+
}
|
|
12710
|
+
/** Closes the listbox */
|
|
12711
|
+
async hide() {
|
|
12712
|
+
this.host.removeAttribute('role');
|
|
12713
|
+
this.popoverContainer?.hide();
|
|
12714
|
+
}
|
|
12715
|
+
/** Uses the internal default filtering mode to filter the list of options.
|
|
12716
|
+
* An empty string resets the filter to it's original state. */
|
|
12717
|
+
async filter(query) {
|
|
12718
|
+
const normalizedQuery = this.normalizeText(query);
|
|
12719
|
+
if (normalizedQuery) {
|
|
12720
|
+
this.visibleOptions = this.options.filter(option => {
|
|
12721
|
+
const normalizedText = this.normalizeText(option.textContent);
|
|
12722
|
+
const normalizedValue = this.normalizeText(option.value);
|
|
12723
|
+
const isVisible = normalizedValue.includes(normalizedQuery) || normalizedText.includes(normalizedQuery);
|
|
12724
|
+
option.hidden = !isVisible;
|
|
12725
|
+
return isVisible;
|
|
12726
|
+
});
|
|
12727
|
+
}
|
|
12728
|
+
else {
|
|
12729
|
+
this.resetFilter();
|
|
12730
|
+
}
|
|
12731
|
+
this.clearActive();
|
|
12732
|
+
}
|
|
12733
|
+
/** Clears the currently selected option */
|
|
12734
|
+
async clearSelection() {
|
|
12735
|
+
this.updateSelection();
|
|
12736
|
+
}
|
|
12737
|
+
/** Navigates the listbox options in the specified direction and scrolls the active option into view.*/
|
|
12738
|
+
async navigate(direction) {
|
|
12739
|
+
if (this.visibleOptions.length === 0)
|
|
12740
|
+
return;
|
|
12741
|
+
if (this.highlightedIndex >= 0) {
|
|
12742
|
+
this.visibleOptions[this.highlightedIndex].highlighted = false;
|
|
12743
|
+
}
|
|
12744
|
+
switch (direction) {
|
|
12745
|
+
case 'first':
|
|
12746
|
+
this.highlightedIndex = 0;
|
|
12747
|
+
break;
|
|
12748
|
+
case 'last':
|
|
12749
|
+
this.highlightedIndex = this.visibleOptions.length - 1;
|
|
12750
|
+
break;
|
|
12751
|
+
case 'up':
|
|
12752
|
+
this.highlightedIndex =
|
|
12753
|
+
(this.highlightedIndex - 1 + this.visibleOptions.length) % this.visibleOptions.length;
|
|
12754
|
+
break;
|
|
12755
|
+
case 'down':
|
|
12756
|
+
this.highlightedIndex = (this.highlightedIndex + 1) % this.visibleOptions.length;
|
|
12757
|
+
break;
|
|
12556
12758
|
}
|
|
12759
|
+
const activeOption = this.visibleOptions[this.highlightedIndex];
|
|
12760
|
+
activeOption.scrollIntoView({ behavior: 'smooth', block: 'end' });
|
|
12761
|
+
activeOption.highlighted = true;
|
|
12762
|
+
this.postOptionActive.emit(activeOption.id);
|
|
12763
|
+
}
|
|
12764
|
+
/**
|
|
12765
|
+
* Selects the currently highlighted option in the listbox and scrolls it into view.
|
|
12766
|
+
*/
|
|
12767
|
+
async selectActive() {
|
|
12768
|
+
if (this.highlightedIndex >= 0) {
|
|
12769
|
+
const activeOption = this.visibleOptions[this.highlightedIndex];
|
|
12770
|
+
this.updateSelection(activeOption.value);
|
|
12771
|
+
this.host.dispatchEvent(new CustomEvent('postOptionSelected', { bubbles: true, detail: activeOption.value }));
|
|
12772
|
+
}
|
|
12773
|
+
}
|
|
12774
|
+
optionClicked(event) {
|
|
12775
|
+
this.updateSelection(event.detail);
|
|
12557
12776
|
}
|
|
12558
12777
|
render() {
|
|
12559
|
-
|
|
12560
|
-
const LogoTag = logoLink ? 'a' : 'span';
|
|
12561
|
-
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" }))))));
|
|
12778
|
+
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))));
|
|
12562
12779
|
}
|
|
12563
12780
|
get host() { return getElement(this); }
|
|
12564
|
-
static get
|
|
12565
|
-
"url": [{
|
|
12566
|
-
"validateUrl": 0
|
|
12567
|
-
}]
|
|
12568
|
-
}; }
|
|
12569
|
-
static get style() { return postLogoCss(); }
|
|
12781
|
+
static get style() { return postListboxCss(); }
|
|
12570
12782
|
static get cmpMeta() { return {
|
|
12571
12783
|
"$flags$": 265,
|
|
12572
|
-
"$tagName$": "post-
|
|
12784
|
+
"$tagName$": "post-listbox",
|
|
12573
12785
|
"$members$": {
|
|
12574
|
-
"
|
|
12786
|
+
"show": [64],
|
|
12787
|
+
"hide": [64],
|
|
12788
|
+
"filter": [64],
|
|
12789
|
+
"clearSelection": [64],
|
|
12790
|
+
"navigate": [64],
|
|
12791
|
+
"selectActive": [64]
|
|
12575
12792
|
},
|
|
12576
|
-
"$listeners$":
|
|
12793
|
+
"$listeners$": [[0, "postOptionSelected", "optionClicked"]],
|
|
12577
12794
|
"$lazyBundleId$": "-",
|
|
12578
12795
|
"$attrsToReflect$": []
|
|
12579
12796
|
}; }
|
|
12580
12797
|
}
|
|
12798
|
+
__decorate$2([
|
|
12799
|
+
EventFrom('post-listbox-option')
|
|
12800
|
+
], PostListbox.prototype, "optionClicked", null);
|
|
12581
12801
|
|
|
12582
|
-
const
|
|
12802
|
+
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}`;
|
|
12583
12803
|
|
|
12584
|
-
|
|
12585
|
-
|
|
12586
|
-
|
|
12587
|
-
|
|
12588
|
-
|
|
12804
|
+
class PostListboxOption {
|
|
12805
|
+
constructor(hostRef) {
|
|
12806
|
+
registerInstance(this, hostRef);
|
|
12807
|
+
this.postOptionSelected = createEvent(this, "postOptionSelected");
|
|
12808
|
+
this.optionId = crypto.randomUUID();
|
|
12809
|
+
/** Represents option is selected . */
|
|
12810
|
+
this.selected = false;
|
|
12811
|
+
/** Represents option is highlighted . */
|
|
12812
|
+
this.highlighted = false;
|
|
12813
|
+
}
|
|
12814
|
+
render() {
|
|
12815
|
+
return (hAsync(Host, { key: '083077341f74f3d6f7baad7599aef968a9f07582', "data-version": version$1, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
|
|
12816
|
+
/* Prevent focus change from triggering onblur event in post-autocomplete */
|
|
12817
|
+
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" })));
|
|
12589
12818
|
}
|
|
12819
|
+
static get style() { return postListboxOptionCss(); }
|
|
12820
|
+
static get cmpMeta() { return {
|
|
12821
|
+
"$flags$": 265,
|
|
12822
|
+
"$tagName$": "post-listbox-option",
|
|
12823
|
+
"$members$": {
|
|
12824
|
+
"value": [513],
|
|
12825
|
+
"selected": [516],
|
|
12826
|
+
"highlighted": [516]
|
|
12827
|
+
},
|
|
12828
|
+
"$listeners$": undefined,
|
|
12829
|
+
"$lazyBundleId$": "-",
|
|
12830
|
+
"$attrsToReflect$": [["value", "value"], ["selected", "selected"], ["highlighted", "highlighted"]]
|
|
12831
|
+
}; }
|
|
12832
|
+
}
|
|
12833
|
+
|
|
12834
|
+
const SESSION_URL = 'https://n.account.post.ch/v1/session/subscribe';
|
|
12835
|
+
/**
|
|
12836
|
+
* @slot authenticated - Content rendered when the user is authenticated (e.g. user menu).
|
|
12837
|
+
* @slot unauthenticated - Content rendered when the user is not authenticated (e.g. login link).
|
|
12838
|
+
*/
|
|
12839
|
+
class PostLoginWidget {
|
|
12590
12840
|
constructor(hostRef) {
|
|
12591
12841
|
registerInstance(this, hostRef);
|
|
12592
|
-
this.
|
|
12593
|
-
this.
|
|
12594
|
-
this.scrollRight = this.scrollRight.bind(this);
|
|
12595
|
-
this.scrollLeft = this.scrollLeft.bind(this);
|
|
12596
|
-
this.checkScrollability = this.checkScrollability.bind(this);
|
|
12597
|
-
this.resizeObserver = new ResizeObserver(this.checkScrollability);
|
|
12598
|
-
this.mutationObserver = new MutationObserver(this.checkScrollability);
|
|
12842
|
+
this.postChange = createEvent(this, "postChange");
|
|
12843
|
+
this.authenticated = null;
|
|
12599
12844
|
}
|
|
12600
|
-
|
|
12601
|
-
this.validateTextMain();
|
|
12602
|
-
setTimeout(() => {
|
|
12603
|
-
this.checkScrollability();
|
|
12604
|
-
});
|
|
12605
|
-
// Observe the navbar for size changes
|
|
12606
|
-
this.resizeObserver.observe(this.navbar);
|
|
12607
|
-
// Observe the navabar for mutation changes
|
|
12608
|
-
this.mutationObserver.observe(this.navbar, { subtree: true, childList: true }); // Recheck scrollability when navigation list changes
|
|
12609
|
-
// Ensure the scroll buttons are correctly displayed or hidden whenever the navbar is scrolled
|
|
12610
|
-
this.navbar?.addEventListener('scrollend', this.checkScrollability);
|
|
12845
|
+
async componentWillLoad() {
|
|
12611
12846
|
}
|
|
12612
12847
|
/**
|
|
12613
|
-
*
|
|
12848
|
+
* Returns the current authentication state:
|
|
12849
|
+
* `null` when the component is still loading, `true` when authenticated, `false` when not.
|
|
12614
12850
|
*/
|
|
12615
|
-
|
|
12616
|
-
this.
|
|
12617
|
-
|
|
12618
|
-
|
|
12851
|
+
async isAuthenticated() {
|
|
12852
|
+
return this.authenticated;
|
|
12853
|
+
}
|
|
12854
|
+
/**
|
|
12855
|
+
* Re-fetches the authentication state from the session API and updates
|
|
12856
|
+
* the component rendering accordingly.
|
|
12857
|
+
*/
|
|
12858
|
+
async refresh() {
|
|
12859
|
+
await this.fetchAuthState();
|
|
12860
|
+
}
|
|
12861
|
+
async fetchAuthState() {
|
|
12862
|
+
try {
|
|
12863
|
+
const response = await fetch(SESSION_URL, {
|
|
12864
|
+
credentials: 'include',
|
|
12865
|
+
});
|
|
12866
|
+
if (!response.ok) {
|
|
12867
|
+
this.setAuthState(false);
|
|
12868
|
+
return;
|
|
12869
|
+
}
|
|
12870
|
+
const json = await response.json();
|
|
12871
|
+
const isAuthenticated = json?.data?.email !== undefined;
|
|
12872
|
+
this.setAuthState(isAuthenticated);
|
|
12873
|
+
}
|
|
12874
|
+
catch {
|
|
12875
|
+
this.setAuthState(false);
|
|
12876
|
+
}
|
|
12877
|
+
}
|
|
12878
|
+
setAuthState(next) {
|
|
12879
|
+
if (this.authenticated === next)
|
|
12880
|
+
return;
|
|
12881
|
+
this.authenticated = next;
|
|
12882
|
+
this.postChange.emit({ authenticated: next });
|
|
12883
|
+
}
|
|
12884
|
+
render() {
|
|
12885
|
+
return (hAsync(Host, { key: '18fab2f7f7e699565e179362a43f7ada87f443fa', "data-version": version$1 }, this.authenticated === true ? hAsync("slot", { name: "authenticated" }) : hAsync("slot", { name: "unauthenticated" })));
|
|
12886
|
+
}
|
|
12887
|
+
static get cmpMeta() { return {
|
|
12888
|
+
"$flags$": 265,
|
|
12889
|
+
"$tagName$": "post-login-widget",
|
|
12890
|
+
"$members$": {
|
|
12891
|
+
"authenticated": [32],
|
|
12892
|
+
"isAuthenticated": [64],
|
|
12893
|
+
"refresh": [64]
|
|
12894
|
+
},
|
|
12895
|
+
"$listeners$": undefined,
|
|
12896
|
+
"$lazyBundleId$": "-",
|
|
12897
|
+
"$attrsToReflect$": []
|
|
12898
|
+
}; }
|
|
12899
|
+
}
|
|
12900
|
+
|
|
12901
|
+
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)}`;
|
|
12902
|
+
|
|
12903
|
+
/**
|
|
12904
|
+
* @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.
|
|
12905
|
+
*/
|
|
12906
|
+
class PostLogo {
|
|
12907
|
+
constructor(hostRef) {
|
|
12908
|
+
registerInstance(this, hostRef);
|
|
12909
|
+
}
|
|
12910
|
+
validateUrl() {
|
|
12911
|
+
checkEmptyOrUrl(this, 'url');
|
|
12912
|
+
}
|
|
12913
|
+
componentDidLoad() {
|
|
12914
|
+
this.validateUrl();
|
|
12915
|
+
this.checkDescription();
|
|
12916
|
+
}
|
|
12917
|
+
checkDescription() {
|
|
12918
|
+
if (!this.host.textContent) {
|
|
12919
|
+
console.warn('Be sure to add descriptive text in the post-logo to ensure good accessibility of the component.');
|
|
12920
|
+
}
|
|
12921
|
+
}
|
|
12922
|
+
render() {
|
|
12923
|
+
const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
|
|
12924
|
+
const LogoTag = logoLink ? 'a' : 'span';
|
|
12925
|
+
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" }))))));
|
|
12926
|
+
}
|
|
12927
|
+
get host() { return getElement(this); }
|
|
12928
|
+
static get watchers() { return {
|
|
12929
|
+
"url": [{
|
|
12930
|
+
"validateUrl": 0
|
|
12931
|
+
}]
|
|
12932
|
+
}; }
|
|
12933
|
+
static get style() { return postLogoCss(); }
|
|
12934
|
+
static get cmpMeta() { return {
|
|
12935
|
+
"$flags$": 265,
|
|
12936
|
+
"$tagName$": "post-logo",
|
|
12937
|
+
"$members$": {
|
|
12938
|
+
"url": [1]
|
|
12939
|
+
},
|
|
12940
|
+
"$listeners$": undefined,
|
|
12941
|
+
"$lazyBundleId$": "-",
|
|
12942
|
+
"$attrsToReflect$": []
|
|
12943
|
+
}; }
|
|
12944
|
+
}
|
|
12945
|
+
|
|
12946
|
+
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}`;
|
|
12947
|
+
|
|
12948
|
+
const SCROLL_REPEAT_INTERVAL = 100; // Interval for repeated scrolling when holding down scroll button
|
|
12949
|
+
const NAVBAR_DISABLE_DURATION = 400; // Duration to temporarily disable navbar interactions during scrolling
|
|
12950
|
+
class PostMainnavigation {
|
|
12951
|
+
validateTextMain() {
|
|
12952
|
+
checkRequiredAndType(this, 'textMain', 'string');
|
|
12953
|
+
}
|
|
12954
|
+
constructor(hostRef) {
|
|
12955
|
+
registerInstance(this, hostRef);
|
|
12956
|
+
this.canScrollLeft = false;
|
|
12957
|
+
this.canScrollRight = false;
|
|
12958
|
+
this.scrollRight = this.scrollRight.bind(this);
|
|
12959
|
+
this.scrollLeft = this.scrollLeft.bind(this);
|
|
12960
|
+
this.checkScrollability = this.checkScrollability.bind(this);
|
|
12961
|
+
this.resizeObserver = new ResizeObserver(this.checkScrollability);
|
|
12962
|
+
this.mutationObserver = new MutationObserver(this.checkScrollability);
|
|
12963
|
+
}
|
|
12964
|
+
componentDidLoad() {
|
|
12965
|
+
this.validateTextMain();
|
|
12966
|
+
setTimeout(() => {
|
|
12967
|
+
this.checkScrollability();
|
|
12968
|
+
});
|
|
12969
|
+
// Observe the navbar for size changes
|
|
12970
|
+
this.resizeObserver.observe(this.navbar);
|
|
12971
|
+
// Observe the navabar for mutation changes
|
|
12972
|
+
this.mutationObserver.observe(this.navbar, { subtree: true, childList: true }); // Recheck scrollability when navigation list changes
|
|
12973
|
+
// Ensure the scroll buttons are correctly displayed or hidden whenever the navbar is scrolled
|
|
12974
|
+
this.navbar?.addEventListener('scrollend', this.checkScrollability);
|
|
12975
|
+
}
|
|
12976
|
+
/**
|
|
12977
|
+
* Disconnects observers and remove event listeners when the main navigation is removed from the DOM.
|
|
12978
|
+
*/
|
|
12979
|
+
disconnectedCallback() {
|
|
12980
|
+
this.mutationObserver.disconnect();
|
|
12981
|
+
this.resizeObserver.disconnect();
|
|
12982
|
+
this.navbar?.removeEventListener('scrollend', this.checkScrollability);
|
|
12619
12983
|
}
|
|
12620
12984
|
/**
|
|
12621
12985
|
* Stops the repeated scrolling when the mouse button is released.
|
|
@@ -12704,7 +13068,7 @@ class PostMainnavigation {
|
|
|
12704
13068
|
}, NAVBAR_DISABLE_DURATION);
|
|
12705
13069
|
}
|
|
12706
13070
|
render() {
|
|
12707
|
-
return (hAsync(Host, { key: '
|
|
13071
|
+
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" }))));
|
|
12708
13072
|
}
|
|
12709
13073
|
get host() { return getElement(this); }
|
|
12710
13074
|
static get watchers() { return {
|
|
@@ -12727,7 +13091,7 @@ class PostMainnavigation {
|
|
|
12727
13091
|
}; }
|
|
12728
13092
|
}
|
|
12729
13093
|
|
|
12730
|
-
const postMegadropdownCss = () => `*,::before,::after{box-sizing:border-box}.megadropdown{position:absolute;inset-inline:0;overflow-y:auto;
|
|
13094
|
+
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}}`;
|
|
12731
13095
|
|
|
12732
13096
|
class PostMegadropdown {
|
|
12733
13097
|
validateTextClose() {
|
|
@@ -12787,7 +13151,7 @@ class PostMegadropdown {
|
|
|
12787
13151
|
this.handleClickOutside = this.handleClickOutside.bind(this);
|
|
12788
13152
|
}
|
|
12789
13153
|
connectedCallback() {
|
|
12790
|
-
|
|
13154
|
+
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
|
|
12791
13155
|
}
|
|
12792
13156
|
componentDidRender() {
|
|
12793
13157
|
this.getFocusableElements();
|
|
@@ -12800,7 +13164,7 @@ class PostMegadropdown {
|
|
|
12800
13164
|
this.handleAriaCurrentChange([]);
|
|
12801
13165
|
}
|
|
12802
13166
|
disconnectedCallback() {
|
|
12803
|
-
|
|
13167
|
+
globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
|
|
12804
13168
|
if (PostMegadropdown.activeDropdown === this)
|
|
12805
13169
|
PostMegadropdown.activeDropdown = null;
|
|
12806
13170
|
this.removeListeners();
|
|
@@ -12948,7 +13312,7 @@ class PostMegadropdown {
|
|
|
12948
13312
|
...getFocusableChildren(this.host.shadowRoot),
|
|
12949
13313
|
];
|
|
12950
13314
|
this.firstFocusableEl = focusableElements[0];
|
|
12951
|
-
this.lastFocusableEl = focusableElements
|
|
13315
|
+
this.lastFocusableEl = focusableElements.at(-1);
|
|
12952
13316
|
}
|
|
12953
13317
|
// Loop through the focusable children
|
|
12954
13318
|
keyboardHandler(e) {
|
|
@@ -13003,7 +13367,7 @@ class PostMegadropdown {
|
|
|
13003
13367
|
* and sets the trigger as active accordingly.
|
|
13004
13368
|
*/
|
|
13005
13369
|
handleAriaCurrentChange(mutations) {
|
|
13006
|
-
if (
|
|
13370
|
+
if (mutations.length === 0)
|
|
13007
13371
|
return;
|
|
13008
13372
|
const hasCurrentPage = mutations.some(m => m.target instanceof HTMLElement && m.target.getAttribute('aria-current') === 'page');
|
|
13009
13373
|
this.setTriggerActive(hasCurrentPage);
|
|
@@ -13019,7 +13383,7 @@ class PostMegadropdown {
|
|
|
13019
13383
|
}
|
|
13020
13384
|
render() {
|
|
13021
13385
|
const containerStyle = this.isVisible ? {} : { display: 'none' };
|
|
13022
|
-
return (hAsync(Host, { key: '
|
|
13386
|
+
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))))));
|
|
13023
13387
|
}
|
|
13024
13388
|
get host() { return getElement(this); }
|
|
13025
13389
|
static get watchers() { return {
|
|
@@ -13055,7 +13419,7 @@ class PostMegadropdown {
|
|
|
13055
13419
|
/** Tracks the currently active dropdown instance. */
|
|
13056
13420
|
PostMegadropdown.activeDropdown = null;
|
|
13057
13421
|
|
|
13058
|
-
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}}`;
|
|
13422
|
+
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}}`;
|
|
13059
13423
|
|
|
13060
13424
|
var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
13061
13425
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -13130,7 +13494,7 @@ class PostMegadropdownTrigger {
|
|
|
13130
13494
|
this.megadropdown.toggle();
|
|
13131
13495
|
}
|
|
13132
13496
|
render() {
|
|
13133
|
-
return (hAsync(Host, { key: '
|
|
13497
|
+
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" }))));
|
|
13134
13498
|
}
|
|
13135
13499
|
get host() { return getElement(this); }
|
|
13136
13500
|
static get watchers() { return {
|
|
@@ -13302,7 +13666,7 @@ class PostMenu {
|
|
|
13302
13666
|
}
|
|
13303
13667
|
controlKeyDownHandler(e) {
|
|
13304
13668
|
const menuItems = this.getSlottedItems();
|
|
13305
|
-
if (
|
|
13669
|
+
if (menuItems.length === 0) {
|
|
13306
13670
|
return;
|
|
13307
13671
|
}
|
|
13308
13672
|
let currentIndex = menuItems.findIndex(el => {
|
|
@@ -13347,7 +13711,7 @@ class PostMenu {
|
|
|
13347
13711
|
.flatMap(el => Array.from(getFocusableChildren(el))));
|
|
13348
13712
|
}
|
|
13349
13713
|
render() {
|
|
13350
|
-
return (hAsync(Host, { key: '
|
|
13714
|
+
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' })))));
|
|
13351
13715
|
}
|
|
13352
13716
|
get host() { return getElement(this); }
|
|
13353
13717
|
static get watchers() { return {
|
|
@@ -13389,7 +13753,7 @@ class PostMenuItem {
|
|
|
13389
13753
|
registerInstance(this, hostRef);
|
|
13390
13754
|
}
|
|
13391
13755
|
connectedCallback() {
|
|
13392
|
-
this.host.
|
|
13756
|
+
this.host.dataset.version = version$1;
|
|
13393
13757
|
}
|
|
13394
13758
|
get host() { return getElement(this); }
|
|
13395
13759
|
static get style() { return postMenuItemCss(); }
|
|
@@ -13464,7 +13828,7 @@ class PostMenuTrigger {
|
|
|
13464
13828
|
return null;
|
|
13465
13829
|
}
|
|
13466
13830
|
render() {
|
|
13467
|
-
return (hAsync(Host, { key: '
|
|
13831
|
+
return (hAsync(Host, { key: 'fd213ee318ddc2b8437845af14b9d9cff16d2eaf', "data-version": version$1 }, hAsync("slot", { key: 'bd6d334a734bdc0d964d088131479cf8e6eb2e3b' })));
|
|
13468
13832
|
}
|
|
13469
13833
|
get host() { return getElement(this); }
|
|
13470
13834
|
static get watchers() { return {
|
|
@@ -13485,11 +13849,11 @@ class PostMenuTrigger {
|
|
|
13485
13849
|
}; }
|
|
13486
13850
|
}
|
|
13487
13851
|
|
|
13488
|
-
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-
|
|
13852
|
+
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}`;
|
|
13489
13853
|
|
|
13490
13854
|
function parseNumber(input, key) {
|
|
13491
|
-
const value = parseFloat(input[key]);
|
|
13492
|
-
return isNaN(value) ? undefined : value;
|
|
13855
|
+
const value = Number.parseFloat(input[key]);
|
|
13856
|
+
return Number.isNaN(value) ? undefined : value;
|
|
13493
13857
|
}
|
|
13494
13858
|
function compare(value, bound, comparator) {
|
|
13495
13859
|
return value !== undefined && bound !== undefined && comparator(value, bound);
|
|
@@ -13497,12 +13861,16 @@ function compare(value, bound, comparator) {
|
|
|
13497
13861
|
class PostNumberInput {
|
|
13498
13862
|
constructor(hostRef) {
|
|
13499
13863
|
registerInstance(this, hostRef);
|
|
13864
|
+
this.isDisabled = false;
|
|
13500
13865
|
this.isIncrementDisabled = false;
|
|
13501
13866
|
this.isDecrementDisabled = false;
|
|
13867
|
+
this.small = false;
|
|
13502
13868
|
this.setupInput = debounce$1(50, () => {
|
|
13503
13869
|
this.input = this.input ?? getSlottedElement(this.host, 'input[type="number"]');
|
|
13504
13870
|
if (!this.input)
|
|
13505
13871
|
return;
|
|
13872
|
+
this.isDisabled = this.input.disabled;
|
|
13873
|
+
this.small = this.input.classList.contains('form-control-sm');
|
|
13506
13874
|
// step buttons may be disabled when the input loads
|
|
13507
13875
|
this.updateStepButtonState();
|
|
13508
13876
|
// step buttons may become disabled after the value is changed via keyboard / typing
|
|
@@ -13570,7 +13938,10 @@ class PostNumberInput {
|
|
|
13570
13938
|
}
|
|
13571
13939
|
render() {
|
|
13572
13940
|
const areButtonsShown = !!this.input;
|
|
13573
|
-
return (hAsync(Host, { key: '
|
|
13941
|
+
return (hAsync(Host, { key: '1a1defb8024bc4dcfcf6f979f93420a325bb1012', "data-version": version$1, class: {
|
|
13942
|
+
'number-input-sm': this.small,
|
|
13943
|
+
'disabled': this.isDisabled,
|
|
13944
|
+
} }, 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" })))));
|
|
13574
13945
|
}
|
|
13575
13946
|
get host() { return getElement(this); }
|
|
13576
13947
|
static get style() { return postNumberInputCss(); }
|
|
@@ -13578,8 +13949,10 @@ class PostNumberInput {
|
|
|
13578
13949
|
"$flags$": 265,
|
|
13579
13950
|
"$tagName$": "post-number-input",
|
|
13580
13951
|
"$members$": {
|
|
13952
|
+
"isDisabled": [32],
|
|
13581
13953
|
"isIncrementDisabled": [32],
|
|
13582
13954
|
"isDecrementDisabled": [32],
|
|
13955
|
+
"small": [32],
|
|
13583
13956
|
"input": [32]
|
|
13584
13957
|
},
|
|
13585
13958
|
"$listeners$": undefined,
|
|
@@ -13691,7 +14064,7 @@ class PostPagination {
|
|
|
13691
14064
|
scheduleMeasurement() {
|
|
13692
14065
|
if (!this.loaded)
|
|
13693
14066
|
return;
|
|
13694
|
-
this.measurementTimeoutId =
|
|
14067
|
+
this.measurementTimeoutId = globalThis.setTimeout(() => {
|
|
13695
14068
|
const canMeasure = this.navRef?.clientWidth > 0 && this.hiddenItemsRef;
|
|
13696
14069
|
if (canMeasure) {
|
|
13697
14070
|
this.measureAndCalculateVisiblePages();
|
|
@@ -13763,9 +14136,9 @@ class PostPagination {
|
|
|
13763
14136
|
getPaginationPadding() {
|
|
13764
14137
|
if (!this.navRef)
|
|
13765
14138
|
return 0;
|
|
13766
|
-
const computedStyle =
|
|
13767
|
-
const paddingLeft = parseFloat(computedStyle.paddingLeft) || 0;
|
|
13768
|
-
const paddingRight = parseFloat(computedStyle.paddingRight) || 0;
|
|
14139
|
+
const computedStyle = globalThis.getComputedStyle(this.navRef);
|
|
14140
|
+
const paddingLeft = Number.parseFloat(computedStyle.paddingLeft) || 0;
|
|
14141
|
+
const paddingRight = Number.parseFloat(computedStyle.paddingRight) || 0;
|
|
13769
14142
|
return paddingLeft + paddingRight;
|
|
13770
14143
|
}
|
|
13771
14144
|
/**
|
|
@@ -13786,8 +14159,8 @@ class PostPagination {
|
|
|
13786
14159
|
* Clamps the page number to valid range
|
|
13787
14160
|
*/
|
|
13788
14161
|
clampPageToValidRange(totalPages) {
|
|
13789
|
-
const invalidTotalPages = totalPages === 0 || this.invalidSize || isNaN(totalPages);
|
|
13790
|
-
const invalidPage = !this.page || this.page < 1 || isNaN(this.page);
|
|
14162
|
+
const invalidTotalPages = totalPages === 0 || this.invalidSize || Number.isNaN(totalPages);
|
|
14163
|
+
const invalidPage = !this.page || this.page < 1 || Number.isNaN(this.page);
|
|
13791
14164
|
const pageExceedsTotal = this.page > totalPages;
|
|
13792
14165
|
if (invalidTotalPages || invalidPage) {
|
|
13793
14166
|
return 1;
|
|
@@ -14268,7 +14641,7 @@ class PostPopover {
|
|
|
14268
14641
|
}
|
|
14269
14642
|
}
|
|
14270
14643
|
render() {
|
|
14271
|
-
return (hAsync(Host, { key: '
|
|
14644
|
+
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)))));
|
|
14272
14645
|
}
|
|
14273
14646
|
get host() { return getElement(this); }
|
|
14274
14647
|
static get watchers() { return {
|
|
@@ -19306,7 +19679,7 @@ function requireFocusable () {
|
|
|
19306
19679
|
}
|
|
19307
19680
|
|
|
19308
19681
|
var focusableExports = requireFocusable();
|
|
19309
|
-
var isFocusable
|
|
19682
|
+
var isFocusable = /*@__PURE__*/getDefaultExportFromCjs(focusableExports);
|
|
19310
19683
|
|
|
19311
19684
|
const postPopoverTriggerCss = () => `:host{cursor:pointer}`;
|
|
19312
19685
|
|
|
@@ -19345,7 +19718,7 @@ class PostPopoverTrigger {
|
|
|
19345
19718
|
return;
|
|
19346
19719
|
}
|
|
19347
19720
|
// check if its not focusable and add aria role and tabindex
|
|
19348
|
-
if (!isFocusable
|
|
19721
|
+
if (!isFocusable(this.trigger)) {
|
|
19349
19722
|
this.trigger.setAttribute('tabindex', '0');
|
|
19350
19723
|
this.trigger.setAttribute('role', 'button');
|
|
19351
19724
|
}
|
|
@@ -19414,7 +19787,7 @@ class PostPopoverTrigger {
|
|
|
19414
19787
|
this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
|
|
19415
19788
|
}
|
|
19416
19789
|
render() {
|
|
19417
|
-
return (hAsync(Host, { key: '
|
|
19790
|
+
return (hAsync(Host, { key: '1ee10390dbe3667e8f61a36c0c64712b3c9b6fe9', "data-version": version$1 }, hAsync("slot", { key: 'c26260df89de55ccb71a29ddb53e559b6fae8bda', onSlotchange: () => this.setupTrigger() })));
|
|
19418
19791
|
}
|
|
19419
19792
|
get host() { return getElement(this); }
|
|
19420
19793
|
static get watchers() { return {
|
|
@@ -21363,798 +21736,6 @@ const computePosition = (reference, floating, options) => {
|
|
|
21363
21736
|
});
|
|
21364
21737
|
};
|
|
21365
21738
|
|
|
21366
|
-
// src/events.ts
|
|
21367
|
-
var ToggleEvent = class extends Event {
|
|
21368
|
-
oldState;
|
|
21369
|
-
newState;
|
|
21370
|
-
constructor(type, { oldState = "", newState = "", ...init } = {}) {
|
|
21371
|
-
super(type, init);
|
|
21372
|
-
this.oldState = String(oldState || "");
|
|
21373
|
-
this.newState = String(newState || "");
|
|
21374
|
-
}
|
|
21375
|
-
};
|
|
21376
|
-
var popoverToggleTaskQueue = /* @__PURE__ */ new WeakMap();
|
|
21377
|
-
function queuePopoverToggleEventTask(element, oldState, newState) {
|
|
21378
|
-
popoverToggleTaskQueue.set(
|
|
21379
|
-
element,
|
|
21380
|
-
setTimeout(() => {
|
|
21381
|
-
if (!popoverToggleTaskQueue.has(element)) return;
|
|
21382
|
-
element.dispatchEvent(
|
|
21383
|
-
new ToggleEvent("toggle", {
|
|
21384
|
-
cancelable: false,
|
|
21385
|
-
oldState,
|
|
21386
|
-
newState
|
|
21387
|
-
})
|
|
21388
|
-
);
|
|
21389
|
-
}, 0)
|
|
21390
|
-
);
|
|
21391
|
-
}
|
|
21392
|
-
|
|
21393
|
-
// src/popover-helpers.ts
|
|
21394
|
-
var ShadowRoot$1 = globalThis.ShadowRoot || function() {
|
|
21395
|
-
};
|
|
21396
|
-
var HTMLDialogElement = globalThis.HTMLDialogElement || function() {
|
|
21397
|
-
};
|
|
21398
|
-
var topLayerElements = /* @__PURE__ */ new WeakMap();
|
|
21399
|
-
var autoPopoverList = /* @__PURE__ */ new WeakMap();
|
|
21400
|
-
var hintPopoverList = /* @__PURE__ */ new WeakMap();
|
|
21401
|
-
var visibilityState = /* @__PURE__ */ new WeakMap();
|
|
21402
|
-
function getPopoverVisibilityState(popover) {
|
|
21403
|
-
return visibilityState.get(popover) || "hidden";
|
|
21404
|
-
}
|
|
21405
|
-
var popoverInvoker = /* @__PURE__ */ new WeakMap();
|
|
21406
|
-
function lastSetElement(set) {
|
|
21407
|
-
return [...set].pop();
|
|
21408
|
-
}
|
|
21409
|
-
function popoverTargetAttributeActivationBehavior(element) {
|
|
21410
|
-
const popover = element.popoverTargetElement;
|
|
21411
|
-
if (!(popover instanceof HTMLElement)) {
|
|
21412
|
-
return;
|
|
21413
|
-
}
|
|
21414
|
-
const visibility = getPopoverVisibilityState(popover);
|
|
21415
|
-
if (element.popoverTargetAction === "show" && visibility === "showing") {
|
|
21416
|
-
return;
|
|
21417
|
-
}
|
|
21418
|
-
if (element.popoverTargetAction === "hide" && visibility === "hidden") return;
|
|
21419
|
-
if (visibility === "showing") {
|
|
21420
|
-
hidePopover(popover, true, true);
|
|
21421
|
-
} else if (checkPopoverValidity(popover, false)) {
|
|
21422
|
-
popoverInvoker.set(popover, element);
|
|
21423
|
-
showPopover(popover);
|
|
21424
|
-
}
|
|
21425
|
-
}
|
|
21426
|
-
function checkPopoverValidity(element, expectedToBeShowing) {
|
|
21427
|
-
if (element.popover !== "auto" && element.popover !== "manual" && element.popover !== "hint") {
|
|
21428
|
-
return false;
|
|
21429
|
-
}
|
|
21430
|
-
if (!element.isConnected) return false;
|
|
21431
|
-
if (expectedToBeShowing && getPopoverVisibilityState(element) !== "showing") {
|
|
21432
|
-
return false;
|
|
21433
|
-
}
|
|
21434
|
-
if (!expectedToBeShowing && getPopoverVisibilityState(element) !== "hidden") {
|
|
21435
|
-
return false;
|
|
21436
|
-
}
|
|
21437
|
-
if (element instanceof HTMLDialogElement && element.hasAttribute("open")) {
|
|
21438
|
-
return false;
|
|
21439
|
-
}
|
|
21440
|
-
if (document.fullscreenElement === element) return false;
|
|
21441
|
-
return true;
|
|
21442
|
-
}
|
|
21443
|
-
function getStackPosition(popover) {
|
|
21444
|
-
if (!popover) return 0;
|
|
21445
|
-
const autoPopovers = autoPopoverList.get(document) || /* @__PURE__ */ new Set();
|
|
21446
|
-
const hintPopovers = hintPopoverList.get(document) || /* @__PURE__ */ new Set();
|
|
21447
|
-
if (hintPopovers.has(popover)) {
|
|
21448
|
-
return [...hintPopovers].indexOf(popover) + autoPopovers.size + 1;
|
|
21449
|
-
}
|
|
21450
|
-
if (autoPopovers.has(popover)) {
|
|
21451
|
-
return [...autoPopovers].indexOf(popover) + 1;
|
|
21452
|
-
}
|
|
21453
|
-
return 0;
|
|
21454
|
-
}
|
|
21455
|
-
function topMostClickedPopover(target) {
|
|
21456
|
-
const clickedPopover = nearestInclusiveOpenPopover(target);
|
|
21457
|
-
const invokerPopover = nearestInclusiveTargetPopoverForInvoker(target);
|
|
21458
|
-
if (getStackPosition(clickedPopover) > getStackPosition(invokerPopover)) {
|
|
21459
|
-
return clickedPopover;
|
|
21460
|
-
}
|
|
21461
|
-
return invokerPopover;
|
|
21462
|
-
}
|
|
21463
|
-
function topmostAutoOrHintPopover(document2) {
|
|
21464
|
-
let topmostPopover;
|
|
21465
|
-
const hintPopovers = hintPopoverList.get(document2) || /* @__PURE__ */ new Set();
|
|
21466
|
-
const autoPopovers = autoPopoverList.get(document2) || /* @__PURE__ */ new Set();
|
|
21467
|
-
const usedStack = hintPopovers.size > 0 ? hintPopovers : autoPopovers.size > 0 ? autoPopovers : null;
|
|
21468
|
-
if (usedStack) {
|
|
21469
|
-
topmostPopover = lastSetElement(usedStack);
|
|
21470
|
-
if (!topmostPopover.isConnected) {
|
|
21471
|
-
usedStack.delete(topmostPopover);
|
|
21472
|
-
return topmostAutoOrHintPopover(document2);
|
|
21473
|
-
}
|
|
21474
|
-
return topmostPopover;
|
|
21475
|
-
}
|
|
21476
|
-
return null;
|
|
21477
|
-
}
|
|
21478
|
-
function topMostPopoverInList(list) {
|
|
21479
|
-
for (const popover of list || []) {
|
|
21480
|
-
if (!popover.isConnected) {
|
|
21481
|
-
list.delete(popover);
|
|
21482
|
-
} else {
|
|
21483
|
-
return popover;
|
|
21484
|
-
}
|
|
21485
|
-
}
|
|
21486
|
-
return null;
|
|
21487
|
-
}
|
|
21488
|
-
function getRootNode(node) {
|
|
21489
|
-
if (typeof node.getRootNode === "function") {
|
|
21490
|
-
return node.getRootNode();
|
|
21491
|
-
}
|
|
21492
|
-
if (node.parentNode) return getRootNode(node.parentNode);
|
|
21493
|
-
return node;
|
|
21494
|
-
}
|
|
21495
|
-
function nearestInclusiveOpenPopover(node) {
|
|
21496
|
-
while (node) {
|
|
21497
|
-
if (node instanceof HTMLElement && node.popover === "auto" && visibilityState.get(node) === "showing") {
|
|
21498
|
-
return node;
|
|
21499
|
-
}
|
|
21500
|
-
node = node instanceof Element && node.assignedSlot || node.parentElement || getRootNode(node);
|
|
21501
|
-
if (node instanceof ShadowRoot$1) node = node.host;
|
|
21502
|
-
if (node instanceof Document) return;
|
|
21503
|
-
}
|
|
21504
|
-
}
|
|
21505
|
-
function nearestInclusiveTargetPopoverForInvoker(node) {
|
|
21506
|
-
while (node) {
|
|
21507
|
-
const nodePopover = node.popoverTargetElement;
|
|
21508
|
-
if (nodePopover instanceof HTMLElement) return nodePopover;
|
|
21509
|
-
node = node.parentElement || getRootNode(node);
|
|
21510
|
-
if (node instanceof ShadowRoot$1) node = node.host;
|
|
21511
|
-
if (node instanceof Document) return;
|
|
21512
|
-
}
|
|
21513
|
-
}
|
|
21514
|
-
function topMostPopoverAncestor(newPopover, list) {
|
|
21515
|
-
const popoverPositions = /* @__PURE__ */ new Map();
|
|
21516
|
-
let i = 0;
|
|
21517
|
-
for (const popover of list || []) {
|
|
21518
|
-
popoverPositions.set(popover, i);
|
|
21519
|
-
i += 1;
|
|
21520
|
-
}
|
|
21521
|
-
popoverPositions.set(newPopover, i);
|
|
21522
|
-
i += 1;
|
|
21523
|
-
let topMostPopoverAncestor2 = null;
|
|
21524
|
-
function checkAncestor(candidate) {
|
|
21525
|
-
if (!candidate) return;
|
|
21526
|
-
let okNesting = false;
|
|
21527
|
-
let candidateAncestor = null;
|
|
21528
|
-
let candidatePosition = null;
|
|
21529
|
-
while (!okNesting) {
|
|
21530
|
-
candidateAncestor = nearestInclusiveOpenPopover(candidate) || null;
|
|
21531
|
-
if (candidateAncestor === null) return;
|
|
21532
|
-
if (!popoverPositions.has(candidateAncestor)) return;
|
|
21533
|
-
if (newPopover.popover === "hint" || candidateAncestor.popover === "auto") {
|
|
21534
|
-
okNesting = true;
|
|
21535
|
-
}
|
|
21536
|
-
if (!okNesting) {
|
|
21537
|
-
candidate = candidateAncestor.parentElement;
|
|
21538
|
-
}
|
|
21539
|
-
}
|
|
21540
|
-
candidatePosition = popoverPositions.get(candidateAncestor);
|
|
21541
|
-
if (topMostPopoverAncestor2 === null || popoverPositions.get(topMostPopoverAncestor2) < candidatePosition) {
|
|
21542
|
-
topMostPopoverAncestor2 = candidateAncestor;
|
|
21543
|
-
}
|
|
21544
|
-
}
|
|
21545
|
-
checkAncestor(newPopover.parentElement || getRootNode(newPopover));
|
|
21546
|
-
return topMostPopoverAncestor2;
|
|
21547
|
-
}
|
|
21548
|
-
function isFocusable(focusTarget) {
|
|
21549
|
-
if (focusTarget.hidden || focusTarget instanceof ShadowRoot$1) return false;
|
|
21550
|
-
if (focusTarget instanceof HTMLButtonElement || focusTarget instanceof HTMLInputElement || focusTarget instanceof HTMLSelectElement || focusTarget instanceof HTMLTextAreaElement || focusTarget instanceof HTMLOptGroupElement || focusTarget instanceof HTMLOptionElement || focusTarget instanceof HTMLFieldSetElement) {
|
|
21551
|
-
if (focusTarget.disabled) return false;
|
|
21552
|
-
}
|
|
21553
|
-
if (focusTarget instanceof HTMLInputElement && focusTarget.type === "hidden") {
|
|
21554
|
-
return false;
|
|
21555
|
-
}
|
|
21556
|
-
if (focusTarget instanceof HTMLAnchorElement && focusTarget.href === "") {
|
|
21557
|
-
return false;
|
|
21558
|
-
}
|
|
21559
|
-
return typeof focusTarget.tabIndex === "number" && focusTarget.tabIndex !== -1;
|
|
21560
|
-
}
|
|
21561
|
-
function focusDelegate(focusTarget) {
|
|
21562
|
-
if (focusTarget.shadowRoot && focusTarget.shadowRoot.delegatesFocus !== true) {
|
|
21563
|
-
return null;
|
|
21564
|
-
}
|
|
21565
|
-
let whereToLook = focusTarget;
|
|
21566
|
-
if (whereToLook.shadowRoot) {
|
|
21567
|
-
whereToLook = whereToLook.shadowRoot;
|
|
21568
|
-
}
|
|
21569
|
-
let autoFocusDelegate = whereToLook.querySelector("[autofocus]");
|
|
21570
|
-
if (autoFocusDelegate) {
|
|
21571
|
-
return autoFocusDelegate;
|
|
21572
|
-
} else {
|
|
21573
|
-
const slots = whereToLook.querySelectorAll("slot");
|
|
21574
|
-
for (const slot of slots) {
|
|
21575
|
-
const assignedElements = slot.assignedElements({ flatten: true });
|
|
21576
|
-
for (const el of assignedElements) {
|
|
21577
|
-
if (el.hasAttribute("autofocus")) {
|
|
21578
|
-
return el;
|
|
21579
|
-
} else {
|
|
21580
|
-
autoFocusDelegate = el.querySelector("[autofocus]");
|
|
21581
|
-
if (autoFocusDelegate) {
|
|
21582
|
-
return autoFocusDelegate;
|
|
21583
|
-
}
|
|
21584
|
-
}
|
|
21585
|
-
}
|
|
21586
|
-
}
|
|
21587
|
-
}
|
|
21588
|
-
const walker = focusTarget.ownerDocument.createTreeWalker(
|
|
21589
|
-
whereToLook,
|
|
21590
|
-
NodeFilter.SHOW_ELEMENT
|
|
21591
|
-
);
|
|
21592
|
-
let descendant = walker.currentNode;
|
|
21593
|
-
while (descendant) {
|
|
21594
|
-
if (isFocusable(descendant)) {
|
|
21595
|
-
return descendant;
|
|
21596
|
-
}
|
|
21597
|
-
descendant = walker.nextNode();
|
|
21598
|
-
}
|
|
21599
|
-
}
|
|
21600
|
-
function popoverFocusingSteps(subject) {
|
|
21601
|
-
focusDelegate(subject)?.focus();
|
|
21602
|
-
}
|
|
21603
|
-
var previouslyFocusedElements = /* @__PURE__ */ new WeakMap();
|
|
21604
|
-
function showPopover(element) {
|
|
21605
|
-
if (!checkPopoverValidity(element, false)) {
|
|
21606
|
-
return;
|
|
21607
|
-
}
|
|
21608
|
-
const document2 = element.ownerDocument;
|
|
21609
|
-
if (!element.dispatchEvent(
|
|
21610
|
-
new ToggleEvent("beforetoggle", {
|
|
21611
|
-
cancelable: true,
|
|
21612
|
-
oldState: "closed",
|
|
21613
|
-
newState: "open"
|
|
21614
|
-
})
|
|
21615
|
-
)) {
|
|
21616
|
-
return;
|
|
21617
|
-
}
|
|
21618
|
-
if (!checkPopoverValidity(element, false)) {
|
|
21619
|
-
return;
|
|
21620
|
-
}
|
|
21621
|
-
let shouldRestoreFocus = false;
|
|
21622
|
-
const originalType = element.popover;
|
|
21623
|
-
let stackToAppendTo = null;
|
|
21624
|
-
const autoAncestor = topMostPopoverAncestor(
|
|
21625
|
-
element,
|
|
21626
|
-
autoPopoverList.get(document2) || /* @__PURE__ */ new Set()
|
|
21627
|
-
);
|
|
21628
|
-
const hintAncestor = topMostPopoverAncestor(
|
|
21629
|
-
element,
|
|
21630
|
-
hintPopoverList.get(document2) || /* @__PURE__ */ new Set()
|
|
21631
|
-
);
|
|
21632
|
-
if (originalType === "auto") {
|
|
21633
|
-
closeAllOpenPopoversInList(
|
|
21634
|
-
hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
|
|
21635
|
-
shouldRestoreFocus,
|
|
21636
|
-
true
|
|
21637
|
-
);
|
|
21638
|
-
const ancestor = autoAncestor || document2;
|
|
21639
|
-
hideAllPopoversUntil(ancestor, shouldRestoreFocus, true);
|
|
21640
|
-
stackToAppendTo = "auto";
|
|
21641
|
-
}
|
|
21642
|
-
if (originalType === "hint") {
|
|
21643
|
-
if (hintAncestor) {
|
|
21644
|
-
hideAllPopoversUntil(hintAncestor, shouldRestoreFocus, true);
|
|
21645
|
-
stackToAppendTo = "hint";
|
|
21646
|
-
} else {
|
|
21647
|
-
closeAllOpenPopoversInList(
|
|
21648
|
-
hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
|
|
21649
|
-
shouldRestoreFocus,
|
|
21650
|
-
true
|
|
21651
|
-
);
|
|
21652
|
-
if (autoAncestor) {
|
|
21653
|
-
hideAllPopoversUntil(autoAncestor, shouldRestoreFocus, true);
|
|
21654
|
-
stackToAppendTo = "auto";
|
|
21655
|
-
} else {
|
|
21656
|
-
stackToAppendTo = "hint";
|
|
21657
|
-
}
|
|
21658
|
-
}
|
|
21659
|
-
}
|
|
21660
|
-
if (originalType === "auto" || originalType === "hint") {
|
|
21661
|
-
if (originalType !== element.popover || !checkPopoverValidity(element, false)) {
|
|
21662
|
-
return;
|
|
21663
|
-
}
|
|
21664
|
-
if (!topmostAutoOrHintPopover(document2)) {
|
|
21665
|
-
shouldRestoreFocus = true;
|
|
21666
|
-
}
|
|
21667
|
-
if (stackToAppendTo === "auto") {
|
|
21668
|
-
if (!autoPopoverList.has(document2)) {
|
|
21669
|
-
autoPopoverList.set(document2, /* @__PURE__ */ new Set());
|
|
21670
|
-
}
|
|
21671
|
-
autoPopoverList.get(document2).add(element);
|
|
21672
|
-
} else if (stackToAppendTo === "hint") {
|
|
21673
|
-
if (!hintPopoverList.has(document2)) {
|
|
21674
|
-
hintPopoverList.set(document2, /* @__PURE__ */ new Set());
|
|
21675
|
-
}
|
|
21676
|
-
hintPopoverList.get(document2).add(element);
|
|
21677
|
-
}
|
|
21678
|
-
}
|
|
21679
|
-
previouslyFocusedElements.delete(element);
|
|
21680
|
-
const originallyFocusedElement = document2.activeElement;
|
|
21681
|
-
element.classList.add(":popover-open");
|
|
21682
|
-
visibilityState.set(element, "showing");
|
|
21683
|
-
if (!topLayerElements.has(document2)) {
|
|
21684
|
-
topLayerElements.set(document2, /* @__PURE__ */ new Set());
|
|
21685
|
-
}
|
|
21686
|
-
topLayerElements.get(document2).add(element);
|
|
21687
|
-
setInvokerAriaExpanded(popoverInvoker.get(element), true);
|
|
21688
|
-
popoverFocusingSteps(element);
|
|
21689
|
-
if (shouldRestoreFocus && originallyFocusedElement && element.popover === "auto") {
|
|
21690
|
-
previouslyFocusedElements.set(element, originallyFocusedElement);
|
|
21691
|
-
}
|
|
21692
|
-
queuePopoverToggleEventTask(element, "closed", "open");
|
|
21693
|
-
}
|
|
21694
|
-
function hidePopover(element, focusPreviousElement = false, fireEvents = false) {
|
|
21695
|
-
if (!checkPopoverValidity(element, true)) {
|
|
21696
|
-
return;
|
|
21697
|
-
}
|
|
21698
|
-
const document2 = element.ownerDocument;
|
|
21699
|
-
if (["auto", "hint"].includes(element.popover)) {
|
|
21700
|
-
hideAllPopoversUntil(element, focusPreviousElement, fireEvents);
|
|
21701
|
-
if (!checkPopoverValidity(element, true)) {
|
|
21702
|
-
return;
|
|
21703
|
-
}
|
|
21704
|
-
}
|
|
21705
|
-
const autoList = autoPopoverList.get(document2) || /* @__PURE__ */ new Set();
|
|
21706
|
-
const autoPopoverListContainsElement = autoList.has(element) && lastSetElement(autoList) === element;
|
|
21707
|
-
setInvokerAriaExpanded(popoverInvoker.get(element), false);
|
|
21708
|
-
popoverInvoker.delete(element);
|
|
21709
|
-
if (fireEvents) {
|
|
21710
|
-
element.dispatchEvent(
|
|
21711
|
-
new ToggleEvent("beforetoggle", {
|
|
21712
|
-
oldState: "open",
|
|
21713
|
-
newState: "closed"
|
|
21714
|
-
})
|
|
21715
|
-
);
|
|
21716
|
-
if (autoPopoverListContainsElement && lastSetElement(autoList) !== element) {
|
|
21717
|
-
hideAllPopoversUntil(element, focusPreviousElement, fireEvents);
|
|
21718
|
-
}
|
|
21719
|
-
if (!checkPopoverValidity(element, true)) {
|
|
21720
|
-
return;
|
|
21721
|
-
}
|
|
21722
|
-
}
|
|
21723
|
-
topLayerElements.get(document2)?.delete(element);
|
|
21724
|
-
autoList.delete(element);
|
|
21725
|
-
hintPopoverList.get(document2)?.delete(element);
|
|
21726
|
-
element.classList.remove(":popover-open");
|
|
21727
|
-
visibilityState.set(element, "hidden");
|
|
21728
|
-
if (fireEvents) {
|
|
21729
|
-
queuePopoverToggleEventTask(element, "open", "closed");
|
|
21730
|
-
}
|
|
21731
|
-
const previouslyFocusedElement = previouslyFocusedElements.get(element);
|
|
21732
|
-
if (previouslyFocusedElement) {
|
|
21733
|
-
previouslyFocusedElements.delete(element);
|
|
21734
|
-
if (focusPreviousElement) {
|
|
21735
|
-
previouslyFocusedElement.focus();
|
|
21736
|
-
}
|
|
21737
|
-
}
|
|
21738
|
-
}
|
|
21739
|
-
function closeAllOpenPopovers(document2, focusPreviousElement = false, fireEvents = false) {
|
|
21740
|
-
let popover = topmostAutoOrHintPopover(document2);
|
|
21741
|
-
while (popover) {
|
|
21742
|
-
hidePopover(popover, focusPreviousElement, fireEvents);
|
|
21743
|
-
popover = topmostAutoOrHintPopover(document2);
|
|
21744
|
-
}
|
|
21745
|
-
}
|
|
21746
|
-
function closeAllOpenPopoversInList(list, focusPreviousElement = false, fireEvents = false) {
|
|
21747
|
-
let popover = topMostPopoverInList(list);
|
|
21748
|
-
while (popover) {
|
|
21749
|
-
hidePopover(popover, focusPreviousElement, fireEvents);
|
|
21750
|
-
popover = topMostPopoverInList(list);
|
|
21751
|
-
}
|
|
21752
|
-
}
|
|
21753
|
-
function hidePopoverStackUntil(endpoint, set, focusPreviousElement, fireEvents) {
|
|
21754
|
-
let repeatingHide = false;
|
|
21755
|
-
let hasRunOnce = false;
|
|
21756
|
-
while (repeatingHide || !hasRunOnce) {
|
|
21757
|
-
hasRunOnce = true;
|
|
21758
|
-
let lastToHide = null;
|
|
21759
|
-
let foundEndpoint = false;
|
|
21760
|
-
for (const popover of set) {
|
|
21761
|
-
if (popover === endpoint) {
|
|
21762
|
-
foundEndpoint = true;
|
|
21763
|
-
} else if (foundEndpoint) {
|
|
21764
|
-
lastToHide = popover;
|
|
21765
|
-
break;
|
|
21766
|
-
}
|
|
21767
|
-
}
|
|
21768
|
-
if (!lastToHide) return;
|
|
21769
|
-
while (getPopoverVisibilityState(lastToHide) === "showing" && set.size) {
|
|
21770
|
-
hidePopover(lastSetElement(set), focusPreviousElement, fireEvents);
|
|
21771
|
-
}
|
|
21772
|
-
if (set.has(endpoint) && lastSetElement(set) !== endpoint) {
|
|
21773
|
-
repeatingHide = true;
|
|
21774
|
-
}
|
|
21775
|
-
if (repeatingHide) {
|
|
21776
|
-
fireEvents = false;
|
|
21777
|
-
}
|
|
21778
|
-
}
|
|
21779
|
-
}
|
|
21780
|
-
function hideAllPopoversUntil(endpoint, focusPreviousElement, fireEvents) {
|
|
21781
|
-
const document2 = endpoint.ownerDocument || endpoint;
|
|
21782
|
-
if (endpoint instanceof Document) {
|
|
21783
|
-
return closeAllOpenPopovers(document2, focusPreviousElement, fireEvents);
|
|
21784
|
-
}
|
|
21785
|
-
if (hintPopoverList.get(document2)?.has(endpoint)) {
|
|
21786
|
-
hidePopoverStackUntil(
|
|
21787
|
-
endpoint,
|
|
21788
|
-
hintPopoverList.get(document2),
|
|
21789
|
-
focusPreviousElement,
|
|
21790
|
-
fireEvents
|
|
21791
|
-
);
|
|
21792
|
-
return;
|
|
21793
|
-
}
|
|
21794
|
-
closeAllOpenPopoversInList(
|
|
21795
|
-
hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
|
|
21796
|
-
focusPreviousElement,
|
|
21797
|
-
fireEvents
|
|
21798
|
-
);
|
|
21799
|
-
if (!autoPopoverList.get(document2)?.has(endpoint)) {
|
|
21800
|
-
return;
|
|
21801
|
-
}
|
|
21802
|
-
hidePopoverStackUntil(
|
|
21803
|
-
endpoint,
|
|
21804
|
-
autoPopoverList.get(document2),
|
|
21805
|
-
focusPreviousElement,
|
|
21806
|
-
fireEvents
|
|
21807
|
-
);
|
|
21808
|
-
}
|
|
21809
|
-
var popoverPointerDownTargets = /* @__PURE__ */ new WeakMap();
|
|
21810
|
-
function lightDismissOpenPopovers(event) {
|
|
21811
|
-
if (!event.isTrusted) return;
|
|
21812
|
-
const target = event.composedPath()[0];
|
|
21813
|
-
if (!target) return;
|
|
21814
|
-
const document2 = target.ownerDocument;
|
|
21815
|
-
const topMostPopover = topmostAutoOrHintPopover(document2);
|
|
21816
|
-
if (!topMostPopover) return;
|
|
21817
|
-
const ancestor = topMostClickedPopover(target);
|
|
21818
|
-
if (ancestor && event.type === "pointerdown") {
|
|
21819
|
-
popoverPointerDownTargets.set(document2, ancestor);
|
|
21820
|
-
} else if (event.type === "pointerup") {
|
|
21821
|
-
const sameTarget = popoverPointerDownTargets.get(document2) === ancestor;
|
|
21822
|
-
popoverPointerDownTargets.delete(document2);
|
|
21823
|
-
if (sameTarget) {
|
|
21824
|
-
hideAllPopoversUntil(ancestor || document2, false, true);
|
|
21825
|
-
}
|
|
21826
|
-
}
|
|
21827
|
-
}
|
|
21828
|
-
var initialAriaExpandedValue = /* @__PURE__ */ new WeakMap();
|
|
21829
|
-
function setInvokerAriaExpanded(el, force = false) {
|
|
21830
|
-
if (!el) return;
|
|
21831
|
-
if (!initialAriaExpandedValue.has(el)) {
|
|
21832
|
-
initialAriaExpandedValue.set(el, el.getAttribute("aria-expanded"));
|
|
21833
|
-
}
|
|
21834
|
-
const popover = el.popoverTargetElement;
|
|
21835
|
-
if (popover instanceof HTMLElement && popover.popover === "auto") {
|
|
21836
|
-
el.setAttribute("aria-expanded", String(force));
|
|
21837
|
-
} else {
|
|
21838
|
-
const initialValue = initialAriaExpandedValue.get(el);
|
|
21839
|
-
if (!initialValue) {
|
|
21840
|
-
el.removeAttribute("aria-expanded");
|
|
21841
|
-
} else {
|
|
21842
|
-
el.setAttribute("aria-expanded", initialValue);
|
|
21843
|
-
}
|
|
21844
|
-
}
|
|
21845
|
-
}
|
|
21846
|
-
|
|
21847
|
-
// src/popover.ts
|
|
21848
|
-
var ShadowRoot2 = globalThis.ShadowRoot || function() {
|
|
21849
|
-
};
|
|
21850
|
-
function isSupported() {
|
|
21851
|
-
return typeof HTMLElement !== "undefined" && typeof HTMLElement.prototype === "object" && "popover" in HTMLElement.prototype;
|
|
21852
|
-
}
|
|
21853
|
-
function patchSelectorFn(object, name, mapper) {
|
|
21854
|
-
const original = object[name];
|
|
21855
|
-
Object.defineProperty(object, name, {
|
|
21856
|
-
value(selector) {
|
|
21857
|
-
return original.call(this, mapper(selector));
|
|
21858
|
-
}
|
|
21859
|
-
});
|
|
21860
|
-
}
|
|
21861
|
-
var nonEscapedPopoverSelector = /(^|[^\\]):popover-open\b/g;
|
|
21862
|
-
function hasLayerSupport() {
|
|
21863
|
-
return typeof globalThis.CSSLayerBlockRule === "function";
|
|
21864
|
-
}
|
|
21865
|
-
function getStyles() {
|
|
21866
|
-
const useLayer = hasLayerSupport();
|
|
21867
|
-
return `
|
|
21868
|
-
${useLayer ? "@layer popover-polyfill {" : ""}
|
|
21869
|
-
:where([popover]) {
|
|
21870
|
-
position: fixed;
|
|
21871
|
-
z-index: 2147483647;
|
|
21872
|
-
inset: 0;
|
|
21873
|
-
padding: 0.25em;
|
|
21874
|
-
width: fit-content;
|
|
21875
|
-
height: fit-content;
|
|
21876
|
-
border-width: initial;
|
|
21877
|
-
border-color: initial;
|
|
21878
|
-
border-image: initial;
|
|
21879
|
-
border-style: solid;
|
|
21880
|
-
background-color: canvas;
|
|
21881
|
-
color: canvastext;
|
|
21882
|
-
overflow: auto;
|
|
21883
|
-
margin: auto;
|
|
21884
|
-
}
|
|
21885
|
-
|
|
21886
|
-
:where([popover]:not(.\\:popover-open)) {
|
|
21887
|
-
display: none;
|
|
21888
|
-
}
|
|
21889
|
-
|
|
21890
|
-
:where(dialog[popover].\\:popover-open) {
|
|
21891
|
-
display: block;
|
|
21892
|
-
}
|
|
21893
|
-
|
|
21894
|
-
:where(dialog[popover][open]) {
|
|
21895
|
-
display: revert;
|
|
21896
|
-
}
|
|
21897
|
-
|
|
21898
|
-
:where([anchor].\\:popover-open) {
|
|
21899
|
-
inset: auto;
|
|
21900
|
-
}
|
|
21901
|
-
|
|
21902
|
-
:where([anchor]:popover-open) {
|
|
21903
|
-
inset: auto;
|
|
21904
|
-
}
|
|
21905
|
-
|
|
21906
|
-
@supports not (background-color: canvas) {
|
|
21907
|
-
:where([popover]) {
|
|
21908
|
-
background-color: white;
|
|
21909
|
-
color: black;
|
|
21910
|
-
}
|
|
21911
|
-
}
|
|
21912
|
-
|
|
21913
|
-
@supports (width: -moz-fit-content) {
|
|
21914
|
-
:where([popover]) {
|
|
21915
|
-
width: -moz-fit-content;
|
|
21916
|
-
height: -moz-fit-content;
|
|
21917
|
-
}
|
|
21918
|
-
}
|
|
21919
|
-
|
|
21920
|
-
@supports not (inset: 0) {
|
|
21921
|
-
:where([popover]) {
|
|
21922
|
-
top: 0;
|
|
21923
|
-
left: 0;
|
|
21924
|
-
right: 0;
|
|
21925
|
-
bottom: 0;
|
|
21926
|
-
}
|
|
21927
|
-
}
|
|
21928
|
-
${useLayer ? "}" : ""}
|
|
21929
|
-
`;
|
|
21930
|
-
}
|
|
21931
|
-
var popoverStyleSheet = null;
|
|
21932
|
-
function injectStyles(root) {
|
|
21933
|
-
const styles = getStyles();
|
|
21934
|
-
if (popoverStyleSheet === null) {
|
|
21935
|
-
try {
|
|
21936
|
-
popoverStyleSheet = new CSSStyleSheet();
|
|
21937
|
-
popoverStyleSheet.replaceSync(styles);
|
|
21938
|
-
} catch {
|
|
21939
|
-
popoverStyleSheet = false;
|
|
21940
|
-
}
|
|
21941
|
-
}
|
|
21942
|
-
if (popoverStyleSheet === false) {
|
|
21943
|
-
const sheet = document.createElement("style");
|
|
21944
|
-
sheet.textContent = styles;
|
|
21945
|
-
if (root instanceof Document) {
|
|
21946
|
-
root.head.prepend(sheet);
|
|
21947
|
-
} else {
|
|
21948
|
-
root.prepend(sheet);
|
|
21949
|
-
}
|
|
21950
|
-
} else {
|
|
21951
|
-
root.adoptedStyleSheets = [popoverStyleSheet, ...root.adoptedStyleSheets];
|
|
21952
|
-
}
|
|
21953
|
-
}
|
|
21954
|
-
function apply() {
|
|
21955
|
-
if (typeof window === "undefined") return;
|
|
21956
|
-
window.ToggleEvent = window.ToggleEvent || ToggleEvent;
|
|
21957
|
-
function rewriteSelector(selector) {
|
|
21958
|
-
if (selector?.includes(":popover-open")) {
|
|
21959
|
-
selector = selector.replace(
|
|
21960
|
-
nonEscapedPopoverSelector,
|
|
21961
|
-
"$1.\\:popover-open"
|
|
21962
|
-
);
|
|
21963
|
-
}
|
|
21964
|
-
return selector;
|
|
21965
|
-
}
|
|
21966
|
-
patchSelectorFn(Document.prototype, "querySelector", rewriteSelector);
|
|
21967
|
-
patchSelectorFn(Document.prototype, "querySelectorAll", rewriteSelector);
|
|
21968
|
-
patchSelectorFn(Element.prototype, "querySelector", rewriteSelector);
|
|
21969
|
-
patchSelectorFn(Element.prototype, "querySelectorAll", rewriteSelector);
|
|
21970
|
-
patchSelectorFn(Element.prototype, "matches", rewriteSelector);
|
|
21971
|
-
patchSelectorFn(Element.prototype, "closest", rewriteSelector);
|
|
21972
|
-
patchSelectorFn(
|
|
21973
|
-
DocumentFragment.prototype,
|
|
21974
|
-
"querySelectorAll",
|
|
21975
|
-
rewriteSelector
|
|
21976
|
-
);
|
|
21977
|
-
Object.defineProperties(HTMLElement.prototype, {
|
|
21978
|
-
popover: {
|
|
21979
|
-
enumerable: true,
|
|
21980
|
-
configurable: true,
|
|
21981
|
-
get() {
|
|
21982
|
-
if (!this.hasAttribute("popover")) return null;
|
|
21983
|
-
const value = (this.getAttribute("popover") || "").toLowerCase();
|
|
21984
|
-
if (value === "" || value == "auto") return "auto";
|
|
21985
|
-
if (value == "hint") return "hint";
|
|
21986
|
-
return "manual";
|
|
21987
|
-
},
|
|
21988
|
-
set(value) {
|
|
21989
|
-
if (value === null) {
|
|
21990
|
-
this.removeAttribute("popover");
|
|
21991
|
-
} else {
|
|
21992
|
-
this.setAttribute("popover", value);
|
|
21993
|
-
}
|
|
21994
|
-
}
|
|
21995
|
-
},
|
|
21996
|
-
showPopover: {
|
|
21997
|
-
enumerable: true,
|
|
21998
|
-
configurable: true,
|
|
21999
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
22000
|
-
value(options = {}) {
|
|
22001
|
-
showPopover(this);
|
|
22002
|
-
}
|
|
22003
|
-
},
|
|
22004
|
-
hidePopover: {
|
|
22005
|
-
enumerable: true,
|
|
22006
|
-
configurable: true,
|
|
22007
|
-
value() {
|
|
22008
|
-
hidePopover(this, true, true);
|
|
22009
|
-
}
|
|
22010
|
-
},
|
|
22011
|
-
togglePopover: {
|
|
22012
|
-
enumerable: true,
|
|
22013
|
-
configurable: true,
|
|
22014
|
-
value(options = {}) {
|
|
22015
|
-
if (typeof options === "boolean") {
|
|
22016
|
-
options = { force: options };
|
|
22017
|
-
}
|
|
22018
|
-
if (visibilityState.get(this) === "showing" && options.force === void 0 || options.force === false) {
|
|
22019
|
-
hidePopover(this, true, true);
|
|
22020
|
-
} else if (options.force === void 0 || options.force === true) {
|
|
22021
|
-
showPopover(this);
|
|
22022
|
-
}
|
|
22023
|
-
return visibilityState.get(this) === "showing";
|
|
22024
|
-
}
|
|
22025
|
-
}
|
|
22026
|
-
});
|
|
22027
|
-
const originalAttachShadow = Element.prototype.attachShadow;
|
|
22028
|
-
if (originalAttachShadow) {
|
|
22029
|
-
Object.defineProperties(Element.prototype, {
|
|
22030
|
-
attachShadow: {
|
|
22031
|
-
enumerable: true,
|
|
22032
|
-
configurable: true,
|
|
22033
|
-
writable: true,
|
|
22034
|
-
value(options) {
|
|
22035
|
-
const shadowRoot = originalAttachShadow.call(this, options);
|
|
22036
|
-
injectStyles(shadowRoot);
|
|
22037
|
-
return shadowRoot;
|
|
22038
|
-
}
|
|
22039
|
-
}
|
|
22040
|
-
});
|
|
22041
|
-
}
|
|
22042
|
-
const originalAttachInternals = HTMLElement.prototype.attachInternals;
|
|
22043
|
-
if (originalAttachInternals) {
|
|
22044
|
-
Object.defineProperties(HTMLElement.prototype, {
|
|
22045
|
-
attachInternals: {
|
|
22046
|
-
enumerable: true,
|
|
22047
|
-
configurable: true,
|
|
22048
|
-
writable: true,
|
|
22049
|
-
value() {
|
|
22050
|
-
const internals = originalAttachInternals.call(this);
|
|
22051
|
-
if (internals.shadowRoot) {
|
|
22052
|
-
injectStyles(internals.shadowRoot);
|
|
22053
|
-
}
|
|
22054
|
-
return internals;
|
|
22055
|
-
}
|
|
22056
|
-
}
|
|
22057
|
-
});
|
|
22058
|
-
}
|
|
22059
|
-
const popoverTargetAssociatedElements = /* @__PURE__ */ new WeakMap();
|
|
22060
|
-
function applyPopoverInvokerElementMixin(ElementClass) {
|
|
22061
|
-
Object.defineProperties(ElementClass.prototype, {
|
|
22062
|
-
popoverTargetElement: {
|
|
22063
|
-
enumerable: true,
|
|
22064
|
-
configurable: true,
|
|
22065
|
-
set(targetElement) {
|
|
22066
|
-
if (targetElement === null) {
|
|
22067
|
-
this.removeAttribute("popovertarget");
|
|
22068
|
-
popoverTargetAssociatedElements.delete(this);
|
|
22069
|
-
} else if (!(targetElement instanceof Element)) {
|
|
22070
|
-
throw new TypeError(
|
|
22071
|
-
`popoverTargetElement must be an element or null`
|
|
22072
|
-
);
|
|
22073
|
-
} else {
|
|
22074
|
-
this.setAttribute("popovertarget", "");
|
|
22075
|
-
popoverTargetAssociatedElements.set(this, targetElement);
|
|
22076
|
-
}
|
|
22077
|
-
},
|
|
22078
|
-
get() {
|
|
22079
|
-
if (this.localName !== "button" && this.localName !== "input") {
|
|
22080
|
-
return null;
|
|
22081
|
-
}
|
|
22082
|
-
if (this.localName === "input" && this.type !== "reset" && this.type !== "image" && this.type !== "button") {
|
|
22083
|
-
return null;
|
|
22084
|
-
}
|
|
22085
|
-
if (this.disabled) {
|
|
22086
|
-
return null;
|
|
22087
|
-
}
|
|
22088
|
-
if (this.form && this.type === "submit") {
|
|
22089
|
-
return null;
|
|
22090
|
-
}
|
|
22091
|
-
const targetElement = popoverTargetAssociatedElements.get(this);
|
|
22092
|
-
if (targetElement && targetElement.isConnected) {
|
|
22093
|
-
return targetElement;
|
|
22094
|
-
} else if (targetElement && !targetElement.isConnected) {
|
|
22095
|
-
popoverTargetAssociatedElements.delete(this);
|
|
22096
|
-
return null;
|
|
22097
|
-
}
|
|
22098
|
-
const root = getRootNode(this);
|
|
22099
|
-
const idref = this.getAttribute("popovertarget");
|
|
22100
|
-
if ((root instanceof Document || root instanceof ShadowRoot2) && idref) {
|
|
22101
|
-
return root.getElementById(idref) || null;
|
|
22102
|
-
}
|
|
22103
|
-
return null;
|
|
22104
|
-
}
|
|
22105
|
-
},
|
|
22106
|
-
popoverTargetAction: {
|
|
22107
|
-
enumerable: true,
|
|
22108
|
-
configurable: true,
|
|
22109
|
-
get() {
|
|
22110
|
-
const value = (this.getAttribute("popovertargetaction") || "").toLowerCase();
|
|
22111
|
-
if (value === "show" || value === "hide") return value;
|
|
22112
|
-
return "toggle";
|
|
22113
|
-
},
|
|
22114
|
-
set(value) {
|
|
22115
|
-
this.setAttribute("popovertargetaction", value);
|
|
22116
|
-
}
|
|
22117
|
-
}
|
|
22118
|
-
});
|
|
22119
|
-
}
|
|
22120
|
-
applyPopoverInvokerElementMixin(HTMLButtonElement);
|
|
22121
|
-
applyPopoverInvokerElementMixin(HTMLInputElement);
|
|
22122
|
-
const handleInvokerActivation = (event) => {
|
|
22123
|
-
const composedPath = event.composedPath();
|
|
22124
|
-
const target = composedPath[0];
|
|
22125
|
-
if (!(target instanceof Element) || target?.shadowRoot) {
|
|
22126
|
-
return;
|
|
22127
|
-
}
|
|
22128
|
-
const root = getRootNode(target);
|
|
22129
|
-
if (!(root instanceof ShadowRoot2 || root instanceof Document)) {
|
|
22130
|
-
return;
|
|
22131
|
-
}
|
|
22132
|
-
const invoker = composedPath.find(
|
|
22133
|
-
(el) => el.matches?.("[popovertargetaction],[popovertarget]")
|
|
22134
|
-
);
|
|
22135
|
-
if (invoker) {
|
|
22136
|
-
popoverTargetAttributeActivationBehavior(invoker);
|
|
22137
|
-
event.preventDefault();
|
|
22138
|
-
return;
|
|
22139
|
-
}
|
|
22140
|
-
};
|
|
22141
|
-
const onKeydown = (event) => {
|
|
22142
|
-
const key = event.key;
|
|
22143
|
-
const target = event.target;
|
|
22144
|
-
if (!event.defaultPrevented && target && (key === "Escape" || key === "Esc")) {
|
|
22145
|
-
hideAllPopoversUntil(target.ownerDocument, true, true);
|
|
22146
|
-
}
|
|
22147
|
-
};
|
|
22148
|
-
const addEventListeners = (root) => {
|
|
22149
|
-
root.addEventListener("click", handleInvokerActivation);
|
|
22150
|
-
root.addEventListener("keydown", onKeydown);
|
|
22151
|
-
root.addEventListener("pointerdown", lightDismissOpenPopovers);
|
|
22152
|
-
root.addEventListener("pointerup", lightDismissOpenPopovers);
|
|
22153
|
-
};
|
|
22154
|
-
addEventListeners(document);
|
|
22155
|
-
injectStyles(document);
|
|
22156
|
-
}
|
|
22157
|
-
|
|
22158
21739
|
const duration = 250;
|
|
22159
21740
|
const easing = 'ease-out';
|
|
22160
21741
|
function popIn(el) {
|
|
@@ -22186,6 +21767,7 @@ class PostPopovercontainer {
|
|
|
22186
21767
|
this.postHide = createEvent(this, "postHide");
|
|
22187
21768
|
this.postBeforeToggle = createEvent(this, "postBeforeToggle");
|
|
22188
21769
|
this.postToggle = createEvent(this, "postToggle");
|
|
21770
|
+
this.toggleTimeoutId = null;
|
|
22189
21771
|
this.hasOpenedOnce = true;
|
|
22190
21772
|
/**
|
|
22191
21773
|
* Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
|
|
@@ -22206,6 +21788,7 @@ class PostPopovercontainer {
|
|
|
22206
21788
|
*/
|
|
22207
21789
|
this.animation = 'pop-in';
|
|
22208
21790
|
this.currentAnimation = null;
|
|
21791
|
+
this.boundMouseTrackingHandler = this.mouseTrackingHandler.bind(this);
|
|
22209
21792
|
}
|
|
22210
21793
|
validatePlacement() {
|
|
22211
21794
|
checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
|
|
@@ -22226,9 +21809,6 @@ class PostPopovercontainer {
|
|
|
22226
21809
|
this.host.style.setProperty('--post-safe-space-cursor-y', `${event.clientY}px`);
|
|
22227
21810
|
}
|
|
22228
21811
|
connectedCallback() {
|
|
22229
|
-
if (IS_BROWSER && !isSupported()) {
|
|
22230
|
-
apply();
|
|
22231
|
-
}
|
|
22232
21812
|
}
|
|
22233
21813
|
componentDidLoad() {
|
|
22234
21814
|
this.validatePlacement();
|
|
@@ -22301,7 +21881,7 @@ class PostPopovercontainer {
|
|
|
22301
21881
|
}
|
|
22302
21882
|
}
|
|
22303
21883
|
if (this.safeSpace) {
|
|
22304
|
-
|
|
21884
|
+
globalThis.addEventListener('mousemove', this.boundMouseTrackingHandler);
|
|
22305
21885
|
}
|
|
22306
21886
|
}
|
|
22307
21887
|
/**
|
|
@@ -22312,7 +21892,7 @@ class PostPopovercontainer {
|
|
|
22312
21892
|
this.clearAutoUpdate();
|
|
22313
21893
|
}
|
|
22314
21894
|
if (this.safeSpace) {
|
|
22315
|
-
|
|
21895
|
+
globalThis.removeEventListener('mousemove', this.boundMouseTrackingHandler);
|
|
22316
21896
|
}
|
|
22317
21897
|
// Cancel any running animation
|
|
22318
21898
|
if (this.currentAnimation) {
|
|
@@ -22368,7 +21948,7 @@ class PostPopovercontainer {
|
|
|
22368
21948
|
* @param e ToggleEvent
|
|
22369
21949
|
*/
|
|
22370
21950
|
handleToggle(e) {
|
|
22371
|
-
this.toggleTimeoutId =
|
|
21951
|
+
this.toggleTimeoutId = globalThis.setTimeout(() => (this.toggleTimeoutId = null), 10);
|
|
22372
21952
|
const isOpen = e.newState === 'open';
|
|
22373
21953
|
if (isOpen) {
|
|
22374
21954
|
this.open();
|
|
@@ -22391,7 +21971,7 @@ class PostPopovercontainer {
|
|
|
22391
21971
|
*/
|
|
22392
21972
|
getHeaderHeight() {
|
|
22393
21973
|
const header = document.querySelector('post-header');
|
|
22394
|
-
return header ? parseFloat(getComputedStyle(header).height) : 0;
|
|
21974
|
+
return header ? Number.parseFloat(getComputedStyle(header).height) : 0;
|
|
22395
21975
|
}
|
|
22396
21976
|
async calculatePosition() {
|
|
22397
21977
|
const { x, y, middlewareData, placement } = await this.computeMainPosition();
|
|
@@ -22428,17 +22008,23 @@ class PostPopovercontainer {
|
|
|
22428
22008
|
}
|
|
22429
22009
|
async computeMainPosition() {
|
|
22430
22010
|
const gap = this.edgeGap;
|
|
22431
|
-
const
|
|
22432
|
-
|
|
22433
|
-
|
|
22011
|
+
const isAligned = (this.placement || 'top').includes('-');
|
|
22012
|
+
const flipMiddleware = flip({
|
|
22013
|
+
padding: this.getHeaderHeight(),
|
|
22014
|
+
crossAxis: false,
|
|
22015
|
+
});
|
|
22016
|
+
const shiftMiddleware = shift({
|
|
22017
|
+
padding: gap,
|
|
22018
|
+
limiter: limitShift({
|
|
22019
|
+
offset: 32,
|
|
22434
22020
|
}),
|
|
22021
|
+
});
|
|
22022
|
+
const middleware = [
|
|
22023
|
+
offset(this.offset ?? (this.arrow ? gap + 4 : gap)),
|
|
22435
22024
|
inline(),
|
|
22436
|
-
|
|
22437
|
-
|
|
22438
|
-
|
|
22439
|
-
offset: 32,
|
|
22440
|
-
}),
|
|
22441
|
-
}),
|
|
22025
|
+
// Per floating-ui docs: for aligned placements (e.g. bottom-end),
|
|
22026
|
+
// flip should come before shift. For non-aligned, shift before flip.
|
|
22027
|
+
...(isAligned ? [flipMiddleware, shiftMiddleware] : [shiftMiddleware, flipMiddleware]),
|
|
22442
22028
|
size({
|
|
22443
22029
|
apply({ availableWidth, elements }) {
|
|
22444
22030
|
Object.assign(elements.floating.style, {
|
|
@@ -22446,7 +22032,6 @@ class PostPopovercontainer {
|
|
|
22446
22032
|
});
|
|
22447
22033
|
},
|
|
22448
22034
|
}),
|
|
22449
|
-
offset(this.offset ?? (this.arrow ? gap + 4 : gap)),
|
|
22450
22035
|
];
|
|
22451
22036
|
if (this.arrow) {
|
|
22452
22037
|
middleware.push(arrow({ element: this.arrowRef, padding: gap }));
|
|
@@ -22518,9 +22103,9 @@ class PostPopovercontainer {
|
|
|
22518
22103
|
}
|
|
22519
22104
|
}
|
|
22520
22105
|
render() {
|
|
22521
|
-
return (hAsync(Host, { key: '
|
|
22106
|
+
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 => {
|
|
22522
22107
|
this.arrowRef = el;
|
|
22523
|
-
} })), hAsync("slot", { key: '
|
|
22108
|
+
} })), hAsync("slot", { key: '8fa288a638da1cfed3285b6605c64e3b3ff7bc07' }))));
|
|
22524
22109
|
}
|
|
22525
22110
|
get host() { return getElement(this); }
|
|
22526
22111
|
static get watchers() { return {
|
|
@@ -22666,7 +22251,7 @@ class PostRating {
|
|
|
22666
22251
|
}
|
|
22667
22252
|
}
|
|
22668
22253
|
render() {
|
|
22669
|
-
return (hAsync(Host, { key: '
|
|
22254
|
+
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: {
|
|
22670
22255
|
'star': true,
|
|
22671
22256
|
'before-hover': i < this.hoveredIndex,
|
|
22672
22257
|
'active': i < Math.round(this.currentRating),
|
|
@@ -22758,7 +22343,7 @@ class PostStepper {
|
|
|
22758
22343
|
updateActiveStepNumber() {
|
|
22759
22344
|
if (this.textStepNumber) {
|
|
22760
22345
|
const labelTemplate = this.textStepNumber;
|
|
22761
|
-
this.mobileActiveStepLabel = labelTemplate.
|
|
22346
|
+
this.mobileActiveStepLabel = labelTemplate.replaceAll('#number', `${this.selectedIndex + 1}`);
|
|
22762
22347
|
if (this.stepItems) {
|
|
22763
22348
|
this.updateMobileActiveStepVisibility();
|
|
22764
22349
|
}
|
|
@@ -22812,7 +22397,7 @@ class PostStepper {
|
|
|
22812
22397
|
}
|
|
22813
22398
|
}
|
|
22814
22399
|
render() {
|
|
22815
|
-
return (hAsync(Host, { key: '
|
|
22400
|
+
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 }))));
|
|
22816
22401
|
}
|
|
22817
22402
|
get host() { return getElement(this); }
|
|
22818
22403
|
static get watchers() { return {
|
|
@@ -22858,7 +22443,7 @@ class PostStepperItem {
|
|
|
22858
22443
|
registerInstance(this, hostRef);
|
|
22859
22444
|
}
|
|
22860
22445
|
render() {
|
|
22861
|
-
return (hAsync(Host, { key: '
|
|
22446
|
+
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' })))));
|
|
22862
22447
|
}
|
|
22863
22448
|
static get style() { return postStepperItemCss(); }
|
|
22864
22449
|
static get cmpMeta() { return {
|
|
@@ -22905,7 +22490,7 @@ class PostTabItem {
|
|
|
22905
22490
|
this.isNavigationMode = hasAnchor;
|
|
22906
22491
|
}
|
|
22907
22492
|
render() {
|
|
22908
|
-
return (hAsync(Host, { key: '
|
|
22493
|
+
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' })));
|
|
22909
22494
|
}
|
|
22910
22495
|
get host() { return getElement(this); }
|
|
22911
22496
|
static get watchers() { return {
|
|
@@ -22946,7 +22531,7 @@ class PostTabPanel {
|
|
|
22946
22531
|
this.panelId = `panel-${this.host.id || nanoid(6)}`;
|
|
22947
22532
|
}
|
|
22948
22533
|
render() {
|
|
22949
|
-
return (hAsync(Host, { key: '
|
|
22534
|
+
return (hAsync(Host, { key: '6feec1f002b3fadba76f8cb8f9ea76e455aa6ffe', "data-version": version$1, id: this.panelId, role: "tabpanel", slot: "panels" }, hAsync("slot", { key: '073a78293c22557d7b628351bf1eac9882cd98b0' })));
|
|
22950
22535
|
}
|
|
22951
22536
|
get host() { return getElement(this); }
|
|
22952
22537
|
static get watchers() { return {
|
|
@@ -23103,7 +22688,7 @@ class PostTabs {
|
|
|
23103
22688
|
// This works even before post-tab-item sets data-navigation-mode attribute
|
|
23104
22689
|
const hasNavigationTabs = this.tabs.some(tab => {
|
|
23105
22690
|
const hasAnchor = tab.querySelector('a') !== null;
|
|
23106
|
-
const navModeAttr = tab.
|
|
22691
|
+
const navModeAttr = tab.dataset.navigationMode === 'true';
|
|
23107
22692
|
return hasAnchor || navModeAttr;
|
|
23108
22693
|
});
|
|
23109
22694
|
const hasPanels = this.panels.length > 0;
|
|
@@ -23252,7 +22837,7 @@ class PostTabs {
|
|
|
23252
22837
|
nextTab = this.tabs[activeTabIndex + 1] || this.tabs[0];
|
|
23253
22838
|
}
|
|
23254
22839
|
else {
|
|
23255
|
-
nextTab = this.tabs[activeTabIndex - 1] || this.tabs
|
|
22840
|
+
nextTab = this.tabs[activeTabIndex - 1] || this.tabs.at(-1);
|
|
23256
22841
|
}
|
|
23257
22842
|
if (!nextTab)
|
|
23258
22843
|
return;
|
|
@@ -23261,10 +22846,10 @@ class PostTabs {
|
|
|
23261
22846
|
}
|
|
23262
22847
|
render() {
|
|
23263
22848
|
const TabsContainer = this.isNavigationMode ? 'nav' : 'div';
|
|
23264
|
-
return (hAsync(Host, { key: '
|
|
22849
|
+
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: () => {
|
|
23265
22850
|
this.moveMisplacedTabs();
|
|
23266
22851
|
this.enableTabs();
|
|
23267
|
-
} }))), !this.isNavigationMode && (hAsync("div", { key: '
|
|
22852
|
+
} }))), !this.isNavigationMode && (hAsync("div", { key: '625d5b7d8ab2e8cfacce0c2ac6fa94d6f6fc2953', class: "tab-content", part: "post-tabs-content" }, hAsync("slot", { key: '1ddaf37e585d3e9fbb9722e09829956e28dc7fd6', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
|
|
23268
22853
|
}
|
|
23269
22854
|
get host() { return getElement(this); }
|
|
23270
22855
|
static get watchers() { return {
|
|
@@ -23319,7 +22904,7 @@ class PostTogglebutton {
|
|
|
23319
22904
|
this.host.addEventListener('keydown', (e) => this.handleKeydown(e), { capture: true });
|
|
23320
22905
|
}
|
|
23321
22906
|
render() {
|
|
23322
|
-
return (hAsync(Host, { key: '
|
|
22907
|
+
return (hAsync(Host, { key: '828f375bfd28dd8f46c2c233cef90abe6c27c488', "data-version": version$1, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, hAsync("slot", { key: '35325c8481638cf30593cda05a67ee74b38bb40c' })));
|
|
23323
22908
|
}
|
|
23324
22909
|
get host() { return getElement(this); }
|
|
23325
22910
|
static get style() { return postTogglebuttonCss(); }
|
|
@@ -23400,7 +22985,7 @@ class PostTooltip {
|
|
|
23400
22985
|
}
|
|
23401
22986
|
render() {
|
|
23402
22987
|
const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
|
|
23403
|
-
return (hAsync(Host, { key: '
|
|
22988
|
+
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' }))));
|
|
23404
22989
|
}
|
|
23405
22990
|
get host() { return getElement(this); }
|
|
23406
22991
|
static get watchers() { return {
|
|
@@ -23429,11 +23014,6 @@ class PostTooltip {
|
|
|
23429
23014
|
const postTooltipTriggerCss = () => `post-tooltip-trigger{vertical-align:top}:host{cursor:pointer}`;
|
|
23430
23015
|
|
|
23431
23016
|
const TRIGGER_EVENTS = ['pointerenter', 'pointerleave', 'focusin', 'focusout', 'long-press'];
|
|
23432
|
-
if (IS_BROWSER) {
|
|
23433
|
-
(async () => {
|
|
23434
|
-
await Promise.resolve().then(function () { return longPressEvent; });
|
|
23435
|
-
})();
|
|
23436
|
-
}
|
|
23437
23017
|
/**
|
|
23438
23018
|
* @slot default - Content to trigger the tooltip. Can contain any focusable element or will be made focusable automatically.
|
|
23439
23019
|
*/
|
|
@@ -23459,10 +23039,7 @@ class PostTooltipTrigger {
|
|
|
23459
23039
|
checkEmptyOrType(this, 'for', 'string');
|
|
23460
23040
|
}
|
|
23461
23041
|
get tooltip() {
|
|
23462
|
-
|
|
23463
|
-
return null;
|
|
23464
|
-
const ref = document.getElementById(this.for);
|
|
23465
|
-
return ref?.localName === 'post-tooltip' ? ref : null;
|
|
23042
|
+
return null;
|
|
23466
23043
|
}
|
|
23467
23044
|
componentDidLoad() {
|
|
23468
23045
|
this.setupTrigger();
|
|
@@ -23503,7 +23080,7 @@ class PostTooltipTrigger {
|
|
|
23503
23080
|
setupTrigger() {
|
|
23504
23081
|
this.trigger = this.host.querySelector('*');
|
|
23505
23082
|
if (this.trigger) {
|
|
23506
|
-
if (!isFocusable
|
|
23083
|
+
if (!isFocusable(this.trigger)) {
|
|
23507
23084
|
this.trigger.setAttribute('tabindex', '0');
|
|
23508
23085
|
}
|
|
23509
23086
|
const describedBy = this.trigger.getAttribute('aria-describedby') || '';
|
|
@@ -23578,7 +23155,7 @@ class PostTooltipTrigger {
|
|
|
23578
23155
|
interestHandler() {
|
|
23579
23156
|
if (this.trigger) {
|
|
23580
23157
|
if (this.delay > 0) {
|
|
23581
|
-
this.delayTimeout =
|
|
23158
|
+
this.delayTimeout = globalThis.setTimeout(() => {
|
|
23582
23159
|
this.tooltip?.show(this.trigger);
|
|
23583
23160
|
this.delayTimeout = null;
|
|
23584
23161
|
}, this.delay);
|
|
@@ -23596,7 +23173,7 @@ class PostTooltipTrigger {
|
|
|
23596
23173
|
this.tooltip?.hide();
|
|
23597
23174
|
}
|
|
23598
23175
|
render() {
|
|
23599
|
-
return (hAsync(Host, { key: '
|
|
23176
|
+
return (hAsync(Host, { key: '67c7165030648b676b85c94cfe8a3d260c2ff9b5', "data-version": version$1 }, hAsync("slot", { key: '84013d1f82ccd926d70026055c5a5be441aad9bf', onSlotchange: () => this.handleSlotChange() })));
|
|
23600
23177
|
}
|
|
23601
23178
|
get host() { return getElement(this); }
|
|
23602
23179
|
static get watchers() { return {
|
|
@@ -23621,6 +23198,7 @@ class PostTooltipTrigger {
|
|
|
23621
23198
|
registerComponents([
|
|
23622
23199
|
PostAccordion,
|
|
23623
23200
|
PostAccordionItem,
|
|
23201
|
+
PostAutocomplete,
|
|
23624
23202
|
PostAvatar,
|
|
23625
23203
|
PostBackToTop,
|
|
23626
23204
|
PostBanner,
|
|
@@ -23630,13 +23208,15 @@ registerComponents([
|
|
|
23630
23208
|
PostCollapsible,
|
|
23631
23209
|
PostCollapsibleTrigger,
|
|
23632
23210
|
PostDatePicker,
|
|
23633
|
-
PostEnvTest,
|
|
23634
23211
|
PostFooter,
|
|
23635
23212
|
PostHeader,
|
|
23636
23213
|
PostIcon,
|
|
23637
23214
|
PostLanguageMenu,
|
|
23638
23215
|
PostLanguageMenuItem,
|
|
23639
23216
|
PostLinkarea,
|
|
23217
|
+
PostListbox,
|
|
23218
|
+
PostListboxOption,
|
|
23219
|
+
PostLoginWidget,
|
|
23640
23220
|
PostLogo,
|
|
23641
23221
|
PostMainnavigation,
|
|
23642
23222
|
PostMegadropdown,
|
|
@@ -23660,275 +23240,6 @@ registerComponents([
|
|
|
23660
23240
|
PostTooltipTrigger,
|
|
23661
23241
|
]);
|
|
23662
23242
|
|
|
23663
|
-
/*!
|
|
23664
|
-
* long-press-event - v@version@
|
|
23665
|
-
* Pure JavaScript long-press-event
|
|
23666
|
-
* https://github.com/john-doherty/long-press-event
|
|
23667
|
-
* @author John Doherty <www.johndoherty.info>
|
|
23668
|
-
* @license MIT
|
|
23669
|
-
*/
|
|
23670
|
-
(function (window, document) {
|
|
23671
|
-
|
|
23672
|
-
// local timer object based on rAF
|
|
23673
|
-
var timer = null;
|
|
23674
|
-
|
|
23675
|
-
// check if we're using a touch screen
|
|
23676
|
-
var hasPointerEvents = (('PointerEvent' in window) || (window.navigator && 'msPointerEnabled' in window.navigator));
|
|
23677
|
-
var isTouch = (('ontouchstart' in window) || (navigator.MaxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0));
|
|
23678
|
-
|
|
23679
|
-
// switch to pointer events or touch events if using a touch screen
|
|
23680
|
-
var mouseDown = hasPointerEvents ? 'pointerdown' : isTouch ? 'touchstart' : 'mousedown';
|
|
23681
|
-
var mouseUp = hasPointerEvents ? 'pointerup' : isTouch ? 'touchend' : 'mouseup';
|
|
23682
|
-
var mouseMove = hasPointerEvents ? 'pointermove' : isTouch ? 'touchmove' : 'mousemove';
|
|
23683
|
-
var mouseLeave = hasPointerEvents ? 'pointerleave' : isTouch ? 'touchleave' : 'mouseleave';
|
|
23684
|
-
|
|
23685
|
-
// track number of pixels the mouse moves during long press
|
|
23686
|
-
var startX = 0; // mouse x position when timer started
|
|
23687
|
-
var startY = 0; // mouse y position when timer started
|
|
23688
|
-
var maxDiffX = 10; // max number of X pixels the mouse can move during long press before it is canceled
|
|
23689
|
-
var maxDiffY = 10; // max number of Y pixels the mouse can move during long press before it is canceled
|
|
23690
|
-
|
|
23691
|
-
// patch CustomEvent to allow constructor creation (IE/Chrome)
|
|
23692
|
-
if (typeof window.CustomEvent !== 'function') {
|
|
23693
|
-
|
|
23694
|
-
window.CustomEvent = function (event, params) {
|
|
23695
|
-
|
|
23696
|
-
params = params || { bubbles: false, cancelable: false, detail: undefined };
|
|
23697
|
-
|
|
23698
|
-
var evt = document.createEvent('CustomEvent');
|
|
23699
|
-
evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
|
|
23700
|
-
return evt;
|
|
23701
|
-
};
|
|
23702
|
-
|
|
23703
|
-
window.CustomEvent.prototype = window.Event.prototype;
|
|
23704
|
-
}
|
|
23705
|
-
|
|
23706
|
-
// requestAnimationFrame() shim by Paul Irish
|
|
23707
|
-
window.requestAnimFrame = (function () {
|
|
23708
|
-
return window.requestAnimationFrame ||
|
|
23709
|
-
window.webkitRequestAnimationFrame ||
|
|
23710
|
-
window.mozRequestAnimationFrame ||
|
|
23711
|
-
window.oRequestAnimationFrame ||
|
|
23712
|
-
window.msRequestAnimationFrame || function (callback) {
|
|
23713
|
-
window.setTimeout(callback, 1000 / 60);
|
|
23714
|
-
};
|
|
23715
|
-
})();
|
|
23716
|
-
|
|
23717
|
-
/**
|
|
23718
|
-
* Behaves the same as setTimeout except uses requestAnimationFrame() where possible for better performance
|
|
23719
|
-
* @param {function} fn The callback function
|
|
23720
|
-
* @param {int} delay The delay in milliseconds
|
|
23721
|
-
* @returns {object} handle to the timeout object
|
|
23722
|
-
*/
|
|
23723
|
-
function requestTimeout(fn, delay) {
|
|
23724
|
-
|
|
23725
|
-
if (!window.requestAnimationFrame && !window.webkitRequestAnimationFrame &&
|
|
23726
|
-
!(window.mozRequestAnimationFrame && window.mozCancelRequestAnimationFrame) && // Firefox 5 ships without cancel support
|
|
23727
|
-
!window.oRequestAnimationFrame && !window.msRequestAnimationFrame) return window.setTimeout(fn, delay);
|
|
23728
|
-
|
|
23729
|
-
var start = new Date().getTime();
|
|
23730
|
-
var handle = {};
|
|
23731
|
-
|
|
23732
|
-
var loop = function () {
|
|
23733
|
-
var current = new Date().getTime();
|
|
23734
|
-
var delta = current - start;
|
|
23735
|
-
|
|
23736
|
-
if (delta >= delay) {
|
|
23737
|
-
fn.call();
|
|
23738
|
-
}
|
|
23739
|
-
else {
|
|
23740
|
-
handle.value = requestAnimFrame(loop);
|
|
23741
|
-
}
|
|
23742
|
-
};
|
|
23743
|
-
|
|
23744
|
-
handle.value = requestAnimFrame(loop);
|
|
23745
|
-
|
|
23746
|
-
return handle;
|
|
23747
|
-
}
|
|
23748
|
-
|
|
23749
|
-
/**
|
|
23750
|
-
* Behaves the same as clearTimeout except uses cancelRequestAnimationFrame() where possible for better performance
|
|
23751
|
-
* @param {object} handle The callback function
|
|
23752
|
-
* @returns {void}
|
|
23753
|
-
*/
|
|
23754
|
-
function clearRequestTimeout(handle) {
|
|
23755
|
-
if (handle) {
|
|
23756
|
-
window.cancelAnimationFrame ? window.cancelAnimationFrame(handle.value) :
|
|
23757
|
-
window.webkitCancelAnimationFrame ? window.webkitCancelAnimationFrame(handle.value) :
|
|
23758
|
-
window.webkitCancelRequestAnimationFrame ? window.webkitCancelRequestAnimationFrame(handle.value) : /* Support for legacy API */
|
|
23759
|
-
window.mozCancelRequestAnimationFrame ? window.mozCancelRequestAnimationFrame(handle.value) :
|
|
23760
|
-
window.oCancelRequestAnimationFrame ? window.oCancelRequestAnimationFrame(handle.value) :
|
|
23761
|
-
window.msCancelRequestAnimationFrame ? window.msCancelRequestAnimationFrame(handle.value) :
|
|
23762
|
-
clearTimeout(handle);
|
|
23763
|
-
}
|
|
23764
|
-
}
|
|
23765
|
-
|
|
23766
|
-
/**
|
|
23767
|
-
* Fires the 'long-press' event on element
|
|
23768
|
-
* @param {MouseEvent|PointerEvent|TouchEvent} originalEvent The original event being fired
|
|
23769
|
-
* @returns {void}
|
|
23770
|
-
*/
|
|
23771
|
-
function fireLongPressEvent(originalEvent) {
|
|
23772
|
-
|
|
23773
|
-
clearLongPressTimer();
|
|
23774
|
-
|
|
23775
|
-
originalEvent = unifyEvent(originalEvent);
|
|
23776
|
-
|
|
23777
|
-
// fire the long-press event
|
|
23778
|
-
var allowClickEvent = this.dispatchEvent(new CustomEvent('long-press', {
|
|
23779
|
-
bubbles: true,
|
|
23780
|
-
cancelable: true,
|
|
23781
|
-
|
|
23782
|
-
// custom event data (legacy)
|
|
23783
|
-
detail: {
|
|
23784
|
-
clientX: originalEvent.clientX,
|
|
23785
|
-
clientY: originalEvent.clientY,
|
|
23786
|
-
offsetX: originalEvent.offsetX,
|
|
23787
|
-
offsetY: originalEvent.offsetY,
|
|
23788
|
-
pageX: originalEvent.pageX,
|
|
23789
|
-
pageY: originalEvent.pageY
|
|
23790
|
-
},
|
|
23791
|
-
|
|
23792
|
-
// add coordinate data that would typically acompany a touch/click event
|
|
23793
|
-
clientX: originalEvent.clientX,
|
|
23794
|
-
clientY: originalEvent.clientY,
|
|
23795
|
-
offsetX: originalEvent.offsetX,
|
|
23796
|
-
offsetY: originalEvent.offsetY,
|
|
23797
|
-
pageX: originalEvent.pageX,
|
|
23798
|
-
pageY: originalEvent.pageY,
|
|
23799
|
-
screenX: originalEvent.screenX,
|
|
23800
|
-
screenY: originalEvent.screenY
|
|
23801
|
-
}));
|
|
23802
|
-
|
|
23803
|
-
if (!allowClickEvent) {
|
|
23804
|
-
// suppress the next click event if e.preventDefault() was called in long-press handler
|
|
23805
|
-
document.addEventListener('click', function suppressEvent(e) {
|
|
23806
|
-
document.removeEventListener('click', suppressEvent, true);
|
|
23807
|
-
cancelEvent(e);
|
|
23808
|
-
}, true);
|
|
23809
|
-
}
|
|
23810
|
-
}
|
|
23811
|
-
|
|
23812
|
-
/**
|
|
23813
|
-
* consolidates mouse, touch, and Pointer events
|
|
23814
|
-
* @param {MouseEvent|PointerEvent|TouchEvent} e The original event being fired
|
|
23815
|
-
* @returns {MouseEvent|PointerEvent|Touch}
|
|
23816
|
-
*/
|
|
23817
|
-
function unifyEvent(e) {
|
|
23818
|
-
if (e.changedTouches !== undefined) {
|
|
23819
|
-
return e.changedTouches[0];
|
|
23820
|
-
}
|
|
23821
|
-
return e;
|
|
23822
|
-
}
|
|
23823
|
-
|
|
23824
|
-
/**
|
|
23825
|
-
* method responsible for starting the long press timer
|
|
23826
|
-
* @param {event} e - event object
|
|
23827
|
-
* @returns {void}
|
|
23828
|
-
*/
|
|
23829
|
-
function startLongPressTimer(e) {
|
|
23830
|
-
|
|
23831
|
-
clearLongPressTimer();
|
|
23832
|
-
|
|
23833
|
-
var el = e.target;
|
|
23834
|
-
|
|
23835
|
-
// get delay from html attribute if it exists, otherwise default to 1500
|
|
23836
|
-
var longPressDelayInMs = parseInt(getNearestAttribute(el, 'data-long-press-delay', '1500'), 10); // default 1500
|
|
23837
|
-
|
|
23838
|
-
// start the timer
|
|
23839
|
-
timer = requestTimeout(fireLongPressEvent.bind(el, e), longPressDelayInMs);
|
|
23840
|
-
}
|
|
23841
|
-
|
|
23842
|
-
/**
|
|
23843
|
-
* method responsible for clearing a pending long press timer
|
|
23844
|
-
* @param {event} e - event object
|
|
23845
|
-
* @returns {void}
|
|
23846
|
-
*/
|
|
23847
|
-
function clearLongPressTimer(e) {
|
|
23848
|
-
clearRequestTimeout(timer);
|
|
23849
|
-
timer = null;
|
|
23850
|
-
}
|
|
23851
|
-
|
|
23852
|
-
/**
|
|
23853
|
-
* Cancels the current event
|
|
23854
|
-
* @param {object} e - browser event object
|
|
23855
|
-
* @returns {void}
|
|
23856
|
-
*/
|
|
23857
|
-
function cancelEvent(e) {
|
|
23858
|
-
e.stopImmediatePropagation();
|
|
23859
|
-
e.preventDefault();
|
|
23860
|
-
e.stopPropagation();
|
|
23861
|
-
}
|
|
23862
|
-
|
|
23863
|
-
/**
|
|
23864
|
-
* Starts the timer on mouse down and logs current position
|
|
23865
|
-
* @param {object} e - browser event object
|
|
23866
|
-
* @returns {void}
|
|
23867
|
-
*/
|
|
23868
|
-
function mouseDownHandler(e) {
|
|
23869
|
-
startX = e.clientX;
|
|
23870
|
-
startY = e.clientY;
|
|
23871
|
-
startLongPressTimer(e);
|
|
23872
|
-
}
|
|
23873
|
-
|
|
23874
|
-
/**
|
|
23875
|
-
* If the mouse moves n pixels during long-press, cancel the timer
|
|
23876
|
-
* @param {object} e - browser event object
|
|
23877
|
-
* @returns {void}
|
|
23878
|
-
*/
|
|
23879
|
-
function mouseMoveHandler(e) {
|
|
23880
|
-
|
|
23881
|
-
// calculate total number of pixels the pointer has moved
|
|
23882
|
-
var diffX = Math.abs(startX - e.clientX);
|
|
23883
|
-
var diffY = Math.abs(startY - e.clientY);
|
|
23884
|
-
|
|
23885
|
-
// if pointer has moved more than allowed, cancel the long-press timer and therefore the event
|
|
23886
|
-
if (diffX >= maxDiffX || diffY >= maxDiffY) {
|
|
23887
|
-
clearLongPressTimer();
|
|
23888
|
-
}
|
|
23889
|
-
}
|
|
23890
|
-
|
|
23891
|
-
/**
|
|
23892
|
-
* Gets attribute off HTML element or nearest parent
|
|
23893
|
-
* @param {object} el - HTML element to retrieve attribute from
|
|
23894
|
-
* @param {string} attributeName - name of the attribute
|
|
23895
|
-
* @param {any} defaultValue - default value to return if no match found
|
|
23896
|
-
* @returns {any} attribute value or defaultValue
|
|
23897
|
-
*/
|
|
23898
|
-
function getNearestAttribute(el, attributeName, defaultValue) {
|
|
23899
|
-
|
|
23900
|
-
// walk up the dom tree looking for data-action and data-trigger
|
|
23901
|
-
while (el && el !== document.documentElement) {
|
|
23902
|
-
|
|
23903
|
-
var attributeValue = el.getAttribute(attributeName);
|
|
23904
|
-
|
|
23905
|
-
if (attributeValue) {
|
|
23906
|
-
return attributeValue;
|
|
23907
|
-
}
|
|
23908
|
-
|
|
23909
|
-
el = el.parentNode;
|
|
23910
|
-
}
|
|
23911
|
-
|
|
23912
|
-
return defaultValue;
|
|
23913
|
-
}
|
|
23914
|
-
|
|
23915
|
-
// hook events that clear a pending long press event
|
|
23916
|
-
document.addEventListener(mouseUp, clearLongPressTimer, true);
|
|
23917
|
-
document.addEventListener(mouseLeave, clearLongPressTimer, true);
|
|
23918
|
-
document.addEventListener(mouseMove, mouseMoveHandler, true);
|
|
23919
|
-
document.addEventListener('wheel', clearLongPressTimer, true);
|
|
23920
|
-
document.addEventListener('scroll', clearLongPressTimer, true);
|
|
23921
|
-
document.addEventListener('contextmenu', clearLongPressTimer, true);
|
|
23922
|
-
|
|
23923
|
-
// hook events that can trigger a long press event
|
|
23924
|
-
document.addEventListener(mouseDown, mouseDownHandler, true); // <- start
|
|
23925
|
-
|
|
23926
|
-
}(window, document));
|
|
23927
|
-
|
|
23928
|
-
var longPressEvent = /*#__PURE__*/Object.freeze({
|
|
23929
|
-
__proto__: null
|
|
23930
|
-
});
|
|
23931
|
-
|
|
23932
23243
|
exports.hydrateApp = hydrateApp;
|
|
23933
23244
|
|
|
23934
23245
|
|