@swisspost/design-system-components 10.0.0-next.66 → 10.0.0-next.67
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-BTxzC_Qv.js} +4 -7
- package/dist/cjs/{get-focusable-children-SdEe5tt7.js → get-focusable-children-CL2gimr1.js} +4 -4
- package/dist/cjs/{get-root-CUAv4k4C.js → get-root-BIh00Adr.js} +2 -2
- package/dist/cjs/{index-YVR3WTTS.js → index-Byyrsgop.js} +17 -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-BMq-R5Xi.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 -22
- package/dist/cjs/post-breadcrumbs.cjs.entry.js +7 -8
- package/dist/cjs/{post-closebutton_13.cjs.entry.js → post-closebutton_14.cjs.entry.js} +88 -68
- package/dist/cjs/post-collapsible_2.cjs.entry.js +10 -11
- 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-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 +3 -2
- package/dist/collection/collection-manifest.json +4 -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 +3 -3
- package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.js +3 -3
- 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 +2 -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-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.js +5 -5
- 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 +2 -2
- package/dist/collection/utils/breakpoints.js +6 -5
- package/dist/collection/utils/get-focusable-children.js +3 -3
- package/dist/collection/utils/get-root.js +2 -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 +2 -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 +3 -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 +6 -2
- package/dist/components/index.js +1 -1
- package/dist/components/package.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-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-htxkyM9X.js → p-6dWji_Xt.js} +1 -1
- package/dist/components/react/p-BIQP_u-p.js +1 -0
- package/dist/components/react/p-BlBcIJe_.js +1 -0
- package/dist/components/react/{p-CmA91vH_.js → p-Bq6Ye6Uc.js} +1 -1
- package/dist/components/react/p-BvY9Yl0A.js +1 -0
- package/dist/components/react/p-ByHBwvly.js +1 -0
- package/dist/components/react/{p-BcBg4WYn.js → p-C7drBbGl.js} +1 -1
- package/dist/components/react/p-CKkmf4_w.js +1 -0
- package/dist/components/react/p-CS77r1AS.js +1 -0
- package/dist/components/react/{p-C9bJM7_1.js → p-CY-_ZlW3.js} +1 -1
- package/dist/components/react/p-D3Tx-0vM.js +1 -0
- package/dist/components/react/p-DVY9jsO7.js +1 -0
- package/dist/components/react/p-Djnfi-_S.js +1 -0
- package/dist/components/react/p-DlHbGhvD.js +1 -0
- package/dist/components/react/p-DxJ0OgPJ.js +1 -0
- package/dist/components/react/{p-CdMrnWjS.js → p-RpVuZS9R.js} +1 -1
- 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-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 +483 -23
- package/dist/esm/{breakpoints-_gmb7vUy.js → breakpoints-CZuqK5QS.js} +4 -7
- package/dist/esm/{get-focusable-children-CFWKPWu9.js → get-focusable-children-CckqSLu_.js} +4 -4
- package/dist/esm/{get-root-CXfAA093.js → get-root-gmtbd8C-.js} +2 -2
- package/dist/esm/{index-Cj-Lzb7i.js → index-8Vx4ywJ4.js} +17 -9
- package/dist/esm/{index-CCMeku7U.js → index-D9bU2pIE.js} +3 -3
- package/dist/esm/loader.js +3 -3
- package/dist/esm/package-DVY9jsO7.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 -22
- package/dist/esm/post-breadcrumbs.entry.js +7 -8
- package/dist/esm/{post-closebutton_13.entry.js → post-closebutton_14.entry.js} +88 -69
- package/dist/esm/post-collapsible_2.entry.js +10 -11
- 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-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-0962f02e.entry.js +1 -0
- package/dist/post-components/p-0c22b6cb.entry.js +1 -0
- package/dist/post-components/p-11dfed23.entry.js +1 -0
- package/dist/post-components/{p-46f30771.entry.js → p-136052d8.entry.js} +1 -1
- package/dist/post-components/p-15d519e6.entry.js +1 -0
- package/dist/post-components/p-16573e00.entry.js +1 -0
- package/dist/post-components/p-29859921.entry.js +1 -0
- package/dist/post-components/p-3a294f1a.entry.js +1 -0
- package/dist/post-components/p-44481053.entry.js +1 -0
- package/dist/post-components/p-61d99723.entry.js +1 -0
- package/dist/post-components/p-68196501.entry.js +1 -0
- package/dist/post-components/p-6badcfb3.entry.js +1 -0
- package/dist/post-components/p-6c2558a3.entry.js +1 -0
- package/dist/post-components/p-6debd1d3.entry.js +1 -0
- package/dist/post-components/p-7b44e7e5.entry.js +1 -0
- package/dist/post-components/p-81aca7ec.entry.js +1 -0
- package/dist/post-components/p-85af10b8.entry.js +1 -0
- package/dist/post-components/p-8Vx4ywJ4.js +2 -0
- package/dist/post-components/p-951b3be6.entry.js +1 -0
- package/dist/post-components/{p-fe35968d.entry.js → p-9a3d4f38.entry.js} +1 -1
- package/dist/post-components/p-D81ozKs6.js +1 -0
- package/dist/post-components/p-D9bU2pIE.js +1 -0
- package/dist/post-components/p-DVY9jsO7.js +1 -0
- package/dist/post-components/p-DkA4Ai8j.js +1 -0
- package/dist/post-components/p-a4dd6a67.entry.js +1 -0
- package/dist/post-components/p-aFKnsRj1.js +1 -0
- package/dist/post-components/p-b13742e1.entry.js +1 -0
- package/dist/post-components/p-c5717005.entry.js +1 -0
- package/dist/post-components/p-ca7796c7.entry.js +1 -0
- package/dist/post-components/p-ce7bfb11.entry.js +1 -0
- package/dist/post-components/p-e14f0dd1.entry.js +1 -0
- package/dist/post-components/p-e5a2d0c3.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-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-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 +176 -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 +565 -1347
- package/hydrate/index.mjs +565 -1347
- package/package.json +8 -6
- 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-C1CrnSak.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-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/post-env-test.js +0 -1
- package/dist/esm/environment-CEmnRoA6.js +0 -49
- package/dist/esm/package-CApN7QUn.js +0 -3
- package/dist/esm/post-env-test.entry.js +0 -13
- package/dist/post-components/p-054c0046.entry.js +0 -1
- package/dist/post-components/p-102b69dd.entry.js +0 -1
- package/dist/post-components/p-1221cdd6.entry.js +0 -1
- package/dist/post-components/p-14ca5d65.entry.js +0 -1
- package/dist/post-components/p-38404768.entry.js +0 -1
- package/dist/post-components/p-388ac19f.entry.js +0 -1
- package/dist/post-components/p-5088354d.entry.js +0 -1
- package/dist/post-components/p-53c3195b.entry.js +0 -1
- package/dist/post-components/p-6e79a981.entry.js +0 -1
- package/dist/post-components/p-700c3e20.entry.js +0 -1
- package/dist/post-components/p-7fc1291f.entry.js +0 -1
- package/dist/post-components/p-84905b89.entry.js +0 -1
- package/dist/post-components/p-9127ee5c.entry.js +0 -1
- package/dist/post-components/p-91fbf90f.entry.js +0 -1
- package/dist/post-components/p-9e6b8aae.entry.js +0 -1
- package/dist/post-components/p-CApN7QUn.js +0 -1
- package/dist/post-components/p-CCMeku7U.js +0 -1
- package/dist/post-components/p-CEmnRoA6.js +0 -1
- package/dist/post-components/p-Cj-Lzb7i.js +0 -2
- package/dist/post-components/p-DI-h_mEL.js +0 -1
- package/dist/post-components/p-DppMBmK1.js +0 -1
- package/dist/post-components/p-Rr097A6n.js +0 -1
- package/dist/post-components/p-b7c02b48.entry.js +0 -1
- package/dist/post-components/p-bb2dc205.entry.js +0 -1
- package/dist/post-components/p-dd2d35fd.entry.js +0 -1
- package/dist/post-components/p-dde0c46e.entry.js +0 -1
- package/dist/post-components/p-e4978408.entry.js +0 -1
- package/dist/post-components/p-eb4eabe2.entry.js +0 -1
- package/dist/post-components/p-ece3d263.entry.js +0 -1
- package/dist/types/utils/environment.d.ts +0 -26
- package/dist/types/utils/tests/environment/hydrate-app-helper.d.ts +0 -5
- package/dist/types/utils/tests/environment/post-env-test.d.ts +0 -3
package/hydrate/index.js
CHANGED
|
@@ -136,7 +136,7 @@ var node_crypto = require('node:crypto');
|
|
|
136
136
|
const NAMESPACE = 'post-components';
|
|
137
137
|
const BUILD = /* post-components */ { hotModuleReplacement: false, hydratedSelectorName: "data-hydrated", slotRelocation: true, state: true, updatable: true};
|
|
138
138
|
|
|
139
|
-
const globalStyles = ":where(post-accordion,post-accordion-item,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-number-input,post-pagination,post-popover,post-popover-trigger,post-popovercontainer,post-rating,post-stepper,post-stepper-item,post-tab-item,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not(:defined):not(.hydrated,[data-hydrated]){visibility:hidden}@media (scripting: none){:where(post-accordion,post-accordion-item,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-logo,post-mainnavigation,post-megadropdown,post-megadropdown-trigger,post-menu,post-menu-item,post-menu-trigger,post-number-input,post-pagination,post-popover,post-popover-trigger,post-popovercontainer,post-rating,post-stepper,post-stepper-item,post-tab-item,post-tab-panel,post-tabs,post-togglebutton,post-tooltip,post-tooltip-trigger):not(:defined):not(.hydrated,[data-hydrated]){visibility:visible}}post-accordion:not([multiple]):not(:has([collapsed]))>post-accordion-item~post-accordion-item{--post-collapsible-initial-height:0;--post-collapsible-initial-overflow:hidden;--post-accordion-icon-initial-transform:rotate(-180deg)}post-number-input input
|
|
139
|
+
const globalStyles = ":where(post-accordion,post-accordion-item,post-autocomplete,post-avatar,post-back-to-top,post-banner,post-breadcrumb-item,post-breadcrumbs,post-closebutton,post-collapsible,post-collapsible-trigger,post-date-picker,post-footer,post-header,post-icon,post-language-menu,post-language-menu-item,post-linkarea,post-listbox,post-listbox-option,post-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-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}";
|
|
140
140
|
|
|
141
141
|
/*
|
|
142
142
|
Stencil Hydrate Platform v4.41.1 | MIT Licensed | https://stenciljs.com
|
|
@@ -5096,7 +5096,7 @@ var setScopedSSR = (opts) => {
|
|
|
5096
5096
|
var needsScopedSSR = () => scopedSSR;
|
|
5097
5097
|
var scopedSSR = false;
|
|
5098
5098
|
|
|
5099
|
-
const version$1 = "10.0.0-next.
|
|
5099
|
+
const version$1 = "10.0.0-next.67";
|
|
5100
5100
|
|
|
5101
5101
|
const HEADING_LEVELS = [1, 2, 3, 4, 5, 6];
|
|
5102
5102
|
|
|
@@ -5124,7 +5124,7 @@ const ANIMATION_KEYS = [
|
|
|
5124
5124
|
'throb',
|
|
5125
5125
|
];
|
|
5126
5126
|
|
|
5127
|
-
const EMPTY_VALUES = [undefined, null, '', NaN];
|
|
5127
|
+
const EMPTY_VALUES = [undefined, null, '', Number.NaN];
|
|
5128
5128
|
|
|
5129
5129
|
function isValueEmpty(value) {
|
|
5130
5130
|
return EMPTY_VALUES.some(v => Object.is(v, value));
|
|
@@ -5203,7 +5203,7 @@ function checkDate(component, prop) {
|
|
|
5203
5203
|
return;
|
|
5204
5204
|
}
|
|
5205
5205
|
const date = new Date(value);
|
|
5206
|
-
if (isNaN(date.getTime())) {
|
|
5206
|
+
if (Number.isNaN(date.getTime())) {
|
|
5207
5207
|
console.error(message);
|
|
5208
5208
|
}
|
|
5209
5209
|
}
|
|
@@ -5222,7 +5222,7 @@ function isIsoDate(value) {
|
|
|
5222
5222
|
if (!ISO_REGEX.test(value))
|
|
5223
5223
|
return false;
|
|
5224
5224
|
const date = new Date(value); // strict UTC parsing
|
|
5225
|
-
if (isNaN(date.getTime()))
|
|
5225
|
+
if (Number.isNaN(date.getTime()))
|
|
5226
5226
|
return false;
|
|
5227
5227
|
// Roundtrip comparison to catch auto-corrected dates
|
|
5228
5228
|
// Use UTC getters to match the UTC parsing above - no timezone shift
|
|
@@ -5251,54 +5251,6 @@ const checkRequiredAndPattern = requiredAnd(checkPattern);
|
|
|
5251
5251
|
const checkRequiredAndType = requiredAnd(checkType);
|
|
5252
5252
|
const checkRequiredAndUrl = requiredAnd(checkUrl);
|
|
5253
5253
|
|
|
5254
|
-
/**
|
|
5255
|
-
* Environment detection helper
|
|
5256
|
-
*
|
|
5257
|
-
* Goal: Distinguish between real browser execution and Stencil's server-side
|
|
5258
|
-
* hydration context. During SSR/hydration Stencil provides a mocked `window`
|
|
5259
|
-
* (Domino / JSDOM–like) so naive checks (e.g. `typeof window !== 'undefined'`)
|
|
5260
|
-
* incorrectly classify the environment as a browser.
|
|
5261
|
-
*
|
|
5262
|
-
* Detection strategy:
|
|
5263
|
-
* - Stencils hydrate context uses a hardcoded user agent string ('MockNavigator')
|
|
5264
|
-
* and origin ('http://mockdoc.stenciljs.com') for its mocked `window` object.
|
|
5265
|
-
* We can use this to identify the hydrate context.
|
|
5266
|
-
* - Stencils unit test context also uses the same hardcoded user agent string,
|
|
5267
|
-
* but a differnet value for the origin.
|
|
5268
|
-
* That's why comparing the origin is aboslutely mandatory.
|
|
5269
|
-
* - Since we test the hydrate app in the test context, the origin is getting
|
|
5270
|
-
* overwritten by the test setup, leading to a false positive in the
|
|
5271
|
-
* `isHydrateApp` detection.
|
|
5272
|
-
* To circumvent this, we use a global flag (`isHydrateAppTestEnv`),
|
|
5273
|
-
* that we set/reset during the server test, so we can correctly identify
|
|
5274
|
-
* the hydrate app in the test context.
|
|
5275
|
-
* As a drawback, we can't properly test if the hydrate app is detected as
|
|
5276
|
-
* expected, in a real world scenario (elsewhere than in our tests).
|
|
5277
|
-
*/
|
|
5278
|
-
const MOCKED_USERAGENT = 'MockNavigator';
|
|
5279
|
-
const MOCKED_ORIGIN = 'http://mockdoc.stenciljs.com';
|
|
5280
|
-
const isNodeEnv = typeof global !== 'undefined';
|
|
5281
|
-
const hasWindow$1 = typeof window !== 'undefined';
|
|
5282
|
-
const isMockedUserAgent = hasWindow$1 && window.navigator.userAgent === MOCKED_USERAGENT;
|
|
5283
|
-
const isMockedOrigin = hasWindow$1 && window.location.origin === MOCKED_ORIGIN;
|
|
5284
|
-
/**
|
|
5285
|
-
* This is the natural hydrate app environment
|
|
5286
|
-
* Is `true` if the hydrate app runs on server
|
|
5287
|
-
*/
|
|
5288
|
-
const isHydrateAppEnv = isNodeEnv && isMockedUserAgent && isMockedOrigin;
|
|
5289
|
-
/**
|
|
5290
|
-
* This is the test app server test env
|
|
5291
|
-
* Is `true` if the server unit test runs (`false` if the browser unit test runs)
|
|
5292
|
-
*/
|
|
5293
|
-
const isTestAppServerTestEnv = isNodeEnv && isMockedUserAgent && global.IS_HYDRATEAPP_SERVERTEST;
|
|
5294
|
-
/**
|
|
5295
|
-
* This is the final hydrate app flag
|
|
5296
|
-
* if it`s `true`, IS_BROWSER equals `false` and IS_SERVER equals `true
|
|
5297
|
-
*/
|
|
5298
|
-
const isHydrateApp = isHydrateAppEnv || isTestAppServerTestEnv;
|
|
5299
|
-
const IS_BROWSER = hasWindow$1 && !isHydrateApp;
|
|
5300
|
-
const IS_SERVER = !IS_BROWSER;
|
|
5301
|
-
|
|
5302
5254
|
/* eslint-disable no-undefined,no-param-reassign,no-shadow */
|
|
5303
5255
|
|
|
5304
5256
|
/**
|
|
@@ -5468,6 +5420,7 @@ class Breakpoint {
|
|
|
5468
5420
|
{ key: 'sm', device: 'tablet', minWidth: 600 },
|
|
5469
5421
|
{ key: 'xs', device: 'mobile', minWidth: 0 },
|
|
5470
5422
|
];
|
|
5423
|
+
this.resizeObserver = new ResizeObserver(() => this.updateCurrentBreakpoint());
|
|
5471
5424
|
this.updateCurrentBreakpoint = throttle(50, (options = { emitEvents: true }) => {
|
|
5472
5425
|
const previousBreakpoint = this.currentBreakpoint;
|
|
5473
5426
|
const newBreakpoint = this.breakpoints.find(breakpoint => {
|
|
@@ -5482,15 +5435,10 @@ class Breakpoint {
|
|
|
5482
5435
|
.filter(key => !previousBreakpoint || this.currentBreakpoint[key] !== previousBreakpoint[key])
|
|
5483
5436
|
.forEach((key) => this.dispatchEvent(key));
|
|
5484
5437
|
});
|
|
5485
|
-
|
|
5486
|
-
return;
|
|
5487
|
-
this.updateCurrentBreakpoint({ emitEvents: false });
|
|
5488
|
-
window.addEventListener('resize', () => this.updateCurrentBreakpoint(), { passive: true });
|
|
5438
|
+
return;
|
|
5489
5439
|
}
|
|
5490
5440
|
dispatchEvent(property) {
|
|
5491
|
-
|
|
5492
|
-
return;
|
|
5493
|
-
window.dispatchEvent(new CustomEvent(`postBreakpoint:${property}`, { detail: this.currentBreakpoint[property] }));
|
|
5441
|
+
return;
|
|
5494
5442
|
}
|
|
5495
5443
|
get(property) {
|
|
5496
5444
|
this.updateCurrentBreakpoint({ emitEvents: false });
|
|
@@ -5653,7 +5601,7 @@ function findClosestParentWithTag(element, tagName) {
|
|
|
5653
5601
|
* So use it for example in the componentDidLoad lifecycle hook.
|
|
5654
5602
|
*/
|
|
5655
5603
|
function getRoot(element) {
|
|
5656
|
-
const root =
|
|
5604
|
+
const root = element;
|
|
5657
5605
|
if (root instanceof Document || root instanceof ShadowRoot) {
|
|
5658
5606
|
return root;
|
|
5659
5607
|
}
|
|
@@ -5698,7 +5646,7 @@ function getDeepFocusableChildren(el, filter, visited = new Set()) {
|
|
|
5698
5646
|
// SLOT
|
|
5699
5647
|
if (el instanceof HTMLSlotElement) {
|
|
5700
5648
|
const assigned = el.assignedElements({ flatten: true });
|
|
5701
|
-
nodes = assigned.length ? assigned : Array.from(el.children);
|
|
5649
|
+
nodes = assigned.length > 0 ? assigned : Array.from(el.children);
|
|
5702
5650
|
}
|
|
5703
5651
|
// SHADOW ROOT
|
|
5704
5652
|
else if (el instanceof HTMLElement && el.shadowRoot) {
|
|
@@ -5731,8 +5679,8 @@ function isFocusBlockedByCSS(el) {
|
|
|
5731
5679
|
if (typeof el.checkVisibility === 'function') {
|
|
5732
5680
|
return !el.checkVisibility({ visibilityProperty: true });
|
|
5733
5681
|
}
|
|
5734
|
-
const style =
|
|
5735
|
-
if (style.display === 'none' || style.visibility !== 'visible') {
|
|
5682
|
+
const style = el.ownerDocument?.defaultView?.getComputedStyle(el);
|
|
5683
|
+
if (!style || style.display === 'none' || style.visibility !== 'visible') {
|
|
5736
5684
|
return true;
|
|
5737
5685
|
}
|
|
5738
5686
|
if (el.parentElement) {
|
|
@@ -5756,21 +5704,17 @@ function getSlottedElement(host, selector) {
|
|
|
5756
5704
|
return null;
|
|
5757
5705
|
}
|
|
5758
5706
|
|
|
5759
|
-
function isMotionReduced() {
|
|
5760
|
-
return IS_BROWSER ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : true;
|
|
5761
|
-
}
|
|
5762
|
-
|
|
5763
5707
|
function repeatOnLongPress(callback, options) {
|
|
5764
5708
|
const stop = repeat(callback, options);
|
|
5765
5709
|
const handler = () => {
|
|
5766
5710
|
stop();
|
|
5767
|
-
|
|
5768
|
-
|
|
5769
|
-
|
|
5711
|
+
globalThis.removeEventListener('pointerup', handler);
|
|
5712
|
+
globalThis.removeEventListener('pointercancel', handler);
|
|
5713
|
+
globalThis.removeEventListener('pointerleave', handler);
|
|
5770
5714
|
};
|
|
5771
|
-
|
|
5772
|
-
|
|
5773
|
-
|
|
5715
|
+
globalThis.addEventListener('pointerup', handler);
|
|
5716
|
+
globalThis.addEventListener('pointercancel', handler);
|
|
5717
|
+
globalThis.addEventListener('pointerleave', handler);
|
|
5774
5718
|
}
|
|
5775
5719
|
function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
|
|
5776
5720
|
callback(); // immediate action
|
|
@@ -5787,7 +5731,7 @@ function repeat(callback, { delayMs = 300, intervalMs = 100 } = {}) {
|
|
|
5787
5731
|
|
|
5788
5732
|
const postAccordionCss = () => `:host{display:block;border-block-start:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}`;
|
|
5789
5733
|
|
|
5790
|
-
var __decorate$
|
|
5734
|
+
var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
5791
5735
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
5792
5736
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
5793
5737
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -5858,7 +5802,7 @@ class PostAccordion {
|
|
|
5858
5802
|
if (this.multiple) {
|
|
5859
5803
|
await Promise.all(this.accordionItems.map(item => item.toggle(true)));
|
|
5860
5804
|
}
|
|
5861
|
-
else if (
|
|
5805
|
+
else if (this.expandedItems.size === 0) {
|
|
5862
5806
|
await this.accordionItems[0].toggle(true);
|
|
5863
5807
|
}
|
|
5864
5808
|
}
|
|
@@ -5883,7 +5827,7 @@ class PostAccordion {
|
|
|
5883
5827
|
});
|
|
5884
5828
|
}
|
|
5885
5829
|
render() {
|
|
5886
|
-
return (hAsync(Host, { key: '
|
|
5830
|
+
return (hAsync(Host, { key: 'fa37ee5b4611a84d273229955bcf624e53120022', "data-version": version$1 }, hAsync("div", { key: '0884dc3582eb768c6dd4959168d7e9a9b4195c3c', class: "accordion" }, hAsync("slot", { key: 'f6d81d89aca513094ac5c1d531ed9d63f7b93730', onSlotchange: () => this.registerAccordionItems() }))));
|
|
5887
5831
|
}
|
|
5888
5832
|
get host() { return getElement(this); }
|
|
5889
5833
|
static get watchers() { return {
|
|
@@ -5907,7 +5851,7 @@ class PostAccordion {
|
|
|
5907
5851
|
"$attrsToReflect$": [["headingLevel", "heading-level"], ["multiple", "multiple"]]
|
|
5908
5852
|
}; }
|
|
5909
5853
|
}
|
|
5910
|
-
__decorate$
|
|
5854
|
+
__decorate$8([
|
|
5911
5855
|
EventFrom('post-accordion-item')
|
|
5912
5856
|
], PostAccordion.prototype, "collapseToggleHandler", null);
|
|
5913
5857
|
|
|
@@ -5938,7 +5882,7 @@ function nanoid(size = 21) {
|
|
|
5938
5882
|
|
|
5939
5883
|
const postAccordionItemCss = () => `:host{display:block;border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke)}:host:has(.accordion-button:hover){border-block-end-color:var(--post-scheme-color-interactive-primary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host:has(.accordion-button:hover){border-block-end-color:Highlight}}:host([collapsed]) .accordion-button post-icon{transform:rotate(-180deg)}.accordion-header{color:var(--post-scheme-color-interactive-primary-enabled-fg1);font-size:var(--post-device-font-size-5);margin:0;line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black)}.accordion-button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;display:flex;position:relative;width:100%;align-items:center;text-align:start;gap:var(--post-device-spacing-gap-7);padding-block:var(--post-device-spacing-padding-19);padding-inline:var(--post-device-spacing-padding-5);border-block-end:var(--post-device-border-width-default) var(--post-core-border-style-solid) rgba(0,0,0,0);cursor:pointer;outline:none !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button{background-color:ButtonFace !important}.accordion-button:hover{background-color:Highlight !important}}.accordion-button::before{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;display:block;content:"";position:absolute;inset:calc(var(--post-device-border-width-default)*-1) 0 calc(var(--post-device-border-width-default)*-1);border-radius:var(--post-device-border-radius-focus)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-color:Highlight !important}}}.accordion-button slot::slotted(span[slot=header]){flex-grow:1}.accordion-button post-icon{flex:none;width:var(--post-core-dimension-24);aspect-ratio:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transform:var(--post-accordion-icon-initial-transform, none)}.accordion-button.collapsed{padding-block-start:var(--post-device-spacing-padding-19);padding-block-end:var(--post-device-spacing-padding-19)}.accordion-button.collapsed post-icon{transform:rotate(-180deg)}.accordion-button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}.accordion-button>::slotted(.text-truncate){display:block}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.accordion-button:hover,.accordion-button:focus-visible{color:Highlight}}post-collapsible{margin-block-end:calc(var(--post-device-border-width-default)*-1)}.accordion-body{padding-block-start:var(--post-device-spacing-padding-15);padding-block-end:var(--post-device-spacing-padding-block-25);padding-inline:var(--post-device-spacing-padding-5)}.logo-container{display:none;width:var(--post-device-sizing-logo-1);aspect-ratio:1}.logo-container.has-image{display:block}.logo-container slot::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.accordion-button>::slotted(:first-child),.accordion-body>::slotted(:first-child){margin-block-start:0 !important}.accordion-button>::slotted(:last-child),.accordion-body>::slotted(:last-child){margin-block-end:0 !important}`;
|
|
5940
5884
|
|
|
5941
|
-
var __decorate$
|
|
5885
|
+
var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
5942
5886
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
5943
5887
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
5944
5888
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -6018,10 +5962,199 @@ class PostAccordionItem {
|
|
|
6018
5962
|
"$attrsToReflect$": [["collapsed", "collapsed"]]
|
|
6019
5963
|
}; }
|
|
6020
5964
|
}
|
|
6021
|
-
__decorate$
|
|
5965
|
+
__decorate$7([
|
|
6022
5966
|
EventFrom('post-accordion-item')
|
|
6023
5967
|
], PostAccordionItem.prototype, "onCollapseToggle", null);
|
|
6024
5968
|
|
|
5969
|
+
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}`;
|
|
5970
|
+
|
|
5971
|
+
/**
|
|
5972
|
+
* @slot default - Slot for placing post-autocomplete-item components.
|
|
5973
|
+
*/
|
|
5974
|
+
class PostAutocomplete {
|
|
5975
|
+
constructor(hostRef) {
|
|
5976
|
+
registerInstance(this, hostRef);
|
|
5977
|
+
this.postFilteringEvent = createEvent(this, "postFilteringEvent");
|
|
5978
|
+
this.debouncedHandleInput = debounce((event) => this.handleInput(event), 250);
|
|
5979
|
+
/** Number of characters to type before filtering methods are called */
|
|
5980
|
+
this.filterThreshold = 0;
|
|
5981
|
+
/** Show or hide the clear button */
|
|
5982
|
+
this.clearable = false;
|
|
5983
|
+
this.inputValue = '';
|
|
5984
|
+
this.handleOnBlur = () => {
|
|
5985
|
+
this.inputElement.value = this.inputValue;
|
|
5986
|
+
this.listBoxElement.filter('');
|
|
5987
|
+
this.hideListBox();
|
|
5988
|
+
};
|
|
5989
|
+
this.handleInput = (event) => {
|
|
5990
|
+
if (!this.listBoxElement)
|
|
5991
|
+
return;
|
|
5992
|
+
const value = event.target.value.trim();
|
|
5993
|
+
const query = value.length >= this.filterThreshold ? value : '';
|
|
5994
|
+
// Allow for consuming parent to handle filtering (e.g. for async data) and prevent default filtering behavior
|
|
5995
|
+
const { defaultPrevented } = this.postFilteringEvent.emit(query && query.length >= this.filterThreshold ? query : '');
|
|
5996
|
+
if (defaultPrevented)
|
|
5997
|
+
return;
|
|
5998
|
+
this.listBoxElement.filter(query);
|
|
5999
|
+
if (query) {
|
|
6000
|
+
this.showListBox();
|
|
6001
|
+
}
|
|
6002
|
+
else {
|
|
6003
|
+
this.inputValue = '';
|
|
6004
|
+
}
|
|
6005
|
+
};
|
|
6006
|
+
this.handleKeyDown = (event) => {
|
|
6007
|
+
const { key, altKey } = event;
|
|
6008
|
+
switch (key) {
|
|
6009
|
+
case 'ArrowDown':
|
|
6010
|
+
event.preventDefault();
|
|
6011
|
+
this.showListBox();
|
|
6012
|
+
if (!altKey) {
|
|
6013
|
+
this.listBoxElement.navigate('down');
|
|
6014
|
+
}
|
|
6015
|
+
break;
|
|
6016
|
+
case 'ArrowUp':
|
|
6017
|
+
event.preventDefault();
|
|
6018
|
+
this.listBoxElement.navigate('up');
|
|
6019
|
+
break;
|
|
6020
|
+
case 'Enter':
|
|
6021
|
+
if (this.listBoxElement.hidden)
|
|
6022
|
+
return;
|
|
6023
|
+
event.preventDefault();
|
|
6024
|
+
this.listBoxElement.selectActive();
|
|
6025
|
+
this.hideListBox();
|
|
6026
|
+
break;
|
|
6027
|
+
case 'Escape':
|
|
6028
|
+
this.hideListBox();
|
|
6029
|
+
break;
|
|
6030
|
+
case 'Tab':
|
|
6031
|
+
this.listBoxElement.selectActive();
|
|
6032
|
+
this.hideListBox();
|
|
6033
|
+
break;
|
|
6034
|
+
case 'Home':
|
|
6035
|
+
event.preventDefault();
|
|
6036
|
+
this.listBoxElement.navigate('first');
|
|
6037
|
+
break;
|
|
6038
|
+
case 'End':
|
|
6039
|
+
event.preventDefault();
|
|
6040
|
+
this.listBoxElement.navigate('last');
|
|
6041
|
+
break;
|
|
6042
|
+
}
|
|
6043
|
+
};
|
|
6044
|
+
this.handleOptionSelected = (e) => {
|
|
6045
|
+
const value = e.detail;
|
|
6046
|
+
this.inputElement.value = value;
|
|
6047
|
+
this.inputValue = value;
|
|
6048
|
+
this.hideListBox();
|
|
6049
|
+
};
|
|
6050
|
+
this.handleOptionActive = (e) => {
|
|
6051
|
+
const value = e.detail;
|
|
6052
|
+
if (value) {
|
|
6053
|
+
this.inputElement.setAttribute('aria-activedescendant', value);
|
|
6054
|
+
}
|
|
6055
|
+
else {
|
|
6056
|
+
this.inputElement.removeAttribute('aria-activedescendant');
|
|
6057
|
+
}
|
|
6058
|
+
};
|
|
6059
|
+
this.hideListBox = () => {
|
|
6060
|
+
this.listBoxElement.hide();
|
|
6061
|
+
this.inputElement.ariaExpanded = 'false';
|
|
6062
|
+
this.host.removeAttribute('open');
|
|
6063
|
+
this.inputElement.removeAttribute('aria-activedescendant');
|
|
6064
|
+
};
|
|
6065
|
+
this.showListBox = () => {
|
|
6066
|
+
this.listBoxElement.show();
|
|
6067
|
+
this.inputElement.ariaExpanded = 'true';
|
|
6068
|
+
this.host.setAttribute('open', '');
|
|
6069
|
+
};
|
|
6070
|
+
this.clearInput = () => {
|
|
6071
|
+
if (this.inputElement) {
|
|
6072
|
+
this.inputElement.value = '';
|
|
6073
|
+
this.inputValue = '';
|
|
6074
|
+
this.listBoxElement.clearSelection();
|
|
6075
|
+
this.hideListBox();
|
|
6076
|
+
}
|
|
6077
|
+
};
|
|
6078
|
+
}
|
|
6079
|
+
get inputElement() {
|
|
6080
|
+
return this.host.querySelector('input');
|
|
6081
|
+
}
|
|
6082
|
+
get listBoxElement() {
|
|
6083
|
+
if (this.listbox) {
|
|
6084
|
+
return document.getElementById(this.listbox);
|
|
6085
|
+
}
|
|
6086
|
+
else {
|
|
6087
|
+
return this.host.querySelector('post-listbox');
|
|
6088
|
+
}
|
|
6089
|
+
}
|
|
6090
|
+
componentWillLoad() {
|
|
6091
|
+
if (!this.inputElement)
|
|
6092
|
+
return;
|
|
6093
|
+
this.inputElement.role = 'combobox';
|
|
6094
|
+
this.inputElement.ariaAutoComplete = 'list';
|
|
6095
|
+
if (!this.listBoxElement)
|
|
6096
|
+
return;
|
|
6097
|
+
if (!this.listBoxElement.id)
|
|
6098
|
+
this.listBoxElement.id = crypto.randomUUID();
|
|
6099
|
+
this.inputElement.setAttribute('aria-controls', this.listBoxElement.id);
|
|
6100
|
+
this.inputElement.setAttribute('aria-expanded', 'false');
|
|
6101
|
+
// Because we're handling that and the browser would show a duplicate native autocomplete dropdown
|
|
6102
|
+
this.inputElement.autocomplete = 'off';
|
|
6103
|
+
this.attachInputListeners();
|
|
6104
|
+
this.attachListboxListeners();
|
|
6105
|
+
}
|
|
6106
|
+
disconnectedCallback() {
|
|
6107
|
+
this.detachInputListeners();
|
|
6108
|
+
this.detachListboxListeners();
|
|
6109
|
+
}
|
|
6110
|
+
attachInputListeners() {
|
|
6111
|
+
if (this.inputElement) {
|
|
6112
|
+
this.inputElement.addEventListener('input', this.debouncedHandleInput);
|
|
6113
|
+
this.inputElement.addEventListener('keydown', this.handleKeyDown);
|
|
6114
|
+
this.inputElement.addEventListener('blur', this.handleOnBlur);
|
|
6115
|
+
this.inputElement.addEventListener('click', this.showListBox);
|
|
6116
|
+
}
|
|
6117
|
+
}
|
|
6118
|
+
detachInputListeners() {
|
|
6119
|
+
if (this.inputElement) {
|
|
6120
|
+
this.inputElement.removeEventListener('input', this.debouncedHandleInput);
|
|
6121
|
+
this.inputElement.removeEventListener('keydown', this.handleKeyDown);
|
|
6122
|
+
this.inputElement.removeEventListener('blur', this.handleOnBlur);
|
|
6123
|
+
this.inputElement.removeEventListener('click', this.showListBox);
|
|
6124
|
+
}
|
|
6125
|
+
}
|
|
6126
|
+
attachListboxListeners() {
|
|
6127
|
+
if (this.listBoxElement) {
|
|
6128
|
+
this.listBoxElement.addEventListener('postOptionSelected', this.handleOptionSelected);
|
|
6129
|
+
this.listBoxElement.addEventListener('postOptionActive', this.handleOptionActive);
|
|
6130
|
+
}
|
|
6131
|
+
}
|
|
6132
|
+
detachListboxListeners() {
|
|
6133
|
+
if (this.listBoxElement) {
|
|
6134
|
+
this.listBoxElement.removeEventListener('postOptionSelected', this.handleOptionSelected);
|
|
6135
|
+
this.listBoxElement.removeEventListener('postOptionActive', this.handleOptionActive);
|
|
6136
|
+
}
|
|
6137
|
+
}
|
|
6138
|
+
render() {
|
|
6139
|
+
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" })));
|
|
6140
|
+
}
|
|
6141
|
+
get host() { return getElement(this); }
|
|
6142
|
+
static get style() { return postAutocompleteCss(); }
|
|
6143
|
+
static get cmpMeta() { return {
|
|
6144
|
+
"$flags$": 265,
|
|
6145
|
+
"$tagName$": "post-autocomplete",
|
|
6146
|
+
"$members$": {
|
|
6147
|
+
"filterThreshold": [514, "filter-threshold"],
|
|
6148
|
+
"clearable": [516],
|
|
6149
|
+
"listbox": [513],
|
|
6150
|
+
"inputValue": [32]
|
|
6151
|
+
},
|
|
6152
|
+
"$listeners$": undefined,
|
|
6153
|
+
"$lazyBundleId$": "-",
|
|
6154
|
+
"$attrsToReflect$": [["filterThreshold", "filter-threshold"], ["clearable", "clearable"], ["listbox", "listbox"]]
|
|
6155
|
+
}; }
|
|
6156
|
+
}
|
|
6157
|
+
|
|
6025
6158
|
// https://docs.gravatar.com/api/avatars/images/
|
|
6026
6159
|
const GRAVATAR_DEFAULT = '404';
|
|
6027
6160
|
const GRAVATAR_RATING = 'g';
|
|
@@ -6180,13 +6313,13 @@ class PostAvatar {
|
|
|
6180
6313
|
this.validateEmail();
|
|
6181
6314
|
}
|
|
6182
6315
|
render() {
|
|
6183
|
-
const names = [this.firstname, this.lastname].filter(
|
|
6316
|
+
const names = [this.firstname, this.lastname].filter(Boolean).map(n => n.trim());
|
|
6184
6317
|
const initials = names
|
|
6185
6318
|
.map(n => n.charAt(0))
|
|
6186
6319
|
.join('')
|
|
6187
6320
|
.trim();
|
|
6188
6321
|
const fullname = names.join(' ');
|
|
6189
|
-
return (hAsync(Host, { key: '
|
|
6322
|
+
return (hAsync(Host, { key: '56547a49f35e2d9ebafa54c2736b2ab60761c07b', "data-version": version$1 }, hAsync("span", { key: '864c5ab36c64bb440580ed307ce2f3dcefe2839d', class: this.avatarType === 'slotted' ? '' : 'd-none' }, hAsync("slot", { key: 'cb06a958dc710675a97d197bffcee6ab742ad391', onSlotchange: this.slotChanged.bind(this) })), this.avatarType === 'image' && hAsync("img", { key: 'abb6262b43b5fc5e2a7e4147c2375c6c623b5bf5', src: this.imageUrl, alt: this.imageAlt }), this.avatarType === 'initials' && (hAsync("span", { key: '8bead70c99c12f3bbaab414e9431c3459553d36e', class: "initials" }, initials, hAsync("span", { key: '45db185da4d9d82b1f08650f4dc40cd759e18c00' }, this.description ?? fullname)))));
|
|
6190
6323
|
}
|
|
6191
6324
|
get host() { return getElement(this); }
|
|
6192
6325
|
static get watchers() { return {
|
|
@@ -6327,7 +6460,7 @@ class PostBackToTop {
|
|
|
6327
6460
|
}
|
|
6328
6461
|
animateButton() {
|
|
6329
6462
|
// Get the back-to-top button top postiion
|
|
6330
|
-
const positionTop =
|
|
6463
|
+
const positionTop = globalThis.getComputedStyle(this.host).getPropertyValue('top');
|
|
6331
6464
|
const buttonElement = this.host.shadowRoot.querySelector('button');
|
|
6332
6465
|
// Extract the elevation height from the back-to-top button elevation token
|
|
6333
6466
|
const elevation = getComputedStyle(buttonElement).getPropertyValue('--post-back-to-top-elevation');
|
|
@@ -6338,8 +6471,8 @@ class PostBackToTop {
|
|
|
6338
6471
|
// The translateY is calculated as => -100% (btt button height) - topPosition - elevationHeight
|
|
6339
6472
|
this.translateY =
|
|
6340
6473
|
(-1 * 100) / 100 -
|
|
6341
|
-
parseFloat(positionTop.replace('px', '')) -
|
|
6342
|
-
parseFloat(elevationHeight.replace('px', ''));
|
|
6474
|
+
Number.parseFloat(positionTop.replace('px', '')) -
|
|
6475
|
+
Number.parseFloat(elevationHeight.replace('px', ''));
|
|
6343
6476
|
if (this.belowFold) {
|
|
6344
6477
|
fadeSlide(this.host, 'in', { translate: this.translateY, fill: 'forwards' });
|
|
6345
6478
|
}
|
|
@@ -6360,7 +6493,7 @@ class PostBackToTop {
|
|
|
6360
6493
|
window.removeEventListener('scroll', this.handleScroll);
|
|
6361
6494
|
}
|
|
6362
6495
|
render() {
|
|
6363
|
-
return (hAsync(Host, { key: '
|
|
6496
|
+
return (hAsync(Host, { key: '61eb934495029c80935798908bec448664008db0', "data-version": version$1 }, hAsync("button", { key: 'e7b8b9df30aa1bedef8aae8a5db800bb638c8bf7', class: "back-to-top", "aria-hidden": this.belowFold ? 'false' : 'true', tabindex: this.belowFold ? '0' : '-1', onClick: this.scrollToTop }, hAsync("post-icon", { key: '34d23e7069de235f64743cc791c98034bbf14b5f', "aria-hidden": "true", name: "arrowup" }), hAsync("span", { key: '7479cc95e9e2825455fd8a7e69085ccedc73cb35', class: "visually-hidden" }, this.textBackToTop))));
|
|
6364
6497
|
}
|
|
6365
6498
|
get host() { return getElement(this); }
|
|
6366
6499
|
static get watchers() { return {
|
|
@@ -6437,7 +6570,7 @@ const BANNER_TYPES = ['success', 'warning', 'error', 'info'];
|
|
|
6437
6570
|
|
|
6438
6571
|
const postBannerCss = () => `:host{position:relative;display:grid;grid-template-columns:1fr;grid-auto-rows:auto;grid-auto-flow:row;row-gap:var(--post-device-spacing-gap-block-1);min-height:calc(var(--post-device-sizing-notification-icon-2) + (2 * var(--post-device-spacing-padding-10)));padding:var(--post-device-spacing-padding-10);padding-inline-start:calc( var(--post-device-spacing-padding-10) + var(--post-device-sizing-notification-icon-2) + var(--post-device-spacing-gap-inline-6) );color:var(--post-current-fg);border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);border-radius:var(--post-device-border-radius-2);box-shadow:var(--post-device-elevation-100);background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke)}:host::before{content:"";display:block;position:absolute;height:var(--post-device-sizing-notification-icon-2);width:var(--post-device-sizing-notification-icon-2);inset-block-start:var(--post-device-spacing-padding-10);inset-inline-start:var(--post-device-spacing-padding-10);background-image:var(--post-signal-icon-info)}:host([type=info]){background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke)}:host([type=info])::before{background-image:var(--post-signal-icon-info)}:host([type=success]){background-color:var(--post-scheme-color-interactive-notification-success-bg);border-color:var(--post-scheme-color-interactive-notification-success-stroke)}:host([type=success])::before{background-image:var(--post-signal-icon-success)}:host([type=warning]){background-color:var(--post-scheme-color-interactive-notification-warning-bg);border-color:var(--post-scheme-color-interactive-notification-warning-stroke)}:host([type=warning])::before{background-image:var(--post-signal-icon-warning)}:host([type=error]){background-color:var(--post-scheme-color-interactive-notification-error-bg);border-color:var(--post-scheme-color-interactive-notification-error-stroke)}:host([type=error])::before{background-image:var(--post-signal-icon-error)}.actions{display:flex;flex-direction:row-reverse;justify-content:flex-start;align-items:center;margin-block-start:var(--post-device-spacing-padding-block-10);gap:var(--post-device-spacing-gap-1)}@media screen and (min-width: 0)and (max-width: 599.98px){.actions{flex-direction:column;align-items:stretch}}::slotted(*){margin-block:0 !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host{border-color:CanvasText}:host::before{color:CanvasText}}`;
|
|
6439
6572
|
|
|
6440
|
-
var __decorate$
|
|
6573
|
+
var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6441
6574
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6442
6575
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
6443
6576
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -6493,7 +6626,7 @@ class PostBanner {
|
|
|
6493
6626
|
this.hasActions = this.host.querySelectorAll('[slot="actions"]').length > 0;
|
|
6494
6627
|
}
|
|
6495
6628
|
render() {
|
|
6496
|
-
return (hAsync(Host, { key: '
|
|
6629
|
+
return (hAsync(Host, { key: 'aba639e5ce3ebc0498437f4011ff4b39e41489ee', "data-version": version$1, role: "alert", "data-color-scheme": "light" }, hAsync("slot", { key: 'cd81197f4a8aecbec482bbc174783ad1d00fd5eb', name: "close-button" }), hAsync("slot", { key: 'be9fd011e9d17207e1cb56dea3dcfd4481a4c31c', name: "heading" }), hAsync("slot", { key: 'a06e94c05e4cfe4bbb1bdccf29fdc75ed67828ca' }), this.hasActions && (hAsync("div", { key: '3ce94c84ea3eeda53694809432059b05b53c7cde', class: "actions" }, hAsync("slot", { key: 'a33798352de63a23cfa77bbd9be58a8cc5585121', name: "actions" })))));
|
|
6497
6630
|
}
|
|
6498
6631
|
get host() { return getElement(this); }
|
|
6499
6632
|
static get watchers() { return {
|
|
@@ -6515,7 +6648,7 @@ class PostBanner {
|
|
|
6515
6648
|
"$attrsToReflect$": [["type", "type"]]
|
|
6516
6649
|
}; }
|
|
6517
6650
|
}
|
|
6518
|
-
__decorate$
|
|
6651
|
+
__decorate$6([
|
|
6519
6652
|
EventFrom('post-closebutton', { allowDescendants: true })
|
|
6520
6653
|
], PostBanner.prototype, "onCloseButtonClick", null);
|
|
6521
6654
|
|
|
@@ -6532,7 +6665,7 @@ class PostBreadcrumbItem {
|
|
|
6532
6665
|
try {
|
|
6533
6666
|
this.validUrl = this.constructUrl(this.url);
|
|
6534
6667
|
}
|
|
6535
|
-
catch
|
|
6668
|
+
catch {
|
|
6536
6669
|
this.validUrl = undefined;
|
|
6537
6670
|
}
|
|
6538
6671
|
}
|
|
@@ -6540,7 +6673,7 @@ class PostBreadcrumbItem {
|
|
|
6540
6673
|
constructUrl(value) {
|
|
6541
6674
|
const hasBaseURL = /^https?:\/\//.test(String(this.url));
|
|
6542
6675
|
if (typeof value === 'string') {
|
|
6543
|
-
this.fullUrl = hasBaseURL ? value : `${
|
|
6676
|
+
this.fullUrl = hasBaseURL ? value : `${globalThis.location.origin}${value}`;
|
|
6544
6677
|
checkEmptyOrUrl(this, 'fullUrl');
|
|
6545
6678
|
return this.fullUrl;
|
|
6546
6679
|
}
|
|
@@ -6560,7 +6693,7 @@ class PostBreadcrumbItem {
|
|
|
6560
6693
|
}
|
|
6561
6694
|
render() {
|
|
6562
6695
|
const BreadcrumbTag = this.validUrl ? 'a' : 'span';
|
|
6563
|
-
return (hAsync(Host, { key: '
|
|
6696
|
+
return (hAsync(Host, { key: 'bdcfdbdf47cc64f7a847f1187dd1e0877731bb1d', "data-version": version$1 }, hAsync("post-icon", { key: '98b8ac5b2131e7028a81fdc1b627a86086f41466', name: "chevronright", class: "breadcrumb-item-icon" }), hAsync(BreadcrumbTag, { key: 'c5ef5c8468d1561665a8701aa8b96142539fab02', class: "breadcrumb-item", ...(this.validUrl ? { href: this.validUrl } : {}), onKeyDown: event => this.handleKeyDown(event) }, hAsync("slot", { key: '8e0d4791585d80379f27424bc1547792df124501' }))));
|
|
6564
6697
|
}
|
|
6565
6698
|
get host() { return getElement(this); }
|
|
6566
6699
|
static get watchers() { return {
|
|
@@ -6637,7 +6770,7 @@ class PostBreadcrumbs {
|
|
|
6637
6770
|
text: item.textContent || '',
|
|
6638
6771
|
url: item.getAttribute('url') || '',
|
|
6639
6772
|
}));
|
|
6640
|
-
this.lastItem = this.breadcrumbItems
|
|
6773
|
+
this.lastItem = this.breadcrumbItems.at(-1);
|
|
6641
6774
|
}
|
|
6642
6775
|
// Determines parent width for concatenation logic
|
|
6643
6776
|
getParentWidth() {
|
|
@@ -6672,7 +6805,7 @@ class PostBreadcrumbs {
|
|
|
6672
6805
|
}
|
|
6673
6806
|
render() {
|
|
6674
6807
|
const visibleItems = this.breadcrumbItems.slice(0, -1);
|
|
6675
|
-
return (hAsync(Host, { key: '
|
|
6808
|
+
return (hAsync(Host, { key: '40f31406ce27c2cf9092b693000ab3d724135939', "data-version": version$1 }, hAsync("nav", { key: 'f6bdd378f1fefa788cdde2a13fe9e14b383ec016', "aria-label": this.textBreadcrumbs, class: "breadcrumbs-nav", ref: el => (this.breadcrumbsNavRef = el) }, hAsync("ol", { key: 'c230d44e75bc51e845078d1e7294028a1ae148ea', class: "no-list breadcrumbs-list" }, hAsync("li", { key: '009f42442efe00c28c3015d8f2f5006e98d8b652' }, hAsync("a", { key: '8b4768987f9d8210f0a55bf7129c6efd9b03c7cd', href: this.homeUrl, class: "breadcrumb-link" }, hAsync("span", { key: '9619bf219e357bb9c6c4541ab62f9983745abfdd', class: "visually-hidden" }, this.textHome), hAsync("post-icon", { key: '1e17cae0680a164c9e3c5884faf85f83ee414529', name: "home", class: "home-icon" }))), this.isConcatenated ? (hAsync("li", { class: "menu-trigger-wrapper" }, hAsync("post-icon", { name: "chevronright", class: "breadcrumb-item-icon" }), hAsync("div", { class: "actual-menu" }, hAsync("post-menu-trigger", { for: "breadcrumb-menu", tabIndex: 0, onKeyDown: e => {
|
|
6676
6809
|
if (e.key === 'Enter' || e.key === ' ') {
|
|
6677
6810
|
e.preventDefault();
|
|
6678
6811
|
this.handleBreadcrumbItemClick();
|
|
@@ -6683,7 +6816,7 @@ class PostBreadcrumbs {
|
|
|
6683
6816
|
linkElement?.click();
|
|
6684
6817
|
e.preventDefault();
|
|
6685
6818
|
}
|
|
6686
|
-
} }, item.url ? hAsync("a", { href: item.url }, item.text) : hAsync("span", null, item.text)))))))) : (visibleItems.map(item => (hAsync("li", null, hAsync("post-breadcrumb-item", { url: item.url, key: item.url || item.text }, item.text))))), this.lastItem && (hAsync("li", { key: '
|
|
6819
|
+
} }, 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: '34acb6f31f5e4cbbf8af56423e0826af15e835a5', "aria-current": "page" }, hAsync("post-breadcrumb-item", { key: '2d3223a06456c3751924cee8a418d99ca42b396c', url: this.lastItem.url, tabindex: -1 }, this.lastItem.text)))), hAsync("div", { key: '7aa99a887779935ff829520376abe587302c5525', class: "hidden-items" }, hAsync("a", { key: '6223e41d9ae7768dd73756ca5217a633057deda5', href: this.homeUrl, class: "hidden-breadcrumb-item" }, hAsync("span", { key: '9dd0f99c66710b43a9702a8fd04b464286e9d77a', class: "visually-hidden" }, this.textHome), hAsync("post-icon", { key: '6ae5ebd04f924d1e5b2fed83d787fedf0aa6afd1', name: "home", class: "home-icon" })), this.breadcrumbItems.map(item => (hAsync("post-breadcrumb-item", { url: item.url, key: `hidden-${item.url || item.text}`, class: "hidden-breadcrumb-item" }, item.text)))))));
|
|
6687
6820
|
}
|
|
6688
6821
|
get host() { return getElement(this); }
|
|
6689
6822
|
static get watchers() { return {
|
|
@@ -6778,7 +6911,7 @@ class PostClosebutton {
|
|
|
6778
6911
|
}
|
|
6779
6912
|
}
|
|
6780
6913
|
render() {
|
|
6781
|
-
return (hAsync(Host, { key: '
|
|
6914
|
+
return (hAsync(Host, { key: 'e2adc6a13c30c9b03947a56bbd94dc86b96f31d2', "data-version": version$1 }, hAsync("button", { key: '03bc7eacb0d9c33bc2eb2d816f74990c6eb3f47f', type: this.buttonType, class: "btn btn-icon btn-secondary btn-sm" }, hAsync("post-icon", { key: 'b284a23e0eeb00c44c878672b4d8ed5e0ee058c6', "aria-hidden": "true", name: "closex" }), hAsync("span", { key: '5aa5cbada2bac5532cc6f4e54e01ff11465e99c2', class: "visually-hidden" }, hAsync("slot", { key: 'e8dd45b5c422504f6e7115f6fe3e498c14ed201d' })))));
|
|
6782
6915
|
}
|
|
6783
6916
|
get host() { return getElement(this); }
|
|
6784
6917
|
static get watchers() { return {
|
|
@@ -6807,24 +6940,7 @@ class PostClosebutton {
|
|
|
6807
6940
|
}; }
|
|
6808
6941
|
}
|
|
6809
6942
|
|
|
6810
|
-
const collapseDuration = 350;
|
|
6811
|
-
const collapseEasing = 'ease';
|
|
6812
6943
|
const collapsedKeyframe = { height: '0', overflow: 'hidden' };
|
|
6813
|
-
const animationOptions = {
|
|
6814
|
-
duration: isMotionReduced() ? 0 : collapseDuration,
|
|
6815
|
-
easing: collapseEasing,
|
|
6816
|
-
fill: 'forwards',
|
|
6817
|
-
};
|
|
6818
|
-
function collapse(el) {
|
|
6819
|
-
const elHeight = IS_BROWSER ? window.getComputedStyle(el).height : `${el.scrollHeight}px`;
|
|
6820
|
-
const expandedKeyframe = { height: elHeight };
|
|
6821
|
-
return el.animate([expandedKeyframe, collapsedKeyframe], animationOptions);
|
|
6822
|
-
}
|
|
6823
|
-
function expand(el) {
|
|
6824
|
-
const expandedKeyframe = { height: `${el.scrollHeight}px`, offset: 1 };
|
|
6825
|
-
const finalKeyframe = { height: 'auto', overflow: 'visible' };
|
|
6826
|
-
return el.animate([collapsedKeyframe, expandedKeyframe, finalKeyframe], animationOptions);
|
|
6827
|
-
}
|
|
6828
6944
|
|
|
6829
6945
|
const postCollapsibleCss = () => `:host{display:block;position:relative;overflow:var(--post-collapsible-initial-overflow, hidden);height:var(--post-collapsible-initial-height, auto)}`;
|
|
6830
6946
|
|
|
@@ -6864,13 +6980,6 @@ class PostCollapsible {
|
|
|
6864
6980
|
// due to its implementation with the getter, which returns !this.collapsed
|
|
6865
6981
|
this.collapsed = !shouldExpand;
|
|
6866
6982
|
const isExpanded = this.isExpanded;
|
|
6867
|
-
if (IS_BROWSER) {
|
|
6868
|
-
const animation = isExpanded ? expand(this.host) : collapse(this.host);
|
|
6869
|
-
this.postToggle.emit(isExpanded);
|
|
6870
|
-
await animation.finished;
|
|
6871
|
-
animation.commitStyles();
|
|
6872
|
-
this.updateTriggers();
|
|
6873
|
-
}
|
|
6874
6983
|
return isExpanded;
|
|
6875
6984
|
}
|
|
6876
6985
|
/**
|
|
@@ -6881,7 +6990,7 @@ class PostCollapsible {
|
|
|
6881
6990
|
triggers.forEach(trigger => trigger.update());
|
|
6882
6991
|
}
|
|
6883
6992
|
render() {
|
|
6884
|
-
return (hAsync(Host, { key: '
|
|
6993
|
+
return (hAsync(Host, { key: '56849ad4460bcc4467421845a0daafab39a6e9f1', "data-version": version$1, tabindex: this.collapsed ? -1 : undefined, style: this.collapsed ? collapsedKeyframe : undefined }, hAsync("slot", { key: '064efc18544babbeb1244f549790bc961451e9f0' })));
|
|
6885
6994
|
}
|
|
6886
6995
|
get host() { return getElement(this); }
|
|
6887
6996
|
static get watchers() { return {
|
|
@@ -6903,7 +7012,7 @@ class PostCollapsible {
|
|
|
6903
7012
|
}; }
|
|
6904
7013
|
}
|
|
6905
7014
|
|
|
6906
|
-
var __decorate$
|
|
7015
|
+
var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
6907
7016
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6908
7017
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
6909
7018
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -7000,7 +7109,7 @@ class PostCollapsibleTrigger {
|
|
|
7000
7109
|
this.updateAriaAttributes();
|
|
7001
7110
|
}
|
|
7002
7111
|
render() {
|
|
7003
|
-
return (hAsync(Host, { key: '
|
|
7112
|
+
return (hAsync(Host, { key: '73b39b4e52d0b57fbab787208926910e8cb6d9d3', "data-version": version$1 }, hAsync("slot", { key: '88642cdd88a2b4fd6d02e55023675f85d0bf6020' })));
|
|
7004
7113
|
}
|
|
7005
7114
|
get host() { return getElement(this); }
|
|
7006
7115
|
static get watchers() { return {
|
|
@@ -7020,7 +7129,7 @@ class PostCollapsibleTrigger {
|
|
|
7020
7129
|
"$attrsToReflect$": [["for", "for"]]
|
|
7021
7130
|
}; }
|
|
7022
7131
|
}
|
|
7023
|
-
__decorate$
|
|
7132
|
+
__decorate$5([
|
|
7024
7133
|
EventFrom('post-collapsible')
|
|
7025
7134
|
], PostCollapsibleTrigger.prototype, "handlePostToggle", null);
|
|
7026
7135
|
|
|
@@ -10777,7 +10886,7 @@ const localesMap = {
|
|
|
10777
10886
|
it: localeIt,
|
|
10778
10887
|
};
|
|
10779
10888
|
|
|
10780
|
-
const postDatePickerCss = () => `.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255, 255, 255, 0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0, 0, 0, 0)}.air-datepicker{--adp-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92, 196, 239, .1);--adp-background-color-in-range-focused:rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover:rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0, 0, 0, .3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}.air-datepicker{--adp-cell-background-color-in-range:unset;--adp-hover-color:unset;font-family:inherit;font-size:var(--post-device-font-size-8);width:var(--post-core-dimension-296);border-radius:var(--post-device-border-radius-1);box-shadow:var(--post-device-elevation-300);font-weight:700;border:none}.air-datepicker.-inline-{box-shadow:var(--post-device-elevation-300)}.air-datepicker *{font-family:inherit}.air-datepicker .air-datepicker--navigation{border-start-start-radius:inherit;border-start-end-radius:inherit}.air-datepicker .air-datepicker--navigation .air-datepicker-nav{border-start-start-radius:inherit;border-start-end-radius:inherit;border-block-end:none;background:var(--post-core-color-sandgrey-012);padding:var(--post-device-spacing-padding-15)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title{margin-right:auto;margin-inline-start:0;justify-content:flex-start;display:flex;align-items:center;padding:0 0 0 var(--post-device-spacing-padding-15);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title.-disabled-:hover{color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title:hover{background:unset}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:var(--post-device-border-radius-1);display:flex;align-items:center;gap:var(--post-device-spacing-gap-3);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button{background-color:ButtonFace !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:hover{background-color:Highlight !important}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:hover{color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button[disabled]{color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title .placeholder{flex-grow:2;pointer-events:none}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action{height:var(--post-device-sizing-interactive-button-height-4);width:var(--post-device-sizing-interactive-button-height-4)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action[data-action=next]{margin-inline-start:var(--post-device-spacing-gap-inline-4)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action:hover{background:unset}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;height:var(--post-device-sizing-interactive-button-height-4);width:var(--post-device-sizing-interactive-button-height-4);border-radius:var(--post-device-border-radius-round)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button{background-color:ButtonFace !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:hover{background-color:Highlight !important}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:hover{color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content{padding:0 !important}.air-datepicker .air-datepicker--content .air-datepicker-body--day-names{background:var(--post-core-color-sandgrey-012);margin:0;padding-block-start:var(--post-device-spacing-padding-13);padding-block-end:var(--post-device-spacing-padding-5);padding-inline:var(--post-device-spacing-padding-15)}.air-datepicker .air-datepicker--content .air-datepicker-body--day-names .air-datepicker-body--day-name{text-transform:capitalize;font-size:inherit;color:var(--post-scheme-color-surface-brand-fg)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells{min-height:var(--post-core-dimension-182);padding:var(--post-device-spacing-padding-15);background:var(--post-scheme-color-surface-accent1-bg);row-gap:var(--post-device-spacing-gap-2);border-radius:var(--post-device-border-radius-1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--post-core-dimension-40));grid-auto-rows:var(--post-core-dimension-40)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell>*{box-sizing:border-box}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell::after{box-sizing:border-box}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-{width:var(--post-core-dimension-40);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-other-month-{pointer-events:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-){color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-):not(.-current-){background:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-):not(.-current-){background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-).-current-{color:var(--post-scheme-color-interactive-primary-hover-fg1);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-){z-index:2;color:var(--post-scheme-color-interactive-primary-selected-fg3);background:var(--post-scheme-color-interactive-primary-selected-bg4)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-):not(.-range-from-):not(.-range-to-,.-other-month-){border-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-){background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-disabled-:not(.-other-month-){user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke);width:var(--post-core-dimension-38);height:var(--post-core-dimension-38);outline:none;display:flex;align-self:center;justify-self:center}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-){border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke);z-index:2}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-).-selected-{background:var(--post-scheme-color-interactive-primary-selected-bg4);color:var(--post-scheme-color-interactive-primary-selected-fg3);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-).-selected-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);background:var(--post-scheme-color-interactive-primary-hover-bg2);color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, var(--post-core-dimension-64));grid-auto-rows:var(--post-core-dimension-40);column-gap:var(--post-device-spacing-gap-inline-8)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-{width:var(--post-core-dimension-64);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-other-decade-{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-){z-index:3}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:hover:not(.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3);background:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-selected-:not(.-selected-~.-selected-){color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border:2px solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-disabled-:not(.-day-.-other-decade-){user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-current-{border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-current-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);background:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months-{grid-template-columns:repeat(4, var(--post-core-dimension-64));padding:var(--post-device-spacing-padding-15);column-gap:var(--post-device-spacing-gap-inline-8);min-height:var(--post-core-dimension-182);text-transform:uppercase}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-{width:var(--post-core-dimension-64);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-other-decade-{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-):not(.-current-){background:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-):not(.-current-){background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-selected-:not(.-selected-~.-selected-){color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border:2px solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-disabled-{user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-current-{border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-current-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell{z-index:1;position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0;flex-direction:column;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell.-focus-:hover{background:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-{position:relative}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::after{content:"";position:absolute;display:block;width:var(--post-core-dimension-40);height:var(--post-core-dimension-40)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::before{z-index:-2}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-),.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-),.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-)::after{z-index:-1;background:var(--post-scheme-color-interactive-primary-hover-bg2);border-radius:var(--post-device-border-radius-round);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-)::after{border:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-):hover{color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-)::after{z-index:-1;border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-selected-fg3)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-)::after{forced-color-adjust:none;border-color:Highlight}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:hover::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg3);background:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):hover::after{background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-other-month-)::before{z-index:-2;background:var(--post-scheme-color-interactive-primary-selected-bg3);border-block:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-other-month-)::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-){color:var(--post-scheme-color-interactive-primary-disabled-fg1) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-)::after{z-index:-1;background:var(--post-scheme-color-surface-accent1-bg);border-radius:var(--post-device-border-radius-round);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke);color:var(--post-scheme-color-interactive-primary-disabled-fg1) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-)::after{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-).-selected-:not(.-disabled-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-).-selected-:not(.-disabled-):hover{border:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-)::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-)::before{background:var(--post-scheme-color-interactive-primary-selected-bg3);border-block:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-)::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-)::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-).-selected-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-).-selected-::after{z-index:-1;border-radius:var(--post-device-border-radius-round);background:var(--post-scheme-color-interactive-primary-selected-bg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-).-selected-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-).-selected-::after{background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover{color:var(--post-scheme-color-interactive-primary-hover-fg3)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::after{z-index:-1;background:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::after{background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-).-selected-::before{right:-1px;width:50%;background:linear-gradient(to right, transparent 50%, var(--post-scheme-color-interactive-primary-selected-bg3) 50%);border-image:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-).-selected-.-current-::before{right:-2px}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-).-selected-::before{left:-1px;width:50%;background:linear-gradient(to right, var(--post-scheme-color-interactive-primary-selected-bg3) 50%, transparent 50%);border-image:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-).-selected-.-current-::before{left:-2px}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-range-from-:hover::before{background:none;border:none}.calendar-input,.calendar-input-range{position:relative}.calendar-input button,.calendar-input-range button{z-index:1;padding:0;position:absolute;transform:translateY(-50%);background:none;border:0;display:flex;align-items:center;justify-content:center;border-radius:var(--post-device-border-radius-focus);transition:opacity .2s ease,visibility .2s ease,fill .2s ease;right:var(--post-core-dimension-14);top:calc(var(--post-device-sizing-interactive-button-height-6) / 2);outline-offset:4px;right:var(--post-core-dimension-14)}.calendar-input button post-icon,.calendar-input-range button post-icon{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}.calendar-input button:not([disabled]),.calendar-input-range button:not([disabled]){cursor:pointer}.calendar-input button:not([disabled]) :where(:hover>*) post-icon,.calendar-input-range button:not([disabled]) :where(:hover>*) post-icon{color:var(--post-scheme-color-interactive-input-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.calendar-input button:not([disabled]) :where(:hover>*) post-icon,.calendar-input-range button:not([disabled]) :where(:hover>*) post-icon{color:Highlight}}.calendar-input button[disabled],.calendar-input-range button[disabled]{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}:host ::slotted(input.form-control:is(.is-invalid,.is-valid):not(:disabled)){background-position:top 50% right calc( var(--post-core-dimension-14) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1) ) !important}`;
|
|
10889
|
+
const postDatePickerCss = () => `.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255, 255, 255, 0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0, 0, 0, 0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0, 0, 0, 0)}.air-datepicker{--adp-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92, 196, 239, .1);--adp-background-color-in-range-focused:rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover:rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0, 0, 0, .3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}.air-datepicker{--adp-cell-background-color-in-range:unset;--adp-hover-color:unset;font-family:inherit;font-size:var(--post-device-font-size-8);width:var(--post-core-dimension-296);border-radius:var(--post-device-border-radius-1);box-shadow:var(--post-device-elevation-300);font-weight:700;border:none}.air-datepicker.-inline-{box-shadow:var(--post-device-elevation-300)}.air-datepicker *{font-family:inherit}.air-datepicker .air-datepicker--navigation{border-start-start-radius:inherit;border-start-end-radius:inherit}.air-datepicker .air-datepicker--navigation .air-datepicker-nav{border-start-start-radius:inherit;border-start-end-radius:inherit;border-block-end:none;background:var(--post-core-color-sandgrey-012);padding:var(--post-device-spacing-padding-15)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title{margin-right:auto;margin-inline-start:0;justify-content:flex-start;display:flex;align-items:center;padding:0 0 0 var(--post-device-spacing-padding-15);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title.-disabled-:hover{color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title:hover{background:unset}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:var(--post-device-border-radius-1);display:flex;align-items:center;gap:var(--post-device-spacing-gap-3);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button{background-color:ButtonFace !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:hover{background-color:Highlight !important}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button:hover{color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title button[disabled]{color:var(--post-scheme-color-interactive-button-tertiary-disabled-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--title .placeholder{flex-grow:2;pointer-events:none}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action{height:var(--post-device-sizing-interactive-button-height-4);width:var(--post-device-sizing-interactive-button-height-4)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action[data-action=next]{margin-inline-start:var(--post-device-spacing-gap-inline-4)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action:hover{background:unset}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;height:var(--post-device-sizing-interactive-button-height-4);width:var(--post-device-sizing-interactive-button-height-4);border-radius:var(--post-device-border-radius-round)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button{background-color:ButtonFace !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:hover{background-color:Highlight !important}}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:hover{color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--navigation .air-datepicker-nav .air-datepicker-nav--action button:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content{padding:0 !important}.air-datepicker .air-datepicker--content .air-datepicker-body--day-names{background:var(--post-core-color-sandgrey-012);margin:0;padding-block-start:var(--post-device-spacing-padding-13);padding-block-end:var(--post-device-spacing-padding-5);padding-inline:var(--post-device-spacing-padding-15)}.air-datepicker .air-datepicker--content .air-datepicker-body--day-names .air-datepicker-body--day-name{text-transform:capitalize;font-size:inherit;color:var(--post-scheme-color-surface-brand-fg)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells{min-height:var(--post-core-dimension-182);padding:var(--post-device-spacing-padding-15);background:var(--post-scheme-color-surface-accent1-bg);row-gap:var(--post-device-spacing-gap-2);border-radius:var(--post-device-border-radius-1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--post-core-dimension-40));grid-auto-rows:var(--post-core-dimension-40)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell>*{box-sizing:border-box}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell::after{box-sizing:border-box}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-{width:var(--post-core-dimension-40);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-other-month-{pointer-events:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-){color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-):not(.-current-){background:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-):not(.-current-){background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-:hover:not(.-disabled-,.-other-month-,.-in-range-).-current-{color:var(--post-scheme-color-interactive-primary-hover-fg1);border-color:var(--post-scheme-color-interactive-primary-hover-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-){z-index:2;color:var(--post-scheme-color-interactive-primary-selected-fg3);background:var(--post-scheme-color-interactive-primary-selected-bg4)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-):not(.-range-from-):not(.-range-to-,.-other-month-){border-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-selected-:not(.-other-month-){background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-disabled-:not(.-other-month-){user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke);width:var(--post-core-dimension-38);height:var(--post-core-dimension-38);outline:none;display:flex;align-self:center;justify-self:center}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-){border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke);z-index:2}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-).-selected-{background:var(--post-scheme-color-interactive-primary-selected-bg4);color:var(--post-scheme-color-interactive-primary-selected-fg3);border-color:var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- .air-datepicker-cell.-day-.-current-:not(.-disabled-,.-other-month-).-selected-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);background:var(--post-scheme-color-interactive-primary-hover-bg2);color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, var(--post-core-dimension-64));grid-auto-rows:var(--post-core-dimension-40);column-gap:var(--post-device-spacing-gap-inline-8)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-{width:var(--post-core-dimension-64);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-other-decade-{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-){z-index:3}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-:hover:not(.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3);background:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-selected-:not(.-selected-~.-selected-){color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border:2px solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-disabled-:not(.-day-.-other-decade-){user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-current-{border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-years- .air-datepicker-cell.-year-.-current-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);background:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months-{grid-template-columns:repeat(4, var(--post-core-dimension-64));padding:var(--post-device-spacing-padding-15);column-gap:var(--post-device-spacing-gap-inline-8);min-height:var(--post-core-dimension-182);text-transform:uppercase}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-{width:var(--post-core-dimension-64);height:var(--post-core-dimension-40);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-other-decade-{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-):not(.-current-){background:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-:hover:not(.-disabled-):not(.-current-){background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-selected-:not(.-selected-~.-selected-){color:var(--post-scheme-color-interactive-primary-selected-fg3);background-color:var(--post-scheme-color-interactive-primary-selected-bg4);border:2px solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-disabled-{user-select:none;pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-current-{border:2px solid var(--post-scheme-color-interactive-primary-enabled-stroke)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-months- .air-datepicker-cell.-month-.-current-:hover{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell{z-index:1;position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0;flex-direction:column;color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell.-focus-:hover{background:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-{position:relative}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::after{content:"";position:absolute;display:block;width:var(--post-core-dimension-40);height:var(--post-core-dimension-40)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-::before{z-index:-2}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-),.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-),.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-){color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-)::after{z-index:-1;background:var(--post-scheme-color-interactive-primary-hover-bg2);border-radius:var(--post-device-border-radius-round);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:hover:not(.-current-,.-disabled-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:hover:not(.-current-,.-disabled-)::after{border:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-):hover{color:var(--post-scheme-color-interactive-primary-hover-fg3)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-)::after{z-index:-1;border:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-selected-fg3)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:not(.-disabled-,.-other-month-)::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:not(.-disabled-,.-other-month-)::after{forced-color-adjust:none;border-color:Highlight}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-current-:hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-.-current-:hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-current-:hover::after{border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg3);background:var(--post-scheme-color-interactive-primary-hover-bg2)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-{background-color:rgba(0,0,0,0)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;z-index:3}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-disabled-):hover::after{background-color:ButtonFace;color:ButtonText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-other-month-)::before{z-index:-2;background:var(--post-scheme-color-interactive-primary-selected-bg3);border-block:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-:not(.-other-month-)::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-){color:var(--post-scheme-color-interactive-primary-disabled-fg1) !important}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-)::after{z-index:-1;background:var(--post-scheme-color-surface-accent1-bg);border-radius:var(--post-device-border-radius-round);border:2px dashed var(--post-scheme-color-interactive-primary-disabled-stroke);color:var(--post-scheme-color-interactive-primary-disabled-fg1) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-in-range-.-disabled-:not(.-other-month-)::after{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-).-selected-:not(.-disabled-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-).-selected-:not(.-disabled-):hover{border:none}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-)::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-)::before{background:var(--post-scheme-color-interactive-primary-selected-bg3);border-block:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-)::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-)::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-).-selected-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-).-selected-::after{z-index:-1;border-radius:var(--post-device-border-radius-round);background:var(--post-scheme-color-interactive-primary-selected-bg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-).-selected-::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-).-selected-::after{background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover{color:var(--post-scheme-color-interactive-primary-hover-fg3)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::before{forced-color-adjust:none}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::after{z-index:-1;background:var(--post-scheme-color-interactive-primary-hover-bg2);border-color:var(--post-scheme-color-interactive-primary-hover-bg2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-):not(.-disabled-):hover::after,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-):not(.-disabled-):hover::after{background-color:Highlight;color:HighlightText}}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-).-selected-::before{right:-1px;width:50%;background:linear-gradient(to right, transparent 50%, var(--post-scheme-color-interactive-primary-selected-bg3) 50%);border-image:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-from-:not(.-other-month-,.-disabled-).-selected-.-current-::before{right:-2px}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-).-selected-::before{left:-1px;width:50%;background:linear-gradient(to right, var(--post-scheme-color-interactive-primary-selected-bg3) 50%, transparent 50%);border-image:var(--post-device-border-width-default) solid var(--post-scheme-color-interactive-primary-selected-stroke1)}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-):hover::before,.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-:not(.-other-month-,.-disabled-).-selected-.-current-::before{left:-2px}.air-datepicker .air-datepicker--content .air-datepicker-body--cells .air-datepicker-cell:not(.-year-,.-month-).-range-to-.-range-from-:hover::before{background:none;border:none}.calendar-input,.calendar-input-range{position:relative}.calendar-input button,.calendar-input-range button{z-index:1;padding:0;position:absolute;transform:translateY(-50%);background:none;border:0;display:flex;align-items:center;justify-content:center;border-radius:var(--post-device-border-radius-focus);transition:opacity .2s ease,visibility .2s ease,fill .2s ease;right:var(--post-core-dimension-14);top:calc(var(--post-device-sizing-interactive-button-height-6) / 2);-webkit-appearance:none;appearance:none;color:var(--post-scheme-color-interactive-primary-enabled-fg1);outline-offset:4px;right:var(--post-core-dimension-14)}.calendar-input button post-icon,.calendar-input-range button post-icon{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}.calendar-input button:not([disabled]),.calendar-input-range button:not([disabled]){cursor:pointer}.calendar-input button:not([disabled]) :where(:hover>*) post-icon,.calendar-input-range button:not([disabled]) :where(:hover>*) post-icon{color:var(--post-scheme-color-interactive-input-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.calendar-input button:not([disabled]) :where(:hover>*) post-icon,.calendar-input-range button:not([disabled]) :where(:hover>*) post-icon{color:Highlight}}.calendar-input button[disabled],.calendar-input-range button[disabled]{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}:host ::slotted(input.form-control:is(.is-invalid,.is-valid):not(:disabled)){background-position:top 50% right calc( var(--post-core-dimension-14) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1) ) !important}`;
|
|
10781
10890
|
|
|
10782
10891
|
class PostDatePicker {
|
|
10783
10892
|
constructor(hostRef) {
|
|
@@ -10795,7 +10904,7 @@ class PostDatePicker {
|
|
|
10795
10904
|
*/
|
|
10796
10905
|
this.inline = false;
|
|
10797
10906
|
this.startDate = new Date();
|
|
10798
|
-
this.locale =
|
|
10907
|
+
this.locale = 'en';
|
|
10799
10908
|
this.currentViewType = 'days';
|
|
10800
10909
|
this.euFormat = true;
|
|
10801
10910
|
this.skipOnSelectCount = 0;
|
|
@@ -11066,7 +11175,7 @@ class PostDatePicker {
|
|
|
11066
11175
|
}
|
|
11067
11176
|
setActiveCell(date, focusOnDate = true) {
|
|
11068
11177
|
const cells = this.getCells();
|
|
11069
|
-
if (
|
|
11178
|
+
if (cells.length === 0)
|
|
11070
11179
|
return;
|
|
11071
11180
|
let target;
|
|
11072
11181
|
// If selected date is visible
|
|
@@ -11097,7 +11206,7 @@ class PostDatePicker {
|
|
|
11097
11206
|
}
|
|
11098
11207
|
// fallback
|
|
11099
11208
|
if (!target) {
|
|
11100
|
-
target = cells
|
|
11209
|
+
target = cells.at(-1);
|
|
11101
11210
|
}
|
|
11102
11211
|
// Make only the target focusable
|
|
11103
11212
|
cells.forEach(c => (c.tabIndex = -1));
|
|
@@ -11166,7 +11275,7 @@ class PostDatePicker {
|
|
|
11166
11275
|
});
|
|
11167
11276
|
body.removeEventListener('keydown', this.handleGridKeydown);
|
|
11168
11277
|
body.addEventListener('keydown', this.handleGridKeydown);
|
|
11169
|
-
this.setActiveCell(this.isoToDate(this.selectedStartDate)
|
|
11278
|
+
this.setActiveCell(this.isoToDate(this.selectedStartDate) || this.today, focusOnDate);
|
|
11170
11279
|
}
|
|
11171
11280
|
/**
|
|
11172
11281
|
* Set up the masks on the inputs to reflect the date pickers
|
|
@@ -11514,7 +11623,7 @@ class PostDatePicker {
|
|
|
11514
11623
|
this.selectedEndDate = undefined;
|
|
11515
11624
|
}
|
|
11516
11625
|
isValidDate(date) {
|
|
11517
|
-
return date instanceof Date && !isNaN(date.getTime());
|
|
11626
|
+
return date instanceof Date && !Number.isNaN(date.getTime());
|
|
11518
11627
|
}
|
|
11519
11628
|
syncDatePickerState() {
|
|
11520
11629
|
this.inputDisabled = this.dpInput.disabled;
|
|
@@ -11565,11 +11674,11 @@ class PostDatePicker {
|
|
|
11565
11674
|
}
|
|
11566
11675
|
}
|
|
11567
11676
|
render() {
|
|
11568
|
-
return (hAsync(Host, { key: '
|
|
11677
|
+
return (hAsync(Host, { key: 'b721b731d9ad4ff3c6d80c995a3c471786b6425a' }, this.inline && hAsync("div", { key: '9dc37bf0ab23a5ce611139d0efd7f3fca4f6e6e2', class: "datepicker-container" }), !this.inline && (hAsync("div", { key: 'f2e0376510e5e26a98e29703fbf11c0be90266bb' }, hAsync("div", { key: '52e05c2f28a725c5336fca16842e97ce21a36b42', class: {
|
|
11569
11678
|
'calendar-input': !this.range,
|
|
11570
11679
|
'calendar-input-range': this.range,
|
|
11571
11680
|
'disabled': this.inputDisabled,
|
|
11572
|
-
} }, hAsync("slot", { key: '
|
|
11681
|
+
} }, hAsync("slot", { key: '11147329e23c51b3bf7c5fa2925cbf97d26c9da2' }), hAsync("button", { key: 'c57f2450bd8ce1976876a8bc11f7d238300ca687', onClick: () => this.show(), "aria-haspopup": "true", "aria-label": this.textToggleCalendar, disabled: this.inputDisabled }, hAsync("post-icon", { key: 'd6a37bfc1471a8eabbf3e0450c3010da8e7ef28e', name: "calendar" }))), hAsync("post-popovercontainer", { key: 'fd4259c066d92c5bbf1066940da72f74a58bdfe8', placement: "bottom-end", offset: PostDatePicker.FLYOUT_OFFSET, ref: e => (this.popoverRef = e) }, hAsync("div", { key: '0ba6ef3f33a003317ab70728e1c67fc8c1d726a9', class: "datepicker-container" }))))));
|
|
11573
11682
|
}
|
|
11574
11683
|
get host() { return getElement(this); }
|
|
11575
11684
|
static get watchers() { return {
|
|
@@ -11647,24 +11756,7 @@ class PostDatePicker {
|
|
|
11647
11756
|
}
|
|
11648
11757
|
PostDatePicker.FLYOUT_OFFSET = 4;
|
|
11649
11758
|
|
|
11650
|
-
|
|
11651
|
-
constructor(hostRef) {
|
|
11652
|
-
registerInstance(this, hostRef);
|
|
11653
|
-
}
|
|
11654
|
-
render() {
|
|
11655
|
-
return hAsync("div", { key: '533164ef2f912a47b6585c3be31c2061d8134f64', "data-browser": String(IS_BROWSER), "data-server": String(IS_SERVER) });
|
|
11656
|
-
}
|
|
11657
|
-
static get cmpMeta() { return {
|
|
11658
|
-
"$flags$": 9,
|
|
11659
|
-
"$tagName$": "post-env-test",
|
|
11660
|
-
"$members$": undefined,
|
|
11661
|
-
"$listeners$": undefined,
|
|
11662
|
-
"$lazyBundleId$": "-",
|
|
11663
|
-
"$attrsToReflect$": []
|
|
11664
|
-
}; }
|
|
11665
|
-
}
|
|
11666
|
-
|
|
11667
|
-
const postFooterCss = () => `:host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:flex !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}`;
|
|
11759
|
+
const postFooterCss = () => `:host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-list-flex-direction:column;--post-footer-list-gap:8px;--post-footer-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-list-flex-direction:row;--post-footer-list-gap:16px;--post-footer-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}:is(h3,.h3){margin:0;font-size:var(--post-device-font-size-6);line-height:var(--post-device-line-height-heading);font-weight:var(--post-device-font-weight-extra-black);text-wrap:balance}::slotted(ul){list-style:none;padding:0;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid:has(>.d-none+.d-none+.d-none+.d-none){margin-block-end:0;padding-block-end:0;row-gap:0;column-gap:0}.footer-grid post-accordion:has(>.d-none+.d-none+.d-none+.d-none){display:none}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(div),.footer-app ::slotted(div),.footer-meta ::slotted(div){display:flex !important;flex-direction:var(--post-footer-list-flex-direction) !important;gap:var(--post-footer-list-gap) !important;align-items:var(--post-footer-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-businesssectors ::slotted(div){display:flex;flex-wrap:wrap;align-items:center;gap:var(--post-footer-list-gap) !important}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}`;
|
|
11668
11760
|
|
|
11669
11761
|
const GRID_SLOTS = ['grid-1', 'grid-2', 'grid-3', 'grid-4'];
|
|
11670
11762
|
/**
|
|
@@ -11690,7 +11782,7 @@ class PostFooter {
|
|
|
11690
11782
|
this.handleGridSlotChange = this.handleGridSlotChange.bind(this);
|
|
11691
11783
|
}
|
|
11692
11784
|
connectedCallback() {
|
|
11693
|
-
|
|
11785
|
+
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
|
|
11694
11786
|
}
|
|
11695
11787
|
componentWillLoad() {
|
|
11696
11788
|
this.validateTextFooter();
|
|
@@ -11701,7 +11793,7 @@ class PostFooter {
|
|
|
11701
11793
|
});
|
|
11702
11794
|
}
|
|
11703
11795
|
disconnectedCallback() {
|
|
11704
|
-
|
|
11796
|
+
globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
|
|
11705
11797
|
}
|
|
11706
11798
|
handleGridSlotChange(...devices) {
|
|
11707
11799
|
return (e) => {
|
|
@@ -11722,7 +11814,7 @@ class PostFooter {
|
|
|
11722
11814
|
return GRID_SLOTS.map(slotName => (hAsync("div", { class: { 'd-none': !this.gridSlotDisplayed[slotName] } }, hAsync("h3", null, hAsync("slot", { name: slotName + '-title' })), hAsync("slot", { onSlotchange: this.handleGridSlotChange('tablet', 'desktop'), name: slotName }))));
|
|
11723
11815
|
}
|
|
11724
11816
|
render() {
|
|
11725
|
-
return (hAsync(Host, { key: '
|
|
11817
|
+
return (hAsync(Host, { key: 'be8e78b13597a378a3f37a89f2f4fa5553036206', "data-version": version$1, "data-color-scheme": "light" }, hAsync("footer", { key: '623aa5da3107b544c697f030a050b3ac516867ec' }, hAsync("h2", { key: 'e916c70696d0bfa37a9770ed714073e48bf10fb6', class: "visually-hidden" }, this.textFooter), hAsync("div", { key: 'f85439265e62b5d262d8fa2aff87df35df2f4b74', class: "footer-container" }, hAsync("div", { key: '91235f909d2138536273c87afd69ba0008df8776', class: "footer-grid" }, this.device === 'mobile' ? this.renderAccordion() : this.renderColumns()), hAsync("div", { key: '22185d166fbb42ab089475a85847933fee4bcf97', class: "footer-column" }, hAsync("div", { key: 'a8f482d680f84ce0d146c313cb47b533d29f6dfa', class: "footer-socialmedia" }, hAsync("slot", { key: 'b5299b55e738ae34c4805ee73e8e7313bb645a75', name: "socialmedia" })), hAsync("div", { key: '8a95fa529436c71f2b3c3f2b3bc64eefe5325f99', class: "footer-app" }, hAsync("slot", { key: 'f2c43566ff23b06663b0807f021830af8405e3d2', name: "app" }))), hAsync("div", { key: '539d6db985d9158bf61eae1bd80c52a39ec19cab', class: "footer-businesssectors" }, hAsync("slot", { key: '1c433ce5950e8ee2116afe50c3efd3290f4cec8d', name: "businesssectors" })), hAsync("div", { key: '7d71af6cb0b7b1d4cd1f0ef45386dfd4da974664', class: "footer-meta" }, hAsync("slot", { key: '67905639dfdc2ef406ac23a93cd3ae623f14e47b', name: "meta" })), hAsync("div", { key: '94892c47ebf68134d28417c4fccb9bace0ee4038', class: "footer-copyright" }, hAsync("slot", { key: 'bd4853f4cb3342f7ef2c01f2c16cd3378a6c2899', name: "copyright" }))))));
|
|
11726
11818
|
}
|
|
11727
11819
|
get host() { return getElement(this); }
|
|
11728
11820
|
static get watchers() { return {
|
|
@@ -11747,7 +11839,7 @@ class PostFooter {
|
|
|
11747
11839
|
|
|
11748
11840
|
const postHeaderCss = () => `:host{--post-global-header-top:calc( var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height) );--post-header-top:calc(var(--post-header-reduced-height) - var(--post-header-expanded-height));--post-logo-height:calc( var(--post-global-header-expanded-height) - var(--post-header-scroll-top, 0px) );--post-global-controls-top:clamp( 1000 * (var(--post-global-header-reduced-height) - var(--post-global-header-expanded-height)), calc( -1 * min(var(--post-header-scroll-top, 0px) / 4, var(--post-global-header-reduced-height)) ), 0px )}@media screen and (min-width: 1024px){:host{--post-header-gap:0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.5rem}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0.25rem;--post-global-header-padding-inline-end:0.25rem;--post-local-header-padding-inline-start:0.75rem;--post-local-header-padding-inline-end:0.25rem;--post-local-header-padding-block:0.75rem;--post-burger-menu-padding-inline:2.5rem;--post-burger-menu-body-gap:2rem;--post-burger-menu-footer-gap:1.5rem}}@media screen and (min-width: 600px)and (max-width: 779.98px){:host{--post-burger-menu-padding-inline:1rem}}@media screen and (min-width: 0)and (max-width: 599.98px){:host{--post-header-gap:0.75rem 0.25rem;--post-global-header-padding-inline-start:0rem;--post-global-header-padding-inline-end:0.5rem;--post-local-header-padding-inline-start:0.5rem;--post-local-header-padding-inline-end:0.5rem;--post-local-header-padding-block:0.5rem;--post-burger-menu-padding-inline:1rem;--post-burger-menu-body-gap:1.5rem;--post-burger-menu-footer-gap:1rem}}:host(:not([full-width])),:host([full-width=false]){--post-header-content-max-width:1440px}:host([data-expanded]),:host([data-menu-extended]){--post-header-top:0;--post-global-header-top:-0.001px;--post-global-controls-top:0;--post-logo-height:var(--post-global-header-expanded-height)}*,::before,::after{box-sizing:border-box}:host,header,.global-header,.local-header{transition:inset-block-start 150ms cubic-bezier(0.4, 0, 0.2, 1)}.section,.sliding-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--post-header-gap);flex-wrap:wrap}.section{max-width:var(--post-header-content-max-width);margin-inline:auto}:host{display:block;position:sticky;inset-block-start:var(--post-header-top);z-index:1020;box-shadow:var(--post-device-elevation-300)}.global-header{z-index:2;position:sticky;inset-block-start:var(--post-global-header-top);background-color:#fc0}.global-header .section{height:var(--post-global-header-expanded-height);padding-inline-start:var(--post-global-header-padding-inline-start);padding-inline-end:var(--post-global-header-padding-inline-end)}.global-header .logo{align-self:flex-end;width:var(--post-global-header-expanded-height);height:var(--post-logo-height);min-height:var(--post-global-header-reduced-height);max-height:100%;margin-inline-end:calc(1.25rem - var(--post-header-gap))}.global-header .sliding-controls{flex-grow:1;justify-content:flex-end;position:relative;inset-block-start:var(--post-global-controls-top)}.global-header .audience{margin-inline-end:auto}@media screen and (max-width: 1023.98px){.global-header slot:where([name=audience],[name=global-nav-secondary]){display:none}}.local-header{position:relative;background-color:#fff;min-height:var(--post-local-header-expanded-min-height);display:var(--post-local-header-display, flex);align-items:var(--post-local-header-align-items, center)}.local-header .section{width:100%;padding-inline-start:var(--post-local-header-padding-inline-start);padding-inline-end:var(--post-local-header-padding-inline-end);padding-block:var(--post-local-header-padding-block)}@media screen and (min-width: 1024px){.local-header .section{display:grid;grid-template:var(--post-local-header-grid-template)}}@media screen and (max-width: 1023.98px){.local-header .section{display:flex;align-self:center}}@media screen and (max-width: 1023.98px)and (max-width: 599.98px){.local-header .section{justify-content:end}}.local-header:where(.megadropdown-open)::after,.local-header:has(~.burger-menu.extended)::after{content:"";display:block;position:absolute;inset-inline:0;inset-block-end:0;height:1px;background-color:#e1e0dc}.local-header .local-nav{flex:0 0 auto}@media screen and (max-width: 1023.98px){.local-header slot[name=main-nav]{display:none}}.burger-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);display:var(--post-burger-button-display, flex)}.burger-button:hover{text-decoration:none}.burger-button:disabled{border-style:var(--post-core-border-style-dash)}.burger-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.burger-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.burger-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.burger-button:is(a){color:LinkText;border:unset}.burger-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.burger-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.burger-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.burger-button:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.burger-button:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}@media screen and (min-width: 0)and (max-width: 599.98px){.burger-button{padding:.625rem}.burger-button>:not(post-icon){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.burger-button>post-icon{font-size:1.5rem}}@media screen and (min-width: 1024px){.burger-button{display:none}}.burger-menu{z-index:-1;position:absolute;inset-inline:0;inset-block-start:100%;height:calc(min(var(--post-header-scroll-parent-height, 100dvh),100dvh) - var(--post-header-height));overflow:hidden auto;display:flex;flex-direction:column;background-color:#fafafa}.burger-menu.extended.second-level-open{overflow:hidden}.burger-menu:not(.extended){transform:translateY(-100%);display:none}.burger-menu:not(.extended)>*{display:none}.burger-menu .burger-menu-body,.burger-menu .burger-menu-footer{display:flex;flex-direction:column;padding-inline:var(--post-burger-menu-padding-inline)}.burger-menu .burger-menu-body{flex-grow:1;padding-block:1.5rem;gap:var(--post-burger-menu-body-gap)}.burger-menu .burger-menu-footer{background-color:#f0efed;padding-block:1rem 1.5rem;gap:var(--post-burger-menu-footer-gap)}.burger-menu .local-nav{min-height:3.5rem;display:flex;align-items:center;justify-content:flex-end;padding-inline:.25rem}`;
|
|
11749
11841
|
|
|
11750
|
-
var __decorate$
|
|
11842
|
+
var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
11751
11843
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
11752
11844
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
11753
11845
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -11796,11 +11888,11 @@ class PostHeader {
|
|
|
11796
11888
|
const scrollParent = this.scrollParent;
|
|
11797
11889
|
const burgerMenuExtended = propName === 'burgerMenuExtended' ? newValue : this.burgerMenuExtended;
|
|
11798
11890
|
if (this.device !== 'desktop' && burgerMenuExtended) {
|
|
11799
|
-
scrollParent.
|
|
11891
|
+
scrollParent.dataset.postScrollLocked = '';
|
|
11800
11892
|
this.host.addEventListener('keydown', this.keyboardHandler);
|
|
11801
11893
|
}
|
|
11802
11894
|
else {
|
|
11803
|
-
scrollParent.
|
|
11895
|
+
delete scrollParent.dataset.postScrollLocked;
|
|
11804
11896
|
this.host.removeEventListener('keydown', this.keyboardHandler);
|
|
11805
11897
|
}
|
|
11806
11898
|
}
|
|
@@ -11845,15 +11937,15 @@ class PostHeader {
|
|
|
11845
11937
|
this.megadropdownStateHandler = this.megadropdownStateHandler.bind(this);
|
|
11846
11938
|
}
|
|
11847
11939
|
connectedCallback() {
|
|
11848
|
-
|
|
11849
|
-
|
|
11940
|
+
globalThis.addEventListener('resize', this.throttledResize, { passive: true });
|
|
11941
|
+
globalThis.addEventListener('scroll', this.handleScrollEvent, {
|
|
11850
11942
|
passive: true,
|
|
11851
11943
|
});
|
|
11852
11944
|
this.scrollParent.addEventListener('scroll', this.handleScrollEvent, {
|
|
11853
11945
|
passive: true,
|
|
11854
11946
|
});
|
|
11855
11947
|
document.addEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
|
|
11856
|
-
|
|
11948
|
+
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange);
|
|
11857
11949
|
this.handleScrollParentResize();
|
|
11858
11950
|
this.lockBody(false, this.burgerMenuExtended, 'burgerMenuExtended');
|
|
11859
11951
|
}
|
|
@@ -11881,9 +11973,9 @@ class PostHeader {
|
|
|
11881
11973
|
// Clean up possible side effects when post-header is disconnected
|
|
11882
11974
|
disconnectedCallback() {
|
|
11883
11975
|
const scrollParent = this.scrollParent;
|
|
11884
|
-
|
|
11885
|
-
|
|
11886
|
-
|
|
11976
|
+
globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange);
|
|
11977
|
+
globalThis.removeEventListener('resize', this.throttledResize);
|
|
11978
|
+
globalThis.removeEventListener('scroll', this.handleScrollEvent);
|
|
11887
11979
|
if (scrollParent)
|
|
11888
11980
|
scrollParent.removeEventListener('scroll', this.handleScrollEvent);
|
|
11889
11981
|
document.removeEventListener('postToggleMegadropdown', this.megadropdownStateHandler);
|
|
@@ -11955,7 +12047,7 @@ class PostHeader {
|
|
|
11955
12047
|
const focusableElements = [this.burgerMenuButton];
|
|
11956
12048
|
focusableElements.push(...getDeepFocusableChildren(this.localHeader, el => !el.matches('post-megadropdown')), ...getDeepFocusableChildren(this.burgerMenu, el => !el.matches('post-megadropdown')));
|
|
11957
12049
|
this.firstFocusableEl = focusableElements[0];
|
|
11958
|
-
this.lastFocusableEl = focusableElements
|
|
12050
|
+
this.lastFocusableEl = focusableElements.at(-1);
|
|
11959
12051
|
}
|
|
11960
12052
|
keyboardHandler(e) {
|
|
11961
12053
|
if (e.key !== 'Tab' || !this.burgerMenuExtended)
|
|
@@ -12053,10 +12145,10 @@ class PostHeader {
|
|
|
12053
12145
|
}, style: { '--post-header-navigation-current-inset': `${this.burgerMenu?.scrollTop ?? 0}px` }, ref: el => (this.burgerMenu = el) }, this.hasLocalNav && !this.hasTitle && (hAsync("div", { class: "local-nav" }, hAsync("slot", { name: "local-nav" }))), hAsync("div", { class: "burger-menu-body" }, hAsync("slot", { name: "audience" }), hAsync("slot", { name: "main-nav" })), hAsync("div", { class: "burger-menu-footer" }, hAsync("slot", { name: "global-nav-secondary" }), hAsync("slot", { name: "language-menu" }))));
|
|
12054
12146
|
}
|
|
12055
12147
|
render() {
|
|
12056
|
-
return (hAsync(Host, { key: '
|
|
12057
|
-
hAsync("slot", { key: '
|
|
12058
|
-
hAsync("slot", { key: '
|
|
12059
|
-
], hAsync("slot", { key: '
|
|
12148
|
+
return (hAsync(Host, { key: '3a91565f737ace8c2afa09aea4376301df78de15', "data-version": version$1, "data-color-scheme": "light", "data-burger-menu": this.hasBurgerMenu, "data-menu-extended": this.burgerMenuExtended }, hAsync("header", { key: '3983485ef60f0ac3a14224ebc3e550c73b183533' }, hAsync("div", { key: 'fcb70d0d33448afd05a9d0cc2045cbf954ffef8b', class: "global-header" }, hAsync("div", { key: 'fc4a7fe09d320c801ffab5b8a1652078685ec126', class: "section" }, hAsync("div", { key: '41ea4d25ae37ad90875201a6d580bf0e856055e0', class: "logo" }, hAsync("slot", { key: 'c1fc7972273b8ca82d41535f6a3c0ee8f4a7da6a', name: "post-logo" })), hAsync("div", { key: 'fb7d8e98ac126416c7342b34e9655e1ef82fed20', class: "sliding-controls" }, (hAsync("div", { key: 'e9556afe505005b09892fcf7a9092ac5892337ee', class: "audience" }, hAsync("slot", { key: '62a2bec634b4f5afff5a3323187de4bfa7ddcf3c', name: "audience" }))), hAsync("slot", { key: 'e8e88e7547d71312cf868f81386eba9405b5e6b2', name: "global-nav-primary" }), [
|
|
12149
|
+
hAsync("slot", { key: '85d07e119df995f5b4aec62675eb821dee0b3059', name: "global-nav-secondary" }),
|
|
12150
|
+
hAsync("slot", { key: '087f20e4844e9bf5fa6a945e4352509f0128eb70', name: "language-menu" }),
|
|
12151
|
+
], hAsync("slot", { key: 'b4def359986a7093cacf963709ca27180c34d294', name: "post-login" }), this.hasMainNav && (hAsync("post-togglebutton", { key: '534cb2b1f21ac6408f7ea14722c2ee8c82e268eb', class: "burger-button", ref: el => (this.burgerMenuButton = el), onClick: () => this.toggleBurgerMenu() }, hAsync("span", { key: 'fe96f2269a1e76e26edcef2d66beacac5149dea0' }, this.textMenu), hAsync("post-icon", { key: '7eabffedbe08a520d7be8c930168ac15428c132d', "aria-hidden": "true", name: "burger", "data-showwhen": "untoggled" }), hAsync("post-icon", { key: 'fb3cdba5cce308547bb057bfb5e915b3b7b3848b', "aria-hidden": "true", name: "closex", "data-showwhen": "toggled" })))))), hAsync("div", { key: '48f203901cd57d50f3a70b8065e65e2a45e6e0bb', ref: el => (this.localHeader = el), class: { 'local-header': true, 'megadropdown-open': this.megadropdownOpen } }, hAsync("div", { key: '846dc6852d5978a3fd1d3cd22a6c870c8d9f1cf3', class: "section" }, hAsync("slot", { key: '91d510bd1948b004787c1d77f9d0ae0669a7a231', name: "title" }), this.hasTitle && hAsync("slot", { key: '13fd6cd078235ee8449d22944ee67926f11b3db1', name: "local-nav" }), hAsync("slot", { key: '67b37a81c37cf6a77df5a15519e09b884d3cd892', name: "main-nav" }), !this.hasTitle && hAsync("slot", { key: '6ca6a422b465a38a1c02e21229dc5f9f0178ffcc', name: "local-nav" }))), this.hasBurgerMenu && this.renderBurgerMenu())));
|
|
12060
12152
|
}
|
|
12061
12153
|
get host() { return getElement(this); }
|
|
12062
12154
|
static get watchers() { return {
|
|
@@ -12093,7 +12185,7 @@ class PostHeader {
|
|
|
12093
12185
|
"$attrsToReflect$": [["fullWidth", "full-width"], ["textMenu", "text-menu"]]
|
|
12094
12186
|
}; }
|
|
12095
12187
|
}
|
|
12096
|
-
__decorate$
|
|
12188
|
+
__decorate$4([
|
|
12097
12189
|
EventFrom('post-megadropdown')
|
|
12098
12190
|
], PostHeader.prototype, "megadropdownStateHandler", null);
|
|
12099
12191
|
|
|
@@ -12143,7 +12235,11 @@ class PostIcon {
|
|
|
12143
12235
|
**/
|
|
12144
12236
|
getUrl() {
|
|
12145
12237
|
const fileName = `${this.name}.svg`;
|
|
12146
|
-
|
|
12238
|
+
// Prioritize only data:image URLs
|
|
12239
|
+
if (this.url?.startsWith('data:image/')) {
|
|
12240
|
+
return this.url;
|
|
12241
|
+
}
|
|
12242
|
+
if (!this.base) {
|
|
12147
12243
|
return `${CDN_URL}${fileName}`;
|
|
12148
12244
|
}
|
|
12149
12245
|
if (this.url) {
|
|
@@ -12151,16 +12247,9 @@ class PostIcon {
|
|
|
12151
12247
|
}
|
|
12152
12248
|
const isAbsolute = (url) => /^https?:\/\//.test(url);
|
|
12153
12249
|
const normalizeUrl = (url) => (url && !url.endsWith('/') ? `${url}/` : url);
|
|
12154
|
-
const cleanUrl = (url) => url.
|
|
12155
|
-
const currentDomain =
|
|
12156
|
-
const baseHref =
|
|
12157
|
-
? document.querySelector('base[href]')?.getAttribute('href') || ''
|
|
12158
|
-
: '';
|
|
12159
|
-
let metaIconBase = '';
|
|
12160
|
-
if (IS_BROWSER) {
|
|
12161
|
-
const metaTag = document.querySelector('meta[name="design-system-settings"]');
|
|
12162
|
-
metaIconBase = metaTag?.getAttribute('data-post-icon-base') || '';
|
|
12163
|
-
}
|
|
12250
|
+
const cleanUrl = (url) => url.replaceAll(/([^:])\/\//g, '$1/');
|
|
12251
|
+
const currentDomain = '';
|
|
12252
|
+
const baseHref = '';
|
|
12164
12253
|
// Function to build the first part of the URL when 'this.base' or 'metaIconBase' are relative
|
|
12165
12254
|
const buildUrlWithBase = (relativeUrl) => {
|
|
12166
12255
|
const normalizedHref = normalizeUrl(baseHref);
|
|
@@ -12178,26 +12267,18 @@ class PostIcon {
|
|
|
12178
12267
|
: `${buildUrlWithBase(this.base)}${fileName}`;
|
|
12179
12268
|
return cleanUrl(url);
|
|
12180
12269
|
}
|
|
12181
|
-
// Second Priority is metaIconBase
|
|
12182
|
-
if (metaIconBase) {
|
|
12183
|
-
url = isAbsolute(metaIconBase)
|
|
12184
|
-
? `${normalizeUrl(metaIconBase)}${fileName}`
|
|
12185
|
-
: `${buildUrlWithBase(metaIconBase)}${fileName}`;
|
|
12186
|
-
return cleanUrl(url);
|
|
12187
|
-
}
|
|
12188
12270
|
// Fallback to CDN
|
|
12189
12271
|
return cleanUrl(`${CDN_URL}${fileName}`);
|
|
12190
12272
|
}
|
|
12191
12273
|
getStyles() {
|
|
12192
12274
|
const url = this.getUrl();
|
|
12193
|
-
return Object.entries({
|
|
12275
|
+
return Object.fromEntries(Object.entries({
|
|
12194
12276
|
'-webkit-mask-image': `url(${url})`,
|
|
12195
12277
|
'mask-image': `url('${url}')`,
|
|
12196
|
-
'transform': (this.scale && !isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
|
|
12197
|
-
(this.rotate && !isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
|
|
12278
|
+
'transform': (this.scale && !Number.isNaN(Number(this.scale)) ? 'scale(' + this.scale + ')' : '') +
|
|
12279
|
+
(this.rotate && !Number.isNaN(Number(this.rotate)) ? ' rotate(' + this.rotate + 'deg)' : ''),
|
|
12198
12280
|
})
|
|
12199
|
-
.filter(([_key, value]) => value !== null)
|
|
12200
|
-
.reduce((styles, [key, value]) => Object.assign(styles, { [key]: value }), {});
|
|
12281
|
+
.filter(([_key, value]) => value !== null));
|
|
12201
12282
|
}
|
|
12202
12283
|
componentDidLoad() {
|
|
12203
12284
|
this.validateBase();
|
|
@@ -12207,7 +12288,7 @@ class PostIcon {
|
|
|
12207
12288
|
this.validateAnimation();
|
|
12208
12289
|
}
|
|
12209
12290
|
render() {
|
|
12210
|
-
return (hAsync(Host, { key: '
|
|
12291
|
+
return (hAsync(Host, { key: '53aca4224876ae30f8a022c5cb80ee5755b26251', "data-version": version$1 }, hAsync("span", { key: '8e024aa2df513f3b75d61d15284c77883b622776', style: this.getStyles() })));
|
|
12211
12292
|
}
|
|
12212
12293
|
get host() { return getElement(this); }
|
|
12213
12294
|
static get watchers() { return {
|
|
@@ -12249,9 +12330,9 @@ class PostIcon {
|
|
|
12249
12330
|
|
|
12250
12331
|
const SWITCH_VARIANTS = ['list', 'menu'];
|
|
12251
12332
|
|
|
12252
|
-
const postLanguageMenuCss = () => `:host{display:flex}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-menu-dropdown-container{display:flex;flex-direction:column}.post-language-menu-trigger{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);text-transform:uppercase;cursor:pointer}.post-language-menu-trigger:hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash)}.post-language-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(a){color:LinkText;border:unset}.post-language-menu-trigger:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.post-language-menu-trigger:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.post-language-menu-trigger post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}
|
|
12333
|
+
const postLanguageMenuCss = () => `:host{display:flex}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.post-language-menu-dropdown-container{display:flex;flex-direction:column}.post-language-menu-trigger{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border:unset;font-weight:unset;display:flex;padding:.25rem .625rem;gap:.375rem;font-size:1rem;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg);text-transform:uppercase;cursor:pointer}.post-language-menu-trigger:hover{text-decoration:none}.post-language-menu-trigger:disabled{border-style:var(--post-core-border-style-dash)}.post-language-menu-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-menu-trigger:is(a){color:LinkText;border:unset}.post-language-menu-trigger:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.post-language-menu-trigger:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.post-language-menu-trigger:hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active){box-shadow:var(--post-device-elevation-100);border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--post-scheme-color-interactive-button-primary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-primary-hover-bg);color:var(--post-scheme-color-interactive-button-primary-hover-fg)}.post-language-menu-trigger post-icon{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.post-language-menu-trigger:is([aria-current],[aria-pressed=true],[aria-expanded=true]) post-icon{transform:rotate(180deg)}.post-language-menu-list{margin-top:1rem}`;
|
|
12253
12334
|
|
|
12254
|
-
var __decorate$
|
|
12335
|
+
var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12255
12336
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
12256
12337
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
12257
12338
|
r = Reflect.decorate(decorators, target, key, desc);
|
|
@@ -12289,7 +12370,7 @@ class PostLanguageMenu {
|
|
|
12289
12370
|
const activeLanguage = this.activeLang &&
|
|
12290
12371
|
document.querySelector(`post-language-menu-item[code="${this.activeLang}"]`);
|
|
12291
12372
|
return activeLanguage
|
|
12292
|
-
? this.textCurrentLanguage.
|
|
12373
|
+
? this.textCurrentLanguage.replaceAll('#name', activeLanguage.name)
|
|
12293
12374
|
: undefined;
|
|
12294
12375
|
}
|
|
12295
12376
|
componentDidLoad() {
|
|
@@ -12369,11 +12450,11 @@ class PostLanguageMenu {
|
|
|
12369
12450
|
"$attrsToReflect$": [["textChangeLanguage", "text-change-language"], ["textCurrentLanguage", "text-current-language"], ["variant", "variant"]]
|
|
12370
12451
|
}; }
|
|
12371
12452
|
}
|
|
12372
|
-
__decorate$
|
|
12453
|
+
__decorate$3([
|
|
12373
12454
|
EventFrom('post-language-menu-item')
|
|
12374
12455
|
], PostLanguageMenu.prototype, "handlePostChange", null);
|
|
12375
12456
|
|
|
12376
|
-
const postLanguageMenuItemCss = () => `post-language-menu-item{
|
|
12457
|
+
const postLanguageMenuItemCss = () => `post-language-menu-item :is(a,button){text-transform:uppercase}post-language-menu-item:where([variant=menu]){min-width:72px}post-language-menu-item:where([variant=list]) button{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) button{background-color:ButtonFace !important}post-language-menu-item:where([variant=list]) button:hover{background-color:Highlight !important}}post-language-menu-item:where([variant=list]) a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}post-language-menu-item:where([variant=list]) :is(a,button){width:40px;height:40px;border-radius:2px;border-color:var(--post-scheme-color-interactive-button-tertiary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-enabled-bg);color:var(--post-scheme-color-interactive-button-tertiary-enabled-fg)}post-language-menu-item:where([variant=list]) :is(a,button):hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item:where([variant=list]) :is(a,button){border:1px solid ButtonBorder;color:ButtonText}}post-language-menu-item[active]:not([active=false]):where([variant=menu]){display:none}post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){border-color:var(--post-scheme-color-interactive-button-primary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-primary-enabled-bg);color:var(--post-scheme-color-interactive-button-primary-enabled-fg);cursor:default}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-menu-item[active]:not([active=false]):where([variant=list]) :is(a,button){background-color:Highlight !important;color:HighlightText}}post-language-menu-item .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}`;
|
|
12377
12458
|
|
|
12378
12459
|
/**
|
|
12379
12460
|
* @slot default - Slot for placing the content inside the anchor or button.
|
|
@@ -12427,7 +12508,8 @@ class PostLanguageMenuItem {
|
|
|
12427
12508
|
this.emitChange();
|
|
12428
12509
|
}
|
|
12429
12510
|
};
|
|
12430
|
-
|
|
12511
|
+
const interactiveElement = this.url ? (hAsync("a", { "aria-current": this.active ? 'page' : undefined, href: this.url, hrefLang: lang, lang: lang, 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, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, hAsync("slot", null), hAsync("span", { class: "visually-hidden" }, this.name)));
|
|
12512
|
+
return this.variant === 'list' ? (hAsync(Host, { "data-version": version$1, role: "listitem" }, interactiveElement)) : (hAsync(Host, { "data-version": version$1 }, hAsync("post-menu-item", null, interactiveElement)));
|
|
12431
12513
|
}
|
|
12432
12514
|
get host() { return getElement(this); }
|
|
12433
12515
|
static get watchers() { return {
|
|
@@ -12522,7 +12604,7 @@ class PostLinkarea {
|
|
|
12522
12604
|
}
|
|
12523
12605
|
}
|
|
12524
12606
|
render() {
|
|
12525
|
-
return (hAsync(Host, { key: '
|
|
12607
|
+
return (hAsync(Host, { key: 'cb2563465ebe024e8e98539c27c7a8d7084229d3', "data-version": version$1, onClick: (e) => this.dispatchClick(e) }, hAsync("slot", { key: '68fc1468da418e4ed38e89cbf7ef932f819993dd' })));
|
|
12526
12608
|
}
|
|
12527
12609
|
get host() { return getElement(this); }
|
|
12528
12610
|
static get style() { return postLinkareaCss(); }
|
|
@@ -12536,6 +12618,196 @@ class PostLinkarea {
|
|
|
12536
12618
|
}; }
|
|
12537
12619
|
}
|
|
12538
12620
|
|
|
12621
|
+
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}`;
|
|
12622
|
+
|
|
12623
|
+
var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
12624
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
12625
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
12626
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
12627
|
+
else
|
|
12628
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
12629
|
+
if (d = decorators[i])
|
|
12630
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
12631
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
12632
|
+
};
|
|
12633
|
+
class PostListbox {
|
|
12634
|
+
constructor(hostRef) {
|
|
12635
|
+
registerInstance(this, hostRef);
|
|
12636
|
+
this.postOptionActive = createEvent(this, "postOptionActive");
|
|
12637
|
+
this.highlightedIndex = -1;
|
|
12638
|
+
this.visibleOptions = [];
|
|
12639
|
+
this.diacriticPattern = /[\u0300-\u036F]/u;
|
|
12640
|
+
this.registerOptions = () => {
|
|
12641
|
+
this.visibleOptions = this.options;
|
|
12642
|
+
};
|
|
12643
|
+
this.updateSelection = (value) => {
|
|
12644
|
+
this.options.forEach(option => {
|
|
12645
|
+
option.selected = option.value === value;
|
|
12646
|
+
option.highlighted = false;
|
|
12647
|
+
});
|
|
12648
|
+
this.highlightedIndex = -1;
|
|
12649
|
+
this.filter('');
|
|
12650
|
+
};
|
|
12651
|
+
this.clearActive = () => {
|
|
12652
|
+
this.highlightedIndex = -1;
|
|
12653
|
+
this.postOptionActive.emit(null);
|
|
12654
|
+
};
|
|
12655
|
+
this.normalizeText = (text) => {
|
|
12656
|
+
return text.trim().normalize('NFD').replace(this.diacriticPattern, '').toLocaleLowerCase();
|
|
12657
|
+
};
|
|
12658
|
+
this.resetFilter = () => {
|
|
12659
|
+
this.visibleOptions = this.options;
|
|
12660
|
+
this.options.forEach(option => {
|
|
12661
|
+
option.hidden = false;
|
|
12662
|
+
option.highlighted = false;
|
|
12663
|
+
});
|
|
12664
|
+
};
|
|
12665
|
+
}
|
|
12666
|
+
get options() {
|
|
12667
|
+
return Array.from(this.host.querySelectorAll('post-listbox-option'));
|
|
12668
|
+
}
|
|
12669
|
+
get inputElement() {
|
|
12670
|
+
let autocomplete = this.host.closest('post-autocomplete');
|
|
12671
|
+
if (!autocomplete) {
|
|
12672
|
+
autocomplete = document.querySelector(`post-autocomplete[listbox="${this.host.id}"]`);
|
|
12673
|
+
}
|
|
12674
|
+
return autocomplete?.querySelector('input');
|
|
12675
|
+
}
|
|
12676
|
+
componentWillLoad() {
|
|
12677
|
+
this.registerOptions();
|
|
12678
|
+
}
|
|
12679
|
+
/** Opens the listbox */
|
|
12680
|
+
async show() {
|
|
12681
|
+
const input = this.inputElement;
|
|
12682
|
+
if (input) {
|
|
12683
|
+
this.popoverContainer?.show(input);
|
|
12684
|
+
this.host.role = 'listbox';
|
|
12685
|
+
}
|
|
12686
|
+
}
|
|
12687
|
+
/** Closes the listbox */
|
|
12688
|
+
async hide() {
|
|
12689
|
+
this.host.removeAttribute('role');
|
|
12690
|
+
this.popoverContainer?.hide();
|
|
12691
|
+
}
|
|
12692
|
+
/** Uses the internal default filtering mode to filter the list of options.
|
|
12693
|
+
* An empty string resets the filter to it's original state. */
|
|
12694
|
+
async filter(query) {
|
|
12695
|
+
const normalizedQuery = this.normalizeText(query);
|
|
12696
|
+
if (normalizedQuery) {
|
|
12697
|
+
this.visibleOptions = this.options.filter(option => {
|
|
12698
|
+
const normalizedText = this.normalizeText(option.textContent);
|
|
12699
|
+
const normalizedValue = this.normalizeText(option.value);
|
|
12700
|
+
const isVisible = normalizedValue.includes(normalizedQuery) || normalizedText.includes(normalizedQuery);
|
|
12701
|
+
option.hidden = !isVisible;
|
|
12702
|
+
return isVisible;
|
|
12703
|
+
});
|
|
12704
|
+
}
|
|
12705
|
+
else {
|
|
12706
|
+
this.resetFilter();
|
|
12707
|
+
}
|
|
12708
|
+
this.clearActive();
|
|
12709
|
+
}
|
|
12710
|
+
/** Clears the currently selected option */
|
|
12711
|
+
async clearSelection() {
|
|
12712
|
+
this.updateSelection();
|
|
12713
|
+
}
|
|
12714
|
+
/** Navigates the listbox options in the specified direction and scrolls the active option into view.*/
|
|
12715
|
+
async navigate(direction) {
|
|
12716
|
+
if (this.visibleOptions.length === 0)
|
|
12717
|
+
return;
|
|
12718
|
+
if (this.highlightedIndex >= 0) {
|
|
12719
|
+
this.visibleOptions[this.highlightedIndex].highlighted = false;
|
|
12720
|
+
}
|
|
12721
|
+
switch (direction) {
|
|
12722
|
+
case 'first':
|
|
12723
|
+
this.highlightedIndex = 0;
|
|
12724
|
+
break;
|
|
12725
|
+
case 'last':
|
|
12726
|
+
this.highlightedIndex = this.visibleOptions.length - 1;
|
|
12727
|
+
break;
|
|
12728
|
+
case 'up':
|
|
12729
|
+
this.highlightedIndex =
|
|
12730
|
+
(this.highlightedIndex - 1 + this.visibleOptions.length) % this.visibleOptions.length;
|
|
12731
|
+
break;
|
|
12732
|
+
case 'down':
|
|
12733
|
+
this.highlightedIndex = (this.highlightedIndex + 1) % this.visibleOptions.length;
|
|
12734
|
+
break;
|
|
12735
|
+
}
|
|
12736
|
+
const activeOption = this.visibleOptions[this.highlightedIndex];
|
|
12737
|
+
activeOption.scrollIntoView({ behavior: 'smooth', block: 'end' });
|
|
12738
|
+
activeOption.highlighted = true;
|
|
12739
|
+
this.postOptionActive.emit(activeOption.id);
|
|
12740
|
+
}
|
|
12741
|
+
/**
|
|
12742
|
+
* Selects the currently highlighted option in the listbox and scrolls it into view.
|
|
12743
|
+
*/
|
|
12744
|
+
async selectActive() {
|
|
12745
|
+
if (this.highlightedIndex >= 0) {
|
|
12746
|
+
const activeOption = this.visibleOptions[this.highlightedIndex];
|
|
12747
|
+
this.updateSelection(activeOption.value);
|
|
12748
|
+
this.host.dispatchEvent(new CustomEvent('postOptionSelected', { bubbles: true, detail: activeOption.value }));
|
|
12749
|
+
}
|
|
12750
|
+
}
|
|
12751
|
+
optionClicked(event) {
|
|
12752
|
+
this.updateSelection(event.detail);
|
|
12753
|
+
}
|
|
12754
|
+
render() {
|
|
12755
|
+
return (hAsync(Host, { key: 'a69ea3f635246ef33f482f3bdf5f40e3cd167846', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '20a8d8721127c0d51d320f650ec92e4f72c9d50c', placement: "bottom-start", ref: el => (this.popoverContainer = el) }, this.visibleOptions.length === 0 ? hAsync("slot", { name: "blank-slate" }) : hAsync("slot", null))));
|
|
12756
|
+
}
|
|
12757
|
+
get host() { return getElement(this); }
|
|
12758
|
+
static get style() { return postListboxCss(); }
|
|
12759
|
+
static get cmpMeta() { return {
|
|
12760
|
+
"$flags$": 265,
|
|
12761
|
+
"$tagName$": "post-listbox",
|
|
12762
|
+
"$members$": {
|
|
12763
|
+
"show": [64],
|
|
12764
|
+
"hide": [64],
|
|
12765
|
+
"filter": [64],
|
|
12766
|
+
"clearSelection": [64],
|
|
12767
|
+
"navigate": [64],
|
|
12768
|
+
"selectActive": [64]
|
|
12769
|
+
},
|
|
12770
|
+
"$listeners$": [[0, "postOptionSelected", "optionClicked"]],
|
|
12771
|
+
"$lazyBundleId$": "-",
|
|
12772
|
+
"$attrsToReflect$": []
|
|
12773
|
+
}; }
|
|
12774
|
+
}
|
|
12775
|
+
__decorate$2([
|
|
12776
|
+
EventFrom('post-listbox-option')
|
|
12777
|
+
], PostListbox.prototype, "optionClicked", null);
|
|
12778
|
+
|
|
12779
|
+
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}`;
|
|
12780
|
+
|
|
12781
|
+
class PostListboxOption {
|
|
12782
|
+
constructor(hostRef) {
|
|
12783
|
+
registerInstance(this, hostRef);
|
|
12784
|
+
this.postOptionSelected = createEvent(this, "postOptionSelected");
|
|
12785
|
+
this.optionId = crypto.randomUUID();
|
|
12786
|
+
/** Represents option is selected . */
|
|
12787
|
+
this.selected = false;
|
|
12788
|
+
/** Represents option is highlighted . */
|
|
12789
|
+
this.highlighted = false;
|
|
12790
|
+
}
|
|
12791
|
+
render() {
|
|
12792
|
+
return (hAsync(Host, { key: 'ff0e773f8a89f9df3996a83cd2be6247c1ab5475', "data-version": version$1, role: "option", "aria-selected": `${this.selected}`, "data-active": this.highlighted ? 'true' : null,
|
|
12793
|
+
/* Prevent focus change from triggering onblur event in post-autocomplete */
|
|
12794
|
+
onPointerDown: (e) => e.preventDefault(), onClick: () => this.postOptionSelected.emit(this.value), id: `post-listbox-option-${this.optionId}` }, hAsync("span", { key: 'cb43e8bec5f262ae25ddfdcae1b7f9979bdd6858', class: "option-content" }, this.value, hAsync("span", { key: '5b314c41073a357185613a04a07d2020e4eab300', class: "option-description" }, hAsync("slot", { key: 'ac1ed1be98f9a348952c0169d7ec89f8aaa99474' }))), this.selected && hAsync("post-icon", { key: '7691085df732c0c2c5db9824587d54047017adf5', "aria-hidden": "true", name: "checkmark" })));
|
|
12795
|
+
}
|
|
12796
|
+
static get style() { return postListboxOptionCss(); }
|
|
12797
|
+
static get cmpMeta() { return {
|
|
12798
|
+
"$flags$": 265,
|
|
12799
|
+
"$tagName$": "post-listbox-option",
|
|
12800
|
+
"$members$": {
|
|
12801
|
+
"value": [513],
|
|
12802
|
+
"selected": [516],
|
|
12803
|
+
"highlighted": [516]
|
|
12804
|
+
},
|
|
12805
|
+
"$listeners$": undefined,
|
|
12806
|
+
"$lazyBundleId$": "-",
|
|
12807
|
+
"$attrsToReflect$": [["value", "value"], ["selected", "selected"], ["highlighted", "highlighted"]]
|
|
12808
|
+
}; }
|
|
12809
|
+
}
|
|
12810
|
+
|
|
12539
12811
|
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)}`;
|
|
12540
12812
|
|
|
12541
12813
|
/**
|
|
@@ -12560,7 +12832,7 @@ class PostLogo {
|
|
|
12560
12832
|
render() {
|
|
12561
12833
|
const logoLink = this.url && (typeof this.url === 'string' ? this.url : this.url.href);
|
|
12562
12834
|
const LogoTag = logoLink ? 'a' : 'span';
|
|
12563
|
-
return (hAsync(Host, { key: '
|
|
12835
|
+
return (hAsync(Host, { key: '4c2a5854fc2499198b289181136cbd0a2fd9c1e1', "data-version": version$1 }, hAsync(LogoTag, { key: '4696e7329e8821e010f8cf0de367551f9fec448c', class: `logo ${logoLink ? 'logo-link' : ''}`, ...(logoLink ? { href: logoLink } : {}) }, hAsync("span", { key: 'd4bec68539d393a5eced24f0b0ab521f40b13b4b', class: "description" }, hAsync("slot", { key: '43b6f18561aec0b83cde540b4a6370fda2717cc2', onSlotchange: () => this.checkDescription() })), hAsync("svg", { key: '9ee91a5dc0e1553bd54eb90bce0036f59f7ee62a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", "aria-hidden": "true" }, hAsync("g", { key: '6accd8ec83c793b4b5ae0412b21ea97c4db1a05f', id: "Logo" }, hAsync("rect", { key: '5eee4130c5c766f46769b3fe00bab45f2c4a0a51', fill: "#ffcc00", x: "0", y: "0", width: "72", height: "72" }), hAsync("polygon", { key: '4f33978c01fe70f6b4b9ede345624378ec488b25', 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: 'c680032facb04b9869778712dcb50b0bb166922c', 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" }))))));
|
|
12564
12836
|
}
|
|
12565
12837
|
get host() { return getElement(this); }
|
|
12566
12838
|
static get watchers() { return {
|
|
@@ -12706,7 +12978,7 @@ class PostMainnavigation {
|
|
|
12706
12978
|
}, NAVBAR_DISABLE_DURATION);
|
|
12707
12979
|
}
|
|
12708
12980
|
render() {
|
|
12709
|
-
return (hAsync(Host, { key: '
|
|
12981
|
+
return (hAsync(Host, { key: '7bdd80e16b223324417ffbacdcadcb842c559d26', version: version$1, class: this.canScroll ? 'scrollable' : '' }, hAsync("div", { key: '087cfbe84c8970ab26b394b6e96298cbc0df71ec', "aria-hidden": "true", class: { 'scroll-control scroll-left': true, 'd-none': !this.canScrollLeft }, onMouseDown: e => this.handleScrollButtonClick(e, 'left') }, hAsync("post-icon", { key: '6d4cbd054346c8ac28ad54ad00887d042e41f78d', "aria-hidden": "true", name: "chevronleft" })), hAsync("nav", { key: 'db4cb2f45e19d458cede13f9b62dbcb5836f6127', ref: el => (this.navbar = el), "aria-label": this.textMain }, hAsync("slot", { key: '00fbab4d3e498a0943c9298801dd9629e34a0eea' })), hAsync("div", { key: '678872aef2d26f52f8b838e47ef7a631e71cb7a6', "aria-hidden": "true", class: { 'scroll-control scroll-right': true, 'd-none': !this.canScrollRight }, onMouseDown: e => this.handleScrollButtonClick(e, 'right') }, hAsync("post-icon", { key: '233bebc886e69c27651ebaf2a678fa6d64f1f7cf', "aria-hidden": "true", name: "chevronright" }))));
|
|
12710
12982
|
}
|
|
12711
12983
|
get host() { return getElement(this); }
|
|
12712
12984
|
static get watchers() { return {
|
|
@@ -12789,7 +13061,7 @@ class PostMegadropdown {
|
|
|
12789
13061
|
this.handleClickOutside = this.handleClickOutside.bind(this);
|
|
12790
13062
|
}
|
|
12791
13063
|
connectedCallback() {
|
|
12792
|
-
|
|
13064
|
+
globalThis.addEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
|
|
12793
13065
|
}
|
|
12794
13066
|
componentDidRender() {
|
|
12795
13067
|
this.getFocusableElements();
|
|
@@ -12802,7 +13074,7 @@ class PostMegadropdown {
|
|
|
12802
13074
|
this.handleAriaCurrentChange([]);
|
|
12803
13075
|
}
|
|
12804
13076
|
disconnectedCallback() {
|
|
12805
|
-
|
|
13077
|
+
globalThis.removeEventListener('postBreakpoint:device', this.breakpointChange.bind(this));
|
|
12806
13078
|
if (PostMegadropdown.activeDropdown === this)
|
|
12807
13079
|
PostMegadropdown.activeDropdown = null;
|
|
12808
13080
|
this.removeListeners();
|
|
@@ -12950,7 +13222,7 @@ class PostMegadropdown {
|
|
|
12950
13222
|
...getFocusableChildren(this.host.shadowRoot),
|
|
12951
13223
|
];
|
|
12952
13224
|
this.firstFocusableEl = focusableElements[0];
|
|
12953
|
-
this.lastFocusableEl = focusableElements
|
|
13225
|
+
this.lastFocusableEl = focusableElements.at(-1);
|
|
12954
13226
|
}
|
|
12955
13227
|
// Loop through the focusable children
|
|
12956
13228
|
keyboardHandler(e) {
|
|
@@ -13005,7 +13277,7 @@ class PostMegadropdown {
|
|
|
13005
13277
|
* and sets the trigger as active accordingly.
|
|
13006
13278
|
*/
|
|
13007
13279
|
handleAriaCurrentChange(mutations) {
|
|
13008
|
-
if (
|
|
13280
|
+
if (mutations.length === 0)
|
|
13009
13281
|
return;
|
|
13010
13282
|
const hasCurrentPage = mutations.some(m => m.target instanceof HTMLElement && m.target.getAttribute('aria-current') === 'page');
|
|
13011
13283
|
this.setTriggerActive(hasCurrentPage);
|
|
@@ -13021,7 +13293,7 @@ class PostMegadropdown {
|
|
|
13021
13293
|
}
|
|
13022
13294
|
render() {
|
|
13023
13295
|
const containerStyle = this.isVisible ? {} : { display: 'none' };
|
|
13024
|
-
return (hAsync(Host, { key: '
|
|
13296
|
+
return (hAsync(Host, { key: 'f3794c85cf7972c3a30145726e07675d88875ad8', version: version$1 }, hAsync("div", { key: '078a4489e17db573136caa9212a0bf1010c328ef', ref: el => (this.animatedContainer = el), class: "megadropdown", style: containerStyle }, hAsync("div", { key: 'fb51ea5e7a38a546ac54d73e7a0804c9e2f3db79', class: "section" }, this.device !== 'desktop' && this.megadropdownTitle && (hAsync("p", { key: 'cdc95d1af137074d8f117b7ab44ae58c20804d31', class: "megadropdown-title" }, this.megadropdownTitle)), hAsync("div", { key: '4f205271deab921c732c10f59f951e0d1559cafb', class: "megadropdown-content" }, hAsync("slot", { key: '218f174cfefef460dcd2f4a4be35107e0a5cd95e' })), this.device === 'desktop' ? (hAsync("post-closebutton", { onClick: () => this.hide(true), class: "close-button", size: "small", placement: "manual" }, this.textClose)) : (hAsync("button", { onClick: () => this.hide(true), class: "back-button" }, hAsync("post-icon", { name: "arrowleft" }), this.textBack))))));
|
|
13025
13297
|
}
|
|
13026
13298
|
get host() { return getElement(this); }
|
|
13027
13299
|
static get watchers() { return {
|
|
@@ -13132,7 +13404,7 @@ class PostMegadropdownTrigger {
|
|
|
13132
13404
|
this.megadropdown.toggle();
|
|
13133
13405
|
}
|
|
13134
13406
|
render() {
|
|
13135
|
-
return (hAsync(Host, { key: '
|
|
13407
|
+
return (hAsync(Host, { key: '3ff98d284d7ffcf3605e9fbfa44dda294ae02eb9', "data-version": version$1 }, hAsync("button", { key: 'e87d23a68473518e41199a253b3aa23dfc5fe6ca', 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: 'b0c478e81171df7534255dcfedcc2c1401d59d7e' }, hAsync("span", { key: 'aa226c2f92b49aeefcf61ab8ce75b72a1a731850', innerHTML: this.slottedContent }), hAsync("span", { key: '2e30aff042547cecc77c34d3f78a58fb0ca2e2bb', "aria-hidden": "true" }, hAsync("slot", { key: 'b285e45d776f2cbf17e2f01f400a01d3bbb6f588' }))), hAsync("post-icon", { key: 'f65a12ebf1e5261633a7cd83f3273f157bcdc6ef', name: "chevrondown" }))));
|
|
13136
13408
|
}
|
|
13137
13409
|
get host() { return getElement(this); }
|
|
13138
13410
|
static get watchers() { return {
|
|
@@ -13304,7 +13576,7 @@ class PostMenu {
|
|
|
13304
13576
|
}
|
|
13305
13577
|
controlKeyDownHandler(e) {
|
|
13306
13578
|
const menuItems = this.getSlottedItems();
|
|
13307
|
-
if (
|
|
13579
|
+
if (menuItems.length === 0) {
|
|
13308
13580
|
return;
|
|
13309
13581
|
}
|
|
13310
13582
|
let currentIndex = menuItems.findIndex(el => {
|
|
@@ -13349,7 +13621,7 @@ class PostMenu {
|
|
|
13349
13621
|
.flatMap(el => Array.from(getFocusableChildren(el))));
|
|
13350
13622
|
}
|
|
13351
13623
|
render() {
|
|
13352
|
-
return (hAsync(Host, { key: '
|
|
13624
|
+
return (hAsync(Host, { key: 'a60bf6255b37ad07a25cbc2fd96e9ada4368ad37', "data-version": version$1 }, hAsync("post-popovercontainer", { key: 'eef8b43481a5e9eb0b9d64f18fc226dc9c49ca69', onPostShow: this.handlePostShown.bind(this), onPostBeforeToggle: this.handlePostBeforeToggle.bind(this), placement: this.placement, ref: e => (this.popoverRef = e) }, hAsync("div", { key: '5f26e8d32c9653acbdd918e8676e4e92c5b218d3', part: "post-menu" }, hAsync("slot", { key: 'c1f81a3a0e3a214bff8b59dc3f1445526c072ea7', name: "header" }), hAsync("slot", { key: '36214a951440a02220183aeb2eee22d3a394b90d' })))));
|
|
13353
13625
|
}
|
|
13354
13626
|
get host() { return getElement(this); }
|
|
13355
13627
|
static get watchers() { return {
|
|
@@ -13391,7 +13663,7 @@ class PostMenuItem {
|
|
|
13391
13663
|
registerInstance(this, hostRef);
|
|
13392
13664
|
}
|
|
13393
13665
|
connectedCallback() {
|
|
13394
|
-
this.host.
|
|
13666
|
+
this.host.dataset.version = version$1;
|
|
13395
13667
|
}
|
|
13396
13668
|
get host() { return getElement(this); }
|
|
13397
13669
|
static get style() { return postMenuItemCss(); }
|
|
@@ -13466,7 +13738,7 @@ class PostMenuTrigger {
|
|
|
13466
13738
|
return null;
|
|
13467
13739
|
}
|
|
13468
13740
|
render() {
|
|
13469
|
-
return (hAsync(Host, { key: '
|
|
13741
|
+
return (hAsync(Host, { key: '46dbe700998f60d9b6e85c09a2992aa702c1af52', "data-version": version$1 }, hAsync("slot", { key: '339ecc1a3ba354199d9f3c0ff84fd2f8b2f1b4a4' })));
|
|
13470
13742
|
}
|
|
13471
13743
|
get host() { return getElement(this); }
|
|
13472
13744
|
static get watchers() { return {
|
|
@@ -13487,11 +13759,11 @@ class PostMenuTrigger {
|
|
|
13487
13759
|
}; }
|
|
13488
13760
|
}
|
|
13489
13761
|
|
|
13490
|
-
const postNumberInputCss = () => `:host{display:inline-flex;align-items:end}.input-container{position:relative}.step-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;border-
|
|
13762
|
+
const postNumberInputCss = () => `:host{display:inline-flex;align-items:end;width:100%}:host ::slotted(input[type=number]),:host .step-button{height:var(--post-device-sizing-interactive-button-height-6) !important}:host ::slotted(input[type=number]){border-radius:0 !important;padding-inline:var(--post-device-spacing-padding-inline-1);padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}:host ::slotted(input[type=number]:focus){outline:none !important}:host .step-button.disabled{background-color:var(--post-scheme-color-interactive-button-secondary-disabled-bg);color:var(--post-scheme-color-interactive-button-secondary-disabled-fg);border-color:var(--post-scheme-color-interactive-button-secondary-disabled-stroke);border-style:var(--post-core-border-style-dash)}:host(.number-input-sm) ::slotted(input[type=number]),:host(.number-input-sm) .step-button{height:var(--post-device-sizing-interactive-button-height-8) !important}:host(.number-input-sm) ::slotted(input[type=number]){font-size:var(--post-device-font-size-7) !important;padding-inline:var(--post-device-spacing-padding-inline-1) !important;padding-block:var(--post-device-spacing-padding-29) !important}:host(.number-input-sm) ::slotted(input[type=number].is-valid),:host(.number-input-sm) ::slotted(input[type=number].is-invalid){background-size:var(--post-device-sizing-notification-5) !important;padding-inline-end:calc( (var(--post-device-spacing-padding-inline-1)* 2) + var(--post-device-sizing-notification-5) ) !important}:host(.number-input-sm) .step-button{padding-inline:var(--post-device-spacing-padding-32);padding-block:var(--post-device-spacing-padding-2)}:host(.number-input-sm) .step-button post-icon{width:var(--post-device-sizing-interactive-icon-size7);height:var(--post-device-sizing-interactive-icon-size7)}:host(:hover) .step-button:not(.disabled){background-color:var(--post-scheme-color-interactive-button-secondary-hover-bg);border-color:var(--post-scheme-color-interactive-button-secondary-hover-stroke)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:hover) .step-button:not(.disabled){border-color:Highlight}}:host(:hover) .step-button:not(.disabled),:host(:hover) .step-button:not(.disabled) post-icon{color:var(--post-scheme-color-interactive-button-secondary-hover-fg)}.input-container{position:relative;flex-grow:1}.input-container:focus-within::after{content:"";pointer-events:none;z-index:2;width:calc(100% + (var(--post-device-border-width-default) * 2));height:calc(100% + (var(--post-device-border-width-default) * 2));border:var(--post-device-border-width-focus) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-focus-stroke);position:absolute;border-radius:var(--post-device-border-radius-1);top:calc((var(--post-device-border-width-default) * 2)*-1);left:calc((var(--post-device-border-width-default) * 2)*-1)}.step-button{display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:var(--post-device-border-width-default);border-style:solid;border-radius:var(--post-device-border-radius-round);background-color:rgba(0,0,0,0);box-shadow:none;font-family:inherit;font-weight:var(--post-device-font-weight-bold);text-decoration:none;white-space:nowrap;cursor:pointer;transition:unset;box-sizing:border-box;flex:0 0 auto;border-radius:var(--post-device-border-radius-1);padding-inline:var(--post-device-spacing-padding-23);padding-block:var(--post-device-spacing-padding-22);box-shadow:var(--post-device-elevation-100);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-button-secondary-enabled-stroke);background-color:var(--post-scheme-color-interactive-button-secondary-enabled-bg);color:var(--post-scheme-color-interactive-button-secondary-enabled-fg)}.step-button:hover{text-decoration:none}.step-button:disabled{border-style:var(--post-core-border-style-dash)}.step-button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.step-button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.step-button:is(a){color:LinkText;border:unset}.step-button:is(button){background-color:ButtonFace !important;border:1px solid ButtonBorder !important}.step-button:not(:disabled,.disabled):is(button):hover{background-color:Highlight !important}.step-button:not(:disabled,.disabled):is(button):hover>post-icon{color:HighlightText !important}}.step-button post-icon{width:var(--post-device-sizing-interactive-icon-size6);height:var(--post-device-sizing-interactive-icon-size6)}.step-button:first-of-type{border-start-end-radius:0;border-end-end-radius:0;border-inline-end-width:0}.step-button:last-of-type{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0}.step-button.disabled{pointer-events:none;cursor:unset}`;
|
|
13491
13763
|
|
|
13492
13764
|
function parseNumber(input, key) {
|
|
13493
|
-
const value = parseFloat(input[key]);
|
|
13494
|
-
return isNaN(value) ? undefined : value;
|
|
13765
|
+
const value = Number.parseFloat(input[key]);
|
|
13766
|
+
return Number.isNaN(value) ? undefined : value;
|
|
13495
13767
|
}
|
|
13496
13768
|
function compare(value, bound, comparator) {
|
|
13497
13769
|
return value !== undefined && bound !== undefined && comparator(value, bound);
|
|
@@ -13499,12 +13771,16 @@ function compare(value, bound, comparator) {
|
|
|
13499
13771
|
class PostNumberInput {
|
|
13500
13772
|
constructor(hostRef) {
|
|
13501
13773
|
registerInstance(this, hostRef);
|
|
13774
|
+
this.isDisabled = false;
|
|
13502
13775
|
this.isIncrementDisabled = false;
|
|
13503
13776
|
this.isDecrementDisabled = false;
|
|
13777
|
+
this.small = false;
|
|
13504
13778
|
this.setupInput = debounce$1(50, () => {
|
|
13505
13779
|
this.input = this.input ?? getSlottedElement(this.host, 'input[type="number"]');
|
|
13506
13780
|
if (!this.input)
|
|
13507
13781
|
return;
|
|
13782
|
+
this.isDisabled = this.input.disabled;
|
|
13783
|
+
this.small = this.input.classList.contains('form-control-sm');
|
|
13508
13784
|
// step buttons may be disabled when the input loads
|
|
13509
13785
|
this.updateStepButtonState();
|
|
13510
13786
|
// step buttons may become disabled after the value is changed via keyboard / typing
|
|
@@ -13572,7 +13848,10 @@ class PostNumberInput {
|
|
|
13572
13848
|
}
|
|
13573
13849
|
render() {
|
|
13574
13850
|
const areButtonsShown = !!this.input;
|
|
13575
|
-
return (hAsync(Host, { key: '
|
|
13851
|
+
return (hAsync(Host, { key: '84866a46bf2fdf8602213582e71fbc624fb3a7a6', "data-version": version$1, class: {
|
|
13852
|
+
'number-input-sm': this.small,
|
|
13853
|
+
'disabled': this.isDisabled,
|
|
13854
|
+
} }, areButtonsShown && (hAsync("div", { key: '33ed7af27e07a32d4063474889e15c568a140776', "aria-hidden": "true", onPointerDown: () => this.step('down'), class: { 'step-button': true, 'disabled': this.isDecrementDisabled } }, hAsync("post-icon", { key: 'bf88349e2e442d4db77329cdd33332b5249e745a', name: "minus" }))), hAsync("div", { key: '9e7cd209f45ef55f1e91dc5b9842fb9e56513f4b', class: "input-container" }, hAsync("slot", { key: 'c3da29d4836c913f9ba466835afbd9219a6dc980', onSlotchange: () => this.setupInput() })), areButtonsShown && (hAsync("div", { key: '4fe40703c338a8ec8b1efa9922bcd7b96b72aa30', "aria-hidden": "true", onPointerDown: () => this.step('up'), class: { 'step-button': true, 'disabled': this.isIncrementDisabled } }, hAsync("post-icon", { key: 'da54f7441c60c4732cc671022a33ebb8cfae4472', name: "plus" })))));
|
|
13576
13855
|
}
|
|
13577
13856
|
get host() { return getElement(this); }
|
|
13578
13857
|
static get style() { return postNumberInputCss(); }
|
|
@@ -13580,8 +13859,10 @@ class PostNumberInput {
|
|
|
13580
13859
|
"$flags$": 265,
|
|
13581
13860
|
"$tagName$": "post-number-input",
|
|
13582
13861
|
"$members$": {
|
|
13862
|
+
"isDisabled": [32],
|
|
13583
13863
|
"isIncrementDisabled": [32],
|
|
13584
13864
|
"isDecrementDisabled": [32],
|
|
13865
|
+
"small": [32],
|
|
13585
13866
|
"input": [32]
|
|
13586
13867
|
},
|
|
13587
13868
|
"$listeners$": undefined,
|
|
@@ -13693,7 +13974,7 @@ class PostPagination {
|
|
|
13693
13974
|
scheduleMeasurement() {
|
|
13694
13975
|
if (!this.loaded)
|
|
13695
13976
|
return;
|
|
13696
|
-
this.measurementTimeoutId =
|
|
13977
|
+
this.measurementTimeoutId = globalThis.setTimeout(() => {
|
|
13697
13978
|
const canMeasure = this.navRef?.clientWidth > 0 && this.hiddenItemsRef;
|
|
13698
13979
|
if (canMeasure) {
|
|
13699
13980
|
this.measureAndCalculateVisiblePages();
|
|
@@ -13765,9 +14046,9 @@ class PostPagination {
|
|
|
13765
14046
|
getPaginationPadding() {
|
|
13766
14047
|
if (!this.navRef)
|
|
13767
14048
|
return 0;
|
|
13768
|
-
const computedStyle =
|
|
13769
|
-
const paddingLeft = parseFloat(computedStyle.paddingLeft) || 0;
|
|
13770
|
-
const paddingRight = parseFloat(computedStyle.paddingRight) || 0;
|
|
14049
|
+
const computedStyle = globalThis.getComputedStyle(this.navRef);
|
|
14050
|
+
const paddingLeft = Number.parseFloat(computedStyle.paddingLeft) || 0;
|
|
14051
|
+
const paddingRight = Number.parseFloat(computedStyle.paddingRight) || 0;
|
|
13771
14052
|
return paddingLeft + paddingRight;
|
|
13772
14053
|
}
|
|
13773
14054
|
/**
|
|
@@ -13788,8 +14069,8 @@ class PostPagination {
|
|
|
13788
14069
|
* Clamps the page number to valid range
|
|
13789
14070
|
*/
|
|
13790
14071
|
clampPageToValidRange(totalPages) {
|
|
13791
|
-
const invalidTotalPages = totalPages === 0 || this.invalidSize || isNaN(totalPages);
|
|
13792
|
-
const invalidPage = !this.page || this.page < 1 || isNaN(this.page);
|
|
14072
|
+
const invalidTotalPages = totalPages === 0 || this.invalidSize || Number.isNaN(totalPages);
|
|
14073
|
+
const invalidPage = !this.page || this.page < 1 || Number.isNaN(this.page);
|
|
13793
14074
|
const pageExceedsTotal = this.page > totalPages;
|
|
13794
14075
|
if (invalidTotalPages || invalidPage) {
|
|
13795
14076
|
return 1;
|
|
@@ -14270,7 +14551,7 @@ class PostPopover {
|
|
|
14270
14551
|
}
|
|
14271
14552
|
}
|
|
14272
14553
|
render() {
|
|
14273
|
-
return (hAsync(Host, { key: '
|
|
14554
|
+
return (hAsync(Host, { key: '859812ad40c54e61ea90625d0170cc0336d5eba3', "data-version": version$1 }, hAsync("post-popovercontainer", { key: '47cdd1e48d4bf937d74c90fbb7f8d7ab73af1593', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, hAsync("div", { key: 'ec5e72c7d463de0a92220d9a4e7be7fd6f6669a7', class: "popover-container" }, hAsync("div", { key: '4934817369aa06236011af0e34763bd890ac3b4b', class: "popover-content" }, hAsync("slot", { key: 'b3f56b3c9e5642cc210b18bd5a5abc4b4daf36e0' })), hAsync("post-closebutton", { key: '354e2d16c3e4ba475a0cd030539da4a915950b1c', onClick: () => this.hide() }, this.textClose)))));
|
|
14274
14555
|
}
|
|
14275
14556
|
get host() { return getElement(this); }
|
|
14276
14557
|
static get watchers() { return {
|
|
@@ -19308,7 +19589,7 @@ function requireFocusable () {
|
|
|
19308
19589
|
}
|
|
19309
19590
|
|
|
19310
19591
|
var focusableExports = requireFocusable();
|
|
19311
|
-
var isFocusable
|
|
19592
|
+
var isFocusable = /*@__PURE__*/getDefaultExportFromCjs(focusableExports);
|
|
19312
19593
|
|
|
19313
19594
|
const postPopoverTriggerCss = () => `:host{cursor:pointer}`;
|
|
19314
19595
|
|
|
@@ -19347,7 +19628,7 @@ class PostPopoverTrigger {
|
|
|
19347
19628
|
return;
|
|
19348
19629
|
}
|
|
19349
19630
|
// check if its not focusable and add aria role and tabindex
|
|
19350
|
-
if (!isFocusable
|
|
19631
|
+
if (!isFocusable(this.trigger)) {
|
|
19351
19632
|
this.trigger.setAttribute('tabindex', '0');
|
|
19352
19633
|
this.trigger.setAttribute('role', 'button');
|
|
19353
19634
|
}
|
|
@@ -19416,7 +19697,7 @@ class PostPopoverTrigger {
|
|
|
19416
19697
|
this.popover?.removeEventListener('postToggle', this.boundHandlePostToggle);
|
|
19417
19698
|
}
|
|
19418
19699
|
render() {
|
|
19419
|
-
return (hAsync(Host, { key: '
|
|
19700
|
+
return (hAsync(Host, { key: '52d004cbdcb7be0b7df6c10f70f5b3bdbeb89a27', "data-version": version$1 }, hAsync("slot", { key: '5eabc986947a00ed1fad3ce3f8103e615f709d9f', onSlotchange: () => this.setupTrigger() })));
|
|
19420
19701
|
}
|
|
19421
19702
|
get host() { return getElement(this); }
|
|
19422
19703
|
static get watchers() { return {
|
|
@@ -21365,817 +21646,25 @@ const computePosition = (reference, floating, options) => {
|
|
|
21365
21646
|
});
|
|
21366
21647
|
};
|
|
21367
21648
|
|
|
21368
|
-
|
|
21369
|
-
|
|
21370
|
-
|
|
21371
|
-
|
|
21372
|
-
|
|
21373
|
-
|
|
21374
|
-
|
|
21375
|
-
|
|
21376
|
-
|
|
21377
|
-
|
|
21378
|
-
|
|
21379
|
-
|
|
21380
|
-
|
|
21381
|
-
element,
|
|
21382
|
-
setTimeout(() => {
|
|
21383
|
-
if (!popoverToggleTaskQueue.has(element)) return;
|
|
21384
|
-
element.dispatchEvent(
|
|
21385
|
-
new ToggleEvent("toggle", {
|
|
21386
|
-
cancelable: false,
|
|
21387
|
-
oldState,
|
|
21388
|
-
newState
|
|
21389
|
-
})
|
|
21390
|
-
);
|
|
21391
|
-
}, 0)
|
|
21392
|
-
);
|
|
21649
|
+
const duration = 250;
|
|
21650
|
+
const easing = 'ease-out';
|
|
21651
|
+
function popIn(el) {
|
|
21652
|
+
if (!el)
|
|
21653
|
+
return;
|
|
21654
|
+
return el.animate([
|
|
21655
|
+
{ transform: 'scale(0.9)', opacity: 0 },
|
|
21656
|
+
{ transform: 'scale(1)', opacity: 1 },
|
|
21657
|
+
], {
|
|
21658
|
+
duration,
|
|
21659
|
+
easing,
|
|
21660
|
+
fill: 'forwards',
|
|
21661
|
+
});
|
|
21393
21662
|
}
|
|
21394
21663
|
|
|
21395
|
-
|
|
21396
|
-
|
|
21397
|
-
|
|
21398
|
-
|
|
21399
|
-
};
|
|
21400
|
-
var topLayerElements = /* @__PURE__ */ new WeakMap();
|
|
21401
|
-
var autoPopoverList = /* @__PURE__ */ new WeakMap();
|
|
21402
|
-
var hintPopoverList = /* @__PURE__ */ new WeakMap();
|
|
21403
|
-
var visibilityState = /* @__PURE__ */ new WeakMap();
|
|
21404
|
-
function getPopoverVisibilityState(popover) {
|
|
21405
|
-
return visibilityState.get(popover) || "hidden";
|
|
21406
|
-
}
|
|
21407
|
-
var popoverInvoker = /* @__PURE__ */ new WeakMap();
|
|
21408
|
-
function lastSetElement(set) {
|
|
21409
|
-
return [...set].pop();
|
|
21410
|
-
}
|
|
21411
|
-
function popoverTargetAttributeActivationBehavior(element) {
|
|
21412
|
-
const popover = element.popoverTargetElement;
|
|
21413
|
-
if (!(popover instanceof HTMLElement)) {
|
|
21414
|
-
return;
|
|
21415
|
-
}
|
|
21416
|
-
const visibility = getPopoverVisibilityState(popover);
|
|
21417
|
-
if (element.popoverTargetAction === "show" && visibility === "showing") {
|
|
21418
|
-
return;
|
|
21419
|
-
}
|
|
21420
|
-
if (element.popoverTargetAction === "hide" && visibility === "hidden") return;
|
|
21421
|
-
if (visibility === "showing") {
|
|
21422
|
-
hidePopover(popover, true, true);
|
|
21423
|
-
} else if (checkPopoverValidity(popover, false)) {
|
|
21424
|
-
popoverInvoker.set(popover, element);
|
|
21425
|
-
showPopover(popover);
|
|
21426
|
-
}
|
|
21427
|
-
}
|
|
21428
|
-
function checkPopoverValidity(element, expectedToBeShowing) {
|
|
21429
|
-
if (element.popover !== "auto" && element.popover !== "manual" && element.popover !== "hint") {
|
|
21430
|
-
return false;
|
|
21431
|
-
}
|
|
21432
|
-
if (!element.isConnected) return false;
|
|
21433
|
-
if (expectedToBeShowing && getPopoverVisibilityState(element) !== "showing") {
|
|
21434
|
-
return false;
|
|
21435
|
-
}
|
|
21436
|
-
if (!expectedToBeShowing && getPopoverVisibilityState(element) !== "hidden") {
|
|
21437
|
-
return false;
|
|
21438
|
-
}
|
|
21439
|
-
if (element instanceof HTMLDialogElement && element.hasAttribute("open")) {
|
|
21440
|
-
return false;
|
|
21441
|
-
}
|
|
21442
|
-
if (document.fullscreenElement === element) return false;
|
|
21443
|
-
return true;
|
|
21444
|
-
}
|
|
21445
|
-
function getStackPosition(popover) {
|
|
21446
|
-
if (!popover) return 0;
|
|
21447
|
-
const autoPopovers = autoPopoverList.get(document) || /* @__PURE__ */ new Set();
|
|
21448
|
-
const hintPopovers = hintPopoverList.get(document) || /* @__PURE__ */ new Set();
|
|
21449
|
-
if (hintPopovers.has(popover)) {
|
|
21450
|
-
return [...hintPopovers].indexOf(popover) + autoPopovers.size + 1;
|
|
21451
|
-
}
|
|
21452
|
-
if (autoPopovers.has(popover)) {
|
|
21453
|
-
return [...autoPopovers].indexOf(popover) + 1;
|
|
21454
|
-
}
|
|
21455
|
-
return 0;
|
|
21456
|
-
}
|
|
21457
|
-
function topMostClickedPopover(target) {
|
|
21458
|
-
const clickedPopover = nearestInclusiveOpenPopover(target);
|
|
21459
|
-
const invokerPopover = nearestInclusiveTargetPopoverForInvoker(target);
|
|
21460
|
-
if (getStackPosition(clickedPopover) > getStackPosition(invokerPopover)) {
|
|
21461
|
-
return clickedPopover;
|
|
21462
|
-
}
|
|
21463
|
-
return invokerPopover;
|
|
21464
|
-
}
|
|
21465
|
-
function topmostAutoOrHintPopover(document2) {
|
|
21466
|
-
let topmostPopover;
|
|
21467
|
-
const hintPopovers = hintPopoverList.get(document2) || /* @__PURE__ */ new Set();
|
|
21468
|
-
const autoPopovers = autoPopoverList.get(document2) || /* @__PURE__ */ new Set();
|
|
21469
|
-
const usedStack = hintPopovers.size > 0 ? hintPopovers : autoPopovers.size > 0 ? autoPopovers : null;
|
|
21470
|
-
if (usedStack) {
|
|
21471
|
-
topmostPopover = lastSetElement(usedStack);
|
|
21472
|
-
if (!topmostPopover.isConnected) {
|
|
21473
|
-
usedStack.delete(topmostPopover);
|
|
21474
|
-
return topmostAutoOrHintPopover(document2);
|
|
21475
|
-
}
|
|
21476
|
-
return topmostPopover;
|
|
21477
|
-
}
|
|
21478
|
-
return null;
|
|
21479
|
-
}
|
|
21480
|
-
function topMostPopoverInList(list) {
|
|
21481
|
-
for (const popover of list || []) {
|
|
21482
|
-
if (!popover.isConnected) {
|
|
21483
|
-
list.delete(popover);
|
|
21484
|
-
} else {
|
|
21485
|
-
return popover;
|
|
21486
|
-
}
|
|
21487
|
-
}
|
|
21488
|
-
return null;
|
|
21489
|
-
}
|
|
21490
|
-
function getRootNode(node) {
|
|
21491
|
-
if (typeof node.getRootNode === "function") {
|
|
21492
|
-
return node.getRootNode();
|
|
21493
|
-
}
|
|
21494
|
-
if (node.parentNode) return getRootNode(node.parentNode);
|
|
21495
|
-
return node;
|
|
21496
|
-
}
|
|
21497
|
-
function nearestInclusiveOpenPopover(node) {
|
|
21498
|
-
while (node) {
|
|
21499
|
-
if (node instanceof HTMLElement && node.popover === "auto" && visibilityState.get(node) === "showing") {
|
|
21500
|
-
return node;
|
|
21501
|
-
}
|
|
21502
|
-
node = node instanceof Element && node.assignedSlot || node.parentElement || getRootNode(node);
|
|
21503
|
-
if (node instanceof ShadowRoot$1) node = node.host;
|
|
21504
|
-
if (node instanceof Document) return;
|
|
21505
|
-
}
|
|
21506
|
-
}
|
|
21507
|
-
function nearestInclusiveTargetPopoverForInvoker(node) {
|
|
21508
|
-
while (node) {
|
|
21509
|
-
const nodePopover = node.popoverTargetElement;
|
|
21510
|
-
if (nodePopover instanceof HTMLElement) return nodePopover;
|
|
21511
|
-
node = node.parentElement || getRootNode(node);
|
|
21512
|
-
if (node instanceof ShadowRoot$1) node = node.host;
|
|
21513
|
-
if (node instanceof Document) return;
|
|
21514
|
-
}
|
|
21515
|
-
}
|
|
21516
|
-
function topMostPopoverAncestor(newPopover, list) {
|
|
21517
|
-
const popoverPositions = /* @__PURE__ */ new Map();
|
|
21518
|
-
let i = 0;
|
|
21519
|
-
for (const popover of list || []) {
|
|
21520
|
-
popoverPositions.set(popover, i);
|
|
21521
|
-
i += 1;
|
|
21522
|
-
}
|
|
21523
|
-
popoverPositions.set(newPopover, i);
|
|
21524
|
-
i += 1;
|
|
21525
|
-
let topMostPopoverAncestor2 = null;
|
|
21526
|
-
function checkAncestor(candidate) {
|
|
21527
|
-
if (!candidate) return;
|
|
21528
|
-
let okNesting = false;
|
|
21529
|
-
let candidateAncestor = null;
|
|
21530
|
-
let candidatePosition = null;
|
|
21531
|
-
while (!okNesting) {
|
|
21532
|
-
candidateAncestor = nearestInclusiveOpenPopover(candidate) || null;
|
|
21533
|
-
if (candidateAncestor === null) return;
|
|
21534
|
-
if (!popoverPositions.has(candidateAncestor)) return;
|
|
21535
|
-
if (newPopover.popover === "hint" || candidateAncestor.popover === "auto") {
|
|
21536
|
-
okNesting = true;
|
|
21537
|
-
}
|
|
21538
|
-
if (!okNesting) {
|
|
21539
|
-
candidate = candidateAncestor.parentElement;
|
|
21540
|
-
}
|
|
21541
|
-
}
|
|
21542
|
-
candidatePosition = popoverPositions.get(candidateAncestor);
|
|
21543
|
-
if (topMostPopoverAncestor2 === null || popoverPositions.get(topMostPopoverAncestor2) < candidatePosition) {
|
|
21544
|
-
topMostPopoverAncestor2 = candidateAncestor;
|
|
21545
|
-
}
|
|
21546
|
-
}
|
|
21547
|
-
checkAncestor(newPopover.parentElement || getRootNode(newPopover));
|
|
21548
|
-
return topMostPopoverAncestor2;
|
|
21549
|
-
}
|
|
21550
|
-
function isFocusable(focusTarget) {
|
|
21551
|
-
if (focusTarget.hidden || focusTarget instanceof ShadowRoot$1) return false;
|
|
21552
|
-
if (focusTarget instanceof HTMLButtonElement || focusTarget instanceof HTMLInputElement || focusTarget instanceof HTMLSelectElement || focusTarget instanceof HTMLTextAreaElement || focusTarget instanceof HTMLOptGroupElement || focusTarget instanceof HTMLOptionElement || focusTarget instanceof HTMLFieldSetElement) {
|
|
21553
|
-
if (focusTarget.disabled) return false;
|
|
21554
|
-
}
|
|
21555
|
-
if (focusTarget instanceof HTMLInputElement && focusTarget.type === "hidden") {
|
|
21556
|
-
return false;
|
|
21557
|
-
}
|
|
21558
|
-
if (focusTarget instanceof HTMLAnchorElement && focusTarget.href === "") {
|
|
21559
|
-
return false;
|
|
21560
|
-
}
|
|
21561
|
-
return typeof focusTarget.tabIndex === "number" && focusTarget.tabIndex !== -1;
|
|
21562
|
-
}
|
|
21563
|
-
function focusDelegate(focusTarget) {
|
|
21564
|
-
if (focusTarget.shadowRoot && focusTarget.shadowRoot.delegatesFocus !== true) {
|
|
21565
|
-
return null;
|
|
21566
|
-
}
|
|
21567
|
-
let whereToLook = focusTarget;
|
|
21568
|
-
if (whereToLook.shadowRoot) {
|
|
21569
|
-
whereToLook = whereToLook.shadowRoot;
|
|
21570
|
-
}
|
|
21571
|
-
let autoFocusDelegate = whereToLook.querySelector("[autofocus]");
|
|
21572
|
-
if (autoFocusDelegate) {
|
|
21573
|
-
return autoFocusDelegate;
|
|
21574
|
-
} else {
|
|
21575
|
-
const slots = whereToLook.querySelectorAll("slot");
|
|
21576
|
-
for (const slot of slots) {
|
|
21577
|
-
const assignedElements = slot.assignedElements({ flatten: true });
|
|
21578
|
-
for (const el of assignedElements) {
|
|
21579
|
-
if (el.hasAttribute("autofocus")) {
|
|
21580
|
-
return el;
|
|
21581
|
-
} else {
|
|
21582
|
-
autoFocusDelegate = el.querySelector("[autofocus]");
|
|
21583
|
-
if (autoFocusDelegate) {
|
|
21584
|
-
return autoFocusDelegate;
|
|
21585
|
-
}
|
|
21586
|
-
}
|
|
21587
|
-
}
|
|
21588
|
-
}
|
|
21589
|
-
}
|
|
21590
|
-
const walker = focusTarget.ownerDocument.createTreeWalker(
|
|
21591
|
-
whereToLook,
|
|
21592
|
-
NodeFilter.SHOW_ELEMENT
|
|
21593
|
-
);
|
|
21594
|
-
let descendant = walker.currentNode;
|
|
21595
|
-
while (descendant) {
|
|
21596
|
-
if (isFocusable(descendant)) {
|
|
21597
|
-
return descendant;
|
|
21598
|
-
}
|
|
21599
|
-
descendant = walker.nextNode();
|
|
21600
|
-
}
|
|
21601
|
-
}
|
|
21602
|
-
function popoverFocusingSteps(subject) {
|
|
21603
|
-
focusDelegate(subject)?.focus();
|
|
21604
|
-
}
|
|
21605
|
-
var previouslyFocusedElements = /* @__PURE__ */ new WeakMap();
|
|
21606
|
-
function showPopover(element) {
|
|
21607
|
-
if (!checkPopoverValidity(element, false)) {
|
|
21608
|
-
return;
|
|
21609
|
-
}
|
|
21610
|
-
const document2 = element.ownerDocument;
|
|
21611
|
-
if (!element.dispatchEvent(
|
|
21612
|
-
new ToggleEvent("beforetoggle", {
|
|
21613
|
-
cancelable: true,
|
|
21614
|
-
oldState: "closed",
|
|
21615
|
-
newState: "open"
|
|
21616
|
-
})
|
|
21617
|
-
)) {
|
|
21618
|
-
return;
|
|
21619
|
-
}
|
|
21620
|
-
if (!checkPopoverValidity(element, false)) {
|
|
21621
|
-
return;
|
|
21622
|
-
}
|
|
21623
|
-
let shouldRestoreFocus = false;
|
|
21624
|
-
const originalType = element.popover;
|
|
21625
|
-
let stackToAppendTo = null;
|
|
21626
|
-
const autoAncestor = topMostPopoverAncestor(
|
|
21627
|
-
element,
|
|
21628
|
-
autoPopoverList.get(document2) || /* @__PURE__ */ new Set()
|
|
21629
|
-
);
|
|
21630
|
-
const hintAncestor = topMostPopoverAncestor(
|
|
21631
|
-
element,
|
|
21632
|
-
hintPopoverList.get(document2) || /* @__PURE__ */ new Set()
|
|
21633
|
-
);
|
|
21634
|
-
if (originalType === "auto") {
|
|
21635
|
-
closeAllOpenPopoversInList(
|
|
21636
|
-
hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
|
|
21637
|
-
shouldRestoreFocus,
|
|
21638
|
-
true
|
|
21639
|
-
);
|
|
21640
|
-
const ancestor = autoAncestor || document2;
|
|
21641
|
-
hideAllPopoversUntil(ancestor, shouldRestoreFocus, true);
|
|
21642
|
-
stackToAppendTo = "auto";
|
|
21643
|
-
}
|
|
21644
|
-
if (originalType === "hint") {
|
|
21645
|
-
if (hintAncestor) {
|
|
21646
|
-
hideAllPopoversUntil(hintAncestor, shouldRestoreFocus, true);
|
|
21647
|
-
stackToAppendTo = "hint";
|
|
21648
|
-
} else {
|
|
21649
|
-
closeAllOpenPopoversInList(
|
|
21650
|
-
hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
|
|
21651
|
-
shouldRestoreFocus,
|
|
21652
|
-
true
|
|
21653
|
-
);
|
|
21654
|
-
if (autoAncestor) {
|
|
21655
|
-
hideAllPopoversUntil(autoAncestor, shouldRestoreFocus, true);
|
|
21656
|
-
stackToAppendTo = "auto";
|
|
21657
|
-
} else {
|
|
21658
|
-
stackToAppendTo = "hint";
|
|
21659
|
-
}
|
|
21660
|
-
}
|
|
21661
|
-
}
|
|
21662
|
-
if (originalType === "auto" || originalType === "hint") {
|
|
21663
|
-
if (originalType !== element.popover || !checkPopoverValidity(element, false)) {
|
|
21664
|
-
return;
|
|
21665
|
-
}
|
|
21666
|
-
if (!topmostAutoOrHintPopover(document2)) {
|
|
21667
|
-
shouldRestoreFocus = true;
|
|
21668
|
-
}
|
|
21669
|
-
if (stackToAppendTo === "auto") {
|
|
21670
|
-
if (!autoPopoverList.has(document2)) {
|
|
21671
|
-
autoPopoverList.set(document2, /* @__PURE__ */ new Set());
|
|
21672
|
-
}
|
|
21673
|
-
autoPopoverList.get(document2).add(element);
|
|
21674
|
-
} else if (stackToAppendTo === "hint") {
|
|
21675
|
-
if (!hintPopoverList.has(document2)) {
|
|
21676
|
-
hintPopoverList.set(document2, /* @__PURE__ */ new Set());
|
|
21677
|
-
}
|
|
21678
|
-
hintPopoverList.get(document2).add(element);
|
|
21679
|
-
}
|
|
21680
|
-
}
|
|
21681
|
-
previouslyFocusedElements.delete(element);
|
|
21682
|
-
const originallyFocusedElement = document2.activeElement;
|
|
21683
|
-
element.classList.add(":popover-open");
|
|
21684
|
-
visibilityState.set(element, "showing");
|
|
21685
|
-
if (!topLayerElements.has(document2)) {
|
|
21686
|
-
topLayerElements.set(document2, /* @__PURE__ */ new Set());
|
|
21687
|
-
}
|
|
21688
|
-
topLayerElements.get(document2).add(element);
|
|
21689
|
-
setInvokerAriaExpanded(popoverInvoker.get(element), true);
|
|
21690
|
-
popoverFocusingSteps(element);
|
|
21691
|
-
if (shouldRestoreFocus && originallyFocusedElement && element.popover === "auto") {
|
|
21692
|
-
previouslyFocusedElements.set(element, originallyFocusedElement);
|
|
21693
|
-
}
|
|
21694
|
-
queuePopoverToggleEventTask(element, "closed", "open");
|
|
21695
|
-
}
|
|
21696
|
-
function hidePopover(element, focusPreviousElement = false, fireEvents = false) {
|
|
21697
|
-
if (!checkPopoverValidity(element, true)) {
|
|
21698
|
-
return;
|
|
21699
|
-
}
|
|
21700
|
-
const document2 = element.ownerDocument;
|
|
21701
|
-
if (["auto", "hint"].includes(element.popover)) {
|
|
21702
|
-
hideAllPopoversUntil(element, focusPreviousElement, fireEvents);
|
|
21703
|
-
if (!checkPopoverValidity(element, true)) {
|
|
21704
|
-
return;
|
|
21705
|
-
}
|
|
21706
|
-
}
|
|
21707
|
-
const autoList = autoPopoverList.get(document2) || /* @__PURE__ */ new Set();
|
|
21708
|
-
const autoPopoverListContainsElement = autoList.has(element) && lastSetElement(autoList) === element;
|
|
21709
|
-
setInvokerAriaExpanded(popoverInvoker.get(element), false);
|
|
21710
|
-
popoverInvoker.delete(element);
|
|
21711
|
-
if (fireEvents) {
|
|
21712
|
-
element.dispatchEvent(
|
|
21713
|
-
new ToggleEvent("beforetoggle", {
|
|
21714
|
-
oldState: "open",
|
|
21715
|
-
newState: "closed"
|
|
21716
|
-
})
|
|
21717
|
-
);
|
|
21718
|
-
if (autoPopoverListContainsElement && lastSetElement(autoList) !== element) {
|
|
21719
|
-
hideAllPopoversUntil(element, focusPreviousElement, fireEvents);
|
|
21720
|
-
}
|
|
21721
|
-
if (!checkPopoverValidity(element, true)) {
|
|
21722
|
-
return;
|
|
21723
|
-
}
|
|
21724
|
-
}
|
|
21725
|
-
topLayerElements.get(document2)?.delete(element);
|
|
21726
|
-
autoList.delete(element);
|
|
21727
|
-
hintPopoverList.get(document2)?.delete(element);
|
|
21728
|
-
element.classList.remove(":popover-open");
|
|
21729
|
-
visibilityState.set(element, "hidden");
|
|
21730
|
-
if (fireEvents) {
|
|
21731
|
-
queuePopoverToggleEventTask(element, "open", "closed");
|
|
21732
|
-
}
|
|
21733
|
-
const previouslyFocusedElement = previouslyFocusedElements.get(element);
|
|
21734
|
-
if (previouslyFocusedElement) {
|
|
21735
|
-
previouslyFocusedElements.delete(element);
|
|
21736
|
-
if (focusPreviousElement) {
|
|
21737
|
-
previouslyFocusedElement.focus();
|
|
21738
|
-
}
|
|
21739
|
-
}
|
|
21740
|
-
}
|
|
21741
|
-
function closeAllOpenPopovers(document2, focusPreviousElement = false, fireEvents = false) {
|
|
21742
|
-
let popover = topmostAutoOrHintPopover(document2);
|
|
21743
|
-
while (popover) {
|
|
21744
|
-
hidePopover(popover, focusPreviousElement, fireEvents);
|
|
21745
|
-
popover = topmostAutoOrHintPopover(document2);
|
|
21746
|
-
}
|
|
21747
|
-
}
|
|
21748
|
-
function closeAllOpenPopoversInList(list, focusPreviousElement = false, fireEvents = false) {
|
|
21749
|
-
let popover = topMostPopoverInList(list);
|
|
21750
|
-
while (popover) {
|
|
21751
|
-
hidePopover(popover, focusPreviousElement, fireEvents);
|
|
21752
|
-
popover = topMostPopoverInList(list);
|
|
21753
|
-
}
|
|
21754
|
-
}
|
|
21755
|
-
function hidePopoverStackUntil(endpoint, set, focusPreviousElement, fireEvents) {
|
|
21756
|
-
let repeatingHide = false;
|
|
21757
|
-
let hasRunOnce = false;
|
|
21758
|
-
while (repeatingHide || !hasRunOnce) {
|
|
21759
|
-
hasRunOnce = true;
|
|
21760
|
-
let lastToHide = null;
|
|
21761
|
-
let foundEndpoint = false;
|
|
21762
|
-
for (const popover of set) {
|
|
21763
|
-
if (popover === endpoint) {
|
|
21764
|
-
foundEndpoint = true;
|
|
21765
|
-
} else if (foundEndpoint) {
|
|
21766
|
-
lastToHide = popover;
|
|
21767
|
-
break;
|
|
21768
|
-
}
|
|
21769
|
-
}
|
|
21770
|
-
if (!lastToHide) return;
|
|
21771
|
-
while (getPopoverVisibilityState(lastToHide) === "showing" && set.size) {
|
|
21772
|
-
hidePopover(lastSetElement(set), focusPreviousElement, fireEvents);
|
|
21773
|
-
}
|
|
21774
|
-
if (set.has(endpoint) && lastSetElement(set) !== endpoint) {
|
|
21775
|
-
repeatingHide = true;
|
|
21776
|
-
}
|
|
21777
|
-
if (repeatingHide) {
|
|
21778
|
-
fireEvents = false;
|
|
21779
|
-
}
|
|
21780
|
-
}
|
|
21781
|
-
}
|
|
21782
|
-
function hideAllPopoversUntil(endpoint, focusPreviousElement, fireEvents) {
|
|
21783
|
-
const document2 = endpoint.ownerDocument || endpoint;
|
|
21784
|
-
if (endpoint instanceof Document) {
|
|
21785
|
-
return closeAllOpenPopovers(document2, focusPreviousElement, fireEvents);
|
|
21786
|
-
}
|
|
21787
|
-
if (hintPopoverList.get(document2)?.has(endpoint)) {
|
|
21788
|
-
hidePopoverStackUntil(
|
|
21789
|
-
endpoint,
|
|
21790
|
-
hintPopoverList.get(document2),
|
|
21791
|
-
focusPreviousElement,
|
|
21792
|
-
fireEvents
|
|
21793
|
-
);
|
|
21794
|
-
return;
|
|
21795
|
-
}
|
|
21796
|
-
closeAllOpenPopoversInList(
|
|
21797
|
-
hintPopoverList.get(document2) || /* @__PURE__ */ new Set(),
|
|
21798
|
-
focusPreviousElement,
|
|
21799
|
-
fireEvents
|
|
21800
|
-
);
|
|
21801
|
-
if (!autoPopoverList.get(document2)?.has(endpoint)) {
|
|
21802
|
-
return;
|
|
21803
|
-
}
|
|
21804
|
-
hidePopoverStackUntil(
|
|
21805
|
-
endpoint,
|
|
21806
|
-
autoPopoverList.get(document2),
|
|
21807
|
-
focusPreviousElement,
|
|
21808
|
-
fireEvents
|
|
21809
|
-
);
|
|
21810
|
-
}
|
|
21811
|
-
var popoverPointerDownTargets = /* @__PURE__ */ new WeakMap();
|
|
21812
|
-
function lightDismissOpenPopovers(event) {
|
|
21813
|
-
if (!event.isTrusted) return;
|
|
21814
|
-
const target = event.composedPath()[0];
|
|
21815
|
-
if (!target) return;
|
|
21816
|
-
const document2 = target.ownerDocument;
|
|
21817
|
-
const topMostPopover = topmostAutoOrHintPopover(document2);
|
|
21818
|
-
if (!topMostPopover) return;
|
|
21819
|
-
const ancestor = topMostClickedPopover(target);
|
|
21820
|
-
if (ancestor && event.type === "pointerdown") {
|
|
21821
|
-
popoverPointerDownTargets.set(document2, ancestor);
|
|
21822
|
-
} else if (event.type === "pointerup") {
|
|
21823
|
-
const sameTarget = popoverPointerDownTargets.get(document2) === ancestor;
|
|
21824
|
-
popoverPointerDownTargets.delete(document2);
|
|
21825
|
-
if (sameTarget) {
|
|
21826
|
-
hideAllPopoversUntil(ancestor || document2, false, true);
|
|
21827
|
-
}
|
|
21828
|
-
}
|
|
21829
|
-
}
|
|
21830
|
-
var initialAriaExpandedValue = /* @__PURE__ */ new WeakMap();
|
|
21831
|
-
function setInvokerAriaExpanded(el, force = false) {
|
|
21832
|
-
if (!el) return;
|
|
21833
|
-
if (!initialAriaExpandedValue.has(el)) {
|
|
21834
|
-
initialAriaExpandedValue.set(el, el.getAttribute("aria-expanded"));
|
|
21835
|
-
}
|
|
21836
|
-
const popover = el.popoverTargetElement;
|
|
21837
|
-
if (popover instanceof HTMLElement && popover.popover === "auto") {
|
|
21838
|
-
el.setAttribute("aria-expanded", String(force));
|
|
21839
|
-
} else {
|
|
21840
|
-
const initialValue = initialAriaExpandedValue.get(el);
|
|
21841
|
-
if (!initialValue) {
|
|
21842
|
-
el.removeAttribute("aria-expanded");
|
|
21843
|
-
} else {
|
|
21844
|
-
el.setAttribute("aria-expanded", initialValue);
|
|
21845
|
-
}
|
|
21846
|
-
}
|
|
21847
|
-
}
|
|
21848
|
-
|
|
21849
|
-
// src/popover.ts
|
|
21850
|
-
var ShadowRoot2 = globalThis.ShadowRoot || function() {
|
|
21851
|
-
};
|
|
21852
|
-
function isSupported() {
|
|
21853
|
-
return typeof HTMLElement !== "undefined" && typeof HTMLElement.prototype === "object" && "popover" in HTMLElement.prototype;
|
|
21854
|
-
}
|
|
21855
|
-
function patchSelectorFn(object, name, mapper) {
|
|
21856
|
-
const original = object[name];
|
|
21857
|
-
Object.defineProperty(object, name, {
|
|
21858
|
-
value(selector) {
|
|
21859
|
-
return original.call(this, mapper(selector));
|
|
21860
|
-
}
|
|
21861
|
-
});
|
|
21862
|
-
}
|
|
21863
|
-
var nonEscapedPopoverSelector = /(^|[^\\]):popover-open\b/g;
|
|
21864
|
-
function hasLayerSupport() {
|
|
21865
|
-
return typeof globalThis.CSSLayerBlockRule === "function";
|
|
21866
|
-
}
|
|
21867
|
-
function getStyles() {
|
|
21868
|
-
const useLayer = hasLayerSupport();
|
|
21869
|
-
return `
|
|
21870
|
-
${useLayer ? "@layer popover-polyfill {" : ""}
|
|
21871
|
-
:where([popover]) {
|
|
21872
|
-
position: fixed;
|
|
21873
|
-
z-index: 2147483647;
|
|
21874
|
-
inset: 0;
|
|
21875
|
-
padding: 0.25em;
|
|
21876
|
-
width: fit-content;
|
|
21877
|
-
height: fit-content;
|
|
21878
|
-
border-width: initial;
|
|
21879
|
-
border-color: initial;
|
|
21880
|
-
border-image: initial;
|
|
21881
|
-
border-style: solid;
|
|
21882
|
-
background-color: canvas;
|
|
21883
|
-
color: canvastext;
|
|
21884
|
-
overflow: auto;
|
|
21885
|
-
margin: auto;
|
|
21886
|
-
}
|
|
21887
|
-
|
|
21888
|
-
:where([popover]:not(.\\:popover-open)) {
|
|
21889
|
-
display: none;
|
|
21890
|
-
}
|
|
21891
|
-
|
|
21892
|
-
:where(dialog[popover].\\:popover-open) {
|
|
21893
|
-
display: block;
|
|
21894
|
-
}
|
|
21895
|
-
|
|
21896
|
-
:where(dialog[popover][open]) {
|
|
21897
|
-
display: revert;
|
|
21898
|
-
}
|
|
21899
|
-
|
|
21900
|
-
:where([anchor].\\:popover-open) {
|
|
21901
|
-
inset: auto;
|
|
21902
|
-
}
|
|
21903
|
-
|
|
21904
|
-
:where([anchor]:popover-open) {
|
|
21905
|
-
inset: auto;
|
|
21906
|
-
}
|
|
21907
|
-
|
|
21908
|
-
@supports not (background-color: canvas) {
|
|
21909
|
-
:where([popover]) {
|
|
21910
|
-
background-color: white;
|
|
21911
|
-
color: black;
|
|
21912
|
-
}
|
|
21913
|
-
}
|
|
21914
|
-
|
|
21915
|
-
@supports (width: -moz-fit-content) {
|
|
21916
|
-
:where([popover]) {
|
|
21917
|
-
width: -moz-fit-content;
|
|
21918
|
-
height: -moz-fit-content;
|
|
21919
|
-
}
|
|
21920
|
-
}
|
|
21921
|
-
|
|
21922
|
-
@supports not (inset: 0) {
|
|
21923
|
-
:where([popover]) {
|
|
21924
|
-
top: 0;
|
|
21925
|
-
left: 0;
|
|
21926
|
-
right: 0;
|
|
21927
|
-
bottom: 0;
|
|
21928
|
-
}
|
|
21929
|
-
}
|
|
21930
|
-
${useLayer ? "}" : ""}
|
|
21931
|
-
`;
|
|
21932
|
-
}
|
|
21933
|
-
var popoverStyleSheet = null;
|
|
21934
|
-
function injectStyles(root) {
|
|
21935
|
-
const styles = getStyles();
|
|
21936
|
-
if (popoverStyleSheet === null) {
|
|
21937
|
-
try {
|
|
21938
|
-
popoverStyleSheet = new CSSStyleSheet();
|
|
21939
|
-
popoverStyleSheet.replaceSync(styles);
|
|
21940
|
-
} catch {
|
|
21941
|
-
popoverStyleSheet = false;
|
|
21942
|
-
}
|
|
21943
|
-
}
|
|
21944
|
-
if (popoverStyleSheet === false) {
|
|
21945
|
-
const sheet = document.createElement("style");
|
|
21946
|
-
sheet.textContent = styles;
|
|
21947
|
-
if (root instanceof Document) {
|
|
21948
|
-
root.head.prepend(sheet);
|
|
21949
|
-
} else {
|
|
21950
|
-
root.prepend(sheet);
|
|
21951
|
-
}
|
|
21952
|
-
} else {
|
|
21953
|
-
root.adoptedStyleSheets = [popoverStyleSheet, ...root.adoptedStyleSheets];
|
|
21954
|
-
}
|
|
21955
|
-
}
|
|
21956
|
-
function apply() {
|
|
21957
|
-
if (typeof window === "undefined") return;
|
|
21958
|
-
window.ToggleEvent = window.ToggleEvent || ToggleEvent;
|
|
21959
|
-
function rewriteSelector(selector) {
|
|
21960
|
-
if (selector?.includes(":popover-open")) {
|
|
21961
|
-
selector = selector.replace(
|
|
21962
|
-
nonEscapedPopoverSelector,
|
|
21963
|
-
"$1.\\:popover-open"
|
|
21964
|
-
);
|
|
21965
|
-
}
|
|
21966
|
-
return selector;
|
|
21967
|
-
}
|
|
21968
|
-
patchSelectorFn(Document.prototype, "querySelector", rewriteSelector);
|
|
21969
|
-
patchSelectorFn(Document.prototype, "querySelectorAll", rewriteSelector);
|
|
21970
|
-
patchSelectorFn(Element.prototype, "querySelector", rewriteSelector);
|
|
21971
|
-
patchSelectorFn(Element.prototype, "querySelectorAll", rewriteSelector);
|
|
21972
|
-
patchSelectorFn(Element.prototype, "matches", rewriteSelector);
|
|
21973
|
-
patchSelectorFn(Element.prototype, "closest", rewriteSelector);
|
|
21974
|
-
patchSelectorFn(
|
|
21975
|
-
DocumentFragment.prototype,
|
|
21976
|
-
"querySelectorAll",
|
|
21977
|
-
rewriteSelector
|
|
21978
|
-
);
|
|
21979
|
-
Object.defineProperties(HTMLElement.prototype, {
|
|
21980
|
-
popover: {
|
|
21981
|
-
enumerable: true,
|
|
21982
|
-
configurable: true,
|
|
21983
|
-
get() {
|
|
21984
|
-
if (!this.hasAttribute("popover")) return null;
|
|
21985
|
-
const value = (this.getAttribute("popover") || "").toLowerCase();
|
|
21986
|
-
if (value === "" || value == "auto") return "auto";
|
|
21987
|
-
if (value == "hint") return "hint";
|
|
21988
|
-
return "manual";
|
|
21989
|
-
},
|
|
21990
|
-
set(value) {
|
|
21991
|
-
if (value === null) {
|
|
21992
|
-
this.removeAttribute("popover");
|
|
21993
|
-
} else {
|
|
21994
|
-
this.setAttribute("popover", value);
|
|
21995
|
-
}
|
|
21996
|
-
}
|
|
21997
|
-
},
|
|
21998
|
-
showPopover: {
|
|
21999
|
-
enumerable: true,
|
|
22000
|
-
configurable: true,
|
|
22001
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
22002
|
-
value(options = {}) {
|
|
22003
|
-
showPopover(this);
|
|
22004
|
-
}
|
|
22005
|
-
},
|
|
22006
|
-
hidePopover: {
|
|
22007
|
-
enumerable: true,
|
|
22008
|
-
configurable: true,
|
|
22009
|
-
value() {
|
|
22010
|
-
hidePopover(this, true, true);
|
|
22011
|
-
}
|
|
22012
|
-
},
|
|
22013
|
-
togglePopover: {
|
|
22014
|
-
enumerable: true,
|
|
22015
|
-
configurable: true,
|
|
22016
|
-
value(options = {}) {
|
|
22017
|
-
if (typeof options === "boolean") {
|
|
22018
|
-
options = { force: options };
|
|
22019
|
-
}
|
|
22020
|
-
if (visibilityState.get(this) === "showing" && options.force === void 0 || options.force === false) {
|
|
22021
|
-
hidePopover(this, true, true);
|
|
22022
|
-
} else if (options.force === void 0 || options.force === true) {
|
|
22023
|
-
showPopover(this);
|
|
22024
|
-
}
|
|
22025
|
-
return visibilityState.get(this) === "showing";
|
|
22026
|
-
}
|
|
22027
|
-
}
|
|
22028
|
-
});
|
|
22029
|
-
const originalAttachShadow = Element.prototype.attachShadow;
|
|
22030
|
-
if (originalAttachShadow) {
|
|
22031
|
-
Object.defineProperties(Element.prototype, {
|
|
22032
|
-
attachShadow: {
|
|
22033
|
-
enumerable: true,
|
|
22034
|
-
configurable: true,
|
|
22035
|
-
writable: true,
|
|
22036
|
-
value(options) {
|
|
22037
|
-
const shadowRoot = originalAttachShadow.call(this, options);
|
|
22038
|
-
injectStyles(shadowRoot);
|
|
22039
|
-
return shadowRoot;
|
|
22040
|
-
}
|
|
22041
|
-
}
|
|
22042
|
-
});
|
|
22043
|
-
}
|
|
22044
|
-
const originalAttachInternals = HTMLElement.prototype.attachInternals;
|
|
22045
|
-
if (originalAttachInternals) {
|
|
22046
|
-
Object.defineProperties(HTMLElement.prototype, {
|
|
22047
|
-
attachInternals: {
|
|
22048
|
-
enumerable: true,
|
|
22049
|
-
configurable: true,
|
|
22050
|
-
writable: true,
|
|
22051
|
-
value() {
|
|
22052
|
-
const internals = originalAttachInternals.call(this);
|
|
22053
|
-
if (internals.shadowRoot) {
|
|
22054
|
-
injectStyles(internals.shadowRoot);
|
|
22055
|
-
}
|
|
22056
|
-
return internals;
|
|
22057
|
-
}
|
|
22058
|
-
}
|
|
22059
|
-
});
|
|
22060
|
-
}
|
|
22061
|
-
const popoverTargetAssociatedElements = /* @__PURE__ */ new WeakMap();
|
|
22062
|
-
function applyPopoverInvokerElementMixin(ElementClass) {
|
|
22063
|
-
Object.defineProperties(ElementClass.prototype, {
|
|
22064
|
-
popoverTargetElement: {
|
|
22065
|
-
enumerable: true,
|
|
22066
|
-
configurable: true,
|
|
22067
|
-
set(targetElement) {
|
|
22068
|
-
if (targetElement === null) {
|
|
22069
|
-
this.removeAttribute("popovertarget");
|
|
22070
|
-
popoverTargetAssociatedElements.delete(this);
|
|
22071
|
-
} else if (!(targetElement instanceof Element)) {
|
|
22072
|
-
throw new TypeError(
|
|
22073
|
-
`popoverTargetElement must be an element or null`
|
|
22074
|
-
);
|
|
22075
|
-
} else {
|
|
22076
|
-
this.setAttribute("popovertarget", "");
|
|
22077
|
-
popoverTargetAssociatedElements.set(this, targetElement);
|
|
22078
|
-
}
|
|
22079
|
-
},
|
|
22080
|
-
get() {
|
|
22081
|
-
if (this.localName !== "button" && this.localName !== "input") {
|
|
22082
|
-
return null;
|
|
22083
|
-
}
|
|
22084
|
-
if (this.localName === "input" && this.type !== "reset" && this.type !== "image" && this.type !== "button") {
|
|
22085
|
-
return null;
|
|
22086
|
-
}
|
|
22087
|
-
if (this.disabled) {
|
|
22088
|
-
return null;
|
|
22089
|
-
}
|
|
22090
|
-
if (this.form && this.type === "submit") {
|
|
22091
|
-
return null;
|
|
22092
|
-
}
|
|
22093
|
-
const targetElement = popoverTargetAssociatedElements.get(this);
|
|
22094
|
-
if (targetElement && targetElement.isConnected) {
|
|
22095
|
-
return targetElement;
|
|
22096
|
-
} else if (targetElement && !targetElement.isConnected) {
|
|
22097
|
-
popoverTargetAssociatedElements.delete(this);
|
|
22098
|
-
return null;
|
|
22099
|
-
}
|
|
22100
|
-
const root = getRootNode(this);
|
|
22101
|
-
const idref = this.getAttribute("popovertarget");
|
|
22102
|
-
if ((root instanceof Document || root instanceof ShadowRoot2) && idref) {
|
|
22103
|
-
return root.getElementById(idref) || null;
|
|
22104
|
-
}
|
|
22105
|
-
return null;
|
|
22106
|
-
}
|
|
22107
|
-
},
|
|
22108
|
-
popoverTargetAction: {
|
|
22109
|
-
enumerable: true,
|
|
22110
|
-
configurable: true,
|
|
22111
|
-
get() {
|
|
22112
|
-
const value = (this.getAttribute("popovertargetaction") || "").toLowerCase();
|
|
22113
|
-
if (value === "show" || value === "hide") return value;
|
|
22114
|
-
return "toggle";
|
|
22115
|
-
},
|
|
22116
|
-
set(value) {
|
|
22117
|
-
this.setAttribute("popovertargetaction", value);
|
|
22118
|
-
}
|
|
22119
|
-
}
|
|
22120
|
-
});
|
|
22121
|
-
}
|
|
22122
|
-
applyPopoverInvokerElementMixin(HTMLButtonElement);
|
|
22123
|
-
applyPopoverInvokerElementMixin(HTMLInputElement);
|
|
22124
|
-
const handleInvokerActivation = (event) => {
|
|
22125
|
-
const composedPath = event.composedPath();
|
|
22126
|
-
const target = composedPath[0];
|
|
22127
|
-
if (!(target instanceof Element) || target?.shadowRoot) {
|
|
22128
|
-
return;
|
|
22129
|
-
}
|
|
22130
|
-
const root = getRootNode(target);
|
|
22131
|
-
if (!(root instanceof ShadowRoot2 || root instanceof Document)) {
|
|
22132
|
-
return;
|
|
22133
|
-
}
|
|
22134
|
-
const invoker = composedPath.find(
|
|
22135
|
-
(el) => el.matches?.("[popovertargetaction],[popovertarget]")
|
|
22136
|
-
);
|
|
22137
|
-
if (invoker) {
|
|
22138
|
-
popoverTargetAttributeActivationBehavior(invoker);
|
|
22139
|
-
event.preventDefault();
|
|
22140
|
-
return;
|
|
22141
|
-
}
|
|
22142
|
-
};
|
|
22143
|
-
const onKeydown = (event) => {
|
|
22144
|
-
const key = event.key;
|
|
22145
|
-
const target = event.target;
|
|
22146
|
-
if (!event.defaultPrevented && target && (key === "Escape" || key === "Esc")) {
|
|
22147
|
-
hideAllPopoversUntil(target.ownerDocument, true, true);
|
|
22148
|
-
}
|
|
22149
|
-
};
|
|
22150
|
-
const addEventListeners = (root) => {
|
|
22151
|
-
root.addEventListener("click", handleInvokerActivation);
|
|
22152
|
-
root.addEventListener("keydown", onKeydown);
|
|
22153
|
-
root.addEventListener("pointerdown", lightDismissOpenPopovers);
|
|
22154
|
-
root.addEventListener("pointerup", lightDismissOpenPopovers);
|
|
22155
|
-
};
|
|
22156
|
-
addEventListeners(document);
|
|
22157
|
-
injectStyles(document);
|
|
22158
|
-
}
|
|
22159
|
-
|
|
22160
|
-
const duration = 250;
|
|
22161
|
-
const easing = 'ease-out';
|
|
22162
|
-
function popIn(el) {
|
|
22163
|
-
if (!el)
|
|
22164
|
-
return;
|
|
22165
|
-
return el.animate([
|
|
22166
|
-
{ transform: 'scale(0.9)', opacity: 0 },
|
|
22167
|
-
{ transform: 'scale(1)', opacity: 1 },
|
|
22168
|
-
], {
|
|
22169
|
-
duration,
|
|
22170
|
-
easing,
|
|
22171
|
-
fill: 'forwards',
|
|
22172
|
-
});
|
|
22173
|
-
}
|
|
22174
|
-
|
|
22175
|
-
const postPopovercontainerCss = () => `@layer polyfill{@supports not selector(:popover-open){:host([popover]:not(.\\:popover-open)){display:none}}}:host{background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);position:fixed;margin:0;padding:0;overflow:visible}:host>div{box-shadow:var(--post-device-elevation-300);width:max-content;max-width:100%;color:var(--post-current-fg);background-color:var(--post-current-bg);border-radius:4px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host>div{border:2px solid rgba(0,0,0,0)}}:host .arrow{--arrow-size: 0.5825rem;position:absolute;width:.5825rem;height:.5825rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}:host .arrow[dynamic-placement=top]{border-bottom-right-radius:2px}:host .arrow[dynamic-placement=right]{border-bottom-left-radius:2px}:host .arrow[dynamic-placement=bottom]{border-top-left-radius:2px}:host .arrow[dynamic-placement=left]{border-top-right-radius:2px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .arrow[dynamic-placement=top]{border-block-end:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);bottom:-0.3796735336rem !important}:host .arrow[dynamic-placement=left]{border-block-start:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);right:-0.3796735336rem !important}:host .arrow[dynamic-placement=right]{border-block-end:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);left:-0.3796735336rem !important}:host .arrow[dynamic-placement=bottom]{border-block-start:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);top:-0.3796735336rem !important}}:host([tooltip]){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:host([safe-space])::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:auto}:host([safe-space=triangle])::after{clip-path:polygon(var(--post-safe-space-cursor-x, 0) var(--post-safe-space-cursor-y, 0), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)))}:host([safe-space=trapezoid])::after{clip-path:polygon(var(--post-safe-space-trigger-x-start, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-start, 0)), var(--post-safe-space-trigger-x-end, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-end, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)))}:host(:not(:has(.arrow)))>div{box-shadow:var(--post-device-elevation-300)}:host(:has(.arrow))>div{filter:drop-shadow(1px 2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(2px 4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(4px 8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=top]))>div{filter:drop-shadow(0px -2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(0px -4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(0px -8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=left]))>div{filter:drop-shadow(-2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(-4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(-8px 0px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=right]))>div{filter:drop-shadow(2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(8px 0px 12px hsla(225, 7%, 11%, 0.15))}`;
|
|
22176
|
-
|
|
22177
|
-
const ANIMATIONS = {
|
|
22178
|
-
'pop-in': popIn,
|
|
21664
|
+
const postPopovercontainerCss = () => `@layer polyfill{@supports not selector(:popover-open){:host([popover]:not(.\\:popover-open)){display:none}}}:host{background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);position:fixed;margin:0;padding:0;overflow:visible}:host>div{box-shadow:var(--post-device-elevation-300);width:max-content;max-width:100%;color:var(--post-current-fg);background-color:var(--post-current-bg);border-radius:4px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host>div{border:2px solid rgba(0,0,0,0)}}:host .arrow{--arrow-size: 0.5825rem;position:absolute;width:.5825rem;height:.5825rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}:host .arrow[dynamic-placement=top]{border-bottom-right-radius:2px}:host .arrow[dynamic-placement=right]{border-bottom-left-radius:2px}:host .arrow[dynamic-placement=bottom]{border-top-left-radius:2px}:host .arrow[dynamic-placement=left]{border-top-right-radius:2px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host .arrow[dynamic-placement=top]{border-block-end:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);bottom:-0.3796735336rem !important}:host .arrow[dynamic-placement=left]{border-block-start:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0);right:-0.3796735336rem !important}:host .arrow[dynamic-placement=right]{border-block-end:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);left:-0.3796735336rem !important}:host .arrow[dynamic-placement=bottom]{border-block-start:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0);top:-0.3796735336rem !important}}:host([tooltip]){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:host([safe-space])::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:auto}:host([safe-space=triangle])::after{clip-path:polygon(var(--post-safe-space-cursor-x, 0) var(--post-safe-space-cursor-y, 0), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)))}:host([safe-space=trapezoid])::after{clip-path:polygon(var(--post-safe-space-trigger-x-start, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-start, 0)), var(--post-safe-space-trigger-x-end, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-end, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)))}:host(:not(:has(.arrow)))>div{box-shadow:var(--post-device-elevation-300)}:host(:has(.arrow))>div{filter:drop-shadow(1px 2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(2px 4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(4px 8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=top]))>div{filter:drop-shadow(0px -2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(0px -4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(0px -8px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=left]))>div{filter:drop-shadow(-2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(-4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(-8px 0px 12px hsla(225, 7%, 11%, 0.15))}:host(:has(.arrow[dynamic-placement=right]))>div{filter:drop-shadow(2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(8px 0px 12px hsla(225, 7%, 11%, 0.15))}`;
|
|
21665
|
+
|
|
21666
|
+
const ANIMATIONS = {
|
|
21667
|
+
'pop-in': popIn,
|
|
22179
21668
|
};
|
|
22180
21669
|
/**
|
|
22181
21670
|
* @slot - Default slot for placing content inside the popovercontainer.
|
|
@@ -22188,6 +21677,7 @@ class PostPopovercontainer {
|
|
|
22188
21677
|
this.postHide = createEvent(this, "postHide");
|
|
22189
21678
|
this.postBeforeToggle = createEvent(this, "postBeforeToggle");
|
|
22190
21679
|
this.postToggle = createEvent(this, "postToggle");
|
|
21680
|
+
this.toggleTimeoutId = null;
|
|
22191
21681
|
this.hasOpenedOnce = true;
|
|
22192
21682
|
/**
|
|
22193
21683
|
* Defines the placement of the popovercontainer according to the floating-ui options available at https://floating-ui.com/docs/computePosition#placement.
|
|
@@ -22208,6 +21698,7 @@ class PostPopovercontainer {
|
|
|
22208
21698
|
*/
|
|
22209
21699
|
this.animation = 'pop-in';
|
|
22210
21700
|
this.currentAnimation = null;
|
|
21701
|
+
this.boundMouseTrackingHandler = this.mouseTrackingHandler.bind(this);
|
|
22211
21702
|
}
|
|
22212
21703
|
validatePlacement() {
|
|
22213
21704
|
checkEmptyOrOneOf(this, 'placement', PLACEMENT_TYPES);
|
|
@@ -22228,9 +21719,6 @@ class PostPopovercontainer {
|
|
|
22228
21719
|
this.host.style.setProperty('--post-safe-space-cursor-y', `${event.clientY}px`);
|
|
22229
21720
|
}
|
|
22230
21721
|
connectedCallback() {
|
|
22231
|
-
if (IS_BROWSER && !isSupported()) {
|
|
22232
|
-
apply();
|
|
22233
|
-
}
|
|
22234
21722
|
}
|
|
22235
21723
|
componentDidLoad() {
|
|
22236
21724
|
this.validatePlacement();
|
|
@@ -22303,7 +21791,7 @@ class PostPopovercontainer {
|
|
|
22303
21791
|
}
|
|
22304
21792
|
}
|
|
22305
21793
|
if (this.safeSpace) {
|
|
22306
|
-
|
|
21794
|
+
globalThis.addEventListener('mousemove', this.boundMouseTrackingHandler);
|
|
22307
21795
|
}
|
|
22308
21796
|
}
|
|
22309
21797
|
/**
|
|
@@ -22314,7 +21802,7 @@ class PostPopovercontainer {
|
|
|
22314
21802
|
this.clearAutoUpdate();
|
|
22315
21803
|
}
|
|
22316
21804
|
if (this.safeSpace) {
|
|
22317
|
-
|
|
21805
|
+
globalThis.removeEventListener('mousemove', this.boundMouseTrackingHandler);
|
|
22318
21806
|
}
|
|
22319
21807
|
// Cancel any running animation
|
|
22320
21808
|
if (this.currentAnimation) {
|
|
@@ -22370,7 +21858,7 @@ class PostPopovercontainer {
|
|
|
22370
21858
|
* @param e ToggleEvent
|
|
22371
21859
|
*/
|
|
22372
21860
|
handleToggle(e) {
|
|
22373
|
-
this.toggleTimeoutId =
|
|
21861
|
+
this.toggleTimeoutId = globalThis.setTimeout(() => (this.toggleTimeoutId = null), 10);
|
|
22374
21862
|
const isOpen = e.newState === 'open';
|
|
22375
21863
|
if (isOpen) {
|
|
22376
21864
|
this.open();
|
|
@@ -22393,7 +21881,7 @@ class PostPopovercontainer {
|
|
|
22393
21881
|
*/
|
|
22394
21882
|
getHeaderHeight() {
|
|
22395
21883
|
const header = document.querySelector('post-header');
|
|
22396
|
-
return header ? parseFloat(getComputedStyle(header).height) : 0;
|
|
21884
|
+
return header ? Number.parseFloat(getComputedStyle(header).height) : 0;
|
|
22397
21885
|
}
|
|
22398
21886
|
async calculatePosition() {
|
|
22399
21887
|
const { x, y, middlewareData, placement } = await this.computeMainPosition();
|
|
@@ -22430,17 +21918,23 @@ class PostPopovercontainer {
|
|
|
22430
21918
|
}
|
|
22431
21919
|
async computeMainPosition() {
|
|
22432
21920
|
const gap = this.edgeGap;
|
|
22433
|
-
const
|
|
22434
|
-
|
|
22435
|
-
|
|
21921
|
+
const isAligned = (this.placement || 'top').includes('-');
|
|
21922
|
+
const flipMiddleware = flip({
|
|
21923
|
+
padding: this.getHeaderHeight(),
|
|
21924
|
+
crossAxis: false,
|
|
21925
|
+
});
|
|
21926
|
+
const shiftMiddleware = shift({
|
|
21927
|
+
padding: gap,
|
|
21928
|
+
limiter: limitShift({
|
|
21929
|
+
offset: 32,
|
|
22436
21930
|
}),
|
|
21931
|
+
});
|
|
21932
|
+
const middleware = [
|
|
21933
|
+
offset(this.offset ?? (this.arrow ? gap + 4 : gap)),
|
|
22437
21934
|
inline(),
|
|
22438
|
-
|
|
22439
|
-
|
|
22440
|
-
|
|
22441
|
-
offset: 32,
|
|
22442
|
-
}),
|
|
22443
|
-
}),
|
|
21935
|
+
// Per floating-ui docs: for aligned placements (e.g. bottom-end),
|
|
21936
|
+
// flip should come before shift. For non-aligned, shift before flip.
|
|
21937
|
+
...(isAligned ? [flipMiddleware, shiftMiddleware] : [shiftMiddleware, flipMiddleware]),
|
|
22444
21938
|
size({
|
|
22445
21939
|
apply({ availableWidth, elements }) {
|
|
22446
21940
|
Object.assign(elements.floating.style, {
|
|
@@ -22448,7 +21942,6 @@ class PostPopovercontainer {
|
|
|
22448
21942
|
});
|
|
22449
21943
|
},
|
|
22450
21944
|
}),
|
|
22451
|
-
offset(this.offset ?? (this.arrow ? gap + 4 : gap)),
|
|
22452
21945
|
];
|
|
22453
21946
|
if (this.arrow) {
|
|
22454
21947
|
middleware.push(arrow({ element: this.arrowRef, padding: gap }));
|
|
@@ -22520,9 +22013,9 @@ class PostPopovercontainer {
|
|
|
22520
22013
|
}
|
|
22521
22014
|
}
|
|
22522
22015
|
render() {
|
|
22523
|
-
return (hAsync(Host, { key: '
|
|
22016
|
+
return (hAsync(Host, { key: '9da5ddc34b0f749826341154e1893e2ac303ed4d', "data-version": version$1, popover: "auto" }, hAsync("div", { key: 'd3a56362b6ecd910455873ce62b1f7a753c6eaa8', part: "post-popovercontainer-content", class: "popover-content" }, this.arrow && (hAsync("span", { key: '45b982f1a4d1ca5ca4feae898b1e5ea338409455', "dynamic-placement": this.dynamicPlacement, class: "arrow", ref: el => {
|
|
22524
22017
|
this.arrowRef = el;
|
|
22525
|
-
} })), hAsync("slot", { key: '
|
|
22018
|
+
} })), hAsync("slot", { key: 'e9231da953aa6b0e4c63eede8aba900f16fab4b6' }))));
|
|
22526
22019
|
}
|
|
22527
22020
|
get host() { return getElement(this); }
|
|
22528
22021
|
static get watchers() { return {
|
|
@@ -22668,7 +22161,7 @@ class PostRating {
|
|
|
22668
22161
|
}
|
|
22669
22162
|
}
|
|
22670
22163
|
render() {
|
|
22671
|
-
return (hAsync(Host, { key: '
|
|
22164
|
+
return (hAsync(Host, { key: 'c8266ca9d136f7a10f3515e784acad64f4e14aca', "data-version": version$1 }, hAsync("div", { key: '042df9d7d808ce737f56785d3b622c20bad3f280', role: "slider", class: "rating", tabindex: "0", "aria-label": this.label, "aria-valuemin": "0", "aria-valuemax": this.stars, "aria-valuenow": this.currentRating, "aria-valuetext": `${this.currentRating} / ${this.stars}`, "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.keydownHandler, onBlur: this.blurHandler }, Array.from({ length: this.stars }).map((v, i) => (hAsync("div", { key: `star-${v}`, "aria-hidden": "true", class: {
|
|
22672
22165
|
'star': true,
|
|
22673
22166
|
'before-hover': i < this.hoveredIndex,
|
|
22674
22167
|
'active': i < Math.round(this.currentRating),
|
|
@@ -22760,7 +22253,7 @@ class PostStepper {
|
|
|
22760
22253
|
updateActiveStepNumber() {
|
|
22761
22254
|
if (this.textStepNumber) {
|
|
22762
22255
|
const labelTemplate = this.textStepNumber;
|
|
22763
|
-
this.mobileActiveStepLabel = labelTemplate.
|
|
22256
|
+
this.mobileActiveStepLabel = labelTemplate.replaceAll('#number', `${this.selectedIndex + 1}`);
|
|
22764
22257
|
if (this.stepItems) {
|
|
22765
22258
|
this.updateMobileActiveStepVisibility();
|
|
22766
22259
|
}
|
|
@@ -22814,7 +22307,7 @@ class PostStepper {
|
|
|
22814
22307
|
}
|
|
22815
22308
|
}
|
|
22816
22309
|
render() {
|
|
22817
|
-
return (hAsync(Host, { key: '
|
|
22310
|
+
return (hAsync(Host, { key: 'c0f0b43848cf7cf2ad3b909b9ac3977214090f49', "data-version": version$1 }, hAsync("ol", { key: 'fb3b6a002e18355f731caa783c1c183e9d17719a' }, hAsync("slot", { key: '3241341b4427e5b5963d5b2f1c8096752e447894', onSlotchange: () => this.updateSteps() })), hAsync("div", { key: 'd7d4b983c5d038f2a214292882ba44c31a47e53d', class: "active-step", "aria-hidden": "true" }, hAsync("span", { key: '82e9aaf029ed13effb873ee0cfcc44b06be18743', class: "active-step-label" }, this.mobileActiveStepLabel), hAsync("span", { key: 'b1874d60c5fff75813094e93cb00b1249f513a55', innerHTML: this.mobileActiveStepName }))));
|
|
22818
22311
|
}
|
|
22819
22312
|
get host() { return getElement(this); }
|
|
22820
22313
|
static get watchers() { return {
|
|
@@ -22860,7 +22353,7 @@ class PostStepperItem {
|
|
|
22860
22353
|
registerInstance(this, hostRef);
|
|
22861
22354
|
}
|
|
22862
22355
|
render() {
|
|
22863
|
-
return (hAsync(Host, { key: '
|
|
22356
|
+
return (hAsync(Host, { key: '95ebc80981c11cb53b992b55292c8588ece1425d', "data-version": version$1, role: "listitem" }, hAsync("span", { key: '64a3d6e185d0df66e89e63a09e934129cd51c00f', class: "stepper-item-content" }, hAsync("span", { key: '936c9473e1644a6f77a8b510a9159f3258ab97cc', class: "step-hidden-label visually-hidden" }), hAsync("span", { key: 'd6d256202dd0cc53f106d8452660e96b77557219', class: "label" }, hAsync("slot", { key: 'fe6ce78b72bbb24879fd4b5eba9594d8ef135bc2' })))));
|
|
22864
22357
|
}
|
|
22865
22358
|
static get style() { return postStepperItemCss(); }
|
|
22866
22359
|
static get cmpMeta() { return {
|
|
@@ -22907,7 +22400,7 @@ class PostTabItem {
|
|
|
22907
22400
|
this.isNavigationMode = hasAnchor;
|
|
22908
22401
|
}
|
|
22909
22402
|
render() {
|
|
22910
|
-
return (hAsync(Host, { key: '
|
|
22403
|
+
return (hAsync(Host, { key: 'e660f8e1051523a4a88a0ad4808b294c2f80bcbb', 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: '9e5ec2ac67fbf1c56b8f7bd11205438d5ce08956' })));
|
|
22911
22404
|
}
|
|
22912
22405
|
get host() { return getElement(this); }
|
|
22913
22406
|
static get watchers() { return {
|
|
@@ -22948,7 +22441,7 @@ class PostTabPanel {
|
|
|
22948
22441
|
this.panelId = `panel-${this.host.id || nanoid(6)}`;
|
|
22949
22442
|
}
|
|
22950
22443
|
render() {
|
|
22951
|
-
return (hAsync(Host, { key: '
|
|
22444
|
+
return (hAsync(Host, { key: '27d2f9dedd65a3500d477ce979ace6d9eb0d429a', "data-version": version$1, id: this.panelId, role: "tabpanel", slot: "panels" }, hAsync("slot", { key: '890e7ec2bcf451d3281b224601597db281d6da58' })));
|
|
22952
22445
|
}
|
|
22953
22446
|
get host() { return getElement(this); }
|
|
22954
22447
|
static get watchers() { return {
|
|
@@ -23105,7 +22598,7 @@ class PostTabs {
|
|
|
23105
22598
|
// This works even before post-tab-item sets data-navigation-mode attribute
|
|
23106
22599
|
const hasNavigationTabs = this.tabs.some(tab => {
|
|
23107
22600
|
const hasAnchor = tab.querySelector('a') !== null;
|
|
23108
|
-
const navModeAttr = tab.
|
|
22601
|
+
const navModeAttr = tab.dataset.navigationMode === 'true';
|
|
23109
22602
|
return hasAnchor || navModeAttr;
|
|
23110
22603
|
});
|
|
23111
22604
|
const hasPanels = this.panels.length > 0;
|
|
@@ -23254,7 +22747,7 @@ class PostTabs {
|
|
|
23254
22747
|
nextTab = this.tabs[activeTabIndex + 1] || this.tabs[0];
|
|
23255
22748
|
}
|
|
23256
22749
|
else {
|
|
23257
|
-
nextTab = this.tabs[activeTabIndex - 1] || this.tabs
|
|
22750
|
+
nextTab = this.tabs[activeTabIndex - 1] || this.tabs.at(-1);
|
|
23258
22751
|
}
|
|
23259
22752
|
if (!nextTab)
|
|
23260
22753
|
return;
|
|
@@ -23263,10 +22756,10 @@ class PostTabs {
|
|
|
23263
22756
|
}
|
|
23264
22757
|
render() {
|
|
23265
22758
|
const TabsContainer = this.isNavigationMode ? 'nav' : 'div';
|
|
23266
|
-
return (hAsync(Host, { key: '
|
|
22759
|
+
return (hAsync(Host, { key: '5ae75fc550faae05dbca22e815a75e05f5cebc54', "data-version": version$1 }, hAsync("div", { key: '606990249519c2504e47e24b1e1b95c660278828', class: "tabs-wrapper", part: "post-tabs" }, hAsync(TabsContainer, { key: 'ed0a4b53c47bc808e0c0713f4d014338e0124e37', class: "tabs", role: this.isNavigationMode ? undefined : 'tablist', "aria-label": this.isNavigationMode ? this.label : undefined }, hAsync("slot", { key: 'ec504e221fb5694fea03630da0671b7c2c827648', onSlotchange: () => {
|
|
23267
22760
|
this.moveMisplacedTabs();
|
|
23268
22761
|
this.enableTabs();
|
|
23269
|
-
} }))), !this.isNavigationMode && (hAsync("div", { key: '
|
|
22762
|
+
} }))), !this.isNavigationMode && (hAsync("div", { key: '4bfd0fb25e0070b0a8ebeef0127cb8ac2b097bc0', class: "tab-content", part: "post-tabs-content" }, hAsync("slot", { key: 'ecf2630c87dce6a797c1c13d31e5ead2b7f903d8', name: "panels", onSlotchange: () => this.moveMisplacedPanels() })))));
|
|
23270
22763
|
}
|
|
23271
22764
|
get host() { return getElement(this); }
|
|
23272
22765
|
static get watchers() { return {
|
|
@@ -23321,7 +22814,7 @@ class PostTogglebutton {
|
|
|
23321
22814
|
this.host.addEventListener('keydown', (e) => this.handleKeydown(e), { capture: true });
|
|
23322
22815
|
}
|
|
23323
22816
|
render() {
|
|
23324
|
-
return (hAsync(Host, { key: '
|
|
22817
|
+
return (hAsync(Host, { key: 'fdf27aa68db2c3e6757176894b5b293a563e444d', "data-version": version$1, role: "button", tabindex: "0", "aria-pressed": this.toggled.toString() }, hAsync("slot", { key: '2be2ca3e516a3ee6f39f9dc943142cf5e138d1b2' })));
|
|
23325
22818
|
}
|
|
23326
22819
|
get host() { return getElement(this); }
|
|
23327
22820
|
static get style() { return postTogglebuttonCss(); }
|
|
@@ -23402,7 +22895,7 @@ class PostTooltip {
|
|
|
23402
22895
|
}
|
|
23403
22896
|
render() {
|
|
23404
22897
|
const popoverClass = `${this.arrow ? 'has-arrow' : ''}`;
|
|
23405
|
-
return (hAsync(Host, { key: '
|
|
22898
|
+
return (hAsync(Host, { key: 'e3dd0e3b779563948a727958237ffb5ee3786c67', "data-version": version$1 }, hAsync("post-popovercontainer", { key: 'bcc80a61fa0292191efc0525c410630b8dbb29e3', 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: '3b07a74f1edc3d7fc49211b4f85188ad8a05acad' }))));
|
|
23406
22899
|
}
|
|
23407
22900
|
get host() { return getElement(this); }
|
|
23408
22901
|
static get watchers() { return {
|
|
@@ -23431,11 +22924,6 @@ class PostTooltip {
|
|
|
23431
22924
|
const postTooltipTriggerCss = () => `post-tooltip-trigger{vertical-align:top}:host{cursor:pointer}`;
|
|
23432
22925
|
|
|
23433
22926
|
const TRIGGER_EVENTS = ['pointerenter', 'pointerleave', 'focusin', 'focusout', 'long-press'];
|
|
23434
|
-
if (IS_BROWSER) {
|
|
23435
|
-
(async () => {
|
|
23436
|
-
await Promise.resolve().then(function () { return longPressEvent; });
|
|
23437
|
-
})();
|
|
23438
|
-
}
|
|
23439
22927
|
/**
|
|
23440
22928
|
* @slot default - Content to trigger the tooltip. Can contain any focusable element or will be made focusable automatically.
|
|
23441
22929
|
*/
|
|
@@ -23461,10 +22949,7 @@ class PostTooltipTrigger {
|
|
|
23461
22949
|
checkEmptyOrType(this, 'for', 'string');
|
|
23462
22950
|
}
|
|
23463
22951
|
get tooltip() {
|
|
23464
|
-
|
|
23465
|
-
return null;
|
|
23466
|
-
const ref = document.getElementById(this.for);
|
|
23467
|
-
return ref?.localName === 'post-tooltip' ? ref : null;
|
|
22952
|
+
return null;
|
|
23468
22953
|
}
|
|
23469
22954
|
componentDidLoad() {
|
|
23470
22955
|
this.setupTrigger();
|
|
@@ -23505,7 +22990,7 @@ class PostTooltipTrigger {
|
|
|
23505
22990
|
setupTrigger() {
|
|
23506
22991
|
this.trigger = this.host.querySelector('*');
|
|
23507
22992
|
if (this.trigger) {
|
|
23508
|
-
if (!isFocusable
|
|
22993
|
+
if (!isFocusable(this.trigger)) {
|
|
23509
22994
|
this.trigger.setAttribute('tabindex', '0');
|
|
23510
22995
|
}
|
|
23511
22996
|
const describedBy = this.trigger.getAttribute('aria-describedby') || '';
|
|
@@ -23580,7 +23065,7 @@ class PostTooltipTrigger {
|
|
|
23580
23065
|
interestHandler() {
|
|
23581
23066
|
if (this.trigger) {
|
|
23582
23067
|
if (this.delay > 0) {
|
|
23583
|
-
this.delayTimeout =
|
|
23068
|
+
this.delayTimeout = globalThis.setTimeout(() => {
|
|
23584
23069
|
this.tooltip?.show(this.trigger);
|
|
23585
23070
|
this.delayTimeout = null;
|
|
23586
23071
|
}, this.delay);
|
|
@@ -23598,7 +23083,7 @@ class PostTooltipTrigger {
|
|
|
23598
23083
|
this.tooltip?.hide();
|
|
23599
23084
|
}
|
|
23600
23085
|
render() {
|
|
23601
|
-
return (hAsync(Host, { key: '
|
|
23086
|
+
return (hAsync(Host, { key: '130a5d8ad8e981ee3f46fbbfcab74afd4c2dce18', "data-version": version$1 }, hAsync("slot", { key: '6718994fc17acb24dbc176110c9a0356c4158e38', onSlotchange: () => this.handleSlotChange() })));
|
|
23602
23087
|
}
|
|
23603
23088
|
get host() { return getElement(this); }
|
|
23604
23089
|
static get watchers() { return {
|
|
@@ -23623,6 +23108,7 @@ class PostTooltipTrigger {
|
|
|
23623
23108
|
registerComponents([
|
|
23624
23109
|
PostAccordion,
|
|
23625
23110
|
PostAccordionItem,
|
|
23111
|
+
PostAutocomplete,
|
|
23626
23112
|
PostAvatar,
|
|
23627
23113
|
PostBackToTop,
|
|
23628
23114
|
PostBanner,
|
|
@@ -23632,13 +23118,14 @@ registerComponents([
|
|
|
23632
23118
|
PostCollapsible,
|
|
23633
23119
|
PostCollapsibleTrigger,
|
|
23634
23120
|
PostDatePicker,
|
|
23635
|
-
PostEnvTest,
|
|
23636
23121
|
PostFooter,
|
|
23637
23122
|
PostHeader,
|
|
23638
23123
|
PostIcon,
|
|
23639
23124
|
PostLanguageMenu,
|
|
23640
23125
|
PostLanguageMenuItem,
|
|
23641
23126
|
PostLinkarea,
|
|
23127
|
+
PostListbox,
|
|
23128
|
+
PostListboxOption,
|
|
23642
23129
|
PostLogo,
|
|
23643
23130
|
PostMainnavigation,
|
|
23644
23131
|
PostMegadropdown,
|
|
@@ -23662,275 +23149,6 @@ registerComponents([
|
|
|
23662
23149
|
PostTooltipTrigger,
|
|
23663
23150
|
]);
|
|
23664
23151
|
|
|
23665
|
-
/*!
|
|
23666
|
-
* long-press-event - v@version@
|
|
23667
|
-
* Pure JavaScript long-press-event
|
|
23668
|
-
* https://github.com/john-doherty/long-press-event
|
|
23669
|
-
* @author John Doherty <www.johndoherty.info>
|
|
23670
|
-
* @license MIT
|
|
23671
|
-
*/
|
|
23672
|
-
(function (window, document) {
|
|
23673
|
-
|
|
23674
|
-
// local timer object based on rAF
|
|
23675
|
-
var timer = null;
|
|
23676
|
-
|
|
23677
|
-
// check if we're using a touch screen
|
|
23678
|
-
var hasPointerEvents = (('PointerEvent' in window) || (window.navigator && 'msPointerEnabled' in window.navigator));
|
|
23679
|
-
var isTouch = (('ontouchstart' in window) || (navigator.MaxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0));
|
|
23680
|
-
|
|
23681
|
-
// switch to pointer events or touch events if using a touch screen
|
|
23682
|
-
var mouseDown = hasPointerEvents ? 'pointerdown' : isTouch ? 'touchstart' : 'mousedown';
|
|
23683
|
-
var mouseUp = hasPointerEvents ? 'pointerup' : isTouch ? 'touchend' : 'mouseup';
|
|
23684
|
-
var mouseMove = hasPointerEvents ? 'pointermove' : isTouch ? 'touchmove' : 'mousemove';
|
|
23685
|
-
var mouseLeave = hasPointerEvents ? 'pointerleave' : isTouch ? 'touchleave' : 'mouseleave';
|
|
23686
|
-
|
|
23687
|
-
// track number of pixels the mouse moves during long press
|
|
23688
|
-
var startX = 0; // mouse x position when timer started
|
|
23689
|
-
var startY = 0; // mouse y position when timer started
|
|
23690
|
-
var maxDiffX = 10; // max number of X pixels the mouse can move during long press before it is canceled
|
|
23691
|
-
var maxDiffY = 10; // max number of Y pixels the mouse can move during long press before it is canceled
|
|
23692
|
-
|
|
23693
|
-
// patch CustomEvent to allow constructor creation (IE/Chrome)
|
|
23694
|
-
if (typeof window.CustomEvent !== 'function') {
|
|
23695
|
-
|
|
23696
|
-
window.CustomEvent = function (event, params) {
|
|
23697
|
-
|
|
23698
|
-
params = params || { bubbles: false, cancelable: false, detail: undefined };
|
|
23699
|
-
|
|
23700
|
-
var evt = document.createEvent('CustomEvent');
|
|
23701
|
-
evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
|
|
23702
|
-
return evt;
|
|
23703
|
-
};
|
|
23704
|
-
|
|
23705
|
-
window.CustomEvent.prototype = window.Event.prototype;
|
|
23706
|
-
}
|
|
23707
|
-
|
|
23708
|
-
// requestAnimationFrame() shim by Paul Irish
|
|
23709
|
-
window.requestAnimFrame = (function () {
|
|
23710
|
-
return window.requestAnimationFrame ||
|
|
23711
|
-
window.webkitRequestAnimationFrame ||
|
|
23712
|
-
window.mozRequestAnimationFrame ||
|
|
23713
|
-
window.oRequestAnimationFrame ||
|
|
23714
|
-
window.msRequestAnimationFrame || function (callback) {
|
|
23715
|
-
window.setTimeout(callback, 1000 / 60);
|
|
23716
|
-
};
|
|
23717
|
-
})();
|
|
23718
|
-
|
|
23719
|
-
/**
|
|
23720
|
-
* Behaves the same as setTimeout except uses requestAnimationFrame() where possible for better performance
|
|
23721
|
-
* @param {function} fn The callback function
|
|
23722
|
-
* @param {int} delay The delay in milliseconds
|
|
23723
|
-
* @returns {object} handle to the timeout object
|
|
23724
|
-
*/
|
|
23725
|
-
function requestTimeout(fn, delay) {
|
|
23726
|
-
|
|
23727
|
-
if (!window.requestAnimationFrame && !window.webkitRequestAnimationFrame &&
|
|
23728
|
-
!(window.mozRequestAnimationFrame && window.mozCancelRequestAnimationFrame) && // Firefox 5 ships without cancel support
|
|
23729
|
-
!window.oRequestAnimationFrame && !window.msRequestAnimationFrame) return window.setTimeout(fn, delay);
|
|
23730
|
-
|
|
23731
|
-
var start = new Date().getTime();
|
|
23732
|
-
var handle = {};
|
|
23733
|
-
|
|
23734
|
-
var loop = function () {
|
|
23735
|
-
var current = new Date().getTime();
|
|
23736
|
-
var delta = current - start;
|
|
23737
|
-
|
|
23738
|
-
if (delta >= delay) {
|
|
23739
|
-
fn.call();
|
|
23740
|
-
}
|
|
23741
|
-
else {
|
|
23742
|
-
handle.value = requestAnimFrame(loop);
|
|
23743
|
-
}
|
|
23744
|
-
};
|
|
23745
|
-
|
|
23746
|
-
handle.value = requestAnimFrame(loop);
|
|
23747
|
-
|
|
23748
|
-
return handle;
|
|
23749
|
-
}
|
|
23750
|
-
|
|
23751
|
-
/**
|
|
23752
|
-
* Behaves the same as clearTimeout except uses cancelRequestAnimationFrame() where possible for better performance
|
|
23753
|
-
* @param {object} handle The callback function
|
|
23754
|
-
* @returns {void}
|
|
23755
|
-
*/
|
|
23756
|
-
function clearRequestTimeout(handle) {
|
|
23757
|
-
if (handle) {
|
|
23758
|
-
window.cancelAnimationFrame ? window.cancelAnimationFrame(handle.value) :
|
|
23759
|
-
window.webkitCancelAnimationFrame ? window.webkitCancelAnimationFrame(handle.value) :
|
|
23760
|
-
window.webkitCancelRequestAnimationFrame ? window.webkitCancelRequestAnimationFrame(handle.value) : /* Support for legacy API */
|
|
23761
|
-
window.mozCancelRequestAnimationFrame ? window.mozCancelRequestAnimationFrame(handle.value) :
|
|
23762
|
-
window.oCancelRequestAnimationFrame ? window.oCancelRequestAnimationFrame(handle.value) :
|
|
23763
|
-
window.msCancelRequestAnimationFrame ? window.msCancelRequestAnimationFrame(handle.value) :
|
|
23764
|
-
clearTimeout(handle);
|
|
23765
|
-
}
|
|
23766
|
-
}
|
|
23767
|
-
|
|
23768
|
-
/**
|
|
23769
|
-
* Fires the 'long-press' event on element
|
|
23770
|
-
* @param {MouseEvent|PointerEvent|TouchEvent} originalEvent The original event being fired
|
|
23771
|
-
* @returns {void}
|
|
23772
|
-
*/
|
|
23773
|
-
function fireLongPressEvent(originalEvent) {
|
|
23774
|
-
|
|
23775
|
-
clearLongPressTimer();
|
|
23776
|
-
|
|
23777
|
-
originalEvent = unifyEvent(originalEvent);
|
|
23778
|
-
|
|
23779
|
-
// fire the long-press event
|
|
23780
|
-
var allowClickEvent = this.dispatchEvent(new CustomEvent('long-press', {
|
|
23781
|
-
bubbles: true,
|
|
23782
|
-
cancelable: true,
|
|
23783
|
-
|
|
23784
|
-
// custom event data (legacy)
|
|
23785
|
-
detail: {
|
|
23786
|
-
clientX: originalEvent.clientX,
|
|
23787
|
-
clientY: originalEvent.clientY,
|
|
23788
|
-
offsetX: originalEvent.offsetX,
|
|
23789
|
-
offsetY: originalEvent.offsetY,
|
|
23790
|
-
pageX: originalEvent.pageX,
|
|
23791
|
-
pageY: originalEvent.pageY
|
|
23792
|
-
},
|
|
23793
|
-
|
|
23794
|
-
// add coordinate data that would typically acompany a touch/click event
|
|
23795
|
-
clientX: originalEvent.clientX,
|
|
23796
|
-
clientY: originalEvent.clientY,
|
|
23797
|
-
offsetX: originalEvent.offsetX,
|
|
23798
|
-
offsetY: originalEvent.offsetY,
|
|
23799
|
-
pageX: originalEvent.pageX,
|
|
23800
|
-
pageY: originalEvent.pageY,
|
|
23801
|
-
screenX: originalEvent.screenX,
|
|
23802
|
-
screenY: originalEvent.screenY
|
|
23803
|
-
}));
|
|
23804
|
-
|
|
23805
|
-
if (!allowClickEvent) {
|
|
23806
|
-
// suppress the next click event if e.preventDefault() was called in long-press handler
|
|
23807
|
-
document.addEventListener('click', function suppressEvent(e) {
|
|
23808
|
-
document.removeEventListener('click', suppressEvent, true);
|
|
23809
|
-
cancelEvent(e);
|
|
23810
|
-
}, true);
|
|
23811
|
-
}
|
|
23812
|
-
}
|
|
23813
|
-
|
|
23814
|
-
/**
|
|
23815
|
-
* consolidates mouse, touch, and Pointer events
|
|
23816
|
-
* @param {MouseEvent|PointerEvent|TouchEvent} e The original event being fired
|
|
23817
|
-
* @returns {MouseEvent|PointerEvent|Touch}
|
|
23818
|
-
*/
|
|
23819
|
-
function unifyEvent(e) {
|
|
23820
|
-
if (e.changedTouches !== undefined) {
|
|
23821
|
-
return e.changedTouches[0];
|
|
23822
|
-
}
|
|
23823
|
-
return e;
|
|
23824
|
-
}
|
|
23825
|
-
|
|
23826
|
-
/**
|
|
23827
|
-
* method responsible for starting the long press timer
|
|
23828
|
-
* @param {event} e - event object
|
|
23829
|
-
* @returns {void}
|
|
23830
|
-
*/
|
|
23831
|
-
function startLongPressTimer(e) {
|
|
23832
|
-
|
|
23833
|
-
clearLongPressTimer();
|
|
23834
|
-
|
|
23835
|
-
var el = e.target;
|
|
23836
|
-
|
|
23837
|
-
// get delay from html attribute if it exists, otherwise default to 1500
|
|
23838
|
-
var longPressDelayInMs = parseInt(getNearestAttribute(el, 'data-long-press-delay', '1500'), 10); // default 1500
|
|
23839
|
-
|
|
23840
|
-
// start the timer
|
|
23841
|
-
timer = requestTimeout(fireLongPressEvent.bind(el, e), longPressDelayInMs);
|
|
23842
|
-
}
|
|
23843
|
-
|
|
23844
|
-
/**
|
|
23845
|
-
* method responsible for clearing a pending long press timer
|
|
23846
|
-
* @param {event} e - event object
|
|
23847
|
-
* @returns {void}
|
|
23848
|
-
*/
|
|
23849
|
-
function clearLongPressTimer(e) {
|
|
23850
|
-
clearRequestTimeout(timer);
|
|
23851
|
-
timer = null;
|
|
23852
|
-
}
|
|
23853
|
-
|
|
23854
|
-
/**
|
|
23855
|
-
* Cancels the current event
|
|
23856
|
-
* @param {object} e - browser event object
|
|
23857
|
-
* @returns {void}
|
|
23858
|
-
*/
|
|
23859
|
-
function cancelEvent(e) {
|
|
23860
|
-
e.stopImmediatePropagation();
|
|
23861
|
-
e.preventDefault();
|
|
23862
|
-
e.stopPropagation();
|
|
23863
|
-
}
|
|
23864
|
-
|
|
23865
|
-
/**
|
|
23866
|
-
* Starts the timer on mouse down and logs current position
|
|
23867
|
-
* @param {object} e - browser event object
|
|
23868
|
-
* @returns {void}
|
|
23869
|
-
*/
|
|
23870
|
-
function mouseDownHandler(e) {
|
|
23871
|
-
startX = e.clientX;
|
|
23872
|
-
startY = e.clientY;
|
|
23873
|
-
startLongPressTimer(e);
|
|
23874
|
-
}
|
|
23875
|
-
|
|
23876
|
-
/**
|
|
23877
|
-
* If the mouse moves n pixels during long-press, cancel the timer
|
|
23878
|
-
* @param {object} e - browser event object
|
|
23879
|
-
* @returns {void}
|
|
23880
|
-
*/
|
|
23881
|
-
function mouseMoveHandler(e) {
|
|
23882
|
-
|
|
23883
|
-
// calculate total number of pixels the pointer has moved
|
|
23884
|
-
var diffX = Math.abs(startX - e.clientX);
|
|
23885
|
-
var diffY = Math.abs(startY - e.clientY);
|
|
23886
|
-
|
|
23887
|
-
// if pointer has moved more than allowed, cancel the long-press timer and therefore the event
|
|
23888
|
-
if (diffX >= maxDiffX || diffY >= maxDiffY) {
|
|
23889
|
-
clearLongPressTimer();
|
|
23890
|
-
}
|
|
23891
|
-
}
|
|
23892
|
-
|
|
23893
|
-
/**
|
|
23894
|
-
* Gets attribute off HTML element or nearest parent
|
|
23895
|
-
* @param {object} el - HTML element to retrieve attribute from
|
|
23896
|
-
* @param {string} attributeName - name of the attribute
|
|
23897
|
-
* @param {any} defaultValue - default value to return if no match found
|
|
23898
|
-
* @returns {any} attribute value or defaultValue
|
|
23899
|
-
*/
|
|
23900
|
-
function getNearestAttribute(el, attributeName, defaultValue) {
|
|
23901
|
-
|
|
23902
|
-
// walk up the dom tree looking for data-action and data-trigger
|
|
23903
|
-
while (el && el !== document.documentElement) {
|
|
23904
|
-
|
|
23905
|
-
var attributeValue = el.getAttribute(attributeName);
|
|
23906
|
-
|
|
23907
|
-
if (attributeValue) {
|
|
23908
|
-
return attributeValue;
|
|
23909
|
-
}
|
|
23910
|
-
|
|
23911
|
-
el = el.parentNode;
|
|
23912
|
-
}
|
|
23913
|
-
|
|
23914
|
-
return defaultValue;
|
|
23915
|
-
}
|
|
23916
|
-
|
|
23917
|
-
// hook events that clear a pending long press event
|
|
23918
|
-
document.addEventListener(mouseUp, clearLongPressTimer, true);
|
|
23919
|
-
document.addEventListener(mouseLeave, clearLongPressTimer, true);
|
|
23920
|
-
document.addEventListener(mouseMove, mouseMoveHandler, true);
|
|
23921
|
-
document.addEventListener('wheel', clearLongPressTimer, true);
|
|
23922
|
-
document.addEventListener('scroll', clearLongPressTimer, true);
|
|
23923
|
-
document.addEventListener('contextmenu', clearLongPressTimer, true);
|
|
23924
|
-
|
|
23925
|
-
// hook events that can trigger a long press event
|
|
23926
|
-
document.addEventListener(mouseDown, mouseDownHandler, true); // <- start
|
|
23927
|
-
|
|
23928
|
-
}(window, document));
|
|
23929
|
-
|
|
23930
|
-
var longPressEvent = /*#__PURE__*/Object.freeze({
|
|
23931
|
-
__proto__: null
|
|
23932
|
-
});
|
|
23933
|
-
|
|
23934
23152
|
exports.hydrateApp = hydrateApp;
|
|
23935
23153
|
|
|
23936
23154
|
|